/*通用部分*/
  
*html { background-image: url(d); background-attachment: fixed; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, q { display: block; }
table { border-collapse: collapse; }
ul, ol, li { list-style: none; }
a { text-decoration: none; cursor: pointer; cursor: hand; color: inherit; }
body, html { font-family: Microsoft YaHei, sans-serif, Arial, Helvetica; color: #333; background: #fff; width: 100%; word-wrap: break-word; }

 

/*字体自适应*/
@media only screen and (min-width:320px)and (max-width:341px){
    html {
        font-size: 70%!important;  
    }
}
@media only screen and (min-width:342px)and (max-width:374px){
    html {
        font-size: 75%!important;  
    }
}
@media only screen and (min-width:375px)and (max-width:413px){
    html {
        font-size: 81%!important;  
    }
}
@media only screen and (min-width: 414px)and (max-width: 539px){
    html {
        font-size: 90%!important;  
    }
}
@media only screen and (min-width: 540px)and (max-width: 639px){
    html {
        font-size: 109%!important;  
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 125%!important;  
    }
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0; }
.clearfix { zoom: 1; }
.all{max-width: 640px;min-width: 320px;margin: auto;overflow: hidden;clear: both; background:#fdfdfd;}
.all img{max-width: 100%;vertical-align:top;border: 0;outline:0}

/*首页底部部分*/
footer{ width:100%; margin:auto;text-align:center; position:relative; z-index:100;}
footer p:nth-child(1){ margin-bottom:5%;}
footer nav{ width:100%; background:#f1f1f1; padding:5% 0 7% 0;}
footer nav ul{ width:90.625%; margin:auto;}
footer nav ul li{ width:25%; float:left;border-right:1px #333333 solid; box-sizing:border-box; line-height:1.35rem;}
footer nav ul li:last-child{ border-right:0;}
footer nav ul li a{ display:block; color:#333333;}
footer p:last-child{ line-height:2rem; margin-top:2%;}

@media screen and (min-width:320px){

	.footer{font-size:12px}

	.footer_a{font-size:12px}

	#zh_ztgg div:nth-of-type(1){ height:8.5em}

}

@media screen and (min-width:360px){

	#zh_ztgg div:nth-of-type(1){ height:9em}

}

@media screen and (min-width:480px){

	.footer_a{font-size:21px}

	#zh_ztgg div:nth-of-type(1){ height:14em}

}

@media screen and (min-width:640px){

	.footer{font-size:24px}

	.footer_a{font-size:24px}

	#zh_ztgg div:nth-of-type(1){ height:17em}

}