/* mainer */
.about {
    overflow-x: hidden;
}

.mainer .banner {
    /* position: relative; */
    overflow: hidden;
    background: #fff;
    height: 100%;
}

.mainer .swiper-container {
    /* width: 100%; */
    height: 100%;
}

.mainer .pcimg {
    display: block;
    /* opacity: 0.45;
    filter: alpha(opacity=45); */
    overflow: hidden;
}

.mainer .phoneimg {
    display: none;
    /* opacity: 0.45;
    filter: alpha(opacity=45); */
    overflow: hidden;
}

.mainer .banner .banner-img {
    /* background-color: rgba(0, 0, 0, 1); */
    overflow: hidden;
    height: 100%;
}

.mainer .swiper-img {
    width: 100%;
    height: 100%;
}

.mainer .banner .banner-img img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.mainer .banner .swiper-button-next,
.mainer .banner .swiper-button-prev {
    display: none;
}

.mainer .banner .swiper-container-horizontal > .swiper-pagination-bullets,
.mainer .banner .swiper-pagination-custom,
.mainer .banner .swiper-pagination-fraction {
    bottom: 6%;
}

.mainer .banner .swiper-pagination-bullet,
.qhse-tag .swiper-pagination-bullet,
.qhse-zs .swiper-pagination-bullet,
.build .swiper-pagination-bullet,
.hr-story .swiper-pagination-bullet,
.about-mobilhonor .swiper-pagination-bullet,
.about-mobilecooper .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    /* border-radius: unset; */
    background: rgb(255, 255, 255, 0.3);
    opacity: 1;
}

.mainer .banner .swiper-pagination-bullet-active,
.qhse-tag .swiper-pagination-bullet-active,
.qhse-zs .swiper-pagination-bullet-active,
.build .swiper-pagination-bullet-active,
.hr-story .swiper-pagination-bullet-active,
.about-mobilecooper .swiper-pagination-bullet-active {
    background: #ffffff;
}

.about-mobilhonor .swiper-pagination-bullet {
    background: rgba(8, 97, 179, 0.6);
}

.about-mobilhonor .swiper-pagination-bullet-active {
    background: #0861b3;
}

.banner .swiper-fontlist {
    width: 100%;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.banner .swiper-font {
    width: 100%;
    text-align: center;
}

    .banner .swiper-font .swiper-h2 h2 {
        font-family: 'HARMONYOS_SANS_BOLD';
        font-size: 117px;
        position: relative;
        color: #ffffff;
        padding-bottom: 10px;
        word-wrap: break-word;
    }

        .banner .swiper-font .swiper-h2 h2::before {
            content: " ";
            width: 79px;
            height: 5px;
            background-color: #ffffff;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
        }

        .banner .swiper-font .swiper-h2 h2 i {
            font-weight: 300;
            font-style: normal;
        }

        .banner .swiper-font .swiper-h2 h2 span {
            font-family: "PangMenZhengDao";
            font-size: 80px;
            vertical-align: middle;
        }

    .banner .swiper-font .swiper-h3 {
        margin-top: 15px;
    }

        .banner .swiper-font .swiper-h3 h3 {
            font-family: "HarmonyOS_Sans_SC_Bold";
            font-size: 50px;
            line-height: 60px;
            color: #ffffff;
        }

    .banner .swiper-font .swiper-p {
        margin-top: 10px;
    }

        .banner .swiper-font .swiper-p p {
            font-size: 32px;
            line-height: 45px;
            color: #ffffff;
        }

    .banner .swiper-font .tag {
        width: 190px;
        height: 55px;
        line-height: 55px;
        font-size: 16px;
        color: #fff;
        background: rgba(42, 97, 149, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.8);
        margin: 50px auto 0 auto;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

        .banner .swiper-font .tag:hover {
            background: rgba(42, 97, 149, 0.8);
        }

    .banner .swiper-font .swiper-more {
        width: 180px;
        height: 48px;
        border-radius: 4px;
        border: solid 2px rgba(255, 255, 255, 0.2);
        font-size: 14px;
        text-align: center;
        line-height: 48px;
        color: #ffffff;
        display: block;
        transition: all 0.5s;
        margin-top: 75px;
    }

        .banner .swiper-font .swiper-more:hover {
            border: solid 2px rgba(255, 255, 255, 0.6);
            color: #E82F1A;
        }

.mainer .banner .swiper-slide-active .swiper-font .swiper-h2 h2 {
    -webkit-animation: fadeInDown 2.8s;
    animation: fadeInDown 2.8s;
}

.mainer .banner .swiper-slide-active .swiper-font .swiper-h3 h3 {
    -webkit-animation: fadeInUp 3.5s;
    animation: fadeInUp 3.5s;
}

.mainer .banner .swiper-slide-active .swiper-font .swiper-p p {
    -webkit-animation: fadeInUp 4.5s;
    animation: fadeInUp 4.5s;
}

.banner .swiper-video {
    width: 100%;
    height: 100%;
    object-fit: fill;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.index-tit h3 {
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 32px;
    line-height: 40px;
    color: #333333;
    position: relative;
    margin-bottom: 13px;
}

.index-tit p {
    font-size: 20px;
    line-height: 32px;
    color: #666666;
}

.index-cont1 {
    position: relative;
    padding-top: 4%;
}

    .index-cont1 .index-cont1-list {
        position: relative;
        margin-top: 2%;
        height: 600px;
        overflow: hidden;
    }

    .index-cont1 .index-cont1-li {
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        width: 50%;
        height: 600px;
        z-index: 0;
    }

        .index-cont1 .index-cont1-li a {
            display: block;
            width: 100%;
            height: 100%;
        }

    .index-cont1 .index-cont1-li1 {
        left: 0%;
    }

    .index-cont1 .index-cont1-li2 {
        left: 50%;
    }

    .index-cont1 .index-cont1-li h4 {
        font-size: 50px;
        line-height: 60px;
        color: rgba(255, 255, 255, 0.3);
    }

    .index-cont1 .index-cont1-li .index-cont1-dec {
        font-size: 17px;
        line-height: 32px;
        color: #ffffff;
        margin-top: 10px;
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .index-cont1 .index-cont1-li .index-cont1-font {
        width: 100%;
        height: 340px;
        overflow: hidden;
        position: absolute;
        padding: 0px 80px;
        width: 950px;
        bottom: 50px;
    }

    .index-cont1 .index-cont1-li1:hover {
        z-index: 9;
        width: 68%;
    }

    .index-cont1 .index-cont1-li2:hover {
        left: 32%;
        width: 68%;
        z-index: 9;
    }

    .index-cont1 .index-cont1-li:hover h4 {
        color: rgba(255, 255, 255, 1);
    }

    .index-cont1 .index-cont1-swiper {
        display: none;
    }

        .index-cont1 .index-cont1-swiper .index-cont1-font {
            padding: 5% 3%;
            height: 340px;
        }

            .index-cont1 .index-cont1-swiper .index-cont1-font h4 {
                font-size: 28px;
                color: #333333;
            }

        .index-cont1 .index-cont1-swiper .swiper-container {
            margin-top: 20px;
        }

        .index-cont1 .index-cont1-swiper .swiper-slide {
            background: #f5f5f5;
        }

        .index-cont1 .index-cont1-swiper .index-cont1-dec {
            font-size: 17px;
            line-height: 32px;
            color: #666666;
            margin-top: 15px;
        }

        .index-cont1 .index-cont1-swiper .swiper-pagination-bullet {
            width: 18px;
            height: 3px;
            border-radius: 0px;
        }

.index-cont2 {
    position: relative;
    padding-top: 3.5%;
}

    .index-cont2 .index-tit {
        padding-right: 43%;
    }

    .index-cont2 .index-cont2-list {
        margin-top: 2.8%;
    }

    .index-cont2 .index-cont2-img {
        width: 53%;
        position: relative;
    }

    .index-cont2 .index-cont2-font {
        width: 47%;
        position: relative;
        background-color: #ffffff;
        box-shadow: 0px 0px 29px 0px rgba(21, 21, 22, 0.1);
        padding: 3.8% 6.5% 2% 6.5%;
    }

    .index-cont2 .index-cont2-li1 {
        margin-right: 8.5%;
    }

    .index-cont2 .index-cont2-li2 {
        margin-left: 8.5%;
        margin-top: 3.2%;
    }

    .index-cont2 .index-cont2-img img {
        height: 100%;
    }

    .index-cont2 .index-cont2-img {
        overflow: hidden;
    }

        .index-cont2 .index-cont2-img img {
            width: 100%;
            -webkit-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }

    .index-cont2 .index-cont2-icon img {
        margin: 0;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .index-cont2 .index-cont2-icon {
        margin-bottom: 5%;
    }

    .index-cont2 .index-cont2-font .tit {
        font-family: "HarmonyOS_Sans_SC_Medium";
        font-size: 26px;
        line-height: 36px;
        color: #004c92;
    }

    .index-cont2 .index-cont2-font .dec {
        font-size: 16px;
        line-height: 28px;
        color: #777777;
        margin-top: 10px;
    }

    .index-cont2 .index-cont2-li:hover .index-cont2-font .tit,
    .index-cont2 .index-cont2-li2 .index-cont2-font .tit {
        color: #1bac8c;
    }

    .index-cont2 .index-cont2-li2:hover .index-cont2-font .tit {
        color: #004c92;
    }

    .index-cont2 .index-cont2-li:hover .index-cont2-img img {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .index-cont2 .index-cont2-li:hover .index-cont2-icon img {
        transform: translateY(-20px);
    }

.index-cont3 {
    position: relative;
    background-color: #ecf9ff;
    padding: 6% 8.5%;
    margin-top: 5.5%;
}

    .index-cont3 .ul-num li:nth-child(2n) {
        margin-right: 0px;
    }

    .index-cont3 .law-num-info span {
        font-family: "DINCondensed-Bold";
        font-size: 80px;
        line-height: 70px;
        color: #004c92;
    }

    .index-cont3 .law-num-info sup {
        font-size: 16px;
        color: #004c92;
        vertical-align: top;
    }

    .index-cont3 .ul-num-dec {
        font-size: 18px;
        line-height: 30px;
        color: #666666;
        margin-top: 6px;
    }

.index-cont4 {
    position: relative;
}

    .index-cont4 .index-cont4-top {
        padding-top: 9%;
        background-attachment: fixed;
        height: 1060px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
    }

    .index-cont4 .index4-tit {
        width: 56.5%;
        float: right;
        padding-right: 5%;
    }

        .index-cont4 .index4-tit h3 {
            font-family: "HarmonyOS_Sans_SC_Bold";
            font-size: 30px;
            line-height: 42px;
            position: relative;
            padding-bottom: 3%;
            color: #ffffff;
        }

        .index-cont4 .index4-tit p {
            font-size: 17px;
            line-height: 26px;
            color: #ffffff;
            padding-top: 4%;
        }

        .index-cont4 .index4-tit h3::before {
            content: " ";
            position: absolute;
            top: 100%;
            left: 0;
            width: 40px;
            height: 4px;
            background-color: #ffffff;
        }

    .index-cont4 .more {
        margin-top: 70px;
        display: inline-block;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        position: relative;
        text-align: center;
        z-index: 9;
        width: 127px;
        color: #ffffff;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        border-radius: 2px;
        border: solid 1px #ffffff;
    }

        .index-cont4 .more:hover {
            border: solid 1px rgba(255, 255, 255, 0.7);
            color: rgba(255, 255, 255, 0.7);
        }

    .index-cont4 .index-cont4-botbg {
        height: 450px;
        background-color: #f1f1f1;
        position: relative;
    }

    .index-cont4 .index-cont4-bot {
        padding-left: 160px;
        position: relative;
        margin-top: -41.95%;
    }

    .index-cont4 .index-cont4-swiperfont {
        background-color: #ffffff;
        padding: 40px 35px 50px 35px;
    }

        .index-cont4 .index-cont4-swiperfont h3 {
            font-size: 22px;
            line-height: 31px;
            /* height: 65px; */
            padding-left: 38px;
            padding-right: 0px;
            color: #253a79;
            font-family: "HarmonyOS_Sans_SC_Medium";
            position: relative;
            margin-bottom: 10px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .index-cont4 .index-cont4-swiperfont h3::before {
                content: " ";
                position: absolute;
                top: 8px;
                left: 0;
                width: 17px;
                height: 16px;
                background: url(../img/in-jticon.png)no-repeat center center;
                -webkit-transition: .5s;
                -ms-transition: .5s;
                -moz-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
            }

    .index-cont4 .index-cont4-swiperft {
        font-size: 16px;
        line-height: 29px;
        padding-left: 38px;
        height: 116px;
        overflow-x: hidden;
        overflow-y: auto;
        color: #777777;
    }

    .index-cont4 .tag {
        background-color: #e7f2fb;
        border-radius: 2px;
        padding: 11px 20px;
        font-size: 16px;
        color: rgba(37, 58, 121, 0.8);
        text-align: right;
        display: inline-block;
        margin-top: 20px;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        display: none;
    }

    .index-cont4 .swiper-button-prev,
    .index-cont4 .swiper-button-next {
        width: 40px;
        height: 40px;
        background-color: #ffffff;
        border-radius: 2px;
        top: auto;
        bottom: 101px;
    }

    .index-cont4 .swiper-button-prev {
        background: url(../img/enin-prev.png) #ffffff no-repeat center center;
        left: 160px;
    }

    .index-cont4 .swiper-button-next {
        background: url(../img/enin-next.png) #ffffff no-repeat center center;
        right: auto;
        left: 210px;
    }

    .index-cont4 .swiper-button-prev:hover {
        background: url(../img/enin-hprev.png) #ffffff no-repeat center center;
    }

    .index-cont4 .swiper-button-next:hover {
        background: url(../img/enin-hnext.png) #ffffff no-repeat center center;
    }

.swiper-button-next,
.swiper-button-prev {
    opacity: 1 !important;
}

.index-cont4 .swiper-container {
    padding-bottom: 170px;
}

.index-cont4 .index-cont4-swiperimg {
    width: 100%;
    overflow: hidden;
}

    .index-cont4 .index-cont4-swiperimg img {
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

.index-cont4 .swiper-slide:hover .index-cont4-swiperimg img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.index-cont4 .swiper-slide:hover .index-cont4-swiperfont h3 {
    color: #1bac8c;
}

    .index-cont4 .swiper-slide:hover .index-cont4-swiperfont h3::before {
        left: 20px;
    }

.index-cont4 .index-cont4-bot .index4-tit {
    float: left;
    padding-bottom: 10px;
}

    .index-cont4 .index-cont4-bot .index4-tit h3::before {
        opacity: 0;
    }

.index-cont4 .swiper-slide:hover .tag {
    color: #fff;
    background-color: #1bac8c;
    margin-left: 38px;
}

.index-cont5 {
    position: relative;
    padding-top: 4.5%;
    padding-bottom: 6.5%;
}

    .index-cont5 .index-cont5-list {
        padding-top: 4%;
    }

    .index-cont5 .index-cont5-left {
        width: 66.5%;
        position: relative;
    }

    .index-cont5 .index-cont5-right {
        width: 33.5%;
        position: relative;
    }

    .index-cont5 .index-cont-lffont time,
    .index-cont5 .index-cont5-rt .tit time,
    .index-cont5 .index-cont5-rtfont time {
        font-size: 14px;
        line-height: 28px;
        color: #666666;
    }

    .index-cont5 .index-cont-lffont .dec,
    .index-cont5 .index-cont5-rt .tit h4 {
        font-size: 20px;
        font-weight: bold;
        line-height: 32px;
        color: #333333;
    }

    .index-cont5 .index-cont5-lf {
        width: 55%;
    }

    .index-cont5 .index-cont5-rt {
        width: 45%;
    }

    .index-cont5 .index-cont5-lf,
    .index-cont5 .index-cont5-rt {
        margin-right: 4%;
    }

    .index-cont5 .index-cont5-rt {
        background-color: #f7f7f7;
        padding: 5% 3%;
    }

    .index-cont5 .index-cont5-img,
    .index-cont5 .index-cont5-rtimg {
        overflow: hidden;
    }

        .index-cont5 .index-cont5-img img,
        .index-cont5 .index-cont5-rtimg img {
            width: 100%;
            -webkit-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }

    .index-cont5 .index-cont5-lf:hover .index-cont5-img img,
    .index-cont5 .index-cont5-right a:hover .index-cont5-rtimg img {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .index-cont5 .index-cont5-lf:hover .index-cont-lffont .dec,
    .index-cont5 .index-cont5-right a:hover .index-cont5-rtfont .tit,
    .index-cont5 .index-cont5-rt:hover .tit h4 {
        color: #1bac8c;
    }

    .index-cont5 .index-cont5-rt .dec {
        font-size: 16px;
        line-height: 30px;
        color: #666666;
        padding-top: 8%;
    }

    .index-cont5 .index-cont-lffont .dec {
        margin-top: 3px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .index-cont5 .index-cont-lffont {
        margin-top: 5%;
    }

    .index-cont5 .index-cont5-rt .tag {
        width: 126px;
        height: 40px;
        border-radius: 2px;
        border: solid 1px #b8b8b8;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        color: #888888;
        margin-top: 18%;
    }

        .index-cont5 .index-cont5-rt .tag:hover {
            color: #004c92;
            border: solid 1px #004c92;
        }

    .index-cont5 .index-cont5-rt .tit h4 {
        position: relative;
        padding-bottom: 9.2%;
    }

        .index-cont5 .index-cont5-rt .tit h4::before {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 60px;
            height: 2px;
            z-index: 3;
            background-color: #004c92;
            -webkit-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }

        .index-cont5 .index-cont5-rt .tit h4::after {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 2px;
            background-color: #dededc;
        }

    .index-cont5 .index-cont5-rt:hover .tit h4::before {
        width: 100%;
    }

    .index-cont5 .index-cont5-rtimg {
        width: 178px;
    }

    .index-cont5 .index-cont5-right a {
        align-items: center;
        padding: 5% 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .index-cont5 .index-cont5-right li:first-child a {
        padding-top: 0px;
    }

    .index-cont5 .index-cont5-rtfont {
        width: calc(100% - 178px);
        padding-left: 4%;
    }

        .index-cont5 .index-cont5-rtfont .tit {
            font-size: 18px;
            line-height: 30px;
            color: #333333;
        }

.footer .foot-left-lo h2 {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    margin-top: 13px;
}

.footer .foot-left-addr h4,
.footer .foot-left-tel h4,
.footer .foot-share h4 {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 7px;
}

.footer .foot-share h4 {
    margin-bottom: 10px;
}

.footer .foot-left-addr .dec {
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.6);
}

.footer .foot-left-tel .tel {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.6);
    font-family: "HarmonyOS_Sans_SC_Bold"
}

.footer .foot-left-tel .email {
    font-size: 16px;
    color: rgba(184, 196, 216, 0.6);
}

.fximg a {
    position: relative;
}

.fximg span {
    display: none;
    position: absolute;
    width: 120px;
    left: 50%;
    transform: translateX(-50%);
    top: 110%;
}

    .fximg span img {
        width: 100%;
    }

.fximg a:hover span {
    display: block;
    z-index: 5;
}

.footer .footer-list-top {
    align-items: flex-start;
}

.footer .foot-left-lo,
.footer .foot-left-addr {
    width: 30%;
    padding-right: 8%;
}

.footer .foot-left-tel {
    width: 25%;
}

.footer .foot-share {
    flex: 1;
}

/* 20211220 */
.headfixed .mobile-nav-box .head-subnav {
    padding: 10px 30px;
}

    .headfixed .mobile-nav-box .head-subnav .link-tit a {
        line-height: 32px;
        font-size: 16px;
    }

.headfixed .mobile-nav-box .link-tit > i {
    right: 0px;
    top: 11px;
}

.headfixed .mobile-nav-box .head-subnav .link-tit.cur > i::before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.team-pro .team-proleft {
    height: 600px;
}

.banner .swiper-font .swiper-h2,
.banner .swiper-font .swiper-h2 h2 {
    letter-spacing: 5px;
}

.about .about-pchonor ul li:nth-child(1) {
    left: 40%;
    top: 16%;
    transform: translate(-40%, -16%);
}

.about .about-pchonor ul li:nth-child(2) {
    left: 53%;
    top: 14%;
    transform: translate(-53%, -14%);
}

.about .about-pchonor ul li:nth-child(3) {
    left: 65%;
    top: 18.5%;
    transform: translate(-65%, -18.5%);
}

.about .about-pchonor ul li:nth-child(5) {
    left: 91%;
    top: 14%;
    transform: translate(-91%, -14%);
}

.about .about-pchonor ul li:nth-child(6) {
    top: 75.5%;
    transform: translateY(-75.5%);
}

.about .about-pchonor ul li:nth-child(9) {
    left: 46.5%;
    top: 75%;
    transform: translate(-46.5%, -75%);
}

.about .about-pchonor ul li:nth-child(8) {
    left: 34%;
    top: 73.5%;
    transform: translate(-34%, -73.5%);
}

.about .about-pchonor ul li:nth-child(10) {
    left: 59%;
    top: 75%;
    transform: translate(-59%, -75%);
}

.about .about-pchonor .about-pclist:last-child ul li:nth-child(2) {
    left: 53%;
    top: 16.5%;
    transform: translate(-53%, -16.5%);
}

.about .about-pchonor .about-pclist:last-child ul li:nth-child(3) {
    left: 66%;
    top: 24%;
    transform: translate(-66%, -24%);
}

.about .about-pchonor .about-pclist:last-child ul li:nth-child(4) {
    left: 79%;
    top: -2.5%;
    transform: translate(-79%, 0%);
}

.about .about-pchonor .about-pclist:last-child ul li:nth-child(5) {
    left: 91%;
    top: 21%;
    transform: translate(-91%, -21%);
}

.about .about-pchonor .about-pclist:last-child ul li:nth-child(6) {
    top: 75.5%;
    transform: translateY(-75.5%);
}

.about .about-pchonor .about-pclist:last-child ul li:nth-child(7) {
    left: 21%;
    top: 73%;
    transform: translate(-21%, -73%);
}

.about .about-pchonor .about-pclist:last-child ul li:nth-child(9) {
    left: 46.5%;
    top: 75.5%;
    transform: translate(-46.5%, -75.5%);
}

.about .about-pchonor ul li:nth-child(4) {
    left: 79%;
    top: 21%;
    transform: translate(-79%, -21%);
}

.footer .foot-cen li {
    align-items: flex-start;
}

.joblist-ul .ny-item p {
    line-height: 28px;
    min-height: 180px;
}

.team-pro .team-proleft {
    padding-left: 65px;
}

.cdsb-cont-lb .swiper-slide {
    cursor: pointer;
}

.new .new-hotright a {
    padding-right: 15%;
}

.hr .hr-story-swiperfont h4 {
    word-wrap: initial;
    -webkit-box-orient: initial;
}

.banner .swiper-font .swiper-h2 h2 {
    font-size: 80px;
}

.contact .contact-formright {
    padding-top: 0px;
}

.contact .contact-form > div {
    align-items: center;
}

.contact .contact-formright ul li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.headfixed1.headerbgm .menu-list h3 a {
    color: #fff;
}

.qhse-zs .swiper-button-prev,
.qhse-zs .swiper-button-next {
    display: block;
}

.mainer .qhse-tag .swiper-container {
    width: 93%;
}

.qhse-zs .swiper-pagination-bullet {
    background: rgba(27,172,140, 0.3);
}

.qhse-zs .swiper-pagination-bullet-active {
    background: rgba(27,172,140, 1);
}

.index-cont5 .index-cont5-menu {
    width: 70%;
}

    .index-cont5 .index-cont5-menu a {
        display: block;
        width: 100%;
        font-size: 18px;
        color: #666666;
        line-height: 30px;
        font-weight: bold;
    }

    .index-cont5 .index-cont5-menu li {
        margin-right: 47px;
        border-bottom: 3px solid transparent;
    }

        .index-cont5 .index-cont5-menu li:last-child {
            margin-right: 0px;
        }

        .index-cont5 .index-cont5-menu li.active a,
        .index-cont5 .index-cont5-menu li:hover a {
            color: #004c92;
        }

        .index-cont5 .index-cont5-menu li.active,
        .index-cont5 .index-cont5-menu li:hover {
            border-bottom: 3px solid #004c92;
        }

.index-cont5 .index-cont5-li {
    display: none;
}

    .index-cont5 .index-cont5-li:first-child {
        display: block;
    }

.index-cont5 .index-cont5-top {
    align-items: center;
}
/* responsive */
@media screen and (max-width: 1679px) {
    .index-cont4 .index-cont4-swiperfont {
        padding: 50px 40px 68px 53px;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -45.5%;
    }

    .index-cont2 .index-cont2-li {
        height: 421px;
    }

    .index-cont1 .index-cont1-li .index-cont1-dec {
        margin-top: 15px;
    }

    .index-cont1 .index-cont1-li .index-cont1-font {
        padding: 0px 50px;
        width: 800px;
    }
}

@media screen and (max-width: 1659px) {
    .index-cont1 .index-cont1-bycpic .txt {
        padding: 26px 19px 0px 25px;
    }

    .w1600 {
        width: 90%;
    }

    .index-cont1 .index-cont1-bycpic,
    .index-cont1 .index-cont1-bycpic .txt {
        height: 680px;
    }

        .index-cont1 .index-cont1-bycpic .index-cont1-img img {
            height: 680px;
            max-height: 680px;
        }

    .index-cont4 .index4-tit {
        width: 61.5%;
    }

    .index-cont4 .index-cont4-bot {
        padding-left: 84px;
    }

    .index-cont4 .index-cont4-swiperfont {
        padding: 50px 40px 68px 40px;
    }

    .index-cont4 .swiper-button-prev {
        left: 84px;
    }

    .index-cont4 .swiper-button-next {
        left: 135px;
    }

    .index-cont2 .index-cont2-font {
        padding: 2.8% 3.5% 2% 3.5%;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -48.75%;
    }

    .banner .swiper-font .swiper-h3 h3 {
        font-size: 46px;
    }

    .banner .swiper-font .swiper-p p {
        font-size: 30px;
    }
}

@media screen and (max-width: 1650px) {
    .about .about-pchonor .about-pclist:last-child ul li:nth-child(9) {
        left: 48%;
        top: 75.5%;
        transform: translate(-48%, -75.5%);
    }

    .about .about-pchonor ul li:nth-child(10) {
        left: 62%;
        top: 75%;
        transform: translate(-62%, -75%);
    }
}

@media screen and (max-width: 1560px) {
    .about .about-pchonor ul li:nth-child(5) {
        left: 91%;
        top: 17%;
        transform: translate(-91%, -17%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(5) {
        left: 91%;
        top: 23%;
        transform: translate(-91%, -23%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(9) {
        left: 48.5%;
        top: 75.5%;
        transform: translate(-48.5%, -75.5%);
    }

    .about .about-pchonor ul li:nth-child(10) {
        left: 63%;
        top: 75%;
        transform: translate(-63%, -75%);
    }

    .team-pro .team-proleft {
        height: 650px;
    }

    .service-qhse .service-qhse-li > div {
        width: 95%;
    }

    .service-item .H001B-interactive-segment-split .slide-content--inactive .link {
        line-height: 40px;
    }

    .index-cont2 .index-cont2-font {
        padding: 3.5% 3.5% 2% 3.5%;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -51.75%;
    }

    .index-cont4 .index-cont4-botbg {
        height: 500px;
    }

    .index-cont1 .index-cont1-li .index-cont1-font {
        bottom: 10px;
        width: 750px;
    }

    .index-cont1 .index-cont1-li h4 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media screen and (max-width: 1520px) {
    .w1400 {
        width: 90%;
    }
}

@media screen and (max-width: 1470px) {
    .index-cont4 .index-cont4-bot {
        margin-top: -59.5%;
    }

    .index-cont2 .index-cont2-icon {
        margin-bottom: 3%;
    }
}

@media screen and (max-width: 1459px) {
    .index-cont1 .index-cont1-txttit {
        font-size: 110px;
    }

    .index-cont1 .index-cont1-bycpic,
    .index-cont1 .index-cont1-bycpic .txt {
        height: 600px;
    }

        .index-cont1 .index-cont1-bycpic .index-cont1-img img {
            height: 600px;
            max-height: 600px;
        }

    .index-cont1 .index-cont1-icon img {
        width: 85%;
    }

    .index-cont1 .index-cont1-bycpic.cur .index-cont1-icon {
        transform: translateY(10%);
    }

    .index-cont3 .law-num-info span {
        font-size: 80px;
        line-height: 60px;
    }

    .index-cont3 .law-num-info sup {
        font-size: 18px;
    }

    .index-cont4 .index4-tit {
        width: 70%;
    }

    .index-cont4 .index-cont4-top {
        height: 900px;
    }

    .index-cont4 .index-cont4-swiperfont {
        padding: 40px 20px 55px 35px;
    }

    .index-cont1 .index-cont1-icon {
        transform: translateY(-65%);
    }

    .about .law-num-info span {
        font-size: 78px;
    }

    .about .about-pchonor ul li:nth-child(1) {
        left: 36%;
        top: 16%;
        transform: translate(-36%, -16%);
    }

    .about .about-pchonor ul li:nth-child(2) {
        left: 50%;
        top: 14%;
        transform: translate(-50%, -14%);
    }

    .about .about-pchonor ul li:nth-child(5) {
        left: 91%;
        top: 18%;
        transform: translate(-91%, -18%);
    }

    .about .about-pchonor ul li:nth-child(7) {
        left: 23%;
        top: 74.7%;
        transform: translate(-23%, -74.7%);
    }

    .about .about-pchonor ul li:nth-child(8) {
        left: 37%;
        top: 73.5%;
        transform: translate(-37%, -73.5%);
    }

    .about .about-pchonor ul li:nth-child(9) {
        left: 50.5%;
        top: 75%;
        transform: translate(-50.5%, -75%);
    }

    .about .about-pchonor ul li:nth-child(10) {
        left: 64%;
        top: 75%;
        transform: translate(-64%, -75%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(2) {
        left: 50%;
        top: 16.5%;
        transform: translate(-50%, -16.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(3) {
        left: 65%;
        top: 24%;
        transform: translate(-65%, -24%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(7) {
        left: 22.5%;
        top: 73%;
        transform: translate(-22.5%, -73%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(8) {
        left: 36%;
        top: 75%;
        transform: translate(-36%, -75%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(9) {
        left: 51%;
        top: 75.5%;
        transform: translate(-51%, -75.5%);
    }

    .about .about-pchonor ul li:nth-child(10) {
        left: 67%;
        top: 75%;
        transform: translate(-67%, -75%);
    }

    .about .about-pchonor ul li:nth-child(9) {
        left: 52.5%;
        top: 75%;
        transform: translate(-52.5%, -75%);
    }

    .team-pro .team-proleft {
        height: 700px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        top: 80%;
    }

    .qhse-policy .qhse-policy-left {
        width: 57%;
    }

    .qhse-policy .qhse-policy-right {
        width: 43%;
    }

    .index-tit h3 {
        font-size: 28px;
    }

    .index-cont2 .index-cont2-li2 {
        margin-left: 5.5%;
    }

    .index-cont2 .index-cont2-li1 {
        margin-right: 5.5%;
    }

    .index-cont2 .index-cont2-font .tit {
        font-size: 24px;
    }

    .footer .footer-list-botmenu {
        padding-right: 25.5%;
    }

    .index-cont4 .index-cont4-swiperfont h3 {
        font-size: 20px;
    }

    .banner .swiper-font .swiper-h3 h3 {
        font-size: 40px;
    }

    .banner .swiper-font .swiper-p p {
        font-size: 28px;
    }

    .index-cont4 .index-cont4-botbg {
        height: 450px;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -51%;
    }

    .index-cont1 .index-cont1-li .index-cont1-dec {
        font-size: 15px;
        line-height: 30px;
    }

    .index-cont1 .index-cont1-li .index-cont1-font {
        height: 280px;
        bottom: 20px;
        width: 700px;
    }

    .index-cont1 .index-cont1-li .index-cont1-dec {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1366px) {
    .banner .swiper-font .swiper-h2 h2 span {
        font-size: 68px;
    }

    .index-tit h3 {
        font-size: 42px;
    }

    .index-cont3 .ul-num-dec {
        font-size: 16px;
    }

    .index-cont3 .law-num-info span {
        font-size: 60px;
    }

    .index-cont4 .index4-tit h3,
    .index-tit h3 {
        font-size: 38px;
        line-height: 60px;
    }

    .index-cont1 .index-cont1-txttit {
        font-size: 90px;
    }

    .index-cont1 .index-cont1-txt h4 {
        font-size: 22px;
    }

    .index-cont1 .index-cont1-txtdec {
        font-size: 17px;
        line-height: 28px;
        padding-top: 20px;
    }

    .banner .swiper-font .swiper-h2 h2 {
        font-size: 90px;
    }

    .banner .swiper-font .swiper-h3 h3 {
        font-size: 38px;
        line-height: 54px;
    }

    .banner .swiper-font .swiper-h3 {
        margin-top: 18px;
    }

    .index-cont4 .index-cont4-swiperfont h3 {
        font-size: 20px;
    }

    .index-cont4 .tag {
        font-size: 14px;
    }

    .about .about-pchonor ul li:nth-child(1) {
        left: 33%;
        top: 16%;
        transform: translate(-33%, -16%);
    }

    .about .about-pchonor ul li:nth-child(5) {
        left: 91%;
        top: 20%;
        transform: translate(-91%, -20%);
    }

    .about .about-pchonor ul li:nth-child(2) {
        left: 49%;
        top: 14%;
        transform: translate(-49%, -14%);
    }

    .about .about-pchonor ul li:nth-child(3) {
        left: 63%;
        top: 18.5%;
        transform: translate(-63%, -18.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(1) {
        left: 30%;
        top: 18%;
        transform: translate(-30%, -18%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(2) {
        left: 46%;
        top: 18.5%;
        transform: translate(-46%, -18.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(3) {
        left: 62%;
        top: 25%;
        transform: translate(-62%, -25%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(4) {
        left: 79%;
        top: 1.5%;
        transform: translate(-79%, 0%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(5) {
        left: 91%;
        top: 26%;
        transform: translate(-91%, -26%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(10) {
        left: 66%;
        top: 74%;
        transform: translate(-63%, -66%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(6) {
        top: 76.5%;
        transform: translateY(-76.5%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(8) {
        left: 36%;
        top: 76%;
        transform: translate(-36%, -76%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(7) {
        left: 22.5%;
        top: 73.5%;
        transform: translate(-22.5%, -73.5%);
    }

    .team-pro .team-proleft {
        height: 710px;
    }

    .energy .energy-supply-font h4 {
        font-size: 16px;
    }

    .qhse-policy > div {
        flex-wrap: wrap;
    }

    .qhse-policy .qhse-policy-left,
    .qhse-policy .qhse-policy-right {
        width: 100%;
    }

    .qhse-policy .qhse-policy-right {
        padding-left: 0px;
        padding-top: 13%;
    }

        .qhse-policy .qhse-policy-right::after {
            opacity: 0.45;
        }

    .qhse-policy .qhse-policy-leftimg1 {
        padding-left: 13%;
    }

    .qhse-policy .qhse-policy-leftimg2 {
        padding-left: 25%;
    }

    .about .about-pchonor ul li img,
    .about .about-pchonor .about-pclist:last-child ul li img {
        width: 140px;
    }

    .about .about-pchonor ul li:nth-child(1) {
        left: 33%;
        top: 18%;
        transform: translate(-33%, -18%);
    }

    .about .about-pchonor ul li:nth-child(2) {
        left: 49%;
        top: 17%;
        transform: translate(-49%, -17%);
    }

    .about .about-pchonor ul li:nth-child(3) {
        left: 63%;
        top: 20.5%;
        transform: translate(-63%, -20.5%);
    }

    .about .about-pchonor ul li:nth-child(4) {
        left: 79%;
        top: 24.5%;
        transform: translate(-79%, -24.5%);
    }

    .about .about-pchonor ul li:nth-child(5) {
        left: 91%;
        top: 21%;
        transform: translate(-91%, -21%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(3) {
        left: 62%;
        top: 26%;
        transform: translate(-62%, -26%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(5) {
        left: 91%;
        top: 25%;
        transform: translate(-91%, -25%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(9) {
        left: 51%;
        top: 76%;
        transform: translate(-51%, -76%);
    }

    .about .about-pchonor .about-pclist:last-child ul li:nth-child(10) {
        left: 66%;
        top: 76%;
        transform: translate(-66%, -76%);
    }

    #search-form {
        width: 32%;
    }

    .index-cont2 .index-cont2-icon img {
        width: 110px;
    }

    .index-cont4 .index4-tit h3,
    .index-tit h3 {
        font-size: 30px;
        line-height: 48px;
    }

    .footer .foot-left-tel .tel {
        font-size: 18px;
    }

    .footer .foot-left-lo,
    .footer .foot-left-addr {
        padding-right: 4%;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -51.7%;
    }

    .index-cont2 .index-cont2-font {
        padding: 4% 3.5% 2% 3.5%;
    }

    .index-cont4 .index4-tit {
        padding-right: 1%;
    }

    .product .ul-num-dec {
        font-size: 18px;
    }

    .index-cont1 .index-cont1-li .index-cont1-font {
        height: 300px;
        width: 660px;
    }
}

@media screen and (max-width: 1279px) {
    .service-item .H001B-interactive-segment-split {
        height: 1000px;
    }

        .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
            top: 12rem;
        }

        .service-item .H001B-interactive-segment-split .right-slide {
            bottom: -130px;
        }

    .index-cont1 .index-cont1-li h4 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media screen and (max-width: 1259px) {

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 80px;
        padding-bottom: 5px;
    }

    .banner .swiper-font .swiper-p p {
        font-size: 26px;
    }

    .banner .swiper-font .tag {
        width: 170px;
        height: 50px;
        line-height: 50px;
    }

    .banner .swiper-font .swiper-h2 h2::before {
        height: 3px;
    }

    .index-cont1 .index-cont1-bycpic,
    .index-cont1 .index-cont1-bycpic .txt {
        height: 500px;
    }

        .index-cont1 .index-cont1-bycpic .index-cont1-img img {
            height: 500px;
            max-height: 500px;
        }

    .index-cont1 .index-cont1-icon img {
        width: 65%;
    }

    .index-cont1 .index-cont1-bycpic {
        width: 10%;
    }

        .index-cont1 .index-cont1-bycpic.cur {
            width: 70%;
        }

    .index-cont1 .index-cont1-txttit {
        font-size: 90px;
    }

    .index-cont3 .ul-num {
        flex-wrap: wrap;
        margin: 0 auto;
    }

        .index-cont3 .ul-num li {
            width: 50%;
            margin-bottom: 100px;
            padding-left: 120px;
        }

    .index-cont3 {
        padding-bottom: 20px;
    }

    .index-cont4 .index4-tit h3::before {
        height: 3px;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -57.1%;
    }

    .index-cont1 .index-cont1-bycpic:last-child.cur .index-cont1-icon {
        transform: translateY(-18%);
    }

    .index-cont1 .index-cont1-bycpic.cur .index-cont1-icon {
        transform: translateY(-3%);
    }

    .index-cont1 .index-cont1-icon {
        transform: translateY(-110%);
    }

    .about .about-who-leftfont {
        width: 100%;
    }

    .about .law-num-info span {
        font-size: 66px;
    }

    .about .ul-num-dec {
        font-size: 16px;
        line-height: 25px;
    }

    .H001B-interactive-segment-split {
        height: 750px;
    }

        .H001B-interactive-segment-split .left-slide .slide-content--default {
            top: 15rem;
        }

        .H001B-interactive-segment-split .right-slide .slide-content--default {
            bottom: 14.5rem;
        }

    .about .about-mobilhonor {
        display: block;
        padding-top: 40px;
    }

        .about .about-mobilhonor .about-mobilhonor-img img {
            width: 130px;
        }

    .about .about-honor {
        background: #f5f5f5 !important;
    }

    .about .about-mobilhonor .swiper-wrapper {
        align-items: flex-end;
    }

    .team-pro {
        flex-wrap: wrap;
    }

        .team-pro .team-proleft .team-proleft-font,
        .team-pro .team-proright,
        .team-pro .team-proleft {
            position: static;
            width: 100%;
        }

            .team-pro .team-proleft .team-proleft-font {
                transform: translateY(0px);
            }

        .team-pro .team-proleft {
            height: auto;
            min-height: 380px;
            padding: 55px 0;
        }

            .team-pro .team-proleft .team-proleft-font {
                top: 0;
                left: 50%;
                transform: translate(-50%,0);
                position: relative;
                width: 85%;
                max-height: 100%;
                overflow-y: auto;
            }

        .team-pro .team-proright .team-proright-img img {
            width: 100%;
        }

    .technology .technology-topfontp {
        padding-right: 0px;
    }

    .service-item .H001B-interactive-segment-split {
        height: 1000px;
    }

        .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
            right: 9rem;
        }

        .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
            top: 13rem;
        }

        .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
            bottom: 18.5rem;
        }

    .contact .contact-top-leftfont h3 {
        font-size: 32px;
    }

    .contact .contact-method li {
        padding: 7px 20px;
    }

    .contact .contact-methodimg img {
        width: 100px;
    }

    .about .about-who-ceimg img {
        opacity: 0.3 !important;
    }

    #search-form {
        width: 35%;
    }

    .index-cont5 .index-cont5-left,
    .index-cont5 .index-cont5-right {
        width: 100%;
    }

    .index-cont5 .index-cont5-li > div {
        flex-wrap: wrap;
    }

    .index-cont5 .index-cont5-right {
        margin-top: 5%;
    }

    .index-cont2 .index-cont2-li {
        height: 380px;
    }

    .index-tit p {
        font-size: 18px;
        line-height: 30px;
    }

    .index-cont2 .index-tit {
        padding-right: 30%;
    }

    .index-cont5 .index-cont5-rt {
        margin-right: 0px;
    }

    .footer .footer-list-botmenu {
        padding-right: 0px;
    }

    .banner .swiper-font .tag {
        margin: 30px auto 0 auto;
    }

    .about .about-honor {
        height: auto;
        padding-bottom: 40px;
    }

    .qhse-zs .swiper-button-prev,
    .qhse-zs .swiper-button-next {
        display: block;
    }

    .index-cont1 .index-cont1-li .index-cont1-font {
        width: 600px;
    }
}

@media screen and (max-width: 1200px) {

    .headfixed1.headerbgm .menu-list h3 a {
        color: #666666;
    }

    .banner .swiper-font .swiper-h2 h2 span {
        font-size: 58px;
    }

    .about .about-who-rightfont h3 {
        font-size: 16px;
    }

    .headfixed.headerbgm {
        padding: 5px 0;
        background: #034e93;
    }

    .index-cont1 .index-cont1-li .index-cont1-font {
        height: 310px;
        width: 580px;
    }
}

@media screen and (max-width: 1100px) {

    .product .ul-num-dec {
        font-size: 16px;
        line-height: 22px;
    }

    .banner .swiper-font .swiper-h3,
    .banner .swiper-font .swiper-h3 h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 52px;
        line-height: 70px;
    }

    .index-cont1 .index-cont1-bycpic,
    .index-cont1 .index-cont1-bycpic .txt {
        height: 400px;
    }

        .index-cont1 .index-cont1-bycpic .index-cont1-img img {
            height: 400px;
            max-height: 400px;
        }

    .index-cont1 .index-cont1-txttit {
        font-size: 75px;
    }

    .index-cont1 .index-cont1-txt h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .index-cont1 .index-cont1-txtdec {
        font-size: 18px;
        line-height: 28px;
        padding-top: 18px;
    }

    .index-cont1 .index-cont1-bycpic:last-child.cur .index-cont1-icon {
        transform: translateY(-25%);
    }

    .index-cont1 .index-cont1-bycpic.cur .index-cont1-icon {
        transform: translateY(-8%);
    }

    .index-cont3 .ul-num li {
        padding-left: 85px;
    }

    .index-cont4 .index-cont4-botbg {
        height: 450px;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -69.9%;
    }

    .index-cont4 .tag {
        font-size: 14px;
    }

    .index-cont4 .swiper-container {
        padding-bottom: 106px;
    }

    .index-cont4 .swiper-button-prev,
    .index-cont4 .swiper-button-next {
        bottom: 40px;
    }

    .index-cont1 .index-cont1-jticon {
        opacity: 1;
    }

    .index-cont1 .index-cont1-icon,
    .index-cont1 .index-cont1-bycpic.cur .index-cont1-icon {
        transform: translateY(8%);
    }

    .about .about-progress .about-bigswiper-list {
        padding: 40px 0;
    }

    .about .about-who-rightfont h3 {
        font-size: 13px;
    }

    .about .about-progress-smallswiper .swiper-button-next,
    .about .about-progress-bigswiper .swiper-button-next,
    .about .about-progress-smallswiper .swiper-button-prev,
    .about .about-progress-bigswiper .swiper-button-prev {
        top: -23%;
    }

    .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
        bottom: 11.5rem;
    }

    .service-qhse .service-qhse-font {
        font-size: 17px;
    }

    .joblist-ul li {
        width: 50%;
    }

    .qhse-policy .qhse-policy-leftimg1 {
        padding-left: 6%;
    }

    .qhse-policy .qhse-policy-leftimg2 {
        padding-left: 17%;
    }

    #search-form {
        width: 50%;
    }

    .menu-list .head-subnav a.active::after,
    .menu-list .head-subnav a:hover:after {
        display: none;
    }

    .menu-list .head-subnav a.active,
    .menu-list .head-subnav a:hover {
        background: none;
        color: #347ec2;
    }

    .headfixed .mobile-nav-box .head-subnav .link-tit a {
        padding: 5px 0;
    }

    .headfixed .mobile-nav-box .link-tit > i {
        top: 5px;
    }

    .index-cont4 .index4-tit h3,
    .index-tit h3 {
        font-size: 28px;
        line-height: 42px;
    }

    .index-cont4 .index4-tit {
        width: 80%;
    }

    .index-cont2 .index-cont2-li {
        flex-wrap: wrap;
        height: auto;
    }

    .index-cont2 .index-cont2-img,
    .index-cont2 .index-cont2-font {
        width: 100%;
    }

    .index-cont2 .index-cont2-font {
        padding: 4.8% 5.5% 4% 5.5%;
    }

    .index-cont2 .index-cont2-font {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .index-cont2 .index-cont2-img {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -65.9%;
    }

    .footer .foot-left-lo,
    .footer .foot-left-addr {
        width: 33%;
    }

    .footer .foot-left-lo,
    .footer .foot-left-addr {
        padding-right: 2.5%;
    }

    .index-cont5 {
        margin-top: 60px;
    }

    .index-cont1 .index-cont1-swiper {
        display: block;
    }

        .index-cont1 .index-cont1-swiper .swiper-container {
            padding-bottom: 30px;
        }

    .index-cont1 .index-cont1-list {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .banner .swiper-font .swiper-h2 h2 span {
        font-size: 40px;
    }

    .index-tit h3 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 5px;
        text-align: center;
    }

    .index-tit p {
        font-size: 15px;
        line-height: 25px;
        padding-top: 3px;
        text-align: center;
    }

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 46px;
        line-height: 60px;
    }

    .banner .swiper-font .swiper-h3,
    .banner .swiper-font .swiper-h3 h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .banner .swiper-font .swiper-p p {
        font-size: 20px;
        line-height: 24px;
    }

    .index-cont3 .law-num-info span {
        font-size: 70px;
        line-height: 54px;
    }

    .index-cont3 .ul-num li {
        margin-bottom: 50px;
        padding-left: 0px;
    }

        .index-cont3 .ul-num li:nth-child(even) {
            padding-left: 50px;
        }

    .index-cont3 {
        padding-top: 90px;
    }

    .index-cont4 .index4-tit h3 {
        font-size: 28px;
        line-height: 40px;
        padding-bottom: 20px;
    }

    .index-cont4 .index4-tit p {
        font-size: 18px;
        line-height: 28px;
        padding-top: 25px;
    }

    .index-cont4 .index4-tit {
        width: 100%;
    }

    .index-cont4 .more {
        margin-top: 50px;
    }

    .index-cont4 .index-cont4-bot {
        padding-left: 40px;
    }

    .index-cont4 .index-cont4-top {
        height: 800px;
        padding-top: 70px;
    }

    .index-cont4 .index-cont4-swiperfont h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -87.2%;
    }

    .index-cont4 .index-cont4-swiperfont {
        padding: 40px 20px 35px 35px;
    }

    .index-cont1 .index-cont1-bycpic,
    .index-cont1 .index-cont1-bycpic .txt {
        height: 350px;
    }

        .index-cont1 .index-cont1-bycpic .index-cont1-img img {
            height: 350px;
            max-height: 350px;
        }

    .index-cont1 .index-cont1-txttit {
        font-size: 60px;
    }

    .index-cont1 .index-cont1-icon img {
        width: 50%;
    }

    .index-cont1 .index-cont1-bycpic:last-child.cur .index-cont1-icon {
        transform: translateY(-68%);
    }

    .index-cont1 .index-cont1-bycpic.cur .index-cont1-icon {
        transform: translateY(-58%);
    }

    .headfixed .btn-list .btn-right {
        width: 36%;
    }

    .index-cont1 .index-cont1-icon {
        transform: translateY(-365%);
    }

    .index-cont1 .index-cont1-bycpic.cur .txt {
        width: 44.515%;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttith5 {
        font-size: 20px;
        line-height: 36px;
    }

    .about .about-who {
        padding-top: 0px;
    }

    .about .about-who-leftfont {
        width: 100%;
    }

    .about .about-who-rightfont {
        display: none;
    }

    .about .law-num-info span {
        font-size: 40px;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 4.5rem;
    }

    .about .about-progress .about-bigswiper-list {
        flex-wrap: wrap;
    }

    .about .about-progress .about-bigswiper-left,
    .about .about-progress .about-bigswiper-right {
        width: 100%;
    }

    .about .about-progress .about-bigswiper-rightfont {
        position: static;
        transform: translateY(0%);
    }

    .about .about-progress .about-bigswiper-right {
        padding: 49px;
    }

    .about .about-progress-smallswiper .swiper-button-next,
    .about .about-progress-bigswiper .swiper-button-next,
    .about .about-progress-smallswiper .swiper-button-prev,
    .about .about-progress-bigswiper .swiper-button-prev {
        top: -8%;
    }

    .team-pro .team-proleft {
        height: auto;
        min-height: 450px;
    }

    .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
        right: 0rem;
    }

    .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 0rem;
    }

    .joblist-ul li {
        width: 100%;
    }

    .new-menu li {
        margin-right: 0px;
        width: 25%;
        text-align: center;
    }

    .new-menu ul {
        flex-wrap: wrap;
    }

    .new-menu {
        height: auto;
    }

    .qhse-policy .qhse-policy-leftimg1 {
        padding-left: 0%;
    }

    .qhse-policy .qhse-policy-leftimg2 {
        bottom: -12px;
    }

    .qhse-policy .qhse-policy-right {
        padding-top: 9%;
    }

    .hr-story .swiper-pagination-bullet，
    .index-cont1 .index-cont1-swiper .swiper-pagination-bullet {
        background-color: rgba(0, 76, 146, 0.7);
    }

    .hr-story .swiper-pagination-bullet-active，
    .index-cont1 .index-cont1-swiper .swiper-pagination-bullet-active {
        background-color: rgba(0, 76, 146, 1);
    }

    .index-cont2 .index-tit {
        padding-right: 0px;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: -72.2%;
    }

    .index-cont5 .index-cont5-lf,
    .index-cont5 .index-cont5-rt {
        width: 100%;
    }

    .index-cont5 .index-cont5-left {
        flex-wrap: wrap;
    }

    .index-cont5 .index-cont5-lf {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .index-cont5 .index-cont5-rt .tit h4 {
        padding-bottom: 3.2%;
    }

    .index-cont5 .index-cont5-rt .dec {
        padding-top: 3%;
    }

    .index-cont5 .index-cont5-rt .tag {
        margin-top: 5%;
    }

    .footer .foot-botaddr {
        padding-right: 0px;
        text-align: center;
    }

    .footer .foot-left-lo,
    .footer .foot-left-addr,
    .footer .foot-left-tel,
    .footer .foot-share {
        width: 100%;
        text-align: center;
    }

    .footer .foot-left-lo {
        padding-right: 0px;
    }

        .footer .foot-left-lo img {
            margin: 0 auto;
        }

    .footer .foot-left-tel,
    .footer .foot-share {
        margin-top: 30px;
    }

    .footer .foot-links .foot-firendship,
    .footer .foot-links > ul {
        width: 290px;
    }

    .footer .foot-left-lo h2 {
        text-align: center;
    }

    .footer .foot-left-addr,
    .footer .foot-left-tel,
    .footer .foot-share,
    .footer .footer-list-botmenu {
        display: none;
    }

    .footer .foot-links {
        margin: 0 auto;
        width: 290px;
    }

    .footer .footer-list-bot {
        margin-top: 70px;
    }

    .footer .footer-list-top {
        padding-bottom: 30px;
    }

    .footer {
        padding: 40px 0;
    }

    .index-cont5 .index-cont5-list {
        margin-top: 20px;
    }

    .index-cont4 .index4-tit p {
        padding-top: 10px;
    }

    .index-cont4 .index4-tit h3 {
        margin-bottom: 20px;
    }

    .index-cont1 {
        padding-top: 50px;
    }

        .index-cont1 .index-cont1-swiper .index-cont1-font h4 {
            font-size: 26px;
        }

        .index-cont1 .index-cont1-swiper .swiper-container {
            padding-bottom: 40px;
        }

    .index-cont5 .index-cont5-top {
        flex-wrap: wrap;
    }

        .index-cont5 .index-cont5-top .index-tit,
        .index-cont5 .index-cont5-menu {
            width: 100%;
        }

    .index-cont5 .index-cont5-menu {
        justify-content: center;
        margin-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .index-cont4 .index-cont4-bot {
        margin-top: -82.2%;
    }
}

@media screen and (max-width: 750px) {
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 32px;
        line-height: 42px;
    }

        .banner .swiper-font .swiper-h2 h2 span {
            font-size: 24px;
        }

    .banner .swiper-font .swiper-h3,
    .banner .swiper-font .swiper-h3 h3 {
        font-size: 15px;
        line-height: 23px;
    }

    .mainer .pcimg {
        display: none;
    }

    .mainer .phoneimg {
        display: block;
    }

    .mainer .banner .banner-img {
        margin-top: 56px;
    }

    .banner .swiper-font .swiper-h2 h2::before {
        height: 2px;
        width: 40px;
    }

    .banner .swiper-font .swiper-h3 {
        margin-top: 10px;
    }

        .banner .swiper-font .swiper-h3,
        .banner .swiper-font .swiper-h3 h3 {
            font-size: 24px;
            line-height: 32px;
        }

    .banner .swiper-font .swiper-p {
        margin-top: 6px;
    }

        .banner .swiper-font .swiper-p p {
            font-size: 18px;
            line-height: 26px;
        }

    .index-cont1 {
        padding-top: 40px;
    }

    .index-cont3 .law-num-info span {
        font-size: 50px;
        line-height: 45px;
    }

    .index-cont3 .law-num-info sup {
        font-size: 15px;
    }

    .index-cont3 .ul-num li:nth-child(even) {
        padding-left: 0px;
    }

    .index-cont3 {
        padding-top: 50px;
    }

        .index-cont3 .ul-num li {
            width: 100%;
            margin-bottom: 30px;
            text-align: left;
        }

    .index-cont1 .index-cont1-bycpic.cur .index-cont1-txttit {
        text-align: center;
    }

    .index-cont1 .index-cont1-txt h4::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .index-cont3 .ul-num-dec {
        font-size: 16px;
        line-height: 28px;
        margin-top: 8px;
    }

    .index-cont4 .index4-tit h3 {
        font-size: 22px;
        line-height: 35px;
        padding-bottom: 15px;
        text-align: center;
    }

        .index-cont4 .index4-tit h3::before {
            left: 50%;
            transform: translateX(-50%);
        }

    .index-cont4 .index-cont4-top {
        padding-top: 40px;
    }

    .index-cont4 .index4-tit p {
        padding-right: 0px;
        text-align: center;
    }

    .index-cont4 .index4-tit h3 {
        margin-bottom: 10px;
    }

    .index-cont4 .more {
        margin: 35px auto 0 auto;
        display: block;
    }

    .index-cont4 .index-cont4-swiperfont {
        padding: 30px 20px 25px 25px;
    }

    .index-cont4 .index-cont4-bot {
        padding-left: 22px;
        margin-top: -165%;
    }

    .footer .footer-list-botmenu li {
        width: 50%;
    }

    .index-cont4 .index-cont4-swiperfont h3 {
        padding-right: 0px;
    }

    .index-cont4 .index-cont4-swiperfont h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .index-cont4 .index-cont4-swiperfont h3 {
        margin-bottom: 3px;
    }

    .index-cont4 .index-cont4-swiperft {
        font-size: 15px;
        line-height: 26px;
    }

    .index-cont4 .index-cont4-botbg {
        height: 400px;
    }

    .index-cont1 .index-cont1-bycpic,
    .index-cont1 .index-cont1-bycpic.cur,
    .index-cont1 .index-cont1-bycpic .index-cont1-img {
        width: 100%;
    }

    .index-cont1 .index-cont1-byc > ul {
        flex-wrap: wrap;
    }

    .index-cont1 .index-cont1-bycpic,
    .index-cont1 .index-cont1-bycpic .txt {
        height: auto;
    }

        .index-cont1 .index-cont1-bycpic .index-cont1-img img {
            height: auto;
            max-height: none;
        }

        .index-cont1 .index-cont1-bycpic.cur .txt,
        .index-cont1 .index-cont1-bycpic.cur .index-cont1-img {
            width: 100%;
        }

        .index-cont1 .index-cont1-bycpic a {
            flex-wrap: wrap;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
        }

        .index-cont1 .index-cont1-bycpic:last-child.cur .index-cont1-icon,
        .index-cont1 .index-cont1-bycpic.cur .index-cont1-icon {
            transform: translateY(-90%);
        }

    .index-cont1 .index-cont1-icon {
        left: auto;
        right: -20px;
        transform: translateY(-90%);
    }

        .index-cont1 .index-cont1-icon img {
            float: right;
        }

    .index-cont1 .index-cont1-bycpic .txt {
        padding: 26px 19px 26px 25px;
    }

    .index-cont1 .index-cont1-txttit {
        text-align: left;
    }

    .index-cont1 .index-cont1-txt {
        opacity: 1;
    }

    .index-cont1 .index-cont1-txttit {
        font-size: 66px;
    }

    .headfixed .btn-list .btn-right {
        width: 50%;
    }

    .index-cont1 .index-cont1-jticon {
        opacity: 0;
    }

    .footer .foot-botaddr {
        padding-right: 0px;
    }

    .index-cont4 .swiper-button-prev {
        left: 38%;
    }

    .index-cont4 .swiper-button-next {
        left: 52%;
    }

    .index-cont4 .tag {
        width: 170px;
        text-align: center;
        padding: 10px;
        display: block;
    }

    .index-tit h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 2px;
    }

    .index-tit p {
        font-size: 15px;
        line-height: 24px;
    }

    .index-cont1 .index-cont1-txt {
        text-align: center;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        left: 0rem;
    }

    .H001B-interactive-segment-split .right-slide .slide-content--default {
        bottom: 13.5rem;
    }

    .about .about-progress .about-bigswiper-list {
        padding: 20px 0;
    }

    .about .about-progress .about-bigswiper-right {
        padding: 20px;
    }

    .about .about-progress-smallswiper .swiper-button-next,
    .about .about-progress-bigswiper .swiper-button-next,
    .about .about-progress-smallswiper .swiper-button-prev,
    .about .about-progress-bigswiper .swiper-button-prev {
        top: -13%;
    }

    .mainer .banner .swiper-pagination-bullet,
    .qhse-tag .swiper-pagination-bullet,
    .qhse-zs .swiper-pagination-bullet,
    .build .swiper-pagination-bullet,
    .hr-story .swiper-pagination-bullet,
    .about-mobilhonor .swiper-pagination-bullet,
    .about-mobilecooper .swiper-pagination-bullet {
        width: 25px;
        height: 4px;
    }

    .cdsb-cont-des1 ul li {
        font-size: 18px;
        padding-left: 15px;
        margin: 0 15px;
        width: 100%;
        display: block;
        text-align: center;
        line-height: 30px;
    }

        .cdsb-cont-des1 ul li:before {
            display: none;
        }

        .cdsb-cont-des1 ul li:hover,
        .cdsb-cont-des1 ul li.active {
            padding-left: 0px;
        }

    .cdsb-cont-des1 ul li {
        margin: 0 auto;
    }

    .team-pro .team-proleft {
        height: 510px;
    }

    .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 10rem;
    }

    .new-menu ul {
        flex-wrap: wrap;
        padding: 10px 0;
    }

    .new-menu li {
        width: 50%;
        margin-right: 0px;
    }

    .new-menu {
        height: auto;
    }

        .new-menu a {
            text-align: center;
            display: block;
            width: 100%;
        }

        .new-menu li:hover a::before,
        .new-menu li.active a::before {
            display: none;
        }

        .new-menu a,
        .about .about-pcmenu ul li a {
            height: auto;
            line-height: 40px;
        }

    .jobcatlist ul li {
        margin-bottom: 20px;
    }

        .jobcatlist ul li:last-child {
            margin-bottom: 0px;
        }

    .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
        bottom: 15rem;
    }

    .index-cont1 .index-cont1-txttit {
        text-align: center;
    }

    .index-cont1 .index-cont1-txttit {
        color: rgba(255, 255, 255, 1);
    }

    .index-cont1 .index-cont1-bycpic:last-child .index-cont1-icon {
        transform: translateY(-90%);
    }

    .index-cont1 .index-cont1-bycpic.cur .index-cont1-icon,
    .index-cont1 .index-cont1-bycpic:last-child.cur .index-cont1-icon,
    .index-cont1 .index-cont1-bycpic.cur .index-cont1-icon,
    .index-cont1 .index-cont1-icon {
        right: 0px;
        transform: translateY(-90%);
    }

    .energy .energy-supply-font h4 {
        font-size: 14px;
    }

    .energy .energy-supply .swiper-slide:hover .energy-supply-font,
    .energy .energy-supply-font {
        height: 100px;
    }

    .energy .energy-supply .swiper-slide:hover .energy-supply-font,
    .energy .energy-supply-font {
        height: 100px;
    }

    .energy-team .energy-team-font .dec {
        text-align: center;
    }

    .service-qhse .service-qhse-cont li:nth-child(6) {
        top: 62%;
        left: 5%;
    }

    .service-qhse .service-qhse-font {
        font-size: 14px;
    }

    .service-qhse .service-qhse-cont li:nth-child(6) .service-qhse-font {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttit,
    .product .product-do-font .pub-banner-fonttit {
        font-size: 22px;
        line-height: 30px;
    }

    .hr .hr-tit,
    .hr .hr-ulfont .hr-ulfontdec {
        text-align: center;
    }

    .index-cont4 .index-cont4-top {
        height: 600px;
    }

    .pub-banner .pub-banner-font .pub-banner-fonttith5 {
        font-size: 16px;
        line-height: 28px;
    }

    #search-form {
        width: 90%;
    }

    .index-cont2 .index-cont2-font .tit {
        font-size: 20px;
    }

    .index-cont2 .index-cont2-font {
        padding: 30px 20px;
    }

    .index-cont2 {
        padding-top: 30px;
    }

        .index-cont2 .index-cont2-list {
            margin-top: 20px;
        }

        .index-cont2 .index-cont2-icon img {
            margin: 0 auto;
        }

    .index-cont4 .index4-tit {
        padding-right: 0px;
    }

        .index-cont4 .index4-tit h3 {
            font-size: 20px;
            line-height: 30px;
        }

        .index-cont4 .index4-tit h3 {
            text-align: left;
        }

    .index-cont5 .index-cont-lffont .dec,
    .index-cont5 .index-cont5-rt .tit h4 {
        font-size: 18px;
    }

    .index-cont5 .index-cont5-rt .tit h4 {
        padding-bottom: 30px;
    }

    .index-cont5 .index-cont5-rt .dec {
        padding-top: 30px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .index-cont5 .index-cont5-rt {
        padding: 30px 20px;
    }

    .index-cont5 .index-cont5-list {
        padding-top: 20px;
    }

    .index-cont5 .index-cont5-right a {
        flex-wrap: wrap;
    }

    .index-cont5 .index-cont5-rtimg,
    .index-cont5 .index-cont5-rtfont {
        width: 100%;
    }

    .index-cont5 .index-cont5-rtfont {
        padding-left: 0px;
        padding-top: 20px;
    }

    .index-cont5 {
        margin-bottom: 40px;
    }

        .index-cont5 .index-cont5-rt .tag {
            font-size: 12px;
        }

    .index-cont4 .index-cont4-botbg {
        height: 450px;
    }

    .index-cont4 .tag {
        width: 110px;
    }

    .index-cont4 .swiper-button-prev {
        left: 20px;
    }

    .index-cont4 .swiper-button-next {
        left: 70px;
    }

    .index-cont4 .swiper-container {
        padding-bottom: 60px;
    }

    .index-cont4 .index4-tit h3,
    .index-cont2 .index-cont2-font {
        text-align: center;
    }

    .index-cont4 .index-cont4-bot .index4-tit h3 {
        text-align: left;
    }

    .index-cont3 {
        margin-top: 45px;
    }

    .index-cont2 .index-cont2-li1,
    .index-cont2 .index-cont2-li2 {
        margin: 0 20px;
    }

    .index-cont2 .index-cont2-li2 {
        margin-top: 20px;
    }

    .banner .swiper-font .tag {
        width: 130px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 20px auto 0 auto;
    }

    .index-cont5 .index-cont5-list {
        margin-top: 0px;
    }

    .index-cont4 .index-cont4-top {
        height: auto;
        padding-bottom: 60px;
    }

    .index-cont4 .index4-tit {
        float: none;
    }

    .index-cont4 .index-cont4-botbg {
        display: none;
    }

    .index-cont4 .index-cont4-bot {
        margin-top: 0%;
        background: #F1F1F1;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .index-cont4 .swiper-button-prev,
    .index-cont4 .swiper-button-next {
        bottom: 50px;
    }

    .index-cont5 {
        margin-top: 20px;
    }

    .index-cont4 .index-cont4-bot .index4-tit h3 {
        color: #333333;
        margin-bottom: 0px;
    }

    .index-cont4 .index-cont4-swiperft {
        height: 135px;
    }

    .index-cont4 .index4-tit p {
        font-size: 16px;
    }

    .index-cont1 .index-cont1-swiper .index-cont1-font h4 {
        font-size: 22px;
    }

    .index-cont1 .index-cont1-swiper .index-cont1-font {
        padding: 20px;
    }

    .index-cont1 .index-cont1-swiper .index-cont1-dec {
        margin-top: 6px;
    }

    .index-cont1 .index-cont1-swiper .index-cont1-font {
        height: 440px;
    }

    .index-cont1 .index-cont1-swiper .index-cont1-dec {
        font-size: 15px;
        line-height: 28px;
    }

    .index-cont5 .index-cont5-menu {
        flex-wrap: wrap;
    }

        .index-cont5 .index-cont5-menu li.active, .index-cont5 .index-cont5-menu li:hover {
            border-bottom: 0px;
        }

        .index-cont5 .index-cont5-menu li {
            width: 50%;
            margin-right: 0px;
        }

        .index-cont5 .index-cont5-menu a {
            text-align: center;
            font-size: 16px;
        }

    .index-cont5 .index-cont5-menu {
        margin-top: 10px;
    }

    .service .service-quilty {
        padding-top: 50px;
    }

    .service-quilty .service-quilty-ct li {
        width: 100%;
    }

    .service-qhse .service-qhse-rightfont h3 {
        font-size: 22px;
        line-height: 40px;
    }

    .service-qhse .service-qhse-right {
        padding: 80px 10px 0 10px;
    }

    .service .service-quilty, .service-quilty .service-quilty-ct {
        margin-top: 0px;
    }

        .service-quilty .service-quilty-ct li {
            padding: 30px 20px 30px 20px;
            margin: 8px auto;
        }

    .service-quilty .snum h3 {
        font-size: 18px;
    }

    .service-quilty .num {
        font-size: 30px;
    }

    .mainer .banner .swiper-pagination-bullet, .qhse-tag .swiper-pagination-bullet, .qhse-zs .swiper-pagination-bullet, .build .swiper-pagination-bullet, .hr-story .swiper-pagination-bullet, .about-mobilhonor .swiper-pagination-bullet, .about-mobilecooper .swiper-pagination-bullet, .service-build .swiper-pagination-bullet, .service-honor .swiper-pagination-bullet, .service-exper .swiper-pagination-bullet, .energy-supply .swiper-pagination-bullet, .energy-honor .swiper-pagination-bullet, .energy-item .swiper-pagination-bullet {
        width: 20px;
        height: 2px;
    }

    .service .service-quilty {
        padding-bottom: 15px;
    }

    .about .about-tit, .H001B-interactive-segment-split h3 {
        font-size: 18px;
    }

    .service-item .H001B-interactive-segment-split {
        height: 1050px;
    }

        .service-item .H001B-interactive-segment-split .slide {
            height: 730px;
        }

        .service-item .H001B-interactive-segment-split .right-slide {
            bottom: -226px;
        }
}

@media screen and (max-width: 414px) {
    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 15.5%;
        width: 67%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 32.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 39.8%;
    }
}

@media screen and (max-width: 375px) {
    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 38%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 31%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 14.5%;
        width: 70%;
        top: 76%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 39.8%;
    }

    .index-cont1 .index-cont1-swiper .index-cont1-font {
        height: 465px;
    }
}

@media screen and (max-width: 320px) {

    .banner .swiper-font .swiper-h2,
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .banner .swiper-font .swiper-h3 {
        margin-top: 3px;
    }

    .banner .swiper-font .swiper-p {
        margin-top: 2px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(1) {
        left: 40%;
    }

    .jzt-list .jzt-listfont h3 {
        font-size: 14px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(2) {
        left: 27.5%;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 27.5%;
    }

    .jzt-list .jzt-listfont h3 {
        line-height: 20px;
    }

    .qhse-manage .qhse-manage-left ul li:nth-child(3) {
        left: 14.5%;
        top: 75%;
    }

    .service-item .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 14.5rem;
    }

    .service-item .H001B-interactive-segment-split .left-slide {
        top: -200px;
    }

    .service-item .H001B-interactive-segment-split .right-slide .slide-content--default {
        bottom: 15.5rem;
    }

    .H001B-interactive-segment-split .left-slide .slide-content--default {
        top: 19rem;
    }

    .about .about-pcmenu ul li:first-child {
        margin-right: 20px;
    }

    .banner .swiper-font .swiper-p p {
        font-size: 16px;
        line-height: 26px;
    }

    .index-cont1 .index-cont1-swiper .index-cont1-font {
        height: 520px;
    }

    .service-qhse .service-qhse-item {
        width: 280px;
        height: 280px;
    }
}