body{background: #fff!important;}
.header {
    width: 100%;
    height: 0.88rem;
    position: fixed;
    z-index: 100;
    top: 0;
}
.banner {
    width: 100%;
    height: auto!important;
}

.product_style ul li{ width:25%!important; border:0.01rem solid #e4e4e4; border-left:none; height:1.4rem;float:left;text-align:center; border:0.01rem solid #f6f6f6;}
.product_style ul li p{ font-size:0.18rem; text-align:center; color:#666666; margin-top:0.15rem;}
.nav-box {
    width: 50%;
    position: fixed;
    display: block;
    z-index: 50;
    background: rgba(0,0,0,.8);
    text-align: left;
    top: 0;
    right:0;
    height: 100%;
    padding-top: 1.32rem;
    display: none; overflow-y:scroll;
}
.nav-box a {
    display: inline-block;
font-size: 0.2rem;
color: #fff;
width: 88%;
}
.topnavlist{display: none;}
.nav-box li {
    width: 100%; padding:0.15rem 0 0.15rem 0rem; background:url(bg1.png) no-repeat center;background-position: 50% 100%;
}
.nav-box ol li {
    padding-left: 0.2rem;
}
.product_style ul {
    width: 100%;
    height: auto!important;
    overflow: hidden;
}
.ztitle{font-size: 0.24rem;text-align: center;margin-top: 0.24rem;}
.zdesc{font-size: 0.16rem;text-align: center;margin: 0.12rem;}
.casez{color:#666;}
.caseiconz{display: block;width:0.58rem;height: 0.68rem;color:#666;font-size: 0.18rem;margin:0 auto;}
.casedesc a{color:#666!important;margin-top: 0.15rem;display: block;}
.casedesc{width: 30%;position: absolute;top: 50%;transform: translateY(-50%);text-align: center;}
.casez ul li{position: relative;margin:0.2rem 0;}
.rightz{right: 0;}
.leftz{left:0;}
.casez ul li i.icon1 {
    width: 0.42rem;
    height: 0.58rem;
    background: url("../images/icon.png") no-repeat top;
    background-size: 100%;
}

.casez ul li i.icon2 {
    width: 0.31rem;
    height: 0.58rem;
    background: url("../images/p1.png") no-repeat top;
    background-size: 100%;
}

.casez ul li i.icon3 {
    width: 0.31rem;
    height: 0.58rem;
    background: url("../images/p2.png") no-repeat top;
    background-size: 100%;
}

.casez ul li i.icon4 {
    width: 0.31rem;
    height: 0.58rem;
    background: url("../images/p3.png") no-repeat top;
    background-size: 100%;
}

.casez ul li i.icon5 {
    width: 0.48rem;
    height: 0.58rem;
    background: url("../images/p4.png") no-repeat top;
    background-size: 100%;
}

.casez ul li i.icon6 {
    width: 0.48rem;
    height: 0.58rem;
    background: url("../images/p5.png") no-repeat top;
    background-size: 100%;
}

.casez ul li i.icon7 {
    width: 0.48rem;
    height: 0.58rem;
    background: url("../images/p6.png") no-repeat top;
    background-size: 100%;
}

.casez ul li i.icon8 {
    width: 0.48rem;
    height: 0.58rem;
    background: url("../images/p7.png") no-repeat top;
    background-size: 100%;
}

.casez ul li i.icon9 {
    width: 0.58rem;
    height: 0.56rem;
    background: url("../images/p8.png") no-repeat top;
    background-size: 100%;
    /*display:none;*/
}
.casez ul .li9 {
    /*display:none;*/
}

.casez ul li i.icon10 {
    width: 0.58rem;
    height: 0.58rem;
    background: url("../images/p9.png") no-repeat center;
    background-size: 100%;
}

.newsz{padding: 0.12rem;}
.newstitlez{background: url(../images/newsbg1.jpg) no-repeat;background-size:100% 100%;line-height: 0.5rem;height: 0.5rem;}
.newsz a{display: flex;width: 100%;}
.newsz .xpss_title{flex: 1;}
.xpss_title {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 0.2rem;
    color: #666;
}
.newstitlez .active{color:#fff;}
.xwdt_content li .newsimgz{width:2rem;max-height: 1.5rem !important;}
.xwdt_content li{margin-bottom: 0.15rem;border-bottom: 1px solid #ddd;padding-bottom: 0.2rem;}
.newscontz{padding-top: 0.24rem;}
.xwdt_content {
    width: 100%;
    height: auto;
    margin: 0 auto;
        margin-top: 0px;
    /*margin-top: 0.3rem;*/
}
.newsdescz{padding:0 0.12rem;box-sizing: border-box;font-size: 0.2rem;position: relative;}
.newsdescz span{position: absolute;bottom: 0;color:#999;}
.viewmorez{background: #ddd;padding: 0.1rem;width: 2rem;float: right;text-align: center;}


.msgz{background: #eeeeee;padding: 0.3rem 0.2rem;}
.msgdesc{color:#003894;font-size: 0.3rem;text-align: center;margin-bottom: 0.2rem;}
.msglabel{display: block;margin: 0 auto;display: block;position: relative;margin-bottom:0.15rem;}
.msglabel .msgimg{width: 0.24rem;position: absolute;top: 0.13rem;left: 0.12rem;}
.msglabel input{width:100%;border: none;padding-left: 0.5rem;height: 0.6rem;box-sizing: border-box;font-size: 0.2rem;}
.msglabel select{color:#666;width:100%;border: none;padding-left: 0.5rem;height: 0.6rem;box-sizing: border-box;font-size: 0.2rem;background:#fff;}

.msglabel textarea{width: 100%;resize: none; border: none;padding: 0.18rem;height: 1.2rem;box-sizing: border-box;font-size: 0.2rem;padding-left: 0.5rem;}
.provincez{display: flex;}
.provincez select{flex:1;}
.footerz{background: #676767;padding: 0.2rem;}
.footerz a{color: #b1b1b1;font-size: 0.2rem;display: inline-block;width: 95%;}
.footernavz li{margin:0.12rem 0;border-bottom: 1px solid #808080;padding: 0.12rem 0;}
.footernavz ol li{margin:0.12rem 0;border-bottom: none;padding-left: 0.2rem;}
.footernavz span{color: #b1b1b1;font-size: 0.24rem;}

.footershare{background: #383838;color:#b3b5b4;/*padding-bottom: 0.15rem;*//*margin-bottom: 0.88rem;*/}
.shareshow{display: flex;border:none;}
.shareshow a {flex:1;width: 31%;height: 0.8rem !important;border-right: none;}
.footerrec p{width: 20%;float: left;}
.footerrec ul{width: 80%;float: right;}
.footerrec ul li{float: left;margin:0 0.12rem 0.12rem;}
.footerrec ul li a {color:#b3b5b4;}
.footerhotline{border:1px solid #484848;margin-bottom: 0.15rem;text-align: center;}
.footerhotline p{margin: 0;line-height: 0.5rem;font-size: 0.24rem;}
.footerhotline p span{color:#b82a23;font-size: 0.28rem;font-weight: bold;}
.footernavs ul{display: flex;margin:0.12rem 0;}
.footernavs ul li{flex:1;text-align: center;border-right: 1px dashed #5b5b5b;}
.footernavs ul li a{color:#b3b5b4;}
.footerdesc{text-align: center;line-height:0.45rem;}

.dibu .caidan{width:25%;}

.bdsharebuttonbox a.pdd {
    background: url(pdd.png) no-repeat center center;
        background-size: auto;
    background-size: 60%;
}
