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

.toplink_black,.cqpd_foot_black{ max-width:1920px; min-width:1140px;margin:0 auto;}
body {
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-size: 12px;
}
.md10 { margin-bottom:10px;}
.mr12 { margin-right:12px;}
.w950 {
	width: 950px;
}

.top {
	height: 830px;
	width: 100%;
	background-image: url(top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto 45px auto;
}

/*标题*/
.lmbt01 { width:1200px; height:40px;background:url(xbt01.png) no-repeat top center; margin:0 auto 43px auto}
.lmbt02 { width:1200px; height:40px;background:url(xbt02.png) no-repeat top center; margin:0 auto 43px auto}
.lmbt03 { width:1200px; height:40px;background:url(xbt03.png) no-repeat top center; margin:0 auto 43px auto}

/*大头条*/
.hotnews { width:1140px; height:80px; padding:0px 0px 30px 0px; margin:0 auto 20px auto; position:relative;}
.hotnews h2{ width:1140px; height:50px; line-height:50px; text-align:center; font-size:40px;font-weight: bold;color:#33af71;}
.hotnews h2 a{ color:#33af71;}
.hotnews p{ width:1140px; height:42px;line-height:45px; text-align:center; font-size:14px; color:#888;}

.mainbox { width:1200px; height:450px; margin:0 auto 90px auto}
/* 大图滚动 */
.HotimgBox { position: relative; width: 760px; height: 450px; overflow: hidden; text-align: left; background: white; float: left; }
.HotimgBox .pic img { width: 760px; height: 450px; display: block; }
.HotimgBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 50px; width:100%;  background: #333; filter: alpha(opacity=50); opacity: 0.5; 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: 18px; 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:#026ecb;text-indent: -500px;border-radius:50%;opacity:0.4;}
.HotimgBox .num li.on { opacity:1;background:#279c96;}

.HotimgBox .prev, .HotimgBox .next{position:absolute;top:250px;left:0px; display: none; width:40px;height:74px;overflow:hidden;cursor:pointer;background: url(focus_btn.png) no-repeat 0px 0px; z-index:2; text-indent: -9999px; filter:alpha(opacity=90);opacity:0.9;cursor: pointer;}
.HotimgBox .next{position:absolute;background: url(focus_btn.png) no-repeat -40px 0px;top:250px;left:822px; text-indent: -9999px; filter:alpha(opacity=90);opacity:0.9;}
.HotimgBox .prev:hover,
.HotimgBox .next:hover { filter:alpha(opacity=100) !important;opacity:1 !important;  }

.news { width:400px; height:450px;  float:right;  overflow:hidden}
.hotn { width:400px;}
.hotn li { width:400px;}
.hotn li h1 { width:400px; font-size: 22px; color: #333; font-weight: bold; line-height: 29px;}
.hotn li p { width:400px; height:75px; font-size: 14px; color: #333; line-height: 25px; margin-top: 15px; border-bottom: 1px solid #bfbfbf; padding-bottom: 18px; text-indent: 2em; }
.lbn{width:400px; padding:15px 0px 0px 0px;color:#666;overflow:hidden; position:relative;  }
.lbn .bd{ }
.lbn .infoList li{width:482px;font-size:17px; line-height:38px; 	padding-left:18px;	background-image:url(wsdot2.png);	background-repeat: no-repeat;background-position: 0px 16px;white-space:nowrap;word-break:keep-all;overflow:hidden;}


.mainbox2 { width:1200px; height:280px; overflow:hidden; margin:0 auto 75px auto}
/*美丽重庆 我是行动者*/
.xdzbox { width:741px; height:280px; float:left}
.xdzphoto { width:200px; height:280px; float:left}
.xdzphoto li { width:200px; height:128px; margin-bottom:23px;}
.xdzphoto li img { width:200px; height:128px; }

.xdzlist { width:505px; height:285px; margin-top:-10px;overflow:hidden;  position:relative;float: right}
.xdzlist .bd{ }
.xdzlist .infoList1 li { width:505px; height:56px; font-size:18px; line-height:56px;border-bottom: 1px dashed #c1c1c1; }

/*新华云直播*/
.hotlp{width:420px;height: 280px;overflow:hidden;  position:relative; float:right;}
.hotlp ul{width:420px;}
.hotlp li{width:420px; height:280px;overflow:hidden; position:relative; }
.hotlp li h2{ width:420px; height:30px;line-height:30px; font-size:17px;  position:absolute;right:0px; bottom:0; text-align: center;   }
.hotlp li img{width:420px; height:240px;position: absolute; left:0px; top:0px;border-radius:10px;}
.hotlp .prev,.hotlp .next{width:34px;height:20px;position:absolute;top:90px;z-index:40; cursor:pointer; }
.hotlp .prev { background-image:url(an2.png); background-position:0 0; left:0px; }
.hotlp .next { background-image:url(an2.png); background-position:0 -20px; left:246px; }

.mainbox3 { width:1200px; height:330px; overflow:hidden; margin:0 auto 75px auto}
/*地球是我家 爱护靠大家*/
.qmrz { width:741px; height:330px;position: relative; float:left}
.qmrz .prev { background: url(djch_left.png) no-repeat left top; position: absolute; left: 0px; top: 128px; width: 40px; height: 74px; cursor:pointer;z-index: 2 }
.qmrz .next { background: url(djch_right.png) no-repeat left bottom; position: absolute; right: 0px; top: 128px; width: 40px; height: 74px; cursor:pointer;z-index: 2 }
.qmrz .prev:hover,
.qmrz .next:hover { filter:alpha(opacity=100) !important;opacity:1 !important;}
.qmrz .bd { width:741px; height:330px;position:absolute; left:0; top:0;}
.qmrz .bd ul { width:741px; height:330px; overflow:hidden; }
.qmrz .bd ul li { width:247px; height:330px;position:relative;float: left; background:url(bg01.jpg) no-repeat bottom center; }
.qmrz .bd ul li img { width:247px; height:165px;position:absolute; left:0; top:0;  }
.qmrz .bd ul li h1 { width:200px; height:90px; font-size:16px; font-weight:bold; line-height:30px; color:#fff;position:absolute; left:23px; top:200px;}
.qmrz .bd ul li h1 a { color:#fff; }
.qmrz .bd ul li:nth-child(2) { background:url(bg02.png) no-repeat top center;}
.qmrz .bd ul li:nth-child(2) img { width:247px; height:165px;position:absolute; left:0px; top:165px;  }
.qmrz .bd ul li:nth-child(2) h1 { position:absolute; left:23px; top:35px}

/*文明健康 绿色环保*/
.jcsp { width:422px; height:330px; margin:0 auto; position:relative; float:right }
.jcsp .bd{ width:384px;height:330px; overflow:hidden;margin:0 auto;}
.jcsp .bd ul{  idth:396px; }
.jcsp .bd ul li { width:186px; height:330px; float:left; margin-right:12px;position:relative; }
.jcsp .bd ul li img { width:186px; height:330px; position: absolute; left:0px; top:0px; }
.jcsp .prev,.jcsp .next{width:34px;height:34px;position:absolute;top:308px;z-index:40; cursor:pointer; }
.jcsp .prev { background: url(hb_left.png) no-repeat left top; position: absolute; left: 0px; top: 146px; width: 38px; height:38px; z-index: 2 }
.jcsp .next { background: url(hb_right.png) no-repeat left bottom; position: absolute; right: 0px; top: 146px; width: 38px; height: 38px; z-index: 2 }

.mainbox4 { width:1200px; height:865px; overflow:hidden; margin:0 auto 100px auto}
/*重庆生态环境保护“协奏曲”*/
.xzq { width:741px; height:850px; float:left; margin-top:15px;overflow:auto }
.xzq li { width:720px; height:130px;border-bottom: 1px dashed #cecece;position:relative; margin-bottom:10px;}
.xzq li img { width:200px; height:120px;position: absolute; left:0px; top:0px; }
.xzq li h2 { width:480px; height:30px; font-size:18px; line-height:30px;position: absolute; left:220px; top:0px; overflow:hidden; }
.xzq li p { width:480px; height:90px; font-size:14px; line-height:26px; color:#989898;text-align:justify;position: absolute; left:220px; top:40px; }
.xzq li p a{ color:#de232a;}

.xzq::-webkit-scrollbar { width: 10px;}
.xzq::-webkit-scrollbar-track { background-color:#e3e3e3; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.xzq::-webkit-scrollbar-thumb { background-color:#77c5b9; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}


/*读懂美丽重庆”*/
.ddbox { width:422px;height:836px;float: right }
.ddpic { width:422px; height:406px;border-bottom: 1px dashed #c1c1c1;}
.ddpic li { width:422px; height:203px;position:relative;}
.ddpic li h2 { width:422px; height:24x; font-size:20px; line-height:24px;position: absolute; left:0px; top:0px;}
.ddpic li img { width:210px; height:125px;position: absolute; left:0px; top:39px;}
.ddpic li p { width:190px; height:125px; font-size:14px; line-height:25px;position: absolute; right:0px; top:39px;color:#333;}
.ddpic li p a { color:#de232a;}
.lbn2{width:422px; padding:15px 0px 0px 0px;color:#666;overflow:hidden; position:relative;  }
.lbn2 .bd{ }
.lbn2 .infoList li{width:482px;font-size:17px; line-height:38px; 	padding-left:18px;	background-image:url(wsdot.png);	background-repeat: no-repeat;background-position: 0px 16px;white-space:nowrap;word-break:keep-all;overflow:hidden;}

/*右下浮窗*/
.floating_ck{position:fixed;right:20px;bottom:5%;}
.floating_ck dl dd{position:relative;width:120px;height:120px;cursor:pointer;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(fc.png);}
.floating_left{position:absolute;left:-190px;top:-30px;width:200px;height:200px;background-color:#e40231;background:url(ewm.png) no-repeat top center;display:none;}