@charset "gb2312";
/* CSS Document */

body{font-family:ËÎÌå,Arial Narrow;background:#000 url(../images/body_bg.jpg) repeat;font-size:12px; color:#dedfe2; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,form,input,textarea, table {padding:0; margin:0;}
img{ border:0;}
ol,ul,li{list-style:none;}
em{font-style:normal;}
a {color:#6293e6;text-decoration:none;}
a:visited {color:#6293e6;text-decoration:none;}
a:hover {color:#F00;text-decoration:underline;}
.lt{float:left;}
.rt{float:right;}
.cl{clear:both;}
.bl{display:block; float:left;}
.color1{color:#02bbff;}
.color2{color:#6293e6;}
.mtop6{margin:6px 0 0;}
.mtop25{margin:25px 0 0;}


.warp{width:100%; overflow:hidden; background:url(../images/bg.jpg) center top no-repeat;}
.mainbox{width:982px;margin: 0 auto;overflow:hidden;}
.contentbox{width:982px; float:left;}
.contentbox h3{ height:21px; width:937px; float:left; background:url(../images/tit1.jpg);font-size:14px; padding:18px 0 0 45px;}
.content{width:952px; float:left; padding:10px 15px 0; background:url(../images/txt_bg.jpg) repeat-y;}

.menu{width:982px; height:44px; background:url(../images/nav.jpg) no-repeat; float:left;}
.menu ul{width:875px; margin:0 auto;}
.menu li{ display:inline; width:75px; height:44px; float:left; margin:0 0 0 45px;}
.menu li a{ display:block; width:75px; height:44px; text-indent:-999px;}
.menu li.submenu1 a{ background:url(../images/nav_1.jpg)}
.menu li.submenu1 a:hover{ background:url(../images/nav_be01.jpg)}
.menu li.submenu2 a{ background:url(../images/nav_2.jpg)}
.menu li.submenu2 a:hover{ background:url(../images/nav_be02.jpg)}
.menu li.submenu3 a{ background:url(../images/nav_3.jpg)}
.menu li.submenu3 a:hover{ background:url(../images/nav_be03.jpg)}
.menu li.submenu4 a{ background:url(../images/nav_4.jpg)}
.menu li.submenu4 a:hover{ background:url(../images/nav_be04.jpg)}
.menu li.submenu5 a{ background:url(../images/nav_5.jpg)}
.menu li.submenu5 a:hover{ background:url(../images/nav_be05.jpg)}
.menu li.submenu6 a{ background:url(../images/nav_6.jpg)}
.menu li.submenu6 a:hover{ background:url(../images/nav_be06.jpg)}
.menu li.submenu7 a{ background:url(../images/nav_7.jpg)}
.menu li.submenu7 a:hover{ background:url(../images/nav_be07.jpg)}

.hero_info{width:396px; padding:0 10px 5px; background:#192646; border:1px solid #1f3464; margin:0 0 0 8px; float: left; line-height:22px;}
.hero_info h4,.hero_info span{ display:block; float:left;}
.hero_info h4{color:#ffb006; font-size:14px; height:40px; line-height:40px; width:386px;}
.hero_info span.hero_infotxt{height:89px; overflow:hidden;}
.hero_info span.shows{ background:#2a3a64; border:1px solid #19233c; width:374px; padding:10px; margin:10px 0 0 0;}
.hero_info span.shows table{ border:none; background:none;}
.hero_info span.shows td em{ display:block; height:14px;}
.hero_info span.shows td em.shows_red{ background:url(../images/shows_red.jpg) repeat-x;}
.hero_info span.shows td em.shows_blue{ background:url(../images/shows_blue.jpg) repeat-x;}
.hero_info span.shows td em.shows_green{ background:url(../images/shows_green.jpg) repeat-x;}
.hero_info span.shows td em.shows_pink{ background:url(../images/shows_pink.jpg) repeat-x;}

.hero_update{width:269px;background:#192646; border:1px solid #1f3464; margin:0 0 0 8px; float:left;}
.hero_update h4{height:23px; border-bottom:1px solid #1f3464; color:#ffb006; font-size:12px; font-weight:normal; line-height:220%; background:url(../images/icon.jpg) 5px 4px no-repeat; padding:0 0 0 25px;width:244px; float:left;}
.hero_update dl{width:256px; float:left; padding:10px 0 10px 13px; line-height:22px; height:210px;*height:210px !important;*height:206px; overflow-y:scroll;overflow-x:hidden;
SCROLLBAR-FACE-COLOR: #ffffff; 
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #919192; 
SCROLLBAR-3DLIGHT-COLOR:#ffffff; 
SCROLLBAR-ARROW-COLOR: #919192; 
SCROLLBAR-TRACK-COLOR: #ffffff; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; }
.hero_update dt,.hero_update dd{ width:249px; float:left;}
.hero_update dt{font-weight:bold;}

.skills_info,.hero_choose{width:473px; float:left;}
.skills_info h4,.skills_side h4,.hero_choose h4{ width:473px; height:24px; background:url(../images/tit2.jpg); float:left; overflow:hidden;}
.skills_info h4 span,.skills_side h4 span,.hero_choose h4 span{ float:right; background:url(../images/tit2.jpg) right top; display:block; height:24px; width:440px; color:#ffb006; font-size:12px; line-height:220%;}
.skills_info h4 span em,.skills_side h4 span em,.video h3 span{ float:right; font-style:normal; font-weight:normal;padding:0 10px 0 0;}
.skills_info h4 span em a,.skills_side h4 span em a,.video h3 span a{color:#02bbff;}
.skills_info h4 span em a:hover,.skills_side h4 span em a:hover,.video h3 span a:hover{color:#f00;}
.skills_txt{width:463px; padding:0 4px 5px; float:left; background:#192646; border:1px solid #1f3464;}
.skills_content{width:441px; padding:10px; background:#041a30; border:1px solid #1b333c; float:left; margin:5px 0 0; overflow:hidden;}
.skills_content p{width:100%;}
.skills_content span,.skills_content img,.skills_content span.skills_l em{ display:block; float:left;}
.skills_content span.skills_l a{ display:block; width:62px; height:90px;}
.skills_content span.skills_l a:hover{color:#f00; }
.skills_content span.skills_l a img{border:2px solid #020e1a;}
.skills_content span.skills_l a:hover img{ border:2px solid #ffb006;}
.skills_content span.skills_l em{width:66px; height:auto; line-height:150%; background:#020e1a; text-align:center; margin:1px 0 0; cursor:pointer;}

.skills_content span.skills_l{width:66px;}
.skills_content span.skills_r{width:370px; line-height:23px; padding:0 0 0 5px;}

.skills_content p a{border:1px solid #114e75; display: inline-block; width:44px; height:44px; float:left; margin:0 0 0 8px;}
.skills_content p a:hover{border:1px solid #ffb006;}

.skills_side{width:473px; float:left; margin:6px 0 0 6px;}
.skills_side .skills_content span{width:93px; height:46px; background:url(../images/skill_level.jpg); margin:0 6px 0 0; color:#ffcd06; font-size:20px; font-family:΢ÈíÑźÚ; text-align:center; line-height:230%;}
.skills_side .skills_content em{
	line-height:180%;
	display:block;
	float:left;
	height:50px;
	padding:7px 0;
	overflow:hidden;
	max-width:404px;
}
.skills_side .skills_content h5,.hero_choose .skills_content h5{ width:83px; height:22px; font-weight:normal; color:#02bbff; background:#020f25; text-align:center; line-height:190%;margin:9px 0 0;*margin:9px 0 0 !important;*margin:6px 0 0; font-size:12px; float:left;}
.skills_side .skills_content p.tech,.hero_choose .skills_content p.tech{width:422px; line-height:20px; padding:9px 10px; background:#020f25; margin:1px 0 0; color:#6293e6; float:left;}

.video{margin:6px 0 0;}
.video h3,.strategy h3,.pic h3{height:24px; width:947px; background:url(../images/tit2.jpg);padding:0;color:#ffb006; font-size:12px; line-height:220%; padding:0 0 0 35px;}
.video h3 span,.strategy h3 span{ float:right; font-style:normal; font-weight:normal;padding:0 10px 0 0;}
.video_txt,.strategy_txt,.pic_txt{width:960px;padding:10px; float:left; background:#192646; border:1px solid #1f3464; }
.list{width:960px; background:#041a30; padding:10px 0 0; border:1px solid #1b333c;overflow:hidden;}
.list li{ width:122px; display:inline; color:#6293e6; text-align:center; line-height:280%; float:left; margin:0 0 0 13px;}
.list li em{ position:absolute; top:38px; left:40px; cursor:pointer; }
.list li a{position:relative; display:block;}
.list li a img{border:1px solid #848383; }
.list li a:hover img{border:1px solid #ffb006;}
.list li img{ vertical-align:middle;}
.list li a em img,.list li a:hover em img{border:none;}

.list2{width:442px;}
.list2 li{width:82px; display:inline; float:left;margin:0 8px 0 0; line-height:220%; color:#6293e6; text-align:center;}
.list2 li a{ display:block; width:80px; height:100px;}
.list2 li a img{ border:1px solid #007ab1;  }
.list2 li a:hover img{ border:1px solid #ffb006;}
.hero_choose .skills_content h5{margin:6px 0 0;}

.equip{width:473px; float:left;}
.list3{ position:absolute; top:-32px; left:10px;}
.list3 li,.list7 li{ display:inline; width:73px; height:23px; float:left; margin:0 5px 0 0;}
.list3 li a,.list7 li a{display:block; width:73px; height:23px; background:url(../images/equip_tabs_out.jpg); color:#dbd8d8; line-height:220%; text-align:center; text-decoration:none; overflow:hidden;}
.list3 li a.current,.list7 li a.current{ background:url(../images/equip_tabs_over.jpg); color:#ffb006; font-weight:bold;}
.equip_content{width:473px;}
.equip_content table,.related table{border:none; background:#1f3464; width:472px;}
.equip_content td.equip_tit,.related td.equip_tit{height:23px; background:#111b33;}
.equip_content td.equip_info,.related td.equip_info{ background:#192646; padding:0 12px 10px; width:440px;}
.equip_content td.equip_tit h5,.related td.equip_tit h5{ background:url(../images/equip_icon.jpg) 10px 5px no-repeat; color:#ffb006; padding:0 0 0 30px; line-height:220%; font-size:12px;}

.list4{width:440px; float:left; padding:10px 0;}
.list4 dd{ display:inline; float:left; width:46px; height:46px;margin:0 8px 0 0;}
.list4 dd a{ display:block; width:46px; height:46px;}
.list4 dd a img{ border:1px solid #114e75; }
.list4 dd a:hover img{ border:1px solid #ffb006; }
.equip_info h5{width:83px; height:22px; font-weight:normal; color:#e5eaf4; background:#020f25; text-align:center; line-height:190%; font-size:12px;float:left; }
.equip_info p{width:422px; line-height:20px; padding:9px 10px; background:#020f25; margin:1px 0 0; color:#b7d0fb;float:left; }

.related{width:473px; float:left; margin:0 0 0 5px;}
.related td.equip_info{ background:#192646; padding:5px; width:461px;}
.related td.equip_info ul,.talent{ width:441px; background:#041a30; border:1px solid #1b333c; padding:10px; overflow:hidden;}
.related td.equip_info li{ float:left;margin:5px 0 0;}
.related td.equip_info li img{display:block; float:left; border:1px solid #539eca;}
.related td.equip_info_txt li a{ display:block; float:left;}
.related td.equip_info_txt li a img{border:1px solid #539eca;}
.related td.equip_info_txt li a:hover img{border:1px solid #ffb006;}
.related td.equip_info_txt li span{ width:360px; display:block; float:left; padding:0 0 0 10px;}
.related td.equip_info_txt li span em{display:block; float:left; color:#b7d0fb; line-height:160%; padding:0 0 0 10px; margin:2px 0 0; width:297px;height:40px;}
.related td.equip_info li span em.related_tit{width:53px; height:22px; background:#003d78; line-height:200%; color:#ffb006; text-align:center; padding:0;}
.talent_top{ height:30px; width:443px; float:left;}
.talent_top img,.talent_top em{ display:block; float:left;}
.talent_top em{width:28px; height:30px; text-align:center; font-weight:bold; font-size:14px; line-height:30px;}
.talent_txt{width:207px; float:left; margin:6px 0 0; color:#b7d0fb; line-height:22px; padding:0 0 0 5px;}
.related td.equip_info ul.list5{ border:none; background:none; width:453px; padding:3px 0 2px;*padding:3px 0 2px !important;*padding:4px 0;}
.related td.equip_info ul.list5 li{margin:0; width:113px; display:inline; text-align:center; line-height:100%; color:#4a9eef;}
.related td.equip_info ul.list5 li img{ float:none; margin:0 auto;}
.related td.equip_info ul.list5 li a:hover img{border:1px solid #ffb006;}


.strategy,.pic{width:952px; float:left;}
.strategy h3,.pic h3{width:917px; overflow:hidden;}
.strategy_txt,.pic_txt{width:930px;}
.list6 li{ display:inline; float:left; width:170px; height:127px; padding:9px 5px; background:#041a30; border:1px solid #1b333c; line-height:180%; margin:0 2px;}
.list6 h5,.list6 span,.list6 em{ display:block; width:170px; float:left;}
.list6 h5{color:#125fe2; font-size:12px;}
.list6 span{ height:85px;}
.list6 em a{ text-decoration:underline;}

.pic_txt{ position:relative;}
.list7{ position:absolute; top:-25px; left:40px;}
.pic h3 span{ float:right; padding:0 10px 0 0;}
.pic h3 span a{font-weight:normal;}
.pic_content{ width:928px; background:#041a30; border:1px solid #1b333c;}
.pic_content dl{padding:10px 0; overflow:hidden;}
.pic_content dd{ display:inline; float:left; text-align:center; width:152px; margin:0 0 0 27px;}
.pic_content dd a img{ border:1px solid #000;}
.pic_content dd a:hover img{ border:1px solid #ffb006;}
.pic_content dd a{ display:block; width:150px;  line-height:200%; color:#ffb006;}

.other{height:82px; background:url(../images/other.jpg) no-repeat; padding:14px 0;}
.other_tit{ display:block; float:left; margin:5px 0 0 14px;}
.list8{ display:block; float:left;}
.list8 li{width:175px; height:63px; display:inline; float:left; margin:2px 0 0 30px;}
.list8 li a img{ border:1px solid #333;}
.list8 li a:hover img{  border:1px solid #ffb006;}

.warpbottom{width:100%; height:85px; padding:60px 0 0 0; overflow:hidden; background:url(../images/bottom.jpg) repeat-x; text-align:center; line-height:200%;}