@charset 'UTF-8';
/* UED Interaction (htt) */
/* Design By Gkmk Copyright 2024 UED Interaction */

/*PAD PRO*/
@media print, screen and (max-width:1920px) {
:root {

  --main-fs-large:.68rem;
  --main-fs-big:.56rem;
  --main-fs-middle:.48rem;
  --main-fs-small:.14rem;

  --main-fs-h1:.44rem;
  --main-fs-h2:.36rem;
  --main-fs-h3:.32rem;
  --main-fs-h4:.26rem;
  --main-fs-h5:.22rem;
  --main-fs-h6:.2rem;
  --main-fs-p18:.18rem;
  --main-fs-p16:.16rem;

}

/*layout style*/
/*layout style*/
body.offscreen .Str-header{margin-top:-.8rem;}
body.drop .Str-header{margin-top:0;}

.Str-header{height:.8rem;}
.Str-header h1 a.logo{width:1.28rem; height:.36rem; background-size:1.28rem .36rem;}
.Str-header .Str-menu li a{padding:.1rem .15rem; font-size:.17rem;}
.subNav{padding-top:.8rem; }


}

/*PAD plus*/
@media print, screen and (max-width: 1680px) {
:root {
  --main-padding-num:.6rem;

  --main-fs-large:.68rem;
  --main-fs-big:.58rem;
  --main-fs-middle:.48rem;

  --main-fs-h1:.44rem;
  --main-fs-h2:.42rem;
  --main-fs-h3:.32rem;
  --main-fs-h4:.26rem;
  --main-fs-h5:.22rem;
  --main-fs-h6:.18rem;

  --main-fs-p18:.16rem;
  --main-fs-p16:.14rem;


  
}
.Str-header .Str-menu li a{padding:.1rem .15rem; font-size:.16rem;}

/*index*/

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev {display:none;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next {display:none;}











}

/*PAD*/
@media print, screen and (max-width: 1280px) {
:root {
  --main-padding-num:.4rem;

  --main-fs-large:.58rem;
  --main-fs-big:.48rem;
  --main-fs-middle:.38rem;

  --main-fs-h1:.42rem;
  --main-fs-h2:.34rem;
  --main-fs-h3:.28rem;
  --main-fs-h4:.24rem;
  --main-fs-h5:.18rem;
  --main-fs-h6:.16rem;

  --main-fs-p18:.16rem;
  --main-fs-p16:.14rem;


  
}
body.offscreen .Str-header{margin-top:-.7rem;}
body.drop .Str-header{margin-top:0;}

.Str-header{height:.7rem;}
.Str-header h1 a.logo{width:1.14rem; height:.32rem; background-size:1.14rem .32rem;}
.Str-header .Str-menu li a{padding:.1rem .1rem; font-size:.15rem;}
.Str-header .Str-other li{margin-left:.05rem; padding:.1rem 0;}
.subNav{padding-top:.7rem; }

.footer-logo .flogo a.logo{width:1.14rem; height:.32rem; background-size:1.14rem .32rem;}

.Solution-swiper .swiper-slide{padding-top:42%;}

/*filter style*/
.Str-filter{padding-top:.7rem;}
.filter-group{width:calc((100% - .2rem)/3); margin-right:.1rem; margin-bottom:.1rem;}
.filter-group:nth-child(3n){margin-right:0;}
.filter-list{height:2.3rem; }
/*filter end*/

.comm-tabstyle{border:0;}
.comm-tabstyle thead {display: none;}
.comm-tabstyle tr {display: block; border-bottom:1px solid #ddd; margin-bottom: .2rem; background-color:#fff;}
.comm-tabstyle td {border-bottom: 1px solid #ddd;  display: block; position: relative;  text-align: left; font-size:.14rem; padding:.1rem ; padding-left:1.5rem; }
.comm-tabstyle td:before {position: absolute; left: .1rem; top:50%; transform:translateY(-50%); content: attr(data-label); font-size:.14rem; color:gray;}

.download-file{display:block; margin:0; width:auto; height:.24rem; line-height:.24rem; background:url(images/file.png) no-repeat left center; background-size:auto 100%; text-indent:0; overflow:hidden; padding-left:.34rem;}

.comm-tabstyle-line td{border:0; border-bottom:1px solid #e9e9e9; max-width:100%;}

}


/*Phone*/
@media only screen and (max-width:1080px) {
:root {
  --main-padding-num:.2rem;
  --main-container-width:100%;
  --main-fs-large:.34rem;
  --main-fs-big:.28rem;
  --main-fs-middle:.22rem;

  --main-fs-h1:.28rem;
  --main-fs-h2:.22rem;
  --main-fs-h3:.21rem;
  --main-fs-h4:.18rem;  
  --main-fs-h5:.17rem;
  --main-fs-h6:.16rem;
  --main-fs-p18:.15rem;
  --main-fs-p16:.13rem;
  
}

/*button style*/
.btnLink{font-size:.14rem; height:.4rem; line-height:.4rem;  padding:0 .4rem 0 .2rem;} 
.moreLink{font-size:.14rem; padding-right:.24rem;}
.commLink{font-size:.14rem; padding:.08rem .4rem .08rem .2rem;}
.tabLink{display:inline-block; padding:.1rem .2rem; font-size:.14rem;}

/*title style*/
.index-title{margin:0;}
.index-title .title h2{margin-top:-.2rem;}
.index-title .title h3{font-size:var(--main-fs-h3);}
.sub-title{margin:0 0 .1rem;}
.sub-title .title h3{margin-top:-.2rem; margin-bottom:.1rem;}
.sub-title .title h4{font-size:var(--main-fs-h4); margin:0;}
.sub-title .title p{font-size:var(--main-fs-small);}
.sub-title .more{display:flex; justify-content:start-start; align-items:center; width:100%;}
.sub-title .more a{margin-right:.1rem;margin-left:0;}

.sub-title .more span{margin-left:0;  width:100%; margin:0 0 .1rem; text-align:left; cursor:pointer;}

/*flex layout*/
.flex-2-20 .flexBox{width:100%; margin-right:0; margin-bottom:.1rem;}
.flex-3-20 .flexBox,.flex-3-40 .flexBox{width:100%; margin-right:0; margin-bottom:.2rem;}
.flex-4-20 .flexBox{width:100%;   margin-right:0; margin-bottom:.1rem;}
.flex-5-20 .flexBox{width:100%;   margin-right:0; margin-bottom:.1rem;}
.flex-3-30 .flexBox{width:100%; margin-right:0; margin-bottom:.4rem;}


body.offscreen .Str-header{margin-top:0;}
.Str-header{height:.6rem;}
.Str-header h1 a.logo{width:1rem; height:.3rem; background-size:1rem .3rem;}
.Str-header .Str-menu,.Str-header .Str-other{display:none;}

.Str-header .Str-mobile-menu,.Str-header .Str-mobile-filter{display:block;}
.Str-header.active{background:white;}
.Str-header.active h1 a.logo{background:url(images/logo_n.svg) no-repeat center;}
.Str-header.active .Str-mobile-menu .menu-line{background:var(--main-color-black);}
.Str-header.active .Str-mobile-filter{color:var(--main-color-black);}

.Str-footer{padding-top:.4rem !important;}
.footer-logo .flogo a.logo{width:1rem; height:.3rem; background-size:1rem .3rem;}

.footer-logo .flogo a.logo{margin:0 0 .2rem;}
.footer-logo .fnav{width:100%; flex-wrap:wrap; justify-content:flex-start;}
.footer-logo .fnav li{margin-right:.4rem; margin-left:0;}
.address{order:2; width:100%; flex:auto;}
.add-box{margin-right:0;}
.add-box strong{display:block;}
.wxcode{order:1; margin:0 0 .2rem;}

.wxcode img{display:block; width:1.2rem; height:1.2rem; }

.footer-copyright span{margin:0 0 .1rem;}
.scrollTop{margin-top:-.1rem;}

/*index style*/
.Str-screen{height:120vw;}
.bgSys-1,.bgSys-2,.bgSys-3,.bgSys-4,.bgSys-5{ height:160vw;}

/*home swiper*/
.Home-swiper .swiper-slide img.pc-show{display:none;}
.Home-swiper .swiper-slide img.mobile-show{display:block;}
.Home-swiper .swiper-pagination{ justify-content: flex-start; bottom:15%;}
.Home-swiper .swiper-pagination:before,.Home-swiper .swiper-pagination:after{display:none;}
.Home-swiper .swiper-pagination div{transform:scale(.8);}

.show-slogan.tHalf{width:100%; }
.show-slogan h2{font-size:.24rem;line-height:1.5; }
.show-slogan h4{font-size:.16rem; letter-spacing:.02rem;}

.pc-show{display:none;}
.mobile-show{display:block;}

.index-product{display:block; width:100%; padding-top:0; position:relative;}
.index-product img{width:100%; height:auto; position:relative; left:auto; top:auto; transform:translate(0,0); object-fit:cover;}
.index-product .index-proTxt{position:absolute; left:0; top:4vw; transform:translateY(0); width:100%; padding:4vw;}
.index-product.index-product-3 .index-proTxt{padding-top:8vw; text-align:left;}

/*solution swiper*/
.Solution-swiper .swiper-slide{padding-top:110vw;}
.solution-box .solution-txt .text{position:absolute; bottom:-6vw; width:100%; padding:6vw; color:white;  transition: all 0.3s;}

.Solution-swiper .swiper-button-next,.Solution-swiper .swiper-container-rtl .swiper-button-prev {left:.5rem; width:.34rem; height:.34rem;  }
.Solution-swiper .swiper-button-next:after,.Solution-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:.16rem; }
.Solution-swiper .swiper-button-prev,.Solution-swiper  .swiper-container-rtl .swiper-button-next { width:.34rem; height:.34rem; }
.Solution-swiper .swiper-button-prev:after,.Solution-swiper .swiper-container-rtl .swiper-button-next:after {font-size:.16rem; }
.Solution-swiper.swiper-horizontal>.swiper-pagination-progressbar, .Solution-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal{display:none;}
.sologan {padding:36vw 0; }
/*index end*/
/*subpage banner*/
.Str-banner{height:100vw; min-height:3.2rem;}
.bgAbout{background-position:center; background-size:auto 100%;}
.bgCity{ background:url(images/bgcity.jpg) white no-repeat left bottom; background-size:98%; padding-bottom:58vw;}
/*subpage banner end*/
/*about*/
.about-img{flex:auto; width:100%; padding-top:100%; margin:0 0 .2rem;}
.about-con{flex:auto; width:100%; padding-left:0; font-size:var(--main-fs-p18); line-height:1.8;}

.data-number{width:calc((100% - .1rem)/2); margin-right:.1rem; margin-bottom:.2rem; text-align:left; }
.data-number:nth-child(2n){margin:0;}
.data-number h3{font-size:var(--main-fs-big); }
.data-number h3 sup{ right:-30%; top:5%; } 
.data-number h3 sup.txt{right:auto; left:110%; font-size:var(--main-fs-p16); display:block; width:1.2rem;}

.cultureBox{margin-bottom:.3rem; width:100%;}
.cultureBox:first-child,.cultureBox:nth-child(3n){padding-top:0;}
.cultureBox:nth-child(2n){margin-top:0;}
.cul-txt p{font-size:var(--main-fs-p18);}

.honor-num .hnum{margin:0; width:50%; text-align:left;}
.Honor-swiper .swiper-button-next,.Honor-swiper .swiper-container-rtl .swiper-button-prev {display:none; }
.Honor-swiper .swiper-button-prev,.Honor-swiper  .swiper-container-rtl .swiper-button-next {display:none;}
.Honor-swiper .swiper-pagination-bullets,.Honor-swiper .swiper-pagination-custom, .Honor-swiper .swiper-pagination-fraction {text-align:center; }
.Honor-swiper .swiper-slide{width:80%; position:relative; overflow:hidden; transition: all 0.4s ease-in-out;}
.Honor-swiper .swiper-slide:nth-child(10),.Honor-swiper .swiper-slide:nth-child(11),.Honor-swiper .swiper-slide:nth-child(12){width:40%;}

/*product*/
.product-box .product-img{padding-top:0; }
.product-box .product-img img{height:auto; position:relative; }
.product-box .product-txt{padding:0 10%;}
.product-box .product-txt h5{font-size:.18rem; margin:0 0 .05rem;}
.product-box .product-txt p{font-size:.14rem; }

.product-box.product-box-high .product-img {
    padding-top: 0;
}

.fLink{width:100%; text-align:center;}
.fLink:after{left:40%;}

.canshu-ul li sup{margin-top:.02rem;}

.chip-tab span{font-size:var(--main-fs-p16); font-weight:600; color:#999; line-height:.28rem; padding:.1rem; }

.chip-wrap-con .chip-txt{width:100%; padding:4vw 4vw 0;}
.chip-wrap-con .chip-txt h3{font-size:var(--main-fs-h3)}
.chip-wrap-con .chip-txt .text-ul{margin:0 0 .2rem;}
.chip-wrap-con .chip-txt .canshu-ul{margin:0;}
.chip-wrap-con .chip-img{width:100%;}

.chiptable{padding:4vw;}

.product-box-screen .product-txt{width:100%; padding:.8rem 0 0;  }
.product-box-screen .product-txt h2{margin:0 0 .1rem;}
.product-box-screen .product-txt p{font-size:var(--main-fs-p18)}
.product-box-screen .product-img{width:80%; padding-left:0; margin:0 auto; }


.bgSys-2{ background-size:cover; }
.bgSys-4{ background-size:cover; }

.product-compare .compbox{width:100%; padding:4vw; height:auto;}
.spec-dl.dlWhite dt{background:white; width:.4rem; height:.4rem; }

.bgProlist{min-height:auto; padding-top:.8rem; padding-bottom:.4rem;}

.product-box-main{padding:.2rem .2rem 0;}
.product-box-main .product-txt{width:100%; padding-right:0; }
.product-box-main .product-img{width:100%; padding:10% 5% ; }

.product-box-main .canshu-ul li{margin-bottom:.2rem; margin-right:.2rem; min-width:calc((100% - .2rem)/2);}
.product-box-main .canshu-ul li:nth-child(2n){margin-right:0;}
.product-box-main .canshu-ul li span{font-size:var(--main-fs-small);}
.product-box-main .canshu-ul li label{font-size:var(--main-fs-p16); }


/*product detail*/
.product-box-detail .product-txt{width:100%; padding-left:0; }
.product-box-detail .product-img{width:100%; margin:0 0 .2rem;}

.spec-ul li .spec-box span{ width:.48rem; height:.48rem; padding:.12rem; }

/*filter style*/
.filter-group{flex:auto; width:100%; margin:0 0 .1rem;}
.filter-group-title{border-top:1px solid rgba(255,255,255,.3); padding:.2rem 0 0;}
.filter-title{position:relative; padding-left:.24rem;}
.filter-title:before{content:'\eb06'; font-family: 'iconfont';  position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:.18rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; transition:all .1s;}
.filter-title.filter-title-cur:before{content:'\eb05';transition:all .1s;}
.filter-group-title .filter-title .mobile-btn{display:block; cursor:pointer;}

.filter-list{height:auto; display:none; }
.Str-table{padding:.2rem; }
/*filter end*/

/*position*/
.Str-position{padding:.6rem 0 0;}

/*solution*/
.solu-nav{display:none;}
.Solu-wrap{height:auto; padding:4vw; }
.Solu-wrap .solution-warp-box .solution-img{width:100%; padding-top:56.65%;}
.Solu-wrap .solution-warp-box .solution-txt{width:100%;}
.Solu-wrap .solution-warp-box .solution-img:before{ width:.03rem; height:6vw; right:6vw; top:auto; bottom:0; z-index:10;}
.Solu-wrap .solution-warp-box .solution-img:after{ width:.03rem; height:6vw;  right:6vw; top:auto; bottom:-6vw; z-index:10;}
.Solu-wrap .solution-warp-box:nth-child(2n) .solution-img,.Solu-wrap.switchRev .solution-warp-box .solution-img{order:1;}
.Solu-wrap .solution-warp-box:nth-child(2n) .solution-img:before,.Solu-wrap.switchRev .solution-warp-box .solution-img:before{right:6vw; left:auto;}
.Solu-wrap .solution-warp-box:nth-child(2n) .solution-img:after,.Solu-wrap.switchRev .solution-warp-box .solution-img:after{right:6vw; left:auto;}
.Solu-wrap .solution-warp-box:nth-child(2n) .solution-txt,.Solu-wrap.switchRev .solution-warp-box .solution-txt{order:2; }
/*solution end*/
/*news*/
.container.box-mobile{padding:0;}
.news-sort li a{padding:.1rem .2rem;}

.newsBox{padding:4vw;}
.newsBox .news-box{flex-wrap:wrap;}
.newsBox .news-box .news-date{width:100%; margin:0 0 .1rem;}
.newsBox .news-box .news-txt i{display:none;}
.newsBox .news-box .news-txt{margin:0;}
.newsBox .news-box .news-txt h4{font-size:.18rem; margin:0 0 .1rem; line-height:1.5; overflow:auto;}
.newsBox .news-box .news-img{width:100%; padding-top:50%;}

.newsBox2{padding:4vw;}
.newsBox2 .news-box{flex-wrap:wrap;}
.newsBox2 .news-box .news-img{width:100%; padding-top:50%; margin:0 0 .1rem;}
.newsBox2 .news-box .news-txt{margin:0;}
.newsBox2 .news-box .news-txt h6{font-size:.14rem; margin:0;}
.newsBox2 .news-box .news-txt h4{font-size:.18rem; margin:0 0 .1rem; line-height:1.5; overflow:auto;}
.newsBox2 .news-box .news-txt i{display:none;}
/*news end*/
/*article*/
.Str-body{padding-top:4vw; }
.Str-body .container{position:relative;} 
.Artsider{float:none; width:100%; height:auto; position:absolute; left:0; bottom:0; }
.sider-box{position:relative; top:0; width:100%; padding-top:.1rem; padding-bottom:.4rem; }
.Artmain{margin-left:0; padding-top:0; padding-bottom:2rem; }
.Detailmain{padding-left:0; padding-right:0;}
.sharebtn{display:none;}
/*article end*/
/*tech*/
.Tech-swiper .swiper-wrapper{margin-top:-.6rem;}
.Tech-swiper .swiper-button-next,.Tech-swiper .swiper-container-rtl .swiper-button-prev {right: 0; left: auto; top:.4rem; bottom:auto;  width:.34rem; height:.34rem;  }
.Tech-swiper .swiper-button-next:after,.Tech-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:.14rem; }
.Tech-swiper .swiper-button-prev,.Tech-swiper  .swiper-container-rtl .swiper-button-next {right: .4rem; left: auto; top:.4rem; bottom:auto; width:.34rem; height:.34rem; }
.Tech-swiper .swiper-button-prev:after,.Tech-swiper .swiper-container-rtl .swiper-button-next:after {font-size:.14rem; }

.articleBox{padding:4vw;}
.articleBox .abox-img{width:100vw; padding-top:50vw; }
.articleBox .abox-txt{width:100%; height:auto; padding-left:0; padding-top:5%; padding-bottom:.2rem;}
.articleBox i{right:auto; left:0; position:relative;;}

.download-warp .download-side{display:none;}
.download-warp .download-main{width:100%; padding-left:0;}
.download-list li a.download-item h3{width:100%; overflow:auto; text-overflow:ellipsis; white-space:wrap; }
.download-list li a.download-item i{position:relative; right:auto; top:auto; transform:translateY(0); margin-top:.12rem;}
/*tech end*/
/*contact*/
.map-ditu{position:relative; right:auto; top:auto; transform:translateY(0); display:block; width:100%;}
.map-contact .contact-flex{width:100%; }

.map-contact .contact-flex .contactman{ padding:.1rem .1rem .1rem .4rem;   }
.map-contact .contact-flex .contactman h6{font-size:.16rem; margin:0 0 .1rem;}
.map-contact .contact-flex .contactman h6:before{ width:.3rem; height:.3rem; line-height:.3rem; left:-.38rem; font-size:.12rem;}
.map-contact .contact-flex .contactman p{font-size:.14rem;}
.contact-way{margin:0 0 .2rem;}
.contact-way .boximg{border-bottom:1px solid #ddd; margin:0 0 .1rem; padding-bottom:.1rem;}
.contact-way .boximg:after{content:''; width:.34rem; height:1px; background:#06f; position:absolute; left:0; bottom:-2px;}
.contact-way span{display:block; font-size:var(--main-fs-h5); padding:.1rem 0 .05rem;  position:relative; color:var(--main-color-black);}
.contact-way img{display:block; margin:0 0 0; width:.34rem;}
/*contact end*/
/*jobs*/
.jobBox h5{font-size:.15rem; }
.jobBox p{font-size:.13rem; }

.spec-wrap .spec-txt{width:100%; padding:8% 2% 4% 8%; }
.spec-wrap .spec-img{width:100%; padding:0 2%; justify-content:flex-end;}
.spec-wrap .spec-img img{width:40%;}

.can-gg dd{width:100%; display:flex; justify-content:space-between;}
.can-gg dd.last-all{width:100%;}
.can-gg dd.last-all p{margin-left:.2rem; flex:1; text-align:right;}
.can-gg.all-along dd{width:100%;}
.can-gg.all-along dd.last-all{width:100%;}
.list-style-two{margin-left:-.1rem; margin-right:-.1rem;}
.list-style-two li{width:100%; padding:.1rem;}

.can-gg.all-along-line dd{width:100%; margin-right:0;}

.solution-img-list .imgBox{flex:0 1 auto; width:100%;}

}