body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
textarea{resize:none;}
fieldset, img { border:0; }
img{ vertical-align:bottom;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer; }
a:hover{ text-decoration:none;}
a:focus { outline-style:none;} 
body{ font-size:14px;}
html,body{width: 100%;/* scroll-behavior: smooth; */}
body {
   font-family: "microsoft yahei","Arial Unicode MS",Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body::-webkit-scrollbar {
    width: 8px;
    border-radius: 8px;
}
body::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 8px;
	cursor: pointer;
}
body::-webkit-scrollbar-track {
	width: 8px;
    background: #1a1b1c;
}



.wrap{width: 100%;position: relative;overflow: hidden;}
/* 头部导航 */
.nav{width: 100%;min-height: 0.5rem;position: fixed;top: 0;background: rgba(33,33,33,0.9);padding-bottom: 0.1rem;z-index: 999;}
.nav .main{width: 90%;max-width: 1200px;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.nav .logo{height: 0.31rem;padding-top: 0.15rem;display: flex;align-items: center;}
.nav .logo a{font-size: 0;}
.nav .logo img{width: 1.26rem;height: 0.31rem;}
.nav .logo p{color: #eaeaea;font-size: 0.16rem;margin-left: 0.15rem;}
.nav ul{padding-top: 0.12rem;font-size: 0;}
.nav ul li{float: left;padding: 0 0.2rem;text-align: center;}
.nav ul li a{font-size: 0.16rem;line-height: 0.36rem;color: #eaeaea;font-size: 0.16rem;}
.nav ul li a:hover{font-weight: bold;color: #ffffff;}
.nav ul li a.on{font-weight: bold;color: #ffffff;}
.nav ul li div a{display: block;text-align: left;}
.nav ul li div{height: 0rem;overflow: hidden;transition: 0.6s;}
.nav ul li.nav_list{text-align: left;background: url(../images/nav_jt.png) 0.9rem 0.15rem no-repeat;background-size: 0.11rem 0.07rem;}
.nav ul li.nav_list:hover div{transition: 0.6s;height: 0.72rem;}

/* 视频 *//* object-fit: fill;object-position:top center; */
.video{width: 100%;overflow: hidden;font-size: 0;position: absolute;top: 0;}
.video video{width: 100%;height: 100%;object-fit: cover;object-position:center center;}
.section img{width: 100%;}
.mask{width: 100%;height: 100%;background: url(../images/video_mask.png) no-repeat;position: absolute;top: 0;background-size: 100% 100%;}
/* 底部 */
.footer{width: 100%;height: 2.27rem;background: #1f1f1f;position: absolute;bottom: 0;z-index: 999;left: 0;}
.footer .main{width: 90%;max-width: 1200px;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.footer .main div img{width: 1.26rem;height: 0.31rem;margin-bottom: 0.15rem;}
.footer .main div p{color: #ffffff;font-size: 0.14rem;margin-bottom:0.12rem;}
.footer .main div p a{color: #ffffff;}
.footer .main div p img{width: 0.16rem;height: 0.19rem;margin-right: 0.05rem;vertical-align: top;}
.footer .main div p:last-child{margin-top: 0.18rem;}
.footer .main ul{display: flex;justify-content: center;}
.footer .main ul li{width: 0.92rem;text-align: center;margin: 0 0.08rem;}
.footer .main ul li img{width: 0.92rem;height: 0.92rem;}
.footer .main ul li span{display: block;margin-top: 0.06rem;color: #ffffff;font-size: 0.14rem;}



/* 主体 */
.content{width: 100%;}
.swiper-container{position: relative;width: 100%;/* height: 9.12rem; */}
.swiper-slide{width: 100%;height: 100%;position: relative;}
.section{width: 100%;/* height: 9.92rem; */position: relative;/* min-height: 900px; */overflow: hidden;}
.section .main{width: 12.00rem;height: 9.92rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}

/* 文字 */
.section h3{font-size: 0.38rem;text-align: center;margin-top: 1.3rem;color: #ffffff;text-shadow: 0px 0px 10px rgb(0,0,0);font-weight: bold;}
.section i{font-size: 0.16rem;text-align: center;margin-top: 0.01rem;display: block;font-style: normal;color: #ffffff;}
.section .main>p,.section .main .text>p{font-size: 0.2rem;text-align: center;margin-top: 0.2rem;color: #ffffff;text-shadow: 0px 0px 10px #000;}
.section p span{margin: 0 0.32rem;}


/* 切换按钮*/
.tab{width: 100%;height: 1.35rem;display: flex;justify-content: center;position: absolute;bottom: 1rem;z-index: 9;}
.tab li{height: 1.35rem;cursor: pointer;position: relative;}
.tab li h4{color: #6c6c6c;font-size: 0.22rem;width: 100%;box-sizing: border-box;padding-left: 0.2rem;border-bottom: 1px solid #46474e;height: 0.45rem;position: relative;}
.tab li p{width: 100%;height: 0.57rem;background: #15161e;color: #6c6c6c;font-size: 0.14rem;line-height: 0.57rem;text-align: center;margin-top: 0.26rem;border: 1px solid transparent;box-sizing: border-box;}
.tab li h4 i{width: 100%;height: 0.02rem;position: absolute;background: #8798d4;transition: 0.6s;bottom: -0.01rem;left: 0;z-index: 9;}
.tab li.on h4{color: #ffffff;}
.tab li.on p{border: 1px solid #3e3f46;color: #ffffff;}
.slide1 .tab li{width: 5.29rem;}
.slide2 .tab li{width: 3.36rem;}


/* 首页section01 */
.section_ys h3{color: #ffffff;font-size: 0.4rem;margin-top: 2.82rem;text-align: center;opacity: 0;}
.section_ys p{color: #ffffff;font-size: 0.18rem;margin-top: 0.2rem;text-align: center;opacity: 0;}
.section_ys ul{width: 100%;opacity: 0;position: absolute;right: 0.44rem;top: 50%;width: 0.92rem;transform: translateY(-50%);}
.section_ys ul li{width: 0.92rem;text-align: center;margin: 0.15rem 0;}
.section_ys ul li img{width: 0.92rem;height: 0.92rem;}
.section_ys ul li span{display: block;margin-top: 0.06rem;color: #ffffff;font-size: 0.14rem;}

.section_ys h3,.section_ys p,.section_ys ul{animation:ys_op 2s 6s ease-out forwards;}

@keyframes ys_op{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}



/* 首页section02 */
.section02 .map{width: 6.58rem;height: 5.38rem;background: url(../images/index_section02_map.png) no-repeat;background-size: 100% 100%;position: absolute;top: 3.12rem;left: 2.8rem;background-position: 0rem 0rem;}
.section02 .text{width: 100%;height: 100%;position: absolute;top: 0;z-index: 1;}
.section02 .text .number{margin-top: 0.6rem;font-size: 0;text-align: center;padding-right: 0.2rem;}
.section02 .text .number li{overflow: hidden;display: inline-block;margin: 0 0.4rem;}
.section02 .text .number li strong{display: block;font-size: 0.28rem;color: #8693db;}
.section02 .text .number li span{display: block;font-size: 0.16rem;color: #ffffff;}
.section02 .text .magnitude{position: absolute;left: -0.06rem;top: 7.29rem;font-size: 0;text-align: left;}
.section02 .text .magnitude li{overflow: hidden;display: inline-block;padding-right: 0.2rem;}
.section02 .text .magnitude li strong{display: block;font-size: 0.2rem;color: #ffffff;margin-bottom: 0.05rem;}
.section02 .text .magnitude li span{display: block;font-size: 0.16rem;color: #ffffff;}
.section02 .text .province{position: absolute;top: 5.38rem;left: 8rem;text-align: left;width: 4rem;font-size: 0;}
.section02 .text .province span{display: inline-block;color: #ffffff;font-size: 0.14rem;padding: 0.03rem 0.07rem;overflow: hidden;}
/* .section02 .btn{position: absolute;bottom: 0.85rem;width: 1.51rem;height: 0.52rem;background: url(../images/index_section02_bk.png) no-repeat;background-size: 100% 100%;left: 50%;transform: translateX(-50%);text-align: center;line-height: 0.52rem;color: #363636;font-size: 0.16rem;z-index: 2;box-sizing: border-box;padding-right: 0.1rem;} */


.section02 .btn {
	position: absolute;
	bottom: 0.85rem;
	left: 50%;transform: translateX(-50%);
	margin: 1.9rem auto 0.1rem;
    width: 1.51rem;
    height: 0.52rem;
    background: url(../images/recruitment_btn.png) no-repeat;
    background-size: 1.51rem 1.04rem;
    text-align: center;
    line-height: 0.5rem;
    color: #ffffff;
    font-size: 0.16rem;
    z-index: 2;
    box-sizing: border-box;
    padding-right: 0.1rem;
}
.section02 .btn:hover{color: #363636;background-position: 0 -0.52rem;}






.section02 .btn i{position: absolute;width: 0.1rem;height: 0.16rem;background: url(../images/index_section02_jt.png) no-repeat;background-size: 100% 100%;z-index: 2;top: 0.19rem;right: 0.3rem;}
.section02 .time{color: #ffffff;font-size: 0.16rem;text-align: center;position: absolute;bottom: 0.5rem;left: 50%;transform: translateX(-50%);}
.section02 .map div{width: 0.51rem;height: 0.51rem;position: absolute;}
.section02 .map div span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.section02 .map div span:nth-child(1){background: url(../images/index_section02_y01.png) no-repeat 50% 50%;background-size: 0.21rem 0.21rem;}
.section02 .map div span:nth-child(2){background: url(../images/index_section02_y02.png) no-repeat 50% 50%;background-size: 0.23rem 0.23rem;}
.section02 .map div span:nth-child(3){background: url(../images/index_section02_y03.png) no-repeat 50% 50%;background-size: 0.36rem 0.36rem;}
.section02 .map div span:nth-child(4){background: url(../images/index_section02_y04.png) no-repeat 50% 50%;background-size: 0.51rem 0.51rem;}
.section02 .map div::before{content: ' ';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/index_section02_y05.png) no-repeat 50% 50%;background-size: 0.11rem 0.11rem;}
.section02 .map div.on span:nth-child(1){animation: scaleY02 2s linear alternate;}
.section02 .map div.on span:nth-child(2){animation: scaleY02 2s 0.2s linear alternate;}
.section02 .map div.on span:nth-child(3){animation: scaleY02 2s 0.4s linear alternate;}
.section02 .map div.on span:nth-child(4){animation: scaleY02 2s 0.6s linear alternate;}



@keyframes scaleY02{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.section02 .map div:nth-child(1){top: 0.34rem;right: 1.19rem;}
.section02 .map div:nth-child(2){top: 0.68rem;right: 1.15rem;}
.section02 .map div:nth-child(3){top: 0.8rem;;right: 0.9rem;}
.section02 .map div:nth-child(4){top: 1rem;right: 1.15rem;}
.section02 .map div:nth-child(5){top: 1.42rem;right: 1.55rem;}
.section02 .map div:nth-child(6){top: 1.22rem;right: 2.3rem;}
.section02 .map div:nth-child(7){top: 1.95rem;right: 2.1rem;}
.section02 .map div:nth-child(8){top: 2.1rem;right: 1.7rem;}
.section02 .map div:nth-child(9){top: 2.5rem;right: 1.6rem;}
.section02 .map div:nth-child(10){top: 2.5rem;right: 2.3rem;}
.section02 .map div:nth-child(11){top: 1.67rem;right: 2.85rem;}
.section02 .map div:nth-child(12){top: 2.4rem;right: 3.25rem;}
.section02 .map div:nth-child(13){top: 3rem;right: 2.15rem;}
.section02 .map div:nth-child(14){top: 3.35rem;right: 2.5rem;}
.section02 .map div:nth-child(15){top: 3.47rem;right: 2rem;}
.section02 .map div:nth-child(16){top: 3.55rem;right: 1.55rem;}
.section02 .map div:nth-child(17){top: 3.1rem;right: 3.7rem;}
.section02 .map div:nth-child(18){top: 3.4rem;right: 2.95rem;}
.section02 .map div:nth-child(19){top: 3.7rem;right: 3.5rem;}
.section02 .map div:nth-child(20){top: 3.84rem;right: 2.8rem;}
.section02 .map div:nth-child(21){top: 3.85rem;right: 2.25rem;}






/* 首页section03 */
.section03 .btn{position: absolute;bottom: 0.85rem;width: 1.51rem;height: 0.52rem;background: url(../images/index_section02_bk.png) no-repeat;background-size: 100% 100%;left: 50%;transform: translateX(-50%);text-align: center;line-height: 0.52rem;color: #363636;font-size: 0.16rem;z-index: 2;box-sizing: border-box;padding-right: 0.1rem;}
.section03 .btn i{position: absolute;width: 0.1rem;height: 0.16rem;background: url(../images/index_section02_jt.png) no-repeat;background-size: 100% 100%;z-index: 2;top: 0.17rem;right: 0.3rem;}
.section03 .btn {
	position: absolute;
	bottom: 0.85rem;
	left: 50%;transform: translateX(-50%);
	margin: 1.9rem auto 0.1rem;
    width: 1.51rem;
    height: 0.52rem;
    background: url(../images/recruitment_btn.png) no-repeat;
    background-size: 1.51rem 1.04rem;
    text-align: center;
    line-height: 0.5rem;
    color: #ffffff;
    font-size: 0.16rem;
    z-index: 2;
    box-sizing: border-box;
    padding-right: 0.1rem;
}
.section03 .btn:hover{color: #363636;background-position: 0 -0.52rem;}






/* 首页section04 */
.section04 ul{font-size: 0;display: flex;justify-content: space-between;width: 100%;}
.section04 ul li{width: 3rem;margin-top: 2.03rem;}
.section04 ul li h4{font-size: 0.24rem;color: #ffffff;}
.section04 ul li span{font-size: 0.14rem;color: #ffffff;display: block;margin-top: 0.08rem;}
.section04 ul li:nth-child(1){text-align: right;margin-left: -0.8rem;}
.section04 ul li:nth-child(2){text-align: left;margin-right: -0.2rem;}

/* 首页section05 */
.section05 ul{font-size: 0;display: flex;justify-content: space-between;width: 100%;}
.section05 ul li{width: 4.15rem;margin-top: 2.03rem;}
.section05 ul li h4{font-size: 0.24rem;color: #ffffff;}
.section05 ul li span{font-size: 0.14rem;color: #ffffff;display: block;margin-top: 0.08rem;}
.section05 ul li:nth-child(1){text-align: right;}
.section05 ul li:nth-child(2){text-align: left;}

/* 首页section07 */

/* 首页section08 */

/* 首页section09 */

/* 首页section10 */

/* .section10 ul{font-size: 0;display: flex;justify-content: space-between;width: 100%;}
.section10 ul li{width: 3rem;margin-top: 2.03rem;}
.section10 ul li h4{font-size: 0.24rem;color: #ffffff;}
.section10 ul li span{font-size: 0.14rem;color: #ffffff;display: block;margin-top: 0.08rem;}
.section10 ul li:nth-child(1){text-align: right;}
.section10 ul li:nth-child(2){text-align: left;} */



/* 产品-电池 */

/* 产品-电池柜 */

/* 全产业链自营 */

.ecologicalChain .section02 em{color:#9dadff;margin:2.4rem 0 0.1rem;font-size: 0.16rem;text-align: center;display: block;font-style: normal;}
.ecologicalChain .section02 h4{font-size: 0.2rem;color:#ffffff;text-align:center;text-indent:1em;}
.ecologicalChain .section02 ul{position:absolute;top:3.24rem;left:50%;margin-left:-6rem;width:12rem;height:3.59rem;background:url(../images/ecologicalChain_section02_circle.png) no-repeat 50% 0;background-size:11.83rem 3.59rem;}
.ecologicalChain .section02 ul li{position:absolute;display:inline-block;text-align:center;}
.ecologicalChain .section02 ul li:nth-of-type(1){margin-left:5.43rem;margin-top:-0.1rem;}
.ecologicalChain .section02 ul li:nth-of-type(2){margin-left:8.0rem;margin-top:0.14rem;text-align:left;}
.ecologicalChain .section02 ul li:nth-of-type(3){margin-left:10rem;margin-top:1.54rem;text-align:left;}
.ecologicalChain .section02 ul li:nth-of-type(4){margin-left:9.5rem;margin-top:2.78rem;text-align:left;}
.ecologicalChain .section02 ul li:nth-of-type(5){margin-left:5.18rem;margin-top:3.7rem;}
.ecologicalChain .section02 ul li:nth-of-type(6){margin-left:0.8rem;margin-top:2.86rem;text-align:right;}
.ecologicalChain .section02 ul li:nth-of-type(7){margin-left:0.2rem;margin-top:1.8rem;text-align:right;}
.ecologicalChain .section02 ul li:nth-of-type(8){margin-left:1.14rem;margin-top:1.06rem;}
.ecologicalChain .section02 ul li:nth-of-type(9){margin-left:2.2rem;margin-top:0.1rem;}
.ecologicalChain .section02 ul li strong{display:block;font-size:0.18rem;font-weight:bold;color:#9dadff;}
.ecologicalChain .section02 ul li span{font-size:0.15rem;color:#ffffff;line-height:0.24rem;}
.ecologicalChain .section02 .ring div{position:absolute;left:50%;}
.ecologicalChain .section02 .ring01{width:3.6rem;height:1.49rem;background:url(../images/ecologicalChain_section02_ring01.png) no-repeat;background-size:100% 100%;top:7.8rem;margin-left:-1.77rem;}
.ecologicalChain .section02 .ring02{width:5.64rem;height:2.45rem;background:url(../images/ecologicalChain_section02_ring02.png) no-repeat;background-size:100% 100%;top:6.1rem;margin-left:-2.8rem;}
.ecologicalChain .section02 .ring03{width:3.59rem;height:1.49rem;background:url(../images/ecologicalChain_section02_ring03.png) no-repeat;background-size:100% 100%;top:4.40rem;margin-left:-1.77rem;}


.ecologicalChain .section03 ul{position: absolute;top: 4.51rem;left: 50%;margin-left: -6rem;width: 12rem;height: 1.8rem;}
.ecologicalChain .section03 ul li{position: absolute;font-size: 0.2rem;color: #ffffff;}
.ecologicalChain .section03 ul li span{display: block;font-size: 0.12rem;color: #ffffff;margin-top: 0.1rem;}
.ecologicalChain .section03 ul li:nth-child(1){text-align: right;top: -0.1rem;left: -0.9rem;width: 4rem;}
.ecologicalChain .section03 ul li:nth-child(2){text-align: left;top: 0.9rem;left: 8.5rem;width: 4rem;}



.ecologicalChain .section03 ul li:nth-child(1) i{position: absolute;width: 5.31rem;height: 2.06rem;background: url(../images/ecologicalChain_section_bg03_l.png) no-repeat;background-size: 100% 100%;left: 0.4rem;top: 0.15rem;}
.ecologicalChain .section03 ul li:nth-child(2) i{position: absolute;width: 4.62rem;height: 2.05rem;background: url(../images/ecologicalChain_section_bg03_r.png) no-repeat;background-size: 100% 100%;right: 0.3rem;top: 0.17rem;}






.ecologicalChain .section04 .main img{display:block;width:7.52rem;height:2.87rem;margin:1rem auto 0;}
.ecologicalChain .section04 ul{width:10rem;margin:0 auto;display:flex;justify-content:space-around;border-top:0.02rem solid #FFF;}
.ecologicalChain .section04 ul li{position:relative;margin:0;width:0.86rem;}
.ecologicalChain .section04 ul li::before{content: '';position: absolute;top:0; left:50%; width: 0;height: 0;border-left:0.13rem solid transparent;border-right:0.13rem solid transparent;border-top:0.13rem solid #FFF;transform: translateX(-50%);padding-top:0.34rem;}
.ecologicalChain .section04 ul li span{display:inline-block;width:0.84rem;height:0.84rem;background:url(../images/ecologicalChain_section04_circle.png) no-repeat;background-size:100% 100%;;margin-top:0.34rem;font-weight:bold;font-size:0.24rem;color:#ffffff;text-align:center;line-height:0.82rem;}
.ecologicalChain .section05 ul{width:100%;display:flex;justify-content:space-around;padding-top:0.66rem;}
.ecologicalChain .section05 ul li{position:relative;width:1rem;height:0.63rem;padding-left:0.68rem;margin-top:0;}
.ecologicalChain .section05 ul li:before{content: '';position:absolute;top:0;left:0;width:0.63rem;height: 0.63rem;}
.ecologicalChain .section05 ul li:nth-of-type(1):before{background:url(../images/ecologicalChain_section05_icon01.png) no-repeat;background-size:100% 100%;}
.ecologicalChain .section05 ul li:nth-of-type(2):before{background:url(../images/ecologicalChain_section05_icon02.png) no-repeat;background-size:100% 100%;}
.ecologicalChain .section05 ul li:nth-of-type(3):before{background:url(../images/ecologicalChain_section05_icon03.png) no-repeat;background-size:100% 100%;}
.ecologicalChain .section05 ul li h4{color:#9dadff;font-size:0.16rem;margin-top:0.15rem;text-align:left;}
.ecologicalChain .section05 ul li span{font-size:0.16rem;margin-top:0;text-align:left;}



/* 关于我们 */

.aboutUs .section03 ul{font-size: 0;display: flex;justify-content: space-between;align-items: center;margin-top: -0.1rem;}
.aboutUs .section03 ul li{box-sizing: border-box;overflow: hidden;}
.aboutUs .section03 ul li:nth-child(1){ height: 7.92rem;background: url(../images/aboutUs_img01.png) no-repeat; background-size: 2.16rem 7.83rem;width: 2.16rem;}
.aboutUs .section03 ul li:nth-child(2){ height: 7.24rem;background: url(../images/aboutUs_img02.png) no-repeat; background-size: 2.18rem 7.24rem;width: 2.18rem;}
.aboutUs .section03 ul li:nth-child(3){ height: 7.09rem;background: url(../images/aboutUs_img03.png) no-repeat; background-size: 2.19rem 7.10rem;width: 2.19rem;}
.aboutUs .section03 ul li:nth-child(4){ height: 7.30rem;background: url(../images/aboutUs_img04.png) no-repeat; background-size: 2.18rem 7.24rem;width: 2.18rem;}
.aboutUs .section03 ul li:nth-child(5){ height: 7.82rem;background: url(../images/aboutUs_img05.png) no-repeat; background-size: 2.16rem 7.86rem;width: 2.16rem;}
.aboutUs .section03 ul li:nth-child(1){padding-top: 1.6rem;}
.aboutUs .section03 ul li:nth-child(2){padding-top: 1.4rem;margin-top: 0.08rem}
.aboutUs .section03 ul li:nth-child(3){padding-top: 1.55rem;margin-top: 0.14rem}
.aboutUs .section03 ul li:nth-child(4){padding-top: 1.4rem;margin-top: 0.2rem;}
.aboutUs .section03 ul li:nth-child(5){padding-top: 1.6rem;}
.aboutUs .section03 ul li p{color: #ffffff;}
.aboutUs .section03 ul li div{width: 100%; text-align: center; padding-left: 0.06rem;}
.aboutUs .section03 ul li div img{max-width: 1.42rem;}
.aboutUs .section03 ul li h4{font-size: 0.28rem;color: #00000f; padding: 0 0.18rem 0.38rem 0.25rem;}
.aboutUs .section03 ul li span{font-size: 0.14rem;color: #00000f;display: block;margin-top: 0.08rem;}
.aboutUs .section03 p{font-size: 0.14rem; text-align:left;margin-top: 0.12rem;color: #405172;width:1.8rem;margin-left:0.15rem; box-sizing: border-box; position: relative; padding-left: 0.2rem;}
.aboutUs .section03 p::before{content: ' ';color: #0f3460;font-weight: bold;position: absolute;top: 0.05rem;left: 0;background: url(../images/aboutUs_img_icon.png) no-repeat;width: 0.11rem;height: 0.07rem;background-size: 0.11rem 0.07rem;}
.aboutUs .section05 .main div{text-align: center;padding-top: 0.7rem;width: 8.15rem;height: 0.93rem;margin: 0 auto;}
.aboutUs .section05 .main div img{width: 8.15rem;height: 0.93rem;}
.aboutUs .section07 p:last-child{padding-top: 3.7rem;}
.aboutUs .section07 p span{font-size: 0.26rem;margin: 0;}


/* .aboutUs_pf{width: 1.43rem;height: 4.08rem;box-sizing: border-box;position: fixed;right: 0rem;top: 50%;transform: translateY(-50%);background: url(../images/aboutUs_nav_bg.png) no-repeat;background-size: 1.43rem 4.08rem;text-align: center;}
.aboutUs_pf a{display: block;width: 1.3rem;height: 0.50rem;line-height: 0.50rem;font-size: 0.16rem;color: #cecece;position: relative;margin: 0.178rem 0;}
.aboutUs_pf a:nth-child(1){margin-top: -0.247rem;}
.aboutUs_pf a span{position: absolute;width: 0.21rem;height: 0.06rem;background: url(../images/aboutUs_nav_hover.png) no-repeat;background-size: 100% 100%;bottom: 0;left: 50%;transform: translateX(-50%);display: none;}
.aboutUs_pf a i{position: absolute;width: 0.08rem;height: 0.08rem;background: url(../images/aboutUs_nav_hover_i.png) no-repeat 50% 50%;background-size: 0.05rem 0.06rem;right: 0;top: 0.214rem;}
.aboutUs_pf a:hover{color: #cecece;font-weight: bold;font-size: 0.18rem;}
.aboutUs_pf a.hover{color: #cecece;font-weight: bold;font-size: 0.18rem;}
.aboutUs_pf a:hover span{display: block;}
.aboutUs_pf a.hover span{display: block;}
.aboutUs_pf a:hover i{display: block;background: url(../images/aboutUs_nav_hover_h.png) no-repeat 50% 50%;background-size: 0.08rem 0.08rem;}
.aboutUs_pf a.hover i{display: block;display: block;background: url(../images/aboutUs_nav_hover_h.png) no-repeat 50% 50%;background-size: 0.08rem 0.08rem;}
.aboutUs_pf::before{content: '';position: absolute;width: 0.01rem;height: 100vh;top: 50%;right: 0.32rem;transform: translateY(-50%);background: url(../images/aboutUs_nav_hover_b.png) repeat-y;background-size: 0.01rem 0.04rem;}
 */

.aboutUs_pf{width: 1.43rem;height: 4.08rem;box-sizing: border-box;position: fixed;right: 0rem;top: 50%;transform: translateY(-50%);background: url(../images/aboutUs_nav_bg01.png) no-repeat;background-size: 1.43rem 4.08rem;text-align: center;}
.aboutUs_pf a{display: block;width: 1.3rem;height: 0.50rem;line-height: 0.50rem;font-size: 0.16rem;color: #cecece;position: relative;margin: 0.314rem 0;}
.aboutUs_pf a:nth-child(1){margin-top: -0.247rem;}
.aboutUs_pf a span{position: absolute;width: 0.21rem;height: 0.06rem;background: url(../images/aboutUs_nav_hover.png) no-repeat;background-size: 100% 100%;bottom: 0;left: 50%;transform: translateX(-50%);display: none;}
.aboutUs_pf a i{position: absolute;width: 0.08rem;height: 0.08rem;background: url(../images/aboutUs_nav_hover_i.png) no-repeat 50% 50%;background-size: 0.05rem 0.06rem;right: 0;top: 0.214rem;}
.aboutUs_pf a:hover{color: #cecece;font-weight: bold;font-size: 0.18rem;}
.aboutUs_pf a.hover{color: #cecece;font-weight: bold;font-size: 0.18rem;}
.aboutUs_pf a:hover span{display: block;}
.aboutUs_pf a.hover span{display: block;}
.aboutUs_pf a:hover i{display: block;background: url(../images/aboutUs_nav_hover_h.png) no-repeat 50% 50%;background-size: 0.08rem 0.08rem;}
.aboutUs_pf a.hover i{display: block;display: block;background: url(../images/aboutUs_nav_hover_h.png) no-repeat 50% 50%;background-size: 0.08rem 0.08rem;}
.aboutUs_pf::before{content: '';position: absolute;width: 0.01rem;height: 100vh;top: 50%;right: 0.32rem;transform: translateY(-50%);background: url(../images/aboutUs_nav_hover_b.png) repeat-y;background-size: 0.01rem 0.04rem;}









/* 合作渠道 */
.cooperation .section{background:#eaedf1 url(../images/cooperation_section_bg.jpg) no-repeat 50% 0;background-size: 19.2rem 15.82rem;height: 15.82rem;}
.cooperation .section h2{text-align: center;font-size: 0.52rem;color: #fff;padding-top: 2.2rem;}
.cooperation .section h2 span{display: block; font-size: 0.12rem; text-align: center;text-transform: uppercase;  letter-spacing: 0.05rem;}
.cooperation .section h3{text-shadow: none;text-align: center;color: #222221;font-size: 0.38rem;margin-top: 2.8rem;}
.cooperation .section i{text-align: center;color: #222221; display: block;font-style: normal;font-size: 0.16rem;}
.cooperation .section p{color: #222221;text-align: center;font-size: 0.2rem; margin-top: 0.15rem;}
.cooper_list{padding-top: 0.5rem;display: flex; justify-content: center; flex-wrap: wrap;width: 12rem;margin: 0 auto;}
.cooper_list>div{overflow: hidden;width: 4.32rem;height: 0.81rem;position: relative;margin: 0 0.19rem;}
.cooper_list>div label{display: block;color: #222221;font-size: 0.22rem; padding-bottom: 0.3rem;}
.cooper_list>div div{width: 4.32rem;background: url(../images/coorpation_section_line.png) no-repeat;background-size: 4.32rem 0.54rem;}
.cooper_list div select{width: 3.19rem; box-sizing: border-box; padding: 0 0.25rem; height: 0.54rem; line-height: 0.54rem; font-size: 0.18rem;color: #757575; border: none; border-radius: 5px;  background: none;}
.cooper_list div input{width: 4.32rem; box-sizing: border-box; padding: 0 0.25rem; height: 0.54rem; line-height: 0.54rem; font-size: 0.18rem;color: #757575; border:none; background:none;position: relative;}
.cooper_list div input::placeholder{color: #757575;}
.cooper_list div input:focus,.cooper_list div select:focus{outline: none;}
.submit{background: linear-gradient(90deg, #1c59a1, #468ad9); width: 4.58rem; height: 0.73rem; line-height: 0.54rem; text-align: center; color: #fff; font-size: 0.22rem;margin: 0rem auto 0; border:medium none;display: block;transform: skewX(-20deg); cursor: pointer;/* transition: all 0.1s; */ border-radius: 5px;letter-spacing: 0.05rem;}
.submit span{display:block;transform: skewX(20deg);}

.cooperation .section ul{width: 12rem;margin: 0 auto;margin-top: 0.7rem;display: flex;justify-content: center;text-align: center;padding-left: 0.65rem;}
.cooperation .section ul li{width: 3.35rem; height: 0.6rem; background: url(../images/cooperation_section_icon01.png) no-repeat 0% 50%; padding-top: 0.03rem;padding-left: 0.8rem; box-sizing: border-box;background-size: 0.61rem 0.52rem;color: #222221;font-size: 0.2rem;text-align: left;line-height: 0.28rem;margin: 0 0.5rem;}
.cooperation .section ul li:nth-child(2){background-image: url(../images/cooperation_section_icon02.png);background-size: 0.63rem 0.56rem;}
.cooperation .section ul li:nth-child(3){background-image: url(../images/cooperation_section_icon03.png);background-size: 0.63rem 0.53rem;}
.cooperation .text_error{position: absolute;font-size: 0.14rem;color: red;bottom: 0.05rem;font-style: normal;display: none;}
.cooperation .section h5{color: #222221;font-size: 0.2rem;text-align: center;margin-top: 2.3rem;}
.cooper_list>div.textarea{width: 9.58rem;height: 2.73rem;margin-left: -0.7rem;}
.cooper_list>div.textarea div{width: 9.58rem;height: 2.41rem;background: url(../images/coorpation_section_line01.png) no-repeat;background-size: 9.58rem 2.41rem;}
.cooper_list>div.textarea textarea{width: 9.58rem;height: 2.41rem;font-size: 0.18rem;color: #757575; border:none; background:none;box-sizing: border-box;padding: 0.15rem 0.75rem;outline: none;}
.cooper_list>div:nth-child(1){margin-left:0.7rem ;}
.cooper_list>div.textarea textarea{ font-family:"微软雅黑";line-height: 0.26rem;}



.recruitment .section .main {text-align: center;}
.recruitment .section .main img{display: block;width: 8.08rem;height: 1.29rem;margin: 0.67rem auto 0;}

.recruitment .btn {
	display: block;
	margin: 1.9rem auto 0.1rem;
    width: 1.51rem;
    height: 0.52rem;
    background: url(../images/recruitment_btn.png) no-repeat;
    background-size: 1.51rem 1.04rem;
    text-align: center;
    line-height: 0.5rem;
    color: #ffffff;
    font-size: 0.16rem;
    z-index: 2;
    box-sizing: border-box;
    padding-right: 0.1rem;
}
.recruitment .btn:hover{color: #363636;background-position: 0 -0.52rem;}

.recruitment em{color: #ffffff;font-size: 0.16rem;font-style: normal;}

.recruit .section{background:url(../images/recruit_section_bg01.jpg) no-repeat 50% 0,url(../images/recruit_section_bg02.jpg) no-repeat 50% 100%,#f1f6f8;background-size: 19.2rem 8.29rem,19.20rem 7.11rem;/* min-height: 12.94rem; */padding-bottom: 2.8rem;}
.recruit .section h2{text-align: center;font-size: 0.52rem;color: #fff;padding-top: 2.2rem;}


.recruit_cont{width: 12rem;margin: 2.5rem auto 0;/* overflow: hidden; */}
.recruit_filter{width: 2.60rem;/* min-height: 6.89rem; */background:url(../images/recruit_list01.png);background-size: 2.60rem 0.1rem;float: left;box-sizing: border-box;padding: 0.25rem;}
.recruit_filter h4{color: #222221;font-size: 0.18rem;font-weight: bold;margin-bottom: 0.2rem;position: relative;}
.recruit_filter h5{cursor: pointer; color: #222221;font-size: 0.14rem;font-weight: bold;margin: 0.2rem 0;position: relative;}

.recruit_filter .type span{display: block;height: 0.18rem;color: #222221;font-size: 0.14rem;line-height: 0.18rem;margin-bottom: 0.15rem;cursor: pointer;}
.recruit_filter .type span input{vertical-align: bottom;width: 0.18rem;height: 0.18rem;border: 1px solid #cccfda;margin-right: 0.12rem;pointer-events: none;}
.recruit_filter .property span{display: block;height: 0.18rem;color: #222221;font-size: 0.14rem;line-height: 0.18rem;margin-bottom: 0.15rem;cursor: pointer;}
.recruit_filter .property span input{vertical-align: bottom;width: 0.18rem;height: 0.18rem;border: 1px solid #cccfda;margin-right: 0.12rem;pointer-events: none;}
.recruit_filter .workPlace span{display: block;height: 0.18rem;color: #222221;font-size: 0.14rem;line-height: 0.18rem;margin-bottom: 0.15rem;cursor: pointer;}
.recruit_filter .workPlace span input{vertical-align: bottom;width: 0.18rem;height: 0.18rem;border: 1px solid #cccfda;margin-right: 0.12rem;pointer-events: none;}

.text_put{width: 2.21rem;height: 0.34rem;position: relative;background: url(../images/recruit_input.png) no-repeat;background-size: 2.21rem 0.34rem;margin-left: -0.1rem;}

.text_put input{width: 1.76rem;height: 0.34rem;outline: none;color: #7a7f9c;font-size: 0.14rem;box-sizing: border-box;background: transparent;border: none;padding-left: 0.2rem;}
.text_put input::placeholder{color: #7a7f9c;font-size: 0.14rem;}
.text_put span{width: 0.45rem;height: 0.34rem;position: absolute;right: 0;top: 0;cursor: pointer;}

.recruit_clear{position: absolute;width: 0.7rem;height: 0.24rem;font-size: 0.12rem;color: #7a7f9c;text-align: center;line-height: 0.24rem;right: 0;font-weight: normal;background: url(../images/recruit_clear.png) no-repeat 100% 55%;background-size: 0.15rem 0.15rem;cursor: pointer;}

.recruit_filter .type{overflow: hidden;transition: all;}
.recruit_filter .type span:last-child{margin-bottom: 0.096rem;}
.recruit_filter .type.up{height: 0;}

.recruit_filter .property{overflow: hidden;transition: all;}
.recruit_filter .property span:last-child{margin-bottom: 0.096rem;}
.recruit_filter .property.up{height: 0;}

.recruit_filter .workPlace{overflow: hidden;transition: all;}
.recruit_filter .workPlace span:last-child{margin-bottom: 0.096rem;}
.recruit_filter .workPlace.up{height: 0;}



.recruit_filter h5 span{display: block;width: 0.3rem;height: 0.3rem;background: url(../images/recruit_up.png) no-repeat 50% 50%;background-size: 0.14rem 0.07rem;position: absolute;right: 0;top: -0.05rem;transform: rotateZ(180deg);}
.recruit_filter h5 span.r {
    transform: rotateZ(0deg);
    transition: .3s;
}
.recruit_num{color: #797e9a;font-size: 0.14rem;line-height: 0.14rem;}
.recruit_num span{margin: 0 0.05rem;color: #797e9a;font-size: 0.14rem;}

.recruit_date{width: 2.60rem;background:url(../images/recruit_list01.png);background-size: 2.60rem 0.1rem;border-radius: 0.05rem;box-sizing: border-box;padding: 0.25rem;float: right;}
.recruit_date h4{color: #222221;font-size: 0.18rem;font-weight: bold;margin-bottom: 0.2rem;}
.recruit_date a{color: #222221;font-size: 0.14rem;display: block;height: 0.2rem;overflow: hidden;margin-bottom: 0.15rem;line-height: 0.2rem;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.recruit_date a i{float: left;width: 0.2rem;height: 0.2rem;background: #fbe7e8;color: #fa6466;font-size: 0.12rem;text-align: center;line-height: 0.2rem;border-radius: 0.05rem;margin-right: 0.05rem;}

.recruit_position{width: 6.32rem;min-height: 6.89rem;border-radius: 0.05rem;float: left;margin-left: 0.24rem;}
.recruit_position>a{display: block;width: 6.32rem;height: 1.61rem;background: url(../images/recruit_list02.png);background-size: 6.32rem 0.1rem;;margin-bottom: 0.15rem;border-radius: 0.05rem;box-sizing: border-box;padding: 0.25rem;position: relative;}
.recruit_position a h4{color: #222221;font-size: 0.18rem;font-weight: bold;height: 0.2rem;line-height: 0.2rem;width: 100%;position: relative;}
.recruit_position a h4 i{float: left;width: 0.2rem;height: 0.2rem;background: #fbe7e8;color: #fa6466;font-size: 0.12rem;text-align: center;line-height: 0.2rem;border-radius: 0.05rem;margin-right: 0.05rem;margin-top: 0;font-weight: normal;}
.recruit_position a h4 span{display: block;color: #727692;font-size: 0.14rem;font-weight: normal;position: absolute;right: 0.72rem;top: 0;}
.recruit_position a h4 .up{display: block;width: 0.3rem;height: 0.3rem;background: url(../images/recruit_up.png) no-repeat 50% 50%;background-size: 0.14rem 0.07rem;position: absolute;right: 0;top: -0.05rem;}
.recruit_position a h4 .share{display: block;width: 0.3rem;height: 0.3rem;background: url(../images/recruit_share.png) no-repeat 50% 50%;background-size: 0.14rem 0.14rem;position: absolute;right: 0.34rem;top: -0.05rem;}

.recruit_position .error{width: 6.32rem;height: 6.89rem;text-align: center;display: flex;align-items: center;justify-content: center;}
.recruit_position .error img{width: 1.08rem;height: 1.49rem;}

.recruit_position a ul{color: #e1e2e3;font-size: 0.14rem;margin: 0.25rem 0;margin-left: -0.09rem;}
.recruit_position a ul li{color: #222221;font-size: 0.14rem;display: inline;padding: 0 0.1rem;}
.recruit_position a p{color: #222221;font-size: 0.14rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.recruit_position a h4 .share>div{width: 2.20rem;height: 3.50rem;background: #fff;border-radius: 0.20rem;position: absolute;top: -1.60rem;right: -2.20rem;text-align: center;cursor: default;z-index: 999;transform: translateX(0.1rem);transition: .5s;pointer-events: none;opacity: 0;visibility: hidden;}
.recruit_position a h4 .share>div p{color: #333;margin: 0;padding: 0;text-align: center;line-height: 0.28rem;padding: 0.10rem 0;margin-top: 0.05rem;}
.recruit_position a h4 .share>div>.QRCode{display: block;width: 1.80rem;height: 1.80rem;margin: 0 auto;}
.recruit_position a h4 .share>div>div{width: 1.90rem;height: 0.40rem;margin: 0rem auto 0;}
.recruit_position a h4 .share>div>div input{border-radius: 0.5rem;border: 0.01rem solid #ccc;height: 0.38rem;width: 1.20rem;padding: 0 0.10rem;float: left;color: #ccc;font-size: 0.14rem;}
.recruit_position a h4 .share>div>div input{ outline: none;}
.recruit_position a h4 .share>div>div input::placeholder{color: #ccc;}
.recruit_position a h4 .share>div>div span{display: block;width: 0.40rem;height: 0.38rem;float: right;text-align: center;line-height: 0.38rem;vertical-align: top;cursor: pointer;border-radius: 0.5rem;color: #007AFF;position: inherit;}
.recruit_position a h4 .share>div>.QRCode img{width: 100%;height: 100%;}
.recruit_position a h4 .share:hover>div{visibility: visible;transform: translateX(0rem);opacity: 1;pointer-events: visible;}
.recruit_position a h4 .share>div i{position: absolute;font-style: normal;top: 1.20rem;left: 0;right: 0;margin: auto;width: 1.0rem;height: 0.40rem;color: #fff;background: rgba(0,0,0,.8);line-height: 0.40rem;border-radius: 0.5rem;display: none;}


.recruit_position a h4 .up.r {
    transform: rotateZ(180deg);
    transition: .3s;
}
.recruit_position a.h {
    height: 2.1rem;
    transition: .3s;
}

.recruit_position .atonce{transition: .3s;width: 1.41rem;position: absolute;right: 0.25rem;top: 1.64rem;height: 0;overflow: hidden;}
.recruit_position .atonce em{display: block;width: 1.41rem;text-align: center;line-height: 0.35rem;color: #ffffff;font-size: 0.18rem;background: url(../images/recruit_btn.png) no-repeat;background-size: 1.41rem 0.7rem;}
.recruit_position .atonce:hover em{background-position: 0 -0.35rem;}
.recruit_position .atonce.h{height: 0.35rem; transition: .3s;}


.recruit_details .section{background:#f4f4f5 url(../images/recruit_details_section_bg.jpg) no-repeat 50% 0;background-size: 19.20rem 13.83rem;min-height: 12.5rem;padding-bottom: 2.5rem;}
.recruit_details .section h2{text-align: center;font-size: 0.52rem;color: #fff;padding-top: 2.2rem;}

.recruit_details_cont{width: 12rem;margin: 1.1rem auto 0;}

.recruit_details_cont ul{color: #e0e2e4;font-size: 0.16rem;margin: 0.25rem 0;padding-bottom: 0.35rem;border-bottom: 1px solid #d3d7e0;margin-left: -0.08rem;}
.recruit_details_cont ul li{color: #222221;font-size: 0.16rem;display: inline;padding: 0 0.1rem;}

.recruit_details_cont ul.navigation{color: #797e9a;padding: 0;border: none;}
.recruit_details_cont ul.navigation li:nth-child(1){color: #797e9a;}
.recruit_details_cont h4{color: #222221;font-size: 0.47rem;font-weight: bold;margin: 0.35rem 0;}
.recruit_details_cont h5{color: #222221;font-size: 0.24rem;font-weight: bold;margin: 0.35rem 0;padding-left: 0.22rem;position: relative;}
.recruit_details_cont h5::before{content: "";width: 0.05rem;height: 0.24rem;background: url(../images/recruit_icon.png);background-size: 0.05rem 0.24rem;position: absolute;left: 0;top: 0.06rem;}
.recruit_details_cont p{color: #222221;font-size: 0.16rem;margin: 0.35rem 0;padding-left: 0.22rem;position: relative;}
.recruit_details_cont p::before{content: "";width: 0.04rem;height: 0.04rem;background: #9fa4b8;position: absolute;left: 0;top: 0.1rem;border-radius: 50%;}


.details_head{position: relative;}
.details_head .go_list{display: block;width: 1.41rem;height: 0.35rem;background: url(../images/recruit_btn01.png) no-repeat;background-size:1.41rem 0.73rem ;color: #858aa3;font-size: 0.18rem;text-align: center;line-height: 0.35rem;position: absolute;right: 1.44rem;top: 1.4rem;}
.details_head .go_list:hover{background-position: 0 -0.38rem;color: #1b579f;}
.details_head .atonce_details{display: block;width: 1.41rem;height: 0.35rem;background: url(../images/recruit_btn.png) no-repeat;background-size:1.41rem 0.7rem ;color: #ffffff;font-size: 0.18rem;text-align: center;line-height: 0.35rem;position: absolute;right: 0rem;top: 1.4rem;}
.details_head .atonce_details:hover{background-position: 0 -0.35rem;}

.recruit_tc{width: 100%;height: 100%;position: fixed;top: 0;z-index: 9;display: none;}
.recruit_tc .recruit_mask{width: 100%;height: 100%;background: rgba(0,0,0,.8);position: absolute;top: 0;}
.recruit_tc .recruit_cont{width: 4.62rem;height: 2.14rem;background: url(../images/recruit_tc.png) no-repeat;background-size: 4.62rem 2.14rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;box-sizing: border-box;padding-top: 0.36rem;padding-left: 1.1rem;}
.recruit_tc .recruit_cont p{color: #222221;font-size: 0.2rem;line-height: 0.3rem;position: relative;padding-left: 0.36rem;}
.recruit_tc .recruit_cont p:nth-child(3){margin-bottom: 0.2rem;}
.recruit_tc .recruit_cont p i{position: absolute;left: 0;top: 0.06rem;width: 0.12rem;height: 0.16rem;background: url(../images/recruit_tc_icon.png) no-repeat;background-size: 0.12rem 0.16rem;}
.recruit_tc .recruit_cont .recruit_tc_close{position: absolute;left: 2.06rem;bottom: -0.7rem;width: 0.5rem;height: 0.5rem;background: url(../images/recruit_tc_close.png) no-repeat;background-size: 0.5rem 0.5rem;}

.init .main,.swiper-slide .main{opacity: 0;}
.init .tab{opacity: 0;}

.init.show-block .main{animation:main 1s 0s ease-in-out forwards;}

.init.show-block .tab{animation:tab 1s 0s ease-in-out forwards;}
.init.show-block .swiper-slide .main{opacity: 0;animation:none;}
.init.show-block .swiper-slide.swiper-slide01 .main{animation:main 1s 0s ease-in-out forwards}
.init.show-block .swiper-slide.slide-init .main{animation:main 0.6s 0s ease-out forwards;}
@keyframes main{
	0%{
		opacity: 0;
		transform: translate(-50%,-45%);
	}
	100%{
		opacity: 1;
		transform: translate(-50%,-50%);
	}
}
@keyframes tab{
	0%{
		opacity: 0;
		transform: translateY(50px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}
/* .swiper-slide-active .main{animation:main 0.6s 600s ease-out forwards;}
 */