@charset 'utf-8';
ul li{list-style: none;}
a{text-decoration: none;}
.fl{float: left;}
body {
    margin: 0;
    padding:0;
}



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, 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 {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    list-style-type: none;
}
.tit{font-family: "微软雅黑";font-size: 20px;color: #323232;margin:5% 0;font-weight: bold;}
.content{max-width:1000px;margin:0 auto;font-size: 16px;font-family: "微软雅黑";color: #323232;}
.page{max-width: 500px;margin:10% 0;}
.z{font-size: 16px;font-family: "微软雅黑";color: #323232;}

@media only screen and (max-width:1500px){
}
@media only screen and (max-width: 1000px){
    .tit img{width:150px;}

}
@media (max-width: 1100px) {
    nav{font-size: 12px;}
    .content{margin:5%;font-size: 14px;}
    .tit{font-family: "微软雅黑";font-size: 20px;color: #323232;margin:5%;font-weight: bold;}
    .z{font-size: 14px;font-family: "微软雅黑";color: #323232;}
}

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

    .content{margin:5%;font-size: 14px;}
    .tit{font-family: "微软雅黑";font-size: 20px;color: #323232;margin:5%;font-weight: bold;}
    .z{font-size: 14px;font-family: "微软雅黑";color: #323232;}
}
@media (max-width:500px) {
    .tit img{width:100px;}
    .content{margin:5%;font-size: 16px;}
    .tit{font-family: "微软雅黑";font-size: 16px;color: #323232;margin:5%;font-weight: bold;}
    .z{font-size: 12px;font-family: "微软雅黑";color: #323232;}

}