.header{position: fixed;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);background:rgba(0,0,0,.48)}
.header.is_header{background:black}
.header>div{display:flex;height:.97rem;line-height:.97rem;justify-content: space-between;}
.header  .logo{width:9.5%}
.header .navs{width:56.3%}
.header .navs ul{display:flex}
.header .navs ul li{width:16.7%}
.header .navs ul li.active a{background:#eb0012 }
.header .navs ul li a{font-size:.18rem;color:white;text-align:center}    
.header .navs ul li a:hover{background:#eb0012 }
.header .right{width:7%;display:flex;justify-content: space-between;}
.header .right  .langs{display:flex;justify-content: center;flex-direction: column;}
.header .right  .langs a{font-size:.18rem;color:white;line-height:normal;padding-right:.23rem;position:relative}
.header .right  .langs a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);font-size:.18rem;color:white}
.header .right  .search{display:flex;flex-direction: column;justify-content: center;}
.header .right  .search a{width:.16rem;height:.16rem;background:url(/public/common/images/icon1.png) 0 0 no-repeat}
.tem_banner.indise .txt{position:absolute;left:50%;transform:translateX(-50%);top:35%;text-align:center}
.tem_banner.indise .txt h1{font-size:.38rem;color:white}
.tem_banner.indise .txt  p{font-size:.72rem;color:white;margin:.1rem 0 .4rem}
.tem_banner.indise .txt h2{font-size:.16rem;color:white}
.tem_banner.indise .mouse{background:url(/public/common/images/icon2.png) 0 0 no-repeat;width:.3rem;height:.5rem;position:absolute;left:50%;transform:translateX(-50%);bottom:20%;background-size:100%;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		bottom:20%
	}
	to{
		bottom:17%
	}
}
.tem_banner.indise .banner_nav{position:absolute;width:100%;left:50%;transform:translateX(-50%);bottom:.6rem;background:rgba(255,255,255,0);}
.tem_banner.indise .banner_nav.fiexd{position:fixed;bottom:auto;top:.97rem;background:rgba(255,255,255,1);box-shadow: 0 0 12px rgba(0,0,0,0.5);z-index:999}
.tem_banner.indise .banner_nav.fiexd>div{background:rgba(255,255,255,0);}
.tem_banner.indise .banner_nav>div{display:flex;background:rgba(255,255,255,.65);justify-content: space-between;align-items: center;}
.tem_banner.indise .banner_nav .left ul{display:flex;padding:.234rem 0 }
.tem_banner.indise .banner_nav .left ul li{padding:0 .35rem;line-height:normal;border-right:1px solid #848484}
.tem_banner.indise .banner_nav .left ul li:last-child{border:0}
.tem_banner.indise .banner_nav .left ul li a{font-size:.16rem;color:#3b3b3b;}
.tem_banner.indise .banner_nav .left ul li a:hover{color:#eb0012;}
.tem_banner.indise .banner_nav .mbx{display:flex;padding-right:.8rem;font-size:.16rem;align-items: center;}
.tem_banner.indise .banner_nav .mbx a{font-size:.16rem;color:#515151;margin:0 .1rem}
.tem_banner.indise .banner_nav .mbx a:first-child{padding-left:.26rem;position:relative}
.tem_banner.indise .banner_nav .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.15rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise .banner_nav .mbx a:last-child {color:#eb0012}
.about_company .pad11{padding: 0 1.1rem}
.about_company .top ul{display:flex}
.about_company .top ul li{width:26%;position:relative;height:4.24rem;border:1px solid #e0e0e0;margin-left:-1px;display:flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;}
.about_company .top ul li:after{content:'';position:absolute;background:#eb0012;height:4px;width:0%;left:50%;transform:translateX(-50%);bottom:0;transition:.5s cubic-bezier(0.93, 0.75, 0.15, 0.87)}
.about_company .top ul li:hover:after{width:100%;transition:.5s cubic-bezier(0.93, 0.75, 0.15, 0.87)}
.about_company .top ul li h1{font-size:.177rem;color:#0f0f0f}
.about_company .top ul li h1 em{font-size:.6rem;color:#eb0012;font-weight:bold;margin:0 .1rem;display:inline-block}
.about_company .top ul li:hover h1 em{transform:translateY(-.3rem)}
.about_company .top ul li p{font-size:.18rem;color:#3f3f3f;margin:.3rem 0 0}
.about_company .lists{border:1px solid #dcdcdc }
.about_company .lists .items{display:flex;align-items: center;}
.about_company .lists .items:nth-child(2){flex-direction:row-reverse}
.about_company .lists .items .img{width:50%}
.about_company .lists .items .text{width:50%;padding-left:.4rem;padding-right:.6rem}
.about_company .lists .items .text h1{font-size:.36rem;color:#1e1e1e;font-weight:bold;padding-left:.44rem;margin:0 0 .45rem;position:relative}
.about_company .lists .items .text h1:after{content:"";position:absolute;width:8px;height:100%;background:#eb0012;left:0;top:50%;transform:translateY(-50%)}
.about_company .lists .items .text .box {padding-left:.44rem;position:relative}
.about_company .lists .items .text .box h2{position:absolute;;left:0;top:0;text-transform:uppercase;writing-mode:vertical-rl;font-size:.16rem;color:#c3c3c3}
.about_company .lists .items .text .box .infos p{font-size:.16rem;color:#1e1e1e;line-height:.25rem}
.about_history{background:url(/public/common/images/icon4.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 2.25rem}
.about_history .title{text-align:center;padding:1.3rem 0 1.05rem}
.about_history .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.about_history .title  p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.2rem 0 0;}
.about_history .lists {position:relative;padding:0 1rem}
.about_history .lists:after{content:"";position:absolute;background:#c6c6c6;width:100%;height:1px;top:50%;transform:translateY(-50%);left:0}
.about_history .lists  .items{height:3.7rem;position:relative}
.about_history .lists  .items:after{content:'';position:absolute;background:#dedede;height:50%;top:0;width:2px;left:.07rem}
.about_history .lists  .items:before{content:"";position:absolute;background:#eb0012;width:.16rem;height:.16rem;border-radius:100%;top:50%;transform:translateY(-50%);z-index:2}
.about_history .lists  .items.xss:after{top:auto;bottom:0}
.about_history .lists  .items .txt{position:absolute;width:80%;left:50%;transform:translateX(-50%);top:.22rem}
.about_history .lists  .items.xss .txt{top:auto;bottom:.22rem}
.about_history .lists  .items .txt h1{font-size:.24rem;color:#eb0012;font-weight:bold;margin:0 0 .2rem}
.about_history .lists  .items .txt p{font-size:.16rem;color:#373737;line-height:.25rem}
.about_history .lists   .swiper-page>div{position:absolute;text-align:center;font-size:.8rem;color:#737373;outline:none;z-index:2;top:48%;left:0;transform:translateY(-50%);}
.about_history .lists  .swiper-page>div.slide-button-next {left:auto;right:0}
.about_honor {padding:0 0 1.5rem}
.about_honor .title{text-align:center;padding:1.15rem 0 .65rem}
.about_honor .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.about_honor .title  p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem 0 0;}
.about_honor  .lists a{overflow:hidden}
.about_honor  .lists a:hover img{transform:scale(1.1)}
.about_honor  .slide-pagination{text-align:center;margin:.8rem 0 0 }
.about_honor  .slide-pagination span{width:.33rem;height:.33rem;line-height:.33rem;border-radius:0;text-align:center;margin:0 .04rem;opacity:1;;background:#ededed;color:#767676;border:1px solid #767676;font-size:.16rem;}
.about_honor  .slide-pagination span.swiper-pagination-bullet-active{border:1px solid #eb0012;color:#eb0012}
.about_honor  .slide-pagination span:hover{border:1px solid #eb0012;color:#eb0012}
.footer{background:#171717}
.footer>div{display:flex;justify-content: space-between;padding:1rem 0  1.15rem}
.footer .left{width:38%}
.footer .left .logo{display:inline-block;margin:0 0 .25rem}
.footer .left h2{font-size:.16rem;color:white;margin:0 0 .7rem}
.footer .email input{width:100%;height:.64rem;background:none;;border:0;border-bottom:1px solid #595959;font-size:.16rem;color:white}
.footer .email button{width:1.85rem;height:.5rem;background:none;border-radius:50px;border:1px solid #4d4d4d;font-size:.18rem;color:white;padding-left:.3rem;margin:.3rem 0 0;position:relative}
.footer .email button:after{content:"";position:absolute;background:url(/public/common/images/icon5.png) 0 0 no-repeat;width:.26rem;height:.23rem;top:50%;transform:translateY(-50%);left:.25rem;background-size:100%}
.footer .email button:hover{background:#eb0012;border:1px solid #eb0012;color:white}
.footer .bot{margin:.5rem 0 0}
.footer .bot p{color:#828282;font-size:.16rem;width:55%;line-height:.3rem}
.footer .bot a{color:#828282;font-size:.16rem;line-height:.3rem}
.footer .right{width:42.5%}
.footer .right .fot_nav{display:flex;flex-wrap: wrap;padding:.25rem 0 0}
.footer .right .fot_nav dl{width:33.33%;margin:0 0 .2rem}
.footer .right .fot_nav dl:last-child{width:65%}
.footer .right .fot_nav dl dt{margin:0 0 .2rem}
.footer .right .fot_nav dl dt a{font-size:.2rem;color:white;font-weight:normal}
.footer .right .fot_nav dl dd {margin:0 0 .1rem}
.footer .right .fot_nav dl dd:last-child{margin:0}
.footer .right .fot_nav dl dd a{font-size:.14rem;color:#a5a5a5}
.footer .right .shares{margin:1rem 0 0}
.footer .right .shares ul{display:flex;justify-content: flex-end;}
.footer .right .shares ul li {margin-left:.16rem}
.footer .right .shares ul li a{height:.35rem;width:.35rem;border-radius:100%;background:#818181;text-align:center;line-height:.35rem}
.footer .right .shares ul li a i{color:white;font-size:.18rem}
.footer .right .shares ul li a:hover{background:#eb0012}
.product_box{position:relative}
.product_box:after{content:"";width:23.8%;background:#eeeeee;height:100%;position:absolute;top:0;z-index:-1}
.product_box .bg{padding:0 1.6rem 0 1.1rem;display:flex;justify-content: space-between;}
.product_box  .left{width:15.1%;padding:.8rem 0 4.15rem}
.product_box  .left dl{margin:0 0 .26rem}
.product_box  .left dl:last-child{margin:0}
.product_box  .left dl dt{border-bottom:1px solid #c9c9c9}
.product_box  .left dl dt a{font-weight:normal;font-size:.18rem;color:#1c1c1c;padding:.15rem .3rem .15rem 0;position:relative}
.product_box  .left dl dt a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);font-size:.24rem;color:#9e9e9e;transition:.3s}
.product_box  .left dl dd{padding:.3rem 0 .3rem;transition:none;display:none}
.product_box  .left dl dd .info{margin:0 0 .35rem}

.product_box  .left dl dd .info:last-child{margin:0}
.product_box  .left dl.class3.on dd {display: block;}
.product_box  .left dl.on  dt a{color:#eb0012;transition:.3s}
.product_box  .left dl.on  dt a:after{transform:translateY(-50%)rotate(90deg);color:#eb0012;transition:.3s}
.product_box  .left dl dd .info a.ons{color:#eb0012;transition:.3s}
.product_box  .left dl dd .info a:hover{color:#eb0012;transition:.3s}
.product_box  .left dl dd .info a{font-size:.16rem;color:#676767}
.product_box  .right{width:76.6%;padding:.5rem 0 0}
.product_box  .right .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box  .right .lists:after{content:"";width:32%}
.product_box  .right .lists .items{width:32%;margin: 0 0 .2rem}
.product_box  .right .lists .items h1{font-size:.16rem;color:black;font-weight:bold;text-align:center;margin:.1rem  0}
.product_box  .right .lists .items h2{font-size:.16rem;color:#676767;text-align:center;}
.product_box  .right .lists .items a{position:relative;}
.product_box  .right .lists .items a:after{content:"";position:absolute;background:url(/public/common/images/icon6.png) 0 0 no-repeat;width:0;height:0;left:50%;transform:translate(-50%,-50%);top:50%;transition:.3s;opacity:0;transition:.3s cubic-bezier(0.76, 0.22, 0.18, 0.66)}
.product_box  .right .lists .items a:hover:after{width:100%;height:100%;opacity:1;transition:.3s cubic-bezier(0.76, 0.22, 0.18, 0.66)}
.product_box  .right .lists .items a:hover img{transform:scale(1.1)}
.product_box  .right .page{display:flex;justify-content: center;margin:.55rem 0 0  }
.product_box  .right .page a{width:.29rem;height:.29rem;margin:0 .04rem;border:1px solid #d2d2d2;border-radius:2px;line-height:.29rem;font-size:.16rem;color:#2e2e2e;background:#ededed}
.product_box  .right .page a.page-num-current,.product_box  .right .page a:hover{border:1px solid #eb0012;color:#eb0012}
.return{padding:.5rem 0}
.return a{position:relative;font-size:.18rem;color:black;padding-left:.3rem;}
.return a:after{content:"\f112";position:absolute;font:normal normal normal 14px/1 FontAwesome;left:0;top:50%;transform:translateY(-50%);font-size:.2rem}
.product {padding:0 0 .95rem}
.product>div{background:#f9f9f9;padding:.5rem  .18rem .5rem}
.product .top{display:flex;justify-content: space-between;padding:0 0 .5rem}
.product .top .left{width:49%;position:relative}
.product .top .left .imglist{position:relative;z-index:2}
.product .top .left .sm_list{bottom:0;z-index:2;padding:0 .35rem;position:relative;margin:.3rem 0 0 }
.product .top .left .sm_list .swiper-page>div{position:absolute;font-size:.2rem;color:#c00000;outline:none;z-index:2;top:0%;left:0;height:100%;background:#e5e5e5;width:.2rem;text-align:center;line-height:.73rem}
.product .top .left .sm_list   .swiper-page>div.slide-button-next {left:auto;right:0}
.product .top .left .sm_list   .swiper-page>div:hover{background:#c00000}
.product .top .left .sm_list   .swiper-page>div:hover i{color:white}
.product .top .right{width:49%;background:white;padding:.65rem .3rem 0}
.product .top .right .infos h1{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .28rem}
.product .top .right .infos p{color:#636363;font-size:.14rem}
.product .bot{background:white;padding:.2rem;font-size:.14rem}
.product .bot table {}
.product .bot table td{border:1px solid black;padding:.1rem;text-align:center}
.product .bot table .firstRow td{background:rgba(73,194,177);color:white}
.product .bot table tr td{background:rgba(218,242,242);color:black}
.case >div{padding:.65rem 0 1.2rem    }
.case .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.case .lists .items{width:48.2%;margin:0 0 .55rem}
.case .lists .items a{position:relative}

.case .lists .items a:after{content:"";position:absolute;background:url(/public/common/images/icon7.png) 0 0 no-repeat;width:0;height:0;left:50%;transform:translate(-50%,-50%);top:50%;transition:.3s;opacity:0;transition:.3s cubic-bezier(0.76, 0.22, 0.18, 0.66)}
.case .lists .items a:hover:after{width:100%;height:100%;opacity:1;transition:.3s cubic-bezier(0.76, 0.22, 0.18, 0.66)}

.case .lists .items a em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.36rem;color:white;z-index:2;opacity:0}
.case .lists .items  h2{font-size:.18rem;color:#000000;font-weight:bold;margin:.2rem 0 }
.case .lists .items a:hover img{transform:scale(1.1)}
.case .lists .items a:hover em{opacity:1}
.case  .page{display:flex;justify-content: center;margin:.5rem 0 0  }
.case  .page a{width:.29rem;height:.29rem;margin:0 .04rem;border:1px solid #d2d2d2;border-radius:2px;line-height:.29rem;font-size:.16rem;color:#2e2e2e;background:#ededed}
.case  .page a.page-num-current,.case .page  a:hover{border:1px solid #eb0012;color:#eb0012}
.tem_banner{z-index:33}
.company_news {padding:  0 0 .85rem;background:#f5f5f5}
.company_news .title{padding:.7rem 0 .62rem;text-align:center}
.company_news .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.company_news .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem   0 0}
.company_news .lists a{padding:.45rem .75rem .4rem;border-right:1px solid #e5e5e5;position:relative}
.company_news .lists a span{font-size:.14rem;color:#545454}
.company_news .lists a  h2{font-size:.2rem;color:#232323;height:.5rem;line-height:.25rem;margin:.14rem 0 .22rem}
.company_news .lists a:hover{background:#eb0012;;border-right:1px solid #eb0012}
.company_news .lists a em{font-size:.14rem;color:#939393;display:inline-block;margin:0 0 .18rem}
.company_news .lists a p{font-size:.14rem;color:#939393;height:.4rem;line-height:.2rem;margin:.32rem 0 .45rem}
.company_news .lists a:hover span{color:white}
.company_news .lists a:hover h2{color:white}
.company_news .lists a:hover em{color:white}
.company_news .lists a:hover p{color:white}
.company_news .lists a:hover img{transform:scale(1.1)}
.company_news .lists a .more{display:flex;position:relative;align-items: center;}
.company_news .lists a .more i{font-size:.175rem;color:#939393}
.company_news .lists a .more:before{content:"";width:50%;height:1px;width:20%;background:#939393;transition:.5s}
.company_news .lists a:hover .more:before{width:100%;transition:.5s}
.company_news .lists a:hover .more i{color:white}
.company_news .lists a:hover .more:before {background:white}
.company_news .lists .swiper-page{display:flex;justify-content: center;margin:.75rem 0 0 }

.company_news .lists .swiper-page .slide-button-prev,.company_news .lists .swiper-page .slide-button-next ,.company_news .lists .slide-pagination span{width:.29rem;height:.29rem;text-align:center;opacity:1;margin:0 .04rem;border:1px solid #d2d2d2;border-radius:2px;line-height:.29rem;font-size:.16rem;color:#2e2e2e;background:#ededed}
.company_news .lists .swiper-page .slide-pagination span.swiper-pagination-bullet-active{border:1px solid #eb0012;color:#eb0012}


.trade_news {padding:  0 0 1.2rem;background:white}
.trade_news .title{padding:.5rem 0 .45rem;text-align:center}
.trade_news .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.trade_news .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem   0 0}
.trade_news .lists .items{margin:0 0 .3rem}
.trade_news .lists a{display:flex;position:relative;padding:.35rem 1.85rem .6rem  .35rem;justify-content: space-between;border-bottom:2px solid #dcdcdc;align-items: center;}
.trade_news .lists a:hover{background:#eeeeee;border-bottom:2px solid #eeeeee;}
.trade_news .lists a:hover img{transform:scale(1.1)}
.trade_news .lists a:after{content:"";position:absolute;width:.6rem;height:.6rem;border:1px solid #a0a0a0;right:.5rem;top:50%;transform:translateY(-50%);background:url(/public/common/images/icon8.png) center center no-repeat;transition:.3s}
.trade_news .lists a:hover:after{background:#eb0012 url(/public/common/images/icon8-1.png) center center no-repeat;border:1px solid #eb0012;transition:.3s}
.trade_news .lists a .img{width:40%}
.trade_news .lists a .text{width:52.5%}
.trade_news .lists a .text span{font-size:.195rem;color:#343434;font-weight:bold}
.trade_news .lists a .text  h2{font-size:.18rem;color:#0f0f0f;font-weight:bold;margin:.3rem 0  .4rem}
.trade_news .lists a .text  p {font-size:.15rem;color:#0f0f0f;height:.5rem;line-height:.25rem}
.trade_news .lists .swiper-page{display:flex;justify-content: center;margin:.2rem 0 0 }
.trade_news .lists a:hover h2{color:#eb0012}
.trade_news .lists .swiper-page .slide-button-prev,.trade_news .lists .swiper-page .slide-button-next ,.trade_news .lists .slide-pagination span{width:.29rem;height:.29rem;text-align:center;opacity:1;margin:0 .04rem;border:1px solid #d2d2d2;border-radius:2px;line-height:.29rem;font-size:.16rem;color:#2e2e2e;background:#ededed}
.trade_news .lists .swiper-page .slide-pagination span.swiper-pagination-bullet-active{border:1px solid #eb0012;color:#eb0012}

.contact_box .infos .title{padding:.8rem 0 .5rem;text-align:center}
.contact_box .infos  .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.contact_box .infos  .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem   0 0}
.contact_box .infos ul{display:flex;padding:0 1.1rem;}
.contact_box .infos ul li {width:25%;height:4.24rem;padding:0 .8rem;border:1px solid #dcdcdc;margin-left:-1px;display:flex;flex-direction: column;justify-content: center;position:relative}
.contact_box .infos ul li:after{content:'';position:absolute;height:4px;width:0;left:50%;transform:translateX(-50%);bottom:0;background:#eb0012;transition:.3s}
.contact_box .infos ul li:hover:after{width:100%}
.contact_box .infos ul li h1{font-size:.18rem;color:#0f0f0f;font-weight:bold;padding: .9rem  0 0;position:relative}
.contact_box .infos ul li p{font-size:.2rem;color:#3f3f3f;margin:.35rem 0 0} 
.contact_box .infos ul li:nth-child(1) h1:after{content:'';position:absolute;background:url(/public/common/images/icon9.png) 0 0 no-repeat;width:.63rem;height:.58rem;left:0;top:0;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(2) h1:after{content:'';position:absolute;background:url(/public/common/images/icon10.png) 0 0 no-repeat;width:.54rem;height:.5rem;left:0;top:0;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(3) h1:after{content:'';position:absolute;background:url(/public/common/images/icon11.png) 0 0 no-repeat;width:.57rem;height:.58rem;left:0;top:0;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(4) h1:after{content:'';position:absolute;background:url(/public/common/images/icon12.png) 0 0 no-repeat;width:.58rem;height:.63rem;left:0;top:0;background-size:100%;transition:.3s}

.contact_box .infos ul li:nth-child(1):hover h1:after{content:'';position:absolute;background:url(/public/common/images/icon9-1.png) 0 0 no-repeat;width:.63rem;height:.58rem;left:0;top:-.2rem;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(2):hover h1:after{content:'';position:absolute;background:url(/public/common/images/icon10-1.png) 0 0 no-repeat;width:.54rem;height:.5rem;left:0;top:-.2rem;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(3):hover h1:after{content:'';position:absolute;background:url(/public/common/images/icon11-1.png) 0 0 no-repeat;width:.57rem;height:.58rem;left:0;top:-.2rem;background-size:100%;transition:.3s}
.contact_box .infos ul li:nth-child(4):hover h1:after{content:'';position:absolute;background:url(/public/common/images/icon12-1.png) 0 0 no-repeat;width:.58rem;height:.63rem;left:0;top:-.2rem;background-size:100%;transition:.3s}
.contact_box .map #container{height:6.4rem}
.contact_box .message{padding:0 0 1.1rem}
.contact_box .message  .title {padding:.75rem 0 .6rem;text-align:center}
.contact_box .message .title h1{font-size:.36rem;color:#000000;font-weight:bold}
.contact_box .message .title p{font-size:.24rem;color:#838383;text-transform:uppercase;margin:.15rem   0 0}
.contact_box .message .form  .info{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .message .form  .info .input {width:45%;margin:0 0 .65rem}
.contact_box .message .form  .info .input input{width:100%;height:.5rem;;border:0;border-bottom:1px solid #aaaaaa}
.contact_box .message .form  .info .input .text{font-size:.18rem;color:#0f0f0f;font-weight:bold;margin:0 0 .15rem}
.contact_box .message .form  .second  .text{font-size:.18rem;color:#0f0f0f;font-weight:bold;margin:0 0 .15rem}
.contact_box .message .form  .second textarea{width:100%;height:1.4rem;border:1px solid #aaaaaa;padding:.1rem}
.contact_box .message .form  .submint{margin:.4rem  0 0;}
.contact_box .message .form  .submint button{width:1.8rem;height:.5rem;border-radius:50px;background:#eb0012;font-size:.16rem;color:white;border:0}
.tem_banner.index   .label_text{position:absolute;top:33%;left:1.6rem;z-index:2} 
.tem_banner.index   .label_text h1{font-size:.72rem;color:white;text-shadow: 2px 2px 3px #333;;}
.tem_banner.index   .label_text h2{font-size:.48rem;color:white;margin:.3rem  0;text-shadow: 2px 2px 3px #333;;}
.tem_banner.index   .label_text p{font-size:.3rem;color:white;text-transform:uppercase;font-weight:bold;text-shadow: 2px 2px 3px #333;}
.tem_banner.index   .slide-pagination{position:absolute;left:1.6rem;bottom:.85rem;z-index:2}
.tem_banner.index   .slide-pagination span{width:.14rem;height:.14rem;opacity:1;margin:0 .07rem;border:2px solid white;background:none}
.tem_banner.index   .slide-pagination span.swiper-pagination-bullet-active{background:white}
.index_about>div{display:flex;padding:.55rem 0 .65rem}
.index_about .left{width:57.5%;background:#eeeeee;padding:.85rem 1rem  0  }
.index_about .left h2{font-size:.36rem;color:#292929;font-weight:bold}
.index_about .left h3{font-size:.3rem;color:#363636;font-weight:bold;margin:.55rem 0 .45rem;line-height:.4rem}
.index_about .left .txt h1{font-size:.24rem;color:#363636;font-weight:bold;margin:0 0 .8rem}
.index_about .left .txt h1 em{font-size:.36rem;color:#eb0012}
.index_about .left .txt  p{font-size:.15rem;color:#363636;line-height:.3rem}
.index_about .left  a{display:inline-block;width:1.45rem;height:.45rem;line-height:.45rem;font-size:.16rem;color:#363636;border:1px solid #898989;text-align:center;margin:.8rem 0 0 }
.index_about .left  a:hover{background:#eb0012;border:1px solid #eb0012;color:white}
.index_about .right{width:42.5%;position:relative}
.index_about .right:hover img{transform:scale(1.1)}
.index_about .right .plays_{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_about .right .plays_ a{width:1.01rem;height:1.01rem;background:url(/public/common/images/plays.png) 0 0 no-repeat;cursor:pointer;background-size:100%}
.video_fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;transition:none;display:none;}
.video_fixed .mains{position:absolute;top:80%;left:50%;width:100%;max-width:11.75rem;transform:translate(-50%,-50%);opacity:0;}
.video_fixed .mains.on {top:50%;opacity:1}
.video_fixed .close_{position:absolute;top:1.1rem;right:.15rem;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid #b1b1b1;font-size:.24rem;color:#b1b1b1;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:5rem;object-fit:cover;}
.index_product {}
.index_product>div {background:url(/public/common/images/icon13.jpg) 0 0 no-repeat;padding-left:2.6rem;display:flex}
.index_product>div .imglist{height:9.6rem;}
.index_product>div .imglist .txt{height:100%;position:relative;display:flex;flex-direction: column;justify-content: center;border-bottom:1px solid #dbdcde;background:#eeeeee;padding:0 .1rem 0 1.15rem}
.index_product>div .imglist .txt h1{font-size:.22rem;color:#212121;font-weight:bold}
.index_product>div .imglist .swiper-slide-thumb-active{}
.index_product>div .imglist .swiper-slide-thumb-active .txt{background:#eb0012;}
.index_product>div .imglist .swiper-slide-thumb-active .txt{padding-left:.65rem;padding-right:.8rem}
.index_product>div .imglist .swiper-slide-thumb-active .txt h1{color:white}
.index_product>div .imglist .swiper-slide-thumb-active .txt p{color:white}
.index_product>div .imglist .swiper-slide-thumb-active .txt:after{left:0rem !important;transition:.3s;opacity:0}
.index_product>div .imglist .swiper-slide-thumb-active .txt:before{right:.2rem;transition:.3s;opacity:1}
.index_product>div .imglist .txt:before{content:"";position:absolute;background:url(/public/common/images/icon15.png) 0 0 no-repeat;width:.5rem;height:.5rem;top:50%;transform:translateY(-50%);right:0;background-size:100%;transition:.3s;opacity:0}
.index_product>div .imglist .txt p{font-size:.12rem;color:#292929;font-weight:bold;margin:.15rem 0 0 }
.index_product>div .imglist .txt.xss1:after{content:"";position:absolute;background:url(/public/common/images/1.png) 0 0 no-repeat;width:1rem;height:.9rem;left:.2rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_product>div .imglist .txt.xss2:after{content:"";position:absolute;background:url(/public/common/images/2.png) 0 0 no-repeat;width:1rem;height:.9rem;left:.2rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_product>div .imglist .txt.xss3:after{content:"";position:absolute;background:url(/public/common/images/3.png) 0 0 no-repeat;width:1rem;height:.9rem;left:.2rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_product>div .imglist .txt.xss4:after{content:"";position:absolute;background:url(/public/common/images/4.png) 0 0 no-repeat;width:1rem;height:.9rem;left:.2rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_product>div .imglist .txt.xss5:after{content:"";position:absolute;background:url(/public/common/images/5.png) 0 0 no-repeat;width:1rem;height:.9rem;left:.2rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_product>div .imglist .txt.xss6:after{content:"";position:absolute;background:url(/public/common/images/6.png) 0 0 no-repeat;width:1rem;height:.9rem;left:.2rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}

.index_product .imglist{width:23%}
.index_product .sm_list{width:77%;position:relative}
.index_product .imglist .swiper-container{height:9.6rem}
.index_product .sm_list  .swiper-container{height:100%}
.index_product .sm_list .infos{display:flex;justify-content: center;align-items: center;height:100%}
.index_product .sm_list .infos .img{width:39.5%}
.index_product .sm_list .infos .right{width:30%;padding:0 .2rem}
.index_product .sm_list .infos .right h1{font-size:.36rem;color:#262626;font-weight:bold;}
.index_product .sm_list .infos .right p{color:#1d1d1d;font-size:.24rem;margin:.1rem 0 0}
.index_product .sm_list .infos .right a{display:inline-block;margin:.5rem 0 0;width:.8rem;height:.35rem;line-height:.35rem;text-align:center;font-size:.16rem;background:#eb0012;color:white;border:1px solid #eb0012;}
.index_product .sm_list .swiper-page{}
.index_product .sm_list .swiper-page>div{position:absolute;;left:0;transform:translateY(-50%);top:50%;height:2rem;width:1rem;background:white url(/public/common/images/icon16.png) center center no-repeat;border-radius:0 100px 100px 0;z-index:2}
.index_product .sm_list .swiper-page>div.slide-button-next {left:auto;right:0;background:white url(/public/common/images/icon17.png) center center no-repeat;border-radius:100px 0   0 100px;}
.index_product .sm_list .swiper-page>div:hover{background:white url(/public/common/images/icon16-1.png) center center no-repeat}
.index_product .sm_list .swiper-page>div.slide-button-next:hover{background:white url(/public/common/images/icon17-1.png) center center no-repeat}
.index_news{padding:0 0 1.35rem}
.index_news .title{text-align:center;padding:.7rem 0 .6rem}
.index_news .title h1{font-size:.48rem;color:#1d1d1d;font-weight:bold}
.index_news .infos{display:flex;justify-content: space-between;}
.index_news .infos .left{width:48.5%}
.index_news .infos .left a{background:#eeeeee;display:block;padding:.8rem  .8rem .6rem}
.index_news .infos .left a .txt h1{font-size:.24rem;color:#1d1d1d;font-weight:bold;margin:0 0 .35rem}
.index_news .infos .left a .txt  p{font-size:.18rem;color:#1d1d1d;height:.5rem;line-height:.25rem;margin:0 0 .5rem}
.index_news .infos .left a em{display:inline-block;margin:.45rem 0 0;width:1.63rem;height:.43rem;background:#ff0000;text-align:center;line-height:.43rem;font-size:.16rem;color:white}
.index_news .infos .left a:hover img{transform:scale(1.1)}
.index_news .infos .left a .img{overflow:hidden}
.index_news .infos .right{width:46.5%;border-top:1px solid #eeeeee;height:6.8rem;}
.index_news .infos .right *{transition:0s}
.index_news .infos .right .items a {padding:.6rem 0;display:block;border-bottom:1px solid #eeeeee;transition:.3s}
.index_news .infos .right .items a:hover .tit h1:after{background:#ff0000}
.index_news .infos .right .items a:hover{;border-bottom:1px solid #ff0000;transition:.3s}
.index_news .infos .right .items a .tit{display:flex;align-items: center;justify-content: space-between;margin:0 0 .4rem}
.index_news .infos .right .items a .tit h1{font-size:.18rem;color:#1d1d1d;font-weight:bold;padding-left:.3rem;width:70%;position:relative}
.index_news .infos .right .items a .tit h1:after{content:'';position:absolute;background:#b5b5b5;width:.14rem;height:.14rem;border-radius:100%;top:50%;transform:translateY(-50%);left:0;transition:.3s}
.index_news .infos .right .items a .tit h2{font-size:.18rem;color:#393939;font-weight:bold;}
.index_news .infos .right .items a .info{padding:0 1.6rem  0 .35rem;position:relative}
.index_news .infos .right .items a .info:after{content:"";position:absolute;background:url(/public/common/images/icon18.png)  0 0 no-repeat;width:.29rem;height:.15rem;background-size:100%;right:.3rem;top:50%;transform:translateY(-50%);transition:.3s}
.index_news .infos .right .items a:hover .info:after{transition:.3s;background:url(/public/common/images/icon18-1.png)  0 0 no-repeat;background-size:100%;right:0;transition:.3s}
.index_news .infos .right .items a .info p{font-size:.16rem;color:#464646;height:.5rem;margin:0;;line-height:.25rem}
	
/********<=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:black;
	-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:#eb0012;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:#eb0012}
.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;}
/**************************/

@media(max-width:1600px){
	.index_product>div{padding-left:0.6rem}
	.product_box .bg{padding:0 0.6rem 0 .6rem;;}
}                
/******ipad****/
@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_about>div{display:inherit}
.index_about>div .left{width:100%;padding:.2rem}
.index_about .right{width:100%}
.index_product .sm_list .swiper-page>div{ background-size:50%}
.index_product .sm_list .swiper-page>div.slide-button-next { background-size:50%}
.index_product .sm_list .swiper-page>div:hover{background-size:50%}
.index_product .sm_list .swiper-page>div.slide-button-next:hover{background-size:50%}
.index_product>div .imglist .txt{padding:0 .1rem 0 .9rem}
.index_product>div .imglist .txt:after{left:0 !important}
.index_product>div .imglist .swiper-slide-thumb-active .txt{padding-left:.25rem;padding-right:.4rem}
.index_product>div{padding:0}
.index_product .sm_list{width:60%}
.index_product .imglist{width:40%}
.index_product .sm_list .infos{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.index_product .sm_list .infos .img{width:60%}
.index_product .sm_list .infos .right{width:100%;text-align:center;}
.index_product .sm_list .swiper-page>div{height:1rem;width:.5rem}
.index_news .infos{display:inherit}
.index_news .infos .left{width:100%}
.index_news .infos .right{width:100%;margin:.3rem 0  0}
.footer>div {display:inherit}
.footer .left{width:100%;text-align:center}
.footer .left h2{margin:0 0 .2rem}
.footer .bot{margin:0}
.footer .bot p{width:100%}
.footer .right .fot_nav{width:100%}
.footer .right{width:100%}
.footer .right .fot_nav dl{display:none}
.footer .right .fot_nav dl:last-child{display:block}
.footer .right .fot_nav dl:last-child{width:100%}
.footer .right .shares{margin:.3rem 0 0}
.tem_banner.index   .label_text{left:.6rem;top:50%}
.tem_banner.index   .label_text h1{font-size:.32rem;color:white;text-shadow: 2px 2px 3px #333;;}
.tem_banner.index   .label_text h2{font-size:.24rem;color:white;margin:.1rem  0;text-shadow: 2px 2px 3px #333;;}
.tem_banner.index   .label_text p{font-size:.16rem;color:white;text-transform:uppercase;font-weight:bold;text-shadow: 2px 2px 3px #333;}
.tem_banner.index .slide-pagination{left:.6rem}
.tem_banner.indise .banner_nav{display:none}
.tem_banner.indise .txt h2{display:none}
.about_company .pad11{padding:0 .3rem}
.about_company .top ul{display:flex;flex-wrap: wrap;}
.about_company .top ul li{width:50%}
.about_company .lists .items{display:inherit}
.about_company .lists .items .img{width:100%}
.about_company .lists .items .text{width:100%;margin:.2rem 0 }
.product_box .bg{padding:.1rem;;}
.product_box .right .lists .items{width:48%}
.product_box .left{width:20%}
#exzoom{width:100% !important}
.company_news .lists a{padding:.2rem;border-right:1px solid #e5e5e5;position:relative}
.trade_news .lists a{padding:.25rem 1rem .3rem  .2rem;justify-content: space-between;border-bottom:2px solid #dcdcdc;align-items: center;}
.trade_news .lists a:after{right:.2rem}
.contact_box .infos ul{padding:0;display:flex;flex-wrap: wrap;}
.contact_box .infos ul li{width:50%}
}