/* CSS Document */
body {margin: 0px;font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-weight: normal;color: #666;text-align: left;background:#ECF5D4 url(images/body_bg.gif) left top; padding:0px;}
#wrapper {position: relative; width: 980px; margin: 0px auto; border: 0px; padding-bottom:10px;_padding-bottom:20px;}
.yinying{ width:990px; margin:auto; background:url(images/yinying.png) repeat-y left 7px;}
.top_bg{ width:100%; float:left; }
#header {float:left;width: 100%;height: 58px;border:0; }
#oalogin{ float:right; color:#4292A0; line-height:23px; margin:0 20px auto auto; border:0px; overflow:hidden; height:40px; background:none;}
.top_link{ width:auto; float:right; margin:35px 20px auto auto; text-align:right; display:inline;}
#logo {float:left; margin-left:20px; margin-top:10px; display:inline;}
.phone {float:right; width:150px; height:30px; margin:28px 40px 0 0; padding: 0; }
#content-wrapper {width: 100%; margin: 0 auto;}
#content-wrapper p {line-height: 1.7em;}
.clear {clear:both;}
.line {	border-bottom: 1px solid #E4E4E4;padding-top: 15px;}
#page_main{ width:950px; padding:0px 15px; float:left; clear:both;}
#banner{ width:978px; height:310px; float:left; clear:both; border:1px solid #fff; }

/** NAV */
#navigation{ width:100%; height:25px; float:left; background:url(images/menu_bg.gif) no-repeat; position:relative; z-index:2; }
#nav{ padding:0; margin:0; margin-left:10px; display:inline; float:left;}
#nav li{ list-style:none; height:25px; float:left; padding:0; margin:0; position:relative; line-height:}
#nav li a {color:#fff;display: block;float: left;font: normal 14px "微软雅黑";height: 25px;margin-right: 6px;padding-right: 15px;text-decoration: none;background-attachment: scroll; display:inline; line-height:25px;}
#nav li a span {display: block;padding: 0 0 0 15px;}
#nav li a:hover{color: #ECF07F;outline: none;}

.i_pic_box{ width:280px; float:left; margin-top:15px; margin-bottom:15px; }
.i_pic_box h2{ padding:0px; margin:0px; background:url(images/i_pic_tit.gif) no-repeat left top; width:100%; height:17px; margin-bottom:10px; line-height:17px; font-size:0px;}
.i_pic_box .i_pic_box_top{ background:url(images/i_pic_bg.gif) no-repeat left top; height:6px; float:left; clear:both; width:280px; margin-left:5px; font-size:0px; line-height:0px; display:inline;}
.i_pic_box .i_pic_box_bot{ background:url(images/i_pic_bg.gif) no-repeat left bottom; height:6px; float:left; clear:both; width:280px; margin-left:5px;font-size:0px; line-height:0px;display:inline;}
.i_right{ float:right; width:660px; }
.i_news{ float:left; width:340px; margin-top:15px;}
.i_news h2{ padding:0px; margin:0px; background:url(images/i_news_tit.gif) no-repeat left top; height:19px; margin-bottom:10px; font-size:0px; line-height:19px;}
.i_news ul,.i_news ul li{ list-style:none; padding:0px; margin:0px; line-height:30px;}
.i_news ul li{ float:left; padding-left:10px; background:url(images/list_icon.gif) no-repeat 2px center; width:98%; border-bottom:1px dashed #ddd;}
.i_news ul li a{ float:left; color:#686868;}
.i_news ul li a:hover{ color:#B20006; text-decoration:underline;}
.i_news ul li span{ float:right; color:#999; font-size:11px;}
.hot_project{width:285px; float:left; height:99px;}
.home_right{ width:285px; float:right; margin:15px 10px auto auto; display:inline; }
.hot_project h2{ height:19px; width:100%; padding:0px; margin:0px; background:url(images/hot_project_tit.gif) no-repeat; margin-bottom:10px; font-size:0px; line-height:19px; }
.hot_project .hot_pro_logo1{ width:130px; height:62px; background:url(images/hot_pro_logo.gif) right top; display:inline; float:left; margin-left:10px;}
.hot_project .hot_pro_logo2{ width:130px; height:62px; background:url(images/hot_pro_logo.gif) left top; display:inline;float:left; margin-left:12px;}
.hot_project .prev,.hot_project .next{ width:11px; height:56px; display:block; float:left;margin-left:5px; background:url(images/home3.jpg) no-repeat -18px -3px;display:inline;}
.hot_project .prev{ margin-left:10px; background-position:-1px -3px;display:inline; height:56px; }
.hot_project .prev:hover{ background-position:-35px -3px;}
.hot_project .next:hover{ background-position:-52px -3px;}
.hot_project li{ width:70px; float:left; text-align:center; margin:auto 5px; height:55px; }
.jCarouselLite{ float:left;margin-top:3px; margin-left:5px; height:55px; display:inline; }
.hot_project li span{ position:relative; z-index:2; background:#70777B; width:64px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; top:-21px; float:left; margin-left:3px; display:none;}
.hot_project li a:hover span{ display:block;}
.hot_project li img{ padding:2px; border:1px solid #CBCBCB;}

#intro {height: 115px; margin: 25px 0 0 5px; background: url('images/introtext.jpg') top left no-repeat; background-position: 0 5px;}
#intro img {float:right; margin: 0 10px 0 0;}

.package_list_top { width:178px; height:29px; background:url(images/news_left.gif) no-repeat;}
.about_tit{ background-image:url(images/about_us.gif);}
.project{ background-image:url(images/project.gif);}
.culture{ background-image:url(images/culture.gif);}
.personnel{ background-image:url(images/personnel.gif);}
.service{ background-image:url(images/service.gif);}
.wuye{ background-image:url(images/wuye.gif);}
.huoban{ background-image:url(images/huoban.gif);}
.package_list {float:left;width:178px; margin-top:10px;}
#cright .qic_menu1,#cright .qic_menu2{ width:178px; height:57px;display:block; background:url(images/qic_menu.gif) left top; float:left; clear:both; margin:30px auto auto 0px; display:inline;}
#cright .qic_menu2{ background-position:left bottom; margin-top:15px; margin-bottom:50px;}
 
.package_list_li {margin:0; padding:0; width:100%;}
.package_list_li li{ font-size:12px; line-height:28px;list-style:none; width:90%; margin-left:3px; background:url(images/menu_line.gif) no-repeat left bottom;}
.package_list_li li a{display:block;color: #555;text-decoration:none; padding-left:15px;background:url(images/cat_li_icon.gif) 5px -19px no-repeat;}
.package_list_li li a:hover,.package_list_li li.on li a:hover{background:url(images/cat_li_icon.gif) 5px 11px no-repeat;color:#cc0e15;}
.package_list_li li.on a,.package_list_li li li.on,.package_list_li li.on a:hover{color: #4c818f;background: #ffffff url('images/tick2.gif') 6px 9px no-repeat;}
.package_list_li li li.on a,.cpackage_list_li li li.on a:hover,.package_list_li li li.on{padding:3px 0 3px 0;}
.package_list_li li.on li a{font-weight: normal;}
.package_list_li ul li,.package_list_li ul li a,.package_list_li li.on li a,.package_list_li ul li a:hover{background:0;padding:0;}
.package_list_li ul{margin:5px 0 10px 0px; }
.package_list_li ul li{margin:5px 0;font-size:9em;}
.package_list_li #selected a{padding-left:15px; color:#cc0e15; font-weight:bold;background:url(images/cat_li_icon.gif) 5px 11px no-repeat;}
#partners-left {float:left; width: 250px; margin: 30px 0 0 0;}
#partners-right {float:right; width: 250px; margin: 30px 0 0 0;}
#partners-left h1 {font-size:12px; color: #666666; padding:0 0 7px 0; margin-bottom:10px;}
#partners-right h1 {font-size:12px; color: #666666; padding:0 0 7px 0; margin-bottom:10px;}
ul.partnerlist {margin:0 20px 20px 5px;padding:0;list-style:none; font-size:10px;}
ul.partnerlist li {font-size: 110%;display:block;background:url('images/arrow.png') 0 3px no-repeat;margin:2px 0 0 0px;padding:2px 0 5px 20px;}

ul.servicelist {margin:0 20px 20px 5px;padding:0;list-style:none;color: #787878;font-family: "Arial";font-style: normal;font-weight: normal;}
ul.servicelist li {font-size: 12px;display:block;background:url('images/tick.jpg') top left no-repeat;margin:3px 0 0 3px;padding:2px 0 5px 22px;border-bottom:1px solid #e1e1e1;}

ul.packagelist {margin:0 0 20px 5px;padding:0;list-style:none;color: #4c818f;font-style: normal;font-weight: normal;}
ul.packagelist li {display:block;background:url('images/tick3.jpg') top left no-repeat;margin:7px 0 0 3px;padding:2px 0 8px 25px;border-bottom:1px solid #e1e1e1;}

#faqs {margin: 25px 0 0 0;}
#faqs h4 {cursor:pointer;font-size: 1.1em;color: #31363e;font-family: Arial, Tahoma, Arial, Helvetica, sans-serif; margin:3px 0 5px 0; padding: 3px 4px 7px 3px; border-bottom: 1px dashed #cccccc;}
#faqs h4:hover {color:#85b602;}
.faqanswer {padding: 0 0 2px 10px; }

#contact {width: 230px; height: 327px; background:url('images/contactbg.jpg') top left no-repeat; float:right; margin: 30px 20px 0 0;}
#contact-inner {margin: 18px 0 0 15px;}

legend {padding: 10px 5px 0px 5px;font-weight: normal;text-transform: uppercase;color: #A0B64E;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size: 16px;}
fieldset { margin:0; padding: 0 0 10px 15px; }

img {border:0;}
#partners img {margin: 0 5px 15px 0;}

#footer {clear: both;margin: 5px auto 20px auto; width:940px;border: none;text-align: center; color:#666;  padding:8px 0;}
.clear{ line-height:0px; font-size:0px; height:0px; width:100%; clear:both;}
.footer_left{ float:left; padding:0px; margin:0px;}
.footer_right{ float:right;  padding:0px; margin:0px; }
#footer a{ color:#666;}
	
a{ color:#666; text-decoration:none;}
a:hover {
	color: #B20006;
	text-decoration:underline;
}



#wrap{ width:820px;overflow: hidden; margin:15px auto; padding:0;}
#cleft{ width:750px; float:right; margin-top:15px;}
#cright{ width:178px; float:left; margin-top:19px; background:url(images/page_left_bg.gif) no-repeat right 30px;}
#wrap:after{ display: block; height: 0; clear: both; visibility: hidden;}
#wrap{display: inline-block;}
/*\*/
#wrap{display: block;}
/* end easy clearing */

#cstitle{ margin:0; float:left;}
#cstitle a{ letter-spacing:2px; color:#999; font-weight:bold; text-decoration:none; }
#cls{ width:100%; clear:both;}

.changeBox_a1{float:left;width:260px;height:173px; padding:0px 4px;position:relative;border:1px solid #CBCBCB; border-bottom:0px; border-top:0px; margin-left:5px; position:relative; background:#F0F9FB; display:inline;}
.changeBox_a1 .a_bigImg img{position:absolute;top:0px;left:4px;display:none;}
.changeBox_a3{width:460px;height:345px; padding:4px;position:relative;border:1px solid #CBCBCB; position:relative; background:#F0F9FB; display:inline; float:left; margin-left:237px; margin-top:20px;}
.changeBox_a3 .a_bigImg img{position:absolute;top:4px;left:4px;display:none;}
.subject_news{ width:285px; float:left; }
.subject_news h2{ background:url(images/subject_news.gif) no-repeat left top; height:21px; float:left; width:216px; margin:0px auto 10px auto; display:inline; padding:0px; line-height:0px; font-size:0px; display:inline;}

.ul_change_a2{
position:absolute;
right:10px; top:153px;
overflow:hidden;
margin:0px;
padding:0px;
 }
.ul_change_a2 li{
display: -moz-inline-stack;
display:inline-block;
*display:inline;
*zoom:1;}

.ul_change_a2 span{
display: -moz-inline-stack;
display:inline-block;
*display:inline;
*zoom:1;
font-size:0.8em;
padding:0px 3px; 
margin-right:2px;
border:1px solid #999;
background:#fff;
filter:alpha(opacity=85);
opacity:0.85;
cursor:hand;
cursor:pointer;
}

.ul_change_a2 span.on{
border:1px solid #f00;
background:#f00;
color:#fff;}
.changeBox_b1{
float:left;
position:relative;
width:275px;
height:auto;
clear:both;
margin-left:10px;
background:url(images/subject_bg1.gif) repeat-x left top;
display:inline;
}

.changeBox_b1 h3{
float:left;
position:relative;
width:auto;
line-height:20px;  
text-align:center;
z-index:0;
font-size:12px; 
font-weight:100;
border-right:2px solid #fff;
background:url(images/subject_bg1.gif) repeat-x left top;
margin:0px;
padding:0px 4px;
}

.changeBox_b1 h3.now{
background:url(images/subjest_bg3.gif) repeat-x left top;
color:#fff;
z-index:3;
}

.changeBox_b1 h3 a{
	text-decoration:none;
	color:#fff;
	}
.changeBox_b1 h3 a:hover{ color:#fff;}
.changeBox_b1 h3.now a{color:#fff; background:url(images/subject_bg2.gif) no-repeat center top; display:block; padding-bottom:4px;}

.changeBox_b1 div{
position:absolute;
left:0px;
top:25px;
width:275px;
padding:0px; 
z-index:2;}
.changeBox_b1 div ul{ list-style:none; padding:0px; margin:0px; clear:none; float:left; width:275px;}
.changeBox_b1 div ul li{ list-style:none; padding:0px; margin:0px; clear:both; float:left; padding-left:10px; background:url(images/list_icon.gif) left center no-repeat; line-height:30px; width:260px;}
.changeBox_b1 div ul li a{ float:left;}
.changeBox_bl div ul li a:hover{ color:#B20006;}
.changeBox_b1 div ul li span{ float:right; font-size:11px; color:#999;}
#nav .sub_menu{ position:absolute; width:auto; background:#B41418; left:0px; top:25px; font-size:12px; text-align:center; float:left; border:1px solid #B41418; display:none; z-index:5;}
#nav .sub_menu a{ color:#fff; font-size:12px; display:block; width:100%; float:left; clear:both; text-align:center; padding:0px; margin:0px; line-height:25px; height:auto;}
#nav .sub_menu a:hover{ color:#B41418; background:#fff;}
#nav #submenu_1 .sub_menu{ width:70px; left:4px;}
#nav #submenu_4 .sub_menu{ width:80px; left:8px;}
#nav #submenu_8 .sub_menu{ width:70px; left:8px;}
#nav #submenu_9 .sub_menu{ width:70px; left:6px;}
#nav #submenu_12 .sub_menu{ width:70px; left:6px;}
#nav #submenu_14 .sub_menu{ width:70px; left:6px;}
#nav #submenu_52 .sub_menu{ width:70px; left:6px;}
#nav .menu_on .sub_menu{ display:block;}

.pro_dis h2{ float:left; margin:20px auto; width:100%; color:#c20108;}
.pro_dis .pro_pic{ float:left; padding:2px; width:160px; border:1px solid #ddd;}
.pro_dis .pro_dis1{ list-style:none; padding:0px; margin:0px auto auto 15px; float:left;}
.pro_dis .pro_dis1 li{ list-style:none; line-height:25px;}

.fs_table1{ width:98%; float:left; border:1px solid #ddd; text-align:left; margin-left:5px; display:inline;}
.sub_but{ color:#fff; background:#c20108; border:0px; height:22px;}
.fs_table2{ border:1px solid #ddd; clear:both; float:left; width:98%; margin-top:10px; margin-left:5px;display:inline;} 
.fs_table2 .c_input{ color:#c20108;}
.fs_table2 span{ float:left;}
.fs_dis{ width:98%; clear:both; margin:15px auto auto 5px; line-height:20px; float:left;display:inline;}
.tqhd_table{ width:98%; float:left; margin-left:5px; border:1px solid #ddd;display:inline;}
.tqhd_table .tit,.tqhd_table2 .tit,.fs_table1 .tit,.fs_table2 .tit{ background:#ddd;  font-weight:bold; color:#c20108; width:100%;}

.tqhd_table th,.tqhd_table2 th{ font-weight:100; text-align:right; vertical-align:top;}
.tqhd_table2{ width:98%; float:left; clear:both; margin-left:5px; margin-top:10px;border:1px solid #ddd;display:inline;}
#gj2,#gj3{ display:none;}
.gjtit{ width:98%; float:left; margin:20px auto 15px 5px; display:inline;}
.gjtit a{ display:block; line-height:20px; padding:0px 5px; background:#999; float:left; color:#fff; margin-right:5px;}
.gjtit a:hover{ color:#fff;}
.gjtit .active{ background:#c20108;}