﻿.mainBanner {
	clear: both;
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
}
.mainBanner .bd {
	position: relative;
	z-index: 0;
}
.mainBanner .bd ul {
	width: 100% !important;
}
.mainBanner .bd li {
	width: 100% !important;
	height: 445px;
}
.mainBanner .bd li .siteWidth {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}
.mainBanner .bd li a {
	height: 445px;
	display: block;
}
.mainBanner .bd .btn .prev {
	display: block;
	width: 55px;
	height: 55px;
	background: url(../image/icon_prev1.png) no-repeat;
	position: absolute;
	left: 75px;
	top: 133px;
	z-index: 100;
}
.mainBanner .bd .btn .next {
	display: block;
	width: 55px;
	height: 55px;
	background: url(../image/icon_next1.png) no-repeat;
	position: absolute;
	right: 90px;
	top: 133px;
	z-index: 100;
}
.mainBanner .bd .btn .next:hover, .mainBanner .bd .btn .prev:hover {
	opacity: 0.6;
	fiter: apha(opacity=60%);
}
.mainBanner .hd {
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.mainBanner .hd ul {
	text-align: center;
}
.mainBanner .hd ul li {
	cursor: pointer;
	display: inline-block;
 *display:inline;
	zoom: 1;
	width: 9px;
	height: 8px;
	margin: 10px;
	overflow: hidden;
	background: url(../image/icon_out.png) no-repeat left top;
	line-height: 999px;
}
.mainBanner .hd ul .on {
	background: url(../image/icon_over.png) no-repeat left top;
}
.bannerText {
	background-color: #F6F6F6;
	font-family: "微软雅黑";
	margin-bottom: 20px;
	height: 56px;
	line-height: 56px;
	width: 100%;
}
.bannerText p {
	background-color: #989898;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 18px;
	width: 110px;
	text-align: center;
}

.bannerText .jsText {
	float: right;
	width: 1050px;
	position: relative;
}

.bannerText .textBd {
	color: #424242;
	width: 1000px;
}

.bannerText .infoList li {
	font-size: 16px;
	line-height: 56px;
}
.bannerText .infoList li a {
	color: #424242;
}
.bannerText .infoList .time {
	margin-left: 60px;
}

.bannerText .textHd {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50px;
}

.bannerText .textHd .next,
.bannerText .textHd .prev {
	cursor: pointer;
	display: block;
	height: 10px;
	width: 20px;
	margin-bottom: 15px;
}
.bannerText .textHd .prev {
	background: url(../image/icon_prev2.png) no-repeat left top;
}

.bannerText .textHd .next {
	background: url(../image/icon_next2.png) no-repeat left top;
}

.spBanner {
	display: none;
}
#main .innerBox {
	clear: both;
	overflow: hidden;
}
#main .innerBox .subBox {
	float: left;
	width: 372px;
	padding-right: 30px;
}
#main .innerBox .subBox03 {
	padding-right: 0px;
}

#main .innerBox .subBox h2 {
	color: #000;
	font-size: 18px;
	font-family: "微软雅黑";
	font-weight: normal;
	margin-bottom: 5px;
}
#main .innerBox .subBox h2 a {
	color: #000;
}
#main .innerBox .subBox .photo {
	width: 372px;
	height: 294px;
	overflow: hidden;
	margin-bottom: 15px;
}
#main .innerBox .subBox .photo img {
	width: 100%;
}
#main .innerBox .subBox .text {
	line-height: 1.7;
	font-size: 16px;
}
#main .innerBox .subBox .text li a {
	display: block;
	color: #515151;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#main .innerBox .subBox .text li a:hover {
	color: #0059d9;
}
.btmLink {
	border-top: 1px solid #ccc;
	background-color: #ddd;
	clear: both;
	padding: 30px 0;
}
.btmLink .textLink {
	background: url(404.png) no-repeat center center;
	margin: 0 auto;
	width: 1178px;
}
.btmLink .textLink .lBox {
	float: left;
	width: 555px;
}
.btmLink .textLink .lBox .subLink {
	float: left;
	margin-right: 10px;
	width: 170px;
}
.btmLink .textLink .rBox {
	float: right;
	width: 535px;
}
.btmLink .textLink h3 {
	color: #666;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 18px;
}
.btmLink .textLink ul li {
	color: #666;
	font-size: 14px;
	line-height: 2;
}
.btmLink .textLink ul li a {
	background: url(../image/icon02.gif) no-repeat left 14px;
	color: #666;
	display: block;
	padding-left: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.btmLink .textLink .rBox h3 {
	position: relative;
}
.btmLink .textLink .rBox h3 a {
	position: absolute;
	right: 0;
	top: 0;
}
.btmLink .textLink .rBox ul {
	float: left;
	margin-right: 10px;
	width: 200px;
}
.btmLink .textLink .rBox ul li {
	position: relative;
}
.btmLink .textLink .rBox ul li span {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	width: 80px;
}
.btmLink .textLink .rBox .erweima {
	float: right;
	width: 115px;
	height: 115px;
}
.btmLink .textLink .rBox .erweima img {
	width: 115px;
	height: 115px;
}

.spLink {
	display: none;
}

	@media all and (min-width: 961px) and (max-width: 1178px) {
		.bannerText .jsText {
			width: 830px;
		}
		.bannerText .textBd {
			width: 780px;
		}
		#main .innerBox .subBox {
			width: 300px;
		}
		#main .innerBox .subBox .photo {
			height: 240px;
			width: 300px;
		}
		.btmLink .textLink {
			width: 960px;
		}
		.btmLink .textLink .lBox {
			width: 435px;
		}
		.btmLink .textLink .lBox .subLink {
			width: 130px;
		}
		.btmLink .textLink .rBox {
			width: 420px;
		}
		.btmLink .textLink .rBox ul {
			width: 140px;
		}
	}
	
	@media all and (min-width: 0) and (max-width: 960px) {
		.mainBanner {
			display: none;
		}
		.bannerText {
			display: none;
		}
		#main .innerBox {
			width: 100%;
			margin: 0;
		}
		#main .innerBox .subBox {
			clear: both;
			float: none;
			margin-bottom: 10px;
			width: 100%;
		}
		#main .innerBox .subBox:last-child {
			margin-bottom: 0;
		}
		#main .innerBox .subBox .photo {
			width: 120px;
			height: 94px;
			float: left;
			margin-bottom: 0;
		}
		#main .innerBox .subBox .photo img {
			width: 100%;
		}
		#main .innerBox .subBox .text {
			float: none;
			width: auto;
			padding-left: 130px;
		}
		#main .innerBox .subBox h2 {
			font-size: 16px;
			margin-bottom: 0px;
		}
		#main .innerBox .subBox .text li a {
			width: auto;
		}
		.spBanner {
			display: block;
			clear: both;
			margin-bottom: 10px;
			overflow: hidden;
			zoom: 1;
			text-align: center;
			position: relative;
			z-index: 5;
		}
		.spBanner .list {
			position: relative;
		}
		.spBanner .list ul {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			zoom: 1;
		}
		.spBanner .list li {
			text-align: center;
			width: 100%;
		}
		.spBanner .list li img {
			width: 100%;
		}
		.spBanner .click {
			position: absolute;
			left: 0%;
			width: 100%;
			bottom: 2%;
			zoom: 1;
			padding: 4px 0;
		}
		.spBanner .click ul {
			display: inline-block;
		 *display:inline;
			margin: 0 auto;
			zoom: 1;
		}
		.spBanner .click li {
			width: 9px;
			height: 9px;
			background: url(../image/icon_out1.png) no-repeat left top;
			background-size: 9px 9px;
			overflow: hidden;
			margin: 0 3px;
			float: left;
			text-indent: -9999px;
			cursor: pointer;
		}
		.spBanner .click .on {
			background: url(../image/icon_over1.png) no-repeat left top;
			background-size: 9px 9px;
		}
		.btmLink {
			display: none;
		}
		.spLink {
			display: block;
			margin: 0 auto 15px;
			width: 98%;
		}
		.spLink .label {
			background: #74b5dc url(../image/icon.png) no-repeat 98% center;
			background-size: 25px 25px;
			border-bottom: 1px solid #fff;
			cursor: pointer;
			color: #fff;
			display: block;
			font-size: 14px;
			font-weight: bold;
			padding: 10px 30px 10px 10px;
			text-align: left;
		}
		.spLink .menu {
			display: none;
		}
		ul.expmenu li ul li {
			background-color: #bee0f5;
			border-bottom: 1px solid #aed9f3;
			border-top: 1px solid #aed9f3;
			font-size: 14px;
			color: #fff;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
		}
		ul.expmenu li ul li a {
			display: block;
			color: #444;
			padding: 10px;
		}
		ul.expmenu li ul li img {
			display: block;
			margin: 0 auto;
			width: 200px;
		}
	}