#map{
    max-width:1920px;
    height:640px;
    margin:0 auto;
    background-color:#F3F4F6;
    background-image: url("./../images/img/contact.png");
    background-repeat:no-repeat;
    /*background-size:cover;*/
    background-position:center;
}
.content{
    width: 600px;
    height: 398px;
    background: #FFFFFF;
    border-radius: 10px;
    opacity: 0.8;
    padding-top:58px;
    padding-left:48px;
    padding-right:48px;
    box-sizing: border-box;
}
.title{
    font-family: MiSans VF, MiSans VF;
    font-weight: 600;
    font-size: 48px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-bottom:33px;
    border-bottom:1px solid #EAECED;
}
.rexian{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-top:20px;
}
.phoneNo{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-top:10px;
}
.phoneNo .span{
    color: #333333;
    font-weight: 600;
    font-size: 16px;
}
.waiYuan{
    width: 36px;
    height: 36px;
    background: rgba(25,54,122,0.25);
    border-radius:36px;
    position: relative;
}
/* 水波纹 - 3道连续柔和扩散 */
.waiYuan::before,
.waiYuan::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 2px solid rgba(25,54,122,0.25);
    animation: ripple 3s ease-in-out infinite;
}
.waiYuan::before {
    width: 100%;
    height: 100%;
    animation-delay: 0s;
}
.waiYuan::after {
    width: 100%;
    height: 100%;
    animation-delay: 1s;
}
.waiYuan .neiYuan::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid rgba(25,54,122,0.25);
    animation: ripple 3s ease-in-out infinite;
    animation-delay: 2s;
    box-sizing: content-box;
}
@keyframes ripple {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
    30% {
        opacity: 0.4;
    }
    70% {
        opacity: 0.4;
    }
    100% {
        width: 500%;
        height: 500%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}
.neiYuan{
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-radius:12px;
    border: 4px solid #19367A;
    position: relative;
    z-index: 1;
}
.Btn{
    width: 176px;
    height: 56px;
    background: linear-gradient( 83deg, #2F53A8 0%, #19367A 100%);
    box-shadow: 0px 24px 31px -1px rgba(120,152,229,0.4);
    border-radius: 82px 82px 82px 82px;
}