﻿/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;*/
}
/* 设置默认字体 */
@font-face { font-family: "方正正中黑简体";src:url(/font/FZZZHONGHJW.TTF) format('ttf');}
body,
button, input, select, textarea { /* for ie */
  /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  font: 12px/1 "微软雅黑"; /* 用 ascii 字符表示，使得在任何编码下都无问题 */

}
html{
	/*background: #fff;*/
}
/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: none; }
/*设置页面宽度高度*/
html,
body {
  width: 100%;
	background:rgba(255,255,255,0);
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
/*-webkit-filter: grayscale(100%);*/
}
img{
  border: none;
}
.middle{
	width: 1180px;
	height: auto;
	margin: 0 auto;
}
header{
	width:1920px;
	height:320px;
	position: relative;
}
header object{
	width:1920px;
	height: 100%;
}

header .logo{
	width: 50%;
	margin-left: 15%;
	margin-top: 4%;
}
/*导航*/
nav{
	width: 100%;
	height: 51px;
	background: #537f7a;
}
nav .middle{
	height: 51px;
}
nav .middle li{
	width: 130px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	float: left;
}
nav .middle li a{
	display: block;
	height:30px;
	
	width: 100%;
	border-left: 1px solid #376560 ;
	font-family: "微软雅黑";
	font-size: 16px; 
	line-height: 30px;
	color: #fff;
	transform: translateY(45%);
}
nav .middle li a:hover{
	text-decoration: none;
}
nav .middle li:nth-of-type(1) a{
	border-left: 0;
}

nav .middle li.active{
	background: #ffbb59;
}
nav .middle li.active a{
	border-left: 0;
}
/*底部菜单*/
footer{
	width: 100%;
	height: 410px;
	background: #537f7a;
	text-align: center;
	color: #fff;
}
footer .ewm{
	height:226px ;
	border-bottom: 1px dashed #3e6863;
	margin-bottom: 20px;
}
footer .ewm img{
	margin-top: 61px;
	margin-left: 55px;
	margin-right: 55px;
	
}
footer p{
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 40px;
}
#ads{
	width: 100%;
	height: 320px;
	margin: 0px auto;
	position: relative;
	overflow:hidden;

}
#ads img{
	width: 1920px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;

}
#ads img.show{
	display: block;
}
#ads ul{
	position: absolute;
	bottom: 10px;
	left: 240px;
	display:none;
}
#ads ul li{
	width: 12px;
	height: 12px;
	float: left;
	background: whitesmoke;
	margin-right: 8px;
	border-radius: 50%;
	cursor: pointer;
}
#ads ul li.active{
	background: orange;
}