@charset "utf-8";



.headM2 .topbg{background:#202020}

.city_cd{background:#EEEFF4; padding:50px 0px}

.city_cd .left{width:20%; float:left; background:#FFFFFF}

.city_cd .left h2{color:#666666; font-size:18px; background:url(../city/pic/tb.png) no-repeat left 24px; border-bottom:1px solid #EEEFF4; margin:0px 20px; padding:22px 0px 15px 30px; font-weight:bold}

.city_cd .left ul{padding:0px; margin:0px; padding:10px 0px}

.city_cd .left ul li{list-style:none; padding:8px 20px; color:#666666}

.city_cd .left a{color:#666;text-decoration:none}

.city_cd .left ul li.on a{color:#0a84c9;text-decoration:none}

.city_cd .right{width:78%; float:right; padding:0px}

.city_cd .right h2{border-bottom:1px solid #EEEFF4; padding:20px 20px 18px; font-size:18px;font-weight:bold; margin:0px; background:#FBFBFB}

.city_cd .right .img{float:left; padding-right:20px;}

.city_cd .right .imgr{float:right; padding-left:20px;}



.city_cd .right p{padding:20px 30px; line-height:28px; color:#666666}

.city_cd .aboutuswm{margin:0px 0px 22px; background:#FFFFFF; overflow:hidden}

.city_cd .wzzz div{float:left; width:49.9%; border-bottom:1px #EEEFF4 solid;border-right:1px #EEEFF4 solid}

.city_cd .wzzz .divl{width:50%;border-right:0px #EEEFF4 solid}

.city_cd .wzzz i{background:url(../city/pic/wzzz.png) no-repeat left 10px; width:150px; height:150px; display:table; float:left}

.city_cd .wzzz .i1{background:url(../city/pic/wzzz.png) no-repeat left -145px;}

.city_cd .wzzz .i2{background:url(../city/pic/wzzz.png) no-repeat left -300px;}

.city_cd .wzzz .i3{background:url(../city/pic/wzzz.png) no-repeat -165px 10px;}

.city_cd .wzzz .i4{background:url(../city/pic/wzzz.png) no-repeat -165px -145px;}

.city_cd .wzzz .i5{background:url(../city/pic/wzzz.png) no-repeat -165px -300px;}



.city_cd .wzzz h3{font-size:16px; padding:0px; font-weight:bold; padding-top:10px}

.city_cd .wzzz p{padding:0px 25px; color: #999999; line-height:24px}

.city_cd .faq div{width:33%; float:left; padding-left:30px;padding-bottom:30px}

.city_cd .faq h3{font-size:16px}

.city_cd .faq ul{padding:0px; margin:0px}

.city_cd .faq ul li{list-style:none; line-height:26px; color:#999999}

/*手机超小屏幕下的单独样式 xs < 768px */



@media (min-width: 300px) and (max-width: 767px){



.city_cd .left{width:100%; float:none; background:#FFFFFF; overflow:hidden; margin-bottom:20px}

.city_cd .left ul li{width:50%; float:left}

.city_cd .right{width:100%; float:none;}

.city_cd .right .img,.city_cd .right .imgr{float:none; padding:0px 0px 10px; margin:0px auto;}

.city_cd .wzzz div,.city_cd .wzzz .divl{float:none; width:100%; border-bottom:1px #EEEFF4 solid;border-right:0px #EEEFF4 solid; overflow:hidden}



.city_cd .wzzz i{margin-bottom:30px}

.city_cd .faq div{width:100%; float:left}

}









/*平板小屏幕样式 768px <= sm < 992px */

@media (min-width: 768px) and (max-width: 991px){

.city_cd .left{width:100%; float:none; background:#FFFFFF; overflow:hidden; margin-bottom:20px}

.city_cd .left ul li{width:25%; float:left}

.city_cd .right{width:100%; float:none;}



}



/*大于992px以上固定宽度为970px md >= 992px */

@media (min-width: 992px) and (max-width: 1199px){



}