﻿@charset "utf-8";
.t1 {
	height: 50px;
	position: relative;
	border-bottom: 2px solid #ccc;
}
.t1 a, .t1 b {
	display: inline-block;
	font: normal 18px/50px microsoft yahei, simhei;
	text-align: center;
	padding: 0px 20px;
	position: relative;
}
.t1 a.current {
	border-bottom: 2px solid #037edb;
}
.t1 a.current:after, .t1 b:after {
	content: '';
	position: absolute;
	top: 47px;
	left: 48%;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background: #037edb;
}
.t2 {
	position: relative;
	height: 50px;
	border-bottom: 2px solid #037edb;
}
.t2:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 10px;
	width: 6px;
	height: 18px;
	background-color: #c0392b;
}
.t2 b {
	position: relative;
	display: inline-block;
	padding: 0 25px;
	line-height: 50px;
	font-size: 18px;
	color: #037edb;
}
.t2 a {
	font-size: 14px;
	padding: 0px 10px;
}
.t2 a.current {
	color: #037edb;
}
.t3 {
	position: relative;
	height: 50px;
	border-bottom: 2px solid #037edb;
}
.t3 a, .t3 b {
	position: relative;
	display: inline-block;
	padding: 0 25px;
	line-height: 50px;
	font-size: 18px;
	color: #333;
}
.t3 a.current, .t3 b {
	border-bottom: 2px solid #c0392b;
	color: #037edb;
}
.t3 a.current:after, .t3 b:after {
	content: '';
	position: absolute;
	bottom: -4px;
	right: -4px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
.t4 {
	position: relative;
	height: 36px;
	background: url(../images/index/bt.png) 0px 0px no-repeat;
	border-bottom: 2px solid #037edb;
}
.t4 b, .t4 a {
	position: relative;
	display: inline-block;
	padding: 0 25px;
	line-height: 36px;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.list-t {
	padding: 10px;
}
.list-t li {
	height: 34px;
	line-height: 34px;
	padding-left: 15px;
	background: url(../images/index/dot.png) 0 50% no-repeat;
}
.list-a li a {
	display: block;
	transition: all .2s;
}
.list-a li a i {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url(../images/index/sprite_2017.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.w470 {
	width: 470px;
}
.w600 {
	width: 600px;
}
.w585 {
	width: 585px;
}
.w560 {
	width: 560px;
}
.w755 {
	width: 755px;
}
.w410 {
	width: 410px;
}
.w580 {
	width: 580px;
}
.h310{
	height:310px;
	}
.mr20 {
	margin-right: 20px;
}
/* part1 */
.p1 {
	background: #fff;
}
/* 头条 */
.bo {
	height: 80px;
	width: 1168px;
	margin: 20px auto;
	border: 1px solid #ccc;
}
.bo h3 {
	height: 80px;
	float: left;
	width: 160px;
	margin: 0px 10px;
	background: url(../images/index/tt.png) top right no-repeat;
}
.bo h3 b {
	font-size: 48px;
	float: left;
	line-height: 80px;
}
.bo h3 span {
	color: #494949;
	float: left;
	margin: 10px 0px 0px 10px;
	font: normal 14px/24px microsoft yahei, simhei;
}
.bo p {
	color: #080808;
	float: left;
	font: normal 28px/80px microsoft yahei, simhei;
}
.bo p a {
	color: #b2b2b2;
	font-size: 14px;
	padding-left: 20px;
}
/* part2 */
.p2 {
	padding: 20px 0px;
	background-color: #f6f6f6;
}
/* 焦点图 */
.focus {
	position: relative;
	overflow: hidden;
	width: 645px;
	height: 377px;
	padding: 13px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.focus .pic {
	width: 645px;
	height: 352px;
}
.focus .pic div a {
	display: block;
	width: 645px;
	height: 352px;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}
.focus .pic div a img {
	width: 645px;
	height: 352px;
}
.focus .pic div a span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	font: bold 16px/50px microsoft yahei, simhei;
	text-align: center;
	background: url(../images/index/focus_t.png) bottom repeat-x;
	color: #fff;
}
.focus .navi {
	width: 100px;
	height: 10px;
	margin: 12px auto 0;
}
.focus .navi li {
	float: left;
	margin: 0 2px;
}
.focus .navi li a {
	display: block;
	width: 10px;
	height: 10px;
	font: 0/0 a;
	background-color: #ccc;
	color: transparent;
	overflow: hidden;
	border-radius: 100px;
	transition: width .2s ease-in;
}
.focus .navi li.current a {
	width: 35px;
	background-color: #037edb;
}
.focus a {
	display: block;
}
.focus .prev, .focus .next {
	display: none;
	width: 50px;
	height: 50px;
	background-image: url(../images/index/arr.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	top: 50%;
	margin-top: -25px;
	z-index: 9;
}
.focus .prev {
	position: absolute;
	left: 0;
}
.focus .next {
	position: absolute;
	right: 0;
	background-position: 100% 0;
}
/* part2 */
.inform .list-b-t li {
	padding: 15px;
	height: 67px;
	border-bottom: 1px #d2d2d2 dotted;
	color: #666;
}
.inform .list-b-t li.current {
	background-color: #f6f6f6;
}
.inform .list-b-t li h4 {
	line-height: 40px;
	font-size: 16px;
}
.inform .list-b-t li p {
	line-height: 30px;
}
.inform .date01 {
	display: block;
	width: 67px;
	height: 72px;
	float: left;
	color: #fff;
	margin-right: 20px;
	text-align: center;
	font: bold 30px/45px microsoft yahei, simhei;
	background: url(../images/index/inform.jpg) 0px 0px no-repeat;
}
.inform .date01 span {
	font: normal 10px/28px microsoft yahei, simhei;
}
.inform .date01:hover {
	background: url(../images/index/inform.jpg) 0px -72px no-repeat;
}
.notice {
	height: 330px;
	overflow: hidden;
}
.notice .scroll ul {
	margin-left: 14px;
	border-left: 2px solid #ccc;
}
.notice .scroll li {
	margin-left: -16px;
	padding: 0 0 0 26px;
	line-height: 20px;
	background: url(../images/index/notice.png) 8px 14px no-repeat;
}
.notice .scroll li:hover {
	background: url(../images/index/notice.png) 8px -186px no-repeat;
}
.notice .scroll li a {
	display: block;
	padding: 10px;
	line-height: 24px;
	border-bottom: 1px dotted #ddd;
}
.notice li a:hover {
	color: #1b80d2;
	text-decoration: underline;
}
.notice .scroll li a span {
	margin-right: 10px;
}
.notice .scroll .simply-scroll-container {
	position: relative;
}
.notice .scroll .simply-scroll-clip {
	position: relative;
	overflow: hidden;
}
.notice .simply-scroll, .notice .simply-scroll .simply-scroll-clip { /* 容器样式设置大小 */
	width: 535px;
	height: 260px;
	margin: 20px 20px 0px 0px;
}
/* part3 */
/* 专题滚动 */
.zt {
	background-color: #fff;
	margin: 10px 0;
}
.zt .scroll {
	width: 1190px;
	height: 90px;
	background-color: #eee;
	position: relative;
	overflow: hidden;
}
.zt .scroll li {
	width: 1190px;
	height: 90px;
}
.zt .navi {
	float: right;
	height: 90px;
	margin: -105px 16px 0 0;
	padding: 27px 0 0;
	position: relative;
	z-index: 3;
}
.zt .navi a.num {
	display: block;
	width: 10px;
	height: 10px;
	margin-bottom: 10px;
	border: 2px solid #fff;
	font: 0/0 lx;
	background: #fff;
	color: transparent;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transition: background-color ease-in .2s;
}
.zt .navi a.current {
	background-color: #e60000;
}
/* part4 */
.work li {
	width: 100px;
	float: left;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}
.work li + li {
	margin-left: 18px;
}
.work li i {
	width: 100px;
	height: 100px;
	display: block;
	background-image: url(../images/index/icon.png);
	background-repeat: no-repeat;
}
.work li i.s1 {
	background-position: 0px 0px;
}
.work li i.s2 {
	background-position: -100px 0px;
}
.work li i.s3 {
	background-position: -200px 0px;
}
.work li i.s4 {
	background-position: -300px 0px;
}
.work li i.s5 {
	background-position: -400px 0px;
}
.work li:hover i.s1 {
	background-position: 0px -100px;
}
.work li:hover i.s2 {
	background-position: -100px -100px;
}
.work li:hover i.s3 {
	background-position: -200px -100px;
}
.work li:hover i.s4 {
	background-position: -300px -100px;
}
.work li:hover i.s5 {
	background-position: -400px -100px;
}
.interaction li {
	height: 72px;
	float: left;
	margin: 1px;
	line-height: 72px;
}
.interaction li a {
	font-size: 18px;
	color: #fff;
}
.interaction li.s1 {
	width: 360px;
	background: #899aed;
}
.interaction li.s2 {
	width: 214px;
	background: #ffc336;
}
.interaction li.s3 {
	width: 213px;
	background: #33d8e6;
}
.interaction li.s4 {
	width: 145px;
	background: #75e1c2;
}
.interaction li.s5 {
	width: 214px;
	background: #ff745c;
}
.interaction li i {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	background-image: url(../images/index/icon.png);
	background-repeat: no-repeat;
}
.interaction li.s1 i {
	margin: 20px 60px;
	background-position: 0px -200px;
}
.interaction li.s2 i {
	margin: 20px 30px;
	background-position: -30px -200px;
}
.interaction li.s3 i {
	margin: 20px 30px;
	background-position: -60px -200px;
}
.interaction li.s4 i {
	margin: 20px 10px;
	background-position: -90px -200px;
}
.interaction li.s5 i {
	margin: 20px 30px;
	background-position: -120px -200px;
}
.interaction li:hover {
	background: #037edb;
}
/* part5 */
.publicity ul {
	width: 354px;
	line-height: 50px;
	margin: 15px 0px 0px 30px;
}
.publicity ul li {
	width: 334px;
	height: 50px;
	padding-left: 20px;
	background-image: url(../images/index/g_bg.jpg);
	background-repeat: no-repeat;
}
.publicity ul li + li {
	margin-top: 10px;
}
.publicity ul li.s1 {
	background-position: 0px 0px;
}
.publicity ul li.s2 {
	background-position: 0px -50px;
}
.publicity ul li.s3 {
	background-position: 0px -100px;
}
.publicity ul li.s4 {
	background-position: 0px -150px;
}
.publicity ul li a {
	color: #fff;
}
