.class_name{
    text-align: center;
    font-family: SC-Bold;
    font-weight: bold;
    font-size: 0.45rem;
    color: #000000;
    margin-bottom: 1rem;
}


.list{
    padding: 1.2rem 0;
    box-sizing: border-box;
}

.position .position_fl a:nth-last-of-type(1),
.position .position_fl a:nth-last-of-type(2){
    width: 2.15rem;
}



/* 联系方式 */
.contact_box{
    margin-bottom: 0.63rem;
    display: flex;
    column-gap: 0.4rem;
}
.contact_box .contact_item{
    width: calc(25% - 0.3rem);
    background: #F7F7F7;
    border-radius: 0.1rem;
    padding: 0.36rem 0.44rem 0.31rem 0.33rem;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.contact_box .contact_item::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #D00000;
    transition: all 0.5s;
    border-radius: 0.1rem;
}
.contact_box .contact_item .contact_title{
    display: flex;
    align-items: center;
    column-gap: 0.09rem;
    margin-bottom: 0.09rem;
    font-family: SC-Medium;
    font-weight: 500;
    font-size: 0.2rem;
    color: #000000;
    line-height: 1;
    position: relative;
}
.contact_box .contact_item .contact_title img{
    width: 0.22rem;
    height: 0.22rem;
    object-fit: contain;
}
.contact_box .contact_item .contact_cont{
    padding-left: 0.31rem;
    font-family: SC-Normal;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 1.388;
    position: relative;
}
.contact_box .contact_item:hover::before{
    width: 100%;
    height: 100%;
}
.contact_box .contact_item:hover .contact_title,
.contact_box .contact_item:hover .contact_cont{
    color: #fff;
}
.contact_box .contact_item:hover .contact_title img{
    filter: brightness(0) invert(1);
}
.contact_map{
    width: 100%;
    height: 7rem;
    overflow: hidden;
}






/* 在线留言 */
.form_box{
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.2rem;
    row-gap: 0.48rem;
}
.form_box .user_list{
    width: calc(33.33% - 0.1334rem);
}
.form_box .user_text{
    width: 100%;
}
.form_box .user_title{
    line-height: 1;
    margin-bottom: 0.2rem;
    font-weight: 400;
    font-size: 0.2rem;
    color: #7B7B7B;
}
.form_box .user_title b{
    color: #D00000;
    margin-right: 0.04rem;
}
.form_box .user_text textarea,
.form_box .user_list input{
    width: 100%;
    height: 0.7rem;
    border-radius: 0.05rem;
    border: 0.01rem solid #EDEDED;
    padding: 0.24rem 0.15rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 0.16rem;
    color: #000;
}
.form_box .user_text textarea::placeholder,
.form_box .user_list input::placeholder{
    color: #BCBCBC;
}
.form_box .user_text textarea{
    min-height: 1.5rem;
}
.form_box .user_text .submit{
    width: 1.8rem;
    height: 0.5rem;
    background: #0042B4;
    font-family: SC-Regular;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin: 0 auto;
    display: block;
    border-radius: 0.06rem;
    cursor: pointer;
}
.form_box .user_text .submit:hover{
    background: #D00000;
}




@media screen and (max-width: 1043px) {
    .list{
        padding: 60px 0;
    }
    .class_name{
        font-size: 24px;
        margin-bottom: 40px;
    }
    
    
    .position .position_fl a:nth-last-of-type(1), .position .position_fl a:nth-last-of-type(2){
        width: auto;
    }
    
    .contact_box{
        flex-wrap: wrap;
        column-gap: 20px;
        row-gap: 20px;
        margin-bottom: 30px;
    }
    .contact_box .contact_item{
        width: calc(50% - 10px);
        padding: 30px;
    }
    .contact_box .contact_item .contact_title{
        font-size: 20px;
        margin-bottom: 9px;
        column-gap: 9px;
    }
    .contact_box .contact_item .contact_title img{
        width: 20px;
        height: 20px;
    }
    .contact_box .contact_item .contact_cont{
        padding-left: 30px;
        font-size: 16px;
    }
    .contact_map{
        height: auto;
        max-height: 400px;
    }
    
    
    
    
    /*在线留言*/
    .form_box{
        column-gap: 12px;
        row-gap: 20px;
    }
    .form_box .user_list {
        width: calc(33.33% - 8px);
    }
    .form_box .user_title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .form_box .user_text textarea, 
    .form_box .user_list input{
        font-size: 16px;
        padding: 10px;
        height: 46px;
        border-radius: 5px;
    }
    .form_box .user_text .submit{
        font-size: 16px;
        width: auto;
        height: auto;
        padding: 10px 60px;
        border-radius: 6px;
    }
    
    
    
}

@media screen and (max-width: 769px) {
    
    .contact_box .contact_item{
        width: 100%;
    }
    .contact_box .contact_item .contact_title{
        font-size: 18px;
    }
    .contact_box .contact_item .contact_cont{
        font-size: 14px;
    }
    
    
    
    
    /*在线留言*/
    .form_box .user_list{
        width: 100%;
    }
    .form_box .user_title{
        font-size: 16px;
    }
    .form_box .user_text textarea, 
    .form_box .user_list input{
        font-size: 14px;
        height: 42px;
    }
    .form_box .user_text textarea{
        height: 100px;
    }
}