﻿/**************************************************全局******************************************************/
@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding:0;
	margin:0;
}
html {
	overflow:-moz-scrollbars-vertical;
	overflow-x:hidden;
} /*始终让 Firefox 显示滚动条*/
* {
	word-wrap:break-word;
}/*文字强制换行word-break:keep-all;(Ff)*/
table {
	border-collapse:collapse;
}/*细线表格*/
fieldset, img {
	border:0px;
}/*清除描边,块显示*/
ul, li {
	list-style-type:none;
}/*无列表项目标记*/
a {
	text-decoration: none;
}/* 链接无下划线,有为underline;链接去框 */
a:link {
	color:#848585;
}/* 未访问的链接 */
a:visited {
	color:#848585;
}/* 已访问的链接 */
a:hover {
	color:#cd0000;
}/* 鼠标在链接上 */
a:active {
	color:#848585;
}/* 点击激活链接 */
body {
	font-family:"Microsoft YaHei";
	font-size: 12px;
	color:#000;
	line-height:24px;
	background:#FFF;
	position:relative;
	padding-top:100px;
	margin:0;
}
.wrap{ width:1000px; margin:0 auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
/*----------------------------首页样式-----------------------------------------*/
html {
	overflow-x: hidden;
	overflow-y: auto;
}
.top {
	width:1000px;
	height:60px;
	margin:0 auto;
	color:#848585;
	padding-bottom:15px;
	clear:both;
	display:block;
}
.logo {
	float:left;
	padding-left:10px;
}
.top span {
	width:auto;
	float:right;
	display:inline;
	padding-top:40px;
	padding-right:5px;
}
.nav{
	width:100%;
	height:auto;
	line-height:50px;
	text-align:center;
	color:#fffff;
	background:#e8f0f6;
	padding:20px 0;
	font-size:14px;
}
.nav ul{
	width:1080px;
	display:block;
}
.nav ul li{
	width:280px;
	height:50px;
	float:left;
	margin-right:80px;
	background-color:#268ed7;
	    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav ul li a{
    display:block;
	padding-left:52px; height:50px;
	color:#FFF;
	text-align:left;
	font-size:16px;
}
.nav1 a{
	background:url(../images/icn16.png) no-repeat 15px center;
}
.nav2 a{
	background:url(../images/icn16.png) no-repeat 15px center;
}
.nav3 a{
	background:url(../images/icn17.png) no-repeat 12px center;
}
.nav4{
	background:#4e4f51;
}
.nav ul li:hover{ box-shadow: 4px 8px 13px rgba(0,0,0,0.2);}
.copy {
	width:100%;
	height:66px;
	line-height:66px;
	text-align:center;
	color:#848585;
	font-size:14px;
}
.copy p {
}
.about_bg{
	width:1000px;
	height:440px;
	margin:0 auto;
	background:#fff; 
	filter: alpha(opacity=50); 
	opacity: 0.7;
}
.about_bg p{
	padding:10px;
	overflow:scroll;
}
/**
 * demo1 banner
 * @author 杨朝杰
 * @return
 */	
.banner{
	height:420px; 
	overflow:hidden; 
	position:relative; 
	}
/*分页*/
.banner .hd{
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.banner .hd ul {
	text-align:center;
}
.banner .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width: 13px;
	height: 13px;
	overflow:hidden;
	line-height:999px;
	margin:0 2px;
	background: url(../images/dot.png) right top no-repeat;
}
.banner .hd ul .on {
	background: url(../images/dot.png) left top no-repeat;
}
/*内容*/		
.banner .bd{ position:relative; height:100%; z-index:0; height:420px;}
.banner .bd li{ zoom:1; vertical-align:middle; height:420px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:#000 url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }

/**
 * demo2 
 * @author 杨朝杰
 * @return
 */