#zddt a:hover{ color: #89a7c5 !important;}
.floor{ width: 1200px; margin: 0 auto; }
.margin-top-20 { margin-top: 20px; }
.bgffffff { background-color: #ffffff; }
/*.padding-20 { padding: 20px; }*/
/*ÃƒÂ¦Ã‚Â¸Ã¢â‚¬Â¦ÃƒÂ¦Ã‚Â¥Ã…Â¡ÃƒÂ¦Ã‚ÂµÃ‚Â®ÃƒÂ¥Ã…Â Ã‚Â¨*/
.clearfix:after { display: table; content: " "; clear: both; }
.clearfix{ *zoom: 1; }

#zddt .clearfix { display: inline-block; }
#zddt{ width: calc(100% - 42px); padding: 20px !important; border: 1px solid #f2f2f2; margin-bottom: 20px; }
#zddt .wrap{ width: 100%;}
#zddt .web-map .mapo1 { padding: 25px 22px; background: #fbfbfd; border-bottom: 1px solid #f2f2f2; }
#zddt .web-map .mapo1:last-child { border-bottom: none; }
/*#zddt .web-map .mapo1:nth-child(2n) { background: #f2f2f2; }*/
#zddt .web-map .mapo1 h2 { font-size: 18px; font-weight: bold; color: #89a7c5; }
#zddt .web-map .mapo1 ul { margin-top: 9px; }
#zddt .web-map .mapo1 li { float: left; line-height: 30px; margin-right: 30px; position: relative; }
#zddt .web-map .mapo1 li a { font-size: 16px; color: #666;}
#zddt .web-map .mapo1 li:hover a{color: #89a7c5;}
#zddt .map-pos { position: absolute; padding: 8px 0; left: -28px; top: 0px; width: 322px; display: none; z-index: 999;}
#zddt .map-pos .m-san{width: 0;height: 10px;border: 10px solid transparent;border-bottom: 8px solid #89a7c5;margin-left: 43px;position: absolute;top: 5px;}
#zddt .map-pos .small-map{background: #89a7c5;position: absolute;top: 30px;}
#zddt .web-map .mapo1 li .small-map a{margin: 0px 8px;font-size: 14px;color: #fff;}
#zddt .web-map .mapo1 li .small-map a:hover {color: #fff!important; }
#zddt .wyb-box:hover .map-pos{display: block;}


@media only screen and (max-width: 1300px) {
    .main { width: 100%; }
    .size { padding: 0 10px;}
    #zddt{ width: 100%; padding: 10px !important;}
    #zddt .wrap{ width: 100%;}
    #zddt .mapo1{ width: 100%;}
}
