@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(/skin/images/wzzz.png) no-repeat left 10px; width:150px; height:150px; display:table; float:left}
.city_cd .wzzz .i1{ background:url(/skin/images/wzzz.png) no-repeat left -145px;}
.city_cd .wzzz .i2{ background:url(/skin/images/wzzz.png) no-repeat left -300px;}
.city_cd .wzzz .i3{ background:url(/skin/images/wzzz.png) no-repeat -165px 10px;}
.city_cd .wzzz .i4{ background:url(/skin/images/wzzz.png) no-repeat -165px -145px;}
.city_cd .wzzz .i5{ background:url(/skin/images/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){

}