html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,table,tr,th,td {margin:0;padding:0}
body,input,textarea,select{font:12px/1.5 "Hiragino Sans GB","Microsoft YaHei","宋体",Arial,Tahoma,Helvetica,Geneva,sans-serif; color:#444866; -webkit-font-size-adjust: none; }
h1,h2,h3,h4,h5,h6 {font-size: 12px;}
h6 {font-weight: normal;}
input, textarea, select, button {font-size:12px;font-weight:normal;font-family:inherit}
input[type="button"],input[type="submit"],select,button {cursor:pointer}
table {border-collapse:collapse;border-spacing:0;width:100%;}
em,i,b {font-style: normal;font-weight: normal}

ul{list-style:none;}
img {border:none;vertical-align:middle;-ms-interpolation-mode:bicubic;}
input,textarea,select{resize:none;}
.cl:before,.cl:after,.area:before,.area:after{content:"";display:table;clear:both;}
.cl,.area {*zoom:1;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); color:#444866; cursor:pointer;transition:background-color 0.2s linear 0s;}
a:hover{ text-decoration:none; color:#33b972;}
.fr {float: right;}.fl {float: left;}.cred {color: #c00;}
body {background:#fff}
.area {width: 1000px; margin: auto;clear: both;}
header{width: 100%; clear: both; background-color: #191d3a;}
#top { height: 58px;}
header nav a {float: left; width: 128px; text-align: center; height: 58px; font: 14px/58px "Microsoft YaHei","simhei"; color: #818496; border-left: 1px solid #252947; border-right: 1px solid #252947; margin-right: -1px;}
header nav a.current {background-color: #252947; color: #e2e4ed;}
header nav a:hover {color: #e2e4ed;}
.joinus {float: right; margin: 12px 20px 0 0; height: 32px; line-height: 32px; width: 98px; border: 1px solid #3aca7a; border-radius: 3px; background-color: #38b774; font-size: 14px; color: #fff; text-align: center;}
.joinus:hover {color: #fff; background-color: #2ba364;}
#banner {width: 100%; clear: both; position: relative; background-color: #191d3a;}
#banner .bd {overflow: hidden;}
#banner .bd li {background-position: center top; background-repeat: repeat-x; height: 435px; width: 100%;}
#banner .intro { width: 460px; padding:170px 0 0 750px; margin: auto; position: relative;  }
#banner .intro h2 {display: none;}

#banner .intro p {padding-right: 20px; font-size: 14px; color: #183643; line-height: 22px;  font-family:宋体; padding-top:5px;}

.download{ margin-top:20px;}
.download dt { color: #191d3a; font-size: 18px; font-weight: bold; padding-left: 30px; height: 35px; line-height: 35px; display: none; }

.download dd a{ display:block; float:left; padding-right:8px; padding-bottom:8px; text-indent:-9999px;}
.download dd a.android { background:url(/static/images/js0_16.png) no-repeat; width:115px; height:114px;}
.download dd a.gw { background:url(/static/images/js0_18.png) no-repeat; width:191px; height:54px;}
.download dd a.xq {background:url(/static/images/js0_21.png) no-repeat; width:191px; height:54px;}
.download dd a.dt { background:url(/static/images/js1_03.png) no-repeat; width:115px; height:114px;}
.download dd a.ipad { background:url(/static/images/ipad_03.png) no-repeat; width:115px; height:114px;}
.download dd a.iphone { background:url(/static/images/iphone_03.png) no-repeat; width:115px; height:114px;}
.download dd a.web { background:url(/static/images/web_03.png) no-repeat; width:115px; height:114px;}

.download dd a.android:hover{ background:url(/static/images/js_16.png) no-repeat;}
.download dd a.gw:hover{ background:url(/static/images/js_18.png) no-repeat;}
.download dd a.xq:hover{ background:url(/static/images/js_21.png) no-repeat;}
.download dd a.dt:hover{ background:url(/static/images/js1_06.png) no-repeat;}
.download dd a.ipad:hover{ background:url(/static/images/ipad_06.png) no-repeat;}
.download dd a.iphone:hover{ background:url(/static/images/iphone_05.png) no-repeat;}
.download dd a.web:hover{ background:url(/static/images/web_05.png) no-repeat;}

#banner #b5 .intro p,#b5 .download dt {color: #fff;}
#banner .hd ul {width: 750px;z-index: 100; position: absolute; left: 50%; margin-left: -275px; bottom: 30px;}
#banner .hd ul li {float: left; width: 80px; height: 6px; background-color: #fff; overflow: hidden; text-indent: -9999px; margin-right: 30px; opacity: 0.5;filter: alpha(opacity=50); cursor: pointer;}
#banner .hd ul li.on {opacity: 1;filter: alpha(opacity=100);}
#indexmain {width: 100%; background:#fff; }
.indexpro { padding-top: 30px; margin-bottom: 5px;}
.indexpro .bd {width: 1000px; overflow: hidden; height: 200px; margin-bottom: 20px;}
.indexpro .bd li { float: left; width: 227px; height: 200px; margin-right: 30px; text-align: center;}
.indexpro .bd li a {color: #fff; display: block;}
.indexpro .bd li h5 { font-size: 14px; padding:5px 0px 1px 0px;}
.indexpro .bd li  a h5{ color:#292829;} 
.indexpro .bd li p {padding-bottom: 10px;}
.indexpro .bd li p span { display: inline-block; padding-right: 11px; line-height: 18px; text-transform: uppercase; color: #333;}
.indexpro .hd { border-top: 1px solid #dbe1e7; clear: both; height: 18px;}
.indexpro .hd ul {width: 60px; padding-left: 17px; height: 11px; margin: -6px auto 0; background-color: #fff;}
.indexpro .hd ul li {float: left; width: 11px; height: 11px; margin-right: 14px; border-radius: 6px; background-color: #b5c0cb; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.indexpro .hd ul li.on { background-color: #f90;}
.indexpro .bd li a:hover h5,.indexpro .bd li a:hover p{ color:#292829;transition:background-color 0.5s linear 0s}
.indexpro .bd li a:hover img {opacity: 0.8;filter: alpha(opacity=80); background-color: #fff;}
.indexpro .bd li a:hover p span {color: #292829;}

.link_con{ position:absolute;}
.link_con img{width:227px;height:175px;}
.link_box{ position: absolute; color:#fff; height:80px; top:120px; width:227px; background:url(/static/images/lg_bg.png) no-repeat; }

.link_box dl{ padding-left:15px; padding-top:10px;}
.link_box dd{ height:25px; background: url(/static/images/lg_2.png) no-repeat; text-align:center; color:#fff; float:left; width:95px; padding-right:6px; padding-bottom:10px; line-height:25px;}
.link_box dd.d1{ width:198px; background: url(/static/images/lg_1.png) no-repeat;}
.link_box dd a{ color:#fff;}