html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display:block}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal}
figure {margin:0;}
ul,ol {list-style:none;}
body {font:14px/1.75 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53,Arial,sans-serif;color:#555;background:#fff; text-align:center;}
a{color:#555; text-decoration:none;}
a:hover{color:#5090c7; text-decoration:none;}
.clear:after{content:'\0020';display:block;height:0;clear:both;}
.clear{*zoom: 1;}
.fl{ float:left;}
.fr{ float:right;}
*html,*body{ _height:100%;}
.area{ width:960px; margin:0px auto; position:relative; overflow:hidden;}
#header{position:fixed; top:0; left:0; width:100%; height:115px; background:#fff; z-index:999;}
#header .area{height:115px;}
.logo{float: left; padding-top: 23px;}
.nav{float: right; padding-top:50px;margin-right: -28px;}
.nav li{background: url(line.jpg) no-repeat right center; padding: 0 28px; float: left; font-size: 18px;}
.contentOne{background: #3491e1;}
.contentOne .area{ background: url(img1.jpg) no-repeat 10px bottom;line-height: 999em; overflow: hidden;height: 100%}
.contentTwo{background: #36c6b6;}
.contentTwo .area{ background: url(img2.jpg) no-repeat 10px bottom;line-height: 999em; overflow: hidden;height: 100%}
.contentThr{background: #fcf4a7;}
.contentThr .area{ background: url(img3.jpg) no-repeat 10px bottom;line-height: 999em; overflow: hidden;height: 100%}
.contentFor{background: #fc6d6d;}
.contentFor .area{ background: url(img4.jpg) no-repeat 10px bottom;line-height: 999em; overflow: hidden;height: 100%}


.floatWx{position:fixed; top:186px; left:50%; width:165px; height:300px;padding:20px; margin-left:278px; _position:absolute; z-index:999;}
.floatWxCon{width: 100%; height: 280px; position: absolute; left: 0;top: 20px; z-index: 998}
.floatWxBg{ background: #fff;opacity: 0.7;filter: alpha(opacity:70); width: 100%; height: 100%; position: absolute; left: 0;top: 0; z-index: 997}
.wxImg{ display: block; margin: 0 auto 10px; width: 130px; height: 130px;}
.wxWords{ text-align: center; font-size: 15px;}
.androidBtn,.appstoreBtn{width:165px; height: 46px; background: url(btn_bg.png) no-repeat; display: block; line-height: 999em; overflow: hidden; margin: 18px auto 0 }
.appstoreBtn{ background-position: -165px 0;}
a.androidBtn:hover{ background-position: 0 -46px;}
a.appstoreBtn:hover{ background-position:-165px -46px;}
.footer{width:100%; height:60px;line-height:60px;background:#fff; color:#ccc; padding:50px 0;text-align:center;}
.footer a{color:#ccc;}
.footer a:hover{color:#5090c7;}
.activeBox{ position:fixed; top:280px; right:30px; width:15px; height:135px; z-index:999999;}
.activeBox span{ display:block; width:15px; height:15px; margin-bottom:14px; background:url(icon_active.png) 0 -29px no-repeat; cursor:pointer;}
.activeBox span.active{ background-position:0 0;}

.down360{position:fixed; top:556px; left:50%; width:165px; height:64px;padding:0 20px; margin-left:278px; _position:absolute; z-index:999; text-align: center;}
.down360 a{ color: #fff; font-size: 16px; line-height: 32px; display: block; text-align: center; }
.down360 a:hover{ color: #fff; text-decoration: underline;}