.box-bgc{background-color: #fff;}

.m-content::after{
    content: "";
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.m-content .pic{float: left;width: 450px;height: 345px;-webkit-box-shadow: 2px 0 20px rgba(0,0,0,.1);
-moz-box-shadow: 2px 0 20px rgba(0,0,0,.1);
-ms-box-shadow: 2px 0 20px rgba(0,0,0,.1);
-o-box-shadow: 2px 0 20px rgba(0,0,0,.1);
box-shadow: 2px 0 20px rgba(0,0,0,.1);}
.m-content .pic img{width: 100%;display: block;}
.m-content ul{overflow: hidden;height: 345px;}
.m-content li{width: 50%;height: 50%;float: left;border-left: 1px solid #ededed;border-bottom: 1px solid #ededed;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.m-content .con{text-align: center;padding: 22px 20px 0;overflow: hidden;}
.m-content .ico{display: block;
    background-position: center;background-repeat: no-repeat;width: 55px;height: 55px;margin: 0 auto 16px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center center;}
.m-content .desc{font-size: 17px;line-height: 1.5em;color: #2c2a2a;-webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.m-content li.i1 .ico{
    background-image: url(../images/i-l2.png);
}
.m-content li.i2 .ico{
    background-image: url(../images/i-l4.png);
}
.m-content li.i3 .ico{
    background-image: url(../images/i-l1.png);
}
.m-content li.i4 .ico{
    background-image: url(../images/i-l3.png);
}
.m-content li:hover{
    background: url(../images/pic7.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.m-content li:hover .desc{
    color: #fff;
}
.m-content li:hover.i1 .ico{
    background-image: url(../images/i-l2-on.png);
}
.m-content li:hover.i2 .ico{
    background-image: url(../images/i-l4-on.png);
}
.m-content li:hover.i3 .ico{
    background-image: url(../images/i-l1-on.png);
}
.m-content li:hover.i4 .ico{
    background-image: url(../images/i-l3-on.png);
}

.m-map{
    padding: 24px 24px 45px;
    overflow: hidden;
}
.m-map .map{
    height: 365px;
    overflow: hidden;
}
.m-map .map .anchorBL{
 display: none;
}
#allmap img{
    -webkit-transition: .0s;
    -o-transition: .0s;
    transition: .0s;
}

@media only screen and (max-width: 1440px) {
    .m-content .desc{font-size: 15px;}
    .m-content .ico{width: 45px;height: 45px;}
}
@media only screen and (max-width: 959px) {
    .m-content .pic{width: auto;float: none;height: auto;}
    .m-map .map{height: 300px;}
}
@media only screen and (max-width: 479px) {
    .m-content ul{height: auto;}
    .m-content li{width: auto;height: auto;float: none;}
    .m-content .con{padding: 22px 20px;}
    .m-map .map{height: 240px;}
}