/* CSS Document */

h3 a{
	float: right;
}
a.more{
	display: inline-block;
	padding: 0 20px;
	font-size: 1.2rem; font-size: 12px;
	line-height: 30px;
	font-weight: normal;
	background: #0456a0;
	font-family: Verdana, sans-serif;
	color: #fff;
}
a.more:hover{
	text-decoration: underline;
}
h4 a{
	font-weight: normal;
	color: #3258a6;
}
h4 a:hover{
	text-decoration: underline;
}
/*topnews
========================================================================*/
.col-news-left{
	padding-right: 20px;
}
.col-news-right{
	border: 1px solid #dcdcdc;
	border-top: 4px solid #c92e1d;
}
.col-news-right h3,
.wrap-mainright h3{
	font-size: 2.0rem; font-size: 20px;
	color: #0853a1;
	font-weight: bold;
	line-height: 56px;
	padding-left: 15px;
}
.col-news-right li{
	margin: 5px 0 15px 0;
}
.col-news-right section{
	float: left;
	padding: 6px 10px;
	margin-right: 10px;
	border-right: 1px solid #0456a0;
	width: 100px;
}
.col-news-right section span{
	float: left;
	display: inline-block;
	font-size: 1.2rem; font-size: 12px;
	line-height: 20px;
	color: #0456a0;
}
.col-news-right section .date{
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 45px;
	text-align: center;
	background: #0456a0;
	color: #fff;
	font-size: 2.6rem; font-size: 26px;
	font-weight: bold;
	margin-right: 5px;
}
.col-news-right section span b{
    display: block;
	padding-top: 3px;
}
.col-news-right section span em{
	display: block;
	font-style: normal;
}
 .col-news-right li a{
    display: block;
    line-height: 18px;
    margin-left: 100px;
}
.col-news-right .more{
	display: block;
	background: #f6f6f6;
	font-size: 1.2rem; font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	color: #0456a0;
}

/*main
========================================================================*/
.wrap-mainleft{
	padding-right: 20px;
}
.wrap-mainleft h3{
	border-bottom: 1px solid #dedede;
	line-height: 40px;
}
.wrap-mainleft h3 span {
	border-bottom: 2px solid #b31b1b;
	padding: 8px 2px;
}
.wrap-mainleft li{
	padding: 0 10px;
}
.wrap-mainleft .wrap-lnews-01 img{
	width: 100%;
	min-height: 150px;
}
.wrap-mainleft h4{
	margin: 10px 0 5px 0;
}
.wrap-mainleft p{
	line-height: 18px;
	margin: 5px 0;
	overflow: hidden;
}
.wrap-mainleft .wrap-lnews-02 time{
	color: #999;
	font-size: 1.5rem; font-size: 15px;
	padding: 10px 0;
}
.wrap-mainright{
	
}
.wrap-mainright h3{
	padding-left: 5px;
}
.wrap-mainright li{
	position: relative;
}
.wrap-mainright .wrap-imgtit{
	width: auto;
	position: absolute;
	bottom: 20%;
	z-index: 10;
	line-height: 20px;
	padding: 2% 5%;
	text-align: left;
	color: #fff;
	background-color: rgba(28, 65, 119, 0.6);
}
.wrap-mainright a{
}

@media screen and (min-width:981px){
	.wrap-mainleft h4{
		height: 40px;
		overflow: hidden;
	}
	.wrap-mainleft .wrap-lnews-01 p{
		height: 75px;
		overflow: hidden;
	}
}
@media screen and (min-width: 361px) and (max-width: 980px) {
	.wrap-mainright li{
		padding: 0 5px;
	}
	.wrap-mainright .wrap-imgtit{
		width: 80%;
		bottom: 3%;
	}
}
@media screen and (max-width:980px){
	.col-news-left{
		padding-right: 0px;
	}
}
@media \0screen\,screen\9 {
	.wrap-mainright .wrap-imgtit {
		background-color:#1c4177;
		filter:Alpha(opacity=60);
		position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom:1;
	}
	.wrap-mainright .wrap-imgtit p{
		position: relative;
	}
}



/* carousel
========================================================================*/
.carousel {  
    position: relative;  
}  
.carousel-inner {  
    position: relative;  
    width: 100%;  
    overflow: hidden;  
}  
.carousel-inner > .item {  
    position: relative;  
    display: none;  
    -webkit-transition: .6s ease-in-out left;  
    -o-transition: .6s ease-in-out left;  
    transition: .6s ease-in-out left;  
}  
.carousel-inner > .item > img,  
.carousel-inner > .item > a > img {  
    line-height: 1;  
}  
@media all and (transform-3d), (-webkit-transform-3d) {  
    .carousel-inner > .item {  
        -webkit-transition: -webkit-transform .6s ease-in-out;  
        -o-transition:      -o-transform .6s ease-in-out;  
        transition:         transform .6s ease-in-out;  
  
        -webkit-backface-visibility: hidden;  
        backface-visibility: hidden;  
        -webkit-perspective: 1000px;  
        perspective: 1000px;  
    }  
    .carousel-inner > .item.next,  
    .carousel-inner > .item.active.right {  
        left: 0;  
        -webkit-transform: translate3d(100%, 0, 0);  
        transform: translate3d(100%, 0, 0);  
    }  
    .carousel-inner > .item.prev,  
    .carousel-inner > .item.active.left {  
        left: 0;  
        -webkit-transform: translate3d(-100%, 0, 0);  
        transform: translate3d(-100%, 0, 0);  
    }  
    .carousel-inner > .item.next.left,  
    .carousel-inner > .item.prev.right,  
    .carousel-inner > .item.active {  
        left: 0;  
        -webkit-transform: translate3d(0, 0, 0);  
        transform: translate3d(0, 0, 0);  
    }  
}  
.carousel-inner > .active,  
.carousel-inner > .next,  
.carousel-inner > .prev {  
    display: block;  
}  
.carousel-inner > .active {  
    left: 0;  
}  
.carousel-inner > .next,  
.carousel-inner > .prev {  
    position: absolute;  
    top: 0;  
    width: 100%;  
}  
.carousel-inner > .next {  
    left: 100%;  
}  
.carousel-inner > .prev {  
    left: -100%;  
}  
.carousel-inner > .next.left,  
.carousel-inner > .prev.right {  
    left: 0;  
}  
.carousel-inner > .active.left {  
    left: -100%;  
}  
.carousel-inner > .active.right {  
    left: 100%;  
}

/* 轮播（Carousel）指标 */
.carousel-indicators {
	position: absolute; /*整个计数区域绝对定位*/
	bottom: 3%; /*距容器carousel底部10px*/
	z-index: 15; /*设置其在Z轴的层级*/
	/*让整个计数区水平居中*/
	right: 2%;
	margin-left: -20px;
	padding-left: 0;
	text-align: right;
	width: 30%;
	list-style: none;
}
.carousel-indicators li {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #1c4177 \9;
	background-color: rgba(28, 65, 199, 0.6);
	border: 0 none;
	border-radius: 10px;
	margin-left: 10px;
}
/*设置当前状态样式*/
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin-left: 10px;
	background-color: #1776b9;
	border: 0 none;
}
/* 轮播（Carousel）标题 */
.carousel-caption {
	font-size: 1.4rem; font-size: 14px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 15%;
	left: 0;
	z-index: 10;
	line-height: 20px;
	padding: 5px 17% 5px 2%;
	text-align: left;
	color: #fff;
	background-color: #1c4177 \9;
	background-color: rgba(28, 65, 119, 0.6);
}
/* 轮播（Carousel） 左右控制*/
.carousel-control {
	position: absolute;
    height: 40px;
    width: 40px;
	border: 1px solid #fff;
	top: 0;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
	background-color: rgba(28, 65, 119,0.2);
}
.carousel-control.left {
    z-index: 15;
	top: auto;
	left: 75%;
    bottom: 2%;
}
.carousel-control.right {
    z-index: 15;
	top: auto;
	left: 80%;
    bottom: 2%;
}
.carousel-control.left p,
.carousel-control.right p{
	font-size: 2.2rem; font-size: 22px;
	line-height: 40px;
	margin-top: -9px;
}
.carousel-control.left p{
	padding-right: 10px;
}
.carousel-control.right p{
	padding-left: 10px;
}
.carousel-control:focus,.carousel-control:hover
{
	color: #fff;
	text-decoration: none;
	background-color: rgba(255,255,255,0.6);
	outline: 0;
}
@media \0screen\,screen\9 {
	.carousel-control {
		background-color:#fff;
		filter:Alpha(opacity=80);
		position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom:1;
	}
	.carousel-control:focus,.carousel-control:hover
	{
		background-color:#fff;
		filter:Alpha(opacity=60);
		position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom:1;
	}
	.carousel-control.left p, .carousel-control.right p{
		position: relative;
	}
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
	right: 50%;
	margin-right: -10px
}

@media only screen and (min-width: 991px) {
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev
	{
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 30px
	}

	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev
	{
		margin-left: -10px
	}

	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next
	{
		margin-right: -10px
	}
	.carousel-caption {
		font-size: 1.6rem; font-size: 16px;
		line-height: 24px;
		width: 70%;
	}
	.carousel-inner > .item > a > img, .carousel-inner > .item > img{	
		min-width: 100%;
		height: 456px;
	}
}