.header{position: fixed;width: 100%;z-index: 1000;top:0;background:white;padding-left:.6rem;display:flex;height:.9rem;line-height:.9rem;justify-content: space-between;}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header  .logo{width:4.5%}
.header .navs{width:59.5%}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li {margin-left:.55rem}
.header .navs ul li.active a:after{width:100%}
.header .navs ul li a{font-size:.17rem;color:#555555;position:relative}
.header .navs ul li a:after{content:"";position:absolute;background:#c3190d;width:0;height:3px;left:50%;transform:translateX(-50%);bottom:0;transition:.3s}
.header .navs ul li a:hover:after{width:100%}
.header .right{width:14.5%;display:flex}
.header .right  .contacts{width:67%}
.header .right  .search{width:33%;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.header .right  .search form{line-height:normal}
.header .right  .search button{width:.2rem;height:.2rem;background:url(../images/1.png) 0 0 no-repeat;border:0;background-size:100%}
.header .right  .contacts a{font-size:.17rem;color:#555555;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-align:center}
.header .right  .contacts a:hover{background:#c3190d;color:white}

.tem_banner.indise{padding:.9rem 0 0}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .txt{position:absolute;width:100%;left:0;top:38%}
.tem_banner.indise .txt h1{font-size:.58rem;color:white;margin:0 0 .2rem;font-weight:bold}
.tem_banner.indise .txt .mbx{display:flex;font-size:.14rem;color:#ffffff;align-items: center;}
.tem_banner.indise .txt .mbx a{font-size:.16rem;color:#ffffff}
.tem_banner.indise .txt .mbx i{margin:0 .05rem}
.tem_banner.indise .txt.abs h1{color:#c3190d}
.about  .items1{padding:1rem 0}
.about  .items1 h2{font-size:.26rem;color:#333333;font-weight:bold;line-height:.35rem;margin:0 0 .4rem}
.about  .items1 .box{display:flex;justify-content: space-between;align-items: center;}
.about  .items1 .box p{width:50%;font-size:.16rem;color:#333333;line-height:.25rem}
.about  .items1 .box .img{width:40.5%;position:relative} 
.about  .items1 .box .img .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);z-index:2;bottom:.1rem;}
.about  .items1 .box .img .slide-pagination span{margin:0 3px;opacity:1;background:white}
.about  .items1 .box .img .slide-pagination span.swiper-pagination-bullet-active{background:#c3190d}
.about  .items2{padding:1rem 0;background:url(../images/4.jpg) 0 0 no-repeat;background-size:cover}
.about  .items2 h2{font-size:.36rem;color:white;font-weight:bold;width:48%;margin:0 0 .35rem}
.about  .items2 .box{display:flex;flex-direction: column;align-items: flex-end;}
.about  .items2 .box p{width:41%;font-size:.16rem;color:#ffffff;margin:0 0 .25rem;line-height:.29rem}
.about  .items2 .box p:last-child{margin:0}

.about  .items3{padding:.9rem 0 1.05rem;}
.about  .items3 h2{font-size:.36rem;color:#333333;font-weight:bold;text-align:center;padding:0 1rem;line-height:.4rem;margin:0 0 .2rem}
.about  .items3 .box{display:flex;flex-direction: column;align-items: flex-end;}
.about  .items3 .box p{width:41%;font-size:.16rem;color:#ffffff;margin:0 0 .25rem;line-height:.29rem}


.about  .items4{background:url(../images/5.jpg) 0 0 no-repeat;height:7.4rem;background-size:cover}
.about  .items4>div{padding-top:1rem;}
.about  .items4 .txt{position:absolute;width:3rem;height:3rem;background:#c3190d;padding:.55rem .55rem 0;left:0;top:-.58rem }
.about  .items4 .txt h1{font-size:.36rem;color:white;margin:0 0 .1rem}
.about  .items4 .txt h2{font-size:.36rem;color:white;font-weight:bold}
.about  .items4 .box{display:flex;justify-content: flex-end;}
.about  .items4 .box p{font-size:.16rem;color:white;width:50%;line-height:.25rem}

.about  .items5{padding:1rem 0 .9rem;}
.about  .items5 h2{font-size:.36rem;color:#333333;text-align:center;font-weight:bold;padding:0 1rem}

.footer{background:url(../images/7.jpg) 0 0 no-repeat;background-size:cover}
.footer .top{display:flex;justify-content: space-between;padding:.85rem 0 .9rem}
.footer .top .left {width:33.3%;padding:.15rem 0 0}
.footer .top .left h2{font-size:.16rem;color:white;font-weight:bold;margin:0 0 .2rem}
.footer .top .left  p{font-size:.16rem;color:white;line-height:.26rem;width:65%}

.footer .top .info {width:33.3%;padding:.15rem 0 0}
.footer .top .info  li{margin:0 0 .14rem}
.footer .top .info  li:last-child{margin:0}
.footer .top .info  li h1{font-size:.18rem;color:white;margin:0 0 .14rem;display:flex;align-items: center;font-weight:bold;gap:0 .1rem}
.footer .top .info  li h1 p,.footer .top .info  li h1 a{font-size:.16rem;color:white;line-height:.26rem;font-weight:normal;}
.footer .top .info  li a:hover{color:#c3190d}
.footer .top .right {text-align:right;width:33.33%}
.footer .top .right  .logo a{display:inline-block}
.footer .top .right .share{margin:.6rem 0 0}
.footer .top .right .share ul{display:flex;gap:.23rem;justify-content: flex-end;}
.footer .top .right .share ul li a{width:.35rem;height:.35rem;text-align:center;border-radius:100%;border:1px solid white;line-height:.35rem}
.footer .top .right .share ul li a:hover{background:white}
.footer .top .right .share ul li a:hover img {filter:brightness(1) invert(1)}
.footer .bot{display:flex;height:.7rem;gap:1.1rem;align-items: center;border-top:1px solid #a4a4a4}
.footer .bot *{font-size:.14rem;color:white}
.product_box .lists {padding:1rem 0}
.product_box .lists ul{display:grid;grid-gap:.33rem .22rem;grid-template-columns:1fr  1fr  1fr}
.product_box .lists ul li a{}
.product_box .lists ul li a .img{height:2.5rem;display:flex;flex-direction: column;justify-content: center;background:#f2f2f2;align-items: center;position:relative}
.product_box .lists ul li a .img:after{content:"";position:absolute;background:url(../images/12.png) 0 0 no-repeat;width:.44rem;height:.26rem;background-size:100%;right:.8rem;bottom:.3rem;opacity:0;transition:.5s}
.product_box .lists ul li a:hover .img:after{right:.3rem;opacity:1}
.product_box .lists ul li a .img span{background:none !important;display:inline-block}
.product_box .lists ul li a .img img{max-height:2rem}
.product_box .lists ul li a:hover .img{background:#c3190d}
.product_box .lists ul li a:hover .img img{transform:scale(1.05)}
.product_box .lists ul li  a h2{font-size:.18rem;color:#555555;font-weight:bold;margin:.3rem 0 0}
.product_box .lists ul li a:hover  h2{color:#c3190d}
.product_details .top{padding:1rem 0 .2rem}
.product_details .top>div{display:grid;grid-template-columns:45% 50%;justify-content:space-between}
.product_details .top .left .bigimg{border:1px solid #b2b1a9;position:relative}

.product_details .top .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:.1rem;transform:translateY(-50%);top:50%;z-index:2;}
.product_details .top .left .bigimg  .swiper-page>div.slide-button-next{left:auto;right:.1rem}

.product_details .top .left .img_list{margin:.2rem 0 0}
.product_details .top .left .img_list .img{border:1px solid #b2b1a9;}
.product_details .top .right{}
.product_details .top .right>h2{font-size:.4rem;color:#c3190d;line-height:.4rem;}
.product_details .top .right .content{font-size:.18rem;color:#000;line-height:.28rem;margin:.5rem 0 .3rem}

.product_details .top .right .conctacts a{display:inline-block;padding:0 .5rem;height:.5rem;line-height:.5rem;background:#c3190d;color:white;font-size:.24rem;border-radius:5px}
.product_details .top .right .conctacts a:hover{background:#95150d}
.product_details .desc{font-size:.16rem;padding:0 0 1rem}
.product_details .desc table{width:100%}

.product_details .desc table td{border:1px solid black;text-align:center}
.product_details .pages{background:#c3190d;padding:.5rem 0}
.product_details .pages>div{display:flex;justify-content: space-between;align-items: center;}
.product_details .pages ul li{font-size:.18rem;color:white}
.product_details .pages ul li a{display:initial;font-size:.18rem;color:white}
.product_details .pages ul li span{font-size:.18rem;color:white;margin-right:.1rem}
.product_details .pages ul li a:hover{text-decoration: underline solid white}
.product_details .pages .back a{font-size:.18rem;color:white}

.product_details .hot_products{padding:1rem 0 1rem}
.product_details .hot_products .title h2{font-size:.36rem;color:#333333;font-weight:bold;text-align:center;margin:0 0 .8rem}
.product_details .hot_products  a .img:after{content:"";position:absolute;background:url(../images/12.png) 0 0 no-repeat;width:.44rem;height:.26rem;background-size:100%;right:.8rem;bottom:.3rem;opacity:0;transition:.5s}
.product_details .hot_products  a:hover .img:after{right:.3rem;opacity:1}
.product_details .hot_products  a .img span{background:none !important;display:inline-block}
.product_details .hot_products  a .img img{max-height:2rem}
.product_details .hot_products  a:hover .img{background:#c3190d}
.product_details .hot_products  a:hover .img img{transform:scale(1.05)}
.product_details .hot_products   a h2{font-size:.18rem;color:#555555;font-weight:bold;margin:.3rem 0 0}
.product_details .hot_products  a:hover  h2{color:#c3190d}
.fot_message{background:#f2f2f2;padding:1rem 0;}
.fot_message>div{display:flex;justify-content: space-between;}
.fot_message>div .form{width:61.5%}
.fot_message>div h2{font-size:.36rem;color:#000000;font-weight:bold}
.fot_message>div h2 em{color:#c3190d}
.fot_message .form {font-size:0}
.fot_message .form .top{display:grid;grid-gap:.22rem;grid-template-columns:auto auto;margin:0 0 .22rem}
.fot_message .form .top li p{font-size:.16rem;color:#333333;margin:0 0 .05rem}
.fot_message .form .top li input{width:100%;height:.45rem;background:white;border:1px solid  #dcdcdc;font-size:.16rem;color:#000;padding:0 .1rem}
.fot_message .form .area p{font-size:.16rem;color:#333333;margin:0 0 .05rem}
.fot_message .form .area textarea{width:100%;height:1.5rem;background:white;border:1px solid  #dcdcdc;font-size:.16rem;color:#000;padding:.1rem}
.fot_message .form  .sub {margin:.25rem 0 0}
.fot_message .form  .sub  button{height:.45rem;background:#c3190d;width:100%;text-align:center;border:0;font-size:.2rem;color:#fefefe;text-transform:uppercase}
.fot_message .form  .sub  button:hover{background:black}

/* .download{padding:1rem 0}
.download ul li{margin:0 0 .1rem}
.download ul li:last-child{margin:0}
.download ul li a{display:flex;justify-content: space-between;align-items: center;height:.6rem;;position:relative;padding:0 .3rem}
.download ul li a h2{font-size:.2rem;color:#333333}
.download ul li a span{font-size:.16rem;color:#333333;display:inline-block;padding-right:.24rem;position:relative}
.download ul li a span:after{content:"";position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.14rem;height:.21rem;background-size:100%;right:0;top:50%;transform:translateY(-50%)}
.download ul li a:after{content:"";position:absolute;width:100%;height:100%;border-radius:50px;left:0;top:0;background:#f4f4f4;z-index:-1;transition:.5s;opacity:0}
.download ul li a:before{content:"";position:absolute;width:100%;height:1px;background:#dcdcdc;bottom:0;left:50%;transform:translateX(-50%);transition:.5s;}
.download ul li a:hover:before{opacity:0}
.download ul li a:hover:after{opacity:1}
.download ul li a:hover span{color:#c3190d} */
.download{padding:1rem 0}
.download ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .3rem}
.download ul li{margin:0 0 .1rem}
.download ul li:last-child{margin:0}
.download ul li{display:grid;grid-template-columns:60% 35%;justify-content:space-between;align-items:center}
.download ul li .text h2{font-size:.24rem;color:black}
.download ul li .text  .imgs{margin:.3rem 0 }
.download ul li .text  .imgs img{max-width:.6rem}
.download ul li .text   a{display:inline-flex;padding:.05rem .2rem;background:#000000;border-radius:5px;align-items: center;gap:.1rem}
.download ul li .text   a span{color:white;font-size:.16rem}
 .download ul li .text   a img{max-width:.41rem}

.lab{padding:1rem 0}
.lab ul.ul1{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .3rem;margin:0 0 .3rem}
.lab ul.ul2{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .3rem;margin:0 0 .3rem}
.lab ul.ul3{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .3rem}
.lab ul li a:hover img{transform:scale(1.05)}
.lab ul li a:hover{transform: translateY(-10px);box-shadow: 5px 5px 10px rgba(0,0,0,.3);}


.certificates{padding:1rem 0}
.certificates ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.certificates ul li{width:19%}
.certificates ul li a:hover{transform: translateY(-10px);box-shadow: 5px 5px 10px rgba(0,0,0,.3);}
.news_box{padding:1rem 0 .85rem}
.news_box ul{display:grid;grid-template-columns:1fr 1fr ;grid-gap:.4rem .3rem }
.news_box ul .text h1{font-size:.24rem;color:#333333;margin:.25rem 0 .05rem;font-weight:bold}
.news_box ul .text p{font-size:.18rem;color:#333333}
.news_box ul a:hover img{transform:scale(1.05)}
.news_box ul  a:hover .img{transform: translateY(-10px);box-shadow: 5px 5px 10px rgba(0,0,0,.3);}
.page {display:flex;margin:.5rem 0 0;justify-content: center;}
.page a{border:1px solid #d9d9d9;width:.31rem;height:.31rem;font-size:.14rem;color:#333;margin:0 .02rem;text-align:center;line-height:.31rem;border-radius:3px;}
.page a.page-num-current{background:#c3190d;color:white;border-color:#c3190d} 
.page a i{color:#333;font-size:.16rem;font-weight:bold}
.page a.page-link-first{width:.5rem}
.page a.page-link-last{width:.5rem}
.page a:hover{background:#c3190d;color:white;border-color:#c3190d}
.page a:hover i{color:white}

.contact_box .infos{padding:1rem 0}
.contact_box .infos h2{font-size:.36rem;color:#000000;font-weight:bold;margin:0 0 .4rem}
.contact_box .infos h2 em{color:#c3190d}
.contact_box .infos ul li{height:.9rem;display:flex;align-items: center;border-bottom:1px solid #dcdcdc}
.contact_box .infos ul li h1{width:13.5%;font-size:.24rem;color:#c3190d}
.contact_box .infos ul li p{font-size:.18rem;color:#333333;width:80%}
.contact_box .infos ul li p a{font-size:.18rem;color:#333333}
.contact_box .infos ul li p a:hover{color:#c3190d}

.contact_box .team{padding:0 0 .77rem}
.contact_box .team h2{font-size:.36rem;color:#000000;font-weight:bold;margin:0 0 .4rem}
.contact_box .team h2 em{color:#c3190d}
.contact_box .team ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.48rem 0}
.contact_box .team ul li{display:flex;gap:0 .2rem;align-items: center;}
.contact_box .team ul li .imgs1{width:17%}
.contact_box .team ul li  .txt{width:35%}
.contact_box .team ul li  .txt h1{font-size:.2rem;color:#0a0a0a;margin:0 0 .2rem}
.contact_box .team ul li  .txt p{font-size:.16rem;color:#0a0a0a}
.contact_box .team ul li  .txt a{font-size:.16rem;color:#0a0a0a}
.contact_box .team ul li  .txt a:hover{color:#c3190d}
.contact_box .team ul li  .imgs2{width:17%}

.tem_banner.index{overflow:hidden;padding:.9rem 0 0}
.tem_banner.index .txt{position:absolute;right:-10%;top:50%;transform: translateY(-50%);z-index:2;opacity:0;width:66.3%;transition:1.8s;background:url(../images/xzbg1.png)0 0 no-repeat;height:100%;display:flex;flex-direction: column;justify-content: center;padding-left:3rem}
.tem_banner.index .txt .info{position:absolute;top:50%;;transform:  translateY(-50%);right:15%}
.tem_banner.index .txt .dds{opacity:0;transform:translateX(.5rem);transition:1s linear;}
.tem_banner.index .txt h2{font-size:.58rem;color:white;font-weight:bold;line-height:.8rem;transform:translateY(3vw);opacity:0;transition:all 1s ;}
.tem_banner.index .txt .more{opacity:0;transform:translateY(3vw);transition:all 1s ;}
.tem_banner.index .txt  a{margin:.6rem 0 0;width:1.5rem;height:.45rem;font-size:.16rem;color:white;border-radius:50px;background:#c3190d;;line-height:.45rem;padding:0 .18rem;position:relative;;display:inline-block}
/* .tem_banner.index .txt  a:after{content:"";position:absolute;background:url(../images/15.png)0 0 no-repeat;width:.25rem;height:.13rem;right:.18rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s} */
.tem_banner.index .txt  a:hover{}
/* .tem_banner.index .txt  a:hover:after{background:url(../images/16.png)0 0 no-repeat;width:.25rem;height:.13rem;right:.18rem;top:50%;transform:translateY(-50%);background-size:100%;} */
.tem_banner.index  .imgs{position:absolute;top:0;width:40%;height:100%;transition:.8s linear;display:flex;flex-direction: column;justify-content: center;}
.tem_banner.index  .imgs .dd{padding:0 1rem}
.tem_banner.index  .imgs .dd img{transform:scale3d(.1,.1,.1);opacity:0;transition:1s linear;}
.tem_banner.index  .swiper-slide-active .imgs .dd img{transform: scale3d(1,1,1);opacity:1;transition-delay:1000ms}
.tem_banner.index  .imgs  .xx h1{font-size:.48rem;color:white;font-weight:bold;font-style:italic;text-shadow: 5px 5px 10px rgba(0,0,0,.6);transform:translateY(-3vw);opacity:0;transition:all 1s}
.tem_banner.index  .imgs  .xx h2{font-size:.8rem;color:white;font-weight:bold;font-style:italic;text-shadow: 5px 5px 10px rgba(0,0,0,.6);margin:.3rem 0 0;transform:translateY(-3vw);opacity:0;transition:all 1s}
.tem_banner.index  .swiper-slide-active .txt{right:0;opacity:1}
.tem_banner.index  .swiper-slide-active .txt .dds{transform:none;opacity:1;;transition-delay:1200ms }
.tem_banner.index  .swiper-slide-active .txt h2{transform:none;opacity:1;transition-delay:2000ms}
.tem_banner.index  .swiper-slide-active .txt .more{transform:none;opacity:1;transition-delay:2200ms}
.tem_banner.index  .swiper-slide-active .imgs  .xx h1{transform:none;opacity:1;transition-delay:1200ms}
.tem_banner.index  .swiper-slide-active .imgs  .xx h2{transform:none;opacity:1;transition-delay:1500ms}
.index_news>div{padding:1rem 0 }
.index_news>div .title {display:flex;justify-content: space-between;align-items: center;margin:0 0 .5rem}
.index_news>div .title  .swiper-page{display:flex;gap:.44rem}
.index_news>div .title  .swiper-page>div{font-size:.36rem;color:#b4b4b4}
.index_news>div .title h1{font-size:.36rem;color:#000000}
.index_news>div .title h1 em{color:#c3190d;font-weight:bold}
.index_news>div .title  .swiper-page>div:hover i {color:#c3190d;}
.index_news>div  .lists{padding:0 0 1rem;border-bottom:1px solid #dcdcdc}
.index_news>div  .lists .txt{padding:0 0 .8rem;position:relative}
.index_news>div  .lists a{padding-right:.6rem;}
.index_news>div  .lists .swiper-slide-active a{border-right:1px solid #dcdcdc;transition:none}
.index_news>div  .lists .swiper-slide-next a{border-right:1px solid #dcdcdc;transition:none}
.index_news>div  .lists a h1{font-size:.16rem;color:#777777;margin:0 0 .1rem}
.index_news>div  .lists a h2 {font-size:.2rem;color:#333333;font-weight:bold;height:.5rem;line-height:.25rem}
.index_news>div  .lists a em {position:absolute;left:0;bottom:0;display:inline-block;width:1.5rem;height:.45rem;font-size:.16rem;color:#c3190d;border-radius:50px;border:1px solid #b4b4b4;line-height:.45rem;padding:0 .18rem;transform:translateY(.5rem);opacity:0}
.index_news>div  .lists a em:after{content:"";position:absolute;background:url(../images/16.png)0 0 no-repeat;width:.25rem;height:.13rem;right:.18rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s}
.index_news>div  .lists a:hover em{transform:none;opacity:1;}

.index_about{padding:0 0 1rem}
.index_about>div{display:grid;grid-template-columns:1fr 1fr}

.index_about>div>h1{font-size:.36rem;color:#000000}
.index_about>div>h1 em{color:#c3190d;font-weight:bold}
.index_about>div .txt h1{font-size:.22rem;color:#333333;line-height:.3rem;margin:0 0 .15rem}
.index_about>div .txt p{font-size:.16rem;color:#333333;margin:0 0 .4rem}
.index_about>div .txt  a{width:1.5rem;height:.45rem;font-size:.16rem;color:#c3190d;border-radius:50px;border:1px solid #b4b4b4;line-height:.45rem;padding:0 .18rem;position:relative;}
.index_about>div .txt  a:after{content:"";position:absolute;background:url(../images/16.png)0 0 no-repeat;width:.25rem;height:.13rem;right:.18rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s}
.index_about>div .txt  a:hover{background:#c3190d;color:white;border-color:#c3190d}
.index_about>div .txt  a:hover:after{background:url(../images/15.png)0 0 no-repeat;width:.25rem;height:.13rem;right:.18rem;top:50%;transform:translateY(-50%);background-size:100%;}


.index_product{padding:1rem 0 0;position:relative}
.index_product:after{content:"";position:absolute;background:#c3190d;width:100%;height:62.5%;left:0;top:0;z-index:-1}
.index_product>div{background:white;padding:.55rem !important;border-radius:20px;box-shadow:0 0 15px 7px rgba(0,0,0,0.05)}  
.index_product>div .title h2{font-size:.36rem;color:#c3190d;font-weight:bold;margin:0 0 .35rem}                                             
.index_product>div .lists ul.ul1{display:grid;grid-template-columns:1fr 1fr;grid-gap:.1rem }
.index_product>div .lists ul li a{background:#f2f2f2;padding:.3rem;position:relative}
.index_product>div .lists ul li a .img{margin:.5rem 0 0;height:2.5rem;display:flex;flex-direction: column;justify-content: center;align-items: flex-end;position:relative;}
.index_product>div .lists ul li a .img img{max-height:2.5rem}
.index_product>div .lists ul li a .img span{background:none !important;display:inline-block;}
.index_product>div .lists ul li a  h2{font-size:.22rem;color:#555555;width:60%;font-weight:bold;position:absolute;left:.3rem;top:.3rem;z-index:2}

.index_product>div .lists ul.ul2{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.1rem;margin:.1rem 0 }

.index_product>div .lists ul.ul3{display:grid;grid-template-columns:1fr 1fr;grid-gap:.1rem }
.index_product>div .lists ul li a:after{position:absolute;content:"";background:url(../images/17.png)0 0 no-repeat;width:.44rem;height:.26rem;background-size:100%;right:.3rem;bottom:.3rem;transition:.3s}
.index_product>div .lists ul li a:hover{background:#c3190d}
.index_product>div .lists ul li a:hover .img img{transform:scale(1.05)}
.index_product>div .lists ul li a:hover h2{color:white}
.index_product>div .lists ul li a:hover:after{position:absolute;content:"";background:url(../images/18.png)0 0 no-repeat;width:.44rem;height:.26rem;background-size:100%;right:.1rem;bottom:.3rem;}

.index_quality{padding:1rem 0 0}
.index_quality>div{display:grid;grid-template-columns:1fr 1fr}

.index_quality>div>h1{font-size:.36rem;color:#000000}
.index_quality>div>h1 em{color:#c3190d;font-weight:bold}
.index_quality>div .txt h1{font-size:.22rem;color:#333333;line-height:.3rem;margin:0 0 .15rem}
.index_quality>div .txt p{font-size:.16rem;color:#333333;margin:0 0 .4rem}
.index_quality>div .txt  a{width:1.5rem;height:.45rem;font-size:.16rem;color:#c3190d;border-radius:50px;border:1px solid #b4b4b4;line-height:.45rem;padding:0 .18rem;position:relative;}
.index_quality>div .txt  a:after{content:"";position:absolute;background:url(../images/16.png)0 0 no-repeat;width:.25rem;height:.13rem;right:.18rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s}
.index_quality>div .txt  a:hover{background:#c3190d;color:white;border-color:#c3190d}
.index_quality>div .txt  a:hover:after{background:url(../images/15.png)0 0 no-repeat;width:.25rem;height:.13rem;right:.18rem;top:50%;transform:translateY(-50%);background-size:100%;}

.index_infos{background:url(../images/25.jpg)0 0 no-repeat;background-size:cover;background-attachment:fixed}
.index_infos>div{position:relative;padding:1rem 0 1rem !important;}
.index_infos .txt{position:absolute;width:3rem;height:3rem;background:#c3190d;padding:.5rem 0 0 .5rem;left:0;top:-.55rem}
.index_infos .txt h1{font-size:.36rem;color:white}
.index_infos .txt h1 em{font-weight:bold;}
.index_infos .lists{display:grid;grid-template-columns:auto auto;grid-gap:.1rem}
.index_infos ul.ul1{display:flex;flex-wrap: wrap;align-content: space-between;}

.index_infos ul li a {position:relative;overflow:hidden}
.index_infos ul.ul1 li a h1{top:.35rem}
.index_infos ul li a h1{position:absolute;font-size:.18rem;color:#ffffff;width:100%;left:0;top:.3rem;padding:0 .34rem;line-height:.2rem}
.index_infos ul li a h2{position:absolute;left:50%;transform:translate(-50%,-50%);top:65%;width:85%;font-size:.2rem;color:#ffffff;font-weight:bold;text-align:center;;z-index:2;opacity:0}
/* .index_infos ul.ul2{display:grid;grid-template-columns:auto auto auto;grid-gap:.1rem;margin:.1rem 0 0}
.index_infos ul.ul2 li:last-child{display:flex;flex-direction: column;justify-content: space-between;} */
.index_infos ul li a:after{content:"";position:absolute;background:#c3190d;width:100%;height:0;left:0;top:0;z-index:1;transition:.4s linear}
.index_infos ul li a:hover:after{height:100%;transition-delay:300ms}
.index_infos ul li a:hover .img img{transform:scale(1.1)}
.index_infos ul li a:hover h2{top:50%;opacity:1;transition-delay:500ms}
.index_infos ul li a:hover h1{top:-1rem;opacity:0}

.index_contact{padding:1rem 0}
.index_contact h2{font-size:.36rem;color:#000000;margin:0 0 .45rem}
.index_contact h2 em{font-weight:bold;color:#c3190d}
.index_contact  ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.3rem .5rem}
.index_contact  ul li{display:flex;gap:0 .1rem;align-items: center;}
.index_contact  ul li  .txt h1{font-size:.2rem;color:#0a0a0a;margin:0 0 .2rem}
.index_contact  ul li  .txt p{font-size:.16rem;color:#0a0a0a}
.index_contact  ul li  .txt a{font-size:.16rem;color:#0a0a0a}
.index_contact  ul li  .txt a:hover{color:#c3190d}

.return{position:fixed;bottom:20%;right:.1rem;width:.5rem;height:.5rem;line-height:.5rem;background:#c3190d;border-radius:100%;text-align:center;box-shadow:0 0 12px rgba(0,0,0,0.3);z-index:999}
/********<=767 mobile nav style css********/                                                                                              
.fl-page{position:relative;top:-1.5rem;}

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

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

/******ipad****/
@media(max-width:1700px){
    .header .navs ul li{margin-left:.4rem}
.tem_banner.index .imgs .dd .xx h2{font-size:.5rem}
.tem_banner.index .imgs .dd .xx h1{font-size:.4rem}
}
@media(max-width:1600px){
    .header .navs ul li{margin-left:.4rem}
    .header .navs{width:62%}
/*     .tem_banner.index .txt{padding:2.2rem 0 0 .8rem} */
    .about .items3 h2{padding:0 .8rem}
    .about .items4{height:6.3rem}
}
@media(max-width: 1440px){
    .tem_banner.index .txt h2{font-size:.5rem;line-height:.6rem}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0 !important}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){

    .tem_banner.index .imgs .dd .xx h2{font-size:.3rem}
.tem_banner.index .imgs .dd .xx h1{font-size:.2rem}
/*     .tem_banner.index .imgs{width:30%}
    .tem_banner.index .txt{padding:1rem 0 0 .5rem} */
    .tem_banner.index .txt h2{font-size:.24rem;line-height:normal}
    .tem_banner.index .txt a{width:2rem}
    .index_news>div .lists a{padding-right:.2rem}
    .index_news>div .lists a em{width:2rem}
    .index_about>div{display:grid;grid-template-columns:1fr;grid-gap:.2rem}
    .index_about>div .txt a{width:2rem}
    .index_product{padding:1rem .2rem 0}
    .index_product>div .lists ul li a h2{width:100%;left:0;padding:0 .1rem}
    .index_product>div .lists ul li a .img{height:1.5rem}
    .index_product>div .lists ul li a .img img{max-height:1.5rem}
    .index_product>div{padding:.5rem .2rem!important}
  
        .index_quality>div{display:grid;grid-template-columns:1fr;grid-gap:.2rem}
     .index_quality>div .txt a{width:2rem}
     .index_infos >div{padding:1rem 0 1rem !important}
 .index_infos .lists{display:grid;grid-template-columns:1fr}
 .index_infos ul.ul1 li:first-child{grid-column:1/span 1}
     .index_infos .txt{left:.2rem;height:2.5rem;width:2.5rem;padding:.7rem .2rem 0}
     .index_infos ul.ul1{display:grid;grid-template-columns:1fr;grid-gap:.2rem}
     .index_infos ul.ul2{display:grid;grid-template-columns:1fr;grid-gap:.2rem}
     .index_infos ul li a h1{font-size:.4rem;line-height:normal}
     .index_infos ul li a h2{font-size:.36rem}
     .index_infos ul.ul2 li:last-child{gap:.2rem}
     .index_infos .lists{padding:0 .3rem}
     .index_contact ul{grid-template-columns:1fr;grid-gap:.2rem 0}
     .index_contact ul li{gap:0 .2rem}
     .fot_message>div{display:inherit}
     .fot_message>div .form{width:100%;margin:.3rem 0 0}
     .fot_message .form .top{grid-template-columns:1fr;grid-gap:.2rem}
     .fot_message .form .top li input{height:.8rem;font-size:.16rem}
     .footer .top{display:inherit}
     .footer .top .left{width:100%}
     .footer .top .left p{width:100%}
     .footer .top .right .logo{display:none}
     
      .footer .top .right .share ul{display:flex;justify-content: center;}
     .footer .top .right .share ul li a{width:.7rem;height:.7rem;line-height:.7rem}
     .footer .top .right{width:100%;}
     .footer .bot{height:auto;display:inherit;padding:.1rem 0}
     .tem_banner.indise .txt h1{font-size:.48rem;margin:0 0 .1rem}
     .tem_banner.indise .txt{top:30%}
     .about .items1 .box{display:inherit}
     .about .items1 .box p{width:100%;}
     .about .items1 .box .img{width:100%;margin:.5rem 0 0}
     .about .items2 h2{width:100%}
     .about .items2 .box p{width:100%}
     .about .items4 .txt{left:.2rem;height:2.5rem;width:2.5rem;padding:.7rem .2rem 0}
     .about .items4 .box p{width:100%}
     .about .items4>div{padding:2.3rem 0 1rem}
     .about .items4{height:auto;background-position:center center}
     .about .items5 h2{padding:0 .2rem}
     .product_box .lists ul{grid-template-columns:1fr 1fr}
     .product_box .lists ul li a .img img{max-height:1.2rem}
     .certificates ul{gap:.1rem 0;display:flex;justify-content:space-between}
     .certificates ul li{width:49%;}
     .contact_box .infos ul li{height:auto;padding:.2rem 0}
     .contact_box .infos ul li h1{width:15%}
     .contact_box .infos ul li p{width:85%}
     .contact_box .team ul{grid-template-columns:1fr }
     .contact_box .team ul li .imgs2{width:30%}
     .contact_box .team ul li .imgs1{width:30%}
     .contact_box .team ul li .txt{padding:0;width:35%}
     .searchs_box .lists ul{grid-template-columns:1fr 1fr}
       .searchs_box .lists ul li a .img img{max-height:1.2rem}
       .return{width:.8rem;height:.8rem;line-height:.8rem}

}