@charset "utf-8";
/* CSS Document */
.mode01,.mode02,.mode03,.mode04{width: 1200px;margin:0 auto;}

.banner .flex-control-nav{width: 160px;height: 32px;background:url(../images/banner_bg01.png) no-repeat top center;position: absolute;bottom:-1px;left:50%;margin-left:-80px;z-index: 1045}
/*content*/
.content{width:100%;position: relative;z-index: 1000;padding-bottom: 29px;}
.Banner{position: relative;width: 800px;float:left;overflow:hidden;}
.listTitle{width: 138px;height: 65px;background-color:#004ea2;position: absolute;z-index: 200}
.listTitle img{width: auto;display: block;margin:0 auto;padding-top:20px;}
.listTitle01{left:0;top:0;}

.mode01 .rt{margin-left:836px;padding-top:16px;}
.list-dates{overflow:hidden;}
.articleList02{width: 100%;height: auto;background-color:#fff;position: relative;}
.listTitle02{left:0;top:-16px;}
.list02{width: auto;padding: 50px 29px 9px;overflow:hidden;}
.list02 li{border-bottom: 1px solid #d2d2d2;padding:12px 0;}
.list02 li a{color:#1f1f1f;font-size:16px;line-height: 24px;height: 48px;overflow:hidden;display: block;margin-bottom: 5px;font-weight: bold;}
.list02 li a:hover,.slideTitle h3 a:hover,.media-title a:hover,.media-p a:hover,.item-txt02 .p01 a:hover{color:#004ea2;}
.mode02{margin-top: 22px;}
.mode02 .lf{width: 32.42%;float:left;margin-top:16px;}
.mode02 .rt{width: 66.67%;float:right;}
.tab01{background-color:#fff;}
.tab01,.tabMenu01{width: 100%;overflow:hidden;}
.tabMenu01 li{height: 64px;width: 50%;float: left;}
.tabMenu01 li a{margin-left:6px;display: block;background-color:#b4b3b3;height: 64px;}
.tabMenu01 li:first-child a{margin-left:0;}
.tabMenu01 li img{padding-top:20px;}
.tabMenu01 li:hover a,.tabMenu01 li.active a{background-color:#004ea2;}
.tabList dd{display: none;}
.imgList01{width: auto;overflow:hidden;padding: 22px 12px 7px;}
.imgList01 li{width: 33.33%;float:left;margin-bottom: 34px;}
.item-info01{display: block;margin:0 12px;border:1px solid #e5e5e5;transition: all 0.3s ease;}
.item-info01:hover{box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);transform: scale(1.05);}
.play{width: 34px;height: 34px;position: absolute;left:19px;bottom: 7px;display: block;}
.item-img01{width: 100%;height:0;padding-bottom:55.901%;display: block;position: relative;overflow: hidden;}
.item-txt01{padding:0 16px;margin: 15px;}
.item-txt01 h3{font-size:16px;line-height: 27px;height: 54px;overflow:hidden;margin:16px 0 0;}
.item-txt01 p{margin:0 0 16px;padding-top:16px;height: 20px;line-height: 20px;overflow:hidden;}
.mode03{margin-top: 37px;}
.mode03 .lf{width: 100%;background-color:#fff;position: relative;}
.imgList03{width:auto;padding:74px 14px 0;overflow:hidden;}
.imgList03 li{width: 25%;float:left;margin-bottom: 22px;}
.item-img02{padding-bottom:56.58%; }
.item-txt02 {position: relative;}
.item-txt02 .p01{line-height: 18px;height: 54px;overflow:hidden;margin:10px 0 30px;}
.item-txt02 .p01 a{color:#515151;}
.item-label{width:64px;height: 64px;border-radius: 50%;border:3px solid #fff;position: absolute;right:-3px;top: -36px;}
.item-label span{width: 100%;height:100%;display:block;border-radius: 50%;opacity: 0.9;filter:alpha(opacity=90);transition: all 0.3s ease;}
.item-label:hover span{opacity: 1;filter:alpha(opacity=100);transform: scale(1.2);}
.item-label strong{width: 30px;line-height: 22px;height: 48px;display: block;position: absolute;left:19px;top:8px;color:#fff;font-weight: normal;transition: all 0.3s ease;}
.item-label:hover strong{transform: scale(1.2);}
.item-label strong a{color:#fff;}
.item-label.color1 span{background-color:#318bd2;}
.item-label.color2 span{background-color:#0770cd;}
.item-label.color3 span{background-color:#0055a0;}
.item-label.color4 span{background-color:#023e9a;}
.mode04{margin-top:38px;}
.mode04 .lf{width: 49.33%;float:left;}
.onlineNewsPaper{background-color:#fff;width: 100%;position: relative;padding-top: 50px}
.flexslider{width: 477px;margin:0 auto;z-index: 2}
.quickLinks{width: 100%;overflow: hidden;padding:14px 0 30px;text-align: center;}
.quickLinks span{display: inline-block;*display: inline;*zoom:1;margin:0 2%;font-size:16px;}
.quickLinks span a{display: block;padding-left:32px;color: #003c7c}
.quickLinks .ql01{background:url(../images/p_icon01.png) no-repeat left center;}
.quickLinks .ql02{background:url(../images/p_icon02.png) no-repeat left center;}
.mode04 .rt{width: 49.33%;float:right;}
.articleList01{width: 100%;background-color:#fff;position: relative;padding-top:48px;}
.mediaCon{width: auto;padding:0 25px 32px;*padding-top:1px;}
.media{border:1px solid #e5e5e5;padding:10px 38px 18px 9px;margin-top: 15px;}
.media-title{font-size:16px;height: 28px;line-height: 28px;overflow:hidden;margin-bottom: 10px;padding-left:39px;}
.media-title a{color:#1e1e1e;}
.media-p{color:#515151;line-height: 18px;height: 54px;overflow:hidden;padding-left:39px;}
.media-p a{color:#515151;}
.sina .media-title{background:url(../images/sina.png)no-repeat left center;}
.weChat .media-title{background:url(../images/weChat.png)no-repeat left center;}

@media screen  and (max-width:1230px) {
	.content{padding-top:23px;}
	.mode01, .mode02, .mode03, .mode04{width: 1024px}
	.Banner{width: 720px;}
	.listTitle img,.tabMenu01 li img{width: 80px;padding-top:16px;}

	.mode01 .rt{margin-left:747px;}
	.listTitle{width: 115px;height: 52px;}
	
	.imgList01{padding-bottom: 59px;}
	.flex-direction-nav .flex-prev{left:-12px;}
	.flex-direction-nav .flex-next{right: -12px;}
	.tabMenu01 li{height: 52px}

	
}

@media screen  and (max-width:1024px) {

	.mode01, .mode02, .mode03, .mode04{width: auto;padding:0 20px;}
	.Banner,.mode02 .lf,.mode04 .lf{width: 100%;float: none;padding-top:16px;}
	.Banner{padding-top:0;}
	.mode01 .rt,.mode02 .rt,.mode04 .rt{margin:15px 0 0 0;float:none;width: 100%;}
	.list02 li a,.media-p{height: auto;}
	.b-dates{margin:10px 0;}
	.mode04 .rt{margin-top:31px;}
	.flex-direction-nav .flex-prev{left:-40px;}
	.flex-direction-nav .flex-next{right:-40px;}
}


@media screen and (max-width: 768px) {
	
	.list02 li a,.item-txt01 h3,.media-title{font-size:15px;}
	.imgList01 li,.imgList03 li{width: 50%;}
	.mediaCon{padding:0 20px 20px;}

}
@media screen  and (max-width:640px) {
	.flex-direction-nav a{display: none;}
	.flex-control-nav{display: block;}
	.flexslider{width: 100%;max-width: 477px;}
	}

	
@media screen and (max-width:480px) {
	.imgList01 li,.imgList03 li{width: 100%;}
	.item-txt01 h3{height: auto;}
}