﻿@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;  font-size:12px; padding:0; }

img{ border:0;}
ul,li{ margin:0; padding:0; list-style:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#FF0000; text-decoration:none;}

#top{ width:100%; background-color:#333333; height:35px; overflow:hidden;}
#top_tit{ width:1004px; margin:auto; height:30px; line-height:30px; overflow:hidden; color:#FFFFFF;}
#top_xx{ width:100%; background-color:#003366; height:5px;}

#logo{ width:1004px; height:80px; overflow:hidden; margin:auto;}
#logo_a{ width:200px; height:auto; float:left; overflow:hidden;}
#logo_b{ width:800px; height:auto; overflow:hidden; }
#logo_b_con{float:right; margin-right:10px; font-size:16px; font-weight:bold; line-height:30px; margin-top:10px;}


#nav { width:100%; height:50px; background-color: #111; margin:auto;}

#menu-wrap { width:1180px; height:50px; margin:auto;}
#menu {
	 width: 1180px; height:50px; 
	 zoom: 1;
}
#menu a {
	color: #2A679F;
}
#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
} 
#menu:before, #menu:after {
	content: "";
	display: table;
}
#menu:after {
	clear: both;
}

#menu li { height:50px; padding:0 0 0 4.5px;
	float: left; 
	border-right: 1px solid #222;
	-moz-box-shadow: 1px 0 0 #444;
	-webkit-box-shadow: 1px 0 0 #444;
	box-shadow: 1px 0 0 #444;
	position: relative; 
}
#menu a { 
	float: left;
	padding: 16px 12px 30px 20px; 
	color: #999;
	font: bold 14px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
#menu li:hover > a {
	color: #fafafa;
}
*html #menu li a:hover {
	color: #fafafa;
}
#menu ul {
	margin: 20px 0 0 0;
	_margin: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 1;
	background: #444;
	background: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#444, #111);
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#menu ul ul {
	top: 0;
	left: 205px;
	margin: 0 0 0 20px;
	_margin: 0;
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3); 
}


#menu ul ul ul {
	top: 0;
	left: 255px;
	margin: 0 0 0 20px;
	_margin: 0;
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3); 
}



#menu ul li {
	float: none;
	display: block;
	border: 0; 
	_line-height: 0; padding-top:15px;
	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#menu ul li:last-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#menu ul a {
	padding: 10px;
	_height: 10px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}
#menu ul a:hover {
	background-color: #0186ba;
	background-image: -moz-linear-gradient(#04acec, #0186ba);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background-image: -webkit-linear-gradient(#04acec, #0186ba);
	background-image: -o-linear-gradient(#04acec, #0186ba);
	background-image: -ms-linear-gradient(#04acec, #0186ba);
	background-image: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3;
	border-bottom-color: transparent;
}
#menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
/* Mobile */
#menu-trigger {
	display: none;
}
  
  
  
  


#banner{ width:100%; height:315px; overflow:hidden;  margin:auto; margin-top:5px;}

#hot{ width:100%; height: auto; overflow:hidden; border-bottom:#666666 1px solid; border-top:#666666 1px solid; padding-top:1px; padding-bottom:1px;}
#hot_tit{ width:1004px; height: 35px; line-height: 35px; margin:auto;}
#hot_tit ul li{ float:left;; margin-left:8px; height:25px; overflow:hidden;}
#hot_tit ul span{ float:left; font-weight:bold;}

#index_main{ width:1004px; height:320px; overflow:hidden; margin:auto; margin-top:8px;}
#index_main_left{ width:630px; height:320px; overflow:hidden; float:left;}
#index_main_left_cp{ width:310px; height:310px; overflow:hidden; float:left;}
#index_main_left_cp_a{ width:310px; height:180px; font-size: 14px; overflow:hidden;}
#index_main_left_cp_b { height:120px; margin-top: 6px; overflow:hidden; line-height:22px;}

#index_main_left_cp1{ width:310px; height:310px; overflow:hidden;}
#index_main_left_cp1_a{ width:310px; height:180px; font-size: 14px; overflow:hidden; margin-left:20px;}
#index_main_left_cp1_b { height:120px; margin-top: 6px;  overflow:hidden; line-height:22px;margin-left:20px;}

#index_main_right{ width:360px; height:320px; overflow:hidden;}
#search{ width:350px; height:35px; overflow:hidden; margin-left:10px;}
#phone{ width:360px; height:120px; margin-top:5px; margin-left:10px;}
#lx{ width:360px; height:125px; overflow:hidden; background-image:url(img/lx.gif); background-repeat:no-repeat; background-repeat:no-repeat;  line-height:25px; text-indent:37px;}

#index_main_con{ width:1004px; height:380px;; overflow:hidden; margin:auto; border-top:#666666 1px solid;}
#index_main_con_left{ width:700px; height:380px; float:left; margin-top:10px; overflow:hidden;}
#index_news{ width:350px; height:380px; overflow:hidden; float:left;}
#index_news_tit{ width:350px; height:35px; padding:3px; overflow:hidden; line-height:35px; font-size:14px; font-weight:bold; border-bottom:#666666 1px solid;}
#index_news_tit span{ float:right; font-size:12px; margin-right:3px;}
#index_news_con{ width:350px; height:350px; overflow:hidden; line-height:24px;}
#index_news_con ul li{ height:80px; margin-bottom:5px; overflow:hidden; list-style-image:url(img/jt.png); }
#index_news_con_tit { font-weight:bold; color:#0066CC; font-size:14px; text-indent:25px; height:25px;}
#index_news_con_dec{ font-style:italic; color:#999999;}

#index_ab{ width:330px; overflow:hidden; height:380px; float:right;}
#index_ab_img{ width:330px; height:175px; overflow:hidden;}
#index_ab_con{width:330px; height:200px; line-height:24px; overflow:hidden;}
#index_ab_con_tit{width:330px; height:30px; line-height:30px; font-size:18px; text-align:center; font-weight:bold;}
#index_ab_con_con{ w330px; height:165px; line-height:24px; }

#index_main_right{ width:304px; margin-left:3px; height:380px; overflow:hidden; margin-top:8px;}
#index_tt{ width:304px; height:210px; margin-left:6px;}
#index_td{ height:140px;}
#index_td_tit{ line-height:24px; font-size:16px; font-weight:bold; padding:6px; margin-top:12px;}
#index_td_con{ line-height:26px; margin-left:10px;}


#dh{ width:100%; height:76px; overflow:hidden; background-color:#393939;}
#dh_nav{ width:1004px; height:50px; line-height:50px; margin:auto; border-bottom:#999999 1px solid; font-size:14px; color:#CCCCCC; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#main{ width:1004px; height:auto; overflow:hidden; margin:auto; }
#main_left{ width:700px; height:auto; overflow:auto; float: right; }
#main_left_tit{ height:auto;  line-height:40px; font-size:20px; font-weight:bold; overflow:hidden; margin-top:5px;}
#main_left_list{ width:700px; height: auto; overflow:hidden; line-height: 26px;}
#main_left_list li { width: 232px; height: auto; float: left; margin-top: 6px;}
.main_left_list_img { width: 220px; height: 160px; margin: auto;}
.main_left_list_img img { width: 220px; height: 160px; margin: auto;}
.main_left_list_tit { width: 220px; line-height: 40px; margin: auto; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}




#main_right{ width:280px; height:auto; overflow:hidden; margin-left:5px; float:left;}
#main_right_tit{ width:280px; background:url(img/bg3.png); background-repeat:repeat-x; height:40px; line-height:40px; font-size:14px; font-weight:bold; text-indent:15px;}
#main_right_con{ width:280px; height:auto; overflow:hidden; background:#CCCCCC; padding-top:8px; padding-bottom:10px;}
#main_right_con ul li{ line-height:28px; height:28px; text-indent:15px;}

#main_right_tit1{ width:280px; margin-top:10px; background:url(img/bg3.png); background-repeat:repeat-x; height:40px; line-height:40px; font-size:14px; font-weight:bold; text-indent:15px;}
#main_right_con1{ width:280px; height:auto; overflow:hidden; background:#CCCCCC; padding-top:5px; padding-bottom:8px;}
#main_right_con1 ul li{ line-height:30px; height:30px; text-indent:15px;}



#bottom{ width:100%; height:auto; margin:auto; background-color:#999999; margin-top:10px; overflow:hidden;}
#bottom_tit{ width:1004px; height:30px; line-height:30px; font-size:18px; font-weight:bold; margin:auto; padding-top:10px;}
#bottom_con{ width:1004px; height:auto; margin:auto;}
#bottom_con ul li{ margin-top:10px; width:190px; height:135px; float:left; margin-right:5px; line-height:24px; text-align:center; overflow:hidden;}
#bottom_con ul li img{ width:160px; height:106px; border:0px;}
#footer{ width:100%; height:50px; background:#333; color:#CCCCCC; overflow:hidden; }
#footer_con{ width:1004px; height:50px; line-height:50px; overflow:hidden; margin:auto;}
#bon_xi { width:1004px; border: #FFF 1px dashed; margin-top:5px; margin-bottom:5px; margin:auto; }
#ph{width:1004px; height:auto; line-height:30px; margin:auto; padding-top:10px; overflow:hidden;}
#ph_tit{ width:1004px; height:auto; margin:auto;}
#ph_tit ul li{ float:left; width:106px; height:30px; line-height:30px; overflow:hidden; margin-right:5px;}


/*下拉导航 */

.menu{list-style:none;height:40px;width:100%;background-color:#333;margin-top:10px;margin:auto;position:relative; z-index:100;}
.nav{list-style:none;height:40px;width:1004px;margin:0 auto;background-color:#333;}
.nav li{float:left;border-left:1px solid #4a4a4a;border-right:1px solid #242424;border-top:1px solid #4a4a4a;border-bottom:1px solid #242424;position:relative;}
.nav li a{color:#fff;height:38px;line-height:38px;font-weight:bold;padding:0 29px;blr:expression(this.onFocus=this.close());blr:expression(this.onFocus=this.blur());display:inline-block;}
.nav li a:focus{ -moz-outline-style: none; }
.nav li .sub-nav{position:absolute;top:39px;left:-1px;list-style:none;background-color:#333;display:none;}
.nav li .sub-nav li{text-align:center;clear:left;width:160px;height:35px;line-height:35px;position:relative;}
.nav li .sub-nav li a{height:34px;line-height:34px;width:158px;padding:0;display:inline-block;}
.nav li a:hover{ background:#ff6750; color:#FF0000;}

/*结束*/



/*page1样式开始*/
/*fenye*/
.dede_pages{ width:80%; line-height:60px; margin:auto;}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	
	line-height:17px;
	margin-right:6px;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#666;
	border-bottom:1px solid #EEE;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 1px;
	border-bottom:2px solid #690;
}


#email_box { width:600px; height:auto; margin:auto; margin-top:20px; padding-bottom:20px;}
