@media screen and (min-width: 1301px){
    html {
        font-size:1250%!important
    }
}
@media screen and (min-width: 1201px) and (max-width: 1300px){
    html {
        font-size: 950%!important
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    html {
        font-size: 850%!important
    }
}
@media screen and (max-width: 1001px){
    html {
        font-size: 750%!important
    }
}
.zx_c li{display:none;}
.zx_c li.thisclass{display:list-item;}
@media screen and (min-width:769px){
html { padding: 0; margin:0;  font-size: 625%;-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;  /*10 ÷ 16 × 100% = 62.5%*/}
body { padding: 0; font-size: .14rem;  -webkit-overflow-scrolling: touch; /*1.4 × 10px = 14px */}

.w{max-width:1300px; width:95%; margin:0 auto;}
.pc_fl{float:left;}
.pc_fr{float:right;}
.pc_dn{display:none;}
img{width:100%; border:none;}

/* 首页 */
canvas {width:100%;height:100%;}
.indcon{position:fixed; width:100%; height:100%; top:0; left:0;}
.logo{width:2.77rem; margin:0 auto; margin-top:.9rem;}
.indcon ul{text-align:center; margin-top:.35rem;}
.indcon li{display:inline-block;}
.indcon li a{display:block; color:#FFFFFF; font-size:.09rem; margin:0 .22rem; padding-bottom:.08rem;}
.indcon li a:hover{background:url(../images/ind-01_1.png) bottom no-repeat; background-size:100% auto;}
.footer{text-align:center; position:absolute; width:100%; bottom:.35rem;}
.footer span{display:inline-block; border:1px solid rgba(255,255,255,.2); letter-spacing:12px; color:#FFFFFF; font-size:14px; color:rgba(255,255,255,.6); line-height:44px; padding:0 8px 0 22px;}
.footer p{font-size:14px; color:#575757; margin-top:.15rem;}

}

@media screen and (max-width: 768px) {
html {
    padding: 0;
    margin:0;
    font-size: 625%;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    padding: 0;
    font-size: .14rem;
    max-width: 768px;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    /*1.4 × 10px = 14px */
}
body {
    margin: 0;
    padding: 0;
    color: #444;
    font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif;
}

img {
    border: none;
    vertical-align: middle;
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 700%!important
    }
}
@media only screen and (min-width: 410px) {
    html {
        font-size: 800%!important
    }
}
@media only screen and (min-width: 481px) {
    html {
        font-size: 940%!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size: 1090%!important
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 1250%!important
    }
    body {
        margin: 0 auto;
        max-width: 768px
    }
}
img{width:100%;height:auto;border:none;}
.ww{width:93.75%; margin:0 auto;}
.sj_fl{float:left;}
.sj_fr{float:right;}
.sj_clear{clear:both;}
.sj_dn{display:none;}

/* 首页 */
canvas {width:100%;height:100%;}
.indcon{position:fixed; width:100%; height:100%; top:0; left:0;}
.logo{width:2.77rem; margin:0 auto; margin-top:.8rem;}
.indcon ul{text-align:center; margin-top:.3rem;}
.indcon li{text-align:center;}
.indcon li a{display:inline-block; color:#FFFFFF; font-size:.13rem; margin-top:.1rem;}
.footer{text-align:center; position:absolute; width:100%; bottom:.35rem;}
.footer span{display:inline-block; border:1px solid rgba(255,255,255,.2); letter-spacing:.05rem; color:#FFFFFF; font-size:.1rem; color:rgba(255,255,255,.6); line-height:.25rem; padding:0 .05rem 0 .1rem;}
.footer p{font-size:.1rem; color:#575757; margin-top:.15rem; padding:0 .3rem;}

}