.header{position: fixed;background:#222628;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header>div{display:flex;height:.86rem;line-height:.86rem;justify-content: space-between;}
.header .logo{width:14%}
.header .navs ul{display:flex}
.header .navs ul li{margin-left:.45rem;position:relative}

.header .navs ul li>a{font-size:.16rem;color:#d9dbdd}
.header .navs ul li>a:hover{color:#b6423f;transition:.3s}
.header .navs ul li.active>a{color:#b6423f}
.header .navs ul li .pro_nav{position:absolute;width:6rem;background:white;padding:.35rem  .47rem 0;top:100% ;left:0;box-shadow:0 0 12px rgba(0,0,0,0.2);display:none;transition:none}
.header .navs ul li .pro_nav .box{display:flex;justify-content: space-between;}
.header .navs ul li .pro_nav .box .left{width:42%;padding:0 0 .28rem;border-right:2px solid #efefef}
.header .navs ul li .pro_nav .box .left .items{margin:0 0 .5rem}    
.header .navs ul li .pro_nav .box .left .items dt {margin:0 0 .1rem}
.header .navs ul li .pro_nav .box .left .items dt a{font-size:.16rem;color:#3d4245;font-family:"Roboto-Bold";display:inline-block}
.header .navs ul li .pro_nav .box .left .items dd{margin:0 0 .05rem}
.header .navs ul li .pro_nav .box .left .items dd:last-child{margin:0}
.header .navs ul li .pro_nav .box .left .items dd a{font-size:.14rem;color:#707779;font-family:"Roboto-Light-10";display:inline-block;padding-left:.1rem;position:relative}
.header .navs ul li .pro_nav .box .left .items dd a:after{content:"";position:absolute;width:3px;height:3px;background:#707779;left:0;top:50%;transform:translateY(-50%);border-radius:100%}
.header .navs ul li .pro_nav .box .right{width:51%}
.header .navs ul li .pro_nav .box .right .items{margin:0 0 .5rem}    
.header .navs ul li .pro_nav .box .right .items dt {margin:0 0 .1rem}
.header .navs ul li .pro_nav .box .right .items dt a{font-size:.16rem;color:#3d4245;font-family:"Roboto-Bold";display:inline-block}
.header .navs ul li .pro_nav .box .right .items dd{margin:0 0 .05rem}
.header .navs ul li .pro_nav .box .right .items dd:last-child{margin:0}
.header .navs ul li .pro_nav .box .right .items dd a{font-size:.14rem;color:#707779;font-family:"Roboto-Light-10";display:inline-block;padding-left:.1rem;position:relative}
.header .navs ul li .pro_nav .box .right .items dd a:after{content:"";position:absolute;width:3px;height:3px;background:#707779;left:0;top:50%;transform:translateY(-50%);border-radius:100%}


.header .navs ul li .xss_nav{position:absolute;width:2.2rem;background:white;padding:.35rem .28rem .35rem;top:100% ;left:0;box-shadow:0 0 12px rgba(0,0,0,0.2);display:none;transition:none}
.header .navs ul li .xss_nav dd{margin:0 0 .1rem}
.header .navs ul li .xss_nav dd a{font-size:.16rem;color:#3d4245}
.header .navs ul li .xss_nav dd a:hover {color:#b6423f;transition:.3s}
.tem_banner{padding:.86rem 0 0}
.tem_banner .txt{position:absolute;left:50%;transform:translateX(-50%);top:55%;width:100%;text-align:center}
.tem_banner .txt h1{font-size:.52rem;color:white;font-family:"Roboto-Bold";padding:0 0 .2rem}
.tem_banner .txt  p{font-size:.16rem;color:#cbccc6}
.product_lists .mbx{background:#f4f6f8;border-bottom:2px solid #ececec;}
.product_lists .mbx>div{display:flex;height:.5rem;line-height:.5rem;align-items: center;font-size:.16rem}
.product_lists .mbx a{color:#222628;font-size:.16rem;margin:0 .05rem}
.product_lists .mbx a:first-child{margin-left:0}
.product_lists .mbx a:last-child{color:#b6423f}
.product_lists .top>div{padding:1.1rem 0 1.27rem}
.product_lists .top h2{font-size:.4rem;color:#52565e;font-family:"Roboto-Bold";text-align:center;margin:0 0 .9rem;padding: 0 3.15rem}
.product_lists .top  .infos{display:flex;justify-content: space-between;align-items: center;}
.product_lists .top  .infos .img{width:43.7%}
.product_lists .top  .infos .text{width:51.3%}
.product_lists .top  .infos .text p{font-size:.16rem;color:#85878d;line-height:.24rem}
.product_lists .lists{background:#f4f6f8;padding:1.12rem   0 .55rem}
.product_lists .lists>div{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_lists .lists>div:after{width:31%;content:""}
.product_lists .lists .items{width:31%;margin:0 0 .55rem}
.product_lists .lists .items a{background:white}
.product_lists .lists .items a .text{padding:.25rem .4rem .4rem}
.product_lists .lists .items a .text h1{font-size:.2rem;color:#3d4245;font-family:"Roboto-Bold";margin:0 0 .1rem}
.product_lists .lists .items a .text .desc{height:.88rem;overflow:hidden}
.product_lists .lists .items a .text .desc p{font-size:.14rem;color:#707779;font-family:"Roboto-Light-10";line-height:.22rem}
.product_lists .lists .items a .text em{margin:.25rem 0 0;display:inline-block;color:#b6423f;font-weight:bold}
.product_lists .lists .items a:hover img{transform:scale(1.1)}
.product_lists .partner {padding:0 0 1rem}
.product_lists .partner .title{text-align:center;padding:1.1rem 0 1.2rem}
.product_lists .partner .title h1{font-size:.4rem;color:#52565e;font-family:"Roboto-Bold"}
.product_lists .partner ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_lists .partner ul li{width:33.33%;text-align:center;margin:0 0 .8rem}
.product_lists .partner ul li .img{transition:.8s}
.product_lists .partner ul li h2{font-size:.24rem;color:#52565e;font-weight:bold;margin:.26rem 0 0}
.product_lists .partner ul li:hover .img{transform:rotate(360deg);transition:.8s}
.product_lists .contact_price{border-top:2px solid #efefef}
.product_lists .contact_price>div{padding:1.25rem 0 1.15rem;display:flex;align-items: flex-end;justify-content: space-between;}
.product_lists .contact_price h1{font-size:.4rem;color:#515a5e;width:56%;font-family:"Roboto-Bold";}
.product_lists .contact_price  a{width:2.26rem;height:.79rem;line-height:.79rem;background:#b6423f;border-radius:50px;text-align:center;font-size:.2rem;color:white;font-family:"Roboto-Bold";}
.footer{background:#222222;position:relative}

.footer .top .title{padding:.83rem 0 .4rem;text-align:center}
.footer .top .title h1{font-size:.36rem;color:white;font-family:"Roboto-Bold";margin:0 0 .12rem}
.footer .top .title p{font-size:.16rem;color:#a6a6a6;font-family:'Roboto-Light-10'}
.footer .top  .search{text-align:center}
.footer .top  .search form{width:38.5%;display:inline-block;position:relative}
.footer .top  .search input{width:100%;height:.5rem;line-height:.65rem;background:#4e4e4e;border:0;border-radius:3px;background:rgba(255,255,255,.12);font-size:.14rem;color:white;padding:0 .7rem 0 .2rem}

.footer .top .search  button{position:absolute;right:0;background:#b6423f;background-size:100%;border:0;top:50%;transform:translateY(-50%);height:100%;width:.7rem;font-size:.14rem;color:white;border-radius:0 3px  3px 0}
.footer .navs{display:flex;justify-content: space-between;padding:.85rem 0 .8rem}
.footer .navs dl dt {margin:0 0 .2rem}
.footer .navs dl dt a{font-size:.16rem;color:white;font-weight:normal;}
.footer .navs dl dd{margin:0 0 .1rem}
.footer .navs dl dd:last-child{margin:0}
.footer .navs dl dd a{font-size:.14rem;color:#a0a0a0}
.footer .bot{display:flex;padding:.3rem 0 .62rem;border-top:2px solid #404040;justify-content: space-between;align-items: center;}
.footer .bot p{font-size:.14rem;color:#989898}
.footer .bot ul{display:flex;width:21%;justify-content: space-between;align-items: center;}
.footer #back_top{position:absolute;right:1.08rem;top:50%;}
.footer #back_top a{width:.6rem;height:.6rem;border-radius:100%;background:#b6423f;text-align:center;line-height:.7rem;}
.footer #back_top a i{font-size:.24rem;color:white}
.product .mbx{background:#f4f6f8;border-bottom:2px solid #ececec;}
.product .mbx>div{display:flex;height:.5rem;line-height:.5rem;align-items: center;font-size:.16rem}
.product .mbx a{color:#222628;font-size:.16rem;margin:0 .05rem;}    
.product .mbx a:first-child{margin-left:0}
.product .mbx a:last-child{color:#b6423f}
.product .top{padding:.85rem  0 1rem}
.product .top>div{display:flex;justify-content: space-between;}
.product .top .left{width:58%}
.product .top .right{width:37.5%}
.product .top .left .gallery{border:1px solid #e2e2e2;border-radius:5px}
.product .top .left .gallery .img{padding:.45rem 0 }
.product .top .left  .thumbs{position:relative;margin:.28rem 0 0;padding:0 .4rem}
.product .top .left  .thumbs .swiper-page>div{position:absolute;width:.25rem;height:100%;background:#f6f6f6;border:1px solid #dcdcdc;display:flex;text-align:center;font-size:.3rem;color:#757474;outline:none;z-index:2;top:50%;left:0;transform:translateY(-50%);flex-direction: column;justify-content: center;}
.product .top .left  .thumbs .swiper-page>div.slide-button-next {left:auto;right:0}
.product .top .left  .thumbs .swiper-page>div:hover i{color:#b6423f}
.product .top .left  .thumbs img{border:1px solid #e2e2e2;border-radius:5px;cursor:pointer}
.product .top .left  .thumbs .swiper-slide-thumb-active  img{border:1px solid #b6423f}
.product .top .right{padding:.5rem 0 0;position:relative}
.product .top .right h2{font-size:.4rem;color:#3d4245;font-family:"Roboto-Bold";margin:0  0 .45rem}
.product .top .right .features h3{font-size:.2rem;color:#3d4245;font-weight:bold;margin:0 0 .15rem}
.product .top .right .features p{font-size:.16rem;color:#6f7577;line-height:.25rem}
.product .top .right .more{position:absolute;bottom:.1rem;left:0}
.product .top .right .more  a{width:2.26rem;height:.79rem;line-height:.79rem;background:#b6423f;border-radius:50px;text-align:center;font-size:.2rem;color:white;font-family:"Roboto-Bold";}
.product .middle {background:#f4f6f8;}
.product .middle>div{padding:.85rem  0 .9rem}
.product .middle>div p{font-size:.16rem;color:#7f8386;line-height:.28rem}
.product .bot{padding:1.05rem 0 1.5rem}
.product .bot h2{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold";margin:0  0 .48rem;text-align:center}
.product .contact_price{border-top:2px solid #efefef}
.product .contact_price>div{padding:1.25rem 0 1.15rem;display:flex;align-items: flex-end;justify-content: space-between;}
.product .contact_price h1{font-size:.4rem;color:#515a5e;width:56%;font-family:"Roboto-Bold";}
.product .contact_price  a{width:2.26rem;height:.79rem;line-height:.79rem;background:#b6423f;border-radius:50px;text-align:center;font-size:.2rem;color:white;font-family:"Roboto-Bold";}

.mbx{background:#f4f6f8;border-bottom:2px solid #ececec;}
.mbx>div{display:flex;height:.5rem;line-height:.5rem;align-items: center;font-size:.16rem}
.mbx a{color:#222628;font-size:.16rem;margin:0 .05rem}
.mbx a:first-child{margin-left:0}
.mbx a:last-child{color:#b6423f}
.service_list .lists{padding:1.12rem  0 1.1rem}
.service_list .lists>div .items{display:flex;justify-content: space-between;align-items: center;margin:0 0 .9rem}
.service_list .lists>div .items.xss{flex-direction:row-reverse}
.service_list .lists>div .items .text{width:46.5%}
.service_list .lists>div .items .text h2{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold";margin:0 0 .45rem}
.service_list .lists>div .items .text p{font-size:.16rem;color:#515a5e;line-height:.25rem}
.service_list .lists>div .items .img{width:48.5%}
.about .about_company>div{padding:1.12rem 0 .85rem}
.about .about_company .infos{padding:0 0 .7rem}
.about .about_company .infos h2{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold";margin:0 0 .4rem}
.about .about_company .infos p{font-size:.16rem;color:#515a5e;line-height:.25rem}
.about .about_company .pics a{overflow:hidden}
.about .about_company .pics a:hover img{transform:scale(1.1)}
.about  .about_team{background:#f4f6f8}
.about  .about_team>div{padding:0 0 1.05rem}
.about  .about_team .title{text-align:center;padding:1.15rem 0 .6rem}
.about  .about_team .title h1{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold"}
.about  .about_team  .items {text-align:center;position:relative}
.about  .about_team  .items:after{content:"";position:absolute;width:100%;height:75%;background:white;left:0;bottom:0;z-index:-1}
.about  .about_team  .items .text h1{font-size:.16rem;color:#515a5e;font-family:"Roboto-Bold";margin:.3rem 0 .15rem}
.about  .about_team  .items .text p{font-size:.14rem;color:#515a5e;padding:0 0 .45rem}
.about  .about_team .slide-pagination{text-align:center;margin:.8rem 0 0 }
.about  .about_team .slide-pagination span{width:.13rem;height:.13rem;border-radius:100%;opacity:1;margin:0 .07rem;background:none;border:1px solid #8a8e90}
.about  .about_team .slide-pagination span.swiper-pagination-bullet-active{background:#b6423f;border:1px solid #b6423f}
.about  .about_story>div{padding:0 0 1rem}
.about  .about_story .title{text-align:center;padding:1.05rem 0 .7rem}
.about  .about_story .title h1{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold"}
.about  .about_story .lists .thumbs{margin:0 0 .55rem;text-align:center;position:relative}
.about  .about_story .lists .thumbs:after{content:"";position:absolute;width:100%;height:4px;background:#e2e4e9;left:0;top:50%;transform:translateY(-50%)}
.about  .about_story .lists .thumbs .text{border:7px solid white;}
.about  .about_story .lists .thumbs .text a{width:.63rem;height:.63rem;line-height:.63rem;text-align:center;font-size:.16rem;color:#515a5e;font-weight:bold;background:#edf0f6;border-radius:100%;position:relative;z-index:2;display:inline-block} 
.about  .about_story .lists .thumbs .text a:after{content:"";position:absolute;width:.45rem;height:.45rem;background:white;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
.about  .about_story .lists .thumbs  .swiper-slide-thumb-active .text a:after{background:#b6423f;transition:.3s}
.about  .about_story .lists .thumbs  .swiper-slide-thumb-active .text a{color:white}
.about  .about_story .lists .gallery{padding:0 1.2rem}
.about  .about_story .lists .gallery .text{display:flex;align-items: center;box-shadow:0 0 12px rgba(0,0,0,0.2);position:relative}
.about  .about_story .lists .gallery .text .img{width:50%}
.about  .about_story .lists .gallery .text .txt{width:50%;padding:0 .5rem;position:relative}
.about  .about_story .lists .gallery .text .txt p{font-size:.16rem;color:#666565}
.about  .about_story .lists .gallery .swiper-container{padding:.2rem }
.about  .about_story .lists .gallery .text  em{font-size:.18rem;color:#666565;font-weight:bold;right:.4rem;position:absolute;top:.35rem;}
.about  .about_goals{background:#f4f6f8}
.about  .about_goals>div{padding:0 0 1.35rem}
.about  .about_goals .title{text-align:center;padding:1.05rem 0 .75rem}
.about  .about_goals .title h1{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold"}
.about  .about_goals .lists .text{text-align:center}
.about  .about_goals .lists .text h1{font-size:.2rem;color:#515a5e;font-family:"Roboto-Bold";margin:.28rem 0 .2rem}
.about  .about_goals .lists .text p{font-size:.16rem;color:#515a5e;line-height:.25rem}
.quality .top>div{padding:.7rem 0 1.09rem;text-align:center}
.quality .top .title{padding:0 2.8rem .7rem;text-align:center}
.quality .top .title h1{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold";margin:0 0 .4rem}
.quality .top .title p{font-size:.16rem;color:#515a5e;}
.quality .top .pics a{overflow:hidden}
.quality .top .pics a:hover img{transform:scale(1.1)}
.quality .middle{background:#f4f6f8}
.quality .middle>div{padding:1.1rem 0 1.12rem;display:flex;justify-content: space-between;align-items: center;}
.quality .middle .img{width:48%}    
.quality .middle .text{width:46.5%}
.quality .middle .text h1{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold";margin:0 0 .4rem;width:60%}
.quality .middle .text p{font-size:.16rem;color:#515a5e;line-height:.25rem}
.quality .bot>div{padding:0 0 2.48rem}
.quality .bot .title{display:flex;padding:1.15rem 0 .85rem;justify-content: space-between;}
.quality .bot .title h2{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold";margin:0 0 .4rem;width:30%}
.quality .bot .title .info{width:58.5%}
.quality .bot .title .info  p{font-size:.16rem;color:#515a5e;line-height:.25rem}
.quality .bot  .pics h2{text-align:center;margin:.25rem 0 0;font-size:.16rem;color:#515a5e;}
.quality .bot  .pics a{overflow:hidden}
.quality .bot  .pics a:hover img{transform:scale(1.1)}
.knowleadge{background:#f4f6f8}
.knowleadge>div{display:flex;justify-content: space-between;padding:.75rem 0 0}
.knowleadge>div .left_nav{width:21%;}
.knowleadge>div .left_nav ul{box-shadow:0 0 20px rgba(0,0,0,0.15);padding:.18rem   .3rem 0 ;border-radius:10px 10px 0 0;position:relative;background:#ffffff}
.knowleadge>div .left_nav ul:after{content:"";position:absolute;background:#b6423f;width:100%;height:11px;top:0;left:0;border-radius:10px 10px 0 0}
.knowleadge>div .left_nav ul li a{font-size:.16rem;color:#929292;font-family:"Roboto-Bold";padding:.14rem  0 ;border-bottom:2px  solid #f3f3f3}
.knowleadge>div .left_nav ul li a:hover{color:#b6423f}
.knowleadge>div .right{width:67%;padding:0 0 1.4rem}
.knowleadge>div .right .items{margin:0 0 .95rem}
.knowleadge>div .right .items h1{font-size:.4rem;color:#333333;font-family:"Roboto-Bold";margin:0 0 .4rem}
.knowleadge>div .right .items .info{background:white;box-shadow:0 0 20px rgba(0,0,0,0.15)}
.knowleadge>div .right .items .info a{padding:.32rem .45rem;font-size:.18rem;color:#494d4d;font-family:"Roboto-Bold"}
.knowleadge>div .right .items .info a .tit{position:relative}
.knowleadge>div .right .items .info.opens a .tit:after{position:absolute;content:"\f068";font:normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);font-size:.18rem;transition:.3s;color:#b6423f}

.knowleadge>div .right .items .info a .tit:after{position:absolute;content:"\f067";font:normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);font-size:.18rem;transition:.3s;color:#666969}
.knowleadge>div .right .items .content {padding:.1rem .45rem .7rem;transition:none;display:none}
.knowleadge>div .right .items .content .infos p{font-size:.16rem;color:#626565;line-height:.25rem}
.news_list{background:#f4f6f8;padding:0 0 2.4rem}
.news_list>div .lists{display:flex;flex-wrap: wrap;justify-content: space-between;padding:.75rem 0 0 }
.news_list>div .lists:after{content:"";width:32.3%}
.news_list .lists .items{width:32.3%;margin:0 0 .38rem}
.news_list .lists .items a{background:white;}
.news_list .lists .items a .img{position:relative}
.news_list .lists .items a .img .time{position:absolute;width:100%;left:0;height:.42rem;bottom:0;line-height:.42rem;background:rgba(0,0,0,.3);text-align:left;padding: 0 .38rem}
.news_list .lists .items a .img .time span{font-size:.14rem;color:#ffffff;padding-left:.3rem;position:relative}
.news_list .lists .items a .img .time span:after{content:"";position:absolute;background:url(/public/common/images/time.png)no-repeat;width:.16rem;height:.16rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.news_list .lists .items a .text{padding:.4rem .38rem 1.1rem;position:relative}
.news_list .lists .items a .text h1{font-size:.18rem;color:#3c4044;font-weight:bold;line-height:.22rem;height:.44rem}
.news_list .lists .items a .text em{position:absolute;right:.45rem;font-size:.14rem;color:#b6423f;font-weight:bold;bottom:.35rem}
.news_list .lists .items a:hover img{transform:scale(1.1)}
.news_list .page{margin:.32rem 0;display:flex;align-items: center;justify-content: center;}
.news_list .page a{width:.36rem;height:.36rem;background:white;text-align:center;margin:0 .04rem;line-height:.36rem;border:2px solid #dbdcdd;color:#9f9f9f;font-size:.16rem;border-radius:5px}
.news_list .page a.page-num-current{background:#b6423f;border:2px solid #b6423f;color:white}
.news_list .page a:hover{background:#b6423f;border:2px solid #b6423f;color:white}
.contact_box .top{padding:0 0 .9rem}
.contact_box .top .title{padding:1.12rem 0 1rem}
.contact_box .top .title {text-align:center;text-align:center}
.contact_box .top .title  h1{font-size:.4rem;color:#333333;font-family:"Roboto-Bold";;width:55%;display:inline-block}
.contact_box .top ul{display:flex;justify-content: space-evenly;padding:0 0 1rem}
.contact_box .top ul li{width:21%;box-shadow:0 0 20px  rgba(0,0,0,0.1);text-align:center;padding:.7rem .2rem;height:2rem;position:relative;}
.contact_box .top ul li h1{font-size:.16rem;color:#515a5e;font-family:"Roboto-Bold";margin:0 0 .15rem}
.contact_box .top ul li p{font-size:.14rem;color:#515a5e;line-height:.22rem}
.contact_box .top ul li:after{position:absolute;content:"";width:.86rem;height:.85rem;background:url(/public/common/images/icon1.png)no-repeat;;left:50%;transform:translateX(-50%);top:-.43rem;background-size:100%;transition:.3s}
.contact_box .top ul li:hover:after{width:.86rem;height:.85rem;background:url(/public/common/images/icon2.png)no-repeat;transition:.3s;background-size:100%}
.contact_box .top .email{display:flex;border-top:2px solid #f3f3f3;border-bottom:2px solid #f3f3f3;}
.contact_box .top .email>div{width:50%;height:3.1rem;display:flex;flex-direction: column;justify-content: center;}
.contact_box .top .email .left{border-right:2px solid #f3f3f3;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.contact_box .top .email .left h2{font-size:.4rem;color:#52565e;font-family:"Roboto-Bold"}
.contact_box .top .email .info{padding:0 .3rem 0 1rem}
.contact_box .top .email .info p{font-size:.16rem;color:#515a5e;font-weight:bold;margin:0 0 .15rem}
.contact_box .message{display:flex;align-items: center;background:#f4f6f8}
.contact_box .message .img{width:46.1%}
.contact_box .message .right{width:53.9%;padding-right:3rem;padding-left:.9rem}
.contact_box .message  .title{padding:0 0 .55rem}
.contact_box .message  .title h1{font-size:.4rem;color:#515a5e;font-family:"Roboto-Bold";margin:0 0 .05rem}
.contact_box .message  .title p{font-size:.14rem;color:#515a5e;line-height:.22rem}
.contact_box .message  .form{}
.contact_box .message  .form  .input{margin:0 0 .48rem}
.contact_box .message  .form input{width:100%;font-size:.16rem;color:#666666;border:0;border-bottom:1px solid #dcdcdc;height:.54rem;line-height:.54rem;background:#f4f6f8}
.contact_box .message  .form .button{display:inline-block;margin:.52rem 0 0}
.contact_box .message  .form .button input{height:.48rem;line-height:.48rem;border:0;border-radius:50px;padding:0 .05rem;font-size:.16rem;color:white;background:#b6423f}
.tem_banner   .label_text {position:absolute;width:50%;left:50%;transform:translateX(-50%);top:51%;z-index:2;text-align:center}
.tem_banner   .label_text  h1{font-size:.52rem;color:white;font-family:"Roboto-Bold";margin:0 0 .2rem}
.tem_banner   .label_text  p{font-size:.16rem;color:#d7d7d7}
.tem_banner   .label_text a{margin:.7rem  0 0;display:inline-block;width:1.5rem;height:.49rem;line-height:.49rem;background:#b6423f;border-radius:50px;text-align:center;font-size:.16rem;color:white;font-weight:bold}

.index_product .top{text-align:center;background:url(/public/common/images/icon3.jpg)  0 0 no-repeat;background-size:cover;font-size:0}
.index_product .top>div{padding:0 0 1.03rem;text-align:center}
.index_product .top .title{padding:.9rem 0  .85rem  }
.index_product .top .title h1{font-size:.36rem;color:#2f2f2f;font-family:"Roboto-Bold";margin:0 0 .1rem}
.index_product .top .title p{font-size:.16rem;color:#2f2f2f}
.index_product .top .title  a{margin:.4rem 0 0;display:inline-block;height:.45rem;line-height:.45rem;border:1px solid #7b7b7b;width:1.76rem;text-align:center;border-radius:50px;font-size:.16rem;color:#2a2a2a;padding-right:.23rem;position:relative}
.index_product .top .title  a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:.26rem;top:50%;transform:translateY(-50%);font-size:.18rem;transition:.3s;color:#2a2a2a;}
.index_product .top .title  a:hover{background:#b6423f;border:1px solid #b6423f;color:white;transition:.3s}
.index_product .top .title  a:hover:after{color:white;transition:.3s;right:.2rem}
.index_product .top  .img{width:52.5%;display:inline-block}
.index_product ul{display:flex;padding:.35rem 0 ;justify-content: space-between;}
.index_product ul li{width:49.2%;text-align:center;font-size:0}
.index_product ul li:first-child{background:url(/public/common/images/icon4.jpg)  0 0 no-repeat;background-size:cover}
.index_product ul li:first-child .title{padding:1.28rem 0  .75rem  }
.index_product ul li:last-child{background:url(/public/common/images/icon5.jpg)  0 0 no-repeat;background-size:cover;padding:0 0 .68rem}
.index_product ul li .title{padding:1.28rem 0  .35rem  }
.index_product ul li .title h1{font-size:.36rem;color:#2f2f2f;font-family:"Roboto-Bold";margin:0 0 .1rem}
.index_product ul li .title p{font-size:.16rem;color:#2f2f2f}
.index_product ul li .title  a{margin:.4rem 0 0;display:inline-block;height:.45rem;line-height:.45rem;border:1px solid #7b7b7b;width:1.76rem;text-align:center;border-radius:50px;font-size:.16rem;color:#2a2a2a;padding-right:.23rem;position:relative}
.index_product ul li .title  a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:.26rem;top:50%;transform:translateY(-50%);font-size:.18rem;transition:.3s;color:#2a2a2a;}
.index_product ul li .title  a:hover{background:#b6423f;border:1px solid #b6423f;color:white;transition:.3s}
.index_product ul li .title  a:hover:after{color:white;transition:.3s;right:.2rem}
.index_product ul li  .img{width:43%;display:inline-block;}
.index_serve{background:#222222;padding:0 0 1.18rem}
.index_serve .title{padding:1rem 0 .6rem ;text-align:center}
.index_serve .title h1{font-size:.48rem;color:white;font-family:"Roboto-Bold"}
.index_serve  ul{display:flex;justify-content: space-between;}
.index_serve  ul li{width:32%;}
.index_serve  ul li a{background:white;border-radius:10px;padding:.4rem .22rem .38rem}
.index_serve  ul li a h1{font-size:.3rem;color:#b6423f;font-weight:bold;margin:0 0 .25rem}
.index_serve  ul li a p{line-height:.22rem;height:.88rem;overflow:hidden;font-size:.16rem;color:#383737}
.index_serve  ul li a em{display:inline-block;font-size:.16rem;color:#b6423f;font-family:"Roboto-Bold";margin:.2rem -0 0}
.index_serve  ul li a:hover{background:#b6423f}
.index_serve  ul li a:hover h1{color:white}
.index_serve  ul li a:hover p{color:white}
.index_serve  ul li a:hover em{color:white}
.index_pro  *{transition:ease }
.index_pro .lists{position:relative}
.index_pro .lists .slide-pagination{position:absolute;bottom:10.5%;z-index:2;right:36.8%}
.index_pro .lists .slide-pagination span{width:.22rem;height:4px;border-radius:50px;margin:0 .06rem;opacity:1;background:white}
.index_pro .lists .slide-pagination span.swiper-pagination-bullet-active{background:#b6423f}
.index_pro  .swiper-slide .items{display:block;position:relative;overflow:hidden;}
.index_pro  .swiper-slide  {background:#000;min-height:2.5rem;text-align:center;overflow:hidden;font-size:0}
.index_pro  .lists .items .text{position:absolute;left:50%;transform:translateX(-50%);top:20%;width:100%;text-align:center}
.index_pro  .lists .items .text h1{font-size:.52rem;color:white;font-family:"Roboto-Bold";margin:0 0 .4rem;text-shadow:1px 1px 4px #494949;transform:translateY(100px);text-shadow:1px 1px 4px #494949;opacity:0;transition: 1s}
.index_pro  .lists .swiper-slide-active .items .text h1{transition: 1s;transition-delay:.4s;transform:none;opacity:1;}
.index_pro  .lists .items .text  p{font-size:.2rem;color:white;width:45%;display:inline-block;line-height:.32rem;text-shadow:1px 1px 4px #494949;transform:translateY(100px);text-shadow:1px 1px 4px #494949;opacity:0;transition: 1s}
.index_pro  .lists .swiper-slide-active .items .text p{transition: 1s;transition-delay:.6s;transform:none;opacity:1;}
.index_pro  .lists .items  .more{position:absolute;bottom:26.9%;;right:28.5%}
.index_pro  .lists .items  .more a{font-size:.2rem;color:white;height:.66rem;line-height:.66rem;width:2.48rem;background:#b6423f;border-radius:50px;;box-shadow:0 0 12px rgba(0,0,0,0.2);transform:translateY(100px);text-shadow:1px 1px 4px #494949;opacity:0;transition: 1s}
.index_pro  .lists .swiper-slide-active .items  .more a{transition: 1s;transition-delay:.8s;transform:none;opacity:1;}
.index_system {background:#f4f6f8;padding:0 0 1.08rem}

.index_system .top{display:flex;padding:.9rem  0 .45rem;justify-content: space-between;align-items: flex-end;}
.index_system .top .title h1{font-size:.48rem;color:#52565e;font-family:"Roboto-Bold";margin:0 0 .1rem}
.index_system .top .title p{font-size:.24rem;color:#52565e}

.index_system .top a{font-size:.16rem;color:white;height:.48rem;line-height:.48rem;width:1.6rem;background:#b6423f;border-radius:50px;;font-family:"Roboto-Bold";text-align:center}
.index_system ul{display:flex;justify-content: space-between;}
.index_system ul li{width:32.1%;position:relative;overflow:hidden}
.index_system ul li:after{content:"";position:absolute;width:100%;height:.55rem;line-height:.55rem;bottom:0;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.37);transition:.6s}
.index_system ul li .text{position:absolute;left:50%;transform:translateX(-50%);width:100%;;bottom:-1rem;text-align:center;z-index:2;transition:.5s}
.index_system ul li .text h1{font-size:.18rem;color:white;font-family:"Roboto-Bold";margin:0 0 .2rem}
.index_system ul li .text p{font-size:.16rem;color:white;;font-family:"Roboto-Light-10";opacity:1;line-height:.24rem;height:.96rem;overflow:hidden}
.index_system ul li:hover:after{height:100%;transition:.5s}
.index_system ul li:hover .text{bottom:28%;;transition:.5s}
.index_system ul li:hover img{transform:scale(1.1)}
.index_complete{padding:0  0  .8rem}
.index_complete .title{text-align:center;padding:.85rem 0 1rem}
.index_complete .title h1{font-size:.48rem;color:#52565e;font-family:"Roboto-Bold"}
.index_complete .lists .items{padding:0 .44rem;text-align:center}
.index_complete .lists .items p{margin:.3rem 0 0;font-size:.16rem;color:#444444;font-family:"Roboto-Light-10";line-height:.21rem;height:.63rem}
.index_complete .lists .slide-pagination{text-align:center;margin:.7rem 0 0}
.index_complete .lists .slide-pagination span{width:.11rem;height:.11rem;opacity:1;background:#b5b5b5;margin:0 .08rem;}
.index_complete .lists .slide-pagination span.swiper-pagination-bullet-active{width:.44rem;border-radius:50px;background:#b6423f}
.index_about{background:#f4f4f4;}
.index_about>div{padding:1.3rem  0 1.25rem}
.index_about>div{display:flex;justify-content: space-between;}
.index_about .left{width:46%}
.index_about .left h2{font-size:.52rem;color:#565961;font-family:"Roboto-Bold";margin:0 0 .3rem}
.index_about .left p{font-size:.16rem;color:#656565;line-height:.25rem  }
.index_about .left a{margin:.75rem 0 0;font-size:.16rem;color:white;height:.48rem;line-height:.48rem;width:2.5rem;background:#b6423f;border-radius:50px;;font-family:"Roboto-Bold";text-align:center}
.index_about .img{width:49.5%}
.index_news{padding:0  0  1.15rem}
.index_news .title{text-align:center;padding:.85rem 0 .45rem}
.index_news .title h1{font-size:.48rem;color:#52565e;font-family:"Roboto-Bold"}
.index_news .lists  .items a{background:#f5f5f5;border-radius:20px 20px 0 0 }
.index_news .lists  .items a .text{padding:.35rem .28rem .4rem;}
.index_news .lists  .items a .img img{;border-radius:20px 10px 0 0 }
.index_news .lists  .items a .text h1{font-size:.2rem;color:#252525;font-weight:bold;word-break:break-word;;line-height:.23rem;height:.46rem}
.index_news .lists  .items a .text em{font-size:.16rem;color:#252525;font-weight:bold;display:inline-block;margin:.6rem 0 0}
.index_news .lists  .items a:hover img{transform:scale(1.1)}
.index_news .lists .jindu {display:flex;justify-content: center;margin:.48rem 0 0}
.index_news .lists .jindu .swiper-scrollbar{width:4rem;background:#bdbcbc;height:3px;}
.index_news .lists .jindu .swiper-scrollbar .swiper-scrollbar-drag{background:#b6423f}
.index_news .lists .swiper-page{position:absolute;display:flex;right:0;bottom:-.28rem}
.index_news .lists .swiper-page>div{width:.52rem;height:.52rem; background:#e5e5e5;border-radius:100%;line-height:.52rem;text-align:center;color:#303030;font-size:.3rem;margin-left:.3rem}
.index_news .lists .swiper-page>div:hover{background:#b6423f}
.index_news .lists .swiper-page>div:hover i{color:white}
.index_clients{background:#f4f6f8;padding:0 0 1.15rem}
.index_clients .title{text-align:center;padding:.9rem 0 .65rem}
.index_clients .title h1{font-size:.52rem;color:#565961;font-family:"Roboto-Bold";margin:0 0 .2rem}
.index_clients .title p{font-size:.24rem;color:#565961}
.index_clients .lists {position:relative}
.index_clients .lists .items .text{text-align:center}
.index_clients .lists  .items .text h1{font-size:.18rem;color:#252525;font-family:"Roboto-Bold";margin:.3rem 0 .2rem }
.index_clients .lists  .items .text p{font-size:.16rem;color:#4c4c4c;width:38%;display:inline-block}
.index_clients .lists  .swiper-page>div{position:absolute;width:.44rem;height:.44rem;;line-height:.44rem;text-align:center;font-size:.24rem;color:rgba(255,255,255,.5);outline:none;z-index:2;top:25%;left:0;background:rgba(182,62,63,.5)}
.index_clients .lists  .swiper-page>div.slide-button-next {left:auto;right:0}
.index_clients .lists  .swiper-page>div:hover{background:#b6423f;color:white}
/********<=767 mobwile nav stylfe css********/
    
/********<=767 mobile nav style css********/    
.fl-page{position:relative;top:-1.5rem;}

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

/******ipad****/
@media(max-width:1600px){
    .footer #back_top{right:.1rem;top:40%}
    .contact_box .message .right{width:53.9%;padding-right:1rem;padding-left:.9rem;}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner .label_text{width:100%;top:50%}
    .tem_banner .label_text h1{font-size:.4rem}
    .tem_banner .label_text p{font-size:.14rem;display:none}
    .tem_banner .label_text a{margin:.2rem 0 0}
    .index_product .top .title a{width:2.5rem}
    .index_product ul{display:inherit}
    .index_product ul li .title a{width:2.5rem}
    .index_product ul li{width:100%}
    .index_product ul li:first-child{padding:0 0 .68rem}
    .index_pro .lists .items .text h1{font-size:.3rem}
    .index_pro .lists .items .text p{width:100%}
    .index_pro .lists .items .more {right:.1rem;bottom:.1rem}
    .index_serve ul{display:inherit}
    .index_serve ul li{width:100%;margin:0 0 .1rem}
    .index_system ul{display:inherit}
    .index_system ul li{width:100%;margin:0 0 .1rem}
    .index_system .top{display:inherit}
    .index_system .top a{margin:.2rem 0 0}
    .index_complete .lists .items p{height:auto}
    .index_complete .lists .items{padding:0}
.index_complete .lists .items .img img{width:50%}
.index_about>div{display:inherit}
.index_about .left{width:100%}
.index_about .img{width:100%;margin:.2rem 0 0}
.index_clients .lists .items .text p{width:100%}
.footer .top .search form{width:80%;margin:0 0 .3rem}
.footer .top .search button{width:1rem}
.footer .navs{display:none}
.footer .bot{display:inherit}
.footer .bot ul{width:60%}
.tem_banner .txt p{display:none}
.product_lists .top h2{padding:0}
.product_lists .top .infos{display:inherit}
.product_lists .top .infos .img{width:100%}
.product_lists .top .infos .text{width:100%;margin:.2rem 0 0}
.product_lists .lists .items{width:48%}
.product_lists .partner ul li{width:30%}
.product .mbx>div{display:flex;flex-wrap: wrap;;height:auto;line-height:normal}
.product .top>div{display:inherit}
.product .top .right{width:100%}
.product .top .left{width:100%}
.product .top .right .more{position:inherit;bottom:0;margin:.2rem  0}
.service_list .lists>div .items{display:inherit}
.service_list .lists>div .items .text{width:100%}
.service_list .lists>div .items .img{width:100%}
.quality .top .title{padding:0 0.8rem .7rem;text-align:center}
.quality .middle>div{display:inherit}
.quality .middle .img{width:100%}
.quality .middle .text{width:100%;margin:.2rem 0 0}
.quality .bot .title{display:inherit}
.quality .bot .title h2{width:100%}
.quality .bot .title .info{width:100%}
.about  .about_story .lists .thumbs .text a{width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;font-size:.16rem;color:#515a5e;font-weight:bold;background:#edf0f6;border-radius:100%;position:relative;z-index:2;display:inline-block} 
.about  .about_story .lists .thumbs .text a:after{content:"";position:absolute;width:.8rem;height:.8rem;background:white;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
.about .about_story .lists .gallery{padding:0}
.about .about_story .lists .gallery .text{display:inherit}
.about .about_story .lists .gallery .text .img{width:100%}
.about .about_story .lists .gallery .text .txt{width:100%;margin:.2rem 0 0}
.about .about_story .lists .gallery .text em{color:#b6423f;font-size:.3rem}
.knowleadge>div{display:inherit}
.knowleadge>div .left_nav{width:100%}
.knowleadge>div .right{width:100%;margin:.2rem 0 0 }
.news_list .lists .items{width:48%}
.contact_box .top .title h1{width:100%}
.contact_box .top ul li{height:auto;width:50%;margin:0 0 .5rem}
.contact_box .top ul{display:flex;flex-wrap: wrap;}
.contact_box .top .email{display:inherit}
.contact_box .top .email>div{width:100%}
.contact_box .top .email .left{border-bottom:2px solid #f3f3f3;;border-right:0}
.contact_box .top .email .info{padding:0 .2rem}
.contact_box .message .right{padding:.3rem;width:100%;text-align:center}
.contact_box .message .img{display:none}


}