﻿@charset "utf-8";
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, label, ul, ol, dl, li, dt, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; }
html { height:100%; }
*html { _background-image:url(about:blank); _background-attachment:fixed; }
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; clear:both; }
fieldset, img { border:0;vertical-align: top;}
.none { display:none; }
ul, ol {border: 0;line-height: 14px; *line-height: 14px;list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size: 14px;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul{margin: 0;padding: 0;border: 0;}
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
q:before, q:after { content:''; }
em{font-style:normal}


.txtout li {white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;float:left;}

/* 链接颜色 */
a:link { color: #1b1b1b; text-decoration: none } 
a:visited { color: #1b1b1b; text-decoration: none } 
a:hover { color: #ff0000; text-decoration: none }
a:active { color: #ff0000; text-decoration: none } 

.red1 { COLOR: #b2171d}
.red1 a:link { COLOR: #b2171d; TEXT-DECORATION: none } 
.red1 a:visited { COLOR: #b2171d; TEXT-DECORATION: none } 
.red1 a:hover { COLOR: #b2171d; TEXT-DECORATION: none }
.red1 a:active { COLOR: #b2171d; TEXT-DECORATION: none }

.white1 { color: #ffffff;}
.white1 a:link {color: #ffffff;}
.white1 a:visited { color: #ffffff;}
.white1 a:hover { color: #ffffff;text-decoration: none}
.white1 a:active { color: #ffffff;text-decoration: none}
.blue1 { color: #8e8e8e;}
.blue1 a:link {color: #8e8e8e;}
.blue1 a:visited { color: #8e8e8e;}
.blue1 a:hover { color: #ff0000;text-decoration: none}
.blue1 a:active { color: #ff0000;text-decoration: none}
.blue1 { color: #909090;}
.grey1 a:link {color: #909090;}
.grey1 a:visited { color: #909090;}
.grey1 a:hover { color: #6f6f6f;text-decoration: none}
.grey1 a:active { color: #6f6f6f;text-decoration: none}





.rlink {float: right;padding-top: 16px;padding-right: 10px;}
.txt14 {
	font-size: 14px;
}
.left { float:left;}

.right { float:right}

.dw {font: 0px/0px sans-serif;clear: both;display: block;}
.gline {
	border: 1px solid #dbdae2;

}
/* 布局 */
.web_20w {float: left;width: 20px;height:20px;overflow: hidden;}
.web_10h {height: 10px;width: 10px;overflow: hidden;clear:both;}


body {
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-size: 12px;
}
.sd {
	font-size: 9px;
}
.sds {
	font-size: 9px;
}

.md10 { margin-bottom:10px;}
.mr12 { margin-right:12px;}
.w950 {
	width: 950px;
}


.toplink_black,.cqpd_foot_black{ max-width:1920px; min-width:1140px;margin:0 auto;}
.top {
	height: 718px;
	width: 100%;
	background-image: url(top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;
}
.top .topmian { width:1200px; height:718px; margin:0 auto;position: relative;  }
.top .topmian .dbt { width:970px; height:260px;position: absolute; left:145px; top:174px; animation:move2 1.2s 0.8s;-webkit-animation:move2 1.2s 0.8s;animation-fill-mode:backwards;-webkit-animation-fill-mode:backwards;overflow:hidden;z-index:1;}
.top .topmian .dbt img { width:970px; height:260px;}
@keyframes move2{
  from{opacity:0;transform:scale(0.2);}
  to{opacity:1;transform:scale(1);}
}
@-webkit-keyframes move2{
  from{opacity:0;-webkit-transform:scale(0.2);}
  to{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes move2{
  from{opacity:0;-moz-transform:scale(0.2);}
  to{opacity:1;-moz-transform:scale(1);}
}
@-o-keyframes move2{
  from{opacity:0;-o-transform:scale(0.2);}
  to{opacity:1;-o-transform:scale(1);}
}
.toppd{ width:100%; height:247px;background:url(hl.gif) no-repeat top center; margin:0px auto; z-index:3}
.masked{
        text-align: center;
        background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 40s infinite linear;
      }
    @-webkit-keyframes masked-animation {
         0%{ background-position: 0 0;}
         100% { background-position: -100% 0;}
    }




.hotnews { width:1070px; height:80px; padding:0px 0px 30px 0px; margin:0 auto; position:relative;}
.hotnews h2{ width:1070px; height:50px; line-height:50px; text-align:center; font-size:40px;font-weight: bold;color:#ea272f; }
.hotnews h2 a{ color:#ea272f;}
.hotnews p{ width:1070px; height:42px;line-height:45px; text-align:center; font-size:14px; color:#888;}
.line { width:1200px; height:10px; margin: 0 auto 20px auto}

/*要闻区 */
.mainbox { width:1200px; height:542px; margin:0 auto 50px auto;overflow:hidden}
.dmt { width:698px; height:542px; float:left;}

.news { width:465px; height:542px; float:right;position:relative;  overflow:hidden}
.hotn { width:465px; height:210px;position:relative; margin-top:10px;margin-bottom:20px; margin-top:-1px;}
.hotn li { width:465px; height: auto;}
.hotn li a { color:#e23939;}
.hotn li h2 { width:465px; font-size:23px;font-weight:bold; line-height:26px; padding-bottom:12px;}
.hotn li p { width:465px; color:#666;font-size:14px;line-height:22px;overflow:hidden; text-align:justify;text-indent: 2em; padding-bottom:25px; }

.lbn{width:465px; height:275px; overflow:hidden; }
.lbn ul{ }
.lbn li{width:465px;height:44px;font-size:18px; line-height:46px;white-space:nowrap;word-break:keep-all;overflow:hidden;}
.more { width:465px; height:28px;margin:0 auto 60px auto;}

/*导航*/
.dybox { width:100%; height:72px;background:url(dy.png) no-repeat top center; margin:0 auto 60px auto; max-width:1920px;}
#nav { 	width:1080px;height: 72px; padding-left:20px; color:#ffeb40; margin:0 auto 80px auto;} 
#nav a { margin:0 18px; color:#95fffb;font-size: 20px; line-height:72px;text-align: center; color:#fff;} 
#nav a:hover { color:#fff; font-weight:bold}



/*两会新看点*/
.lmbt01 {width: 100%;height: 122px;background:url(bt01.png) no-repeat top center; margin:0 auto 40px auto}
.xkd { width:1200px; height:360px; padding-top:114px;background:url(bg12.jpg) no-repeat top center;margin:0 auto 80px auto}
.jcsp { width:1152px; height:320px;position:relative; }
.jcsp .bd{ width:1152px;height:320px; overflow:hidden;margin:0 23px 0 25px;}
.jcsp .bd ul{  overflow:hidden; zoom:1; }
.jcsp .bd ul li { width:1152px; height:320px;background:url(bg13.png) no-repeat top center; float:left;position:relative; }
.jcsp .bd ul li img { width:578px; height:320px; position: absolute; right:0px; top:0px; }
.jcsp .bd ul li h2 { width:482px; height:30px; line-height:30px; font-size:20px; font-weight:bold; text-align:center; position: absolute; left:36px; top:84px; }
.jcsp .bd ul li h2 a { color:#333  }
.jcsp .bd ul li p { width:482px; height:112px;overflow:hidden;line-height:28px; font-size:15px; position: absolute; left:36px; top:134px;align:justify; color:#333333  }
.jcsp .bd ul li h3 { width:131px; height:44px; font-size:18px; line-height:38px; font-weight:bold; color:#fff; text-align:center;background:url(bg14.png) no-repeat top center; padding-right:14px;position:absolute; left:25px; top:16px; }
.jcsp .bd ul li span { width:90px; height:36px;position:absolute;background:url(xq.png) no-repeat top center; left:446px; bottom:15px;text-indent: -9999px;  }
.jcsp .bd ul li span a { width:90px; height:36px; display:block;}
.jcsp .prev,.jcsp .next{width:32px;height:32px;position:absolute;top:270px;z-index:40; cursor:pointer; }
.jcsp .prev { background: url(djch_left2.png) no-repeat left top; position: absolute; left: 60px; width: 32px; height:32px; z-index: 2 }
.jcsp .next { background: url(djch_right2.png) no-repeat left bottom; position: absolute; left: 98px;width: 32px; height: 32px; z-index: 2 }



/*两会会客厅*/
.lmbt02 {width: 100%;height: 122px;background:url(bt02.png) no-repeat top center; margin:0 auto}
.hytbox { width:100%; height:578px; padding-top:40px;background:url(bg02.jpg) no-repeat top center; margin:0 auto 20px auto}
.qmrz { width:1200px; height:550px; margin:0 auto 100px auto;position: relative;}
.qmrz .hd{ width:100%; height:10px;  position:absolute; text-align: center; font-size:0; left:0px; bottom:80px; z-index:1; }
.qmrz .hd .next,.qmrz .hd .prev{ width:100px; text-align: center; font-size:16px;font-weight: bold;display:inline-block; *display:inline; zoom:1;cursor:pointer; color:#db1210}
.qmrz .hd ul li{ margin: 0 6px;  height: 12px; overflow: hidden; width: 12px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background-color:#999;border-radius:6px;  }
.qmrz .hd ul li.on{ background:#db1210;}
.qmrz .bd { width:1200px; height:412px;position:absolute; left:0; top:0;overflow:hidden;}
.qmrz .bd ul { width:1210px; height:412px;  }
.qmrz .bd ul li { width:232px; height:412px;position:relative;float: left; margin-right:10px;}
.qmrz .bd ul li img { width:232px; height:412px;position:absolute; left:0; top:0; z-index:2 }
.qmrz .bd ul li h2 { width:192px; height:110px; padding:28px 20px 0 20px; font-size:16px; line-height:22px; color:#fff; background-color:#bf0001; position:absolute; left:0; bottom:0; z-index:3  }
.qmrz .bd ul li h2 a { color:#fff;   }



/*两会“热点”同题共答*/
.lmbt03 {width: 100%;height: 122px;background:url(bt03.png) no-repeat top center; margin:0 auto 40px auto}
.msn-focus { width: 1200px; height: 394px;background:url(bg11.jpg) no-repeat top center;  margin: 0 auto 80px auto }
.msn-focus .hd {  width: 230px; height: 278px; padding:116px 27px 0 70px;float:right;  overflow:hidden; }
.msn-focus .hd ul { display: flex;flex-wrap: wrap;padding: 0;margin: 0; width: 100%;list-style: none; }
.msn-focus .hd li { flex-basis: auto;margin-right: 10px;text-align: center; height:38px; font-size: 20px; font-weight:bold; }
.msn-focus .hd .on {  }
.msn-focus .hd .on a {  color: #fcff00; font-weight:bold}
.msn-focus .hd a {  color:#fff;   cursor:pointer; display:block; float:left}

.msn-focus .bd { width: 873px; height: 394px; float:left; }
.msn-focus .bd li {  width: 873px; height: 394px; position: relative }
.msn-focus .bd li img {  width: 461px; height: 394px; position: absolute; left:412px; top:0px;}
.msn-focus .bd li h2 {  width: 300px; height: 26px; line-height:26px; font-size:20px; font-weight:bold; position: absolute; left:68px; top:50px;}
.msn-focus .bd li p {  width: 300px; height: 250px; line-height:28px; font-size:15px;text-align:justify; color:#333; position: absolute; left:68px; top:106px;}
.msn-focus .bd li p a {   color:#333; }


/* 两会现场*/
.lmbt04 {width: 100%;height: 122px;background:url(bt04.png) no-repeat top center; margin:0 auto}
.xcbox {width: 100%;height: 1216px; padding-top:30px;background:url(bg15.jpg) no-repeat top center; margin:0 auto 30px auto}
#certify{position: relative;width: 1170px; margin:0 auto 50px auto}
#certify .swiper-container{padding-bottom: 60px; padding-top:50px;}
#certify .swiper-slide{width: 321px;height: 642px;background:url(sjbg.png) no-repeat top center;box-shadow: 0 8px 20px #fdd19d;border-radius:50px;position: relative;}
#certify .swiper-slide img{ width:278px; height:495px; position: absolute; left:20px; top:58px;}
#certify .swiper-slide h2 { width:230px; height:55px; font-size:16px; line-height:20px; text-align:center; position: absolute; left:45px; top:566px; color:#c91918;}
#certify .swiper-slide h2 a { color:#c91918;}

#certify .swiper-pagination{width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #fff;background-color: #ebebeb;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: 0px;width: 45px;height: 45px; color:#831515;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next{right: 0px;width: 45px;height: 45px;color:#831515;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%}

/* 视频 */
.spbox  { width:1122px; height:354px; background:url(bg16.png) no-repeat top center; margin: 0 auto 0 auto }
.videoPlay .img-wrap { position: relative; float:left;}
.videoPlay .img-wrap .video-close { width: 18px; height: 18px; position: absolute; right: -1px; bottom: -18px; z-index: 20; background: url(http://www.cq.xinhuanet.com/2018/sce/zht/image/icon_video.png) no-repeat; cursor: pointer;  }
.videoPlay .img-wrap .iframe { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 15; }
.videoPlay .img-wrap .vBtn { position: absolute;  top: 0; left: 0; background: url(video1.png) center center no-repeat; cursor: pointer; z-index: 10; }
.sp1 { width:630px; height:354px;position: relative; float:right}
.sp1 .videoPlay .img-wrap,.sp1 .videoPlay .img-wrap .vBtn,.sp1 .videoPlay .img-wrap .img img{ width:630px; height:354px;}
.sp1 h2 { width:400px; height:170px; font-size:15px; line-height:28px;position: absolute; left:-440px; top:140px;}

/*新华社记者看重庆——新重庆 奋进这一年*/
.lmbt05 {width: 100%;height: 122px;background:url(bt05.png) no-repeat top center; margin:0 auto 40px auto}
.fjbox { width:1200px; height:650px; overflow:hidden;margin:0 auto 80px auto}
.xjzboxa{ width:690px; height:650px; float:left}
/* 大图滚动 */
.HotimgBox { position: relative; width: 690px; height: 426px; overflow: hidden; margin-bottom:18px;text-align: left; background: white; float: left; }
.HotimgBox .pic img { width: 690px; height: 426px; display: block; }
.HotimgBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 50px; width:100%;  background: #e01809; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; }
.HotimgBox .txt { position: absolute; bottom: 0; z-index: 2; height: 50px; width:100%; overflow: hidden; }
.HotimgBox .txt li{ height:50px; line-height:50px; position:absolute; bottom:-50px;font-size: 16px; padding-left:20px;color:#fff;}
.HotimgBox .txt li a{ color:#fff;}
.HotimgBox .num { position: absolute; z-index: 3; bottom: 20px; right: 10px; }
.HotimgBox .num li{ float: left; position: relative; width: 10px; height: 10px; line-height: 4px; overflow: hidden;margin-right: 6px; cursor: pointer;background:#fff;text-indent: -500px;border-radius:50%;opacity:0.4;}
.HotimgBox .num li.on { opacity:1;background:#fff;}

.jzx { width:690px; height:205px; overflow:hidden; float: left; }
.jzx ul { width:720px;}
.jzx li { width:338px; height:205px; margin-right:14px;position:relative; float: left; }
.jzx li img { width:338px; height:205px;position: absolute; left:0px; top:0px;}
.jzx li span { width:338px; height:45px;background:url(bgh.png) no-repeat top center;position: absolute; left:0px; bottom:0px; z-index:2}
.jzx li h2 { width:338px; height:45px; font-size:14px; line-height:45px; color:#fff; text-align:center;position: absolute; left:0px; bottom:0px; z-index:3}
.jzx li h2 a { color:#fff;}

.fjleft { width:470px; height:650px; overflow: hidden;float: right}
.fjleft li { width:470px; height:93px; margin-bottom:18px; background-color:#fdf5e2 }
.fjleft li img { width:162px; height:93px; float:left; }
.fjleft li h2 { width:280px; height:93px;font-size:17px; line-height:28px; padding-right:10px; overflow:hidden;display:table;float: right; }
.fjleft li h2 a { display:table-cell; vertical-align:middle; }

/*新华网报道里的重庆高质量发展“关键词”*/
.lmbt06 {width: 100%;height: 122px;background:url(bt06.png) no-repeat top center; margin:0 auto 100px auto}

/*两会“观察员”*/
.lmbt07 {width: 100%;height: 122px;background:url(bt07.png) no-repeat top center; margin:0 auto 40px auto}
.gcy { width:1200px; height:560px;position:relative; margin:0 auto 80px auto }
.gcy .bd{  width:1200px; height:480px; overflow:hidden;}
.gcy .bd ul{width:1224px; zoom:1; }
.gcy .bd ul li { width:384px; height:480px;background:url(bg10.png) no-repeat top center;  float:left;position:relative; margin-right:24px;position:relative;  }
.gcy .bd ul li img { width:384px; height:200px; position: absolute; left:0px; top:7px; }
.gcy .bd ul li h2 { width:344px; height:60px; line-height:28px; font-size:20px; font-weight:bold; color:#da4b49;position: absolute; left:20px; top:225px;   }
.gcy .bd ul li h2 a {color:#da4b49; }
.gcy .bd ul li h3 { width:344px; height:46px;border-bottom: 1px solid #c1c1c1; line-height:18px; font-size:14px;  color:#453a2a;position: absolute; left:20px; top:290px; text-align:justify;  }
.gcy .bd ul li p { width:344px; height:120px; line-height:25px; font-size:15px;  color:#453a2a;position: absolute; left:20px; top:358px;   }
.gcy .bd ul li p a { color:#453a2a;  }
.gcy .prev,.gcy .next{width:40px;height:40px;position:absolute;top:500px;z-index:40; cursor:pointer; }
.gcy .prev { background: url(byll_left.png) no-repeat left top; position: absolute; left: 550px; width: 40px; height: 40px; z-index: 2 }
.gcy .next { background: url(byll_right.png) no-repeat left top; position: absolute; right: 550px;  width: 40px; height: 40px; z-index: 2 }


