/* 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("../images/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; width: 236px; }
.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; }


/*图片新闻文字部分下划线 */
.dixian{border-bottom: solid 5px #b60909 ; margin-bottom:10px;}
.footerdixian{border-bottom: solid 5px #b60909 ; margin-bottom:10px;}


/**/

.bg-primary { background-color: #278; color: #FFF; }



.banner { height: 950px; background-image: url(../images/background-image.gif); 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('../images/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: 30%;}

.talk_top .partr h4 { margin: 0; padding: 0;  font-weight: bold;}

.talk_top .partr {float: right;width: 65%;}

.talk_top .partr p { margin-bottom: 0; }

@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(../images/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(../images/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(../images/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(../images/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:90px; left: -70px;}

.container-video_list .next {top:90px; 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(../images/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(../images/solute_bg.jpg) no-repeat scroll 0px 0px;  background-size:cover; }

.salute_intro{ background:url(../images/salute_intro.png) no-repeat scroll 0px 0px;  }

.salute_intro p{color: #CDCDCD; width: 190px;padding:20px 10px 0px;}

.salute_box { position: relative;margin-top: 24px;}

.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(../images/navbar.png) no-repeat scroll 6px -23px;}

#navbarfixed ul li .bg1 {background: url(../images/navbar.png) no-repeat scroll 6px 10px;}

#navbarfixed ul li .bg3 {background: url(../images/navbar.png) no-repeat scroll 6px -55px;}

#navbarfixed ul li .bg4 {background: url(../images/navbar.png) no-repeat scroll 6px -89px;}

#navbarfixed ul li .bg5 {background: url(../images/navbar.png) no-repeat scroll 8px -133px;}

#navbarfixed ul li .bg6 {background: url(../images/navbar.png) no-repeat scroll 6px -178px;}

#navbarfixed ul li .bg7 {background: url(../images/navbar.png) no-repeat scroll 6px -231px;}

#navbarfixed ul li .bg8 {background: url(../images/navbar.png) no-repeat scroll 6px -267px;}

#navbarfixed ul li .bg9 {background: url(../images/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(../images/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(../images/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(../images/share-icon.gif) center -190px no-repeat;width: 30px;margin: 0 auto;padding: 10px;}

#shareto .xinlang {float: left;display: block;height: 30px;background: url(../images/share-icon.gif) center 10px no-repeat;width: 30px;margin: 0 auto;

padding: 10px;}

#shareto .qq {float: left;display: block;height: 30px;background: url(../images/share-icon.gif) center -257px no-repeat;width: 30px;margin: 0 auto;padding: 10px;}

#shareto .tengxun {float: left;display: block;height: 30px;background: url(../images/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(../images/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(../images/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(../images/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; font-family:"微软雅黑";}

@media (max-width: 767px) {.topnews .newsr a {color: #000000;font-size: 16px;font-weight: bold;} }

@media (max-width: 767px) {.topnews .newsr p { margin:0 ;} }

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



.zyq{background: url(../images/zyq.jpg) repeat scroll 0px 0px;background-size: cover;padding: 10px 0;}



/**/

.title {

  width: 100%;

  background: transparent url(../images/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%; color:#DF0A0A;}