@charset "utf-8";
/*header*/
.header{width: 100%;height: 0.8rem;;overflow: hidden;background: #333333;position: relative;z-index: 0;}
.header .btn-back{padding: 0.2rem 0.2rem;position:absolute;left:0;top:0;display: block;color: #fff;font-size: 0.36rem;}
.header .btn-nav{padding: 0.15rem 0.2rem;position:absolute;right:0;top:0;display: block;color: #fff;font-size: 0.45rem;}
.header h1{line-height: 0.8rem;text-align: center;font-size: 0.3rem;color: #fff;font-family: "HelveticaInserat-Roman-SemiB";}

/*product*/
.product{height: auto;overflow: hidden;padding:0.25rem 0.2rem;position: relative;}
.product ul{height: auto;overflow: hidden;}
.product ul li{width: 2.9rem;height: auto;overflow: hidden;float: left;margin-right: 0.2rem;}
.product ul li:nth-child(2n){margin-right: 0;}
.product ul li img{width: 100%;display: block;}
.product ul li p{text-align: center;margin: 0.2rem 0;color: #6f6f6f;}

/*product-xq*/
.product-xq{height: auto;overflow: hidden;position: relative;}
.product-xq h1{padding-bottom: 0.2rem;margin-bottom: 0.2rem;border-bottom: 1px solid #e2e2e2;font-size: 0.3rem;color: #000;font-family: "HelveticaInserat-Roman-SemiB";}
.product-xq h1 a{color:#000}

.product-xq .banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.product-xq .banner .swiper-slide{width: 100%;height: auto;overflow: hidden;}
.product-xq .banner .swiper-slide img{width: 100%;height: 100%;display: block;}
.product-xq .banner .swiper-pagination-fraction{width: 0.6rem;height: 0.6rem;line-height: 0.6rem;color: #fff;font-size: 0.2rem;background:rgba(0,0,0,.34);border-radius: 100%;left: auto;right: 0.2rem !important;}

.product-xq .title-box{height: auto;overflow: hidden;;}
.product-xq .title-box h1{font-size: 0.34rem}
.product-xq .title-box p{line-height: 0.38rem;}

.product-xq .appearance{height: auto;overflow: hidden;position: relative;}
.product-xq .appearance ul li{width: 1.3rem;height: auto;overflow: hidden;float: left;margin-right: 0.265rem;}
.product-xq .appearance ul li:last-child{margin-right: 0;}
.product-xq .appearance ul li img{width: 1.3rem;height: 1.3rem;display: block;border-radius: 100%;}
.product-xq .appearance ul li p{text-align: center;margin: 0.2rem 0;color:#5e5e5e}
.product-xq .appearance .swiper-slide{padding: 0.1rem 0 0.2rem;}
.product-xq .appearance .swiper-pagination span{background:#888686; width: 0.53rem;height:0.07rem;border-radius: 0;}/*分页符未选中样式*/
.product-xq .appearance .swiper-pagination .swiper-pagination-bullet-active{background:#de0010;  }/*分页符选中样式*/

.product-xq .detail{height: auto;overflow: hidden;position: relative;}
.product-xq .detail .tabs{height: auto;overflow: hidden;padding-bottom: 0.2rem;margin-bottom: 0.2rem;border-bottom: 1px solid #e2e2e2;}
.product-xq .detail .tabs a{width: 33.3333%;display: block;float: left;text-align: center;font-size: 0.3rem;color: #000;font-family: "HelveticaInserat-Roman-SemiB";}
.product-xq .detail .tabs a.active{color: #de0010;}
.product-xq .detail .tabs-container p{margin-bottom: 0.1rem;line-height: 0.38rem;} 
.product-xq .detail .tabs-container ul{height: auto;overflow: hidden;}
.product-xq .detail .tabs-container ul li{width: 2.85rem;height: auto;overflow: hidden;float: left;margin-right: 0.29rem;}
.product-xq .detail .tabs-container ul li:last-child{margin-right: 0;}
.product-xq .detail .tabs-container ul li img{width: 100%;display: block;}

.product-xq .like{height: auto;overflow: hidden;position: relative;}
.product-xq .like ul{height: auto;overflow: hidden;margin-top: 0.3rem;}
.product-xq .like ul li{width: 2.9rem;height: auto;overflow: hidden;float: left;margin-right: 0.2rem;}
.product-xq .like ul li:nth-child(2n){margin-right: 0;}
.product-xq .like ul li img{width: 100%;display: block;}
.product-xq .like ul li p{text-align: center;margin: 0.2rem 0;color: #6f6f6f;}

.contact-box{height: auto;overflow: hidden;position: relative;padding-bottom: 0.3rem;}
.contact-box input{height: 0.6rem;display: block;width: 93.5%;padding:0 3%;border: 1px solid #ebebeb;margin-bottom: 0.2rem;background: #f2f2f2;font-size: 0.26rem}
.contact-box textarea{height: 1.5rem;width: 95.5%;padding:2% 2%;background: #f2f2f2;border: 1px solid #ebebeb;}
.contact-box .btn-submit{width: 100%;height: 0.65rem;line-height: 0.65rem;background: #de0010;border-radius: 5px;margin-top: 0.2rem;color: #fff;font-size: 0.26rem}

/*about*/
.about p{line-height: 0.35rem;color: #666;margin-bottom: 0.1rem;}
.about p img{max-width: 100%;}


/*business*/
.business ul{height: auto;overflow: hidden;padding-top: 0.2rem;}
.business ul li{height: auto;overflow: hidden;border-bottom: 1px solid #f1f1f1;padding:0.07rem 0.2rem 0.2rem 0.2rem;margin-bottom: 0.2rem;}
.business ul li:last-child{margin-bottom: 0;}
.business ul li .text-box{width: 3.05rem;margin-right: 0.25rem;float: left;}
.business ul li .text-box h2{font-size: 0.26rem;color: #000;margin-bottom: 0.15rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.business ul li .text-box p{color: #6f6f6f;line-height: 0.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.business ul li .img-box{height: auto;overflow: hidden;}
.business ul li .img-box img{width: 100%;}

/*advantage*/
.advantage ul{height: auto;overflow: hidden;padding-top: 0.2rem;}
.advantage ul li{height: auto;overflow: hidden;border-bottom: 1px solid #f1f1f1;padding:0.07rem 0.2rem 0.2rem 0.2rem;margin-bottom: 0.2rem;}
.advantage ul li:last-child{margin-bottom: 0;}
.advantage ul li h2{font-size: 0.26rem;color: #000;margin-bottom: 0.25rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.advantage ul li  p{color: #6f6f6f;line-height: 0.3rem;margin-bottom:0.2rem}


/*culture*/
.culture h2{font-size: 0.27rem;color: #000;padding-bottom: 0.2rem;margin-bottom: 0.2rem;border-bottom: 1px solid #e2e2e2;}
.culture h2 span{width: 0.48rem;height: 0.48rem;line-height: 0.5rem;text-align: center;background: #de0010;border-radius:100%;display: inline-block;margin-right: 0.2rem;position: relative;top:0.03rem}
.culture h2 span i{font-size: 0.38rem;color: #fff;}
.culture p{line-height: 0.35rem;color: #666;margin-bottom: 0.1rem;}

/*news*/
.news ul{height: auto;overflow: hidden;padding-top: 0.2rem;}
.news ul li{height: auto;overflow: hidden;border-bottom: 1px solid #f1f1f1;padding:0.07rem 0.2rem 0.2rem 0.2rem;margin-bottom: 0.2rem;}
.news ul li:last-child{margin-bottom: 0;}
.news ul li .text-box{height: auto;overflow: hidden;}
.news ul li .text-box h2{font-size: 0.26rem;color: #000;margin-bottom: 0.15rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.news ul li .text-box p{color: #6f6f6f;line-height: 0.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.news ul li .img-box{width: 2.08rem;height: 1.25rem;overflow: hidden;float: left;margin-right: 0.25rem;}
.news ul li .img-box img{width: 100%;}
.news .get_more{text-align:center;color:#999;font-size:0.24rem;padding: 0.2rem 0;}

/*news*/
.news-xq h2{font-size: 0.3rem;color: #000;}
.news-xq span{font-size: 0.22rem;color: #6f6f6f;margin: 0.2rem 0;padding-bottom: 0.2rem;border-bottom: 1px solid #e2e2e2;display: block;}
.news-xq p{line-height: 0.35rem;color: #666;margin-bottom: 0.1rem;}
.news-xq p img{max-width: 100%;}

/*contact*/
.contact .map{width: 100%;height: 3.5rem;overflow: hidden;}
.contact p{padding: 0.15rem 0;border-bottom: 1px solid #e2e2e2;font-size: 0.26rem;position: relative;}
.contact p a{color: #666;}
.contact p i{font-size: 0.46rem;vertical-align: -0.07rem;margin-right: 0.1rem;}
.contact p span{position: absolute;right:0;font-size: 0.24rem;top:0.2rem;color: #999;}
.contact p:last-child{border-bottom: 0;padding-bottom: 0;}


/*appearance*/
.appearance form{height: auto;overflow: hidden;background: #f0f2f5;position: relative;padding: 0.3rem 0.2rem 0.3rem;}
.appearance form input{width: 83%;padding:0 3%;height: 0.55rem;border: 0;margin: 0;}
.appearance form a{color: #fff;font-size: 0.46rem;width: 10%;height: 0.55rem;line-height: 0.55rem;display:block;text-align: center;background: #df0e1d;position: absolute;top:0.3rem;right: 0.2rem;}
.appearance .tabs {height: auto;overflow: hidden;border-bottom: 1px solid #ddd;padding: 0 0.2rem;}
.appearance .tabs .swiper-slide {width: auto;height:0.8rem;line-height: 0.8rem;font-size: 0.27rem;text-align: center;margin-right: 0.4rem;}
.appearance .tabs .swiper-slide:last-child{margin-right: 0}
.appearance .tabs .swiper-slide a{color: #666}
.appearance .tabs .swiper-slide.active {border-bottom: 0.04rem solid #e03e25}
.appearance .tabs .swiper-slide.active a{color: #e03e25;display: block;width: 100%;height: 100%;}
.appearance ul{height: auto;overflow: hidden;padding: 0.2rem;}
.appearance ul li{width: 1.35rem;float: left;margin-right: 0.2rem;text-align: center;margin-bottom: 0.1rem;}
.appearance ul li img{width: 1.35rem;height: 1.35rem;}
.appearance ul li:nth-child(4n){margin-right: 0;}
.appearance ul li p{color: #5e5e5e;padding: 0.01rem 0;}
.appearance .get_more{text-align:center;color:#999;font-size:0.24rem;padding-bottom: 0.2rem;}

/*appearance-xq*/
.appearance-xq h1{padding-bottom: 0.2rem;margin-bottom: 0.2rem;border-bottom: 1px solid #e2e2e2;font-size: 0.3rem;color: #000;font-family: "HelveticaInserat-Roman-SemiB";}
.appearance-xq h1 a{color:#000}
.appearance-xq .banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.appearance-xq .banner .swiper-slide{width: 6.4rem;height: auto;overflow: hidden;}
.appearance-xq .banner .swiper-slide h1{padding: 0.2rem;border-bottom: 0;font-size: 0.34rem;margin-bottom: 0;}
.appearance-xq .banner .swiper-slide img{width: 6.4rem;height: 6.4rem;display: block;}
.appearance-xq .tabs {height: auto;overflow: hidden;border-bottom: 1px solid #ddd;padding: 0 0.2rem 0.3rem;}
.appearance-xq .tabs .swiper-slide {width: 1.3rem;height:auto;text-align: center;margin-right: 0.2rem;}
.appearance-xq .tabs .swiper-slide p{font-size: 0.22rem;padding: 0.1rem 0;}
.appearance-xq .tabs .swiper-slide img{width: 1.3rem;height: 1.3rem;display: block;}
.appearance-xq .tabs .swiper-slide:last-child{margin-right: 0}
.appearance-xq .tabs .swiper-slide.active {background: #de0010;color: #fff;}

.appearance-xq .case{height: auto;overflow: hidden;position: relative;}
.appearance-xq .case ul{height: auto;overflow: hidden;margin-top: 0.3rem;}
.appearance-xq .case ul li{width: 2.9rem;height: auto;overflow: hidden;float: left;margin-right: 0.2rem;}
.appearance-xq .case ul li:nth-child(2n){margin-right: 0;}
.appearance-xq .case ul li img{width: 100%;display: block;}
.appearance-xq .case ul li p{text-align: center;margin: 0.2rem 0;color: #6f6f6f;}

.appearance-xq .related ul{height: auto;overflow: hidden;}
.appearance-xq .related ul li{width: 1.35rem;float: left;margin-right: 0.2rem;text-align: center;margin-bottom: 0.1rem;}
.appearance-xq .related ul li img{width: 1.35rem;height: 1.35rem;}
.appearance-xq .related ul li:nth-child(4n){margin-right: 0;}
.appearance-xq .related ul li p{color: #5e5e5e;padding: 0.01rem 0;}


/*page404*/
.page404{text-align: center;}
.page404 img{width: 100%;}
.page404 p{font-size: 0.26rem;margin: 0.2rem 0;}
.page404 p a{color: #de0010;}

/*result*/
.contact-result{text-align: center;margin-top: 8%;}
.contact-result img{margin-bottom: 20px;}
.contact-result h2{font-size: 0.26rem;margin-bottom: 10px;}
.contact-result p{font-size: 0.26rem;margin: 0.2rem 0 0.3rem;}
.contact-result p a{color: #de0010;display: inline-block;}
/*图片查看器*/
.img-view-xq{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,1);z-index: 9999;
    align-items:center;-webkit-animation-duration:0.5s;-webkit-animation-fill-mode:both;padding-bottom: 0;}
.img-view-xq.photo-browser-in{animation: 400ms ease 0s normal forwards 1 running photoBrowserIn;}
.img-view-xq.photo-browser-out {animation: 400ms ease 0s normal forwards 1 running photoBrowserOut;display: block; }
.img-view-xq img{display: block;width: 100%;max-width: 100%;max-height: 100%;vertical-align: middle}
.img-view-xq .swiper-slide {text-align: center;font-size: 18px;background: #000;  }
.img-view-xq  .swiper-slide img {width: auto;height: auto;max-width: 100%;max-height: 100%;-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
    position: absolute;left: 50%;top: 50%;  }
.img-view-xq .img-view-xq .img-view-xq-close{position: absolute;z-index: 10;right: 0.2rem;top:0;color: #fff;font-size: 30px;}
.img-view-xq .swiper-pagination-bullet{background-color: #fff;opacity: 0.3;}
.img-view-xq .swiper-pagination-bullet-active{background-color: #fff;opacity: 1;}
@keyframes photoBrowserIn {
    0% {
        opacity: 0;
        transform: translate3d(0px, 0px, 0px) scale(0.5);
    }
    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) scale(1);
    }
}
@keyframes photoBrowserOut {
    0% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate3d(0px, 0px, 0px) scale(0.5);
    }
}