@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%; }
html,body {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 'syS0',"Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased; background:url(../images/bj.jpg) center top no-repeat;  background-attachment:fixed; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span,strong { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color: #333; text-decoration: none; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;}
a:hover{ color:#d92b2e; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,strong,input,textarea,blockquote,img,button,font { box-sizing:border-box; -webkit-box-sizing:border-box; }

.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animated { animation-duration: 1s; animation-fill-mode: both;}

.amn { transition:all ease-out .3s 0s; }
.amn img { transition:all ease-out .3s 0s; }
.amn:hover img {  transform:scale(1.05);}

.nav { width:320px; height:560px; background:url(../images/nav.png) right top no-repeat; position:fixed; top:50%;  right:0; margin-top: -300px;z-index:5555555;  }
.nav h3 { float:right; padding:80px 16px 22px 0px;}
.nav ul li { width:140px; float:right; border-bottom:1px solid rgb(0,0,0,.1);  margin-right:34px; }
.nav ul li a { display:block; color:#000; font-size:20px; line-height:51px; font-family:"\5B8B\4F53"; font-weight:bold;  text-shadow:1px 1px 1px rgba(255,255,0,.3); text-align: right; }
.nav ul li a:hover { color:#d92a2d; }

.warp { width:1280px; margin:0 auto; overflow:hidden; padding:0 40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


/*头部*/
.header { width:100%; margin:0 auto; height:100%; overflow:hidden; position:relative; background: url(../images/header.jpg) center top no-repeat; background-size: 100% 100%; }

.logobk { width:1200px; left:50%; margin-left:-600px; top:45px; z-index:15; position:absolute; }
.logo { position:absolute; left:0; top:0; -webkit-animation:logo .6s ease .3s backwards; animation:logo .6s ease .3s backwards;}
@keyframes logo {
0% { -webkit-transform: translateX(100px); opacity:0}
100% { -webkit-transform: translateX(0); opacity:1 }
}
@-webkit-keyframes logo {
0% { -webkit-transform: translateX(100px); opacity:0}
100% { -webkit-transform: translateX(0); opacity:1 }
}

.donghua { width:1200px; left:50%; margin-left:-600px; top:13vh; z-index:15; position:absolute;}
.title { width: 100%; float: left; text-align: center;  -webkit-animation:title 1.2s ease .7s backwards; animation:title 1.2s ease .7s backwards; }
@keyframes title
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes title
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

.font { width: 100%; float: left; margin-top:4vh;  text-align: center;  -webkit-animation:font .8s ease 1.5s backwards; animation:font .8s ease 1.5s backwards; }
@-webkit-keyframes font {
0% { -webkit-transform: translateY(50px); opacity:0}
100% { -webkit-transform: translateY(0); opacity:1 }
}
@keyframes font {
0% { -webkit-transform: translateY(50px); opacity:0}
100% { -webkit-transform: translateY(0); opacity:1 }
}


/*头条*/
.tt { width:100%; float:left;padding:45px 0 0 0;   }
.tt span { width:100%; float:left; font-size:48px; line-height:58px; font-weight:bold; margin-bottom:20px; text-align:center; color:#d92a2d;  }
.tt p { width:100%; font-size:16px; color:#666; float:left; font-weight:normal; line-height:28px; text-align:center; }

.lm { width:100%; margin:0 auto; overflow:hidden; text-align:center; float:left; padding:50px 0; }

.w50 { width:50%; float: left; }
.w45 { width:46%; float: right; }

/*两会动态_图文*/
.tuwen { width:100%; float:left; margin-bottom:20px; }
.tuwen ul li { width:100%; position:relative; height:340px; overflow:hidden; }
.tuwen ul li img { width:100%; height:340px; display:block;  }
.tuwen ul li span { width: 100%;  position:absolute; bottom:0; float:left; font-size:18px; line-height:1.5em; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); padding:15px 5%; text-align:center; }

.tuwen02 { width:100%; float:left; }
.tuwen02 ul li { width:48%; float:left;  position:relative; height:180px; overflow:hidden;  }
.tuwen02 ul li img { width:100%; height:180px; display:block;  }
.tuwen02 ul li span { width: 100%;  position:absolute; bottom:0; float:left; padding:12px 5%; font-size:16px; line-height:1.5em; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));   text-align:center;  }
.tuwen02 ul li:nth-child(2n) { float:right; }

/*两会动态*/
.news { width:100%; float:right; margin-top:-30px;  }
.news ul li { width:94%; font-size:18px;  color:#666;line-height:44px; height:44px; overflow:hidden; padding:0 0 0 6%; background:url(../images/yuan.png) left center no-repeat; }
.news ul li:nth-child(5n+1) { font-size:24px; font-weight:bold; background:none; padding:25px 0 0 0; margin-bottom:7px; overflow:hidden; height:69px; }

.more { width:100%; float:left; margin-top:24px; }
.more a { display:inline-block; font-size:16px; color:#555; background:#f8f8f8; padding:0 16px; line-height:42px; border-radius:3px;  }
.more a:hover { color:#fff; background:linear-gradient(135deg,#f76c2f,#cd1014);  }



/*两会现场*/
.m-slide { position: relative; width:1200px; height:540px; }
.m-slide .img { position: absolute; left:0; top:0;}
.m-slide .img li { display: block; width:1200px; height:540px; }
.m-slide .img li img { width:960px; float:right; }
.m-slide .tab { position: absolute; width:20%; left:0px; height:100%; top:0; z-index:5; background:linear-gradient(135deg,#fadc88,#f0af57); }
.m-slide .tab h3 { width:100%; float:left; padding:10px 10% 6px 10%;  font-weight: 700; background:linear-gradient(135deg,#f76c2f,#cd1014);  color:#facc5d; font-size:30px; line-height:50px; }
.m-slide .tab i { display:block; float: right; width: 40px; margin-top: 7px; margin-right: 19px; }
.m-slide .tab i img { width: 100%;}

.m-slide .tab li { width:100%; float:left; }
.m-slide .tab .first { border-top: 0 }
.m-slide .tab span { display:block; width:100%; color:#80531f; line-height:1.5em; font-size:24px; padding:18px 10% 5px 10%; text-align:justify; cursor: pointer; }
.m-slide .tab .on span { font-size:24px;  background: url(../images/zb_arr.png) left 29px no-repeat; text-align:justify; color: #d91f22; }


/*一起读报告*/
.yqdbg {width:100%; float:left; margin-bottom: 25px; }
.yqdbg img { width: 100%; }

/*四个图解报告*/
.tjbg { width:100%; float:left;  }
.tjbg ul { display:flex; flex-wrap:wrap; }
.tjbg ul li { width:25%; float:left; padding:2.5% 2%; /*background:#f6c566;*/ background:linear-gradient(135deg,#f8cc6e,#f0af57);}
.tjbg ul li h4 { line-height:35px; font-size:24px;  color:#fff; }
.tjbg ul li h4 img { margin-left:10px; }
.tjbg ul li p { line-height:24px; margin-top:20px; color:#fff; overflow:hidden; }
.tjbg ul li:nth-child(2n) { /*background:#dc2623; */ background:linear-gradient(135deg,#f76c2f,#cd1014); }
.tjbg ul li:nth-child(1) { border-radius:10px 0px 0px 10px;}
.tjbg ul li:nth-child(4) { border-radius:0px 10px 10px 0px;}


/*代表委员说*/
.dbwys { width:100%; float:left; position: relative; }
.dbwys ul li { width:285px; float:left; margin-right:20px; margin-bottom:5px; }
.dbwys ul li h3 { width:100%; height:507px; overflow:hidden; display:block; }
.dbwys ul li h3 img { width:100%; height:100%; }
.dbwys ul li h4 { width: 100%; float: left; padding:15px 8%;  background:linear-gradient(45deg,#fadc88,#f0af57); }
.dbwys ul li h4 span {width: 100%; float: left; font-size: 18px; line-height:1.5em; color: #80531f; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.dbwys .left_arrow,.dbwys .right_arrow { width:34px; height:60px; top:50%; margin-top:-80px; cursor:pointer; position:absolute; z-index:99; background-color:rgba(0,0,0,.6); text-align: center; font-size: 26px; line-height:60px; color: #fff; font-family:"\4EFF\5B8B"; }
.dbwys .left_arrow { left:0px; }
.dbwys .right_arrow { right:0px; }
.dbwys .left_arrow:hover,.dbwys .right_arrow:hover { background:linear-gradient(90deg,#cd1014,#f76c2f); }



/*图说两会*/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; }
.swiper-wrapper { position: relative; width:100%; height:600px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 { width:100%; height:100%; position: absolute;}
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span { width: 100%;  position:absolute; bottom:0; float:left; padding:20px 3% 60px 3%; font-size:22px; line-height:24px; text-align:center; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));position:absolute;  }

.swiper-button-prev,.swiper-button-next { width:46px; height:50px; top:50%; margin-top:-25px; cursor:pointer; position:absolute; z-index:99; background-color:rgba(0,0,0,.6); text-align: center; font-size:32px; line-height:50px; color: #fff; font-family:"\4EFF\5B8B";  }
.swiper-button-next { right:0px;}
.swiper-button-prev { left:0px;}

.swiper-pagination { position:absolute;  text-align:center;  z-index:10;bottom:30px; left:0; width:100%; padding:0 3%; }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.swiper-pagination-bullet-active{ opacity:1; background:linear-gradient(90deg,#cd1014,#f76c2f);  width:40px; }

.sjlh_Box  {width:100%; height:500px; position:relative; left:0; margin-left:0; }
.sjlh_Box ul { position:relative; width:100%; height:100%; }
.sjlh_Box li { z-index:0; position:absolute; width:800px; height:500px; top:0; left:0px; }
.sjlh_Box li img { width:100%; height:100%; cursor:pointer; }
.sjlh_Box li em { position:absolute; left:0; bottom:0;  width:100%; line-height:1.5em; font-size:22px;padding:20px 4%;  color:#fff; overflow:hidden; text-shadow:1px 1px 5px rgba(0,0,0,.8); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); }
.sjlh_Box .prev { background:url(../images/arrow-left.png) center center no-repeat; width:57px; height:57px; top:50%; margin-top:-28px; left:122px; display:block; cursor:pointer; position:absolute; z-index:100; }
.sjlh_Box .next { background:url(../images/arrow-right.png) center center no-repeat; width:57px; height:57px; top:50%; margin-top:-28px; right:122px; display:block; cursor:pointer; position:absolute; z-index:100; }


/*版权所有*/
.footer { width:100%; margin:50px auto 0 auto; overflow:hidden;  background:linear-gradient(90deg,#cd1014,#f76c2f);  font-size:16px; line-height:70px; color:#fff; text-align:center;  }
.footer strong { margin-left: 10px; }
.footer font { margin-left: 14px; }


#toTop {width:40px; height:40px; display:none; text-decoration:none; position:fixed; bottom:14px; right:18px; overflow:hidden; z-index:99999999;
border: none; text-indent:100%; background: url("../images/top_move.png") no-repeat 0px 0px; }
#toTopHover { width:40px; height:40px; display:block; overflow:hidden; float:right; opacity:0; -moz-opacity: 0; filter: alpha(opacity=0); }




@media screen and (max-width:999px) and (min-width: 160px){
	
html,body {width:100%; height:auto;  background:#fdfaf1;  }	
	
/*头部*/
.header { width:1280px;  height:750px;  background-size: auto 100%; }

.logobk { width:1280px; left:4%; margin-left:0px; top:50px;  }
.logo { width: 100%;position:absolute; left:0; top:0;}
.logo img { width: 30%;}
	
.donghua { width:1280px; left:0; margin-left:0; top:140px; }
.title { width: 100%; float: left; text-align: center;   }
.title img { width: 70%;}

.font { width: 100%; float: left; margin-top:20px;   }
.font img { width: 20%;} 
    
.nav { display:none; }

.elive { display:none; }
.elive2 { display:block; width:1280px; }
	
.footer { width:1280px; margin:50px auto 0 auto; overflow:hidden;  background:linear-gradient(90deg,#cd1014,#f76c2f);  font-size:16px; line-height:70px; color:#fff; text-align:center;  }
}