@charset "utf-8";
* {padding:0;margin:0;}
a:link, a:visited{text-decoration:none;color:#005bce; }
a {blr:expression(this.onFocus=this.blur())}
a {outline:none;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{border:none;}
.clear :after{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
body{position:relative; background:#fcfbfb;font-family:"微软雅黑",Arial,"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti,"宋体";font-size:12px; color:#444;background:#fff; }
ul{list-style:none;}
.clear{clear:both;}
/*用于居中用的框体*/
#wrapper{position:relative;background:#fff;width:100%;}
.middel{width:1170px;margin:0 auto;}
/*微信qq*/
/*sus_pop右侧弹出层*/
.sus_pop{ position:fixed; right:0; top:150px; z-index:99;}
.sus_pop p{font-size:14px;	}
.sus_flod,.sus_close{ position:absolute; left:-21px; top:30px; width:21px; height:67px; background:url(../images/btn2.png) 0 0 no-repeat; z-index:100;}
.sus_close{ background:url(../images/btn.png) 0 0 no-repeat;}
/*nav*/
#nav{width:100%;height:90px;background:#fff;position:fixed;z-index:99;  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 12px rgba(0,0,0,0.1); box-shadow: 0 0 12px rgba(0,0,0,0.1);}
.homepage{position:fixed;z-index:99;}
#nav .logo{background:url(../images/logo.png) no-repeat center center;display:block;width:242px;height:69px;float:left;position:relative;top:15px;}
#nav .logo span{text-indent: -9000px;display: block;}
#nav .piple{background:url(../images/logo_after.png) no-repeat center center;display:block;float:left;width:22px;height:65px;position:relative;top:15px;}
#nav h2{float:left;height:65px;position:relative;top:35px;text-align:center;font-size:20px;color:#8b8b8b;font-weight: normal;}
#nav ul{float:right;position:relative;top:15px;}
#nav ul li{float:left;padding-left:30px;height:60px;position:relative;}
#nav ul li a{display:block;font-size:19px;line-height:60px;color:#000;;}
#nav ul li a:hover{color:#0cc}
#nav .new{width:30px;height:18px;position:absolute;left:160px;background:url(../images/new.png) no-repeat center center;}
/*baner*/
#banner{background:url(../images/banner_bg.jpg) repeat;width:100%;height:571px;text-align:center;position:relative;top:90px;overflow:hidden;}
#banner img{position:absolute;top:0;left:50%;margin-left:-800px;}
#banner .download{display:block;background:url(../images/download_btn.png) no-repeat; width: 138px;height:45px;position:absolute;bottom:0px;right:150px;z-index:1;text-indent:-9999px;}
#banner .download_apk{display:block;background:url(../images/apk_btn.png) no-repeat; width: 138px;height:45px;position:absolute;bottom:0px;right:0px;z-index:1;text-indent:-9999px;}
/*funtion*/
#function{width:100%;clear:both;background:#fff;position:relative;top:90px;}
.content{height:300px;}
.section{width:25%;float:left;text-align:center;padding-top:50px;position:relative;}
.section span{display:block;background:url(../images/cross.png) no-repeat;width:40px;height:40px;position:absolute;right:0;top:96px;text-indent:-9999px;}
.section h3{font-size:19px;padding:15px;color:#000;}
.section p{font-size:12px;line-height:19px;text-indent:24px;color:#5e5e5e}
/*product*/
.sub_middel{width:1099px;margin:0 auto;}
#product{background:#f8f8f8;padding-top:30px;position:relative;top:90px;}
.sub_content{border-bottom: #fff solid 1px;padding: 30px 20px; clear:both;}
.sub_content h2{color:#016d9d;}
.sub_content span{width:497px;margin-left:25px;}
.sub_content span h3{font-size: 32px;line-height: 32px;font-weight: 300;text-shadow: 0 1px 0 rgba(255,255,255,1);color:#4C5D6E}
.sub_content span p{font-size: 16px;color: #808080;line-height: 22px;margin:1em 0;}
.sub_content img,.sub_content span{float:left;}
.sub_content .info{margin-top: 20px;}
.sub_content .info .sub_info{float: left;margin-left: 15px;width: 400px;}
.sub_content .info .sub_info span{font-size: 12px;color: #666;margin:0;width:400px;}
.sub_top{height:305px;}
.sub_bottom{height:321px;}
/*product ceo*/
.sub_section{float:left;width:500px;text-align:left;position:relative;}
.ceo{padding:0px 30px 40px 0px;}
.sub_section img{margin-right:30px;}
.ceo_right{float:right}
.sub_ceo h2{text-align:center;font-size:32px;line-height:32px;font-weight:bolder;margin-bottom:40px;}
.sub_ceo p{font-size:14px;line-height:24px;}
.sub_ceo h4{color:#ccc;font-size:16px;font-weight:none;}
/*example*/
.example{background:#fff;padding-top:60px;position:relative;top:90px;}
.example_title{ text-align: center; font-size: 32px;line-height: 32px;font-weight: bolder;margin-bottom: 40px;color:#016d9d;}
.game_list{width:636px;}
.game_list li{width:90px;float:left;text-align:center;margin:10px 8px;}
.game_list img{box-shadow: 0 1px 5px rgba(0,0,0,0.2);-webkit-border-radius: 20%;border-radius: 20%;}
.sub_content video,.sub_content .game_list{float:left;}
.sub_content video{width: 423px;height:320px;background:#000;}
/*map*/
.web_map{background:#363636;padding:40px 0;position:relative;top:90px;}
.web_map a{color:#b0b0b0}
.contact,.sub_menu{float:left;}
.sub_menu{margin-right:100px;}
.sub_menu h3{padding-bottom:20px;font-size:16px;font-weight:normal;color:#fff;}
.web_map p{color:#fff;}
.sub_menu li{padding:10px 0;font-size:14px;}
.foot_middel{width:1000px;margin:0 auto;}
.footer{text-align:center;background:#000;color:#fff;padding:50px 0;position:relative;top:90px;}
.footer span{padding-left:10px;}
/*doc*/
.doc_main{position:relative;top:90px;}
.doc_nav{width:240px;position:fixed;top:120px;border-left:3px solid #0098dd;border-right:1px solid #d2d2d2;border-top:1px solid #d2d2d2;;border-bottom:1px solid #d2d2d2;}
.doc_nav h3{height:38px;text-align:left;line-height:38px;padding-left:20px;}
.doc_nav_1{font-size:14px;line-height:32px;}
.doc_nav_1 li a{display:block;text-indent:30px;}
.doc_content{border:1px solid #ccc;width:870px;position:relative;left:259px;top:30px;margin-bottom:90px;}
.doc_inner{padding:30px;}
.doc_nav a{color:#666;}
.doc_nav a:hover{background:#f3f3f3;color:#666;}
.doc_nav .active{background:#f3f3f3;color:#666	}
.doc_nav li{text-indent:30px;}
.sub_doc{position:relative;}
.doc__content p{font-size:14px;text-align:left;line-height:32px;font-weight:normal;margin-bottom:30px;}
/*product_main*/
#product_main{width:100%;clear:both;background:#fff;position:relative;top:90px;text-align:center;overflow:hidden;}
#product_main hr{background:#e5e5e5;height:1px;border:0px;}
/*aboutus*/
.aboutus_content p{font-size:14px;text-align:left;line-height:32px;font-weight:normal;margin-bottom:30px;}
/*download*/
.download_web{width:100%;clear:both;background:#fff;position:relative;top:90px;}
.sub_show{padding-top:90px;}
.sub_show .img_float{float:left;margin-right:20px;}
.sub_title{height:120px;float:left;padding-top:35px;}
.sub_show h2{color:#0074c5;font-size:24px;}
.sub_show h3{font-size:18px;}
.sub_show h4{font-size:12px;}
.sub_show ul{margin-top:30px;}
.sub_down{padding-bottom:160px;}
.sub_down img{float:left}
.sub_down a{color:#fff;font-size:14px;}
.sub_down .down_hover a:hover{background:#00b3b3}
.sub_down li{margin-bottom:10px;}
.sub_down ul{float:left;width:31%;border-left:2px solid #d8d8d8;padding-left:20px}
.downarrow img{margin:15px;}
.downarrow{width:138px;height:50px;background:#f3f3f3;display:block;margin-left:80px;background:#0cc;border-radius:5px;position:relative;text-align:left;line-height:25px;}
.more{width:138px;height:50px;background:#BBB;display:block;margin-left:80px;border-radius:5px;text-align:center;line-height:50px;}
.sub_down .more_hover a:hover{background:#ccc;}
.warning{font-size:12px;color:red;margin-top:30px;}