@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;/**-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;**/}
body{ font-size:12px;font-family:"微软雅黑"; background: url(header_bg.jpg) no-repeat top #FFF ; overflow-x:hidden;}

@media(max-width:1540px){
   html{
      font-size:13.66px;
	
   }






}
ul,ol,dl,li {list-style:none;}
img {border:0;}
a {text-decoration:none;color:#000}
a:hover { text-decoration:none;color:#000;}

/**头部结构**/
#header{width:100%;margin:0 auto;float:left; height:730px;}
.top_link{width:1200px;margin:0 auto; position:relative; z-index:18;}
.top_link span{float:right; line-height:30px;}
.logo{width:790px;margin:50px auto;}

/**导航**/
.nav{width:100%;margin:0 auto; clear:both; background:url(navbk.png) repeat; height:111px;}
.nav ul{width:1200px;margin:0 auto; clear:both; background:url(navbk.png) repeat; height:111px;}

.nav li {margin:0 0 0 20px;text-align:center;font-size:17px;float:left; background:url(navbk1.png) no-repeat right ;padding-right:30px; height:111px; }
.nav li p
{ line-height:40px; margin-top:10px;}

.nav li a{ color:#FFFFFF}
.nav li a:hover{ color:#FFC}

/**主体结构**/
#layer{width:1200px;margin:0 auto;clear:both;padding-top:30px;}
.title01{width:1200px; margin:20px auto; text-align:center;margin-top:20px; clear:both;}

.more_01{width:320px;float:left; background:#e01d28; text-align:center; font-size:14px; line-height:25px;}
.more_01 a{ color:#fff}
.more_02{width:847px;float:left; text-align:right; font-size:14px; line-height:25px; background:url(part2_icon.png) no-repeat right;padding-right:20px;}

/**头条**/
.top_news_txt{width:1200px;height:60px; margin:0 auto; text-align:left;padding:30px 0;  border-bottom:2px solid #005fb3;}
 .top_news_txt .topnewimg{  width:150px; height:60px; float:left}
 .top_news_txt .topnewzi{  width:1000px; height:60px; float:left; font-size:35px; color:#005fb3; line-height: 60px;}
 .top_news_txt .topnewzi p a{  color:#005fb3;}

/**要闻**/
.layer_yw{width:100%;height:691px;  no-repeat top center;float:left;}
.yaowen{width:1200px;margin:40px auto; clear:both}
.yw_l{width:700px;float:left;}
.yw_l img{ border-radius:5px;}



.yw_l_yc{width:470px;float:left;margin:30px 0 0 185px; border-top:1px solid #ecc78d;padding-top:20px; }
.yw_l_yc p{ font-size:15px; line-height:36px;margin-bottom:10px; }
.yw_l_yc p a{ color:#fff}







.yw_r02{width:350px;float:right;margin-top:10px;}
.yw_r02 li{ font-size:16px; line-height:35px; padding-left:20px; margin-bottom:10px;}
.yw_r02 li a{ color:#000}
.yw_r02 li img {  border-radius:5px;}
.yw_r02 li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:35px; }
.yw_r02 li p a{ color:#FFF; }

/**学党史**/


.layer_ds{width:100%;height:449px; background:url(bk3.jpg) no-repeat top center;float:left; }
.dbottom{ width:1200px; height:auto; margin:0 auto;}
.dbottom li{ width:350px; height:400px; float:left; margin-left:20px;}
.dbottom img{ border-radius:10px;}
.dbottom p a{ color:#FFF;}

.dbottomb{width:1200px;margin-top:10px;}
 .dbottomb li{ width:260px; font-size:16px;  float:left; margin:0 10px;}
.dbottomb li a{ color:#000}
.dbottomb li img {  border-radius:5px;}
.dbottomb li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:37px; }

/**照耀太行**/
.layer_th{ width:100%;height:741px; background:url(bk03.jpg) no-repeat top center;float:left; }
.biaoti{  width:1200px; height:250px; margin:0 auto;}
.thzutu{ width:800px; height:500px; float:left;}
.thzutu li p { font-size:16px; line-height:50px;}
.thzutu li { margin-top:25px;}
.thzutu li p span{ background-color:#09F; color:#FFF; margin-right:4px; padding:0px 4px; font-size:16px;}

/**今日河北**/

.layer_jrhb{width:100%;height:700px; background:url(bk4.jpg) no-repeat top center;float:left;}

.jinriheb li{ width:280px; height:230px; float:left; margin-left:20px;}

/**党旗飘扬**/
.layer_dqpy{width:100%;height:742px; background:url(bk5.jpg) no-repeat top center;float:left;}
.dqpuleft li{ width:350px; height:400px; float:left; margin-left:20px; color:#fffbd6;}

.dqpyleft2{width:350px;float:left;margin-bottom:10px;}
.dqpyleft2 li{ font-size:16px; line-height:35px; padding-left:20px; margin-bottom:10px;}
.dqpyleft2 li a{ color:#000}
.dqpyleft2 li img {  border-radius:5px;}
.dqpyleft2 li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:37px; }
.dqpyleft3{width:400px;float:left;margin-bottom:10px;}
.dqpyleft3 li{ font-size:16px; line-height:35px; padding-left:20px; margin-bottom:10px;}
.dqpyleft3 li a{ color:#000}
.dqpyleft3 li img {  border-radius:5px;}
.dqpyleft3 li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:37px; }
/**脱贫攻坚**/

.layer_tpgj{width:100%;height:796px; background:url(bk6.jpg) no-repeat top center;float:left;}


.tpgjbox li{ width:350px; font-size:16px; line-height:35px; padding-left:20px; margin-bottom:10px; float:left;}
.tpgjbox li a{ color:#000}

.tpgjbox li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF;  line-height:37px; }
.tpgjbox li p a{ color:#FFF;}
/**冰雪之约美丽冬奥**/

.layer_bxzy{width:100%;height:796px; background:url(bk_03.jpg) no-repeat top center;float:left;}



/**奔小康**/
.layer_bxk{width:100%;height:512px; background:url(bk7.jpg) no-repeat top center;float:left;}
.bxktop{ width:570px; float:left; height:150px; margin:10px;}
 
.bxktop div{ float:left;} 
.toptu{
	width:180px; height:100px;
	}
.topzi{ width:380px; height:100px;}
.bxkjbox li{ width:380px; font-size:16px; line-height:35px; padding-right:20px; margin-bottom:10px; float:left;}
.bxkjbox li a{ color:#000}

.bxkjbox li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF;  line-height:37px; }
.bxkjbox li p a{ color:#FFF; }
/**风流人物**/

.layer_flrw{width:100%;height:600px; background:url(bk8.jpg) no-repeat top center;float:left;}


.flrwbox li{ width:280px; font-size:16px; line-height:35px; padding-right:20px; margin-bottom:10px; float:left;}
.flrwbox li a{ color:#000}

.flrwbox li p{ width:100%; margin-left:10px;   margin-top:-100px; position:relative; text-align:left;  z-index:99999; color:#FFF;  line-height:20px; }
/**光辉足迹**/
.layer_ghzj{width:100%;height:742px; background:url(bk9.jpg) no-repeat top center;float:left;}

/**红色记忆**/
.layer_hsjy{width:100%;height:770px; background:url(bk10.jpg) no-repeat top center;float:left;}

.hsjybox{width:500px;float:left;margin-top:10px; margin:0px 10px;


box-shadow: 0px 0px 15pxx #000;
-webkit-box-shadow:0px 0px 15px  #000;
-moz-box-shadow:0px 0px 15px  #000;



}

.hsjybox li{ font-size:16px; line-height:35px; margin-bottom:10px; }
.hsjybox li a{ color:#000}
.hsjybox li img {   border-radius:5px;}
.hsjybox li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF;  line-height:37px; }

/**故事会**/
.layer_gsh{ width:100%;height:741px; background:url(bk11.jpg) no-repeat top center;float:left;}
.gshboxl{ width:350px; float:left;  padding-top:20px;}
.gshboxl li{ font-size:16px; line-height:35px; margin-bottom:10px; }
.gshboxl li a{ color:#000}
.gshboxl li img {   border-radius:5px;}
.gshboxl li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF;  line-height:37px; }
.gshboxl li p a{ color:#FFF;}
.gshboxr{ width:700px; float:right;}
.gshboxr li{ width:300px; float:left; font-size:16px; line-height:35px; margin:20px 20px;  }
.gshboxr li a{ color:#000}
.gshboxr li img {   border-radius:5px;}
.gshboxr li p{ width:100%; background: rgba(0, 0, 0, 0.6);  margin-top:-37px; position:relative; text-align:center;  z-index:99999; color:#FFF;  line-height:37px; }
.gshboxr li p a{ color:#FFF;}

/**大图**/
.layer_dt{width:100%;height:860px; background:url(bk12.jpg) no-repeat top center;float:left;}

/**全媒体**/
.layer_qmt{width:100%;height:623px; background:url(bk13.jpg) no-repeat top center;float:left;}
.qmtboxl{ width:250px; float:left;}
.qmtboxl li{ font-size:16px; line-height:35px; margin-top:20px; }
.qmtboxl li a{ color:#000}
.qmtboxl li img {   border-radius:5px;}
.qmtboxr{ width:930px; float:right; }
.qmtboxr li{ width:300px; float:left; font-size:16px; line-height:35px; margin:15px 5px 5px;  }
.qmtboxr li a{ color:#000}
.qmtboxr li img {   border-radius:10px;}
/**页脚内容**/
#footer{width:100%; background:url(footer_bg.jpg);padding:40px 0;clear: both; float:left }
#footer p{ text-align:center; line-height:28px; }


/**lc-logo**/
.logobk{ position:absolute; top:0; left:0; z-index:1; animation: fromleft1 20s  linear infinite   ; }
.logon{ position:absolute; top:0; left:50%; width:800px; margin-left:-400px; z-index:10;}
.logo0{ position:absolute; top:200px; left:50%; margin-left:-400px; z-index:999; }
.logo1 {
    position:absolute; 
    top:50px; 
    left:50%;
    margin-left:-170px;   
   
}
.logo2{ 


   position:absolute; 
   top:400px; 
    left:50%;
    margin-left:-200px;  
    width:100%;
	z-index:999;
	opacity:0;
}
.logo3{ 

    position:absolute; 
    top:650px; 
    left:50%;
    margin-left:-200px; 
    width:100%;
	opacity:0;
}
.logo4{ 

    position:absolute; 
    top:100px; 
    left:50%;
    margin-left:-600px; 
    width:100%;
	opacity:0;
	z-index:99;

}
.logo5{ 

    position:absolute; 
    top:410px; 
    left:50%;
    margin-left:310px; 
    width:100%;
	z-index:99;
	opacity:0;

}
.logo6{
	position:absolute; 
    top:310px; 
    left:50%;
    margin-left:310px; 
    width:100%;
	z-index:9;
	opacity:0;
	
	}

.activeL0 {
    animation: fromtop 1s ;
}
.activeL1 {
    animation: fromtop 1s ;
}
.activeL2 {
    animation: fromtop 1s 1s linear forwards ;
}
.activeL4 {
    animation: fromleft 1s 2s linear forwards ;
}
.activeL5 {
    animation: fromright 1s 2s linear forwards ;
}
.activeL6 {
    animation: fromzx 1s 3s linear forwards ;
}
.activeL3 {
    animation: frombottom 1s 3s linear forwards ;
}
@-webkit-keyframes fromtop 
{  
     0%{ transform: scale(0.3); opacity:0; }
    
  
  100%{
    transform: scale(1); 
	opacity:1; 
  }
}
@keyframes fromtop
{
     0%{ transform: scale(3); opacity:0;  }
    
  
  100%{
    transform: scale(1); 
	opacity:1;  
  }
}

@-webkit-keyframes fromleft 
{  
     0%{ width:50%; opacity:0;}
   100%{
          opacity:1; width:100%;
       }
}
@keyframes fromleft
{ 0%{ width:50%; opacity:0;}
   100%{
          opacity:1; width:100%;
       }
  
 
}
@-webkit-keyframes fromleft1 
{  
     0%{ left:-500px; }
   100%{
          left:0; 
       }
}
@keyframes fromleft1
{   0%{ left:-500px; }
   100%{
          left:0; 
       }
  
 
}

@-webkit-keyframes fromright
{  
     0%{left:150%; opacity:0;}
   100%{
        left:50%; opacity:1;
       }
}
@keyframes fromright
{
     0%{left:150%; opacity:0;}
    100%{
        left:50%; opacity:1;
       }
  
 
}
@keyframes frombottom
{
     0%{top:700px; opacity:0;}
   
  
   100%{
      top:650px; opacity:1;
     }
}
@-webkit-keyframes frombottom 
{  
    0%{left:700px; opacity:0;}
   
  
  100%{
      top:650px; opacity:1;
     }
}
@keyframes fromzx
{
     0%{
		 
		 left:80%;  top:510px; opacity:0;
		 
		 }
   
  
  100%{
       top:310px; 
       left:50%; 
	   opacity:1;
     }
}
@-webkit-keyframes fromzx 
{  
    0%{
		
	 left:80%;  top:510px; opacity:0;
	}
   
  
  100%{
       top:310px; 
       left:50%; 
	   opacity:1;
     }
}
@keyframes fromleft3
{
     0%{left:-200px; opacity:0;}
    30%{
       left:-200px; opacity:0;
       }
	    50%{
         left:0px; opacity:1;
       }
  
  100%{
      left:0px; opacity:1;
     }
}
@-webkit-keyframes fromleft3 
{  
    0%{left:-200px; opacity:0;}
    30%{
       left:-200px; opacity:0;
       }
	    50%{
         left:0px; opacity:1;
       }
  
  100%{
      left:0px; opacity:1;
     }
}