/*
* @description: common
* @author: Senxia
* @update: 2018-08-31
*/

/* Header */
.header{border: none; top: 0;}
.nav .nav_zt li a{ color: #000; font-size: 0.18rem;}
.nav .nav_zt li > a img{ float: left; margin-top: 0.16rem;}
.nav {background: #fff; padding: 0.5rem; box-sizing: border-box; top: 0; }

/* Header End */
.jq22-container{ text-align: center; position: absolute; overflow: hidden; width: 100%; height: 100%; float: left; font-size: 0; z-index: 99;}
.vidbacking-active-body-back{ position: absolute !important;}
.jq22-container .logo{position: absolute; top: 20px; opacity: 0.6; width: 188px; left: 50%; margin-left: -94px;}
.jq22-container .down{position: absolute; bottom: 20px; display: inline-block; z-index: 999; cursor: pointer; width: 30px; left: 50%; margin-left: -15px;}
.jq22-container .video-m{ display: none;}
.jq22-container video{border: none; padding: 0;}
.vidmask-body-back{ display: none!important;}

.common{ width: 100%; float: left; /*margin-top: 0.7rem;*/ box-sizing: border-box; position: relative; padding:0.88rem 10% 0.5rem;}

/* Common-nav */
.common-title{ width: 100%; text-align: center; margin: 0.8rem 0; font-size: 0.54rem; font-family: "HelveticaBQ"; text-transform: uppercase; display: none;}

.common-nav-list{ width: 100%; text-align: center; border-bottom: 1px solid #000; padding-bottom: 0.3rem; font-size: 0;}
.common-nav-list li,.common-nav-list li a{ width: auto; display: inline-block; vertical-align: middle;}
.common-nav-list li{ margin: 0 0.25rem;}
.common-nav-list li a{ color: #000; line-height: 0.18rem; font-size: 0.16rem;}
.common-nav-list li a:hover{ text-decoration: underline;}
.common-nav-list li a.hover{ background-color: #ccc; padding: 0.05rem 0;}

.common-nav-list-pc{ width: 80%; text-align: center; display: table; margin-bottom: 0.3rem; font-size: 0; position: absolute; z-index: 1;}
.common-nav-list-pc li,.common-nav-list-pc li a{ width: auto; text-align: center; vertical-align: middle;}
.common-nav-list-pc li{ display: table-cell; box-sizing: border-box; padding: 0 1px; width: 20%;}
.common-nav-list-pc li a{ color: #000; font-weight: normal; background: #c4c4c4; width: 100%; height: 0.24rem; padding: 0.15rem 0; line-height: 0.24rem; float: left; font-size: 0.16rem;}
.common-nav-list-pc li a:hover{ background: #999; }
.common-nav-list-pc li a.hover{ background: #999; }


/* Common-nav End */

.common-zt,.nr_zt{ width: 100%; float: left; margin-top: 0.8rem; }


/* Company */
.company{ width: 100%; float: left; text-align: center;}
.company .company-img{ width: 100%; text-align: center; float: left;}
.company .company-img img{ max-width: 100%;}
.company .company-text{ max-width: 10.14rem; width: 100%; text-align: left; display: inline-block; margin: 1rem auto; font-size: 0.16rem; line-height: 1.7}
.company .company-text h2{ font-size: 0.36rem; font-style: italic;}
.company .company-text p{ font-style: italic}

.company .company-img2{ width: 100%; max-width: 11.6rem; text-align: center;  display: inline-block; margin:0 auto; font-style: italic; font-size: 0;}
.company .company-img2 img{ max-width: 50%; display: inline-block; vertical-align: middle}
.company .company-img2 p{ display: inline-block; width: 50%; box-sizing: border-box; padding: 0.5rem; font-size: 0.3rem; vertical-align: middle}
/* Company End */




.Design{ width: 100%; float: left; text-align: center;}
.Design .Design-img{ width: 100%; text-align: center; float: left;}
.Design .Design-img img{ max-width: 100%;}
.Design .Design-text{ max-width: 10.14rem; width: 100%; text-align: left; display: inline-block; margin: 1rem auto; font-size: 0.16rem; line-height: 1.7}
.Design .Design-text h2{ font-size: 0.36rem; font-style: italic;}
.Design .Design-text p{ font-style: italic}

.Design .Design-list{ width: 100%; max-width: 11.6rem; text-align: center;  display: inline-block; margin:0 auto; font-style: italic; font-size: 0;}
.Design .Design-list .img{ width: 30%; margin-right: 5%; display: inline-block; vertical-align: middle; position: relative;}
.Design .Design-list .img:last-child{margin-right: 0%; }
.Design .Design-list .img img{ max-width: 100%;}




.n_ab_fz{ font-size: 0.16rem; width: 100%; position: relative;}
.n_ab_fz > p{ width: 100%; margin: 0.5rem 0; box-sizing: border-box; padding: 0 0.5rem; text-align: center; line-height: 0.3rem; font-size: 0.16rem;}
.n_ab_fz .nr{ width: 100%; float: left; margin-top: 0.5rem;}
.n_ab_fz .nr > div{ width: 25%; height: 2.5rem; position: relative; border: 1px solid #999; float: left; vertical-align: top; margin: -1px 0 0 -1px; box-sizing: border-box; padding: 0.4rem;}
.n_ab_fz .nr > div b{ line-height: 0.6rem; box-sizing: border-box; padding: 0.4rem 0; font-size: 0.5rem; text-align: center; width: 100%; float: left; position: absolute; top: 50%; margin-top: -0.7rem; left: 0; transition: all 0.3s ease }
.n_ab_fz .nr > div p{ font-size: 0.14rem; margin: 0.7rem 0 0 0; height: 0; overflow: hidden; text-align: center;transition: all 0.3s ease 0.2s}
.n_ab_fz .nr > div:hover{ box-shadow: 0 0 10px #999; }
.n_ab_fz .nr > div b{ top: 0; margin-top: 0.0rem; font-size: 0.36rem; left: 0; text-align: center;}
.n_ab_fz .nr > div p{ height: auto; }
.n_ab_fz .fz-img{ width: 10.17rem; text-align: center; margin: 0 auto; position: relative; z-index: 1;}
.n_ab_fz .fz-img .img-l{ float: left;}
.n_ab_fz .fz-img .img-r{ float: right;}
.n_ab_fz .fz-img a{ position: absolute; width: 1.06rem; height: 1.86rem; display: inline-block;}
.n_ab_fz .fz-img #fz01{ left:22px; top: 40px;}
.n_ab_fz .fz-img #fz02{ left:137px; top: 12px;}
.n_ab_fz .fz-img #fz03{ left:253px; top: 40px;}
.n_ab_fz .fz-img #fz04{ left:370px; top: 12px;}
.n_ab_fz .fz-img #fz05{ left:540px; top: 40px;}
.n_ab_fz .fz-img #fz06{ left:660px; top: 12px;}
.n_ab_fz .fz-img #fz07{ left:775px; top: 40px;}
.n_ab_fz .fz-img #fz08{ left:890px; top: 12px;}
.n_ab_fz .fz-img #fz09{ left:22px; top: 250px;}
.n_ab_fz .fz-img #fz10{ left:137px; top: 222px;}
.n_ab_fz .fz-img #fz11{ left:253px; top: 250px;}
.n_ab_fz .fz-img #fz12{ left:370px; top: 222px;}
.n_ab_fz .fz-img #fz13{ left:540px; top: 250px;}
.n_ab_fz .fz-img #fz14{ left:660px; top: 222px;}
.n_ab_fz .fz-img #fz15{ left:775px; top: 250px;}
.n_ab_fz .fz-img #fz16{ left:890px; top: 222px;}
.n_ab_fz .nr > div.list{ display: none; position: fixed; top: 50%; left: 50%; margin-top: -1rem; box-shadow: 0 0 10px #999; margin-left: -2rem; width: 4rem; height: 2rem; background: #ffff; z-index: 2;}
.n_ab_fz .nr > div.list .close{ z-index: 999; position: absolute; font-size: 0; width: 0.36rem; height: 0.36rem; background: url(../images/close.png) no-repeat center center/100% auto; float: left; right: 0.15rem; top: 0.15rem; cursor: pointer; transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
.n_ab_fz .nr > div.list .close:hover{ opacity: 0.7;}


.sales{ width: 100%; float: left; text-align: center;}
.sales .sales-img{ width: 100%; text-align: center; float: left;}
.sales .sales-img img{ max-width: 100%;}
.sales .sales-text{ max-width: 10.14rem; width: 100%; text-align: left; display: inline-block; margin: 1rem auto; font-size: 0.16rem; line-height: 1.7}
.sales .sales-text h2{ font-size: 0.36rem; font-style: italic;}
.sales .sales-text p{ font-style: italic}

.sales2{ width: 100%; float: left; text-align: center;}
.sales2 .sales-img{ width: 50%; text-align: center; box-sizing: border-box; padding: 0.5rem; float: left;}
.sales2 .sales-img img{ max-width: 100%;}
.sales2 .sales-text{ max-width: 10.14rem; width: 50%; text-align: left; display: inline-block; margin: 1rem auto; font-size: 0.16rem; line-height: 1.7}
.sales2 .sales-text h2{ font-size: 0.36rem; font-style: italic;}
.sales2 .sales-text p{ font-style: italic}




.pr-01{ width: 100%; display: inline-block; font-size: 0; color: #fff;}
.pr-01 .text{ width: 50%; padding:0 0.5rem 0 2rem; box-sizing: border-box; display: inline-block; font-size: 0.14rem; vertical-align: middle}
.pr-01 .text h3{ width: 100%; display: inline-block; font-size: 0.36rem; opacity: 0.7; font-style: italic;}
.pr-01 .text p{ width: 100%; display: inline-block; font-size: 0.14rem; opacity: 0.3; font-style: italic;}
.pr-01 .text a{ color: #fff; font-size: 0.14rem; font-weight: bold; line-height: 1.7; margin-top: 0.1rem; float: left; width: 100%;}
.pr-01 .img{ width: 50%; display: inline-block;}
.pr-01 .img img{ max-width: 100%; display: inline-block; vertical-align: middle}

.pr-02{ width: 100%; display: inline-block; font-size: 0; color: #fff;}
.pr-02 .text{ width: 50%; padding:0 2rem 0 0.5rem; box-sizing: border-box; display: inline-block; font-size: 0.14rem; vertical-align: middle}
.pr-02 .text h3{ width: 100%; display: inline-block; font-size: 0.36rem; opacity: 0.7; font-style: italic;}
.pr-02 .text p{ width: 100%; display: inline-block; font-size: 0.14rem; opacity: 0.3; font-style: italic;}
.pr-02 .text a{ color: #fff; font-size: 0.14rem; font-weight: bold; line-height: 1.7; margin-top: 0.1rem; float: left; width: 100%;}
.pr-02 .img{ width: 50%; text-align: center; display: inline-block;}
.pr-02 .img img{ max-width: 100%; display: inline-block; vertical-align: middle}

.pr-03{ width: 100%; display: inline-block; font-size: 0; color: #fff;}
.pr-03 .text{ width: 50%; padding:0 0.5rem 0 2rem; box-sizing: border-box; display: inline-block; font-size: 0.14rem; vertical-align: middle}
.pr-03 .text h3{ width: 100%; display: inline-block; font-size: 0.36rem; opacity: 0.7; font-style: italic;}
.pr-03 .text p{ width: 100%; display: inline-block; font-size: 0.14rem; opacity: 0.3; font-style: italic;}
.pr-03 .text a{ color: #fff; font-size: 0.14rem; font-weight: bold; line-height: 1.7; margin-top: 0.1rem; float: left; width: 100%;}
.pr-03 .img{ width: 50%; display: inline-block;}
.pr-03 .img img{ max-width: 100%; display: inline-block; vertical-align: middle}




/* Product New */
.n-cp-new{ width: 100%; float: left; box-sizing: border-box; padding: 0.5rem; margin-top: 0; background: #fff}
.pr_list{ width:100%; float:left;}
.pr_list .pr-new-zt{ width: 1222px; margin: 0.5rem auto;}
.pr_list .pr-new-zt > div{overflow:hidden; float:left; text-align:center;}
.pr_list .pr-new-zt > div.pr-l{width: 358px; height: 570px; overflow: hidden; float: left;}
.pr_list .pr-new-zt > div.pr-r{width: 836px; height: 570px; overflow: hidden; float: right;}

.pr_list .pr-new-zt.pr-new-zt2 > div.pr-l{width: 740px; height: 607px;}
.pr_list .pr-new-zt.pr-new-zt2 > div.pr-r{width: 455px; height: 607px;}

.pr_list .pr-new-zt > div img{ max-width: 100%; width: auto;}
.pr_list .pr-new-zt > div .text{ text-align:center; float: left; width:100%; margin-bottom:70px; color: #000;}
.pr_list .pr-new-zt > div .text h2{ width:100%; overflow:hidden; height: 0.6rem; text-transform:uppercase; line-height: 0.6rem; font-size: 0.24rem; color:#000; float:left;}
.pr_list .pr-new-zt > div .text p{ font-size: 0.14rem; line-height: 0.26rem; height: 0.52rem; overflow:hidden; margin:0 5%;width:90%; float:left;}

/* Product New End*/

.n-cp{ width: 100%; float: left; box-sizing: border-box; padding: 0.5rem; margin-top: 0; background: #fff}
.n-cp li{ width: 25%; box-sizing: border-box; font-size: 14px; padding: 0.3rem; float: left;}
.n-cp li a{ width: 100%; color: #000; text-align: center; font-size: 0.14rem; line-height: 0.24rem;}
.n-cp li a .tit{ display: none;}
/*.n-cp li a h3{  margin-top: 0.1rem; }*/
.n-cp li a p{ margin: 0; width: 100%; height: 0.24rem; overflow: hidden; }
.n-cp li .img{ position: relative; float: left; width: 100%;}
.n-cp li .hor{ position: absolute; bottom: 0; right: 0; height: 0.36rem;}
.n-cp li.s21 .hor{ bottom: auto; top:10%; right: 0; height: 0.9rem;}

.n-cp .common-title{ color: #000; margin: 0.3rem 0 ;}
.pr-zt{ position: relative; z-index: 999;}
.prbanner,.prbanner-pc{ width: 100%; float: left; overflow: hidden; z-index: 222;}
.prbanner .hd{ font-size: 0;}
.prbanner .hd ul{ width: 100%; text-align: center; display: table; margin:0.1rem 0; font-size: 0;}
.prbanner .hd li{  font-size: 0.16rem; margin: 0 0rem; padding-bottom: 0.1rem; line-height: 1.7; color: #fff; display: table-cell; position: relative;}
.prbanner .hd li a{ color: #fff;}
.prbanner .hd li.on:after{ content: ""; position: absolute;  width: 100%; height: 0.04rem; border-radius: 0.04rem; background: #fff; opacity: 0.7; left: 0; bottom: 0rem}

.prbanner-pc .hd ul{ width: 100%; text-align: center; display: table; margin:0 0 0.3rem; font-size: 0; position: absolute;}
.prbanner-pc .hd li,.prbanner-pc .hd li a{ width: auto; text-align: center; vertical-align: middle;}
.prbanner-pc .hd li{ display: table-cell; box-sizing: border-box; padding: 0 1px; width: 10%; position: relative;}
.prbanner-pc .hd li a{ color: #000; background: #c4c4c4; width: 100%; float: left; padding: 0.15rem 0; line-height: 0.18rem; float: left; font-size: 0.16rem;}
.prbanner-pc .hd li a:hover{ background: #999; }
.prbanner-pc .hd li a.on{ background: #999; }
.prbanner-pc .hd li a::before{ content: ""; display: inline-block; vertical-align: middle;}
/*.prbanner-pc .hd li.icon-pr01 a::before{ }*/
.prbanner-pc .hd li.icon-pr02 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_01_02.png) no-repeat center center; background-size:auto 100%;}
.prbanner-pc .hd li.icon-pr03 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_02_02.png) no-repeat center center; background-size:auto 100%;}
.prbanner-pc .hd li.icon-pr04 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_03_02.png) no-repeat center center; background-size:auto 100%;}
/*
.prbanner-pc .hd li.icon-pr05 a::before{  }
.prbanner-pc .hd li.icon-pr06 a::before{  }
*/

.prbanner-pc .hd li .prnav-list{ position: absolute; top: 0.48rem; background: #ddd; width: 100%; transition: all 0.3s ease; height: 0; overflow: hidden;}
.prbanner-pc .hd li:hover .prnav-list{ height: auto;}
.prbanner-pc .hd li .prnav-list dd{ text-align: left; width: 50%; float: left; margin: 0;}
.prbanner-pc .hd li .prnav-list dd a{ text-align: left; float: left; background: none; width: 100%; font-size: 0.14rem; height: 0.52rem; box-sizing: border-box; line-height: 0.16rem; padding: 0.1rem 0.1rem;}
.prbanner-pc .hd li .prnav-list dd a::before{  display: none;}
.prbanner-pc .hd li .prnav-list dd a:hover{ background: #999; }


.prbanner .bd ul{padding: 0; margin: 0; width: 100%; float: left;}
.prbanner .bd li{ width: 100%; float: left;}
.prbanner .bd li img{ width: 100%; float: left;}

.prbanner-pc .bd ul{padding: 0; margin: 0; width: 100%; float: left;}
.prbanner-pc .bd li{ width: 100%; float: left;}
.prbanner-pc .bd li img{ width: 100%; float: left;}

.n-pc-list-nav{ display: none;}


/* ProductView */
.pr_list{ width: 100%;  float: left; }
.pr_list .tit{ width: 100%; float: left; text-align: center;}
.pr_list .tit b{ font-size: 0.48rem; font-weight: bolder; line-height: 0.8rem; margin: 0.3rem 0; float: left; width: 100%; text-align: center;}

.pr_list .left{ width: 50%; float: left; box-sizing: border-box; padding:0 0.6rem;}
.pr_list .left .bd{ width: 100%; float: left;  border: 1px solid #999; overflow: hidden; box-sizing: border-box;}
.pr_list .left .bd li{ width: 100%; float: left;}
.pr_list .left .bd li img{width: 100%; float: left;}

.pr_list .left .hd{ width: 100%; float: left; text-align: center; font-size: 0; margin-top: 0.2rem;}
.pr_list .left .hd li{  font-size: 0; width: 0.2rem; height: 0.2rem; margin: 0 0.2rem; padding-bottom: 0.1rem; line-height: 1.7; color: #000; display: inline-block; position: relative;}
.pr_list .left .hd li.on:after{ content: ""; position: absolute;  width: 100%; height: 0.04rem; border-radius: 0.04rem; background: #000; opacity: 0.7; left: 0; bottom: 0rem}
.pr_list .left .hd li:after{ content: ""; position: absolute;  width: 100%; height: 0.04rem; border-radius: 0.04rem; background: #ccc; opacity: 0.7; left: 0; bottom: 0rem}


.pr_list .right{ width: 50%; float: left; box-sizing: border-box; padding:0 0.6rem 0 0;}
.pr_list .right .Specifications{ width: 100%; float: left;}
.pr_list .right .Specifications li{ width: 100%; font-size: 14px; float: left; line-height: 0.48rem;}

.tuijian{ width: 100%; float: left; overflow: hidden; font-size: 0.18rem; padding: 0.5rem 10%; box-sizing: border-box;}
.tuijian .bt{ width: 100%; font-size: 0.24rem; float: left; box-sizing: border-box; padding: 0 0.6rem; margin: 0 0 0.3rem;}
.tuijian .bt:after{ content: ""; width: 100%; float: left; border-bottom: 1px solid #999; margin-top: 0.15rem}

.tuijian .back{ width: 100%; float: left; text-align: center; margin: 0.5rem 0 0;}

.picScroll-left{ width: 100%; float: left; box-sizing: border-box; padding: 0 0.6rem;}
.picScroll-left li{ width: 18%; float: left; margin: 0 2.5% 2.5% 0; position: relative;}
.picScroll-left li:nth-child(5n){ margin-right: 0;}
.picScroll-left:after{ content: ""; width: 100%; float: left; border-bottom: 1px solid #999; margin-top: 0.15rem}


.picScroll-left li img{ width: 100%; float: left; box-sizing: border-box;}
.picScroll-left li a{ text-align: center; font-size: 0.16rem; line-height: 0.36rem; color: #000; width: 100%; float: left;}



.pr-back{ width: auto; margin: 0.2rem auto; padding: 0.15rem 0.7rem; border-radius: 0.05rem; line-height: 0.4rem; border: 1px solid #000; color: #000;}

.new-zt{ width: 100%; display: block; margin-top: 0.5rem;}
.new-zt ul.new-list{ width: 100%; display: block; font-size: 0;}
.new-zt ul.new-list li{ width: 30%; display: inline-block; margin-right: 5%; margin-top: 5%; font-size: 0.14rem; vertical-align: top;}
.new-zt ul.new-list li:nth-child(3n){ margin-right: 0;}
.new-zt ul.new-list li a{ width: 100%; float: left; text-align: center; font-size: 0.14rem; color: #000; font-style: italic;}
.new-zt ul.new-list li a img{ width: 100%; border-radius: 0.03rem;}

.new-zt ul.new-list li a dl{ width: 100%;}
.new-zt ul.new-list li a dl .time{ width: 100%; line-height: 0.26rem; padding-left: 0.4rem; margin: 0.4rem 0 0.2rem; box-sizing: border-box; background: url(../images/clock1.png) no-repeat left top; text-align: left; color: #666; font-style: normal; font-size: 0.12rem;}
.new-zt ul.new-list li a dl dt{ font-size: 0.3rem; width: 100%; overflow: hidden; height: 0.4rem;;}
.new-zt ul.new-list li a dl dd{ color: #666; margin-top: 0.2rem;}
.xx_more{ width: 1.2rem; text-align: center; border: 1px solid #000; line-height: 0.3rem; position: relative; left: 50%; margin-top: 0.3rem; margin-left:-0.6rem; float: left; color: #000;font-size: 0.16rem;}
.xx_more:hover{ background: #000; color: #fff;}

.new-view img{ max-width: 100%}
.new-view{ width: 100%; float: left;  margin-top: 0.5rem;}

@media screen and (max-width: 768px){
    .new-view{ width: 100%; float: left;  margin-top: 0;}
    .new-zt {
        margin-top: 0;
    }
    .new-view h2 {
        font-size: .34rem;
        margin-bottom: -.1rem !important;
        margin-top: -.1rem !important;
        line-height: 1.5 !important;
    }
}

.new-view h2{ width: 100%; float: left; text-align: center; font-size: 0.24rem; line-height: 3}
.new-view .nwe-view-text{ width: 100%; float: left; font-size: 0.14rem; line-height: 0.24rem;}

.new-view .nwe-view-text video{width:60%;margin:0 20%;}

/* Download */

.down-zt{ width: 100%; max-width: 1200px; margin: 0.66rem auto 0;}
.down-zt li{ width: 100%; font-size: 0; display: table; margin-bottom: 0.5rem;}
.down-zt li .img{ width: 3.5rem; box-sizing: border-box; padding:0 0.2rem; display: table-cell; text-align: center; vertical-align: middle;}
.down-zt li .img img{ max-width: 100%;}

.down-zt li dl{ width: 8.5rem; display: table-cell; vertical-align: middle; height: 100%; font-size: 0.14rem; box-sizing: border-box; padding:0 0.5rem; }
.down-zt li dl dt{ color: #000; font-size: 0.14rem; font-weight: bold; line-height: 0.3rem; text-transform: uppercase}
.down-zt li dl dd{ color: #000; font-size: 0.14rem; line-height: 0.18rem}
.down-zt li dl a{ color: #000; font-weight: bold; margin: 0.3rem 0; line-height: 0.23rem; height: 0.23rem; float: left; background: url(../images/down.png) no-repeat; padding-left: 0.4rem; text-transform: uppercase}
.down-zt li dl .line{ width: 100%; float: left; height: 1px; background: #000;}

/* Download END */







.c-mail{ width: 100%; color: #fff; text-align: center; height: auto; margin: 0.4rem 0 0.4rem; position: relative; float: left;}
/*
.c-mail:before{ content: ""; width: 100%; height: 100%; padding: 1px; margin: -1px; float: left; position: absolute; top: 0; left: 0; background: url(../images/c-03.jpg) no-repeat center center / 11rem auto; transition: all 0.3s ease-out 0.2s;}
.c-mail:hover::before{ opacity: 0;}
*/
.c-mail h2{ font-size: 0.54rem; float: left; width: 100%; margin-top: 0; font-weight: bold; }
.c-mail h3{ font-size: 0.3rem; font-family: Arial, Helvetica, sans-serif; float: left; width: 100%; margin-top: 0.5rem; font-weight: bold; }
.c-mail p{ font-size: 0; float: left; width: 100%;}
.c-mail p span{ display: inline-block; font-size: 0.24rem; box-sizing: border-box; padding: 0.3rem 0.2rem 0;}


.Contact-list{ width: 100%; float: left; text-align: center; color: #fff; border-top: 1px solid #000; padding: 0.6rem 1rem 0; box-sizing: border-box;}
.Contact-list .c-tel{ width: 46%;  border-top-left-radius: 50px; border-bottom-right-radius: 50px;  float: left; position: relative; height: 3.5rem; padding: 0.4rem 0.8rem; box-sizing: border-box; border: 1px solid #000; text-align: center}

.Contact-list .c-tel:before{ content: ""; width: 100%; height: 100%; border-top-left-radius: 50px; border-bottom-right-radius: 50px;  padding: 1px; margin: -1px; float: left; position: absolute; top: 0; left: 0; background:#fff /*url(../images/c-01.jpg) no-repeat center center*/; opacity: 0.1; transition: all 0.3s ease-out 0.2s; z-index: 1;}
.Contact-list .c-tel:hover::before{ opacity: 0; z-index: -1;}

.Contact-list .c-tel h2{ font-size: 0.3rem; margin-top: 0.6rem; font-weight: bold;}
.Contact-list .c-tel p{ font-size: 0.16rem; }
.Contact-list .c-tel h3{ font-size: 0.24rem; font-weight: bold; }



.Contact-list .c-adds{ width: 46%;  border-top-left-radius: 50px; border-bottom-right-radius: 50px; float: right; position: relative; height: 3.5rem; padding: 0.4rem 1rem; box-sizing: border-box; border: 1px solid #000; text-align: center}
.Contact-list .c-adds:before{ content: ""; width: 100%; height: 100%; border-top-left-radius: 50px; border-bottom-right-radius: 50px;  padding: 1px; margin: -1px; float: left; position: absolute; top: 0; left: 0; background:#fff /*url(../images/c-02.jpg) no-repeat top left*/; opacity: 0.1; transition: all 0.3s ease-out 0.2s; z-index: 1;}
.Contact-list .c-adds:hover::before{ opacity: 0; z-index: -1;}
.Contact-list .c-adds h2{ font-size: 0.3rem; margin-top: 0.6rem; font-weight: bold; display: block; }
.Contact-list .c-adds p{ font-size: 0.16rem; }
.Contact-list .c-adds h3{ font-size: 0.16rem;font-weight: bold; margin-top: 0.1rem; }


.feedback-zt{ width: 100%; float: left; color: #fff; margin-top: 0.6rem; padding-top: 0.4rem; border-top: 1px solid #000;}
.feedback-zt h2{ font-size: 0.36rem; text-align: center; width: 100%; float: left; font-family: "HelveticaBQ"; margin: 0.1rem 0 0.4rem;}
.feedback-zt input{ width: 46%; height: 0.44rem; font-size: 0.14rem; line-height: 0.24rem; padding: 0.1rem; box-sizing: border-box; float: left; margin-bottom: 2%; border: none; background: rgba(255,255,255,0.1); color: #fff; border-radius: 0.03rem; font-family: "Helvetica-45"}
.feedback-zt input:nth-child(2n){float: right;}

.feedback-zt textarea{ width: 100%; border: none; background: rgba(255,255,255,0.1); color: #fff; padding: 0.1rem; box-sizing: border-box; float: left; font-family: "Helvetica-45" }
.feedback-zt input.Submit{ float: right; margin-top: 2%; margin-right: 0;background: #000; cursor: pointer; color: #fff; width: auto; padding: 0.1rem 0.6rem; font-size: 0.16rem;}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #fff;
    }
    input:-moz-placeholder, textarea:-moz-placeholder {
    color: #fff;
    }
    input::-moz-placeholder, textarea::-moz-placeholder {
    color: #fff;
    }
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #fff;
    } 





.page_zt{ width:100%; float:left; margin-top:0.4rem; font-size:0.14rem; border-top:1px solid #ddd; padding-top:0.4rem;}
.page_zt .page_list{ display:table; width:auto; margin:auto;}
.page_zt .page_hover{ width:auto; display:table-cell; height:auto; padding:0.05rem 0.13rem; background:#0077d6; float:left; color:#fff;font-size:0.12rem; text-align:center; margin:0 0.04rem;}
.page_zt .page a{ width:auto; height:auto; padding:0.05rem 0.13rem;font-size:0.12rem; text-transform:uppercase; background:#ddd; color:#222; text-align:center;float:left;}
.page_zt .page{float:left; display:table-cell; margin:0 0.02rem; position:relative;}
.page_list a span{width: auto; margin:0 0.04rem;
    height: auto;
    padding: 0.05rem 0.13rem;
    font-size: 0.12rem;
    text-transform: uppercase;
    background: #ddd;
    color: #222;
    text-align: center;
    float: left;}
.page_zt .page a:hover,.page_zt a:hover span{ background:#eee;}

.m_pro_prev,.m_pro_next{ position: fixed; width: 0.6rem; height: 0.4rem; top: 50%; margin-top: -0.2rem; display: none;}
.m_pro_prev{ left: 0; /*background: url(../images/pro_prev.png) #fff no-repeat center center;*/}
.m_pro_next{ right: 0;/* background: url(../images/pro_next.png) #fff no-repeat center center;*/}
.m_pro_prev::before,.m_pro_next::before{ content: "\e610"; color: #000; width: 100%; line-height: 0.4rem; font-size: 0.3rem; font-family: iconfont;}
.m_pro_next::before{ content: "\e60a";}


.n-so{ display: none;}


@media (min-width:1281px) and (max-width: 1366px){
    .common{ width: 1280px; display: inline-block; float: none; clear: both; margin: 0.7rem auto 0; box-sizing: border-box; padding: 0.5rem 0;}
    .Design{ margin-bottom: 0.5rem;}
    .nav .nav_zt li .list{ display: none;}

}



@media (min-width:1025px) and (max-width: 1280px){
    .header .logo{ width: auto;}
    .header .logo img{ height: 0.40rem; width: auto;}
    .nav .nav_zt li .list{ display: none;}
    .down-zt{ width: 100%; max-width: 100%; margin: 0 auto;}
    .down-zt li{ width: 100%; font-size: 0; display: block; margin-bottom: 1.5rem;}
    .down-zt li .img{ width: 30%; box-sizing: border-box; padding:0 0.2rem; display: inline-block; text-align: center; vertical-align: middle;}
    .down-zt li .img img{ max-width: 100%;}
    
    .down-zt li dl{ width: 65%; display: inline-block; font-size: 0.14rem; box-sizing: border-box; padding:0.5rem; vertical-align: top;}
    .down-zt li dl dt{ color: #000; font-size: 0.14rem; font-weight: bold; line-height: 2.5; text-transform: uppercase}
    .down-zt li dl dd{ color: #000; font-size: 0.14rem; line-height: 1.5}
    .down-zt li dl a{ color: #000; font-weight: bold; margin-top: 0.8rem; line-height: 0.23rem; height: 0.23rem; float: left; background: url(../images/down.png) no-repeat; padding-left: 0.4rem; text-transform: uppercase}
    .down-zt li dl .line{ width: 100%; float: left; height: 1px; background: #000; margin-top: 0.5rem;}
    
}



@media (max-width:1024px) and (min-width:769px){
    .prnav-list{  display: none;}
.n-so{ display: none;}
    .header .logo{ width: auto;}
    .header .logo img{ height: 0.40rem; width: auto;}
    .nav .nav_zt li{ margin: 0 0.15rem; line-height: 0.46rem; position: relative;}
    .nav .nav_zt li a{ font-size: 0.16rem;}
    .nav .nav_zt li .list{ display: none;}
    .common{ width: 100%; position: relative; float: left; margin-top: 0.7rem; box-sizing: border-box; padding: 0.5rem 5%;}
    .common-nav-list-pc{ width: 100%; position: fixed; top: 0.88rem; left: 0;}

    
    .common-nav-list li{ margin: 0 0.1rem;}
    .common-nav-list li a{ font-size: 0.14rem}
    .n_ab_fz .nr > div{ width: 33%;}
    .n_ab_fz .fz-img{ width: 100%;}
    .n_ab_fz .fz-img .img-l{ float: none;}
    .n_ab_fz .fz-img .img-r{ float: none;}
    .n-so{ display: block; float: left; width: 100%; position: relative;}

    /* Product child nav */
.n-pc-list-nav{ display: block; width: 100%; float: left; margin: 0.3rem 0 0.3rem}
.n-pc-list-nav h3{ width: auto; float: left; font-size: 0.14rem; font-weight: bold; }
.n-pc-list-nav dd{ width: auto; float: left; line-height: 0; }
.n-pc-list-nav a{ font-size: 0.14rem; float: left; line-height: 0.18rem; margin: 0 0.1rem; color: #666;}
/* Product child nav End */


    .pr-01 .text{ padding:0 0.3rem 0 1rem;}
    .pr-02 .text{ padding:0 1rem 0 0.3rem;}
    .pr-03 .text{ padding:0 0.3rem 0 1rem;}
    
    .n-cp{ width: 100%; padding: 0.5rem 0}
    .n-cp li{ padding: 0.15rem;}

    .tuijian{ padding: 0.5rem 0%;}


    .new-zt ul.new-list li{ width: 47.5%;}
    .new-zt ul.new-list li:nth-child(3n){ margin-right: 5%; }
    .new-zt ul.new-list li:nth-child(2n){ margin-right: 0% !important; }

    .down-zt{ width: 100%;}
    .down-zt li .img{ width: 40%;}
    .down-zt li dl{ width: 55%;}

    .Contact-list .c-tel{ width: 49%; float: left; border: none; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
    .Contact-list .c-tel:before{opacity: 0.3; background-size: 100% 100%; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
    .Contact-list .c-tel:hover::before{opacity: 0.3; }
    

    .Contact-list .c-adds{ width: 49%; float: right; padding: 0.4rem; margin-top: 0; border: none; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
    .Contact-list .c-adds:before{opacity: 0.3; background-size: 100% 100%; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
    .Contact-list .c-adds:hover::before{opacity: 0.3; }
    
    .feedback-zt { float: left;}
    .feedback-zt input{ width: 49%;}
    .feedback-zt input:nth-child(3n){margin-right: 2%}
    .feedback-zt input:nth-child(2n){margin-right: 0% !important;}

    .c-mail{ width: 100%; margin: 0 auto; display: block; text-align: center; height: 3.5rem; margin: 1rem 0 0.6rem; position: relative; float: left;}
    .c-mail:before{opacity: 0.3;}
    .c-mail:hover::before{opacity: 0.3; }
    .c-mail h2{ font-size: 0.3rem; margin-top: 1.2rem; font-weight: bold; }
    .c-mail p{ font-size: 0.16rem; }

    .footer{ padding: 0 !important;}
    .footer .f-logo{ float: left; height: 0.3rem; margin: 0.3rem !important; }
    .footer .f-logo img{ width: auto; height: 0.3rem;}
    .f-s{ width: auto; line-height: 0.3rem; /*margin: 0.3rem !important; display: inline-block;*/ font-size: 0.12rem; float: right;}
    .f-s form{ display: none;}
    .footer .f-r{ display: none}

.m_pro_prev{ height: 0.8rem; margin-top: -0.4rem; }
.m_pro_next{ height: 0.8rem; margin-top: -0.4rem; }


    
}


/* --------------------------  竖版 IPAD and Mini  -------------------------- */

@media screen and (max-width: 768px){
    .prnav-list{  display: none;}
    .n-so{ display: block; float: left; width: 100%; position: relative; margin-bottom: 0.2rem;}
    .n-so form{ width: 80%; margin: 0 10%; float: left; position: relative; box-sizing: border-box; padding-right: 1.8rem; padding-bottom: 0.4rem;}
    .n-so input.text{ float: left; width: 100%; box-sizing: border-box; padding: 0 0.2rem; border: none; height: 0.4rem; border: 1px solid #000;  border-right:none; border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem;}
    .n-so input.submit{ float: left; width: 1.8rem; position: absolute; right: 0; top: 0; background: #000; padding: 0 0.2rem; box-sizing: border-box; border: 1px solid #000; height: 0.4rem; border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; color: #fff;}
    .n-so span{ font-size: 0.12rem; line-height: 0.18rem; color: #000; float: left; width: 100%; position: absolute; bottom: 0; left: 0;}
    .n-so span a{ font-size: 0.12rem; line-height: 0.18rem; color: #000; display: inline-block;}
/* common */
.nav{ background: #000;}
.common{ width: 100%; float: left; margin-top: 0.7rem; box-sizing: border-box; padding: 0.5rem 3%;}
.common-title{ margin: 0rem 0 0.5rem; display: block; }
.common-nav-list{ margin-bottom: 0.2rem; display: table;}
.common-nav-list li{ display: table-cell; width: 20%; text-align: center;   }
.common-nav-list li a{ font-size: 0.14rem; box-sizing: border-box; padding: 0 0.05rem;  width: 100%; text-align: center; line-height: 0.18rem;}
.common-nav-list li a.hover{ padding: 0;}
/* video banner */
.bannervideo-m{ display: none;}


.company .company-text{ margin: 0.3rem auto;}
.company .company-img2 p{padding: 0.3rem; font-size: 0.24rem; margin: 0}

.n_ab_fz .nr > div{ width: 50%;}
.n_ab_fz .fz-img{ width: 100%;}
.n_ab_fz .fz-img .img-l{ float: none; max-width: 100%;}
.n_ab_fz .fz-img .img-r{ float: none; max-width: 100%;}
.n_ab_fz .fz-img img{ float: none; max-width: 100%;}




/* Products banner */  
.prbanner .hd{ font-size: 0;}
.prbanner .hd ul{ display:block; margin:0;}
.prbanner .hd li{  font-size: 0.16rem; width: 16.66666%; box-sizing: border-box; /*border-right: 1px solid #000; border-bottom: 1px solid #000;*/ float: left;  margin: 0rem; padding-bottom: 0; line-height: 0.36rem; position: relative;}
.prbanner .hd li a{ width: 100%; float: left; font-size: 0.12rem; text-align: center; color: #000; background: #c4c4c4;}
.prbanner .hd li:nth-child(3n){ border-right: none;}
.prbanner .hd li a::before{ content: ""; display: inline-block; vertical-align: middle;}
.prbanner .hd li.icon-pr02 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_01_02.png) no-repeat center center; background-size:auto 100%;}
.prbanner .hd li.icon-pr03 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_02_02.png) no-repeat center center; background-size:auto 100%;}
.prbanner .hd li.icon-pr04 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_03_02.png) no-repeat center center; background-size:auto 100%;}
.prbanner .hd li.on:after{ display: none; content: ""; position: absolute;  width: 100%; height: 0.04rem; border-radius: 0.04rem; background: #fff; opacity: 0.7; left: 0; bottom: 0rem}
.pr_list .pr-new-zt{margin: 0 auto 0.5rem;}
/* Products banner End */  

/* Product child nav */
.n-pc-list-nav{ display: block; width: 100%; float: left; margin: 0.1rem 0 0.2rem}
.n-pc-list-nav h3{ width: auto; float: left; font-size: 0.16rem;}
.n-pc-list-nav dd{ width: auto; float: left; line-height: 0; }
.n-pc-list-nav a{ font-size: 0.14rem; float: left; line-height: 0.18rem; margin: 0 0.1rem; color: #666;}
/* Product child nav End */


/* Productlist */

.pr-01 .text,.pr-03 .text{ padding:0 0.3rem 0 0.5rem;}
.pr-02 .text{ padding:0 0.5rem 0 0.3rem;}
.pr-01 .text h3,.pr-02 .text h3,.pr-03 .text h3{ font-size: 0.28rem;}

/* Productlist End */

.n-cp-new{ width: 100%; float: left; box-sizing: border-box; padding: 0.5rem; margin-top: 0; background: #fff}
.pr_list{ width:100%; float:left;}
.pr_list .pr-new-zt{ width: 100%; margin: 0.5rem auto;}
.pr_list .pr-new-zt > div{overflow:hidden; float:left; text-align:center;}
.pr_list .pr-new-zt > div.pr-l{width: 100%; height: auto; overflow: hidden; float: left;}
.pr_list .pr-new-zt > div.pr-r{width: 100%; height: auto; overflow: hidden; float: right;}

.pr_list .pr-new-zt.pr-new-zt2 > div.pr-l{width: 100%; height: auto;}
.pr_list .pr-new-zt.pr-new-zt2 > div.pr-r{width: 100%; height: auto;}

.pr_list .pr-new-zt > div img{ max-width: 100%; width: auto;}
.pr_list .pr-new-zt > div .text{ text-align:center; float: left; width:100%; margin-bottom:70px; color: #000;}
.pr_list .pr-new-zt > div .text h2{ width:100%; overflow:hidden; height: 0.6rem; text-transform:uppercase; line-height: 0.6rem; font-size: 0.24rem; color:#000; float:left;}
.pr_list .pr-new-zt > div .text p{ font-size: 0.14rem; line-height: 0.26rem; height: 0.52rem; overflow:hidden; margin:0 5%;width:90%; float:left;}


.sales2{ width: 100%; float: left; text-align: center;}
.sales2 .sales-img{ width: 100%; text-align: center; box-sizing: border-box; padding: 0; float: left;}
.sales2 .sales-img img{ max-width: 100%;}
.sales2 .sales-text{ max-width: 10.14rem; width: 100%; text-align: left; display: inline-block; margin: 1rem auto; font-size: 0.16rem; line-height: 1.7}
.sales2 .sales-text h2{ font-size: 0.36rem; font-style: italic;}
.sales2 .sales-text p{ font-style: italic}


.n-cp{ width: 100%;}
.n-cp li{ width: 50%;}

/* Productview */

.tuijian{ padding: 0}

/* Productview End */


.new-zt ul.new-list li{ width: 47.5%;}
.new-zt ul.new-list li:nth-child(3n){ margin-right: 5%; }
.new-zt ul.new-list li:nth-child(2n){ margin-right: 0% !important; }

.down-zt li .img{ width: 45%; }
.down-zt li dl{ width: 50%;}

.Contact-list .c-tel{ width: 100%; border: none; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.Contact-list .c-tel:before{opacity: 0.3; background-size: 100% auto; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.Contact-list .c-tel:hover::before{opacity: 0.3; }


.Contact-list .c-adds{ width: 100%; border: none; margin-top: 0.5rem; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;  }
.Contact-list .c-adds:before{opacity: 0.3; background-size: 100% auto; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.Contact-list .c-adds:hover::before{opacity: 0.3; }

.feedback-zt { float: left;}
.feedback-zt input{ width: 49%;}
.feedback-zt input:nth-child(3n){margin-right: 2%}
.feedback-zt input:nth-child(2n){margin-right: 0% !important;}

.c-mail{ width: 100%; margin: 0 auto; display: block; text-align: center; height: 3.5rem; margin: 0.5rem 0 0.2rem; position: relative; float: left;}
.c-mail:before{opacity: 0.3; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-size: auto 100%;}
.c-mail:hover::before{opacity: 0.3; }
.c-mail h2{ font-size: 0.3rem; margin-top: 1.2rem; font-weight: bold; }
.c-mail p{ font-size: 0.16rem; }
    
.footer{ padding: 0 !important;}
.footer .f-logo{ float: left; height: 0.3rem; margin: 0.3rem !important; }
.footer .f-logo img{ width: auto; height: 0.3rem;}
.f-s{ width: auto; line-height: 0.3rem; margin: 0.3rem !important; font-size: 0.12rem; float: right;}
.f-s form{ display: none;}
.footer .f-r{ display: none}
    

}
/* --------------------------  竖版 IPAD and Mini EnD  -------------------------- */

/*--------------------------------------- Mobile common ---------------------------------------*/

@media screen and (max-width: 736px) {



.header .nav {background: none; }
.common{ padding: 0.4rem 0.15rem;}
.common-title{ margin:0 0 0.2rem; display: block; font-size: 0.5rem; line-height: 0.7rem;}

/* common-nav */
.common-nav-list{ text-align: left; font-size: 0; display: block; font-size: 0;}
.common-nav-list li{ text-align: left; display: inline-block; vertical-align: top; height: 0.24rem; width: 50%; margin: 0; margin-bottom: 0.05rem; box-sizing: border-box;}
.common-nav-list li a{ line-height: 0.14rem; text-align: left; font-size: 0.14rem;}
.common-nav-list li a.hover{ padding: 0;}

/* common-nav End */


.nr_zt{ margin-top: 0.2rem}
.company .company-text{ margin: 0rem; padding: 0.2rem 0; box-sizing: border-box;}
.company .company-text h2{ font-size: 0.3rem;}
.company .company-img2 img{ max-width: 100%}
.company .company-img2 p{ width: 100%; font-size: 0.24rem; text-align: left ; padding: 0.2rem 0; margin-bottom: -0.3rem;}


.common-title{ margin: 0 0; font-size: 0.36rem;}



.n_ab_fz > p{ width: 100%; margin: 0.2rem 0; box-sizing: border-box; padding: 0 0.1rem; text-align: left; line-height: 0.18rem; font-size: 0.14rem;}

.n_ab_fz .nr > div{ width: 100%;}
.n_ab_fz .nr > div b{ font-size: 0.25rem;}
.n_ab_fz .nr > div p{ font-size: 0.14rem; margin: 0.7rem 0 0 0; height: 0; overflow: hidden; text-align: center;transition: all 0.3s ease 0.2s}
.n_ab_fz .nr > div:hover b{ font-size: 0.18rem; }




.sales2{ width: 100%;}
.sales2 .sales-img{ width: 100%; padding: 0.0rem;}
.sales2 .sales-text{ width: 100%;}

/* Newslist */
.new-zt ul.new-list li{ width: 100%; margin-right: 0; margin: 0.25rem 0;}
.new-zt ul.new-list li:nth-child(2n){ margin-right: 0;}
/* Newslist End */

/* Products banner */  
.prbanner .hd{ font-size: 0;}
.prbanner .hd ul{ display:block; margin:0;}
.prbanner .hd li{  font-size: 0.16rem; width: 33.3%; box-sizing: border-box; /*border-right: 1px solid #000; border-bottom: 1px solid #000;*/ float: left;  margin: 0rem; padding-bottom: 0; line-height: 0.36rem; position: relative;}
.prbanner .hd li a{ width: 100%; float: left; font-size: 0.12rem; text-align: center; color: #000; background: #c4c4c4;}
.prbanner .hd li:nth-child(3n){ border-right: none;}
.prbanner .hd li a::before{ content: ""; display: inline-block; vertical-align: middle;}
.prbanner .hd li.icon-pr02 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_01_02.png) no-repeat center center; background-size:auto 100%;}
.prbanner .hd li.icon-pr03 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_02_02.png) no-repeat center center; background-size:auto 100%;}
.prbanner .hd li.icon-pr04 a::before{ width: 0.35rem; height: 0.18rem; background:url(../images/pr_03_02.png) no-repeat center center; background-size:auto 100%;}
.prbanner .hd li.on:after{ display: none; content: ""; position: absolute;  width: 100%; height: 0.04rem; border-radius: 0.04rem; background: #fff; opacity: 0.7; left: 0; bottom: 0rem}
.pr_list .pr-new-zt{margin: 0 auto 0.5rem;}
/* Products banner End */  

    .n-so{ display: block; float: left; width: 100%; position: relative; margin-bottom: 0.2rem;}
    .n-so form{ width: 100%; margin: 0; float: left; position: relative; box-sizing: border-box; padding-right: 1.4rem; padding-bottom: 0.4rem;}
    .n-so input.text{ float: left; width: 100%; box-sizing: border-box; padding: 0 0.2rem; border: none; height: 0.4rem; border: 1px solid #000;  border-right:none; border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem;}
    .n-so input.submit{ float: left; width: 1.4rem; position: absolute; right: 0; top: 0; background: #000; text-align: center; padding: 0; box-sizing: border-box; border: 1px solid #000; height: 0.4rem; border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; color: #fff;}
    .n-so span{ font-size: 0.12rem; line-height: 0.18rem; color: #000; float: left; width: 100%; position: absolute; bottom: 0; left: 0;}
    .n-so span a{ font-size: 0.12rem; line-height: 0.18rem; color: #000; display: inline-block;}


.pr-01 .text,.pr-03 .text{ padding:0 0 0 0.2rem;}
.pr-02 .text{ padding:0 0.2rem 0;}
{ padding:0 0rem 0 0.2rem;}
.pr-01 .text h3,.pr-02 .text h3,.pr-03 .text h3{ font-size: 0.18rem;}
.pr-02.pr-newproducts{ margin-top: 0.5rem;}

.n-cp{ width: 100%; padding: 0.1rem;}
.n-cp{ margin: 0;}
.n-cp .common-title{ font-size: 0.24rem; font-weight: bold}
.n-cp li{ width: 100%;}

.prnav-list{  display: none;}


.pr_list{ width: 100%;  float: left; }
.pr_list .tit{ width: 100%; float: left; text-align: center;}
.pr_list .tit b{ font-size: 0.36rem; font-weight: bolder; line-height: 0.8rem; float: left; width: 100%; text-align: center;}
.pr_list .left{ width: 100%; float: left; }
.pr_list .left li{ width: 100%; float: left;}
.pr_list .left img{max-width: 100%;}
.pr_list .right{ width: 100%; float: left; }
.pr_list .right .Specifications{ width: 100%; float: left;}
.pr_list .right .Specifications li{ width: 100%; font-size: 0.14rem; float: left; line-height: 0.24rem;}


/* Productview  */
.n-cp-view .left,
.n-cp-view .right{ padding: 0;}

.tuijian{ padding: 0.5rem 0.2rem;}
.tuijian .bt{ font-size: 0.18rem; padding: 0 ; margin: 0;}
.tuijian .bt:after{ content: ""; width: 100%; float: left; border-bottom: 1px solid #999; margin-top: 0.15rem}
.tuijian .back{ width: 100%; float: left; text-align: center; margin: 0.5rem 0 0;}
.pr-back{ width: auto; margin: 0.2rem auto; padding: 0.15rem 0.3rem; border-radius: 0.05rem; line-height: 0.4rem; border: 1px solid #000; color: #000; font-size: 0.16rem;}

.pr_list .left .hd{ width: 100%; float: left; text-align: center; margin: 0;}
.pr_list .left .hd ul{ width: 100%;  float: left; text-align: center; font-size: 0; margin: 0.1rem 0 0.2rem;}
.pr_list .left .hd li{ font-size: 0; float: none; clear: both; width: 0.2rem; height: 0.2rem; margin: 0 0.1rem; padding-bottom: 0.1rem; line-height: 1.7; color: #000; display: inline-block; position: relative;}
.pr_list .left .hd li.on:after{ content: ""; position: absolute;  width: 100%; height: 0.04rem; border-radius: 0.04rem; background: #000; opacity: 0.7; left: 0; bottom: 0rem}
.pr_list .left .hd li:after{ content: ""; position: absolute;  width: 100%; height: 0.04rem; border-radius: 0.04rem; background: #ccc; opacity: 0.7; left: 0; bottom: 0rem}



.picScroll-left{ width: 100%; float: left; box-sizing: border-box; padding: 0; margin: 5% 0 0;}
.picScroll-left li{ width: 47.5%; float: left; margin: 0 5% 5% 0; position: relative;}
.picScroll-left li:nth-child(5n){ margin-right: 5%;}
.picScroll-left li:nth-child(2n){ margin-right: 0 !important;}
.picScroll-left:after{ content: ""; width: 100%; float: left; border-bottom: 1px solid #999; margin-top: 0.15rem}


.picScroll-left li img{ width: 100%; float: left; /*border:1px solid #ddd;*/ box-sizing: border-box;}
.picScroll-left li a{ text-align: center; font-size: 0.16rem; line-height: 0.36rem; color: #000; width: 100%; float: left;}

/* Productview End  */




.down-zt{ width: 100%; max-width: 100%; margin: 0 auto;}
.down-zt li{ width: 100%; font-size: 0; display: block; margin: 0.25rem 0;}
.down-zt li .img{ width: 100%; box-sizing: border-box; padding:0 0; margin-bottom: 0.1rem; display: inline-block; text-align: center; vertical-align: middle;}
.down-zt li .img img{ max-width: 100%;}

.down-zt li dl{ width: 100%; display: inline-block; font-size: 0.14rem; box-sizing: border-box; padding:0; vertical-align: top;}
.down-zt li dl dt{ color: #000; font-size: 0.14rem; font-weight: bold; line-height: 2.5; text-transform: uppercase}
.down-zt li dl dd{ color: #000; font-size: 0.14rem; line-height: 1.5}
.down-zt li dl a{ color: #000; font-weight: bold; margin-top: 0.2rem; line-height: 0.23rem; height: 0.23rem; float: left; background: url(../images/down.png) no-repeat; padding-left: 0.4rem; text-transform: uppercase}
.down-zt li dl .line{ width: 100%; float: left; height: 1px; background: #000; margin-top: 0.2rem;}
    
.down-zt li:nth-child(4){ margin-bottom: 0;}
.down-zt .page_zt{ margin-top: 0}

    
    .footer{ width: 100%; background: #000; float: left;  vertical-align: middle; text-align: center; color: #fff; position: relative; z-index: 99;}
    .footer{ padding: 0.2rem; box-sizing: border-box}
    .footer .f-logo{ float: left; margin-top: 0.15rem; text-align: center; width: 100%; }
    .f-s{ width: auto; line-height: 0.3rem; margin-top: 0.15rem; display: inline-block; font-size: 0.12rem;  vertical-align: middle;}
    .f-s form{ font-size: 0; display: none;}
    .f-s input{ border: none; height: 0.34rem; box-sizing: border-box; margin: 0; background: #fff; }
    .f-s input.text{ width: 60%; padding: 0.05rem 0.3rem; line-height: 1.5rem;  border-top-left-radius: 0.34rem; border-bottom-left-radius: 0.34rem;}
    .f-s input.submit{ padding: 0 0.2rem; background: none; border:1px solid #fff; color: #fff; cursor: pointer; border-top-right-radius: 0.34rem; transition: all .3s ease-in ;border-bottom-right-radius: 0.34rem;}
    .f-s input.submit:hover{ opacity: 0.5;}
    .footer .f-r{ float: right; display: none; text-align: left; width: 100%; color: #5D5D5D; font-size: 0.12rem;}
    .footer .f-r img{ max-width: 100%;}


    .Contact-list{ padding: 0.8rem 0 0; }
    .Contact-list .c-tel{ width: 100%; border: none; padding: 0.4rem; height: auto; }
    .Contact-list .c-tel:before{opacity: 0.3; background-size: auto 100%; }
    .Contact-list .c-tel:hover::before{opacity: 0.3; }
    .Contact-list .c-tel h2{ margin: 0;}

    .Contact-list .c-adds{ width: 100%; border: none; padding: 0.4rem; height: auto; margin-top: 0.4rem; }
    .Contact-list .c-adds:before{opacity: 0.3; background-size: auto 100%;}
    .Contact-list .c-adds:hover::before{opacity: 0.3; }
    .Contact-list .c-adds h2{ margin: 0;}
    
    .feedback-zt { float: left; margin-top: 0.8rem}
    .feedback-zt input{ width: 49%;}
    .feedback-zt input:nth-child(3n){margin-right: 2%}
    .feedback-zt input:nth-child(2n){margin-right: 0% !important;}

    .c-mail{ width: 100%; margin: 0 auto; display: block; text-align: center; height: 2.2rem; margin: 0.5rem 0 0.2rem; position: relative; float: left;}
    .c-mail h3{ font-size: 0.18rem; margin-top: 0.3rem;}
    .c-mail p span{ font-size: 0.14rem; padding: 0.1rem 0.05rem;}
    .c-mail:before{opacity: 0.3;}
    .c-mail:hover::before{opacity: 0.3; }
    .c-mail h2{ font-size: 0.3rem; margin-top: 0; font-weight: bold; }
    
    
    .footer{ padding: 0 !important;}
    .footer .f-logo{ float: left; height: 0.3rem; margin: 0.3rem !important; }
    .footer .f-logo img{ width: auto; height: 0.3rem;}
    .f-s{ width: auto; line-height: 0.3rem; margin: 0.3rem !important; font-size: 0.12rem; float: right;}
    .f-s form{ display: none;}
    .footer .f-r{ display: none}


    .new-view .nwe-view-text video{width:100%;margin:0;}
}

/*--------------------------------------- Mobile common End ---------------------------------------*/