.header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header>div{display:flex;height:.98rem;line-height:.98rem}
.header>div .logo{width:13%}
.header .navs{width:75%}
.header .navs ul{display:flex;justify-content: flex-end;padding-right:.3rem}
.header .navs ul li{position:relative}
.header .navs ul li>a{font-size:.16rem;font-weight:bold;color:black;padding:0 .33rem}
.header .navs ul li.active>a{background:#f3f9fd;color:#18912e}
.header .navs ul li>a:hover{background:#f3f9fd;color:#18912e}
.header .navs ul li dl{transition:0s;display:none;background:white;z-index:2;text-align:center;position:absolute;top:100%;width:150%;box-shadow: 0 0 12px rgba(0,0,0,0.5);left:50%;transform:translateX(-50%)}
.header .navs ul li dl dd a{color:#6b6b6b;font-size:.15rem;padding:.1rem 0;}
.header .navs ul li dl dd a:hover{color:white;background:#18912e}
.header .navs ul li dl dd a {font-size:.16rem;color:#464646;}
.header  .infos{width:12%;display:flex;justify-content: space-between;align-items: center;}
.header  .infos .langs{width:60%;}
.header  .infos .langs a{text-align:center;}
.header  .infos .langs a h1{padding:.12rem 0;background:#18912e;color:white;border-radius:50px;font-family:""}
.header  .infos .search{}
.header  .infos .search a{width:.4rem;height:.4rem;background:#dddddd url(/public/common/images/icon1.png) center center no-repeat;border-radius:100%}
.tem_banner.indise{padding:.98rem 0 0 }
.tem_banner .flash{position:relative}
.tem_banner .flash .about_txt{position:absolute;left:50%;transform:translateX(-50%);top:56%;text-align:center}
.tem_banner .flash .about_txt h1{font-size:.36rem;color:white;font-family:"";padding:0 0 .25rem}
.tem_banner .flash .about_txt  p{font-size:.24rem;color:white;;font-family:""}
.tem_banner .flash .txt{position:absolute;left:50%;transform:translateX(-50%);top:56%;text-align:center}
.tem_banner .flash .txt h1{font-size:.48rem;color:white;font-family:"";position:relative}
.tem_banner .flash .txt h1:after{content:"";position:absolute;background:url(/public/common/images/icon6.png)  no-repeat;width:.5rem;height:.5rem;border-radius:100%;background-size:100%;left:50%;transform:translateX(-50%);bottom:-1.5rem;animation: dropdown2 1s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		bottom:-1.5rem
	}
	to{
		bottom:-1.1rem
	}
}
.about_box .about_mbx>div{display:flex;align-items: center;padding:.32rem  0 .75rem;color:#595858;}
.about_box .about_mbx a{font-size:.14rem;color:#595858;font-family:"";margin:0 .07rem}
.about_box .about_mbx a:first-child{margin-left:0}
.about_box .about_mbx a:last-child {color:#18912e}
.about_box  .about_company .top>div{padding:0 0 .6rem}
.about_box  .about_company .top>div>h2{font-size:.36rem;color:black;padding:0 0 .45rem}
.about_box  .about_company .top .con p{font-size:.16rem;font-family:"";line-height:.3rem;color:#363636}
.about_box  .about_company .middle{padding:0 0 0 2.1rem;display:flex}
.about_box  .about_company .middle .left{width:24%;padding:1rem 0 0 }
.about_box  .about_company .middle .left h1{font-family:"";font-size:.24rem;color:#363636;padding:0 0 .25rem}
.about_box  .about_company .middle .left h2{font-family:"";font-size:.24rem;color:#363636;margin:0 0 1.07rem}
.about_box  .about_company .middle .left h3{padding:.9rem  0 0;font-size:.18rem;color:#363636;position:relative}
.about_box  .about_company .middle .left h3:after{content:"";position:absolute;background:url(/public/common/images/icon2.png) no-repeat;width:.48rem;height:.47rem;top:0;background-size:100%;left:0}
.about_box  .about_company .middle .left p{font-family:"";font-size:.16rem;color:#363636;padding:.15rem 0 0 }
.about_box  .about_company .middle  .img{width:76%}
.about_box  .about_company .lists{padding:.63rem 0 .96rem}
.about_box  .about_company .lists a{overflow:hidden}
.about_box  .about_company .lists a:hover img{transform:scale(1.1)}
.about_box  .about_base{background:url(/public/common/images/icon5.jpg) no-repeat;background-size:cover;}
.about_box  .about_base>div{padding:0 0 .7rem }
.about_box  .about_base .title{padding:.95rem 0 .4rem;text-align:center}
.about_box  .about_base .title h1{font-size:.36rem;color:#363636}
.about_box  .about_base .infos{display:flex;align-items: center;justify-content: space-between;}
.about_box  .about_base .infos .imgs{width:60.2%;position:relative}
.about_box  .about_base .infos .imgs .show-regin {position:absolute;font-size:.16rem;color:black;width:.5rem;font-weight:bold;top:-.05rem;right:-.7rem}
.about_box  .about_base .infos .imgs ul li{position:absolute;}
.about_box  .about_base .infos .imgs ul li .area-box .pulse{display:none}
.about_box  .about_base .infos .imgs ul li#current .area-box .pulse{display:block}
.about_box  .about_base .infos .imgs ul li#current .show-regin{color:#18912e}
.about_box  .about_base .infos .imgs ul li:nth-child(1){right:21%;top:65%}
.about_box  .about_base .infos .imgs ul li:nth-child(2){right:34%;top:56%}
.about_box  .about_base .infos .imgs ul li:nth-child(3){right:25%;top:55%}
.about_box  .about_base .infos .imgs ul li:nth-child(4){right:27%;top:45%}
.about_box  .about_base .infos .imgs ul li a{}
@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.region-list{position:absolute;}
.area-box .dot{position:absolute;left:0;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#18912e;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-27px;left:-27px;height:66px;width:66px;border:2px solid #18912e;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #18912e,0 0 10px #18912e inset;-moz-box-shadow:0 0 4px #18912e,0 0 10px #18912e inset;box-shadow:0 0 4px #18912e,0 0 10px #18912e inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.about_box  .about_base .infos .txt{padding:.6rem  0 .6rem .4rem;width:38%;background:#ffffff;position:relative;margin:0 0 .7rem}
.about_box  .about_base .infos .txt:after{content:"";position:absolute;background:url(/public/common/images/icon4.png) no-repeat;width:.22rem;height:.26rem;top:50%;transform:translateY(-50%);background-size:100%;left:-.21rem}
.about_box  .about_base .infos .txt ul li h1{font-size:.18rem;font-family:"";color:#605f5f;padding:0 0 .2rem;position:relative}
.about_box  .about_base .infos .txt ul li h1:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) no-repeat;width:.03rem;height:.28rem;top:-.05rem;background-size:100%;left:-.1rem}
.about_box  .about_base .infos .txt ul li:first-child{margin:0 0 .5rem;}
.about_box  .about_base .infos .txt ul li p{font-size:.16rem;font-family:"";color:black;}
.footer{background:#fafafa;position:relative;z-index:9}
.footer .top{padding:.82rem 0 .65rem;display:flex;justify-content: space-between;border-bottom:2px solid #dfdfdf}

.footer .top  .logo{width:14%}
.footer .top .fot_navs{width:75%;display:flex;justify-content: space-between;}
.footer .top .fot_navs dl dt{margin:0 0 .25rem}
.footer .top .fot_navs dl dt a{font-size:.16rem;font-family:"";color:black;font-weight:normal}
.footer .top .fot_navs dl dd{margin:0 0 .08rem}
.footer .top .fot_navs dl dd:last-child{margin:0}
.footer .top .fot_navs dl dd a{font-size:.14rem;color:#626262;font-family:"";font-weight:normal}
.footer .bot{padding:.45rem 0 .65rem;display:flex;justify-content: space-between;align-items: center;}
.footer .bot .left h2{font-size:.14rem;font-family:"";color:#626262;padding:0 0 .16rem}
.footer .bot .left ul{display:flex;align-items: center;}
.footer .bot .left ul h1{font-size:.14rem;font-family:"";color:#626262;}
.footer .bot .left ul li{margin:0 .06rem}
.footer .bot .left ul li:first-child{margin-left:0}
.footer .bot .left ul li a{width:.3rem;height:.3rem;background:#6f6f6f;border-radius:100%;color:white;line-height:.3rem;text-align:center;font-size:.18rem;}
.footer .bot .left ul li a:hover{background:#18912e}
.footer .bot .keywords{width:50%;position:relative}
.footer  .bot .keywords input{width:100%;padding:0 .35rem;background:#f5f5f5;height:.72rem;border:2px solid #ececec;border-radius:5px}
.footer .bot .keywords button{position:absolute;width:.27rem;height:.27rem;border-radius:50%;border:0;background:#439d0f;top:50%;transform:translateY(-50%);right:2%}
.footer .bot .keywords button i{font-size:.17rem;color:white}
.footer  .bot .keywords button:hover i{transform:rotate(180deg)}
.product_box .pro_mbx>div{display:flex;align-items: center;padding:.3rem  0 .5rem;color:#595858;}
.product_box .pro_mbx a{font-size:.14rem;color:#595858;font-family:"";margin:0 .07rem}
.product_box .pro_mbx a:first-child{margin-left:0}
.product_box .pro_mbx a:last-child {color:#18912e}
.product_box  .title{padding:0 0 .35rem}
.product_box  .title h1{font-size:.36rem;color:black;}
.product_box  .search{position:relative}
.product_box  .search:after{content:"";position:absolute;width:100%;height:2px;background:#dedede;left:0;bottom:0}
.product_box  .search:before{content:"";position:absolute;width:30%;height:2px;background:#3b3b3b;left:0;z-index:2;bottom:0}
.product_box  .search input{width:100%;padding:0 1.5rem 0 .3rem;background:#f5f5f5;height:.8rem;border:0;border-radius:5px;;background:url(/public/common/images/icon1.png) left center no-repeat;font-size:.15rem}
.product_box  .search button{position:absolute;border-radius:50px;border:0;background:#439d0f;top:50%;transform:translateY(-50%);right:1%;padding:.11rem  .38rem;font-size:.16rem;color:white}
.product_box  .lists{padding:.54rem  0 2.15rem}
.product_box  .lists ul{display:flex;justify-content: space-between;}
.product_box  .lists ul li{width:32.3%}
.product_box  .lists ul li a{position:relative}
.product_box  .lists ul li a .text{position:absolute;left:5%;bottom:5%}
.product_box  .lists ul li a .text h1{font-size:.26rem;color:white;;transform:translateY(.1rem)}
.product_box  .lists ul li a .text p{font-size:.16rem;color:white;font-family:"";opacity:0;transform:translateY(.2rem)}
.product_box  .lists ul li a .text span{font-size:.14rem;color:white;font-family:"";position:relative}
.product_box  .lists ul li a .text span:after{content:"";position:absolute;;background:url(/public/common/images/icon7.png) 0 0  no-repeat;width:.11rem;height:.05rem;top:50%;transform:translateY(-50%);right:-.3rem;background-size:100%;transition:.6s}
.product_box  .lists ul li a:hover .text h1{transform:translateY(-1rem)}
.product_box  .lists ul li a:hover .text p{opacity:1;transform:translateY(-.9rem)}
.product_box  .lists ul li a:hover span:after{right:-.5rem;transition:.6s}
.product_box  .lists ul li a:hover img{transform:scale(1.1)}
.product{padding:.98rem  0 0 }
.product .mains{background:#f8f8f8;border-bottom:1px solid #d2d2d2}
.product .top .pro_mbx{display:flex;align-items: center;padding:.25rem  0 .28rem;color:#595858;}
.product .top .pro_mbx a{font-size:.14rem;color:#595858;font-family:"";margin:0 .07rem}
.product .top .pro_mbx a:first-child{margin-left:0}
.product .top .pro_mbx a:last-child {color:#18912e}
.product .top .title{text-align:center;padding:0 0 .55rem}
.product .top .title h1{font-size:.36rem;color:black;padding:0 0 .25rem}
.product .top  .title  p{font-size:.16rem;color:#707070;font-family:"";}
.product .top .pro_nav ul{display:flex;flex-wrap: wrap;}
.product .top .pro_nav ul li{width:20%;padding:0 .05rem;margin:0 0 .1rem}
.product .top .pro_nav ul li.active a:after{width:100%}
.product .top .pro_nav ul li.active a{color:white}
.product .top .pro_nav ul li a{font-size:.16rem;font-family:"";text-align:center;padding:.27rem 0;border:1px solid #d6d6d6;color:#494949;position:relative;z-index:1}
.product .top .pro_nav ul li a:after{content:"";position:absolute;background:url(/public/common/images/icon8.jpg) 0 0  no-repeat;width:0;height:100%;left:0;top:0;background-size:cover;transition:.6s;z-index:-1}
.product .top .pro_nav ul li a:hover:after{width:100%;transition:.6s}
.product .top .pro_nav ul li a:hover{color:white}
.product .top .pro_infos{padding:.5rem  0 .2rem;display:flex;justify-content: space-between;}
.product .top .pro_infos .left{width:67%;padding:.5rem 0 0}
.product .top .pro_infos .left h2{font-size:.42rem;font-family:"";color:#0595cc;padding:0 0 .4rem}
.product .top .pro_infos .left .con{height:1rem;border-bottom:1px solid #dddddd;height:1rem;margin:0 0 .65rem}
.product .top .pro_infos .left .con p{color:#505050;font-size:.16rem;;font-family:"";}
.product .top .pro_infos .left  .application_title{width:100%;height:.7rem;position:relative}
.product .top .pro_infos .left  .application_title h1{line-height:.7rem;font-family:"";font-size:.3rem;color:#373737;background:#e9f1f4;padding:0 0 0 .3rem}
.product .top .pro_infos .left  .application_title:after{content:"";position:absolute;background:url(/public/common/images/icon9.jpg) 0 0  no-repeat;width:1.33rem;height:.04rem;background-size:100%;bottom:0;left:0}
.product .top .pro_infos  .right{width:23.8%;position:relative}
.product .top .pro_infos  .right a h1{position:absolute;left:50%;transform:translateX(-50%);top:35%;padding:.65rem 0 0;color:white;font-size:.16rem}
.product .top .pro_infos  .right a  h1:after{content:"";position:absolute;background:url(/public/common/images/icon10.png) 0 0  no-repeat;width:.45rem;height:.47rem;background-size:100%;top:0;left:50%;transform:translateX(-50%);transition:.3s}
.product .top .pro_infos  .right a:hover h1:after{top:-.2rem;transition:.3s}
.product .lists {padding:0 0 .95rem 2.1rem}
.product .lists .pad21{position:relative}
.product .lists a{overflow:hidden}
.product .lists a:hover img{transform:scale(1.1)}
.product .lists .swiper-page>div{position:absolute;width:.6rem;height:.6rem;background:#d2d2d2;border-radius:100%;line-height:.6rem;text-align:center;font-size:.24rem;color:#8c8c8c;outline:none;z-index:2;top:50%;right:15%;transform:translateY(-50%);}
.product .lists  .swiper-page>div.slide-button-next {right:auto;left:0}
.product .lists  .swiper-page>div:hover{background:#0096f5;color:white}
.product .bot{padding:.8rem  0 1.8rem}
.product .bot .feature{margin:0 0 .4rem}

.product .bot .feature  .tit{width:100%;height:.7rem;position:relative}
.product .bot .feature  .tit h1{line-height:.7rem;font-family:"";font-size:.3rem;color:#373737;background:#e9f1f4;padding:0 0 0 .3rem}
.product .bot .feature  .tit:after{content:"";position:absolute;background:url(/public/common/images/icon9.jpg) 0 0  no-repeat;width:1.33rem;height:.04rem;background-size:100%;bottom:0;left:0}
.product .bot .feature  .con{padding:.85rem .44rem .3rem;background:#f6f9fb}
.product .bot .feature  .con ul{display:flex;width:70%;flex-wrap: wrap;justify-content: space-between;}
.product .bot .feature  .con ul li{width:48%;margin:0 0 .7rem}
.product .bot .feature  .con ul li h1{font-size:.2rem;color:#373737;padding:0 0 .2rem}
.product .bot .feature  .con ul li p{font-size:.16rem;font-family:"";color:#514e4e}
.product .bot .standard_grades  .tit{width:100%;height:.7rem;position:relative}
.product .bot .standard_grades .tit h1{line-height:.7rem;font-family:"";font-size:.3rem;color:#373737;background:#e9f1f4;padding:0 0 0 .3rem}
.product .bot .standard_grades  .tit:after{content:"";position:absolute;background:url(/public/common/images/icon9.jpg) 0 0  no-repeat;width:1.33rem;height:.04rem;background-size:100%;bottom:0;left:0}
.product .bot .standard_grades .con{padding:.5rem 0}
.technical_box  .technical_mbx{background:#f2f3f5}    
.technical_box  .technical_mbx>div{display:flex;align-items: center;padding:.3rem  0 .75rem;color:#595858;}
.technical_box  .technical_mbx a{font-size:.14rem;color:#595858;font-family:"";margin:0 .07rem}
.technical_box  .technical_mbx a:first-child{margin-left:0}
.technical_box  .technical_mbx a:last-child {color:#18912e}
.technical_workshop{background:#f2f3f5}  
.technical_workshop>div{padding:0 0 1.22rem}
.technical_workshop .tit{margin:0 0 .55rem}
.technical_workshop .tit h1{font-size:.36rem;color:black;position:relative}
.technical_workshop .tit h1:after{content:"";position:absolute;background:url(/public/common/images/icon11.png) 0 0  no-repeat;width:86%;height:.12rem;background-size:100%;right:0;top:50%;transform:translateY(-50%)}
.technical_workshop .lists .swiper-slide{display:flex;flex-wrap: wrap;justify-content: space-between;}
.technical_workshop .lists .swiper-slide .items{margin:0 0 .14rem;}
.technical_workshop .lists .swiper-slide .items a{padding:.15rem;background:white;}
.technical_workshop .lists .swiper-slide .items:nth-child(1),.technical_workshop .lists .swiper-slide .items:nth-child(2),.technical_workshop .lists .swiper-slide .items:nth-child(3){width:32.5%}
.technical_workshop .lists .swiper-slide .items:nth-child(4),.technical_workshop .lists .swiper-slide .items:nth-child(5),.technical_workshop .lists .swiper-slide .items:nth-child(6),.technical_workshop .lists .swiper-slide .items:nth-child(7){width:24.2%}
.technical_workshop .lists .swiper-slide .items a:hover img{transform:scale(1.1)}
.technical_workshop .lists .slide-pagination{text-align:center;padding:.4rem 0 0}
.technical_workshop .lists .slide-pagination span{width:.14rem;height:.14rem;background:none;opacity:1;border:1px solid #0096f5;margin:0 .08rem;}
.technical_workshop .lists .slide-pagination span.swiper-pagination-bullet-active{background:#0096f5}
.technical_laboratory>div{padding:1.05rem 0 1.3rem}
.technical_laboratory .tit{margin:0 0 .7rem}
.technical_laboratory .tit h1{font-size:.36rem;color:black;position:relative}
.technical_laboratory .tit h1:after{content:"";position:absolute;background:url(/public/common/images/icon11.png) 0 0  no-repeat;width:86%;height:.12rem;background-size:100%;right:0;top:50%;transform:translateY(-50%)}
.technical_laboratory .lists  a:hover img{transform:scale(1.1)}
.technical_factory{background:#f2f3f5}  
.technical_factory>div{padding:1.22rem 0}
.technical_factory .tit{margin:0 0 .55rem}
.technical_factory .tit h1{font-size:.36rem;color:black;position:relative}
.technical_factory .tit h1:after{content:"";position:absolute;background:url(/public/common/images/icon11.png) 0 0  no-repeat;width:86%;height:.12rem;background-size:100%;right:0;top:50%;transform:translateY(-50%)}
.technical_factory .lists .swiper-slide{display:flex;flex-wrap: wrap;justify-content: space-between;}
.technical_factory .lists .swiper-slide .items{margin:0 0 .14rem;}
.technical_factory .lists .swiper-slide .items a{padding:.15rem;background:white;}
.technical_factory .lists .swiper-slide .items:nth-child(1),.technical_factory .lists .swiper-slide .items:nth-child(2),.technical_factory .lists .swiper-slide .items:nth-child(3){width:32.5%}
.technical_factory .lists .swiper-slide .items:nth-child(4),.technical_factory .lists .swiper-slide .items:nth-child(5),.technical_factory .lists .swiper-slide .items:nth-child(6),.technical_factory .lists .swiper-slide .items:nth-child(7){width:24.2%}
.technical_factory .lists .swiper-slide .items a:hover img{transform:scale(1.1)}
.technical_factory .lists .slide-pagination{text-align:center;padding:.4rem 0 0}
.technical_factory .lists .slide-pagination span{width:.14rem;height:.14rem;background:none;opacity:1;border:1px solid #0096f5;margin:0 .08rem;}
.technical_factory .lists .slide-pagination span.swiper-pagination-bullet-active{background:#0096f5}
.case_box {background:#eef4f8;padding:0 0 2.1rem}  
.case_box    .case_mbx{display:flex;align-items: center;padding:.3rem  0 .75rem;color:#595858;}
.case_box    .case_mbx a{font-size:.14rem;color:#595858;font-family:"";margin:0 .07rem}
.case_box    .case_mbx a:first-child{margin-left:0}
.case_box    .case_mbx a:last-child {color:#18912e}
.case_box .lists{padding:.35rem .45rem 1.15rem;background:white;display:flex;flex-wrap: wrap;justify-content: space-between;}
.case_box .lists .items{width:48%;margin:0 0 .8rem}
.case_box .lists .items a .txt{padding:.4rem 0 0;text-align:center}
.case_box .lists .items a .txt h1{font-size:.3rem;font-family:"";color:#363636;padding:0 0 .4rem}
.case_box .lists .items a .txt p{padding:0 .4rem;font-size:.16rem;font-family:"";color:#5d5d5d;height:.48rem;line-height:.24rem}
.case_box .lists .items a:hover img{transform:scale(1.1)}
.news_box {padding:0 0 1.65rem}  
.news_box   .news_mbx{display:flex;align-items: center;padding:.3rem  0 .8rem;color:#595858;}
.news_box   .news_mbx a{font-size:.14rem;color:#595858;font-family:"";margin:0 .07rem}
.news_box   .news_mbx a:first-child{margin-left:0}
.news_box   .news_mbx a:last-child {color:#18912e}
.news_box .title{text-align:center;padding:0 0 .5rem}
.news_box .title h1{font-size:.36rem;color:#363636}
.news_box .lists .items{padding:0 .12rem;margin:0 0 .4rem}
.news_box .lists .items a .txt{padding:.22rem .2rem .38rem;border:1px solid #dadada;background:#fdfdfd}
.news_box .lists .items a .txt span{font-size:.14rem;font-family:"";padding:0 0 0 .25rem;position:relative;color:#5c5b5b}
.news_box .lists .items a .txt span:after{content:"";position:absolute;background:url(/public/common/images/icon12.png) 0 0  no-repeat;width:.15rem;height:.13rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.news_box .lists .items a .txt h1{height:.48rem;line-height:.24rem;margin: .18rem 0 ;font-size:.18rem;font-family:"";color:black;font-weight:bold}
.news_box .lists .items a .txt p{height:.75rem;line-height:.25rem;font-size:.16rem;font-family:"";color:#5c5b5b}
.news_box .lists .items a .txt em{display:inline-block;margin:.4rem  0 0;font-size:.14rem;font-family:"";color:#545454;border:1px solid #55ae65;padding:.1rem .3rem;position:relative;z-index:1}
.news_box .lists .items a .txt em:after{content:"";position:absolute;width:0;height:100%;background:#18912e;left:0;top:0;z-index:-1;transition:.6s}
.news_box .lists .items a:hover .txt em:after{width:100%;transition:.6s}
.news_box .lists .items a:hover .txt em{color:white}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box  .page{text-align:center;padding:.25rem 0 0}
.news_box  .page a{width:.4rem;height:.4rem;line-height:.4rem;color:#898989;font-size:.15rem;margin:0 .05rem;;border-radius:7px;background:none;border:1px solid #929292;display:inline-block;font-family:"";position:relative}
.news_box  .page a:after{content:"";position:absolute;width:0;height:100%;background:url(/public/common/images/icon13.png) 0 0  no-repeat;;left:0;top:0;z-index:-1;transition:.6s;background-size:cover}
.news_box  .page a.page-num-current{border:0;color:white}
.news_box  .page a.page-num-current:after{width:100%}
.news_box  .page a:hover{color:white}
.news_box  .page a:hover:after{width:100%;transition:.6s;}
.contact_box {padding:0 0 1.3rem}  
.contact_box .contact_mbx{display:flex;align-items: center;padding:.3rem  0 .65rem;color:#595858;}
.contact_box .contact_mbx a{font-size:.14rem;color:#595858;font-family:"";margin:0 .07rem}
.contact_box .contact_mbx a:first-child{margin-left:0}
.contact_box .contact_mbx a:last-child {color:#18912e}
.contact_box  .title {padding:0 0 .35rem}
.contact_box  .title h1{font-size:.36rem;color:black}
.contact_box  .infos{position:relative}
.contact_box  .infos .txt{position:absolute;left:50%;transform:translateX(-50%);width:68%;top:43%;z-index:2}
.contact_box  .infos .txt h1{font-size:.24rem;font-family:"";color:white;font-weight:bold;padding:0 0 0 .55rem;position:relative;margin:0 0 .23rem}
.contact_box  .infos .txt h1:after{content:"";position:absolute;width:.34rem;height:.48rem;background:url(/public/common/images/icon14.png) 0 0  no-repeat;;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box  .infos .txt p{height:.92rem;line-height:.92rem;font-size:.3rem;color:white;font-family:"";padding:0 0 0 .5rem;position:relative;z-index:1}
.contact_box  .infos .txt p:after{content:"";position:absolute;width:100%;height:100%;background:url(/public/common/images/icon15.jpg) 0 0  no-repeat;;left:0;top:50%;transform:translateY(-50%);;background-size:cover;z-index:-1}
.contact_box  .infos .items{padding:1.6rem 1.35rem 1.4rem;background:url(/public/common/images/icon16.png) 0 0  no-repeat ;background-size:cover}
.contact_box  .infos .items ul{display:flex;justify-content: space-between;}
.contact_box  .infos .items ul li{width:28%}
.contact_box  .infos .items ul li h1{font-size:.2rem;font-family:"";border-bottom:1px solid #bfbfbf;padding:0 0 .2rem;color:#2d2d2d}
.contact_box  .infos .items ul li p{font-size:.16rem;font-family:"";padding:.26rem  0 0;color:#2d2d2d}
.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}
.tem_banner .label_text {position:absolute;left:50%;z-index:2;top:48%;transform:translateX(-50%);width:100%}
.tem_banner .label_text:after{content:"";position:absolute;background:url(/public/common/images/mouse.png) no-repeat;width:.19rem;height:.48rem;left:50%;transform:translateX(-50%);bottom:-1.2rem;background-size:100%;animation: dropdown2 .7s 0.2s linear infinite alternate}
@keyframes dropdown2 {
	form{
		bottom:-1.2rem
	}
	to{
		bottom:-.9rem
	}
}
.tem_banner .swiper-slide-active .label_text h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner .label_text h1{font-size:.6rem;color:white;opacity:0;transition:all .5s;transform:translateY(100px);font-family:"";letter-spacing:10px;}
.tem_banner .label_text p{font-size:.24rem;text-transform:uppercase;color:white;margin:.2rem 0 0;;font-family:"";opacity:0;transition:all .5s;transform:translateY(100px)}
.tem_banner .swiper-slide-active .label_text p{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner  .since{position:absolute;left:50%;z-index:2;bottom:10%;transform:translateX(-50%);width:100%}
.tem_banner  .since .imgs{opacity:0;transition:all 1s;transform:translateX(-80px)}
.tem_banner .swiper-slide-active .since .imgs{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner  .since h1{font-size:.2rem;color:white;font-family:"";padding:.1rem 0 0;opacity:0;transition:all 1s;transform:translateX(-80px)}
.tem_banner .swiper-slide-active .since h1{transition-delay:.6s;transform:none;opacity:1;}
.common {position:relative;background:#FFF;z-index:1}
.index_product{background:url(/public/common/images/icon17.jpg) 0 0  no-repeat ;background-size:cover}
.index_product>div{padding:4rem 0 .65rem}
.index_product .infos{display:flex;justify-content: flex-end;padding:0 0 .2rem}
.index_product .infos .more{margin-left:.4rem}
.index_product .infos .more a{font-size:.14rem;font-family:"";padding:0 .6rem 0 0;position:relative;color:#363636}
.index_product .infos .more a:after{content:"+";position:absolute;width:.4rem;height:.4rem;border:1px solid #18912e;border-radius:100%;line-height:.35rem;text-align:center;color:#18912e;font-size:.24rem;right:0;top:50%;transform:translateY(-50%);transition:.6s}
.index_product .infos .more a:hover:after{background:#18912e;color:white;transition:.6s}
.index_product .infos span{width:.16rem;height:.16rem;border:1px solid #b3b3b3;margin:0 .08rem}
.index_product .infos span.swiper-pagination-bullet-active{background:#18912e;border:1px solid #18912e; }
.index_product  .search{position:relative}
.index_product  .search:after{content:"";position:absolute;width:100%;height:1px;background:#dedede;left:0;bottom:0}
.index_product .search:before{content:"";position:absolute;width:30%;height:1px;background:#3b3b3b;left:0;z-index:2;bottom:0}
.index_product .search input{width:100%;padding:0 1.5rem 0 .3rem;background:#f5f5f5;height:.7rem;border:0;border-radius:5px;;background:url(/public/common/images/icon1.png) left center no-repeat;font-size:.15rem}
.index_product  .search button{position:absolute;border-radius:50px;border:0;background:#439d0f;top:50%;transform:translateY(-50%);right:1%;padding:.08rem  .38rem;font-size:.14rem;color:white}
.index_product .lists{padding:.3rem 0 0;position:relative}
.index_product .lists:after{content:"";position:absolute;width:100%;height:8px;background:url(/public/common/images/icon18.jpg) 0 0 no-repeat;;left:0;bottom:0;z-index:2}
.index_product .lists a{background:#f9f9f9;padding:.35rem 0 0 ;}
.index_product .lists .xss a{background:#f2f2f2}
.index_product .lists a .txt{text-align:center;padding:.4rem 0 .6rem}
.index_product .lists a .img .tb{position:relative;display:inline-block}
.index_product .lists a .img .tb:after{content:"";position:absolute;width:2.18rem;height:1.87rem;background:url(/public/common/images/icon19.png) 0 0 no-repeat;;left:50%;bottom:0;z-index:2;transform:translateX(-50%) rotate(-90deg);background-size:100%;opacity:0;transition:.6s}
.index_product .lists a:hover .img .tb:after{transform:translateX(-50%) rotate(0deg);opacity:1}
.index_product .lists a .txt h1{font-size:.24rem;font-family:"";color:#2d2d2d;padding:0 0 .2rem}
.index_product .lists a .txt p{font-size:.14rem;font-family:"";color:#2d2d2d;padding: 0 .4rem}
.index_product .lists a .txt span{margin:.5rem 0 0;display:inline-block;font-size:.14rem;font-family:"";padding:.07rem .17rem;background:#18912e;color:white;border-radius:5px;}
.index_product .lists a:hover{background:white}
.index_news>div{padding:0 0 1.3rem}
.index_news .title{text-align:center;padding:1rem 0 .7rem;position:relative}
.index_news .title h1{font-size:.36rem;color:black}
.index_news .title .more{position:absolute;right:0;top:50%}
.index_news .title .more a{padding:.15rem  .24rem;border:1px solid  #e0e0e0;font-family:"";font-size:.14rem;color:#363636;}
.index_news .title .more a:hover{background:#439d0f;color:white}
.index_news .lists .items a .txt{padding:.22rem .2rem .38rem;border:1px solid #dadada;background:#fdfdfd}
.index_news .lists .items a .txt span{font-size:.14rem;font-family:"";padding:0 0 0 .25rem;position:relative;color:#5c5b5b}
.index_news  .lists .items a .txt span:after{content:"";position:absolute;background:url(/public/common/images/icon12.png) 0 0  no-repeat;width:.15rem;height:.13rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.index_news  .lists .items a .txt h1{height:.48rem;line-height:.24rem;margin: .18rem 0 ;font-size:.18rem;font-family:"";color:black;font-weight:bold}
.index_news  .lists .items a .txt p{height:.75rem;line-height:.25rem;font-size:.16rem;font-family:"";color:#5c5b5b}
.index_news  .lists .items a .txt em{display:inline-block;margin:.4rem  0 0;font-size:.14rem;font-family:"";color:#545454;border:1px solid #55ae65;padding:.1rem .3rem;position:relative;z-index:1}
.index_news  .lists .items a .txt em:after{content:"";position:absolute;width:0;height:100%;background:#18912e;left:0;top:0;z-index:-1;transition:.6s}
.index_news  .lists .items a:hover .txt em:after{width:100%;transition:.6s}
.index_news  .lists .items a:hover .txt em{color:white}
.index_news  .lists .items a:hover img{transform:scale(1.1)}
.index_hope{background-size:cover;background-repeat:no-repeat}
.index_hope>div{padding:0 0  .6rem}
.index_hope .title{padding:1.25rem 0 .95rem}
.index_hope .title h1{font-size:.48rem;color:white;}
.index_hope .lists{padding:0 0 0 1.2rem}
.index_hope .lists .items{padding:0 0 0 .3rem;margin-bottom:.3rem;position:relative}
.index_hope .lists .items:last-child{margin:0}
.index_hope .lists .items h1{font-size:.3rem;color:white;margin:0 0 .25rem;position:relative;font-family:""}
.index_hope .lists .items h1:after{content:"";position:absolute;background:white;border-radius:50%;height:12px;width:12px;left:-.3rem;top:50%;transform:translate(-50%,-50%)}
.index_hope .lists .items  p{height:1rem;color:white;width:30%;position:relative;font-family:"";font-size:.16rem;padding:.1rem 0 0    }
.index_hope .lists .items:first-child  p:after{content:"";position:absolute;height:100%;left:0;top:0;background:#d8d8d8;width:1px;left:-.3rem;transform:translateX(-50%);}
.index_hope .lists .items:first-child:after{content:"";position:absolute;background:url(/public/common/images/icon20.png)no-repeat;width:.74rem;height:.55rem;left:-1.2rem;top:0;background-size:100%}
.index_hope .lists .items:last-child:after{content:"";position:absolute;background:url(/public/common/images/icon21.png)no-repeat;width:.68rem;height:.71rem;left:-1.2rem;top:-.2rem;background-size:100%}

/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#8fbad1;
	-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:#18912e;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:#18912e}
.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){
	.index_product>div{padding:3rem 0 .65rem;}
	.about_box .about_company .middle{padding:0 0 0 1.1rem}
	.product .lists {padding:0 0 .95rem 1.1rem}
}
@media(max-width:1440px){
	.index_product .lists a .img .tb{width:40%}
}
@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){
.index_product>div{padding:2rem 0 0}
.index_product .lists a .img .tb{width:52%}
.index_hope .lists .items p{width:100%}
.tem_banner .flash .about_txt{top:36%;width:100%}
.about_box .about_base .infos{display:inherit}
.about_box .about_base .infos .imgs{width:100%}
.about_box .about_base .infos .imgs .show-regin{width:1rem;top:-.05rem;right:-1.3rem}
.about_box .about_base .infos .txt{width:100%}
.about_box .about_company .middle{display:inherit;padding:.2rem;}
.about_box .about_company .middle .left{padding:0;width:100%;}
.about_box .about_company .middle .left h2{margin:0 0 .3rem}
.about_box .about_company .middle .img{width:100%}
.footer .top .fot_navs{display:none}
.footer .top .logo{width:100%;text-align:center}
.footer .bot{display:inherit}
.footer .bot .keywords{width:100%;margin:.2rem 0 0 }
.product_box .lists ul{display:inherit}
.product_box .lists ul li{width:100%;margin:0 0 .2rem}
.product .top .pro_nav ul li{width:33.33%}
.product .top .pro_infos .right{display:none}
.product .top .pro_infos .left{width:100%}
	.product .lists {padding:0 0 .95rem 0rem}
	.product .bot .feature .con ul{width:100%}
	.contact_box  .infos .items{padding:1.2rem .3rem 1.4rem;}
	.contact_box  .infos .txt{top:20%}

}