.header{position: fixed;width: 100%;z-index: 1000}
.header.is_header{box-shadow: 0 0 12px rgba(0,0,0,0.5);background:#fff}
.header .pad46{padding: .3rem  .46rem .55rem;display:flex}
.header.is_header  .pad46 {padding:.1rem .46rem }
.header  .menu{width:8%;padding:.25rem 0 0;}

.header  .menu .menu_btn {display:block;width:.5rem;height:.5rem;border-radius:100%;;background:black;position:relative}
.header  .menu .menu_btn:before,.header  .menu .menu_btn:after{content:'';width:23px;height:2px;background:white;display:block;transition:all .4s;position:absolute;top:.15rem;left:50%;transform:translateX(-50%)}
.header  .menu .menu_btn:after {top:auto;bottom:.15rem}
.header  .menu .menu_btn span {display:block;width:23px;height:2px;background:white;margin:7px 0;position:absolute;left:50%;transform:translateX(-50%);bottom:.17rem}

.header  .menu .menu_btn:hover span,header .menu_btn.ons span{opacity:0;}
.header  .menu .menu_btn:hover:before,header .menu_btn.ons:before {transform: translate(-50%,.08rem) rotate(45deg)  }
.header  .menu .menu_btn:hover:after,header .menu_btn.ons:after{transform: translate(-50%,-.1rem) rotate(-45deg)}
.header  .menu a{position:relative;display:flex;align-items: center;}

.header  .menu a h1{font-size:.14rem;color:#000000;text-transform:uppercase;margin-left:.12rem}
.header  .navs{width:78.6%;display:flex;}
.header  .navs ul{display:flex;width:40%;justify-content:space-evenly;padding:.35rem 0 0;}
.header  .navs ul li.active a:after{opacity:1;}
.header  .navs ul li a{font-size:.16rem;color:#000000;text-transform:uppercase;padding-right:.15rem;position:relative}
.header  .navs ul li a:after{position:absolute;content:"";width:.07rem;height:.07rem;border-radius:100%;background:#c92430;right:0;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}
.header  .navs ul li a:hover:after{opacity:1;transition:.3s}
.header  .navs .logo{width:20%;text-align:center}    
.header  .navs .logo a{display:inline-block;width:1.87rem;height:1.72rem;background-size:contain;background-repeat:no-repeat}
.header.is_header  .navs .logo a{width:1.08rem;height:1rem;}

.header  .right{width:10%;display:flex;position:absolute;background:#6abbea;right:0;top:0;height:1.25rem;flex-direction: column;justify-content: center;align-items: center;}
.header  .right .text{width:70%;padding:.14rem 0 0;display:flex;flex-wrap: wrap;justify-content: flex-end;}
.header  .right .text h1{font-size:.16rem;color:black;font-weight:bold;margin:0 0 .05rem}
.header  .right .text p{font-size:.12rem;color:#000000;position:relative}
.header  .right .text p:after{position:absolute;content:"";width:.04rem;height:.04rem;border-radius:100%;background:#c92430;left:-.1rem;top:.08rem;}
.header  .right .langs {position:relative}
.header  .right .langs p{font-size:.18rem;color:white;padding:0 .2rem  0 .3rem;position:relative}
.header  .right .langs p:after{content:"";position:absolute;background:url(/public/common/images/langs.png) 0 0  no-repeat;width:.22rem;height:.22rem;background-size: .22rem .22rem;left:0;top:50%;transform:translateY(-50%)}
.header  .right .langs p:before{content:"\f0d7";position:absolute;font: normal normal normal 14px/1 FontAwesome;;right:0;top:50%;transform:translateY(-50%);font-size:.24rem}

.header  .right dl {margin:0;padding:0;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:white;;width:1.2rem;display:none;transition:none;z-index:999;box-shadow:1px 1px 5px #000;}
.header  .right dl dd a{display:block;font-size:.14rem;color:#525252;line-height:.35rem;padding:0 .16rem;text-align:center;}
.header  .right dl dd a:hover{background:#6abbea;color:white;transition:.3s}
.header.is_header .right{height:100%}
.tem_banner.indise .txt{position:absolute;left:2.09rem;bottom:33%;font-size:.6rem;}
.tem_banner.indise .txt h1{text-transform:uppercase;color:white;font-family:"Georgia";font-weight:bold}
.product_box{padding:.84rem 0 0}
.product_box .bg{border-top:1px solid #000000;display:flex}
.product_box .left{width:22.7%;}
.product_box .left ul li {padding-left:2.1rem;position:relative}
.product_box .left ul li  a{padding:.21rem 0;font-size:.16rem;color:black}
.product_box .left ul li  a:after{content:'';position:absolute;background:#6abbea;width:0;right:0;height:1px;bottom:0;transition:.5s;}
.product_box .left ul li  a:before{content:'';position:absolute;background:#6abbea;width:.11rem;height:.11rem;border-radius:100%;right:-.06rem;bottom:-.055rem;transition:.3s ;opacity:0;}
.product_box .left ul li  a:hover:after,.product_box .left ul li.active a:after{width:100%;transition:.5s}
.product_box .left ul li  a:hover:before,.product_box .left ul li.active a:before{opacity:1;transition:.3s}
.product_box .right{width:77.3%;padding:.13rem 0 2.55rem;border-left:1px solid #000000}
.product_box .right .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .right .lists .items{width:33.33%;padding:.23rem .1rem;border-bottom:1px solid #000000;}
.product_box .right .lists:after{width:33.33%;content:"";}
.product_box .right .lists  .items a{position:relative;border:2px solid rgba(255,255,255,0)}
.product_box .right .lists .items a span{position:absolute;top:.4rem;left:.45rem;border:1px solid #a0a0a0;height:.49rem;line-height:.49rem;padding:0 .25rem;font-size:.16rem;color:#000000;font-weight:bold;font-family:"DIN"}
.product_box .right .lists .items a:hover{border:2px solid #6abbea}
.product_box .right .lists .items a:hover img{transform:scale(1.1)}
.product_box .right .lists .items a h2{position:absolute;font-size:.14rem;color:#010101;left:.45rem;bottom:.3rem}
.product_box .right  .page{margin:.77rem 0 0;display:flex;padding:0 1rem .28rem;justify-content: space-between;align-items: center;position:relative}
.product_box .right  .page:after{content:'';position:absolute;background:#dadada;height:1px;width:100%;left:0;bottom:0}
.product_box .right  .page:before{content:"";position:absolute;background:url(/public/common/images/icon3.png)0 0  no-repeat;width:2.89rem;height:.11rem;left:0;bottom:-.05rem;z-index:2;background-size:100%}
.product_box .right  .page a.page-item{font-size:.18rem;color:#000000;font-weight:bold;position:relative}
.product_box .right  .page a.page-item:before{content:'';position:absolute;width:.48rem;height:.48rem;border-radius:100%;border:1px solid #7d7d7d;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}
.product_box .right  .page a.page-item:hover:before{opacity:1;transition:.3s}
.product_box .right  .page a.page-item:first-child{padding-left:1.1rem;position:relative}
.product_box .right  .page a.page-item:first-child:before{left:0}
.product_box .right  .page a.page-item:last-child:before{right:0}
.product_box .right  .page a.page-item:first-child:hover:after{left:0;transition:.3s}
.product_box .right  .page a.page-item:last-child:hover:after{right:0;transition:.3s}
.product_box .right  .page a.page-item:first-child:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon1.png)0 0  no-repeat;;background-size:100%;left:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .right  .page a.page-item:last-child{padding-right:1.1rem;position:relative}
.product_box .right  .page a.page-item:last-child:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon2.png)0 0  no-repeat;;background-size:100%;right:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .right  .page .num{display:flex}
.product_box .right  .page a.page-num{width:.43rem;height:.43rem;border:1px solid #b5b5b5;;line-height:.43rem;font-size:.16rem;color:black;font-weight:bold;margin:0 .1rem}
.product_box .right  .page a.page-num-current,.product_box .right  .page a.page-num:hover{background:#6abbea;border:1px solid #6abbea;color:white;transition:.3s}
.footer .top{display:flex}
.footer .top .left{width:52.8%;background:#e6e6e6;padding: 0 .5rem 0 2.6rem;height:5.74rem;display:flex;flex-direction: column;justify-content: center;}
.footer .top .left h1{font-size:.18rem;color:#2d2d2d;margin:0 0 .45rem}
.footer .top .left h1 em{font-size:.36rem;color:#2d2d2d;margin-right:.2rem} 
.footer .top .left p{font-size:.16rem;color:#2d2d2d;line-height:.25rem}
.footer .top .left a{margin:.3rem 0 0 ;font-size:.16rem;color:#2d2d2d;padding:0 0 .1rem;border-bottom:2px solid #1b1b1b;display:inline-block}
.footer .top .right{width:47.2%;background:url(/public/common/images/icon7.jpg)0 0  no-repeat;background-size:cover;display:flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;padding-right:2.8rem;padding-bottom:.75rem}
.footer .top .right .text{text-align:center;padding:0 0 1.5rem}
.footer .top .right .text h1{font-size:.18rem;color:white;text-transform:uppercase;padding:0 0 .4rem}
.footer .top .right .text .email{width:3.38rem;text-align:center;padding:0 0 .38rem;border-bottom:2px solid white}
.footer .top .right .text  .email h2{font-size:.36rem;color:white;padding:0 .77rem 0 0;position:relative } 
.footer .top .right .text  .email h2:after{content:"";position:absolute;background:url(/public/common/images/icon4.png)0 0  no-repeat;width:.54rem;height:.4rem;right:.4rem;top:50%;transform:translateY(-50%);background-size:100%}
.footer .top .right ul{display:flex}
.footer .top .right ul li{margin-left:.2rem;position:relative}
.footer .top .right ul li .infos{position:absolute;width:3.3rem;top:-.7rem;;text-align:center;padding:.1rem 0;background:white;border-radius:10px;display:none}
.footer .top .right ul li .infos  p{font-size:.1rem;color:black}
.footer .top .right ul li .infos:after{content:"";position:absolute;background:url(/public/common/images/icon6.png)0 0  no-repeat;width:.19rem;height:.18rem;left:1.2rem;bottom:-.17rem;background-size:100%}
.footer .top .right ul li:nth-child(1)  .infos{left:-1.23rem}
.footer .top .right ul li:nth-child(2)  .infos{left:-1.2rem}
.footer .top .right ul li:nth-child(3)  .infos{left:-1.15rem}
.footer .top .right ul li a{position:relative;cursor:pointer}
.footer .top .right ul li a i{font-size:.16rem;color:white}
.footer .top .right ul li a:after{content:"";position:absolute;background:url(/public/common/images/icon5.png) 0 0 no-repeat;width:.36rem;height:.36rem;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s;opacity:0}
.footer .top .right ul li a:hover:after{opacity:1;transform:translate(-50%,-50%) rotate(360deg)}
.footer .bot>div{display:flex;padding:.5rem 0 .35rem;justify-content: space-between;align-items: center;}
.footer .bot .fot_nav{width:50%}
.footer .bot .fot_nav ul{display:flex;width:65%;justify-content: space-between;}
.footer .bot .fot_nav ul li a{font-size:.12rem;color:black;text-transform:uppercase}
.footer .bot .txt{font-size:.12rem;color:black}
.product{padding:2.72rem 0 0}
.product .bg{border-top:1px solid #000000;display:flex}
.product .left{width:22.7%;}
.product .left ul li {padding-left:2.1rem;position:relative}
.product .left ul li  a{padding:.21rem 0;font-size:.16rem;color:black}
.product .left ul li  a:after{content:'';position:absolute;background:#6abbea;width:0;right:0;height:1px;bottom:0;transition:.5s;}
.product .left ul li  a:before{content:'';position:absolute;background:#6abbea;width:.11rem;height:.11rem;border-radius:100%;right:-.06rem;bottom:-.055rem;transition:.3s ;opacity:0;}
.product .left ul li  a:hover:after,.product .left ul li.active a:after{width:100%;transition:.5s}
.product .left ul li  a:hover:before,.product .left ul li.active a:before{opacity:1;transition:.3s}
.product .right{width:77.3%;border-left:1px solid black}
.product .right .top{padding: .6rem 0.7rem 1.05rem;border-bottom:1px solid black;}
.product .right .top .title{display:flex;align-items: flex-end;margin:0 0 .45rem}
.product .right .top .title h1{font-size:.6rem;color:black;font-family:"Georgia";font-weight:bold}
.product .right .top .title  h2{font-size:.24rem;color:#010101;border-bottom:1px solid #010101;margin:0 0 .1rem .4rem}
.product .right .top  .infos{display:flex;justify-content: space-between;}
.product .right .top  .infos .lefts{width:48.5%}
.product .right .top  .infos .lefts .sm_list{padding:.25rem .2rem}
.product .right .top  .infos .lefts .sm_list .swiper-slide{border:2px solid #e1e1e1}

.product .right .top  .infos .text{width:46.5%;padding:.6rem 0 0 }
.product .right .top  .infos .text .desc{color:black;line-height:.2rem;margin:0 0 1rem}
.product .right .top  .infos .contact{margin:.75rem 0 0    }
.product .right .top  .infos .contact a{height:.52rem;line-height:.52rem;width:1.75rem;background:#6abbea;display:inline-block;text-transform:capitalize;text-transform:uppercase;text-align:center;font-size:.14rem;color:white;}
.product .right .bot{padding:.7rem .72rem 1.65rem}
.product .right .bot h1{font-size:.6rem;color:black;font-family:"Georgia";font-weight:bold;text-transform:uppercase;margin:0  0 .55rem}
.product .right .bot .lists  .items a{position:relative;border:2px solid rgba(255,255,255,0)}
.product .right .bot .lists .items a span{position:absolute;top:.4rem;left:.45rem;border:1px solid #a0a0a0;height:.49rem;line-height:.49rem;padding:0 .25rem;font-size:.16rem;color:#000000;font-weight:bold;font-family:"DIN"}
.product .right .bot .lists .items a:hover{border:2px solid #6abbea}
.product .right .bot .lists .items a:hover img{transform:scale(1.1)}
.product .right .bot .lists .items a h2{position:absolute;font-size:.14rem;color:#010101;left:.45rem;bottom:.3rem}
.product .right .bot .lists .swiper-page{margin:.77rem 0 0;display:flex;padding:0 1rem .28rem;justify-content: space-between;align-items: center;position:relative}
.product .right  .bot .lists  .swiper-page:after{content:'';position:absolute;background:#dadada;height:1px;width:100%;left:0;bottom:0}
.product .right  .bot .lists  .swiper-page:before{content:"";position:absolute;background:url(/public/common/images/icon3.png)0 0  no-repeat;width:2.89rem;height:.11rem;left:0;bottom:-.05rem;z-index:2;background-size:100%}
.product .right  .bot .lists  .swiper-page .slide-button-prev,.product .right  .bot .lists  .swiper-page .slide-button-next{font-size:.18rem;color:#000000;font-weight:bold;position:relative}
.product .right  .bot .lists  .swiper-page .slide-button-prev:before,.product .right  .bot .lists  .swiper-page .slide-button-next:before{content:'';position:absolute;width:.48rem;height:.48rem;border-radius:100%;border:1px solid #7d7d7d;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-prev:hover:before,.product .right  .bot .lists  .swiper-page .slide-button-next:hover:before{opacity:1;transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-prev{padding-left:1.1rem;position:relative}
.product .right  .bot .lists  .swiper-page .slide-button-prev:before{left:0}
.product .right  .bot .lists  .swiper-page .slide-button-next:before{right:0}
.product .right  .bot .lists  .swiper-page .slide-button-prev:hover:after{left:0;transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-next:hover:after{right:0;transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-prev:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon1.png)0 0  no-repeat;;background-size:100%;left:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-button-next:last-child{padding-right:1.1rem;position:relative}
.product .right  .bot .lists  .swiper-page .slide-button-next:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon2.png)0 0  no-repeat;;background-size:100%;right:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.product .right  .bot .lists  .swiper-page .slide-pagination{display:flex;text-align:center}
.product .right  .bot .lists  .swiper-page .slide-pagination span{width:.43rem;height:.43rem;border:1px solid #b5b5b5;;line-height:.43rem;font-size:.16rem;color:black;font-weight:bold;margin:0 .1rem;opacity:1;border-radius:0;background:none}
.product .right  .bot .lists  .swiper-page .slide-pagination span.swiper-pagination-bullet-active,.product .right  .bot .lists  .swiper-page .slide-pagination span:hover{background:#6abbea;border:1px solid #6abbea;color:white;transition:.3s}
.about_nav{padding:2.73rem 0 0}
.about_nav ul{display:flex}
.about_nav ul li{padding:0 .26rem;position:relative}
.about_nav ul li:after{content:'';position:absolute;background:#111111;height:70%;top:50%;transform:translateY(-50%);width:2px;right:0}
.about_nav ul li:first-child{padding-left:0}
.about_nav ul li:last-child:after{display:none}
.about_nav ul li a{font-size:.16rem;color:#9b9b9b;text-transform:uppercase;position:relative}
.about_nav ul li a:after{content:"";position:absolute;width:0%;left:50%;transform:translateX(-50%);height:2px;background:#000000;bottom:0;transition:.3s}
.about_nav ul li a:hover:after{width:100%;transition:.3s}
.about_nav ul li a:hover{color:#000000;transition:.3s}
.about_nav ul li.active a{color:#000000}
.about_nav ul li.active a:after{width:100%;transition:.3s}
.about_box{padding:0 0 1rem}
.about_box .title{padding:.4rem 0 .5rem}
.about_box .title h1{font-size:.5rem;color:black;font-weight:bold;text-transform:uppercase;margin:0  0 .2rem}
.about_box .title h2{font-size:.32rem;color:black;font-weight:bold}
.about_box .content p{font-size:.16rem;color:#000000;line-height:.3rem}
.design{position:relative}
.design .text{width:100%;position:absolute;top:20.6%;padding-left:3.5rem;height:1px;display:flex;flex-direction: column;justify-content: center;background:rgba(255,255,255,.18)}
.design .text:after{content:"";position:absolute;width:7px;height:7px;border-radius:100%;background:white;left:2.6rem;top:50%;transform:translateY(-50%)}
.design .text:before{content:"";position:absolute;width:7px;height:7px;border-radius:100%;background:white;left:6.58rem;top:50%;transform:translateY(-50%)}

.design .text a{width:2.1rem;height:.56rem;line-height:.56rem;background:#6abbea;border-radius:50px;font-size:.16rem;text-align:center;color:white}
.design_box{padding:0 0 1rem}
.design_box .title{padding:.4rem 0 .5rem}
.design_box .title h1{font-size:.5rem;color:black;font-weight:bold;text-transform:uppercase;margin:0  0 .5rem}
.design_box .title h2{font-size:.32rem;color:black}
.design_box  .content p{font-size:.16rem;color:#000000;line-height:.3rem}
.design_infos{background:#111111}
.design_infos>div{display:flex;justify-content: space-between;padding:0 .18rem}
.design_infos>div:after{content:"";position:absolute;background:url(/public/common/images/icon8.png)0 0  no-repeat;width:2.72rem;height:2.75rem;left:44.5%;top:40%;background-size:100%;animation: dropdown2 15s 0.2s linear infinite alternate}
@keyframes dropdown2 {
	form{
		transform:rotate(0deg)
	}
	to{
		transform: rotate(360deg)
	}
}
.design_infos .left{width:48.5%}
.design_infos .right{width:46.1%;padding:1.05rem 0 0 }
.design_infos .right h2{font-size:.15rem;color:white;line-height:.27rem;padding-left:.48rem;margin:0 0 .65rem}
.news_box>.title{padding:.4rem 0 .6rem}
.news_box>.title h1{font-size:.6rem;color:black;font-family:"Georgia";font-weight:bold;text-transform:uppercase;}
.news_box .lists .items {margin:0 0 .45rem}
.news_box .lists .items .pad26 {padding-top:.1rem}
.news_box .lists .items .title{padding:.3rem  0 .3rem;position:relative;border-bottom:1px solid #dcdcdc;cursor:pointer}

.news_box .lists .items .title:before{content:"";position:absolute;width:.1rem;height:.1rem;bottom:-.05rem;border-radius:100%;background:#6abbea;z-index:2;transition:.8s;left:0;opacity:0}
.news_box .lists .items .title:hover:before,.news_box .lists .items .pad26.opens .title:before{transition:.2s;opacity:1}
.news_box .lists .items .title:after{content:"";position:absolute;background:#6abbea;width:0;height:1px;bottom:-.01rem;z-index:2;left:0;transition:.2s}
.news_box .lists .items .title:hover:after,.news_box .lists .items .pad26.opens .title:after{width:100%;transition:.5s}
.news_box .lists .items .title h1{font-size:.18rem;color:#686868;font-weight:bold;width:70%}
.news_box .lists .items .title:hover h1,.news_box .lists .items .pad26.opens h1{color:#000000}
.news_box .lists .items .title:hover  span{color:#000000}
.news_box .lists .items .title em{position:absolute;font-size:.16rem;color:#9a9a9a;right:0;top:50%;transform:translateY(-50%);opacity:0}
.news_box .lists .items .title  span{font-size:.16rem;color:#9a9a9a;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:1}
.news_box .lists .items .pad26.opens{background:#f8f8f8}
.news_box .lists .items .pad26.opens .title  span{opacity:0;transition:0s;color:#000000}
.news_box .lists .items .pad26.opens .title em{opacity:1;transition:0s;color:#000000}
.news_box .lists .items a{display:none;transition:0s;padding:.2rem 0 .2rem}
.news_box .lists .items a .infos p{height:.75rem;line-height:.25rem;margin:0 0 .3rem;color:#575757;font-size:.14rem} 
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box  .page{margin:.8rem 0 0;display:flex;padding:0 2.6rem 2rem;justify-content: space-between;align-items: center;position:relative}
.news_box  .page a.page-item{font-size:.18rem;color:#000000;font-weight:bold;position:relative}
.news_box  .page a.page-item:before{content:'';position:absolute;width:.48rem;height:.48rem;border-radius:100%;border:1px solid #7d7d7d;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}
.news_box  .page a.page-item:hover:before{opacity:1;transition:.3s}
.news_box  .page a.page-item:first-child{padding-left:1.1rem;position:relative}
.news_box  .page a.page-item:first-child:before{left:0}
.news_box  .page a.page-item:last-child:before{right:0}
.news_box .page a.page-item:first-child:hover:after{left:0;transition:.3s}
.news_box  .page a.page-item:last-child:hover:after{right:0;transition:.3s}
.news_box  .page a.page-item:first-child:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon1.png)0 0  no-repeat;;background-size:100%;left:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.news_box  .page a.page-item:last-child{padding-right:1.1rem;position:relative}
.news_box  .page a.page-item:last-child:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon2.png)0 0  no-repeat;;background-size:100%;right:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.news_box  .page .num{display:flex}
.news_box  .page a.page-num{width:.43rem;height:.43rem;border:1px solid #b5b5b5;;line-height:.43rem;font-size:.16rem;color:black;font-weight:bold;margin:0 .1rem}
.news_box  .page a.page-num-current,.news_box .page a.page-num:hover{background:#6abbea;border:1px solid #6abbea;color:white;transition:.3s}
.news{padding:2.73rem 0 0}
.news .bg{border-top:1px solid black;display:flex}
.news .bg .left{width:23.1%}
.news .bg .left h2{padding-left:.46rem;font-size:.24rem;color:#000000;text-transform:uppercase;margin:.25rem 0 .22rem}
.news .bg .left  ul li{margin:0 0 .5rem;border-bottom:1px solid  #d2d2d2}
.news .bg .left  ul li a{padding:0 .36rem 0.15rem .46rem;position:relative}
.news .bg .left  ul li a:after{content:'';position:absolute;background:#6abbea;width:0;right:0;height:1px;bottom:-.01rem;transition:.5s;}
.news .bg .left  ul li a:before{content:'';position:absolute;background:#6abbea;width:.11rem;height:.11rem;border-radius:100%;right:-.06rem;bottom:-.055rem;transition:.3s ;opacity:0;}
.news .bg .left  ul li a:hover:after{width:100%;transition:.5s}
.news .bg .left  ul li a:hover:before{opacity:1;transition:.3s}
.news .bg .left  ul li a h1{font-size:.14rem;color:#000000;font-weight:bold;margin:.18rem 0 .45rem;height:.34rem;line-height:.17rem}
.news .bg .left  ul li a em{width:100%;display:inline-block;text-align:right;font-size:.16rem;color:#9a9a9a;transition:.3s}
.news .bg .left  ul li a:hover img{transform:scale(1.1)}
.news .bg .left  ul li a:hover em{color:black;transition:.3s}
.news .bg .right{width:76.9%;border-left:1px solid black;padding-right:.72rem}
.news .bg .right .top_img{position:relative}
.news .bg .right .top_img .text{width:91%;left:50%;transform:translateX(-50%);position:absolute;bottom:5.5%}
.news .bg .right .top_img .text h1{font-size:.18rem;color:white;margin:0 0 .25rem}
.news .bg .right .top_img .text p{font-size:.14rem;color:#fffefe;padding-left:.42rem;position:relative}
.news .bg .right .top_img .text p:after{content:"";position:absolute;background:url(/public/common/images/icon10.png)0 0  no-repeat;width:.23rem;height:.23rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.news .bg .right .editor{padding:.75rem 0 1rem .72rem}
.news .bg .right .editor {font-size:.16rem;color:#333;line-height:1.8}
.news .bg .right .met_page {padding:.25rem .72rem 1rem;}
.news .bg .right .met_page li {margin:.1rem 0;font-size:.14rem;color:#333}
.news .bg .right .met_page li a {font-size:.14rem;color:#333}
.contact_box .title{padding:.9rem 0 .27rem 2.6rem;border-bottom:1px solid black}
.contact_box .title h1{font-size:.3rem;color:#000000;font-weight:bold;text-transform:uppercase}
.contact_box .infos{padding:.55rem 1.65rem 1rem 2.6rem;display:flex;justify-content: space-between;}
.contact_box .infos .left{width:45.5%;border-right:1px solid #dcdcdc}
.contact_box .infos .left ul {display:flex;height:100%;flex-direction: column;justify-content: space-between;}
.contact_box .infos .left ul li h1{font-size:.18rem;color:#000000;font-weight:bold;margin:0 0 .1rem}
.contact_box .infos .left ul li  p{font-size:.2rem;color:#1f1f1f}
.contact_box .infos .left ul li p em{font-size:.36rem;font-family:"cai978";font-style:italic}
.contact_box .infos .right{width:47.5%}
.contact_box .infos .right .info{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .infos .right .info .input{width:48%;margin:0 0 .34rem}
.contact_box .infos .right .info .input input{width:100%;height:.63rem;line-height:.63rem;border:1px solid #959595;font-size:.16rem;color:black;padding:0 .15rem}
.contact_box .infos .right .info .input:last-child{width:100%}
.contact_box .infos .right .second{font-size:0}
.contact_box .infos .right .second textarea{height:1.85rem;width:100%;padding:.25rem .15rem;;border:1px solid #959595;font-size:.16rem;color:black}
.contact_box .infos .right .submint{margin:.31rem 0 0;width:1.7}
.contact_box .infos .right .submint button{width:1.7rem;height:.55rem;background:#6abbea;border:0;font-size:.16rem;color:white;text-transform:uppercase;font-weight:bold}
.contact_box  .map #container{height:6rem}
.tem_banner.index .label_text{position:absolute;top:43%;z-index:2;left:2.4rem}
.tem_banner.index .label_text h1{font-size:.72rem;color:white;text-transform:uppercase;font-family:"AbrilFatface"}
.tem_banner.index .bot{position:absolute;width:100%;padding-left:2.4rem;bottom:1.35rem;z-index:2;display:flex;align-items: center;}
.tem_banner.index .bot:after{content:"";position:absolute;background:rgba(255,255,255,.18);width:100%;left:0;height:1px;top:50%;transform:translateY(-50%)}
.tem_banner.index .bot .more{z-index:2;margin-right:1rem}
.tem_banner.index .bot .more a{width:2.1rem;height:.56rem;line-height:.56rem;background:#6abbea;border-radius:50px;text-align:center;font-size:.16rem;color:white}
.tem_banner.index .bot .slide-pagination{z-index:1;font-size:0;text-align:center;position:relative}
.tem_banner.index .bot .slide-pagination span{opacity:1;outline:none;margin:0;width:auto;height:auto;border-radius:0;padding:0 .45rem .0rem;position:relative;font-size:.16rem;color:#FFF;font-weight:bold;background:none;border:0}
.tem_banner.index .bot .slide-pagination span:before,.tem_banner.index .bot  .slide-pagination:before{content:'';width:.07rem;height:.07rem;background:#FFF;border-radius:100%;position:absolute;right:0;bottom:-.038rem;}
.tem_banner.index .bot .slide-pagination:before{right:auto;left:0}
.tem_banner.index .bot .slide-pagination span:after{content:'';width:0;height:1px;background:#FFF;transition:all .45s ease-in-out;position:absolute;left:50%;transform:translateX(-50%)}
.tem_banner.index .bot .slide-pagination span.swiper-pagination-bullet-active:after{width:100%}
.tem_banner .swiper-slide .img {background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_banner .fix_banner {position:fixed;width:100%;height:100%;top:0;left:0;transition:none}
.main{position:relative;background:#FFF;z-index:1}
.index_about>div{padding:2.2rem 0 1.8rem;display:flex;justify-content: space-between;}
.index_about .left{width:33%}
.index_about .left h1{font-size:.42rem;color:black;line-height:.7rem;margin:0 0 .4rem}
.index_about .left p{font-size:.16rem;color:#000000;width:85%;line-height:.3rem;font-weight:bold}
.index_about .left a{margin:.6rem 0 0;font-size:.16rem;color:#202020;padding:0 0 .1rem;border-bottom:2px solid #535353;display:inline-block}
.index_about .middle{width:33%;position:relative}
.index_about .middle:after{content:"";position:absolute;background:url(/public/common/images/icon11.png)0 0  no-repeat;width:5.83rem;height:5.97rem;left:50%;top:50%;transform:translate(-50%,-50%);background-size:100%;;transition:2s}
.index_about .middle:hover:after{transform:translate(-50%,-50%) rotate(180deg);transition:2s}
.index_about .middle h2{position:absolute;font-size:.36rem;width:100%;transform:translateX(-50%);text-align:center;left:50%;z-index:2;font-family:"GothamProRegular";top:-.05rem}
.index_about .middle .items1{position:absolute ;transform:translateX(-50%);left:50%;top:-1rem ;font-size:.16rem;width:100%;text-align:center}
.index_about .middle .items2{position:absolute ;transform:translateX(-50%);left:50%;bottom:-.2rem ;font-size:.16rem;width:100%;text-align:center}
.index_about .right{width:33%;text-align:right;padding:.4rem 0 0;}
.index_about .right .img{display:inline-block}
.index_product_nav .bg{padding-left:2.6rem}
.index_product_nav .bg .swiper-container{padding:.6rem  0}
.index_product_nav .bg .lists {position:relative}
.index_product_nav .bg .lists a .text{position:absolute;left:.5rem;top:.35rem}
.index_product_nav .bg .lists a .text h1{font-size:.6rem;color:white;text-transform:uppercase;font-family:"cai978";opacity:0;transform:translateY(.3rem);transition:.3s}
.index_product_nav .bg .lists a .text h2{font-size:.24rem;color:white;text-transform:uppercase;font-family:"cai978";margin:.2rem 0 .55rem}
.index_product_nav .bg .lists a .text em{width:1.8rem;height:.53rem;line-height:.53rem;font-size:.16rem;color:white;text-transform:uppercase;font-family:"cai978";border:1px solid white;display:inline-block;border-radius:50px;text-align:center}
.index_product_nav .bg .lists .swiper-slide-active{transform:translateY(-.6rem)}
.index_product_nav .bg .lists a:hover h2{color:#6abbea;transition:.3s}
.index_product_nav .bg .lists a:hover h2{color:#6abbea;transition:.3s}
.index_product_nav .bg .lists a:hover img{transform:scale(1.1)}
.index_product_nav .bg .lists a:hover em{background:#6abbea;border:1px solid #6abbea;transition:.3s}
.index_product_nav .bg .lists .swiper-slide-active a .text{top:.58rem}
.index_product_nav .bg .lists .swiper-slide-active a .text h1{opacity:1;transform:translateY(0);transition:.3s}
.index_product_nav .bg .lists .swiper-slide-active a .text h2{margin:.2rem 0 .9rem}
.index_product_nav .bg .lists  .swiper-page>div{position:absolute;width:.65rem;height:.65rem;border-radius:100%;background: white url(/public/common/images/icon12.png) center center  no-repeat;background-size:.29rem .1rem;outline:none;z-index:2;top:50%;transform:translateY(-50%);left:-.33rem;;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.index_product_nav .bg .lists  .swiper-page>div.slide-button-next {left:auto;right:14%;background: white url(/public/common/images/icon13.png) center center  no-repeat;background-size:.29rem .1rem;}
.index_product_nav .bg .lists  .swiper-page>div:hover{background: #6abbea url(/public/common/images/icon12-1.png) center center  no-repeat;background-size:.29rem .1rem;}
.index_product_nav .bg .lists  .swiper-page>div.slide-button-next:hover {background: #6abbea url(/public/common/images/icon13-1.png) center center  no-repeat;background-size:.29rem .1rem;}
.index_product_lists{padding:0 0 .7rem}
.index_product_lists .title {padding:0 0 .5rem}
.index_product_lists .title h1{font-size:.6rem;color:#000000;text-transform:uppercase;font-family:"cai978"}
.index_product_lists .title p{font-size:.48rem;color:#000000;text-transform:uppercase;font-family:"cai978"}
.index_product_lists .lists   a{position:relative;border:2px solid rgba(255,255,255,0)}
.index_product_lists .lists   a span{position:absolute;top:.4rem;left:.45rem;border:1px solid #a0a0a0;height:.49rem;line-height:.49rem;padding:0 .25rem;font-size:.16rem;color:#000000;font-weight:bold;font-family:"DIN"}
.index_product_lists .lists   a:hover{border:2px solid #6abbea}
.index_product_lists .lists   a:hover img{transform:scale(1.1)}
.index_product_lists .lists   a h2{position:absolute;font-size:.14rem;color:#010101;left:.45rem;bottom:.3rem}
.index_product_lists .lists .swiper-page{margin:.48rem 0 0;display:flex;padding: 0 1.43rem 0.44rem;justify-content: space-between;align-items: center;position:relative;}
.index_product_lists .lists  .swiper-page:after{content:'';position:absolute;background:#dadada;height:1px;width:100%;left:0;bottom:0}
.index_product_lists .lists  .swiper-page:before{content:"";position:absolute;background:url(/public/common/images/icon14.png)0 0  no-repeat;width:4.87rem;height:.11rem;left:0;bottom:-.05rem;z-index:2;background-size:100%}
.index_product_lists .lists  .swiper-page .slide-button-prev,.index_product_lists .lists  .swiper-page .slide-button-next{font-size:.18rem;color:#000000;font-weight:bold;position:relative}
.index_product_lists .lists .swiper-page .slide-button-prev:before,.index_product_lists .lists  .swiper-page .slide-button-next:before{content:'';position:absolute;width:.48rem;height:.48rem;border-radius:100%;border:1px solid #7d7d7d;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}
.index_product_lists .lists  .swiper-page .slide-button-prev:hover:before,.index_product_lists .lists  .swiper-page .slide-button-next:hover:before{opacity:1;transition:.3s}
.index_product_lists .lists  .swiper-page .slide-button-prev{padding-left:1.1rem;position:relative}
.index_product_lists .lists  .swiper-page .slide-button-prev:before{left:0}
.index_product_lists .lists  .swiper-page .slide-button-next:before{right:0}
.index_product_lists .lists .swiper-page .slide-button-prev:hover:after{left:0;transition:.3s}
.index_product_lists .lists  .swiper-page .slide-button-next:hover:after{right:0;transition:.3s}
.index_product_lists .lists  .swiper-page .slide-button-prev:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon1.png)0 0  no-repeat;;background-size:100%;left:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.index_product_lists .lists  .swiper-page .slide-button-next:last-child{padding-right:1.1rem;position:relative}
.index_product_lists .lists  .swiper-page .slide-button-next:after{content:'';position:absolute;width:.62rem;height:.12rem;background:url(/public/common/images/icon2.png)0 0  no-repeat;;background-size:100%;right:.15rem;top:50%;transform:translateY(-50%);transition:.3s}
.index_infos {height:6.58rem;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;display:flex;flex-direction: column;justify-content: center;align-items: center;position:relative}
.index_infos .logo{width:24%}
.index_infos .more{position:absolute;bottom:-1.15rem}
.index_infos .more a{width:2.3rem;height:2.3rem;background:white;border-radius:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;text-align:center;z-index:2;position:relative}
.index_infos .more a h1{font-size:.16rem;color:#000000;z-index:2;font-weight:bold}
.index_infos .more a:after{content:"";position:absolute;background:url(/public/common/images/icon15.png)0 0  no-repeat;width:1.93rem;height:1.95rem;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100%;animation: dropdown3 15s 0.2s linear infinite alternate;z-index:0}
@keyframes dropdown3 {
	form{
		transform:translate(-50%,-50%) rotate(0deg)
	}
	to{
		transform:translate(-50%,-50%) rotate(360deg)
	}
}
.index_news{padding:0 0 1.05rem}
.index_news .title {padding:1.5rem 0 .5rem}
.index_news .title h1{font-size:.6rem;color:#000000;text-transform:uppercase;font-family:"cai978"}
.index_news .title p{font-size:.48rem;color:#000000;text-transform:uppercase;font-family:"cai978"}
.index_news .infos{display:flex}
.index_news .infos .more{width:26%;padding:1.12rem 0 0}

.index_news .infos .more a{font-size:.16rem;color:#202020;padding:0 0 .1rem;border-bottom:2px solid #535353;display:inline-block}

.index_news .infos .lists{width:74%;border-top:1px solid #dadada} 
.index_news .infos .lists .items a{height:2rem;border-bottom:1px solid #dadada;position:relative;overflow:hidden}
.index_news .infos .lists .items a:after{position:absolute;content:"";background:url(/public/common/images/icon16.png)0 0  no-repeat;width:.27rem;height:.09rem;right:0;bottom:.4rem;background-size:100%;transition:.3s}
.index_news .infos .lists .items a:hover:after{position:absolute;content:"";background:url(/public/common/images/icon16-1.png)0 0  no-repeat;width:.27rem;height:.09rem;right:0;bottom:.4rem;background-size:100%;transition:.3s}
.index_news .infos .lists .items a:hover{border-bottom:1px solid #6abbea}
.index_news .infos .lists .items a .text1 {position:absolute;height:100%;display:flex;left:0;top:0;flex-direction: column;justify-content: center;width:100%;transition:.5s}
.index_news .infos .lists .items a .text1 h1{font-size:.18rem;color:#000000;font-weight:bold}
.index_news .infos .lists .items a .text1 span{display:inline-block;margin:.5rem 0 0;font-size:.2rem;color:#515151;font-weight:bold}
.index_news .infos .lists .items a .text2{display:flex;position:absolute;height:100%;justify-content: space-between;left:0;bottom:-2rem;transition:.5s}
.index_news .infos .lists .items a .text2 .img{width:22%;padding:.33rem 0 0 }

.index_news .infos .lists .items a .text2 .img img{height:1.4rem;object-fit:cover;border-radius:0 0 50px 0}
.index_news .infos .lists .items a .text2 .box{width:74%;padding-right:1.15rem;padding-top:.1rem}
.index_news .infos .lists .items a .text2 .box  span{font-size:.2rem;color:#515151;font-weight:bold}
.index_news .infos .lists .items a .text2 .box h1{font-size:.18rem;color:#000000;font-weight:bold;margin:.25rem 0 .25rem}
.index_news .infos .lists .items a .text2 .box p{font-size:.14rem;color:#302f2f;height:.46rem;line-height:.23rem}
.index_news .infos .lists .items a:hover .text1 {top:-2rem;transition:.5s;}
.index_news .infos .lists .items a:hover .text2 {bottom:0;transition:.5s}
.navfixbox {position:fixed;width:100%;height:100%;top:0;left:0;background:#fcfcfc;transform: scaleX(0) translateZ(0) ;transition: transform .8s 0s;;transform-origin: 0 100% ;z-index:9999}
.is_navfixbox {transform: scaleX(1) translateZ(0);left:0}
.navfixbox>div {height:100%;padding-left:2.8rem;display:flex}
.navfixbox .left{width:46%;padding:1.8rem  0 0}
.navfixbox .left .top {padding:0  0 .3rem}
.navfixbox .left .top a{font-size:.3rem;color:#040000;text-transform:uppercase;font-family:"Georgia";}

.navfixbox .left .top  a:last-child{font-size:.3rem;color:#7b7b7b;margin:.3rem 0 0;border-bottom:2px solid #0d0d0d;font-style:italic}
.navfixbox .left .middle {display:flex}
.navfixbox .left .middle  ul{width:62%}
.navfixbox .left .middle  ul li{margin:0 0 .3rem} 
.navfixbox .left .middle  ul li a{font-size:.24rem;color:#040000;text-transform:uppercase}
.navfixbox .left .middle  .box{width:38%}
.navfixbox .left .middle  .box a{font-size:.16rem;color:#0d0d0d;margin:0 0 .1rem}
.navfixbox .left .middle  .box a:hover {color:#7b7b7b}
.navfixbox .left .middle  .box a:last-child{margin:0}
.navfixbox .left .bot{margin:.7rem 0 0}
.navfixbox .left .bot ul li {margin:0 0 .2rem}
.navfixbox .left .bot ul li p{font-size:.12rem;color:#000000;margin:.05rem 0 0;position:relative}
.navfixbox .left .bot ul li p:after{position:absolute;content:"";width:.04rem;height:.04rem;border-radius:100%;background:#c92430;left:-.1rem;top:.08rem;}
.navfixbox .left .bot ul li h1{font-size:.16rem;color:#000000;font-weight:bold}
.navfixbox .img{width:54%;background-repeat:no-repeat;background-size:cover;background-repeat:center center}
.navfixbox  .mnt{position:absolute;left:.46rem;top:.7rem;display:flex;align-items: center;}
.navfixbox  .mnt  h1{font-size:.14rem;color:#000000;text-transform:uppercase;font-weight:bold;padding-left:.64rem;position:relative;cursor:pointer}
.navfixbox  .mnt  h1:after{content:"";position:absolute;background:url(/public/common/images/icon17.png)0 0  no-repeat;width:.52rem;height:.52rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;}
.navfixbox  .mnt p{font-size:.14rem;color:#000000;font-weight:bold;margin-left:.65rem}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:white}
.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:black;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:black;}
.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********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){
	.tem_banner.index .label_text{left:1rem;}
	.tem_banner.index .bot{padding-left:1rem}
	.header .right .text h1{font-size:.15rem}
	.header .navs{width:76%}
	.header .right{width:16%}
	.header .pad46{padding: .3rem  .2rem .55rem;}
	.header.is_header  .pad46 {padding:.1rem .2rem }
	.navfixbox .left{padding:1.2rem 0 0}
	.navfixbox>div{padding-left:1rem}
	.navfixbox .left .bot{margin:.2rem 0 0 }
	.index_product_nav .bg{padding-left:1.6rem}
	.footer .top .left{padding:0 .5rem 0 1.6rem}
	.footer .top .right{padding-right:1.8rem}
	.product_box .left ul li{padding-left:1.1rem}
	.product .left ul li{padding-left:1.1rem}
	.design .text{padding-left:2rem}
	.design .text:after{left:1.6rem;}
.design .text:before{left:5rem;}
.news_box .lists .items .pad26{padding:0 1rem}
.contact_box .infos{padding:.55rem 1rem 1rem 1rem;}
.contact_box .title{padding:.9rem 0 .27rem 1rem;}

}
@media(max-width:1440px){
	       .header .right .text{width:75%}
}
@media(max-width:1300px){
	       .header .right .text{width:77%}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner.index .label_text{left:50%;transform:translateX(-50%);width:100%;text-align:center}
	.tem_banner.index .bot{bottom:30%}
	.tem_banner.index .bot .more a{width:2.4rem}
	.index_about>div{display:inherit}
	.index_about .left{width:100%}
.index_about .middle{width:100%;margin:1rem 0 }
.index_about .middle .info img{width:66%}
.index_about .right{width:100%}
.index_product_nav .bg{padding-left:.5rem}
.index_product_lists .lists a span{top:.2rem;left:.1rem}
.index_news .infos .lists .items a .text2 .box{padding-right:.2rem}
.index_news .infos .lists .items a .text2 .img img{border-radius:0}
.footer .top{display:inherit}
.footer .top .left{width:100%}
.footer .top .left{padding:0 .2rem}
.footer .top .right{width:100%;padding: .3rem 0;display:flex;align-items: center;}
.footer .top .right .text{padding:0 0  .5rem}
.footer .bot>div{display:inherit}
.footer .bot .fot_nav{width:100%}
.footer .bot .fot_nav ul{width:100%}
.product_box .left ul li{padding:0 0 0 .1rem}
.product_box .right .lists .items{width:100%}
.product_box .right .page{padding:0 .2rem .28rem}
.product .left ul li{padding:0 0 0 .1rem}
.product .right .top .title{display:inherit}
.product .right .top .title h2{margin:0;display:inline-block}
.product .right .top .infos{display:inherit}
.product .right .top .infos .lefts{width:100%}
.product .right .top .infos .text{width:100%}
.product .right .top{padding:.6rem 0.2rem 1.05rem}
.product .right .bot{padding:.2rem}
.product .right .bot .lists .swiper-page{padding:0 .2rem .3rem}
.design_infos>div{display:inherit}
.design_infos .left{width:100%}
.design_infos .right{width:100%}
.news_box .lists .items .pad26{padding:0 .1rem}
.tem_banner.indise .txt{left:1rem}
.news_box .lists .items .title span{position:inherit}
.news_box .lists .items .title em{left:0;top:auto;transform:translateY(0)}
.news_box .lists .items .title h1{width:100%}
.news_box .page{padding:0 .2rem .3rem}
.news .bg .left h2{padding-left:.2rem}
.news .bg .left ul li a{padding:0 .05rem}
.news .bg .left ul li a h1{height:.44rem;line-height:.22rem}
.news .bg .right .editor{padding:.1rem}
.news .bg .right{padding:0}
.contact_box .infos{padding:.2rem}
.contact_box .infos{display:inherit}
.contact_box .infos .left{width:100%;border-right:0}
.contact_box .infos .right{width:100%}
.contact_box .title{padding:.9rem 0 .27rem .2rem;}
.index_product_lists .lists .swiper-page{padding:0 .43rem 0.44rem}
}