﻿@charset "utf-8";
/* CSS Document */
a {
	cursor:pointer;
}
a:link {
	color: #333;
	text-decoration: none;
} /* 未访问的链接 */
a:visited {
	color: #333;
	text-decoration: none;
} /* 已访问的链接 */
a:hover {
	text-decoration: underline;
	color:#0068B7;
	cursor:pointer;
} /* 鼠标在链接上 */

/* ======== 页面初始设置===== */	
html {
	text-align:center;
	background-color:#FFF;
	background: url("html.jpg") repeat-x top;
}
/* body标记样式定义全局的字体颜色、背景色和文本对齐设置 */   
body {
	color: #333;
	text-align: left;
	font-family:Verdana,'宋体', '新宋体', '微软雅黑', Tahoma,  Arial, Sans-Serif;
	font-size:0.85em;
	margin:0 auto;
	background-color:#FFF;
 }

.w{ width:980px; margin-left:auto; margin-right:auto;}/*全局宽度*/



/* ==================================================================== */	
/* ======== 头部 ===== */	
#header{
	height:83px;
	overflow: hidden;
	background-image: url("header.png");
	background-repeat: no-repeat;
}

#header #topnav{ text-align:right; font-size:90%; line-height:35px; padding:0;color:#333333;}
#header #topnav a{ padding:5px; color:#000;}
#header #topnav a:hover{}
#header .logo{ display:block; float:left; width:290px; height:100px;}
#header .logo span{ display:none;}
/* ==================================================================== */	
/* ======== 导航栏 ===== */	
#nav{ font-size:90%; height:35px; line-height:35px; display:block; font-family:"宋体",Verdana, Geneva, sans-serif; padding:0 10px;color:#999;}
#nav a,#nav a:visited,#nav a:link{color:#999;}
#nav a:hover{ color:#F36; }


/* ==================================================================== */	
/* ======== 菜单===== */	
.topmenu{
	background-image: url("topmenu.png");
	background-repeat: repeat-x;
	font-size:105%;
	overflow: hidden;
	border:1px solid #2996E2;
}
.topmenu ul{ padding:0;}
.topmenu ul li{ display:block;
	background-image: url("topmenu.png");
	background-repeat: no-repeat;
	background-position: right -48px;
	float:left;
	padding-right:2px;
	height: 48px;
	width:90px;
	text-align:center;
}
.topmenu ul li a,.topmenu ul li a:visited,.topmenu ul li a:link{ color:#FFF; display:block; padding:12px 0px 0 0px;	height: 38px;}
.topmenu ul li a:hover{
	background-image: url("topmenu.png");
	background-repeat: repeat-x;
	background-position: left -96px;
	color:#FFC;
	text-decoration: none;
	font-weight:bold;
}
.topmenu ul li a span{ display:block; font-size:10px; color:#87BBEA; font-weight:normal;}
/* ==================================================================== */	
/* ======== 左侧菜单 ===== */	
.left_menu{}
.left_menu li{}
.left_menu li a,.left_menu li a:visited,.left_menu li a:link{ color:#333;
	background-image: url("left_menu.png");
	background-repeat: repeat-x;
	background-position: left top;
	display:block;
	margin:2px 0;
	font-size:12px;
	padding:0 0 0 30px;
	height:30px;
	line-height:30px;
}
.left_menu li a:hover{
	background-image: url("left_menu.png");
	background-repeat: repeat-x;
	background-position: left -30px;
	color:#3471B5;
}
.left_menu li:hover{ background-color:#F5F5F5;}
	
/* ==================================================================== */	
/* ======== 标题 ===== */	
.title_1{
	background-image: url("title_1.png");
	background-repeat: no-repeat;
	background-position: right -45px;
	height:45px;
	line-height:45px;
	padding:0 5px 0 0px;
	overflow: hidden;
}
.title_1 h6{
	font-family:Verdana, Geneva, sans-serif;
	font-size:120%;
	background-image: url("title_1.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 15px;
	color:#0281C6;
	line-height:45px;
	font-weight:bold;
	display:block;
	float:left;
	_width:150px;
}
.title_1 span{ font-size:70%; padding:0 5px 0 10px;}

/* ==================================================================== */	
/* ======== 更多 ===== */	
a.more_1,a.more_1:visited,a.more_1:link{
	color:#000;
	font-size:12px;
	float:right;
	padding:0 5px;
}
a.more_1:hover{ color:#04D;}
/* ==================================================================== */	
.more_2{
	border-top:1px dashed #CCC;
	text-align:right;
	display:block;
	height:30px;
	line-height:30px;
}
.more_2 a,.more_2 a:visited,.more_2 a:link{
	color:#50545E;
	font-size:90%;
	padding:0 5px 0 20px;
	background: url("more_2.gif") no-repeat left center;
}
.more_2 a:hover{color:#04D;}

/* ==================================================================== */	
.cptype{}
.cptype a,.cptype a:visited,.cptype a:link{
	background-image: url("cptype.gif");
	background-repeat: no-repeat;
	background-position:left center;
	padding:5px 0 5px 20px;
	width:33%;
	width:210px;
	display:inline-block;


	
	}
.cptype a:hover{}



/* ==================================================================== */	
/* ======== 底部菜单 ===== */	
.bottom_menu{
	height:34px;
	line-height:34px;
	font-size:90%;
	color:#CCC;
	text-align:center;
	background-image: url("bottom_menu.gif");
	background-repeat: no-repeat;
	margin-top:10px;
}
.bottom_menu a,.bottom_menu a:visited,.bottom_menu a:link{color:#333; padding:0 5px;}
.bottom_menu a:hover{}

/* ==================================================================== */	
/* ======== 尾部 ===== */	
#bottom{
	font-size:90%;
	line-height:130%;
	padding:10px 5px;
	height:60px;
	text-align:center;
}
#bottom p{ color:#666; line-height:200%;}


/* ==================================================================== */	
/* ======== 左侧联系方式 ===== */	
.lxwm{ line-height:180%; font-family:Arial, Helvetica, sans-serif;}
.lxwm span{ color:#006699; font-size:13px; font-weight:bold;}
.lxwm p{ color:#666; font-size:12px;}
.lxwm strong{ color:#333;}
/* ==================================================================== */	
/* ======== 在线留言背景图 ===== */	
.liuyan{
	background-image: url("liuyan.gif");
	background-repeat: no-repeat;
	padding:80px 10px 10px 200px;
}
/* ==================================================================== */	
/* ======== 列表 ===== */	
.list_1{}
.list_1 li{
	background: url("list_1.gif") no-repeat left center;
	padding-left:10px;
}
.list_1 li a,.list_1 li a:visited,.list_1 li a:link{ padding:0 10px 0 0; color:#333;}
.list_1 li a:hover{ color:#04D;}
.list_1 span{ color:#999; font-size:70%; float:right;}

/* ==================================================================== */	
/* ======== 下划线 ===== */	
.line{ border-bottom:1px dashed #CCC; margin:0 0 20px 0;}


/* ======== 边框 内容===== */	
.b_1{
	border:1px solid #E4E6E9;
	border-top:none;
	background: url("b_1.png") repeat-x left top;
	background-color:#FFF;
}
/* ==================================================================== */	
/* ======== 图片列表 ===== */	
.piclist_1{}
.piclist_1 li{ float:left; margin:5px 17px; _margin:5px 14px;width:160px; height:200px; text-align:center;}
.piclist_1 li img{ border:1px solid #E4E6E9; margin-bottom:5px;}
.piclist_1 li  a,.piclist_1 li  a:visited,.piclist_1 li  a:link{  line-height:18px; color:#333; font-size:90%; display:block; }
.piclist_1 li  a:hover{}

/* ==================================================================== */	
.piclist_2{}
.piclist_2 li{ float:left; margin:5px 17px; _margin:5px 9px;width:160px; height:170px; text-align:center;}
.piclist_2 li img{ border:1px solid #E4E6E9; margin-bottom:5px;}
.piclist_2 li  a,.piclist_2 li  a:visited,.piclist_2 li  a:link{  line-height:18px; color:#333; font-size:90%; display:block; }
.piclist_2 li  a:hover{}

/* ======== 图片列表 ===== */	
.piclist_3{ margin-left:10px; _margin-left:0;}

.piclist_3 li img{ width:128px; height:88px;  border:1px solid #666;}
.piclist_3 li  a,.piclist_3 li  a:visited,.piclist_3 li  a:link{  line-height:32px; color:#333; font-size:90%;  }
.piclist_3 li  a:hover{}

/* ==================================================================== */	
/* ======== 图标 ===== */	
.ico_1{}
.ico_down{
	background-image: url("ico_down.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 30px;
	
}

/* ==================================================================== */	
.line_1{ border-bottom:1px dashed #CCC; margin:0 0 18px 0;}

/* ==================================================================== */	
/* ======== 表单 ===== */	
.form_1{}
.input_1{
	background-image: url("input_1.png");
	background-repeat: repeat-x;
	border:1px solid #515660;
	height:23px;
	line-height:23px;
	font-size:12px;
	padding:0 5px;
}
.input_2{
	background-image: url("input_1.png");
	background-repeat: repeat-x;
	border:1px solid #CCC;
	height:23px;
	line-height:23px;
	font-size:12px;
	padding:0 5px;
}

.btn_2 {
	background-image: url("btn_2.png");
	background-repeat: repeat-x;
	background-position: left top;
	border:1px solid #06C;
	height:25px;
	font-size:12px;
	line-height:25px;
	color:#FFF;
	background-color:#FFF;
}


textarea{font-size:12px; padding:5px;}





/* ==================================================================== */	
/* ======== 框架 ===== */	
#box{
	overflow: hidden;
}
.left,.right,.middle,.right_2{
}
.left {
	width:190px;
	margin:0 10px 0 0;
	float:left;

}
.right {
	width:260px;
	float:right;
}

.middle{
	width:510px;
	margin:0;
	float:left;
	}
.middle_3{
	width:550px;
	margin:0;
	float:left;
	}

.right_2 {
	float:right;
	width:780px;
	margin:0;
}

.right_3{
	width:220px;
	float:right;
}


.banner_2{
	background-image: url("banner_2.png");
	background-repeat: no-repeat;
	width:980px;
	height:150px;
}
