@CHARSET "UTF-8";
.container { 
	margin-top: 146px; 
	position: relative;
	padding-bottom: 60px;
}

@media (max-width: 1320px) {
	.container { margin-top: 132px; }
}
@media (max-width: 1120px) {
	.container { margin-top: 116px; }
}
@media (max-width: 767px) {
	.container { margin-top: 69px;}
}

.carousel-inner { margin-bottom: 15px; }
.carousel-inner>.item>img {
	width: 100%;
	height: 342px;
}

.carousel-indicators {
	position: static;
	width: initial;
	margin: 0 -8px;
}
.carousel-indicators>li {
	position: relative;
	width: 50%;
	height: auto;
	padding: 0 8px;
	margin: 0;
	margin-bottom: 15px;
	text-indent: 0;
	float: left;
	border-radius: 0;
	border: none;
	z-index: 1;
}
.carousel-indicators>li.active {
	width: 50%;
	height: auto;
	margin-bottom: 15px;
}
.carousel-indicators>li .indicators {
	height: 104px;
	position: relative;
}
.carousel-indicators>li.active .indicators { border: 3px solid #ffc400; }
.carousel-indicators>li .indicators:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}
.carousel-indicators>li.active .indicators:before { background-color: transparent; }
.carousel-indicators>li img { 
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.carousel-inner>.item>img { height: auto; }
	.carousel-indicators>li, .carousel-indicators>li.active { width: 16.6%;}
	.carousel-indicators>li .indicators { height: 80px; }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.carousel-inner>.item>img { height: auto; }
	.carousel-indicators>li, .carousel-indicators>li.active { width: 16.6%;}
	.carousel-indicators>li .indicators { height: 80px; }
}
@media screen and (max-width: 767px) {
	.carousel-inner>.item>img { height: auto; }
	#live-carousel {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.tit-bar {
	font-size: 30px;
	line-height: 70px;
	border-bottom: 1px solid #d9d9d9;
}

.tit-bar .nav-pills {
	height: 30px;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
	margin-left: 52px;
}
.tit-bar .nav>li+li { margin-left: 15px; }
.tit-bar .nav>li>a,
.tit-bar .nav>li>a:hover,
.tit-bar .nav>li>a:focus {
	line-height: 30px;
	font-size: 18px;
	height: 30px;
	padding: 0 8px;
	vertical-align: middle;
	color: #4f4f4f;
}
.tit-bar .nav>li.active>a,
.tit-bar .nav>li.active>a:hover,
.tit-bar .nav>li.active>a:focus {
	color: #fff;
	background-color: #2775cd;
}
.tit-bar a.more {
	font-size: 16px;
	color: #df0707;
	text-decoration: none;
	float: right;
	line-height: 70px;
}

@media screen and (max-width: 767px) {
	.tit-bar .nav-pills {
		display: block;
		margin-left: 0;
		margin-bottom: 15px;
	}
}

.tab-content {
	margin-top: 25px;
	margin-bottom: 15px;
	overflow: hidden;
}
.tab-pane { 
	position: relative;
	top: -25px;
}
.live-item {
	position: relative;
	padding: 25px 0 25px 90px;
	border-bottom: 1px dashed #d9d9d9;
}
.live-item:last-child { border-color: #fff; }
.live-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 64px;
	width: 4px;
	height: 100%;
	background-color: #d9d9d9;
}
.live-item:after {
	content: "";
	position: absolute;
	top: 32px;
	left: 61px;
	width: 10px;
	height: 10px;
	background: url(../images/live/small-pt.png) no-repeat center;
}
.live-item span.time {
	position: absolute;
	top: 26px;
	left: 0;
	display: block;
	font-size: 16px;
	line-height: 22px;
	width: 64px;
	background-color: #fff;
	font-family: "simsun","Helvetica";
	font-weight: bold;
	padding-left: 8px;
	color: #4f4f4f;
}
a.box {
	display: block;
	width: 100%;
	border: 1px solid #f3f2f7;
	background-color: #f3f2f7;
	padding-right: 18px;
	height: 151px;
	text-decoration: none;
}
a.box img {
	width: 207px;
	height: 151px;
	border: 1px solid #d5d4d9;
	margin-right: 18px;
	float: left;
	margin-top: -1px;
	margin-left: -1px;
}
p { margin-bottom: 0; }
a.box p.title {
	font-size: 18px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 8px;
	color: #4f4f4f;
}
a.box p.text {
	font-family: "simsun","Helvetica";
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
	color: #9a9a9a;
	max-height: 90px;
	overflow: hidden;
}
a.box span.red { color: #df0707; }

.live-item.active .box {
	border-color: #d5d4d9;
	background: url(../images/live/active-bg.jpg) repeat;
}
.live-item.active p.title { color: #2775cd; }
.live-item.active:after {
	top: 30px;
	left: 59px;
	width: 14px;
	height: 14px;
	background: url(../images/live/big-pt.png) no-repeat center;
}
.live-item.active span.time { 
	background-color: #2775cd; 
	color: #fff;
}

@media screen and (max-width: 767px) {
	.live-item { padding-left: 15px;}
	.live-item:before { left: 5px;}
	.live-item:after { 
		top: 40px;
		left: 3px;
	}
	.live-item.active:after { 
		top: 38px;
		left: 0;
	}
	.live-item span.time {
		top: 36px;
		left: 9px;
		font-size: 12px;
		line-height: 18px;
		width: 50px;
		background-color: #d9d9d9;
	}
	a.box { 
		height: auto; 
		padding: 15px;
		padding-top: 38px;
	}
	a.box img {
		float: none;
		margin-right: 0;
	}
	a.box p.title {
		font-size: 16px;
		line-height: 28px;
		white-space: normal;
		margin-bottom: 4px;
	}
	a.box p.text {
		font-size: 14px;
		line-height: 24px;
		max-height: inherit;
	}
}

.hx-box {
	margin: 0 -8px;
	padding-top: 20px;
}
.hx-box .item {
	width: 20%;
	float: left;
	padding: 0 8px;
}
.hx-box .item a { text-decoration: none;}
.hx-box .item img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: 91px;
}
.hx-box .item p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	font-family: "simsun","Helvetica";
	line-height: 28px;
	margin-bottom: 12px;
	text-align: center;
	color: #4f4f4f;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.hx-box .item img { height: 116px;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.hx-box .item { width: 25%; }
	.hx-box .item img { height: 116px;}
}
@media screen and (max-width: 767px) {
	.hx-box .item { width: 50%;}
	.hx-box .item img { height: auto;}
}

.logo-row { 
	margin: 0 -8px; 
	margin-bottom: 22px;
}
.logo-item {
	float: left;
	padding: 0 8px;
	width: 50%;
	height: 77px;
	margin-bottom: 16px;
}
.logo-item a { 
	height: 100%;
	display: block;
	border: 1px solid #d5d4d9; 
	padding: 5px;
}
.logo-item img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: 100%;
}
.logo-box {
	border-bottom: 1px dashed #d5d4d9; 
	padding-bottom: 5px;
}
.logo-box p,
p.mt {
	text-align: center;
	font-size: 18px;
	color: #4f4f4f;
	line-height: 18px;
	margin-bottom: 15px;
}
p.mt {
	line-height: 32px;
	text-align: left;
}
p.logo-tit {
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #2775cd;
	margin-bottom: 0;
}
.logo-item.center-block { float: none;}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.logo-item {
		width: 16.6%;
		height: 66px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.logo-item {
		width: 25%;
		height: 72px;
	}
}
@media screen and (max-width: 767px) {
	.logo-item { height: 60px;}
}