@charset 'UTF-8';
/* UED Interaction (http://www.njued.com) */
/* Design By Gkmk Copyright 2020 UED Interaction */

/*PAD PRO*/
@media screen and (min-width: 1200px) and (max-width: 1600px) {

ul#slides{height:600px!important }


}

@media screen and (min-width: 1100px) and (max-width: 1680px) {

.show-slogan h1{font-size:64px; }
.show-slogan h2{font-size:54px; }
.show-slogan h3{font-size:28px; }
.show-slogan h4{font-size:24px; }
.show-slogan h5{font-size:22px; }
.show-slogan h6{font-size:16px; }
.show-slogan label{margin-right:30px;}


.adv-bar span{height:70px; padding:15px 10px; font-size:18px; }
.adv-mask img{width:68px;}
.adv-mask span{ font-size:16px; }



}

/*移动端*/
@media only screen and (max-width:1100px) {
.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;}
.commTxt p{margin:0 0 .15rem; }

/**Layout style**/
body.offscreen .Str-header{margin-top:0;}
.Str-header{padding:.09rem .15rem; height:.5rem;}
.Str-header h1 a.logo{margin:0; width:.84rem; height:.32rem; background-size:.84rem .32rem;}

.Str-header-scroll{padding:.09rem .15rem; height:.5rem;}
.Str-header-scroll h1 a.logo{margin:0; width:1.09rem; height:.3rem; background-size:1.09rem .3rem;}

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

.Str-footer{padding:.4rem 0;height:auto; }
.foot-left{float:none; margin:0 0 .2rem;}
.foot-right{float:none;}
.foot-logo{margin:0 0 .2rem;}
.foot-logo img{height:.44rem;}
.foot-phone{font-size:.13rem; margin:0 0 .1rem;}
.foot-phone span{font-size:.24rem; }
.foot-address p{font-size:.13rem; line-height:2;}

.foot-right ul li{float:left; margin-left:0; margin-right:.3rem; margin-bottom:.1rem;font-size:13px}
.foot-wx{float:none; text-align:left; font-size:.13rem; line-height:2; }
.foot-wx img{width:1.24rem; }
.foot-statement{padding-top:.2rem; text-align:left; font-size:.13rem;  }
.foot-statement label,.foot-statement a{color:rgba(255,255,255,.7);display:inline-block; margin-left:0; margin-right:.1rem;}

/*index style*/
.Str-screen{height:120vw; background:url(images/home-mobileherp.jpg) no-repeat center; background-size:auto 100%; }
.Str-screen video{display:none;}

.show-slogan h1{font-size:.34rem; line-height:1.2; margin:0 0 .2rem;}
.show-slogan h2{font-size:.32rem; }
.show-slogan h3{font-size:.18rem; }
.show-slogan h4{font-size:.18rem; }
.show-slogan h5{font-size:.16rem; }
.show-slogan h6{font-size:.14rem; }
.show-slogan label{margin-right:.3rem;}

.home-btn{padding-top:.2rem;}
.homeLink{padding:0 .4rem 0 .2rem; height:.4rem; font-size:.14rem; overflow:hidden; border-radius:100px; line-height:.4rem;  } 
.homeLink:hover{ color:#fff; padding-right:.6rem; letter-spacing:4px;}

.index-title{margin:0 0 .6rem; }
.index-title h2{margin:0; font-size:.24rem; font-weight:300; color:#182b7d; position:relative;}
.index-title h2:after{content:''; width:.4rem; height:.02rem; background:#182b7d; position:absolute; left:0; bottom:-.15rem; }
.index-title h3{margin:0; font-size:.16rem; color:#666; font-weight:normal;}

.index-about dt{float:none; width:100%; }
.index-about dd{margin-left:0; padding-left:0;}
.index-about dd span{padding:.3rem 0; }
.index-about dd span:after{width:103px; height:63px; background-size:100%; right:-.14rem; top:-.04rem; z-index:0;}
.index-about dd span:before{width:103px; height:63px; background-size:100%;  left:-.14rem; bottom:-.04rem; z-index:0;}

.cultureSwiper{height:120vw;}
#cultureSwiper .swiper-pagination-bullets,#cultureSwiper .swiper-pagination-custom, #cultureSwiper .swiper-pagination-fraction {display:none; }
#cultureSwiper .swiper-button-prev,#cultureSwiper .swiper-container-rtl .swiper-button-next {left:0; top:auto; bottom:0; background:rgba(0,0,0,.2); width:50%; height:54px; border-radius:0;}
#cultureSwiper .swiper-button-next,#cultureSwiper .swiper-container-rtl .swiper-button-prev {right:0; top:auto; bottom:0;  background:rgba(0,0,0,.2); width:50%; height:54px; border-radius:0;}

.adv-bar{margin:0 0 .3rem;}
.adv-bar span{width:100%; margin-bottom:1px; margin-right:0; height:.5rem; line-height:.3rem; padding:.1rem; text-align:center; font-size:.16rem; color:#666; background:rgba(255,255,255,.4);}
.adv-bar span:last-child{margin-right:0; width:100%;}
.adv-bar span.current{color:#fff; font-weight:600; }

.adv-conitem{width:100%; padding-top:60vw;}
.adv-conitem.item-three{width:100%; padding-top:60vw;}
.adv-mask img{display:block; margin:0 auto .2rem; width:.64rem;}
.adv-mask span{font-size:.16rem; }

/*SUBPAGE*/
.Str-banner{height:100vw; min-height:100vw; background-position:center;}
#loutinav{display:none;}

.bgAbout{background:url(images/about_bg.png) #eaedf2 no-repeat 522% bottom; background-size:90%;}
.bgAbout .commTxt{width:100%;}

.data-count span{display:block; float:left; margin-right:0; max-width:50%; width:50%; padding-right:.2rem;}
.data-count span em{ font-size:.54rem; }
.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; }

.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; }

.cpzx,.new1,.new1 img{width:100%}
.new1{margin:0}
.con2{width:100%}
.new2 span p,.new3{display:inline-block}
ul#slides{margin-top:50px}
#full-screen-slider{display:none}
.cpzx{margin:0;margin-top:50px}
.foot-right ul li{line-height:30px}
.p_content img{width:100%}
.p_info .p_table img{float:none;width:100%;margin:15px auto 0;height:auto}
.main .m_right{display:block;margin-left:0}
.p_info .p_table h1{font-size:24px;text-align:center;padding:0}
.p_info .p_table p{display:none}
.main{width:88%}
.p_info .p_table h1{margin:0 0 20px}
.mhide{display:none}
}