a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
}
* { margin: 0;padding: 0;}
* {box-sizing: border-box;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
html {font-family: sans-serif;Droidsansfallback;\5b8b\4f53;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; }
body {font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
@media only screen and (max-width: 300px) {html {font-size: 17.5px!important }}
@media only screen and (min-width:300px) and (max-width: 320px)  {	html {font-size: 19.53px!important }}
@media only screen and (min-width:320px) and (max-width: 340px)  {	html {font-size: 20.03px!important }}
@media only screen and (min-width:340px) and (max-width: 360px)  {	html {font-size: 20.33px!important }}
@media only screen and (min-width:360px) and (max-width: 380px)  {	html {font-size: 20.63px!important }}
@media only screen and (min-width:380px) and (max-width: 400px)  {	html {font-size: 20.93px!important }}
@media only screen and (min-width:400px) and (max-width: 414px)  {	html {font-size: 21.08px!important }}
@media only screen and (min-width:414px) and (max-width: 434px)  {	html {font-size: 21.08px!important }}
@media only screen and (min-width:434px) and (max-width: 454px)  {	html {font-size: 21.08px!important }}
@media only screen and (min-width:454px) and (max-width: 474px)  {	html {font-size: 21.08px!important }}
@media only screen and (min-width:474px) {	html {	font-size: 22.63px!important }}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
body {position: absolute;top: 0;right: 0;bottom: 0;	left: 0;font-family: "Helvetica Neue",Helvetica,sans-serif;
line-height: 1.5;color: #3d4145;background: #eee; min-width:280px; max-width: 640px;margin: 0 auto;-webkit-overflow-scrolling: touch;}
li{list-style: none;}
img{max-width: 100%;height: auto;display: block;border: 0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block}
a {	background-color: transparent}
a:active,a:hover {outline: 0}
ul { list-style-type: none;}
em ,i{ font-style: normal;}
a,button,input,select,textarea {outline: 0}
p {	margin: 0.2rem 0.2rem}
a {	color: #0894ec;	text-decoration: none;	-webkit-tap-highlight-color: transparent}
a:active {color: #0a8ddf}
.content {position: absolute;top: 0;right: 0;bottom: 0;	left: 0;overflow: auto;	-webkit-overflow-scrolling: touch}
.bar {position: absolute;right: 0;left: 0;	z-index: 10;height: 2.2rem;	padding-right: .5rem;	padding-left: .5rem;background-color: #f7f7f8;-webkit-backface-visibility: hidden;
	backface-visibility: hidden}
.bar:after {content: '';position: absolute;	left: 0;	bottom: 0;	right: auto;	top: auto;	height: 1px;	width: 100%;background-color: #e7e7e7;
	display: block;	z-index: 15;-webkit-transform-origin: 50% 100%;	transform-origin: 50% 100%}

.bar-tab:after {display: none}
.rec { padding: 2px 2px 2px;}
.tc { text-align: center;}

.list-ul li {  height: 40px; line-height: 30px; font-size: 0.85rem;  border-bottom: 1px dashed #a7a7a7; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  
   background: url(../image/point_icon.jpg) no-repeat;
    background-size:0.2rem;
	background-color:#FFF;
    background-position: 0px 20px;
	background-position: 0px 0.9rem !important;
	padding: 2px 0 0 10px;
    font-weight: bold;
    display: block;
    text-align: left;}
.list-ul li a { color: #222;}
.tit { height: 43px; line-height: 40px; padding-left: 10px;	background:url(../img/tit-x.gif) repeat-x; background-size: 1px 43px; border-top: 1px solid #d9d9d9; vertical-align: top;}
.tit p {font-size: 0.7rem; color: #636363; font-family: \5b8b\4f53;}
.mt14 { margin-top:5px;}
.tr {text-align: right;}
.tit h3 a {color: #004177;}
.tit h3 { color: #004177; font-size: 1rem;}
a.unfold-btn {line-height: 33px; display: block; background: -moz-linear-gradient(#ffffff,#f5f5f5);  background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
    background: -o-linear-gradient(#ffffff, #f5f5f5); background: linear-gradient(#ffffff, #f5f5f5); font-size: 0.875rem; color:#F00; border: 1px solid #d8d9db;}
.tc { text-align: center;}
.mt10 {margin-top: 5px;}
.fl{float:left;}
.fr{float:right;}
.btn .k1{ display: block;  margin-top:3px; margin-top: 0.3rem !important;width: 20%; height:45px;line-height:35px;  height: 1.3rem !important;  line-height: 1.04rem !important;
    text-align: center; font-size: 0.5rem; color: #333; border-radius: 4px; background-color: rgb(204, 0, 0);
   padding-top:3px; padding-top: 0.2rem !important;    color: #fff;font-family: Arial, Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;}
.about01 li{font-size: 0.6rem;  border-bottom: 1px dashed #a7a7a7;font-weight:700;	margin-top:5px;}
<!-- base.css-->

/*BANNER*/
.banner{width:100%;}
/*content*/
.content{top:0;bottom: 2.0rem;}

.T2{background-color: #f2f2f3;margin-top:5px;overflow: hidden;}
.T2title{width: 100%;font-size: 1rem;text-align: center;padding:0.6rem 0 0 0;	color: #3494e6;	font-weight:900;}
.T2title p{	font-size:0.8rem;font-weight:400;color: #000000; margin: 0.4rem 0;}
.T2_btn{margin: 0 auto; height:50px;height:2rem !important;border-radius:0.25rem;	background-color: #3494e6;	color: #ffffff;	line-height:50px;
line-height: 2rem !important;font-size:0.7rem;font-weight: 700;text-align: center;margin-top:5px; margin-top:0.2rem !important; margin-bottom:5px; margin-bottom:0.2rem !important;}

@-webkit-keyframes rotata{  0%{-webkit-transform: rotate(0deg);}  100%{-webkit-transform: rotate(180deg);}}
@-moz-keyframes rotata{  0%{-moz-transform: rotate(0deg);}  100%{-moz-transform: rotate(180deg);}}
@keyframes rotata{ 0%{transform: rotate(0deg);}  100%{transform: rotate(180deg);}}
@-webkit-keyframes rotatb{  0%{-webkit-transform: rotate(180deg);}  100%{-webkit-transform: rotate(0deg);}}
@-moz-keyframes rotatb{  0%{-moz-transform: rotate(180deg);}  100%{-moz-transform: rotate(0deg);}}
@keyframes rotatb{  0%{transform: rotate(180deg);}  100%{transform: rotate(0deg);}}
@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.bar:after {-webkit-transform: scaleY(.5);	transform: scaleY(.5)	}}
@media only screen and (-webkit-min-device-pixel-ratio:3) {.bar:after {	-webkit-transform: scaleY(.33);	transform: scaleY(.33)	}}
.bar-tab {	bottom: 0;width: 100%;height: 2.5rem;padding: 0;table-layout: fixed}
.bar-tab:before {content: '';position: absolute;left: 0;top: 0;	bottom: auto;right: auto;height: 1px;width: 100%;background-color: #e7e7e7;	display: block;
	z-index: 15;-webkit-transform-origin: 50% 0;transform-origin: 50% 0}
@media only screen and (-webkit-min-device-pixel-ratio:2) {.bar-tab:before {-webkit-transform: scaleY(.5);	transform: scaleY(.5)	}}
@media only screen and (-webkit-min-device-pixel-ratio:3) {.bar-tab:before {-webkit-transform: scaleY(.33);transform: scaleY(.33)	}}