*{padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,i,b{padding: 0; margin: 0;}
.media_box{ width: 100%; clear: both; margin-top: 1rem;}
h2.tit1{ width: 100%; text-align: center; }
h2.tit1>i{font-size:.7rem; color:#e2e2e2; text-transform: uppercase;}
h2.tit1>b{font-size:.4rem; color:#222;display: block; margin-top: -.3rem;}
/**/
.recmedia{width: 100%;clear:both; margin-top: 1rem;}
.ours-main {
    position: relative;
    width:80%;
    margin:0 auto;

}

.swiper3{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.swiper3 .swiper-wrapper{
    width: 100%;
}
.swiper3 .swiper-slide  {
    text-align: center;
 width: 80%;
}

.swiper3 .swiper-slide-active,
.swiper3  .swiper-slide-active{


}


.swiper3  .swiper-slide-active{
    z-index: 999 !important;
}
.swiper3  .swiper-slide-active .swbox1 h3{
    display: block;
}


.swbox1{ width: 100%; border: solid #cdd1de 1px; border-radius: .1rem;}
.imgintro{position: relative;}
.imgintro>img{ width: 100%; display: block;}
.swbox1 .imgintro a.m-video{position: absolute; width:100%; height: 100%; left:0; top:0; }
.swbox1 .imgintro a.m-video>img{position: absolute; width:1.5rem; height: 1.5rem; left: calc(50% - .75rem); top:calc(50% - .75rem); display: block;}
.swbox1 h3{line-height: 1rem;display: none;}
.swbox1 h3>a{font-size: .24rem; color:#363636; line-height: 1.5; }
.ours-main .swiper-button-prev{ background:url(../images/arrow_l.png); background-size:cover;}
.ours-main .swiper-button-prev::after,  .ours-main .swiper-container-rtl .swiper-button-next::after {
    content: '';
}
.ours-main .swiper-button-next{ background:url(../images/arrow_r.png);background-size:cover;}
.ours-main .swiper-button-next::after,  .ours-main  .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}

.medialist{ width:80%; margin: .6rem auto 0; }
.c_ul4{ display: flex;flex-wrap: wrap; margin-top: .5rem;}
.c_ul4>li{ margin-top:.4rem; width: 31.5%; margin-right:2.75%; font-size: .2rem;border-radius: .1rem; transition: all .3s linear; border-radius: .03rem; box-shadow: 0 .05rem .3rem rgba(0,0,0,.15); border-top-left-radius: .1rem; border-top-right-radius:.1rem; overflow: hidden;}
.c_ul4>li .intro{ width: 100%; position: relative;overflow: hidden; background: #2c2b2c;border-radius: .1rem;}
.c_ul4>li .intro>img{width:100%;  opacity: .6; display: block;transition: all .3s linear;}
.c_ul4>li h3{padding: .3rem; margin: 0;}
.c_ul4>li h3>a{font-size: .24rem; color:#363636; line-height: 1.5; }
.c_ul4>li a.m-video{position: absolute; width:100%; height:100%; left: 0; top:0; }
.c_ul4>li a.m-video>img{ position: absolute; width:.64rem; height: .64rem; left: calc(50% - .32rem); top:calc(50% - .32rem);transition: all .3s linear;}
.c_ul4>li a.m-video>img:nth-child(1){ display: none;}
.c_ul4>li a.m-video>img:nth-child(2){ display: block;}
.c_ul4>li:nth-child(3n){ margin-right: 0}
.c_ul4>li .intro>p{line-height: .8rem; display: block; color: #fff; position:absolute; bottom: 0; left: 0; width: 100%;background-image: linear-gradient(to top, rgba(0, 0, 0,.8), rgba(0, 0, 0, 0))}
.c_ul4>li:hover{ box-shadow: 0 .05rem .3rem rgba(0,0,0,.3);}
.c_ul4>li:hover  a.m-video>img:nth-child(1){ display: block;}
.c_ul4>li:hover  a.m-video>img:nth-child(2){ display: none;}
.c_ul4>li:hover .intro>img{ opacity: 1;}
/*pagination*/
.pagination{ text-align: center; margin: 1rem auto; width: 100%; clear: both; font-size: 14px; display: flex; align-items: center; justify-content: center;}
.pagination>a{ display: inline-block;  font-size: 18px;  margin:0 5px;width: .54rem; height: .54rem; text-align: center; line-height: .54rem; border-radius: 50%; color: #989898;}
.pagination>a.active,.pagination>a:hover{ background:#335bac; color: #fff;  }
.pagination>a.prev,.pagination>a.next{display: inline-flex; background: #fff; align-items: center; justify-content: center;}

/**/
ul.newslist{ border-top:solid #d8d8da 1px;width: 100%; margin-top: .6rem;}
ul.newslist>li{ border-bottom:solid #d8d8da 1px;padding: .8rem 0;transition: all .3s linear; }
.nconbox{max-width: 1400px; margin: 0 auto;display: flex;width: 73%; justify-content: space-between;}
.nconbox .ndate{ display: flex; align-items: flex-start; font-family: Bahnschrift;width: 34%;}
.nconbox .ndate>i{font-size: 1.6rem; -webkit-text-stroke: 1px #cbcbcb; color: #fff;}
.nconbox .ndate>span{ color:#cbcbcb; font-size: .4rem; margin-left: .4rem; }
.nconbox .nimg{ width: 33%; height: auto; overflow: hidden;}
.nconbox .nimg img{ max-width: 3rem; display: block; margin: 0 auto;border-radius: .08rem;}
.nconbox .ntita{ width: 33%; display: flex; flex-direction: column; justify-content: space-between;}
.nconbox .ntita>a.tit1{ color: #20222d; font-size: .24rem; line-height: 1.5;}
.nconbox .ntita>a.plus>img{ max-width: 100%; display: block;transition: all .3s linear; width: .6rem;}
.nconbox .ntita>a.plus>img:nth-child(2){ display: none;}
.nconbox .ntita>a.plus>img:nth-child(1){ display: block;}
ul.newslist>li:hover{ background: #fafbfd;}
ul.newslist>li:hover .nconbox .ndate>i{ -webkit-text-stroke: 1px transparent; color: #005bac;}
ul.newslist>li:hover .nconbox .ntita>a.plus>img:nth-child(2){ display: block;}
ul.newslist>li:hover .nconbox .ntita>a.plus>img:nth-child(1){ display: none;}

/**/
.recdynamic{ background:url("../images/r_bg1.jpg") center no-repeat; background-size: cover; padding: 1rem 0;margin-top: -1rem;  }
.dynamicbox{ width: 80%; margin: 1rem auto 0; position: relative; border-bottom-left-radius:1rem;display: flex; justify-content: flex-end;overflow: hidden;border-top-right-radius:1rem;box-shadow: 0 0 .2rem rgba(0,0,0,.15);}
.dynamicbox b.b1{width:60%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px; z-index: 1;}
.dynamicbox .intro{  width: 45%; background: #fff;position: relative;z-index: 2;border-bottom-left-radius:1rem; padding: 1rem; box-sizing: border-box;}
.dynamicbox .intro span{ font-size: .16rem; color: #3c3c3c; display: flex;align-items: center; line-height: 1; margin-top: .3rem;}
.dynamicbox .intro span>i{ margin-right: .2rem; }

.dynamicbox .intro h4>a{ font-size: .24rem; line-height: .4rem; color: #363636; display: block; margin-top: .1rem; position: relative;}

.dynamicbox .intro>p{ font-size: .16rem; line-height:1.625;  color: #666; margin-top: .3rem;}
.dynamicbox .intro>a.more1{width: 2rem; height: .6rem; text-align: center; line-height: .6rem; color: #fff; font-size: .2rem; margin-top: .4rem; padding: 0; background:#345ba8; display: inline-block; border-radius: .3rem; }

.c_ul3{ display: flex; margin-top: .8rem; flex-wrap: wrap;}
.c_ul3>li{ width: 31.6%; margin-right: 2.6%; box-sizing: border-box;  margin-bottom: .4rem; position: relative;transition: all .3s linear;border-radius: .03rem; }
.c_ul3>li>a{ display: block; width: 100%; overflow: hidden;border-top-right-radius:.5rem;}
.c_ul3>li>a img{ width: 100%; display: block; overflow: hidden; transform: scale(1) ; transition: all .3s linear;}
.c_ul3>li:nth-child(3n){ margin-right:0;}
.c_ul3>li .intro{ padding: .4rem; /*border-top-right-radius:.5rem;*/ background: #fff;border-bottom-left-radius:.5rem; box-shadow: 0 0 .2rem rgba(0,0,0,.15);/* margin-top: -.5rem;*/position: relative; z-index: 2; min-height: 1.4rem;}
.c_ul3>li .intro>span{ font-size: .16rem; color: #3c3c3c; display: flex;align-items: center; line-height: 1; margin-top: .2rem;}
.c_ul3>li .intro>span>i{ margin-right: .2rem; }
.c_ul3>li .intro>span>i>img:nth-child(2){ display: none;}
.c_ul3>li .intro>h6{ font-size: .24rem; margin: 0 0 .3rem; line-height: 1.5;display: -webkit-box;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.c_ul3>li .intro>h6>a{ color: #363636;}
.c_ul3>li:hover .intro{  background: #345ba8; box-shadow: 0 0 .3rem rgba(52,91,168,.3);}
.c_ul3>li:hover h6>a,.c_ul3>li:hover .intro>span{ color: #fff;}
.c_ul3>li:hover>em img{ transform: scale(1.1) ;}
.c_ul3>li:hover .intro>span>i>img:nth-child(1){ display: none;}
.c_ul3>li:hover .intro>span>i>img:nth-child(2){ display: block;}
.n_box9{ width: 100%;}
.n_box9 .wrap_c{ max-width:1240px; margin: 0 auto;}
.ncontent{ width: 100%; clear: both; color:#333; margin-top: 1rem;}

.ncontent h1{ font-size: .36rem; line-height: .5rem;text-align: center; font-weight: normal; line-height: 1.5; color: #363636;}
.ncontent .subtit{  font-size: .16rem;  color:#666;text-align: center; display: block; font-family: Arial; font-style: normal;   padding: .5rem 0 .5rem;  width: 100%; clear: both;}
.ncontent .subtit span{ display: inline-block; margin: 0 .3rem; border-left: solid #ddd 1px; padding-left: .6rem;}
.ncontent .subtit span:first-child{ border-left: none;}
.ncontent .subtit span>i{ margin-left: .15rem;}
.ncontent .discripition{ padding: .5rem 1rem; font-size: .16rem; color: #666; line-height: .3rem; background: #f0f5f8; margin-bottom: .7rem; text-align: center;}
.ncontent p{ font-size: .18rem; line-height: .32rem; margin: .2rem 0; color: #222;}
.ncontent p.pimg{ text-align: center; margin: .6rem 0 .45rem;}
.ncontent p.pimg>img,.ncontent p.pimg>video{ max-width: 100%; margin: 0 auto .3rem; display: block; }
.ncontent p.pimg span{ display: inline-block; margin: 0 auto; background: url("../images/san.png") left center no-repeat; padding-left: 30px;}
.share{ width: 100%; border-bottom: solid #d4e2e2 1px; margin-top: 1rem; margin-bottom: 1rem;}
.share span{ display: flex; width: 1.8rem; background: #fff; margin: 0 auto;  height: .5rem; margin-bottom: -.2rem; justify-content: center;}
.share span>a{ margin:0 .12rem}
.share span>a>img{ max-width: 100%;}
#WX{width:231px;height:285px;background:red;padding:10px;background:#fff;border:solid 1px #d8d8d8;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;display:none;}
.bd_weixin_popup_head{font-size:12px;font-weight:bold;text-align:left;line-height:16px;height:16px;position:absolute;color:#000;}
.bd_weixin_popup_head span{font-size:12px;font-weight:bold;text-align:left;line-height:16px;}
.bd_weixin_popup_close{width:16px;height:16px;text-decoration:none;font-size:16px;text-align:right;position:absolute;right:0;top:0;cursor:pointer;}
.bd_weixin_popup_foot{font-size:12px;text-align:left;line-height:22px;color:#666;}
#weixin{width:185px;height:auto;margin:10px auto;}

.related{  width: 100%; margin:.2rem 0 .8rem;}
.related h3{ display: flex; font-size: .36rem; color: #333; justify-content: space-between; font-weight: lighter;align-items: flex-end;}
.related h3>a{font-size: .18rem; color: #333;}
ul.hbp>li{ box-shadow: 0 0 0 0; background: #fff; border: solid #f2f3f5 1px;border-radius: 0;}
ul.hbp>li>a{ border-top-right-radius:0;}
ul.hbp>li .intro{  border-top-right-radius:0; background: #fff;border-bottom-left-radius:0; margin-top: 0; }
ul.hbp>li .intro>i{ font-size: .16rem; color: #666;}
ul.hbp>li .intro>h6{margin: .2rem 0; font-size: .22rem;}
ul.hbp>li .intro>p {font-size: .16rem; line-height: 1.625; color: #878787;}
ul.hbp>li:hover .intro>i{color: #fff;}
ul.hbp>li:hover .intro>p{ color: #fff;}

/*station*/
.station_box{width: 100%; padding-top: 1rem;}
ul.stationlist{ width: 69%; margin: 0 auto; display: flex; flex-direction: column;border-top:solid #d8d8da 1px; margin-top: 1rem;}
ul.stationlist>li{ border-bottom:solid #d8d8da 1px;padding: .5rem 0;transition: all .3s linear; width: 100%;  }
.sconbox{display: flex;width:100%; justify-content: space-between;}
.sconbox .nimg{ width: 33%; height: auto; overflow: hidden;}
.sconbox .nimg img{ max-width:100%; display: block; margin: 0 auto;}
.sconbox .ntita{ width: 62%; display: flex; flex-direction: column; justify-content: space-around; margin-left: 5%;}
.sconbox .ntita>div.tit1 a{ color: #20222d; font-size: .24rem; line-height: 1.5;}
.sconbox .ntita>div.tit1 p{ font-size: .16rem; color: #363636; padding-top: .1rem;}
.sconbox .ntita>div.tit1 p>i{ padding-right: .3rem; margin-right: .3rem; border-right: solid #666 1px;}
.sconbox .ntita>a.arr01{ align-self: flex-end;}
.sconbox .ntita>a.arr01>img{ max-width: 100%; display: block;transition: all .3s linear; width: .81rem;}
.sconbox .ntita>a.arr01>img:nth-child(2){ display: none;}
.sconbox .ntita>a.arr01>img:nth-child(1){ display: block;}
ul.stationlist>li:hover{ background: url("../images/stali_bg.jpg") right center no-repeat; background-size: cover;}
ul.stationlist>li:hover .sconbox .ntita>div.tit1 a{  color: #345ba8;}
ul.stationlist>li:hover .sconbox .ntita>a.arr01{ align-self: flex-start;}
ul.stationlist>li:hover .sconbox .ntita>a.arr01>img:nth-child(2){ display: block;}
ul.stationlist>li:hover .sconbox .ntita>a.arr01>img:nth-child(1){ display: none;}

/*job*/
/*join*/
.n_box8{ width: 100%; background: url("../images/j_bg1.jpg") top left repeat-x;   padding-top: 1rem;}
.n_box8 .wrap_c{ margin-top: 0;}
.joinlist{}
.joinlist dl{ width:100%; overflow: hidden; }
.joinlist dl dt{ float:left;width: 50%; overflow: hidden;position: relative;}
/*.joinlist dl dt .swiperjoin{ width: 100%; overflow: hidden; margin: 0;}
.joinlist dl dt .swiper-slide{ overflow: hidden; width: 100%;}*/
.joinlist dl dt img{max-width:100%;display: block; border-radius: .5rem;}
.joinlist dl dd{float:left;box-sizing: border-box;padding: .2rem .3rem .5rem .4rem; width: 40%;}
.joinlist dl dd h3{ line-height: 1;}
.joinlist dl dd h3>i{font-size: 1.6rem; -webkit-text-stroke: 1px #e8eaf1; color: #fff; text-transform: uppercase; font-weight: bold; font-family: Arial;}
.joinlist dl dd h3>b{font-size: .5rem; color: #3c3c3c; display: block; margin-top: -.75rem; margin-left: .12rem;}
.joinlist dl dd h4{font-size: .3rem;color: #3c3c3c; margin: .5rem 0 0;position: relative; padding-bottom: .5rem;}
.joinlist dl dd h4:before{ width: .5rem; height: .05rem; background: #245bb2; content: '';position: absolute; left: 0; bottom: 0;border-radius: .025rem; }
.joinlist dl dd>p{ font-size: .18rem; line-height: 1.45;margin-top: .5rem;}
.job_list{ width: 100%; margin-top: .6rem;}
.job_item { width: 100%; box-sizing: border-box; background: #fff; padding: .4rem;border: solid #eee 1px; margin-top: .2rem; border-radius: .2rem; transition: all .3s linear;}

.job_title{ display: flex; align-items: center;}
.job_l1{ width: calc(100% - .4rem); display: flex; }
.job_l1 h4{ display: flex; align-items: center; font-size: .3rem; color: #000;}
.job_l1 h4>i{ display: block; margin-right: .2rem;}
.job_l1 p{ line-height: .36rem; padding-top: .2rem; font-size: .18rem; color: #989898; margin-left: .5rem;}

.job_l1 p span{ margin-right: .2rem; padding-right: .2rem; border-right: solid #989898 1px;display: inline-block; line-height:1; }
.job_l1 p span:last-child{ border-right: none;}
.job_r1{ width: .4rem;}
.job_r1>img{ max-width: 100%;}
.job_list h4 span.time img{ margin-right: 10px;}
.job_detail{  padding: .3rem  0; display: none; }
.job_detail p{ line-height: 1.875; font-size: .16rem; color: #666;}
.job_detail a.join{ display: inline-block; width: 1.8rem; height: .55rem; border-radius: .275rem; background: #3e5baa; color: #fff; line-height: .55rem; text-align: center; box-shadow: 0 0 .2rem rgba(62,91,170,.2); margin-top: .3rem; font-size: .2rem;}

.privacy_box{ width: 100%; background: url("../images/l_bg1.jpg") top left repeat-x;  padding-top: 1rem;}
.privacy{ width: 73%; margin: 1rem auto 1.5rem; background: #fff; box-shadow:0 0 .3rem rgba(0,0,0,.15); box-sizing: border-box; padding: .8rem;}
.privacy p{font-size: .18rem; color: #666; line-height: 2; margin: .3rem 0;}
.privacy p>strong{ display: inline-block;position: relative;padding-left: .3rem; color: #222;}
.privacy p>strong:before{ width: .08rem; height: .08rem; border-radius: 50%; background: #222;position: absolute; left: 0; top:.14rem; content: '';}

/*contact us*/
.contact_box{ width: 100%;  margin-top: 1rem;}
.map{ width: 100%; margin-top: 1rem;}
.mapall{width:100%;height:600px;overflow:hidden;position: relative;}

.contact_txt{ width: 73%; box-sizing: border-box; padding: .4rem .8rem; margin: 0 auto;box-shadow: 0 0 .2rem rgba(0,0,0,.15); border-radius: .5rem;position: relative; margin-top: -1.5rem; background: #fff; z-index: 9999;}
.c_ul1{ display: flex; width: 100%; flex-wrap: wrap;  justify-content: space-between;}
.c_ul1>li>div{border-radius: 50%; width:.7rem; height:.7rem; padding: .1rem; display: flex;align-items: center; justify-content: center;  background: #fff; margin: 0 auto;border: solid #a2a2a2 1px; border-radius: 50%; box-sizing: border-box;}
.c_ul1>li>div>img{ display: block; max-width: 100%;}
.c_ul1>li>div>img:nth-child(2){ display: none;}
.c_ul1>li p{ font-size: .18rem;  color:#666; margin-top:.2rem;  font-weight: bold; text-align: center; }
.c_ul1>li:hover p{color: #16487f;}
.c_ul1>li:hover>div{background:#3e5baa;box-shadow: 0 5px 20px rgba(62,91,170,.2); border: solid #3e5baa 1px;}
.c_ul1>li:hover>div>img{ display: none;}
.c_ul1>li:hover>div>img:nth-child(2){ display: block;}
.message_box{ width: 100%;  margin: 1rem 0 1.5rem; }
.message{width: 73%; box-sizing: border-box; padding: .2rem .8rem .6rem; margin: 1rem auto 0;border-radius: .5rem; background: #fafbfd;border: solid #cacdd4 1px;}
.message ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.message li{ width: 48%; padding: .2rem 0; border-bottom: solid #cacdd4 1px; font-size: .2rem; color: #b9bbbe; display: flex; margin-top: .4rem;}
.message li label{ white-space: nowrap;}
.message li .input1{ border: none; width: 100%; background: none; line-height: .2; font-size: .2rem;color: #b9bbbe; box-sizing: border-box;padding-left: .2rem;}
.message li:nth-child(5){width: 100%;}
.message li:nth-child(6){width: 100%; border-bottom: none; justify-content: center; margin-top: .6rem;}
.message li:nth-child(6)>span{ margin: 0 .1rem;}
.message li:nth-child(6)>span>input{width: 2.5rem; height: .7rem; text-align: center; font-size: .24rem; color: #fff; border-radius: .35rem; border: none;box-shadow: 0 0 .2rem rgba(0,91,172,0);transition: all .3s linear; cursor: pointer;}
.message li:nth-child(6)>span>input:hover{box-shadow: 0 0 .2rem rgba(0,91,172,.3);}
.message li:nth-child(6)>span>input.btn1{ background: #bec5d2;}
.message li:nth-child(6)>span>input.btn2{ background: #3e5baa;}

/*station*/
.social_box{ width: 100%; padding-top: 1rem; background: url("../images/l_bg1.jpg") top left repeat-x; }
ul.sociallist{ width: 69%; margin: 0 auto; display: flex; flex-direction: column; margin-top: 1rem;border-radius: .03rem;}
ul.sociallist>li{ box-shadow:0 0 .3rem rgba(0,0,0,.15);transition: all .3s linear; width: 100%; margin-bottom: .4rem;  }
ul.sociallist>li:last-child{margin-bottom: 0;}
a.socialbox{display: flex;width:100%; justify-content: space-between;}
a.socialbox .nimg{ width: 50%; height: auto; overflow: hidden;}
a.socialbox .nimg>img{ max-width:100%; display: block; margin: 0 auto;border-radius: .03rem;}
a.socialbox .ntita{ width:50%; display: flex; flex-direction: column; justify-content: space-around;}
a.socialbox .ntita>div.tit1{padding: 0 .75rem;}
a.socialbox .ntita>div.tit1 h4{ color: #20222d; font-size:.24rem; line-height: 1.5;position: relative; display: block;font-weight:normal}
a.socialbox .ntita>div.tit1 h4:before{width: .4rem; height: .08rem; position: absolute; left: -.95rem; top:.14rem; content: ''; opacity: 0; transition: all .3s linear;}
a.socialbox .ntita>div.tit1 p{ font-size: .18rem; color: rgba(0,0,0,.5); padding-top: .2rem; line-height: 1.725;overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;}
a.socialbox .ntita>span{ display: block; margin-left: .75rem; color: rgba(0,0,0,.5); font-size: .18rem;}
ul.sociallist>li:hover a.socialbox .ntita>div.tit1 h4:before{opacity: 1;}
ul.sociallist>li:hover a.socialbox .ntita>div.tit1 h4{ color: #3c5baa;}
.case_box{ width: 100%;padding-top: 1rem; background: url("../images/l_bg1.jpg") top left repeat-x; margin-bottom: 1.5rem;}
.caseimg{ width: 80%; margin: 1rem auto 0;   position: relative;}
.caseSwiper,.thumbSwiper{ width: 100%; overflow: hidden; position: relative;}
.caseSwiper:before{ width: 100%; height: .24rem; content: '';position: absolute; bottom: 0; z-index: 2; background: url("../images/sj_bg1.png") center no-repeat; background-size: cover; left: 0;}
.caseSwiper .swiper-slide a{ display: block; width: 100%; height: 100%; position: relative;}
.caseSwiper .swiper-slide a>i{ display: block; border-radius: .1rem; overflow: hidden;position: relative;}
.caseSwiper .swiper-slide a>i:before{position: absolute; left: 0; top:0;background: rgba(0,0,0,.2); z-index: 2; content:'';width: 100%; height: 100%;}
.caseSwiper .swiper-slide a>i img{ width: 100%; display: block;}
.caseSwiper .swiper-slide .intro{ position:absolute; left: 0; top:0; display: flex;justify-content: center; align-items: flex-start; flex-direction: column;  width: 100%; height: 100%;
box-sizing: border-box; padding-left: 1.3rem; color: #fff;z-index: 5;}
.caseSwiper .swiper-slide .intro>span{ display: block; font-size:.36rem; }
.caseSwiper .swiper-slide .intro>p{ font-size: .56rem; font-weight: bold; margin-top: .1rem;}
.caseSwiper .swiper-slide .intro>b{ width: 1.05rem; height: .08rem; background: #fff; display: block; margin-top: .3rem;}
.caseSwiper .case-next,.caseSwiper .case-prev{ display: none;}
.thumbbox{ width: calc(100% + 2rem); margin-left: -1rem; padding: 0 1rem;box-sizing: border-box; position: relative;}
.thumbSwiper{ margin-top: .3rem;position: relative;}
.thumbSwiper .swiper-slide i{display: block; width: 100%;  overflow: hidden;}
.thumbSwiper .swiper-slide img{max-width: 100%; display: block;border-radius: .1rem;}
.thumbSwiper .swiper-slide p{position: absolute; width: calc(100% - .4rem); text-align: center;padding:.3rem .2rem;bottom:0; font-size: .24rem; color: #fff; font-weight: bold;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
background-image:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0)); }
.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.case-next,.case-prev{position: absolute;  width: .5rem; height: .5rem; top:calc(50% - .25rem); z-index: 999;}
.case-next img,.case-prev img{width: 100%; display: block;}
.case-next img:nth-child(2),.case-prev img:nth-child(2){display: none}
.case-next{ right:.1rem;}
.case-prev{left:.1rem;}
.case-next:focus,.case-prev:focus{outline: none;}
.case-next:hover img:nth-child(2),.case-prev:hover img:nth-child(2){display: block}
.case-next:hover img:nth-child(1),.case-prev:hover img:nth-child(1){display: none;}

/*business*/
.bus_box{width: 100%; background: url("../images/b_bg1.jpg") top left repeat-x;  padding-top: 1rem;}
.gasbox{ margin: 1rem auto 0; max-width: 73%;}
.gasbox dl{ width:100%; overflow: hidden; }
.gasbox dl dt{ float:left;width: 50%; overflow: hidden;position: relative;border-radius: .05rem;}
.gasbox dl dt .swiper-horizontal>.swiper-pagination-bullets, .gasbox dl dt .swiper-pagination-bullets.swiper-pagination-horizontal, .gasbox dl dt .swiper-pagination-custom, .gasbox dl dt .swiper-pagination-fraction{
   bottom: .3rem; text-align: center;position: absolute; z-index: 9;
}
.gasbox dl dt .swiper-pagination-bullet{ width: .1rem; height: .1rem; background-color:#fff;}
.gasbox dl dt .swiper-pagination-bullet:focus{outline: none;}
.gasbox dl dt img{width:100%;display:block;height:5rem;object-fit:cover;}


.gasbox dl dd{float:left;box-sizing: border-box;padding: .2rem 0rem .5rem .4rem; width:40%;}
.gasbox dl dd h4{font-size: .36rem;color: #222; margin: .5rem 0 0;position: relative; padding-bottom: .3rem;}
.gasbox dl dd h4:before{ width: .7rem; height: .05rem; background: #245bb2; content: '';position: absolute; left: 0; bottom: 0; }
.gasbox dl dd>p{ font-size: .18rem; line-height: 2;margin-top: .5rem; color:#777;}
.gasbox>p{ font-size: .18rem; line-height: 2; color: #777; margin-top: 1rem;}
.factorybox{ width: 100%; margin-top: 1rem; }
.factory{ width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
    margin-top: 1rem;
    background: #fafbfd;
    padding: 1rem 0 3rem;
}
.facswiper{
    position: relative;
    max-width: 1400px;
    width: 96%;
    margin: 0 auto;
}
.facswiper .swiper-slide{filter: blur(0); height: 6rem; position: relative;}
.facswiper .swiper-slide-active { opacity: 1; filter: blur(0);}

.facswiper .swiper-slide img{ width: 100%; height: auto;}
.facswiper .fac-button-prev{  left: -.3rem;}
.facswiper .fac-button-prev::after,  .facswiper .swiper-container-rtl .fac-button-next::after {
    content: '';
}
.facswiper .fac-button-next{ right:-.3rem;}
.facswiper .facr-button-next::after,  .facswiper  .swiper-container-rtl .fac-button-prev::after {
    content: '';
}
.fac-button-next, .fac-button-prev {
  background: #fff;
    position: absolute;
    top: calc(50% - .3rem);
    width:.6rem;
    height: .6rem;
    z-index: 999;
    border-radius: 50%;
    box-shadow: 0 0 .2rem rgba(0,0,0,.15);

}
.fac-button-next:hover, .fac-button-prev:hover{ background: #245bb2;}
.fac-button-next:focus, .fac-button-prev:focus{ outline: none;}
.factory .swiper-slide b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;transition:5.3s linear;-webkit-transition:5.3s linear;-o-transition:5.3s linear;-moz-transition:5.3s linear;}
.factory .swiper-slide>a{ display: block; width: 100%; height: 100%; }
.factory .swiper-slide .intro{width: 38%; margin-top:1.5rem; background: #fff; position: relative; z-index: 1111;box-shadow: 0 0 .3rem rgba(36,91,178,.3);box-sizing: border-box;padding: 1rem .8rem; text-align: left;  margin-left: 10%; height: 6rem; flex-direction: column; justify-content: space-between;opacity: 0 ;display: flex; transition: all .6s linear;}
.factory .swiper-slide .intro h3{font-size: .3rem; color: #222;}
.factory .swiper-slide .intro p{font-size: .18rem; color: #777; line-height: 2; margin-top: .2rem;}
.factory .swiper-slide .intro span{display:block;font-size: .18rem; color: #fff; line-height: .6rem; margin-top: .2rem; background: #245bb2; width: 1.6rem; height: .6rem; border-radius: .3rem; text-align: center; text-transform: uppercase;}
.busnav{max-width: 60%; margin: 0 auto;}
.devnav{ max-width: 40%; margin: 0 auto;}
.newsnav{max-width:80%; margin: 0 auto;}
.facswiper .swiper-slide-active .intro{ opacity: 1; }

.swiper3-next,.swiper3-prev{position: absolute;  width: .5rem; height: .5rem; top:calc(50% - .25rem); z-index: 999; display: none;}
.swiper3-next img,.swiper3-prev img{width: 100%; display: block;}
.swiper3-next img:nth-child(2),.swiper3-prev img:nth-child(2){display: none}
.swiper3-next{ right: .1rem;}
.swiper3-prev{left:.1rem;}
.swiper3-next:focus,.swiper3-prev:focus{outline: none;}
.swiper3-next:hover img:nth-child(2),.swiper3-prev:hover img:nth-child(2){display: block}
.swiper3-next:hover img:nth-child(1),.swiper3-prev:hover img:nth-child(1){display: none;}
@media screen and (max-width:1200px) {
    .swiper3-next,.swiper3-prev{ display: block;}
    .sub_c p.p1{font-size: .4rem;}
    .sub_c p.p2{font-size: .15rem;}
    h2.tit1 > i,h2.tit1 > b{font-size: .3rem;}
    .privacy_box{padding-top: .4rem;}
    .privacy {width: 96%; margin: .4rem auto; padding: .2rem;}
    .privacy p{ margin: .1rem 0; font-size: .14rem;}

    /*news center*/

    .newsnav{ max-width: none;}
    .media_box{margin-top: .4rem;}
    ul.newslist > li{padding: .3rem 0;}
    .nconbox{ width: 96%; margin: 0 auto; flex-direction: column;}
    .nconbox .ndate{ width: 100%;}
    .nconbox .nimg{ width: 100%; margin-top: 10px;}
    .nconbox .ntita{ width: 100%; margin-top: 10px;}


    ul.newslist{margin-top: .4rem;}
    .nconbox .ndate > i{font-size: .2rem; -webkit-text-stroke: 1px transparent;color:#cbcbcb;}
    .nconbox .ndate > span{font-size: .14rem;margin-left: .1rem;}
    .nconbox .ntita > a.tit1{font-size: .18rem;}
    .nconbox .ntita > a.plus{ text-align: right;}
    .nconbox .ntita > a.plus > img {
        width: .3rem;
        margin-left: auto;
    }
    .nconbox .nimg img{max-width: none; width: 100%;}
    .pagination{margin: .4rem auto;}
    .pagination > a{font-size: 14px; width: .4rem; height: .4rem; line-height: .4rem; margin: 0 2px;}
    .ours-main{width: 96%;}
    .recmedia {margin-top: .4rem;}
    .swbox1 .imgintro a.m-video > img{ width:.6rem; height: .6rem; left: calc(50% - .3rem); top:calc(50% - .3rem); display: block;}
    .swbox1 h3{line-height: 1.5;display: none;}
    .swbox1 h3>a{font-size: .18rem; display: block;margin: .1rem; }
    .swiper3 .swiper-slide {
        text-align: center;
       width: 100%;
    }
    .medialist{ width:96%; margin: .1rem auto 0; }
    .c_ul4{margin-top: 0;}
    .c_ul4 > li{ width: 100%; margin-right: 0;}
    .c_ul4>li a.m-video>img{  width:.4rem; height: .4rem; left: calc(50% - .2rem); top:calc(50% - .2rem);}
    .c_ul4 > li h3{padding: .15rem;}
    .c_ul4 > li h3 > a{font-size: .16rem; display: block;}

    .recdynamic{padding:.3rem 0;margin-top: -.4rem; }
    .dynamicbox{ width: 96%;flex-wrap: wrap; margin: .4rem auto 0;border-bottom-left-radius: .1rem;}
    .dynamicbox .intro{ width: 100%; margin-top: 2rem;border-bottom-left-radius: .1rem;padding: .2rem;}
    .dynamicbox b.b1{width: 100%; height: 2rem;}
    .c_ul3 > li{width: 100%; margin-right:0;}
    .dynamicbox .intro h4 > a{font-size: .16rem; line-height: 1.5;}
    .dynamicbox .intro span{font-size: .14rem; margin-top: .15rem;}
    .dynamicbox .intro > p{font-size: .14rem;margin-top: .15rem;}
    .dynamicbox .intro > a.more1{ width: 1rem; height: .4rem; line-height: .4rem; font-size: .14rem;margin-top: .15rem;}
    .c_ul3{margin-top: .4rem;}
    .c_ul3 > li .intro{padding: .2rem;}
    .c_ul3 > li .intro > h6{font-size: .16rem;margin-bottom: .1rem;}
    .c_ul3 > li .intro > h6>a{display: block;}
    .ncontent{margin-top: .4rem;}
    .ncontent h1{font-size: .2rem;}
    .ncontent .subtit{  font-size: .14rem;    padding: .3rem 0;  width: 100%; clear: both;}
    .ncontent .subtit span{ display: inline-block; margin: 0 .1rem; border-left: solid #ddd 1px; padding-left: .2rem;}
    .ncontent .subtit span:first-child{ border-left: none;}
    .ncontent .discripition{ padding: .2rem; font-size: .14rem;line-height: 1.5; background: #f9f9f9; margin-bottom: .4rem;}
    .ncontent p{ font-size: .14rem; line-height: 1.625; margin: .1rem 0; color: #222;}
    .ncontent p.pimg{ text-align: center; margin: .3rem 0 .2rem;}
    .share {margin-top: .4rem;}
    .related {
        margin: .6rem 0 0;
    }
    .related h3 {
        font-size: .22rem;
    }
    .related h3 > a{font-size: .14rem;}
    ul.hbp > li .intro > i{font-size: .14rem;}
    ul.hbp > li .intro > h6 {
        margin: .1rem 0;
        font-size: .16rem;
    }
    ul.hbp > li .intro > p{font-size: .14rem;}
    .station_box{padding-top: .4rem;}
    ul.stationlist{ width: 96%;  margin-top:.4rem;}
    .sconbox{flex-wrap: wrap;}
    ul.stationlist > li{padding: .3rem 0;}
    .sconbox .nimg{width: 100%;}
    .sconbox .nimg img{width: 100%; max-width: none;}
    .sconbox .ntita{width: 100%; margin-top: 20px;}
    .sconbox .ntita > div.tit1 a{font-size: .16rem;display: block;}
    .sconbox .ntita > div.tit1 p{font-size: .14rem;}
    .sconbox .ntita > a.arr01 > img{width: .4rem;}
    ul.stationlist>li:hover .sconbox .ntita>a.arr01{ align-self: flex-end;}
    ul.stationlist>li:hover{ background: none;}

    /*job*/
    .n_box8 {padding-top: .4rem;}
    .joinlist dl dt{width: 100%;}
    .joinlist dl dd{width: 100%; padding: .2rem;}
    .joinlist dl dd h3 > i{font-size: .6rem;}
    .joinlist dl dd h3>b{font-size: .3rem;  margin-top:-.4rem; margin-left:0;}
    .joinlist dl dd h4{font-size: .2rem; margin-top: .3rem; padding-bottom: .3rem;}
    .joinlist dl dd > p {
        font-size: .14rem;
        margin-top: .3rem;
    }
    .job_list{margin-top: 0;}
    .job_item { padding: .2rem; margin-top: 0; border-radius: .1rem; }
    .job_l1 h4{font-size: .16rem;}
    .job_l1{flex-direction: column;}
    .job_l1 p{margin-left: 0; padding-top: .1rem;font-size: .14rem;}
    .job_detail{padding: .1rem 0;}
    .job_detail p{font-size: .14rem;}
    .job_detail a.join{  width: 1rem; height: .4rem; border-radius: .2rem; line-height: .4rem;  margin-top: .1rem; font-size: .14rem;}

    .caseSwiper .case-next,.caseSwiper .case-prev{ display: block;width: .3rem; height: .3rem;top: calc(50% - .15rem);}
    .caseimg{ width: 96%; margin: .4rem auto 0;}
    .thumbbox,.caseSwiper:before{ display: none;}
    .case_box{ padding-top: .4rem; margin-bottom: .4rem;}
    .caseSwiper .swiper-slide .intro{padding-left: .6rem;}
    .caseSwiper .swiper-slide .intro>span{ display: block; font-size:.14rem; }
    .caseSwiper .swiper-slide .intro > p{font-size: .18rem;}
    .caseSwiper .swiper-slide .intro > b{display: none;}
    .social_box{padding-top: .4rem;}
    ul.sociallist{width: 96%; margin-top: .4rem;}
    ul.sociallist > li{margin-bottom: .2rem;}
    a.socialbox .nimg > img{max-width: none;width: 100%;}
    a.socialbox{flex-wrap: wrap;}
    a.socialbox .nimg{width: 100%;}
    a.socialbox .ntita{width: 100%;padding-bottom: .2rem;}
    a.socialbox .ntita > div.tit1 h4::before{display: none;}
    a.socialbox .ntita > div.tit1 {
        padding: .2rem .2rem 0;
    }
    a.socialbox .ntita > div.tit1 h4{font-size: .16rem;}
    a.socialbox .ntita > div.tit1 p{font-size: .14rem; padding-top: .1rem;}
    a.socialbox .ntita > span{margin-left: .2rem; font-size: .14rem;}

    /*contact*/
    .contact_box,.map {margin-top: .4rem;}
    .mapall{height: 300px;}
    .contact_txt {
        width: 100%;
        padding: .2rem;
        margin: 0 auto;
        border-radius: .2rem;
        position: relative;
        margin-top: .2rem;
        box-shadow: none;
    }
    .c_ul1 > li{width: 50%; margin-bottom: .2rem;}
    .devnav{max-width: none;}
    .c_ul1 > li p{font-size: .14rem;}
    .message_box {
        margin: 0 0 .4rem;
    }
    .message{width:96%; box-sizing: border-box; padding: .2rem; margin: .4rem auto 0;border-radius: .1rem;}
    .message li {width: 100%; margin-top: .1rem;font-size: .14rem; padding:0;}
    .message li:nth-child(6) {margin-top: .2rem;}
    .message li:nth-child(6) > span > input {
        width: 1rem;
        height: .4rem;
        font-size: .14rem;
        border-radius: .2rem;
    }
    /*business*/
    .bus_box{padding-top: .4rem;}
    .gasbox{ margin: .4rem auto 0; max-width: 100%;}
    .gasbox dl dt{width:100%;}
    .gasbox dl dd{width: 100%;padding: 0;}
    .gasbox dl dd h4 {
        font-size: .24rem;
        margin: .3rem 0 0;
        position: relative;
        padding-bottom: .15rem;
    }
    .gasbox dl dd h4:before{ width: .4rem; height: .03rem;  }
    .gasbox dl dd > p{font-size: .14rem; line-height: 1.5; margin-top: .2rem;}
    .gasbox > p {
        font-size: .14rem;
        line-height: 1.5;
        margin-top: .3rem;
    }
    .factorybox{margin-top: .4rem;}
    .factory{
        margin-top: .4rem;
        padding: .3rem 0 .5rem;
    }
    .facswiper .swiper-slide{ height: auto;}
    .factory .swiper-slide .intro{width: 76%; padding: .2rem;  margin-left: 12%; height: auto; }
    .factory .swiper-slide .intro h3{font-size: .16rem; }
    .factory .swiper-slide .intro p{font-size: .14rem;  margin-top: .15rem;}
    .factory .swiper-slide .intro span{font-size: .14rem; line-height: .4rem; margin-top: .15rem; background: #245bb2; width: 1rem; height: .4rem; border-radius: .2rem;}
    .busnav{max-width: none;}
    .facswiper .fac-button-prev{  left: .1rem;}
    .facswiper .fac-button-next{ right:.1rem;}
    .fac-button-next, .fac-button-prev {
        background: #fff;
        position: absolute;
        top: calc(50% - .15rem);
        width:.3rem;
        height: .3rem;


    }
    .privacy p > strong::before{top:.08rem;}
    .swiper3-next,.swiper3-prev{position: absolute;  width: .3rem; height: .3rem; top:calc(50% - .15rem); z-index: 999;}
}
@media screen and (max-width:750px) {
    .ncontent .subtit span.source{display: none;}
    .ncontent .subtit span{border-left: none;}
}

/*202404*/
.gasbox dl dd > p{text-align:justify;text-justify:inter-ideograph;}
.ncontent .discripition{text-align:justify;text-justify:inter-ideograph;}

/*202404*/
.fac-button-next{background:url("../upimg/arr_right1.png") 50% no-repeat;background-size:100% 100%;cursor:pointer;}
.fac-button-next:hover{background:url("../upimg/arr_right2.png") 50% no-repeat;background-size:100% 100%;}

.fac-button-prev{background:url("../upimg/arr_left1.png") 50% no-repeat;background-size:100% 100%;cursor:pointer;}
.fac-button-prev:hover{background:url("../upimg/arr_left2.png") 50% no-repeat;background-size:100% 100%;}


.nconbox{display:grid;grid-template-columns:34% 33% 33%;grid-gap:0px;}
.nconbox .ndate{width:100%;justify-content:space-between;}
.nconbox .nimg{width:100%;}
.nconbox .ntita{width:100%;}

@media screen and (max-width:1200px) {
    .nconbox{display:flex;}
}

.ncontent{max-width:1200px;margin:0px auto;margin-top:1rem;}
.ncontent img{max-width:100%;}

@media screen and (max-width:1200px) {
    .ncontent{margin-top: .4rem;}
}