/* 
 * @description: 所有页面的基础样式，包括 头部，导航，友情链接，版权 
 * @author: sole
 * @update: sole 2013/5/12
*/

/* basic */
body { margin:0 auto; font:12px/24px tahoma, Helvetica, Arial; text-align:center; }
body,iframe,div,p,h1,h2,h3,h4,h5,h6,fieldset,ul,dl,dt,dd,form,input,button,textarea,select,i{ margin:0px; padding:0px; font-weight:normal; }
i,em,u { font-style:normal; }
input,button,select,textarea { outline:none }
textarea { resize:none }
input { width:auto; overflow:visible; }
ul { list-style:none; overflow:hidden; }
a { color:#666; text-decoration:none; }
a:visited { }
a:hover { color:#3e96d3; text-decoration:underline; }
a:active {  }
img { border:none; }
.clear, .layout { *zoom:1; } 
.clear:after, .layout:after { display:table; clear:both; content:""; }

/*layout_basic*/
.layout{ color:#666; width:980px; margin:0px auto; text-align:left; }

/* header */
.header { padding:10px 0; }
.logo { float:left; width:110px; }
.logo img { width:110px; }

.nav { float:right; }
.nav ul { margin:6px 0; }
.nav li { float:left; padding:0 10px; } 
.nav li a { display:inline-block; padding:2px 5px; font-family:"\5fae\8f6f\96c5\9ed1"; font-size:18px; color:# }
.nav .now a, .nav li a:hover { border-bottom:3px solid #3e96d3; color:#3e96d3; text-decoration:none; }

/* intro */
.intro { height:690px; background:url(../img/bgl.png) repeat-x top center; }
.intro .bg { background:url(../img/bga.jpg) no-repeat top center; }
.intro .layout { height:690px; background:url(../img/bgc.jpg) no-repeat top center; }

.slide { display:inline; position:relative; float:left; width:177px; height:296px; margin:151px 215px 0 51px; overflow:hidden; }
.slide ul { position:absolute; left:0; top:0; width:177px; height:296px; }
.slide ul li { float:left; }
.slide .control { position:absolute; left:0; bottom:5px; width:100%; height:24px; text-align:Center; }
.slide .control a { display:inline-block; width:5px; height:5px; margin:0 3px; line-height:0; background-color:#b2b2b2; overflow:hidden; cursor:pointer; border-radius:50%; }
.slide .control .now { background-color:#333; }

.btns { float:right; width:520px; margin-top:330px; }
.btns .ios, .btns .android { position:relative; float:left; width:241px; height:77px;  } 
.btns .ios { display:inline; margin-right:20px; background:url(../img/btns.png) no-repeat; }
.btns .android { background:url(../img/btns.png) no-repeat 0 -78px; }
.btns .app { display:block; width:241px; height:77px; margin-top:-40px; line-height:110px; }
.btns .app:hover { text-decoration:none; }
.btns .app span { display:block; width:165px; margin-top:40px; color:#fff; font-size:14px; text-align:center;  }
.btns .d-code { position:absolute; left:-15px; top:85px; width:273px; height:162px; background:url(../img/d_code_bg.png) no-repeat; }
.btns .android .d-code { position:absolute; left:95px; width:153px; height:162px; background:url(../img/d_code_b_m.png) no-repeat; }
.btns .d-code img, .btns .d-code span { display:inline-block; width:95px; overflow:hidden; }
.btns .d-code img { height:95px; margin:30px 0 0 28px; background-color:#ddd; }
.btns .d-code span { margin:-8px 0 0 28px; font-size:14px; text-align:center; }

/* step */
.step { background:url(../img/step_line.png) repeat-x center bottom; border-bottom:1px solid #fff; }
.step .what { height:40px; background:url(../img/step.png) no-repeat left; text-indent:-1000em; }
.step .reg-bar { height:163px; background:url(../img/step_bg.png) repeat center; }
.step .reg-bar .reg { display:block; width:163px; height:163px; margin-left:57px; }
.step .reg-bar .reg:hover { background:url(../img/reg.png) no-repeat; }

/* show */
.show { display:block; background:url(../img/line.png) repeat center top; }
.show .layout { height:532px; padding-top:2px; overflow:hidden; }
.show img { display:block; }

/* footer */
.footer { padding:10px 0; text-align:center; }
.footer li { padding:5px 0; }
.footer li img { margin:0 10px; }
.footer .services { padding:10px; border-top:1px solid #d1d7dc; border-bottom:1px solid #d1d7dc; color:#ddd; }

/*html5*/
article,aside,header,section,footer,nav,figure,menu{ display:block; }