body{
    padding:0;
    margin:0;
}

#allmap {
    width: 100%;
    height: 580px;
    margin: 0 auto;
    margin-bottom: 65px;
}

p {
    margin-left: 5px;
    font-size: 12px;
}
.borainPage {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}

/*��ϵ��ʽ*/
.contectMe {
    width: 100%;
    height: 186px;
    margin-bottom: 20px;
    position: relative;
}
    .contectMe .rqLeft {
        display: inline-block;
        width: 12%;
        margin-right: 20px;
        margin-left: 10px;
    }
    .contectMe .rqRight {
        display: inline-block;
        width: 43%;
        height: 90%;
        position: absolute;
        top: 0;
        left: 260px;
    }
    .contectMe .rqLeft img {
        width: 100%;
        height: 85%;
    }
    .contectMe .rqLeft p {
        text-align: center;
        margin: 3px 0 11px 0;
    }
.contectMe .fa {
    color: #7e7e7e;
    display:inline-block;
    width:27px;
}
.threeRowTon p {
    display: inline-block;
    margin: 8px 5px 8px 0;
    color: #202020;
    font-size: 14px;
}
.threeRow p {
    display: inline-block;
    width: 40%;
    margin: 8px 5px 8px 0;
    color: #202020;
    font-size: 14px;
}
.back{
    width:30px;
    height:30px;
    position:fixed;
    right:40px;
    bottom:80px;
}
@media only screen and (min-width:960px)and (max-width:1230px) {
    #allmap {
        width: 100%;
        height: 566px;
        margin: 0 auto;
        margin-bottom: 65px;
    }
    .borainPage {
        width: 910px;
       
    }
    .borainMap {
        width: 100%;
        margin: 0 auto;
    }
    .contectMe {
        width: 100%;
        height: 186px;
        padding-bottom: 44px;
        position: relative;
    }
    .contectMe .rqLeft {
        display: inline-block;
        width: 14%;
        margin-top: 14px;
        margin-right: 20px;
        margin-left: 10px;
    }
    .contectMe .rqRight {
        display: inline-block;
        width: 57%;
        height: 90%;
        position: absolute;
        top: 0;
        left: 260px;
    }
}
@media screen and (min-width: 860px) and (max-width: 959px) {
    #allmap {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 63px;
    }
    .borainPage {
        width: 690px;
        margin: 0 auto;
        margin-bottom: 65px;
       
    }
    .contectMe .rqLeft {
        display: inline-block;
        width: 15%;
        margin-right: 20px;
        margin-left: 10px;
    }
    .contectMe {
        width: 100%;
        height: 168px;
        margin-bottom: 20px;
        position: relative;
    }
    .contectMe .rqRight {
        display: inline-block;
        width: 63%;
        height: 137px;
        position: absolute;
        top: 0;
        left: 170px;
    }
    .rqRight p {
        margin-left: 5px;
        font-size: 12px;
        margin: 6px;
    }
}
@media screen and (min-width: 767px) and (max-width: 859px) {
    #allmap {
        width: 100%;
        height: 435px;
        margin: 0 auto;
        margin-bottom: 58px;
    }
    .borainPage {
        width: 710px;
        margin: 0 auto;
        margin-bottom: 30px;
      
    }
    .borainMap {
        width: 100%;
        margin: 0 auto;
    }
    .contectMe .rqLeft {
        display: inline-block;
        width: 14%;
        margin-right: 20px;
        margin-left: 10px;
    }
    .contectMe .rqRight {
        display: inline-block;
        width: 66%;
        height: 134px;
        position: absolute;
        top: 0;
        left: 166px;
    }
    .rqRight p {
        margin-left: 5px;
        font-size: 12px;
        margin: 6px;
    }
    .contectMe {
        width: 100%;
        height: 131px;
        margin-bottom: 20px;
        position: relative;
    }
}
@media screen and (min-width: 660px) and (max-width: 768px) {
    #allmap {
        width: 100%;
        height: 533px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .borainPage {
      
        height: 580px;
        margin: 0 auto;
        margin-bottom: 65px;
      
    }
    .contectMe .rqLeft {
        display: inline-block;
        width: 18%;
        margin-right: 20px;
        margin-left: 10px;
    }

    .contectMe .rqRight {
        display: inline-block;
        width: 415px;
        height: 134px;
        position: absolute;
        top: 0;
        left: 187px;
    }
    .rqRight p {
        margin-left: 5px;
        font-size: 11px;
        margin: 6px;
    }

    .contectMe {
        width: 100%;
        height: 140px;
        margin-bottom: 20px;
        position: relative;
    }
}

@media screen and (min-width: 480px) and (max-width: 659px) {
    #allmap {
        width: 100%;
        height: 493px;
        margin: 0 auto;
        margin-bottom: 90px;
    }
    .borainPage {
        width: 470px;
        margin: 0 auto;
        margin-bottom: 65px;
      
    }

    .contectMe .rqLeft {
        display: inline-block;
        width: 18%;
        margin-right: 20px;
        margin-left: 10px;
    }

    .contectMe .rqRight {
        display: inline-block;
        width: 342px;
        height: 134px;
        position: absolute;
        top: -11px;
        left: 128px;
    }

    .rqRight p {
        margin-left: 5px;
        font-size: 11px;
        margin: 8px 0px 8px 0;
    }
    .threeRow p:nth-child(1) {
        display: inline-block;
        width: 139px;
        font-size: 12px;
        margin: 8px 0px 8px 0;
    }
    .threeRow p:nth-child(2) {
        display: inline-block;
        width: 165px;
        font-size: 12px;
        margin:8px 0px 8px 0;
    }
    .contectMe {
        width: 100%;
        height: 126px;
        margin-bottom: 20px;
        position: relative;
    }
    .threeRow:nth-child(1) p {
        display: inline-block;
        width: 45%;
        margin: 8px 5px 8px 0;
        color: #202020;
        font-size: 12px;
    }
    .threeRow:nth-child(2) p {
        display: inline-block;
        width: 37%;
        margin: 8px 5px 8px 0;
        color: #202020;
        font-size: 12px;
    }
}
@media screen and (min-width:380px) and (max-width: 479px){
    .borainPage {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 46px;
    }
    #allmap {
        width: 100%;
        height: 453px;
        margin: 0 auto;
        margin-bottom: 54px;
    }
    .contectMe {
        width: 100%;
        height: 294px;
        position:relative;
    }

        .contectMe .rqLeft {
            width: 121px;
            position: absolute;
            top: 125px;
            left: 33%;
        }
        .contectMe .rqRight {
             width: 370px;
            position: absolute;
            left: 12%;
        }
    .threeRowTon p {
        display: inline-block;
        margin-right: 5px;
        color: #202020;
        margin: 6px 0;
        font-size: 12px;
    }

    .threeRow p {
        display: inline-block;
        width: 37%;
        margin-right: 5px;
        color: #202020;
        margin: 6px 0;
        font-size: 12px;
    }
    .threeRow p:nth-child(2){
        width:165px;
    }
}

@media screen and (min-width:340px) and (max-width: 379px){
    .borainPage {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 46px;
    }

    #allmap {
        width: 100%;
        height: 355px;
        margin: 0 auto;
        margin-bottom: 54px;
    }

    .contectMe {
        width: 100%;
        height: 294px;
        position: relative;
    }

        .contectMe .rqLeft {
            width: 121px;
            position: absolute;
            top: 125px;
            left: 33%;
        }

        .contectMe .rqRight {
            width: 314px;
            position: absolute;
            left: 9%;
        }

    .threeRowTon p {
        display: inline-block;
        margin-right: 5px;
        color: #202020;
        margin: 6px 0;
        font-size: 12px;
    }

    .threeRow p {
        display: inline-block;
        width: 46%;
        margin-right: 5px;
        color: #202020;
        margin: 6px 0;
        font-size: 12px;
    }

        .threeRow p:nth-child(2) {
            width: 165px;
        }
}
@media screen and (max-width:320px){
    .borainPage {
        width: 99%;
        margin: 0 auto;
        margin-bottom: 46px;
    }

    #allmap {
        width: 99%;
        height: 333px;
        margin: 0 auto;
        margin-bottom: 22px;
    }

    .contectMe {
        width: 99%;
        height: 294px;
        position: relative;
    }

        .contectMe .rqLeft {
            width: 121px;
            position: absolute;
            top: 125px;
            left: 28%;
        }

        .contectMe .rqRight {
            width: 314px;
            position: absolute;
            left: 0;
        }

    .threeRowTon p {
        display: inline-block;
        margin-right: 5px;
        color: #202020;
        margin: 6px 0;
        font-size: 12px;
    }

    .threeRow p {
        display: inline-block;
        width: 46%;
        margin-right: 5px;
        color: #202020;
        margin: 6px 0;
        font-size: 12px;
    }

        .threeRow p:nth-child(2) {
            width: 165px;
        }
}