@charset 'UTF-8';
 .met_pager a{color:#333}
  .met_pager .PreSpan, .met_pager .NextSpan{color:#333}
   .hidden-sm-down{display:block;       }
    .hidden-md-up{display:none}
/*PAD PRO*/
@media screen and (min-width: 1361px) and (max-width: 1920px) {

.data-count span{display:block; float:left;max-width:160px;}
  .data-count span em{display:block; font-style:normal; font-family:'beba'; font-size:46px; color:#393c4c;}
  .data-count span em i{font-size:14px; font-style:normal;}
  .data-count span em sup{font-size:16px; margin-right:0;}
}

@media screen and (min-width: 981px) and (max-width: 1360px) {
    .indexcount .data-counts span:nth-child(4), .indexcount .data-counts span:nth-child(2) {    padding-left: 2vw;}
     
    .data-count span{ width:1.4rem;}
  .data-count span{display:block; float:left;max-width:148px;}
  .data-count span em{display:block; font-style:normal; font-family:'beba'; font-size:46px; color:#393c4c;}
  .data-count span em i{font-size:14px; font-style:normal;}
  .data-count span em sup{font-size:16px; margin-right:0;}
}

/*移动端*/

@media only screen and (max-width:980px) {
     .indexcount .data-counts span:nth-child(4), .indexcount .data-counts span:nth-child(2) {    padding-left: 2vw;}
    .indexcount  .data-counts span em {width:108px;    height: auto;}
    .Str-header h1 a.logo1 img{display:none}
.Str-header h1 a.logo1 img:nth-of-type(1){display:inline-block; max-width:96px}
.Str-header-scroll h1 a.logo1 img:nth-of-type(2){display:inline-block; max-width:96px}
.Str-header-scroll h1 a.logo1 img:nth-of-type(1){display:none;  }
    .join .container .right .box h2{font-size:18px!important}
    .join .container .right .box span{position: relative;left: 0;font-size: 14px;display:inline-block}
    .hidden-sm-down{display:none}
    .hidden-md-up{display:block; text-align: center;}
.two .home-productbox{padding-top: 36.2%;}
  .about .flex1{width: 100%; float: left; }
  .about .flex2{  width: 100%;  float: left;  }
.Str-single .container{padding-top: 150px;}
.listys{     top: -0.8rem;}
.bgyoushi   .index-title h3{ font-size:16px;padding: 0.1rem .5rem;}
.bgyoushi   .index-title h3.title{ font-size:20px; }
.listys .section1 h2{    font-size: 18px;}
.listys .section2  h2{    font-size: 18px;}
.listys .section1 {   padding:0.05rem}
.listys .section2  {   padding:0.05rem}

.listys h2 img{    top: 14px;    margin-right: 0.1rem;}
.data-count span{display:block; float:left;max-width:100px;}
.data-count span em{display:block; font-style:normal; font-family:'beba'; font-size:40px; color:#393c4c;}
.data-count span em i{font-size:12px; font-style:normal;}
.data-count span em sup{font-size:14px; margin-right:0;}
.data-count span label{display:block; font-size:18px; color:#666; font-weight:300;}
.Str-products{padding:0;}
.Str-products .container{padding:0;}
.Str-products .list-style-two{margin:0;}
.Str-products .list-style-two li{padding:0;}

.home-productbox dl dt h3{font-size:.32rem; letter-spacing:0px;}
.home-productbox dl dt p{font-size:.14rem; }

/**common style**/
.Scroll-down{display:none;}
.container{padding-left:.15rem; padding-right:.15rem; width:100%; max-width:100%;}
.commPadding{padding:.2rem 0;}

.list-style-two{margin-left:-.1rem; margin-right:-.1rem;}
.list-style-two li{padding:.1rem; width:100%;}

.list-style-three{margin-left:-.1rem; margin-right:-.1rem; overflow:hidden;}
.list-style-three li{width:100%; padding:.1rem; }
.index-new .news:nth-child(2){padding: 0 0px;}
.index-title {
    margin: 0 0 20px;
}
/**layout style**/
body.offscreen .Str-header{margin-top:0;}
.Str-header{padding:8px 0; height:50px;}
.Str-header h1 a.logo{width:96px; height:34px; background-size:96px 34px;}

.Str-header-scroll{padding:8px 0; height:50px;}
.Str-header-scroll h1 a.logo{margin:0; width:96px; height:34px; background-size:96px 34px;}

.Str-header.active{background:#fff;}
.Str-header.active h1 a.logo{width:96px; height:34px; background:url(../images/logo_n1.png) no-repeat center; background-size:96px 34px; }
.Str-header.active .Str-mobile-menu .menu-line{background:#222;}

.Str-menu,.lagBox,.Str-header nav{display:none;}
.Str-mobile-menu{display:block;}


.Str-screen{height:60%;}
.showSlogan{border:0;}
.show-slogan h1{margin:0 0 .15rem; font-size:.22rem;}
.Home-swiper .ani-slide .show-slogan h1.haoh1{margin:0 0 .15rem; font-size:1.4rem;}
.Home-swiper .ani-slide .show-slogan h2.haoh3{transform:translateY(0);opacity:1; position: relative;   top: -1rem;   text-align: center;}
.Home-swiper .ani-slide .show-slogan h1.haoh2{transform:translateY(0);  position: relative;   top: -1rem; font-size: 0.25rem; text-align: center;}
.show-slogan h2{font-size:.16rem; margin:0 0 .05rem; padding-left:0;}
.show-slogan h2:before{display:none;}
.show-slogan p{display:none;}
.contact .data-counts span.line{display:none}
.contact .data-counts span:last-child{        text-align: center;        clear: both;float:unset;display: block;}
.homeLink{width:.9rem; height:.34rem; text-indent:0; font-size:.14rem; padding-left:.2rem;  line-height:.34rem; }
.homeLink:after{ content: url(../images/arrow-right-up-line.svg); font-family: 'iconfont'; position:absolute; right:14px; top:65%; transform: translate(0, -50%); text-indent:0px; font-size:20px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.homeLink:hover{ width:1rem; text-indent:0; }

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev{padding-right:1%;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next{padding-right:8%;}

.home-title-1{margin:0 0 .4rem;}
.home-title-1 h2{font-size:.4rem; }
.home-title-1 h3{top:.3rem; font-size:.3rem;}
.home-title-1 h3 span{font-size:.12rem;}
.home-title-1 h3 span em{font-size:.16rem;}

.home-title-2 h3{text-align:right; font-size:.2rem;}
.home-title-2 h3 span{font-size:.16rem;}

.home-title-1 h3 span{display:block; font-size:.14rem; font-weight:normal; text-align:left; overflow:hidden;}
.home-title-1 h3 span em{float:none; width:auto; display:block; font-size:.2rem; font-weight:600; font-style:normal;  margin-bottom:.15rem;}
.home-title-1 h3 span i.break{display:inline-block; vertical-align:middle; margin:3px 15px; width:1px; height:18px; background:#999;}


.Product-swiper.swiper-container{top:-.4rem;}
.Product-swiper .swiper-button-prev,.Product-swiper .swiper-container-rtl .swiper-button-next {left: 0; right: auto; bottom:auto; top:20%; width:.4rem; height:.4rem; }
.Product-swiper .swiper-button-next,.Product-swiper .swiper-container-rtl .swiper-button-prev {left:auto; right: 0;bottom:auto; top:20%; width:.4rem; height:.4rem; }

.Product-swiper .swiper-button-next:after,.Product-swiper .swiper-container-rtl .swiper-button-prev:after {
  position:absolute; left:0; top:0; font-family: 'iconfont'; content: '\e602'; width:.4rem; height:.4rem; text-align:center; line-height:.38rem; font-size:.16rem; color:#fff; 
}
.Product-swiper .swiper-button-prev:after,.Product-swiper .swiper-container-rtl .swiper-button-next:after {
  position:absolute; left:0; top:0; font-family: 'iconfont'; content: '\e618'; width:.4rem; height:.4rem; text-align:center; line-height:.38rem; font-size:.16rem; color:#fff; 
}

.product-img{float:none; width:60%; margin:0 auto; min-width:auto; padding:.2rem;}
.product-txt{margin-right:0; padding:5% 5% 0;}
.product-txt h3{font-size:.16rem; margin:0 0 .1rem;}
.product-txt p{font-size:.14rem; line-height:1.65;}

.company-about{padding:5% 0 12%; width:100%;}
.company-about h3{margin:0 0 10px; font-size:.3rem; }
.company-about h3 span{display:inline-block; margin-right:.2rem;}
.company-about p{font-size:.14rem; text-align:justify; margin:0 0 .15rem; line-height:1.8; }
.company-about ul{width:100%; overflow:hidden;}
.company-about ul li{padding:0 0 15px; margin-bottom:.12rem; font-size:.14rem; color:#fff; border-bottom:1px solid rgba(255,255,255,.2);}
.company-about ul li:last-child{border:0;}
.company-about ul li span{display:inline-block; width:100px; }
.gujia{margin:0 0 25px;}
.istock1 .istock1_wave{margin-left:0.05rem; font-size: 18px;}
.istock1 .istock1_wave_per{ font-size: 18px;}
.gujia span{display:inline-block; margin-right:.05rem; font-size:.2rem; font-weight:600; color:#fff;}
.gujia span i{display:inline-block; width:18px; height:18px; margin-top:5px; margin-right:8px; vertical-align:top; background:url(images/up.png) no-repeat center; background-size:18px; }
.gujia label{font-size:.16rem; font-weight:600; display:inline-block; margin-right:15px; }

.newscon{ padding:3%;}
.newscon h3{font-size:.16rem; line-height:1.5; height:auto; overflow:hidden; color:#333;}
.newscon p{margin:0 0 .15rem; font-size:.13rem; color:#666; line-height:1.5; height:auto; overflow:hidden; }

.newsbox dl{overflow:hidden; padding:3%; transition: .5s ease-in-out; border-top:1px solid #ccc;}
.newsbox dl dt{float:none; width:auto; font-size:.14rem; font-family: 'beba'; text-align:left; line-height:1; color:#222; transition: .3s ease-in-out;}
.newsbox dl dt span{display:inline-block; font-size:.2rem; padding-bottom:0; margin-bottom:.1rem; margin-right:.2rem;}
.newsbox dl dd{margin-left:0;}
.newsbox dl dd h3{font-size: .16rem;  color: #555; line-height: 1.5;  height: auto; font-weight:normal; overflow: hidden;  text-overflow:ellipsis; white-space:nowrap; transition: .5s ease-in-out;  margin-bottom: .1rem;}
.newsbox dl dd p{transition: .5s ease-in-out; font-size: .13rem;  color: #666666;  line-height: 1.5; height:auto; overflow:hidden;}

.Str-footer{padding:.2rem 0 0 0 ;}
.foot-logs{float:none; max-width:100%; margin-right:0;    flex-direction: column;}
.foot-logs a.flogo{margin:0 0 20px; display:block; width:97px; height:150px; background:url(../images/logo_w.png) no-repeat; background-size:97px 150px;  position: relative;  top: 0.2rem;}
.foot-logs p{font-size:14px; color:rgba(255,255,255,.7); line-height:1.5; padding:5px 0; position:relative; padding-left:20px;}
.foot-logs p i{position:absolute; left:0; top:5px; display:inline-block; vertical-align:middle; margin-right:10px; color:#fff; font-size:13px;}
.foot-logs p span{display:inline-block; font-size:12px;}

.foot-nav dl{display:none;}
.foot-nav dl.fhaoh{display:block;}
.foot-wx{clear:both; width:100%; padding-top:20px; overflow:hidden;    position: relative;    top: -1.75rem}
.foot-wx dl{float:left; color:#fff; padding-right:40px;}
.foot-wx dl dt{font-size:14px; color:#fff; font-weight:600; margin:0 0 10px;}
.foot-wx dl dd img{display:block; width:100px; height:100px; }
.foot-wx dl dd span{display:block; font-size:13px; color:rgba(255,255,255,.7); text-align:center; line-height:2;}

.foot-statment{padding:.12rem 0 0.5rem 0; }
.foot-statment p{text-align:right; overflow:hidden; font-size:13px; color:rgba(255,255,255,.7);}
.foot-statment p span{  width:auto; }
.foot-statment p label{display:inline-block; margin-right:10px;}
.foot-statment p a{display:inline-block;color:rgba(255,255,255,.5); }
.foot-statment p a.beian{
    margin-right:  10vw
}
.foot-statment p a:hover{text-decoration:underline;}

/*Subpage Style*/
.Str-banner{position:relative; height:320px;}
.show-bantxt{padding-top:35%;}
.show-bantxt h2{font-size:.26rem; }
.show-bantxt h3{font-size:.12rem;}
.show-bantxt h4{font-size:.16rem; }
.hidden-md-up button{width:100%}
.Strwarp{ border-left:0px solid #ccc; }
.Strsider{display:none; }
.Strmain{margin-left:0px;  padding:.15rem 0 0;}
.bgAbout{background:url(images/about_bg.png) #eaedf2 no-repeat 522% bottom; background-size:90%;}
.bgAbout .commTxt{width:100%;}

.data-count span{        display: flex;
  float: left;
  margin-right: 0;
  max-width: 50%;
  width: 50%;
  padding-right: .2rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;}
.data-count span em{ font-size:.4rem; }
.data-count span em i{font-size:.18rem;}
.data-count span em sup{font-size:.26rem;}
.data-count span label{display:block; font-size:.16rem; }

.about-imgTxt dt{float:none; width:100%; margin:0 0 .1rem;}
.about-imgTxt dt span{display:block; position:relative;}
.about-imgTxt dt span:after{width:106px; height:64px;  right:-.14rem; top:-.14rem; z-index:0;}

.about-imgTxt dd{margin-left:0; padding-left:0; padding-top:2%; margin:0 0 .4rem;}
.about-imgTxt dd h3{margin:0 0 .05rem; font-size:.2rem;  }
.about-imgTxt dd h4{margin:0 0 .15rem; font-size:.24rem; }
.about-imgTxt dd p{font-size:.15rem; margin:0 0 .15rem; }

.about-txtImg dt{float:none; width:100%; margin:0 0 .1rem;}
.about-txtImg dt span{display:block; position:relative;}
.about-txtImg dt span:after{width:106px; height:64px;  left:-.14rem; top:-.14rem; z-index:0;}

.about-txtImg dd{margin-right:0; padding-right:0; padding-top:2%;}
.about-txtImg dd h3{margin:0 0 .05rem; font-size:.2rem; }
.about-txtImg dd h4{margin:0 0 .15rem; font-size:.24rem; }
.about-txtImg dd p{font-size:.15rem; margin:0 0 .15rem; }

.about-title{font-size:.26rem; margin:0 0 .2rem; color:#222; font-weight:600; }
.about-title span{display:block; font-size:.16rem; color:#999; font-weight:normal;}

.about-txt{padding:.15rem 0; font-size:.14rem; line-height:1.6; text-align:justify;}
.about-txt p{margin:0 0 .15rem;}
.about-txt h3{margin:0 0 .15rem; font-size:.16rem; color:#333; }

.imgtxt-dl{overflow:hidden; margin:0 0 .2rem;}
.imgtxt-dl dt{float:none; width:100%; padding-top:56.5%; position:relative; margin:0 0 .15rem;}
.imgtxt-dl dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}

.imgtxt-dl dd{margin-left:0; padding-left:0;}
.imgtxt-dl dd h4{font-size:.16rem; font-weight:600; margin:0 0 .1rem;}
.imgtxt-dl dd p{font-size:.14rem; line-height:1.65;}

.dl-imgleft{overflow:hidden; background:#f5f5f5; margin:0 0 .15rem; }
.dl-imgleft dt{float:none; width:100%; padding-top:64%; position:relative;}
.dl-imgleft dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.dl-imgleft dd{margin-left:0; padding:5%; }
.dl-imgleft dd h3{font-size:.2rem; color:#333; }
.dl-imgleft dd h3.ntit{font-family:'beba'; font-size:34px; color:#0068bd;}
.dl-imgleft dd p{font-size:.14rem; color:#666; line-height:1.8;}
.dl-imgleft dd a{margin-top:4%; margin-left:0;}

.dl-imgleft.imgRight dt{float:none;}
.dl-imgleft.imgRight dd{margin-left:0; margin-right:0;}

.his-detail p {font-size: .14rem; line-height: 1.65; margin: 0 0 .1rem;}

.pro-str{overflow:hidden;}
.pro-str dt{float:none; width:100%;}
.pro-str dd{margin-right:0;}

.code-wx{background:#f8f8f8; padding:15px; font-size:.14rem; color:#666; text-align:center;}
.code-wx img{display:block; margin:0  auto; width:50%; margin-top:20px;}

.pro-list-box{margin-bottom:.15rem; padding-bottom:.15rem; border-bottom:1px solid #ddd; display:block; overflow:hidden;}
.pb-img{float:none; width:100%; padding-top:74%; position:relative; overflow:hidden; margin:0 0 .1rem;}
.pb-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition: all .4s ease-in-out;}
.pb-con{margin-left:0;}
.pb-con h3{margin:0 0 .05rem; font-size:.15rem; font-weight:600; color:#333; transition: all .4s ease-in-out;}
.pb-con p{margin:0;  font-size:.13rem; color:#666;}

.page-position{width:100%; margin:0 auto; padding:.15rem 0; font-size:.13rem; line-height:1.5; color:rgba(255,255,255,.7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.article-str{width:100%; margin:0 auto;}
.article-main{float:none; width:100%; margin-top:-150px; background:#fff; padding:.15rem;}
.article-side{margin-left0; padding-top:3%;}

.article-main-2{width:100%; margin-top:-90px; background:#fff; padding:.15rem;}
.article-title{margin:0 0 .3rem;}
.article-title h3{font-size:.26rem; color:#222; margin:0 0 .15rem; line-height:1.2;}
.article-title p{font-size:.14rem; color:#999;}
.article-content   img{max-width:100% !important}
.article-content p{margin:0 0 .1rem; font-size:.14rem; line-height:1.6; color:#333; text-align:justify;}

.cnewsBox .cnews-img{float:none; width:100%; padding-top:62%; position:relative; overflow:hidden; margin:0 0 .15rem;}
.cnewsBox .cnews-txt{margin-right:0;}
.cnewsBox .cnews-txt p.date{font-size:.14rem; font-weight:600; color:#222; font-family: 'beba'; margin:0;}
.cnewsBox .cnews-txt p.summ{margin:0 0 10px; font-size:.12rem; color:#666; line-height:1.5; height:auto; overflow:hidden;}
.cnewsBox .cnews-txt h3{font-size:.16rem; color:#222; margin:0 0 10px; line-height:1.5; height:auto;  overflow:hidden;transition: all .4s ease-in-out;}
.cnewsBox .cnews-txt i{display:block; width:40px; height:3px; background:#222; transition: all .4s ease-in-out;}

.file-link{position:relative; display:block; padding-bottom:.15rem; margin-bottom:.15rem; padding-left:40px; border-bottom:1px solid #ccc; padding-right:0;}
.file-link:before{content:''; width:18px; height:22px; background:url(images/icon_file.png) no-repeat center; background-size:18px 22px; position:absolute; left:0; top:5px;}
.file-link h3{margin:0;font-size:.15rem; color:#333;}
.file-link p{margin:0;font-size:.13rem; color:#999;}

.file-link span{position:relative; right:auto; top:auto;}
.file-link span a{display:inline-block; margin-left:0; margin-right:.15rem; margin-top:.15rem; line-height:30px; border:1px solid #ccc; padding:0 .15rem; font-size:.13rem; border-radius:100px;}
.file-link span a:hover{border:1px solid #63a82f;}


.tabBar{position:relative;}
.tabBar span{display:inline-block; margin-right:.15rem; font-size:.16rem; color:#666; line-height:.35rem; border-bottom:3px solid #fff; padding-bottom:.1rem; cursor:pointer; vertical-align:middle;}
.tabBar span.current{font-size:.22rem; color:#63a82f; border-bottom:3px solid #63a82f;}

.jobsearch{display:none;}

.jobs .job-title{position:relative; padding:.1rem .1rem; line-height:.35rem; font-size:.12rem; text-align:right; overflow:hidden; border-bottom:1px solid #eee;}
.jobs .job-title span{float:left; width:70%; display:block; position:relative; padding-left:.28rem; font-size:.15rem; font-weight:600; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jobs .job-title span:before{position:absolute; left:0px; top:50%; transform: translate(0, -50%); font-family: 'iconfont'; content: '\e60e'; font-size:.2rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition: all 0.3s ease-in-out;}

.jobs .job-detail{overflow:hidden; padding:.1rem; font-size:.14rem;}
.jobs .job-detail p{float:left; font-size:.14rem; margin:0 .15rem;} 



.solution-box{height:auto;}
.solution-box .solbox{float:none; width:100%; height:110vw;}

.solution-box .solbox.active{width:100%;}
.solution-box .solbox.small{width:100%;}
.solution-name{padding:.4rem .15rem;}
.solution-name p{opacity:1; margin-top:0; font-size:.22rem;}

/*step*/
.aboutStep{padding-top:.8rem;}
#stepSwiper.swiper .swiper-slide .stepCon .stepimg h3{ font-size:.3rem;}

#stepSwiper.swiper .swiper-slide .stepCon .steptxt{  min-height:3.2rem;}
#stepSwiper.swiper .swiper-slide .stepCon .steptxt p{position:relative; font-size:.14rem; margin:0 0 .15rem; }

.aboutStep .swiper-button-prev,.aboutStep .swiper-container-rtl .swiper-button-next { width:.34rem; height:.34rem; }
.aboutStep .swiper-button-next,.aboutStep .swiper-container-rtl .swiper-button-prev { width:.34rem; height:.34rem; }
.aboutStep .swiper-button-next:after,.aboutStep .swiper-container-rtl .swiper-button-prev:after { font-size:.14rem; font-weight:400; }
.aboutStep .swiper-button-prev:after,.aboutStep .swiper-container-rtl .swiper-button-next:after { font-size:.14rem; font-weight:400; }

.aboutStep .swiper-pagination-bullets,.aboutStep .swiper-pagination-custom, .aboutStep .swiper-pagination-fraction {left:0;top:-.25rem; bottom:auto;  }
.aboutStep .swiper-pagination:after{content:''; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:50%; z-index:0;}
.aboutStep .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.aboutStep  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width:.72rem; margin:0 .1rem; padding-bottom:.4rem; background:#fff; opacity:1; position:relative;z-index:30; font-size:.14rem;}
/*step*/
.pointer{width:.03rem; height:.03rem; }
.pointer:before{ width:.03rem; height:.03rem; }
.pointer:after{width:.03rem; height:.03rem;}
.pointer span,.pointer a{ display:none; }

.pointer-1{ left:37%; top:46.5%;  width:.05rem; height:.05rem; }
.pointer-1:before{width:.05rem; height:.05rem; }
.pointer-1:after{ width:.05rem; height:.05rem; }


.mobile-point{display:block; overflow:hidden;padding-top:.2rem; }
.mobile-point li{float:left; width:100%; padding-left:.2rem; position:relative;}
.mobile-point li:before{content:''; width:6px; height:6px; border-radius:10px; background:#182b7d; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mobile-point li a,.mobile-point li span{display:block; padding:.1rem; line-height:.3rem; font-size:.15rem; color:#121212; border-top:1px solid rgba(199,217,237,.8);}

.bgFuture{ min-height:110vw; height:110vw; background-position:center;}
.bgFuture .comm-txt p{font-size:.15rem; line-height:1.65; }

.product-imgtxt dt{float:none; width:100%; }
.product-imgtxt dd{float:none; width:100%; padding:.15rem 0 0;}
.Space-swiper .swiper-wrapper{width: 100%; padding-bottom:.4rem;}
.Space-swiper .swiper-slide{width:100%; padding-top:64%; position:relative;}
.Space-swiper .swiper-button-next,.Space-swiper .swiper-container-rtl .swiper-button-prev { width:.34rem; height:.34rem; }
.Space-swiper .swiper-button-prev,.Space-swiper  .swiper-container-rtl .swiper-button-next { width:.34rem; height:.34rem; }
.Space-swiper .swiper-button-next:after,.Space-swiper .swiper-container-rtl .swiper-button-prev:after { font-size:.2rem;}
.Space-swiper .swiper-button-prev:after,.Space-swiper .swiper-container-rtl .swiper-button-next:after { font-size:.2rem;}

.bgProduct-c{background-size:170%; background-position:left top;}
.bgProduct-c .product-imgtxt dd{padding-top:55%;}

.bg-news{padding-top:.9rem; padding-bottom:.4rem; height:auto;}
.topNews dt{float:none; width:100%; padding-top:0; position:relative;}
.topNews dt img{display:block; width:100%; height:auto; position:relative; left:auto; top:auto; object-fit:cover; -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.topNews dd{float:none; width:100%; padding-top:0; position:relative; background:#fff;}
.topNews dd .newscon{display:block; width:100%; padding:.2rem; position:relative; left:auto; top:auto; box-sizing:border-box;}
.topNews dd .newscon h3{font-size:.18rem; font-weight:400; color:#121212; position:relative; margin:0 0 .4rem; }
.topNews dd .newscon h3:after{content:''; width:.4rem; height:.02rem; background:#182b7d; position:absolute; left:0; bottom:-.15rem;}
.topNews dd .newscon p{margin:0; font-size:.15rem; line-height:1.65; overflow:hidden; color:#888;  -webkit-line-clamp:2;}
.topNews dd .news-date{font-size:.16rem; padding:.2rem; position:relative; left:auto; bottom:auto; }

.newsLink{padding:.3rem;}
.newsLink em{ margin:0 0 .2rem; }
.newsLink em p{font-size:.15rem; line-height:1.65; -webkit-line-clamp:3; }
.newsLink h3{font-size:.18rem; margin:0 0 .2rem; line-height:1.5; height:auto; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.newsLink i{font-size:.16rem; color:#666; font-style:normal; padding-right:.2rem; margin-top:.2rem;}

.Str-page {padding-top:.5rem}
.articleMain{margin:0 auto; width:100%; padding:.2rem .05rem;}
.article-title{margin:0 0 .2rem; padding-bottom:.2rem; border-bottom:1px solid #eee;}
.article-title h2{font-size:.22rem; color:#121212;}
.article-title p{font-size:.14rem; color:#999;}
.article-title p label{display:inline-block; margin-right:.1rem;}
.article-con{font-size:.16rem; line-height:1.8; font-weight:400;}
.article-con p{margin:0 0 .2rem; text-align:justify;}
.article-con p span{color:#999; font-size:.14rem;}
.article-con h2{font-size:.34rem;}
.article-con h3{font-size:.24rem;}
.article-con h4{font-size:.22rem;}
.article-con h5{font-size:.2rem;}
.article-con h6{font-size:.16rem;}
.article-con img{display:block; margin:.1rem auto; max-width:100%; height:auto; }

.bg-join{background-position:left center;}
.join-txt{font-size:.15rem; line-height:1.65; text-align:left;}
.join-txt p{margin:0 0 .15rem;}

.joinBtn{display:inline-block; padding:.1rem .6rem; font-size:.15rem;  line-height:.24rem;  }

.fuli-box{background:#fff; padding:.2rem .1rem; text-align:center;}
.fuli-box img{display:block; margin:.15rem auto; width:.64rem;}
.fuli-box span{display:block; font-size:.14rem; line-height:.25rem; height:.5rem; }

.Str-fuli .list-style-five,.Str-fuli .list-style-four{margin-left:-.05rem; margin-right:-.05rem;}
.Str-fuli .list-style-five li,.Str-fuli .list-style-four li{width:50%; padding:.05rem;}

.teamLife{position:relative; padding-bottom:.4rem;}
#teamSwiper.swiper{width:100%;}
.team-life .swiper-button-prev,.team-life .swiper-container-rtl .swiper-button-next {display:none;}
.team-life .swiper-button-next,.team-life .swiper-container-rtl .swiper-button-prev {display:none;}

.about-sub dt{float:none; width:100%; padding-right:0; padding-bottom:.2rem; }
.about-sub dd{margin-left:0; padding:.4rem; }
.about-sub dd p{font-size:.16rem; line-height:1.65; padding-left:0; position:relative; margin:0 0 .4rem;}
.about-sub dd p.address{ background-size:.24rem; padding-top:.34rem;}
.about-sub dd p.phone{background-size:.24rem; padding-top:.34rem;}


.sub-title{font-size:.16rem; font-weight:600; color:#333; margin:0 0 .15rem;}

.history-ul{padding:1.4rem 0; overflow:hidden; position:relative; background:url(images/fw1200.png) no-repeat center top; background-size:auto 100%;}

.hisbox{width:42%; text-align:right;}
.hisbox h3{font-size:.24rem; }
.hisbox h3:after{content:''; width:10%; height:1px; background:#cdebff; position:absolute; right:-15%; top:50%; transform:translate(0,-50%);}
.hisbox h3:before{content:''; width:6px; height:6px; border-radius:20px; background:#cdebff; position:absolute; right:-15px; top:50%; transform:translate(0,-50%); }
.hisbox h4{font-size:.2rem; color:#222; margin:0 0 10px;}
.hisbox p{font-size:.14rem; color:#888; margin:0 0 .1rem;}

.hisbox.his-right{float:right; text-align:left;}
.hisbox.his-right h3:after{content:''; width:10%; height:1px; background:#cdebff; position:absolute; left:-20%; top:50%; transform:translate(0,-50%);}
.hisbox.his-right h3:before{content:''; width:6px; height:6px; border-radius:20px; background:#cdebff; position:absolute; left:-15px; top:50%; transform:translate(0,-50%); }


.stepYear{ padding:.3rem; min-height:auto;}
.stepYear h3{margin:0 0 .2rem; font-size:.34rem; padding-bottom:.2rem; }
.step-detail p{position:relative; font-size:.14rem; margin:0 0 .2rem; padding-left:.2rem;}

.operStep{width:100%; }
.city-box{width:100%; padding-top:42%; }
.city-box .city-txt h3{font-size:.3rem; }
.city-box .city-txt p{font-size:.16rem; }
.city-box .city-txt .ctxt{ font-size:.16rem; }


.Str-404 h1{margin:0; font-size:.64rem; line-height:1.5; }
.Str-404 h2{font-size:.4rem; line-height:1.5; }
.Str-404 h3{font-size:.22rem;  line-height:2; margin:0 0 40px;}

.branch-str dt{float:left; width:100%; padding-right:0%; }
.branch-str dd{margin-left:0; }
.branch-str dd img{display:block; width:100%; height:auto;}

.branch-box .branch-txt{padding:.24rem;font-size:15px;}
.branch-box .branch-txt h3{font-size:.24rem; }
.down{display:none;width:.32rem; height:.32rem; border-color:rgba(255,255,255,.7)}
/**Common style**/

.container{padding-left:.15rem; padding-right:.15rem; max-width:100%;}
.commPadding{padding:.4rem 0;}

.list-style-two,.list-style-three,.list-style-four,.list-style-five,.list-style-six{margin-left:-.1rem; margin-right:-.1rem;}
.list-style-two li,.list-style-three li,.list-style-four li,.list-style-five li,.list-style-six li{padding:.1rem; width:100%;}
.list-style-six li{padding:.1rem; width:33.3333%;}
.list-style-four li{padding:.1rem; width:50%;}
.commTxt{font-size:.15rem;}
.join .commTxt p{margin:0 0 .15rem;font-size:4vw} }

}



@media only screen and (min-width:480px)and (max-width: 980px) {
 .show-bantxt{padding-top:22%;}
  .listys .section1 h2{    font-size: 16px;}
  .listys h2 img{    top: 10px;}
.listys .section2  h2{    font-size: 16px;}
}
@media only screen and (min-width:300px)and (max-width: 480px) {
    .show-bantxt{padding-top:35%;}
  .data-count{padding-top:10%; }
  .about .flex1{top:0}
  .layui-tab-brief>.layui-tab-title li{font-size: 16px;}
  .layui-tab-title li{padding: 0;margin: 0 0.1rem 0 0;    line-height: 1; font-weight: bold;}
  .news h2{ font-size:14px;line-height: 1.6;}
  .news{ display: inline-block; width:calc(100% ) }
  .listys .section1 h2{    font-size: 14px;}
  .listys h2 img{    top: 10px;}
.listys .section2  h2{    font-size: 14px;}
}