.fnt_24 { font-size:24px;}
.fnt_36 { font-size:36px;}


.wrap{width: 1600px; max-width: 94%; margin: 0px auto;}
.padd80{padding: 0 80px;}
@media only screen and (max-width: 1024px) {
.fnt_24 { font-size:18px;}
.fnt_36 { font-size:22px;}
}
@media only screen and (max-width: 767px) {

.fnt_36 { font-size:20px;}
}

@media only screen and (max-width: 1023px) {
.padd80{padding: 0 40px;}

}
@media only screen and (max-width: 767px) {
.padd80{padding: 0 20px;}
}

.leader_top{background: url(../image/l_bg.jpg) no-repeat center center;background-size: cover;position: relative;}
.leader_top .padd80{overflow: hidden;}
.leader_insert{overflow: hidden;position: relative;padding: 150px 0;}
.leader_top .r_right{padding-right: 530px;}
.leader_top .l_left{width: 386px;position: absolute;bottom: 0;right: 80px;}
.leader_top .l_left img{width: 100%;}
.leader_top dl{overflow: hidden;}
.leader_top dt{float: left;width: 180px;box-sizing:border-box;text-align: right;}
.leader_top dd{width: calc(100% - 215px);float: right;border-left: 1px solid #1993a0;padding-left: 45px;box-sizing:border-box;}
.leader_top dd h2{margin-bottom: 20px;}
.leader_top dd p{line-height: 30px;overflow: hidden; text-align: justify;}

.leader_bottom{padding: 80px 0;}
.leader_bottom ul{display: table;width: 100%;margin: 0 -2px;display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.leader_bottom li{width: 49.7%; margin-bottom: 0.6%;float: left; background: #fff;}
.leader_bottom{background: #fafafa;}
.leader_bottom dl{padding: 30px 5%;padding-bottom: 65px;margin: 0 2px;}
.leader_bottom dt{text-align: center;padding: 30px 0 50px 0;position: relative;}
.leader_bottom dt span{display: block;position: relative;z-index: 2;}
.leader_bottom dt span img{width: 212px; height: 212px; border-radius: 50%;}
.leader_bottom dt em{position: absolute;}
.leader_bottom dt em.bg01 img{width: 100%;}
.leader_bottom dt em.bg01{left: 0; top:0;width: 100%;}
.leader_bottom dt em.bg02{left: 0; bottom:0;width: 100%;text-align: center;}
.leader_bottom dt em.bg02 img{width: 226px;}
.leader_bottom dd{text-align: center;margin-top: -20px;position: relative;z-index: 2;}
.leader_bottom dd h2{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 10px;cursor: default;}
.leader_bottom dd p{line-height: 1.8;overflow: hidden;margin-bottom: 12px; text-align: justify;}
.leader_bottom dd h4{font-weight: bold;color: #333; padding-bottom: 15px;}
.leader_bottom dd h4 em{display: block;width: 60px;height: 2px;background: #eaeaea;margin: auto;margin-bottom: 15px;}

.leader_bottom li{
	    -webkit-transition: -webkit-box-shadow 0.4s ease-in-out;
    transition: -webkit-box-shadow 0.4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
}


@media only screen and (max-width:1520px) {
.leader_top .l_left{width: 340px;}
.leader_top .r_right{padding-right: 480px;}
}
@media only screen and (max-width:1440px) {
.leader_insert{padding: 100px 0;}
.leader_top .l_left{width: 300px;right: 0;}
.leader_top .r_right{padding-right: 340px;}
.leader_bottom dl{}
}
@media only screen and (max-width:1024px) {
.leader_top .l_left{position: static;margin: auto;width:200px;margin-bottom: 20px;}
.leader_insert{padding: 40px 5%;}
.leader_top dt,.leader_top dd{float: none;margin: 0;padding:0;width: 100%;border:0;}
.leader_top .r_right{padding: 0;}
.leader_top dt,.leader_top dd{text-align: center;}
.leader_top dt{margin-bottom: 10px;}
.leader_top dd h2{margin-bottom: 10px;}
.leader_bottom dt span img{width: 180px;height: 180px;}
.leader_bottom dt{padding: 20px 0 30px 0;}
.leader_bottom dl{padding: 20px 10px;padding-bottom: 45px;}
.leader_bottom dd p{margin-bottom: 12px;}
.leader_bottom{padding: 50px 0;}
.leader_bottom dt em.bg02 img{width: 100%;}
.leader_bottom dd{margin-top: 0;}
.leader_top dd p{line-height: 24px;}
}
@media only screen and (max-width:767px) {
.leader_bottom{padding: 40px 0;}
.leader_bottom li{float: none;width: 100%;}
.leader_bottom dd p{height: auto;}
.leader_bottom dd h4 em{margin-bottom: 10px;}
}

@media only screen and (min-width:1025px) {
.leader_bottom dd h2{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.leader_bottom li:hover{position: relative;z-index: 2;
	-webkit-box-shadow: 0 10px 50px 2px rgba(0,0,0,0.32);
    box-shadow: 0 10px 50px 2px rgba(0,0,0,0.32);

}
.leader_bottom li h2:hover{color: #1993a0;}

}