@charset "utf-8";
ul,ol,dl {list-style:none;}
img {vertical-align:middle;}
a {color:#000;}
.fc {zoom:1}
.fc:after {content:"";display:block;clear:both}
.page {background:url("../images/topics_bg.jpg") center top no-repeat;min-width: 1200px;}
.header {width: 1200px;margin:0 auto;height: 850px;position: relative;}
.area {width:1200px;margin:0 auto;}
.mb50 {margin-bottom: 50px;}
/*头条*/
.headnews {background: url("../images/bg_headnews.jpg") 0 0 no-repeat;height: 130px;padding: 10px 30px 0 130px;margin-bottom: 20px;}
.headnews h3 {font-size: 36px;margin-bottom: 10px;text-align:center;}
.headnews h3 a {color: #fff;}
.headnews p {font-size: 14px;line-height: 28px;color: #ffddcb;text-indent: 2em;}
.headnews p a {color: #ffde86;}
/*焦点轮播图*/
.slidebox {float:left;width:660px;height:420px;overflow:hidden;position:relative;}
.slidebox .slide{ width:660px; height: 420px; overflow: hidden; float: left;}
.slidebox .slide img { width:660px; height: 420px;}
.slidebox .slide li{ position: absolute;height:420px;left: 0;top: 0;}
.slidebox .slide li p{position: absolute;left:0px; bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000,endcolorstr=#B2000000);*zoom:1;background:rgba(0,0,0,0.7); width: 660px;height: 60px;line-height: 60px;text-align: center;}
.slidebox .slide li p a{color: #fff;font-size:20px;}
:root .slider1 .slides li p {filter:0;}
.slide .prev,.slide .next {width: 18px;height: 30px;text-indent: -9999px;position: absolute;top:375px;}
.slide .prev{background:url("../images/prev.png") 0 center no-repeat;left:30px;}
.slide .next{background:url("../images/next.png") 0 center no-repeat;right:30px;}
.nums {position: absolute;left:60px;bottom: 10px;z-index: 10;font-size: 14px;color: #fff;}
.nums b {font-size: 28px;color: #ff3b3b;position: absolute;top:-33px;left:27px;}
/*右侧图片区*/
.pic_area {float: left;width: 540px;}
.w270 {float: left;width: 270px;height: 420px;}
.pic {position: relative;}
.pic span {width: 270px;position: absolute;bottom: 0;left: 0;background: url("../images/bg_shadow.png") 0 0 no-repeat;height: 40px;font-size: 18px;text-align: center;padding-top: 45px;}
.pic a {color: #fff;}
.w270 img {width: 270px;height: 420px;}
.pic210,.pic210 img {width:270px;height: 210px;}
/*要闻速览*/
.thd {height: 60px;overflow:hidden;margin-bottom: 30px;}
.thd h2 {text-indent: -9999px;float: left;width: 90%;}
.thd .more {float: right;background: url("../images/more.png") 0 0 no-repeat;width: 38px;height: 11px;margin-top: 15px;}
.thd .more:hover {background: url("../images/more_cur.png") 0 0 no-repeat;}
.thd_news {background: url("../images/tit_ywsl.png") center 0 no-repeat;}
.w500 {float: left;width: 500px;}
.news h3 {font-size: 22px;padding: 5px 0;}
.news h3 a {color: #555;}
.news p {font-size: 16px;line-height: 32px;color: #888;padding-bottom: 10px;text-indent:2em;}
.news p a {color: #cd484c;}
.bor {border-bottom:1px dotted #d4d4d4;margin-bottom: 5px;}
.mr30 {margin-right: 30px;}
.w360 {float: left;width: 360px;}
.list li {font-size: 16px;line-height: 50px;background: url("../images/ico_point.png") 0 center no-repeat;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list li a {color: #333;}
.w360 li {line-height:43px;}
.w240 {float: right;width: 240px;}
.accordion li img {width: 240px;height: 160px;}
.accordion li .imgarea {display: none;}
.accordion li p {font-size: 16px;line-height: 46px;border-top: 1px solid #e6e6e6;}
.accordion li p a {color: #888;}
.accordion li.cur .imgarea {display: block;}
.accordion li.cur p {border:0;}
.accordion li.cur p a {color: #333;}
.nobor p {border:0!important;}
/*习近平重要讲话精神*/
.outer_area {background: url("../images/bg01.jpg") center 0 no-repeat;padding: 40px 0 0;height: 500px;}
.thd_spirit {background: url("../images/tit_zyjhjs.png") center 0 no-repeat;}
.spirit_box {padding:0 0 0 390px;}
.spirit_box h3 {font-size: 32px;background: url("../images/xi_tit.png") 0 center no-repeat;padding:0 0 0 45px;line-height: 42px;margin-bottom: 10px;}
.spirit_box h3 a {color: #444;}
.spirit_box p {font-size: 14px;line-height: 28px;color: #666;border-bottom: 1px solid #d6d6d6;text-indent:2em;}
.spirit_box li {background: url("../images/ico_point3.png") 0 center no-repeat;float: left;width: 350px;margin-right: 40px;line-height:40px;}
/*真理标准问题大讨论*/
.thd_discuss {background: url("../images/tit_zlbzwtdtl.png") center 0 no-repeat;}
.discuss_left {float: left;width: 570px;}
.discuss_left dl {margin-bottom: 10px;}
.discuss_left dl dt {padding:0 10px 0 15px;background: #f8f8f8;height: 50px;line-height: 50px;}
.discuss_left dl dt a {float: left; color: #333;width: 450px;overflow: hidden;}
.discuss_left dl dt b {float: left; color: #9bb5ff;font-size: 26px;font-style: italic;padding-right: 10px;}
.discuss_left dl dt span {float:right;font-size: 16px; color: #8c8c8c;padding-right: 25px;background:  url("../images/arrow_fold.png") right center no-repeat;cursor: pointer;}
.discuss_left dl dd {font-size: 14px;line-height: 28px;color: #666;text-indent: 2em;padding: 10px 20px 0;height: 78px;display: none;text-indent:2em;}
.discuss_left dl dd a {color: #df5666;}
.discuss_left dl.cur dt a {color: #fff;}
.discuss_left dl.cur dt {background: #4b62b5;border-top: 2px solid #df5666;height: 48px;}
.discuss_right {float: right;width: 470px;height: 354px; padding: 13px 50px; background: url("../images/bg_links.jpg") 0 0 no-repeat;}
.discuss_right li {line-height: 44px;}
/*改革进行时*/
.left_area {float: left;width: 570px;}
.thd570 {height: 31px;line-height: 31px;}
.thd570 .more {margin-top: 8px;}
.thd_reform {background: url("../images/tit_ggjxs.png") left 0 no-repeat;margin-bottom: 10px;}
.right_area {float: right;width: 570px;}
.reform_area li {background: url("../images/ico_point3.png") 0 center no-repeat;}
.thd_rostrum {background: url("../images/tit_gmjt.png") left 0 no-repeat;}
/* 光明讲坛*/
.picbox img {float: left;width: 190px;height: 130px;margin-right: 20px;}
.picbox h3 {font-size: 20px;line-height: 30px;border-bottom: 1px dotted #d6d6d6;padding-bottom: 5px;margin-bottom: 5px;}
.picbox h3 a {color: #333;}
.txt {float: left;width: 360px;}
.txt p {font-size: 14px;line-height: 28px; color: #888;text-indent:2em;}
.txt p a {color: #df5666;}
/*改革印记*/
.thd_stamp {background: url("../images/tit_ggyj.png") left 0 no-repeat;}
.mb25 {margin-bottom: 25px;}
/*对话40年*/
.thd_40year {background: url("../images/tit_40.png") left 0 no-repeat;}
.news_list li {border-top: 1px dotted #d6d6d6;padding: 10px 0;overflow: hidden;height: 30px;line-height: 30px;}
.news_list li span {float: left;background: #f56475;margin-right: 20px; padding: 0 15px;color: #fff;text-align: center;}
.news_list li a {float: left;font-size: 18px;color: #333;}
.news_list li:first-child {border:0;}
/*改革故事*/
.thd_story {background: url("../images/tit_gggs.png") left 0 no-repeat;margin-bottom: 15px;}
/*名家看40年*/
.thd_look40year {background: url("../images/tit_mjk40.png") left 0 no-repeat;}
.tab_box {position: relative;}
.tab_bd img {width: 410px;height: 320px;position: absolute;left: 0;top: 0;}
.tab_hd {position: absolute;right: 1px;top:0;z-index: 10;height: 320px;}
.tab_hd li {width: 100px;height: 80px;background: url("../images/bg_tab.png") 0 0 no-repeat;position: relative;padding: 20px 10px 0 60px;}
.tab_hd li.active {background: url("../images/bg_tab_cur.png") 0 0 no-repeat;}
.tab_hd li span {position: absolute;top:36px;left:23px;font-size: 20px;font-weight: 700;color: #c6c6c6;}
.tab_hd li.active span,.tab_hd li.active a {color: #fff;}
.tab_hd li a {color: #888;font-size: 14px;line-height: 28px;}
/*百城百县百企*/
.outer_area2 {background: url("../images/bg02.jpg") center 0 no-repeat;padding: 20px 0 0;height: 810px;}
.thd_hundred {background: url("../images/tit_bcbxbq.png") center 0 no-repeat;}
.picbox2 img {float: left;width: 630px;height: 340px;margin-right: 20px;}
.picbox2 .txt2 {float: left;width: 550px;position: relative;}
.picbox2 h3 {font-size: 24px;line-height: 36px;padding-top: 70px;margin-bottom: 20px;width: 440px;}
.picbox2 h3 a {color: #fff;}
.picbox2 p {font-size: 16px;line-height: 32px; color: #666;text-indent: 2em;}
.more_news {height: 26px; position: absolute;right: 7px;top: 90px;font-size: 14px;color: #fff;background: url("../images/ico_more_arrow.png") 0 bottom no-repeat;}
.more_news:hover {text-decoration: none;}
.picScroll-left{position:relative;margin-top: 50px;border-bottom: 10px solid #f56475;padding-bottom: 30px;}
.picScroll-left .hd .prev{background: url("../images/btn_prev.png") 0 0 no-repeat; width:21px; height:40px; cursor:pointer; position: absolute;left:-50px;top:50%;margin-top: -20px;}
.picScroll-left .hd .next{background: url("../images/btn_next.png") 0 0 no-repeat; width:21px; height:40px; cursor:pointer; position: absolute;right:-50px;top:50%;margin-top: -20px;}
.picScroll-left .hd .prev:hover {background: url("../images/btn_prev_cur.png") 0 0 no-repeat;}
.picScroll-left .hd .next:hover {background: url("../images/btn_next_cur.png") 0 0 no-repeat;}
.picScroll-left .bd{width:1200px; margin:0 auto;}
.picScroll-left .tempWrap{width:1200px !important; margin:0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; margin-left:20px;}
.picScroll-left .bd ul li{ width:270px; float:left; margin-right:40px; _display:inline; text-align:center; overflow:hidden;}
.picScroll-left .bd ul li img{ width:270px; height:200px; display:block;}
.picScroll-left .bd ul li p{font-size:16px; margin-top:10px; height:25px; overflow:hidden; display:block;}
.picScroll-left .bd ul li p a {color: #333;}
/*我与改革开放微话题*/
.thd_wb {background: url("../images/tit_wb.png") center 0 no-repeat;}
.fl_wb {float: left;width: 790px;}
.fr_wb {float: right;width: 380px;background: #fff;}
.fixed_menu {display:none;background: url("../images/sidebar.png") 0 0 no-repeat;width: 150px;height: 583px;position: fixed;right: 0;bottom: 50px;z-index:100;}
.fixed_menu ul {padding: 180px 0 0;text-align: center;}
.fixed_menu ul li {background: url("../images/bg_wen.png") center bottom no-repeat;}
.fixed_menu ul li a {font-size: 14px;line-height: 40px;color: #fff;}
.fixed_menu ul li a:hover {color: #ffde8f;}
.fixed_menu ul li.last {background:0;}
.gotop {background: url("../images/btn_top.png") center 0 no-repeat;display: block;width: 150px;height: 22px;margin-top: 15px;}
.tit01 {-webkit-animation:zoomIn 0.5s 0.5s ease-out both;animation:zoomIn 0.5s 0.5s ease-out both;opacity: 1;position: absolute;top: 140px;left: 200px;}
.tit02 {-webkit-animation:ani_top_2 0.5s 1s ease-out both;animation:ani_top_2 0.5s 1s ease-out both;opacity: 1;position: absolute;top: 490px;left: 310px;}
@-webkit-keyframes ani_top_2 {
  0% {
    -webkit-transform: translate3d(0, 0.9523809523809523rem, 0);
            transform: translate3d(0, 0.9523809523809523rem, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes ani_top_2 {
  0% {
    -webkit-transform: translate3d(0, 0.9523809523809523rem, 0);
            transform: translate3d(0, 0.9523809523809523rem, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/*光小明的文艺茶座*/
.thd_teahouse {background: url("../images/tit_wenyichazuo.png") center 0 no-repeat;}
.thd_teahouse .more {background: url("../images/more_topics.png") 0 0 no-repeat;}
.thd_teahouse .more:hover {background: url("../images/more_topics_cur.png") 0 0 no-repeat;}
.bd_teahouse {background: url("../images/bg_audio.png") 0 0 no-repeat;height: 286px;}
/*音频部分*/
#player .ctrl { text-shadow: 0 1px 2px #000; line-height: 16px; }
#player .ctrl .control { margin-top: 10px; height: 25px; }
#player .ctrl .control .left .img { height: 30px; width: 30px; margin-left: 20px; display: inline-block;}
#player .ctrl .control .left .icon {float: left;margin-left: 25px; display: inline-block; cursor: pointer; width: 30px; height: 30px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }
#player .ctrl .icon:hover, #player .ctrl .icon.enable { opacity: 1; }
#player .ctrl .icon:active { opacity: 0.3; }

#player .ctrl .control .playback.playing{background:url("../images/pause.png") no-repeat;}
#player .ctrl .control .timer {width:520px; height: 26px; line-height: 26px; font-size: 14px; color: #7977a1; position:absolute; top:50px; left:230px; text-align:right; font-weight:bold;}
#player .ctrl .control .progress {width:520px; height:2px; margin-top:80px; margin-left:10px; float: left; }
#player .ctrl .control .progress .slider {background-color:#3d4291; height:2px; width:520px; position: relative; cursor: pointer; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; }
#player .ctrl .control .progress .slider:hover a, .slider.enable a { opacity: 1; color: #FFF; }
#player .ctrl .control .progress .slider a {margin-left: -5px; margin-top: -2px; position: absolute; opacity: 1; width: 6px; height: 6px; background:#8ea3ff;-moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;}
#player .ctrl .control .progress .slider .loaded, .slider .pace { position: absolute; height: 100%; opacity: 0.7; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#player .ctrl .control .progress .slider .loaded { background: rgba(255, 255, 255, 0.1); }
#player .ctrl .control .progress .slider .pace {background:#8ea3ff;}
#player .ctrl .control .volume {width:170px; float: left; margin-left: 30px; margin-top:50px;}
#player .ctrl .control .volume .icon {background-repeat: no-repeat; background-position: center; cursor: pointer; width: 30px; height: 30px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }
#player .ctrl .control .volume .mute {background:url("../images/sound.png") no-repeat; width:21px; height:20px;}
#player .ctrl .control .volume .mute.enable {background:url("../images/sound2.png") no-repeat;}
#player .ctrl .control .volume .slider {background-color:#3d4291; float: left; height:2px; width: 100px; position: relative; cursor: pointer; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; margin-top:10px;}
#player .ctrl .control .volume .slider:hover a, .slider.enable a { opacity: 1; }
#player .ctrl .control .volume .slider a { margin-left: -5px; position: absolute; opacity: 1; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.1s; }
#player .ctrl .control .volume .slider .loaded, .slider .pace { position: absolute; height: 100%; opacity: 0.7; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#player .ctrl .control .volume .slider .loaded { background: rgba(255, 255, 255, 0.1); }
#player .ctrl .control .volume .slider .pace { background:#8ea3ff;}
#player .ctrl .control .left .icon{width:52px; height:52px;}
#player .ctrl .control .playback{background:url("../images/play.png") no-repeat;}
#player .ctrl .control .lefticon{height:52px; width:220px; float:left; margin-top:40px;}
#player{height:100px; position:relative; margin:0 auto;}
.yp_title{font-size:16px; color:#fff; position:absolute; top:45px; left:224px;}
.mp_url{display:none;}

.item_list {float: left;width: 140px;padding: 40px 0 0 60px;}
.item_list>li {width: 100px;height: 30px;margin-bottom: 10px;color: #fff;text-align: center;line-height: 30px;cursor: pointer;}
.item_list>li:hover,.item_list>li.active {background: #ef4458;border-radius: 10px;}
.audio1_title_list {display: none;}
.yp_wrap {float: left;width: 950px;padding-top: 20px;}
.btn_prev {float: left;width: 40px;height: 40px;background:url("../images/prev_ico.png") no-repeat; margin-left: 25px;margin-top: 6px;cursor: pointer;}
.btn_next {float: left;width: 40px;height: 40px;background:url("../images/next_ico.png") no-repeat; margin-left: 25px;margin-top: 6px;cursor: pointer;}

/*视频播报*/
.video_area {position:relative;height:788px;}
.thd_video {background: url("../images/tit_video.png") center 0 no-repeat;}
.btn_video {width:1200px;height:70px;line-height:70px;position:absolute;left:0;bottom:0;background: url("../images/bg_video.png") center 0 no-repeat;}
.btn_video span {position:absolute;width:46px;height:25px;bottom:20px;}
.btn_video p {font-size:20px;color:#fff;text-align:center;}
.btn_video p a {color:#fff;}
.prev_video {right:160px;background: url("../images/prev.png") 0 0 no-repeat;}
.next_video {right:100px;background: url("../images/next.png") 0 0 no-repeat;}
.prev_video:hover {background: url("../images/prev_cur.png") 0 0 no-repeat;}
.next_video:hover {background: url("../images/next_cur.png") 0 0 no-repeat;}