@charset "utf-8";
/* CSS Document */
body{min-width: 1200px;}
.fl{float: left;}
.fr{float: right;}
.container{width: 1200px; margin: 0 auto;}
.clear{clear: both;}
.space40{height: 40px; clear: both;}
.space70{height: 70px; clear: both;}

.ztheader img{width: 100%; height: auto; display: block;}
.ztwrap{}
.ztbox{width: 45%; border: 1px #E0F2FF solid; border-radius: 10px; box-shadow: 0 0 8px 0 #d6eefd; padding: 20px; background: #fff;}
.ztbox2{width: 48.5%;}
.zt_title{margin-bottom: 35px; background: url(cwmcs_r5_c7_s1.png) center no-repeat; text-align: center; height: 51px; line-height: 51px; font-size: 26px; color: #fff; font-weight: bold;}
.zt_title a{font-size: 26px; color: #fff;}
.zt_title img{display: block; width: 100%; height: auto;}
.zt_title2{margin-bottom: 25px;}
.zt_title2 img{display: block; width: 100%; height: auto;}

/*图片鼠标经过效果*/
.HoverImgbox{ overflow:hidden;}
.HoverImgbox img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.HoverImgbox img:hover{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

/* 创建全国文明城市 */
.ztlist li{position:relative; padding:0 0 0 18px; height:53px; line-height:53px; overflow:hidden; vertical-align:top;}
.ztlist li:after{position:absolute; content:" "; left:0; top: 48%; margin-top: -1px; width: 5px; height: 5px; border-radius: 50%; background: #B62717;}
.ztlist li a{display: block; max-width:100%; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.ztlist2 li{position:relative; padding:0 100px  0 18px; height:45px; line-height:45px; overflow:hidden; vertical-align:top;}
.ztlist2 li:after{position:absolute; content:" "; left:0; top: 48%; margin-top: -1px; width: 8px; height: 8px; border-radius: 50%; background: #ECAF4F;}
.ztlist2 li span{position:absolute; right:0; top:0; color:#999999; font-size: 16px;}
.ztlist2 li a{float:left; display: block; max-width:100%; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.ztmore{background:#D6382D; height:28px; line-height: 28px; text-align: center;  border-radius: 28px; float: right;}
.ztmore a{display: block; padding: 0 15px; color: #fff; font-size: 14px;}
.ztmore a:hover{color: #fff}

.cwmbox{padding: 20px; border: 1px #FAC6C8 solid; box-shadow: 0 0 10px 0 #FAC6C8; margin-top: 30px;}
.cwm_tpxw{width:100%; height:355px; overflow:hidden; position:relative; border:0;  }
.cwm_tpxw .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:6px; z-index:5;}
.cwm_tpxw .hd ul{ overflow:hidden; zoom:1; float:left;}
.cwm_tpxw .hd ul li{ float:left; margin-right:6px; width:10px; height:10px; line-height:10px; border-radius:50%; background:#D9D9D9; cursor:pointer; text-indent:99999em;}
.cwm_tpxw .hd ul li.on{ background:#DC2610; color:#fff; }

.cwm_tpxw .bd{position:absolute; top:0; left:0; width:100%; height:100%;}
.cwm_tpxw .bd ul{width:100%; height:100%;}
.cwm_tpxw .bd ul li{position:relative; line-height:30px; height:355px;}
.cwm_tpxw .bd li img{width:100%;  height:322px;}
.cwm_tpxw .bd li b{ display:block; position:absolute; width:100%; height:38px; bottom:0;left:0;background:#fff; z-index:1;}
.cwm_tpxw .bd li span{ display:block; position:absolute;width:85%; bottom:0;left:0; z-index:2; padding-top: 10px}
.cwm_tpxw .bd li span a{color:#000; display:block; float:left; position:relative; z-index:3; font-size:17px; max-width:95%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.cwm_tpxw .bd li span a:hover{color:#000;}

/* 讲文明树新风公益广告 */
.jwm_scroll{height: 254px; position: relative; *overflow: hidden; overflow: hidden;}
.jwm_scroll .bd{overflow: hidden; width: 1104px; margin: 0 auto;}
.jwm_scroll .bd li{float: left; margin-right: 90px; width: 150px;}
.jwm_scroll .bd ul div.box{position:relative; overflow:hidden;}
.jwm_scroll .bd li .pic img{display: block; width:140px; height: 204px;}
.jwm_scroll .bd li .txt{display: block; margin:0; color:#000; line-height:1.2; text-align: center;  padding-top: 10px; overflow:hidden; text-overflow:ellipsis;}
.jwm_scroll .bd li .txt a{color:#000; font-size: 16px; display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding: 0}

.jwm_scroll .hgan{display: block;}
.jwm_scroll .hgan a{ position:absolute; top:38%; width:29px; height:29px;  cursor:pointer;}
.jwm_scroll .hgan .prev{left:0; background: url(cwmcs_r8_c2_s1.png) center no-repeat;}
.jwm_scroll .hgan .next{right:0; background: url(cwmcs_r8_c10_s1.png) center no-repeat;}

.jwm_more{background:#D6382D; height:28px; line-height: 28px; text-align: center;  border-radius: 28px; margin: 0 auto; width: 86px; display: block;}
.jwm_more a{display: block; color: #fff; font-size: 14px;}
.jwm_more a:hover{color: #fff;}

@media (max-width: 1024px) {
    .container{width: auto; padding: 0 2%;}
    body{min-width: auto;}
    /* .jwm_scroll .bd{width: 860px;}
    .jwm_scroll .bd li{margin-right: 30px;} */

}
@media (max-width: 768px) {
/*  
    .jwm_scroll .bd{width: 800px;}
    .jwm_scroll .bd li{margin-right: 35px;} */
}