/* header */
.header { background: #f2f2f2; width: 100%; z-index: 9; top: 0; }

.header .logo { float: left; margin: 10px 0; height: 30px; }

.header .navbar-nav { float: left; padding: 0; list-style-type: none; margin: 0; margin-left: 30px; }

.header .navbar-nav li { float: left; margin-right: 15px; }

.header .navbar-nav li a { color: #145; display: block; margin-top: 5px; margin-bottom: 5px; height: 30px; padding: 5px 0; border-radius: 4px; }

.header .navbar-nav li a:hover { background-color: none; color: #f33; }

.header .navbar-nav li:last-child { margin-right: 0; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.search-btn, .showSideMenu { margin-top: 5px; height: 40px; width: 40px; background-image: url("btn.gif") !important; position: relative; background-color: transparent; border: 1px solid transparent; border-radius: 4px; float: right; }

.search-btn { background-position: 0 -96px !important; }

.search { margin: 8px 0; }

.search input[type='text'] { height: 34px; box-sizing: border-box; border-radius: 3px 0 0 3px; margin: 0; border: 1px solid #ccc; padding: 3px 8px; width: 190px; float: left; }

.search input[type='text']:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.search button { margin: 0; height: 34px; border-radius: 0 3px 3px 0; float: left; }

.showSideMenu { margin-left: 8px; margin-right: -8px; background-position: 0 -144px !important; }

/**/
.bg-primary { background-color: #278; color: #FFF; }

.banner { height: 450px; background-image: url("background-image.jpg"); background-repeat: no-repeat; background-position: center 0; }

.zb-pic { display: block; position: relative; }

.zb-pic img { width: 100%; display: block; }

.zb-pic span { position: absolute; bottom: 0; left: 0; right: 0; color: #FFF; background: rgba(0, 0, 0, 0.5); line-height: 3em; font-size: 16px; text-align: center; }

.zb-pic-sm span { font-size: 14px; line-height: 2em; }

.zb-article-list a { line-height: 2.5em; }

.dotted { border: none; border-bottom: 1px dotted #999; margin: 1em 0; }

.footer { padding: 30px 0; border-top: 1px solid #EEE; background: #E8E8E8; color: #888; text-align: center; }

.footer a { color: #222; }

.footer em { margin: 0 6px; }

.jw-pic a img { width: 100%; display: block; }


/* 焦点图 */
.touchslider { width: 100%; overflow: hidden; margin-bottom: 10px; background: #F2F6F8; position: relative;}
.touchslider .touchslider-prev,.touchslider .touchslider-next{display: none; background: url('btn.png'); width: 40px; height: 50px; top: 40%; position: absolute; z-index: 99; cursor: pointer; opacity: 0.8; text-indent: 100px; line-height: 50px; overflow: hidden;}
.touchslider .touchslider-prev{left:0;}
.touchslider .touchslider-next{ right: 0; background-position: -50px 0 ;}
.touchslider:hover .touchslider-prev,.touchslider:hover .touchslider-next{display: block;}
.touchslider .touchslider-viewport { position: relative;width: 100%; overflow: hidden; background: #EEE; }
.touchslider .touchslider-viewport a { display: block; overflow: hidden; }
.touchslider .touchslider-viewport a:after { content: ""; position: absolute; background: linear-gradient(transparent 50%, #000); top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; z-index: 1; }
.touchslider .touchslider-viewport img { width: 100%; display: block; }
.touchslider .touchslider-viewport .text { position: absolute; bottom: 0; right: 2em; left:20px; margin: 0; line-height: 1.5em; font-size: 1.5rem; padding:6px; box-sizing: border-box; font-weight: bolder; color: #FFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; z-index: 5; }
.touchslider .touchslider-viewport .position { left: auto; right: 0;background: #F08080; padding:0 6px;}
.touchslider .touchslider-viewport .touchslider-item { width: 20%; font-weight: 100; }
.touchslider .touchslider-viewport .icon-play { width: 40px; height: 40px; position: absolute; left: 8px; bottom: 34px; background: red; }
.touchslider .touchslider-group { overflow: hidden; }
.touchslider .touchslider-group .touchslider-nav-item { float: left; width: 20%; line-height: 2rem; font-size: 0.8em; text-align: center; }
.touchslider .touchslider-group .touchslider-nav-item-current { background: #145; color: #FFF; }

/*讲述*/
.talk_top{ border-bottom: 1px dotted #D7D6D6; padding-bottom:10px; margin-bottom: 10px;}
.talk_top .partl { float: left; width: 50%;}
.talk_top .partr h4 { margin: 0; padding: 0;  font-weight: bold;}
.talk_top .partr {float: right;width: 45%;}
.talk_top .partr p { margin-bottom: 0; }
@media (max-width: 340px){
	.talk_top .partl,.talk_top .partr{ float:none; width:100%;}
}

@media (max-width: 768px) { .talk_top .partr h4 { font-size: 1.0em; } }
@media (max-width: 768px) { .talk_top .partr p { font-size: 0.8em; margin-top:5px;  } }
.talk_list { margin: 0; padding: 0;border-top: 1px solid #F2F2F2; line-height:0;}
.talk_list li {border-bottom: 1px solid #F2F2F2;overflow: hidden; padding-left: 28px;background:url(saylist.png) no-repeat scroll 0 16px; line-height:0; }
.talk_list li a {text-decoration: none;display: block;padding: 0.77em 0;overflow: hidden;}
.talk_list li h3 {margin: 0;font-weight: normal; font-size: 16px;}
.talk_list li .small {padding-right: 15px;float: right;}
.talk_list li:hover{background:url(saylist1.png) no-repeat scroll 0 16px #FBFBFB;}
.talk_list1 { margin: 0; padding: 0;border-top: 1px solid #F2F2F2; line-height:0;}
.talk_list1 li {border-bottom: 1px solid #F2F2F2;overflow: hidden; padding-left: 28px;background:url(pinglun.png) no-repeat scroll 0 16px; line-height:0; }
.talk_list1 li a {text-decoration: none;display: block;padding: 0.77em 0;overflow: hidden;}
.talk_list1 li h3 {margin: 0;font-weight: normal; font-size: 16px;}
.talk_list1 li .small {padding-right: 15px;float: right;}
.talk_xs a{ position:relative; display:block;}
.talk_xs a img { display:block;}
.talk_xs a span { position:absolute; width:100%; left:0; height:24px; background:url(item-on-hover.png) repeat scroll; color:#FFF;
text-align:center; line-height:24px; font-size:12px; bottom:0px;}
.container-video_list {position: relative;width:1000px}
.container-video_list .list {list-style: none;}
.container-video_list .split { width: 260px; position: relative;}
.container-video_list .inner { overflow: hidden;}
.container-video_list .btn { position: absolute; display: block; width: 30px; height: 30px; color: #000; background:#CCCBCB;  font-size: 30px;
line-height: 26px;text-align: center; -webkit-transition:background-color 1s;-o-transition:background-color 1s ;
transition:background-color 1s ; }
.container-video_list .btn:hover {background:#E1472F; cursor: pointer;}
.container-video_list .prev {top:140px; left: -70px;}
.container-video_list .next {top:140px; right: -60px;}
.container-video_list li a{ display: block; position: relative;}
.container-video_list li img{ display: block;}
.container-video_list li a em{cursor: pointer;position: absolute;width: 100%;height: 100%;background: transparent url(item-on-hover.png) repeat scroll 0% 0%; top:0;
left: 0;color: #fff; font-family: "Microsoft Yahei";  display: none;}
.container-video_list li a em  h5 { margin:60px 0 0 10px; }
.container-video_list li a em img { display: inline;}

/*致敬*/
.salute { background:url(solute_bg.jpg) no-repeat scroll 0px 0px;  background-size:cover; }
.salute_intro{ background:url(salute_intro.png) no-repeat scroll 0px 0px;  }
.salute_intro p{color: #CDCDCD; width: 190px;padding:20px 10px 0px;}
.salute_box { position: relative;}
.salute_tab { list-style: none; margin: 0; padding: 0;}
.salute_tab li {cursor: pointer;  margin-top:30px; }
.salute_tab li img{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;
-webkit-transform: rotate3d(0,1,0,0deg); -moz-transform: rotate3d(0,1,0,0deg); -o-transform: rotate3d(0,1,0,0deg); transform: rotate3d(0,1,0,0deg);}
.salute_tab li:hover img{-webkit-transform: rotate3d(0,1,0,-360deg);-moz-transform: rotate3d(0,1,0,-360deg); -o-transform: rotate3d(0,1,0,-360deg); transform: rotate3d(0,1,0,-360deg);}
.salute_cont { background: #fff;border-radius: 5px;z-index: 999;left: 0; top: 20px; width: 100%;box-shadow: 0px 0px 10px #666;display: none; position: absolute;}
.salute_cont_tit {border-bottom: 1px solid #DDD; padding: 0 20px;}
.salute_cont_tit h4 { float: left;  font-weight: bold;}
.salute_cont_tit a { display: block; float: right; font-size: 32px;}
.salute_cont_hum div { margin-top:10px; }
.salute_cont_hum a h4 { font-size:14px;}
   
.icon{border-bottom:1px solid #ccc; overflow:hidden;}
.icon a{ float:right; line-height:40px; font-size:16px;}

/*侧边导航*/
#navbarfixed {width: 100px;top: 0px;bottom: 0px;background: #D24949;right: -75px;z-index: 99999;position: fixed;}
#navbarfixed h1 {line-height: 0;margin: 0;}
#navbarfixed ul {list-style: outside none none;padding: 0px;margin: 0px;border-top: 1px solid #B33F3F;}
#navbarfixed ul li {border-bottom: 1px solid #B33F3F;color: #fff;-webkit-transition: background-color 1s;-o-transition: background-color 1s;
transition: background-color 1s;background-color: #D24949;cursor: pointer;}
#navbarfixed ul li:hover { background: #F07878;}
#navbarfixed ul li a {display: block;height: 40px;padding-left: 26px;font: 16px/40px "微软雅黑","黑体","HELVETICA";color: #fff;}
#navbarfixed ul li .bg2 {background: url(navbar.png) no-repeat scroll 6px -23px;}
#navbarfixed ul li .bg1 {background: url(navbar.png) no-repeat scroll 6px 10px;}
#navbarfixed ul li .bg3 {background: url(navbar.png) no-repeat scroll 6px -55px;}
#navbarfixed ul li .bg4 {background: url(navbar.png) no-repeat scroll 6px -89px;}
#navbarfixed ul li .bg5 {background: url(navbar.png) no-repeat scroll 8px -133px;}
#navbarfixed ul li .bg6 {background: url(navbar.png) no-repeat scroll 6px -178px;}
#navbarfixed ul li .bg7 {background: url(navbar.png) no-repeat scroll 6px -231px;}
#navbarfixed ul li .bg8 {background: url(navbar.png) no-repeat scroll 6px -267px;}
#navbarfixed ul li .bg9 {background: url(navbar.png) no-repeat scroll 6px -314px;}
a.share {display: block;position: absolute;bottom: 40px;left: 0;height: 40px;padding-left: 26px;font: 16px/40px "微软雅黑","黑体","HELVETICA";
color: #fff;background: url(share.png) no-repeat scroll 0px 4px;}
a.gotop {display: block;position: absolute;bottom: 0;left: 0;height: 40px;padding-left: 26px;font: 16px/40px "微软雅黑","黑体","HELVETICA";
color: #fff;background: url(navbar.png) no-repeat scroll 6px -376px;}
#shareto {position: absolute;background: #fff;width: 100px;height: 100px;left: -100px;bottom: 10px;display: none;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
#shareto .weixin {float: left;display: block;height: 30px;background: url(share-icon.gif) center -190px no-repeat;width: 30px;margin: 0 auto;padding: 10px;}
#shareto .xinlang {float: left;display: block;height: 30px;background: url(share-icon.gif) center 10px no-repeat;width: 30px;margin: 0 auto;
padding: 10px;}
#shareto .qq {float: left;display: block;height: 30px;background: url(share-icon.gif) center -257px no-repeat;width: 30px;margin: 0 auto;padding: 10px;}
#shareto .tengxun {float: left;display: block;height: 30px;background: url(share-icon.gif) center -57px no-repeat;width: 30px;margin: 0 auto;
padding: 10px;}

/*XS导航*/
.bg-danger {background-color: #D24949;color: #B22222;padding: 1em;}
.navbar_xs {position: relative;padding: 0;margin: 0;}
.navbar-header_xs .navbar-logo_xs {float: left;height: 20px;margin: 15px;line-height: 20px;font-weight: bold;color: #fff;}
.navbar-header_xs .navbar-toggle_xs {margin: 10px 15px;height: 30px;border: 1px solid #ddd;padding: 6px 10px;display: block;line-height: 12px;}
.navbar_xs .navbar-nav_xs {list-style-type: none;padding: 0;margin: 0;display: none;}
.navbar_xs li > a {display: block;padding: 15px 15px 15px 40px;line-height: 20px;color: #fff;background: url(navbar.png) scroll no-repeat 0 0;
border-top: 1px solid #B33F3F;}
.navbar_xs .navbar-nav_xs .item2 {background-position: 18px -18px;}
.navbar_xs .navbar-nav_xs .item1 {background-position: 18px 15px;}
.navbar_xs .navbar-nav_xs .item3 {background-position: 18px -50px;}
.navbar_xs .navbar-nav_xs .item4 {background-position: 18px -83px;}
.navbar_xs .navbar-nav_xs .item5 {background-position: 18px -125px;}
.navbar_xs .navbar-nav_xs .item6 {background-position: 18px -173px;}
.navbar_xs .navbar-nav_xs .item7 {background-position: 18px -226px;}
.navbar_xs .navbar-nav_xs .item8 {background-position: 18px -263px;}
.navbar_xs .navbar-nav_xs .item9 {background-position: 18px -309px;}

.fw_h4{margin: 0;padding: 0;font-weight: bold;}
/*share_xs*/
.side-fixed-button { position: fixed;right: 0px; bottom: 30px;}
.side-fixed-button a {display: block;width: 48px;height: 48px;background: #DDD url(share_xs.gif) repeat scroll -2px 2px;opacity: 0.8;}
.side-fixed-button a.app {margin-top: 10px; border-radius: 50%;}
.shareto{ position:fixed; bottom: 0; z-index:200; text-align: center; border-radius: 0;  width:100%; opacity:0;filter: alpha(opacity=0);
transition: transform 300ms; -webkit-transition: -webkit-transform 300ms;  
-webkit-transform: translateY(100%);  -ms-transform: translateY(100%); transform: translateY(100%);}
.shareto.active{-webkit-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0); opacity:1;}
.shareto h3{  padding: 10px 0; margin: 0 10px; font-weight: 400; text-align: center; color: #555; background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-right-radius: 2px; border-top-left-radius: 2px; font-size:16px;}
.shareto hr{margin:0 10px;}
.shareto ul{  margin: 0 10px;  padding: 15px 0 0 0; background-color: #f8f8f8; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden;}
.shareto ul li{  width: 33.33333333%;  margin-bottom: 1.2rem; float:left; list-style:none;}
.shareto ul li a{float:none;display:block; height:18px; background:url(share-icon.gif) top center no-repeat;padding:42px 0 0;  width: 60px;  margin: 0 auto;}
.shareto ul li a.share-to-sina{background-position:center 0 ;}
.shareto ul li a.share-to-tqq{background-position: center -65px ;}
.shareto ul li a.share-to-people{background-position: center -130px ;}
.shareto ul li a.share-to-weixin{background-position: center -195px ;}
.shareto ul li a.share-to-sqq{background-position: center -260px ;}
.shareto ul li a.share-to-qzone{background-position: center -325px ;}
.shareto .shareto-footer {padding:10px;}
.shareto .shareto-footer button.btn1{width:100%; border-radius:0; padding:10px;}
.screen-cover {position:fixed;top:0;z-index:20;display:none;width:100%;height:100%;background:rgba(0,0,0,0.5)}
btn-default {color: #333;background-color: #FFF;border-color: #CCC;
}
.btn1 {display: inline-block;margin-bottom: 0px;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none; border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857;border-radius: 4px;-moz-user-select: none;}

/*topnews*/
.topnews .newsl { width: 10%; height: auto; margin-left:5%; }
.topnews .newsr,.topnews .newsr_xs { width: 85%; height: auto;}
.topnews .newsr p {text-align: center; text-indent:0em;}
.topnews .newsr a {color: #000; font-size: 2.8em; font-weight: bold;}
.topnews .newsr a:hover {color: #E72E2E;}
.topnews .newsr_xs a {color: #000; font-weight: bold;}
.topnews .newsr_xs a:hover {color: #E72E2E;}
.topnews .newsr_xs h4 {margin: 0; padding-left:0.5em; line-height: 1.3em;}

.toutiao .newsl { width: 10%; height: auto; margin-left:5%; }
.toutiao .newsr,.toutiao .newsr_xs { width: 85%; height: auto;}
.toutiao .newsr p {text-align: center; text-indent:0em;}
.toutiao .newsr a {color: #000; font-size: 2.8em; font-weight: bold;}
.toutiao .newsr a:hover {color: #E72E2E;}
.toutiao .newsr_xs a {color: #000; font-weight: bold;}
.toutiao .newsr_xs a:hover {color: #E72E2E;}
.toutiao .newsr_xs h4 {margin: 0; padding-left:0.5em; line-height: 1.3em;}

.zyq{background: url(zyq.jpg) repeat scroll 0px 0px;background-size: cover;padding: 10px 0;}

/**/
.title {
  width: 100%;
  background: transparent url(title_line.png) repeat-x scroll center center;
  margin-bottom: 10px;
}
.title a {
font-size: 24px;
border-left: 5px solid #DF0A0A;
padding: 0px 10px;
line-height: 1.6em;
background: #FFF none repeat scroll 0% 0%;
}
.title-text{font-size: 18px;border-left: 5px solid #DF0A0A;padding: 0px 10px;line-height: 1.6em;background: #FFF none repeat scroll 0% 0%; color:#DF0A0A;}
.eqxpic { border-radius:10px; box-shadow:3px 3px 3px #999999;}
.h4-blue {color: rgb(2, 129, 253);}

/*东部战区访谈--要闻*/
.container-mainnews{position: relative;}
.mainnews h3 {font-size: 22px; font-weight: bold; margin-top: 0px;}
.mainnews h4 {font-size: 16px;}
.mainnews h4 span {color: #F00;margin-right: 5px;font-style: normal;}
.mainnews h4 a:hover { text-decoration: underline;}
.mainnews .dotline { border-bottom: 1px dotted #838383; margin-bottom:0.5em;}
.mainnews a.more { display: block; text-align: center; background:#ededed; line-height: 2.05em;-webkit-transition:all 0.5s;-o-transition:all 0.5s ;
transition:all 0.5s ; }
.mainnews a.more:hover {color: #fff; background-color: #FB4E4E;}
@media (max-width: 768px) { .mainnews h3 { font-size: 18px; } }
.lyj-ft{color: rgb(169, 32, 0);}
/*东部战区访谈--视频*/
#my-slider-pic .pic_word { background-color:#F5F5F5; padding: 10px; box-shadow: 0px 2px 3px #B3B3B3; margin-bottom: 5px; border-bottom-left-radius:5px 
; border-bottom-right-radius: 5px;}
#my-slider-pic .pic_word h4 { margin: 0; }
#my-slider-pic .pic_word p {margin:10px 0 0 0;}
#my-slider-pic  .sp-arrows {top:35%;}
#my-slider-pic  .sp-previous-arrow {left: 5px;}
#my-slider-pic .sp-next-arrow {right: 5px;}

/*东部战区访谈--历史记录*/
.thumbnail {text-align: center;display: block;padding: 4px; margin-bottom: 20px;line-height: 1.42857;background-color: #FFF;border: 1px solid #DDD;
    border-radius: 4px;transition: border 0.2s ease-in-out 0s;-moz-transition: border 0.2s ease-in-out 0s;
    -webik-transition: border 0.2s ease-in-out 0s;-o-transition: border 0.2s ease-in-out 0s; position: relative;}
a.thumbnail:hover {border-color: #e74c3c;}
.thumbnail a > img, .thumbnail > img {margin-right: auto;margin-left: auto;}
.thumbnail .btn {  display: block;width: 30%;padding-right: 0px;padding-left: 0px; border-radius: 6px; margin: 0 auto;}
.piclist {list-style: none; margin: 0;padding: 0;}
.piclist img {display: block;}
.piclist p {position: absolute; bottom: 0px;left: 0;background: url(focus_bg.png) scroll no-repeat center -5px; margin:0 0 4px 4px; padding: 0; 
	width: 97%;text-align: center; color: #fff;}
	
/*武器装备导航条*/
.title_wqzb {height: 85px;background: transparent url(wqzb.jpg) repeat-x scroll center center;}
.cehua{ color:#0099FF; font-family:'黑体'; text-align:right;}