@charset "utf-8";
/* CSS Document */
::-webkit-input-placeholder {color: #fff;}
html { color:#333;}
.con{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.cont_box{width: 1160px;min-height: 600px;float: left;padding: 20px;margin-top: 20px;background: #FFF;margin-bottom: 20px; overflow:hidden;}
.sub_ditu{width:1158px;height:auto;border-left:#ddd solid 1px;border-right:#ddd solid 1px;margin-top:20px;overflow:hidden;}
.sub_list{ border-top: #4780b1 solid 2px; margin-bottom:20px; overflow:hidden;}
.sub_list span{ height:40px;  line-height:40px;  background:right center no-repeat; padding:0 20px;  }
.sub_list span a{font-family:"Microsoft YaHei"; font-size:16px; color: #4780b1; }
.sub_list ul.sub_menu{border-top:#ddd solid 2px; padding:0 19px;  display:block; overflow:hidden;}
.sub_list ul.sub_menu li{ line-height:50px; float:left;text-align:center; background:url(wzdh_R_img03.jpg) right center no-repeat; position:relative; z-index:1; height:50px; white-space: nowrap;text-overflow: ellipsis; }
.sub_list ul.sub_menu li{font-weight:normal;}
.sub_list ul.sub_menu li a{color: #4780b1; font-size:14px; padding: 5px 10px; text-decoration:none;}
.sub_list ul.sub_menu li a.red{background:#4780b1; color:#FFF;}
.sub_list ul.sub_menu li a:hover{ background:#0199e4; color:#FFF;}
.web-map .mapo1{padding: 25px 22px;}
.web-map .mapo1:nth-child(2n){background: #f2f2f2;}
.web-map .mapo1 h2{font-size: 18px;font-weight: bold;color: #006EAB;}
.web-map .mapo1 ul{margin-top: 9px;}
.web-map .mapo1 li{float: left;line-height: 30px;margin-right: 30px;position: relative;}
.web-map .mapo1 li a{font-size: 16px;color: #666;}
.web-map .mapo1 li:hover a{color: #006EAB;}
.map-pos{position: absolute;padding: 8px 0;left: -28px;top: 0px;width: 322px;display: none;}
.map-pos .m-san{width: 0;height: 0;border: 10px solid transparent;border-bottom: 8px solid #5796C5;margin-left: 43px;}
.map-pos .small-map{background: #5796C5;}
.web-map .mapo1 li .small-map a{margin-left: 18px;font-size: 14px;color: #fff;}
.wyb-box:hover .map-pos{display: block;}
.wfwx{position: relative;}
.wfwx:hover img{display: block;}
.wfwx img{display: none;position: absolute;top: -140px;left: 10px;}
/*通用自适配样式*/
@media only screen and (max-width: 1100px){
.con{width:100%;}
.cont_box{width: 99%;min-height: auto;padding: 0.1rem;}
.sub_ditu{width: 99%;margin: 0px auto;border: 0;}
.sub_list{display: inline-block;height: auto;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}


    
}
@media only screen and (max-width: 375px){

}
@media only screen and (max-width: 320px){

}
/*通用自适配样式*/