.contact-container{
    padding: .2rem ;
    margin: 0 auto;
    width: 85.652%;
    max-width: 1430.016px;
}
.contact-title-container {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
}
.contact-title-container h1{
    font-size: .46rem;
    margin-bottom: .3rem;
    font-weight: bold;
}
.contact-title-container p{
    font-size: .2rem;
}

.contact-info{
    overflow: hidden;
    height: 5.85rem;
    margin: .32rem 0 .8rem;
}
.contact-map{
    float: right;
    width: 66.2%;
    height: 100%;
    position: relative;
}
.contact-map iframe{
    width: 100%;height: 100%;
}
.contact-map .map-box{
    width: 100%;height: 100%;
}
.contact-info.no-map .contact-map .map-box{
    display: none;
}
.contact-info.no-map .contact-map iframe{
    display: block;
}
.contact-map .map-info{
    position: absolute;
    left: .1rem;
    top: .1rem;
    background: #fff;
    padding: .15rem;
    font-size: .14rem;
    line-height: 2;
    color: #595757;
    min-width: 2.8rem;
}
.contact-map .map-info .map-name{
    font-size: .18rem;
}
.contact-map .map-info a{
    color: #0b6ec7;
}

.contact-form{
    float: left;
    width:33.8%;
    height: 100%;
    padding:.35rem .4rem;
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}
/*.contact-info.no-map .contact-form{*/
    /*float: none;*/
    /*margin:0 auto;*/
    /*border-right: 1px solid #d1d1d1;*/
/*}*/


.contact-form .contact-form-title{
    font-size: .24rem;color: #595757;
    margin-bottom: .34rem;
}
.contact-form .form-content{

}
.contact-form .form-content .form-item{
    margin-bottom: .2rem;
}
.contact-form .form-content .code-container{
    position: relative;
}
.contact-form .form-content .code-container img{
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
}


.contact-form .form-content .form-item.error{
    border: 1px solid red;border-radius: 8px;    overflow: hidden;
}
.contact-form .form-content input{
    height: .47rem;line-height: normal ;
}
.contact-form .form-content input,.contact-form .form-content textarea{
    font-size: .18rem;background: #e6e6e6;color: #595757;padding-left: .16rem;
    border-radius: 8px;
}
.contact-form .form-content .form-submit{
    width: 1.47rem;height: .47rem;line-height: normal ;
    background: #0b6ec7;color: #fff;
    border: none;border-radius: 6px;
}
.contact-form .form-content .error-tips{
    display: none;
    color: red;
    font-size: .14rem;
    line-height: 1.5;
}


.contact-list{
    margin: .3rem auto .7rem;
}
.contact-item{
    overflow: hidden;
    background: #f8f8f8;
    padding: .3rem 0;
    text-align: center;
    cursor: pointer;
}
.contact-icon{
    padding: 0 .4rem;
    text-align: center;
    margin-top: .1rem;
}
.contact-icon img{
    width: .7rem;
}
.contact-item-info{
    text-align: center;
}
.contact-item-name{
    font-size: .25rem;
    color: #2b2b2b;
    margin: .45rem 0 .3rem;
    letter-spacing: 1px;
}
.contact-item-address{
    color: #666;
    font-size: .18rem;
    margin-bottom: .2rem;
    line-height: 1.5;
    font-weight: lighter;
    font-family: PingFangSC-Regular, "Microsoft YaHei", serif;
    /*font-family: 'Lato', sans-serif;*/
}
.contact-item-table{
    font-size: .18rem;
    color: #666;
    line-height: 1.8;
    text-align: center;
    height: .95rem;
    font-family: PingFangSC-Regular, "Microsoft YaHei", serif;
    /*font-family: 'Lato', sans-serif;*/
}
.contact-item-table span{
    font-weight: lighter;
}
.contact-text{
    text-align: center;
    margin-bottom: .6rem;
}
.contact-text-title{
    font-size: .3rem;
    color: #474546;
    margin-bottom: .2rem;
    font-weight: bold;
}
.contact-text-body{
    font-size: .18rem;
    color: #464646;
    line-height: 1.6;
}


.mobile-contact{
    display: none;
}


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

    .contact-title-container{
        top: 22%;
    }
    .contact-title-container h3{
        font-size: .6rem;
    }
    .contact-title-container p{
        font-size: .26rem;
    }

    .contact-info{
        margin: 0;
    }
    .contact-info.no-map{
        display: none;
    }
    .contact-map{
        float: none;
        width: 100%;
    }
    .contact-form{
        float: none;
        width: 100%;
        border: none;
        background: #f1f1f1;
    }
    .contact-form .contact-form-title{
        text-align: center;
    }
    .contact-form .form-content .form-item{
        text-align: center;
    }
    .contact-form .form-content input, .contact-form .form-content textarea{
        background: #e2e2e2;font-size: .24rem;
    }
    .contact-form .form-content input{
        height: .6rem;
    }

    .contact-form .form-content .form-submit{
        width: 2rem;
        height: .6rem;
    }
    .contact-map .map-info{
        display: none;
    }
    .pc-contact{
        display: none;
    }
    .mobile-contact{
        display: block;
    }

    .contact-item-info{

    }
    .contact-item-label{
        width: .8rem;
    }

    .contact-item-name{
        font-size: .36rem;
    }
    .contact-item-address{
        font-size: .3rem;
    }
    .contact-item-table{
        font-size: .28rem;
        height: auto;
    }
    .contact-text-title{
        font-size: .45rem;
    }
    .contact-text-body{
        font-size: .24rem;
    }

}