/* CSS Document */
body{margin:0px; font-size:12px; padding:0px; color:#FFFFFF; background-image:url(../images/bg.gif); font-family:"新宋体"; font-family:"宋体";}
.bo{ width:960px; margin-bottom:20px; margin-left:auto; margin-right:auto;background-image:url(../images/bo_bg.gif);}
.w{width:920px;}
.c{margin-left:auto; margin-right:auto;}
.s{overflow:hidden;}
.wag{margin-top:6px;}
.mt{margin-top:20px; overflow:hidden;}
.h{ height:100%; overflow:hidden;}
.bg{background-color:#589FD1;}
.mar5{margin:5px; overflow:hidde}
.mar8{margin:8px; overflow:hidde}
.mar10{margin:10px; overflow:hidden;}
.bl{ height:100%; overflow:hidden; border:1px solid #E4E4E4;}

a,a:visited{text-decoration:none; color:#C4C4C4;}
a:hover {color:#FFFFFF; text-decoration:underline;}
.page{ height:30px; line-height:30px; text-align:right; border-bottom:1px solid #666666;}

form{margin:0px; padding:0px;}


/* banner */
.top{margin-top:20px;}
.banner{ background-color:#474747; height:100px;}
.menu{ height:57px; background-color:#242424; background-image:url(../images/menu_bg.gif);}
.menu .menu_left{ height:57px; background-image:url(../images/menu_bg_left.gif); background-repeat:no-repeat; background-position:left;}
.menu .menu_right{ height:57px; overflow:hidden; background-image:url(../images/menu_bg_right.gif); background-repeat:no-repeat; background-position:right top;}
.menu .menu_right .menu_text{ height:46px; width:780px; margin-left:auto; margin-right:auto; overflow:hidden; margin-top:13px;}
.menu_text ul{ margin:0px; padding:0px; overflow:hidden;}
.menu_text ul li{ list-style-type:none; float:left; width:96px; text-align:center; line-height:22px; height:44px;}
.menu_text ul li a,.menu_text ul li a:visited{text-decoration:none; color:#CCCCCC; display:block; width:100%; height:100%;}
.menu_text ul li a font,.menu_text ul li a:visited font{ font-weight:normal; color:#5E5D62;}
.menu_text ul li a:hover {color:#FFFFF; text-decoration:none; font-weight:bold;}
.menu_text ul li a:hover font{ font-weight:normal; color:#5E5D62;}
/* banner end */

/* index */
.index{ overflow:hidden; background-color:#151515;}
.index .index_co{ width:876px; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:30px;}
.flash_advs{ width:530px; height:225px;}

.rec_img{ border:1px solid #6D6D6D; width:530px; position:relative; margin-top:30px; height:272px;}
.rec_img .span{ position:absolute; background-color:#151515; width:120px; height:20px; line-height:20px; text-align:center; top:-12px; right:20px; font-weight:bold;}
.rec_img ul{margin:0px; padding:0px;margin-bottom:10px; overflow:hidden;}
.rec_img ul li{ list-style-type:none; overflow:hidden; width:250px; height:120px; display:inline; float:left; margin-top:10px; margin-left:10px;}

.news_box{width:280px; margin-left:30px;}
.news_box_title{ height:24px; line-height:24px;border-bottom:1px solid #646464; font-size:14px; text-indent:6px; font-weight:bold; position:relative;}
.news_box_title .in_img{ position:absolute; left:-30px;}
.news_box_title .more{ position:absolute; right:3px; font-size:12px; font-weight:normal;}

.news_box_list{ overflow:hidden;}
.news_box_list ul{ margin:5px; padding:0px; overflow:hidden;}
.news_box_list ul li{ list-style-type:none; height:26px; line-height:26px; text-indent:20px; background-image:url(../images/o.gif); background-repeat:no-repeat; background-position:2px 8px; overflow:hidden;}
.news_box_list ul li font{ color:#D58F1D;}
/* index end */

/* left_menu */
.left_menu{ width:260px; background-image:url(../images/left_menu.gif); height:100%; overflow:hidden;}
.left_menu ul{margin:0px; padding:0px; overflow:hidden; margin-right:3px;}
.left_menu ul li{ list-style-type:none; height:36px; line-height:36px; font-size:12px; background-image:url(../images/j.gif); background-repeat:no-repeat; background-position:14px 12px; text-indent:36px; border-bottom:1px dotted #CCCCCC; overflow:hidden;}

.co_right{ width:640px; overflow:hidden; float:right;}
.co_right .vi_title{ height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:bold; color:#CCCCCC; border-bottom:2px solid #CCCCCC;}
.co_right .vi_content{ margin:15px;line-height:150%; font-size:12px; color:#CCCCCC; height:100%; overflow:hidden; }

.news_daohan{ height:30px; line-height:30px; border-bottom:1px solid #CCCCCC;}

.news_list{ overflow:hidden;}
.news_list ul{ margin:0px; padding:0px; overflow:hidden;}
.news_list ul li{ list-style-type:none; height:26px; line-height:26px; position:relative; text-indent:20px; background-image:url(../images/news_nav.gif); background-repeat:no-repeat; background-position:5px 11px; background-color:#434343;}
.news_list ul li span{position:absolute; right:4px; top:0px;}
.news_list ul .sli{ background-color:#383838;}

.server{ background-color:#4F4F4F; overflow:hidden;}
.server .server_box{ border-bottom:1px solid #ACACAC; margin:16px;height:100%; padding-bottom:10px; overflow:hidden; }
.server .server_box .title{ color:#CCCCCC; height:42px; line-height:42px; font-size:14px; }
.server .server_box .text_co{ line-height:150%; font-size:12px; color:#cccccc;}
.server .server_box .server_more{ text-align:right; line-height:30px; height:30px; color:#FDA209;}
.server .server_box .server_more a{color:#FDA209;}
.server .server_box .img{ border:1px solid #CCCCCC; margin:5px;}

.works{ background-color:#151515; width:100%; overflow:hidden; padding-bottom:36px;}
.works ul{margin:0px; padding:0px; margin-top:16px;overflow:hidden;}
.works ul li{list-style-type:none; float:left; width:162px; height:120px; overflow:hidden; margin-left:37px; margin-top:20px; overflow:hidden; display:inline;}
.works ul li img{border:1px solid #999999; width:160px; height:90px;}
.works ul li h1{margin:0px; padding:0px; height:26px; line-height:26px; text-indent:6px; font-size:12px; font-weight:normal; background-color:#333333; margin-top:4px;}

.words_text{ line-height:200%;}
.works_vi_play{ margin:13px; border:1px solid #7E7E7E; background-color:#545454;}
.works_vi_play .works_vi_play_co{ margin:10px; line-height:150%; overflow:hidden;}

/* buttom */
.link{ line-height:160%; height:100%; overflow:hidden;padding-bottom:11px; background-color:#333333;}
.link ul{margin:0px; padding:0px; overflow:hidden;}
.link ul li{ width:90px; height:33px; list-style-type:none; float:left; margin-left:11px; display:inline; margin-top:11px;}
.link ul li img{border:1px solid #999999;}
.buttom{ line-height:150%; text-align:center; font-size:12px; color:#A0A1A3; margin-top:20px; margin-bottom:20px;}
/* buttom end */