/* 导航栏 */
*{margin: 0;padding: 0; text-decoration: none; list-style: none; outline: none;border: none; font-family: "微软雅黑";}
body{position: relative;}
.w980{ width: 980px; margin: 0 auto;}
.clearfix:after{ content: ''; display: block; height: 0; visibility: hidden; clear: both;}
.pull-left{ float: left;}
.pull-right{ float: right;}


/* 导航栏 */
.nav-bg{width: 187px; position: fixed; right: 10px; top: 50%; margin-top: -243.5px; z-index: 999; background: url(../img/nav-bg.png) no-repeat top center; box-sizing: border-box;padding:86px 20px 0 17px;}
#menu{background: #7d000f;padding-bottom: 30px;}
#menu #record{ color: #fff; font-size: 12px; text-align: center; display: block;padding: 10px 0;}
#menu li{ width:150px;font-size: 14px; border-bottom: 2px dashed #68000c;}
#menu li a{ display:block; text-align:center;font-size:15px;background-color: #7d000f; color: #fff;padding: 10px 0;}
#menu li:last-child{ border-bottom: 0;}
#menu li a span{ font-size: 12px;}
#menu li.active{ border-bottom: 2px solid #430f06;}
#menu li.active a{background-color: #430f06;}

/* 显示屏  */
.section{font-family:"Microsoft Yahei"; color: #fff; background-repeat:no-repeat;background-size:cover;overflow: hidden;}
.section1{ background-image:url(../img/second.jpg);}
.section2{ background-image:url(../img/third.jpg);}
.section3,.section4,.section5,.section8{ background-image:url(../img/forth.jpg);}
.section6{ background-image:url(../img/seventh.jpg);}
.section7{ background-image:url(../img/eighth.jpg);}

/* 长江水情 */
.section1 .regimen{ border: 8px solid #fff;height:480px;}
.section1 .regimen iframe{ width: 100%; height: 100%;}
.section1 ul li{ width: 312px; margin-top: 15px; text-align: center; float: left; background: rgba(255,255,255,0.15);border: 1px solid #fff; margin-right: 19px;}
.section1 ul li:last-child{margin-right: 0;}
.section1 ul li a{ color: #fff; font-size: 28px; font-weight: bold; display: block;padding: 25px 0;}
.section1 ul li a p{ margin-top: 10px;}

/* 公用title */
.title_cell{ font-size: 24px; font-family: "宋体";margin-bottom: 10px;}
.title_cell a{ color: #fff;}
.title_cell span{ font-size: 16px; margin-right: 10px;}
.title_cell .pull-right img{ vertical-align: middle; margin-left: 10px;}

/* 权威发布 */
.section2 .authority_box .qwfb{ background: #fff;padding: 25px 15px 10px; width: 415px;position: relative;}
.section2 .authority_box .qwfb_box{border: 1px solid #a21616; }
.section2 .authority_box .qwfb_box a{ font-size: 16px; font-family: "宋体"; color: #a21616;display: block; margin-top: 20px;}
.section2 .authority_box .qwfb a:hover{ text-decoration: underline;}
.section2 .authority_box .qw_title{ font-size: 22px; font-weight: bold; color: #a21616; background: #fff;position: absolute; left: 50%; margin-left: -75px; top: 10px;width: 150px; text-align: center;}
.section2 .authority_box .qw_title img{ vertical-align: sub; margin-right: 5px;}
.section2 .authority_box .qw_title_box{padding: 10px;}

.dtbd{ background: #fff; margin-top: 20px;}
.dtbd h3{ width: 140px; height: 40px; text-align: center; line-height: 40px; background: #a21616; font-size: 24px; font-weight: bold; color: #fff;}
.dtbd .dt_title_box{ padding: 0 20px;padding-bottom: 10px;}
.dtbd .dt_title_box a{ font-size: 16px; color: #3c3c3c; display: block; line-height: 34px;}
.dtbd .dt_title_box a:hover{ color: #a21616;}
.authority_box ul.pull-right{ width: 522px;}
.authority_box ul.pull-right li{ background: #fff;padding:11px 15px;margin-bottom: 15px;}
.authority_box ul.pull-right li:last-child{margin-bottom: 0;}
.authority_box ul.pull-right li a{ display: block; border: 1px solid #a21616;}
.authority_box ul.pull-right li a img.pull-left{ width: 176px;}
.authority_box ul.pull-right .text_content{width: 300px;padding: 7px;}
.authority_box ul.pull-right .text_content h3{ color: #252525; font-size: 20px;line-height: 24px;}
.authority_box ul.pull-right .text_content p{ color: #7e7d7d; font-size: 14px;line-height: 23px;text-indent: 28px;}
.authority_box ul.pull-right li a:hover .text_content h3{ color: #A21616;}

/* 24小时直播 */
.live_slider{ width:980px; position:relative; }
.live_slider .play{ background: url(../img/play_03.png) no-repeat center; position: absolute; left: 50%; top: 50%;display: block;}
.pic_box{ width:615px; height:353px; position:relative; overflow:hidden;}
.pic_box ul{ position:absolute; left:0; top:0;}
.pic_box ul li{ width:615px; height:353px; position: relative;}
.pic_box .play{ width: 96px; height: 96px; margin-top: -48px; margin-left: -48px; background-size: 90px;}
.prev{ float:left; cursor:pointer;}
.num{ height:226px;width:980px; position:relative;float:left;}
.live_pic_list_box{ padding-top:20px; width:980px; position: relative; height: 236px}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{margin-right:18px; background: #000; border: #fff 3px solid; font-size: 0; position: relative;}
.num ul li:last-child{ margin-right: 0;}
.num ul li a{ display: block;}
.num ul li img{ width: 225px; opacity: 0.8; display: block;}
.num ul li.on{ background: #fff; border-color: #FFD133;}
.num ul li.on img{ opacity: 1;}
.num .play{width: 78px; height: 78px; margin-top: -39px;margin-left: -39px; background-size: 78px;}
.live_prev_btn,.live_next_btn{ position: absolute; top: 50%; margin-top:-22px;}
.live_prev_btn{ left: -45px; cursor: pointer;}
.live_next_btn{ right: -45px; cursor: pointer;}
.fxkz_img{ border: 1px solid rgba(255,255,255,0.6); font-size: 0;}

/* 旋转木马轮播图 */
.poster-main{position: relative;margin: 30px auto;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0; background: #fff; overflow: hidden; border: 10px solid #fff;box-shadow: 0 0 15px #000000;}
.poster-main .poster-btn{position: absolute;top: 0;cursor: pointer;z-index: 9999;}
.poster-main .poster-btn.poster-prev-btn{ background: url(../img/btn_l.png) no-repeat center; left: 0;}
.poster-main .poster-btn.poster-next-btn{ background: url(../img/btn_r.png) no-repeat center; right: 0;}

/* 应急通道 */
.passage-content .poster-main .title-list a{ display: block; overflow: hidden; white-space: nowrap; word-break: break-all;text-overflow: ellipsis; line-height: 40px; color: #5a5a5a; font-size: 14px; padding-left: 15px; border-bottom: 1px solid #dcdcdc;}
.passage-content .poster-main .title-list a:last-child{border-bottom: 0;}
.passage-content .poster-main .title-list a:hover{ color: #A21616;}
.passage-content .poster-main .poster-btn.poster-prev-btn{ background: none;}
.passage-content .poster-main .poster-btn.poster-next-btn{ background: none;}
.passage-content #carousel_1{ display: none;}
.passage-content .poster-main .poster-item{}
.passage-content .poster-main .poster-item .passage-type{ font-size: 20px; color: #fff; background: #A21616; position: absolute; left: 0; top: 0; padding: 8px 20px;}


/* 砥柱中流 */
.dzzl-box{ position: relative;}
.dzzl-box .poster-main .poster-list .poster-item{background: none; border: none; box-shadow: 0 0 0 0 #000;}
.dzzl-box .poster-main .poster-btn.poster-prev-btn{ background: none;}
.dzzl-box .poster-main .poster-btn.poster-next-btn{ background: none;}
.dzzl-box .layer{overflow: hidden; background: rgba(0,0,0,0.6); position: absolute;left: 0; top: 0; right: 0;bottom: 0; opacity: 0;transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.dzzl-box .layer img{width: 140px; border: 5px solid #fff;position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -70px;transform: translateY(-350px);transform: -webkit-translateY(-350px);-moz-transform: translateY(-350px);-ms-transform: translateY(-350px);-o-transform: translateY(-350px);transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.dzzl-box .poster-item.active .layer.hover{ opacity: 1;}
.dzzl-box .poster-item.active .layer.hover img{transform: translateY(0);transform: -webkit-translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
.phone-box{ width: 361px; height: 735px; background: url(../img/zldz_03.png) no-repeat center;position: absolute; top: 50%;left: 50%; margin-left: -180px; margin-top: -370px;z-index: 999;}
.dzzl-box #carousel1_1{ display: none;}

/* 我在一线 */
.forefront-box{ background: url(../img/forefront_03.png) no-repeat center; background-size: 845px 600px;  height: 600px; overflow: hidden; position: relative;}
.forefront-box .title-cell{ float: right; position: relative; margin-top: 31px; width: 340px; margin-right: 200px;}
.forefront-box .title-box{ display: none; position: absolute; left: 0; top: 0; width: 340px;}
.forefront-box .title-box .title{ font-size: 26px; color: #a21616; font-weight: bold; text-align: right;}
.forefront-box .title-box .title span{display: inline-block; border-bottom: 2px solid #adada9; font-family: "宋体"; line-height: 40px;}
.forefront-box .title-box ul li{ line-height: 28px; margin-bottom: 28px;}
.forefront-box .title-box ul li a{ color: #5a5a5a; font-size: 14px; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.forefront-box .title-box ul li a:hover{ color: #A21616;}
.page{ position: absolute; width: 340px; overflow: hidden; bottom: 90px; right: 200px;}
.page a{ color: #A21616; text-decoration: underline;}



/* 难忘瞬间 */
.moment_box{ height: 640px;}
.moment_box #gallery a{ color: #3C3C3C; font-size: 12px;}
.moment_box #gallery a:hover{ color: #A21616;}
.moment_box #gallery figure{ box-shadow: 0 0 15px #000;}
.moment_box .navbar{ position: absolute;left: 0; display: none;}


/* 微博互动 */
.interaction-box h3{ margin-bottom: 10px;}
.interaction{ width: 100%; height: 521px; box-sizing: border-box; border: 5px solid #fff;}

/* home */
#home{ position: relative; background: url(../img/home_bg.gif); background-size: cover; transition: 2s all;-webkit-transition: 2s all;-moz-transition: 2s all;-ms-transition: 2s all;-o-transition: 2s all; transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);opacity: 1;}
#home.animate_scale{transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0); opacity: 0;}
.praise{ line-height: 38px; font-size: 24px; color: #be2020;  text-align: right; margin-top: 30px;}
.praise .praise-box{ display: inline-block; background: #fff; margin-left: 5px; border-radius: 8px; overflow: hidden; vertical-align: middle;;}
.praise .praise-box span{ padding:10px 15px;}
.praise .praise-box a{ display: inline-block; color: #fff; background: #be2020; padding:10px 15px;}
.praise .praise-box a:hover{ background: #7D000F;}
.praise .praise-box a:active{ background: #7D000F;}
.home-text .khjz{ color: #fff;float: right; background: #be2020; width: 304px; height: 46px; font-size: 27px; text-align: center; line-height: 46px; box-shadow: 5px 5px 10px rgba(0,0,0,0.5); margin: 10px;}
.home-content{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.enter-btn{ display: block; font-size: 36px; margin-top: 40px; color: #fff; width: 322px; height: 74px; line-height: 74px; text-align: center; background: #be2020; position: absolute; left: 50%;margin-left: -161px;}
.bwcx{margin-top:40px;text-align:center;margin-left: 165px;animation: fade 5s;-webkit-animation: fade 5s;-moz-animation: fade 5s;-ms-animation: fade 5s;  }
.dzzl{ margin-top:-55px; margin-left:265px;text-align:center;animation: fade 5s;-webkit-animation: fade 5s;-moz-animation: fade 5s;-ms-animation: fade 5s;}
.dzzl img{ margin-right: -40px;}
.index-box{transition: 2s all;-webkit-transition: 2s all;-moz-transition: 2s all;-ms-transition: 2s all;-o-transition: 2s all; transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0); opacity: 0;}
.index-box.animate_scale{transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);opacity: 1;}
.home-bg{width:930px;height:801px;background-image:url(../img/bg.gif);background-position:0px 0px;position: absolute;left: 10px;bottom: 0;}

/* 二级页面  */
.listpage{overflow: hidden; background: url(../img/third.jpg) no-repeat; background-size:cover ;}
.list-page-title{ position: relative;}
.list-page-title img{ display: block;}
.slider-box{height:auto; position:relative; overflow:hidden;}
.slider-box .list-box{height:420px; position:relative; overflow: hidden; background: #fff; box-sizing: border-box; box-shadow: 0 0 50px #000;}
.slider-box .list-box ul{ position:absolute; left:0; top:0;}
.slider-box .list-box ul li{ width:980px; height:auto;}
.slider-box .list-box .slimScrollDiv{ margin-top: 20px;}
.slider-box .list-box .inner-content{ padding-right: 80px; margin-left: 40px; height: 350px; overflow-y: scroll;}
.slider-box .list-box ul li p{ overflow: hidden; padding: 10px 0; border-bottom: 1px solid #e8e8e8; box-sizing: border-box;}
.slider-box .list-box ul li p:last-child{border-bottom: 0;}
.slider-box .list-box ul li p a{ color: #3C3C3C; font-size: 16px; float: left;}
.slider-box .list-box ul li p span{ float: right; color: #9f9f9f;}
.slider-box .prev{ float:left; cursor:pointer;}
.slider-box .num{ height:82px;overflow:hidden; position:relative;float:left;}
.slider-box .min_pic{ padding-top:10px; width:980px;}
.slider-box .num ul{ position:absolute; left:0; top:0;}
.slider-box .num ul li{ width: auto; height: auto; border: 0; font-size: 24px; background: rgba(0,0,0,0.6); margin-right: 20px;}
.slider-box .num ul li.on{ background: rgba(162,22,22,0.6);}
.slider-box .num ul li a{ display: block; padding: 10px 25px; color: #fff;}
.slider-box .num ul li:last-child{ margin-right: 0;}
.slider-box .list-prev{ position:absolute; top:220px; left:-10px; width:28px; height:51px;z-index:9;cursor:pointer; display: none;}
.slider-box .list-next{ position:absolute; top:220px; right:7px; width:28px; height:51px;z-index:9;cursor:pointer; display: none;}
.slider-box .list-box:hover .list-prev{ display: block;}
.slider-box .list-box:hover .list-next{ display: block;}
.return_index{ position: absolute;bottom: -25px;left: -110px;}
.return_index a{ display: block; font-size: 24px; color: #fff;}

/* 首页动画 */
@keyframes fade
{
    from {opacity: 0; transform: scale(0); -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ;}
    to {opacity: 1; transform: scale(1); -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ;}
}
 
@-webkit-keyframes fade /* Safari 与 Chrome */
{
    from {opacity: 0;  transform: scale(0); -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ;}
    to {opacity: 1; transform: scale(1); -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ;}
}
@-ms-keyframes fade /* Safari 与 Chrome */
{
    from {opacity: 0; transform: scale(0); -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ;}
    to {opacity: 1; transform: scale(1); -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ;}
}
@-moz-keyframes fade /* Safari 与 Chrome */
{
    from {opacity: 0; transform: scale(0); -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ;}
    to {opacity: 1; transform: scale(1); -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ;}
}


/* 媒体查询  */
@media (max-width:1599px){
	.w980{ width: 930px;}
	/* 长江水情 */
	.section1 .w980{position: relative;}
	.section1 .regimen{ margin-top: 10px;}
	.section1 ul{ position: absolute; left: 0; top: 50%; margin-top: -152px;}
	.section1 ul li{ float: none; border: none; background: none; width: 195px; margin-top: 30px;}
	.section1 ul li a{ font-size: 18px; padding: 0;}
	.section1 ul li a:hover{ color: #FFD133;}
	.section1 ul li img{ width: 50px; height: 50px;}
	
	/* 权威发布 */
	.section2 .authority_box .qwfb{width: 365px;}
	.section2 .authority_box .qwfb_box a{ font-size: 14px; margin-top: 15px;}
	.dtbd{ margin-top: 13px;}
	.dtbd h3{ font-size: 20px;}
	.dtbd .dt_title_box a{ font-size: 14px; line-height: 28px;}
	.authority_box ul.pull-right li{ margin-bottom: 10px; padding: 10px;}
	.authority_box ul.pull-right li a img.pull-left{ width: 149px;}
	.authority_box ul.pull-right .text_content{ width: 336px;padding: 5px;}
	.authority_box ul.pull-right .text_content h3{ font-size: 18px;}
	.authority_box ul.pull-right .text_content p{ font-size: 12px; line-height: 17px;margin-top: 2px;}
	
	/* 24小时直播 */
	.live_slider,.live_pic_list_box{ width: 930px;}
	.live_pic_list_box{ padding-top: 10px;height: 215px;}
	.pic_box{width: 580px; height: 325px;}
	.pic_box ul li{ width: 580px; height: 325px;}
	.pic_box ul li img{ width: 580px;}
	.fxkz_img img{ width: 325px;}
	.num{ height: 215px; width: 930px;}
	.num ul li{ margin-right: 15px;}
	.num ul li img{ width: 215px;}
	
	/* 应急通道  */
	.passage-content .poster-item img{ width: 315px;}
	.passage-content .poster-main .title-list a{ font-size: 12px; line-height: 36px;}
	.passage-content #carousel{ display: none;}
	.passage-content #carousel_1{ display: block;}
	
	/* 中流砥柱 */
	.dzzl-box #carousel1{ display: none;}
	.dzzl-box #carousel1_1{ display: block;}
	.phone-box{width: 230px;height: 469px;background: url(../img/zldz_03.png) no-repeat center;background-size: 230px 469px;position: absolute;top: 50%;left: 50%;margin-left: -115px;margin-top: -236px;z-index: 999;}
	.dzzl-box .layer img{ width: 120px; margin-left: -60px; margin-top: -60px;}

	/* 首页 */
	.praise{line-height: 24px; font-size: 18px;}
	.bwcx img{width: 520px;}
	.dzzl img{width: 445px; margin-top: 15px;}
	.home-text .khjz{ width: 245px; font-size: 20px; line-height: 36px; height: 36px; margin-right: 100px;}
	.enter-btn{ width: 250px; height: 60px; line-height: 60px; font-size: 26px;margin-left: -125px;margin-top: 100px;}
	.home-bg{ background-image:url(../img/bg-s.gif) ; left: 50px;}

	/* 二级页面 */
	.listpage .list-box ul li{ width: 930px;}
	.slider-box .num ul li{ margin-right: 11px;}
	.slider-box .list-box{ height: 390px;}
	.list-page-title .left-img img{ width: 205px;}
	.list-page-title .right-img img{ width: 326px;}
	
	/* 我在一线 */
	.forefront-box{ height: 550px;background-size:775px 550px;}
	.forefront-box .title-cell{ margin-right: 195px;}
	.forefront-box .title-box{ width: 315px;}
	.forefront-box .title-box .title{ font-size: 20px;}
	.forefront-box .title-box .title span{ line-height: 36px;}
	.forefront-box .title-box ul li{ line-height: 26px; margin-bottom: 26px;}
	.forefront-box .title-box ul li a{ font-size: 12px;}
	.page{ width: 310px; right: 225px;}
	.page a{ font-size: 14px;}
	
}