@charset "UTF-8";
/*!
 * Marko
 */
body{
	-webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
.screen{
	min-width:1170px;
}
.w{
	width:1170px;
	margin:0 auto;
	overflow: hidden;
}
.nav{

    background: #2d548f;
}

.nav-logo,.mob-nav-bar{
	display: none;
}
.nav-left{
	float: left;
}
.nav-left ul li{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	float: left;
	padding:0 8px;
}
.nav-left ul li.hover{
	background: url(../image/navbar-inverse.png) no-repeat center bottom;
}
.nav-right{
	float: right;
}
.nav-right ul li{
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	float: left;
	padding:0 ;
	color:#fff;
}
.nav-right ul li a{

	padding:0 5px;
}
.nav-right ul li.fgx:before {
   content:"|";
}
.header{
	display: block;
	
	border-bottom: 5px solid #eeeeee;
	min-width: 1170px;
}
.header .w{
	background: url(../image/header-bg.png) no-repeat right bottom;
	height: 150px;
}
.logo{
	padding-top:33px;
	float:left;
}
.search-bar{
	float:right;
}
.search-bar form{
	width: 370px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #cccccc;
    margin: 57px 170px 0 0;
    display: block;
    background: #fff;

}
.search-bar form input{
	border:0;
}
.search-bar form input[type=text] {
    display: block;
    float: left;
    width: 300px;
    padding-left: 12px;
    line-height: 3px;
    height: 36px;
    font-size: 12px;
    color: #999999;
    border-right: 0;
}
.search-bar form input[type=submit] {
    width: 50px;
    height: 36px;
    border-left: 1px solid #cccccc;
    background: url(../image/search.png) no-repeat center center;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    float:right;
    text-indent:-99990px;
}
.focus-title{
	padding:20px 0;
	text-align: center;
}
.bigtitle{
}
.bigtitle strong{
	font-size:31px;
	font-weight: bold;
	line-height: 150%;
	color:#365D98;
	vertical-align: middle;
}
.tag{
	background:#365D98;
	font-size: 16px;
	color:#fff;
	padding: 3px 10px;
	border-radius: 5px;
	font-style: normal;
	vertical-align: middle;
	margin-right: 10px;
}
.focus-more{
	font-size: 15px;
    line-height: 22px;
    color: #365D98;
    width: 1109px;
    margin: 10px auto 0;
}
.focus-more a{
    color: #365D98;
}
.focus-more a:hover{
    color: red;
}
.focus-img{
	float: left;
	width:805px;
	
}
.focus-news{
	float: right;
	width: 355px;
	height: 400px;
	overflow: hidden;
	background: #365D98;
	padding:0 5px;
}
.focus-news .news-title{
	display: flex;
	border-bottom:1px solid #cdd6e1;
}
.focus-news .news-title p a{
	font-size:23px;
	color:#cdd6e1;
	float: left;
	line-height: 23px;
	padding: 0 15px;
	margin:22px 0 18px ;
}
.focus-news .news-title p.active a{
	font-weight: bold;
}
.focus-news .news-title p.fgx a{
   border-left:1px solid #cdd6e1;
}

.focus-news .news-title p a:hover{
	color:#fff;
}



.focus-news .news-list{

}
.focus-news .news-list ul{
	display: block;
	padding-top:5px;
}
.focus-news .news-list ul li{
	display: block;
	height: 46px;
	line-height: 46px;
	border-bottom:0.5px dotted #cdd6e1;
	font-size: 16px;
	margin-left: 2px;
}
.focus-news .news-list ul li a{
	width: 99%;
	display: inline-block;
	color: #cdd6e1;
	font-weight: 200;
	padding: 0 3px;
}
.focus-news .news-list ul li a strong{
	float:left;
	font-weight: 200;
	overflow: hidden;
}
.focus-news .news-list ul li a i{
	font-style: normal;
	float: right;
	overflow: hidden;
}
.focus-news .news-list ul li a:hover{
	background:#4F76B0;
	border-radius: 5px;
	display: inline-block;
	color:#fff;

}


.news-dongtai{
	float: left;
	width: 805px;
	height: 500px;
	overflow: hidden;
}
.news-dongtai .news-dongtai-title{
	display: flex;
	border-bottom:1px solid #999;
}
.news-dongtai .news-dongtai-title p a{
	font-size:23px;
	color:#666;
	float: left;
	line-height: 23px;
	padding: 0 15px;
	margin:22px 0 18px ;
	font-weight: 200;
}
.news-dongtai .news-dongtai-title p.active a{
	font-weight: bold;
	color: #365D98;
}
.news-dongtai .news-dongtai-title p.fgx a{
   border-left:1px solid #666;
}

.news-dongtai-list{

}
.news-dongtai-list ul{

}
.news-dongtai-list ul li{
	float: left;
	width: 805px;
}

.news-dongtai-list ul li a{
	overflow: hidden;
	display: block;
	width: 100%;
	padding:16px 0;
	border-bottom:1px dotted #cdd6e1;

}

.news-dongtai-list ul li a .data{
	border: 1px solid #999;
	float: left;
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	width: 100px;
	margin-top:5px;
}
.news-dongtai-list ul li a .data .day{
	font-size: 20px;
	font-weight: bold;
	color:#2d548f;
	text-align: center;
	display: block;
	line-height: 50px;
}
.news-dongtai-list ul li a .data .year{
	font-size: 14px;
	background:#2d548f;
	display: block;
	font-weight: 200;
	line-height: 18px;
}
.news-dongtai-list ul li a .info{
	color: #2d548f;
	margin-left: 120px;

}
.news-dongtai-list ul li a .info .title{
	font-size: 19px;
	display: block;
	line-height: 150%;
}
.news-dongtai-list ul li a .info .container{
	font-size: 14px;
	color: #999;
	line-height: 200%;
	overflow: hidden;
	position:relative;
	display: block;
	width: 100%;
	min-height:84px;
}

.news-dongtai-list ul li a .info .container .abstract{
	font-size: 14px;
	color: #666;
	line-height: 200%;
	margin-right: 100px;
	display: inline-block;
	float: left;

}

.news-dongtai-list ul li a .info .container .more{
	float: right;
	background: #B5C5DD;
	width:70px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	border-radius: 5px;
	position: absolute;
  	right: 0px;
  	top: 10px;
  	color: #fff;
}
.news-dongtai-list ul li a:hover .info .container .more{
	background: #2d548f;

}
.mob-news-dongtai{display: none;}
.pub-link{
	float: right;
	background: #EFF8FE;
	border: 1px solid #E2F3FD;
	width: 355px;
	height: 495px;

}

.pub-link .pub-link-title{
	display: flex;
}
.pub-link .pub-link-title p{
	font-size:23px;
	color:#365D98;
	float: left;
	line-height: 23px;
	padding: 0 15px;
	margin:22px 0 18px ;
	font-weight: bold;
}


.pub-link .pub-link-btn{
	
}

.pub-link .pub-link-btn ul{
	padding: 10px 0 ;
}
.pub-link .pub-link-btn ul li{
	width: 45%;
	height: 67px;
	border:1px solid #E2F3FD;
	float: left;
	display: block;
	background: #fff;
	margin-left:10px;
	margin-bottom: 15px;
	position:relative;
	background: no-repeat 8px center; 
	background-size: 40px 40px;
}
.pub-link .pub-link-btn ul li.big{
	width: 93%;
	border-color: #94BBE1;
	background-color: #E2F3FD;
	color: #1E4CBD;
	font-weight: 300;
}
.pub-link .pub-link-btn ul li a{
	color:#666;
	font-size: 16px;
	font-weight: 300;
	line-height: ;
	margin-left:55px;
	display: block;
	position: absolute;
	top: 50%; 
    transform: translateY(-50%);
}
.pub-link .pub-link-btn ul li.big a{
	color: #1E4CBD;
	font-weight: bold;
	font-size: 18px;

}
.pub-link .pub-link-btn ul li:hover{
	background-color: #fff;
}
.pub-link .pub-link-btn ul li.plb1{
	background-image: url(../image/plb1.png);
}
.pub-link .pub-link-btn ul li.plb2{
	background-image: url(../image/plb2.png);

}
.pub-link .pub-link-btn ul li.plb3{
	background-image: url(../image/plb3.png);
}
.pub-link .pub-link-btn ul li.plb4{
	background-image: url(../image/plb4.png);
}
.pub-link .pub-link-btn ul li.plb5{
	background-image: url(../image/plb5.png);
}
.pub-link .pub-link-btn ul li.plb6{
	background-image: url(../image/plb6.png);
}
.pub-link .pub-link-btn ul li.plb7{
	background-image: url(../image/plb7.png);
}
.pub-link .pub-link-btn ul li.plb8{
	background-image: url(../image/plb8.png);
}
.banner-group{
	text-align: center;
}
.news-box{
	width: 390px;
	float: left;
	margin-right: 10px;
}

.news-box .news-box-title{
	display: flex;
	border-bottom:1px solid #999;
}
.news-box .news-box-title p a{
	font-size:23px;
	color:#666;
	float: left;
	line-height: 23px;
	padding: 0 15px;
	margin:22px 0 18px ;
	font-weight: 200;
}
.news-box .news-box-title p.active a{
	font-weight: bold;
	color: #365D98;
}
.news-box .news-box-title p.fgx a{
   border-left:1px solid #666;
}

.news-box .news-box-list ul{
	display: block;
	padding-top:5px;
}
.news-box .news-box-list ul li{
	float: left;
	display: block;
	height: 46px;
	line-height: 46px;
	border-bottom:1px dotted #2d548f;
	font-size: 16px;
	margin-left: 2px;
}
.news-box .news-box-list ul li a{
	width: 370px;
	display: inline-block;
	color: #666;
	font-weight: 300;
	padding: 0 3px;
}
.news-box .news-box-list ul li a strong{
	float:left;
	font-weight: 300;
	overflow: hidden;
}
.news-box .news-box-list ul li a i{
	font-style: normal;
	float: right;
	overflow: hidden;
}
.news-box .news-box-list ul li a:hover{
	border-radius: 5px;
	display: inline-block;
	color:#2d548f;

}
.media-box{
	background: #F3F3F3;
	float: right;
	width: 370px;
	height: 400px;

}
.media-box .media-box-video ,.media-box .media-box-book{
	position:relative;
	margin-bottom:10px;
}
.media-box .media-box-video .tag,.media-box .media-box-book .tag{
	position: absolute;
	top:0;
	left:1px;
	border-radius: 0px 5px 5px 5px;
}

.media-box .media-box-book img{
	float:left;
}
.media-box .media-box-book p{
	line-height: 200%;
	color:#666;
	font-size: 14px;
	padding: 0px 10px;
	margin-left:120px;
}
.media-box .media-box-book p strong{
	font-weight: 400;
	color:#000;
	margin-bottom:10px;
	font-size:16px;	
	display: block;

}


.quick-link{
	border-top: 10px solid #2f5e95;
	height: 60px;
    background: #f3f3f3;
    width:100%;
    padding-top: 35px;
    color: #666666;
    text-align: center;
    margin: 0 auto;
}


.quick-link  a{
    color: #666666;
    margin:20px;
}


.copyright{
	text-align: center;
	font-size: 14px;
	line-height: 200%;
	padding: 20px 0;
	color:#666;
}


.crumb{
	font-size:1rem;
	padding: 20px;
}
.crumb span:before{
	content: "    >  ";

}
.crumb span.crumb-title:before{
	content: "";
}
.crumb a{
	color:#2d548f;
}
.crumb a:hover{
	color:red;
}
.article{
	padding:0 5% 2rem;

}
.article .article-left{
	float:left;
}
.article .article-left ul{
	background: #2d548f;
	padding:10px;
	margin-top:20px;
	min-width: 140px;
}
.article .article-left ul li{
	border-bottom: 0.5px dotted #cdd6e1;
	font-size:16px;
	height: 46px;
	line-height: 46px;

}
.article .article-left ul li a{
	display: block;
	padding:0 10px;

}
.article .article-left ul li a:hover{

	background:#4F76B0;
	color:#fff;
}


.article .aritcle-right{
	margin-left: 200px;
}

.article .title{
	font-size:2.1rem;
	text-align: center;
	line-height: 50px;
	min-height: 50px;

}
.article .author{
	text-align: center;
	color:#666;
	padding:1rem 1rem 1.5rem;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 1.5rem;
	font-weight: 200;

}
.article .text{
	color:#333;
	font-weight: 300;
	font-weight: ;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 1rem;
}

.article .text p{
	font-size:1.2rem;
	line-height: 200%;
	padding:0 0 20px;
	
}

.article .more {
	padding: 0.5rem
}

.article .more p{
	padding: 1rem;

}
.article .more p a{
	color:#2d548f;
}

.menu {
	
}
.menu .title{
	border-bottom: 3px solid #2d548f;
}
.menu .title strong{
	font-size:1.5rem;
	color: #fff;
	background:#2d548f;
	padding:0.7rem 2rem;
	display: inline-block;
	margin-left:1rem;
	border-radius: 5px 5px 0 0;

	
}
.menu ul{
	padding:1rem 0 2rem;
	width: 100%;
	overflow: hidden;
}
.menu ul li{
	list-style-type: disc;
	float: left;
	width:100%;
	
	

}
.menu ul li a{
	background: url(../image/point.png) no-repeat left center;
	font-size: 1.2rem;
	overflow: hidden;
	border-bottom:1px dotted #2d548f;
	margin:0 1rem;
	display: block;
	font-weight: 200;
	padding:1.2rem 0;


}
.menu ul li a:hover{
	color:#2d548f;

}
.menu ul li a strong{
	color:#333;
	line-height: 120%;
	display: inline-block;
	margin-left:1.5rem;
}
.menu ul li a i{
	color: #666;
	float: right;
	font-weight: 200;
	font-style: normal;
}
.menu .download-icon{
	float:right;
	background: #aaa;
	color:#fff;
	font-size: 14px;
	border-radius: 5px;
	padding:3px 15px;
}
.biaoqian {
	text-align: center;
	margin-bottom: 2rem;
}
.biaoqian ul{
	text-align: center;
	margin:0 auto;

}
.biaoqian ul li{
	display: inline;
	color:#666;
	padding:0 0.5rem;	
}
.biaoqian ul li a{
	color:#2d548f;
}

.fa{
	font-size: inherit;
	margin-right:0.8rem;
  	font-size:1.5rem;
  	float:left;
}

.hls_player{
	width: 600px; 
	height: 400px; 
	margin: 0 auto;
	text-align: center;
}

.container-gray{
	background: #140538 url(../image/live-bg.jpg) no-repeat center top/100% auto;
}

.video-title{
	padding:20px 0;
	text-align: center;
}

.videotitle {
	font-size:31px;
	line-height: 200%;
	color:#fff;
	vertical-align: middle;
}

.videortime {
	font-size:20px;
	line-height: 150%;
	color:#fff;
	vertical-align: middle;
}


.video-player{
	width:1000px;
	height:480px;
	overflow: hidden;
	background-color: #000;
	text-align: center;
	margin:0 auto;
}

.video-main{
	width:1000px;
	margin:0 auto;
}

.video-comment-pic {
	display: block;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #999;
	padding:30px 0;
}

.video-comment-pic p{
	float:left;
	color:#333;
	padding:0 8px;
	display: block;
	line-height: 120%;
}

.video-comment-pic p span{
	
}

.video-comment-pic p .pic{
	
}

.video-comment-pic p .title{
	
}

.video-comment-text{
	padding:20px;
	display: block;
}


.video-comment-text p{
	padding-bottom: 30px;
	background:  url(../image/bg-timeline.png) repeat-y left -75px/20px auto;
}

.video-comment-text p span{
	color:#333;
	padding:0 15px 0 20px;
	display: block;
	line-height: 150%;
}

.video-comment-text p span img{
	margin:20px auto;
}

.video-comment-text p span.timeline{
	color:#000;
	display: block;
	font-size:0.8rem;
	font-weight: bold;
	line-height: 250%;
}



.video-Introductions {
	color: #333;
    font-weight: 300;
    font-weight: ;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 1rem;
	padding:20px;
}

.video-Introductions p{

		font-size: 1rem;
		line-height: 180%;
		padding: 0 0 20px;

}


.video-comment-m{
	color: #333;
    font-weight: 300;
    font-weight: ;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 1rem;
	padding:20px;
}


.video-comment-m p{
	font-size: 1rem;
	line-height: 150%;
	margin-bottom: 5px;
}


.video-details .video-title{
	display: flex;
	border-bottom:1px solid #999;
}
.video-details .video-title p a{
	font-size:20px;
	color:#666;
	float: left;
	line-height: 23px;
	padding: 0 15px;
	font-weight: 200;
}
.video-details .video-title p.active a{
	font-weight: bold;
	color: #365D98;
}
.video-details .video-title p.fgx a{
   border-left:1px solid #666;
}


@media screen and (max-device-width: 960px){
	.screen{
		min-width:100%;

	}
	.nav{
		
	}
	.w{width:100%;}
	.focus-title,.news-dongtai,.news-box,.quick-link .w{display: none;}
	.header{display:none;}
	.focus-img{width: 100%;}
	.focus-news,.pub-link,.media-box{width:auto;float: none;}

	.banner-group img{
		width:49%;
	}
	.mob-news-dongtai{
		display: block;
	}
	.mob-news-dongtai p{
		height:58px;
		line-height: 58px;
		font-size:23px;
		
	}
	.mob-news-dongtai p a{
		padding-left:20px;
		display: block;
		color:#2D548F;
		font-weight: 200;
		border-bottom: 1px solid #999999;
		background: url(../image/dongtai-more.png) no-repeat 90% center;
	}
	.quick-link{
		height: 0;
		padding:0;
	}
	.nav{
		background: #2d548f url(../image/logo-mob.png) no-repeat left 10px;
		background-size: auto 40px;
		position:relative;
		min-height: 60px;
	}
	.nav .nav-right{
		float:left;
		overflow: hidden;
		width: 100%;
	}
	.nav .nav-left ul{
		overflow: hidden;
		width: 100%;
		margin-top:60px;
		border-top: 0.5px solid #cdd6e1;

	}
	.nav .nav-left ul li,.nav .nav-right ul li{
		display: block;
		width: 100%;
		border-bottom: 0.5px dotted #cdd6e1;
		border-left:none;
		height:40px;
		line-height: 40px;
	}
	.nav .nav-left ul li.hover{
		background: none;
	}
	.nav .nav-left ul li a,.nav .nav-right ul li a{
		font-weight: 200;
		font-size:18px;
		border:none;

	}
	.nav-right ul li.fgx:before {
   		content:none;
	}
	.mob-nav-bar{
		display: block;
		height: 30px;
		width: 40px;
		background:  url(../image/caidan.png) no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		top: 18px; 
		right:10px;
	}
	.mob-close{
		display:none;
	}
	.mob-open{
		
	}
	.menu ul li  {
		width: 99%;
	}
	.menu ul li a i{
		float: left;
		margin-left: 1.5rem;
		font-weight: 100;
		font-size: 0.8rem;
		margin-top:5px;
	}
	.menu ul li a strong{
		float: left;
		display: block;
		width: 94%;

	}
	.biaoqian ul li.mob-hidden{
		display: none;
	}
	.article .aritcle-right{
		float:left;
		margin-left: 0;
	}
	.article .article-left{
		float: none;
	}
	.article .article-left ul{
		background: #2d548f;
		padding:10px;
		overflow: hidden;
	}
	.article .article-left ul li{
		border-bottom: 0;
		font-size:1rem;
		height: 2rem;
		line-height: 2rem;
		float: left;
		border:1px solid #cdd6e1;
		width: 28.5%;
		margin:5px 2%;

	}
	.article .article-left ul li a{
		display: block;
		padding:0 px;
		text-align: center;
		

	}
	.article .article-left ul li a:hover{

		background:#4F76B0;
		color:#fff;
	}

	.fa {
  	float:right;
  	font-size: 2rem;
  	margin-top:8px;
  	margin-bottom:5px;
	}
	.menu .download-icon{
	float:left;
	margin:0.5rem 0 0 1.4rem;
	}
	
	.hls_player{
	width: 300px; 
	height: 200px; 
	margin: 0 auto;
	text-align: center;
	}

	.container-gray {
		background: #000 ;
	}


	.video-title {
		padding: 10px 10px;
		text-align: center;
	}

	.videotitle {
		font-size:16px;
		line-height: 150%;
		color: #fff;
		vertical-align: middle;
	}
	
	.videortime {
		font-size:14px;
		line-height: 150%;
		color: #fff;
		vertical-align: middle;
	}

	.video-main{
		width:100%;
	}
	
	.video-player {
		width: 100%;
		height: 220px;
		overflow: hidden;
		background-color: #000;
		text-align: center;
		margin: 0 auto;
	}
	

	.video-main .video-player{
		height:auto;
	}

	.m-show{
		display:block;
	}

	.video-comment-m{
		color: #333;
		font-weight: 300;
		font-weight: ;
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: 1rem;
		padding: 20px;
	}
}