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

/**头部结构**/

.logo{position:absolute;left:50%;opacity:0;margin-left:-50px;transition: all 1s;animation: danrur 1s; z-index:999;-webkit-animation: danrur 1s forwards;}
.logo1{position:absolute;	top:300px;left:50%;opacity:0;margin-left:-330px;transition: all 1s;animation: danrur1 1s;z-index:99999; -webkit-animation: danrur1 1s;} 
.logo2{position:absolute;	top:-720px;left:50%;opacity:0;margin-left:-460px;transition: all 1s;animation: danrurtop 1s;z-index:999;-webkit-animation: danrurtop 1s forwards;} 
.logoy{top:80px;left:50%;margin-left:-430px; position:absolute;	z-index:99;} 
.logo3{ position:absolute;	top:720px;left:50%;opacity:0;margin-left:-700px;transition: all 1s;animation: danrurtop1 1s;-webkit-animation: danrurtop1 1s forwards;}  
.logo4{position:absolute;	left:50%;opacity:0;margin-left:-400px;transition: all 1s;animation: danrurtop4 1s; -webkit-animation: danrurtop4 1s forwards;}

@keyframes danrur
{
    from { top:-50%;opacity: 0;}
    to {  top:10%;opacity: 1;}
}
 
@-webkit-keyframes danrur /* Safari 与 Chrome */
{
 from { top:-50%;opacity: 0;}
    to {  top:10%;opacity: 1;}
}
@keyframes danrur1
{
    from { opacity: 0;}
    to { opacity: 1;}
}
 
@-webkit-keyframes danrur1 /* Safari 与 Chrome */
{
  from { opacity: 0;}
    to {  opacity: 1;}
}

@keyframes danrurtop
{
    from { opacity: 0; top:-100%;}
    to { opacity: 1; top:150px;}
}
 
@-webkit-keyframes danrurtop /* Safari 与 Chrome */
{
     from { opacity: 0; top:-100%;}
    to { opacity: 1; top:150px;}
}
@keyframes danrurtop1
{
    from { opacity: 0; top:100%;}
    to { opacity: 1; top:220px;}
}
 
@-webkit-keyframes danrurtop1 /* Safari 与 Chrome */
{
     from { opacity: 0; top:100%;}
    to { opacity: 1; top:220px;}
}
@keyframes danrurtop4
{
    from { opacity: 0; top:160%;}
    to { opacity: 1; top:60%;}
}
 
@-webkit-keyframes danrurtop4 /* Safari 与 Chrome */
{
     from { opacity: 0; top:160%;}
    to { opacity: 1; top:60%;}
}

#header{width:100%;margin:0 auto;float:left; height:790px;}
.top_link{width:1200px;margin:0 auto; position:relative; z-index:18;}
.top_link span{float:right; line-height:30px;}
.tfthree li{ width:222px; float:left; margin:5px;}

/**导航**/
.nav{width:100%;margin:0 auto; clear:both; height:51px;}
.nav ul{width:1000px;margin:0 auto; clear:both; height:51px;}
.nav li {margin:0 0 0 25px;text-align:center;font-size:17px;float:left; padding-right:35px; height:45px; width: 100px; }
.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;padding-top:30px; clear:both}
.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{width:1200px;height:105px;margin:0 auto;background: url(toutiao_bg.png) no-repeat; text-align:center;padding:20px 0; clear:both}
.top_news h1{ font-size:36px; line-height:45px; color:#e23939;padding:0 20px 0 130px;}

/**要闻**/
.yaowen{width:1200px;margin:0 auto; clear:both}
.yw_l{width:710px;height:410px;float:left;}
.yw_r{width:460px;float:right;}
.yw_r ul{margin:0}
.yw_r ul li{ font-size:16px; line-height:40px;margin:0 20px; background:url(d.png) no-repeat left;padding-left:15px;}
.yw_r ul li a{ font-size:16px; line-height:40px; color:#6175a0}
.yw_r h1{ font-size:20px; line-height:32px;margin:20px; }
.yw_r h1 a{ color:#1f418a}

/**权威发布**/
.qwfb{width:560px;float:left;}
.title02{width:530px; margin:20px 0; padding-left:30px; clear:both;float:left; background:url(title_01.png) no-repeat left; font-size:22px; line-height:35px; color:#960; font-weight:bold;float:left}
.title02 span{ font-size:14px;float:right}
.qwfb ul{margin:0;float:left}
.qwfb ul li{ width:530px;font-size:18px; line-height:48px;margin:0 20px; background:url(d2.png) no-repeat left center;padding-left:15px;}
.qwfb ul li a{ font-size:18px; line-height:40px; color:#000}

/**两会现场**/
.lhxc{width:560px;float:right;}
.lhxc_t {margin:0;float:left}
.lhxc_t li{ width:530px;font-size:18px; line-height:48px;margin:0 20px; background:url(d2.png) no-repeat left center;padding-left:15px;}
.lhxc_t li a{ font-size:18px; line-height:40px; color:#000}

.lhxc_v{width:560px;margin-bottom:20px;float:left}
.lhxc_v li{with:260px;height:160px;float:left;margin:0 10px; font-size:14px; line-height:35px;}
.lhxc_v li img{width:260px;height:160px;}
.lhxc_v 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; }
.title03{with:1200px;nargin:0;float:left; margin:0 30px;}

/**独家视听**/
#layer02{width:100%;margin:20px 0;float:left}
.layer_h5{ width:100%;height:400px;float:left;}
			section{
				width: 500px;
				height: 300px;
				margin: 0 auto;
				background: url(img/coco.png) no-repeat;
				background-size: cover;
				position: relative;
				transform-style: preserve-3d;//透视效果，一定要添加，不然会出现动画滚动是平面效果。
				transition: all 1s ;
			}
			section{
				transform: rotateY(180deg);
				-webkit-transform: rotateY(180deg);
			}
			section div{
				width: 100%;
				height: 100%;
			
				-webkit-background-size: cover;
				background-size: cover;
				position: absolute;
				top: 0;
				left: 0;
			}
			section .one{
					
			       transform:	scale3d(-1,1,1) translateZ(800px) rotateY(0deg) translate(90%,0%);
			  
				   background-size: cover;
			}
			section .two{
					
			       transform:	scale3d(-1,1,1) translateZ(800px) rotateY(0deg) translate(-20%,0%);
			  	   background: url(images/2.jpg) no-repeat;
				   background-size: cover;
			}
			section .three{
				transform: scale3d(-1,1,1) rotateY(65deg) translateZ(850px);
			
				background-size: cover;
			}
			section .four{
				
			   transform:	scale3d(-1,1,1) rotateY(-2deg) translateZ(800px)  translate(-120%,0%);
				
				background-size: cover;
			}
			section .five{
				transform:  scale3d(-1,1,1) rotateY(285deg) translateZ(850px);
				
				background-size: cover;
			}
			
			/*section div:nth-child(7){
				transform: rotateY(360deg) translateZ(400px);
				background: url(images/1.jpg) no-repeat;
				background-size: cover;
			}*/
		 @-webkit-keyframes spin {
            from { -webkit-transform: rotateY(180deg); }
            to   { -webkit-transform: rotateY(180deg); }
        }
        @-moz-keyframes spin {
            from { -moz-transform: rotateY(180deg); }
            to   { -moz-transform: rotateY(150deg); }
        }
        @-o-keyframes spin {
            from { -o-transform: rotateY(180deg); }
            to   { -o-transform: rotateY(150deg); }
        }
        @keyframes spin {
            from { transform: rotateY(180deg); }
            to   { transform: rotateY(150deg); }
        }
		

        /* ---------- cube 样式------------- */
		
		 @-webkit-keyframes spinf{
            from { -webkit-transform: rotateY(180deg); }
            to   { -webkit-transform: rotateY(210deg); }
        }
        @-moz-keyframes spinf {
            from { -moz-transform: rotateY(180deg); }
            to   { -moz-transform: rotateY(210deg); }
        }
        @-o-keyframes spinf {
            from { -o-transform: rotateY(180deg); }
            to   { -o-transform: rotateY(210deg); }
        }
        @keyframes spinf {
            from { transform: rotateY(180deg); }
            to   { transform: rotateY(210deg); }
        }
.name{ 
	 
	  -webkit-animation: spin 1s forwards; 
            -o-animation: spin 1s forwards  ;
            -moz-animation: spin 1s forwards   ;
            animation: spin 1s  forwards ;  
			
			
			 }
.name1{ 
	 
	  -webkit-animation: spinf 1s forwards; 
            -o-animation: spinf 1s forwards  ;
            -moz-animation: spinf 1s forwards   ;
            animation: spinf 1s  forwards ;  
			
			
			 }
/**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: 1200px;
    margin-left: -600px;
    height: 800px;
    z-index: 10;}
	
.dj_l{width:840px;float:left;margin-bottom:30px}
.dj_r{width:340px;float:right;margin-bottom:30px}	

.dj_l01{width:840px;margin:0;float:left}
.dj_l01 li{width:266px;float:left;margin:0  12px 12px 0;position:relative;}
.dj_l01 li img{width:266px;height:170px;float:left;border-radius:5px}
.dj_l01 li p{position:absolute;top:140px; left:0; width:266px; text-align:center;background:#000; font-size:14px; line-height:30px; filter:alpha(opacity=60); /*IE*/ -moz-opacity:0.60; /*MOZ , FF*/ opacity:0.60;/*CSS3, FF1.5*/}
.dj_l01 li p a{color:#FFF; }
	
.dj_l02{width:840px;float:left;margin-right:10px}
.dj_l02 ul{margin:0}
.dj_l02 ul li{width:380px;float:left;font-size:16px; line-height:52px; background:url(d3.png) no-repeat left center;padding-left:20px}	

.dj_r li{width:340px;float:left;margin:0 12px 10px 0;position:relative;}
.dj_r li img{width:340px;height:190px;float:left;border-radius:5px}
.dj_r li p{position:absolute;top:160px; left:0; width:340px; text-align:center;background:#000; font-size:14px; line-height:30px; filter:alpha(opacity=60); /*IE*/ -moz-opacity:0.60; /*MOZ , FF*/ opacity:0.60;/*CSS3, FF1.5*/}
.dj_r li p a{color:#FFF; }
	



/**两会微视频**/
#layer04{width:100%;height:auto; background:url(layer_bg01.png) no-repeat top;float:left}

.title04{width:1200px;margin:0 auto;}
.title05{width:590px;float:left;}
.title05 span{float:right; line-height:40px; color:#fff; font-size:16px}
.title05 span a{ color:#fff}

.lh_video{width:1200px;margin:0 auto;}
.xmlh{width:590px;float:left;margin-top:20px;}
.zblh{width:590px;float:right;margin-top:20px;}
.lh_v{width:590px;float:left;margin:0;}
.lh_v li{width:570px;margin:10px;float:left;}
.lh_v li img{width:180px;height:120px;float:left;margin-right:10px;}
.lh_v li p{ font-size:16px; line-height:25px; color:#fff;}
.lh_v li p a{color:#fff}
.lh_v li h1{margin-right:240px;width:140px;margin-bottom:20px; font-size:16px;float:left;border-radius:5px; background-color:#C00; color:#fff; text-align:center; line-height:28px;}

/**两会好声音**/
.lhhsy_01{width:1200px;float:left;margin-top:10px}
.lhhsy_02{width:1200px;float:left;margin-top:10px}
.lhhsy_01_l{width:588px;float:left;margin-top:10px;position:relative;}
.lhhsy_01_l img{width:588px;height:350px;float:left}
.lhhsy_01_l p{position:absolute;top:320px; left:0; width:588px; text-align:center;background:#000; font-size:14px; line-height:30px; filter:alpha(opacity=60); /*IE*/ -moz-opacity:0.60; /*MOZ , FF*/ opacity:0.60;/*CSS3, FF1.5*/}
.lhhsy_01_l p a{color:#FFF; }
.lhhsy_01_r{width:590px;float:right;margin-top:10px;padding-right:12px}
.lhhsy_01_r li{width:285px;float:left;margin:0 5px 10px 5px;position:relative;}
.lhhsy_01_r li img{width:285px;height:170px;float:left;}
.lhhsy_01_r li p{position:absolute;top:140px; left:0; width:285px; text-align:center;background:#000; font-size:14px; line-height:30px; filter:alpha(opacity=60); /*IE*/ -moz-opacity:0.60; /*MOZ , FF*/ opacity:0.60;/*CSS3, FF1.5*/}
.lhhsy_01_r li p a{color:#FFF; }

.lhhsy_02  li{width:288px;float:left;margin:10px  12px 10px 0;position:relative;}
.lhhsy_02  li img{width:285px;height:170px;float:left;}
.lhhsy_02  li p{position:absolute;top:140px; left:0; width:285px; text-align:center;background:#000; font-size:14px; line-height:30px; filter:alpha(opacity=60); /*IE*/ -moz-opacity:0.60; /*MOZ , FF*/ opacity:0.60;/*CSS3, FF1.5*/}
.lhhsy_02  li p a{color:#FFF; }

/**履职进行时**/
#layer03{width:100%;margin:20px 0;float:left}
#xuexihui{margin:0 auto; clear:both; height:auto;}
.mr_frBtnL {float: left;margin:180px -15px 0px 0px;cursor: pointer;display: inline; position:relative; z-index:99999999;}
.mr_frUl { float: left;width:1100px; }
.mr_frBtnR {float: right;margin-top:180px;cursor: pointer; position:relative; z-index:99999999;}
.mr_frUl ul li { display: inline; width:280px;margin-top:10px; float:left; margin-bottom:15px; background-color:#ab1112; height:360px}
.mr_frUl ul li p{ color:#FFF; font-size:17px; line-height:24px; width:280px; margin-top:-30px} 
.mr_frUl ul li img { display: block;width:280px;height:360px; }

/**高端访谈**/
#layer03{width:100%;margin:20px 0;height:600px;float:left; background:url(layer_bg02.png) center}
.gdft{width:1200px;margin:20px auto;}

.bodyCon08 .students{margin: 0 auto;width: 1100px;height: 600px;position: relative;}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:80px; left:300px;}
#four_flash{position:relative;width:1100px;height:500px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:998px;height:480px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:480px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{border:1px solid #2E324B;float:left;width:297px;height:480px;margin-left:26px;padding-top:10px;color:#fff;transition:all 1s ease 0s;}
#four_flash .flashBg ul.mobile li:hover{
    border: 1px solid rgba(0,200,217,0.80);
    color: #fff;
    -webkit-box-shadow: 0px 0px 5px 10px rgba(0,0,0,1.00);
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,.5);
}
#four_flash .flashBg ul.mobile li img{width:280px;height:360px;display:block; margin:0 auto;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:280px; line-height:24px;margin:10px;}
#four_flash .flashBg ul.mobile li a{display:block;background:url(jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}
#four_flash .flashBg ul.mobile li a:hover{background:url(jiantou2.png);}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;}
#four_flash .but_left:hover{background:url(qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(qianxr1.png) no-repeat;}


/**相关专题**/
.zt{width:1100px;margin:0 auto;}
.zt_l{ width:550px;margin:20px 0; float:left;}
.zt_l_1{width:550px;height:150px;flaot:left;}
.zt_l_1 li{width:265px;height:150px;float:left;margin:10px 5px}
.zt_l_1 li img{width:265px;height:150px;}
.zt_l_2{width:550px;height:300px;float:left;margin:5px;}
.zt_l_2 img{width:542px;height:300px;}

.zt_r{ width:550px;margin:23px 0;float:right;}

/**融媒报道**/
.more_01{width:320px;float:left; background:#e01d28; text-align:center; font-size:14px; line-height:25px;}
.more_01 a{ color:#fff}
.more{width:1100px;margin:0 auto; text-align:right; font-size:14px; line-height:28px;}
.more a{ color:#666666}

.more2{width:1100px;margin:0 auto; text-align:right; font-size:14px; line-height:28px;}
.more2 a{ color:#fff}

.more3{width:1100px;margin:0 auto; text-align:right; font-size:14px; line-height:35px; background:url(line.png) no-repeat top}
.more3 a{ color:#666}

#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height: 660px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{width: 440px;
	height: 560px;margin:10px 40px;
	display:block;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}


/**页脚内容**/
#footer{width:100%;padding:40px 0;clear: both; float:left;height:450px; background:url(foot_bg.png) no-repeat bottom; }
#footer p{ text-align:center; line-height:28px; }