html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; }
ol, ul { list-style: none; }
:focus { outline: 0; }
.page img { border: 0; width:100% }
.page img { vertical-align: middle; }
b { font-weight: normal; }
body { font-size: 12px; font-family:microsoft yahei; -webkit-text-size-adjust:none; background: #FFF; color: #545454; margin: 0px auto !important; width:100%; }
.page{margin: 0px auto !important; width:100%; min-width:320px; max-width:640px}
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
.clr{ clear:both}
.bot_jszc{ height:0}
@media screen and (min-width:320px) {body {font-size:12px}}

@media screen and (min-width:360px) {body {font-size:13px}}

@media screen and (min-width:480px) {body {font-size:16px}}

@media screen and (min-width:640px) {body {font-size:24px}}
.top_img{ text-align:center; width:100%; background-repeat:no-repeat;}
.pt{ width:100%; margin-top:2%}.pt img{ width:100%}
.pzx{ font-size:1.2em; text-align:center; padding:3% 0; background:#f07d12; color:#FFF; margin:0 auto}

.ban{ width:100%}.ban img{ width:100%}

.p1{ width:100%; padding:8% 0}.p1 img{ width:100%}
#p1zx{ width:55%; margin-top:5%}

.p2{ width:100%; padding:4% 0}.p2 img{ width:100%}
#p2zx{ width:70%; margin:9% auto 1%}

.p3{ width:100%; padding:8% 0}.p3 img{ width:100%}
.p3s{ margin-top:8%}

.p4{ width:100%; padding:4% 0}.p4 img{ width:100%}
.p4l,.p4r{ width:50%; float:left}
.p4bot{ margin:3% auto}
.p4b{ margin-top:2%}