@charset "utf-8";
/* reset section */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family: 'sans-serif','\5fae\8f6f\96c5\9ed1';}
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}



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


.button{height: 40px;border-radius: 20px; width: 155px; line-height: 40px; color: #fff; background-image:url(/uploads/image/j14341.files/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;}
.chinese {float: left;  background-color: #7b0; border: 1px solid #66aa00;  }
.chinese:hover{ background-color: #6a0; border: 1px solid #590;color: #fff;}
.english { float: right;background-color: #f55; border: 1px solid #d33; }
.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: ; 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;}


/* 栏目标题 */
.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: ; 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{margin:0 -20px}与dataslot冲突*/
.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;border-top:1px solid #ddd;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-down h1{font-size:35px;}
	.header-down 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;}
.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 0; overflow:hidden; height:auto;}
	.navigation .float-right:hover,.navigation a#btn-nav-extend{ background:none;}
    .navigation .nav-sm{display:block;}
}

@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;}
}

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



@media (max-width: 767px){
	.container{ padding:0 15px;}
	.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-down h3{line-height: 10px;}
	 .header-down div.btn{margin-bottom: 20px;width:300px;}
	 .header-down{margin:0;}
	 .live-telecast{height:auto;}
	 .articles{margin-top:0;}
	 .news-list,.list-unstyled{margin-left:0;}
	 img.logo {width: 100%;}
	 .search{display:none}
	 /*.top-bar{height:auto!important;}dataslot冲突*/
}

@media (min-width: 768px) and (max-width:1023px){
	.header-down h1{margin-top: 50px;}
	.header-down div.btn{margin-bottom: 20px;}
	.top-container{width: 100%; background: #003466;}
	.container{ padding:0 15px;}
	.live-telecast .text{display:none;}
	img.logo {width: 480px;}
	/*.top-bar{height:80px!important;}与dataslot冲突*/
}

@media (min-width: 1024px) {
img.logo {width: 480px;}
/*.top-bar{height:80px!important;}与dataslot冲突*/
}






.top{background-color:skyblue;height:150px;}
.top h1,title h1{text-indent: 2em;font-size: 45px;padding-top: 30px;color: green;}
.right {float:right}