@charset "utf-8";
.info_con ul{list-style:none;padding:0;margin:0;}
.info_con ul li{padding:15px;background:#f3f3f3;color:#1e1e1e;width:23.5%;margin-top:3%;margin-left:2%;text-align:center;height:258px;transition:all 0.3s ease;}
.info_con ul li:first-child{margin-left:0;}
.info_con ul li h2{margin:20px 0;font-size:16px;font-weight:normal;}
.info_con ul li .img{ margin:25px auto 0; width: 54px; height: 54px; overflow: hidden; position: relative; }
.info_con ul li .img img{ position: absolute; left: 0; top:0; }
.info_con ul li .cont{line-height:1.3;font-size:14px;}
.info_con ul li:hover{background:#00628e;}
.info_con ul li:hover h2{color:#fff;}
.info_con ul li:hover .img img{ top:-56px; }
.info_con ul li:hover .cont{color:#fff;}
.baidumap{ padding:3% 5px; }
.baidumap #map{ width:100%;height:550px; font-size:12px }
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1153px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:640px){
    .info_con ul li{ width:48%; margin:2% 1% 0; height:200px;}
    .info_con ul li:first-child{margin-left:1%;}
    .info_con ul li .img{ margin-top:5px;}
    .info_con ul li h2{margin:10px 0;}
    .baidumap #map{ height: 300px; }
}
@media screen and (max-width:500px){
}