img{display: block;}
.banner{margin-top: 50px;}
.businessCard,.join{margin:100px 0;}
.businessCard>.item{width: 50%;float: left;}
.businessCard>.item img{max-width: 100%;}
.contMain{width: 85%;margin:0 auto;max-width: 1610px;}
.compMap{width: 100%;height: 600px;}
.mCard{display: none;}
.compMap .icon-cir-red {
    background-position: -11px -5px;
}
.compMap .icon-cir {
    height: 31px;
    width: 28px;
}
.compMap .icon {
    background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
    background-position: -7px -6px;
}
.card-m{margin-top: 20px;}
.jobItem{
    width: 30%;
    float: left;
    margin-right: 5%;
}
.jobItem:nth-of-type(3){margin-right: 0;}
.jobItem img{max-width: 100%;}
.jobList{margin-top: 100px;}
.jobDesc{font-size: 20px;font-weight: 300;margin-top: 40px;}
.jobDesc>p{font-weight: bold;margin-bottom: 12px;}
.jobDesc>ol{padding-left: 20px;}
.jobDesc>ol>li{line-height: 1.8;list-style: decimal;}
.job-bar{margin-top: 20px;}
@media screen and (max-width: 768px) {
    .contMain{width: 94%;}
    .compMap{width: 100%;height: 300px;}
    .businessCard,.join{margin:30px 0;}
    .pcCard{display: none;}
    .mCard{display: block;}
    .jobItem{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .jobDesc{
        margin-top: 20px;
        font-size: 16px;
    }
    .jobList{margin-top: 20px;}
    .banner{margin-top: 20px;}
}