body{
margin:0px;
padding:0px;
text-align:center;
background:#05599C url(images/bg.jpg) top repeat-x;
}

body,div,td{
font-family:verdana,ËÎÌå;
font-size:12px;
color:black;
}

img{
border:0px;
}

a{
font-size:12px;
color:black;
text-decoration:none;
}

a:hover{
color:red;
text-decoration:underline;
}

.bold{
font-weight:bold;
}

.red{
color:red;
}

.gray{
color:#666;
}

.yellow{
color:yellow;
}

.blue{
color:blue;
}

.input{
border:1px solid #666;
border-right:1px solid #EEE;
border-bottom:1px solid #EEE;
}


#top,#menu,#middle_center,#middle_out,#middle2,#bottom{
width:872px;
margin:0px auto;
}

#middle_out{
background:url(images/middle_bg.jpg) repeat-y;
}

#middle_center{
background:url(images/middle_top.jpg) top no-repeat;
}

#middle_in{
width:840px;
height:1200px;
background:url(images/main_bg.gif) no-repeat 0px 580px;
}

#menu{
margin-top:12px;
}

#banner{
width:840px;
height:241px;
margin-top:12px;
}

#bottom{
height:107px;
color:#999999;
text-align:left;
padding-left:52px;
padding-top:25px;
clear:both;
line-height:200%;
background:url(images/bottom_bg.jpg) no-repeat;
}

#bottom a{
color:#999999;
}

#bottom td{
color:#999999;
}

#bottom div{
color:#999999;
}

#main{
width:591px;
height:500px;
float:left;
}

#right{
width:249px;
height:307px;
float:left;
margin-top:20px;
overflow-x:hidden;
background:url(images/right_top.jpg) left top no-repeat;
}

#sub1{
width:591px;
height:307px;
margin-top:20px;
padding-top:62px;
overflow:hidden;
background:url(images/sub1_bg.jpg) no-repeat 0px 0px;
}

#myflash{
width:591px;
height:250px;
left:0px;
top:-247px; 
position:relative; 
z-index:100;
}

#sub2{
width:591px;
height:36px;
margin-top:5px;
background:url(images/sub2.jpg) no-repeat;
}

#right_sub1{
width:auto;
height:36px;
margin-top:312px;
background:url(images/right_sub1.jpg) left no-repeat;
}

.fla{
width:174px;
height:109px;
float:left;
margin-left:7px;
margin-right:8px;
margin-bottom:15px;
border:2px solid #DDD;
overflow:hidden;
}

.sub2_square{
width:591px;
height:240px;
margin-top:14px;
}

.sub2_img{
width:200px;
float:left;
padding-top:4px;
}

.img_square{
width:174px;
height:109px;
overflow:hidden;
margin-bottom:12px;
border:2px solid #DDD;
}

.news_table td{
height:25px;
line-height:25px;
border-bottom:1px dotted #DDD;
padding-left:15px;
}

.ico_red{
background:url(images/ico_red.gif) no-repeat 3px 12px;
}

.ico_blue{
background:url(images/ico_blue.gif) no-repeat 3px 12px;
}

.news_cut{
width:260px;
height:25px;
overflow:hidden;
}

#sub3{
width:591px;
height:36px;
margin-top:8px;
background:url(images/sub3.jpg) no-repeat;
}

.sub3_square{
width:591px;
height:114px;
margin-top:18px;
}

.gift{
width:292px;
height:109px;
float:left;
}

.pic_square{
width:132px;
height:109px;
border:2px solid #DDD;
float:left;
margin-left:4px;
}

.design{
width:292px;
height:109px;
float:right;
}

#sub4{
width:591px;
height:36px;
margin-top:16px;
background:url(images/sub4.jpg) no-repeat;
}

.project_list{
list-style-type:none;
margin:0px;
margin-left:26px;
margin-top:12px;
}

.project_list li{
width:140px;
height:20px;
line-height:20px;
float:left;
text-align:left;
padding-left:26px;
font-size:14px;
font-weight:bold;
overflow:hidden;
margin-top:6px;
}

.right_news_square{
height:268px;
}

.right_news_list{
list-style-type:none;
margin:0px;
margin-top:14px;
}

.right_news_list li{
width:230px;
height:30px;
line-height:30px;
text-align:left;
border-bottom:1px dotted #DDD;
padding-left:15px;
overflow:hidden;
background:url(images/ico_blue.gif) no-repeat 3px 12px;
}

.some_menu{
float:right;
margin-right:-3px;
}



/*==========================*/

#middle2_in{
width:872px;
background:url(images/middle2_bottom.gif) bottom center no-repeat;
}

#middle2{
background:url(images/middle2_bg.gif) center repeat-y;
}

.space{
width:840px;
height:12px;
background:white;
}


#left{
width:256px;
height:500px;
float:left;
margin-left:8px;
background:url(images/left_top.gif) top no-repeat;
}

#main2{
width:584px;
float:left;
}

#sub_about{
width:auto;
height:60px;
background:white url(images/sub_about.gif) no-repeat 0px 16px;
}

#sub_down{
width:auto;
height:60px;
background:white url(images/sub_down.gif) no-repeat 0px 16px;
}

#sub_culture{
width:auto;
height:60px;
background:white url(images/sub_culture.gif) no-repeat 0px 16px;
}

#sub_media{
width:auto;
height:60px;
background:white url(images/sub_media.gif) no-repeat 0px 16px;
}

#sub_link{
width:auto;
height:60px;
background:white url(images/sub_link.gif) no-repeat 0px 16px;
}

#sub_service{
width:auto;
height:60px;
background:white url(images/sub_service.gif) no-repeat 0px 16px;
}

#sub_feedback{
width:auto;
height:60px;
background:white url(images/sub_feedback.gif) no-repeat 0px 16px;
}

#sub_hr{
width:auto;
height:60px;
background:white url(images/sub_person.gif) no-repeat 0px 16px;
}

#sub_contact{
width:auto;
height:60px;
background:white url(images/sub_contact.gif) no-repeat 0px 16px;
}

#sub_news{
width:auto;
height:60px;
background:white url(images/sub_news.gif) no-repeat 0px 16px;
}

#sub_case{
width:auto;
height:60px;
background:white url(images/sub_case.gif) no-repeat 0px 16px;
}

#sub_gift{
width:auto;
height:60px;
background:white url(images/sub_gift.gif) no-repeat 0px 16px;
}

.ban_about{
width:584px;
height:126px;
background:url(images/ban_about.jpg) no-repeat;
}

.ban_contact{
width:584px;
height:126px;
background:url(images/ban_contact.jpg) no-repeat;
}

.ban_news{
width:584px;
height:126px;
background:url(images/ban_news.jpg) no-repeat;
}

.ban_service{
width:584px;
height:126px;
background:url(images/ban_service.jpg) no-repeat;
}

.ban_hr{
width:584px;
height:126px;
background:url(images/ban_hr.jpg) no-repeat;
}

.ban_case{
width:584px;
height:126px;
background:url(images/ban_case.jpg) no-repeat;
}


.content{
width:584px;
height:300px;
text-align:left;
line-height:180%;
background:url(images/main_in_top.gif) top no-repeat;
}

.content_square{
width:584px;
overflow-x:hidden;
padding:32px 12px 22px 10px;
}

p{
text-indent:2em;
}

.left_menu_list{
list-style-type:none;
float:left;
margin:0px;
margin-top:30px;
background:url(images/left_ul_bg.gif) left repeat-y;
}

.left_menu_list li{
width:230px;
height:26px;
text-align:left;
overflow-x:hidden;
padding-left:46px;
background:url(images/left_ico.gif) no-repeat 0px -3px;
}

.small_list{
width:240px;
list-style-type:none;
margin:0px;
margin-left:-20px;
}

.small_list li{
width:auto;
height:22px;
line-height:22px;
text-align:left;
padding-left:40px;
background:url(images/ico_blue.gif) no-repeat 30px 7px;
}




.left_sub_about{
width:230px;
height:30px;
float:left;
overflow:hidden;
background:url(images/left_sub_about.gif) left no-repeat;
}

.left_sub_news{
width:230px;
height:30px;
float:left;
overflow:hidden;
background:url(images/left_sub_news.gif) left no-repeat;
}

.left_sub_service{
width:230px;
height:30px;
float:left;
overflow:hidden;
background:url(images/left_sub_service.gif) left no-repeat;
}


.left_bottom_about{
width:auto;
height:600px;
margin-bottom:6px;
background:url(images/left_about.jpg) bottom no-repeat 7px 0px;
}

.left_bottom_news{
width:auto;
height:600px;
margin-bottom:6px;
background:url(images/left_news.jpg) bottom no-repeat 7px 0px;
}

#page{
width:auto;
text-align:center;
margin-top:22px;
margin-bottom:12px;
}

.title_newspaper{
width:auto;
height:20px;
clear:both;
background:url(images/title_newspaper.gif) left no-repeat;
}

.title_video{
width:auto;
height:20px;
clear:both;
background:url(images/title_video.gif) left no-repeat;
}

.title_radio{
width:auto;
height:20px;
clear:both;
background:url(images/title_radio.gif) left no-repeat;
}

.title_web{
width:400px;
height:20px;
clear:both;
background:url(images/title_web.gif) left no-repeat;
}

.media{
border:1px solid #DDD;
margin:8px 4px;
}

.tv{
width:72px;
height:62px;
margin:8px 6px;
float:left;
}

.photo{
width:840px;
height:600px;
background:white url(images/photo_bg.jpg) no-repeat;
}

.main_flash{
width:800px;
height:500px;
float:right;
margin-top:18px;
}

.service_menu{
width:840px;
list-style-type:none;
margin:0px;
padding-top:12px;
padding-bottom:52px;
background:white;
}

.service_menu li{
float:left;
margin:0px 6px;
text-align:left;
padding-left:15px;
background:url(images/ico_007.gif) no-repeat 6px 5px;
}

.feedback_table td{
height:26px;
line-height:26px;
border-bottom:1px dotted #DDD;
}

.subject{
width:auto;
height:30px;
line-height:30px;
text-align:center;
font-weight:bold;
font-size:16px;
border-bottom:2px dotted #CCC;
margin-bottom:20px;
}

.picture{
width:170px;
height:132px;
float:left;
margin:12px 6px;
border:1px solid #DDD;
}

.main_pic{
width:830px;
height:560px;
border:6px solid #999;
text-align:center;
margin-top:30px;
margin-bottom:8px;
background:white;
}

.pic_view{
width:10px;
margin-bottom:6px;
border:1px solid #DDD;
}

.pic_view td{
border:1px solid #EEE;
}

.btn{
width:60px;
height:20px;
float:right;
margin-right:8px;
margin-top:8px;
cursor:pointer;
}

#home{
width:1002px;
height:335px;
clear:both;
}

#home_logo{
width:411px;
height:54px;
float:left;
margin-top:50px;
margin-bottom:3px;
background:url(images/home_logo.gif) no-repeat;
}

#copyright{
float:left;
margin-top:5px;
margin-left:6px;
color:white;
}

#copyright a{
color:white;
}

#enter{
float:right;
margin-top:5px;
margin-right:12px;
color:white;
}

#enter a{
color:white;
}

.ico_1{
background:url(images/ico_001.gif) no-repeat 0px 0px;
}

.ico_2{
background:url(images/ico_002.gif) no-repeat 0px 0px;
}

.ico_3{
background:url(images/ico_003.gif) no-repeat 0px 0px;
}

.ico_4{
background:url(images/ico_004.gif) no-repeat 0px 0px;
}

.ico_5{
background:url(images/ico_005.gif) no-repeat 0px 0px;
}

.ico_6{
background:url(images/ico_006.gif) no-repeat 0px 0px;
}

.ico_8{
background:url(images/ico_008.gif) no-repeat 0px 0px;
}
.ico_9{
background:url(images/ico_009.gif) no-repeat 0px 0px;
}

.ico_logo{
text-indent:1em;
background:url(images/ico_logo.gif) no-repeat 0px 0px;
}