.header{position: fixed;width: 100%;z-index: 18;top:.6rem;left:0;padding:0 1.1rem;font-size:0;display:flex;justify-content:space-between;}
.header .logos img{max-height:.64rem;transition:none}
.header .items{padding:.15rem 0 0;}
.header .items .boxs {display:flex;align-items:center;gap:0 .5rem}
.header .items ul {display:flex;gap:0 .65rem;}
.header .items ul li a{font-size:.2rem;color:#FFF;font-family:"Roboto-Bold"}
.header .items .langs{display:flex;gap:0 .15rem;}
.header .items .langs>*{font-size:.18rem;color:#FFF;}
.header .items .search{margin:.6rem 0 0;width:2.7rem;position:relative;float:right;}
.header .items .search input {width:100%;height:.53rem;background:#bfbfbf;border-radius:999px;font-size:.16rem;color:#FFF;padding:0 .5rem 0 .33rem;border:0;}
.header .items .search input::placeholder{font-size:.24rem;color:#FFF}
.header .items .search button {font-size:.22rem;color:#FFF;border:0;background:none;position:absolute;right:.2rem;top:50%;transform:translateY(-50%)}


.is_header {box-shadow:0 0 19px rgba(0,0,0,.12);top:0;background:rgba(0,0,0,.8);padding:.15rem 1.1rem}
/**/
.tem_banner {position:relative;}
.tem_banner .label_txt{position:absolute;top:30%;left:2.1rem;z-index:1;text-align:left;}
.tem_banner .label_txt p{font-size:.36rem;color:#FFF;margin:0 0 .75rem;font-family:"Roboto-Bold"}
.tem_banner .label_txt p em {position:relative;padding:0 .4rem;}
.tem_banner .label_txt p em:before,.tem_banner .label_txt p em:after{content:'';width:.2rem;height:.34rem;border:.04rem solid #3f3f3f;border-right:0;border-bottom:0;position:absolute;top:-.05rem;left:.25rem;}
.tem_banner .label_txt p em:after{border:.04rem solid #3f3f3f;border-left:0;border-top:0;top:auto;left:auto;bottom:-.05rem;right:.1rem}
.tem_banner .label_txt i{display:block;width:.49rem;height:.49rem;background:#bfbfbf;font-size:.24rem;color:#FFF;border-radius:100%;line-height:.49rem;text-align:center}

.tem_banner .label_txt>*{opacity:0;transform:translateY(3vw)}
.tem_banner .swiper-slide-active .label_txt>*{transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms;opacity:1;transform:none}
.tem_banner .swiper-slide-active .label_txt p{transition-delay:150ms;}
/**/
.main {font-size:0}
.m110{margin:0 1.1rem;}
.index_product{padding:1.04rem 0 1.15rem;}
.index_product>div{display:flex;}
.index_product .let{flex:0 0 32.5%;display:grid;grid-template-rows:1fr;gap:.25rem 0}
.index_product .let a{display:flex;background:#f5f6f8;padding:0 .25rem 0 .4rem;min-height:4.25rem;align-items:center;}
.index_product .let .text{flex:0 0 59%}
.index_product .let .text h6{font-size:.3rem;color:#717171;}
.index_product .let .text p{font-size:.18rem;color:#717171;margin:.15rem 0 .4rem;}
.index_product .let .text em {display:inline-block;border:1px solid #b5b5b5;font-size:.16rem;color:#5f5f5f;padding:0 .24rem;line-height:.44rem;}

.index_product .let .imgs{flex:0 0 41%;text-align:right}
.index_product .rlt {flex:1;padding-left:.22rem;}
.index_product .rlt a{display:flex;width:100%;height:100%;position:relative;background:#f5f6f8;padding:0 .5rem .8rem;align-items:flex-end;}
.index_product .rlt .text{position:absolute;top:1.85rem;left:0;width:100%;text-align:center;padding:0 .15rem;}
.index_product .rlt .text h6{font-size:.3rem;color:#717171;}
.index_product .rlt .text p{font-size:.18rem;color:#717171;margin:.15rem 0 .4rem;}
.index_product .rlt .text em {display:inline-block;border:1px solid #b5b5b5;font-size:.16rem;color:#5f5f5f;padding:0 .24rem;line-height:.44rem;}
.index_product .let a:hover .text em ,.index_product .rlt a:hover .text em  {background:#d9261c;color:#FFF;border-color:#d9261c}
.index_product a:hover .imgs{transform:scale(.98)}

.index_about{position:relative}
.index_about .text{padding:1.02rem 32% 1.42rem 1.75rem;position:relative;background:#f5f6f8;width:72.4%;}
.index_about .text span {font-size:.18rem;color:#717171}
.index_about .text h3 {font-size:.36rem;color:#2e2e2e;font-family:"Roboto-Bold";margin:.2rem 0}
.index_about .text h4 {font-size:.3rem;color:#2e2e2e;margin:0 0 .5rem;}
.index_about .text p{font-size:.18rem;color:#717171;line-height:1.8;margin:0 0 1.05rem;}
.index_about .text a{display:inline-block;font-size:.18rem;color:#717171;text-decoration:underline}
.index_about .imgs{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;width:50%}

.index_prolist{padding:1.5rem 0 1.6rem;}
.index_prolist .titles{display:flex;justify-content:space-between;align-items:center;margin:0 0 .85rem;}
.index_prolist .titles h3{font-size:.36rem;color:#717171;}
.index_prolist .titles a{display:inline-block;font-size:.18rem;color:#717171;text-decoration:underline}
.index_prolist .lists .swiper-slide a{display:block;position:relative;height:5.35rem;line-height:5.35rem;background:#f3f4f6}
.index_prolist .lists .swiper-slide .imgs_ img{max-height:3.8rem;transition:none;}
.index_prolist .lists .swiper-slide .text{position:absolute;bottom:.4rem;left:.3rem;z-index:3;line-height:1}
.index_prolist .lists .swiper-slide .text h6{font-size:.2rem;color:#717171;font-family:"Roboto-Bold";margin:0 0 .2rem}
.index_prolist .lists .swiper-slide .text em {font-size:.16rem;color:#707070;font-family:"Roboto-Bold"}
.index_prolist .lists .swiper-slide .imgs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0}
.index_prolist .lists .swiper-slide .imgs img {width:100%;height:100%;object-fit:cover;transition:none;}
.index_prolist .lists .swiper-slide a:hover .imgs{opacity:1}
.index_prolist .lists .swiper-slide a:hover .text h6,.index_prolist .lists .swiper-slide a:hover .text em{color:#FFF}

.index_news{background-position:0 0;background-repeat:no-repeat;background-size:100% auto;padding:3.1rem 0 2.3rem;}
.index_news>div{background:#FFF;padding:1.07rem .8rem 0}
.index_news .swiper-slide span {font-size:.3rem;color:#999999;}
.index_news .swiper-slide h6 {font-size:.18rem;color:#242424;margin:.25rem 0 .3rem;line-height:.26rem;height:.52rem;overflow:hidden}
.index_news .swiper-slide p{font-size:.14rem;color:#868686;line-height:.25rem;height:.5rem;overflow:hidden;margin:0 0 .35rem}
.index_news .swiper-slide em {font-size:.14rem;color:#868686;text-transform:uppercase}
.index_news .mores{margin:.7rem 0 0}
.index_news .mores a{display:inline-block;font-size:.18rem;color:#717171;text-decoration:underline}

.index_infos{padding:0;position:relative;text-align:center}
.index_infos h3 {font-size:.6rem;color:#797979;font-family:"Roboto-Bold";margin:0 0 .55rem;}
.index_infos p{font-size:.14rem;color:#717171;margin:0;line-height:1.7}
.index_infos .imgs{margin:.75rem 0 0}


/*底部*/
.footer{background:#eee;padding:1rem 0 .52rem;}
.footer .infos{display:flex;justify-content:space-between;}
.footer .infos .logos img {max-height:.96rem;transition:none}
.footer .infos .navs{display:flex;gap:0 .4rem;}
.footer .infos .navs dl {margin:0;padding:0}
.footer .infos .navs dl dt {margin:0 0 .3rem;font-weight:normal}
.footer .infos .navs dl dt a{font-size:.2rem;color:#282828;font-weight:bold;font-family:"Roboto-Bold"}
.footer .infos .navs dl dd {margin:0 0 .1rem;}
.footer .infos .navs dl dd a{font-size:.16rem;color:#282828}
.footer .infos .navs .codes{padding-left:.4rem;text-align:center;}
.footer .infos .navs .codes img{width:1.9rem;transition:none;}
.footer .infos .navs .codes p{font-size:.16rem;color:#282828;margin:.15rem 0 0}
.footer .copy{margin:.4rem 0 0}
.footer .copy p{font-size:.16rem;color:#282828;margin:0 0 .2rem;}
.footer .copy p a{display:inline-block;font-size:.16rem;color:#282828}
/*视频*/
.video_form {position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:999;width:100%;height:100%;transition:none;display:none;}
.video_form .mains {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
.video_form .mains.mains_on {top:60%;opacity:0;visibility:hidden;}
.video_form .mains .itembox .tit {margin:0 0 .93rem;border-bottom:2px solid #DBDBDB;padding:.28rem 0;position:relative;text-align:center;font-size:.32rem;color:#FFF}
.video_form .mains .itembox .close_ {position:absolute;right:.3rem;top:50%;width:.56rem;height:.56rem;text-align:center;border:1px solid #9E9E9E;border-radius:100%;cursor:pointer;transform:translateY(-50%)}
.video_form .mains .itembox .close_:before,.video_form .mains .itembox .close_:after{content:'';width:.16rem;height:2px;background:#9E9E9E;position:absolute;top:50%;left:50%;transition:all .4s linear;}
.video_form .mains .itembox .close_:before{transform:translate(-50%,-50%) rotate(-45deg)}
.video_form .mains .itembox .close_:after{transform:translate(-50%,-50%) rotate(45deg)}
.video_form .mains .itembox .editor video {width:100%;max-width:12rem;margin:0 auto;max-height:6.75rem;background:#000}
.video_form .mains .itembox .editor{text-align:center;}
/**/
.tem_banner.indise{position:relative}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise.about_page .flash:after{content:"";position:absolute;width:.05rem;height:.32rem;left:50%;transform:translateX(-50%);background:#e34c18;bottom:-.16rem;border-radius:5px}
.tem_banner.indise .txt{position:absolute;left:50%;transform:translateX(-50%);top:46%}
.tem_banner.indise .txt h1{font-size:.6rem;color:#e34c18;text-transform:uppercase;font-family:"Roboto-Bold"}
.tem_banner.indise .banner_nav{position:absolute;left:50%;transform:translateX(-50%);bottom:18%}
.tem_banner.indise .banner_nav ul{display:flex;justify-content: center;}
.tem_banner.indise .banner_nav ul li{padding:0 .4rem;border-right:2px solid #b9b8bb}
.tem_banner.indise .banner_nav ul li:last-child{border:0}
.tem_banner.indise .banner_nav ul li a{font-size:.16rem;color:white;position:relative}
.tem_banner.indise .banner_nav ul li a:after{content:"";position:absolute;background:url(/public/common/images/icon1.png)  0 0 no-repeat;width:.12rem;height:.09rem;left:50%;transform:translateX(-50%);bottom:-.3rem;background-size:100%;opacity:0;transition:.3s}
.tem_banner.indise .banner_nav ul li a:hover:after{bottom:-.15rem;transition:.3s;opacity:1}
.tem_banner.indise .banner_nav ul li:first-child a:after{bottom:-.15rem;opacity:1}
/**/
.about_box .company{background:url(/public/common/images/icon2.png)  left 0 no-repeat;}
.about_box .company>div{padding:0 0 .85rem}
.about_box .company .title{position:relative;padding:1.05rem 0 .6rem    }
.about_box .company .title h1{color:#252626;font-size:.48rem;text-transform:uppercase;font-weight:bold;font-family:'Roboto-Medium';margin:0 0 .55rem}
.about_box .company .title  p{font-size:.36rem;color:#d9261c;font-weight:bold;font-family:'Roboto-Medium';width:62%}
.about_box .company .title .img{position:absolute;right:0;top:-.9rem;z-index:2;width:37%;cursor:pointer;}
.about_box .company .title .img i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:.9rem;color:#FFF}
.about_box .company .infos{width:60%}
.about_box .company .infos p{font-size:.16rem;color:#5e5e5e;line-height:.25rem}
.about_box .company .box{padding:.8rem 0 0}
.about_box .company .box ul {display:flex}
.about_box .company .box ul li{width:20%;left:0}
.about_box .company .box ul li .imgs{height:.85rem;display:flex;flex-wrap: wrap;align-items: center;}
.about_box .company .box ul li  .txt h1{font-size:.36rem;color:#3a3a3a;margin:.15rem 0 .1rem}
.about_box .company .box ul li  .txt p{font-size:.16rem;color:#3a3a3a}
.about_box .honor{background:url(/public/common/images/icon3.jpg)  0 0  no-repeat;background-size:cover}
.about_box .honor .title{padding:1.15rem 0 .75rem;text-align:center}
.about_box .honor .title h1{font-size:.48rem;text-transform:uppercase;color:#252626;font-weight:bold}
.about_box .honor .lists .swiper-container{padding:.2rem } 
.about_box .honor .lists a{box-shadow:0 0 20px rgba(0,0,0,0.2)}
.about_box .honor .lists a:hover img{transform:scale(1.1)}
.about_box .honor .swiper-page{position:relative;margin:0.85rem 0 0;padding:0 0 1.45rem}
.about_box .honor .swiper-page .swiper-scrollbar{height:1px;background:#dfdfdf}
.about_box .honor .swiper-page .swiper-scrollbar-drag{background:#1b2a75;position:relative}
.about_box .honor .swiper-page .swiper-scrollbar .swiper-scrollbar-drag:after{content:"";position:absolute;width:.12rem;height:.12rem;background:#1b2a75;left:0;top:50%;transform:translateY(-50%);border-radius:100%}
.about_box .honor .swiper-page  .bot{position:absolute}
.about_box .honor .swiper-page  .bot {display:flex;width:8.5%;justify-content: space-between;right:0}
.about_box .honor .swiper-page  .bot>div{width:.4rem;height:.4rem;border-radius:100%;background:#909090;text-align:center;line-height:.4rem;color:white;top:50%;transform:translateY(-50%);font-size:.24rem}
.about_box .honor .swiper-page  .bot>div:hover {background:#d9261c}
.factory  .top{padding:1.05rem 0 0;height:8.45rem; background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.factory  .top h1{text-align:center;color:white;text-transform:uppercase;font-size:.48rem;color:white;font-weight:bold;}
.factory  .lists{padding:1.13rem 0;position:relative }
.factory  .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);left:-.64rem;width:.45rem;height:.45rem;background:url(../images/icon4.png) center no-repeat;border:1px solid #6f6f6f;border-radius:100%}
.factory  .lists .swiper-page .slide-button-next{background:url(../images/icon5.png) center no-repeat;}    
.factory  .lists .swiper-page>div:hover{background:#d9261c url(../images/icon4-4.png) center no-repeat;border:1px solid #d9261c}
.factory  .lists .swiper-page .slide-button-next:hover{background:#d9261c url(../images/icon5-5.png) center no-repeat;border:1px solid #d9261c}
.factory  .lists .swiper-page>div.slide-button-next {left:auto;right:-.64rem}
.factory  .lists  h1{text-align:center;color:#333333;font-size:.16rem;padding:.25rem 0 0}
.factory  .lists a:hover img{transform:scale(1.1)}

.product_box{background:#fafafa}
.product_box>div{display:flex}
.product_box .left{width:75%;padding-right:.4rem;border-right:1px dashed  #d2d2d2 }
.product_box .left .mbx{display:flex;padding:.27rem 0 .75rem;align-items: center;font-size:.14rem}
.product_box .left .mbx a{font-size:.14rem;;color:#595959;margin:0 .15rem}
.product_box .left .mbx a:first-child{padding-left:.32rem;position:relative;margin-left:0}
.product_box .left .mbx a:first-child:after{content:"";position:absolute;background:url(../images/icon8.png) 0 0 no-repeat;width:.21rem;height:.21rem;left:0;top:35%;transform:translateY(-50%);background-size:100%}
.product_box .left .lists  .items {margin:0 0 .85rem}
.product_box .left .lists  .items  .title{padding:0 0 .55rem}
.product_box .left .lists  .items  .title h1{font-size:.38rem;color:#d9261c;font-family:"Roboto-Bold";margin:0 0 .2rem}
.product_box .left .lists  .items  .title p{font-size:.16rem;color:#5d5d5d;line-height:.25rem}
.product_box .left .lists .items .box ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .left .lists .items .box ul:after{content:""}
.product_box .left .lists .items .box ul li{width:32.2%;margin: 0 0 .3rem}
.product_box .left .lists .items .box ul li a{padding:.5rem .1rem .4rem }
.product_box .left .lists .items .box ul li a:hover{background:white;box-shadow:10px 10px 19px rgba(0,0,0,.2)}
.product_box .left .lists .items .box ul li a .img{padding:0 .3rem}
.product_box .left .lists .items .box ul li a  .tit {text-align:center;margin:0 0 .3rem}
.product_box .left .lists .items .box ul li a  .tit h1{font-size:.2rem;color:#232323;font-family:"Roboto-Bold";margin:0 0 .15rem}
.product_box .left .lists .items .box ul li a  .tit p{font-size:.14rem;color:#5f5f5f}
.product_box .left .lists .items .box ul li a:hover img{transform:scale(1.1)}
.product_box .left .lists .items .box ul li a em{display:inline-block;margin:.35rem 0 0;text-align:center;width:100%;font-size:.18rem;color:#272727;font-family:"Roboto-Bold";font-weight:bold}
.product_box .left .lists .items .box ul li a:hover em{color:#e34c18;transition:.3s}

.product_box .right{width:25%;padding:1.4rem 0 0 .25rem;}
.product_box .right ul li{margin:0 0 .2rem;padding:0 .1rem}
.product_box .right ul li>a {padding:.14rem .2rem;font-size:.18rem;color:#232323;display:flex;justify-content:space-between;align-items:center}
.product_box .right ul li>a i{}
.product_box .right ul li>dl{margin:0;padding:.1rem .25rem;display:none;transition:none;}
.product_box .right ul li>dl dd {margin:0 0 .1rem;border-bottom:1px solid rgba(0,0,0,.15);padding:0 0 .1rem}
.product_box .right ul li>dl dd a{display:block;font-size:.16rem;color:#232323;}
.product_box .right ul li>dl dd a i {margin-right:3px;font-size:.14rem;}
.product_box .right ul li>dl dd:last-child{margin:0;border:0}
.product_box .right ul li>dl dd.on a,.product_box .right ul li>dl dd a:hover{color:#133984}
.product_box .right ul>div>div{padding:.1rem 0}
.product_box .right ul li.opens,.product_box .right ul li:hover{background:#FFF;box-shadow:10px 10px 19px rgba(0,0,0,.12);border-radius:10px;}
.product_box .right ul li.opens>a,.product_box .right ul li>a:hover{color:#d9261c;font-weight:bold}
.product_box .right ul li.opens>a i{transform:rotate(180deg)}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#222222 !important}
.mCSB_scrollTools .mCSB_draggerRail{background:#c9c9c9 !important}
#back_top {
    position: fixed;
    right: 3%;
    top: 50%;
    width: 43px;
    z-index: 99;
    display: none;
}

#back_top a {
    display: block;
    width: 100%;
    width:.5rem;height:.5rem;border:1px solid #e34c18;;border-radius:100%;text-align:center;line-height:.5rem;color:#e34c18;font-size:.24rem}
#back_top a:hover{background:#e34c18;color:white}
#back_top a:hover i{color:white}
/**/
.page{margin:.45rem 0 0;text-align:center}
.page a{display:inline-block;    width: .29rem;    height: .29rem;    background: #ededed;    border: 1px solid #d2d2d2;
    border-radius: 6px;    line-height: .27rem;    font-size: .14rem;    color: #6d6d6d;    margin: 0 4px;}
.page a:hover,.page a.page-num-current{background:#133984;color:#FFF;border-color:#133984}
/**/
.product{padding:1.3rem 0 0}
.product .top{background:url(../images/icon12.jpg) 0 0 no-repeat;background-size:cover;}
.product .top>div{padding:0 0 1.5rem}
.product .top .item {display:flex;justify-content: space-between;align-items: center;;border-bottom:1px solid #e2e2e2}
.product .top .item .mbx {display:flex;align-items: center;font-size:.14rem;padding:.37rem 0 .3rem}
.product .top .item .mbx  a{font-size:.14rem;color:#595959;margin:0 .15rem;}
.product .top .item .mbx  a:first-child{padding-left:.32rem;position:relative;margin-left:0}
.product .top .item .mbx  a:first-child:after{content:"";position:absolute;background:url(../images/icon8.png) 0 0 no-repeat;width:.21rem;height:.21rem;left:0;top:35%;transform:translateY(-50%);background-size:100%}
.product .top .item .mbx  a:last-child {color:#d9261c}
.product .top .item  .return a{width:1.3rem;height:.42rem;line-height:.42rem;background:#d9261c;border-radius:50px;color:white;font-size:.14rem;padding-left:.23rem;position:relative}
.product .top .item  .return a:after{content:"";position:absolute;background:url(../images/icon9.png) 0 0 no-repeat;width:.15rem;height:.13rem;top:50%;transform:translateY(-50%);background-size:100%;right:.28rem}
.product .top .infos{display:flex;padding:.88rem 0 0}
.product .top .infos .left{width:50%}
.product .top .infos .left h1{font-size:.42rem;color:#d9261c;font-family:"Roboto-Black-1";padding:0 0 .4rem;position:relative}
.product .top .infos .left h1:after{content:"";position:absolute;background:url(../images/icon10.png) 0 0 no-repeat;width:.53rem;height:.11rem;left:0;bottom:0;background-size:100%}
.product .top .infos .text{margin:.7rem 0 0;height:1.8rem}
.product .top .infos .text p{font-size:.16rem;color:#444444;padding-left:.3rem;position:relative;line-height:.25rem;margin:0 0 .05rem}
.product .top .infos .text p:after{position:absolute;content:"";width:.14rem;height:.14rem;background:url(../images/icon11.png) 0 0 no-repeat;left:0;top:50%;transform:translateY(-50%);background-size:100%;}
.product .top .infos .download a{display:inline-block;font-size:.2rem;color:#d9261c;padding-left:.46rem;position:relative}
.product .top .infos .download a:after{position:absolute;content:"";width:.31rem;height:.31rem;background:url(../images/icon13.png) 0 0 no-repeat;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s}
.product .top .infos .download a:hover:after{transform: translateY(-50%) rotateY(360deg);transition:.5s}
.product .top .infos .right{width:50%;position:relative}
.product .top .infos .right .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);left:0;width:.45rem;height:.45rem;background:url(../images/icon4.png) center no-repeat;border:1px solid #6f6f6f;border-radius:100%;z-index:2}
.product .top .infos .right .swiper-page .slide-button-next{background:url(../images/icon5.png) center no-repeat;}    
.product .top .infos .right .swiper-page>div:hover{background:#d9261c url(../images/icon4-4.png) center no-repeat;border:1px solid #d9261c}
.product .top .infos .right .swiper-page .slide-button-next:hover{background:#d9261c url(../images/icon5-5.png) center no-repeat;border:1px solid #d9261c}
.product .top .infos .right .swiper-page>div.slide-button-next {left:auto;right:0}
.product .bot {padding:.75rem 0 2.3rem}
.product .bot .material{margin:0 0 .85rem}
.product .bot .material h1{margin:0 0 .35rem}
.product .bot .material h1{color:#1b1b3c;font-size:.3rem;font-family:"Roboto-Black-1";position:relative;padding:0 0 .4rem}
.product .bot .material h1:after{content:"";position:absolute;background:url(../images/icon10.png) 0 0 no-repeat;width:.53rem;height:.11rem;left:0;bottom:0;background-size:100%}
.product .bot .material .content table{box-shadow:0 0 20px rgba(0,0,0,0.1);text-align:center;font-size:.18rem;}
.product .bot .material .content table tr td{border-right:1px dashed  #e5e5e5;padding:.58rem .3rem;height:1.45rem;color:#272727}
.product .bot .material .content table tr td:last-child{border-right:0}

.product .bot .size{margin:0 0 .85rem}
.product .bot .size h1{margin:0 0 .35rem}
.product .bot .size h1{color:#1b1b3c;font-size:.3rem;font-family:"Roboto-Black-1";position:relative;padding:0 0 .4rem}
.product .bot .size h1:after{content:"";position:absolute;background:url(../images/icon10.png) 0 0 no-repeat;width:.53rem;height:.11rem;left:0;bottom:0;background-size:100%}
.product .bot .size .content table{box-shadow:0 0 20px rgba(0,0,0,0.1);font-size:.18rem;}
.product .bot .size .content table tr td{border-right:1px dashed  #e5e5e5;padding:.4rem .3rem .45rem;height:1.45rem;color:#272727}
.product .bot .size .content table tr td:last-child{border-right:0}

.product .bot .finishes{margin:0 0 .85rem}
.product .bot .finishes h1{margin:0 0 .35rem}
.product .bot .finishes h1{color:#1b1b3c;font-size:.3rem;font-family:"Roboto-Black-1";position:relative;padding:0 0 .4rem}
.product .bot .finishes h1:after{content:"";position:absolute;background:url(../images/icon10.png) 0 0 no-repeat;width:.53rem;height:.11rem;left:0;bottom:0;background-size:100%}
.product .bot .finishes .content {font-size:.16rem;color:#383838}
.product .bot .finishes .content table{box-shadow:0 0 20px rgba(0,0,0,0.1);font-size:.18rem;}
.product .bot .finishes .content table tr td{border-right:1px dashed  #e5e5e5;padding:.4rem .3rem .45rem;height:1.45rem;color:#272727}
.product .bot .finishes .content table tr td:last-child{border-right:0}
.product .bot .more{margin:.2rem 0 0}
.product .bot .more a{display:inline-block;font-size:.16rem;color:white;width:2.75rem;height:.55rem;line-height:.55rem;background:#d9261c;text-align:center;border-radius:5px;}

.case_list>div{padding:0 0 1.33rem}
.case_list .mbx {display:flex;align-items: center;font-size:.14rem;padding:.27rem 0 .75rem}
.case_list .mbx  a{font-size:.14rem;;color:#595959;margin:0 .15rem}
.case_list .mbx a:first-child{padding-left:.32rem;position:relative;margin-left:0}
.case_list .mbx a:first-child:after{content:"";position:absolute;background:url(../images/icon8.png) 0 0 no-repeat;width:.21rem;height:.21rem;left:0;top:35%;transform:translateY(-50%);background-size:100%}
.case_list .infos h2{font-size:.38rem;color:#232323;font-family:"Roboto-Black-1";margin:0 0 .5rem}
.case_list .infos p{font-size:.16rem;color:#4c4c4c;line-height:.3rem}
.case_list .lists {display:flex;flex-wrap: wrap;justify-content: space-between;}
.case_list .lists {padding:1rem 1.6rem  0 0 }
.case_list .lists:after{content:"";width:29.5%}
.case_list .lists .items{width:29.5%;margin:0 0 .65rem}
.case_list .lists .items a{box-shadow:0 0 20px 5px rgba(0,0,0,0.2)}
.case_list .lists .items a:hover img{transform:scale(1.1)}
.case_list .lists .items  h1{margin:.27rem  0 0;text-align:center;color:#252626;font-size:.16rem}
.contact_box .top{background:#f5f5f5}
.contact_box .top .mbx {display:flex;align-items: center;font-size:.14rem;padding:.27rem 0 0}
.contact_box .top .mbx  a{font-size:.14rem;;color:#595959;margin:0 .15rem}
.contact_box .top .mbx a:first-child{padding-left:.32rem;position:relative;margin-left:0}
.contact_box .top .mbx a:first-child:after{content:"";position:absolute;background:url(../images/icon8.png) 0 0 no-repeat;width:.21rem;height:.21rem;left:0;top:35%;transform:translateY(-50%);background-size:100%}

.contact_box .top .contact {padding:1.9rem  0 0}
.contact_box .top .contact  .info{display:flex;justify-content: space-between;align-items: center;padding:0 0 .8rem;border-bottom:2px dotted  #c9c9c9}
.contact_box .top .contact  .info p{font-size:.24rem;color:#3e3d3d;padding-left:1.05rem;position:relative}
.contact_box .top .contact  .info p:after{content:"";position:absolute;background:url(/public/common/images/icon14.png) no-repeat;width:.76rem;height:.76rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .top .contact  .info  a{width:1.66rem;height:.47rem;background:#e34c18;line-height:.47rem;text-align:center;border-radius:50px;;color:white;font-size:.16rem;padding-right:.25rem;position:relative}
.contact_box .top .contact  .info  a:after{content:"";position:absolute;background:url(/public/common/images/icon16.png) no-repeat;width:.15rem;height:.15rem;background-size:100%;right:10%;top:50%;transform:translateY(-50%)}
.contact_box .top .contact  ul{padding:.8rem 0 1.2rem;display:flex;justify-content: flex-start;}
.contact_box .top .contact  ul li{width:30%;padding-left:1.05rem;position:relative}
.contact_box .top .contact  ul li:after{content:"";position:absolute;background:url(/public/common/images/icon15.png) no-repeat;width:.76rem;height:.76rem;background-size:100%;left:0;top:-.24rem}

.contact_box .top .contact  ul li h1{font-size:.24rem;color:#3e3d3d;padding:0 0 .24rem}
.contact_box .top .contact  ul li p{font-size:.18rem;color:#3e3d3d}
.contact_box .top .contact  ul li p:last-child{color:#d9261c}
.contact_box .top .contact .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 .top .contact .fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.3rem;}
.contact_box .top .contact .fixed_box .mains.met_hidden{top:70%}

.contact_box .message h2{font-size:.38rem;color:#232323;padding:1.15rem 0 .55rem}
.contact_box .message .form{padding: 0 0 1.8rem}
.contact_box .message .form .first{display:flex;justify-content: space-between;}
.contact_box .message .form .first .input{width:31%}
.contact_box .message .form .first_{margin:.45rem 0 0}
.contact_box .message .form input{width:100%;padding: .2rem;background:#f5f5f5;font-size:.15rem;color:#575757;border:0;border-radius:10px}
.contact_box .message .form .second {padding:.45rem 0 .75rem }
.contact_box .message  .form .second .content{width:100%;height:2.7rem;padding:.4rem .2rem;background:#f5f5f5;;font-size:.15rem;color:#575757;border-radius:10px;border:0;}
.contact_box .message  .form .button{text-align:center}
.contact_box .message  .form .button input{height:.74rem;width:2.25rem;text-align:center;background:#e34c18;border:0;color:white;font-size:.16rem;border-radius:50px;text-transform:uppercase}

/*新闻+技术支持*/
.news_box{padding:.45rem 0 1.45rem;}
.news_box .mbx{display:flex;padding:.27rem 0 .75rem;align-items: center;font-size:.14rem}
.news_box .mbx a{font-size:.14rem;;color:#595959;margin:0 .15rem}
.news_box .mbx a:first-child{padding-left:.32rem;position:relative;margin-left:0}
.news_box .mbx a:first-child:after{content:"";position:absolute;background:url(../images/icon8.png) 0 0 no-repeat;width:.21rem;height:.21rem;left:0;top:35%;transform:translateY(-50%);background-size:100%}
.news_box .mains {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.57rem .5rem}
.news_box .mains a{display:block;position:relative}
.news_box .mains .imgs img {width:100%;height:3.18rem;object-fit:cover;transition:none;}
.news_box .mains .imgs{overflow:hidden}
.news_box .mains .text{padding:.25rem 0;position:relative}
.news_box .mains .text span {font-size:.16rem;color:#555}
.news_box .mains .text h5 {font-size:.2rem;color:#2a2a2a;line-height:.28rem;height:.56rem;overflow:hidden;margin:.25rem 0 .4rem;font-weight:bold;}
.news_box .mains .text em {font-size:.4rem;color:#000}
.news_box .mains .text:after{content:'';width:0;height:5px;background:#133984;position:absolute;bottom:0;left:0;transition: all .6s cubic-bezier(.69, .27, .45, .99);}
.news_box .mains a:hover .text:after{width:100%}
.news_box .mains a:hover .text span,.news_box .mains a:hover .text  h5,.news_box .mains a:hover .text em{color:#133984}
.news_box .mains a:hover .imgs {box-shadow:4px 4px 6px rgba(0,0,0,.15);transform:translateY(-5px)}
.news_box .mores{margin:1rem 0 0;text-align:center;transition:none}
.news_box .mores a{display:inline-block;border:1px solid #133984;border-radius:999px;font-size:.16rem;color:#133984;padding:0 .37rem;line-height:.55rem;}
 .news_box .mores a:hover {background:#133984;color:#FFF}
/*新闻详情*/
.show_news{background:#f3f3f3;padding:0 0 .85rem;}
.show_news .mbx{display:flex;padding:.27rem 0 .75rem;align-items: center;font-size:.14rem}
.show_news .mbx a{font-size:.14rem;;color:#595959;margin:0 .15rem}
.show_news .mbx a:first-child{padding-left:.32rem;position:relative;margin-left:0}
.show_news .mbx a:first-child:after{content:"";position:absolute;background:url(../images/icon8.png) 0 0 no-repeat;width:.21rem;height:.21rem;left:0;top:35%;transform:translateY(-50%);background-size:100%}
.show_news .mians{background:#e6e6e6;display:flex;}
.show_news .mians .contents {background:#FFF;padding:.85rem 0 .9rem 1rem;width:69.5%}
.show_news .mians .contents h5 {font-size:.3rem;color:#1e1e1e;font-weight:bold;padding:0 0 .5rem;border-bottom:1px solid #e9e9e9;line-height:1.7;padding-right:.35rem;}
.show_news .mians .contents .editor{font-size:.2rem;color:#343434;line-height:1.7;padding:.5rem .35rem .6rem 0;border-bottom:1px solid #e9e9e9}
.show_news .mians .contents .editor .imglist {padding:.5rem 0 0}
.show_news .mians .contents .editor .imglist ul {display:flex;flex-direction: row;    flex-wrap: wrap;}
.show_news .mians .contents .editor .imglist li{width:50%;margin:0 0 .3rem;padding:0 .14rem 0 0}
.show_news .mians .contents .editor .imglist li:nth-child(2n) {padding:0 0 0 .14rem;}
.show_news .mians .contents .editor .imglist li a{display:block;position:relative;}
.show_news .mians .contents .editor .imglist li img {width:100%;height:2.89rem;object-fit:cover;transition:none}
.show_news .mians .contents .editor .imglist li a:hover {box-shadow:4px 4px 6px rgba(0,0,0,.15)}
.show_news .mians .contents .pages{padding:.55rem 0 0;}
.show_news .mians .contents .pages p{margin:0 0 .2rem;font-size:.18rem;color:#898989;font-weight:bold;}
.show_news .mians .contents .pages p a{font-size:.18rem;color:#898989;display:inline-block;}
.show_news .mians .other{width:30.5%;padding:.6rem 1rem .4rem .55rem;}
.show_news .mians .other h6 {font-size:.24rem;color:#00a0e9;margin:0 0 .35rem;}
.show_news .mians .other li{margin:0 0 .35rem;}
.show_news .mians .other li a{display:block;background:#FFF}
.show_news .mians .other li .imgs img {width:100%;height:2rem;object-fit:cover;transition:none}
.show_news .mians .other li .text {padding:.28rem .15rem .2rem;}
.show_news .mians .other li .text h6 {font-size:.16rem;color:#1f1f1f;font-weight:bold;line-height:.3rem;height:.6rem;overflow:hidden;}
.show_news .mians .other li .text p{margin:.2rem 0 0;padding:.2rem 0 0;border-top:1px solid #dcdcdc;text-align:right;font-size:.16rem;color:#aaaaaa;font-weight:bold;}
.show_news .mians .other li a:hover {box-shadow:2px 2px 4px rgba(0,0,0,.12)}
@media(max-width:767px){
	.show_news .mians{display:block;}
	.show_news .mians .contents{padding-left:.35rem;width:100%}
	.show_news .mians .contents .pages{padding-right:.35rem;}
	.show_news .mians .other{width:100%;padding:.6rem .2rem}
	.show_news .mians .other li{display:inline-block;vertical-align:top;width:50%;padding:0 .15rem;}	
}
.fancybox-container,.fancybox-container *{transition:none;}
/********<=767 mobile nav style css********/    
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6>div span{font-size:12px;color:#000}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#d9261c;
	-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:#e34c18;;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:#e34c18;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1800px){

}
@media(max-width:1440px){
    .main .imgs2{width:38%;top:-2.8rem}
	.tem_banner .label_txt{left:1.1rem;}
}


@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}
	.m110 {margin:0 25px;}
	.index_about .text{padding:1.02rem 32% 1.42rem 25px;}
	
}
/********mobile*********/
@media(max-width: 767px){
	.tem_banner .label_txt{left:25px;}
	.index_product > div{display:block}
	.index_product .rlt{padding:.25rem 0 0}
	.index_product .rlt .text{position:relative;top:auto;padding:.45rem 0 .55rem;}
	.index_product .rlt a{display:block;}
	.index_about .imgs{position:relative;top:auto;transform:none;width:100%}
	.index_about .text{width:100%;padding:1.02rem 25px 1.42rem}
	.index_news{background-size:100% 4.2rem;}
	.footer .infos .navs{display:block}
	.footer .infos .navs dl {display:none}
	
	
.tem_banner.indise .txt{top:20%}
.tem_banner.indise .banner_nav{width:100%}
.about_box .company .title .img{top:1.5rem}
.tem_banner.indise .banner_nav ul{display:flex}
.about_box .company .box ul li .imgs{height:auto}
.about_box .company .box ul li{width:33.33%}
.factory  .lists .swiper-page>div{left:0rem;z-index:2}
.factory  .lists .swiper-page>div.slide-button-next {left:auto;right:0rem;z-index:2}
.product_box .left .lists .items .box ul li{width:50%}
.product_box>div{display:inherit}
.product_box .left{padding-right:0;width:100%}
.product_box .right{display:none;}

.product .top .item{display:inherit;padding: 0 0 .1rem}
.product .top .item .mbx a{margin:0 .1rem}
.product .top .item .return a{width:1.5rem}
.product .top .infos{display:inherit}
.product .top .infos .left{width:100%}
.product .top .infos .right{width:100%}
.case_list .lists {padding:1rem 0rem  0 0 }
.case_list .lists .items{width:48%}
.contact_box .top .contact .info{display:inherit}
.contact_box .top .contact{padding:.5rem 0 0 }
.contact_box .top .contact .info{padding:.2rem  0 0}
.contact_box .top .contact .info a{width:3rem;margin:.2rem  0 }
.contact_box .top .contact ul{display:inherit}
.contact_box .top .contact ul li{width:100%;margin: 0 0 .2rem}
.contact_box .top .contact ul li:after{top:0}
.contact_box .message .form .first{display:inherit}
.contact_box .message .form .first .input{width:100%;margin:0 0 .2rem}

.news_box .mains{grid-template-columns:1fr 1fr}

/* .tem_banner.index:after{content:"";position:absolute;height:0px;width:0px;border-style: solid;border-width:0 2.88rem  1.58rem 0;border-color: transparent  transparent #f7f7f7 transparent;bottom:0;left:0;}
.tem_banner.index:before{content:"";position:absolute;height:0px;width:0px;border-style: solid;border-width:0 0  1.55rem 3rem   ;border-color: transparent  transparent #f7f7f7  transparent;bottom:0;right:0;z-index:2} */

.main .imgs1{position:absolute;left:8.5%;top:-1.2rem;z-index:2;width:32%}
.main .imgs2{position:absolute;right:0.8%;top:-1.2rem;z-index:2;width:45%}



}