@charset "utf-8";
/* CSS Document */
@import url(2018lh_reset.css);
@import url(2018lh_top.css);
@import url(2018lh_animate.css);



/*头条*/
.ttPic{ width:100%; height:112px; position:relative; margin-top:32px;}
.ttPic .f_l{ width:870px; height:100%; position:relative; overflow:hidden;}
.ttPic .f_l p{ display:block; width:100%; line-height:75px; font-size:40px;}
.ttPic .f_l p a{ display:block; color:#0f7cbb; text-align:center; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ttPic .f_l span{display:block;width:100%;line-height:22px;font-size:18px;text-align: center;}
.ttPic .f_l span a{ color:#3d3d3d; margin:0 5px;}
.ttPic .f_r{ display:block; width:311px; height:112px; position:relative; overflow:hidden;}
.ttPic .f_r img{display:block; width:100%; height:100%;}


/*要闻、直播*/
.ywPic{ width:100%; height:400px; position:relative; margin-top:40px;}
.Focus{ width:513px; height:382px; position:relative; overflow:hidden;}
.Focus .pic img { width: 513px; height: 382px; display: block; }
.Focus .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 49px; width:100%; background:url(2018lh_Focus_bg.png); overflow: hidden;}
.Focus .txt { position: absolute; bottom: 0px; z-index: 2; height: 49px; width:410px; overflow: hidden; }
.Focus .txt li{ width:98%; height:49px; line-height:49px; position:absolute; bottom:-49px;}
.Focus .txt li a{ display: block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding: 0 0 0 10px; font-size: 18px; color: white; transition:all 0.3s;}
.Focus .txt li a:hover{ /*color:#0d99fd; */letter-spacing:1px;}
.Focus .num { position: absolute; z-index: 3; bottom: 20px; right: 0px; }
.Focus .num li{ float: left; width: 8px; height: 8px; overflow: hidden; margin:0 6px; cursor: pointer; background:#FFF; border-radius:50%; }
.Focus .num li.on,.Focus .num li:hover{ background:#322a27;}
.Focus>a{ display:block; width:60px; height:85px; position:absolute; top:108px; background:url(2018lh_Focus_prvnext.png) no-repeat; cursor:pointer;}
.Focus>a.prev{ left:0; background-position:0px 0px;}
.Focus>a.next{ right:0; background-position:-60px 0px;}
.Focus>a:hover{ background-position-y:-85px;}

.ywSlide{ width:415px; height:100%; padding:0 5px; position:relative; overflow:hidden; margin-left:20px;}
.ywSlide li.m{width: 97%;padding-left: 3%;background:url(2018lh_icon_4.png) no-repeat left center;font-size: 16px;line-height:38px;}
.ywSlide li.m a{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ywSlide li.F{border-bottom:1px dotted #010101;padding-bottom:10px;margin-bottom:8px;}
.ywSlide li.F>a{ font-size:18px; color:#010101; line-height:24px; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; padding-bottom:10px;}
.ywSlide li.F>span{ display:block; font-size:14px; color:#565656; text-indent:2em; line-height:28px; font-family:"宋体";}
.ywSlide li.F>span a{ font-size:12px; color:#5076ac;}

.zblh{ width:215px; height:100%; position:relative;}
.zblh p{ display:block; width:100%; height:38px; padding-bottom:4px;}
.zblh li{ display:block; width:215px; height:145px; position:relative; overflow:hidden; margin-top:24px; transition:all 0.5s;}
.zblh li img{ display:block; width:215px; height:145px; transition:all 0.5s;}
.zblh li:hover{ box-shadow:0 0 5px 0 #799dd1;}
.zblh li:hover img{ transform:scale(1.05);}


/*两会时间*/
.lhsj{ width:100%; height:665px; position:relative; margin-top:20px;}
p.title{ width:100%; height:80px; display:block; background:url(2018lh_icon_Title.png) no-repeat;}
p.title a{ display:block; width:320px; height:100%; margin:0 auto;}
.lhsj .hd{ display:block; width:950px; height:50px; margin:0 auto; position:relative; overflow:hidden; padding:31px 0 34px;}
.lhsj .hd li{ display:block; float:left; width:221px; height:36px; padding:7px 0; margin:0 47px;}
.lhsj .hd li a{ display:block; width:100%; height:36px; line-height:36px; background:#d5d5d5; color:#525252; text-align:center;}
.lhsj .hd li:hover,.lhsj .hd li.on{ background:url(2018lh_icon_6.jpg) no-repeat center;}
.lhsj .hd li:hover a,.lhsj .hd li.on a{ background:#0f7cbb; color:#FFF !important;}
.lhsj .bd{ display:block; width:100%; height:470px; position:relative;}
.focus_nav{width: 585px;height:470px;position:relative;overflow:hidden;}
.focus_nav .tempWrap{ height:399px; margin-top:42px;}
.focus_nav ul{ width:100%; height:auto; background:url(2018lh_icon_7.png) repeat-y 14px top; overflow:hidden;}
.focus_nav li{width: 557px;height:90px;padding:12px 14px 11px 14px;position:relative;margin-bottom:20px;}
.focus_nav li p.img{ display:block; float:left; width:140px; height:90px; position:relative; overflow:hidden;}
.focus_nav li p.img img{ display:block; width:140px; height:90px;}
.focus_nav li .rText{ display:block; float:left; width:395px; height:90px; margin-left:8px; color:#2b2b2b;}
.focus_nav li .rText p{ display:block; font-size:20px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:40px;}
.focus_nav li .rText span{ font-size:14px; line-height:24px;}
.focus_nav li:hover,.focus_nav li.on{ background:#1282c3;}
.focus_nav li:hover p.img,.focus_nav li.on p.img{ display:none;}
.focus_nav li:hover .rText,.focus_nav li.on .rText{ width:557px; margin:0; color:#FFF !important;}
.focus_nav li:hover .rText p,.focus_nav li.on .rText p{ font-size:22px;}
.focus_nav>a{ display:block; width:180px; height:22px; position:absolute; left:50%; margin-left:-90px; background:url(2018lh_icon_8.jpg) no-repeat;}
.focus_nav>a.navPrev{ top:0; background-position-y:top;}
.focus_nav>a.navNext{ bottom:0; background-position-y:bottom;}
.focus_pic{width: 611px;height: 400px;position:relative;overflow:hidden;margin-top: 21px;}
.focus_pic li{display:block;width:611px;height: 100%;position:relative;overflow:hidden;}
.focus_pic li img{display:block;width:611px;height: 100%;}
.focus_pic li p{ display:block; width:96%; height:50px; padding:0 2%; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#FFF; background:url(2018lh_Focus_bg.png); position:absolute; left:0px; bottom:0px;}


/*解读两会*/
.jdlh{ width:100%; height:500px; position:relative; margin-top:40px;}
.jdlh p.title{ background-position-y:-80px;}
.jdSlider{ width:100%; height:390px; position:relative; margin-top:30px;}
.jdSlider ul{  height:100%;; overflow:hidden;}
.jdSlider li{ width:212px; height:100%; float:left; position:relative; overflow:hidden; margin:0 14px;}
.jdSlider li p{ display:block; width:210px; height:268px; border:1px solid #dedede; position:relative; overflow:hidden;}
.jdSlider li p img{ width:100%; height:100%; display:block; transition:all 0.5s;}
.jdSlider li p:hover img{ transform:scale(1.1);}
.jdSlider li h3{font-size:16px;font-weight:bold;color:#2b2b2b;line-height:30px;margin:10px 0;text-align: center;}
.jdSlider li span{ font-size:14px; color:#aaaaaa; display:inline-block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.jdSlider>a{ display:block; width:100px; height:390px; position:absolute; overflow:hidden; top:0;}
.jdSlider>a.prev{ left:-100px;}
.jdSlider>a.next{ right:-100px;}


/*牢记嘱托*/
.ljzt{ width:100%; height:80px; position:relative; margin-top:29px;}
.ljzt p.title{ background-position-y:-160px;}
.ljzt p.title a{ width:520px;}

/*回顾2017*/
.hg2017{ width:100%; height:694px; position:relative; margin-top:59px;}
.hg2017 span.T{ display:block; width:170px; height:41px; position:absolute;}
.hg2017 span.T a{ display:block; width:100%; height:41px; line-height:41px; text-align:center; font-size:22px; color:#FFF !important; background:#1973be;}
.dsjfz{ width:528px; height:258px; border:1px solid #b4c8d4; position:relative; box-shadow:0 0 3px 0 #b4c8d4; border-radius:5px; padding:60px 25px 0;}
.dsjfz span.T{ padding-bottom:12px; background:url(2018lh_icon_10.png) no-repeat left 41px; top:-2px; left:-15px;}
.dsjfz li.M{ padding-left:8%; width:92%; font-size:18px; line-height:40px; background:url(2018lh_icon_11.png) no-repeat 4px center;}
.dsjfz li a{ display:block; width:100%; color:#2a2a2a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dsjfz li.F{ font-size:24px; line-height:65px;}
.dsjfz li.F a{ color:#be2919;}

.fpjxs{ width:519px; height:258px; border:1px solid #b4c8d4; position:relative; box-shadow:0 0 3px 0 #b4c8d4; border-radius:5px; padding:60px 0 0 59px;}
.fpjxs span.T{ padding-bottom:12px; background:url(2018lh_icon_10.png) no-repeat right 29px; top:-2px; right:-14px;}
.fpjxs .sldBix{width:500px;height:auto;position:relative;margin-top: 20px;}
.fpjxs .sldBix>span{display:block;width: 50px;height: 30px;float:left;margin:0 10px;text-align: center;line-height: 30px;border: 1px solid #DDD;cursor: pointer;}
.fpjxs .sldBix>span:hover{ box-shadow: 0 0 5px 0 #DDD;}
.fpjxs .sldBix>span.prve{margin-left: 180px;}
.fpjxs .sldBix .bd{width:100%;height:40px;position:relative;overflow:hidden;display: none;}
.fpjxs .sldBix .bd a{ display:block; width:100%; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#1973be; font-size:24px;}
.fpjxs .sldBix ul{width:100%;height: 180px;position:relative;/* margin-top: 27px !important; */}
.fpjxs .sldBix ul li{width:159px;height: auto;float:left;margin-right:7px;position:relative;overflow:hidden;transition:all 0.3s;}
.fpjxs .sldBix ul li img{display:block;width:100%;height: 124px;}
.fpjxs .sldBix ul li span{display:block;width:100%;line-height: 24px;/* overflow:hidden; *//* white-space:nowrap; *//* text-overflow:ellipsis; */text-align: center;}
.fpjxs .sldBix ul li:hover{ /*box-shadow:0 0 5px 0 rgba(67, 40, 40, 0.5);*/}

.hbdcjxs{ width:550px; height:286px; border:1px solid #b4c8d4; position:relative; box-shadow:0 0 3px 0 #b4c8d4; border-radius:5px; padding:32px 0 0 28px; margin-top:53px;}
.hbdcjxs span.T{ width:219px; padding-top:12px; background:url(2018lh_icon_10.png) no-repeat left -24px; bottom:-1px; left:-15px;}
.hbdcjxs .sldBix{width:500px;height:auto;position:relative;margin-top: 40px;}
.hbdcjxs .sldBix .bd{ width:100%; height:40px; position:relative; overflow:hidden;}
.hbdcjxs .sldBix .bd a{ display:block; width:100%; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#1973be; font-size:24px;}
.hbdcjxs .sldBix .box{width:110%;height: auto;position:relative;margin-top:27px;}
.hbdcjxs .sldBix .box li{width:232px;height: auto;float:left;margin-right:36px;position:relative;}
.hbdcjxs .sldBix .box li img{display:block;width:100%;height: 154px;}
.hbdcjxs .sldBix .box li span{display:block;width:100%;line-height: 25px;/* overflow:hidden; *//* white-space:nowrap; *//* text-overflow:ellipsis; */text-align: center;}
.hbdcjxs .sldBix .box li:hover img{ box-shadow:0 0 5px 0 rgba(67, 40, 40, 0.5);}
.hbdcjxs .sldBix>span{display:block;width: 50px;height: 30px;float:left;margin:0 10px;text-align: center;line-height: 30px;border: 1px solid #DDD;cursor: pointer;/* margin-top: 15px; */}
.hbdcjxs .sldBix>span:hover{ box-shadow: 0 0 5px 0 #DDD;}
.hbdcjxs .sldBix>span.prve{margin-left: 280px;}

.gdcgzs{ width:506px; height:288px; border:1px solid #b4c8d4; position:relative; box-shadow:0 0 3px 0 #b4c8d4; border-radius:5px; padding:15px 36px; margin-top:53px;}
.gdcgzs span.T{ width:192px; padding-top:12px; background:url(2018lh_icon_10.png) no-repeat right -36px; bottom:-1px; right:-14px;}
.gdcgzs li.M{ padding-left:8%; width:92%; font-size:18px; line-height:40px; background:url(2018lh_icon_11.png) no-repeat 4px center;}
.gdcgzs li>a{ display:block; width:100%; color:#2a2a2a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gdcgzs li.F{ font-size:24px; line-height:65px; padding-left:5%;}
.gdcgzs li.F>a{ color:#be2919;}
.gdcgzs li.F>span{ display:inline-block; width:100%; font-size:12px; line-height:24px; color:#787878;}
.gdcgzs li.F>span a{ color:#787878;}

.tit{ display:block; width:212px; height:185px; position:absolute; left:50%; margin-left:-106px; top:50%; margin-top:-92px;}


/*展望2018*/
.zw2018{ width:100%; height:505px; position:relative; overflow:hidden; margin-top:24px; background:url(2018lh_icon_13.jpg) no-repeat;}
.leftNav{ width:812px; height:505px; float:left; position:relative;}
.leftNav li{ position:absolute; overflow:hidden;}
.leftNav li p{ width:100%; position:relative; overflow:hidden; display:block;}
.leftNav li p img{ display:block; width:auto; min-width:100%; height:100%;}
.leftNav li b{ position:absolute; top:0; left:0; width:100%; display:block;}
.leftNav li span{ display:block; width:100%; font-size:16px; color:#1973be; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; line-height:30px;}
.leftNav li.a1{ width:261px; height:300px; top:66px; left:29px;}
.leftNav li.a1 p{ height:261px;}
.leftNav li.a1 b{ height:261px; background:url(2018lh_icon_zw1.png) no-repeat;}
.leftNav li.a2{ width:179px; height:210px; top:26px; left:381px;}
.leftNav li.a2 p{ height:179px;}
.leftNav li.a2 b{ height:179px; background:url(2018lh_icon_zw2.png) no-repeat;}
.leftNav li.a3{ width:203px; height:240px; top:140px; left:608px;}
.leftNav li.a3 p{ height:203px;}
.leftNav li.a3 b{ height:203px; background:url(2018lh_icon_zw3.png) no-repeat;}
.leftNav li.a4{ width:215px; height:249px; top:256px; left:296px;}
.leftNav li.a4 p{ height:215px;}
.leftNav li.a4 b{ height:215px; background:url(2018lh_icon_zw4.png) no-repeat;}
..leftNav li b:hover{ background-position-y:bottom;}
.zw2018 .Tit{ display:block; float:right; width:353px; height:147px; margin-top:63px;}
.zw2018 .Tit a{ display:block; width:100%; height:100%; background:url(2018lh_icon_14.jpg) no-repeat;}
.RightCon{ width:360px; height:232px; float:right; margin-right:21px; margin-top:63px;}
.RightCon li{ width:100%; height:100%; display:block;}
.RightCon li>a{ display:block; font-size:22px; color:#FFF; text-indent:2em; line-height:36px;}
.RightCon li>span{ display:block; text-indent:2em; font-size:14px; color:#FFF; line-height:24px; margin:25px 0;}
.RightCon li>span a{ color:#FFF;}


/*微看两会*/
.wklh{ width:100%; height:535px; position:relative; margin-top:38px;}
.wklh p.title{ background-position-y:-240px;}
.wklh .wkCon{ width:100%; height:433px; position:relative; margin-top:22px; overflow:hidden; background:url(2018lh_icon_15.jpg) no-repeat;}
.wklh .wkCon a.qbzs{ display:block; position:absolute; width:149px; height:147px; top:118px; left:387px;}
.wklh .wkCon a.szfApp{ display:block; position:absolute; width:185px; height:66px; top:226px; left:891px;}


/*图看两会*/
.tklh{ width:100%; height:655px; position:relative; margin-top:52px;}
.tklh p.title{ background-position-y:-320px;}
.RandBox{ width:100%; height:575px; position:relative;}
.RandBox {height: 460px;position: relative; width: 1200px;margin: 0 auto; overflow: hidden; padding-bottom: 70px;} 
.RandBox ul.roundabout-holder { width:1000px; height:450px;margin:0 auto; }
.RandBox li {width: 289px;height: 224px;cursor:pointer;border:1px solid #bbb; position:relative;}
.RandBox li span{position: absolute;display: block;width: 289px;height: 30px;line-height: 30px;left: 0;top: 174px;text-align: center;font-size: 14px;color: #FFFFFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: url(http://news.hebei.com.cn/h2019b/2018lh_Focus_bg.png);}
.RandBox li a:hover span{color: #FF6B07;}
.RandBox li img{width: 289px;height: 224px; -webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,.3)); box-reflect: below 0 -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 30%,rgba(0,0,0,.3));}
.RandBox .arraw-shop {width: 150px; height: 45px; margin: 15px auto;}
.RandBox .arraw-shop a{ display:inline-block; width: 44px; height: 44px; background:url(http://news.hebei.com.cn/h2019b/2018lh_icon_17.png) no-repeat;}
.RandBox .arraw-shop .onnext { background-position-x:right; float: right;}
.RandBox .arraw-shop .onprev { background-position-x:left; float: left;}
.RandBox .arraw-shop .onnext:hover,.RandBox .arraw-shop .onprev:hover{ background-position-y:bottom;}


/*读报告*/
.dbgTit{ width:100%; height:80px; position:relative; margin-top:29px;}
.dbgTit p.title{ background:url(2018lh_icon_Title0.jpg) no-repeat;}
.dbg{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:29px;}
.dbg ul{ width:110%; padding:5px 0; overflow:hidden;}
.dbg li{ display:block; width:260px; height:300px; float:left; margin:0 45px 0 5px; background:#1973be; border-radius:10px; position:relative; overflow:hidden; box-shadow: 0 0 5px 0 #666666;}
.dbg li>span{ display:block; width:100%; padding: 90px 0; position:relative; text-align:center; font-size:36px; font-weight:bold; color:#FFF; cursor:pointer; animation-duration: 1s; animation-fill-mode: both; animation-name:flipInY; transition:left 0.1 ease-in 60s;}
.dbg li:hover>span{ animation-name:flipOutY; left:-300px;}
.dbg li.empty:hover>span{ animation-name:bounce; left:0px;}
.dbg li>dl{ display:block; width:80%; height:90%; padding:5% 10%; position:absolute; top:0; left:0; display:none; animation-duration: 1s; animation-delay:0.1s; animation-fill-mode: both; animation-name:flipOutY;}
.dbg li:hover>dl{ display:block; animation-name:flipInY;}
.dbg li.empty:hover>dl{ display:none; animation-name:none;}
.dbg li>dl dt{font-size:20px;line-height:30px;margin-top: 10px;}
.dbg li>dl dt a{ color:#FFF;}
.dbg li>dl dd{font-size:16px;color: #cecece;line-height:25px;}
.dbg li>dl dd a{ color:#ddd;}
.dbg li>dl dd.jqqd{ font-size:14px;}
.dbg li>dl dd.jqqd a{ color:#FFF;}