/* 职业发展 */
html{font-size: 100px;}
.pd {}
.w1600 {width: 90%;display: block;margin: 0 auto;box-sizing: border-box;}
.lnzch_box {background-image: url(../static/images/talent1.png);background-position: center; background-size: cover;margin-top:-70px;}
.lnzch_box .left{float:left; font-size:36px; font-weight:bold;margin-top: 70px;}
.lnzch_box .div2{color: #004098;}
.lnzch_box .div2 .w1600{display: flex;align-items: center;justify-content: space-between;}
.lnzch_box .div2 .txt{text-align: left;}
.lnzch_box .div2 .txt p{font-size: 18px;color: #666;line-height: 1.8;width: 80%;}
.lnzch_box .txt strong {font-size: 32px;display: block;margin-bottom: 0.18rem;color: #3058a6;}
.lnzch_box .div2 .dl{margin-top: 0.4rem;margin-right: 1.0rem;flex-shrink: 0;width: 5.09rem;height: 5.09rem;position: relative;background-image: url(../static/images/talentlogo.png);background-position: center;background-size: 0.95rem;background-repeat: no-repeat;}
.lnzch_box .div2 .dl dt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.lnzch_box .div2 .dl dt i:nth-of-type(1){position: absolute;top: 10%;right: 0%;width: 0.44rem;height: 0.44rem;transform: translate(-50%,-50%);background-color: #c5d9e0;border-radius: 50%;}
.lnzch_box .div2 .dl dt i:nth-of-type(2){position: absolute;top: 3.5%;right: 26%;width: 0.34rem;height: 0.34rem;transform: translate(-50%,-50%);background-color: #ea5c46;border-radius: 50%;}
.lnzch_box .div2 .dl dt i:nth-of-type(3){position: absolute;top: 28.5%;right: 32%;width: 0.18rem;height: 0.18rem;transform: translate(-50%,-50%);background-color: #c79905;border-radius: 50%;}
.lnzch_box .div2 .dd1{position: absolute;width: 100%;height: 100%;top: 0;left: 0%;}
.lnzch_box .div2 .dd1::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: url(../static/images/xz6.png);background-size: 100% 100%;animation: xz1 5s linear infinite;}
.lnzch_box .div2 .dd2{position: absolute;width: 3.8rem;height: 3.8rem;top: 50%;left: 50%;margin: -1.9rem 0 0 -1.9rem;}
.lnzch_box .div2 .dd2::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: url(../static/images/xz14.png);background-size: 100% 100%;animation: xz2 4s linear infinite;}
.lnzch_box .div2 .dd3{position: absolute;width: 1.65rem;height: 1.65rem;top: 50%;left: 50%;margin: -0.83rem 0 0 -0.83rem;}
.lnzch_box .div2 .dd3::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: url(../static/images/xz5.png);background-size: 100% 100%;animation: xz1 3s linear infinite;}
.lnzch_box .div2 .dd1 p{position: absolute;width: 1.0rem;height: 1.0rem;transform: translate(-50%,-50%);}
.lnzch_box .div2 .dd1 p img{width: 100%;}
.lnzch_box .div2 .dd1 p span{position: absolute;white-space: nowrap;top: 106%;left: 50%;transform: translateX(-50%);font-size: 0.16rem;line-height: 1.4;text-align: center;}
.lnzch_box .div2 .dd1 p:nth-of-type(1) span{left: -50%;top: 40%;}
.lnzch_box .div2 .dd1 p:nth-of-type(1){top: 0;left: 40%;}
.lnzch_box .div2 .dd1 p:nth-of-type(2){top: 74%;left: 93%;}
.lnzch_box .div2 .dd1 p:nth-of-type(3){top: 45%;left: 0;}
.lnzch_box .div2 .dd1 p:nth-of-type(3) span{left: auto;right: 110%;top: 50%;transform: translateX(0);transform: translateY(-50%);}
.lnzch_box .div2 .dd2 p{position: absolute;width: 0.79rem;height: 0.79rem;transform: translate(-50%,-50%);}
.lnzch_box .div2 .dd2 p img{width: 100%;}
.lnzch_box .div2 .dd2 p span{position: absolute;white-space: nowrap;top: 106%;left: 50%;transform: translateX(-50%);font-size: 0.16rem;line-height: 1.4;text-align: center;}
.lnzch_box .div2 .dd2 p:nth-of-type(1){top: 33%;left: 94%;}
.lnzch_box .div2 .dd2 p:nth-of-type(2){top: 15%;left: 14%;}
.lnzch_box .div2 .dd2 p:nth-of-type(2) span{left: auto;right: 110%;top: 50%;transform: translateX(0);transform: translateY(-50%);}
.lnzch_box .div2 .dd2 p:nth-of-type(3){top: 94%;left: 73%;}
.lnzch_box .div2 .dd2 p:nth-of-type(3) span{top: auto;bottom: 106%;}
@keyframes xz1 {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(-360deg);
	}
}
@keyframes xz2 {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}
.joinUS_ban{height:589px; overflow:hidden; position:relative;}
.joinUS_ban>img{position:absolute; width:100%; max-width:none;}
.joinUS_ban .infor {position:absolute; left:0; bottom:300px; width:100%;}
.joinUS_ban .infor .tit{font-size:46px; line-height:46px; color:#113e94; text-align:center; font-weight:bold;}
.joinUS_ban .infor .con{font-size:18px; line-height:30px; color:#333; text-align:center; padding:0 18%; margin-top:26px}
.joinUS_ban .infor .form_box {padding:0 5%; margin-top:50px;}
.joinUS_ban .infor .form_box .inp_box{float:left; width:30%; margin-right:0.8%;}
.joinUS_ban .infor .form_box .inp_box .inp{width:100%; height:56px; line-height:56px; padding:0; margin:0; border:none; text-indent:25px; border-radius:0; background:#e3e7ec;}
.joinUS_ban .infor .form_box .inp_box .inp:hover{background:#fff}
.joinUS_ban .infor .form_box .btn_box{float:left;}
.joinUS_ban .infor .form_box .btn_box button{display:block; width:56px; height:56px; margin:0; padding:0; border:none; outline:none; position:relative; background:#125f74; cursor:pointer;}
.joinUS_ban .select-ui-choose-default ._arrow{width:2em;}
.joinUS_ban .select-ui-choose-default ._txt{padding-left:0;}
.join_us01{/*background:url(../static/images/talent3.jpg) no-repeat center;*/ padding-bottom:120px; background-size:cover}
.join_us01 .content{margin-top:-142px;}
.join_us01 .content li{width:33.33%; float:left; position:relative;}
.join_us01 .content li.odd{background:rgb(17, 62, 148); margin-top:54px;}
.join_us01 .content li.even{background:#f8f8f8;}
.join_us01 .content .li_box{padding:38px 33px 38px; display:block;}
.join_us01 .content .li_box .intro .tit{font-size:24px; font-weight:bold;}
.join_us01 .content .li_box .intro .con{margin:25px 0 30px;}
.join_us01 .content .li_box .intro .con .rect-5714{padding-bottom:57.14%;}
.join_us01 .content .li_box .intro .txt{font-size:16px; line-height:32px; overflow:hidden;}
.join_us01 .content .li_box .intro .txt span::before {content: "●";font-size: 0.16rem;margin: 0 0.05rem 0 0;}
.join_us01 .content li.odd .li_box .intro{color:#fff;}
.join_us01 .content li.even .li_box .intro{color:#666}
.join_us01 .content li.even .li_box .intro .txt{color:#666;}

/* 薪酬福利 */
.channel_content{min-height:300px; background:#eef2f5; padding:70px 0 70px;}
.talent2 .left{ font-size:36px; font-weight:bold;}
.talent2 .intro{text-align:center; padding:0 11%; margin-bottom:30px;}
.talent2 .intro .t{font-size:32px; font-weight:bold; color:#3058a6;}
.talent2 .intro .c{font-size:16px; color:#5f5f5f; line-height:28px; margin-top:10px;}
.talent2 .content .item{background:#fff; margin-bottom:80px; box-shadow:0 5px 5px rgba(0,0,0,.1)}
.talent2 .content .item .img{max-width:40%; float:left;overflow: hidden;}
.talent2 .content .item.odd .img{float:right;}
.talent2 .content .item .text{width:60%; float:right;}
.talent2 .content .item.odd .text{float:left;}
.talent2 .content .item .text .box{padding:40px 60px;}
.talent2 .content .item .text .box .tit{font-size:24px; color:#3058a6; font-weight:bold;}
.talent2 .content .item .text .box .con{font-size:16px; color:#333; margin:10px 0 0px;line-height: 36px;}

/*学习资源*/
.talent3 .left{ font-size:36px; font-weight:bold;}
.talent3 .infor{text-align:center; margin-bottom:60px;}
.talent3 .infor .tit{font-size:32px; font-weight:bold;line-height:1; color:#3058a6; margin-bottom:19px;}
.talent3 .infor .con{font-size:16px; color:#3d3d3d;}
.talent3 .content .rect-865{padding-bottom:86.5%;}
.talent3 .content .rect-537{padding-bottom:53.7%;}
.talent3 .content .rect-836{padding-bottom:83.6%;}
.talent3 .content .rect-465{padding-bottom:48.5%;}
.talent3 .content .left{width:32%; float:left; margin-right:2%;}
.talent3 .content .left .intro{background:#fff; position:relative;}
.talent3 .content .left .intro:after{content:''; width:100px; height:3px; background:#244a9a; position:absolute; left:38px; bottom:34px;}
.talent3 .content .left .intro .box{padding:33px 60px 34px 38px; line-height:36px;}
.talent3 .content .left .intro .box .t{font-size:22px; font-weight:bold; color:#3058a6;  margin-bottom:15px;}
.talent3 .content .left .intro .box .c{font-size:16px; color:#505050; overflow:hidden; font-weight:400;}
.talent3 .content .left .intro .box .c span::before {content: "●";font-size: 0.16rem;margin: 0 0.02rem;}
.talent3 .content .right{width:66%; float:left;}
.talent3 .content .right .r_top{background:#244a9a; position:relative; margin-bottom:24px;}
.talent3 .content .right .r_top:after{content:''; width:100px; height:3px; position:absolute; left:46px; bottom:43px;}
.talent3 .content .right .r_top .span_l{float:right;}
.talent3 .content .right .r_top .span_r{float:left;}
.talent3 .content .right .r_top .text{padding:53px 40px 43px 47px; color:#fff; line-height:36px;}
.talent3 .content .right .r_top .text .t{font-size:24px; font-weight:bold; margin-bottom:14px;}
.talent3 .content .right .r_top .text .c{font-size:16px; max-height:120px; overflow:hidden;}
.talent3 .content .right .r_top .text .c span::before {content: "●"; font-size: 0.16rem;margin: 0 0.02rem;}
.talent3 .content .right .r_bott{background:#fff;}
.talent3 .content .right .r_bott .span_r{position:relative;}
.talent3 .content .right .r_bott .span_r:after{content:''; width:100px; height:3px; background:#244a9a; position:absolute; left:31px; bottom:35px;}
.talent3 .content .right .r_bott .text{padding:28px 64px 34px 31px; color:#3058a6; line-height:36px;}
.talent3 .content .right .r_bott .text .t{font-size:24px; font-weight:bold; margin-bottom:14px;}
.talent3 .content .right .r_bott .text .c{font-size:16px; color:#505050; overflow:hidden;}
.talent3 .content .right .r_bott .text .c span::before {content: "●";font-size: 0.16rem;margin: 0 0.02rem;}

/* 招聘信息 */
.talent4{padding:70px 0;}
.talent4 .left{float:left; font-size:36px; font-weight:bold;margin:0 0 20px 0;}
.talent4 .item{width:48%; float:left; background:#ededed; transition:all 0.5s ease;}
.talent4 .item:first-child{margin-right:4%;}
.talent4 .item .box{padding:60px 60px 40px; display:block;}
.talent4 .item .box .icon{display:inline-block; width:100px; height:100px; background:url(../static/images/talent4ico.png) no-repeat; margin-right:20px; vertical-align:middle;}
.talent4 .item .box .icon01{background-position:0 0;}
.talent4 .item .box .icon02{background-position:-100px 0;}
.talent4 .item .box .intro {display:inline-block; color:#000; vertical-align:middle;}
.talent4 .item .box .intro .t{font-size:32px;}
.talent4 .item .box .intro .c{font-size:16px;}
.talent4 .item:hover{background:#da2d27;}
.talent4 .item:hover .box .intro{color:#fff;}

.pd2 {padding: 0.7rem 0; margin-bottom:50px;}
.lnzch_box2 {}
.lnzch_box2 .div7{background-image: url(../static/images/talent4bg.jpg);background-position: center;background-size: cover;color: #fff;}
.lnzch_box2 .div7 .h6 p{color: #fff;}
.lnzch_box2 .div7 .h6 strong {font-size: 0.3rem;display: block;margin-bottom: 0.18rem;}
.lnzch_box2 .div7 ul{display: flex;margin-left: 4%;}
.lnzch_box2 .div7 ul li{flex-shrink: 0;width: 18%;padding-bottom: 18%;box-sizing: border-box;border: 1px solid #fff;border-radius: 2rem;position: relative;margin-left: -4%;cursor: pointer;overflow: hidden;transition: all 0.5s ease;}
.lnzch_box2 .div7 ul li::after{content: "";position: absolute;top: 50%;right: 0.1rem;width: 0.34rem;height: 0.24rem;margin-top: -0.12rem;background-image: url(../static/images/arrwr.png);background-size: 100% 100%;}
.lnzch_box2 .div7 ul li:last-of-type::after{display: none;}
.lnzch_box2 .div7 ul li h6{position: absolute;width: 100%;top: 42%;left: 0;transform: translateY(-50%);text-align: center;transition: all 0.5s ease;}
.lnzch_box2 .div7 ul li h6 img{width: 0.6rem;}
.lnzch_box2 .div7 ul li h6 span{display: block;font-size: 0.24rem;color: #fff;}
.lnzch_box2 .div7 ul li dl{position: absolute;width: 90%;top: 55%;left: 100%;transform: translateY(-50%);box-sizing: border-box;padding-left: 0.1rem;opacity: 0;transition: all 0.5s ease;}
.lnzch_box2 .div7 ul li dl::after{content: "";position: absolute;width: 0.09rem;height: 0.15rem;background-image: url(../static/images/arrwt.png);background-size: 100% 100%;top: 0.11rem;left: -0.08rem;}
.lnzch_box2 .div7 ul li dl dd{font-size: 0.18rem;line-height: 2.0;}
.lnzch_box2 .div7 ul .active_li{width: 45%;z-index: 1;background-color: #113e94;border: 1px solid #113e94;}
.lnzch_box2 .div7 ul .active_li h6{width: 45%;}
.lnzch_box2 .div7 ul .active_li dl{left: 35%;opacity: 1;}

@media (max-width: 1600px) {
	html {font-size: 90px;}
}
@media (max-width: 1500px) {
	.htcsjjh_box .div2 .h5 a{padding: 0 0.18rem;}
}
@media (max-width: 1400px) {
	html {font-size: 80px;}
}
@media (max-width: 380px){
	html {font-size: 70px;}
}
@media only screen and (max-width:1680px) {
	.lnzch_box .div2 .dl {margin-right: 0rem}
    .talent3 .content .rect-537{padding-bottom:81.5%;}
    .talent3 .content .rect-465{padding-bottom:73.5%;}
	.talent3 .content .left .intro:after{left:20px;background: none; }
	.talent3 .content .right .r_bott .span_r:after{left:20px;background: none; }
}
@media only screen and (max-width:1550px) {
	.lnzch_box .div2 .dl {margin-right: 0rem}
    .talent3 .content .rect-537{padding-bottom:81.5%;}
    .talent3 .content .rect-465{padding-bottom:73.5%;}
	.talent3 .content .left .intro:after{left:20px;background: none; }
	.talent3 .content .right .r_bott .span_r:after{left:20px;background: none; }
}
@media only screen and (max-width:1440px) {
	.lnzch_box .div2 .dl {margin-right: 0rem}
    .talent3 .content .rect-537{padding-bottom:81.5%;}
    .talent3 .content .rect-465{padding-bottom:73.5%;}
	.talent3 .content .left .intro:after{left:20px;background: none; }
	.talent3 .content .right .r_bott .span_r:after{left:20px;background: none; }
}
@media only screen and (max-width:1366px) {
	.lnzch_box .div2 .dl {margin-right: 0rem}
    .talent3 .content .rect-537{padding-bottom:81.5%;}
    .talent3 .content .rect-465{padding-bottom:73.5%;}
	.talent3 .content .left .intro:after{left:20px;background: none; }
	.talent3 .content .right .r_bott .span_r:after{left:20px;background: none; }
}
/*
* PadMode
*/
@media only screen and (max-width: 1240px) {
    .talent2 .content .item .text .box .tit{font-size:24px; line-height:1.2;}
    .talent2 .content .item .text .box .con{font-size:18px;}
	.lnzch_box .div2 .txt {width: 42%;}
	.lnzch_box .txt strong {font-size: 18px;}
	.w1600 {width: 96%;}
	.joinUS_ban .infor .tit {margin-top: -20%;}
	.join_us01 .content {margin-top: -300px;}
	.join_us01 .content .li_box .intro .tit {font-size: 20px;}
	.join_us01 .content .li_box {padding: 25px 20px 25px;}
	.join_us01 .content .li_box .intro .txt { font-size: 14px;line-height: 28px;}
	.lnzch_box .div2 .txt p {width: 100%;}
	.lnzch_box2 .div7 ul li h6 {top: 34%;}
	
	.talent3 .content .left {width: 100%;float: left;margin-right: 0%;margin-bottom:2%;}
	.talent3 .content .rect-865 {padding-bottom: 31.7%;width: 50%;float: left;position: relative;}
	.talent3 .content .left .intro {position: relative;width: 50%;float: right;}
	.talent3 .content .rect-537 {padding-bottom: 63.5%;}
	.talent3 .content .right {width: 100%;}
	.talent3 .content .rect-836 {padding-bottom: 63.6%;}
	.talent3 .content .rect-465 {padding-bottom: 63.5%;}

    .talent3 .content .right .r_top .text{padding:20px;}
    .talent3 .content .left .intro .box{padding:20px;}
    .talent3 .content .left .intro:after{left:20px;}
    .talent3 .content .right .r_bott .text{padding:20px;}
    .talent3 .content .right .r_bott .span_r:after{left:20px;background: none; }
}
@media only screen and (max-width: 992px) {
    .talent2 .content .item .img{width:50%;}
    .talent2 .content .item .text{width:50%;}
    .talent2 .content .item .text .box .tit{font-size:20px;}
    .talent2 .content .item .text .box .con{font-size:16px; margin:10px 0;}
	.talent2 .content .item .text .box {padding: 15px 15px!important;}
    .talent3 .infor .tit{font-size:30px;}
    .talent3 .content .rect-537{height:auto;padding-bottom:0;}
    .talent3 .content .rect-465{padding-bottom:63.5%;}
	.talent3 .content .rect-836{padding-bottom:63.5%;}
    .talent3 .content .left{width:100%; margin-right:0;}
    .talent3 .content .left .intro .box{padding:20px;line-height: 32px;}
    .talent3 .content .left .intro:after{display:none;}
	.talent3 .content .left .intro {float: right;width: 50%;position: relative;}
    .talent3 .content .right{width:100%; margin-top:25px;}
    .talent3 .content .right .r_bott .text{padding:20px;}
	.talent3 .content .rect-865 {padding-bottom: 38.5%;width: 50%;position: absolute;}
	.join_us01 .content li {width: 100%!important;margin-top: 4%!important;}
	.join_us01 .content .li_box .intro .tit {font-size: 24px;}
	.join_us01 {padding-bottom: 30px;}
	.lnzch_box .div2 .txt p {font-size: 16px;}
	.lnzch_box .div2 .txt {width: 100%!important;float: left;margin: 15px 30px  0  0!important;}	
	.lnzch_box .div2 .dl {float: left;margin-right: 0.1rem!important;margin-left: 0.5rem !important;width: 4.09rem !important;height: 4.09rem !important;margin-bottom: 0.3rem !important;}
	.lnzch_box .div2 .dd2 {width: 3.5rem;height: 3.5rem;top: 53%;left: 53%;}
	.joinUS_ban .infor .con {display:none;}
	.joinUS_ban .infor .tit {margin-top: -18%;}
	.joinUS_ban {height: 530px;}
	.w1600 {width: 96%;}
	.lnzch_box .div2 .dd1 p:nth-of-type(3) span {right: 23%;top: 129%;}
	.lnzch_box2 .div7 ul li h6 img {width: 0.4rem;}
	.lnzch_box2 .div7 ul .active_li h6 {width: 33%;}
	.lnzch_box2 .div7 ul li h6 {top: 29%;}
	.lnzch_box2 .div7 ul .active_li dl {left: 28%;}
	.lnzch_box2 .div7 ul li dl {width: 58%;}
	.talent4 .item .box {text-align: center;}
}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    .talent2 .intro{margin-bottom:30px;}
    .talent2 .intro .t{font-size:20px; margin-bottom:10px;}
    .talent2 .content .item{margin-bottom:30px;}
    .talent2 .content .item .text .box{padding:20px;}
    .talent2 .content .item .text .box .tit{font-size:18px;}
    .talent2 .content .item .text .box .con{font-size:16px;}
    .talent2 .content .item .img{width:100%;}
    .talent2 .content .item .text{width:100%;}
	.talent3 .infor .tit{font-size:20px;}
    .talent3 .infor{margin-bottom:25px;}
    .talent3 .content .span_r .rect-836{padding-bottom:0; height:auto;}
	.talent3 .content .rect-865 {width: 100%;position: relative;padding-bottom: 70.5%;}
	.talent3 .content .left .intro {float: left;width: 100%;position: relative;}
    .talent3 .content .span_r .rect-465{padding-bottom:0; height:auto;}
    .talent3 .content .left .intro .box .t,
    .talent3 .content .right .r_top .text .t,
    .talent3 .content .right .r_bott .text .t{font-size:18px;}
    .talent3 .content .right .r_top:after{display:none;}
    .talent3 .content .right .r_bott .span_r:after{display:none;}
    .talent3 .content .left .intro .box .c,
    .talent3 .content .right .r_bott .text .c{height:auto;}
    .talent3 .content .right .r_top .text .c{max-height:inherit;}
	.talent4 .item {width: 100%!important;margin-right:0 !important; margin-bottom:3%;}
	.talent4 .item .box {padding: 20px!important;}
	.talent4 {padding: 30px 0!important;}
	.lnzch_box2 .div7 ul li h6 img {width: 0.3rem!important;}
	.lnzch_box2 .div7 ul li h6 {top: 11%!important;}	
	.lnzch_box2 .div7 ul li h6 span {font-size: 0.18rem!important;}
	.lnzch_box2 .div7 ul li::after {top: 57%!important;right: 0.01rem!important;width: 0.14rem!important; height: 0.10rem!important;}
	.lnzch_box2 .div7 ul li dl dd {font-size: 0.12rem;}
	.lnzch_box2 .div7 ul .active_li {width: 50%!important;}
	.lnzch_box2 .div7 ul .active_li h6 {width: 28%}
	.lnzch_box2 .div7 ul .active_li dl {left: 28%}
	.lnzch_box .div2 .txt {width: 100%!important;}
	.talent2 .left{font-size: 30px;margin-top: 20px;padding-top: 20px;}
	.talent3 .left{font-size:30px;margin-top: 20px;padding-top: 20px;}
	.lnzch_box .left { margin-top: 110px;}
	.shzr_01 {width: 100%!important;position: absolute;margin-top: 180px;}
	.shzr_02 {width: 100%!important;}
	.channel_content {padding: 0px 0;}
	.talent4 .item .box {text-align: left;}
}
@media only screen and (max-width: 667px) {
	.talent2 .left{font-size: 30px;margin-top: 0px;padding-top: 30px;}
	.talent3 .left{font-size:30px;margin-top: 0px;padding-top: 30px;}
	.lnzch_box .left {font-size:30px;margin-top:100px;}
}