@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, span, fieldset, table, th, td{margin:0; padding:0; list-style:none;font-size:100%;font-family:"宋体"; font-size:12px;}
img,a{ margin:0; border:0;}
.clear{ clear:both;}
a{ text-decoration:none;}

/*top*/
.top{ background:url("../images/top_bg2.gif") no-repeat; width:1000px; height:91px; margin:0 auto;}
.top h1{ float:left; margin-top:24px;}
.top_R{ float:right; margin-top:24px;}

.search_box{ float:right; width:146px;}
.search{ float:left ;margin:0; background:url("../images/search.gif") no-repeat; width:31px; height:22px; border:none; padding:0; text-indent:-9999px; cursor:pointer}
.Search_text{ float:left; background:url("../images/search_text.gif") no-repeat; padding:0 5px; width:101px; height:22px; border:none; line-height:20px; color:#808080; }

.top_Edition{ float:right; color:#006e57; line-height:22px; width:120px;}
.top_Edition a{ color:#006e57; font-family:Arial, Helvetica, sans-serif;}
.top_Edition a:hover{ text-decoration:underline;}

.top_News{float:right; clear:both; background:url("../images/top_News2.gif") no-repeat; padding-left:40px; overflow: hidden; width:340px; height:30px; position: relative;}
#ulid{ padding-top:8px; line-height:20px; color:#555;}
/*top End*/

#banner{position:absolute; width:1000px; margin:0 auto; height:430px; overflow:hidden; display:block; z-index:1;}
.G_banner{width:1000px; margin:0 auto; height:430px; overflow:hidden; display:block;}


/*************** nav ********************/
.nav{ margin:0 auto; height:42px; width:1000px; display:block; clear:both;}

.nav_1 a{ background:url("../images/nav.gif") no-repeat;}
.nav_1 a:hover{ background:url("../images/nav.gif") no-repeat 0 -50px;}
.nav_2 a{ background:url("../images/nav.gif") no-repeat 0 -100px;}
.nav_2 a:hover{ background:url("../images/nav.gif") no-repeat 0 -150px;}
.nav_3 a{ background:url("../images/nav.gif") no-repeat 0 -200px;}
.nav_3 a:hover{ background:url("../images/nav.gif") no-repeat 0 -250px;}
.nav_4 a{ background:url("../images/nav.gif") no-repeat 0 -300px;}
.nav_4 a:hover{ background:url("../images/nav.gif") no-repeat 0 -350px;}
.nav_5 a{ background:url("../images/nav.gif") no-repeat 0 -400px;}
.nav_5 a:hover{ background:url("../images/nav.gif") no-repeat 0 -450px;}
.nav_6 a{ background:url("../images/nav.gif") no-repeat 0 -500px;}
.nav_6 a:hover{ background:url("../images/nav.gif") no-repeat 0 -550px;}
.nav_7 a{ background:url("../images/nav.gif") no-repeat 0 -600px;}
.nav_7 a:hover{ background:url("../images/nav.gif") no-repeat 0 -650px;}
.nav_8 a{ background:url("../images/nav.gif") no-repeat 0 -700px;}
.nav_8 a:hover{ background:url("../images/nav.gif") no-repeat 0 -750px;}
.nav_9 a{ background:url("../images/nav.gif") no-repeat 0 -800px;}
.nav_9 a:hover{ background:url("../images/nav.gif") no-repeat 0 -850px;}
.nav_10 a{ background:url("../images/nav.gif") no-repeat 0 -900px;}
.nav_10 a:hover{ background:url("../images/nav.gif") no-repeat 0 -950px;}

.nav_1_ot a{ background:url("../images/nav.gif") no-repeat 0 -1000px;}
.nav_1_ot a:hover{ background:url("../images/nav.gif") no-repeat 0 -1050px;}
.nav_10_ot a{ background:url("../images/nav.gif") no-repeat 0 -1100px;}
.nav_10_ot a:hover{ background:url("../images/nav.gif") no-repeat 0 -1150px;}

.nav ul{}
.nav ul li{ float:left;display:block; height:42px; width:100px; display:block;}
.nav ul li a{ text-indent:-9999px; display:block; height:42px; width:100px; display:block; overflow:hidden;}
.nav ul img{ float:left;}

/*subNav*/
ul#menu li:hover ul,ul#menu li.iehover ul {display:block;}
#menu li ul{ display:none; margin:0; position:absolute; z-index:9999; width:100px;}
#menu li ul li{ float:left; padding:0;height:24px;}
#menu li ul li a{ background:url("../images/nav_sub.png"); text-indent:0px; font-weight:100; height:24px; line-height:24px; width:100px; text-align:center; display:block; color:#fff; font-size:12px;}
#menu li ul li a:hover{ background:#ff3300; color:#FFF; font-weight:bold;}
/*subNav End*/

/**************** nav End ********************/



/* foot */
.foot{ width:1000px; margin:0 auto; border-top:2px #d4d4d4 solid;}
.foot p{ text-align:center; color:#949494; padding:10px 0 14px; line-height:20px;}

/* foot End */


/**************** ot End ********************/
.ot_banner{width:1000px; margin:0 auto; height:220px;}

.ot_box{ width:998px; background:url("../images/ot_L_bg.gif") repeat-y; margin:0 auto; border-left:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid; display:block;}
.ot_L{ float:left; width:188px; display:block;}
.ot_R{ float:right; width:770px; background:url("../images/ot_R_bg.gif") no-repeat; min-height:400px; padding:20px; color:#333; line-height:24px; overflow:hidden;}

.ot_L h6{}
.ot_L ul{ margin-bottom:16px;}
.ot_L ul li a{ background:url("../images/ot_Class.gif") no-repeat; height:36px; color:#4d4d4d; font-size:14px; display:block; line-height:36px; padding-left:45px;}
.ot_L ul li a:hover,#ot_Class .on{ background:url("../images/ot_Class_a.gif") no-repeat; color:#007a77;}
.ot_L ul li ul{ margin-bottom:0;}
.ot_L ul li ul li a{ background:url("../images/ot_Class2.gif") no-repeat; height:26px; color:#4d4d4d; font-size:12px; display:block; line-height:26px; padding-left:60px;}
.ot_L ul li ul li a:hover,#ot_Class .on2{ background:url("../images/ot_Class2_a.gif") no-repeat; color:#007a77;}

.ot_L select{ width:150px; margin:0 0 10px 18px; color:#333;}

.title_1{ border-bottom:1px #CCC solid; height:28px; margin-bottom:10px;}
.title_1 h5{ font-size:14px; color:#1a1a1a; line-height:28px;}
.current{ float:right; color:#007a77; margin-top:2px;}
.current a{ color:#007a77;}
.current a:hover{ color:#333; text-decoration:underline;}


.ot_Honor li{ float:left; width:222px; height:200px; overflow:hidden; text-align:center; margin:15px 16px 0 16px; _margin:15px 12px 0 12px;}
.ot_Honor li img{ width:220px; height:165px; border:1px solid #CCC;}
.ot_Honor li a{ line-height:28px; text-align:center; color:#333; text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden; width:222px;}
.ot_Honor li a:hover{ color:#007a77;}

.ot_News li{ background:url("../images/icon.gif") no-repeat; clear:both; padding-left:15px; display:block; display:block; height:32px;line-height:32px; border-bottom:1px #999 dotted;}
.ot_News li a{ float:left; height:32px; color:#333;text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden; width:660px;}
.ot_News li a:hover{ color:#007a77;}
.ot_News li span{ float:right; color:#666;}

.N_view{ color:#333; text-align:center; border-bottom:1px dotted #aaa; margin:10px 0; padding-bottom:10px;}
.N_view h4{font-size:16px; font-family:"微软雅黑"; line-height:34px;}
.N_view a{color:#666; text-decoration:underline;}
.N_view a:hover{text-decoration:none; color:#007a77;}
.contTxt{ line-height:24px;}

.page{ text-align:center; color:#333; margin:20px 0; padding-top:5px; border-top:1px #CCC dotted;}
.page a{ color:#333;}
.page a:hover,.page b{ font-weight:100; color:#007a77;}

table{ border-collapse:collapse;}
.table_1 tr td{ text-align:center; border:1px #aaa solid;}

.Engineering li{ display:block; width:770px; padding-bottom:10px; padding-top:5px; border-bottom:1px #CCC dotted;}
.Engineering li a img{ float:left; margin:0 15px; width:220px; height:165px; padding:7px; background:url("../images/ot_E_bg.png") no-repeat;}
.Engineering li h6 a{ color:#1a1a1a; font-size:14px; line-height:34px;}
.Engineering li h6 a:hover{color:#007a77;}
.Engineering li p{ float:left; line-height:20px; color:#666;}
.more a{ float:right; background:url("../images/ot_more.gif") no-repeat 0 6px; padding-left:22px; color:#666; margin-top:120px;}
.more a:hover{color:#007a77;}

.table_2{ line-height:30px;}
.table_2 em{ color:#F00;}

.ot_Contaot{ padding:5px 12px;}
.ot_Contaot li{ border-bottom:1px #CCC dotted; line-height:22px; padding:10px 10px;}
.ot_Contaot li h6{ font-size:14px; line-height:30px;}
.ot_Contaot li p{ padding-left:32px; color:#666;}



/************************** 12.20 **************************************/

/**************** Guide ********************/
.G_box{ background:url("../images/Y_Nav_bg.gif") repeat-x; margin:0 auto; width:1000px;  clear:both;_height:200px; min-height:200px;}

.G_News{ float:left; width:360px; line-height:20px; color:#777;}
.G_News_T{ padding:3px 20px 0 8px; width:332px;}
.G_News_T a{ color:#007a77; font-size:14px; line-height:28px; font-weight:bold;text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden; width:330px;}
.G_News_T a:hover{ text-decoration:underline;}
.G_News_T span{ background:url("../images/G_icon.gif") no-repeat 0 4px; padding-left:14px; line-height:22px; color:#007a77; font-si ze:14px; display:block;}

.G_box ul,.G_box ul li{ float:left;}
.G_btn1 a{ float:left; background:url("../images/btn_1.gif") no-repeat; width:120px; height:122px; display:block;}
.G_btn1 a:hover{ background:url("../images/btn_1_a.gif") no-repeat; }
.G_btn2 a{ float:left; background:url("../images/btn_2.gif") no-repeat; width:120px; height:122px; display:block;}
.G_btn2 a:hover{ background:url("../images/btn_2_a.gif") no-repeat; }
.G_btn3 a{ float:left; background:url("../images/btn_3.gif") no-repeat; width:120px; height:122px; display:block;}
.G_btn3 a:hover{ background:url("../images/btn_3_a.gif") no-repeat; }

.G_box_R{ float:right; width:254px;}
.more_3{ float:right; background:url("../images/more_3.gif") no-repeat; width:196px; height:15px; display:block; margin-top:15px;}
.more_3:hover{ background:url("../images/more_3_a.gif") no-repeat;}

.G_box_R p{ line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#666; display:block;}
.G_box_R p span{ color:#000; line-height:26px;}
/**************** Guide End ********************/

.H_banner{ width:1000px; height:230px; margin:0 auto;}
.H_box{ width:1000px; margin:0 auto; margin-top:10px;}

/*Album*/
.Album{float:left; border:1px #007a77 solid; position:relative;width:440px;height:310px;overflow:hidden;font:12px/1.5 Verdana,Geneva,sans-serif;background:#fff;}
.Album .loading{position:absolute;z-index:9999;width:100%; height:220px; color:#666;text-align:center; padding-top:90px; background:#fff url("loading.gif")
.Album .pic li{position:absolute;}
.Album .pic li img{width:440px;height:310px;}/*图片和焦点图框架一样大小*/
.Album .txt li{position:absolute;z-index:2;left:0;width:440px;height:36px;line-height:36px;overflow:hidden;}
.Album .txt li a{display:block;color:#fff;padding:2px 0 0 16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/
.Album .txt-bg{position:absolute;bottom:0;z-index:1;width:440px;height:36px;overflow:hidden;background:#000;filter:alpha(opacity=60);opacity:0.6;}/*标题背景*/
.Album .num,.Album .num-bg{position:absolute;z-index:3;bottom:8px;right:8px;color:#fff;}/*按钮样式*/
.Album .num li,.Album .num-bg li{float:left;width:22px;height:18px;line-height:18px;overflow:hidden;text-align:center;margin-right:1px;cursor:pointer;}
.Album .num-bg li{background:#fff;filter:alpha(opacity=60);opacity:0.6;}/*按钮背景*/
.Album .num li.current2,.Album .num li.hover{background:#F60;}/*当前/悬停按钮背景*/
/*Album End*/


.H_title{ line-height:36px; border-bottom:1px #CCC dotted; margin-bottom:8px;}
.H_title span a{ float:right; color:#007A77; line-height:22px; padding-top:10px;}
.H_title span a:hover{ text-decoration:underline;}
.H_title h2{ padding-left:22px; background:url("../images/title_icon.gif") no-repeat 0 8px; font-size:14px; color:#333;}

.H_News li{ background:url("../images/icon.gif") no-repeat; clear:both; padding-left:15px; display:block; height:32px;line-height:32px;}
.H_News li a{ float:left; height:32px; color:#333;text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden;}
.H_News li a:hover{ color:#007a77;}
.H_News li span{ float:right; color:#666;}

.H_border{ border:1px solid #D4D4D4; display:block; border-top: 3px solid #007A77; padding:0 12px;}

.H_box1{ float:right; width:520px; height:308px;}
.H_box1 .H_News li a{width:360px;}

.H_box2{ width:976px; margin-top:10px; height:216px;}
.scrollImg{ margin-top:8px;}
.scrollImg td a{ width:170px; margin:0 12px 0 12px; display:block; text-align:center; line-height:20px; color:#4c4c4c;}
.scrollImg td a:hover{ color:#007a77;}
.scrollImg td img{ background:url("../images/H_P_bg.gif") no-repeat; width:170px; height:128px; padding:0 5px 5px 0; display:block;}

.H_img{ padding:8px 0;}
.H_img li{ float:left;}
.H_img li a{ width:170px; margin:0 12px 0 12px; _margin:0 12px 0 6px; display:block; text-align:center; line-height:20px; color:#4c4c4c;}
.H_img li a:hover{ color:#007a77;}
.H_img li a img{ background:url("../images/H_P_bg.gif") no-repeat; width:170px; height:128px; padding:0 5px 5px 0; display:block;}

.H_box3{ float:left; width:570px; margin-top:10px; height:220px;}
.H_box3 p{ line-height:26px; color:#333; padding-top:5px;}

.H_box4{ float:right; width:366px; margin-top:10px; height:220px; overflow:hidden;}
.H_News2 li{ height:28px;line-height:28px;}
.H_News2 li a{height:28px;width:250px;}

.H_img2 li a{ margin:0 10px 0 10px; _margin:0 10px 0 5px;}

.H_Link{ border:1px solid #D4D4D4; width:976px; margin-top:10px; height:30px; padding:5px 12px; line-height:30px; color:#333; overflow:hidden;}
.H_Link h5{ float:left; font-size:14px;}
.H_Link select{ float:left; margin:4px 12px 0; width:190px;}

/************************** 12.20 End **************************************/

.QQarea {WIDTH: 976px;}
.QQarea UL{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
.QQnav {}
.QQnav H2{FONT-SIZE: 14px; TEXT-INDENT: 17px;FLOAT: left;margin-top:0;}
.QQnavbar{FLOAT: right; OVERFLOW: hidden; WIDTH: 86px; MARGIN-RIGHT: 18px; ZOOM: 1; _display: inline}
.QQnavbar LI {list-style:none;BACKGROUND: url("images/QQsplit.png") no-repeat -165px -112px; FLOAT: left; CURSOR: pointer; _display: inline}
.QQnavbar LI.active {BACKGROUND: url("images/QQsplit.png") no-repeat -165px -86px}
.QQbed {WIDTH:976px;}
.QQbed LI {FLOAT: left; WIDTH: 175px;position:relative; margin:0 10px;}
#QQpre {BACKGROUND: url("../images/img_leftscrol.gif") no-repeat 0 50px; FLOAT: left; WIDTH: 20px; CURSOR: pointer; MARGIN-RIGHT: 8px; HEIGHT: 100px; _display: inline}
#QQnext {BACKGROUND: url("../images/img_rightscrol.gif") no-repeat 0 50px; FLOAT: right; WIDTH: 20px; CURSOR: pointer; HEIGHT: 100px;}
#QQMarquee {OVERFLOW: hidden; WIDTH: 624px; ZOOM: 1; HEIGHT: 135px;POSITION:relative; float:left}
#QQMarqueeCoutent .link {DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: 173px; TEXT-ALIGN: center;font-size:12px;line-height:22px;}
#QQMarqueeCoutent A:link {COLOR: #0b3b8c; TEXT-DECORATION: none}
#QQMarqueeCoutent A:visited {COLOR: #0b3b8c; TEXT-DECORATION: none}
#QQMarqueeCoutent A:hover {COLOR: #0b3b8c; TEXT-DECORATION: underline}
#QQMarqueeCoutent A:active {COLOR: #0b3b8c; TEXT-DECORATION: underline}
a.imgbox{ width:175px; height:133px; display:block; padding:0 5px 5px 0; background:url("../images/H_P_bg.gif") no-repeat;}