.header{position: fixed;width: 100%;z-index: 1000;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.21)}
.header.is_header{background:rgba(0,0,0,.8)}
.header .pad72{padding:0 .72rem;display:flex;justify-content: space-between;height:1.45rem;line-height:1.45rem}
.header .logo{width:10.8%}
.header .navs{width:51.5%}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li{margin-left:1rem}
.header .navs ul li:first-child{margin:0}
.header .navs ul li a{font-size:.2rem;color:white;position:relative;font-family:"robot"}
.header .navs ul li a:after{content:"";position:absolute;background:white;width:0;left:50%;transform:translateX(-50%);height:3px;bottom:0;transition:.5s}
.header .navs ul li a:hover:after,.header .navs ul li.active a:after{width:100%;transition:.5s}
.header .right{width:22.2%;display:flex;justify-content: space-between;align-items: center;}
.header .right .phone {width:67%}
.header .right .langs{width:23.8%}
.header .right .langs a{font-family:"robot";height:.55rem;border:1px solid white;line-height:.55rem;text-align:center;font-size:.18rem;color:white}
.header .right .langs a:hover{background:white;color:black}
.tem_banner.indise .txt{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:54%;width:100%}
.tem_banner.indise .txt h1{font-size:.6rem;color:white;text-transform:uppercase;padding:0 0 .25rem;font-family:"robot"}
.tem_banner.indise .txt  p{font-size:.3rem;color:white;}
.about_box .company{background:#f5f5f5;padding:0 0 1.15rem}
.about_box .company .top{padding:.8rem 0 .7rem }
.about_box .company .top>div{background:white}
.about_box .company .top .infos h2{padding:.55rem .44rem .38rem;font-size:.3rem;color:#1e1e1e;border-bottom:2px solid #e2e2e2}
.about_box .company .top .infos .text{padding:.6rem .45rem .8rem;font-size:.16rem;color:#3e3e3e;line-height:.3rem}
.about_box .company .bot{padding:.72rem 0 ;position:relative }
.about_box .company .bot:after{content:'';position:absolute;background:#d9dee1;height:100%;width:48.5%;top:50%;transform:translateY(-50%);z-index:0;left:0}
.about_box .company .bot>div{z-index:2}
.about_box .history {padding:1.2rem 0 0;background:url(../images/icon1.jpg)0 0 no-repeat;background-size:cover }
.about_box .history .title{padding:0 0 1.3rem}
.about_box .history .title h2{font-size:.3rem;color:#ffffff;text-align:center}
.about_box .history .lists .imglist{padding:0 .9rem;position:relative}
.about_box .history .lists .imglist a{height:.8rem;text-align:center;display:flex;flex-direction: column;justify-content: center;position:relative}
.about_box .history .lists .imglist a:after{content:"";position:absolute;content:"";position:absolute;width:0;height:5px;background:#219195;left:50%;transform:translateX(-50%);bottom:0;transition:.3s}
.about_box .history .lists .imglist .swiper-slide-thumb-active a:after{width:100%;transition:.3s}
.about_box .history .lists .imglist a h1{font-size:.3rem;color:white}
.about_box .history .lists .imglist  .swiper-container{position:relative;}
.about_box .history .lists .imglist  .swiper-container:after{content:"";position:absolute;width:100%;height:5px;border:1px solid #219195;left:0;bottom:0}
.about_box .history .lists .imglist .swiper-page>div{position:absolute;width:.6rem;height:.6rem;left:0;top:50%;transform:translateY(-50%);z-index:2;border-radius:100%;border:1px solid  #4d4d4d;line-height:.6rem;color:#4d4d4d;text-align:center;font-size:.36rem}
.about_box .history .lists .imglist .swiper-page>div.slide-button-next{left:auto;right:0;}
.about_box .history .lists .imglist .swiper-page>div:hover{border:1px solid  #219195;line-height:.6rem;color:#2d755d;}
.about_box .history .lists .sm_list{padding:1.3rem 0 .65rem}
.about_box .history .lists .sm_list .info{text-align:center}
.about_box .history .lists .sm_list .info h2{font-size:.36rem;color:white;padding:0 0 .4rem}
.about_box .history .lists .sm_list .info .txt{padding:0 3.2rem;font-size:.16rem;color:white;line-height:.3rem;height:1.5rem;overflow:hidden}
.about_box .awards{background:#f5f5f5;padding:0 0 1.4rem}
.about_box .awards .title{padding:1.1rem 0 .5rem}
.about_box .awards .title h2{font-size:.3rem;color:#1e1e1e;text-align:center;font-weight:bold}
.about_box .awards .lists{padding:0 .9rem;position:relative}
.about_box .awards .lists a{padding:1.05rem 0 .3rem}
.about_box .awards .lists a  .img{padding:0 1rem}
.about_box .awards .lists a  img{max-height:1.68rem;}
.about_box .awards .lists .xss a{background:#302d2c url(../images/icon2.png) center top no-repeat;background-size:1.13rem .7rem}
.about_box .awards .lists .xs a{background:#302d2c url(../images/icon3.png) center top no-repeat;background-size:1.13rem .71rem}
.about_box .awards .lists a h2{font-size:.16rem;color:white;text-align:center;font-weight:bold;padding:.35rem 0 0}
.about_box .awards .lists a:hover img{transform:scale(1.1)}

.about_box .awards .lists  .swiper-page>div{position:absolute;width:.6rem;height:.6rem;background:white;left:0;top:50%;transform:translateY(-50%);z-index:2;border-radius:100%;;line-height:.6rem;color:#4d4d4d;text-align:center;font-size:.36rem}
.about_box .awards .lists .swiper-page>div.slide-button-next{left:auto;right:0;}
.about_box .awards .lists .swiper-page>div:hover{color:white;background:#219195}
.about_box .workshop{padding:0 0 1.15rem}
.about_box .workshop .title{padding:.98rem 0 .55rem}
.about_box .workshop .title h2{font-size:.3rem;color:#1e1e1e;text-align:center;font-weight:bold}
.about_box .workshop .lists a:hover img{transform:scale(1.1)}
.about_box .workshop .lists  h2{font-size:.16rem;color:#302d2c;text-align:center;font-weight:bold;padding:.3rem 0 0}
.about_box .workshop .slide-pagination{margin:.8rem 0 0;text-align:center}
.about_box .workshop .slide-pagination span{width:.15rem;height:.15rem;background:none;opacity:1;margin:0 .1rem;border:1px solid #7c7c7c}
.about_box .workshop .slide-pagination span.swiper-pagination-bullet-active{background:#219195;border:1px solid #219195}
.footer{background:#302d2c}
.footer>div{display:flex;padding:.77rem 0 .9rem;justify-content: space-between;}
.footer .left{width:26.3%}
.footer .left .logo{width:46%;margin:0 0 .7rem}
.footer .left  ul{display:flex;padding:0 0 .45rem}
.footer .left  ul li{margin-right:.14rem}
.footer .left  ul li a{width:.4rem;height:.4rem;background:white;border-radius:100%;font-size:.2rem;line-height:.4rem;text-align:center}
.footer .left  .infos p{font-size:.155rem;color:#d6d5d5;padding:0 0 .1rem}
.footer .left  .infos a{font-size:.16rem;color:#d6d5d5}
.footer .middle{width:19.7%;padding:.4rem 0 0 }
.footer .middle .tit{margin:0 0 1rem}
.footer .middle .tit h1 {font-size:.18rem;color:white;font-weight:bold;margin:0 0 .25rem}
.footer .middle .tit p{font-size:.16rem;color:#d3d3d3;line-height:.32rem}
.footer .middle .xss p{font-size:.16rem;color:#acacac;font-weight:bold;margin:0 0 .1rem}
.footer .middle .xss p:last-child{margin:0}

.footer .fot_nav{width:45.5%;padding:.38rem 0 0;display:flex;justify-content: space-between;}
.footer .fot_nav dl dt{margin:0 0 .25rem}
.footer .fot_nav dl dt a{font-size:.18rem;color:white;;text-transform:uppercase;}
.footer .fot_nav dl dd{margin:0 0 .1rem}
.footer .fot_nav dl dd a{font-size:.16rem;color:#d3d3d3}
.product_box{background:#f5f5f5;padding:.98rem 0 2.75rem }
.product_box>div{display:flex;justify-content: space-between;align-items: flex-start;}
.product_box .pro_nav{width:19%;background:white;border:1px solid #bfbfbf}
.product_box .pro_nav h2{padding:.4rem  .3rem .3rem;font-size:.3rem;color:#1e1e1e;font-weight:bold;border-bottom:1px solid #bfbfbf}
.product_box .pro_nav ul{padding:.5rem .25rem .3rem}
.product_box .pro_nav ul li{margin:0 0 .45rem}
.product_box .pro_nav ul li.active a{color:#1e1e1e}
.product_box .pro_nav ul li a{font-size:.16rem;color:#757575}
.product_box .pro_nav ul li a:hover{color:#1e1e1e;}
.product_box .right{width:75.5%;padding:.4rem 0  0}
.product_box .right>h2{font-size:.24rem;color:#1e1e1e;padding:0 0 .3rem;border-bottom:1px solid #bfbfbf}
.product_box .right .lists{padding:.4rem 0 0;}
.product_box .right .lists .items{padding: 0 .13rem;margin:0 0 .45rem}
.product_box .right .lists .items a{text-align:center}
.product_box .right .lists .items a:hover img{transform:scale(1.1)}
.product_box .right .lists .items a h2{height:.45rem;line-height:.45rem;background:#e3e3e3;font-size:.15rem;color:#1e1e1e;font-weight:bold}
.product .top{background:#f5f5f5;padding:0 0 1.35rem}
.product .top  .mbx{}
.product .top .mbx>div{display:flex;padding:.3rem 0  .5rem;align-items: center;font-size:.16rem;color:#555555;}
.product .top .mbx>div a{font-size:.16rem;color:#555555;margin:0 .05rem }
.product .top .lists {position:relative}
.product .top .lists a{background:white;padding:.6rem 0  1.6rem;position:relative}
.product .top .lists a h2{text-align:center;font-size:.24rem;color:#343434;padding:0 0 1.05rem}
.product .top .lists a:hover img{transform:scale(1.1)}
.product .top .lists a:after{content:'';position:absolute;background:rgba(255,255,255,.5);width:100%;height:100%;left:0;top:0;transition:.5s;opacity:1}
.product .top .lists  .swiper-slide-active a:after{opacity:0;transition:.5s}
.product .top .lists .swiper-page>div{position:absolute;width:.6rem;height:.6rem;left:22%;top:50%;transform:translateY(-50%);z-index:2;border-radius:100%;background:#219195 url(../images/icon4.png) center center no-repeat;background-size:.28rem .11rem;z-index:2}
.product .top .lists   .swiper-page>div.slide-button-next{left:auto;right:22%;background:#219195 url(../images/icon5.png) center center no-repeat;background-size:.28rem .11rem;}
.product .infos{padding:.9rem 0 3.8rem}
.product .infos h2{font-size:.36rem;color:#252525;padding:0 0  .4rem;border-bottom:2px solid #e1e1e1;margin:0 0 .55rem}
.product .infos .editor{font-size:.16rem;color:#252525;line-height:.35rem;}
.news_box{background:#f5f5f5}
.news_box>div{padding:.8rem 0 1.6rem}
.news_box>div .lists .items{margin:0 0 .48rem}
.news_box>div .lists .items a{padding:.35rem .4rem .35rem .3rem;display:flex;background:white;align-items: center;justify-content: space-between;}
.news_box>div .lists .items a .left{width:64.7%}
.news_box>div .lists .items a .left span{font-size:.16rem;color:#a19f9f}
.news_box>div .lists .items a .left h2{font-size:.24rem;color:#1e1e1e;margin:.45rem 0 .4rem}
.news_box>div .lists .items a .left p{font-size:.16rem;color:#525050;height:.75rem;line-height:.25rem}
.news_box>div .lists .items a .img{width:26.1%}
.news_box>div .lists .items a:hover img{transform:scale(1.1)}
.news_box .page{display:flex;justify-content: center;padding:.62rem 0 0;align-items: center;}
.news_box .page a{margin:0 .1rem}
.news_box .page a.page-num{width:.44rem;height:.44rem;border-radius:100%;font-size:.18rem;color:#383939;line-height:.44rem;;}
.news_box .page a.page-link{height:.44rem;line-height:.44rem;border-radius:50px;border:1px solid #dddddd;width:1.4rem;font-size:.16rem;color:#383939;font-weight:bold}
.news_box .page a.page-num-current,.news_box .page a:hover{background:#219195;color:white}
.contact_box {background:#f5f5f5;padding:.72rem 0 3rem}
.contact_box  .infos>div{background:white}
.contact_box  .infos .top{;padding:.75rem  .6rem 1.25rem}
.contact_box  .infos .top h2{font-size:.36rem;color:#4a4c51;font-weight:bold;text-transform:uppercase;margin:0 0 .9rem}
.contact_box  .infos .top ul:nth-child(2){margin:0 0 .6rem}
.contact_box  .infos .top ul:nth-child(2) li h1{font-size:.16rem;color:#535354;font-weight:bold;margin:0 0 .15rem}
.contact_box  .infos .top ul:nth-child(2) li p{font-size:.16rem;color:#535354}
.contact_box  .infos .top ul:nth-child(3){display:flex}
.contact_box  .infos .top ul:nth-child(3) li{margin-right:.55rem}
.contact_box  .infos .top ul:nth-child(3) li h1{font-size:.16rem;color:#535354;font-weight:bold;margin:0 0 .15rem}
.contact_box  .infos .top ul:nth-child(3) li p{font-size:.16rem;color:#535354}
.contact_box  .infos  .map{padding:.25rem .3rem .35rem;border-top:8px solid #f5f5f5}
.contact_box  .infos  .map #container{height:5.05rem;}
.contact_box  .message {padding:1.25rem 0 0}
.contact_box  .message>div{background:#f6fafc;padding:.75rem .62rem 1.15rem}

.contact_box  .message  h2{font-size:.36rem;color:#4a4c51;font-weight:bold;text-transform:uppercase;margin:0 0 .65rem}
.contact_box  .message form {font-size:0}
.contact_box  .message form .box{display:flex;justify-content: space-between;margin:0 0 .3rem}

.contact_box  .message form .box .input{width:22%}
.contact_box  .message form .box .input input{height:.5rem;line-height:.5rem;width:100%;border:1px solid #cbcccd;font-size:.16rem;color:black;padding:0 .18rem;background:none}
.contact_box  .message form .second textarea{width:100%;height:1.65rem;border:1px solid #cbcccd;font-size:.16rem;color:black;padding:.18rem;background:none}
.contact_box  .message form .submint{margin:.45rem 0 0 ;}
.contact_box  .message form .submint button{width:1.6rem;height:.5rem;border:1px solid #cbcccd;background:url(../images/icon6.png) 1.2rem center no-repeat;font-size:.16rem;color:#535354;text-align:left;padding:0 .2rem;background-size:.22rem .09rem}
.contact_box  .message form .submint button:hover{background-color:white}
.tem_banner.index .label_text{position:absolute;left:50%;transform:translateX(-50%);top:44%;z-index:2;width:100%;text-align:center}
.tem_banner.index .label_text h1{font-size:.6rem;color:#ffffff;text-transform:uppercase;font-weight:bold;margin:0 0 .35rem}
.tem_banner.index .label_text p{font-size:.3rem;color:#ffffff}
.tem_banner.index .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:.78rem;z-index:2}
.tem_banner.index .slide-pagination span{margin:0 .08rem;height:.05rem;width:.15rem;opacity:1;background:#959596;border-radius:50px;}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background:white}
.index_about{background:url(../images/icon7.png) right 20% no-repeat}
.index_about>div{display:flex;justify-content: space-between;padding:.9rem 0 .8rem;align-items: center;}
.index_about .left{width:45%;padding-left:.4rem}
.index_about .left h2{font-size:.48rem;color:#1b1b1b;font-family:"robot";font-weight:bold;margin:0 0 .5rem}
.index_about .left h3{font-size:.18rem;color:#1b1b1b;padding-left:.23rem;font-weight:bold;line-height:.25rem;;border-left:2px solid #000000;margin:0 0 .3rem}
.index_about .left p{font-size:.155rem;color:#363636;line-height:.3rem;;font-family:"robotor";text-align:justify;}
.index_about .left a{margin:.6rem 0 0;position:relative;font-size:.18rem;color:#1b1b1b;display:inline-block;padding-right:.55rem}
.index_about .left a:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;text-align:center;line-height:.36rem;width:.36rem;height:.36rem;border-radius:100%;border:1px solid #b0b0b0;right:0;top:50%;transform:translateY(-50%);font-size:.2rem;color:#1b1b1b;transition:.3s}
.index_about .left a:hover:after{background:black;transition:.3s;color:white;border:1px solid #000000}
.index_about .img{width:46.5%}
.index_about .img video{height:4.8rem;width:100%;}
.index_pic {background: url(../images/icon8.jpg) 0  0  no-repeat;background-size:cover;padding:0 0 .65rem}
.index_pic .top{padding:0 0 .65rem}
.index_pic .top .title{padding:.95rem 0 .7rem}
.index_pic .top .title h2{font-size:.48rem;color:#302d2c;text-align:center;font-weight:bold}
.index_pic .top .lists{padding:0 .9rem;position:relative}
.index_pic .top .lists a{padding:1.05rem 0 .3rem}
.index_pic .top .lists a  .img{padding:0 1rem}
.index_pic .top .lists a  img{max-height:1.68rem;}
.index_pic .top .lists .xss a{background:#302d2c url(../images/icon2.png) center top no-repeat;background-size:1.13rem .7rem}
.index_pic .top .lists .xs a{background:#302d2c url(../images/icon3.png) center top no-repeat;background-size:1.13rem .71rem}
.index_pic .top .lists a h2{font-size:.16rem;color:white;text-align:center;font-weight:bold;padding:.35rem 0 0}
.index_pic .top .lists a:hover img{transform:scale(1.1)}

.index_pic .top .lists  .swiper-page>div{position:absolute;width:.6rem;height:.6rem;background:white;left:-.6rem;top:50%;transform:translateY(-50%);z-index:2;border-radius:100%;;line-height:.6rem;color:#4d4d4d;text-align:center;font-size:.36rem}
.index_pic .top .lists .swiper-page>div.slide-button-next{left:auto;right:-.6rem;}
.index_pic .top .lists .swiper-page>div:hover{color:white;background:#219195}
.index_pic .bot{position:relative;}
.index_pic .bot:after{content:"";position:absolute;width:100%;height:2px;background:#b7b7b7;bottom:.065rem;left:0}
.index_pic .bot .items{padding:0 0 .55rem;position:relative;padding-left:.05rem}
.index_pic .bot .items:after{content:"";position:absolute;background:#a6a9a9;height:.13rem;width:4px;left:.07rem;bottom:20%;transition:.3s}
.index_pic .bot .items:before{content:'';position:absolute;background:white;border:1px solid #5b5958;width:.18rem;height:.18rem;border-radius:100%;left:0;bottom:0;transition:.3s}
.index_pic .bot .items h1{font-size:.18rem;color:#302d2c;font-weight:bold;margin:0 0 .2rem}
.index_pic .bot .items p{font-size:.16rem;color:#575554;height:.66rem;line-height:.22rem}
.index_pic   .bot .swiper-slide-active  .items:after{background:#219195;transition:.3s}
.index_pic   .bot .swiper-slide-active  .items:before{background:#219195;transition:.3s;border:1px solid #219195}
.index_product{background: url(../images/icon10.jpg) 0 0  no-repeat;background-size:cover;padding: 0 0 1.15rem}
.index_product .title{padding:1.25rem 0 .35rem;text-align:center}
.index_product .title h1{font-size:.48rem;color:white;text-align:center;font-family:'robot';}
.index_product .more{display:flex;justify-content: flex-end;margin:0 0 .7rem}

.index_product .more  a{position:relative;font-size:.16rem;color:white;display:inline-block;padding-right:.6rem}
.index_product .more  a:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;text-align:center;line-height:.36rem;width:.36rem;height:.36rem;border-radius:100%;right:0;top:50%;transform:translateY(-50%);font-size:.16rem;color:black;transition:.3s;background:white}

.index_product .infos{display:flex}
.index_product .infos .left{width:87%;position:relative}
.index_product .infos .left .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);top:-.7rem} 
.index_product .infos .left .slide-pagination span{width:.1rem;height:.1rem;opacity:1;background:#d7d7d7;margin:0 .07rem;position:relative}
.index_product .infos .left .slide-pagination span:after{content:'';position:absolute;width:.26rem;height:.26rem;border-radius:100%;border:1px solid white;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s;;opacity:0}
.index_product .infos .left .slide-pagination span.swiper-pagination-bullet-active{background:white}
.index_product .infos .left .slide-pagination span.swiper-pagination-bullet-active:after{opacity:1}
.index_product .infos .left .items a {position:relative;}
.index_product .infos .left .items a .info{position:absolute;width:100%;height:100%;background: url(../images/icon9.jpg) 0 0  no-repeat;z-index:2;background-size:cover;padding:0 .4rem;opacity:0} 
.index_product .infos .left .items a .info h2{font-size:.24rem;color:#ffffff;font-weight:bold;padding:1.35rem 0 1.75rem}
.index_product .infos .left .items a .info em{position:relative;font-size:.18rem;color:white;display:inline-block;padding-right:.55rem}
.index_product .infos .left .items a .info em:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;text-align:center;line-height:.36rem;width:.36rem;height:.36rem;border-radius:100%;border:1px solid white;right:0;top:50%;transform:translateY(-50%);font-size:.2rem;color:white;transition:.3s}
.index_product .infos .left .items a:hover .info{opacity:1}
.index_product .infos .left .items a .txt{padding:.43rem  .4rem .6rem;background:#f9f9f9}
.index_product .infos .left .items a .txt h2{font-size:.18rem;color:#2a2a2a;font-weight:bold;margin:0 0 .1rem}
.index_product .infos .left .items a .txt .xss{height:.66rem;overflow:hidden;line-height:.22rem;font-size:.14rem;color:#737373}
.index_product .infos .left .items a:hover img{transform:scale(1.1)}
.index_product .infos .right{width:13%;padding:.8rem 0 0}
.index_product .infos .right ul{height:3.2rem;overflow-y:auto;}
.index_product .infos .right ul li{text-align:right;margin:0 0 .4rem}
.index_product .infos .right ul li#current a{color:rgba(31,31,31,1);}
.index_product .infos .right ul li a{font-size:.16rem;color:rgba(31,31,31,.24);padding-right:.3rem;position:relative}
.index_product .infos .right ul li a:after{content:"";position:absolute;background:url(../images/icon12.png) 0 0  no-repeat;width:.21rem;height:.21rem;background-size:100%;z-index:2;right:.03rem;top:50%;transform:translateY(-50%);opacity:0}
.index_product .infos .right ul li#current a:after{opacity:1}
.index_news{;padding: 0 0 2.1rem}
.index_news .title{padding:1.3rem 0 1rem;text-align:center}
.index_news .title h1{font-size:.48rem;color:#1b1b1b;text-align:center;font-family:'robot';}
.index_news .lists a{text-align:center}
.index_news .lists a span{font-size:.16rem;color:#858585;display:inline-block;padding:.35rem 0 0;position:relative}
.index_news .lists a span:after{content:"";position:absolute;background:#dbdbdb;width:.4rem;height:3px;left:50%;transform:translateX(-50%);top:0}
.index_news .lists a h2{font-size:.3rem;color:#2f2f2f;font-weight:bold;font-family:'robot';height:.6rem;line-height:.3rem;margin:.45rem 0 .35rem}
.index_news .lists a p{font-size:.18rem;color:#8b8b8b;height:.42rem;line-height:.21rem}
/********<=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:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:1600px){
	.index_pic .top .lists{padding:0 .2rem}
	.index_pic .top .lists a .img{padding: 0 .7rem}
	.about_box .awards .lists{padding:0 .2rem;position:relative}

.about_box .awards .lists a  .img{padding:0 .7rem}
.about_box .awards .lists  .swiper-page>div{left:-.3rem}
.about_box .awards .lists .swiper-page>div.slide-button-next{left:auto;right:-.3rem;}
.header .navs ul li{margin-left:.7rem}
.product_box .pro_nav h2{font-size:.24rem}
}
@media(max-width:767px){
.tem_banner.index .label_text h1{font-size:.4rem}
.tem_banner.index .label_text p{font-size:.24rem}
.index_about>div{display:inherit}
.index_about .left{width:100%;padding:0;margin:0 0 .2rem}
.index_about .img{width:100%}
.index_pic .top .lists  .swiper-page>div{left:-.2rem;}
.index_pic .top .lists .swiper-page>div.slide-button-next{left:auto;right:-.2rem;}
.index_product .infos .left{width:60%;position:relative}
.index_product .infos .right{width:40%;position:relative;padding:0}
.index_product .infos .left .items a .txt{padding:.2rem;background:#f9f9f9}
.index_news .lists a p{height:.48rem;line-height:.24rem}
.footer .fot_nav{display:none}
.footer .middle{width:50%}
.footer .left{width:48%}
.about_box .history .lists .sm_list .info .txt{padding:0 .2rem}
.product_box>div{display:inherit}
.product_box .pro_nav{width:100%}
.product_box .pro_nav ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .pro_nav ul li{width:49%}
.product_box .pro_nav ul li{margin:0 0 .1rem}
.product_box .right{width:100%}
.tem_banner.indise .txt h1{font-size:.3rem}
.product .top .lists a{padding:.6rem 0  1rem;}
.news_box>div .lists .items a{display:inherit}
.news_box>div .lists .items a .img{width:100%}
.news_box>div .lists .items a .left{width:100%;margin:0 0 .2rem}
.news_box .page a.page-link{width:auto}
.contact_box .message form .box {display:inherit}
.contact_box .message form .box .input{width:100%;margin:0 0 .1rem}
}