/*contact-style-start*/

    .contact{
        background: #fff;
    }

    .contact .contact-title{
        font-family: 'Comfortaa-Regular', sans-serif;
        font-size: 50px;
        color: #999;
    }

    .contact .contact-item{
        position: relative;
        background: #eee;
        width: 100%;
        height: 288px;
        transition: all 0.5s ease;
        transition-delay: 0s;
        border-radius: 8px;
        padding: 0 15px;
    }

    .contact .contact-item:hover{
        background: #BECFAA;
        transform: translateY(-20px);
    }

    .contact .contact-item:hover .iconv-bg{
        box-shadow: none;
        border: 1px solid #BECFAA;
    }

    .contact .contact-item .iconv-bg{
        width: 90px;
        height: 90px;
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        box-shadow: 0 0 15px 3px #eee;
        border-radius: 8px;
    }

    .contact .contact-item .iconv-bg i{
        font-size: 36px;
        color: #BECFAA;
    }

    .contact .contact-item .item-title{
        font-size: 28px;
        color: #333;
        font-weight: 500;
    }

    .contact .contact-item .introduction{
        color: #666;
        word-wrap: break-word;
        /* 针对现代浏览器的换行设置 */
        overflow-wrap: break-word;
        /* 允许在任何字符间换行 */
        word-break: break-all;
    }

    .contact .title{
        font-size: 40px;
        white-space: initial;
    }

    .contact .contact_form{
        padding: 30px 35px;
        box-shadow: 0 0 15px 3px #eee;
    }

    .contact .contact_form .btn{
        background: #BECFAA;
    }


/*contact-style-end*/

@media (max-width:1320px) {

}

@media (max-width:1200px) {

}

@media (max-width:992px) {

}

@media (max-width:768px) {

}

@media (max-width:571px) {

    .contact .contact_form{
        padding: 30px 30px;
    }

}