body {
	background: #fff url(bg1.jpg) no-repeat center top;
}

.wraper {
	margin: 0 auto;
	width: 1200px;
}


.hover:hover {
	color: #bed4eb;
}

@font-face {
	font-style: normal;
font-family: "imooc-icon";
src: url(iconfont.html);
src: url(iconfont-2.html#iefix) format('embedded-opentype')
    ,url(iconfont-3.html) format('woff')
    ,url(iconfont-4.html) format('truetype')
    ,url(iconfont-5.html#iconfont) format('svg');
}

.iconfont {
	font-style: normal;
	font-family: "imooc-icon";
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}


.hd {
	position: relative;
	height: 526px;
	background: url(bg2.jpg) no-repeat center top;
}

.bd {
	background: url(bg3.jpg) no-repeat center top;
}






































.serve {
	position: relative;
	width: 316px;
	height: 221px;
	background: #7b8ba3;
}

.serve .box {
	position: relative;
	margin: 0 auto;
	margin-top: 5px;
	width: 304px;
	height: 176px;
	background: #5E667E url(zkf.jpg) no-repeat left bottom;
}

.serve .box a {
	position: absolute;
	top: 110px;
	left: 120px;
	display: block;
	width: 136px;
	height: 53px;
	background: url(mszx.jpg) no-repeat left top;
}


.serve .box a:hover {
	background-position: right top;
}
















.slider {
	position: relative;
	overflow: hidden;
	width: 880px;
	height: 325px;
	background: #fcfcfa;
}

.slider-btn {
	position: absolute;
	bottom: 10px;
	left: 7px;
	_bottom: 9px;
}


.slider-btn a {
	display: block;
	margin: 0 3px;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #3e2b21;
}

.slider-btn .on {
	width: 30px;
	background: #798da5;
}












.left {
	width: 600px;
	height: 618px;
}

.right {
	width: 276px;
	height: 300px;
}















.yxgl ul {
	padding: 10px 0 11px 0;
	background: #7b8ba3;
}

.yxgl li {
	margin: 0 auto;
	margin-bottom: 13px;
	width: 262px;
}

.yxgl ul a {
	position: relative;
	display: block;
	width: 262px;
	height: 80px;
}

.yxgl ul img {
	position: absolute;
	top: 0;
	left: 0;
}

.yxgl ul p {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 28px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	line-height: 28px;
	*line-height: 26px;
	_line-height: 28px;
}

.yxgl a:hover p {
	color: #bed4eb;
}

.yxgl ul span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.yxgl .txt-bg {
	z-index: 99;
	opacity: 0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	background: #383d56;
}
















.main-new {
	position: relative;
	overflow: hidden;
	padding: 0 22px;
	height: 322px;
	font-family: "Microsoft YaHei";
}

.main-new-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 600px;
	height: 322px;
	background: #383d56;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.main-new-bd {
	position: absolute;
	top: 0;
	left: 22px;
	z-index: 99;
	width: 556px;
}

.main-new-nav {
	position: relative;
}

.main-new-nav li {
	overflow: hidden;
	width: 100px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	*line-height: 38px;
	_line-height: 40px;
}

.main-new-nav a {
	color: #fff;
}

.main-new-nav .more i {
	position: absolute;
	top: 10px;
	right: -12px;
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	_right: 10px;
	*line-height: 18px;
	_line-height: 22px;
}

.main-new-line {
	position: relative;
	overflow: hidden;
	margin-bottom: 14px;
	width: 100%;
	height: 2px;
	font-size: 0;
	background: #373c55;
}

.main-new-line div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 2px;
	background: #bed4eb;
}





.iTitle {
	height: 35px;
	background: url(title.jpg) repeat-x 0 0;
}

.iTitle p {
	overflow: hidden;
	height: 35px;
	background-image: url(title.jpg);
	background-repeat: no-repeat;
}

.title1,.title3,.title5 {
	padding-right: 10px;
	background-position: 0 -34px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	line-height: 34px;
	*line-height: 34px;
	_line-height: 36px;
}

.title2 {
	background-position: 0 -68px;
}

.title3 {
	background-position: 0 -102px;
}

.title4 {
	background-position: 0 -136px;
}

.title5 {
	background-position: 0 -170px;
}
.title1 a,.title3 a,.title5 a {
	color: #fff;
}
.title1 a:hover,.title3 a:hover,.title5 a:hover {
	color: #bed4eb;
}





.yxjt {
	height: 292px;
	background: #8195ac;
}

.yxjt .box {
	position: relative;
	margin: 0 auto;
	margin-top: 7px;
	padding: 34px 42px;
	width: 500px;
	height: 174px;
	background: #616980;
}

.yxjt ul {
	width: 10000%;
}

.yxjt li {
	margin-right: 30px;
}

.yxjt .prev,.yxjt .next {
	position: absolute;
	top: 50%;
	display: block;
	margin-top: -16px;
	width: 32px;
	height: 44px;
	background-image: url(prev-next.jpg);
}

.yxjt .prev {
	left: 5px;
	background-position: 0 0;
}

.yxjt .next {
	right: 5px;
	background-position: -32px 0;
}

.yxjt .prev:hover {
	background-position: 0 -44px;
}

.yxjt .next:hover {
	background-position: -32px -44px;
}










/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.info-main {
	margin-top: 0px;
	width: 880px;
	background: #8195ac;
}


.info-title {
	background: url(info-title.jpg) repeat-x left top;
}

.info-title p {
	height: 62px;
	background: url(info-title.jpg) no-repeat left bottom;
}












.articleMain {
	padding: 20px 20px 20px;
	color: #fff;
	font-family: "Microsoft YaHei";
}

.articleTitle {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #373c55;
	text-align: center;
}





.footer2 {
	width: 100%;
	background: url(bg6.jpg) no-repeat center top;
}



.footer2 .copyright .wrap {
	margin: 0 auto;
	padding: 100px 100px 100px;
	width: 1000px;
	height: 60px;
	background: url(bg7.jpg) no-repeat center top;
}
.footer2 .copyright .logo {
	margin-right: 20px;
}

.footer2 .copyright .txt p {
	overflow: hidden;
	height: 20px;
	color: #858585;
	font: 12px "Microsoft YaHei";
	line-height: 20px;
}

.footer2 .copyright .txt a {
	color: #858585;
}

.footer2 .copyright .txt a:hover {
	color: red;
}

.footer2 .copyright .txt .media_link {
	padding-right: 10px;
}