html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
font,
img,
ins,
ol,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*设置元素的垂直对齐方式*/
	background: transparent;
	/*设置背景为透明*/
}

body {
	line-height: 1;
	background: url(../image/background.jpg) no-repeat;
	color: rgba(0, 0, 0, 0.82);
	/*设置字体颜色和透明度*/
	font: normal 100% "微软雅黑";
	-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	/*设置页面所有文字均有阴影效果*/
	-webkit-text-size-adjust: none;
}

/*设置行高为1*/
ol,
ul {
	list-style: none;
}

/*清除列表的默认样式外观*/
/* 网站头部CSS开始 */
#header {
	width: 1400px;
	margin: 0 auto;
	height: 500px;
}

#logo {
	float: left;
           margin-top:150px;
}

/* 导航菜单栏CSS开始 */
#nav {
	width: 100%;
	background-color: #9d0000;
	border-top: 1px white solid;
}

#menu {
	width: 1400px;
	margin: 0 auto;
	font: 18px/1.2 "微软雅黑";
	text-align: center;
	line-height: 2.2em;
	color: white;
	padding: 0.6em 0;
}

/* 第一栏CSS开始 */
#content {
	width: 1400px;
	margin: 20px auto;
	margin-bottom: 1.2em;
}

#slide {
	width: 44%;
	float: left;
}

#News {
	width: 54%;
	float: right;
	background-color: antiquewhite;
}

.tit {
	border-bottom: 1px #9D0000 solid;
	height: 50px;
	line-height: 2em;
	padding-left: 1.2em;
	font-size: 18px;
}

.tit a {
	display: block;
	height: 47px;
	line-height: 47px;
	border-bottom: 3px #9d0000 solid;
	text-decoration: none;
	float: left;
	color: #9d0000;
	font-weight: bold;
}

.NewsList {
	padding-left: 1.2em;
	padding-top: 0.8em;
}

.tit span {
	float: right;
	padding-right: 1.2em;
}

.tit span a {
	border-bottom: none;
	font-weight: normal;
	font-size: 14px;
}

.clear {
	clear: both;
}

/* 第二栏CSS开始 */
#aside:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#aside {
	margin-top: 20px;
}

#aside .c1 {
	width: 32.4%;
	float: left;
	background-color: antiquewhite;
}

#aside .c2 {
	width: 32.4%;
	float: left;
	margin-left: 1.6%;
	background-color: antiquewhite;
}

#aside .c3 {
	width: 32%;
	float: right;
	margin-left: 1.6%;
	background-color: antiquewhite;
}
/* 第三栏广告条CSS开始 */
#banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#banner{
	margin-top: 20px;
}
/* 第四栏CSS开始 */
#other:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#other {
	margin-top: 20px;
}

#other .c1 {
	width: 32.4%;
	float: left;
	background-color: antiquewhite;
}
#other .c1 ul{
	margin-left: 10%;
}
#other .c1 ul li{
	width: 70%;
	background-color: #9D0000;
	text-align: center;
	margin: 1.2em;
	height: 50px;
	line-height: 50px;
	border-radius: 0.3em;
           -webkit-transition-property: background-color;
	-webkit-transition-duration: 0.9s;
	-webkit-transition-timing-function: ease;
           transition-property: background-color;
	transition-duration: 0.9s;
	transition-timing-function: ease;
}
#other .c1 ul li:hover{
	background-color: #025377;
}
#other .c1 ul a {
	color:white;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	display: block;
}
#other .c2 {
	width: 32.4%;
	float: left;
	margin-left: 1.6%;
	background-color: antiquewhite;
}

#other .c3 {
	width: 32%;
	float: right;
	margin-left: 1.6%;
	background-color: antiquewhite;
}

#other .list {
	width: 64.4%;
	float: left;
	margin-left: 1.6%;
	background-color: antiquewhite;
}

/* 底部版权信息CSS开始 */
#footer {
	clear: both;
	width: 100%;
	font: 14px/1.2 "微软雅黑";
	text-align: center;
	background-color: #9d0000;
	padding: 2em 0;
	line-height: 2em;
	color: white;
}
#footer a{
          color:#cccccc;
          text-decoration: none;
}

@media screen and (min-width:1025px) {
	#header{
	
	}
}
 @media screen and (max-width:768px) {
#content, #section, #slide, #News ,#banner,#other,#footer,.c1,.c2,.c3{
	float: none;
	width: auto;
}
@media screen and (max-width:414px) {
#content,#nav,#menu, #section, #slide, #News ,#banner,#other,#footer,.c1,.c2,.c3 {
	width:100%;
	}/*当显示宽度小于等于414像素时，图文信息列表宽度增加，有三列显示变为1列显示，图像信息显示区域增大，有利于访问者浏览*/
}
