header .banner {

    background-image: url(../image/banner2.png);   

}

main .contact {

    margin: 90px auto;

}

main .contact .logo {

    width: 180px;

    display: block;

    margin: auto;

}



main .contact .center-box {

    border-left: 1px solid #cdcdcd;

    border-right: 1px solid #cdcdcd;

    padding: 0 100px;

}



main .contact .center-box p {

    opacity: 1;

    font-size: 15px;

    font-family: SourceHanSansCN, SourceHanSansCN-Regular;

    font-weight: 400;

    color: #5f5f5f;

    line-height: 40px;

}



main .contact .orCode {

    display: flex;

    justify-content: space-between;

    padding: 0 40px;

    text-align: center

}



main .contact .orCode div img {

    width: 100px;

}



main #map {

    max-width: 1355px;

    height: 579px;

    display: block;

    margin: auto;

}



@media screen and (min-width: 1500px){

    .container {

        width: 1500px;

    }

}



@media screen and (max-width: 780px) {

    main .contact {

        margin: 50px auto;

    }

    main .contact .logo {

        width: 150px;

        display: block;

        margin: auto;

    }

    

    main .contact .center-box {

        width: 100vw;

        text-align: center;

        padding: 0;

        margin: 90px 0;

    }



    main .contact h3 {

        font-size: 20px;

    }



    main .contact .center-box h2 {

        font-size: 20px;

    }

    

    main .contact .center-box p {

        font-size: 14px;

        line-height: 40px;

    }

    

    main .contact .orCode {

        display: flex;

        justify-content: space-between;

        padding: 0 40px;

        text-align: center;

        font-size: 14px;

    }

    

    main .contact .orCode div img {

        width: 100px;

    }

    

    main #map {

        margin: 20px;

        height: 250px;

    }

}