/*
* @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 */


.common{ width: 100%; float: left; /*margin-top: 0.7rem;*/ box-sizing: border-box; position: relative; padding:1rem 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{ text-decoration: underline;}

.common-nav-list-pc{ width: 80%; text-align: center; display: table; margin-bottom: 0.3rem; font-size: 0; position: absolute;}
.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.14rem;}
.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; }



.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 p{ margin: 0; }

.n-cp .common-title{ color: #000; margin: 0.3rem 0 ;}

.prbanner{ width: 100%; float: left; overflow: hidden;}
/*
.prbanner .hd li{  font-size: 0.16rem; margin: 0 0.2rem; padding-bottom: 0.1rem; line-height: 1.7; color: #fff; display: inline-block; 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 .hd ul{ width: 100%; text-align: center; display: table; margin:0 0 0.3rem; font-size: 0; position: absolute;}
.prbanner .hd li,.prbanner .hd li a{ width: auto; text-align: center; vertical-align: middle;}
.prbanner .hd li{ display: table-cell; box-sizing: border-box; padding: 0 1px; width: 10%;}
.prbanner .hd li a{ color: #000; background: #c4c4c4; width: 100%; float: left; padding: 0.15rem 0; line-height: 0.18rem; float: left; font-size: 0.14rem;}
.prbanner .hd li a:hover{ background: #999; }
.prbanner .hd li a.on{ background: #999; }
.prbanner .hd li a::before{ content: ""; display: inline-block; vertical-align: middle;}
.prbanner .hd li.icon-pr01 a::before{ display: inline-block; }
.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.icon-pr05 a::before{  }
.prbanner .hd li.icon-pr06 a::before{  }


.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;}
*/

/* 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;}






.c-mail{ width: 100%; color: #fff; text-align: center; height: auto; margin: 0.4rem 0 1rem; 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: 1.2rem 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;}
.Contact-list .c-tel:hover::before{ opacity: 0;}

.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 1.2rem; 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;}
.Contact-list .c-adds:hover::before{ opacity: 0;}
.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: 1.2rem; padding-top: 0.6rem; 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: 32%; height: 0.44rem; font-size: 0.14rem; line-height: 0.24rem; padding: 0.1rem; box-sizing: border-box; float: left; margin-right: 2%; 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(3n){margin-right: 0}

.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;}






@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){
    .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%; float: left; margin-top: 0.88rem; box-sizing: border-box; padding: 0.5rem 5%;}
    .common-nav-list li{ margin: 0 0.1rem;}
    .common-nav-list li a{ font-size: 0.14rem}
    

    .n-cp{ width: 100%; padding: 0.5rem 0}
    .n-cp li{ padding: 0.15rem;}

    .tuijian{ padding: 0.5rem 0%;}



    .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; }


    
}

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

.footer{ padding: 0;}
.footer span{ margin: 0; text-transform: none;}
.footer span + span{ /*display: inline-block!important;*/ display: none;}
.footer span#cnzz_stat_icon_1261123429,.footer span.fr{ display: none;}

/* common */
.common{ width: 100%; float: left; margin-top: 0.7rem; box-sizing: border-box; padding: 0.5rem 3%;}
.common-title{ margin: 0rem 0 0.5rem;}
.common-nav-list{ margin-bottom: 0.2rem;}
.common-nav-list li{ margin: 0 0.1rem; max-width: 1.3rem !important; text-align: center;   }
.common-nav-list li a{ font-size: 0.14rem}

/* video banner */
.bannervideo-m{ display: none;}



.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 */


.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}
    

}

/* moblie */

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

.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-list{ text-align: left; font-size: 0;}
.common-nav-list li{ max-width: 100%!important; text-align: left; padding: 0; box-sizing: border-box;}
.common-nav-list li a{ line-height: 0.24rem; font-size: 0.14rem;}


.nr_zt{ margin-top: 0.2rem}

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




    



    .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%;}
    .pr-01 .text{ padding:0 0 0 0.2rem;}
    .pr-02 .text{ padding:0 0.2rem 0;}
    .pr-03 .text{ padding:0 0rem 0 0.2rem;}
    .pr-01 .text h3,.pr-02 .text h3,.pr-03 .text h3{ font-size: 0.18rem;}
    .prbanner .hd li{ font-size: 0.12rem;}
    .prbanner{ margin-bottom: 0.5rem;  }




.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;}
.n-cp-view .left{ padding: 0;}
.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}
.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;}
.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; 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;}







    
    .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}

}