﻿html{color:#333;background:#FFF;}
body{
	background: url(../images/body.png) repeat-x left top;
	font-family:"微软雅黑",Verdana, Geneva, sans-serif;
	background-color:#F8F8F8;
}
.left{float:left;}
.right{float:right;}
/***头部
________________________________________*/

.header{
	position:relative;
	height:314px;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	}

.topnav{
	position:absolute;
	right:0;
	top:15px;
	}
.topnav a{ color:#99C2D6; padding:0 10px;}


.logo{
	width:260px;
	height:70px;
	background: url(../images/logo.png) no-repeat left top;
	position:absolute;
	left:0;
	top:15px;
	text-indent:-9999px;
	overflow:hidden;
	
}

.banner_box 
{
    width:980px; 
    margin:10px auto;
}



.banner_top{
	background: url(../images/banner_top.png) no-repeat left top;
	top:80px;
	width:980px;
	padding-top:159px;
	position:absolute;
}


/***菜单
________________________________________*/

.topmenu{
	background: url(../images/topmenu.gif) no-repeat left top;
	height:45px;
	line-height:45px;
	padding:0 10px;
	overflow:hidden;
}
.topmenu ul{}
.topmenu ul li{
	float:left;
	width:93px;

	background: url(../images/topmenu.gif) no-repeat right -90px;
	text-align:center;
}
.topmenu ul li a,.topmenu ul li a:visited,.topmenu ul li a:link{
	font-size:14px;
	color:#333;
	text-decoration: none;
	}
.topmenu ul li a:hover{ color:#069; font-weight:bold;
}
	

.topmenu a.on ,.topmenu a.on:visited,.topmenu a.on:link{
	display:block;
	background: url(../images/topmenu.gif) no-repeat left -45px;
	color:#FFF;
	width:93px;
	font-weight:bold;
}
.topmenu a.on:hover{}



.top_submenu{ height:30px; line-height:30px; padding:0 10px;}
.top_submenu a,.top_submenu a:visited,.top_submenu a:link{
	background: url(../images/top_submenu.gif) no-repeat right center;
	padding:0 10px;
	color:#E8EBEF;
}
.top_submenu a:hover{}




/***搜索
________________________________________*/

.Search{ position:absolute; right:20px; bottom:20px;}
.Search_input{
	width:129px;
	height:30px;
	line-height:30px;
	padding:0 10px;
	background: url(../images/Search.gif) no-repeat left top;
	border:none;
	float:left;
	color:#999;
	font-size:12px;
}
.Search_btn{
	background: url(../images/Search.gif) no-repeat left -30px;
	width:60px;
	height:30px;
	line-height:30px;
	border:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}
.Search_btn:hover{background: url(../images/Search.gif) no-repeat left -60px; cursor:pointer;}



/***布局
________________________________________*/
.box_1{
	margin-left:auto;
	margin-right:auto;
	width:980px;
	background-image: url(../images/box_1.png);
	background-repeat: repeat-y;
	}
.box_2{
	margin-left:auto;
	margin-right:auto;
	width:980px;
	background-image: url(../images/box_2.png);
	background-repeat: repeat-y;
	}


.w_335{
	width:305px;
	float:left;
	background: url(../images/w_300.jpg) no-repeat left top;
	padding-right:30px;
	padding-bottom:70px;
	overflow:hidden;
}
.w_450{ width:420px; float:left;
background: url(../images/w_450.jpg) no-repeat left top;
padding:20px 15px 10px 15px;
overflow:hidden;
}
.w_195{ width:155px; float:right; 
background: url(../images/w_150.jpg) no-repeat left top;
padding:20px 10px 10px 30px;
overflow:hidden;
}
.w_220{ width:180px; float:left; 

background: url(../images/w_220.jpg) no-repeat left top;
padding:20px 20px 70px 20px;
overflow:hidden;
}
.w_760 
{
    width:700px; 
    float:right; 
background: url(../images/w_760.jpg) no-repeat left top;
padding:20px 40px 10px 20px;
overflow:hidden;
}





/***当前位置
________________________________________*/
.navigation{
	height:22px;
	line-height:22px;
	color:#666;
	padding:5px 10px 5px 10px;
	width:940px;
	margin:auto;
}
.navigation a{
	padding:0;
	margin:0 5px;
	
	color:#0C5198;
}
.navigation span{}
.navigation strong{
	background: url(../images/navigation.gif) no-repeat left center;
	padding:0 0 0 15px;
	margin:0 5px;
	font-weight:normal;
	}






/***标题
________________________________________*/
.t_1,.t_2{
	height:30px;
	line-height:30px;
	background-image: url(../images/t_1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;
}
.t_1 h4,.t_2 h4{ color:#333; font-size:14px; display:inline; padding-right:10px; font-weight:normal;}
.t_1 span,.t_2 span{ font-size:13px; color:#0D6C9A;}

.t_2{
	background-image: url(../images/t_2.gif);
	}


/***列表
________________________________________*/
.list_1{}
.list_1 li{ position:relative; height:25px; line-height:25px; font-size:12px;}
.list_1 a{ color:#666;}
.list_1 span{ position:absolute; right:0; top:0; color:#999; font-size:11px; font-family:Verdana, Geneva, sans-serif;}



.list_m_1{}
.list_m_1 li{ border-bottom:1px dotted #CCC; padding:0 0 10px 0; margin:0 0 15px 0;}
.list_m_1 a{ color:#333; font-size:14px; display:block; text-align:center; line-height:35px;}
.list_m_1 p{ font-size:12px; color:#999;}



.list_m_2{}
.list_m_2 li{ height:110px;}
.list_m_2 a{ color:#F60; font-size:14px;line-height:35px;}
.list_m_2 p{ font-size:12px; color:#999;}
.list_m_2 img{ padding:2px; border:1px solid #CCC; float:left; margin-right:15px;}


.list_ico_1 li{
	background: url(../images/list_ico_1.gif) no-repeat left center;
	padding-left:15px;
}
/***产品菜单
________________________________________*/

.list_product{}
.list_product li{
 border-bottom:1px solid #DBE8F2; 
 }
.list_product li a{
	background-image: url(../images/list_product.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:13px;
	color:#6C7290;
	padding:0 0 0 22px;
	height:35px;
	line-height:35px;
	display:block;
	border:1px solid #EAF0F5;
	border-bottom:none;
}
.list_product li a:hover{ color:#FF6600; border:1px solid #DBE8F2;border-bottom:none; background-color:#FFF;}
.list_product .list_product_on a{color:#FF6600; border:1px solid #DBE8F2;border-bottom:none; background-color:#FFF;}



/***树菜单
________________________________________*/

.treemenu { padding:10px 0;}
.treemenu .parent {
	background: url(../images/treemenu.gif) no-repeat left top;
	line-height:35px;
	padding-left:25px;
	cursor:pointer;
	
}
.treemenu .parent {font-size:15px;color:#243759; font-weight:bold;}
.treemenu .parent a{font-size:15px;color:#243759;}


.treemenu .child {
	margin-bottom:10px;
}
.treemenu .child a{
	display:block;
	padding:5px 10px 5px 35px;
	line-height:25px;
	color:#666;
	border-top:1px solid #DBE3EB;
}
.treemenu .child a:hover{
	color:#06F;
	background-color:#FBFBFB;
}
  

.treemenu .child a.c_current{
	border-top:1px solid #557591;
	background: url(../images/treemenu.gif) no-repeat left -40px;
	background-color:#9FB2C3;
	line-height:20px;
	height:20px;
	color:#FFF;
	font-size:15px;
	padding-left:45px;
}




/***连接
________________________________________*/
a.url_more {
	background: url(../images/url_ico_1.gif) no-repeat left top;
	padding-left:20px;
	line-height:20px;
	font-size:13px;
	color:#999;
	display:block;
}
a.url_more:hover{
	background: url(../images/url_ico_1.gif) no-repeat left -30px;
}



/***滚动图片scroll
________________________________________*/


.scroll{ width:405px; height:128px; margin:auto; position:relative; padding:15px 10px 10px 16px; overflow:hidden; margin-bottom:10px;}
.scroll ul{}
.scroll li{ width:113px; height:155px; text-align:center; overflow:hidden; padding:0 10px;}
.scroll li a{ display:block; color:#666; line-height:20px;font-size:12px;}
.scroll img{ width:95px; height:80px; border:1px solid #DDD; padding:5px; margin-bottom:6px;}
.scroll a.bx-prev,.scroll a.bx-next{
	position:absolute;
	top:0;
	display:block;
	width:40px;
	height:140px;
	background: url(../images/scroll.gif) no-repeat left center;
	z-index:99999;
}
.scroll a.bx-prev{left:-14px;}
.scroll a.bx-prev:hover{background: url(../images/scroll.gif) no-repeat -80px center;}
.scroll a.bx-next{right:-14px;background: url(../images/scroll.gif) no-repeat -40px center;}
.scroll a.bx-next:hover{background: url(../images/scroll.gif) no-repeat -120px center;}



.friendlink{
	background-color:#0B1828;
	clear:both;
	color:#fff;
}
.friendlink a{color:#fff;}

.friendlink p{ color:#fff;	margin:0 auto;width:980px; line-height:28px;}
.friendlink p span{ margin-right:10px;}

/***尾部
________________________________________*/
.foot{
	background-color:#193B62;
	padding:10px;
	clear:both;
	color:#A3B1C0;
}
.foot a{
color:#A3B1C0;}
.foot div{
	margin-left:auto;
	margin-right:auto;
	width:980px;
	position:relative;
	}

.foot p{ color:#A3B1C0;	margin-left:auto;
	margin-right:auto;
	width:980px;}
.foot p.center{ text-align:center;}

.foot_menu{ height:30px; line-height:30px;}
.foot_menu a,.foot_menu a:visited,.foot_menu a:link{ color:#FFF; padding:0 10px; font-size:13px;}
.foot_menu a:hover{}



.logo_foot{
	width:150px;
	height:30px;
	background: url(../images/logo_foot.png) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
}



.icp{ float:right;color:#A3B1C0; clear:right; margin-right:10px;}

/***电话
________________________________________*/
.tel{
	background-image: url(../images/tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height:55px;
	padding:15px 10px 0 80px;
	color:#999;
	font-size:20px;
	position:absolute;
	top:-80px;
	left:10px;
	width:220px;
}
.tel strong{ color:#666; font-size:14px; display:block;}
.tel span{ color:#FF3366;}

.tel2{
	height:55px;
	padding:15px 10px 0 10px;
	color:#999;
	font-size:20px;
	position:absolute;
	top:-80px;
	left:10px;
	width:180px;
}
.tel2 strong{ color:#666; font-size:14px; display:block;}
.tel2 span{ color:#FF3366;}


