@charset "utf-8";

body{padding:0; margin:0; font-family:Microsoft Yahei;  font-size:16px; color:#333; text-align:left;
background:url(../images/msssxm_topbanner.png) no-repeat top center #ecf4f9;position:relative;-webkit-text-size-adjust:none;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, select, form, fieldset, input, button, textarea, blockquote, table{padding:0;margin:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
i{font-style:normal; vertical-align:top; display:inline-block; background-repeat:no-repeat;}

table{border-collapse:collapse;border-spacing:0;margin:auto;}
th,td{padding:0}
img,a img{border:0;margin:0;padding:0; vertical-align:middle;}
img, table, object, embed, video{max-width:100%;}

button,input,select,textarea{vertical-align:middle; font-family:Microsoft Yahei; font-size:14px; box-sizing:border-box;outline:0;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type=image],input[type="submit"]{-webkit-appearance:button;cursor:pointer;border:none;}
select{width:100%;}
a{outline-style:none;text-decoration:none;color:#333;}
a:focus{outline:none;-moz-outline:none; noline:expression(this.onFocus=this.blur());}
a:hover{color:#b20000;}
input[type="text"],textarea,select{padding:2px 5px; line-height:20px; border:1px solid #e3e3e3; color:#666;}

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.clear{clear:both;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.transparent{background:transparent !important;}
.bgwhite{background-color:#ffffff;}
.bggray{background-color:#fafafa;}
.red{color:#b20000;}
.inmobile{}

.transition a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.imgScale a img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgScale a:hover img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

/* 列表 */
.common_list{margin-left:-24px;margin-right:-24px;}
.common_list li{line-height:56px;border-bottom:1px dashed #ccc;}
.common_list li a{display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
margin:0 24px;position:relative;}
.common_list li a:after{content:""; position:absolute; left:0px; top:50%; width:4px; height:4px;margin-top:-2px;
background-color:#005292;border-radius:50%;}
.common_list li a h3{float:left;width:80%;font-size:16px;text-indent:12px;}
.common_list li span.time{float:right;}


.mt32{margin-top:32px;}
.mb32{margin-bottom:32px;}

/* header */
.zt_header{width:1200px;height:700px;margin:auto;position:relative;}


/* logo */
.zt_logo{width:320px;position:absolute;left:0px;top:24px;}
.zt_logo img{width:100%;}
.zt_gd{width:161px;position:absolute;right:0px;top:24px;}
.zt_gd img{width:100%;}

/* container */
.container{width:1200px;margin:auto;}

.common_tit{display:block;text-align:center;font-size:40px;font-weight:600;margin-top:48px;position:relative;
background:url(../images/msssxm_titbg.png) no-repeat center;color:#005292;margin-bottom:24px;}
.common_tit i{display:block;line-height:56px;font-size:16px;color:#005292;font-weight:400;
position:absolute;right:0;top:50%;margin-top:-28px;}
.common_tit:hover i{color:#B20000;}

/* 项目概况 */
.msssxm_con{font-size:18px;text-indent:36px;line-height:32px;}
.msssxm_con a.more{color:#B20000;}


/* 城市配套提升 */
#d_tab29{margin:-40px 0 20px 0;}
#d_tab29 ul, #d_tab29 li { margin: 0; padding: 0; list-style: none }
#d_tab29 img { border: 0; vertical-align: top }
#d_tab29 { position: relative; height:404px; text-align: left }
#d_tab29 .d_img { position: relative; margin: 0 auto; width: 1200px; height: 100%}
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }
#d_tab29 .d_img .cont{ width:100%; height:87px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; z-index:99999;}
#d_tab29 .d_img li img { width: 588px;height: 330px;}
#d_tab29 .d_img li.d_pos1 { display: block; left: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_img li.d_pos2 { display: block; left:25%; top: 40px; z-index: 3 }
#d_tab29 .d_img li.d_pos3 { display: block; right: 0%;  top: 60px; z-index: 1 }
#d_tab29 .d_img li.d_pos4 { display: block; right: 10%; top: 40px; z-index: 2 }
#d_tab29 .d_img li.d_pos5 { display: block; right: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_next { position: absolute; left: 56%; margin-left: 494px; top: 188px; z-index: 10; cursor: pointer }
#d_tab29 .d_prev { position: absolute; left: 46%; margin-left: -552px; top: 188px; z-index: 10; cursor: pointer }

#d_tab29 .d_img li p{text-align:center;display:inline-block;width:100%;height:40px;color:#fff;line-height:40px;
background-color:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;}
#d_tab29 .d_img li .d_play{display:block;width:75px;height:75px;position:absolute;left:50%;top:50%;
margin-top:-48px;margin-left:-37px;}
#d_tab29 .d_img li .d_play img{width:100%;height:100%;}

/* 城市更新行动 */
.cdgxxd_con ul{margin-left:-12px;margin-right:-12px;}
.cdgxxd_con ul li{width:50%;float:left;}
.cdgxxd_con ul li a{margin:12px;display:block;background-color:#fff;height:330px;position:relative;overflow:hidden;}
.cdgxxd_con ul li a img{width:100%;}
.cdgxxd_con ul li a span{width:100%;line-height:48px;background-color:rgba(0,0,0,0.5);display:block;
position:absolute;left:0;bottom:0;text-align:center;color:#fff;}

/* 社会公共服务 */
.picScroll-left{ width:100%;overflow:hidden;position:relative;}
.picScroll-left .hd{overflow:hidden;width:168px;margin:auto;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1;zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:60px; height:10px; overflow:hidden; margin:12px;
text-indent:-999px; cursor:pointer;background-color:#a5cceb;}
.picScroll-left .hd ul li.on{background-color:#0071cc;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{_display:inline; overflow:hidden;text-align:center;margin-left:-12px;margin-right:-12px;}
.picScroll-left .bd ul li h1{width:33.333%;float:left;}
.picScroll-left .bd ul li h1 a{display:block;margin:12px;height:216px;overflow:hidden;position:relative;}
.picScroll-left .bd ul li h1 a img{width:100%;}
.picScroll-left .bd ul li h1 a span{width:100%;line-height:48px;background-color:rgba(0,0,0,0.5);display:block;
position:absolute;left:0;bottom:0;text-align:center;color:#fff;font-size:16px;}

/* 便民安全保障 */
.bmaqbz_con ul{margin-left:-12px;margin-right:-12px;}
.bmaqbz_con ul li{width:33.333%;}
.bmaqbz_con ul li a{margin:12px;display:block;height:216px;overflow:hidden;position:relative;}
.bmaqbz_con ul li a img{width:100%;}
.bmaqbz_con ul li a span{width:100%;line-height:48px;background-color:rgba(0,0,0,0.5);display:block;
position:absolute;left:0;bottom:0;text-align:center;color:#fff;font-size:16px;}

/* 生态环境建设 */
.sthjjs_con ul{margin-left:-12px;margin-right:-12px;}
.sthjjs_con ul li{width:50%;}
.sthjjs_con ul li a{margin:12px;display:block;background-color:#fff;height:330px;position:relative;overflow:hidden;}
.sthjjs_con ul li a img{width:100%;}
.sthjjs_con ul li a span{width:100%;line-height:48px;background-color:rgba(0,0,0,0.5);display:block;
position:absolute;left:0;bottom:0;text-align:center;color:#fff;}

/* 民生微实事 */
.mswss_con ul li{float:left;width:50%;}

/* 内容页 */
.xm_picScroll{ width:864px;overflow:hidden; margin:48px auto;height:486px;position:relative;background-color:#fff;}
.xm_picScroll .hd{overflow:hidden;width:100%;background:rgba(0,0,0,0.5);
position:absolute;left:0;bottom:0;text-align:center;}
.xm_picScroll .hd ul{overflow:hidden;zoom:1;display:inline-block;}
.xm_picScroll .hd ul li{float:left;width:10px;height:10px;overflow:hidden;margin:24px 5px;
text-indent:-999px; cursor:pointer;background-color:#fff;border-radius:50%;}
.xm_picScroll .hd ul li.on{background-color:#0071cc;}
.xm_picScroll .bd ul{ overflow:hidden; zoom:1; }
.xm_picScroll .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;}

.xm_timeaxis{margin-bottom:48px;}
.xm_timeaxis li{height:100%;}
.xm_timeaxis li span{float:left;display:inline-block;width:12%;position:relative;}
.xm_timeaxis li span::after{content:'';width:17px;height:17px;background-color:#005292;border-radius:50%;
position:absolute;right:-30px;top:0;}

.xm_timeaxis li a{display:inline-block;width:80%;float:right;position:relative;margin-bottom:12px;}
.xm_timeaxis li a::before{content:'';margin:16px;width:1px;height:100%;background-color:#005292;
position:absolute;left:-91px;top:0;}
.xm_timeaxis li:last-child a::before{width:0;}