.header{position: fixed;width: 100%;z-index: 1000;overflow:hidden;display:flex;height:1.1rem;line-height:1.1rem;}
.header.is_header{background:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header .index_btn{position:relative;width:5.5%;background:black}
.header .menu_btn {position:absolute;top:50%;Left:50%;transform:translate(-50%,-50%);height:17px;cursor:pointer;}
.header .menu_btn span {display:block;width:23px;height:3px;background:white;margin:7px 0;}
.header .menu_btn:before,.header .menu_btn:after{content:'';width:23px;height:3px;background:white;display:block;transition:all .4s;position:absolute;top:0;left:0;}
.header .menu_btn:after {top:auto;bottom:0}
.header .menu_btn:hover span,.header .menu_btn.ons span{opacity:0;}
.header .menu_btn:hover:before,.header .menu_btn.ons:before {transform:rotate(45deg) translate(5px,5px) }
.header .menu_btn:hover:after,.header .menu_btn.ons:after{transform:rotate(-45deg) translate(5px,-8px)}
.header .logo{width:15%}
.header .navs{width:67%;display:flex;justify-content: space-between;padding-left:.25rem}
.header .navs ul{display:flex}
.header .navs ul li a{font-size:.18rem;color:white;padding-right:.2rem;position:relative}
.header .navs ul li a:after{content:"\f107";position:absolute;font: normal normal normal 14px/1 FontAwesome;top:50%;transform:translateY(-50%);right:0;font-size:.18rem;transition:.3s;color:white}
.header .navs ul:first-child li{margin-right:.5rem}
.header .navs ul:last-child li{margin-left:.5rem}
.header .right{width:12.5%;display:flex;justify-content: center;align-items: center;}
.header .right  a.search{width:.29rem;height:.28rem;background:url(../images/1.png) 0 0 no-repeat;display:block;background-size:100%;}
.header .right  a.langs{width:.29rem;height:.29rem;background:url(../images/2.png) 0 0 no-repeat;display:block;background-size:100%}
.header .right a{margin:0 .15rem}
.tem_banner.indise{position:relative;}
.tem_banner.indise .txt{position:absolute;left:50%;transform:translateX(-50%);top:65%;text-align:center}
.tem_banner.indise .txt h1{font-size:.36rem;color:white;}
.tem_banner.indise .txt p{font-size:.16rem;color:white;padding:.22rem 0  0}
.about_box .company>div{padding:1.3rem 0 1.1rem}
.about_box .company .title{margin:0 0 60px}
.about_box .company .title h2{font-size:.48rem;color:#0b0b0b;font-weight:bold}
.about_box .company .box{display:flex;justify-content: space-between;}
.about_box .company .box .left{width:55%}
.about_box .company .box .left ul{margin:.15rem  0 0}
.about_box .company .box .left ul li{margin:.9rem 0 0;display:flex;border-bottom:1px solid #d9d9d9;padding:0 0 .25rem }
.about_box .company .box .left ul li h1{display:flex;font-size:.36rem;color:#dc261b;font-weight:bold;width:45%;padding:.7rem 0 0;position:relative}
.about_box .company .box .left ul li:nth-child(1) h1:after{content:"";position:absolute;background:url(../images/3.png) 0 0 no-repeat;width:.52rem;height:.52rem;left:0;top:0;background-size:100%}
.about_box .company .box .left ul li:nth-child(2) h1:after{content:"";position:absolute;background:url(../images/4.png) 0 0 no-repeat;width:.48rem;height:.52rem;left:0;top:0;background-size:100%}
.about_box .company .box .left ul li:nth-child(3) h1:after{content:"";position:absolute;background:url(../images/5.png) 0 0 no-repeat;width:.56rem;height:.5rem;left:0;top:0;background-size:100%}

.about_box .company .box .left ul li h1 em{font-size:.6rem;}
.about_box .company .box .left ul li  p{font-size:.24rem;color:#656565;padding:.5rem 0 0}
.about_box .company .box .right{width:41%;font-size:.16rem;color:#2a2a2a;line-height:.28rem;height:12.45rem;overflow-y:auto}
.about_box .culture{background:url(../images/6.jpg) 0 0 no-repeat;height:8.93rem;background-size:cover;background-attachment:fixed}
.about_box .culture>div>h2{padding:1.05rem 0 0;font-size:.48rem;color:#333232;font-weight:bold}
.about_box .culture .box{height:6.5rem;position:relative}
.about_box .culture .tt a{position:absolute;;right:0;width:2.1rem;height:2.1rem;background:#cacaca;display:flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;border-radius:30px}
.about_box .culture .tt a h1{font-size:.3rem;color:#ffffff;}
.about_box .culture .tt a:nth-child(1){left:10%;top:20%}
.about_box .culture .tt a:nth-child(2){right:1.8rem;top:-.1rem}
.about_box .culture .tt a:nth-child(3){left:1.73rem;bottom:0}
.about_box .culture .tt a:nth-child(4){right:1.4rem;bottom:.25rem}
.about_box .culture .tt a:hover,.about_box .culture .tt a#current{background:#dc261b}
.about_box .culture .infos{position:absolute;width:52%;background:white;border-radius:30px;height:2.8rem;left:52%;transform:translateX(-50%);top:26%}
.about_box .culture .infos .items{padding:.5rem .75rem 0}
.about_box .culture .infos .items .txt{display:flex;width:100%;justify-content: space-between;}
.about_box .culture .infos .items .txt .img{width:17%}
.about_box .culture .infos .items .txt .text{width:77%;padding:.22rem 0 0 }
.about_box .culture .infos .items .txt .text h2{font-size:.36rem;color:#dc261b;font-weight:bold;padding:0 0 .22rem;border-bottom:1px solid #dcdcdc;margin:0 0 .3rem}
.about_box .culture .infos .items .txt .text p{font-size:.3rem;color:#636363;height:.8rem;line-height:.4rem}
.about_box .culture .tt a:nth-child(1)#current {border-radius:30px 30px 0 30px}
.about_box .culture .tt a:nth-child(2)#current {border-radius:30px 30px 30px 0px}
.about_box .culture .tt a:nth-child(3)#current {border-radius:30px 0px 30px 30px}
.about_box .culture .tt a:nth-child(4)#current {border-radius:0px 30px 30px 30px}
.about_box .honor h2{padding:1.15rem 0 .45rem;font-size:.48rem;color:#333232;font-weight:bold}
.about_box .honor .lists a{padding:.14rem .1rem;border:1px solid #e0e0e0}
.about_box .honor .lists  h1{margin:.3rem 0 0;text-align:center}
.about_box .honor .lists  h1 p{font-size:.16rem;display:inline-block;padding-left:.2rem;color:#434343;position:relative}
.about_box .honor .lists  h1 p:after{content:'';position:absolute;width:.11rem;height:.11rem;border-radius:100%;color:#dc261b;border:3px solid #dc261b;left:0;top:50%;transform:translateY(-50%)}
.about_box .honor .lists  a{overflow:hidden}
.about_box .honor .lists  a:hover img{transform:scale(1.1)}
.about_box .honor .lists .slide-pagination {text-align:center;padding:.75rem  0 1.4rem}
.about_box .honor .lists .slide-pagination span{width:.43rem;height:.43rem;border:1px solid #dcdcdc;border-radius:0;line-height:.43rem;margin:0 .05rem;background:#eeeeee;opacity:1;color:black;font-size:.18rem}
.about_box .honor .lists .slide-pagination  .swiper-pagination-bullet-active{background:#dc261b;color:white}

.about_box .workshop{background:url(../images/7.png) 0 0 no-repeat;background-size:cover}
.about_box .workshop h2{padding:.9rem 0 .6rem;font-size:.48rem;color:#333232;font-weight:bold}
.about_box .workshop .lists .slide-pagination {text-align:center;padding:.9rem  0 1.75rem}
.about_box .workshop .lists .slide-pagination span{width:.43rem;height:.43rem;border:1px solid #dcdcdc;border-radius:0;line-height:.43rem;margin:0 .05rem;background:#eeeeee;opacity:1;color:black;font-size:.18rem}
.about_box .workshop .lists .slide-pagination  .swiper-pagination-bullet-active{background:#dc261b;color:white}
.about_box .workshop .lists img {width:100%}
.about_box .workshop .lists a:hover img{transform:scale(1.1)}
.about_box .workshop .lists a{overflow:hidden}
.footer .top{background:#e6e6e6;}
.footer .top>div{padding:.7rem 0 .95rem;display:flex;padding-right:1rem;justify-content: space-between;}
.footer .top .left{width:36%;padding:.25rem 0 0}
.footer .top .left h2{font-size:.3rem;color:#000000;font-weight:bold;margin:0 0 .4rem}
.footer .top .left form{width:96%;position:relative}
.footer .top .left form input{height:.5rem;border-radius:50px;font-size:.14rem;color:#626262;padding:0 .25rem 0 .5rem}
.footer .top .left form button{position:absolute;background:url(../images/8.png) 0 0 no-repeat;height:.21rem;width:.21rem;background-size:100%;border:0;left:.2rem;top:50%;transform:translateY(-50%)}
.footer .top .left .txt{margin: .22rem 0 0;display:flex;flex-wrap: wrap;}
.footer .top .left .txt p{font-size:.14rem;color:#939393;height:.24rem;line-height:.24rem;padding:0 .07rem;border:1px solid #d3d3d3;border-radius:50px;margin:0 .05rem .05rem}
.footer .top .left .codes{padding:.4rem 0 0}
.footer .top .left .codes>div{display:inline-block;vertical-align:top;width:33.333%;padding:0 .15rem 0 0;text-align:center;}
.footer .top .left .codes p {font-size:.16rem;color:#333;margin:.12rem 0 0}



.footer .top .fot_nav{width:52%;display:flex;justify-content: space-between;}
.footer .top .fot_nav  dl dt{padding:0 0 .3rem}
.footer .top .fot_nav  dl dt a{font-size:.16rem;color:#201f1f;font-weight:bold;}
.footer .top .fot_nav  dl dd {margin:0 0 .15rem}
.footer .top .fot_nav  dl dd:last-child{margin:0}
.footer .top .fot_nav  dl dd a{font-size:.14rem;color:#696969}
.footer .bot{background:#56575a;padding:.25rem 0 .2rem}
.footer .bot .info{display:flex;margin:0 0 .15rem}
.footer .bot .info p{font-size:.14rem;color:#d8d8d8;margin-right:.9rem}
.footer .bot .txt p{font-size:.14rem;color:#a29f9f;display:flex}
.footer .bot .txt p a {font-size:.14rem;color:#a29f9f;margin-left:.5rem}
.product_box {display:flex}
.product_box  .left{width:73%;background:#fafafa;padding:1rem .6rem 0 2.6rem;border-right:2px solid #c9c9c9}
.product_box  .left .title h2{font-size:.3rem;color:#db251c;font-weight:bold;margin:0 0 .55rem}
.product_box  .left .lists{display:flex;justify-content: space-between;flex-wrap: wrap;}
.product_box  .left .lists .items{width:32%;margin:0 0 .4rem}
.product_box  .left .lists .items a{padding:.55rem  .25rem .45rem;border-bottom:1px solid #ebebeb;text-align:center;border-radius:10px}
.product_box  .left .lists .items a .text{margin:0 0 .6rem}
.product_box  .left .lists .items a .text h1{font-size:.2rem;color:#232323;font-weight:bold;margin:0 0 .14rem}
.product_box  .left .lists .items a .text p{font-size:.14rem;color:#5f5f5f;height:.44rem;line-height:.22rem}
.product_box  .left .lists .items a span{margin:.8rem 0 0;display:inline-block;width:100%;font-size:.18rem;color:#272727;font-weight:bold}
.product_box  .left .lists .items a .img img{width:78%}
.product_box  .left .lists .items a:hover {background:white;box-shadow:0 0 12px rgba(0,0,0,0.05)}
.product_box  .left .lists .items a:hover img{transform:scale(1.05)}
.product_box  .left .lists .items a:hover  span{color:#dc261b}
.product_box  .left .lists:after{content:"";width:32%}
.product_box  .right{width:27%;padding:1rem 1.6rem  0 .35rem}
.product_box  .right a{font-size:.16rem;color:#232323;height:.66rem;border-radius:50px;display:flex;flex-direction: column;justify-content: center;padding:0 .2rem;font-weight:bold;}
.product_box  .right a:hover,.product_box  .right a.active{box-shadow:0 0 12px rgba(0,0,0,0.08);color:#dc261b}
.product_box  .left .page{display:flex;justify-content: center;padding:.45rem 0 1.85rem  }
.product_box  .left .page a{display:inline-block;width:40px;height:40px;line-height:40px;background:#dbdbdb;margin:0 .05rem;border-radius:5px;color:black;font-size:.16rem}
.product_box  .left .page a:hover{background:#dc261b;color:white}
.product_box  .left .page a.page-num-current{background:#dc261b;color:white}
.product_box  .left .page a.page-link {width:auto;padding:0 .12rem}
.product .top{background:url(../images/12.jpg) 0 0 no-repeat;background-size:cover}
.product .top>div .top_re{display:flex;height:.82rem;border-bottom:1px solid #e1e1e1;justify-content: space-between;align-items: center;}
.product .top>div .top_re .mbx{display:flex;align-items: center;font-size:.14rem;color:#595959}
.product .top>div .top_re .mbx a{display:initial;font-size:.14rem;color:#595959;margin:0 .1rem}
.product .top>div .top_re .mbx a:last-child{color:#dc261b}
.product .top>div .top_re .mbx a:first-child{margin-left:0;padding-left:.3rem;position:relative}
.product .top>div .top_re .mbx a:first-child:after{content:"";position:absolute;background:url(../images/9.png) 0 0 no-repeat;width:.21rem;height:.21rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product .top>div .top_re .return a{height:.42rem;background:#dc261b;width:1.3rem;border-radius:25px;font-size:.14rem;color:white;;line-height:.42rem;padding:0 .2rem;position:relative}
.product .top>div .top_re .return a:after{content:"";position:absolute;background:url(../images/10.png) 0 0 no-repeat;width:.15rem;height:.13rem;right:.2rem;top:50%;transform:translateY(-50%);background-size:100%}
.product .top>div .infos{display:flex;justify-content: space-between;padding:.9rem 0 1.1rem;align-items: flex-start;}
.product .top>div .infos .left{width:45%}
.product .top>div .infos .left h2{font-size:.3rem;color:#db251c;font-weight:bold;padding:0 0 .4rem;position:relative;margin:0 0 .5rem}
.product .top>div .infos .left h2:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:.53rem;height:.11rem;bottom:0;left:0;;background-size:100%}
.product .top>div .infos .left .txt{font-size:.16rem;color:#444444;line-height:.27rem;font-weight:bold;padding:0 0 .28rem;border-bottom:2px solid #dfdfdf;margin:0 0 .4rem}
.product .top>div .infos .left .canshu{font-size:.16rem;color:#444444;line-height:.3rem;font-weight:bold}

.product .top>div .infos .right{width:51%;margin:.6rem 0 0;position:relative;text-align:center }
.product .top>div .infos .right .swiper-page{}

.product .top>div .infos .right .swiper-page div{z-index:3;position:absolute;;width:.5rem;height:.5rem;border-radius:100%;background:#b5b5b5;line-height:.5rem;text-align:center;color:white;font-size:.3rem;left:0;top:50%;transform:translateY(-50%);}
.product .top>div .infos .right .swiper-page .slide-button-next{left:auto;right:0}
.product .top>div .infos .right .swiper-page div:hover{background:#db251c}
.product .bot{background:#fafafa;padding:.75rem .4rem 1.65rem}
.news_box .news_nav{display:flex;padding:.5rem 0  .6rem}
.news_box .news_nav a{margin-right:1.45rem;font-size:.3rem;color:#323132;padding-left:.25rem;position:relative}
.news_box .news_nav a:after{content:"";position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.18rem;height:.18rem;left:0;top:50%;transform:translateY(-50%);opacity:0;transition:.3s;background-size:100%}
.news_box .news_nav a:hover{color:#dc261b}
.news_box .news_nav a:hover:after,.news_box .news_nav a.active:after{opacity:1}
.news_box .news_nav a.active {color:#dc261b}
.news_box .news_top{padding:0 .45rem;display:flex;justify-content: space-between;} 
.news_box .news_top .left{width:54%}
.news_box .news_top .left  a{position:relative}
.news_box .news_top .left  a .in{position:absolute;display:flex;width:100%;left:0;bottom:0;z-index:2;padding:0 .5rem;height:1rem;background:rgba(0,0,0,.39);border-radius:10px;flex-direction: column;justify-content: center;}
.news_box .news_top .left  a .in h1{color:white;font-size:.18rem}
.news_box .news_top .right{width:44%;display:flex;flex-direction: column;justify-content: space-between;}
.news_box .news_top .right a{border-bottom:2px solid #cccccc;padding:0 0 .4rem}
.news_box .news_top .right a span{font-size:.16rem;color:#dc261b}
.news_box .news_top .right a h1{font-size:.24rem;color:#292929;margin:.2rem 0 0}
.news_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;margin:.82rem 0 0}
.news_box .lists:after{content:"";width:32%}
.news_box .lists .items{width:32%;margin:0 0 .6rem}
.news_box .lists .items a .imgs{position:relative}
.news_box .lists .items a:hover{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .lists .items a .imgs {overflow:hidden}
.news_box .lists .items a .imgs  .time{position:absolute;width:.6rem;height:.6rem;z-index:2;left:0;bottom:0;background:white;display:flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
.news_box .lists .items a .imgs  .time p{font-size:.2rem;color:#282828}
.news_box .lists .items a .imgs  .time h2{font-size:.14rem;color:#b7b7b7}
.news_box .lists .items a .text{padding:.3rem .15rem .45rem}
.news_box .lists .items a .text em{display:inline-block;height:.28rem;background:#dfdfdf;padding:0 .2rem;line-height:.28rem;font-size:.14rem;color:#787878}
.news_box .lists .items a .text h1{font-size:.2rem;color:#363636;height:.5rem;line-height:.25rem;margin:.2rem 0 .3rem;font-weight:bold}
.news_box .lists .items a .text  p{font-size:.16rem;color:#565656;height:.44rem;line-height:.22rem;margin:0 0 .22rem}
.news_box .lists .items a .text  h3{font-size:.16rem;color:#363636;font-weight:bold}
.news_box .page{display:flex;justify-content: center;padding:0rem 0 2.65rem  }
.news_box .page a{display:inline-block;width:40px;height:40px;line-height:40px;background:#dbdbdb;margin:0 .05rem;border-radius:5px;color:black;font-size:.16rem}
.news_box .page a:hover{background:#dc261b;color:white}
.news_box .page a.page-num-current{background:#dc261b;color:white}
.news_box  .page a.page-link {width:auto;padding:0 .12rem}
.contact_box{padding:.83rem 1.6rem  2rem 2.6rem;background:url(../images/15.jpg) 0 0 no-repeat;background-size:cover}
.contact_box .infos{display:flex;justify-content: space-between;}
.contact_box .infos .left{width:41.5%;padding:.85rem 0 0}
.contact_box .infos .left>h2{font-size:.48rem;color:#000000;font-weight:bold;margin:0 0 .4rem}
.contact_box .infos .left>p{font-size:.24rem;color:#dc261b;font-weight:bold;margin:0 0 .7rem}
.contact_box .infos .left .txt{display:flex;align-items: center;padding:0 0 .9rem;border-bottom:2px solid #e9e9e9;margin:0 0 .6rem}
.contact_box .infos .left .txt a{margin-right:1rem;font-size:.18rem;color:#dc261b;font-weight:bold;padding-left:.28rem;;position:relative}
.contact_box .infos .left .txt a:after{content:"";position:absolute;background:url(../images/14.png) 0 0 no-repeat;width:.2rem;height:.26rem;left:0;top:50%;transform:translateY(-50%);opacity:1;transition:.3s;background-size:100%}
.contact_box .infos .left .txt p{font-size:.18rem;color:#838181}
.contact_box .infos .left .box h1{font-size:.24rem;color:#616161;margin:0 0 .2rem}
.contact_box .infos .left .box p em {font-size:.24rem;color:#dc261b;margin:0 0 .2rem;font-weight:bold;display:block}
.contact_box .infos .left .box p{font-size:.2rem;color:#828282;}



.contact_box .infos .right{width:54%;background:#f8f8f8;padding:.85rem 1rem 1.25rem .65rem;box-shadow:0 25px 15px rgba(0,0,0,0.15)}
.contact_box .infos .right .tit{margin:0 0 .6rem}
.contact_box .infos .right .tit h1{font-size:.24rem;color:#515151;margin:0 0 .22rem}
.contact_box .infos .right .tit p{font-size:.16rem;color:#9a9a9a}
.contact_box .infos .right .form  input{width:100%;background:none;height:.6rem;border:0;border-bottom:2px solid #dfdfdf;font-size:.18rem;color:#6c6c6c;margin:0 0 .4rem}
.contact_box .infos .right .form textarea{width:100%;background:none;height:.7rem;border:0;border-bottom:2px solid #dfdfdf;font-size:.18rem;color:#6c6c6c;margin:0 0 .8rem}
.contact_box .infos .right .form button{height:.63rem;padding: 0 .5rem;background:#dc261b;border-radius:50px;border:0;font-size:.18rem;color:#faf4f4}
.contact_box .fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
.contact_box .fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.3rem;}
.contact_box .fixed_box .mains.met_hidden{top:70%}


.tem_banner.index .label_text{left:50%;transform:translateX(-50%);top:26%;z-index:2;position:absolute;;text-align:center}
.tem_banner.index .label_text h1{font-size:.78rem;color:white;font-weight:bold;margin:0 0 .2rem;position:relative}
.tem_banner.index .label_text h1:after{content:"";position:absolute;background:url(../images/16.png) 0 0 no-repeat;width:2.11rem;height:2.47rem;left:-.8rem;top:60%;transform:translateY(-50%);;transition:.3s;background-size:100%}

.tem_banner.index .label_text p{font-size:.2rem;color:white;margin:0 0 .5rem;padding-left:.7rem}
.tem_banner.index .label_text a{font-size:.16rem;color:white;display:inline-block;padding-right:.3rem;position:relative}
.tem_banner.index .label_text a:after{content:"";position:absolute;background:url(../images/17.png) 0 0 no-repeat;width:.18rem;height:.25rem;right:0;top:50%;transform:translateY(-50%);;transition:.3s;background-size:100%}
.index_product{padding:1.15rem 0 1.1rem;background:#f5f5f5}
.index_product>div>h2{text-align:center;font-size:.36rem;color:#1a1919;font-weight:bold;margin:0 0 .65rem}
.index_product ul{display:flex;flex-wrap: wrap;}
.index_product ul li{width:25%;padding:0 .15rem;margin:0 0 .3rem}
.index_product ul li a{background:white;padding:.22rem 0 .88rem;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.2);position:relative}
.index_product ul li a .img img{max-height:1.75rem}
.index_product ul li a .text{position:absolute;width:100%;padding:0 .3rem;top:73%;z-index:3}
.index_product ul li a .text h1{font-size:.18rem;color:#333333;font-weight:bold;margin:0 0 .15rem}
.index_product ul li a .text p{font-size:.14rem;color:#182687;font-weight:bold}
.index_product ul li a:after{content:"";position:absolute;background:url(../images/18.png) 0 0 no-repeat;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%);opacity:0;transition:.6s;background-size:cover;border-radius:10px}
.index_product ul li a:hover:after{opacity:1;transition:.6s}
.index_product ul li a:hover .text{top:50%;;transform:translateY(-50%)}
.index_product ul li a:hover .text h1{font-size:.24rem;color:white}
.index_product ul li  a:hover .text p{color:white}
.index_product ul li  a:hover img{transform:scale(1.1)}
.index_about{padding:1.15rem 0 0 2.6rem;display:flex;justify-content: space-between;background:url(../images/19.png)  0 bottom no-repeat;}
.index_about .left{width:37.5%}
.index_about .left .tit{padding:0 0 1.05rem}
.index_about .left .tit h1{font-size:.42rem;color:#010101;font-weight:bold;padding:0 0 .3rem}
.index_about .left .tit p{font-size:.24rem;color:#010101;font-weight:bold}
.index_about .left .box h1{font-size:.36rem;color:#db241c;margin:0 0 .33rem}
.index_about .left .box  p{font-size:.16rem;color:#616161;line-height:.25rem}
.index_about .right{width:56%;padding:.3rem 0 0 }
.index_about .right ul{display:flex;margin:0 0 .7rem}
.index_about .right ul li {margin-right:.92rem}
.index_about .right ul li h1{font-size:.18rem;color:#000000;font-weight:bold;margin:0 0 .05rem}
.index_about .right ul li em{font-size:.48rem;color:#db241c;font-weight:bold}
.index_about .right ul li  p{font-size:.16rem;color:#000000;font-weight:bold}
.index_news{padding:0 0 1.8rem}
.index_news>div>h2{text-align:center;padding:.85rem 0 .62rem;font-size:.36rem;color:#1a1919;font-weight:bold}
.index_news .lists a{position:relative}
.index_news .lists a img {width:100%;height:3.68rem;objeft-fit:cover;}
.index_news .lists a:hover img{transform:scale(1.1)}
.index_news .lists a .text{padding:.25rem .25rem .15rem 1.8rem;background:#f2f2f2}
.index_news .lists a .text h2{font-size:.18rem;color:#232323;font-weight:bold;margin:0 0 .12rem;}
.index_news .lists a .text p{font-size:.14rem;color:#686868;line-height:.2rem;height:.4rem}
.index_news .lists a  .time{position:absolute;left:0;bottom:0;width:1.7rem;height:1.59rem;background:url(../images/20.png) 0 0 no-repeat;;background-size:100%;padding:.6rem  0 0 .25rem  }
.index_news .lists a  .time h1{font-size:.5rem;color:#ffffff;font-weight:bold}
.index_news .lists a  .time p{font-size:.16rem;color:#ffffff}
.tras {-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.trans-md {-webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}
.nav-header {position:fixed;top:0;right:0;z-index:50;width:100%;}
.nav-header .bg{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0);visibility:hidden}
.nav-header .btns{position:fixed;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex}
.nav-open .nav-header .bg{background:rgba(0,0,0,.3);visibility:visible}
.nav-open .nav-header .nav-bg{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}
#topnav{position:fixed;top:0;right:0;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
#topnav .main{position:absolute;top:0;right:0;width:15%;height:100%;background:#fff;pointer-events:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;border-left:1px solid #dcdcdc}
#topnav .main nav{max-width:100%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 15%}
#topnav .sub-btn{-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer}
#topnav .sub-btn h5 {position: relative;line-height: 40px;text-transform: capitalize;transition: all .4s;font-size:16px;color:#2b2b2b}
#topnav .sub-btn.active,.desktop #topnav .sub-btn:hover{color:#2c1d10}
#topnav .submenu{position:absolute;top:0;right:15%;width:280px;height:100%;padding-left:20px;padding-right:20px;background:#F0F0F0;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.nav-open #topnav .submenu.open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.nav-open #topnav .submenu.open a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#topnav .submenu>div{position:absolute;top:50%;left:0;width:100%;padding:0 20%;transform:translateY(-50%)}

#topnav .submenu a{line-height:normal;position:relative;display:block;margin-bottom:10px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;font-size:16px;color:#323232;margin:0 0 35px;}

#topnav .submenu a:focus img,.desktop #topnav .submenu a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
#topnav .submenu a:focus .title:before,.desktop #topnav .submenu a:hover .title:before{height:100%}
@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul {    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;	
	}
.m-t-lg {margin-top:60px}	
nav ul li {    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;}
#topnav nav ul li {margin:0}
#topnav nav ul li a{    position: relative;
    display: block;
    line-height: 40px;
    text-transform: capitalize;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;padding:0;font-size:16px;color:#2b2b2b}
#topnav nav ul li a:hover,#topnav nav ul li a:focus{background:none;color:#2c1d10}

.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#583afa}
.desktop .mini-header .toplogo:after{background:#583afa}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#583afa}
.mini-header #qtranslate-chooser{color:#583afa}
.full {width:100%;height:100%;overflow:hidden;}
@media (max-width:812px){.p-v-md{padding-top:40px;padding-bottom:40px}}@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}}.p-v-lg{padding-top:120px;padding-bottom:120px}
@media (max-width:812px){.p-v-lg{padding-top:.8rem;padding-bottom:.8rem}}@media (max-width:767px){.p-v-lg{padding-top:60px;padding-bottom:60px}}@media (min-width:1600px){.p-v-lg{padding-top:160px;padding-bottom:160px}}.p-h-xs{padding-left:20px;padding-right:20px}


@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul li{margin:0}
.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#2c1d10}
.desktop .mini-header .toplogo:after{background:#2c1d10}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#2c1d10}
.mini-header #qtranslate-chooser{color:#2c1d10}
@media (min-width:768px){html:not(.iphone_x) .mini-header .toplogo{height:70px;padding-top:24px;padding-bottom:24px}
html:not(.iphone_x) .mini-header #qtranslate-chooser,html:not(.iphone_x) .mini-header .menu_btn{height:70px;line-height:70px}
html:not(.iphone_x) .mini-header .pagenav .title,html:not(.iphone_x) .mini-header .pagenav ul li a{line-height:70px}}#qtranslate-chooser,#topnav .submenu,.menu_btn,.pagenav{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
@media (min-width:768px) and (orientation:portrait){#topnav .p-v-lg{padding-top:120px}}@media (max-width:812px) and (orientation:portrait){.toplogo{width:160px;padding:34px 24px}
.pagenav{left:160px;width:calc(100% - 340px)}}@media (max-width:812px) and (orientation:landscape){#topnav .main{width:40%}
#topnav .submenu{right:40%;width:50%;max-width:240px}}
@media (max-width:767px){.header-bg{height:60px;background:#000}
.toplogo{width:140px;height:60px;padding:20px}
.menu_btn{width:60px;height:60px;line-height:60px;}
#qtranslate-chooser{width:60px;height:60px;line-height:60px}
#topnav .main{padding-top:.8rem}
#topnav .main nav{max-width:80%}
#topnav .submenu a .title{font-size:12px}}
@media (max-width:767px) and (orientation:portrait){#topnav .main{width:60%;padding-top:100px}
#topnav .submenu{right:40%;width:60%}
.nav-open .opensub #topnav .main{-webkit-transform:translate3d(20vw,0,0);transform:translate3d(20vw,0,0)}}
@media (orientation:landscape){.iphone_x .header-bg{display:none}
}
/********<=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:1600px){
    .header{height:.9rem;line-height:.9rem}
    .index_about{padding:1.15rem 0 0 1rem}
    .product_box .left{padding:1rem .6rem 0 1rem}
    .product_box .right{padding:1rem 1rem  0 .35rem}
    .contact_box{padding:.83rem 1rem  2rem 1rem;}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	
	.tem_banner{padding:55px 0 0}
	.header{display:flex;justify-content: space-between;padding:.2rem .5rem;background:black;line-height:normal;height:auto;}
	.header .navs{display:none}
	.header .logo{width:28%}
	.header .logo a img{height:auto}
	.header .menu_btn{width:auto}
	.header .right{width:20%}
	.header .index_btn{width:20%}
	.tem_banner.index .label_text{top:30%}
	.tem_banner.index .label_text h1:after{display:none}
	.tem_banner.index .label_text h1{font-size:.4rem}
	.tem_banner.index .label_text{width:80%}
	.index_product ul li{width:48%}
	 .index_about{padding:.3rem;display:inherit;background-size:100%}
	 .index_about .left{width:100%}
	 .index_about .right{width:100%}
	 .index_about .right ul li{margin-right:.2rem}
	 .footer .top .fot_nav{display:none}
	 .footer .top .left{width:100%}
	 .footer .bot .info{display:inherit}
	 .footer .bot .txt p{display:inherit;margin:0}
	 .footer .bot .txt p a{margin:0}
	 .about_box .company .box .left ul li h1{width:60%}
	 .about_box .culture .tt a:nth-child(1){left:0%;top:0%}
.about_box .culture .tt a:nth-child(2){right:0;top:0}
.about_box .culture .tt a:nth-child(3){left:0;bottom:0}
.about_box .culture .tt a:nth-child(4){right:0;bottom:0}
.about_box .culture .infos{width:80%}
.about_box .culture .infos .items{padding:.5rem .2rem 0}
.tem_banner.indise .txt{top:50%;width:100%}
.product_box .left{padding:1rem .2rem 0 .2rem}
    .product_box .right{padding:1rem .1rem  0 .1rem}
    .product_box .left .lists .items{width:50%}
    .product_box .right a{height:auto;margin:0 0 .2rem;padding:.2rem}
    .product .top>div .top_re{display:inherit;height:auto;padding:.1rem 0 }
    .product .top>div .infos{display:inherit}
    .product .top>div .infos .left{width:100%}
    .product .top>div .infos .right{width:100%}
    .news_box .news_top{display:inherit}
    .news_box .news_top .left{width:100%}
    .news_box .news_top .right{width:100%;margin:.2rem 0 0}
    .news_box .lists .items{width:48%}
     .contact_box{padding:.83rem .2rem 1rem;}
     .contact_box .infos{display:inherit}
     .contact_box .infos .left{width:100%}
	.contact_box .infos .right{width:100%;margin:.2rem 0 0}
}
/********mobile*********/
@media(max-width:767px){

}