th,
    td,
    input {
        font-size: 12px;
    }
    
    *,
     :after,
     :before {
        box-sizing: content-box;
    }
    
    input {
        outline: none;
        border: none;
        box-shadow: none;
    }
    
    h3 {
        font-size: 14px;
    }
    
    button {
        border: none;
        cursor: pointer;
        font-size: 12px;
        background-color: transparent;
    }
    
    img {
        max-width: none;
    }
    
    p {
        margin-bottom: 0;
    }
    
    .about_head .h3 {
        text-align: center;
    }
    
    .about_head h3 {
        margin: 15px 0;
        color: #fff;
        font-weight: 700;
        display: inline-block;
        font-size: 25px;
        color: #fff;
    }
    
    .about_head h4 {
        font-size: 22px;
        color: #fff;
        width: 90%;
        margin: 0 auto;
    }
    
    #about_us .about_head:nth-of-type(1) {
        background: url(../image/1.11-1.jpg) no-repeat center/ 100% 100%;
        padding: 2% 0;
    }
    
    #about_us .about_head:nth-of-type(1) p {
        color: #fff;
    }
    
    .about_head p {
        margin-top: 15px;
        font-size: 16px;
        padding: 0 10%;
        line-height: 1.8em;
        text-indent: 2em;
        margin-bottom: 15px;
    }
    
    .we_did {
        position: relative;
    }
    
    .we_did>img {
        width: 100%;
        display: none;
    }
    
    .did_content {
        display: flex;
        width: 70%;
        /*         height: 70%; */
        margin: 0 auto;
        align-items: center;
        padding: 2% 5%;
        background-color: #fff;
        border-radius: 8px;
        color: #000;
    }
    
    .did_content img {
        height: auto;
        width: 100%;
        margin-right: 2%;
    }
    
    .did_content h4 {
        font-size: 22px;
        margin: 3% 0 2%;
    }
    
    .did_content p {
        font-size: 18px;
        padding-right: 5%;
        line-height: 1.5em;
        color: #747474;
        text-indent: 2em;
    }
    
    .about_head h2 {
        margin: 20px 0;
        font-size: 22px;
        color: #1669d5;
        font-weight: 700;
    }
    
    .water_list {
        display: flex;
        padding: 0 10%;
        justify-content: space-between;
        font-size: 16px;
    }
    
    .water_list li {
        width: 24%;
    }
    
    .water_list li img {
        width: 100%;
        transition: all 1s;
        transform: rotateY(90deg);
        opacity: 0;
    }
    
    .water_list li p {
        text-align: center;
        margin: 15px 0;
        color: #000;
    }
    
    .banner_box {
        position: relative;
        background-color: #f5f5f5;
    }
    
    .banner_box img {
        width: 100%;
    }
    
    .banner_content {
        width: 80%;
        /* height: 90%; */
        margin: 0 auto;
        padding-left: 1%;
        box-sizing: border-box;
        display: flex;
        padding-bottom: 1%;
        padding-top: 1%;
    }
    
    .banner_content .ones h3 {
        font-size: 20px;
        color: #747474;
        position: relative;
        margin-bottom: 15px;
        margin-top: 25%;
    }
    
    .banner_content .ones h4 {
        font-size: 12px;
    }
    
    .banner_content .ones h3::after {
        content: '';
        width: 18px;
        height: 1px;
        display: inline-block;
        background-color: #90ceb0;
        position: absolute;
        left: 20%;
        bottom: -20%;
    }
    
    .banner_content ul {
        width: 158%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 1%;
    }
    
    .banner_content li {
        width: 30%;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .banner_content li img {
        width: 20%;
    }
    
    .banner_content li h5 {
        color: #747474;
        font-size: 18px;
        margin: 5px 0;
    }
    
    .banner_content li p {
        text-align: left;
        color: #747474;
        font-size: 1px;
    }
    
    .call_us {
        margin-top: 10px;
        margin-left: 1%;
        padding-right: 1%;
    }
    
    .call_us img {
        width: 30%;
        vertical-align: middle;
    }
    
    .call_us img:first-child {
        width: 40%;
        margin-right: 15px;
    }
    
    .call_us p {
        font-size: 14px;
        color: #747474;
    }
    
    .call_us h4 {
        margin: 2%;
        font-size: 18px;
        color: #3475a5;
    }
    
    .call_us>a {
        position: relative;
        width: 34%;
        display: inline-block;
    }
    
    .call_us>a img {
        width: 100% !important;
    }
    
    .call_us span {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 17px;
    }
    
    .us_team h3 {
        font-size: 28px;
        text-align: center;
        color: #000;
        letter-spacing: 0.1em;
        position: relative;
        padding: 15px;
    }
    
    .us_team h3::after {
        content: '';
        width: 18px;
        height: 1px;
        display: inline-block;
        background-color: #90ceb0;
        position: absolute;
        left: 50%;
        bottom: 12%;
    }
    
    .people_list li {
        list-style: disc;
        text-align: left;
        font-size: 14px;
        color: #747474;
    }
    
    .team_list {
        display: flex;
        padding: 0 10%;
        justify-content: space-between;
    }
    
    .team_list>li {
        text-align: center;
        width: 18%;
    }
    
    .team_list>li img {
        width: 100%;
    }
    
    .team_list li h5 {
        font-size: 16px;
        color: #000;
        margin-top: 10px;
    }
    
    .team_list li h4 {
        color: #4881e8;
        margin: 10px 0;
    }
    
    .box_bottom {
        margin-top: 15px;
    }
    
    .box_bottom>img {
        width: 100%;
    }
    
    .banner_box>img {
        width: 100%;
        display: none;
    }
    
    .box_bottom {
        position: relative;
    }
    
    .box_bottom_list {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        width: 100%;
        box-sizing: border-box;
        padding: 0 10%;
        justify-content: space-between;
    }
    
    .box_bottom_list li {
        width: 20%;
        background-color: #fff;
        display: flex;
        padding: 15px;
        align-items: center;
        justify-content: space-around;
        transition: all .6s;
        opacity: 0;
        transform: translateY(100%);
    }
    
    .box_bottom_list li:nth-of-type(2n) {
        transform: translateY(-100%)
    }
    
    .box_bottom_list img {
        width: 100%;
    }
    
    .box_bottom_list h3 {
        color: #1ea0dc;
        font-size: 30px;
        margin-bottom: 5px;
    }
    
    .box_bottom_list h4 {
        font-size: 16px;
    }
    
    .onlys {
        display: none;
    }
    
    .only_small {
        display: none;
    }
    
    .img_active_center {
        opacity: 1 !important;
        transform: translate(0, 0) !important;
    }
    
    @media (max-width: 1400px) {
        .banner_box>img {
            width: 150%;
        }
        .banner_content li p {
            font-size: 13px;
        }
        .did_content p {
            font-size: 16px;
        }
    }
    
    @media (max-width: 1317px) {
        .banner_box>img {
            width: 135%;
        }
        .banner_content {
            height: 98%;
        }
        .banner_content li p {
            font-size: 12px;
        }
    }
    
    @media (max-width: 1200px) {
        .people_list li {
            list-style: none;
        }
        .box_bottom_list {
            padding: 0 5%;
        }
        .box_bottom_list li {
            padding: 5px;
        }
        .box_bottom_list img {
            width: 80%;
        }
        .box_bottom_list h3 {
            font-size: 25px;
        }
        .box_bottom_list h4 {
            font-size: 14px;
        }
        .water_list {
            font-size: 14px;
        }
        .banner_content {
            width: 90%;
        }
        .banner_content li p {
            font-size: 12px;
            line-height: 1.2em;
        }
        .banner_box>img {
            width: 125%;
        }
        .banner_content .ones h3 {
            font-size: 18px;
        }
        .about_head p {
            padding: 0 2%;
            font-size: 15px;
            line-height: 1.2em;
        }
        .call_us p {
            font-size: 14px;
            color: #747474;
        }
        .call_us img {
            width: 25%;
        }
        .call_us img:first-child {
            width: 50%;
        }
        .call_us span {
            font-size: 13px;
        }
        .call_us h4 {
            font-size: 14px;
        }
        .only_big {
            display: none;
        }
        .did_content {
            padding: 1% 0 2% 1%;
            width: 95%;
        }
        .did_content p {
            font-size: 16px;
        }
        .did_content h4 {
            font-size: 20px;
            margin: 0.5% 0 0.5%;
        }
        .water_list {
            padding: 0 10%;
        }
    }
    
    @media (max-width: 800px) {
        .banner_box>img {
            width: 150%;
        }
    }
    
    @media (max-width: 768px) {
        .people_list li {
            list-style: none;
        }
        .about_head h4 {
            font-size: 20px;
        }
        .choose_sss {
            width: 100%;
            box-sizing: border-box;
            padding: 2%;
            background: url(../image/did1.png) no-repeat center/100% 100%;
        }
        .choose_sss p {
            background-color: #fff;
            border-radius: 10px;
            padding: 3%;
            font-size: 14px;
            box-sizing: border-box;
            text-align: left;
        }
        .only_small {
            display: block;
            text-align: center;
        }
        .onlys img {
            width: 60% !important;
        }
        .onlys h4 {
            font-size: 14px;
            margin: 5px 0;
            color: #0d5f98;
            font-weight: 700;
        }
        .onlys div {
            position: relative;
        }
        .onlys span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 16px;
        }
        .banner_content li h5 {
            font-size: 16px;
            margin: 2px 0;
        }
        .banner_box>img {
            width: 500%;
        }
        .banner_content {
            width: 90%;
        }
        .banner_content li {
            width: 49%;
            display: block;
        }
        .only_moble {
            display: block !important;
        }
        .box_bottom_list {
            position: static;
            transform: none;
            flex-wrap: wrap;
        }
        .box_bottom_list li {
            width: 45%;
            margin-bottom: 15px;
            box-shadow: 1px 2px 4px #ccc;
        }
        .call_us {
            margin-top: 1px;
        }
        .people_list li {
            font-size: 14px;
        }
        .banner_content li p {
            font-size: 12px;
        }
        .about_head p {
            padding: 0 5%;
            font-size: 14px;
            line-height: 1.2em;
        }
        .team_list {
            flex-wrap: wrap;
        }
        .team_list>li {
            text-align: center;
            width: 45%;
        }
        .only_center {
            display: none !important;
        }
        .call_us>a {
            width: 40%;
        }
        .call_us h4 {
            margin: 0.5% 0;
        }
        .call_us span {
            font-size: 12px;
        }
        .did_content p {
            font-size: 14px;
            padding: 0 2%;
        }
        .call_us img {
            width: 25%;
        }
        .call_us img:first-child {
            width: 50%;
        }
        .did_content img {
            width: 60%;
            padding: 10px 0;
        }
        .only_little {
            display: none !important;
        }
        .did_content {
            padding: 0;
            position: static;
            transform: none;
            border: none;
            margin: 10px auto;
            box-shadow: none;
            display: flex;
            align-items: center;
            flex-direction: column-reverse;
        }
        .did_content h4 {
            font-size: 22px;
            text-align: center;
            margin: 10px;
            font-weight: 700;
        }
        .water_list {
            padding: 0 4%;
            font-size: 14px;
        }
        .we_did>img {
            display: none;
        }
    }
    
    @media (max-width: 460px) {
        .about_head h3 {
            font-size: 20px;
        }
        .we_did>img {
            width: 225%;
        }
        .water_list {
            flex-wrap: wrap;
        }
        .water_list li {
            width: 45%;
        }
    }
    
    .blue {
        color: #5f99d5;
    }
    
    .moreMore {
        cursor: pointer; 
        position: relative;
         display: inline-block;
    }