.header{position: fixed;width: 100%;z-index: 1000;top:0;background:rgba(0,0,0,.9);}
.header>div{display:flex;height:1rem;line-height:1rem;justify-content: space-between;}
.header .navs ul{display:flex}
.header .navs ul>li{padding:0 .35rem;position:relative}
.header .navs ul>li>a{font-size:.2rem;color:white;position:relative}
.header .navs ul>li>a:after{content:"";position:absolute;width:0;height:4px;background:white;left:50%;transform:translateX(-50%);bottom:0;transition:.5s}
.header .navs ul>li:hover>a:after{width:100%}
.header .navs ul>li.active>a:after{width:100%}

.header .navs ul>li dl {position:absolute;top:100%;left:.35rem;width:100%;margin:0;padding:0;background:#FFF;min-width:1.85rem;transition:none;display:none;}
.header .navs ul>li dl dd {position:relative}
.header .navs ul>li dl dd>a {font-size:.15rem;color:#464545;display:block;padding:.12rem .16rem;text-transform:capitalize;text-align:left;position:relative}
.header .navs ul>li dl dd>a>i{position:absolute;right:.16rem;top:50%;transform:translateY(-50%);}
.header .navs ul>li dl dd:hover>a{background:black;color:#FFF}
.header .navs ul>li dl dd>a.acts{background:black;color:#FFF}
.header .navs ul>li dl dd>div.submenus{position:absolute;width:100%;left:0;top:0;opacity:0;visibility:hidden;background:black;z-index:-1}
.header .navs ul>li dl dd>div.submenus>a{font-size:.15rem;color:#FFF;display:block;padding:.12rem .16rem;text-transform:capitalize;text-align:left;}
.header .navs ul>li dl dd>div.submenus>a:hover {background:#FFF;color:black}
.header .navs ul>li dl dd>div.submenus>a.acts{background:#FFF;color:black}
.header .navs ul>li dl dd:hover>div.submenus{opacity:1;visibility:visible;left:100%}

.pro_banner .flash{position:relative}
.pro_banner .flash img{width:100%}
.pro_banner .flash .text{position:absolute;width:100%;left:0;bottom:.6rem;padding:0 3.2rem}
.pro_banner .flash .text .mbx{display:flex;justify-content: center;font-family:"Montserrat-Light-6.otf";color:white;font-size:.15rem;align-items: center;gap:8px}
.pro_banner .flash .text .mbx a{font-family:"Montserrat-Light-6.otf";color:white;;font-size:.15rem}
.pro_banner .flash .text h2 {text-align:center;margin:.22rem 0 .3rem;font-size:.48rem;color:#ffffff;text-transform:uppercase }
.pro_banner .flash .text p{font-size:.18rem;color:white;text-align:center;line-height:.28rem}


.product_box{background:#f0f0f0}
.product_box .sturdy>div{display:flex;justify-content: space-between;align-items: center;padding:1.3rem 0 1.65rem;}
.product_box .sturdy .left{width:58.15%}
.product_box .sturdy .left ul{display:grid;;grid-template-columns:1fr 1fr;grid-gap:.3rem}
.product_box .sturdy .left ul li:nth-child(1),.product_box .sturdy .left ul li:nth-child(3){transform:translateY(.5rem)}
.product_box .sturdy .left ul li .img{border-radius:30px;background:white}
.product_box .sturdy .left ul li .img:hover img{transform:scale(1.1)}
.product_box .sturdy .right{width:35.6%}
.product_box .sturdy .right .text h2{font-size:.48rem;color:#222222;font-weight:bold;margin:0 0 .25rem}
.product_box .sturdy .right .text  p{font-size:.18rem;color:#888888;font-family:"Montserrat-Light-6.otf"}
.product_box .sturdy .right .text ul{margin:.3rem 0 0 0}
.product_box .sturdy .right .text ul li {margin-bottom: .1rem;padding-left: .3rem;position: relative;font-size:.18rem;color:#888888}

.product_box .sturdy .right .text ul li:before {
  content: "\f00c";
 font: normal normal normal 14px/1 FontAwesome;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size:.2rem;color:black

}
.product_box .sturdy .right .more{margin:.45rem 0 0;display:flex;gap:.2rem}
.product_box .sturdy .right .more a{width:2.2rem;height:.5rem;background:#222222;line-height:.5rem;border-radius:10px;text-align:center;color:white;font-size:.18rem}
.product_box .sturdy .right .more a:hover{box-shadow:0 0 15px rgba(0,0,0,0.5)}
.details{padding:0 0 1.5rem}
.details .title{padding:0 0 .8rem;text-align:center}
.details .title  h2{font-size:.48rem;color:#222222;font-weight:bold;margin:0 0 .25rem}
.details .title   p{font-size:.18rem;color:#888888;font-family:"Montserrat-Light-6.otf";padding:0 2rem;}
.details   .lists{position:relative}
.details   .lists .img{border-radius:30px 30px 0 0 }
.details   .lists .text{background:white;border-radius: 0 0  30px 30px;padding:.35rem .3rem .3rem}
.details   .lists .text h2{font-size:.2rem;color:#1a1a1a;margin:0 0 .2rem}
.details   .lists .text p{font-size:.16rem;color:#888888;font-family:"Montserrat-Light-6.otf";height:.75rem;line-height:.25rem}
.details.bikes .title p{padding:0}
.details.bikes .lists .text p{height:1.25rem;line-height:.25rem}
.details.bikes .lists .text p a{display:initial;color:#009fdf;text-decoration:underline}

.details   .lists  .swiper-page>div{position:absolute;width:.84rem;height:.84rem;border-radius:100%;line-height:.84rem;background:rgba(0,0,0,.35);top:50%;transform:translateY(-50%);text-align:center;left:-.4rem;z-index:2}
.details   .lists  .swiper-page>div.slide-button-next{left:auto;right:-.4rem} 
.details   .lists  .swiper-page>div img{max-width:.43rem}
.details   .lists  .swiper-page>div:hover{background:white}
.details   .lists  .swiper-page>div:hover img{filter:brightness(1) invert(1)}

.solution{background:#1a1a1a;padding:0 0 1.3rem}
.solution .title{padding:1.3rem 0 .4rem;text-align:center}

.solution .title  h2{font-size:.48rem;color:white;margin:0 0 .25rem}
.solution .title  p{font-size:.16rem;color:#888888;font-family:"Montserrat-Light-6.otf";padding:0 2.65rem;line-height:.28rem}
.solution>div>ul{display:flex;gap:9px;justify-content: center;margin:0 0 .7rem}
.solution>div>ul li a{height:.5rem;width:1.8rem;border-radius:10px;border:1px solid white;text-align:center;line-height:.5rem;font-size:.18rem;color:white}
.solution>div>ul li.tcl-active a{background:white;color:black}
.solution>div>ul li a:hover{background:white;color:black}
.solution   .lists>div{display:none;position:relative}
.solution   .lists>div:first-child{display:block}
.solution   .lists .box{display:flex}
.solution   .lists .box .img{width:41%}
.solution   .lists .box .text{width:59%;background:white;padding:0 1.3rem;display:flex;flex-direction: column;justify-content: center;text-align:center}
.solution   .lists .box .text h2{font-size:.48rem;color:#1a1a1a;margin:0 0 .3rem}
.solution   .lists .box .text p{font-size:.18rem;color:#888888;font-family:"Montserrat-Light-6.otf"}
.solution   .lists .box .text ul li{position:relative;text-align:left;font-size:.18rem;color:#888888;font-family:"Montserrat-Light-6.otf";padding-left:.3rem;margin:0 0 .1rem}
.solution.bikes   .lists .box .text{text-align:left}
.solution.bikes>div>ul>li{text-align:center}
.solution.bikes>div>ul>li img{max-height:.6rem;margin:0 0 .1rem;filter:invert(.65)}
.solution.bikes>div>ul>li:hover img,.solution>div>ul li.tcl-active img{filter:brightness(0) invert(1)}
.solution   .lists .box .text ul li:before {
  content: "\f00c";
 font: normal normal normal 14px/1 FontAwesome;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size:.2rem;color:black

}

.solution   .lists>div{position:relative}
.solution   .lists  .swiper-page>div{position:absolute;width:.84rem;height:.84rem;border-radius:100%;line-height:.84rem;background:rgba(0,0,0,.35);top:50%;transform:translateY(-50%);text-align:center;left:-.4rem;z-index:2}
.solution   .lists .swiper-page>div.slide-button-next{left:auto;right:56%} 
.solution   .lists .swiper-page>div img{max-width:.43rem}
.solution   .lists  .swiper-page>div:hover{background:#1a1a1a}
.solution   .lists .swiper-page>div:hover img{}


.access{padding:1.3rem 0 }
.access .title{text-align:center}
.access .title  h2{font-size:.48rem;color:#222222;margin:0 0 .35rem}
.access  ul{display:flex;gap:9px;justify-content: center;margin:0 0 .7rem}
.access  ul.outdoorsul {display:flex;flex-wrap: wrap;gap:.1rem 0;padding:0 2.55rem}
.access  ul.outdoorsul li{width:22%;text-align:center}
.access  ul.outdoorsul li a{display:inline-block}
.access  ul li a{height:.5rem;width:2.2rem;background:white;color:black;border-radius:10px;text-align:center;line-height:.5rem;font-size:.18rem;}
.access  ul li.tcl-active a{background:black;color:white}
.access  ul li a:hover{background:black;color:white}
.access   .lists>div{display:none;position:relative}
.access  .lists>div:first-child{display:block}
.access  .lists h2{text-align:center;margin:.2rem 0 0;font-size:.18rem;color:#222222}
.access  .lists .img{border-radius:30px}
.access  .lists  .swiper-page>div{position:absolute;width:.84rem;height:.84rem;border-radius:100%;line-height:.84rem;background:rgba(0,0,0,.35);top:30%;text-align:center;left:-.4rem;z-index:2}
.access  .lists .swiper-page>div.slide-button-next{left:auto;right:-.4rem} 
.access  .lists .swiper-page>div img{max-width:.43rem}
.access  .lists  .swiper-page>div:hover{background:#1a1a1a}


.faq {background:#1a1a1a}
.faq  .title{text-align:center;padding: 1.3rem 0 .4rem }
.faq  .title  h2{font-size:.48rem;color:white;margin:0 0 .25rem}
.faq  .title p{font-size:.18rem;color:#999999;font-family:"Montserrat-Light-6.otf"}
.faq>div>ul{display:flex;gap:9px;justify-content: center;margin:0 0 .7rem}
.faq>div>ul>li>a{height:.5rem;width:2.2rem;border-radius:10px;border:1px solid white;text-align:center;line-height:.5rem;font-size:.18rem;color:white}
.faq.bikes>div>ul>li>a{width:auto;padding:0 .3rem;}
.faq>div>ul>li.tcl-active a{background:white;color:black}
.faq>div>ul>li a:hover{background:white;color:black}
.faq .lists>div{display:none;position:relative}
.faq .lists>div:first-child{display:block}
.faq .lists .items dd{padding:0 .3rem;background:white;margin:0 0 .1rem;border-radius:10px}
.faq .lists .items dd:last-child{margin:0}

.faq .lists .items dd .tit{height:.8rem;display:flex;flex-direction: column;cursor:pointer;justify-content: center;position:relative}
.faq .lists .items dd .tit.active:before {transform:translateY(-50%) rotate(0deg);}
.faq .lists .items dd .tit h2{font-size:.2rem;color:#1a1a1a}
.faq .lists .items dd .tit::before,.faq .lists .items dd .tit::after {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:.17rem;height:3px;background:black;transition:all .36s;}
.faq .lists .items dd .tit::before {transform:translateY(-50%) rotate(90deg);}
.faq .lists .items dd .info{border-top:1px solid #dcdcdc;padding:.25rem 0;display:none;transition:none}
.faq .lists .items dd .info p{font-size:.18rem;color:#999999;font-family:"Montserrat-Light-6.otf";line-height:.3rem}
.faq .lists .items dd .info a{display:initial;color:#009fdf;text-decoration:underline}
.faq .lists .items dd .info ul li{font-size:.18rem;color:#999999;font-family:"Montserrat-Light-6.otf";;line-height:.3rem}
.fot_bg1{background:#1a1a1a url(../images/8.png) bottom center no-repeat;z-index:2;position:relative;background-size:100%  }

.manager {padding:1.3rem 0 .8rem}
.manager>div{padding:0 1.6rem}
.manager  .title{text-align:center;padding:0 0 .6rem}
.manager  .title  h2{font-size:.48rem;color:white;margin:0 0 .25rem;text-transform:uppercase}
.manager .title p{font-size:.18rem;color:#999999;font-family:"Montserrat-Light-6.otf"}
.manager .info ul{display:flex;justify-content: space-between;}
.manager .info ul li{width:45%}
.manager .info ul li .txt{text-align:center;margin:.25rem 0 .15rem}
.manager .info ul li .txt h2{font-size:.3rem;color:white;margin:0 0 .05rem}
.manager .info ul li .txt p{font-size:.15rem;;color:#999999;font-family:"Montserrat-Light-6.otf"}
.manager .info ul li  .tel{display:flex;justify-content: space-between;}
.manager .info ul li  .tel a:first-child{width:52%}
.manager .info ul li  .tel a:last-child{width:45%}
.manager .info ul li  .tel a{height:.5rem;display:flex;align-items: center;justify-content: center;gap:15px;border:1px solid white}
.manager .info ul li  .tel a:first-child img{max-width:.28rem;display:none}
.manager .info ul li  .tel a:first-child span{font-size:.14rem}
.manager .info ul li  .tel a:last-child img{max-width:.3rem}
.manager .info ul li  .tel a:first-child {font-size:.18rem;color:white;border-radius:10px}
.manager .info ul li  .tel a:last-child {font-size:.18rem;color:black;border-radius:10px;background:white;font-weight:bold}
.manager .info ul li  .tel a:first-child:hover{background:white;color:black;box-shadow:0 0 15px rgba(255,255,255,1)}
.manager .info ul li  .tel a:first-child:hover img{filter:brightness(1) invert(1);}
.manager .info ul li  .tel a:last-child:hover{box-shadow:0 0 15px rgba(255,255,255,1)}
.manager .item {display:flex;padding:.6rem 0 0;flex-direction: column;align-items: center;}
.manager .item p{font-size:.18rem;color:white}
.manager .item a{font-size:.18rem;color:white;margin:.07rem 0 0;text-decoration:underline} 

.forms1{padding:0 0 1.1rem}
.forms1>div{padding:0 1.6rem}
.forms1  .title{text-align:center;padding:0 0 .4rem}
.forms1 .title  h2{font-size:.48rem;color:white;margin:0 0 .25rem;text-transform:uppercase}
.forms1 .title p{font-size:.18rem;color:#999999;font-family:"Montserrat-Light-6.otf"}
.forms1 .box {font-size:0}
.forms1 .box ul{display:flex;flex-wrap: wrap;justify-content: space-between;gap:15px 0}
.forms1 .box ul li{width:49.2%}
.forms1 .box ul li h2{font-size:18px;color:white;margin:0 0 .05rem}
.forms1 .box ul li  select{width:100%;height:.5rem; background: url(../images/5.png) no-repeat  right.2rem center;background-size:.16rem .09rem;border-radius:10px;border:1px solid white;color:white;font-size:.16rem;;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0 .2rem}
.forms1 .box ul li  select option{color:black;}
.forms1 .box ul li input{width:100%;height:.5rem; background:none;background-size:.16rem .09rem;border-radius:10px;border:1px solid white;color:white;font-size:.16rem;padding:0 .2rem}
.forms1 .box ul li:nth-child(9),.forms1 .box ul li:nth-child(10){width:100%}
.forms1 .box ul li:nth-child(10) textarea{width:100%;height:1.5rem; background:none;background-size:.16rem .09rem;border-radius:10px;border:1px solid white;color:white;font-size:.16rem;padding:.1rem .2rem}
.forms1 .box .subs{text-align:center;margin:.2rem 0 0}
.forms1 .box .subs button{width:2.2rem;height:.5rem;background:white;border:0;border-radius:10px;font-size:.24rem;color:black;font-weight:bold}
.forms1 .box .subs button:hover{box-shadow:0 0 15px rgba(255,255,255,1)}


.footer{}
.footer .top{display:flex;justify-content: space-between;align-items: center;padding-right:2.25rem;margin:0 0 .45rem}
.footer .top .share{display:flex;gap:20px}
.footer .middle{display:flex;justify-content: space-between;padding:0 0 .6rem;border-bottom:2px solid #5a5a5a}
.footer .middle .left{width:18.8%}
.footer .middle .left h2{font-size:.24rem;color:#ffffff;margin:0 0 .2rem}
.footer .middle .left p{font-size:.18rem;color:#999999;line-height:.3rem}
.footer .middle .navs{width:80%;padding-right:1.2rem}
.footer .middle .navs ul{display:flex;justify-content: space-between;}
.footer .middle .navs ul li>a{font-size:.24rem;color:#ffffff;margin:0 0 .2rem;height:.26rem;line-height:.26rem}
.footer .middle .navs ul li dd a{font-size:.18rem;color:#999999;line-height:.3rem}
.footer .bot{display:flex;flex-direction: column;align-items: center;height:.95rem;justify-content: center;}
.footer .bot p{font-size:.16rem;color:#999999}
.footer .bot p a{display:initial;font-size:.16rem;color:#999999}



.product_list{padding:1rem 0 1.3rem;background:#f0f0f0}
.product_list .product_nav{margin:0 0 .7rem}
.product_list .product_nav ul{display:flex;justify-content: center;}

.product_list .product_nav ul li{padding:0 .1rem;}
.product_list .product_nav ul li a{height:.5rem;width:2.2rem;border-radius:10px;background:white;text-align:center;line-height:.5rem;font-size:.18rem;color:black}
.product_list .product_nav ul li a:hover{background:#222222;color:white}
.product_list .product_nav ul li.active a{background:#222222;color:white}

.product_list .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.27rem }
.product_list .lists ul li a{background:white;padding:.38rem 0 .28rem;border-radius:30px }
.product_list .lists ul li a .img{height:3rem;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.product_list .lists ul li a .img span{display:inline-block;background:none !important}
.product_list .lists ul li a .img img{max-height:3rem;}
.product_list .lists ul li a h2{margin:.5rem 0 0;text-align:center;font-size:.18rem;color:#000000;font-weight:bold}
.product_list .lists ul li a:hover img{transform:scale(1.1);opacity:.5}
.product_list .lists ul li a .img:after{content:'';position:absolute;background:url(../images/9.png) 0 0 no-repeat;width:.41rem;height:.41rem;left:50%;top:60%;transform:translate(-50%,-50%);background-size:100%;z-index:2;opacity:0;transition:.5s}
.product_list .lists ul li a:hover .img:after{opacity:1;transition-delay:.3s;top:50%}

.page{padding:.5rem 0 0;display:flex;justify-content: center;}
.page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.16rem;color:#959595;border-radius:5px;margin:0 5px;border:1px solid #d2d2d2}

.page a.page-link i{font-size:.18rem;}
 .page a.page-link:hover{background:#000000;color:white;border-color:#000000}
 .page a:hover{background:#000000;color:white;border-color:#000}
 .page a.page-num-current{background:#000000;color:white;border-color:#000000}


.product .boxs{position:relative}
.product .mobile_list{display:none}
.product .boxs .height{position:absolute;height:100%;left:0;top:0;width:1rem;z-index: -1;}
.product  .mbx{padding:1.65rem 0 .35rem;background:#1a1a1a}

.product  .mbx>div{display:flex;justify-content: flex-start;font-family:"Montserrat-Light-6.otf";color:#999999;font-size:.15rem;align-items: center;gap:8px;}
.product  .mbx a{font-family:"Montserrat-Light-6.otf";color:#999999;font-size:.15rem}
.product  .mbx a:last-child{color:#ffffff}

.product .top{background:#1a1a1a}

.product .top .infos{display:flex;justify-content: flex-end;}
.product  .pro_fixed{width:37.2%;display:flex;justify-content: space-between;position:absolute;left:1.6rem;top:0;z-index:22}
.product   .pro_fixed .img_list{width:14.5%}
.product  .pro_fixed .img_list .swiper-container{height:5.87rem}
.product   .pro_fixed .img_list .swiper-container .swiper-slide{cursor:pointer}
.product   .pro_fixed .img_list .swiper-container .swiper-slide-thumb-active .img{padding:.03rem;border:1px solid white}
.product  .pro_fixed .bigimg{width:82.5%} 
.product .top .infos .right{width:50%}
.product .top .infos .right .title h2{font-size:.48rem;color:white;margin:0 0 .3rem}
.product .top .infos .right  .items1{color:white;font-family:"Montserrat-Light-6.otf";font-size:.16rem;height:2.8rem;overflow-y:auto;padding-right:.2rem;line-height:.25rem}
.product .top .infos .right  .items1::-webkit-scrollbar{background:white}
.product .top .infos .right  .items1::-webkit-scrollbar-thumb{background:#8888}
.product .top .infos .right  .more{display:flex;padding:.25rem 0 .4rem;gap:.2rem}
.product .top .infos .right  .more>a{text-transform:uppercase;height:.5rem;width:2.2rem;border-radius:10px;border:1px solid white;text-align:center;line-height:.5rem;font-size:.18rem;color:white}
.product .top .infos .right  .more>a:last-child{background:#ffffff;color:#000000;font-weight:bold}
.product .top .infos .right  .more>a:first-child:hover{background:#ffffff;color:#000000}
.product .top .infos .right  .more>a:hover{box-shadow:0 0 15px rgba(255,255,255,1)}
.product .top .infos .right  .items2{height:1.1rem;overflow-y:auto;border-bottom:1px solid #666666}
.product .top .infos .right  .items2 p{font-size:.16rem;color:white;font-family:"Montserrat-Light-6.otf";position:relative;padding-left:.25rem;line-height:.28rem}
.product .top .infos .right  .items2 p:before {content: "\f00c";font: normal normal normal 14px/1 FontAwesome;left: 0;position: absolute;top: 50%;transform: translateY(-50%);font-size:.2rem;color:white}
.product .top .infos .right  .met_page  ul {padding:.4rem 0 }
.product .top .infos .right  .met_page  ul li{display:flex;gap:5px;color:#999999;font-family:"Montserrat-Light-6.otf";font-size:.15rem;align-items: center;}
.product .top .infos .right  .met_page  ul li a{color:white;text-decoration:underline}





.product .middle{background:#f0f0f0;padding:.8rem 0 0}
.product .middle>div{display:flex;justify-content: flex-end;}
.product .middle .content{width:50%}
.product .middle .content>div{margin:0 0 .3rem}
.product .middle .content>div:last-child{margin:0}
.product .middle .content>div .tit{cursor:pointer}
.product .middle .content>div .tit h2{font-size:.24rem;color:#222222;text-transform:uppercase;position:relative}
.product .middle .content>div .tit h2::before,.product .middle .content>div .tit h2::after {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:17px;height:3px;background:black;transition:all .36s;}
.product .middle .content>div .tit.active h2::before {transform:translateY(-50%) rotate(90deg);}
.product .middle .content>div .text{padding:.35rem 0 ;color:#222222;line-height:.25rem;font-size:.16rem;transition:none}
.product .middle .content>div .text table td{border: 0 !important;}


.product .bot {padding:1.3rem 0;background:#f0f0f0} 
.product .bot ul{display:flex;justify-content: center;gap:4rem;margin:0 0 .4rem}
.product .bot ul li a{font-size:.36rem;color:#222222;text-transform:uppercase;position:relative;padding:0 0 .05rem}
.product .bot ul li a:after{content:'';position:absolute;height:2px;background:#222222;width:0;left:50%;transform:translateX(-50%);bottom:0;transition:.5s}
.product .bot ul li a:before{content:"";position:absolute;background:url(../images/10.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:93%;width:.19rem;height:.11rem;opacity:0;transition:.5s;background-size:100%}
.product .bot ul li a:hover:after{width:100%}
.product .bot ul li.tcl-active a:after{width:100%}
.product .bot .contents>div{display:none}
.product .bot .contents>div:first-child{display:block}
.product .bot ul li a:hover:before{opacity:1;transition-delay:.3s;top:100%}
.product .bot ul li.tcl-active a:before{opacity:1;top:100%}
.product .bot .contents .items a .img{height:2.2rem;display:flex;flex-direction: column;justify-content: center;padding:0 .2rem;align-items: center;}
.product .bot .contents .items a .img img{max-height:2.2rem}
.product .bot .contents .items a{background:white;border-radius:20px;padding:0 .1rem .2rem}
.product .bot .contents .items a h2{text-align:center;margin:.1rem 0 0;font-size:.18rem;color:#000000;font-weight:bold}
.product .bot .contents .items#xss2 a:hover img{transform:scale(1.1)}




.app_banner .flash{position:relative}
.app_banner .flash img{width:100%}
.app_banner .flash .text{position:absolute;width:100%;left:0;bottom:.7rem;padding:0 3.2rem}
.app_banner .flash .text .mbx{display:flex;justify-content: center;font-family:"Montserrat-Light-6.otf";color:white;font-size:.15rem;align-items: center;gap:8px}
.app_banner .flash .text .mbx a{font-family:"Montserrat-Light-6.otf";color:white;;font-size:.15rem}
.app_banner .flash .text .txt{text-align:center;padding:.5rem 0 }
.app_banner .flash .text .txt h1{font-size:.22rem;color:#ffffff}
.app_banner .flash .text .txt h2{font-size:.48rem;color:#ffffff;text-transform:uppercase;margin:.25rem 0  .05rem}
.app_banner .flash .text .txt h3{font-size:.36rem;color:white;margin:0 0 .2rem}
.app_banner .flash .text .txt p{font-size:.18rem;color:white}
.app_banner .flash .more{display:flex;justify-content: center;gap:.2rem}
.app_banner .flash .more>a{height:.5rem;width:2.2rem;border-radius:10px;border:1px solid white;text-align:center;line-height:.5rem;font-size:.18rem;color:white}
.app_banner .flash .more>a:last-child{background:#ffffff;color:#000000}
.app_banner .flash .more>a:first-child:hover{background:#ffffff;color:#000000}
.app_banner .flash .more>a:first-child{padding:0 .3rem;width:auto}
.app_banner .flash .more>a:hover{box-shadow:0 0 15px rgba(255,255,255,1)}


.app .adv{padding:1.3rem 0 1.2rem}
.app .adv .title{margin:0 0 .3rem}
.app .adv .title h2{font-size:.4rem;color:#222222}
.app .adv .info ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem .6rem}
.app .adv .info ul li h2{font-size:.2rem;;color:#222222;margin:0 0 .1rem;padding-left:.4rem;position:relative}
.app .adv .info ul li h2:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:.27rem;height:.28rem;left:0;top:-.088rem;background-size:100%}
.app .adv .info ul li p{padding-left:.4rem;font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#222222}

.application {background:#1a1a1a;padding:1.3rem 0 }
.application>div{display:flex;justify-content: space-between;align-items: center;}
.application>div .left{width:50%;position:relative}
.application>div .left a{border-radius:43px;border:3px solid #858585}
.application>div .left a img{border-radius:40px;}
.application>div .left  .swiper-page>div{position:absolute;width:.84rem;height:.84rem;border-radius:100%;line-height:.80rem;border:2px solid black;top:50%;transform:translateY(-50%);text-align:center;left:.2rem;z-index:2}
.application>div .left .swiper-page>div.slide-button-next{left:auto;right:.2rem} 
.application>div .left .swiper-page>div img{max-width:.43rem;filter:brightness(1) invert(1)}
.application>div .left  .swiper-page>div:hover{background:rgba(34,34,34,.35);border:2px solid transparent }
.application>div .left .swiper-page>div:hover img{filter:brightness(0) invert(1)}
.application>div .right{width:43.5%}
.application>div .right>h3{font-size:.4rem;color:white;margin:0 0 .3rem}
.application>div .right ul li{margin:0 0 .25rem}
.application>div .right ul li:last-child{margin:0}
.application>div .right ul li h2{font-size:.2rem;color:white;margin:0 0 .1rem}
.application>div .right ul li p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#ffffff}



.recom_pro {padding:1.25rem 0;background:#f0f0f0}
.recom_pro>div>h2{margin:0 0 .45rem;color:#222222;font-size:.4rem}
.recom_pro .lists a .img{height:2.85rem;display:flex;flex-direction: column;justify-content: center;padding:0 .2rem;align-items: center;}
.recom_pro .lists a .img img{max-height:2.85rem}
.recom_pro .lists a{background:white;border-radius:30px;padding:.45rem .1rem .25rem}
.recom_pro .lists h2{text-align:center;margin:.6rem 0 0;font-size:.18rem;color:#000000;font-weight:bold}
.recom_pro .lists a:hover img{transform:scale(1.1)}

.cust{background:#f0f0f0;padding:0 0 1.2rem}
.cust>div>h3{margin:0 0 .3rem;color:#222222;font-size:.4rem}
.cust .info ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem .6rem}
.cust .info ul li h2{font-size:.2rem;;color:#222222;margin:0 0 .1rem;padding-left:.4rem;position:relative}
.cust .info ul li h2:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:.27rem;height:.28rem;left:0;top:-.088rem;background-size:100%}
.cust .info ul li p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#222222}


.forms2{padding:.5rem 0 1.2rem}
.forms2>div{padding:0 1.6rem}
.forms2  .title{text-align:center;padding:0 0 .45rem}
.forms2 .title  h2{font-size:.48rem;color:white;margin:0 0 .25rem;text-transform:uppercase}
.forms2 .title p{font-size:.18rem;color:#999999;font-family:"Montserrat-Light-6.otf"}
.forms2 .box {font-size:0}
.forms2 .box ul{display:flex;flex-wrap: wrap;justify-content: space-between;gap:18px 0}
.forms2 .box ul li{width:49.2%}
.forms2 .box ul li h2{font-size:18px;color:white;margin:0 0 .05rem}
.forms2 .box ul li  select{width:100%;height:.5rem; background: url(../images/5.png) no-repeat  right.2rem center;background-size:.16rem .09rem;border-radius:10px;border:1px solid white;color:white;font-size:.16rem;;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0 .2rem}
.forms2 .box ul li  select option{color:black;}
.forms2 .box ul li input{width:100%;height:.5rem; background:none;background-size:.16rem .09rem;border-radius:10px;border:1px solid white;color:white;font-size:.16rem;padding:0 .2rem}
.forms2 .box ul li:nth-child(9),.forms2 .box ul li:nth-child(10),.forms2 .box ul li:nth-child(11),.forms2 .box ul li:nth-child(12){width:100%}
.forms2 .box .subs{text-align:center;margin:.2rem 0 0}
.forms2 .box .subs button{width:2.2rem;height:.5rem;background:white;border:0;border-radius:10px;font-size:.24rem;color:black;font-weight:bold}
.forms2 .box .subs button:hover{box-shadow:0 0 15px rgba(255,255,255,1)}


.custom_banner .flash{position:relative}
.custom_banner .flash img{width:100%}
.custom_banner .flash .text{position:absolute;width:100%;left:0;bottom:.7rem;padding:0 3.2rem}
.custom_banner .flash .text .mbx{display:flex;justify-content: center;font-family:"Montserrat-Light-6.otf";color:white;font-size:.15rem;align-items: center;gap:8px}
.custom_banner .flash .text .mbx a{font-family:"Montserrat-Light-6.otf";color:white;;font-size:.15rem}
.custom_banner .flash .text .txt{text-align:center;padding:.2rem 0 .4rem }
.custom_banner .flash .text .txt h1{font-size:.22rem;color:#ffffff}
.custom_banner .flash .text .txt h2{font-size:.48rem;color:#ffffff;text-transform:uppercase;margin:0 0  .35rem}
.custom_banner .flash .text .txt h3{font-size:.36rem;color:white;margin:0 0 .2rem}
.custom_banner .flash .text .txt p{font-size:.18rem;color:white}
.custom_banner .flash .more{display:flex;justify-content: center;gap:.2rem}
.custom_banner .flash .more>a{height:.5rem;width:2.2rem;border-radius:10px;border:1px solid white;text-align:center;line-height:.5rem;font-size:.18rem;color:white}
.custom_banner .flash .more>a:last-child{background:#ffffff;color:#000000}
.custom_banner .flash .more>a:first-child:hover{background:#ffffff;color:#000000}

.custom_banner .flash .more>a:hover{box-shadow:0 0 15px rgba(255,255,255,1)}


.custom_case{padding:1.25rem 0 1.3rem;background:#f0f0f0}
.custom_case ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.3rem .26rem}
.custom_case ul li:nth-child(1) .title>h2{font-size:.4rem;color:#222222;text-transform:uppercase;margin:0 0 .3rem}
.custom_case ul li:nth-child(1) .info *{margin:0 0 .08rem}
.custom_case ul li:nth-child(1) .info *:last-child{margin:0}
.custom_case ul li:nth-child(1) .info p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#222222}
.custom_case ul li:nth-child(1) .info h2{font-size:.2rem;color:#222222}


.interior{background:#1a1a1a;padding:1.1rem 0 1.2rem }
.interior>div>h4{font-size:.4rem;color:#ffffff;text-transform:uppercase;margin:0 0 .25rem}
.interior .items1  p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#ffffff}
.interior .items1  h2{font-size:.2rem;color:#ffffff;margin:.1rem 0 }
.interior .items1 .img{margin:.3rem 0 0 }
.interior .items2{margin:.8rem 0 .75rem;display:flex;justify-content: space-between;align-items: center;}
.interior .items2 .info{width:46.2%}
.interior .items2  p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#ffffff}
.interior .items2  h2{font-size:.2rem;color:#ffffff;margin:0 0 .1rem }
.interior .items2 .img{width:48.8%}
.interior .items3 {margin:0 0 .7rem}
.interior .items3  h4{font-size:.2rem;color:#ffffff;margin:0 0 .3rem}
.interior .items3  ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .4rem}
.interior .items3  ul li .text{padding:.28rem 0 0 }
.interior .items3  ul li .text  p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#ffffff;padding-left:.35rem}
.interior .items3  ul li .text  h2{font-size:.2rem;color:#ffffff;margin:0;position:relative;margin:0 0 .1rem;padding-left:.35rem }
.interior .items3  ul li .text  h2:after{content:"";position:absolute;background:url(../images/12.png) 0 0 no-repeat;width:.27rem;height:.28rem;left:0;top:-.088rem;background-size:100%}
.interior .items4   p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#ffffff}
.interior .items4   h2{font-size:.2rem;color:#ffffff;margin:0 0 .1rem }
.interior .items4 .img{margin:.4rem 0 0 }


.brand{background:#f0f0f0;padding:1.3rem 0 1.05rem}
.brand>div>h3{font-size:.4rem;color:#222222;text-transform:uppercase;margin:0 0 .4rem}
.brand   p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#222222;margin:0 0 .1rem}
.brand   h2{font-size:.2rem;color:#222222;margin:0 0 .1rem }
.brand ul{margin:.45rem 0 0}
.brand ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.3rem}

.functional{background:#1a1a1a;padding:1.25rem 0}
.functional .title{padding:0 0 .35rem}
.functional .title h2{font-size:.4rem;color:white;text-transform:uppercase;margin:0 0 .4rem}
.functional .title   p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:white;}
.functional ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .4rem}
.functional ul .text{padding:.28rem 0 0}
.functional ul .text  p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#ffffff}
.functional ul .text  h2{font-size:.2rem;color:#ffffff;position:relative;margin:0 0 .1rem}
.choose{background:#f0f0f0;;padding:1.25rem 0 1.1rem}
.choose>div>h3{font-size:.4rem;color:#222222;text-transform:uppercase;margin:0 0 .4rem}
.choose   h2{font-size:.2rem;color:#222222;margin:0 0 .1rem }
.choose   p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#222222;margin:0 0 .1rem}
.fot_bg1.customfot{padding:.7rem 0 0}


.stories_banner .flash{position:relative}
.stories_banner .flash img{width:100%}
.stories_banner .flash .text{position:absolute;width:100%;left:0;bottom:.7rem;padding:0 3.2rem}
.stories_banner .flash .text .mbx{display:flex;justify-content: center;font-family:"Montserrat-Light-6.otf";color:white;font-size:.15rem;align-items: center;gap:8px}
.stories_banner .flash .text .mbx a{font-family:"Montserrat-Light-6.otf";color:white;;font-size:.15rem}
.stories_banner .flash .text .txt{text-align:center;padding:.2rem 0 0}
.stories_banner .flash .text .txt h2{font-size:.48rem;color:#ffffff;text-transform:uppercase;}



.story .items1{padding:1.3rem 0 1.1rem;background:#f0f0f0}
.story .items1  .title{text-align:center;margin:0 0 .4rem}
.story .items1  .title h2{font-size:.48rem;color:#222222;text-transform:uppercase}
.story .items1  .info{padding:.3rem 1.6rem .45rem;position:relative}
.story .items1  .info:after{content:'';position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.86rem;height:.82rem;left:0;top:0;background-size:100%}
.story .items1  .info:before{content:'';position:absolute;background:url(../images/14.png) 0 0 no-repeat;width:.86rem;height:.82rem;right:0;bottom:0;background-size:100%}

.story .items1  .info h2{font-size:.4rem;color:#222222;margin:0 0 .4rem;}
.story .items1  .info  p{font-size:.2rem;color:#222222}


.story .items2{padding:1.3rem 0 1.5rem;background:#1a1a1a}
.story .items2>div{display:flex;justify-content: space-between;}
.story .items2 .info1{width:42.5%}
.story .items2 .info2{width:50%}
.story .items2>div p{font-size:.18rem;color:#ffffff;font-family:"Montserrat-Light-6.otf";line-height:.3rem}

.story .items3{background:#f0f0f0;padding:1.3rem 0 }
.story .items3>div .item1 {display:flex;justify-content: space-between;}
.story .items3>div .item1 .img{width:40%}
.story .items3>div .item1 .right{width:50%}
.story .items3>div .item1 .right  .info{position:relative;padding:.3rem 0 .45rem;margin:0 0 1.4rem }
.story .items3>div .item1 .right  .info:after{content:'';position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.86rem;height:.82rem;left:-1.2rem;top:0;background-size:100%}
.story .items3>div .item1 .right  .info:before{content:'';position:absolute;background:url(../images/14.png) 0 0 no-repeat;width:.86rem;height:.82rem;right:0;bottom:0;background-size:100%}

.story .items3>div .item1 .right  .info h2{font-size:.4rem;color:#222222;margin:0 0 .5rem;}
.story .items3>div .item1 .right  .info  p{font-size:.2rem;color:#222222}
.story .items3>div .item1 .right  .txt p{font-size:.18rem;color:#222222;;font-family:"Montserrat-Light-6.otf";line-height:.3rem}

.story .items3>div .item2 {display:flex;justify-content: space-between;}
.story .items3>div .item2 .left{width:40%;padding:1rem 0 0}
.story .items3>div .item2 .left .txt{margin:0 0 1.4rem}
.story .items3>div .item2 .left .txt p{font-size:.18rem;color:#222222;font-family:"Montserrat-Light-6.otf";line-height:.3rem}
.story .items3>div .item2 .right{width:50%}
.story .items3>div .item2 .right .text{padding:1.3rem 0 0 }
.story .items3>div .item2 .right .text  h2{font-size:.48rem;color:#222222;text-transform:uppercase;margin:0 0 .35rem}
.story .items3>div .item2 .right .text   p{font-size:.18rem;color:#222222;font-family:"Montserrat-Light-6.otf";}
.story .items3>div .item2 .right .text  a{padding:0 .3rem;height:.5rem;border-radius:10px;background:#1d1d1d;display:inline-block;color:white;line-height:.5rem;font-size:.18rem;margin:.4rem 0 0 }


.about_banner .flash{position:relative}
.about_banner .flash img{width:100%}
.about_banner .flash .text{position:absolute;width:100%;left:0;bottom:.7rem;padding:0 3.2rem}
.about_banner .flash .text .mbx{display:flex;justify-content: center;font-family:"Montserrat-Light-6.otf";color:white;font-size:.15rem;align-items: center;gap:8px}
.about_banner .flash .text .mbx a{font-family:"Montserrat-Light-6.otf";color:white;;font-size:.15rem}
.about_banner .flash .text h2 {text-align:center;margin:.22rem 0 .3rem;font-size:.48rem;color:#ffffff;text-transform:uppercase }
.about_banner .flash .text p{font-size:.18rem;color:white;text-align:center;line-height:.28rem}


.about_bwjx .company{padding:1.3rem 0 }
.about_bwjx .company .text{padding:.55rem 1.11rem 0;text-align:center;}
.about_bwjx .company .text p{font-size:.2rem;color:#222222 }



.about_bwjx .history{background:#1a1a1a;padding:1.3rem 0 }
.about_bwjx .history .title{padding:0 0 .45rem;text-align:center}
.about_bwjx .history .title h2{font-size:.48rem;color:#ffffff;text-transform:uppercase;margin:0 0 .2rem}
.about_bwjx .history .title p{padding:0 4.2rem;font-size:.18rem;color:#999999;font-family:"Montserrat-Light-6.otf";}
.about_bwjx .history .lists{padding:0 1.6rem;position:relative}
.about_bwjx .history .lists:after{content:"";position:absolute;background:white;height:2px;width:100%;left:0;top:50%;transform:translateY(-50%)}
.about_bwjx .history .lists .items{display:flex;flex-direction: column;position:relative}
.about_bwjx .history .lists .items:after{position:absolute;content:"";background:white;width:.15rem;height:.15rem;border-radius:100%;left:0;top:50%;transform:translateY(-50%)}
.about_bwjx .history .lists .items>div{height:3.8rem;}
.about_bwjx .history .lists .items.xl{flex-direction:column-reverse}
.about_bwjx .history .lists .items.xlt .info{padding:0 0 .25rem}
.about_bwjx .history .lists .items.xl .info{padding:.25rem 0 0 }
.about_bwjx .history .lists .items.xlt .tit{padding:.15rem 0 0}
.about_bwjx .history .lists .items.xl .tit{padding:0 0 .15rem;display:flex;flex-direction: column;justify-content: flex-end;}
.about_bwjx .history .lists .items .tit  h2{font-size:.6rem;color:white;font-weight:bold}
.about_bwjx .history .lists .items .text{font-size:.16rem;color:white;font-family:"Montserrat-Light-6.otf";height:.9rem;overflow-y:auto}
.about_bwjx .history .lists .items .text::-webkit-scrollbar{background:white;opacity:1}
.about_bwjx .history .lists .items .text::-webkit-scrollbar-thumb{background:gray}
.about_bwjx .history .lists .items.xl .text{margin: 0 0 .3rem }
.about_bwjx .history .lists .items.xl .info{display:flex;flex-direction: column;flex-direction:column-reverse}
.about_bwjx .history .lists .items.xlt .text{margin:.3rem 0 0}

.about_bwjx .history .lists   .swiper-page>div{position:absolute;width:.6rem;height:.6rem;border-radius:100%;line-height:.6rem;border:2px solid white;top:50%;transform:translateY(-50%);text-align:center;left:-.8rem;font-size:.3rem;color:white;z-index:2}
.about_bwjx .history .lists  .swiper-page>div.slide-button-next{left:auto;right:-.8rem} 
.about_bwjx .history .lists  .swiper-page>div:hover{background:white;color:black}

.about_bwjx .honor{background:#f0f0f0;padding:1.3rem 0 }
.about_bwjx .honor .title{padding:0 0 .65rem;text-align:center}
.about_bwjx .honor  .title h2{font-size:.48rem;color:#222222;text-transform:uppercase}
.about_bwjx .honor  .lists{padding:0 1.6rem}
.about_bwjx .honor  .lists   a:hover img{transform:scale(.95)}

.about_bwjx .factory {background:#1a1a1a;padding:1.3rem 0 1.25rem}
.about_bwjx .factory  .title{padding:0 0 .3rem;text-align:center}
.about_bwjx .factory  .title h2{font-size:.48rem;color:white;text-transform:uppercase}
.about_bwjx .factory  .lists{padding:0 1.6rem}
.about_bwjx .factory  .lists ul{display:flex;flex-wrap: wrap;justify-content: space-between;gap:.2rem 0}
.about_bwjx .factory  .lists ul li:nth-child(1){width:29.6875%}
.about_bwjx .factory  .lists ul li:nth-child(2){width:22.265625%}
.about_bwjx .factory  .lists ul li:nth-child(3){width:45.3125%}
.about_bwjx .factory  .lists ul li:nth-child(4){width:45.3125%}
.about_bwjx .factory  .lists ul li:nth-child(5){width:29.6875%}
.about_bwjx .factory  .lists ul li:nth-child(6){width:22.265625%}
.about_bwjx .factory  .lists ul li   a{position:relative}
.about_bwjx .factory  .lists ul li   a h2{position:absolute;left:.2rem;bottom:.15rem;font-size:.18rem;color:white}
.about_bwjx .factory  .lists ul li   a:hover img{transform:scale(1.1)}



.about_bwjx .sales{background:#f0f0f0;padding:1.3rem 0 }
.about_bwjx .sales  .title{padding:0 0 .5rem;text-align:center}
.about_bwjx .sales  .title h2{font-size:.48rem;color:#222222;text-transform:uppercase}
.about_bwjx .sales  .items{padding:0 .8rem}
.about_bwjx .sales  .items:nth-child(2){margin:0 0 1.3rem}
.about_bwjx .sales  .items>h3{text-align:center;font-size:.3rem;color:#222222;margin:0 0 .6rem}
.about_bwjx .sales  .items ul{display:flex;grid-gap:1.45rem 0;justify-content: center;flex-wrap: wrap;padding:1rem 0 0}
.about_bwjx .sales  .items ul li{width:33.33%;padding:0 .4rem}
.about_bwjx .sales  .items ul li .box{position:relative;background:white;padding:1.25rem .1rem .25rem;border-radius:30px }
.about_bwjx .sales  .items ul li .box .img{position:absolute;left:50%;transform:translateX(-50%);top:-1rem;width:50%;border-radius:100%;}
.about_bwjx .sales  .items ul li .box .img img{border-radius:100%}
.about_bwjx .sales  .items ul li .box .text{text-align:center}
.about_bwjx .sales  .items ul li .box .text h2{font-size:.3rem;color:#222222;margin:0 0 .1rem}
.about_bwjx .sales  .items ul li .box .text h3{font-size:.15rem;color:#222222}
.about_bwjx .sales  .items ul li .box .text h4{font-size:.18rem;color:#222222;margin:.15rem 0 0}
.about_bwjx .sales  .items ul li .box .text p{font-size:.18rem;color:#222222}
.about_bwjx .sales  .items ul li .box:hover .img{box-shadow:0 0 18px rgba(0,0,0,0.3);transform:translateX(-50%) translateY(-.15rem)}
.fot_bg1.bwjx{padding:1.3rem 0 0} 

.about_global .vision{background:#f0f0f0;font-size:0;padding:0 0 1.3rem}
.about_global .vision >div{padding:0 2rem}
.about_global .vision .title {text-align:center;padding:1.25rem 1.6rem 1rem}
.about_global .vision .title h2{font-size:.48rem;color:#222222;text-transform:uppercase;margin:0 0 .25rem}
.about_global .vision .title p{font-size:.2rem;color:#222222}
.about_global .vision .video video{width:100%}


.about_global .success{background:#1a1a1a;padding:1.3rem 0}
.about_global .success>div{padding:0 1.6rem}
.about_global .success  .title{text-align:center;}
.about_global .success  .title  h2{font-size:.48rem;color:white;text-transform:uppercase;margin:0 0 .45rem}
.about_global .success  ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .4rem}
.about_global .success  ul li{background:#333333;border-radius:50px 0 50px 0;padding:.6rem;position:relative;z-index:2}
.about_global .success  ul li:after{position:absolute;background:white;content:"";width:100%;height:0;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;border-radius:50px 0 50px 0;transition:.5s}
.about_global .success  ul li h3{font-size:.4rem;color:white;text-transform:uppercase;margin:0 0 .25rem;z-index:2}
.about_global .success  ul li p{font-size:.2rem;color:white;font-family:"Montserrat-Light-6.otf";z-index:2}
.about_global .success  ul li:hover:after{height:100%;}
.about_global .success  ul li:hover h3,.about_global .success  ul li:hover p{color:black}

.about_global  .promise{background:#f0f0f0;padding:1.25rem 0 1.4rem}
.about_global  .promise .title h2{text-align:center;font-size:.48rem;color:#222222;text-transform:uppercase;margin:0 0 .5rem}

.about_global .recipe{background:#1a1a1a;padding:1.2rem 0 1.3rem}
.about_global .recipe .title{padding:0 2.8rem;text-align:center;margin:0 0 1rem}
.about_global .recipe .title h2{font-size:.48rem;color:white;text-transform:uppercase;margin:0 0 .35rem}
.about_global .recipe .title p{font-size:.2rem;color:white}
.about_global .recipe .content{display:flex;justify-content: space-between;}
.about_global .recipe .content .left{width:80%}
.about_global .recipe .content .left>div{display:none}
.about_global .recipe .content .left>div:first-child{display:block}
.about_global .recipe .content .left .items{background:white;border-radius:10px}
.about_global .recipe .content .left .items .box{display:flex;flex-direction: column;align-items: center;justify-content: center;height:5rem;}
.about_global .recipe .content .left .items .dd{width:80%}
.about_global .recipe .content .left .items  .dd .tit{text-align:center;margin:0 0 .45rem;}
.about_global .recipe .content .left .items  .dd .tit h1{font-size:.48rem;;color:#222222;text-transform:uppercase;margin:0 0 .1rem}
.about_global .recipe .content .left .items  .dd .tit h2{font-size:.24rem;;color:#222222;margin:0 0 .2rem}
.about_global .recipe .content .left .items  .dd .tit p{font-size:.18rem;color:#222222;font-family:"Montserrat-Light-6.otf";width:63%;display:inline-block}
.about_global .recipe .content .left .items  .dd ul li{text-align:center}
.about_global .recipe .content .left .items  .dd ul li p{display:inline-block;font-size:.2rem;padding-left:.35rem;color:#222222;font-weight:bold;line-height:.35rem;position:relative}
.about_global .recipe .content .left .items  .dd ul li p:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:.27rem;height:.28rem;left:0;top:0;background-size:100%}



.about_global .recipe .content .right{width:18.8%}
.about_global .recipe .content .right ul{height:100%;display:flex;flex-direction: column;justify-content: space-between;}
.about_global .recipe .content .right ul li a{height:.8rem;line-height:.8rem;border-radius:10px;border:1px solid white;font-size:.24rem;color:white;text-align:center;text-transform:uppercase}
.about_global .recipe .content .right ul li a:hover{background:white;color:black}
.about_global .recipe .content .right ul li.tcl-active a{background:white;color:black}

.about_global .system{background:#f0f0f0}
.about_global .system .title{padding:1.2rem 2.6rem 1rem;text-align:center;}
.about_global .system .title h2{font-size:.48rem;color:#222222;text-transform:uppercase;margin:0 0 .3rem}
.about_global .system .title  p{font-size:.18rem;color:#222222;font-family:"Montserrat-Light-6.otf";}
.about_global .system .title  p:nth-child(2){margin:0 0 .2rem}
.about_global .system .title  h3{font-size:.3rem;color:#222222;margin:.05rem 0 0}
.about_global .system  .ecosystem{display:flex;justify-content: space-between;align-items: center;padding:0 0 1.5rem}
.about_global .system  .ecosystem  #ecosystem-rows .ecosystem-row{cursor:pointer}
.about_global .system  .ecosystem  #ecosystem-rows .ecosystem-row .ecosystem-extendedRow{display:none}
.about_global .system  .ecosystem  #ecosystem-rows .ecosystem-row.currentActive .ecosystem-extendedRow {animation: moveOut .65s ease-in-out;display: block;}
@keyframes moveOut {

    0% {

        width: 0

    }



    20% {

        width: 0

    }



    to {

        width: 500px

    }

}

.about_global .system  .ecosystem  #ecosystem-rows .ecosystem-row .row-arrow{display:none}
.about_global .system  .ecosystem  #ecosystem-rows .ecosystem-row.currentActive .row-arrow {display: block}
.about_global .system  .ecosystem .ecosystem-svg {width:50%}
.about_global .system  .ecosystem .ecosystem-svg  svg *{transition:.6s !important }
.about_global .system  .ecosystem #ecosystem-rows .ecosystem-row.currentActive path { fill: black}
.about_global .system  .ecosystem #ecosystem-rows .ecosystem-row.currentActive path.row-arrow{fill: #f0f0f0}
.about_global .system  .ecosystem #ecosystem-rows .ecosystem-row.currentActive+text { fill: #fff}
.about_global .system  .ecosystem .ecosystem-svg>svg{width:100%;height:auto;overflow:initial}
.about_global .system  .ecosystem .ecosystem-greyBoxes{width:34%}
.about_global .system  .ecosystem .ecosystem-greyBoxes>div{display:none}
.about_global .system  .ecosystem .ecosystem-greyBoxes>div.displayBlock{display:block}
.about_global .system  .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox h2{font-size:.48rem;color:#222222;text-transform:uppercase;margin:0 0 .3rem}
.about_global .system  .ecosystem .ecosystem-greyBoxes .ecosystem-greyBox p{font-size:.18rem;;color:#222222;font-family:"Montserrat-Light-6.otf";}

.about_global .system .bot{display:grid;grid-template-columns:28.1% 38.5% 30.3%;justify-content:space-between;padding:0 0 1.3rem}
.about_global .system .bot .items1{background:#333333;border-radius:0 50px 50px 0;padding:0 .4rem;height:9.45rem;display:flex;flex-direction: column;justify-content: center;position:relative}
.about_global .system .bot .items1:after{content:"";position:absolute;background:url(../images/16.png) 0 0 no-repeat;width:.87rem;height:.87rem;right:.4rem;top:.4rem;background-size:100%}
.about_global .system .bot .items1 h2{font-size:.4rem;color:white;margin:0 0 .2rem;text-transform:uppercase}
.about_global .system .bot .items1  p{font-size:.2rem;;color:white;font-family:"Montserrat-Light-6.otf";}
.about_global .system .bot .items2 ul{height:100%;display:flex;flex-wrap: wrap;align-content: space-between;position:relative}
.about_global .system .bot .items2 ul:after{content:"";position:absolute;background:url(../images/23.png)0 0 no-repeat;width:1.11rem;height:6.38rem;background-size:100%;top:50%;transform:translateY(-50%);right:-.6rem;background-size:100%;z-index:2}
.about_global .system .bot .items2 ul li{background:#333333;border-radius:50px;padding:0 .75rem;display:flex;flex-direction: column;justify-content: center;position:relative}
.about_global .system .bot .items2 ul li:nth-child(1){height:33.3%}
.about_global .system .bot .items2 ul li:nth-child(2){height:29.1%}
.about_global .system .bot .items2 ul li:nth-child(3){height:34.4%}
.about_global .system .bot .items2 ul li:nth-child(1):after{content:"";position:absolute;background:url(../images/17.png) 0 0 no-repeat;width:.87rem;height:.87rem;right:.4rem;top:.4rem;background-size:100%}
.about_global .system .bot .items2 ul li:nth-child(2):after{content:"";position:absolute;background:url(../images/18.png) 0 0 no-repeat;width:.87rem;height:.87rem;right:.4rem;top:.4rem;background-size:100%}
.about_global .system .bot .items2 ul li:nth-child(3):after{content:"";position:absolute;background:url(../images/19.png) 0 0 no-repeat;width:.87rem;height:.87rem;right:.4rem;top:.4rem;background-size:100%}
.about_global .system .bot .items2 ul li:before{content:"";position:absolute;background:url(../images/22.png)0 0 no-repeat;width:.87rem;height:.34rem;background-size:100%;top:50%;transform:translateY(-50%);left:-.55rem;background-size:100%}
.about_global .system .bot .items2 li h2{font-size:.4rem;color:white;margin:0 0 .2rem;text-transform:uppercase}
.about_global .system .bot .items2 li p{font-size:.2rem;;color:white;font-family:"Montserrat-Light-6.otf";}
.about_global .system .bot .items3 ul{height:100%;display:flex;flex-wrap: wrap;align-content: space-between;}
.about_global .system .bot .items3 ul li{background:#333333;border-radius:50px;padding:0 .7rem;display:flex;flex-direction: column;justify-content: center;position:relative}
.about_global .system .bot .items3 ul li:nth-child(1){height:52.4%}
.about_global .system .bot .items3 ul li:nth-child(2){height:45.5%}

.about_global .system .bot .items3 ul li:nth-child(1):after{content:"";position:absolute;background:url(../images/20.png) 0 0 no-repeat;width:.87rem;height:.87rem;right:.4rem;top:.4rem;background-size:100%}
.about_global .system .bot .items3 ul li:nth-child(2):after{content:"";position:absolute;background:url(../images/21.png) 0 0 no-repeat;width:.87rem;height:.87rem;right:.4rem;top:.4rem;background-size:100%}

.about_global .system .bot .items3 li h2{font-size:.4rem;color:white;margin:0 0 .2rem;text-transform:uppercase}
.about_global .system .bot .items3 li p{font-size:.2rem;;color:white;font-family:"Montserrat-Light-6.otf";}




.about_global .successstorys {background:#1a1a1a;padding:0 0 1.3rem}
.about_global .successstorys .title{padding:1.3rem 0 .8rem;text-align:center}
.about_global .successstorys .title  h2{font-size:.48rem;color:white;text-transform:uppercase;margin:0 0 .25rem}
.about_global .successstorys .title  p{font-size:.2rem;color:white;}
.about_global .successstorys .info{padding:0 1.3rem 0 1.5rem;display:flex;justify-content: space-between;}
.about_global .successstorys .info .left{width:49.3%}
.about_global .successstorys .info .left .top{display:flex;justify-content: space-between;margin:0 0 .3rem}
.about_global .successstorys .info .left .top .items1{width:2.35rem;height:2.35rem;display:flex;flex-direction: column;justify-content: center;align-items: center;;border-radius:20px;background:#292929}
.about_global .successstorys .info .left .top .items1 h2{font-size:.48rem;color:white;margin:0 0 .08rem}
.about_global .successstorys .info .left .top .items1 p{font-size:.2rem;color:white}
.about_global .successstorys .info .left .top .items2{width:3.8rem;height:3.8rem;display:flex;flex-direction: column;justify-content: center;align-items: center;;border-radius:20px;background:#292929}
.about_global .successstorys .info .left .top .items2 h3{font-size:.28rem;color:white}
.about_global .successstorys .info .left .top .items2 h2{font-size:.66rem;color:white;margin:.25rem 0 .15rem}
.about_global .successstorys .info .left .bot{display:flex;justify-content: flex-end;}
.about_global .successstorys .info .left .bot .items3{width:5rem;height:2.5rem;display:flex;flex-direction: column;justify-content: center;align-items: center;;border-radius:20px;background:#292929}
.about_global .successstorys .info .left .bot .items3 h2{font-size:.2rem;color:white;margin:0 0 .1rem}
.about_global .successstorys .info .left .bot .items3 p{font-size:.36rem;color:white;line-height:.36rem}
.about_global .successstorys .info .right{width:48.9%}
.about_global .successstorys .info .right .top{margin:0 0 .3rem}
.about_global .successstorys .info .right .top .items4{width:5rem;height:2.5rem;display:flex;flex-direction: column;justify-content: center;align-items: center;;border-radius:20px;background:#292929}
.about_global .successstorys .info .right .top  .items4 h2{font-size:.36rem;color:white;margin:0 0 .05rem}
.about_global .successstorys .info .right .top  .items4 p{font-size:.2rem;color:white;line-height:.36rem}
.about_global .successstorys .info .right .bot{display:flex;justify-content: space-between;}
.about_global .successstorys .info .right .bot .items5{width:3.8rem;height:3.8rem;display:flex;flex-direction: column;justify-content: center;align-items: center;;border-radius:20px;background:#292929}
.about_global .successstorys .info .right .bot .items5 h3{font-size:.28rem;color:white}
.about_global .successstorys .info .right .bot .items5 h2{font-size:.66rem;color:white;margin:.25rem 0 .15rem}
.about_global .successstorys .info .right .bot .items6{width:2.35rem;height:2.35rem;display:flex;flex-direction: column;justify-content: center;align-items: center;;border-radius:20px;background:#292929}
.about_global .successstorys .info .right .bot .items6 h2{font-size:.48rem;color:white;margin:0 0 .08rem}
.about_global .successstorys .info .right .bot .items6 p{font-size:.2rem;color:white}
.about_global .successstorys .info  .item:hover{background:white !important}
.about_global .successstorys .info  .item:hover *{color:black !important}


.about_global  .world{background:#f0f0f0;}
.about_global  .world .title{text-align:center;padding:1rem 0 .5rem}
.about_global  .world .title h2{font-size:.48rem;color:#222222;text-transform:uppercase}
.about_global  .world ul{display:flex;justify-content: center;gap:.2rem;margin:0 0 .4rem}
.about_global  .world ul li a{height:.5rem;line-height:.5rem;width:2.2rem;font-size:.18rem;background:white;text-align:center;color:#1a1a1a;border-radius:10px}
.about_global  .world ul li.tcl-active a{background:black;color:white}
.about_global  .world ul li a:hover{background:black;color:white}
.about_global  .world .info>div{display:none}
.about_global  .world .info>div:first-child{display:block}


.about_global .faces{background:#1a1a1a;padding:0 0 1.3rem}
.about_global .faces .title{text-align:center;padding:1.2rem 0 .7rem}
.about_global .faces .title h2{font-size:.48rem;color:white;text-transform:uppercase}
.about_global .faces  ul{display:flex;justify-content: center;gap:.8rem} 
.about_global .faces  ul li{width:32%}
.about_global .faces  ul li .text {text-align:center;padding:.4rem 0 0}
.about_global .faces  ul li .text  h1{font-size:.28rem;color:white;line-height:.33rem}
.about_global .faces  ul li .text  h2{font-size:.24rem;color:white;line-height:.33rem;margin:.05rem 0 0;}
.about_global .faces  ul li .text  p{margin:.13rem 0 0;color:white;font-family:"Montserrat-Light-6.otf";}


.story_link{padding:1.3rem 0 2.4rem}
.story_link .title{text-align:center;margin:0 0 .7rem}
.story_link .title h2{font-size:.48rem;color:#222222;margin:0 0 .35rem;text-transform:uppercase}
.story_link .title p{font-size:.2rem;color:#222222;width:50%;display:inline-block}
.story_link .infos ul{display:flex}
.story_link .infos ul li{width:33.33%;position:relative}
.story_link .infos ul li:nth-child(2){transform:translateY(1.1rem)}
.story_link .infos ul li .img{font-size:0}
.story_link .infos ul li:hover img{transform:scale(1.1)}
.story_link .infos ul li .text{position:absolute;left:0;width:100%;padding:0 .5rem;bottom:.5rem}
.story_link .infos ul li .text h2{font-size:.4rem;color:white;text-transform:uppercase}
.story_link .infos ul li .text h3{font-size:.2rem;color:white;margin:.08rem 0}
.story_link .infos ul li .text p{font-size:.16rem;color:white;;font-family:"Montserrat-Light-6.otf";}
.story_link .infos ul li .text a{height:.5rem;line-height:.5rem;width:2.2rem;font-size:.18rem;text-align:center;color:white;border:1px solid white;text-transform:uppercase;border-radius:10px;margin:.2rem 0 0}
.story_link .infos ul li .text a:hover{background:white;color:black}


.downlist{padding:1.25rem 0 1.35rem}
.downlist ul li{background:white;border-radius:10px;margin:0 0 .1rem}
.downlist ul li  .tit{height:.8rem;display:flex;padding:0 .3rem;flex-direction: column;justify-content: center;cursor:pointer;position:relative}
.downlist ul li  .tit h2{font-size:.2rem;color:#1a1a1a}
.downlist ul li  .item{padding:0 .2rem .1rem;display:none;transition:none}
.downlist ul li  .item .box{border-top:1px solid #dcdcdc}



.downlist ul li  .tit::before,.downlist ul li  .tit::after {content:"";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);width:.17rem;height:3px;background:black;transition:all .36s;}
.downlist ul li  .tit::before {transform:translateY(-50%) rotate(90deg);}
.downlist ul li  .tit.active:before {transform:translateY(-50%) rotate(0deg);}
.downlist ul li  .item .box dd a{border-bottom:1px solid #dcdcdc;padding-left:.4rem;height:.6rem;display:flex;flex-direction: column;justify-content: center;font-size:.18rem;color:#222222;font-family:"Montserrat-Light-6.otf";position:relative;}
.downlist ul li  .item .box dd:last-child a{border:0}
.downlist ul li  .item .box dd a:after{content:"";position:absolute;background:url(../images/26.png) 0 0 no-repeat;width:.22rem;height:.24rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}

.contact_banner .flash{position:relative}
.contact_banner .flash img{width:100%}
.contact_banner .flash .text{position:absolute;width:100%;left:0;bottom:.65rem;padding:0 3.2rem}
.contact_banner .flash .text .mbx{display:flex;justify-content: center;font-family:"Montserrat-Light-6.otf";color:white;font-size:.15rem;align-items: center;gap:8px}
.contact_banner .flash .text .mbx a{font-family:"Montserrat-Light-6.otf";color:white;;font-size:.15rem}
.contact_banner .flash .text .txt{text-align:center;padding:.2rem 0 .45rem }
.contact_banner .flash .text .txt h1{font-size:.22rem;color:#ffffff}
.contact_banner .flash .text .txt h2{font-size:.48rem;color:#ffffff;text-transform:uppercase;}
.contact_banner .flash .text .txt h3{font-size:.36rem;color:white;margin:0 0 .2rem}
.contact_banner .flash .text .txt p{font-size:.18rem;color:white}
.contact_banner .flash .more{display:flex;justify-content: center;gap:.2rem}
.contact_banner .flash .more>a{height:.5rem;width:2.2rem;border-radius:10px;border:1px solid white;text-align:center;line-height:.5rem;font-size:.18rem;color:white}
.contact_banner .flash .more>a:last-child{background:#ffffff;color:#000000}
.contact_banner .flash .more>a:first-child:hover{background:#ffffff;color:#000000}
.contact_banner .flash .more>a:hover{box-shadow:0 0 15px rgba(255,255,255,1)}


.parter .leadership{padding:1.2rem 0 1.3rem;background:#f0f0f0}
.parter .leadership  .title{margin:0 0 .6rem}
.parter .leadership  .title h2{font-size:.48rem;color:#222222;text-transform:uppercase;margin:0 0 .3rem}
.parter .leadership  .title  p{font-size:.18rem;color:#222222}
.parter .leadership  .infos ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .2rem}
.parter .leadership  .infos ul li{background:white;border-radius:20px;padding:.5rem 1rem .4rem;text-align:center}
.parter .leadership  .infos ul li h2{font-size:.24rem;color:#222222;margin:0 0 .2rem}
.parter .leadership  .infos ul li p{font-size:.18rem;;color:#222222;font-family:"Montserrat-Light-6.otf";font-weight:bold}
.parter .leadership  .infos>h3{text-align:center;padding:.7rem 0 .4rem;color:#222222;font-size:.3rem}


.parter .parter_chooses{padding:1.2rem 0 1rem;background:#1a1a1a}
.parter .parter_chooses>div{}
.parter .parter_chooses>div>h3{font-size:.48rem;color:white;text-transform:uppercase;margin:0 0 .3rem}
.parter .parter_chooses li {padding:.25rem 0;border-bottom:1px solid #535353}
.parter .parter_chooses li:last-child{border:0}
.parter .parter_chooses li h3{font-size:.24rem;color:white;margin:0 0 .2rem}
.parter .parter_chooses li  p{font-size:.18rem;color:#999999;;font-family:"Montserrat-Light-6.otf";}


.parter .should{padding:1.2rem 0 1.3rem;background:#f0f0f0}
.parter .should .item:first-child{margin:0 0 1.2rem}
.parter .should .item h2{font-size:.48rem;color:#222222;text-transform:uppercase;margin:0 0 .35rem}
.parter .should .item p{font-size:.2rem;color:#222222;font-family:"Montserrat-Light-6.otf";font-weight:bold;line-height:.4rem;position:relative;padding-left:.52rem}
.parter .should .item p a{display:initial;font-weight:bold;color:black;}
.parter .should .item:nth-child(1) p:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:.27rem;height:.28rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.parter .should .item:nth-child(2) p:after{content:"";position:absolute;background:#222222;width:.2rem;height:.2rem;border-radius:100%;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.parter .should>div>h3{font-size:.3rem;color:#222222;margin:.5rem 0 0}


.forms3{padding:1.1rem 0 1.2rem}
.forms3>div{padding:0 1.6rem}
.forms3  .title{text-align:center;padding:0 0 .35rem}
.forms3 .title  h2{font-size:.48rem;color:white;margin:0 0 .2rem;text-transform:uppercase}
.forms3 .title p{font-size:.18rem;color:#999999;font-family:"Montserrat-Light-6.otf";padding:0 1.2rem}
.forms3 .box {font-size:0}
.forms3 .box ul{display:flex;flex-wrap: wrap;justify-content: space-between;gap:18px 0}
.forms3 .box h3{font-size:.2rem;color:white;text-transform:uppercase;margin:.2rem 0 .15rem}
.forms3 .box ul li{width:49.2%}
.forms3 .box ul li h2{font-size:18px;color:white;margin:0 0 .05rem}
.forms3 .box ul li  select{width:100%;height:.5rem; background: url(../images/5.png) no-repeat  right.2rem center;background-size:.16rem .09rem;border-radius:10px;border:1px solid white;color:white;font-size:.16rem;;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0 .2rem}
.forms3 .box ul li  select option{color:black;}
.forms3 .box ul li input{width:100%;height:.5rem; background:none;background-size:.16rem .09rem;border-radius:10px;border:1px solid white;color:white;font-size:.16rem;padding:0 .2rem}
.forms3 .box ul.ul2 li:nth-child(5),.forms3 .box ul.ul2 li:nth-child(6),.forms3 .box ul.ul2 li:nth-child(7){width:100%}
.forms3 .box ul.ul3 li{width:100%}
.forms3 .box h4{font-size:.18rem;color:#777777;font-style:italic;margin:.2rem 0 0}
.forms3 .box .subs{text-align:center;margin:.2rem 0 0}
.forms3 .box .subs button{width:2.2rem;height:.5rem;background:white;border:0;border-radius:10px;font-size:.24rem;color:black;font-weight:bold}
.forms3 .box .subs button:hover{box-shadow:0 0 15px rgba(255,255,255,1)}

.quotation .forms2{padding:1rem 0 .9rem}
.quotation .forms2 .box .subs{margin:.3rem 0 0}

.contacts{background:#f0f0f0;padding:1.2rem 0 1.3rem}
.contacts ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
.contacts ul li{text-align:center}
.contacts ul li .text{height:1.25rem}
.contacts ul li .text h1{font-size:.3rem;color:#222222}
.contacts ul li .text h2{font-size:.24rem;color:#222222;margin:10px 0 3px}
.contacts ul li .text  p{font-size:.15rem;font-family:"Montserrat-Light-6.otf";font-weight:bold}
.contacts ul li .more{padding:0 .1rem}

.contacts ul li .more a:first-child{margin:0 0 .2rem}
.contacts ul li .more a span{font-size:.14rem;width:}
.contacts ul li .more a{height:.5rem;display:flex;justify-content: center;gap:12px;background:#1a1a1a;align-items: center;}
.contacts ul li .more a:first-child{gap:15px}
.contacts ul li .more a:first-child img{max-width:.28rem;display:none}
.contacts ul li .more a:last-child img{max-width:.3rem}
.contacts ul li .more a:first-child {font-size:.18rem;color:white;border-radius:10px}
.contacts ul li .more a:last-child {font-size:.18rem;color:black;border-radius:10px;background:white;font-weight:bold}
.contacts ul li .more a:first-child:hover{box-shadow:0 0 15px rgba(0,0,0,1);background:white;color:black}
.contacts ul li .more a:first-child:hover img{filter:brightness(1) invert(1)}
.contacts ul li .more a:last-child:hover{box-shadow:0 0 15px rgba(0,0,0,1);background:#1a1a1a;color:white}
.contacts ul li .more a:last-child:hover img{filter:brightness(1) invert(1)}

.contactsfot{padding:1.2rem 0 0}
.contactsfot .forms1{padding:0 0 1.3rem}
.contactsfot .forms1 .title p{font-style:italic;}


.tem_banner.index .swiper{overflow:hidden}
.tem_banner.index .swiper .video.mob{display:none;}
.tem_banner.index .swiper video{width:100%}
.tem_banner.index .slide-pagination {position:absolute;left:50%;transform:translateX(-50%);bottom:.1rem;z-index:2;text-align:center}
.tem_banner.index .slide-pagination span{opacity:1;width:.16rem;height:.16rem;background:none;border:2px solid white;margin:0 .1rem}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background:white}


.index_about{padding:1.1rem 0 1.2rem;background:#f0f0f0}
.index_about .title{padding:0 0 .7rem;text-align:center}
.index_about .title h2{font-size:.48rem;color:#222222;text-transform:uppercase;}
.index_about .title h3{font-size:.18rem;color:#888888;font-family:"Montserrat-Light-6.otf";margin:.25rem 0 .3rem}
.index_about .title  p{font-size:.24rem;color:#222222}
.index_about .infos ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .8rem}
.index_about .infos ul li .img{border-radius:25px}
.index_about .infos ul li:hover .img img{transform:scale(1.1)}
.index_about .infos ul li .text{margin:.47rem 0 0;display:flex}
.index_about .infos ul li .text .imgs{width:21%}
.index_about .infos ul li .text p{width:79%;padding-left:.2rem;font-size:.18rem;color:#222222;font-family:"Montserrat-Light-6.otf";font-weight:bold;line-height:.25rem;position:relative;margin:8px 0 0}
.index_about .infos ul li .text p:after{content:"";position:absolute;background:#999999;height:.65rem;width:1px;left:0;top:00}



.index_test {padding:1.2rem 0 1.35rem;background:#141414 url(../images/30.png)bottom center no-repeat ;background-size:100%}
.index_test  .title{text-align:center;margin:0 0 .4rem}
.index_test  .title h2{font-size:.48rem;color:white;text-transform:uppercase;margin:0 0 .2rem}
.index_test  .title p{font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#888888;width:50%;display:inline-block}
.index_test  .infos{display:flex;padding:0 .75rem;justify-content: space-between;}
.index_test  .infos .items1{width:25.86%;padding:1.35rem 0 0;display:flex;flex-direction: column;align-items: flex-end;}
.index_test  .infos .items1 .item1{width:100%;height:2.2rem;margin:0 0 .2rem;background:rgba(51,51,51,.5);display:flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items1 .item2{height:2.6rem;text-align:center;width:2.6rem;background:rgba(51,51,51,.5);display:flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items1 .item2 p{font-size:.185rem;color:white;margin:.2rem 0 0}
.index_test  .infos .items2{width:26.55%;padding:.8rem 0 0}
.index_test  .infos .items2 .ddd{text-align:right}
.index_test  .infos .items2 .ddd .item3{text-align:center;width:3.05rem;height:2.2rem;background:rgba(51,51,51,.5);display:inline-flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items2 .ddd .item3 p{font-size:.185rem;color:white;}
.index_test  .infos .items2 .ddd .item3 p:nth-child(2){margin:.2rem 0 0}

.index_test  .infos .items2 .item4{margin:.2rem 0;text-align:center;width:100%;padding:0 .35rem;height:3.15rem;background:rgba(51,51,51,.5);display:inline-flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items2 .item4 p{font-size:.2rem;color:white;margin:.3rem 0 0}

.index_test  .infos .items2 .item5{text-align:center;width:2.2rem;height:2.2rem;background:rgba(51,51,51,.5);display:inline-flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items2 .item5 p{font-size:.18rem;color:white;margin:.15rem 0 0}

.index_test  .infos .items3{width:45.17%}
.index_test  .infos .items3 .item6{text-align:center;width:3rem;height:3rem;padding:0 .3rem;background:rgba(51,51,51,.5);display:inline-flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items3 .item6 p{font-size:.2rem;color:white;margin:.3rem 0 0}
.index_test  .infos .items3 .dd{display:flex;gap:.2rem}
.index_test  .infos .items3 .dd:nth-child(2){margin:.2rem 0}
.index_test  .infos .items3 .dd .item7{text-align:center;width:2rem;height:2rem;padding:0 .3rem;background:rgba(51,51,51,.5);display:inline-flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items3 .dd .item7 p{font-size:.2rem;color:white;margin:.25rem 0 0}
.index_test  .infos .items3 .dd .item8{text-align:center;width:2.45rem;height:2rem;padding:0 .3rem;background:rgba(51,51,51,.5);display:inline-flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items3 .dd .item8 p{font-size:.2rem;color:white;margin:.25rem 0 0}

.index_test  .infos .items3 .dd{display:flex;gap:.2rem}
.index_test  .infos .items3 .dd .item9{text-align:center;width:2.6rem;height:2.6rem;padding:0 .2rem;background:rgba(51,51,51,.5);display:inline-flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items3 .dd .item9 p{font-size:.185rem;color:white;margin:.2rem 0 0}
.index_test  .infos .items3 .dd .item10{text-align:center;width:3.75rem;height:2.2rem;padding:0 .3rem;background:rgba(51,51,51,.5);display:inline-flex;flex-direction: column;justify-content: center;border-radius:30px}
.index_test  .infos .items3 .dd .item10 p{font-size:.2rem;color:white;margin:.22rem 0 0}
.index_test  .infos .xss:hover{background:white !important}
.index_test  .infos .xss:hover *{color:black !important}
.index_test  .infos .xss:hover img{filter:brightness(1) invert(1)}

.index_test  .infos .xss.act{background:white !important}
.index_test  .infos .xss.act *{color:black !important}
.index_test  .infos .xss.act img{filter:brightness(1) invert(1)}
.index_product{padding:1.4rem 0 1.3rem;background:#1a1a1a}
.index_product ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem}
.index_product ul li a{position:relative}
.index_product ul li a h2{position:absolute;width:100%;left:0;bottom:.3rem;font-size:.4rem;text-align:center;color:white;text-transform:uppercase}
.index_product ul li a .img{border-radius:30px}
.index_product ul li a:hover img{transform:scale(1.1)}



.index_prolist {padding:1.25rem 0 1.6rem;background:#f0f0f0}
.index_prolist .title{text-align:center}
.index_prolist .title h2{font-size:.48rem;color:#222222;text-transform:uppercase;margin:0 0 .25rem}
.index_prolist .title p{width:50%;display:inline-block;font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#888888;}
.index_prolist .more{text-align:center;margin:.4rem 0 .7rem;text-align:center}
.index_prolist .more a{width:2.2rem;height:.5rem;display:inline-block;border-radius:10px;border:1px solid #222222;line-height:.5rem;font-size:.18rem;color:#222222;text-transform:uppercase}
.index_prolist .more a:hover{background:#222222;color:white}
.index_prolist .lists{position:relative}
.index_prolist .lists a{background:white;padding:.3rem .22rem;border-radius:30px}
.index_prolist .lists a:hover img{transform:scale(.9)}
.index_prolist .lists  .swiper-page>div{position:absolute;width:.84rem;height:.84rem;border-radius:100%;line-height:.84rem;background:rgba(0,0,0,.35);top:50%;transform:translateY(-50%);text-align:center;left:-.42rem;z-index:2}
.index_prolist .lists  .swiper-page>div.slide-button-next{left:auto;right:-.42rem} 
.index_prolist .lists  .swiper-page>div img{max-width:.43rem}
.index_prolist .lists  .swiper-page>div:hover{background:#222222}


.index_world{background:#1a1a1a;}
.index_world .title{padding:1.2rem 0 1rem;text-align:center}
.index_world .title h2{font-size:.48rem;color:white;text-align:center;margin:0 0 .2rem;text-transform:uppercase}
.index_world .title  p{width:67.5%;display:inline-block;;font-size:.18rem;font-family:"Montserrat-Light-6.otf";color:#888888;}
.index_world  .items1{margin:0 0 .8rem}
.index_world  .items1 ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.index_world  .items1 ul li{text-align:center;padding:0 .4rem}
.index_world  .items1 ul li h2{font-size:.73rem;display:flex;color:white;font-weight:bold;height:.55rem;line-height:.55rem;margin:0 0 .3rem;justify-content: center;}
.index_world  .items1 ul li h2 em{height:.55rem;line-height:.55rem}
.index_world  .items1 ul li p{font-size:.18rem;color:#ffffff}
.index_world  .items2{padding:0 0 1.1rem}
.index_world  .items2 ul{display:grid;grid-template-columns:1fr 1fr}
.index_world  .items2 ul li{text-align:center}
.index_world  .items2 ul li h2{font-size:.4rem;color:white;font-weight:bold;margin:0 0 .2rem}
.index_world  .items2 ul li p{font-size:.18rem;color:white}
.index_key{background:#1a1a1a;padding:0 0 2rem}
.index_key>div>ul{display:flex}
.index_key>div>ul li{width:50%;}
.index_key>div>ul li:nth-child(1) a{border-radius:50px 0 0 0 }
.index_key>div>ul li:nth-child(2) a{border-radius:0 50px 0 0 }


.index_key>div>ul li a{position:relative;height:1.2rem;display:flex;flex-direction: column;justify-content: center;align-items: center;font-size:.24rem;color:#1a1a1a;background:white}
.index_key>div>ul li a:before{content:"";position:absolute;background:url(../images/31.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);top:93%;width:.32rem;height:.18rem;opacity:0;transition:.5s;background-size:100%}
.index_key>div>ul li a:hover:before{opacity:1;transition-delay:.3s;top:100%}
.index_key>div>ul li.tcl-active a {background:#333333;color:white}
.index_key>div>ul li.tcl-active a:before{opacity:1;transition-delay:.3s;top:100%}
.index_key>div>ul li a:hover{background:#333333;color:white}
.index_key .infos{background:#f9f9f9;border-radius:0 0 50px 50px }
.index_key .infos>div{display:none}
.index_key .infos>div:first-child{display:block}
.index_key .infos .items1{padding:.65rem 1.6rem 1.05rem}
.index_key .infos .items1 .content{margin:0 0 .4rem}
.index_key .infos .items1 .content p{font-size:.18rem;color:#222222;line-height:.25rem}
.index_key .infos .items1 .pics{display:grid;grid-template-columns:57.81% 41.4%;justify-content:space-between}
.index_key .infos .items1 .left .dd{display:grid;grid-template-columns:56.2% 42.16%;grid-gap:0 .12rem;justify-content:space-between;margin:.12rem 0 0}
.index_key .infos .items1 .right{display:flex;flex-direction: column;justify-content: space-between;}
.index_key .infos .items1 .right .dd:first-child{grid-template-columns:42.26% 55.1%;}
.index_key .infos .items1 .right .dd:last-child{grid-template-columns:63% 34.33%;}

.index_key .infos .items1 .right .dd{display:grid;justify-content:space-between;}
.index_key .infos .items1 .img:hover img{transform:scale(1.1)}
.index_key .infos .items2{padding:.65rem 0 0}
.index_key .infos .items2 .btns{display:flex;justify-content: center;gap:.2rem;margin:0 0 .25rem}
.index_key .infos .items2 .btns a{height:.5rem;line-height:.5rem;width:2.2rem;font-size:.18rem;background:white;text-align:center;color:#1a1a1a;border-radius:10px}
.index_key .infos .items2 .btns a.active{background:black;color:white}
.index_key .infos .items2 .btns a:hover{background:black;color:white}
.index_key .infos .items2 .info>div{display:none}
.index_key .infos .items2 .info>div:first-child{display:block}


.fixed_box{position:fixed;right:.15rem;z-index:999;top:40%}
.fixed_box ul li{margin:0 0 5px;position:relative}
.fixed_box ul li>a{width:.48rem;height:.48rem;border-radius:5px;border:2px solid black;box-shadow:0 0 12px rgba(0,0,0,0.1)}
.fixed_box ul li:nth-child(1)>a{background:white url(../images/32.png) center center no-repeat;background-size:.29rem .21rem}
.fixed_box ul li:nth-child(2)>a{background:white url(../images/33.png) center center no-repeat;background-size:.25rem .26rem}
.fixed_box ul li:nth-child(3)>a{background:white url(../images/34.png) center center no-repeat;background-size:.3rem .24rem}

.fixed_box ul li:nth-child(1):hover>a{background:black url(../images/32-1.png) center center no-repeat;background-size:.29rem .21rem}
.fixed_box ul li:nth-child(2):hover>a{background:black url(../images/33-1.png) center center no-repeat;background-size:.25rem .26rem}
.fixed_box ul li:nth-child(3):hover>a{background:black url(../images/34-1.png) center center no-repeat;background-size:.3rem .24rem}

.fixed_box ul li .txt{position:absolute;right:-2.5rem;width:2.8rem;top:50%;transform:translateY(-50%);opacity:0;z-index:-1}
.fixed_box ul li .txt{padding-right:.1rem}
.fixed_box ul li .txt a{height:.45rem;line-height:.45rem;background:white;text-align:center;font-size:.15rem;color:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.fixed_box ul li:hover  .txt{right:100%;opacity:1;}
.fixed_box ul li .txt a:hover{background:black;color:white}

.box_return{top:80%;right:.4rem;position:fixed;z-index:999;display:none;transition:none}
.box_return a{width:.85rem;height:.85rem;background:#444444 url(../images/35.png) center center no-repeat;background-size:.29rem .43rem;border-radius:100%}
.box_return a:hover{background:white url(../images/35-1.png) center center no-repeat;box-shadow:0 0 12px rgba(0,0,0,0.5);;background-size:.29rem .43rem}

/********<=767 mobile nav style 

grid-template-columns:56.08% 42.16%
.footer .middle .navscss********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/

/******ipad****/
@media(max-width: 2600px){.product .pro_fixed .img_list .swiper-container{height:8rem}}
@media(max-width: 1920px){.product  .pro_fixed .img_list .swiper-container{height:5.87rem}}




@media(max-width: 1600px){
    .product  .pro_fixed .img_list .swiper-container{height:4.9rem}
    .index_test .infos{padding:0 .2rem}
    .index_key>div>ul li a{font-size:.2rem}
    .forms1>div{padding:0 1rem}
    .pro_banner .flash .text{padding:0 2rem}
    .solution .title p{padding:0 1.5rem}
    .manager>div{padding:0 1rem}
    .access ul.outdoorsul{padding:0 1rem}
    .app_banner .flash .text{padding:0 2rem}
    .custom_banner .flash .text{padding:0 2rem}
    .forms2>div{padding:0 1rem}
    .story .items1  .info{padding:.3rem 1rem .45rem}
    .about_banner .flash .text{padding:0 2rem}
    .about_bwjx .factory .lists{padding:0 1rem}
    .about_bwjx .honor .lists{padding:0 1rem}
.about_bwjx .sales .items:nth-child(2){padding:0}
.about_bwjx .sales .items{padding:0}
.about_global .vision >div{padding:0 1rem}
.about_global .success>div{padding:0 1rem}
.about_global .recipe .title{padding:0 2rem}
.about_global .system .title{padding:1.2rem 1rem 1rem}
.about_global .successstorys .info{padding:0 .5rem}
.story_link .title p{width:70%}
.forms3>div{padding:0 1rem}
.contacts ul li .text h1{font-size:.26rem}
.contacts ul li .more{padding:0 .1rem}
.product .pro_fixed{left:1rem}
.about_bwjx .company .text{padding:.55rem .5rem 0}
.about_bwjx .history .lists{padding:0 .1rem}
.stories_banner .flash .text{padding:0 2rem}

}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0!important}
	.m-header,.m_header2 {top:0;opacity:1;}
    .tem_banner.index .swiper .video.mob{display:block;}
    .tem_banner.index .swiper .video.pc{display:none;}
}
/********mobile*********/
@media(max-width: 767px){

.index_about .infos ul{grid-template-columns:1fr;grid-gap:1rem 0}
.index_about .infos ul li .text .imgs img{max-width:1rem !important}
.index_test .infos{display:inherit}
.index_test .infos .items1{width:100%;display:flex;flex-direction: row;justify-content: space-between;}
.index_test .infos .items1 img{max-width:1.2rem}
.index_test .infos .items1 .item1{width:48%;height:2.6rem;margin:0}
.index_test .infos .items1 .item2{width:48%}
.index_test .infos .items2{display:flex;flex-wrap: wrap;justify-content: space-between;padding:.2rem 0}
.index_test .infos .items2 .ddd{width:100%;margin:0 0 .2rem}
.index_test .infos .items2 .ddd .item3{width:100%}
.index_test .infos .items2 .item4{width:48%;;margin:0}
.index_test .infos .items2 .item5{width:48%;height:3.15rem}
.index_test .infos .items2{width:100%}
.index_test .infos .items2 img{max-width:1rem}


.index_test .infos .items3 .item6{width:100%;margin:.2rem 0 0}
.index_test .infos .items3{width:100%}
.index_test .infos .items3 .dd{}
.index_test .infos .items3 .dd .item7{width:48%}
.index_test .infos .items3 .dd .item8{width:48%}
.index_test .infos .items3 img{max-width:1rem}
.index_test .infos .items3 .dd .item9{width:48%}
.index_test .infos .items3 .dd .item10{width:48%;height:2.6rem}
.index_product {padding:.5rem 0}
.index_product ul{grid-template-columns:1fr}
.index_prolist .title p{width:100%}
.index_world .items1 ul{grid-template-columns:1fr 1fr;grid-gap:.2rem}
.footer .middle{display:none}
.index_world .title p{width:100%}
.index_key>div>ul{display:inherit}
.index_key>div>ul li{width:100%}
.index_key>div>ul li a{border-radius:0!important;text-align:center}
.index_key .infos .items1{padding:.2rem}
.index_key .infos .items1 .pics{grid-template-columns:1fr;grid-gap:.2rem}
.index_key .infos .items1 .right{gap:.2rem}
.index_key .infos .items2{padding:.2rem 0 0}
.index_key .infos{border-radius:0}
.index_key{padding:0 0 1rem}
.forms1 .box ul li{width:100%}
.forms1 .box ul li select{height:.8rem}
.forms1 .box ul li input{height:.8rem}
.footer .top .logo{width:50%}
.footer .top{padding:0}
.fixed_box ul li>a{width:.8rem;height:.8rem;background-size:50%!important}
.fixed_box ul li .txt{width:5rem}
.pro_banner .flash .text{padding:0;bottom:.2rem}
.tem_banner .text p{display:none}
.product_box .sturdy>div{display:inherit}
.product_box .sturdy .left{width:100%}
.product_box .sturdy .right{width:100%;margin:1rem 0 0 }
.solution .title p{padding:0}
.solution>div>ul{display:flex;flex-wrap: wrap;gap:5px}
.solution>div>ul li{width:45%;text-align:center}
.solution>div>ul li a{width:100%}
.solution .lists .box{display:inherit}
.solution .lists .box .img{width:100%}
.solution .lists .box .text{width:100%;padding:1rem .2rem}
.solution .lists .swiper-page>div.slide-button-next{right:-.4rem}
.solution{padding:0 0 .24rem}
.product_box .sturdy .left ul li .img{border-radius:10px}
.manager .info ul li .tel{display:initial}
.manager .info ul li .tel a{width:100%!important;margin:0 0 .2rem}
.manager .info ul li .tel a{gap:5px}
.manager .info ul li{width:45%}
.access ul.outdoorsul{padding:0;justify-content:space-between}
.access ul.outdoorsul li{width:48%}
.access ul li a{width:100%}
.details .title p{padding:0}
.details .lists .text p{height:auto}
.access ul{display:flex;flex-wrap: wrap;gap:5px 0;justify-content:space-between}
.access ul li{width:48%}
.access ul li a{width:100%}
.faq>div>ul{gap:5px 0;display:flex;flex-wrap: wrap;justify-content:space-between}
.faq>div>ul li {width:48%}
.faq>div>ul li a{width:100%}
.faq .lists .items dd h2{padding-right:.3rem}
.details.bikes .lists .text p{height:auto}
.faq.bikes>div>ul>li>a{padding:0 .1rem}
.product_list .product_nav ul{display:flex;flex-wrap: wrap;gap:5px 00;justify-content:space-betwee}
.product_list .product_nav ul li{width:48%}
.product_list .product_nav ul li a{width:100%}
.product_list .lists ul{grid-template-columns:1fr 1fr}
.product_list .lists ul li a{border-radius:10px}
.product_list .lists ul li a .img{padding:0 .5rem}
.product .pro_fixed{left:.2rem}
.product .boxs .height{display:none}
.product .pro_fixed{display:none}
.product .top .infos .right{width:100%}
.product .middle .content{width:100%}
.product .top .infos .right .items1{line-height:normal;height:5rem}
.product .bot ul{gap:0 .3rem}
.product .mobile_list{display:block;background:#1a1a1a;padding:0 .2rem .5rem}
.product .mobile_list .img_list{margin:0 0 .2rem}
.product .mobile_list  .bigimg .img{padding:.05rem;}
.product .mobile_list  .bigimg .swiper-slide-thumb-active  .img{border:2px solid white}
.app_banner .flash .text{padding:0;bottom:.3rem}
.app_banner .flash .text .txt{padding:0}
.app_banner .flash .text .txt h1{display:none}
.app_banner .flash .text .txt h3{display:none}
.app_banner .flash .text .mbx{gap:5px}
.app_banner .flash .text .txt h2{margin:.2rem 0}
.app .adv .info ul{grid-template-columns:1fr }
.application>div{display:inherit}
.application>div .left{width:100%;margin:0 0 .5rem}
.application>div .right{width:100%}
.cust .info ul{grid-template-columns:1fr }

.forms2 .box ul li{width:100%}

.forms2 .box ul li input{height:.8rem}
.custom_banner .flash .text{padding:0;bottom:.3rem}
.custom_banner .flash .text .txt h2{font-size:.3rem;margin:0}
.custom_case ul{grid-template-columns:1fr }
.interior .items2{display:inherit}
.interior .items2 .info{width:100%}
.interior .items2 .img{width:100%;margin:.5rem 0 0}
.interior .items3 ul {grid-template-columns:1fr;grid-gap:.3rem}
.functional ul{grid-template-columns:1fr;grid-gap:.3rem}
.story .items2>div{display:inherit}
.story .items2 .info1{width:100%}
.story .items2 .info2{width:100%;margin:.5rem 0 0}
.story .items3>div .item1{display:inherit}
.story .items3>div .item1 .img{width:100%}
.story .items3>div .item1 .right{width:100%;padding:1rem .5rem 0}
.story .items3>div .item1 .right .info:after{left:-.5rem;top:-.5rem}
.story .items3>div .item1 .right .info{margin:0 0 .5rem}
.story .items3>div .item2{display:inherit}
.story .items3>div .item2 .left{width:100%}

.story .items3>div .item2 .left .txt{margin:0 0 .2rem}
.story .items3>div .item2 .left .img img{width:50%}
.story .items3>div .item2 .right{width:100%}
.stories_banner .flash .text{padding:0}
.about_banner .flash .text{padding:0;bottom:.2rem}
.about_bwjx .history .title p{padding:0}
.about_bwjx .history .lists{padding:0 .5rem}
.about_bwjx .history .lists .swiper-page>div{left:-.2rem}
.about_bwjx .history .lists .swiper-page>div.slide-button-next{right:-.2rem}
.about_bwjx .history .lists:after{width:90%;left:50%;transform:translate(-50%,-50%)}
.about_bwjx .honor .lists{padding:0 .8rem }
.about_bwjx .factory .lists{padding:0}
.about_bwjx .factory .lists ul li{width:100% !important}
.about_bwjx .sales .items ul li{width:100%}
.about_bwjx .sales .items ul li .box .img img{width:70%}
.about_bwjx .sales .items ul li .box .img{border-radius:0;box-shadow:none !important}
.about_bwjx .sales .items:nth-child(2){margin:0 0 .5rem}
.about_global .vision .title{padding:1rem .2rem}
.about_global .success ul{grid-template-columns:1fr;grid-gap:.2rem}
.about_global .recipe .title{padding:0 .1rem}
.about_global .recipe .content{display:flex;flex-wrap: wrap;flex-direction:column-reverse}
.about_global .recipe .content .left{width:100%;margin:.2rem 0 0}
.about_global .recipe .content .right{width:100%}
.about_global .recipe .content .right ul{display:flex;flex-direction: row;flex-wrap: wrap;gap:5px 0}
.about_global .recipe .content .right ul li{width:48%;}
.about_global .recipe .content .left .items .box{height:auto;padding:.5rem 0 }
.about_global .recipe .content .left .items .dd{width:90%}
.about_global .system .title{padding:1.2rem .2rem 1rem}
.about_global .system .ecosystem{display:inherit}
.about_global .system .ecosystem .ecosystem-svg{width:90%}
.about_global .system .ecosystem .ecosystem-greyBoxes{width:100%;margin:.5rem 0 0}
.about_global .system .bot{grid-template-columns:1fr}
.about_global .system .bot .items1{height:auto;padding:.5rem .3rem;border-radius:0}
.about_global .system .bot .items2 ul li:before{display:none}
.about_global .system .bot .items2 ul li{border-radius:0;margin:.2rem 0;padding:.5rem .3rem;height:auto !important }
.about_global .system .bot .items2 ul:after{display:none}
.about_global .system .bot .items3 ul li:nth-child(1){height:auto}
.about_global .system .bot .items3 ul li:nth-child(2){height:auto}
.about_global .system .bot .items3 ul li{border-radius:0;margin:.2rem 0;padding:.5rem .3rem;height:auto !important }
.about_global .successstorys .info{padding:0 .2rem;display:inherit}
.about_global .successstorys .info .left{width:100%}
.about_global .successstorys .info .right{width:100%;margin:.2rem 0 0 }
.about_global .faces ul li{width:48%}
.story_link .title p{width:100%}
.story_link .infos ul{display:inherit}
.story_link .infos ul li{width:100%}
.story_link .infos ul li:nth-child(2){transform:none}
.story_link .infos ul li .text a{width:3rem}
.contact_banner .flash .text{padding:0;bottom:.2rem}
.contact_banner .flash .text .txt{padding:0 0 .2rem}
.contact_banner .flash .more>a{width:3rem}
.parter .leadership .infos ul{grid-template-columns:1fr;grid-gap:.2rem 0}
.forms3 .title p{padding:0}
.forms3 .box ul li{width:100%}
.forms3 .box ul li input{height:.8rem}
.contacts ul{grid-template-columns:1fr 1fr;grid-gap:.5rem .2rem }
}