.header{position: fixed;width: 100%;z-index: 1000;top:0;z-index:999;border-bottom:1px solid rgba(255,255,255,.35)}
.header:after{content:"";position:absolute;height:100%;width:0;background:white;top:0;left:50%;transform:translateX(-50%);;z-index:-1;transition:.5s cubic-bezier(0.42, 0, 0.24, 0.71)}

.header>div{display:flex;justify-content: space-between;height:1rem;line-height:1rem;position:initial}
.header .logo{width:8.5%}
.header .navs{width:75.5%}
.header .navs>ul{display:flex;align-items: center;gap:.55rem;justify-content: flex-end;}
.header .navs>ul>li>a{font-size:.18rem;color:white;position:relative}
.header .navs>ul>li>a:after{content:"";position:absolute;width:0;left:auto;right:0;background:white;height:3px;bottom:0;transition:.4s cubic-bezier(0.4, 0, 1, 1)}
.header .navs>ul>li>a:hover:after{width:100%;left:0;right:auto}
.header .navs>ul>li.active>a:after{width:100%}

.header .navs ul>li .pro_dl{position:absolute;width:100%;top:100%;left:0;line-height:normal;padding:.5rem 0  .4rem;background:white;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;transition:none;display:none}
.header .navs ul>li .pro_dl>div{display:grid;grid-template-columns:60% 28.8%;justify-content:space-between}
.header .navs ul>li .pro_dl .left {}
.header .navs ul>li .pro_dl .left ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.header .navs ul>li .pro_dl .left ul li>h2{font-size:.16rem;color:#222222;;font-family:"Poppins-SemiBold";margin:0 0 .15rem}
.header .navs ul>li .pro_dl .left ul li p a{font-size:.14rem;color:#222222;font-family:"Poppins-Regular";display:inline-block}

.header .navs ul>li .pro_dl .head_pro_list{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .2rem }
.header .navs ul>li .pro_dl .head_pro_list  .items h2{text-align:center;margin:.2rem 0 0;font-size:.14rem;color:#222222;font-family:"Poppins-Regular"}
.header .navs ul>li .pro_dl .head_pro_list  .items a:hover img{transform:scale(1.1)}


.header .navs ul>li .fab_dl{position:absolute;width:1.8rem;top:100%;left:50%;transform:translateX(-50%);line-height:normal;background:white;transition:none;display:none}
.header .navs ul>li .fab_dl ul li{text-align:center}
.header .navs ul>li .fab_dl ul li  a{font-size:.15rem;color:#222222;font-family:"Poppins-Regular";display:inline-block;padding:.05rem 0 }

.header .navs ul>li .fab_dl ul li.active a{color:black;font-weight:bold}
.header .right{width:9.1%;display:flex;justify-content: space-between;line-height:normal;align-items: center;}
.header .right .langs{position:relative}
.header .right .langs>a{display:flex;align-items: center;font-size:.16rem;color:white}
.header .right .langs.acts>a i{transform:rotate(180deg)}

.header .right .langs>a img{margin-right:.12rem}
.header .right .langs>a i{margin-left:.13rem;font-size:.22rem;color:white}
.header .right .langs dl{position:absolute;left:0;width:100%;background:white;;top:120%;display:none;transition:none;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header .right .langs dl dd a{padding:.05rem;color:black;font-size:.16rem;text-align:center;border-bottom:1px solid rgba(0,0,0,.15)}
.header .right .langs dl dd a:hover{}
.header .right .search  .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;transition: none;}
.header .right .search .content .container{position: relative;height: 100%;}
.header .right .search .content .s-content{background: #fff;text-align: center;padding:6vh 20px;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}
.header .right .search .content a.close{position: absolute;font-size:.32rem;top:.1rem;right: .2rem;}
.header .right .search .content .title{color:#242424;margin-bottom:.1rem;font-size:.2rem;line-height: 1.5;}
.header .right .search .content .input{font-size: 0;line-height: 1;max-width: 600px;margin: 0 auto;}
.header .right .search .content input{height:.6rem;outline: none;vertical-align: middle}
.header .right .search .content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;font-size: .16rem;width: calc(100% - 60px);color:#292929;}
.header .right .search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3:-moz-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3::-moz-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt4{width:.6rem;background: #222;border:none;}
.header .right .search .content button{height:.6rem;outline: none;vertical-align: middle}
.header .right .search .content .inpt4 i {font-size: .24rem;color:#fff;}
.header .right .search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}


.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2);}
.header.is_header:after{width: 100%}
.header.is_header .navs ul>li>a{color:black}
.header.is_header .navs ul>li>a:after{background:black}
.header.is_header .right .langs>a{color:black}
.header.is_header .right .langs>a img{filter:brightness(1) invert(1)}
.header.is_header .right .langs>a i{color:black}
.header.is_header .right .search>a img{filter:brightness(1) invert(1)}

.header.proheader{box-shadow:0 0 12px rgba(0,0,0,0.2);}
.header.proheader:after{width: 100%}
.header.proheader .navs ul>li>a{color:black}
.header.proheader .navs ul>li>a:after{background:black}
.header.proheader .right .langs>a{color:black}
.header.proheader .right .langs>a img{filter:brightness(1) invert(1)}
.header.proheader .right .langs>a i{color:black}
.header.proheader .right .search>a img{filter:brightness(1) invert(1)}



.tem_banner  .flash{position:relative}
.tem_banner  .flash .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%}
.tem_banner  .flash .txt h2{font-size:.6rem;color:#ffffff;margin:0 0 .15rem;font-family:"Oswald-Regular"}
.tem_banner  .flash .txt .mbx{display:flex;align-items: center;justify-content: center;gap:8px;color:white}
.tem_banner  .flash .txt .mbx a{color:white;font-size:.16rem}
.tem_banner  .flash .txt .mbx  i{color:white;font-size:.16rem}


.company{padding:1.2rem 0 }
.company .items1{display:grid;;grid-template-columns:45% 50%;justify-content:space-between;align-items:center }
.company .items1 .left h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .4rem}
.company .items1 .left  p{font-size:.18rem;color:#666666;font-family:"Poppins-Regular";line-height:.26rem}
.company .items2{display:grid;;grid-template-columns:50% 50%;}
.company .items2 .right{padding:0 .78rem;display:flex;flex-direction: column;justify-content: center;background:url(../images/about/3.jpg) 0 0 no-repeat;background-size:cover}
.company .items2 .right .text{margin:0 0 .3rem;padding-right:.4rem}
.company .items2 .right .text h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .15rem}
.company .items2 .right  .text p{font-size:.16rem;color:#222222;font-family:"Poppins-Regular";line-height:.26rem}
.company .items2 .right  ul li{display:grid;grid-template-columns:59% 41%;align-items:center;position:relative;height:1rem;}
.company .items2 .right  ul li:first-child:before{content:"";position:absolute;background:#222222;width:calc(100% - .5rem);height:1px;top:0;left:0}

.company .items2 .right  ul li:after{content:"";position:absolute;background:#222222;width:calc(100% - .5rem);height:1px;bottom:0;left:0}
.company .items2 .right  ul li p{font-size:.13rem;color:#222222;font-family:"Poppins-Regular";}
.company .items2 .right  ul li .dd{display:flex;gap:.12rem;justify-content: flex-end;align-items: center;}
.company .items2 .right  ul li .dd h2{font-size:.2rem;color:#222222;font-family:"Poppins-SemiBold";text-transform:uppercase}
.company .items2 .right  ul li .dd em{width:1rem;height:1rem;border-radius:100%;border:1px solid #222222;text-align:center;line-height:1rem;font-size:.48rem;color:#222222;font-family:"Poppins-SemiBold"}

.show .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .55rem}
.show  .items{position:relative;margin:0 0 .2rem}
.show  .items h2{position:absolute;left:.5rem;bottom:.3rem;font-size:.3rem;color:#ffffff;z-index:2;text-shadow: 5px 5px 10px rgba(0,0,0,.3);transform:translateY(3vw);opacity:0;transition:all .5s linear}
.show  .items .swiper-slide-active .items h2{transform:none;opacity:1;transition-delay:1000ms}
.show  .items .slide-pagination{position:absolute;right:.4rem;bottom:.3rem;z-index:2}
.show  .items  .slide-pagination span{width:.12rem;height:.12rem;opacity:1;margin:0 9px;border:1px solid white;background:none}
.show  .items  .slide-pagination span.swiper-pagination-bullet-active{background:white}
.show  .items:last-child{margin:0}



.fabric .title{padding:1.2rem 0 .4rem }
.fabric .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;}
.fabric .lists{position:relative}
.fabric .lists .swiper-slide{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #222222}
.fabric .lists .swiper-slide .items {border-bottom:1px solid #222222}
.fabric .lists .swiper-slide .items a{display:flex}
.fabric .lists .swiper-slide .items a .img{width:40%}
.fabric .lists .swiper-slide .items a .text{width:60%;padding:.4rem .4rem 0 }
.fabric .lists .swiper-slide .items a .text h2{font-size:.4rem;color:#222222;margin:0 0 .4rem}
.fabric .lists .swiper-slide .items a .text h3{font-size:.3rem;color:#222222;margin:0 0 .2rem}
.fabric .lists .swiper-slide .items a .text p{font-size:.15rem;color:#666666;font-family:"Poppins-Regular";}
.fabric .lists .swiper-slide .items:nth-child(3) a,.fabric .lists .swiper-slide .items:nth-child(4) a{flex-direction:row-reverse}
.fabric .lists .swiper-slide .items a:hover{background:#222}
.fabric .lists .swiper-slide .items a:hover .text{padding:.4rem .3rem 0 }
.fabric .lists .swiper-slide .items a:hover .text *{color:white}
.fabric .lists .swiper-slide .items a:hover img{transform:scale(1.1);}

.fabric .lists .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:-.8rem;top:50%;z-index:2;transform:translateY(-50%)}


.fabric .lists .swiper-page>div.slide-button-next{left:auto;right:-.8rem}
.fabric .lists .swiper-page>div:hover{;background:black}
.fabric .lists .swiper-page>div:hover i{color:white}


.choose{padding:0 0 1.2rem}
.choose .title{padding:1.2rem 0 .4rem }
.choose .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;}
.choose .lists{padding:0 0 .6rem}
.choose .lists ul li{margin:0 0 .25rem;padding:0 0 .3rem;border-bottom:1px solid #222222}
.choose .lists ul li h2{font-size:.22rem;color:#222222;margin:0 0 .15rem}
.choose .lists ul li p{font-size:.15rem;font-family:"Poppins-Regular";color:#222222}

.choose .pics ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem}
.choose .pics ul li a:hover img{transform:scale(1.1)}



.footer{background:#222222}
.footer .top{padding:1rem 0 .6rem;display:grid;grid-template-columns:16.5% 83.5%}
.footer .top .fot_nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.footer .top .fot_nav ul li dt{font-weight:normal;margin:0 0 .25rem}
.footer .top .fot_nav ul li dt a{font-size:.24rem;color:white;font-family:"Oswald-Regular"}
.footer .top .fot_nav ul li dd{margin:0 0 .1rem}
.footer .top .fot_nav ul li dd:last-child{margin:0}
.footer .top .fot_nav ul li dd a{font-size:.15rem;font-family:"Poppins-Regular";color:#888888}
.footer .top .fot_nav ul li dd h2{font-size:.15rem;color:#888888;font-family:"Poppins-SemiBold";margin:0 0 .1rem}
.footer .top .fot_nav ul li dd p{font-size:.15rem;color:#888888;font-family:"Poppins-Regular";}
.footer .bot{display:flex;justify-content: space-between;align-items: center;padding:0 0 .1rem}
.footer .bot p{color:#888888;font-size:.15rem;font-family:"Poppins-Regular";}
.footer .bot p a{color:#888888;font-size:.15rem;font-family:"Poppins-Regular";display:inline-block;margin-left:.2rem}
.footer .bot ul{display:flex;gap:.18rem}
.footer .bot ul li a{width:.4rem;height:.4rem;border-radius:100%;background:#000;line-height:.45rem;text-align:center}
.footer .bot ul li a img{max-width:.22rem}
.footer .bot ul li a  i{color:white;font-size:.2rem}
.footer .bot ul li a:hover{background:white;}
.footer .bot ul li a:hover i{color:#000;} 
.footer .bot ul li{position:relative}
.footer .bot ul li .imgs{position:absolute;width:1.3rem;left:50%;transform:translateX(-50%);bottom:105%;display:none}
/* .footer .bot ul li a:hover img{filter:brightness(1) invert(1)} */
.footer .bot ul li:hover .imgs{display:block}
.fabric1 .box{padding:1rem 0 0  }
.fabric1 .box .lists{display:grid;grid-template-columns:24.2% 24.2% 24.2% 24.2%;justify-content:space-between;grid-gap: .16rem 0}
.fabric1 .box .lists .items{width:100%;position:relative}
.fabric1 .box .lists .items .list{position:absolute;padding:0 .45rem;bottom:.2rem;width:100%;left:0}
.fabric1 .box .lists .items .list .swiper-slide{padding:.1rem .1rem .2rem;background:white;border-radius:15px}
.fabric1 .box .lists .items .list .swiper-slide p{margin:.2rem 0 0 ;line-height:.24rem;font-size:.15rem;color:#222222;transform:translateY(2vw);opacity:0;transition:all .3s linear}
.fabric1 .box .lists .items .list  .swiper-slide-active p{transform:none;opacity:1;transition-delay:1000ms}
.fabric1 .box .lists .items .list .swiper-page>div{opacity:0;transition:.3s}
.fabric1 .box .lists .items .list:hover .swiper-page>div{opacity:1;transition:.3s}
.fabric1 .box .lists .items .list .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:.24rem;top:29%;z-index:2;}


.fabric1 .box .lists .items .list .swiper-page>div.slide-button-next{left:auto;right:.24rem}
.fabric1 .box .lists .items .list .swiper-page>div:hover{background:white}
.fabric1 .box .lists .items .list .swiper-page>div:hover i{color:black}
.fabric1 .box .lists .items .imgs{overflow:hidden}
.fabric1 .box .lists .items:hover .imgs img{transform:scale(1.1)}
.fabric1 .box .lists .items .list .img{border-radius:10px}
.fabric1 .box .lists .items .list .img:hover img{transform:scale(1.1)}


.fabric1 .box  .page{padding:.6rem 0 1rem;display:flex;justify-content: center;align-items: center;}
.fabric1 .box  .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
.fabric1 .box .page a.page-link{width:.7rem;border:1px solid #222222}
.fabric1 .box .page a.page-links{border:1px solid #222222;}
.fabric1 .box .page a.page-links i{font-size:.2rem;color:#222222;}
.fabric1 .box .page a.page-link:hover{background:#222222;color:white;border-color:#222222}
.fabric1 .box .page a.page-links:hover{background:#222222;color:white;border-color:#222222}
.fabric1 .box .page a.page-links:hover i{color:white;}
.fabric1 .box .page a:hover{background:#222222;color:white;border-color:#222222}
.fabric1 .box .page a.page-num-current{background:#222222;color:white;border-color:#222222}
.fabric1 .bot{display:flex}
.fabric1 .bot>*{width:50%}
.fabric1 .bot p{overflow:hidden}
.fabric1 .bot>*:hover img{transform:scale(1.05)}

.tem_banner  .flash{position:relative}
.tem_banner  .flash .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%}
.tem_banner  .flash .txt h2{font-size:.6rem;color:#ffffff;margin:0 0 .15rem;font-family:"Oswald-Regular"}
.tem_banner  .flash .txt .mbx{display:flex;align-items: center;justify-content: center;gap:8px;color:white}
.tem_banner  .flash .txt .mbx a{color:white;font-size:.16rem}
.tem_banner  .flash .txt .mbx  i{color:white;font-size:.16rem}



.fabric2_tem_banner  .flash{position:relative}
.fabric2_tem_banner  .flash .txt{position:absolute;left:50%;top:21.3%;transform:translateX(-50%);text-align:center;width:100%}
.fabric2_tem_banner  .flash .txt h2{font-size:.6rem;color:#ffffff;margin:0 0 .15rem;font-family:"Oswald-Regular"}
.fabric2_tem_banner  .flash .txt .mbx{display:flex;align-items: center;justify-content: center;gap:8px;color:white}
.fabric2_tem_banner  .flash .txt .mbx a{color:white;font-size:.16rem}
.fabric2_tem_banner  .flash .txt .mbx  i{color:white;font-size:.16rem}
.fabric2_tem_banner  .flash .list{position:absolute;width:61.6%;left:50%;transform:translateX(-50%);z-index:2;bottom:.95rem;display:flex;padding:.2rem;background:white;justify-content:space-between}
.fabric2_tem_banner  .flash .list .items{width:49.1%;position:relative}
.fabric2_tem_banner  .flash .list .img:hover img{transform:scale(1.1)}
.fabric2_tem_banner  .flash .list .swiper-slide p{margin:.15rem 0 0 ;line-height:.24rem;font-size:.15rem;color:#222222;transform:translateY(2vw);opacity:0;transition:all .3s linear}
.fabric2_tem_banner  .flash .list  .swiper-slide-active p{transform:none;opacity:1;transition-delay:1000ms}
.fabric2_tem_banner  .flash .list .swiper-page>div{opacity:0;transition:.3s}
.fabric2_tem_banner  .flash .list .items:hover .swiper-page>div{opacity:1;transition:.3s}
.fabric2_tem_banner  .flash .list .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:0;top:40%;z-index:2;}
.fabric2_tem_banner  .flash .list .swiper-page>div.slide-button-next{left:auto;right:0}
.fabric2_tem_banner  .flash .list .swiper-page>div:hover{background:white}
.fabric2_tem_banner  .flash .list .swiper-page>div:hover i{color:black}
.fabric2{padding:.9rem 0 1rem}
.fabric2 .lists{display:grid;grid-template-columns:24.06% 24.06% 24.06% 24.06%;grid-gap:.3rem 0;justify-content:space-between}
.fabric2 .lists .items .list{position:relative}
.fabric2 .lists .items:first-child {
  grid-column: span 2; 
  grid-row: span 2; 
}
.fabric2 .lists .items:nth-child(10) {
  grid-column: span 2; 
}
.fabric2 .lists .items:nth-child(11) {
  grid-column: span 2; 
}

.fabric2 .lists .items:not(:first-child) .img img{height:3.85rem}
.fabric2 .lists .items:nth-child(10) .img img,.fabric2 .lists .items:nth-child(11) .img img{height:auto}
.fabric2 .lists .items img{width:100%;object-fit:cover}


.fabric2 .lists .items .list .img:hover img{transform:scale(1.1)}
.fabric2 .lists .items .list .swiper-slide p{margin:.15rem 0 0 ;line-height:.24rem;font-size:.15rem;color:#222222;transform:translateY(2vw);opacity:0;transition:all .3s linear}
.fabric2 .lists .items .list  .swiper-slide-active p{transform:none;opacity:1;transition-delay:1000ms}
.fabric2 .lists .items .list .swiper-page>div{opacity:0;transition:.3s;z-index:2}
.fabric2 .lists .items .list .items:hover .swiper-page>div{opacity:1;transition:.3s}
.fabric2 .lists .items .list .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:0;top:40%;z-index:2;}
.fabric2 .lists .items .list .swiper-page>div.slide-button-next{left:auto;right:0}
.fabric2 .lists .items .list .swiper-page>div:hover{background:white}
.fabric2 .lists .items .list .swiper-page>div:hover i{color:black}
.fabric2 .lists .items .list .swiper-page>div{opacity:0;transition:.3s}
.fabric2 .lists .items .list:hover .swiper-page>div{opacity:1;transition:.3s}
.fabric2 .lists .items .list .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:0;top:40%;z-index:2;}
.fabric2 .lists .items .list .swiper-page>div.slide-button-next{left:auto;right:0}
.fabric2 .lists .items .list .swiper-page>div:hover{background:white}
.fabric2 .lists .items .list .swiper-page>div:hover i{color:black}

.fabric2  .page{padding:.55rem 0 0;display:flex;justify-content: center;align-items: center;}
.fabric2  .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
.fabric2  .page a.page-link{width:.7rem;border:1px solid #222222}
.fabric2  .page a.page-links{border:1px solid #222222;}
.fabric2  .page a.page-links i{font-size:.2rem;color:#222222;}
.fabric2  .page a.page-link:hover{background:#222222;color:white;border-color:#222222}
.fabric2  .page a.page-links:hover{background:#222222;color:white;border-color:#222222}
.fabric2  .page a.page-links:hover i{color:white;}
.fabric2  .page a:hover{background:#222222;color:white;border-color:#222222}
.fabric2  .page a.page-num-current{background:#222222;color:white;border-color:#222222}


.fabric3{padding:1rem 0 }
.fabric3 .lists{display:grid;grid-template-columns:24.2% 24.2% 24.2% 24.2%;justify-content:space-between;grid-gap: .16rem 0}
.fabric3 .lists .items{padding:.1rem .1rem .15rem;background:#eeeeee}
.fabric3 .lists .items .list {position:relative}
.fabric3 .lists .items .list .img{border-radius:10px}
.fabric3 .lists .items .list .img:hover img{transform:scale(1.1)}
.fabric3 .lists .items .list .swiper-slide p{margin:.15rem 0 0 ;line-height:.24rem;font-size:.15rem;color:#222222;transform:translateY(2vw);opacity:0;transition:all .3s linear}
.fabric3 .lists .items .list  .swiper-slide-active p{transform:none;opacity:1;transition-delay:1000ms}
.fabric3 .lists .items .list .swiper-page>div{opacity:0;transition:.3s;z-index:2}
.fabric3 .lists .items .list .items:hover .swiper-page>div{opacity:1;transition:.3s}
.fabric3 .lists .items .list .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:0;top:40%;z-index:2;}
.fabric3 .lists .items .list .swiper-page>div.slide-button-next{left:auto;right:0}
.fabric3 .lists .items .list .swiper-page>div:hover{background:white}
.fabric3 .lists .items .list .swiper-page>div:hover i{color:black}
.fabric3 .lists .items .list .swiper-page>div{opacity:0;transition:.3s}
.fabric3 .lists .items .list:hover .swiper-page>div{opacity:1;transition:.3s}
.fabric3 .lists .items .list .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:.14rem;top:40%;z-index:2;}
.fabric3 .lists .items .list .swiper-page>div.slide-button-next{left:auto;right:.14rem}
.fabric3 .lists .items .list .swiper-page>div:hover{background:white}
.fabric3 .lists .items .list .swiper-page>div:hover i{color:black}
.fabric3  .page{padding:.78rem 0 0;display:flex;justify-content: center;align-items: center;}
.fabric3  .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
.fabric3  .page a.page-link{width:.7rem;border:1px solid #222222}
.fabric3  .page a.page-links{border:1px solid #222222;}
.fabric3  .page a.page-links i{font-size:.2rem;color:#222222;}
.fabric3  .page a.page-link:hover{background:#222222;color:white;border-color:#222222}
.fabric3  .page a.page-links:hover{background:#222222;color:white;border-color:#222222}
.fabric3  .page a.page-links:hover i{color:white;}
.fabric3  .page a:hover{background:#222222;color:white;border-color:#222222}
.fabric3  .page a.page-num-current{background:#222222;color:white;border-color:#222222}


.product_box{padding:1rem 0 1.15rem}
.product_box .title{text-align:center;padding:.35rem 0 }
.product_box .title h2{font-size:.6rem;color:#222222;font-family:"Oswald-Regular"}
.product_box .box{position:relative;display:flex;align-items: flex-start;justify-content: space-between;}
 .pro_nav{position:-webkit-sticky;position:sticky;left:0;top:1.5rem;width:15.35%}
 .pro_nav>h3{font-size:.24rem;color:#222222;font-family:"Poppins-SemiBold";padding:0 0 .1rem;border-bottom:2px solid #222222}
 .pro_nav ul li{border-bottom:1px solid #dcdcdc}
 .pro_nav ul li>a{height:.3rem;line-height:.3rem;font-size:.15rem;color:#222222;font-family:"Poppins-Regular";position:relative}
 .pro_nav ul li>a i{position:absolute;right:0;transform:translateY(-50%);top:50%;font-size:.22rem}
 .pro_nav ul li.active>a{color:black;font-weight:bold}
 .pro_nav ul li dl dd a.acts{color:black;font-weight:bold}
 .pro_nav ul li.has-submenu >a i{transform:translateY(-50%) rotate(180deg)}
 .pro_nav ul li  dl{padding:0 .15rem;display:none;transition:none}
 .pro_nav ul li  dl dd a{height:.3rem;line-height:.3rem;font-size:.15rem;color:#222222;font-family:"Poppins-Regular"}
.product_box .box  .lists{width:82%;display:inline-block}
.product_box .box  .lists .infos{display:grid;grid-template-columns:32.015% 32.015% 32.015%;justify-content:space-between;grid-gap:.5rem 0 }
.product_box .box  .lists .items .list{position:relative;}
.product_box .box  .lists .items .list .imgs{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;transition:none}




.product_box .box  .lists .items .list .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:.11rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.product_box .box  .lists .items .list .swiper-page>div.slide-button-next{left:auto;right:.11rem}
.product_box .box  .lists .items .list .swiper-page>div:hover{background:white}
.product_box .box  .lists .items .list .swiper-page>div:hover i{color:black}

.product_box .box  .lists .items .text{margin:.25rem 0 0 }
.product_box .box  .lists .items .text h2{font-size:.18rem;font-family:"Poppins-SemiBold";color:#222222;margin:0 0 5px}
.product_box .box  .lists .items .text h3{font-size:.15rem;color:#222222;font-family:"Poppins-Regular"}


.product_box .box  .lists .page{padding:.75rem 0 0;display:flex;justify-content: center;align-items: center;}
.product_box .box  .lists .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
.product_box .box  .lists  .page a.page-link{width:.7rem;border:1px solid #222222}
.product_box .box  .lists  .page a.page-links{border:1px solid #222222;}
.product_box .box  .lists  .page a.page-links i{font-size:.2rem;color:#222222;}
.product_box .box  .lists  .page a.page-link:hover{background:#222222;color:white;border-color:#222222}
.product_box .box  .lists  .page a.page-links:hover{background:#222222;color:white;border-color:#222222}
.product_box .box  .lists  .page a.page-links:hover i{color:white;}
.product_box .box  .lists  .page a:hover{background:#222222;color:white;border-color:#222222}
.product_box .box  .lists  .page a.page-num-current{background:#222222;color:white;border-color:#222222}


.product_details{padding:1rem 0 0 }
.product_details .mbx{padding:.45rem 0 .8rem;display:flex;font-size:.14rem;font-family:"Poppins-Regular";gap:5px;align-items: center;}
.product_details .mbx a{color:#222222;font-family:"Poppins-Regular"}


.product_details .box{position:relative;display:flex;align-items: flex-start;justify-content: space-between;}
.product_details  .box .infos{width:81%;display:grid;grid-template-columns:41.7% 54%;justify-content: space-between;}
.product_details  .box .infos .left .bigimg {position:relative}
.product_details  .box .infos .left .bigimg .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:.11rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.product_details  .box .infos .left .bigimg .swiper-page>div.slide-button-next{left:auto;right:.11rem}
.product_details  .box .infos .left .bigimg .swiper-page>div:hover{background:white}
.product_details  .box .infos .left .bigimg .swiper-page>div:hover i{color:black}
.product_details  .box .infos .left .bigimg .img{border:1px solid #dcdcdc;margin:0 0 .1rem}
.product_details  .box .infos .left .img_list .img{border:1px solid #dcdcdc;}

.product_details  .box .infos .right>h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";padding:0 0 .3rem;border-bottom:1px solid #dcdcdc}
.product_details  .box .infos .right .share{margin:.3rem 0 .55rem;display:flex;gap:.25rem;align-items: center;}
.product_details  .box .infos .right .share h2{font-size:.18rem;color:#222222;font-family:"Poppins-SemiBold"}
.product_details  .box .infos .right .share ul{display:flex;gap:.14rem;}
.product_details  .box .infos .right .share ul li{position:relative}
.product_details  .box .infos .right .share ul li:hover .imgs{opacity:1;visibility:visible}
.product_details  .box .infos .right .share ul li .imgs{position:absolute;width:1.5rem;left:50%;transform:translateX(-50%);bottom:100%;opacity:0;visibility:hidden;transition:.3s}

.product_details  .box .infos .right .share ul li a i{color:#222222;font-size:.26rem}
.product_details  .box .infos .right  .content>h3{font-size:.18rem;color:#222222;text-transform:uppercase;font-family:"Poppins-SemiBold";margin:0 0 .3rem}
.product_details  .box .infos .right  .content table{width:100%}
.product_details  .box .infos .right  .content tr.firstRow td{background:#222222 !important;border:2px solid #222222;color:white;text-transform:uppercase;font-size:.18rem}
.product_details  .box .infos .right  .content tr td{padding:.15rem 0;background:#f8f8f8;border:2px solid white;text-align:center;font-size:.16rem;color:#222;vertical-align:middle }
.product_details  .box .infos .right  .content p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular";line-height:.25rem}
.product_details  .box .infos .right  .conctacts{margin:.9rem 0 0 }
.product_details  .box .infos .right  .conctacts a{width:2.2rem;height:.5rem;line-height:.5rem;color:white;background:#222222;border-radius:50px;font-size:.16rem;text-align:center;font-family:"Poppins-Regular"}
.product_details  .box .infos .right  .conctacts a:hover{box-shadow:0 0 12px rgba(0,0,0,0.8);background:white;color:black}

.product_details .tuijian_list{padding:1.15rem 0 1.1rem}
.product_details .tuijian_list .title{text-align:center;}
.product_details .tuijian_list .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";margin:0 0 .5rem}
.product_details .tuijian_list .list{position:relative;}
.product_details .tuijian_list .list .imgs{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;transition:none}
.product_details .tuijian_list .lists{position:relative}
.product_details .tuijian_list .lists>.swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,1);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:-.8rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.product_details .tuijian_list .lists .swiper-page>div.one_slide-button-next{left:auto;right:-.8rem}
.product_details .tuijian_list .lists .swiper-page>div:hover{background:black}
.product_details .tuijian_list .lists .swiper-page>div:hover i{color:white}




.product_details .tuijian_list .items .list .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:rgba(255,255,255,.35);width:.55rem;height:.55rem;border-radius:100%;text-align:center;line-height:.55rem;left:.11rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.product_details .tuijian_list .items .list .swiper-page>div.two_slide-button-next{left:auto;right:.11rem}
.product_details .tuijian_list .items .list .swiper-page>div:hover{background:white}
.product_details .tuijian_list .items .list .swiper-page>div:hover i{color:black}

.product_details .tuijian_list .items .text{margin:.25rem 0 0 }
.product_details .tuijian_list .items .text h2{font-size:.18rem;font-family:"Poppins-SemiBold";color:#222222;margin:0 0 5px}
.product_details .tuijian_list .items .text h3{font-size:.15rem;color:#222222;font-family:"Poppins-Regular"}

.product_details .faq{padding:0 0 1.2rem}
.product_details .faq .title{text-align:center;margin: 0 0 .4rem}
.product_details .faq .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold}
.product_details .faq .lists ul li .xx{padding:.28rem .45rem .28rem 0}
.product_details .faq .lists ul li{border-bottom:1px solid #dcdcdc;position:relative;cursor:pointer }
.product_details .faq .lists ul li::before,.faq .lists ul li::after {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:.17rem;height:3px;background:black;transition:all .36s;}
.product_details .faq .lists ul li::before {transform:translateY(-50%) rotate(90deg);}
.product_details .faq .lists ul li h2{font-size:.2rem;font-family:"Poppins-SemiBold";color:#222222;}
.product_details .faq .lists ul li .txt {padding:.2rem  0 0 .25rem;display:none;transition:none}
.product_details .faq .lists ul li .txt  p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular"}
.product_details .faq .lists ul li .txt  p em{font-size:.2rem;font-family:"Poppins-SemiBold";color:#222222;}
.product_details .faq .lists ul li .xx{position:relative}
.product_details .faq .lists ul li .xx:after{content:"";position:absolute;width:0;height:2px;background:#222222;left:50%;transform:translateX(-50%);bottom:-2px;transition:.3s linear}
.product_details .faq .lists ul li .xx:before{content:"";position:absolute;width:0;height:2px;background:#222222;left:50%;transform:translateX(-50%);top:0;transition:.3s linear}
.product_details .faq .lists ul li.active .xx:after,.faq .lists ul li.active .xx:before{width:100%}
.product_details .faq .lists ul li.active:before {transform:translateY(-50%) rotate(0deg);}
.product_details .message {padding:0 0 1.3rem}
.product_details .message .title{text-align:center;margin:0 0 .4rem}
.product_details .message .title h2{font-size:.52rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;margin:0 0 .3rem}
.product_details .message .title p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular"}

.product_details .message .form{font-size:0}
.product_details .message .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.product_details .message .form ul li p{font-size:.16rem;color:#222222;margin: 0 0 .1rem;font-family:"Poppins-Regular"}
.product_details .message .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;padding:0 .2rem;color:black;font-size:.16rem}
.product_details .message .form .area{margin:.2rem 0 0 }
.product_details .message .form .area  p{font-size:.16rem;color:#222222;margin: 0 0 .1rem;font-family:"Poppins-Regular"}
.product_details .message .form .area  textarea{width:100%;height:2rem;background:#f8f8f8;border:0;padding:.2rem;color:black;font-size:.16rem}
.product_details .message .form .sub{margin:.2rem 0 0;text-align:center;}
.product_details .message .form .sub button{position:relative;overflow:hidden;width:2.2rem;height:.5rem;color:white;font-size:.2rem;background:none;/* font-weight:bold; */background:#222222;border-radius:50px;border:0;}
.product_details .message .form .sub button:hover{box-shadow:0 0 12px rgba(0,0,0,0.8)}


.service .items1>div{display:grid;grid-template-columns:27.3% 61.5%;justify-content:space-around}
.service .items1 h2{border-right:1px solid #222222;padding:1rem 0 0;font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase}
.service .items1 .txt{padding:1rem 0 .6rem;font-size:.24rem;color:#222222;line-height:.28rem;font-family:"Poppins-Regular"}

.service .items2{padding:1rem 0 ;background:#606060}
.service .items2 .title{padding:0 0 .6rem}
.service .items2 .title h2{font-size:.48rem;color:white;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;margin:0 0 .1rem}
.service .items2 .lists{position:relative}
.service .items2 .lists:after{content:"";position:absolute;background:white;width:100%;height:2px;background:white;left:0;top:50%;transform:translateY(-50%)}
.service .items2  ul{display:flex;padding:0 .45rem;justify-content: space-between;}
.service .items2  ul.ul1{display:flex;justify-content: center;gap:.3rem}
.service .items2  ul li {height:1.9rem;padding:0 .4rem;position:relative}
.service .items2  ul li h2{font-size:.24rem;font-family:"Poppins-SemiBold";color:white;font-weight:bold;margin:0 0 .2rem}
.service .items2  ul li p{font-size:.16rem;color:white;font-family:"Poppins-Regular";line-height:.26rem}
.service .items2  ul li{width:32%}
.service .items2  ul.ul1 li:after{position:absolute;content:"";width:.2rem;height:.2rem;background:white;border-radius:100%;left:0;bottom:-.1rem}
.service .items2  ul.ul1 li:before{position:absolute;content:"";width:1px;height:100%;border:1px dashed white;border-radius:100%;left:.1rem;bottom:0}

.service .items2  ul.ul2 li:after{position:absolute;content:"";width:.2rem;height:.2rem;background:white;border-radius:100%;left:0;top:-.1rem}
.service .items2  ul.ul2 li:before{position:absolute;content:"";width:1px;height:100%;border:1px dashed white;border-radius:100%;left:.1rem;bottom:0}

.service .items2  ul.ul2 li{display:flex;flex-direction: column;justify-content: flex-end;}

.service .items3{background:#e4e4e4}
.service .items3 ul{padding:1rem 0 .7rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:0 1rem;border-bottom:1px solid #7d7d7d}
.service .items3 ul li:first-child .text{padding:0 0 .4rem .45rem}
.service .items3 ul li:last-child .text{padding:.45rem 0 0 .45rem}
.service .items3 ul li .text{border-left:1px solid #222222}
.service .items3 ul li .text h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;margin:0 0 .15rem}
.service .items3 ul li .text p{font-size:.16rem;color:#222222;font-family:"Poppins-Regular";line-height:.26rem;position:relative;padding-left:.3rem;margin:0 0 .1rem}
.service .items3 ul li .text p em{font-family:"Poppins-SemiBold";}
.service .items3 ul li .text p:after{content:"";position:absolute;background:#222222;width:.2rem;height:2px;left:0;top:.12rem}
.service .items3 ul li .text p:last-child{margin:0}
.service .items3 .infos{padding:.6rem 0 .8rem;font-size:.2rem;color:#222222;font-family:"Poppins-Regular";text-align:center;line-height:.3rem}

.service .items4 ul{display:grid;grid-template-columns:1fr 1fr 1fr}
.service .items4 ul li{display:flex;flex-direction: column;justify-content: center;padding:1rem 0;align-items: flex-start;border-left:1px solid #222222}
.service .items4 ul li .img{}
.service .items4 ul li:first-child .text {padding:0 1rem 0 .4rem}
.service .items4 ul li:first-child .text  h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;;text-transform:uppercase;line-height:.6rem;margin:0 0 .3rem}
.service .items4 ul li:first-child .text p{font-size:.16rem;color:#222222;font-family:"Poppins-Regular";line-height:.26rem;position:relative;}
.service .items4 ul li:nth-child(2) .text {padding:0 1rem}
.service .items4 ul li:nth-child(2) .text  p{font-size:.16rem;color:#222222;font-family:"Poppins-Regular";line-height:.26rem;position:relative;padding-left:.3rem;margin:0 0 .1rem}
.service .items4 ul li:nth-child(2) .text  p em{font-family:"Poppins-SemiBold";}
.service .items4 ul li:nth-child(2) .text  p:after{content:"";position:absolute;background:#222222;width:.2rem;height:2px;left:0;top:.12rem}
.service .items4 ul li:nth-child(2) .text  p:last-child{margin:0}
.service .items4 ul li:last-child{align-items: flex-end}


.service .items5{background:#e4e4e4;padding:1.05rem 0 1rem}
.service .items5>div{display:grid;grid-template-columns:58.75% 38.125%;justify-content:space-between}
.service .items5 .left .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem}
.service .items5 .left .swiper-container{height:10.8rem}
.service .items5 .left .swiper-slide .items:not(:nth-child(4)) .img img{height:2.8rem;object-fit:cover;width:2.8rem}
.service .items5 .left .swiper-slide .items:nth-child(4) {grid-column: span 3; }
.service .items5 .right .swiper-container{height:10.8rem}
.service .items5 .right .swiper-slide{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem}
.service .items5 .right .swiper-slide .items:nth-child(1) {grid-column: span 2; }
.service .items5 .right .swiper-slide .items:not(:nth-child(1)) .img img{height:2.8rem;object-fit:cover;width:2.8rem}
.service .items5  .img:hover img{transform:scale(1.1)}

.service .items6 {padding:0 0 1.05rem}
.service .items6 .title{text-align:center;padding: 1rem 0 .5rem }
.service .items6 .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase}
.service .items6 .box{display:grid;grid-template-columns:60% 33.5%;justify-content:space-between;align-items:center}
.service .items6 .box .video{position:relative;font-size:0}
.service .items6 .box .video video{width:100%}
.service .items6 .box .video .btns{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;line-height:.9rem;text-align:center}
.service .items6 .box .video .btns i{color:white;font-size:.24rem}
.service .items6 .box .video .btns:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:rgba( 238, 122,0,1);z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.service .items6 .box .video .btns:before{content:"";position:absolute;width:145%;height:145%;border-radius:100%;background:rgba( 238, 122,0,.25);;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.service .items6 .box .video .btns:hover:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.service .items6 .box .video .btns:hover:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
@keyframes scalepulse {
    20% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
        transform: translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    50% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

.service .items6 .box .infos {padding-right:.4rem}
.service .items6 .box .infos  p{font-size:.16rem;color:#222222;font-family:"Poppins-Regular";line-height:.26rem;position:relative;padding-left:.3rem;margin:0 0 .1rem}
.service .items6 .box .infos  p em{font-family:"Poppins-SemiBold";}
.service .items6 .box .infos  p:after{content:"";position:absolute;background:#222222;width:.2rem;height:2px;left:0;top:.12rem}
.service .items6 .box .infos  p:last-child{margin:0}


.service .items7{padding:1rem 0;background:#323232}
.service .items7>div{display:grid;grid-template-columns:45% 50%;justify-content:space-between}
.service .items7 .left h2{font-size:.48rem;color:white;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;margin:0 0 .15rem}
.service .items7 .left p{font-size:.16rem;color:white;font-family:"Poppins-Regular";line-height:.26rem;position:relative;padding-left:.3rem;margin:0 0 .1rem}
.service .items7 .left p em{font-family:"Poppins-SemiBold";}
.service .items7 .left p:after{content:"";position:absolute;background:white;width:.2rem;height:2px;left:0;top:.12rem}
.service .items7 .left p:last-child{margin:0}
.service .items7 .box ul{display:grid;grid-template-columns:68.75% 28.75%;justify-content:space-between}
.service .items7 .box ul li:last-child{display:flex;flex-wrap: wrap;align-content: space-between;}
.service .items7 .box ul li  .img:hover img{transform:scale(1.1)}

.sustainability .commitment>div{display:grid;padding-left:1.6rem;grid-template-columns:30.5% 63.8%;justify-content:space-between;align-items:center}
.sustainability .commitment .text h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;margin:0 0 .3rem}
.sustainability .commitment .text p{font-size:.18rem;color:#222222;font-family:"Poppins-Regular";line-height:.26rem;margin:0 0 .1rem}
.sustainability .commitment .text p em{font-family:"Poppins-SemiBold";font-size:.2rem}
.sustainability .commitment .text p:last-child{margin:0}

.sustainability .sustainable{padding:1rem 0 }
.sustainability .sustainable>div{padding-right:1.6rem;display:grid;grid-template-columns:76.3% 17.1%;justify-content:space-between;align-items:center}
.sustainability .sustainable .text h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;margin:0 0 .4rem}
.sustainability .sustainable  .text p{font-size:.16rem;color:#222222;font-family:"Poppins-Regular";line-height:.26rem;margin:0 0 .1rem}
.sustainability .sustainable  .lists{position:relative}
.sustainability .sustainable  .lists .items h2{font-size:.2rem;color:white;font-family:"Poppins-Regular";position:absolute;left:.4rem;bottom:.4rem}
.sustainability .sustainable  .lists .items{position:relative}
.sustainability .sustainable  .lists .items:hover img{transform:scale(1.1)}
.sustainability .sustainable  .lists .items img{width:100%;height:8rem;object-fit:cover}
.sustainability .sustainable  .lists .swiper-page>div{position:absolute;font-size:.6rem;color:white;left:.1rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.sustainability .sustainable  .lists .swiper-page>div.slide-button-next{left:auto;right:.1rem}
.sustainability .certification{padding:2rem 0 1.2rem;position:relative }
.sustainability .certification .bg{position:absolute;width:100%;height:3.25rem;left:0;top:0;z-index:-1;transition:none}
.sustainability .certification .box{display:grid;grid-template-columns:11.3% 88.7%;}
.sustainability .certification .box .title {writing-mode: vertical-lr;display:flex;justify-content: flex-end;text-align:right;padding:0  0 1.25rem}
.sustainability .certification .box .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;line-height:.6rem}
.sustainability .certification .box  .lists .items{cursor:pointer}
.sustainability .certification .box  .lists .swiper-slide .items{padding:0 0 1.25rem;position:relative}
.sustainability .certification .box  .lists .swiper-slide .items .img{ -webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 90%,rgba(0,0,0,.4));box-reflect: below 0px linear-gradient(transparent 90%,rgba(0,0,0,.4));}
.sustainability .certification .box  .lists .items h2{position:absolute;text-align:center;width:100%;margin:.3rem 0 0 ;font-size:.16rem;color:#222222;}
.sustainability .certification .box  .lists .items:hover img{transform:scale(1.03)}
.sustainability .certification .text{margin:.55rem 0 0 ;padding:0 1.8rem;text-align:center;font-size:.2rem;;font-family:"Poppins-Regular";color:#222222}

.sustainability .internal .top{padding-left:1.6rem}
.sustainability .internal .top>div{display:grid;grid-template-columns:31.9% 63.7%;justify-content:space-between;align-items:center}
.sustainability .internal .top .infos h3{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;margin:0 0 .8rem}
.sustainability .internal .top .infos ul li{margin:0 0 .38rem}
.sustainability .internal .top .infos ul li:last-child{margin:0}
.sustainability .internal .top .infos ul li h2{font-size:.2rem;color:#222222;font-family:"Poppins-SemiBold";margin:0 0 .2rem}
.sustainability .internal .top .infos ul li p{font-size:.16rem;color:#222222;font-family:"Poppins-Regular";line-height:.26rem;margin:0 0 .1rem}
.sustainability .internal .top .infos ul li p:last-child{margin:0}


.sustainability .internal .bot{padding-right:1.6rem;margin:1rem 0 0 }
.sustainability .internal .bot{display:grid;grid-template-columns:22.78% 71.75%;justify-content:space-between;align-items:center}
.sustainability .internal .bot .right>h3{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;margin:0 0 .4rem}
.sustainability .internal .bot .right ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .3rem;margin:0 0 1.4rem}
.sustainability .internal .bot .right ul li:hover img{transform:scale(1.1)}
.sustainability .internal .bot .right  .items{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 1.6rem}
.sustainability .internal .bot .right  .items .info h3{font-size:.2rem;font-family:"Poppins-SemiBold";color:#222222;height:.5rem;line-height:.25rem;margin:0 0 .25rem}
.sustainability .internal .bot .right  .items .info p{font-size:.16rem;color:#222222;font-family:"Poppins-Regular";margin:0 0 .15rem}
.sustainability .internal .bot .right  .items .info p em{font-family:"Poppins-SemiBold";}
.sustainability .internal .bot .right  .items .info p:last-child{margin:0}

.sustainability  .future{margin:1rem 0 0 ;padding-right:1.6rem;display:grid;grid-template-columns:54.67% 39.9%;justify-content:space-between;}
.sustainability  .future .text{padding:0 0 1rem;position:relative;display:flex;justify-content: flex-end;flex-direction: column;}
.sustainability  .future .text p{font-size:.16rem;color:#111111;font-family:"Poppins-Regular";line-height:.25rem}
.sustainability  .future .text .title{position:absolute;left:-2.15rem;top:2.3rem}
.sustainability  .future .text .title h2{font-size:.8rem;color:#222222;font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;margin:0 0 .1rem}
.sustainability  .future .text .title h2 em{color:white}
.sustainability  .future .text .title h2:last-child{margin:0}


.news_box .news_list .title{padding:.95rem 0 .6rem;text-align:center}
.news_box .news_list .title h2{font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;font-size:.48rem;color:#222222;margin:0 0 .25rem}
.news_box .news_list .title  p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular";line-height:.25rem}
.news_box .news_list .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.4rem .5rem}
.news_box .news_list .lists ul li .text h2{margin:.3rem 0 .15rem;height:.5rem;line-height:.25rem;font-size:.24rem;color:#222222}
.news_box .news_list .lists ul li .text .dd img{margin-right:.1rem;max-width:.25rem;vertical-align:middle}
.news_box .news_list .lists ul li .text .dd  p{font-size:.18rem;color:#222222;font-family:"Poppins-SemiBold";}
.news_box .news_list .lists ul li .text .dd  p:last-child{margin:8px 0 0}
.news_box .news_list .lists ul li a:hover .img img{transform:scale(1.1)}

.news_box .news_list .lists ul li a:hover .img {box-shadow:0 0 12px rgba(0,0,0,0.4)}

.news_box .news_list  .page{padding:.75rem 0 1.2rem;display:flex;justify-content: center;align-items: center;}
.news_box .news_list  .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
.news_box .news_list  .page a.page-link{width:.7rem;border:1px solid #222222}
.news_box .news_list  .page a.page-links{border:1px solid #222222;}
.news_box .news_list  .page a.page-links i{font-size:.2rem;color:#222222;}
.news_box .news_list  .page a.page-link:hover{background:#222222;color:white;border-color:#222222}
.news_box .news_list  .page a.page-links:hover{background:#222222;color:white;border-color:#222222}
.news_box .news_list  .page a.page-links:hover i{color:white;}
.news_box .news_list  .page a:hover{background:#222222;color:white;border-color:#222222}
.news_box .news_list  .page a.page-num-current{background:#222222;color:white;border-color:#222222}

.news_box .inquire{text-align:center;padding:2.4rem 0;background:url(../images/10.png) 0 0 no-repeat;background-size:cover;background-attachment:fixed }
.news_box .inquire .text h2{font-size:.6rem;color:white;font-family:"Oswald-Regular";}
.news_box .inquire .text .more{margin:.7rem 0 0 }
.news_box .inquire .text .more a{display:inline-block;width:1.8rem;height:.5rem;border:1px solid white;border-radius:50px;line-height:.5rem;color:white;font-size:.16rem;font-family:"Poppins-Regular"}
.news_box .inquire .text .more a:hover{background:white;color:black}
.customer{padding:0 0 0}
.customer .title{padding:.95rem 0 .6rem;text-align:center}
.customer .title h2{font-family:"Oswald-Regular";font-weight:bold;text-transform:uppercase;font-size:.48rem;color:#222222;margin:0 0 .25rem}
.customer .title  p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular";line-height:.25rem}
.customer .lists{height:7.55rem}
.customer .lists .swiper-slide{transition:1s;}
.customer .lists .swiper-slide .text{}
.customer .lists .swiper-slide-active {width:21.92% !important;}
.customer .lists .swiper-wrapper{display:flex;align-items: center;}

.customer .lists .swiper-slide .text{transform:translateY(3vw);opacity:0;transition:all .5s linear}
.customer .lists .swiper-slide-active .text{transform:none;opacity:1;transition-delay:1000ms}
.customer .lists  .text h2{margin:.2rem 0 .15rem;font-size:.24rem;color:#222222}
.customer .lists  .text .dd img{margin-right:.1rem;max-width:.25rem;vertical-align:middle}
.customer .lists  .text .dd  p{font-size:.18rem;color:#222222;font-family:"Poppins-SemiBold";}
.customer .lists  .text .dd  p:last-child{margin:8px 0 0}
.customer .lists .swiper-slide:hover .img img{transform:scale(1.1);}
.customer .lists .swiper-slide{cursor:pointer}




.contact_box .messages {padding:.9rem 0 1rem}
.contact_box .messages .title{text-align:center;margin:0 0 .4rem}
.contact_box .messages .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .25rem}
.contact_box .messages .title p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular"}

.contact_box .messages .form{font-size:0}
.contact_box .messages .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.contact_box .messages .form ul li p{font-size:.16rem;color:#222222;margin: 0 0 .1rem;font-family:"Poppins-Regular"}
.contact_box .messages .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;padding:0 .2rem;color:black;font-size:.16rem}
.contact_box .messages .form .area{margin:.2rem 0 0 }
.contact_box .messages .form .area  p{font-size:.16rem;color:#222222;margin: 0 0 .1rem;font-family:"Poppins-Regular"}
.contact_box .messages .form .area  textarea{width:100%;height:2rem;background:#f8f8f8;border:0;padding:.2rem;color:black;font-size:.16rem}
.contact_box .messages .form .sub{margin:.2rem 0 0;text-align:center;}
.contact_box .messages .form .sub button{position:relative;overflow:hidden;width:2.2rem;height:.5rem;color:white;font-size:.2rem;background:none;/* font-weight:bold; */background:#222222;border-radius:50px;border:0;}
.contact_box .messages .form .sub button:hover{box-shadow:0 0 12px rgba(0,0,0,0.8)}
.contact_box .infos .title{text-align:center;margin:0 0 .45rem}
.contact_box .infos .title h2{font-size:.48rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;}
.contact_box .infos .box{display:grid;grid-template-columns:50% 50%;background:#f8f8f8}
.contact_box .infos .map{font-size:0}
.contact_box .infos .box .text{padding:.8rem 2.6rem 0 1.6rem}
.contact_box .infos .box .text>h2{font-size:.48rem;color:#222222;;font-family:"Oswald-Regular";;font-weight:bold;margin:0 0 .3rem}
.contact_box .infos .box .text ul li{margin:0 0 .15rem}
.contact_box .infos .box .text ul li:last-child{margin:0 }
.contact_box .infos .box .text ul li h2{font-size:.16rem;;font-family:"Poppins-SemiBold";color:#222222;margin:0 0 .05rem}
.contact_box .infos .box .text ul li p{font-size:.16rem;color:#666666;margin: 0 0 .1rem;font-family:"Poppins-Regular"}
.contact_box .infos .box .text ul li p a{display:initial;font-size:.16rem;color:#666666;}


.index_tem_banner{font-size:0}
.index_tem_banner video{width:100%;object-fit:cover}
.index_tem_banner .banner_text {position:absolute;left:50%;transform:translate(-50%,-50%);text-align:center;top:50%;z-index:2;width:100%;padding:0 2rem;z-index:2}
.index_tem_banner .banner_text h2{font-size:.6rem;line-height:.6rem;font-family:"Oswald-Regular";color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3);transform:translateY(-4vw);opacity:0;transition:all .5s linear;}
.index_tem_banner .banner_text p{font-size:.16rem;font-family:"Poppins-Regular";color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3);margin:.2rem 0 0 ;transform:translateY(4vw);opacity:0;transition:all .5s linear}


.index_tem_banner  .swiper .swiper-slide-active .banner_text h2{transform:none;opacity:1;transition-delay:300ms}
.index_tem_banner   .swiper .swiper-slide-active .banner_text p{transform:none;opacity:1;transition-delay:300ms}



.index_product{padding:1.2rem 0 }
.index_product .title{text-align:center;padding:0 0 .4rem}
.index_product .title  h2{font-size:.52rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .25rem}
.index_product .title  p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular"}
.index_product .lists {position:relative;}
.index_product .lists .swiper-wrapper{
  -webkit-transition-timing-function: linear;  
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;}
/*   .index_product .lists ul li a{position:relative}
  .index_product .lists ul li a h2{z-index:2;position:absolute;bottom:.4rem;left:.4rem;font-size:.24rem;color:white;font-family:"Poppins-SemiBold";}
  .index_product .lists ul li a:hover img{transform:scale(1.1)}
  
  .index_product .lists ul li a:after{content:"";position:absolute;background:rgba(0,0,0,.25);width:100%;height:100%;left:0;top:0;transition:.3s;opacity:0}
  .index_product .lists ul li a:hover:after{opacity:1} */
/* .index_product .lists .swiper-page>div{position:absolute;font-size:.6rem;color:white;left:.1rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.index_product .lists .swiper-page>div.slide-button-next{left:auto;right:.1rem} */
/* 
#div1{position:relative; height:6.85rem; overflow:hidden;}
#div1 ul{position:absolute; left:0;transition:none}
#div1 ul li{list-style:none; float:left; padding:0;}
#div1 ul li img{ width:5.3rem; height:6.85rem;object-fit:cover }
 */
   .index_product .lists  a{position:relative}
  .index_product .lists  a h2{z-index:2;position:absolute;bottom:.4rem;left:.4rem;font-size:.24rem;color:white;font-family:"Poppins-SemiBold";}
  .index_product .lists  a:hover img{transform:scale(1.1)}
   .index_product .lists  a img{width:100%}
  .index_product .lists  a:after{content:"";position:absolute;background:rgba(0,0,0,.25);width:100%;height:100%;left:0;top:0;transition:.3s;opacity:0}
  .index_product .lists  a:hover:after{opacity:1}
.index_product .lists .swiper-page>div{position:absolute;font-size:.6rem;color:white;left:.1rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.index_product .lists .swiper-page>div.slide-button-next{left:auto;right:.1rem}

/* #div1{position:relative; height:6.85rem; overflow:hidden;}
#div1 ul{position:absolute; left:0;transition:none}
#div1 ul li{list-style:none; float:left; padding:0;}
#div1 ul li img{ width:5.3rem; height:6.85rem;object-fit:cover } */

#div1 .a1{position:absolute;font-size:.6rem;color:white;left:.1rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
#div1 .a1.a23{left:auto;right:.1rem}
.index_abilities>div{display:grid;grid-template-columns:54.375% 43.75%;justify-content:space-between}
.index_abilities .left {display:flex;flex-direction: column;justify-content: space-between;}
.index_abilities .left .title{}
.index_abilities .left .title  h2{font-size:.52rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .25rem}
.index_abilities .left .title  p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular"}
.index_abilities .left ul li{display:flex;margin:0 0 .45rem}
.index_abilities .left ul li:last-child{margin:0}
.index_abilities .left ul li .img{width:10.5%;text-align:left}
.index_abilities .left ul li .text{width:89.5%} 
.index_abilities .left ul li .text h2{font-size:.24rem;color:#222222;margin:0 0 .1rem}
.index_abilities .left ul li .text p{font-size:.15rem;color:#666666;font-family:"Poppins-Regular"}
.index_abilities .left .lists{padding: 0 .2rem 0 .9rem;position:relative}
.index_abilities .left .lists .swiper-page>div{position:absolute;font-size:.36rem;color:black;left:.65rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.index_abilities .left .lists .swiper-page>div.one_slide-button-next{left:auto;right:0}
.index_abilities .left .lists .list{position:relative}
.index_abilities .left .lists .list .slide-pagination{width:100%;position:absolute;left:0;bottom:5px;z-index:2;text-align:center}
.index_abilities .left .lists .list .slide-pagination span{width:10px;height:10px;background:none;border:1px solid white;opacity:1;margin:0 4px}
.index_abilities .left .lists .list .slide-pagination span.swiper-pagination-bullet-active{background:white}
.index_abilities .pics{position:relative}
.index_abilities .pics  .slide-pagination{width:100%;position:absolute;left:0;bottom:25px;z-index:2;text-align:center}
.index_abilities .pics  .slide-pagination span{width:.4rem;height:1px;border-radius:0;background:white;;opacity:1;margin:0 4px}
.index_abilities .pics  .slide-pagination span.swiper-pagination-bullet-active{height:3px}

.index_team{padding:1.2rem 0 1.15rem}
.index_team .title  h2{font-size:.52rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .45rem}
.index_team .lists .text{margin:.3rem 0 .35rem}
.index_team .lists .text h2{font-size:.24rem;color:#222222;margin:0 0 .12rem}
.index_team .lists .text h3{font-size:.16rem;color:#666666}
.index_team .lists .share {display:flex;gap:.15rem;align-items: center;}
.index_team .lists .share  a{position:relative}
.index_team .lists .share  a .img{position:absolute;left:0%;bottom:100%;border:1px solid #333;display:none}
.index_team .lists .share  a .img img{max-width:1.5rem}
.index_team .lists .share  a i{font-size:.22rem;color:#222}
.index_team .lists .share  a:hover i{color:#222}
.index_team .lists .share  a:hover {}
.index_team .lists .share  a:hover .img{display:block}
.index_team .lists .swiper-slide:hover>.img img{transform:scale(1.1)}
.index_team .lists{position:relative}
.index_team .lists .swiper-page>div{position:absolute;box-shadow:0 0 12px rgba(0,0,0,0.15);font-size:.3rem;color:black;background:white;width:.65rem;height:.65rem;border-radius:100%;text-align:center;line-height:.65rem;left:-.8rem;top:26%;z-index:2;}


.index_team .lists .swiper-page>div.slide-button-next{left:auto;right:-.8rem}
.index_team .lists .swiper-page>div:hover{;background:black}
.index_team .lists .swiper-page>div:hover i{color:white}



.index_news .title{text-align:right;margin:0 0 .45rem}
.index_news .title h2{font-size:.52rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .45rem}
.index_news ul{display:grid;grid-template-columns:48.75% 48.75%;justify-content:space-between;grid-gap:.4rem 0  }
.index_news ul li a{position:relative;overflow:hidden}
.index_news ul li  .text{position:absolute;width:100%;bottom:.3rem;padding:0 .3rem;z-index:2;display:flex;align-items: center;justify-content: space-between;}
.index_news ul li  .text .time{width:1.2rem;height:1.2rem;background:#222222;border-radius:20px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.index_news ul li  .text .time h2{font-size:.6rem;color:white;font-family:"Oswald-Regular";margin:0 0 5px}
.index_news ul li  .text .time h3{font-size:.16rem;color:white;font-family:"Oswald-Regular";}
.index_news ul li  .text .dd{width:79%}
.index_news ul li  .text .dd h2{font-size:.3rem;font-family:"Poppins-SemiBold";color:#222222;text-transform:uppercase;margin:0 0 6px}
.index_news ul li  .text .dd p {font-size:.2rem;font-family:"Poppins-SemiBold";color:#222222}
.index_news ul li  .text .dd p  img{max-width:.25rem;margin-right:.1rem}
.index_news ul li  .lists{opacity:0;transform:scale(1.2)}
.index_news ul li  a:hover .lists{opacity:1;transform:scale(1)}



.index_about>div{display:grid;grid-template-columns:50% 46.875%;padding:1.15rem 0 1.2rem;justify-content:space-between}
.index_about .left{display:flex;flex-direction: column;justify-content: space-between;}
.index_about .left .title h2{font-size:.52rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .35rem}
.index_about .left .title  p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular"}
.index_about .left .infos{padding-right:1.2rem}
.index_about .left .infos ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.35rem}
.index_about .left .infos ul li h2{font-family:"Oswald-Regular";font-size:.26rem;color:#222222;margin:0 0 .05rem}
.index_about .left .infos ul li h2 em{font-size:.65rem;color:#222222} 
.index_about .left .infos ul li  {font-size:.15rem;color:#666666;font-family:"Poppins-Regular"}

.index_about .left .more a{display:inline-block;width:1.8rem;height:.5rem;text-align:center;background:#222222;border-radius:50px;line-height:.5rem;color:white;font-size:.16rem;font-family:"Poppins-Regular"}
.index_about .left .more a:hover{box-shadow:0 0 12px rgba(0,0,0,0.8)}
.index_about .pics{position:relative}
.index_about .pics .swiper-page>div{position:absolute;font-size:.6rem;color:white;left:.2rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.index_about .pics .swiper-page>div.slide-button-next{left:auto;right:.2rem}

.index_product_list>div{display:grid;grid-template-columns:83%  17%}
.index_product_list .text h2{font-size:.52rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;text-align:right;margin:0 0 .15rem}
.index_product_list .lists {position:relative;}
.index_product_list .lists:hover .swiper-page>div{opacity:1}
.index_product_list .lists .swiper-page>div{opacity:0}
.index_product_list .lists .swiper-page>div{position:absolute;font-size:.6rem;color:white;left:.2rem;transform:translateY(-50%);top:50%;transform:translateY(-50%);z-index:2;}
.index_product_list .lists .swiper-page>div.slide-button-next{left:auto;right:.2rem}
.index_product_list .lists .items a{position:relative;overflow:hidden}
.index_product_list .lists .items a p{position:absolute;width:100%;z-index:2;bottom:.3rem;padding:0 .3rem;font-size:.16rem;color:#ffffff;transform:translateY(1rem);transition:.5s;opacity:0}
.index_product_list .lists .items a:after{content:"";position:absolute;background:rgba(0,0,0,.25);width:100%;height:100%;left:0;top:0;transition:.3s;opacity:0}
.index_product_list .lists .items a:hover:after{opacity:1}
.index_product_list .lists .items a:hover p{transform:translate(0);opacity:1;;transition-delay:300ms}
.index_product_list .lists .items a:hover img{transform:scale(1.1)}

.index_message{padding:1.2rem 0 }
.index_message .title{text-align:center;margin:0 0 .4rem}
.index_message .title h2{font-size:.52rem;color:#222222;font-family:"Oswald-Regular";text-transform:uppercase;font-weight:bold;margin:0 0 .25rem}
.index_message .title p{font-size:.16rem;color:#666666;font-family:"Poppins-Regular"}

.index_message .form{font-size:0}
.index_message .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.index_message .form ul li p{font-size:.16rem;color:#222222;margin: 0 0 .1rem;font-family:"Poppins-Regular"}
.index_message .form ul li input{width:100%;height:.5rem;background:#f8f8f8;border:0;padding:0 .2rem;color:black;font-size:.16rem}
.index_message .form .area{margin:.2rem 0 0 }
.index_message .form .area  p{font-size:.16rem;color:#222222;margin: 0 0 .1rem;font-family:"Poppins-Regular"}
.index_message .form .area  textarea{width:100%;height:2rem;background:#f8f8f8;border:0;padding:.2rem;color:black;font-size:.16rem}
.index_message .form .sub{margin:.2rem 0 0;text-align:center;}
.index_message .form .sub button{position:relative;overflow:hidden;width:2.2rem;height:.5rem;color:white;font-size:.2rem;background:none;/* font-weight:bold; */background:#222222;border-radius:50px;border:0;}
.index_message .form .sub button:hover{box-shadow:0 0 12px rgba(0,0,0,0.8)}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
#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:1600px){
  .fabric .lists .swiper-slide .items a .text h2{margin:0 0 .2rem}  
  .fabric .lists .swiper-slide .items a .text h3{margin:0 0 .1rem}
  .fabric2 .lists .items:not(:first-child) .img img{height:3.3rem}
  .service .items4 ul li:nth-child(2) .text{padding:0 .5rem}
.sustainability .commitment>div{padding-left:.5rem}
.sustainability .commitment .text p{font-size:.16rem}
.sustainability .sustainable>div{padding-right:.5rem}
.sustainability .internal .top{padding-left:.5rem}
.sustainability .internal .bot{padding-right:.5rem}
.sustainability .future{padding-right:.5rem}
.sustainability .future .text .title{top:1rem}
.contact_box .infos .box .text{padding:.5rem 1rem 0 1rem}
.index_about .left .infos ul{grid-gap:.2rem}
.index_about .left .title h2{margin:0 0 .2rem}
.index_about .left .infos ul li h2 em{font-size:.6rem}
.index_abilities .left ul li{margin:0 0 .2rem}
.company .items2 .right{padding:0 .5rem}
.service .items5 .left .swiper-slide .items .img img{height:100%;object-fit:cover}
.service .items5 .right .swiper-slide .items  .img img{height:100%;object-fit:cover}
.company .items2 .right ul li{height:1.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}
	.m-header,.m_header2 {top:0;opacity:1;}
.index_tem_banner{padding:50px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
    .index_tem_banner .banner_text h2{font-size:.48rem;line-height:.48rem}
    .index_tem_banner .banner_text{padding:0}
.index_abilities>div{grid-template-columns:100%;grid-gap:.5rem 0 }
.index_abilities .left ul{margin:.5rem 0 }
.index_abilities .left ul li .img img{max-width:.6rem}
.index_abilities .left .lists{padding:0 .2rem}
.index_abilities .left .lists .swiper-page>div{left:0}
.index_team .lists{padding:0 .3rem}
.index_team .lists .swiper-page>div{left:0}
.index_team .lists .swiper-page>div.slide-button-next{right:0}
.index_news ul{grid-template-columns:100%}
.index_news ul li .text .time{border-radius:5px}
.index_about>div{grid-template-columns:100%;grid-gap:.5rem 0 }
.index_about .left .infos{padding:0;margin:.5rem 0 }
.index_product_list .text h2{font-size:.28rem}
.footer .top{grid-template-columns:1fr}
.footer .top .logo{text-align:center;margin:0 0 .2rem}
.footer .top .fot_nav ul {grid-template-columns:100%}
.footer .top .fot_nav ul li{display:none;text-align:center}
.footer .top .fot_nav ul li:last-child{display:block}
.footer .bot{display:inherit;}
.footer .bot p{margin:0 0 .2rem}
.footer .bot ul{display:flex;justify-content: center;}
.company .items1{grid-template-columns:100%;grid-gap:.5rem 0;margin:0 0 .5rem }
.company .items2{grid-template-columns:100%;grid-gap:.5rem 0 }
.company .items2 .right {padding:.5rem .2rem}
.company .items2 .right ul li{height:auto;display:flex;flex-direction:column-reverse;flex-wrap: wrap;padding:.2rem 0 }
.show .items .slide-pagination span{margin:0 4px}
.fabric .lists .swiper-slide{grid-template-columns:100%}
.fabric .lists .swiper-slide .items a {display:inherit}
.fabric .lists .swiper-slide .items a .text{padding:.2rem}
.fabric .lists .swiper-slide .items a:hover .text{padding:.2rem}
.fabric .lists .swiper-slide .items a .img{width:100%}
.fabric .lists .swiper-slide .items a .img img{object-fit:cover;height:3.5rem;object-fit:cover;width:100%}
.fabric .lists .swiper-slide .items a .text{width:100%}
.fabric1 .box .lists{grid-template-columns:48% 48%}
.fabric1 .box .lists .items .list{padding:0 .2rem}
.fabric2_tem_banner .flash .list{bottom:-1.5rem;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.fabric2{padding:2rem 0 1rem}
.fabric2_tem_banner .flash .list{width:80%}
.fabric2 .lists .items:not(:first-child) .img img{height:}

.fabric2 .lists{grid-template-columns:48% 48%}
.fabric2 .lists .items:first-child {
  grid-column: span 0; 
  grid-row: span 0; 
}
.fabric2 .lists .items:nth-child(10) {
  grid-column: span 1; 
}
.fabric2 .lists .items:nth-child(11) {
  grid-column: span 1; 
}

.fabric2 .lists .items:not(:first-child) .img img{height:auto}
.fabric2 .lists .items:nth-child(10) .img img,.fabric2 .lists .items:nth-child(11) .img img{height:auto}
.fabric2 .lists .items img{width:100%;object-fit:cover}
.fabric3 .lists{grid-template-columns:48% 48%}
.product_box .box{display:inherit}
.pro_nav{width:100%;position:relative;top:0;margin:0 0 .2rem}
.pro_nav ul li>a{height:.5rem;line-height:.5rem}
.product_box .box .lists{width:100%}
.product_box .box .lists .infos{grid-template-columns:48% 48%}
.product_details .mbx{gap:2px}
.product_details .box{display:inherit}
.product_details .box .infos{width:100%;grid-template-columns:100%;grid-gap:.2rem}
.product_details .tuijian_list .lists>.swiper-page>div{left:0}
.product_details .tuijian_list .lists>.swiper-page>div.one_slide-button-next{right:0}
.service .items2 .lists:after{display:none}
.service .items2 .lists{display:flex;flex-direction:row-reverse;justify-content:space-between}
.service .items2 ul{display:initial !important;padding:00;width:48%}
.service .items2 ul li{height:auto;width:100%;padding:0;margin:0 0 .2rem}
.service .items2 ul li:after{display:none}
.service .items2 ul li:before{display:none}
.service .items3 ul{grid-template-columns:100%;grid-gap:.5rem}
.service .items4 ul{grid-template-columns:100%;grid-gap:0}
.service .items4 ul li{border:0;padding:1rem 0  0}
.service .items5>div{grid-template-columns:100%}
.service .items5 .left .swiper-slide{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.service .items5 .left .swiper-container{height:6rem}
.service .items5 .left .swiper-slide .items .img {width:100%}
.service .items5 .left .swiper-slide .items .img img{height:auto !important;object-fit:cover;width:100%!important }
.service .items5 .left .swiper-slide .items:nth-child(4) {grid-column:initial; }

.service .items5 .right .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.2rem}
.service .items5 .right .swiper-container{height:2.5rem}
.service .items5 .right .swiper-slide .items .img {width:100%}

.service .items5 .right .swiper-slide .items:nth-child(1) .img img{height:auto !important;object-fit:cover;width:100%!important }

.service .items5 .right .swiper-slide .items:nth-child(1) {grid-column:initial; }
.service .items6 .box{grid-template-columns:100%;grid-gap:.5rem}
.service .items7>div{grid-template-columns:100%;grid-gap:.5rem}
.sustainability .commitment>div{padding:0 .2rem}
.sustainability .commitment>div{grid-template-columns:100%;grid-gap:.3rem}
.sustainability .sustainable>div{grid-template-columns:100%;grid-gap:.3rem;padding:0 .2rem}
.sustainability .certification .box{grid-template-columns:20% 80%}
.sustainability .certification .text{padding:0}
.sustainability .certification .box .lists .swiper-slide .items{padding:0 0 1.8rem}
.sustainability .internal .top>div{grid-template-columns:100%;grid-gap:.3rem}
.sustainability .internal .top{padding:0 .2rem}
.sustainability .internal .bot{padding:0 .2rem;grid-template-columns:100%;grid-gap:.3rem}
.sustainability .internal .bot .right ul{margin:0 0 .5rem}
.sustainability .internal .bot .right .items{grid-template-columns:100%}
.sustainability .future{padding:0  .2rem;grid-template-columns:100%;grid-gap:.2rem}
.sustainability .future .img{width:55%}
.sustainability .future .text .title{top:-2.5rem;right:.2rem;left:auto}
.sustainability .future .text .title h2{font-size:.35rem}
.news_box .inquire{padding:2rem 0 }
.news_box .news_list .lists ul{grid-template-columns:1fr 1fr}
.news_box .inquire .text h2{font-size:.48rem}
.customer .lists{height:6rem}
.customer .lists .swiper-slide-active {width:35%!important;}
.contact_box .infos .box{grid-template-columns:1fr}
.contact_box .infos .box .text{padding:.5rem}
#div1{position:relative; height:4rem; overflow:hidden;}
#div1 ul{position:absolute; left:0;transition:none}
#div1 ul li{list-style:none; float:left; padding:0;}
#div1 ul li img{ width:3rem; height:4rem;object-fit:cover }
}