.dn{display:none}
.human-ban .ban1-cont h2{color:#195fab}
.human-part{background:url(../images/human-bg2.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:122px 0 96px}
.human-part .wp{padding-left:60px}
.human-tab{overflow:hidden;margin-bottom:73px}
.human-tab li{float:left;font-size:30px;color:#a4a7a9;position:relative}
.human-tab li span{display:block;line-height:55px;padding:0 38px 0 30px;cursor:pointer}
.human-tab li.on span{color:#333;background-color:#d9e5f0;border-radius:5px}
.human-tab li.on:first-child{padding-right:35px}
.human-tab li.on:last-child{padding-left:35px}
.human-tab li:first-child::before{content:'';width:1px;height:30px;background-color:#b8bbbe;position:absolute;right:0;top:50%;margin-top:-15px}
.tab-box{width:47%}
.tab-box p{font-size:18px;color:#333;line-height:30px}
.tab-box .more{display:inline-block;font-size:14px;color:#2564ad;line-height:34px;margin-top:26px}
.human-part1{overflow:hidden;padding:70px 0 174px}
.human-col{float:left;width:50%}
.human-col.col{padding-left:12px}
.human-part1 h3{font-size:36px;color:#444;font-weight:700;line-height:56px;margin-bottom:38px}
.human-img{position:relative;overflow:hidden;height:356px;object-fit:cover}
.human-img:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.human-img img{display:block;width:100%;height:100%;object-fit:cover}
.human-img .join-btn{display:block;width:178px;height:66px;line-height:66px;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(0,90,183,.8);font-size:16px;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.human-img .join-btn span{display:inline-block;padding-right:18px;background:url(../images/nl-arr.png) no-repeat right center}
.human-img .join-btn:hover{background-color:#005ab7}
.human-item{overflow:hidden;margin:0 -2px}
.human-item li{float:left;width:calc(50% - 8px);position:relative;margin:0 2px;height:356px;object-fit:cover;overflow:hidden;cursor:pointer;}
.human-item li:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.human-item li>img{display:block;width:100%;height:100%}
.human-item li a img{height: 100%;width: 100%;}
.human-item li .info{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%}
.human-item li .info strong{display:block;font-size:18px;color:#fff;line-height:28px;font-weight:700;margin-bottom:15px}
.human-item li .info span{display:block;font-size:14px;color:#fff;line-height:24px}
/* .human-item li .info a:hover{color:#005ab7} */
@media only screen and (max-width:1199px){
.human-part .wp{padding-left:0}
.tab-box{width:77%}
}
@media only screen and (max-width:959px){
.human-part{padding:60px 0 50px}
.human-tab{margin-bottom:50px}
.human-tab li{font-size:20px}
.human-tab li span{line-height:45px}
.human-tab li.on span{padding:0 20px}
.tab-box p{font-size:16px}
.human-part1 h3{font-size:26px;line-height:46px}
.human-col{width:100%;margin-bottom:30px}
.human-col.col{padding-left:0}
.human-part1{padding:50px 0}
}
@media only screen and (max-width:767px){
.tab-box{width:100%}
.human-part .wp{padding:0 20px}
.human-tab li span{padding:0 20px}
.human-img{padding-right:0}
.human-tab li span{font-size:16px}
.human-tab{margin-bottom:30px}
.human-img .join-btn{height:50px;line-height:50px}
.human-part1 h3{font-size:20px;line-height:40px}
}
@media only screen and (max-width:360px){
.tab-box p{font-size:14px}
.human-part1 h3{margin-bottom:10px}
}