.service_tbas {
        /* border: 1px solid #ccc; */
        color: #777;
        font-size: 1.4rem;
        margin-bottom: 2rem;
        background: #fff;
        padding: 1rem;
        border-radius: 0.5rem;
    }
    
    .service_tbas .li {
        display: flex;
        /* border-bottom: 1px dashed #ccc; */
    }
    
    .tabs_title {
        width: 10%;
        text-align: center;
        /* padding: 1rem 0; */
        margin-right: 1rem;
        color: #000;
    }
    
    .tabs_ul {
        align-items: center;
        width: 90%;
    }
    
    .tabs_ul li {
        padding: 0 2rem;
        cursor: pointer;
        /* padding: 0.5rem 0; */
        margin-bottom: 1rem;
        border-right: 1px solid #ccc;
    }
    
    .tactive {
        color: #27b2c5;
    }
    
    .tabs_ul li:hover {
        color: #27b2c5;
    }
    
    .service_ul {
        padding: 1rem 0;
        margin-top: 1rem;
    }
    
    .service_ul li {
        width: 23.5%;
        margin-right: 2rem;
        margin-bottom: 2rem;
        color: #666;
        position: relative;
        transition: all 0.5s linear;
        box-shadow: 1px 1px 10px #eee;
        cursor: pointer;
        background-color: #fff;
    }
    
    .service_ul li:nth-child(4n) {
        margin-right: 0rem;
    }
    
    .service_img {
        width: 100%;
        height: 18rem;
    }
    
    .service_text {
        margin: 0.5rem 0;
        color: rgb(182, 173, 173);
        font-size: 1.2rem;
        margin-top: 0;
    }
    
    .service_con {
        padding: 2rem 1rem;
    }
    
    .service_tell {
        border: 1px solid #eee;
        padding: 0.5rem;
        background: #27b2c5;
        color: #fff;
        margin-top: 1rem;
    }
    
    .service_tell:hover {
        background: #27b2c5;
        color: #fff;
    }
    
    .help_title {
        font-weight: 700;
        font-size: 1.6rem;
        margin-top: 2rem;
        margin-bottom: 0.5rem;
    }
    
    .s_ul .service_img {
        height: 25rem;
    }
    
    .s_ul li {
        width: 31%;
    }
    
    .s_ul li:nth-child(3n) {
        margin-right: 0;
    }
    
    .lgoin_con {
        background-color: #fff;
        padding: 4rem 3rem;
        text-align: center;
        border-radius: 0.8rem;
        width: 30vw;
        margin: 0 auto;
    }
    
    .lgoin_con .tit {
        font-weight: 700;
        font-size: 3rem;
        color: #333;
    }
    
    .lgoin_con input {
        padding: 1.8rem;
        padding-left: 6rem;
    }
    
    .psot {
        position: absolute;
        top: 1rem;
        left: 2rem;
    }
    
    .login_cell {
        position: relative;
        margin-bottom: 1rem;
    }
    
    .about {
        background-color: #fff;
        border-radius: 0.5rem;
        margin: 3rem 0;
    }
    
    .about_txt {
        padding: 3rem 2rem;
    }
    
    .about .tabs_ul {
        align-items: center;
        width: 100%;
        margin: 1rem 0;
    }
    
    .about .tabs_ul li {
        margin: 0;
        margin-right: 4rem;
        color: #ccc;
    }
    
    .map_con {
        margin-bottom: 2rem;
        border-bottom: 1px solid #ccc;
    }
    
    .map_title {
        font-size: 2rem;
    }
    
    .news_details {
        padding: 2.5rem 3rem;
        background-color: #fff;
        border-radius: 0.5rem;
    }
    
    .news_details .ties {
        font-size: 1.4rem;
        font-weight: 700;
        text-align: center;
    }
    
    .news_details .time {
        color: #ddd;
        text-align: center;
        padding: 1rem;
    }
    
    .news_details .txt {
        margin-top: 2rem;
        width: 100%;
    }
    
    .news_details .txt img {
        width: 50%;
    }
    
    .feedback {
        width: 60%;
        margin: 2rem auto;
        border-radius: 0.5rem;
        padding: 3rem 2rem;
        background-color: #fff;
    }
    
    .feed_cell {
        margin-bottom: 2rem;
    }
    
    .dis .feed_cell {
        width: 48%;
        margin-right: 1rem;
    }
    
    .dis .feed_cell :nth-child(2n) {
        margin-right: 0;
    }
    
    .contact_us {
        width: 100%;
        margin: 2rem auto;
        border-radius: 0.5rem;
        background-color: #fff;
        position: relative;
    }
    
    .contact_Post {
        position: absolute;
        left: 7%;
        top: 30%
    }
    
    .contact_Post .tit {
        font-weight: 700;
        font-size: 2rem;
        color: #333;
    }
    
    .contact_Post .txt {
        margin-bottom: 1.5rem;
        color: rgb(158, 151, 151);
    }
    
    .contact_list {
        border-radius: 0.5rem;
        background-color: #fff;
    }
    
    .contact_list li {
        width: 20%;
        padding: 2rem 1rem;
        display: flex;
        justify-content: space-between;
    }
    
    .black {
        color: #333;
        font-weight: 700;
        font-size: 1.4rem;
    }
    
    .gray {
        color: #9e9e9e;
    }
    
    .hui {
        color: #6a6a6a;
    }
    
    @media(max-width: 1025px) {
        .service_ul li {
            width: 23%;
        }
    }
    
    @media(max-width: 790px) {
        .service_img {
            width: 100%;
            height: 60vw;
        }
        .s_ul .service_img {
            height: 50vw;
        }
        .tabs_ul li {
            margin: 0 0.5rem;
            border-right: 0;
        }
        .service_ul li {
            width: 100%;
            margin-right: 0;
        }
        .lgoin_con {
            width: 100%;
        }
        .lgoin_con {
            background-color: #fff;
            padding: 2rem;
        }
        .about .tabs_ul li {
            width: 45%;
            margin-right: 1rem;
        }
        .news_details .txt img {
            width: 100%;
        }
        .feedback {
            width: 100%;
        }
        .dis .feed_cell {
            width: 100%;
            margin-right: 1rem;
        }
        .contact_us {
            height: 16rem;
        }
        .contact_list li {
               width: 100% !important;
        }
    }