@font-face
{
    font-family: montserratFont;
    src: url('../../font/Montserrat-Bold.otf')
} 
@font-face
{
    font-family: Medium;
    src: url('../../font/Montserrat-Medium.otf')
} 
@font-face
{
    font-family: SemiBold;
    src: url('../../font/Montserrat-SemiBold.otf')
} 

@media screen and (min-width:768px){

a{color: #000;}
/*p{color: #666;}*/
img{margin: 0px; padding: 0px;border: none;}
/*首页*/
.index-kv .swiper-pagination-bullet-active{
    opacity: 1;
    background: #000;
}
.index-case{background-color: #e8eaed;padding:80px 20px;}
.index-case-title p:nth-of-type(1){font-size:36px;color:#000000;text-align: center; }
.index-case-title p:nth-of-type(2){font-size:24px;color:#000000;text-align: center;line-height: 24px;padding-top: 15px;}
.index-case-box{padding-top:60px;}
.index-case-box ul li{float: left;width: 19.2%;margin-right: 1%;margin-bottom: 20px;}
.index-case-box ul li:nth-child(5n){margin-right: 0px;}
.index-case-pic{text-align: center;background-color: #fff;}
.index-case-pic>img{width: 100%;border: 0px; }
.index-case-icon{font-size: 16px;padding: 30px;color: #999999;margin-top: -5px;}
.index-case-icon img{height: 44px;}
.index-case-icon p{padding-top: 5px;}
.index-case-box ul li:hover .index-case-icon{background-color: #000;color: #fff;}
.index-case-box ul li:hover .index-case-icon p{color:#fff; }
.index-case-box ul li:nth-of-type(6){display: none;}
.index-case-box ul li:hover .index-case-pic>img{
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
}
.index-product{background-color: #f7f8fa;padding:80px 20px;}
.index-pro-box{padding-top:60px;}
.index-pro-box ul li{float: left;width: 23.5%;margin-right: 2%; 
    background-color: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: #ececec 0 0 10px 1px;
    margin-bottom: 20px;
} 
.index-pro-box ul li:nth-child(4n){
    margin-right: 0px;
}
/*.index-pro-box ul li:nth-of-type(4){display: none;}*/

.index-pro-box ul li:hover{border: solid 1px #000;}
.index-pro-pic{text-align: center;color: #000;}
.index-pro-pic img{
    width: 100%;
    max-width: 90%;
    /*height: 348px;*/
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.index-pro-text{text-align: left;}
.index-pro-text p:nth-of-type(1){font-size: 16px;
    border-bottom: solid 1px #e8eaed;
    padding: 20px 10px 20px 30px;
}
.index-pro-text p:nth-of-type(2){font-size: 14px;position: relative;
    padding: 0px 10px 0px 30px;
    height: 40px;
    line-height: 40px;
}
.index-pro-box ul li:hover img{
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
}
.index-pro-box ul li:hover .index-pro-text{background-color: #000;}
.index-pro-box ul li:hover p:nth-of-type(1){border-bottom: solid 1px #555555;color: #fff;}
.index-pro-box ul li:hover p:nth-of-type(2){color: #fff;}
.index-pro-text span{
    position: absolute;
    display: inline-block;
    width: 30px; 
    height: 40px;
    right: 5px;
    top: 0px;
    background:url("../images/index/icon2.png") 15px 10px no-repeat;
    display: none;
}   
.index-pro-box ul li:hover .index-pro-text span{border-left:solid 1px #555555;display: inline-block;}
.index-news{background-color: #e8eaed;padding:80px 20px;
background:url("../images/index/news-bg.jpg") no-repeat;
background-size:cover;
}
.index-news-box{padding-top:50px;}
.index-news-box ul li {float: left;margin-left: 25px;margin-bottom: 50px;padding:10px;}
.index-news-left{float: left;width: 95px;height: 95px;padding: 20px;background-color: #2b2b2b;position: relative;}
.index-news-right{float: right;padding-left: 20px;width: 460px;
}
.index-news-right p{
    -webkit-transition:all 0.45s ease-in-out;
    -moz-transition:all 0.45s ease-in-out;
    -o-transition:all 0.45s ease-in-out;
    -ms-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;
}
.index-news-left p:nth-of-type(1){color:#989393;padding-top:5px;}
.index-news-left p:nth-of-type(2){color:#fff;font-size: 16px;}
.index-news-left{color: #999999;font-size: 12px;}
.index-news-left span{height: 1px;border-bottom: solid 1px #6a6a6a;display: inline-block;
    width: 0px;position: absolute;
    top: 18px;
    right: 0px;
    content: "";
}
.animate{
    -webkit-transition:all 0.45s ease-in-out;
    -moz-transition:all 0.45s ease-in-out;
    -o-transition:all 0.45s ease-in-out;
    -ms-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;
}
.index-news-box ul li:hover{
    box-shadow:#c0c0c0 0 0 30px 1px;
}
.index-news-box ul li:hover .index-news-right p{
    margin-left: 10px;
}
.index-news-box ul li:hover .index-news-left span{display: block;
    width: 50px;
    right: -25px;
}
.index-news-right p{width: 420px;}
.index-news-right p:nth-of-type(1){color:#000;font-size: 14px;height: 45px;
    overflow: hidden;line-height: 20px;}
.index-news-right p:nth-of-type(2){color:#989393;padding-top:15px;
    height: 50px;overflow: hidden;}
.index-number{background-color: #2b2b2b;padding: 50px 0px;color: #fff;border-bottom: solid 1px #6a6a6a;}
.number-list dl{float: left;width: 25%;}
.number-list dt{font-size: 70px;padding-bottom: 10px;position: relative;}
.number-list dt span{font-family:montserratFont;}
.number-list dt sup{font-size: 15px;position: absolute;margin-top: 10px;}
.number-list dd{font-size: 14px;}
.min-log{padding-bottom: 20px;}
.footer-box{background-color: #2b2b2b; padding:50px 0px;}
.footer-pro{float: left;width: 35%;}
.footer-case{float: left;width: 30%;}
.footer-call{float: right;}
.footer-nav p{color: #fff;font-size: 16px;}
.footer-nav ul li {float: left;padding: 5px 0px;text-align: left; margin-right: 20px;}
.footer-nav ul li a{color: #6a6a6a;font-size: 13px;}
.footer-nav ul li a:hover{color: #fff;}
.footer-case ul li {width: ;}
.foot-line{float: left;color: #fff;width: 5%;height:38px; text-align: center;position: relative;}
.foot-line span{display: block;margin-top: 30px;border-left: solid 1px #888888;
height: 100%;
margin-left: 20px;
}
.footer-call p:nth-of-type(2){font-size: 20px;margin-top: 5px;font-family: montserratFont;}
.copyright{background-color: #000;color: #fff; }
.copyright div{padding:30px 0px;position: relative;}
.copyright p a{color: #fff;margin-left: 100px;}
.copyright .img-wrap{position:absolute;right: 0px;top:10px;}
/**end**/
.about-nav{background-color: #fff;padding: 50px;}
.about-nav-box{text-align: center;margin:0px auto;background-color: #fff;padding: 30px 0px;}
.about-nav-box ul{display: inline-block;}
.about-nav-box ul li{float: left;padding: 0px 30px;}
.about-nav-box ul li a{color:#999999;font-size: 16px;display: inline-block;
    height: 30px; line-height: 30px;font-family: montserratFont;}
.about-nav-box ul li a:hover{color:#000;border-bottom: solid 1px #000;}
.about-nav-box ul li a.active{color:#000;border-bottom: solid 1px #000;}
.about-number{
    width: 1200px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 50px;
}
.about-number dl dt{font-size: 54px;position: relative;color:#000;}
.about-number dl dt span{font-family: montserratFont;}
.about-number dl dt sup{font-size: 32px;}
.about-number dl dt sub{font-size: 12px; position:absolute;top:40px;}

.about-number dl:nth-of-type(2) sub{right: 1px;}
.about-number dl:nth-of-type(3) sub{right: 1px;}
.about-item-pic{width: 50%;font-size: 0;overflow: hidden;}
.about-item-pic img{width: 100%;margin: 0;}
.about-item-pic img:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.about-item-story{color: #fff;width: 50%;padding:50px}
.about-story{background-color: #000;}
.story-text{max-width: 600px;}
.story-text div{padding-top:20px;line-height: 22px;font-family: Medium;} 
.story-text p{font-size: 36px;colot: #fff;font-family: Medium;}
.item-text{background-color: #e8eaed;}
.about-item-text{position: relative;width: 50%;}
.about-item-text p{font-size: 22px;margin-top:25%;text-align: right;padding-right: 50px;
font-family: montserratFont;
}
.about-item-text2{position: relative;width: 50%;}
.about-item-text2 p{font-size: 22px;margin-top:25%;text-align: left;padding-left: 50px;
font-family: montserratFont;
}
.about-item-text3{position: relative;width: 50%;}
.about-item-text3 div{font-size: 22px;margin-top:25%;margin-left:25%;text-align: left;padding-left: 50px;}
.about-text p:nth-of-type(1){font-size: 22px;
font-family: montserratFont;
}
.about-text p:nth-of-type(2){font-size: 14px; padding-top: 10px;
font-family: Medium;
}
.about-pic{padding: 10px 0px;}
.about-pic img{width: 100%;}
.about-nav2{background-color: #f5f5f7;padding: 50px;}
.item-text2{background-color: #fff;}
.about-item-text4{position: relative;width: 50%;}
.about-item-text4 div{font-size: 22px;margin-top:25%;text-align: left;padding-left: 50px;}
.about-item-text5{position: relative;width: 50%;}
.about-item-text5 div{font-size: 22px;margin-top:25%;text-align: right;padding-right: 50px;}
.cert{width: 98px;}
.cert dl:nth-of-type(1)  sub{right: 12px;}
.cert-content{background-color: #000;padding: 10px;}
.cert-content img{width: 100%;}
.cert-content p{padding: 20px;color: #fff;line-height: 24px;font-family: Medium;}
.about-logo{padding-bottom: 40px;}
.about-logo-list{
    width: 1200px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.about-logo-list dl{border-left: solid 1px #727272;width: 14.28%;text-align: center;}
.about-logo-list dd{padding-top: 5px;}
.about-logo-list dl:nth-last-child(1){border-right: solid 1px #727272;}
.cert-main{padding-bottom: 50px;}
/*case*/
.case-desc{background-color: #000;color:#fff;font-size: 0;}
.case-desc-l{float: left; width: 680px; overflow: hidden;}
.case-desc-l img{width: 100%; }
.case-desc-l img:hover{transform: scale(1.2);}
.case-desc-r{float: left; padding: 50px; width: 520px;}
.case-desc-r p{font-size: 18px; margin-top: 25%;line-height: 42px;color: #fff;font-family: Medium;}
.case-shop{padding: 30px 0px;}
.case-shop img{width: 100%;}
.case-product{padding-bottom: 50px;background-color: #fff;}
.case-product-l{background-color: #fff;width: 655px;padding: 20px; float: left;height: 420px;margin-right: 5px;}
.case-product-r{background-color: #fff;width: 540px;
    float: right;height: 420px;position: relative;
    padding: 0px 120px 0px 120px;
}
.case-product-l p{font-size: 18px;width: 60px;
    border-bottom: solid 1px #000;line-height: 24px;color: #000;font-family: montserratFont;}
.case-product-l div{padding: 20px 0px;text-align: center;}
.case-product-item{ width: 295px;border: solid 1px #fff; }
.case-product-item div{width: 295px;height: 337px;overflow: hidden;display:table-cell;text-align: center; vertical-align:middle;padding-top: 20px;}
.case-product-item img{width: 90%; }
.case-product-item p{padding: 10px 0px 10px 20px;}
.case-product-item p:nth-of-type(1){font-size: 16px;padding-bottom: 10px;border-bottom: solid 1px #e8eaed;}
.case-product-item p:nth-of-type(2){text-align: left;padding-top: 10px;position: relative;}
.case-product-item p:nth-of-type(2) span{
    position: absolute;
    display:none;
    width: 9px;
    height: 15px;
    top: 10px;
    right: 10px;
    background: url("../images/index/icon2.png") no-repeat;
}
.case-product-item:hover{border: solid 1px #000;}
.case-product-item:hover p{color: #fff;background-color: #000;}
.case-product-item:hover p span{
    display: inline-block;
}
.case-product-item p a{color: #000;}
.case-arrow-left{
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    background: url("../images/case/case_btn_left.png") center no-repeat;
}
.case-arrow-left:hover{
    border: solid 1px #999999;
    background: url("../images/case/case_btn_left2.png") center no-repeat;
}
.case-arrow-right{
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -25px;
    background: url("../images/case/case_btn_right.png") center no-repeat;
}
.case-arrow-right:hover{
    border: solid 1px #999999;
    background: url("../images/case/case_btn_right2.png") center no-repeat;
}
.case-cert{background-color: #000;padding: 40px;}
.case-cert-box{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #fff;
}
.case-cert-box dl{border-right: solid 1px #727272;width: 14.28%;text-align: center;}

.case-cert-box dl:nth-of-type(1){width: 600px;text-align: left;}
.case-cert-box dl:nth-of-type(1) dt{font-size: 42px;position: relative;font-family: montserratFont;}
.case-cert-box dl:nth-of-type(1) dt sup{font-size: 22px;}
.case-cert-box dl:nth-of-type(1) dt sub{font-size: 12px;position: absolute;left: 94px;top: 32px}
.case-main{padding: 0px 0px 50px 0px;}
.case-cert-box dd{padding-top: 5px;font-family: Medium;}

/*联系我们*/
.contact-main{padding: 50px 120px;background-color: #fff;margin-top: 50px;margin-bottom: 100px;}
.contact-main p:nth-of-type(1){font-size: 22px;font-family: montserratFont;}
.contact-line{border-bottom: solid 1px #555555;width: 50px;display: inline-block;}
.contact-main p{font-size: 12px;font-family: Medium;padding: 10px 0px;}
.contact-main p:nth-of-type(2){font-size: 18px;font-family: Medium;}
/**服务**/
.service-main{background-color: #000;color: #fff;padding: 50px 0px 100px 0px;}
.service-title{font-size: 32px; font-weight: bold;text-align: center;}
.video-list{padding-top: 50px;}
.video-list .video-item{width: 50%;float: left;position: relative;font-size: 0;text-align: center;}
.video-item img{width: 100%; cursor: pointer;}
.video-item .video-play{text-align: center;position: absolute;
    top: 50%;width: 100%;margin-top: -70px;z-index: 3;}
.video-item .video-play a{display: inline-block;width: 122px;height: 122px;background: url("../images/service/play-btn.png") no-repeat;}
.video-item .video-play p{color: #fff;font-size: 32px;font-weight: bold; padding-top: 20px;}
.video-item .video-item-bg{position: absolute;width: 100%;height: 100%;z-index: 2;
        filter:alpha(opacity=60);   
      -moz-opacity:0.6;   
      -khtml-opacity: 0.6;   
      opacity: 0.6;   
      background-color: #000;
      top:0px;
      left: 0px;
}
.video-item:hover .video-play{display: none;}
.video-item:hover .video-item-bg{display: none;}
.video-box video{width: 800px;height: 530px;}

/**新闻**/
.news-main{padding: 50px 0px;background-color: #f5f6f7;position: relative;}
.news-nav{text-align: center;margin:0px auto;padding: 30px 0px;}
.news-nav ul{display: inline-block;}
.news-nav ul li{float: left;padding: 0px 20px;}
.news-nav ul li a{color:#999999;font-size: 20px;display: inline-block;height: 35px; 
    line-height: 35px;}
.news-nav ul li a:hover{color:#000;border-bottom: solid 1px #000;}
.news-nav ul li a.active{color:#000;border-bottom: solid 1px #000;}
.news-item{background-color: #fff;padding: 25px 40px;margin-bottom: 25px;}
.news-date,.news-title{float: left;}
.news-img{float: right;}
.news-date{width: 185px;padding-top: 40px;}
.news-date p:nth-of-type(1){color: #b0b0b1;font-size: 36px;
    width: 120px;padding: 0px;margin: 0px;line-height: 36px;font-weight: bold;position: relative;}
.news-date p:nth-of-type(1) span{position: absolute;width: 1px;height: 0px;right: 0px;}
.news-date p:nth-of-type(2){color: #8b8b8b;width: 120px;padding: 5px 0px 10px 0px;
    border-bottom: solid 1px #e7e7eb; }
.news-date p:nth-of-type(3){padding: 5px 0px;color: #8b8b8b;}
.news-date p:nth-of-type(3) span{float: right;margin-right: 65px;}
.news-title{width: 480px;padding-top: 40px;}
.news-title p{width: 460px;}
.news-title p:nth-of-type(1){color: #000;font-size: 14px;}
.news-title p:nth-of-type(2){color: #8b8b8b;padding-top: 20px;line-height: 20px;
    overflow: hidden;
text-overflow: ellipsis;
}
.news-item:hover .news-date p{color: #727272;}
.news-item:hover .news-date p:nth-of-type(1) span{border-right: solid 1px #727272; color: #727272;height: 40px;}
.news-item:hover .news-title p{margin-left: 20px;}
.news-img{width:360px ;}
.news-img img{width: 100%;max-height: 165px;overflow: hidden;}
.news-item:hover{
    box-shadow:#c0c0c0 0 0 30px 1px;
}
.new-line{background: url(../images/news/bg.jpg); height: 5px;}
.news-detail{padding:60px 100px 100px 100px;background-color: #fff; position: relative; }
.news-detail-title{text-align: center;padding-bottom: 50px;}
.news-detail-title p:nth-of-type(1){font-size: 24px;padding-bottom: 20px;color: #333333;}
.news-detail-title p:nth-of-type(2){color: #999999}
.news-content{padding-bottom: 50px;min-height: 400px;}
.news-next{border-top: solid 1px #b0b0b1;padding-top: 30px;}
.news-next a{max-width: 30%; line-height: 18px;color: #999999;}
.news-next a.news-prev-btn{float: left;}
.news-next a.news-next-btn{float: right;}
.news-next a:hover{color: #333333;}
.news-close{
    color: #999999;
    text-align: center;
    line-height: 20px;
    height: 30px;
    width: 30px;
    font-size: 22px;
    padding: 3px;
    top: 10px;
    right: 10px;
    position: absolute;
    border: solid 1px #999999;
}
.news-close::before {
    content: "\2716";
}
.news-btnup{
    width: 50px;height: 50px;border: solid 1px #999999; 
    color: #999999;position: fixed;bottom: 300px;right: 60px;
    padding-top: 5px;
    display: none;
}
.news-btnup span{
    height: 0;
    line-height: 0;
    font-size: 0;
    width: 0;
    border-color: transparent transparent #999999 transparent;
    /*border-top-width设置为0,为了让透明的顶部的三角形不占据空间*/
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    margin-left: 15px;
    margin-top: 10px;
}

.share-box{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    z-index: 99;
}
.share-box li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    background: #fff;
    position: relative;
    z-index: 2;
}
.share-box .line{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #999999;
    top: 0;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.share-box li a:hover span {
    color: #333333;
}
.share-box li a span {
    font-size: 30px;
}
.wechat-qrcode {
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    position: absolute;
    z-index: 999;
    top: 43px;
    left: -89px;
    width: 200px;
    height: 222px;
    color: #666;
    font-size: 12px;
    text-align: center;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    display: none;  
}
.show{display: block;}

.wechat-qrcode .qrcode {
    width: 138px;
    margin: 5px auto;
}
.wechat-qrcode h4 {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}
.wechat-qrcode img {
    width: 100%;
    vertical-align: middle;
}
.wechat-qrcode p {
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 22px;
}
.wechat-qrcode .share-close {
    background: transparent;
    border: 0;
    font-size: 25px;
    position: absolute;
    top: -6px;
    right: 2px;
    color: #000 !important;
}
.btn-weibo{display:inline-block;background: url("../images/news/weibo.jpg") no-repeat;
width: 38px;height: 32px;}
.btn-wechat{display:inline-block;background: url("../images/news/weixin.jpg") no-repeat;
width: 38px;height: 32px;}
/**产品中心**/
.product-main{background-color: #f5f6f7; padding-bottom: 50px}
.product-menu{background-color: #fff;float: left;width: 240px;min-height: 800px;}
.product-menu ul li{line-height: 52px;position: relative;}
.product-menu ul li>a{display: inline-block;font-size: 16px;color: #000;width:220px;
    padding: 0px 20px 0px 20px;
    height: 52px;
    line-height: 52px;
}
.product-menu ul li>a:after {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 0px;
    height: 1px;
    width: 200px;
    background-color: #999999;
}
.product-menu ul li>a span{float: right;
    font-size: 20px;
    -moz-transform: rotate(90deg);/* Firefox 旋转属性，参数表示角度(deg表示角度)，负数逆时针，正数顺时针 */                
    -webkit-transform: rotate(90deg);/* Safari和Chrome */
    -ms-transform: rotate(90deg);/* IE 9 */
    -o-transform: rotate(90deg);/* Opera */
}
.child-box{padding: 0px 20px;display: none;}
.child-box dl{position: relative;height: 45px;}
.child-box dl dd {padding-left: 20px;height: 45px;}
.child-box dl dd a{font-size:14px;color: #999999;display: inline-block;width: 100%;
    border-bottom: solid 1px #999999;height: 45px;line-height: 45px;}
.child-box dl:nth-last-child(1) a{border-bottom: none;
}
.child-box dl.cur dd span{width: 8px;background-color: #000;display: inline-block;position: absolute;
    left: 0px;height: 45px;
}
.child-box dl dd:hover a{color: #000;}
.child-box dl dd:hover span{
    width: 8px;background-color: #000;display: inline-block;position: absolute;
    left: 0px;height: 45px;
}
/*.product-menu ul li.active .child-box{display: block;}*/
.product-menu ul li.active>a{background-color: #000;color: #fff;
   /* margin-top: -1px;*/
}
.product-menu ul li.active>a:after {background-color: #000;left: 20px;}
.product-menu ul li.active>a span{
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}
.nav-line{padding: 40px 20px 0px 20px;height: 52px;}
.nav-line p{border-bottom: solid 1px #999999;display: inline-block;height: 1px;width: 100%;}
.product-menu ul li>a:hover{background-color: #000;color: #fff;}
.product-menu ul li>a:hover:after{/*background-color: #fff;*/}

.produc-right{float: right;width:930px;padding-top:45px; }
.product-top{background-color: #fff;padding:10px 0px 10px 5px;}
.product-top p{border-left: solid 2px #000;}
.product-top p span:nth-of-type(1){font-size: 14px;padding:0px 10px;}
.product-top p span:nth-of-type(2){font-size: 12px;padding:0px 10px;}
.product-list{padding-top:30px;}
.product-item{background-color: #fff;float: left; margin-right: 20px;
border: 1px solid #e4e4e4;
box-shadow: #ececec 0 0 10px 1px;margin-bottom: 30px;}
.product-item:nth-child(3n){
    margin-right: 0px;
}
.product-item img{width: 294px;height: 340px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.product-item:hover img{
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
}
.product-item:hover{
    border:1px solid #000;
}
.product-item:hover p{
    color: #fff;
	background-color:#000;
}
.product-item p:nth-of-type(1){padding:10px 0px 10px 15px; border-bottom: solid 1px #e4e4e4;font-size: 14px;}
.product-item p:nth-of-type(2){padding:10px 0px 10px 15px; font-size: 12px;position:relative;}
.product-item:hover p:nth-of-type(1){border-bottom: solid 1px #999999;}
.product-item p:nth-of-type(2) span {
    float: right;
    display: inline-block;
    width: 35px;
    height: 37px;
    background: url("../images/index/icon2.png") 14px 10px no-repeat;
	position:absolute;
	top:0px;
	right:0px;
}
.product-item:hover p:nth-of-type(2) span{border-left: solid 1px #555555;}
.product-detail-main{padding: 50px 0px;background-color: ;}
/**产品详情**/
.product-detail-title{padding-top: 20px;}
.product-detail-title a,.product-detail-title span{color: #666666;font-size: 12px;}
.product-detail-title a:hover{color: #000;}
.product-detail-title span{padding: 0 6px;}
.product-detial-content{padding: 20px 0px 80px 0px;}
.product-detial-left{width: 600px;min-height: 520px;float: left;}
.product-detial-right{width:565px;float: right;}
.product-detail-img{
    display: table-cell;
    text-align: center;
    display: inline-block; 
    width: 100%;
    height: 520px;
    overflow: hidden;
    background-color: #fff;
}
.product-detail-img img{vertical-align: middle; }
.visible{height: 100%; vertical-align: middle; width: 0; display: inline-block;}

.product-img-list{padding: 10px 35px 0px 35px;position: relative;}
.product-img-box{padding: 0px 35px;}
.product-img-item{background-color: #fff;border: solid 1px #fff;height: 95px;width: 95px; 
    float: left;
   opacity: 0.5;
}
.gallery-top{height: 520px;}
.gallery-thumbs{height: 95px;}
.gallery-thumbs .swiper-slide-thumb-active{border: solid 1px #000;opacity: 1;}

.product-img-item img{width: 100%;height: 100%;cursor: pointer;}
.product-img-list a{top: 10px;width: 25px;height: 95px;display: inline-block;position: absolute;}
.product-img-list a.arrow-left{left: 0px; background: url("../images/product/pro-left.png") center  no-repeat #757575;}
.product-img-list a.arrow-right{right: 0px;background: url("../images/product/pro-right.png") center no-repeat #757575;
}
.product-img-list a.swiper-button-disabled{opacity: 0.5;}


.product-title p:nth-of-type(1){font-size: 18px;font-weight: bold;color: #000;padding-bottom: 10px;border-bottom: solid 1px #999999;}
.product-title p:nth-of-type(2){font-size: 14px;color: #6b6969;padding-top: 10px;}
.product-cate ul{padding: 30px 0px;
    clear: both;
    overflow: hidden;
}
.product-cate li{width: 24%;text-align: center;float: left;color: #555555;background-color: #d9dbdd;
    margin-right: 7px;margin-bottom: 7px;height: 40px;line-height: 40px;font-size: 14px;
font-family: montserratFont;
}
.product-cate li:nth-child(4n){ margin-right: 0px;} 
.product-cate li:hover{background-color: #000;color: #fff;cursor: pointer;}
.product-cate li.active{background-color: #000;color: #fff;cursor: pointer;}
.product-attribute{padding-bottom: 20px;}

.product-attribute div{text-align: justify;width: 120px;text-align-last:justify;

text-align:justify12;
}
.product-attribute div i{ display:inline-block; /*padding-left: 100%;*/width:100%;}
.product-attribute div:after{  content:"";
    display: inline-block;
    width:100px;
    overflow:hidden;
}

.product-attribute li{border-bottom: solid 1px #999999;
/*height: 32px;line-height: 32px;*/
padding:5px 0px;
}
.product-attribute li span{font-size: 14px;font-family: montserratFont;}
.product-attribute li span:nth-of-type(1){
    /*width: 70px; */
    display: inline-block;vertical-align: top;
    text-align: justify;
    word-break: break-all;
    text-justify: distribute;
}
.product-attribute li span:nth-of-type(1) i{width: 100%;/*display: inline-block;*/}
.product-attribute li span:nth-of-type(2){padding-left: 20px;}
.sell-call{font-size: 13px;}
.sell-call span{padding-left: 10px;font-size: 20px; font-weight: bold;color: #000;}
.product-video{background-color: #000;padding: 30px 0px;text-align: center;}
.product-video p:nth-of-type(1){font-size: 48px;color: #fff;}
.product-video p:nth-of-type(2){font-size: 32px;color: #fff;}
.product-video .container{
    position: relative;
}
.product-video-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color: #000;
    top: 0px;
    left: 0px;
}

.product-video-box{margin-top: 30px;position: relative;width: 1200px;}
.product-video-box img{width: 100%;cursor: pointer;}
.product-video-box .play-btn{
    display: inline-block;width: 122px;height: 122px;
    background: url("../images/service/play-btn.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -61px;
    margin-top:-61px 
}

.product-video:hover .product-video-bg{display: none;}
.product-video:hover .play-btn{display: none;}

.box-bg{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
   /* filter:alpha(opacity=80);   
    -moz-opacity:0.8;    
    opacity: 0.8;   */
    z-index: 99;
}
.video-box{
    width: 800px;
    height: auto;
    /*background: #000;*/
    border-radius: 8px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /*padding: 10px;*/
}
/*.video-box p{padding: 30px 20px 10px 20px;}*/
.video-btn-close{
    color: #fff;
    text-align: center;
    line-height: 20px;
    height: 30px;
    width: 30px;
    font-size: 32px;
    top: 21px;
    right: -26px;
    position: absolute;
}
.video-btn-close::before {
    content: "\2716";
}

/*分页*/
.pager{padding: 20px;}
.fy1 {
    width: 100%;
    float: left;
    text-align: center;
}
.fy1 li{  display:inline-block;}
.fy1 a,.fy1 span {
    text-align: center;
    margin: 0px 2px;
    color: #bdbdbd;
    background: #f6f6f6;
    font-family: Arial;
    border: solid 1px #b0b0b1;
    padding: 5px 10px;
}
.fy1 li.active a {
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: 0px 2px;
    padding: 5px 10px;
    border: solid 1px #000;
    background: #000;
}

.fy1 a:hover, .fy1 a.on {
    background: #000;
    color: #ffffff;
}
.fy1 a.f_gd {
    background: none;
}


}

/*隐私声明*/
.policy-main{padding: 50px 120px;background-color: #fff;}
.policy-main p:nth-of-type(1){font-size: 22px;font-family: montserratFont;}
.policy-line{border-bottom: solid 1px #555555;width: 50px;display: inline-block;}
.policy-main p{font-size: 12px;font-family: Medium;padding: 10px 0px;}
.policy-main p:nth-of-type(2){font-size: 18px;font-family: Medium;}


@media screen and (max-width:767px){

/*首页*/
.swiper-container-horizontal.index-kv > .swiper-pagination-bullets, .index-kv .swiper-pagination-custom, .index-kv .swiper-pagination-fraction {
    bottom: 5px;
}
.swiper-container-horizontal.index-kv  > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    width: 30px;
    height: 3px;
}
.index-kv .swiper-pagination-bullet-active{
    opacity: 1;
    background: #000;
}
.index-case-title p{text-align: center;color: #000;}
.index-case-title p:nth-of-type(1){font-size: 0.28rem;font-family: montserratFont;padding: 0.1rem 0;}
.index-case-title p:nth-of-type(2){font-size: 0.22rem;font-family: Medium;line-height: 0.35rem;}
.index-case{padding: 0.3rem 0.2rem;}

.index-case-box{padding-top:0.3rem;}
.index-case-box ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 0.15rem;}
.index-case-box ul li:nth-child(3n){margin-right: 0;}
.index-case-pic{text-align: center;background-color: #fff;}
.index-case-pic>img{width: 100%;border: 0px; }
.index-case-icon{font-size: 0.24rem;padding: 0.2rem 0.3rem;color: #999999;margin-top: -5px;height: 1.4rem;}
.index-case-icon img{height: 0.44rem;}
.index-case-icon p{padding-top: 5px;}
.clear{clear: both;}

.index-product{padding-top: 0.4rem;}
.index-pro-box{padding-top: 0.4rem;}
.index-pro-box ul li{float: left;width: 49%;margin-right: 2%; 
    background-color: #fff;
    margin-bottom: 0.10rem;
} 
.index-pro-box ul li:nth-child(2n){
    margin-right: 0;
}
.index-pro-pic{text-align: center;color: #000;}
.index-pro-pic img{width: 100%;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.index-pro-text{text-align: left;}
.index-pro-text p:nth-of-type(1){font-size: 16px;
    border-bottom: solid 1px #e8eaed;
    padding: 20px 10px 20px 30px;
}
.index-pro-text p:nth-of-type(2){font-size: 14px;position: relative;
    padding: 0px 10px 0px 30px;
    height: 40px;
    line-height: 40px;
}

.index-news{background-color: #f7f8fa;padding:0.4rem 0.1rem;}
.index-news-box{padding-top:0.3rem;}
.index-news-box ul li {float: left;margin-bottom: 0.25rem;padding:0.1rem;width: 100%;}
.index-news-left{float: left;width: 20%;height:20%;padding: 0.2rem;background-color: #2b2b2b;position: relative;}
.index-news-right{float: right;padding:0rem 0.2rem;width: 80%;}
.index-news-left p:nth-of-type(1){color:#989393;padding-top:0.05rem;font-size: 0.16rem;}
.index-news-left p:nth-of-type(2){color:#fff;font-size: 0.22rem;}
.index-news-left{color: #999999;font-size: 0.16rem;}
.index-news-right p:nth-of-type(1){color:#000;font-size: 0.2rem;height: 0.55rem;
    overflow: hidden;line-height: 0.28rem;}
.index-news-right p:nth-of-type(2){color:#989393;padding-top:0.25rem;font-size: 0.18rem;
    height: 0.5rem;overflow: hidden;}

.index-number{background-color: #2b2b2b;padding: 0.35rem 0.2rem;color: #fff;border-bottom: solid 1px #6a6a6a;}
.number-list dl{float: left;width: 24%;}
.number-list dl:nth-of-type(4);{width: 28%;}
.number-list dt{font-size: 0.4rem;padding-bottom: 0.1rem;position: relative;text-align: center;}
.number-list dt sup{font-size: 0.15rem;position: absolute;margin-top: 0.1rem;}
.number-list dd{font-size: 0.14rem;text-align: center;}
.number-list dt span{font-family: montserratFont;}
.banner{font-size:0;}
.banner img{width:100%;}

.contact-main{padding:0.5rem 0.2rem;background-color: #fff;font-size: 0;}
.contact-main p:nth-of-type(1){font-size: 0.36rem;font-family: montserratFont;text-align: center;}
.contact-line{border-bottom: solid 1px #555555;width: 0.5rem;display: inline-block;}
.contact-main p{font-size: 0.2rem;font-family: Medium;padding: 0.1rem 0;}
.contact-main p:nth-of-type(2){font-size: 0.3rem;font-family: Medium;}
.contact-main p.contact-tp{font-size: 0.25rem;font-weight: bold;}
.about-nav{background-color: #fff;padding: 50px;}
.about-nav-box{text-align: center;margin:0px auto;background-color: #fff;font-size: 0;padding: 0.5rem 0;}
.about-nav-box ul li{float: left;width: 33.33%; padding: 0.1rem;}
.about-nav-box ul li a{color:#999999;font-size: 0.22rem;display: inline-block;height: 30px; 
    line-height: 30px;font-family: montserratFont;}
.about-nav-box ul li a.active{color:#000;border-bottom: solid 1px #000;}
/*.about-number{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}*/
.about-number dl{width: 100%; float: left;padding: 0.5rem;text-align: center;}
.about-number dl dt{font-weight: bold;position: relative;font-size: 0.64rem;}
.about-number dl dt span{font-family: montserratFont;}
.about-number dl dt sup{font-size: 0.3rem;vertical-align: text-top;position: absolute;}
.about-number dl dt sub{font-size: 0.2rem;vertical-align: text-bottom;position: absolute;}
.about-number dl:nth-of-type(1) sub{top:0.45rem;}
.about-number dl:nth-of-type(2) sub{top:0.45rem;}
.about-number dl:nth-of-type(3) sub{top:0.45rem;}

.about-number dd{font-size: 0.18rem;}
.about-item-pic{width:100%;font-size: 0;overflow: hidden;float: left;}
.about-item-pic img{width: 100%;margin: 0;}
.about-item-story{color: #fff;width: 100%;padding:0.5rem 0.2rem;display: inline-block;}
.about-story{background-color: #000;}
.story-text div{padding-top:20px;font-size: 0.24rem;} 
.story-text p{font-size: 0.36rem;colot: #fff;text-align: center;padding: 0.25rem 0;}
.item-text{background-color: #e8eaed;}
.about-item-text{position: relative;width: 100%;float: right;}
.about-item-text p{font-size: 0.28rem;text-align: center;padding: 0.5rem 0.1rem;}
.about-item-text2{position: relative;width: 100%;}
.about-item-text2 p{font-size: 0.28rem;text-align: center;padding: 0.5rem;}
.about-item-text3{position: relative;width: 100%;}
.about-item-text3 div{font-size: 0.24rem;text-align: center;padding: 0.5rem;}
.about-text p:nth-of-type(1){font-size: 0.22rem;}
.about-text p:nth-of-type(2){font-size: 0.22rem; padding-top: 0.1rem;}
.about-pic{padding: 10px 0px;}
.about-pic img{width: 100%;}
.about-nav2{background-color: #f5f5f7;}
.item-text2{background-color: #fff;}
.about-item-text4{position: relative;}
.about-item-text4 div{font-size: 22px;text-align: center;padding:0.5rem;}
.about-item-text5{position: relative;}
.about-item-text5 div{font-size: 22px;text-align: center;padding:0.5rem;;}
.cert-content{background-color: #000;padding: 10px;}
.cert-content img{width: 100%;}
.cert-content p{padding: 20px;color: #fff;line-height: 24px;font-size: 0.24rem;}
.cert dl sub{margin-left: 0.05rem;}
.about-logo{padding-bottom: 40px;}
.about-logo-list dl{border-right: solid 1px #727272;width: 50%;height: 1.8rem;text-align: center;float: left;padding: 0.3rem;}
.about-logo-list dl:nth-child(2n){border: none;}
.about-logo-list dd{font-size: 0.22rem;}
.about-logo-list dl:nth-last-child(1){border-right: solid 1px #727272;}
.cert-main{padding-bottom: 50px;}

/**服务**/
.service-main{background-color: #000;color: #fff;padding: 0.5rem 0;min-height: 6.5rem;}
.service-title{font-size: 0.36rem; font-weight: bold;text-align: center;}
.video-list{padding-top: 50px;}
.video-list .video-item{float: left;position: relative;
    font-size: 0;text-align: center;}
.video-item img{width: 100%; cursor: pointer;}
.video-item .video-play{text-align: center;position: absolute;
    top: 50%;width: 100%;margin-top: -70px;z-index: 3;}
.video-item .video-play a{display: inline-block;width:1.2rem;height:1.2rem;
    background: url("../images/service/play-btn.png") no-repeat;
    background-size: cover;
}
.video-item .video-play p{color: #fff;font-size: 0.25rem;font-weight: bold; padding-top: 20px;}
.video-item .video-item-bg{position: absolute;width: 100%;height: 100%;z-index: 2;
        filter:alpha(opacity=60);   
      -moz-opacity:0.6;   
      -khtml-opacity: 0.6;   
      opacity: 0.6;   
      background-color: #000;
      top:0px;
      left: 0px;
}
.box-bg{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
   /* filter:alpha(opacity=80);   
    -moz-opacity:0.8;    
    opacity: 0.8;   */
    z-index: 99;
}
.video-box{
    width: 100%;
    height: auto;
    /*background: #000;*/
    border-radius: 8px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /*padding: 10px;*/
}
/*.video-box p{padding: 30px 20px 10px 20px;}*/
.video-btn-close{
    color: #fff;
    text-align: center;
    line-height: 20px;
    height: 30px;
    width: 30px;
    font-size: 32px;
    top: -21px;
    right: 0px;
    position: absolute;
}
.video-btn-close::before {
    content: "\2716";
}
.video-box video{width: 100%;height: 200px;}

/*case*/
.case-desc{background-color: #000;color:#fff;font-size: 0;}
.case-shop{font-size: 0;}
.case-desc-l{float: left;  overflow: hidden;}
.case-desc-l img{width: 100%; }
.case-desc-r{float: left; padding: 0.5rem; }
.case-desc-r p{font-size: 0.2rem; line-height:0.4rem;color: #fff;}
.case-shop img{width: 100%;}
.case-product{padding-bottom: 30px;}
.case-product-l{background-color: #fff;padding: 20px; 
    }
.case-product-r{background-color: #fff;
    position: relative;
}
.case-product-r .swiper-container{width: 80%;}
.case-product-l p{font-size: 18px;width: 60px;border-bottom: solid 1px #000;
    line-height: 24px;color: #000;font-family: montserratFont;}
.case-product-l div{padding: 20px 0px;text-align: center;}
.case-product-l img{width: 100%;}
.case-product-item{ width: 80%;border: solid 1px #fff; }
.case-product-item div{width: 80%;overflow: hidden;display:table-cell;
    text-align: center; vertical-align:middle;padding-top: 20px;}
.case-product-item img{width: 100%; }
.case-product-item p{padding: 10px 0px 10px 20px;}
.case-product-item p:nth-of-type(1){font-size: 16px;padding-bottom: 10px;border-bottom: solid 1px #e8eaed;}
.case-product-item p:nth-of-type(2){text-align: left;padding-top: 10px;position: relative;}
.case-product-item p:nth-of-type(2) span{
    position: absolute;
    display:none;
    width: 9px;
    height: 15px;
    top: 10px;
    right: 10px;
    background: url("../images/index/icon2.png") no-repeat;
}

.case-product-item p a{color: #000;}
.case-arrow-left{
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    background: url("../images/case/case_btn_left.png") center no-repeat;
    z-index: 3;
}

.case-arrow-right{
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -25px;
    background: url("../images/case/case_btn_right.png") center no-repeat;
    z-index: 3;
}
.case-cert{background-color: #000;}
.case-cert-box{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #fff;
}
.case-cert-box dl{border-right: solid 1px #727272;text-align: left;}
.case-cert-box dt{font-size: 0;}
.case-cert-box dd{padding-top: 5px;font-size: 0.18rem;}
.case-cert-box dl:nth-of-type(1){width:50%;text-align: left;}
.case-cert-box dl:nth-of-type(1) dt{font-size: 0.35rem;}
.case-cert-box dl:nth-of-type(1) dt sup{font-size: 0.35rem;vertical-align:super;}
.case-cert-box dl:nth-of-type(1) dt sub{font-size: 0.12rem;vertical-align:sub; margin-left: -0.3rem;}

.case-main{padding: 0px 0px 50px 0px;}

/**新闻**/
.news-main{background-color: #f5f6f7;position: relative;}
.news-nav{text-align: center;margin:0px auto;font-size: 0;padding: 0.5rem 0.1rem;}
.news-nav ul{display: inline-block;}
.news-nav ul li{float: left;padding: 0px 20px;}
.news-nav ul li a{color:#999999;font-size: 0.22rem;display: inline-block;height: 35px; 
    line-height: 35px;font-family: montserratFont;}
.news-nav ul li a:hover{color:#000;border-bottom: solid 1px #000;}
.news-nav ul li a.active{color:#000;border-bottom: solid 1px #000;}
.news-item{background-color: #fff;padding:0.1rem 0.35rem;margin-bottom: 25px;}
.news-date{display: none;}
.news-title p:nth-of-type(1){color: #000;font-size: 14px;padding: 0.25rem 0;}
.news-title p:nth-of-type(2){display: none;}
.news-img img{width: 100%;}
.new-line{background: url(../images/news/bg.jpg); height: 5px;}
.news-detail{padding:0.8rem 0.1rem;background-color: #fff; position: relative; }
.news-detail-title{text-align: center;padding-bottom: 0.25rem;}
.news-detail-title p:nth-of-type(1){font-size: 0.24rem;padding-bottom: 20px;color: #333333;}
.news-detail-title p:nth-of-type(2){color: #999999;font-size: 0.18rem;}
.news-content{min-height: 400px;font-size: 0.25rem;}
.news-next{border-top: solid 1px #b0b0b1;padding-top: 0.1rem;}
.news-next a{width: 100%;line-height: 18px;color: #999999;font-size: 0.2rem;}
.news-next a.news-prev-btn{float: left;}
.news-next a.news-next-btn{float: right;}
.news-next a:hover{color: #333333;}
.news-close{
    color: #999999;
    text-align: center;
    line-height: 20px;
    height: 30px;
    width: 30px;
    font-size: 22px;
    padding: 3px;
    top: 10px;
    right: 10px;
    position: absolute;
    border: solid 1px #999999;
}
.news-close::before {
    content: "\2716";
}
.news-btnup{
    width: 50px;height: 50px;border: solid 1px #999999; 
    color: #999999;position: fixed;bottom: 2rem;right: 0.25rem;
    padding-top: 5px;
    display: none;
}
.news-btnup span{
    height: 0;
    line-height: 0;
    font-size: 0;
    width: 0;
    border-color: transparent transparent #999999 transparent;
    /*border-top-width设置为0,为了让透明的顶部的三角形不占据空间*/
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    margin-left: 15px;
    margin-top: 10px;
}

.share-box{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    z-index: 99;
    font-size: 0;
}
.share-box li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    background: #fff;
    position: relative;
    z-index: 2;
}
.share-box .line{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #999999;
    top: 0;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.wechat-qrcode{display: none;}

/**产品中心**/
.product-main{background-color: #f5f6f7; padding-bottom: 50px}
.product-menu{display: none;}

.produc-right{float: right;width: 100%;}
.product-top{background-color: #fff;padding:10px 0px 10px 5px;}
.product-top p{border-left: solid 2px #000;font-size: 0.25rem;}
.product-top p span:nth-of-type(1){font-size: 0.25rem;padding:0px 0.1rem;}
.product-top p span:nth-of-type(2){font-size: 0.25rem;padding:0px 0.1rem;}
.product-item{background-color: #fff;float: left; margin-right: 2%;
border: 1px solid #e4e4e4;
box-shadow: #ececec 0 0 10px 1px;margin-top: 0.15rem;width: 49%;}
.product-item:nth-child(1n){
    float: left;
}
.product-item:nth-child(2n){
    margin-right: 0px;
    float: right;
}
.product-item img{width: 100%;
}

.product-item p:nth-of-type(1){padding:10px 0px 10px 15px; border-bottom: solid 1px #e4e4e4;font-size: 14px;}
.product-item p:nth-of-type(2){padding:10px 0px 10px 15px; font-size: 12px;position:relative;}
.product-item:hover p:nth-of-type(1){border-bottom: solid 1px #999999;}
.product-item p:nth-of-type(2) span {
    float: right;
    display: inline-block;
    width: 35px;
    height: 37px;
    background: url("../images/index/icon2.png") 14px 10px no-repeat;
    position:absolute;
    top:0px;
    right:0px;
}
.product-detail-main{padding: 50px 0px;background-color: ;}

/**产品详情**/
.product-detail-title{padding:0.2rem 0.1rem;font-size: 0;}
.product-detail-title a,.product-detail-title span{color: #666666;font-size: 0.2rem;}
.product-detail-title span{padding: 0 6px;}
.product-detail-img{
    text-align: center;
    width: 100%;
    background-color: #fff;
}
.product-detail-img .swiper-container{width: 100%;}
.product-detail-img img{vertical-align: middle; width: 80%;}
.visible{height: 100%; vertical-align: middle; width: 0; display: inline-block;}

.product-img-list{position: relative;padding-bottom: 0.1rem;}
.product-img-box{padding: 0px 35px;}
.product-img-item{background-color: #fff;border: solid 1px #fff;
    /*height: 1.5rem;*/
    /*width: 1.5rem; */
    float: left;
   opacity: 0.5;
}
.gallery-thumbs{height: 1.2rem;}
.gallery-thumbs .swiper-slide-thumb-active{border: solid 1px #000;opacity: 1;}
.product-img-list .swiper-container{width: 90%;/*height: 1.5rem;*/}
.product-img-item img{width: 100%;height: 100%;cursor: pointer;}
.product-img-list a{top: 0px;width: 5%;height: 1.2rem;display: inline-block;position: absolute;}
.product-img-list a.arrow-left{left: 0px; background: url("../images/product/pro-left.png") center  no-repeat #757575;}
.product-img-list a.arrow-right{right: 0px;background: url("../images/product/pro-right.png") center no-repeat #757575;
}
.product-img-list a.swiper-button-disabled{opacity: 0.5;}
.product-detial-right{padding: 0.25rem;}

.product-title p:nth-of-type(1){font-size: 0.2rem;font-weight: bold;color: #000;padding-bottom: 10px;border-bottom: solid 1px #999999;}
.product-title p:nth-of-type(2){font-size: 0.18rem;color: #6b6969;padding-top: 10px;}
.product-cate ul{padding: 0.3rem 0;
    clear: both;
    overflow: hidden;
}
.product-cate li{
    text-align: center;
    float: left;color: #555555;background-color: #d9dbdd;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.25rem;
    padding: 0 0.2rem;
    font-family: montserratFont;
    min-width: 30%;
}
.product-cate li.active{background-color: #000;color: #fff;cursor: pointer;}
.product-attribute{padding-bottom: 20px;}
.product-attribute li{border-bottom: solid 1px #999999;
    height: 0.36rem;line-height: 0.36rem;font-size: 0;}
.product-attribute li span{font-size: 0.18rem;}
.product-attribute li span:nth-of-type(1){
    width: 1.1rem; 
    display: inline-block;vertical-align: top;
    text-align: justify;
    word-break: break-all;
    text-justify: distribute;
}
.product-attribute li span:nth-of-type(1) i{width: 100%;display: inline-block;font-family: montserratFont;}
.product-attribute li span:nth-of-type(2){padding-left: 20px;font-family: montserratFont;}
.sell-call{font-size: 0.25rem;padding: 0.2rem 0;}
.sell-call span{padding-left: 10px;font-size: 0.36rem; font-weight: bold;color: #000;}
.product-video{background-color: #000;padding: 0.3rem 0;text-align: center;}
.product-video p:nth-of-type(1){font-size: 48px;color: #fff;}
.product-video p:nth-of-type(2){font-size: 32px;color: #fff;}
.product-video .container{
    position: relative;
}
.product-video-bg{
    display: none;
}

.product-video-box{margin-top: 0.3rem;position: relative;}
.product-video-box img{width: 100%;cursor: pointer;}
.product-video-box .play-btn{
    display: inline-block;width: 1.2rem;height: 1.2rem;
    background: url("../images/service/play-btn.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -0.6rem;
    margin-top:-0.6rem 
}


/*分页*/
.pager{padding-bottom: 0.5rem;}
.fy1 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 0;
}
.fy1 li{  display:inline-block;}
.fy1 a,.fy1 span {
    text-align: center;
    margin: 0px 2px;
    color: #bdbdbd;
    background: #f6f6f6;
    font-family: Arial;
    border: solid 1px #b0b0b1;
    padding: 5px 10px;
    font-size: 0.2rem;
}
.fy1 .disabled span{background-color: #bdbdbd;color: #fff;}
.fy1 li.active a {
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: 0px 2px;
    padding: 5px 10px;
    border: solid 1px #000;
    background: #000;
}

.fy1 a:hover, .fy1 a.on {
    background: #000;
    color: #ffffff;
}
.fy1 a.f_gd {
    background: none;
}

.policy-main{padding:0.5rem 0.2rem;background-color: #fff;}
.policy-main p:nth-of-type(1){font-size: 22px;font-family: montserratFont;}
.policy-line{border-bottom: solid 1px #555555;width: 50px;display: inline-block;}
.policy-main p{font-size: 12px;font-family: Medium;padding: 10px 0px;}
.policy-main p:nth-of-type(2){font-size: 18px;font-family: Medium;}

}