@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ font: 12px Arial, Helvetica, sans-serif, "宋体"; color: #000000; text-align:center; background:#fff;}
.clear{ clear:both;}
div{ position:relative;}
.fon14{ font-size:14px;}
.float{ float:left;}
li{ list-style:none;}
a{ color:#000000; text-decoration:none;}
a:hover{ font-weight:bold; text-decoration:underline;}
a.a-more{ color:#ffffff; font-weight:normal; text-decoration:none;}
a.a-more:hover{ background:#ffffff; color:#000000;}
a.a1{ color:#ffffff;}
a.a1:hover{ font-weight:normal; text-decoration:none; position:relative; left:1px; background:#242828;}
a.a2{ color:#000000;}
a.a2:hover{ text-decoration:underline; font-weight:normal;}
a.a3{ color:#000000;}
a.a3:hover{ font-size:13px; background:#000000; color:#ffffff; padding: 0 5px; font-weight:normal; text-decoration:none;}

h1{ font-size:15px; text-align:center; line-height:40px;}

#container{ width:910px; margin:0 auto; text-align:left; background:#eeeeee;}
#top-container{
	height:90px;
	background:url(../images/topbg.jpg);
	color:#ffffff;
}
#logo{ top:30px; left:50px; width:226px; height:45px;}
#hpage-collect-contact{ position:absolute; right:20px; top:65px; width:260px;}
#homepage, #collect, #contact{ float:left; height:16px; margin-right:12px;}

/*menu css*/
#menu{ height:39px; background:url(../images/menubg1.jpg) repeat-x; text-align:center; font-size:15px;}
#menu ul{ margin-left:50px;}
#menu ul li{ font-family:"黑体"; float:left; background:url(../images/menubg2.jpg) no-repeat left 4px;}
#menu ul li a{ display:block; color:#000000; width:88px; height:29px; padding-top:10px; margin-left:2px;}
#menu ul li a:hover{ font-family:"黑体"; font-weight:normal; text-decoration:none; position:relative; top:1px; background:#ececec; filter:alpha(opacity=75); -moz-opacity: 0.75;}
.quickmenu{ display:none; position:absolute; left:140px; top:128px; z-index:200; width:90px; background:#ececec; filter:alpha(opacity=85); -moz-opacity: 0.85;}
.quickmenu ul{}
.quickmenu ul li{ background:url(../images/i4.gif) no-repeat 10px 50%; height:25px;}
.quickmenu ul li a{ display:block; padding-left:20px; padding-top:5px; padding-bottom:5px; color:#000000;}
.quickmenu ul li a:hover{ font-weight:bold; text-decoration:none; background:#242828; color:#ffffff;}
/*end menu css*/

#footer{ background:url(../images/footbg.jpg) repeat-x; height:42px; text-align:center; padding-top:24px;}


/*css of index*/
#flash-fade{ text-align:center; padding-top:3px; height:335px; color:#ffffff;}
#news-case{ position:absolute; top:4px; left:14px; height:333px; width:278px; background:#000000; filter:alpha(opacity=50); -moz-opacity: 0.5;}
.bg-black1, .bg-black2{ position:absolute; left:15px; width:266px; height:23px; text-align:left; background:#242828; padding-top:10px; padding-left:10px; }
.bg-black1{ top:5px;}
.bg-black2{ top:163px;}
.title-1{ color:#ffffff; background:url(../images/i1.gif) no-repeat left 50%; padding-left:40px;}
.more{ float:right; margin-top:5px; margin-right:10px; font-size:10px;}
#news, #case{ position:absolute; left:30px; width:256px; text-align:left;}
#news{ top:45px;}
#case{ top:200px;}
.heading-li{ background:url(../images/i2.gif) no-repeat left 50%; padding-left:15px; margin:8px 0;}

#flash-business{ text-align:center; padding-top:3px; margin-bottom:3px;}

/*css of subpage*/
#business-fade-2{ margin:0 13px 0; height:239px; padding-top:3px;}
#flash-business2{ position:absolute; left:0; top:3px; width:217px; height:239px;}
#flash-fade2{ float:right; width:665px; height:239px;}

#main{ position:static; margin:0px 13px; background:#e4e4e4; height:630px;}
html>body #main{ height:auto; min-height:630px;}
#submenu-container{
	float:left;
	width:217px;
	background:url(../images/bg-title2.gif) repeat-x;
	margin-top:2px;
	letter-spacing:1px;
}

.title-2{ color:#ffffff; background:url(../images/i1.gif) no-repeat left 20%; padding-left:40px; margin-left:23px; margin-top:7px; height:24px; font-size:15px;}
.submenu{ width:211px;  margin-left:3px;}
.submenu ul li{ font-size:13px; padding-top:3px;}
.submenu ul li a{ color:#000000; display:block; background:url(../images/bg-title3.gif) repeat-x bottom; height:23px; padding-top:10px; padding-left:40px;}
.submenu ul li a:hover{ color:#ffffff; font-weight:bold; background:#b9b9b9; height:21px; text-decoration:none;}
/*.submenu ul li a.current{ color:#000000; background:#cccccc; height:21px;}*/
.submenu ul li a:active{ color:#000000; background:#cccccc; height:21px;}
.img-i3{padding-right:10px; border:0;}

#partner-left{ background:url(../images/partnerbg.gif) no-repeat left 6px; padding-top:44px; margin-left:4px; height:250px;}
#partner-left ul{}
#partner-left ul li{ background:url(../images/i5.gif) no-repeat 17px 14px; padding-left:30px; padding-top:10px;}

#content-container{ float:right; width:667px; height:600px; padding-bottom:30px; background:#eeeeee; }
html>body #content-container{ height:auto; min-height:600px;}

.location{ height:22px; margin-top:2px; margin-left:2px; padding-top:8px; padding-left:14px; background:#e4e4e4;}
.location-i3{ background:url(../images/i3.gif) no-repeat 10px 42%; padding-left:25px;}
.content{ padding:20px 30px 0;}

p{ text-indent:24px; line-height:2;}

.news-list{ width:550px; padding-left:20px;}
.news-list ul{}
.news-list ul li{ background:url(../images/i4.gif) no-repeat left 50%; padding-left:20px; margin-top:10px; border-bottom:1px dotted #333333;}

.partner{ width:564px; margin-top:30px;}
.partner-name{ background:url(../images/bg-title4.gif) no-repeat; padding-left:60px; padding-top:3px; height:25px; font-size:15px; font-weight:bold; letter-spacing:1px;}
.partner-intro{ padding:15px;}
.enter{ text-align:right; padding-right:30px; height:20px;}
.pic{ width:150px; height:112px; border:3px solid #ffffff; margin-right:10px;}

.download-intro{padding:5px 20px;}
.download-intro p{ line-height:1.7;}
a.download{float:right; margin-right:30px; border:0; display:block; font-size:0px; width:83px; height:20px; background:url(../images/download.png) no-repeat;}
a.download:hover{ display:block; background:url(../images/download2.png) no-repeat;}

.loc2{ padding:20px 60px 0; font-family:"黑体"; font-size:14px;}

#game-main{ width:752px; margin:0 76px; padding-top:5px; padding-bottom:20px;}
.game-top{ background:url(../images/game-bg1.gif) no-repeat; padding:23px 17px; height:95px; width:718px; overflow:hidden;}
.game-top .intro{ text-indent:24px; line-height:1.5; padding-top:10px; width:718px;}
.game-casebox{ margin-top:15px;}
.game-case-pic{ background:url(../images/gamepic-bg.gif) no-repeat; width:171px; height:127px; padding:12px; overflow:hidden;}
.game-case{ margin-left:210px; background:url(../images/game-bg2.gif) repeat-x; height:148px;}
.game-case-title{ background:url(../images/i6.gif) no-repeat 15px 60%; padding:5px 0 0 35px;}
.game-case-intro{ padding:20px 22px 8px; text-indent:24px; line-height:1.8;}
.cutline{ width:517px; height:2px; margin:0 auto; padding:0; overflow:hidden;}
.more2{ float:right; margin-right:20px; margin-top:3px; width:87px; height:19px; padding-top:4px; text-align:center; background:url(../images/btnbg.png) no-repeat;}
a.more2:hover{ display:block; background:url(../images/btnbg-h.png) no-repeat; font-size:12px; text-decoration:none; font-weight:normal;}

.game-casebox2{background:#EEEEEE; margin-top:15px;}
.game-case-title2{ background:url(../images/game-bg2.gif) repeat-x; padding:5px 0 0 20px; height:20px;}