@charset "utf-8";
/* reset section */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family: 'sans-serif','\5FAE\8F6F\96C5\9ED1';    font-size: 16px;}
body{margin:0;font-size:.88em;line-height:1.4em}
hr{height:0;margin-top:14px;margin-bottom:14px;border:0;border-top:1px solid #eee}
img{border:none}
small{font-size:80%;
/*添加*/
	}
sup{position:relative;top:-5px;vertical-align:middle;font-size:smaller}
a{text-decoration:none;color:#333}
a:hover{color:#E33}

/* TOP BAR */
.top-bar{height:auto;line-height:40px; background: #036; overflow:hidden;font-size:14px;color:#333; padding: 10px}
.top-bar .pull-right a{margin:0 0 0 15px}
.search{margin-top:40px;float:right}
.search input{float:left;border:none;padding:10px 6px;height:12px;background:#FFF;;outline:0;width:200px; border: 1px solid #CCC; border-right: none;}
.search button{float:left;border:none;margin:0 0 0 1px;background:#28F;color:#FFF;height:34px;padding:8px 16px; font-size:14px; line-height:14px;}

/* 头部 */
.header{ background: url('../images/background.jpg');  text-align: center; padding: 50px 0; position: relative;margin-top:20px}
.header h1{font-size: 60px; color: #FFF; font-weight: normal; line-height: 60px; margin: 0;}
.header h3{color:#a2e0ff; font-weight: normal; font-size: 36px; line-height: 36px; margin-top:15px; margin-bottom: 0; letter-spacing: 5px;}
.header .line{ width: 120px; border-top: 1px solid #FFF; position: absolute; left: 120px; top: 120px;}
.header .right{ right: 120px; left: auto;}
.header div.btn{width: 320px; margin: 0 auto; overflow: hidden;}


.header .button{height: 40px;border-radius: 20px; width: 155px; line-height: 40px; color: #FFF; background-image:url(../images/text.gif);
  background-repeat: no-repeat; background-position: 16px 13px; font-size: 14px;  box-sizing: border-box; font-family: "Microsoft Yahei"; text-align: center; vertical-align: middle;color: #FFF; word-spacing: normal;}
.header .chinese {float: left;  background-color: #7B0; border: 1px solid #66aa00;  }
.header .chinese:hover{ background-color: #6A0; border: 1px solid #590;color: #FFF;}
.header .english { float: right;background-color: #F55; border: 1px solid #d33; }
.header .english:hover{ background-color: #c22; border: 1px solid #B11;color: #FFF;}




/*main*/
.live-telecast{ height: 300px; overflow: hidden; margin-top: 20px;}
.live-telecast .box{ width: 465px;}
.live-telecast .video{ float: left; height: 300px; background: #333; position: relative;}
.live-telecast .video em{ width: 100px; height: 100px; position: absolute; background: url('../images/icon.png'); top: 100px; left: 182px; z-index: 20;}
.live-telecast .text{ float: right; background-color: #f9f9fb; padding: 20px 30px; height: 260px; width: 405px;}
.live-telecast .text h2{ font-size: 30px; line-height: 30px; margin: 0; font-weight: normal;}
.live-telecast .text p{ margin: 40px 0 0 0;}
.live-telecast .text p.info{ line-height: 14px; font-size: 14px; color: #888;}
.live-telecast .text p.abstract{ line-height: 30px; height:90px;}
.live-telecast .text a.link{ color: #F55; line-height: 32px; overflow:hidden;}
.live-telecast .text a.link:hover{text-decoration: underline;}

/* 视频列表 */
.articles{ margin-top: 30px; overflow: hidden;}
.articles h2{font-size:30px; line-height: 60px; font-weight: normal;}
.articles h2 small{ display: block; font-size: 14px; letter-spacing: 1px; line-height: 14px; color: #666;}
/* 图片遮罩 */
a.img{ position: relative; display: block; background: #F2F6F8;}
a.img:after{content: ""; position: absolute;  background: linear-gradient(transparent,#000 80%);  top:0;left: 0; right: 0; bottom: 0; opacity:0.3; 
  -webkit-transition: opacity .2s; -o-transition: opacity .2s;transition: opacity .2s; z-index: 1;}
a.img:hover:after{ opacity:0.8;}

.imgnews{ margin:0 -10px;}
.imgnews:before, .imgnews:after { content: " "; display: table; }
.imgnews:after { clear: both; }
.imgnews li{float: left; width: 20%; box-sizing: border-box; padding: 0 10px; margin-bottom: 36px; height: 180px; position:relative;}
.imgnews li a{ display: block;}
.imgnews li a span{ position: absolute; bottom: 3px; right: 3px; background:#000;color: #FFF; z-index: 10; font-size: 12px; padding:0 2px; opacity: 0.8;}
.imgnews li p{ line-height: 1.5em; margin-top: 1em; margin-bottom: 0.5em;}
.imgnews li img{width: 100%; display: block;}
.imgnews li .download{ background: #F2F5F8; margin-left: 15px; font-style: normal; font-size: 12px; position: absolute; right: 10px; bottom: -14px; padding:0 6px}

/* 栏目标题 */
.tool{width: 80px; height: 160px; overflow: hidden; position: fixed; background: #F2F6F8; top:100px; right: 20PX;}
.tool a,a.backtop{display: block; height: 80px; width: 80px; background-image: url('../images/tool.jpg'); background-repeat: no-repeat; text-indent: 120px; line-height: 80px; overflow: hidden;
	    transition: all 0.3s linear;}
.tool a.global{background-position: 0 0;}
.tool a.global:hover{background-position: 0 -80px;}
.tool a.history{background-position: 0 -160px;}
.tool a.history:hover{background-position: 0 -240px;}



 /*稿件列表 
.news-list{ margin: 0 -20px; border-top: 1px solid #ddd; padding-top: 40px;}
.news-list li{ box-sizing: border-box; padding:20px; width: 33.3%; float: left; border-right: 1px solid #EEE; border-bottom: 1px solid #DDD; margin-bottom: 40px;}
.news-list li:hover{ border-bottom: 1px solid #F55;}
.news-list li p.author{ margin: 0; color: #236E25;}
.news-list li h3{ font-size: 20px; line-height: 30px; margin: 0; font-weight: normal; color: #000; height: 60px; overflow: hidden;}
.news-list li p.abstract{ line-height: 24px; color: #666; height: 96px; overflow: hidden; margin-bottom: 0;}
@media (max-width: 767px){
	.news-list li{width:auto;;border-right:none;margin-bottom:0; padding-left:1em;}
	.news-list li h3{ height:auto;}
}*/

/*往期回顾*/
.old-list{ overflow: hidden;}
.old-list li{ float: left; width: 10%; height: 80px; text-align: center;}
.old-list li a{ display: block; line-height: 80px; color: #FFF; background: #5DADD6;}
.old-list li a.c1{ background: #3499CD;}
.old-list li a.c2{ background: #3090C0;}
.old-list li a.c3{ background: #2C86B2;}
.old-list li a.c4{ background: #287DA5;}
.old-list li a.c5{ background: #247398;}
.old-list li a.c6{ background: #216A8A;}
.old-list li a.c7{ background: #1D607D;}
.old-list li a.c8{ background: #195770;}
.old-list li a.c9{ background: #154D62;}
.old-list li a.c10{ background: #114455;}

.old-list li a.c1:hover{ background: #3499CD;}
.old-list li a.c2:hover{ background: #345BCD;}
.old-list li a.c3:hover{ background: #6234CD;}
.old-list li a.c4:hover{ background: #BC34CD;}
.old-list li a.c5:hover{ background: #DB3772;}
.old-list li a.c6:hover{ background: #F1503D;}
.old-list li a.c7:hover{ background: #F18E3D;}
.old-list li a.c8:hover{ background: #F1D63D;}
.old-list li a.c9:hover{ background: #91DB37;}
.old-list li a.c10:hover{ background: #34CD61;}

/* 列表 */
.list-unstyled{padding-left:0;list-style:none}
.list-inline{margin-left:-5px;padding-left:0;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
.list-ol{padding-left:1.5em}
.list-ol li{padding:3px 0;line-height:1.8rem}

/* 工具类 */
.m-t{margin-top:15px!important}
.m-l{margin-left:15px!important}
.m-t-n{ margin-top: 0;}
.p-t{padding-top:15px!important}
.p-t-sm{padding-top:8px!important}
.p-r{padding-right:15px!important}
.p-b{padding-bottom:15px!important}
.p-l{padding-left:15px!important}
.pull-left{float:left!important}
.pull-right{float:right!important}
.block{display:block;width:100%}
.relative{position:relative}
.text-center{text-align:center}

/*布局*/
.row:after,.row:before{content:" ";display:table}
.row:after{clear:both}

.container{margin-right:auto;margin-left:auto}
.container:after,.container:before{content:" ";display:table}
.container:after{clear:both}


/* 页脚 
.footer {
  margin-top: 60px;
	padding:30px 0;
	border-top:1px solid #EEE;
	background:#f2f6f8;
	color:#888;
	text-align:center
}
.footer a {
	color:#222
}
.footer em {
	margin:0 6px; font-style:normal;
}
.footer .container{position: relative;}
.footer a.backtop{ background-position: 0 -320px; position: absolute; right: 0; }
.footer a.backtop:hover{ background-position: 0 -400px;}*/

/* 页脚 */
.footer{background:#F2F6F8;margin-top:30px;padding-top:15px;font-size:14px;color:#124655}
.footer a{color:#889}
.footer .info{overflow:hidden;padding:15px 0;margin:30px 0;line-height:40px;bottom:0}
.footer .copyright{float:left}
.footer .copyright img{float:left}
.footer .copyright h3{float:left;margin:0 10px}
.footer .about-us{float:right}
.footer .about-us a{margin-left:14px}
.f-link{line-height:36px}
.f-link:after,.f-link:before{content:" ";display:table}
.f-link:after{clear:both}
.f-link a{margin-right:22px;float:left}





/* 响应式布局 */
@media (max-width: 1180px) {
 .tool{display: none;}
}
@media (min-width: 1024px) {
  .container {width: 1000px; }
}
@media(max-width:767px){
	.imgnews li{width:48%;height: 235px;}
	.imgnews li:last-child{display:none;}
	.old-list li{width:20%;}
	.list-unstyled small{position: absolute;left: 6px;bottom: -14px;padding: 0 6px;}
	.list-unstyled{margin-left:8px;}
}
/**/
@media(max-width:414px){
	.imgnews li{width:48%;height:170px;}
	.header h1{font-size:35px;}
	.header h3{font-size:25px;}
}
/*调整视频*/
@media(max-width:465px){
	.live-telecast .box{width:100%;height:10%;}
	.live-telecast .video em{top: 30%;left: 35%;}
	img{width:100%;}
	.live-telecast .text{display:none;}
}
@media(max-width:947px){
	.live-telecast .video{margin:0 auto;float:none;}
}
@media(min-width:768px){
	.list-unstyled small{position: absolute;left: 6px;bottom: -14px;padding: 0 6px;}
}

/* 导航菜单 */
.navigation { background: #11487e;  font-size: 16px;}
.navigation .navbar-nav { list-style: none;  padding: 0;  margin: 0;  height:50px; overflow:visible; display:none;}
.navigation li {float:left;line-height: 50px; list-style:none; position:relative;}
.navigation li a {color:#fff;padding: 0 11px;display: block;white-space: nowrap;}
.navigation li:hover,.navigation li a:hover{color:#FFF;background:#38C}
.navigation li:hover ul.sub-ul{display:block;margin:0;}
.navigation ul.sub-ul{padding:10px; display:none; background:#07b; position:absolute; z-index:20;border-radius: 0 0 5px 5px; box-shadow: 0 3px 5px rgba(0,0,0,0.5); height:auto;}
.navigation ul.sub-ul-ar{right:0}
.navigation ul.sub-ul li{background:#07B; float:none; font-size: 12px;line-height: 20px;padding:4px 0;border-bottom:1px solid #006EAD;text-align: left;}
.navigation ul.sub-ul li:hover{color:#FFF;background:#38C}
.navigation li.active a {color:#FFF;background:#49D}
.navigation li.active ul.sub-ul a{ background:transparent;}
.navigation li.float-right{ float:right !important;}
.navigation li.extend{display: none;}
.navigation li a#btn-nav-extend{padding-bottom: 2px;}
.navigation li a#btn-nav-extend:after{content: "";display: block;width: 5px;height: 5px;border-style: solid;border-color: #FFF;border-width: 0 1px 1px 0;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);margin: 0 auto;}
.open li.extend{ display:list-item;}
.open li a#btn-nav-extend:after{ margin-top:5px; -moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);}

@media (max-width: 767px){
	.navigation{ margin: 0 -15px;/* background: #0064BB; background-image: linear-gradient(155deg, #0078b6, #0064BB 80%);border-bottom: 5px solid #036;*/}
	.navigation li{ width:16.666%; text-align:center; line-height:30px;}
	.navigation li.active a{ display:inline; border-radius:3px;padding:2px 10px;}
	.navigation .navbar-nav{ padding:10px 15px; overflow:hidden; height:auto;}
	.navigation .float-right:hover,.navigation a#btn-nav-extend{ background:none;}
    .navigation .nav-sm{display:block;}
	.header{margin-top:0;}
	
}

@media (min-width: 768px) and (max-width:1023px){
	.navigation .nav-sm{display:block;}	
	.navigation .float-right{ display:none !important;}	
	.top-container{width: 100%; background: #003466;}
	.conttainer{width:100%!important;}
	
}

@media (min-width: 1024px) {
	.conttainer{width:1000px;}
	.navigation ul li:hover ul{visibility:visible;z-index:99;}
	.navigation .nav-lg{display:block;}
	
}



@media (max-width: 767px){
	.container{ padding:0!important;}
	.live-telecast .text{display:none;}
		 /*隐藏页脚*/
	 .footer h3,.footer .f-link,.footer .info .copyright{display:none}
	 .footer{padding:0}
	 .footer .info{border:none;margin:0;}
	 .footer .info .about-us{float:none;text-align:center;}
	 /*调节按钮*/
	 .button{width: 140px;}
	 .english{float:left;margin-left: 10px;padding-left: 1em;}
	 .header h3{line-height: 10px;}
	 .header div.btn{margin-bottom: 20px;width:290px;}
	 
	 .live-telecast{height:auto;}
	 .articles{margin-top:0;}
	 .news-list,.list-unstyled{margin-left:0;bakcground-color:#fff!important}
     .header .button{width:140px;}
     .header .line{display: none;}
	 .news-list dd p{margin:0!important;}
	 .news-list dd img{width:100px;}
	 a.detial{float:right}
	.row{margin:0;}
	.navigation{margin:0;}
     
}

@media (min-width: 768px) and (max-width:1023px){
	.header h1{margin-top: 50px;}
	.header div.btn{margin-bottom: 20px;}
	.top-container{width: 100%; background: #003466;}
	.container{ padding:0 15px;}
	.live-telecast .text{display:none;}
    .header .line{top: 170px;}
	.search input{width:120px}
	
    
}

@media (min-width: 1024px) {

}

.header .english,.header .chinese{line-height: 2em;}
.col-title{
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 15px;
}

.col-title:before{
    content: "";
    margin: 0.5em 0;
    position: absolute;
    border-left: 3px solid #D55;
    height: 36px;
    width: 3px;
    left: 0;
}
.outer{ height:760px; overflow:hidden;background: #F2F6F8; padding:15px; margin-top:15px;}
.news-list-old{background: #F2F6F8; padding:15px;}
.news-list{ margin:0 0; padding:0;}
.news-list h3{ font-weight:bolder;}
.news-list li{
    border-bottom: 1px solid #EEE;
    overflow: hidden;
    padding: 15px 0;
}
.news-list li p{ margin:5px 0;}

.news-list dd img{ max-width: 160px; height: auto; _width:160px;}
.news-list dd a{color:#D33; margin-left:15px; white-space:nowrap;}
.news-list-old li{ border-bottom: 2px solid #EEE; margin-bottom: 30px;}
.news-list-old li a,.news-list-old li a img{display: block; text-align: center;}
.news-list-old li a span{display: block;font-size: 16px; line-height: 40px;}
.news-list-old li:hover{ border-color: #D33;}
.list-unstyled.news-list-old{margin-top:15px}