@import 'common.css';

.section1 {
    overflow: hidden;
    padding-bottom: 50px;
    background: url(../images/in-bgm2.jpg) no-repeat center;
    background-size: cover;
}

    .section1 .list {
        align-items: center;
    }

    .section1 .left {
        position: relative;
        width: 45%;
    }

        .section1 .left::before {
            position: absolute;
            top: -.8rem;
            left: -.8rem;
            display: none;
            width: 100%;
            height: 100%;
            background-color: #fff;
            content: '';
        }

        .section1 .left::after {
            position: absolute;
            bottom: -1rem;
            left: -1.6rem;
            width: 8rem;
            height: 3.2rem;
            background: url(../images/in-bgm1.jpg) no-repeat center;
            background-size: cover;
            content: '';
        }

        .section1 .left .imgBox {
            position: relative;
            z-index: 1;
        }

    .section1 .right {
        padding-left: .8rem;
        width: 55%;
    }

        .section1 .right .dec1 {
            margin-top: 15px;
            margin-bottom: 10px;
            color: #333;
            font-size: 20px;
        }

        .section1 .right .dec2 {
            margin-bottom: 30px;
            color: #777;
            font-size: 14px;
            line-height: 2;
        }

        .section1 .right .numBox .numli {
            width: 50%;
        }

    .section1 .moreBox1 {
        margin-bottom: .2rem;
    }

.section2 {
    overflow: hidden;
    background: url(../images/in-bgm4.png) no-repeat center;
    background-size: cover;
}

    .section2 .moreBox1 {
        -webkit-filter: drop-shadow(0 18px 39px rgba(203, 207, 218, 0));
        filter: drop-shadow(0 18px 39px rgba(203, 207, 218, 0));
    }

    .section2 .in_tit {
        width: 35%;
    }

    .section2 .tabBox {
        padding-left: 4%;
        width: 65%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .section2 .tabBox .tabli {
            position: relative;
            margin-right: 50px;
            padding: 15px 0;
            color: #333;
            font-weight: 700;
            font-size: 20px;
            cursor: pointer;
        }

            .section2 .tabBox .tabli:last-child {
                margin-right: 0;
            }

            .section2 .tabBox .tabli::before {
                position: absolute;
                bottom: 0;
                left: 50%;
                overflow: hidden;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #6510ad;
                content: '';
                opacity: 0;
                -webkit-transition: all .6s;
                transition: all .6s;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }

            .section2 .tabBox .tabli.active {
                color: #6510ad;
            }

                .section2 .tabBox .tabli.active::before {
                    opacity: 1;
                }

    .section2 .top {
        margin-bottom: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section2 .swpBox {
        position: relative;
    }

        .section2 .swpBox::before {
            position: absolute;
            left: 8%;
            width: 100%;
            height: 1px;
            background: rgba(51,51,51,.07);
            content: '';
        }

    .section2 .swiper-container {
        padding-top: 30px;
        padding-bottom: .6rem;
    }

        .section2 .swiper-container::before {
            position: absolute;
            top: 0;
            right: 25%;
            width: 1px;
            height: 100%;
            background: rgba(51,51,51,.07);
            content: '';
        }

    .section2 .swiper-slide {
        position: relative;
        padding: 0 1.6rem;
        width: 75%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .section2 .swiper-slide .font {
            position: relative;
            padding-right: .8rem;
            width: 49.5%;
        }

            .section2 .swiper-slide .font .num {
                color: #6510ad;
                font-size: 18px;
                font-family: NexaBold;
            }

            .section2 .swiper-slide .font .tit {
                margin-bottom: 15px;
                color: #333;
                font-weight: 700;
                font-size: .3rem;
            }

            .section2 .swiper-slide .font .dec {
                margin-bottom: 1px;
                height: 100px;
                color: #666;
                font-size: 16px;
                line-height: 1.875;
            }

        .section2 .swiper-slide .imgBox {
            position: relative;
            width: 50.5%;
        }

            .section2 .swiper-slide .imgBox img {
                position: relative;
                z-index: 1;
            }

            .section2 .swiper-slide .imgBox::before {
                position: absolute;
                top: 50%;
                right: -.4rem;
                width: 2.05rem;
                height: 4.35rem;
                background: url(../images/in-bgm3.jpg) no-repeat center;
                background-size: cover;
                content: '';
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .section2 .swiper-slide .liBox {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 20px;
            height: 200px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .section2 .swiper-slide .liBox .li {
                display: block;
                margin-top: 10px;
                color: #333;
                font-weight: 700;
                font-size: 16px;
            }

                .section2 .swiper-slide .liBox .li:first-child {
                    margin-top: 0;
                }

                .section2 .swiper-slide .liBox .li .icon-jt {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 12px;
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                }

                .section2 .swiper-slide .liBox .li span {
                    display: inline-block;
                    padding-left: 10px;
                    vertical-align: middle;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                }

                .section2 .swiper-slide .liBox .li:hover {
                    color: #4f0881;
                }

                    .section2 .swiper-slide .liBox .li:hover span {
                        padding-left: 15px;
                    }

    .section2 .swiper-slide-next {
        -webkit-filter: opacity(.3) grayscale(1);
        filter: opacity(.3) grayscale(1);
    }

    .section2 .btnBox {
        position: absolute;
        top: 33%;
        right: 22.5%;
        z-index: 1;
        overflow: hidden;
        width: 92px;
        height: 92px;
        border-radius: 50%;
    }

    .section2 .swiper-button-prev {
        display: none;
        width: 100%;
        height: 100%;
        background: url(../images/in-hicon1.png) no-repeat center;
        background-size: cover;
    }

    .section2 .swiper-button-next {
        width: 100%;
        height: 100%;
        border-width: 0;
        background: url(../images/in-icon1_1.png) no-repeat center;
        background-size: cover;
    }

        .section2 .swiper-button-next::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            background: url(../images/in-icon1.png) no-repeat center;
            background-size: cover;
            content: '';
            animation: rotaterotate 20s infinite linear;
        }

        .section2 .swiper-button-next::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            background: url(../images/in-icon1_1.png) no-repeat center;
            background-size: cover;
            content: '';
        }

        .section2 .swiper-button-next.swiper-button-disabled, .section2 .swiper-button-prev.swiper-button-disabled {
            display: none;
        }

    .section2 .swiper-scrollbar {
        bottom: .8rem;
        left: 50%;
        width: 560px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.section3 {
    position: relative;
    background: url(../images/in-bgm5.jpg) no-repeat center;
    background-size: cover;
}

    .section3 .top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section3 .in_tit {
        padding-right: 6%;
        width: calc(100% - 176px);
    }

    .section3 .bot {
        position: relative;
        margin-top: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section3 .li {
        position: relative;
        margin-right: 1.5%;
        width: 20%;
        height: 460px;
        border: 3px solid #fff;
        -webkit-transition: all .6s;
        transition: all .6s;
    }

        .section3 .li::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
            background: url(../images/in-bgm8.png) no-repeat center;
            background-size: cover;
            -webkit-box-shadow: 0 34px 54px 0 rgba(90,17,140,.3);
            box-shadow: 0 34px 54px 0 rgba(90,17,140,.3);
            content: '';
            opacity: 0;
            -webkit-transition: all .6s;
            transition: all .6s;
        }

        .section3 .li:last-child {
            margin-right: 0;
        }

        .section3 .li.active {
            width: 57%;
        }

            .section3 .li.active .txt1 {
                opacity: 0;
            }

            .section3 .li.active .txt2 {
                opacity: 1;
            }

            .section3 .li.active::before {
                opacity: .9;
            }

        .section3 .li .bgm {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            -webkit-transition: .5s;
            transition: .5s;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .section3 .li .txt1 {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            padding: 45px;
            width: 100%;
            height: 100%;
            background: #04040457;
            -webkit-transition: .4s;
            transition: .4s;
        }

            .section3 .li .txt1 .tit {
                position: relative;
                margin-bottom: 1.55rem;
                color: #fff;
                text-align: center;
                font-weight: 700;
                font-size: 24px;
            }

        .section3 .li .iconBox {
            position: relative;
            overflow: hidden;
            margin: 0 auto;
            width: 60px;
            height: 60px;
            border: solid 2px #fff;
            border-radius: 20px;
            background-image: linear-gradient(135deg,#f4f6fc 0,#fff 100%);
            -webkit-box-shadow: 4px 4px 49px 0 rgba(143,152,186,.34);
            box-shadow: 4px 4px 49px 0 rgba(143,152,186,.34);
        }

        .section3 .li .txt2 {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            overflow: hidden;
            padding: 40px;
            width: 9.12rem;
            opacity: 0;
            -webkit-transition: .5s;
            transition: .5s;
        }

        .section3 .li .txttop {
            margin-bottom: .4rem;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .section3 .li .txttop .tit {
                padding-right: 3%;
                width: calc(100% - 74px);
                color: #fff;
                font-weight: 700;
                font-size: .3rem;
            }

        .section3 .li .txul {
            position: relative;
        }

        .section3 .li .txli {
            margin-right: 1rem;
        }

            .section3 .li .txli:last-child {
                margin-right: 0;
            }

            .section3 .li .txli .stit {
                margin-bottom: 15px;
                color: #fff;
                font-weight: 700;
                font-size: 18px;
                font-family: NexaBold,HarmonyOS_Sans_SC;
            }

            .section3 .li .txli .sdec {
                color: rgba(255,255,255,.7);
                font-size: 15px;
            }

                .section3 .li .txli .sdec p {
                    position: relative;
                    margin-top: 8px;
                    padding-left: 15px;
                }

                    .section3 .li .txli .sdec p::before {
                        position: absolute;
                        top: 6px;
                        left: 0;
                        width: 12px;
                        height: 12px;
                        background: url(../images/in-dg.png) no-repeat center;
                        background-size: cover;
                        content: '';
                    }

    .section3 .sli {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .section3 .swpBox {
        position: relative;
        display: none;
        overflow: hidden;
        margin-top: 25px;
    }

    .section3 .swiper-slide .imgBox {
        margin-bottom: 15px;
    }

    .section3 .swiper-slide .font .tit {
        color: #333;
        font-weight: 700;
        font-size: 20px;
    }

    .section3 .swiper-slide .font .stit {
        margin: 10px 0;
        color: #333;
        font-size: 18px;
    }

    .section3 .swiper-slide .font .sdec {
        color: #777;
        font-size: 14px;
        line-height: 2;
    }

.section4 {
    position: relative;
    background: url(../images/in-bgm6.jpg) no-repeat center;
    background-size: cover;
}

    .section4 .in_tit .entit, .section4 .in_tit .tit {
        color: #fff;
    }

    .section4 .ul {
        padding: .4rem 0;
    }

    .section4 .li {
        position: relative;
        padding: 0 .3rem;
        width: 33.333%;
        border-right: 1px solid rgba(255,255,255,.12);
        text-align: center;
    }

        .section4 .li:last-child {
            border-right-color: transparent;
        }

        .section4 .li .entit {
            color: #fff;
            font-size: 16px;
            font-family: NexaBold;
        }

        .section4 .li .tit {
            color: #fff;
            font-weight: 700;
            font-size: 24px;
        }

        .section4 .li .iconBox {
            position: relative;
            overflow: hidden;
            margin: 15px auto;
            width: 80px;
            height: 80px;
            border: 1px solid rgba(255,255,255,.14);
            border-radius: 50%;
            background-color: rgba(248,249,252,.14);
        }

        .section4 .li .iconImg {
            position: absolute;
            top: 50%;
            left: 50%;
            overflow: hidden;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

            .section4 .li .iconImg img {
                margin-top: 6px;
            }

        .section4 .li .dec {
            color: #fff;
        }

    .section4 .moreBox1 {
        margin: 0 auto;
    }

.section5 .bot {
    margin-top: 30px;
}

.section5 .bli {
    position: relative;
    display: block;
    margin-right: 3%;
    width: 31.3%;
}

    .section5 .bli:last-child {
        margin-right: 0;
    }

    .section5 .bli .imgBox {
        position: relative;
        overflow: hidden;
    }

        .section5 .bli .imgBox img {
            width: 100%;
        }

    .section5 .bli .time {
        color: #adadad;
        font-size: 14px;
        font-family: NexaBold;
    }

    .section5 .bli .tit {
        color: #333;
        font-weight: 700;
        font-size: 20px;
    }

    .section5 .bli .dec {
        color: #666;
    }

    .section5 .bli .btn {
        padding-top: 20px;
        border-top: 1px solid rgba(51,51,51,.07);
        font-weight: 700;
        font-size: 14px;
    }

        .section5 .bli .btn em {
            display: block;
            font-size: 12px;
            -webkit-transition: all .6s;
            transition: all .6s;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    .section5 .bli .font {
        padding: .25rem .4rem;
    }

.section5 .lli {
    background-color: #f6f7fb;
}

    .section5 .lli .font {
        background-color: #f6f7fb;
    }

    .section5 .lli .tit {
        margin-top: 10px;
        margin-bottom: 20px;
        min-height: 58px;
    }

    .section5 .lli .btn em {
        color: #4f0881;
    }

    .section5 .lli:hover .btn em {
        margin-right: 10px;
    }

.section5 .cli {
    background: url(../images/in-bgm7.jpg) no-repeat center;
    background-size: cover;
}

    .section5 .cli .dec, .section5 .cli .time, .section5 .cli .tit {
        color: #fff;
    }

    .section5 .cli .time {
        margin-top: .25rem;
    }

    .section5 .cli .btn {
        margin-top: 1.3rem;
        border-top: 1px solid rgba(255,255,255,.07);
        color: #fff;
    }

    .section5 .cli .tit {
        margin-top: .25rem;
        margin-bottom: .35rem;
    }

    .section5 .cli .dec {
        min-height: 90px;
        line-height: 2;
    }

    .section5 .cli:hover .btn em {
        margin-right: 10px;
    }

.section5 .sli {
    position: relative;
    display: block;
    padding: .2rem 0;
    border-bottom: 1px solid rgba(51,51,51,.05);
}

    .section5 .sli:first-child {
        border-top: 1px solid rgba(51,51,51,.05);
    }

    .section5 .sli .btn {
        padding: 0;
        border-top: 0;
        color: rgba(51,51,51,.3);
        font-size: 14px;
        font-family: NexaBold;
    }

        .section5 .sli .btn em {
            color: rgba(51,51,51,.2);
        }

    .section5 .sli .dec {
        margin-top: 10px;
        margin-bottom: 15px;
        height: auto !important;
        font-size: 16px;
    }

    .section5 .sli:hover .btn em {
        margin-right: 10px;
    }

.product1 .li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .product1 .li:nth-child(even) .left {
        padding: .6rem .85rem .7rem 10px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }

        .product1 .li:nth-child(even) .left::after, .product1 .li:nth-child(even) .left::before {
            right: 0;
            left: auto;
        }

    .product1 .li:nth-child(even) .right {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }

.product1 .left {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    padding: .6rem 10px .7rem .85rem;
    width: 44%;
    background-color: #fff;
}

    .product1 .left::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 112%;
        height: 6px;
        background-color: #6510ad;
        content: '';
    }

    .product1 .left::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 112%;
        height: 100%;
        background-color: #fff;
        -webkit-box-shadow: 0 0 46px 0 rgba(185,185,185,.18);
        box-shadow: 0 0 46px 0 rgba(185,185,185,.18);
        content: '';
    }

    .product1 .left .iconBox img {
        margin: 0;
    }

.product1 .font {
    position: relative;
    z-index: 2;
}

    .product1 .font .tit {
        margin: 25px 0 15px 0;
        color: #333;
        font-weight: 700;
        font-size: .3rem;
    }

    .product1 .font .tagBox {
        margin-bottom: .65rem;
    }

    .product1 .font .tag {
        display: inline-block;
        margin-right: 25px;
        color: #333;
        vertical-align: middle;
        font-weight: 700;
    }

        .product1 .font .tag:last-child {
            margin-right: 0;
        }

        .product1 .font .tag em {
            display: inline-block;
            margin-right: 5px;
            color: rgba(0,0,0,.3);
            font-weight: 700;
            font-size: 12px;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.product1 .right {
    position: relative;
    overflow: hidden;
    width: 56%;
}

.prinfo1 {
    position: relative;
    overflow: hidden;
    padding-top: 2rem;
    background-color: #f8f8f8;
}

    .prinfo1 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .prinfo1 .left {
        padding-right: 2%;
        width: 40%;
    }

        .prinfo1 .left .dec {
            position: relative;
            overflow-x: hidden;
            overflow-y: auto;
            margin-top: 15px;
            margin-bottom: 20px;
            height: 240px;
            color: #333;
            font-size: 18px;
        }

            .prinfo1 .left .dec p {
                position: relative;
                margin: 15px 0;
                padding-left: 30px;
            }

                .prinfo1 .left .dec p::before {
                    position: absolute;
                    top: 8px;
                    left: 0;
                    width: 9px;
                    height: 9px;
                    background: url(../images/pro-icon4.png) no-repeat center;
                    background-size: cover;
                    content: '';
                }

    .prinfo1 .right {
        width: 60%;
    }

    .prinfo1 .rtleft {
        margin-right: 50px;
        width: calc(100% - 125px - 50px);
    }

        .prinfo1 .rtleft .bimg {
            position: relative;
            width: 100%;
            height: 460px;
            background: #fff;
        }

    .prinfo1 .rtright {
        position: relative;
        overflow: hidden;
        padding: 35px 0;
        width: 125px;
    }

        .prinfo1 .rtright .swiper-container {
            height: 400px;
        }

        .prinfo1 .rtright .swiper-slide {
            border: 1px solid transparent;
            cursor: pointer;
        }

            .prinfo1 .rtright .swiper-slide.active {
                border: solid 1px #6510ad;
            }

        .prinfo1 .rtright .simg {
            width: 100%;
            height: 100%;
            background-color: #fff;
        }

    .prinfo1 .swiper-button-next, .prinfo1 .swiper-button-prev {
        right: 50px;
        left: auto;
        margin-top: 0;
        width: 18px;
        height: 18px;
        border: 0;
        border-radius: 0;
        background: 0 0;
        color: #b1b1b1;
        font-weight: 700;
        font-size: 18px;
        line-height: 18px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .prinfo1 .swiper-button-next:hover, .prinfo1 .swiper-button-prev:hover {
            background: 0 0;
            color: #6510ad;
        }

    .prinfo1 .swiper-button-prev {
        top: 0;
    }

    .prinfo1 .swiper-button-next {
        top: auto;
        bottom: 0;
    }

.prinfo2 .list {
    overflow-x: auto;
    overflow-y: hidden;
}

    .prinfo2 .list table tr:nth-child(odd) {
        background: #f2f4f3;
    }

    .prinfo2 .list table th {
        padding: 0 10px;
        height: 70px;
        min-width: 100px;
        border-right: 1px solid #fff;
        background: #6510ad;
        color: #fff;
        text-align: center;
        font-weight: 400;
    }

    .prinfo2 .list table td {
        padding: 0 10px;
        height: 60px;
        min-width: 100px;
        border-right: 1px solid #fff;
        color: #666;
        text-align: center;
    }

        .prinfo2 .list table td a {
            text-decoration: revert;
        }

            .prinfo2 .list table td a:hover {
                color: #4d1dcc;
            }

        .prinfo2 .list table td a {
            font-size: 0;
            display: block;
            background: url(/pc/images/02.png) no-repeat;
            width: 28px;
            height: 28px;
            background-size: 28px;
            margin: auto;
        }

    .prinfo2 .list .down {
        color: #6510ad;
        font-size: 18px;
    }

.numBox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .numBox .numli {
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(51,51,51,.07);
    }

        .numBox .numli:nth-child(3), .numBox .numli:nth-child(4) {
            padding-bottom: 0;
            border-bottom: 1px solid rgba(51,51,51,0);
        }

        .numBox .numli:nth-child(even) {
            padding-left: .5rem;
            width: 55%;
        }

            .numBox .numli:nth-child(even)::before {
                position: absolute;
                top: 50%;
                left: 0;
                width: 1px;
                height: 50%;
                background: rgba(51,51,51,.07);
                content: '';
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .numBox .numli:nth-child(odd) {
            padding-right: .5rem;
            width: 45%;
        }

    .numBox .num {
        color: #6510ad;
        font-size: .36rem;
        font-family: NexaBold;
        line-height: 1;
    }

        .numBox .num em {
            display: inline-block;
            vertical-align: 3px;
            font-weight: 700;
            font-size: .26rem;
            line-height: 1;
        }

    .numBox .iconBox {
        position: relative;
        width: 32px;
        height: 32px;
    }

    .numBox .nbt {
        margin-top: 5px;
        color: #333;
        font-size: 15px;
    }

.about1 {
    position: relative;
    padding-top: 30px;
}

    .about1.active .entit {
        -webkit-transform: translateX(-1.1rem);
        transform: translateX(-1.1rem);
    }

    .about1 .entit {
        margin-bottom: -1.1rem;
        color: #f6f6f6;
        font-size: 3.2rem;
        font-family: NexaBold;
        line-height: 1;
        -webkit-transition: all 1s;
        transition: all 1s;
        -webkit-transform: translateX(-2.1rem);
        transform: translateX(-2.1rem);
    }

    .about1 .list {
        position: relative;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .about1 .left {
        width: 54.5%;
    }

        .about1 .left .dec {
            overflow: auto;
            margin-top: 15px;
            margin-bottom: .5rem;
            padding-right: 10px;
            max-height: 330px;
            color: #777;
            text-align: justify;
            font-size: 16px;
            line-height: 2;
        }

    .about1 .right {
        position: relative;
        padding-left: 1rem;
        width: 45.5%;
    }

        .about1 .right .tit {
            padding-right: .5rem;
            color: #333;
            font-weight: 700;
            font-size: 26px;
            line-height: 1.46;
        }

        .about1 .right .imgBox {
            position: relative;
            margin-top: 30px;
            width: 100%;
        }

            .about1 .right .imgBox::before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,.33);
                content: '';
            }

        .about1 .right .videobox {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 76px;
            height: 76px;
            border: solid 1px #fff;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            font-size: 22px;
            line-height: 74px;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

            .about1 .right .videobox em {
                display: block;
            }

            .about1 .right .videobox:hover {
                border: solid 1px #6510ad;
                background: #6510ad;
            }

.about2 {
    position: relative;
    overflow: hidden;
    padding-bottom: 1.3rem;
    background: url(../images/ab-bgm1.jpg) no-repeat center;
    background-size: cover;
}

    .about2 .bgm {
        position: relative;
        height: 5.7rem;
        background: url(../images/ab-bgm1.jpg) no-repeat center;
        background-size: cover;
    }

    .about2 .in_tit .tit {
        color: #fff;
    }

    .about2 .ul {
        position: relative;
        margin-top: .8rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about2 .li {
        position: relative;
        margin-right: 1.8%;
        padding: .55rem .3rem;
        width: 32.1%;
        border: 1px solid rgba(255,255,255,.15);
        background: rgba(75,12,119,.4);
    }

        .about2 .li:nth-child(3n) {
            margin-right: 0;
        }

        .about2 .li:nth-child(odd) .entit {
            color: #fff;
        }

        .about2 .li:nth-child(odd) .font .dec, .about2 .li:nth-child(odd) .font .tit {
            color: #fff;
        }

        .about2 .li .entit {
            margin-bottom: 1rem;
            color: #333;
            font-size: 20px;
            font-family: NexaBold;
        }

        .about2 .li .font .tit {
            margin-bottom: 5px;
            color: #333;
            font-weight: 700;
            font-size: .3rem;
        }

        .about2 .li .font .dec {
            color: #6f6f6f;
            font-size: 18px;
            line-height: 1.67;
        }

.about3 {
    position: relative;
    background: url(../images/ab-bgm2.jpg) no-repeat center;
    background-size: cover;
}

    .about3 .abmouse {
        position: absolute;
        top: 27%;
        right: 27%;
        display: none;
        color: rgba(255,255,255,.71);
        font-size: 14px;
    }

        .about3 .abmouse img {
            margin: 0;
            margin-right: 20px;
        }

    .about3 .in_tit .tit {
        color: #fff;
    }

    .about3 .swiper-container {
        margin-top: 200px;
        padding: 0 1.2rem;
    }

        .about3 .swiper-container:before {
            position: absolute;
            top: 86px;
            left: 0;
            width: 100%;
            height: 8px;
            background: url(../images/ab-xt.png) no-repeat center center;
            background-size: cover;
            content: '';
        }

    .about3 .year {
        position: relative;
        color: #fff;
        font-size: .32rem;
        font-family: NexaBold;
    }

        .about3 .year::before {
            position: absolute;
            bottom: -50px;
            left: 0;
            width: 9px;
            height: 30px;
            background: url(../images/ab-xt1.png) no-repeat center;
            background-size: cover;
            content: '';
        }

    .about3 .font {
        position: relative;
        margin-top: 80px;
        padding: 22px;
        border: solid 1px rgba(224,224,224,.2);
        border-top: 0;
        color: #fff;
        font-size: 16px;
        line-height: 1.875;
    }

        .about3 .font::before {
            position: absolute;
            top: -14px;
            left: -2px;
            width: 18px;
            height: 14px;
            background: url(../images/ab-sjx.png) no-repeat center center;
            background-size: 100%;
            content: '';
        }

        .about3 .font::after {
            position: absolute;
            top: 0;
            right: 0;
            width: 96%;
            height: 1px;
            background: rgba(224,224,224,.2);
            content: '';
        }

    .about3 .swiper-pagination {
        display: none;
    }

.about4 .list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about4 .left {
    position: relative;
    padding-right: 1rem;
    width: 42%;
}

    .about4 .left .line {
        margin: 35px 0;
        width: 39px;
        height: 4px;
        background-color: #4b0c77;
    }

    .about4 .left .swiper-slide {
        color: #666;
        font-size: 16px;
        line-height: 1.625;
    }

    .about4 .left .btnBox {
        margin-top: 60px;
        width: 136px;
        height: 56px;
    }

.about4 .right {
    width: 58%;
}

    .about4 .right .swiper-slide {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about4 .right .rlf {
        margin-right: 3.5%;
        width: 48.5%;
    }

        .about4 .right .rlf .imgBox {
            margin-top: .3rem;
        }

            .about4 .right .rlf .imgBox:first-child {
                margin-top: 0;
            }

    .about4 .right .rrt {
        width: 48%;
    }

        .about4 .right .rrt .imgBox {
            margin-bottom: .3rem;
        }

    .about4 .right .swiper-pagination {
        display: none;
    }

.about5 .swiper-container {
    padding: 40px 65px 50px 65px;
}

.about5 .imgBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 340px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 62px 0 rgba(151,151,151,.18);
    box-shadow: 0 0 62px 0 rgba(151,151,151,.18);
}

    .about5 .imgBox img {
        max-width: 90%;
    }

.contact1 {
    position: relative;
}

    .contact1 .map {
        width: 100%;
        height: 940px;
    }

        .contact1 .map img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .contact1 .map .simg {
            display: none;
        }

        .contact1 .map iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .contact1 .fontBox {
        position: absolute;
        top: 50%;
        left: 13.2%;
        padding: .7rem .6rem;
        width: 8.5rem;
        background-color: #fff;
        -webkit-box-shadow: 0 0 84px 0 #dfdfdf;
        box-shadow: 0 0 84px 0 #dfdfdf;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .contact1 .titBox .tit {
        margin-top: 25px;
        color: #333;
        font-weight: 700;
        font-size: 20px;
    }

    .contact1 .titBox .entit {
        margin-top: 5px;
        margin-bottom: 25px;
        color: #666;
        font-size: 12px;
    }

    .contact1 .decli {
        position: relative;
        margin-top: 5px;
    }

        .contact1 .decli .iconBox {
            position: relative;
            top: 5px;
            width: 16px;
            height: 16px;
        }

        .contact1 .decli .sdec, .contact1 .decli .sdec1 {
            position: relative;
            padding-left: 10px;
            width: calc(100% - 15px);
            color: #666;
            line-height: 2;
            font-size: 14px;
        }

            .contact1 .decli .sdec1 .sdec {
                margin-right: .3rem;
                padding-left: 0;
            }

                .contact1 .decli .sdec1 .sdec:last-child {
                    margin-right: 0;
                }

.contact2 {
    position: relative;
    padding: .85rem .75rem;
    background-color: #f9f9f9;
}

    .contact2 .ul {
        position: relative;
        margin-top: 20px;
    }

    .contact2 .liBox .li {
        position: relative;
        margin-top: 15px;
        margin-right: 1%;
        min-height: 80px;
        border-radius: 4px;
        border-radius: 4px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

label.error {
    position: absolute;
    bottom: -15%;
    left: 0;
    padding: 0 20px;
    color: #ff1b1b;
    font-size: 14px;
}

.contact2 .liBox .li:last-child {
    margin-right: 0;
}

.contact2 .liBox .li .icon-jt {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    color: #4e535c;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.contact2 .liBox .li input, .contact2 .liBox .li textarea {
    position: relative;
    display: block;
    padding: 15px 20px;
    width: 100%;
    height: 68px;
    background-color: #fff;
    color: #323333;
}

.contact2 .liBox .li textarea {
    height: 140px;
}

.contact2 .liBox .sub {
    margin-top: 40px;
}

.contact3 .bgm {
    position: relative;
    height: 6.5rem;
    background: url(../images/co-bgm1.jpg) no-repeat center;
    background-size: cover;
}

.contact3 .in_tit {
    padding-top: 1.35rem;
}

    .contact3 .in_tit .tit {
        color: #fff;
    }

.contact3 .ul {
    position: relative;
    margin-top: -3.38rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .contact3 .ul .li {
        position: relative;
        padding: .4rem;
        width: 33.333%;
        cursor: pointer;
    }

        .contact3 .ul .li .tag {
            display: inline-block;
            margin-bottom: 1.55rem;
            padding: 2px 15px;
            border: 1px solid rgba(94,30,197,.5);
            color: rgba(94,30,197,.6);
            font-size: 18px;
            -webkit-transition: all .6s;
            transition: all .6s;
        }

        .contact3 .ul .li .titBox {
            margin-bottom: 10px;
        }

            .contact3 .ul .li .titBox .tit {
                padding-right: 2%;
                width: calc(100% - 12px);
                color: rgba(94,30,197,.6);
                font-weight: 700;
                font-size: .3rem;
                -webkit-transition: all .6s;
                transition: all .6s;
            }

            .contact3 .ul .li .titBox .icon-jt {
                display: inline-block;
                margin-left: 20px;
                color: rgba(94,30,197,.6);
                font-weight: 700;
                font-size: 12px;
                -webkit-transition: all .6s;
                transition: all .6s;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }

        .contact3 .ul .li .tipsBox {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .contact3 .ul .li .tips {
            margin-top: 30px;
            color: rgba(115,28,185,.6);
            text-align: center;
            font-weight: 700;
            font-size: 26px;
        }

        .contact3 .ul .li.li1, .contact3 .ul .li.li2, .contact3 .ul .li.li3 {
            background-color: #731cb9;
        }

            .contact3 .ul .li.li1 .tag, .contact3 .ul .li.li2 .tag, .contact3 .ul .li.li3 .tag {
                border: 1px solid rgba(255,255,255,.5);
                color: rgba(255,255,255,.5);
            }

            .contact3 .ul .li.li1 .titBox .icon-jt, .contact3 .ul .li.li1 .titBox .tit, .contact3 .ul .li.li2 .titBox .icon-jt, .contact3 .ul .li.li2 .titBox .tit, .contact3 .ul .li.li3 .titBox .icon-jt, .contact3 .ul .li.li3 .titBox .tit {
                color: rgba(255,255,255,.6);
            }

        .contact3 .ul .li.li2 {
            background-color: #5e1ec5;
        }

        .contact3 .ul .li.li3 {
            background-color: #441fd6;
        }

        .contact3 .ul .li.li4 {
            background-color: #fcf8ff;
        }

        .contact3 .ul .li.li5 {
            background-color: #fff;
        }

            .contact3 .ul .li.li5 .tag {
                border: 1px solid rgba(115,28,185,.5);
                color: rgba(115,28,185,.5);
            }

            .contact3 .ul .li.li5 .titBox .icon-jt, .contact3 .ul .li.li5 .titBox .tit {
                color: rgba(115,28,185,.6);
            }

        .contact3 .ul .li.li6 {
            background-color: #f8f7fd;
        }

            .contact3 .ul .li.li6 .tag {
                border: 1px solid rgba(68,31,214,.5);
                color: rgba(68,31,214,.5);
            }

            .contact3 .ul .li.li6 .titBox .icon-jt, .contact3 .ul .li.li6 .titBox .tit {
                color: rgba(68,31,214,.6);
            }

        .contact3 .ul .li.li7, .contact3 .ul .li.li9 {
            background-color: #fff;
            -webkit-box-shadow: 0 18px 39px 7px rgba(203,207,218,.2);
            box-shadow: 0 18px 39px 7px rgba(203,207,218,.2);
        }

            .contact3 .ul .li.li7 .tag {
                border: 1px solid rgba(68,31,214,.5);
                color: rgba(68,31,214,.5);
            }

            .contact3 .ul .li.li7 .titBox .icon-jt, .contact3 .ul .li.li7 .titBox .tit {
                color: rgba(68,31,214,.6);
            }

        .contact3 .ul .li.li8 {
            background-color: #f8f7fd;
            cursor: initial;
        }

        .contact3 .ul .li.li1:hover .tag, .contact3 .ul .li.li2:hover .tag, .contact3 .ul .li.li3:hover .tag {
            border: 1px solid rgba(255,255,255,.8);
            color: rgba(255,255,255,.8);
        }

        .contact3 .ul .li.li1:hover .icon-jt, .contact3 .ul .li.li1:hover .tit, .contact3 .ul .li.li2:hover .icon-jt, .contact3 .ul .li.li2:hover .tit, .contact3 .ul .li.li3:hover .icon-jt, .contact3 .ul .li.li3:hover .tit {
            color: #fff !important;
        }

        .contact3 .ul .li:hover .tag {
            border: 1px solid rgba(101,16,173,.8);
            color: rgba(101,16,173,.8);
        }

        .contact3 .ul .li:hover .icon-jt, .contact3 .ul .li:hover .tit {
            color: #6510ad !important;
        }

    .contact3 .ul .popcont {
        display: none;
    }

.popcont {
    position: relative;
}

    .popcont .ptop {
        position: relative;
        padding: .5rem .8rem;
        background: url(../images/co-bgm2.jpg) no-repeat center;
        background-size: cover;
    }

        .popcont .ptop .ptit {
            margin-bottom: 5px;
            color: #fff;
            font-weight: 700;
            font-size: .44rem;
        }

        .popcont .ptop .dec {
            color: #fff;
            font-size: 18px;
        }

    .popcont .pbot {
        position: relative;
        padding: .45rem .8rem;
    }

        .popcont .pbot .pcont {
            position: relative;
            overflow-x: hidden;
            overflow-y: auto;
            padding-right: 15px;
            height: 560px;
        }

        .popcont .pbot .ctit {
            margin-top: 35px;
            color: #333;
            font-weight: 700;
            font-size: 24px;
        }

            .popcont .pbot .ctit:first-child {
                margin-top: 0;
            }

        .popcont .pbot .cdec, .popcont .pbot .cdec p {
            position: relative;
            margin: 10px 0;
            color: #666;
            font-size: 16px;
        }

    .popcont .pbtn {
        margin: 15px 0;
    }

        .popcont .pbtn a {
            margin-right: 20px;
        }

            .popcont .pbtn a:last-child {
                margin-right: 0;
            }

    .popcont .tips {
        color: #888;
        font-size: 16px;
    }

    .popcont .moreBox {
        margin-top: 40px;
    }

.manufacturing1 .ul {
    margin-top: 1.1rem;
    margin-bottom: 1.35rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.manufacturing1 .li {
    position: relative;
    padding-right: 3%;
    padding-left: .7rem;
    width: 33.333%;
}

    .manufacturing1 .li:last-child {
        margin-right: 0;
    }

    .manufacturing1 .li::before {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: -1;
        overflow: hidden;
        width: 217px;
        height: 217px;
        border-radius: 50%;
        background: url(../images/ma-quna1.png) no-repeat center;
        background-size: cover;
        content: '';
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .manufacturing1 .li .tag {
        overflow: hidden;
        width: 78px;
        height: 78px;
        border-radius: 50%;
        background-color: #4b0c77;
        color: #fff;
        text-align: center;
        font-size: .26rem;
        line-height: 78px;
    }

    .manufacturing1 .li .font {
        padding-left: .3rem;
        width: calc(100% - 78px);
    }

        .manufacturing1 .li .font .tit {
            color: #6510ad;
            font-weight: 700;
            font-size: .3rem;
            font-family: NexaBold,HarmonyOS_Sans_SC;
            line-height: 1;
        }

            .manufacturing1 .li .font .tit span {
                display: inline-block;
                vertical-align: -5px;
                font-size: .54rem;
                line-height: 1;
            }

        .manufacturing1 .li .font .dec {
            margin-top: 10px;
            color: #333;
        }

.manufacturing1 .swiper-slide {
    overflow: hidden;
}

.manufacturing1 .swiper-pagination {
    display: none;
}

.manufacturing2 {
    background-color: #f8f8f8;
}

    .manufacturing2 .tabli {
        position: relative;
        margin-top: 30px;
        cursor: pointer;
    }

        .manufacturing2 .tabli:first-child {
            margin-top: 0;
        }

        .manufacturing2 .tabli.active .iconBox .img {
            opacity: 1;
        }

        .manufacturing2 .tabli.active .iconBox .himg {
            opacity: 1;
        }

        .manufacturing2 .tabli.active .font .tit {
            color: #333;
        }

        .manufacturing2 .tabli.active .font .dec {
            color: #777;
        }

        .manufacturing2 .tabli .iconBox {
            position: relative;
            width: 85px;
            height: 70px;
        }

            .manufacturing2 .tabli .iconBox .himg {
                opacity: 0;
            }

        .manufacturing2 .tabli .font {
            padding-left: .35rem;
            width: calc(100% - 85px);
        }

            .manufacturing2 .tabli .font .tit {
                margin-bottom: 10px;
                color: rgba(51,51,51,.7);
                font-weight: 700;
                font-size: 24px;
            }

            .manufacturing2 .tabli .font .dec {
                color: rgba(119,119,119,.7);
            }

    .manufacturing2 .left {
        padding-right: 5%;
        width: 43%;
    }

    .manufacturing2 .right {
        width: 57%;
    }

    .manufacturing2 .list {
        margin-top: 30px;
    }

    .manufacturing2 .list, .manufacturing2 .rlist {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .manufacturing2 .rli {
        position: relative;
        overflow: hidden;
        margin-right: 2%;
        width: 49%;
    }

        .manufacturing2 .rli:last-child {
            margin-right: 0;
        }

        .manufacturing2 .rli:nth-child(odd) {
            margin-top: .85rem;
        }

        .manufacturing2 .rli .rimg {
            position: relative;
            overflow: hidden;
            margin-top: 4%;
        }

            .manufacturing2 .rli .rimg::before {
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 1;
                width: 100%;
                height: 50%;
                /* background: url(../images/ma-bgm1.png) no-repeat center; */
                background-size: cover;
                content: '';
            }

        .manufacturing2 .rli .rtit {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            padding: 10px;
            width: 100%;
            color: #f8f8f8;
            text-align: center;
            font-size: 18px;
        }

    .manufacturing2 .rtBox {
        display: none;
        overflow: hidden;
    }

        .manufacturing2 .rtBox:first-child {
            display: block;
        }

.manufacturing3 .swiper-container {
    overflow: initial;
    margin-top: 30px;
}

.manufacturing3 .swiper-slide {
    position: relative;
}

    .manufacturing3 .swiper-slide::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #4b0c77;
        content: '';
    }

.manufacturing3 .font {
    padding: .3rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 59px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 59px 0 rgba(0,0,0,.1);
}

    .manufacturing3 .font .tit {
        color: #333;
        font-size: 24px;
    }

    .manufacturing3 .font .dec {
        margin-top: 10px;
        color: #777;
        font-size: 16px;
        line-height: 1.75;
        height: 84px;
        min-height: 84px;
    }

.manufacturing3 .swiper-pagination {
    display: none;
}

.manufacturing4 .swplist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 30px;
    width: 91.6%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.manufacturing4 .swiper-container {
    overflow: visible;
    margin: 0 auto;
}

.manufacturing4 .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.manufacturing4 .swiper-slide {
    margin: 0 10px;
    width: 296px;
}

    .manufacturing4 .swiper-slide .tit {
        margin-top: 15px;
        color: #666;
        text-align: center;
    }

    .manufacturing4 .swiper-slide .imgBox {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        width: 296px;
        height: 296px;
        border-radius: 50%;
        background-color: #f8f8f8;
    }

        .manufacturing4 .swiper-slide .imgBox img {
            z-index: 5;
            -webkit-transform: scale(.8);
            transform: scale(.8);
        }

.manufacturing4 .swiper-slide-active {
    margin: 0 40px;
    width: 412px;
}

    .manufacturing4 .swiper-slide-active .imgBox {
        overflow: hidden;
        width: 412px;
        height: 412px;
        border-radius: 50%;
    }

        .manufacturing4 .swiper-slide-active .imgBox::before {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: #4b0c77;
            content: '';
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .manufacturing4 .swiper-slide-active .imgBox::after {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 86%;
            height: 86%;
            border: solid 10px #f5eefa;
            border-radius: 50%;
            background-color: #fff;
            content: '';
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .manufacturing4 .swiper-slide-active .imgBox img {
            -webkit-box-shadow: 0 0 49px 0 rgba(0,0,0,.22);
            box-shadow: 0 0 49px 0 rgba(0,0,0,.22);
            -webkit-transform: scale(1);
            transform: scale(1);
        }

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

.manufacturing4 .swiper-button-next {
    right: 20px;
}

.manufacturing5 {
    background-color: #f8f8f8;
}

    .manufacturing5 .swiper-container {
        padding-top: 30px;
    }

    .manufacturing5 .swiper-slide .imgBox {
        position: relative;
        margin-bottom: 20px;
        background-color: #fff;
        -webkit-box-shadow: 0 7px 29px 0 rgba(184,184,184,.42);
        box-shadow: 0 7px 29px 0 rgba(184,184,184,.42);
    }

    .manufacturing5 .swiper-slide .tit {
        padding: 0 15px;
        color: #666;
        text-align: center;
        font-size: 16px;
        line-height: 1.875;
    }

    .manufacturing5 .swiper-button-next, .manufacturing5 .swiper-button-prev {
        top: 40%;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%);
    }

    .manufacturing5 .swiper-button-prev {
        left: -76px;
    }

    .manufacturing5 .swiper-button-next {
        right: -76px;
    }

.manufacturing6 .swiper-container {
    margin-top: 30px;
    padding-bottom: 40px;
}

.manufacturing6 .swiper-slide .imgBox {
    position: relative;
    width: 100%;
    height: 185px;
}

.manufacturing6 .swiper-slide .tit {
    margin-top: 20px;
    color: #666;
    text-align: center;
}

.research1 .left {
    padding-right: 1.4rem;
    width: 55%;
}

.research1 .right {
    width: 45%;
}

    .research1 .right .bgm {
        -webkit-animation: rotaterotate 60s infinite linear;
        animation: rotaterotate 60s infinite linear;
    }

    .research1 .right .img {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.research1 .numBox {
    margin-top: 30px;
}

    .research1 .numBox .numli {
        padding-bottom: 0;
        width: 50%;
        border-bottom: 0;
    }

        .research1 .numBox .numli::before {
            display: none !important;
        }

.research2 {
    background-color: #f8f8f8;
}

    .research2 .in_tit {
        margin-bottom: 35px;
    }

    .research2 .ul {
        margin-top: 1.05%;
    }

    .research2 .li {
        position: relative;
        overflow: hidden;
        margin-right: 1.05%;
    }

        .research2 .li:last-child {
            margin-right: 0;
        }

        .research2 .li .imgBox {
            position: relative;
        }

            .research2 .li .imgBox img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

            .research2 .li .imgBox::before {
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 1;
                width: 100%;
                height: 50%;
                /* background: url(../images/re-bgm4.png) no-repeat center; */
                background-size: cover;
                content: '';
            }

        .research2 .li .tit {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            padding: 25px 30px;
            width: 100%;
            color: #fff;
            font-size: 20px;
        }

    .research2 .swiper-container {
        display: none;
    }

    .research2 .swiper-slide .tit {
        margin-top: 10px;
        text-align: center;
    }

.research3 {
    overflow: hidden;
}

    .research3::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 10.9rem;
        height: 5.6rem;
        background: url(../images/re-bgm1.png) no-repeat center;
        background-size: cover;
        content: '';
    }

    .research3 .list {
        padding: 1.5rem .55rem 1.5rem 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .research3 .list .left {
            position: relative;
            overflow: hidden;
            width: 335px;
        }

        .research3 .list .right {
            padding-left: .9rem;
            width: calc(100% - 335px);
        }

            .research3 .list .right .dec {
                margin-top: 25px;
                color: #666;
                font-size: 16px;
                line-height: 2;
            }

.research4 {
    padding-bottom: 1.5rem;
    background: url(../images/re-bgm2.jpg) no-repeat center;
    background-size: cover;
}

    .research4 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .research4 .list .in_tit .tit {
            color: #fff;
        }

        .research4 .list .left {
            padding-right: 1.7rem;
            width: 56%;
        }

            .research4 .list .left .dec {
                margin-top: 25px;
                color: #fff;
                font-size: 16px;
                line-height: 2;
                text-align: justify;
            }

        .research4 .list .right {
            position: relative;
            overflow: hidden;
            width: 44%;
        }

.research5 {
    position: relative;
    z-index: 1;
    margin-top: -.85rem;
    padding: .7rem .3rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 62px 0 rgba(0,0,0,.07);
    box-shadow: 0 0 62px 0 rgba(0,0,0,.07);
}

    .research5 .btit {
        margin-bottom: 35px;
        color: #333;
        font-size: .3rem;
    }

    .research5 .swiper-slide .imgBox {
        position: relative;
        width: 100%;
        height: 160px;
    }

    .research5 .swiper-slide .stit {
        margin-top: 10px;
        margin-bottom: .4rem;
        color: #666;
        text-align: center;
        font-size: 14px;
    }

    .research5 .swiper-pagination {
        bottom: 0;
    }

.research6 {
    overflow: hidden;
}

    .research6 .ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .research6 .ul .li {
            position: relative;
            padding: 0 3%;
            width: 25%;
            text-align: center;
        }

            .research6 .ul .li::before {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: -1;
                width: 275px;
                height: 89px;
                background: url(../images/re-bgm3.png) no-repeat center;
                background-size: cover;
                content: '';
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

            .research6 .ul .li .num {
                color: #6510ad;
                font-weight: 700;
                font-size: .3rem;
                font-family: NexaBold,HarmonyOS_Sans_SC;
                line-height: 1;
            }

                .research6 .ul .li .num span {
                    font-size: .54rem;
                }

            .research6 .ul .li .dec {
                color: #333;
            }

    .research6 .swiper-container {
        width: 93%;
    }

    .research6 .swiper-slide {
        width: 395px;
    }

        .research6 .swiper-slide img {
            max-height: 400px;
        }

        .research6 .swiper-slide .tit {
            margin-top: 25px;
            color: #666;
            text-align: center;
            opacity: 0;
            pointer-events: none;
        }

    .research6 .swiper-slide-active .tit {
        opacity: 1;
        pointer-events: unset;
    }

    .research6 .swiper-button-prev {
        left: -56px;
    }

    .research6 .swiper-button-next {
        right: -56px;
    }

.research7 {
    overflow: hidden;
    background-color: #f8f8f8;
}

    .research7 .swiper-container {
        margin-top: 30px;
        padding-bottom: 60px;
    }

    .research7 .swiper-slide .imgBox {
        position: relative;
        height: 345px;
    }

        .research7 .swiper-slide .imgBox img {
            max-width: 95%;
        }

    .research7 .swiper-slide .tit {
        margin-top: 15px;
        padding: 0 10px;
        color: #666;
        text-align: center;
    }

.research8 {
    overflow: hidden;
}

    .research8 .swpBox {
        margin-top: 30px;
    }

    .research8 .swiper-container {
        width: 95%;
    }

    .research8 .swiper-slide {
        position: relative;
    }

        .research8 .swiper-slide::before {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 3px;
            background-color: #4b0c77;
            content: '';
        }

    .research8 .font {
        position: relative;
        padding: .35rem;
        background-color: #fff;
        -webkit-box-shadow: 0 0 59px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 59px 0 rgba(0,0,0,.1);
    }

        .research8 .font .tit {
            color: #333;
            font-weight: 700;
            font-size: 24px;
        }

        .research8 .font .dec {
            margin-top: 10px;
            height: 85px;
            color: #777;
            font-size: 16px;
            line-height: 1.75;
        }

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

    .research8 .swiper-button-next {
        right: 20px;
    }

    .research8 .swiper-pagination {
        display: none;
    }

.new1 {
    padding-top: 165px;
    padding-bottom: 240px;
    background: url(../images/ne-bgm2.jpg) no-repeat center;
    background-size: cover;
}

    .new1 .tagBox {
        margin-top: 30px;
    }

    .new1 .tag {
        display: inline-block;
        overflow: hidden;
        margin-right: 15px;
        padding: 8px 28px;
        border: 1px solid rgba(255,255,255,.29);
        border-radius: 22px;
        color: #fff;
        vertical-align: middle;
        letter-spacing: 1px;
        font-size: 18px;
    }

        .new1 .tag:hover {
            background: #fff;
            color: #4b0c77;
        }

.new2 .list {
    position: relative;
    margin-top: -165px;
    padding-bottom: 60px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new2 .ul {
    margin-top: -39.6%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new2 .li {
    position: relative;
    overflow: hidden;
    margin-top: 2%;
    margin-right: 2%;
    width: 32%;
    background-color: #fff;
}

    .new2 .li:nth-child(1), .new2 .li:nth-child(4n), .new2 .li:nth-child(7n) {
        margin-right: 0;
    }

    .new2 .li .imgBox img {
        height: 100%;
        object-fit: cover;
    }

    .new2 .li .font .tit {
        height: 60px;
    }

    .new2 .li:nth-child(1) {
        margin-top: 0;
        margin-left: 67.8%;
    }

        .new2 .li:nth-child(1) .btn {
            padding-bottom: 12px;
        }

    .new2 .li:hover .btn em {
        margin-right: 10px;
    }

.new2 .font {
    padding: 35px 25px;
}

    .new2 .font .tit {
        margin-top: 15px;
        color: #333;
        font-weight: 700;
        font-size: 22px;
        line-height: 1.36;
    }

    .new2 .font .time {
        color: #adadad;
        font-size: 16px;
        font-family: NexaBold;
    }

    .new2 .font .btn {
        margin-top: 45px;
        padding-top: 25px;
        border-top: 1px solid rgba(51,51,51,.07);
        color: #333;
        letter-spacing: 1px;
        font-weight: 700;
        font-size: 14px;
    }

        .new2 .font .btn em {
            display: block;
            color: #4f0881;
            font-size: 12px;
            -webkit-transition: all .6s;
            transition: all .6s;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.new2 .topBox .font {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

    .new2 .topBox .font .time, .new2 .topBox .font .tit {
        color: #fff;
    }

.new2 .topBox {
    position: relative;
    display: block;
    width: 66%;
}

    .new2 .topBox img {
        aspect-ratio: 453/271;
    }

    .new2 .topBox::before {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 50%;
        background: url(../images/ne-bgm1.png) no-repeat center center;
        background-size: cover;
        content: '';
    }

.neinfo1 {
    padding-top: 165px;
    padding-bottom: 230px;
    background: url(../images/ne-bgm2.jpg) no-repeat center;
    background-size: cover;
}

    .neinfo1 .time {
        color: #fff;
        font-size: 18px;
        font-family: NexaBold;
    }

    .neinfo1 .tit {
        margin: 15px 0 20px 0;
        color: #fff;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 30px;
    }

.neinfo2 {
    position: relative;
    z-index: 1;
    margin-top: -185px;
}

    .neinfo2 .list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .neinfo2 .left {
        padding-right: 30px;
        width: calc(100% - 385px);
    }

        .neinfo2 .left .font {
            margin-bottom: 40px;
            padding: .65rem;
            background-color: #fff;
            color: #666;
            text-indent: 2em;
            font-size: 16px;
            line-height: 1.875;
        }

            .neinfo2 .left .font img {
                margin: 45px 0;
            }

            .neinfo2 .left .font p {
                margin-top: 30px;
            }

                .neinfo2 .left .font p:first-child {
                    margin-top: 0;
                }

    .neinfo2 .right {
        position: sticky;
        top: 100px;
        padding: 30px;
        width: 385px;
        background-color: #fff;
    }

        .neinfo2 .right .btit {
            position: relative;
            padding-left: 10px;
            color: #333;
            font-size: 24px;
        }

            .neinfo2 .right .btit::before {
                position: absolute;
                top: 50%;
                left: 0;
                width: 3px;
                height: 60%;
                background-color: #4b0c77;
                content: '';
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

    .neinfo2 .rlink {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6;
    }

        .neinfo2 .rlink:last-child {
            border-bottom: 1px solid #fff;
        }

        .neinfo2 .rlink .tit {
            color: #333;
            font-size: 18px;
            line-height: 1.55;
        }

        .neinfo2 .rlink .time {
            margin-top: 20px;
            color: #888;
            font-size: 14px;
        }

.pag_box .ne_more {
    position: relative;
    display: block;
    margin-top: 20px;
}

    .pag_box .ne_more .lf {
        margin-bottom: 2px;
        width: 80px;
        color: #888;
        font-size: 18px;
    }

    .pag_box .ne_more .rt {
        padding-right: 8%;
        width: calc(100% - 80px);
        font-size: 24px;
    }

    .pag_box .ne_more .jticon {
        position: absolute;
        right: 0;
        bottom: 0;
        overflow: hidden;
        padding-left: 10px;
        width: 73px;
        height: 63px;
        background: url(../images/ne-bgm4.png) no-repeat center;
        background-size: cover;
        color: #fff;
        text-align: center;
        line-height: 70px;
    }

.pag_box .ne_mct {
    padding: 45px 40px;
    background: url(../images/ne-bgm3.png) #fff no-repeat center;
    background-size: cover;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.solution1 {
    position: relative;
    padding-top: 2.35rem;
}

    .solution1 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .solution1 .left {
        padding-right: .85rem;
        width: 40.5%;
    }

        .solution1 .left .ftimg {
            margin-bottom: -30px;
        }

            .solution1 .left .ftimg img {
                margin: 0;
            }

        .solution1 .left .btit {
            color: #333;
            font-size: .7rem;
            font-family: HarmonyOS_Sans_SC_Medium;
        }

        .solution1 .left .dec {
            margin-bottom: .75rem;
            color: #666;
            font-size: 16px;
            line-height: 1.875;
        }

    .solution1 .right {
        position: relative;
        overflow: hidden;
        width: 59.5%;
    }

    .solution1 .bftimg {
        position: absolute;
        bottom: 0;
        left: 41%;
        -webkit-transform: translateX(-41%);
        transform: translateX(-41%);
    }

        .solution1 .bftimg img {
            -webkit-animation: rotaterotate 60s infinite linear;
            animation: rotaterotate 60s infinite linear;
        }

.solution2 .list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.solution2 .left {
    padding-right: 2rem;
    width: 56%;
}

    .solution2 .left .dec {
        position: relative;
        color: #666;
        font-size: 18px;
        line-height: 1.67;
    }

        .solution2 .left .dec p {
            position: relative;
            margin-top: 25px;
            padding-left: 25px;
        }

            .solution2 .left .dec p::before {
                position: absolute;
                top: 10px;
                left: 0;
                overflow: hidden;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: #4b0c77;
                content: '';
            }

.solution2 .right {
    position: relative;
    overflow: hidden;
    width: 44%;
}

.solution3 {
    background-color: #f6f6f6;
}

    .solution3 .tabBox {
        margin-top: 45px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .solution3 .tabli {
        position: relative;
        margin-top: 1.6%;
        margin-right: 2%;
        width: 32.25%;
        flex: 1;
    }

        .solution3 .tabli.active .tabBtn {
            border: solid 1px #6510ad;
        }

            .solution3 .tabli.active .tabBtn .icon-jt, .solution3 .tabli.active .tabBtn .tit {
                color: #6510ad;
            }

        .solution3 .tabli .tabBtn {
            position: relative;
            padding: 0 30px;
            width: 100%;
            height: 60px;
            border: 1px solid #fff;
            background-color: #fff;
            cursor: pointer;
        }

            .solution3 .tabli .tabBtn .tit {
                padding-right: 10px;
                width: calc(100% - 12px);
                color: #333;
                font-weight: 700;
                font-size: 20px;
            }

            .solution3 .tabli .tabBtn .icon-jt {
                color: #666;
                font-weight: 700;
                font-size: 12px;
            }

        .solution3 .tabli .tabct {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 2;
            display: none;
            width: 100%;
            -webkit-box-shadow: 0 18px 39px 7px rgba(203,207,218,.2);
            box-shadow: 0 18px 39px 7px rgba(203,207,218,.2);
        }

            .solution3 .tabli .tabct .tablink {
                display: block;
                padding: 15px 30px;
                border-top: 1px solid rgba(51,51,51,.07);
                background: #fff;
                color: #333;
            }

                .solution3 .tabli .tabct .tablink.active {
                    background: #6510ad;
                    color: #fff;
                }

    .solution3 .swpBox {
        margin-top: 40px;
    }

    .solution3 .swiper-wrapper {
        flex-wrap: wrap;
        align-items: normal;
    }

    .solution3 .swiper-slide {
        margin-right: 2%;
        margin-bottom: 2%;
        width: 23%;
        background-color: #fff;
    }

        .solution3 .swiper-slide .imgBox {
            padding-top: 10px;
        }

        .solution3 .swiper-slide .font {
            padding: 20px;
            height: 85px;
            text-align: center;
        }

            .solution3 .swiper-slide .font .tit {
                margin-bottom: 5px;
                color: #333;
                font-size: 16px;
                font-family: HarmonyOS_Sans_SC_Medium;
            }

            .solution3 .swiper-slide .font .dec {
                margin-bottom: 5px;
                color: #8e8e8e;
                font-size: 16px;
                line-height: 1.75;
            }

    .solution3 .swiper-button-prev {
        left: -100px;
        display: none;
        background: 0 0;
    }

        .solution3 .swiper-button-prev:hover {
            background: #4b0c77;
        }

    .solution3 .swiper-button-next {
        right: -100px;
        display: none;
        background: 0 0;
    }

        .solution3 .swiper-button-next:hover {
            background: #4b0c77;
        }

.solution4 {
    position: relative;
    overflow: hidden;
    background: url(../images/so-bgm1.png) no-repeat center;
    background-size: 100%;
}

    .solution4 .swiper-container {
        padding-top: 30px;
    }

    .solution4 .swiper-slide {
        padding: 20px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 46px 0 rgba(185,185,185,.18);
        box-shadow: 0 0 46px 0 rgba(185,185,185,.18);
    }

        .solution4 .swiper-slide .tit {
            padding-top: 20px;
            color: #333;
            text-align: center;
            font-size: 18px;
        }

    .solution4 .swiper-pagination {
        display: none;
    }

    .solution4 .link {
        position: relative;
        padding: 30px 40px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 46px 0 rgba(185,185,185,.18);
        box-shadow: 0 0 46px 0 rgba(185,185,185,.18);
    }

        .solution4 .link:hover .tit {
            color: #6510ad;
        }

        .solution4 .link:hover .icon-jt {
            margin-right: 10px;
        }

        .solution4 .link .tit {
            padding-right: 3%;
            width: calc(100% - 28px);
            color: #333;
            font-weight: 700;
            font-size: .3rem;
        }

        .solution4 .link .icon-jt {
            position: relative;
            display: block;
            overflow: hidden;
            width: 28px;
            height: 28px;
            border: solid 1px #6510ad;
            border-radius: 50%;
            color: #6510ad;
            text-align: center;
            font-size: 12px;
            line-height: 28px;
            -webkit-transition: all .6s;
            transition: all .6s;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

@media screen and (max-width:1679px) {
    .headfixed .menu_list {
        padding-left: .6rem;
        width: 75%;
    }

    .headfixed .menu_pcul {
        padding-right: .6rem;
    }

    .about3 .swiper-container {
        padding: 0 .5rem;
    }

    .about3 .font {
        padding: 15px;
        font-size: 15px;
    }

    .manufacturing3 .font .dec {
        overflow: auto;
    }

    .new2 .font .tit {
        font-size: 20px;
    }

    .new2 .li:nth-child(1) .btn {
        margin-top: 28px;
        padding-bottom: 0;
    }

    .new2 .li .font .tit {
        height: 55px;
    }

    .section1 .left::before {
        top: -.8rem;
        left: -.8rem;
    }

    .section1 .left::after {
        bottom: -1rem;
        left: -1.6rem;
    }

    .section1 .right .dec2 {
        line-height: 1.6;
    }

    .section1 .moreBox1 {
        margin-bottom: .3rem;
    }

    .section3 .li .txt2 {
        padding: 30px;
    }
}

@media screen and (max-width:1599px) {
    .headfixed .headfixed_show {
        padding: 0 5%;
    }

    .headfixed .head_pro {
        padding: 3% 5%;
    }

    .c-arrows .c-prev, .section2 .swpBox::before {
        left: 3%;
    }

    .c-arrows .c-next {
        right: 3%;
    }

    .section2 .swiper-slide {
        padding: 0 1.1rem 0 1rem;
    }

    .manufacturing3 .font .tit, .pag_box .ne_more .rt, .research8 .font .tit, .section5 .bli .tit {
        font-size: 20px;
    }

    .in_tit .dec, .section5 .cli .time, .section5 .sli .btn {
        font-size: 16px;
    }

    .section2 .btnBox {
        right: 22.5%;
        width: 86px;
        height: 86px;
    }

    .about1 .right .tit {
        font-size: 24px;
    }

    .about3 .year::before {
        bottom: -58px;
    }

    .about5 .imgBox {
        height: 300px;
    }

    .about5 .swiper-container {
        padding: 30px 65px 50px 65px;
    }

    .about1 .right .videobox {
        width: 66px;
        height: 66px;
        line-height: 64px;
    }

    .solution1 .bftimg img {
        max-width: 180px;
    }

    .solution1 .left .ftimg img {
        max-width: 380px;
    }

    .manufacturing2 .tabli .iconBox {
        width: 66px;
        height: 56px;
    }

        .manufacturing2 .tabli .iconBox img {
            max-width: 60px;
            max-height: 60px;
            opacity: .4;
        }

    .manufacturing2 .tabli .font {
        width: calc(100% - 66px);
    }

    .new2 .li:nth-child(1) .btn {
        margin-top: 35px;
        padding-bottom: 0;
    }

    .neinfo2 .left .font p {
        margin-top: 16px;
    }

    .neinfo2 .left .font img {
        margin: 30px 0;
    }
}

@media screen and (max-width:1439px) {
    .headfixed .menu_pcul li > a {
        padding: 25px 0;
        font-size: 16px;
    }

    .footer .ftlogo img, .headfixed .logo img {
        max-width: 140px;
    }

    .banner {
        margin-top: 74px;
    }

    .hadbot .hadbot_jut, .headfixed.headerbgm .hadbot .hadbot_jut {
        bottom: 74px;
    }

    .banner_swiper .swiper_dec {
        font-size: 22px;
    }

    .swiper-pagination .current {
        font-size: 30px;
    }

    .section1 .right {
        padding-left: 1rem;
    }

        .section1 .right .dec1 {
            margin-bottom: 10px;
        }

    .numBox .numli {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .section2 .top {
        margin-bottom: 30px;
    }

    .section2 .swiper-slide .liBox .li {
        margin-top: 10px;
    }

    .section2 .swiper-slide .font .dec {
        margin-bottom: 20px;
    }

    .section3 .bot, .section5 .bot {
        margin-top: 25px;
    }

    .section2 .swiper-slide .font .tit, .section3 .li .txttop .tit {
        font-size: 26px;
    }

    .section4 .li .iconBox {
        width: 80px;
        height: 80px;
    }

    .section4 .li .iconImg {
        width: 60px;
        height: 60px;
    }

        .section4 .li .iconImg img {
            margin-top: 5px;
        }

    .about1 .right .tit, .manufacturing2 .tabli .font .tit, .neinfo2 .right .btit, .research5 .btit, .section4 .li .tit {
        font-size: 22px;
    }

    .in_tit .dec {
        margin-top: 5px;
        font-size: 16px;
    }

    .section5 .bli .tit {
        font-size: 20px;
    }

    .about2 .li .font .dec, .ftlogo_share .tit, .hadbox_sec3 .hadbot_cont .cont .fz_key a, .hadbox_sec3 .hadbot_cont .cont .fz_key span, .new2 .font .time, .pag_box .ne_more .lf, .solution2 .left .dec {
        font-size: 16px;
    }

    .footer .foot-copy, .footer .foot-copy a, .footer .foot-rtlink, .footer .foot-rtlink a, .new2 .font .btn, .section5 .bli .btn, .section5 .bli .time {
        font-size: 14px;
    }

    .section5 .sli .dec {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .ftlogo_share .bshare_icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }

        .ftlogo_share .bshare_icon.icon-twitter, .hadbox_sec3 .hadbot_cont .cont .f_zhong .lt .item .tit, .solution3 .tabli .tabBtn .tit {
            font-size: 18px;
        }

    .footer .foot-bot {
        padding: 15px 0;
    }

    .section3 .li .txt2 {
        padding: 40px;
    }

    .section3 .li .txli {
        margin-right: .5rem;
    }

    .about3 .swiper-container {
        margin-top: 100px;
    }

        .about3 .swiper-container:before {
            top: 60px;
        }

    .about3 .font {
        margin-top: 60px;
    }

    .about3 .year::before {
        bottom: -36px;
    }

    .about3 .abmouse {
        top: 20%;
        right: 10%;
    }

    .about4 .left .line {
        margin: 20px 0;
    }

    .solution4 .link .tit {
        font-size: 24px;
    }

    .solution3 .tabBox {
        margin-top: 16px;
    }

    .manufacturing2 .list, .manufacturing3 .swiper-container, .research8 .swpBox, .solution3 .swpBox {
        margin-top: 30px;
    }

    .solution4 .link {
        padding: 24px 30px;
    }

    .manufacturing5 .swiper-container, .solution4 .swiper-container {
        padding-top: 30px;
    }

    .solution2 .left .dec p::before {
        width: 6px;
        height: 6px;
    }

    .solution2 .left .dec p {
        margin-top: 15px;
        padding-left: 15px;
    }

    .solution1 .bftimg img {
        max-width: 130px;
    }

    .solution1 {
        padding-top: 1.8rem;
    }

    .solution3 .swiper-slide .imgBox {
        padding-top: 34px;
    }

    .manufacturing5 .swiper-container, .solution3 .swiper-container {
        width: 90%;
    }

    .manufacturing5 .swiper-button-next, .solution3 .swiper-button-next {
        right: -30px;
    }

    .manufacturing5 .swiper-button-prev, .solution3 .swiper-button-prev {
        left: -30px;
    }

    .research2 .in_tit {
        margin-bottom: 30px;
    }

    .research2 .li .tit {
        font-size: 18px;
    }

    .research6 .swiper-button-next {
        right: -30px;
    }

    .research6 .swiper-button-prev {
        left: -30px;
    }

    .research6 .swiper-slide {
        width: 360px;
    }

        .research6 .swiper-slide img {
            height: 250px;
        }

    .research7 .swiper-container {
        margin-top: 26px;
        padding-bottom: 35px;
    }

    .manufacturing1 .li .tag {
        width: 66px;
        height: 66px;
        font-size: 18px;
        line-height: 66px;
    }

    .manufacturing1 .li .font {
        width: calc(100% - 66px);
    }

    .manufacturing1 .li::before {
        width: 160px;
        height: 160px;
    }

    .manufacturing6 .swiper-container {
        margin-top: 30px;
        padding-bottom: 40px;
    }

    .new2 .li:nth-child(1) .btn {
        margin-top: 46px;
        padding-bottom: 0;
    }

    .new2 .list {
        padding-bottom: 40px;
    }

    .pag_box .ne_more .rt {
        font-size: 20px;
    }

    .pag_box .ne_mct {
        padding: 36px 24px;
    }

    .neinfo1 .tit {
        font-size: 28px;
    }

    .contact1 .titBox .tit {
        margin-top: 15px;
        font-size: 20px;
    }

    .contact1 .titBox .entit {
        margin-bottom: 15px;
    }

    .contact2 .liBox .li input {
        height: 55px;
    }

    .contact2 .liBox .li textarea {
        height: 140px;
    }

    .popcont .pbot .ctit {
        font-size: 22px;
    }

    .contact1 .fontBox {
        width: 14.5rem;
    }

    .contact3 .ul {
        margin-top: -3.51rem;
    }

    .headfixed .head_pli .tit {
        font-size: 18px;
    }

    .manufacturing2 .rli:nth-child(odd) {
        margin-top: .45rem;
    }

    .manufacturing2 .rli {
        width: 40%;
    }

    .manufacturing2 .list {
        justify-content: space-around;
    }

    .manufacturing4 .swiper-slide-active .imgBox {
        width: 350px;
        height: 350px;
    }

    label.error {
        bottom: -3%;
    }

    .contact2 .liBox:nth-child(2) label.error {
        bottom: -18%;
    }
}

@media screen and (max-width:1359px) {
    .section4 .ul {
        padding: .6rem 0;
    }

    .headfixed .menu_pcul li > a {
        font-size: 15px;
    }

    .btn_search {
        font-size: 16px;
    }

    .headfixed .menu_pcul {
        padding-right: 0.2rem;
    }

    .swiper-pagination .current, .swiper-pagination .line, .swiper-pagination .total {
        font-size: 16px;
        line-height: 26px;
    }

    .swiper-pagination .current {
        margin-bottom: 2px;
        font-size: 24px;
    }

    .about1 .right .tit, .banner_swiper .swiper_dec {
        font-size: 20px;
    }

    .numBox .numli:nth-child(odd) {
        padding-right: .25rem;
    }

    .numBox .numli:nth-child(even) {
        padding-left: .25rem;
    }

    .section1 .left::after {
        bottom: -.84rem;
    }

    .section2 .btnBox {
        width: 72px;
        height: 72px;
    }

    .section2 .swiper-slide .liBox {
        height: 160px;
    }

    .section2 .swiper-slide .font {
        padding-right: .4rem;
    }

        .section2 .swiper-slide .font .tit, .section3 .li .txttop .tit {
            font-size: 24px;
        }

    .moreBox {
        width: 160px;
        height: 48px;
        line-height: 46px;
    }

    .about2 .li .entit {
        margin-bottom: .6rem;
        font-size: 18px;
    }

    .about2 .ul {
        margin-top: .4rem;
    }

    .product1 .font .tit {
        font-size: 26px;
    }

    .product1 .left {
        padding: 40px 10px 40px 30px;
    }

    .product1 .li:nth-child(even) .left {
        padding: 40px 30px 40px 10px;
    }

    .product1 .font .tag {
        margin-right: 15px;
    }

    .product1 .left::before {
        height: 4px;
    }

    .product1 .iconBox img {
        max-width: 45px;
    }

    .solution1 .left .ftimg img {
        max-width: 340px;
    }

    .prinfo1 .left .dec {
        font-size: 16px;
    }

        .prinfo1 .left .dec p::before {
            width: 6px;
            height: 6px;
        }

        .prinfo1 .left .dec p {
            margin: 10px 0;
            padding-left: 20px;
        }

    .prinfo2 .list .down, .prinfo2 .list table td, .prinfo2 .list table th {
        font-size: 14px;
    }

    .prinfo2 .list table th {
        height: 60px;
    }

    .prinfo2 .list table td {
        height: 50px;
    }

    .manufacturing6 .swiper-slide .imgBox {
        height: 156px;
    }

    .new2 .li:nth-child(1) .btn {
        margin-top: 32px;
        padding-bottom: 0;
    }

    .new1 {
        padding-top: 129px;
        padding-bottom: 210px;
    }

        .new1 .tag {
            font-size: 16px;
        }

    .neinfo2 .left {
        width: calc(100% - 340px);
    }

    .neinfo2 .right {
        width: 340px;
    }

    .neinfo1 {
        padding-top: 125px;
        padding-bottom: 180px;
    }

    .neinfo2 {
        margin-top: -134px;
    }

    .pag_box .ne_more .jticon {
        width: 65px;
        height: 56px;
        line-height: 60px;
    }

    .contact3 .ul .li .tag, .popcont .ptop .dec {
        font-size: 16px;
    }

    .popcont .pbot .ctit {
        font-size: 20px;
    }

    .contact3 .ul .li .tips {
        font-size: 24px;
    }

    .section1 .moreBox1 {
        display: none;
    }

    .numBox .nbt, .section1 .right .dec2, .section2 .swiper-slide .font .dec, .section2 .swiper-slide .liBox .li {
        font-size: 14px;
    }

    .section2 .swiper-slide .imgBox::before {
        height: 5.35rem;
    }

    .section2 .swiper-slide .liBox {
        height: 110px;
    }

        .section2 .swiper-slide .liBox .li {
            margin-top: 5px;
        }

    .section1 .right .dec2 {
        margin-bottom: 5px;
    }

    .numBox .iconBox {
        width: 26px;
        height: 26px;
    }

        .numBox .iconBox img {
            max-width: 26px;
            max-height: 26px;
        }

    .section3 .li .iconBox {
        width: 52px;
        height: 52px;
    }

    .about3 .year, .contact3 .ul .li .tips, .section2 .swiper-slide .font .tit, .section3 .li .txt1 .tit, .section3 .li .txttop .tit, .solution4 .link .tit {
        font-size: 20px;
    }

    .about1 .right .tit, .manufacturing2 .tabli .font .tit, .neinfo2 .right .btit, .research5 .btit, .section4 .li .tit {
        font-size: 20px;
    }

    .section3 .li .iconBox img {
        max-width: 38px;
        max-height: 38px;
    }

    .section3 .li {
        height: 400px;
    }

    .section5 .bli .tit {
        font-size: 18px;
    }

    .section2 .swiper-slide .font .dec {
        height: 80px;
    }

    .section5 .sli .dec {
        height: 42px;
        font-size: 14px;
    }

    .section3 .li .txli .stit {
        font-size: 16px;
    }

    .section3 .li .txttop {
        margin-bottom: .3rem;
    }

    .section3 .li .txli .sdec {
        font-size: 14px;
    }

        .section3 .li .txli .sdec p::before {
            width: 10px;
            height: 10px;
        }

    .footer .ftlogo img, .headfixed .logo img {
        max-width: 120px;
    }

    .headfixed .menu_list {
        padding-left: 0;
    }

    .headfixed .logo_ft {
        font-size: 13px;
    }

    .headfixed .menu_list {
        width: 79%;
    }

    .about2 .li .font .tit, .section2 .tabBox .tabli {
        font-size: 18px;
    }

    .about2 .li .font .dec {
        font-size: 14px;
    }

    .about2 .li .entit {
        font-size: 16px;
    }

    .headfixed .head_pli .tit {
        font-size: 16px;
    }

        .headfixed .head_pli .tit img {
            max-width: 25px;
        }

    .headfixed .decli .link, .headfixed .decli .link1, .headfixed .decli .link2 {
        font-size: 14px;
    }

    .headfixed .head_sublink a {
        font-size: 14px;
        padding: 13px 0;
    }

    .headfixed .menu_pcul li .head_subnav {
        min-width: 160px;
    }
}

@media screen and (max-width:1279px) {
    .section1 .right .dec1 {
        font-size: 18px;
    }

    .section3 .li .txli .stit {
        font-size: 17px;
    }

    .in_tit .dec, .section1 .right .dec2, .section3 .li .txli .sdec {
        font-size: 14px;
    }

    .in_tit .entit, .solution4 .swiper-slide .tit {
        font-size: 16px;
    }

    .in_tit .tit {
        font-size: 30px;
    }

    .about3 .year, .contact3 .ul .li .tips, .section2 .swiper-slide .font .tit, .section3 .li .txt1 .tit, .section3 .li .txttop .tit, .solution4 .link .tit {
        font-size: 20px;
    }

    .research8 .font .tit {
        font-size: 20px;
    }

    .section3 .li .txli .stit {
        margin-bottom: 20px;
    }

    .banner_swiper .swiper_tit {
        font-size: 32px;
    }

    .headfixed .logo_ft {
        font-size: 12px;
    }

    .headfixed .menu_list {
        width: 77%;
    }

    .about1 .right .imgBox {
        margin-top: 25px;
    }

    .solution1 .left .btit {
        font-size: 40px;
    }

    .research7 .swiper-slide .imgBox {
        height: 310px;
    }

    .research6 .swiper-slide {
        width: 330px;
    }

    .new2 .font {
        padding: 27px 25px;
    }

        .new2 .font .btn {
            margin-top: 30px;
        }

    .contact3 .ul .li .tipsBox img {
        max-width: 54px;
    }

    .headfixed .head_pli .tit {
        font-size: 16px;
    }

        .headfixed .head_pli .tit img {
            max-width: 25px;
        }

    .headfixed .decli .link, .headfixed .decli .link1, .headfixed .decli .link2 {
        font-size: 14px;
    }
}

@media screen and (max-width:1151px) {
    .headfixed .btn_list {
        width: 100%;
    }

    .banner_swiper .swiper-img::before, .headfixed .logo_ft, .headfixed .logo_line, .headfixed .menu_pcul {
        display: none;
    }

    .btn_phone, .inner_swiper .swiper-img::before {
        display: block;
    }

    .headfixed .menu_list {
        padding-left: 0;
        width: 82%;
    }

    .c-loading, .c-prev {
        width: 46px;
        height: 46px;
        line-height: 44px;
    }

        .c-loading .left, .c-loading .left:after, .c-loading .right, .c-loading .right:after {
            width: 23px;
            height: 46px;
        }

    .section3 .li .txt2 {
        padding: 20px;
    }

    .section2 .swiper-scrollbar {
        width: 400px;
    }

    .swiper-pagination .current {
        margin-bottom: 0;
        font-size: 22px;
    }

    .manufacturing1 .li .font .tit span, .numBox .num, .research6 .ul .li .num span {
        font-size: 32px;
    }

        .numBox .num em {
            font-size: 17px;
        }

    .neinfo2 .right .btit {
        font-size: 20px;
    }

    .manufacturing2 .rli .rtit, .neinfo2 .rlink .tit {
        font-size: 16px;
    }

    .section1 .right .dec2 {
        margin-bottom: 20px;
    }

    .section1 .moreBox1 {
        margin-bottom: 30px;
    }

    .numBox .iconBox {
        width: 30px;
        height: 30px;
    }

    .about1 .left .dec, .about2 .li .font .dec, .about4 .left .swiper-slide, .inner_swiper .swiper_dec, .manufacturing1 .li .font .dec, .manufacturing2 .tabli .font .dec, .manufacturing3 .font .dec, .manufacturing4 .swiper-slide .tit, .manufacturing5 .swiper-slide .tit, .manufacturing6 .swiper-slide .tit, .numBox .nbt, .research4 .list .left .dec, .research5 .swiper-slide .stit, .research6 .swiper-slide .tit, .research6 .ul .li .dec, .research7 .swiper-slide .tit, .research8 .font .dec, .section2 .swiper-slide .font .dec, .section4 .li .dec, .section4 .li .entit, .section5 .bli .dec, .section5 .cli .dec, .section5 .sli .dec {
        font-size: 14px;
    }

    .manufacturing6 .swiper-slide .imgBox {
        height: 140px;
    }

    .headfixed .menu_list {
        width: 50%;
    }

    .manufacturing6 .swiper-slide .tit {
        margin-top: 10px;
    }

    .manufacturing5 .swiper-slide .tit {
        padding: 0 10px;
    }

    .language .language_text {
        border-left: 0;
    }

    .language .language_text {
        margin: 0;
        padding-left: 0;
    }

    .language {
        margin: 0 1rem;
    }

    .headfixed .headfixed_show {
        padding: 16px 5%;
    }

    .hadbot .hadbot_jut, .headfixed.headerbgm .hadbot .hadbot_jut {
        bottom: 65px;
    }

    .banner {
        margin-top: 65px;
    }

    .about3 .year::before {
        bottom: -40px;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 46px;
        height: 46px;
        line-height: 44px;
    }

    .product1 .font .tagBox {
        margin-bottom: 30px;
    }

    .product1 .font .tit {
        margin: 15px 0 10px 0;
    }

    .inner_swiper .swiper_tit, .new1 .tit {
        font-size: 30px;
    }

    .solution1 .left .ftimg img {
        max-width: 300px;
    }

    .solution3 .swiper-slide .imgBox {
        padding-top: 20px;
    }

    .solution3 .tabli .tabBtn {
        padding: 0 20px;
    }

    .solution3 .tabli .tabct .tablink {
        padding: 12px 20px;
    }

    .prinfo1 .rtleft .bimg {
        height: 386px;
    }

    .prinfo1 .rtright .swiper-container {
        height: 320px;
    }

    .prinfo1 .rtright .simg img {
        max-width: 80%;
    }

    .prinfo1 .rtright {
        width: 100px;
    }

    .prinfo1 .rtleft {
        margin-right: 30px;
        width: calc(100% - 100px - 30px);
    }

    .prinfo1 .swiper-button-next, .prinfo1 .swiper-button-prev {
        right: 40px;
    }

    .prinfo2 .list p img, .prinfo2 .list table {
        width: 1300px !important;
        max-width: max-content;
    }

    .in_tit .dec p {
        display: inline;
    }

    .research2 .in_tit {
        margin-bottom: 20px;
    }

    .research3 .list {
        padding: 80px 0;
    }

        .research3 .list .right .dec {
            margin-top: 15px;
            font-size: 15px;
        }

    .research2 .li .tit {
        padding: 12px 20px;
        font-size: 17px;
    }

    .research6 .ul .li::before {
        width: 200px;
        height: 60px;
    }

    .research7 .swiper-slide .imgBox {
        height: 270px;
    }

    .manufacturing2 .tabli .font .tit, .manufacturing3 .font .tit {
        font-size: 20px;
    }

    .manufacturing2 .tabli .iconBox {
        width: 40px;
        height: 34px;
    }

    .manufacturing2 .tabli .font {
        width: calc(100% - 40px);
    }

    .manufacturing2 .tabli .iconBox img {
        max-width: 48px;
        max-height: 48px;
    }

    .manufacturing2 .tabli {
        margin-top: 30px;
    }

    .manufacturing1 .li .font .tit {
        font-size: 16px;
    }

    .new2 .font .tit, .pag_box .ne_more .rt {
        font-size: 18px;
    }

    .new2 .li .font .tit {
        margin-top: 10px;
        height: 50px;
    }

    .new2 .font .btn {
        margin-top: 20px;
        padding-top: 18px;
    }

    .new2 .font {
        padding: 24px 20px;
    }

    .neinfo2 .right {
        padding: 20px;
    }

    .neinfo2 .rlink {
        padding: 15px 0;
    }

        .neinfo2 .rlink .time {
            margin-top: 10px;
        }

    .neinfo2 .left {
        width: calc(100% - 300px);
    }

    .neinfo2 .right {
        width: 300px;
    }

    .pag_box .ne_mct {
        padding: 24px 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .contact3 .ul .li .titBox .tit {
        font-size: 24px;
    }

    .contact1 .map {
        height: 800px;
    }

    .popcont .ptop .ptit {
        font-size: 26px;
    }

    .section2 .swiper-scrollbar {
        bottom: 1.3rem;
    }
}

@media screen and (max-width:1000px) {
    .contact2 .liBox, .neinfo2 .list, .research1 .list, .section1 .list, .section5 .bot {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about1 .left, .about1 .right, .about4 .left, .about4 .left .btnBox, .about4 .right, .manufacturing2 .left, .manufacturing2 .right, .manufacturing4 .swiper-container, .neinfo2 .left, .neinfo2 .right, .new2 .topBox, .prinfo1 .left, .prinfo1 .right, .product1 .left, .product1 .left::after, .product1 .left::before, .product1 .right, .research1 .left, .research1 .right, .research3 .list .right, .research4 .list .left, .research4 .list .right, .section1 .left, .section1 .right {
        width: 100%;
    }

        .about4 .left .btnBox, .footer .footer-menu, .manufacturing1 .li::before, .manufacturing4 .swiper-slide-active .imgBox::after, .manufacturing4 .swiper-slide-active .imgBox::before, .section2 .btnBox, .section2 .swiper-container::before, .section3 .bot {
            display: none;
        }

        .about4 .right .swiper-pagination, .manufacturing3 .swiper-pagination, .section3 .swpBox, .solution4 .swiper-pagination {
            display: block;
        }

    .section5 .bli {
        width: 48.5%;
    }

    .research1 .right {
        width: 50%;
    }

    .section5 .rli {
        margin-top: 30px;
        width: 100%;
    }

    .neinfo2 .left, .section5 .cli {
        margin-right: 0;
    }

    .about1 .right, .research3 .list .right, .section1 .right {
        padding-left: 0;
    }

    .about4 .left, .neinfo2 .left, .prinfo1 .left, .research1 .left, .research4 .list .left {
        padding-right: 0;
    }

    .product1 .left {
        margin-bottom: 0;
    }

    .about4 .right .rlf {
        margin-right: 3%;
    }

    .about4 .right .rrt {
        width: 48.5%;
    }

    .about4 .right .rlf .imgBox {
        margin-top: 0;
        margin-bottom: .3rem;
    }

    .swiper-pagination .current, .swiper-pagination .line, .swiper-pagination .total {
        font-size: 14px;
        line-height: 20px;
    }

    .swiper-pagination .current {
        margin-bottom: 0;
        font-size: 18px;
    }

    .banner_swiper .swiper-container-horizontal > .swiper-pagination-bullets, .banner_swiper .swiper-pagination-custom, .banner_swiper .swiper-pagination-fraction {
        bottom: 10px;
    }

    .numBox .numli:nth-child(even) {
        padding-left: 30px;
    }

    .numBox .numli:nth-child(odd) {
        padding-right: 30px;
    }

    .section1 .left::after {
        bottom: -40px;
    }

    .about1 .left, .section1 {
        padding-bottom: 40px;
    }

        .prinfo1 .left, .product1 .left, .research3 .list .left, .section1 .left {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 2;
            order: 2;
        }

        .section1 .left {
            margin-top: 70px;
        }

        .prinfo1 .right, .product1 .right, .research3 .list .right, .section1 .right {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 1;
            order: 1;
        }

    .section2 {
        padding-top: 80px;
    }

        .section2 .tabBox .tabli {
            padding: 10px 0;
        }

        .section2 .swiper-container {
            padding-bottom: 90px;
        }

        .section2 .swiper-slide .imgBox::before {
            width: 200px;
            height: 300px;
        }

        .research2 .li .tit, .section2 .swiper-slide .liBox .li {
            font-size: 15px;
        }

        .section2 .swiper-slide .liBox {
            height: 140px;
        }

        .section2 .top {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

    .about1 .right .imgBox, .section1 .left .imgBox {
        height: 360px;
    }

        .about1 .right .imgBox img, .section1 .left .imgBox img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .section3 .swiper-slide .font .dec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section3 .swiper-slide .ftlli {
        margin-right: 1.5rem;
    }

        .section3 .swiper-slide .ftlli:last-child {
            margin-right: 0;
        }

    .in_tit .tit {
        font-size: 28px;
    }

    .banner_swiper .swiper_tit {
        font-size: 30px;
    }

    .moreBox {
        width: 140px;
        font-size: 14px;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .section4 .li .iconBox {
        width: 60px;
        height: 60px;
    }

    .section4 .li .iconImg {
        width: 50px;
        height: 50px;
    }

    .section4 .ul {
        padding: 40px 0;
    }

    .footer .foot_top {
        padding: 25px 0;
    }

    .ftlogo_share .tit, .hadbox_sec3 .hadbot_cont .cont .f_zhong .lt .item .f_list a, .hadbox_sec3 .hadbot_cont .cont .fz_key a, .hadbox_sec3 .hadbot_cont .cont .fz_key span, .product1 .font .tag, .solution1 .left .dec, .solution2 .left .dec, .solution3 .swiper-slide .font .dec {
        font-size: 14px;
    }

    .hadbox_sec3 .hadbot_cont .cont .fz_key .name {
        width: 100px;
    }

    .hadbox_sec3 .hadbot_cont .cont .fz_key .jut {
        width: calc(100% - 100px);
    }

        .hadbox_sec3 .hadbot_cont .cont .fz_key .jut span {
            margin: 0 2px;
        }

    .hadbox_sec3 .hadbot_cont .cont .f_zhong .lt .item .tit, .solution3 .tabli .tabBtn .tit {
        font-size: 16px;
    }

    .hadbox_sec3 .hadbot_cont .cont .f_zhong .lt {
        width: 50%;
    }

    .hadbox_sec3 .hadbot_cont .cont .form .f_sub {
        width: 100px;
        font-size: 16px;
    }

    .about1 .right .videobox {
        width: 56px;
        height: 56px;
        line-height: 54px;
    }

    .about2 .li {
        padding: 30px 20px;
        width: 49.1%;
    }

        .about2 .li:nth-child(2n) {
            margin-right: 0;
        }

    .about2 .ul {
        margin-top: 20px;
    }

    .about2 .li .font .dec p {
        display: inline;
    }

    .about2 .li:last-child {
        margin-top: 1.8%;
        width: 100%;
    }

    .about4 .right .swiper-container {
        margin-top: 20px;
        padding-bottom: 30px;
    }

    .about5 .swiper-container {
        padding: 20px 35px 30px 35px;
    }

    .product1, .research3 .list .left {
        padding-top: 30px;
    }

        .product1 .left::before {
            top: auto;
            bottom: 0;
        }

        .product1 > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .product1 .li {
            margin-top: 3.5%;
            margin-right: 3.5%;
            padding-top: 0;
            width: 48%;
        }

            .product1 .li:nth-child(2n) {
                margin-right: 0;
            }

        .product1 .font .tit {
            font-size: 22px;
        }

        .product1 .font .tagBox {
            margin-bottom: 25px;
        }

        .product1 .left, .product1 .li:nth-child(even) .left {
            padding: 35px 20px;
        }

        .product1 .iconBox img {
            max-width: 36px;
        }

    .solution1 {
        padding-top: 2.8rem;
    }

        .solution1 .left {
            width: 45%;
        }

        .solution1 .right {
            width: 55%;
        }

        .solution1 .left .ftimg img {
            max-width: 240px;
        }

        .solution1 .left .btit {
            font-size: 32px;
        }

        .solution1 .left .dec {
            margin-top: 10px;
            margin-bottom: 30px;
        }

        .solution1 .bftimg {
            left: 44%;
            -webkit-transform: translateX(-44%);
            transform: translateX(-44%);
        }

            .solution1 .bftimg img {
                max-width: 100px;
            }

    .solution2 .left {
        padding-right: 40px;
    }

    .solution3 .tabli .tabBtn {
        padding: 0 15px;
        height: 50px;
    }

    .solution3 .tabli .tabct .tablink {
        padding: 10px 15px;
        font-size: 14px;
    }

    .solution3 .swiper-slide .font .tit {
        font-size: 18px;
    }

    .solution3 .swiper-slide .imgBox {
        padding-top: 5px;
    }

    .solution3 .swiper-slide .font {
        padding: 5px 15px 15px 15px;
    }

    .solution4 .swiper-container {
        margin-bottom: 30px;
        padding-top: 20px;
        padding-bottom: 35px;
    }

    .manufacturing5 .swiper-container {
        padding-top: 20px;
    }

    .solution4 .link .tit {
        font-size: 20px;
    }

    .solution3 .swiper-container {
        width: 85%;
    }

    .manufacturing5 .swiper-button-next, .solution3 .swiper-button-next {
        right: -10px;
    }

    .manufacturing5 .swiper-button-prev, .solution3 .swiper-button-prev {
        left: -10px;
    }

    .prinfo1 {
        padding-top: 3rem;
    }

        .prinfo1 .left, .research1 .right {
            margin-top: 30px;
        }

    .neinfo2 .right {
        margin-top: 40px;
        padding: 30px;
    }

    .prinfo1 .left .dec {
        height: auto;
    }

    .prinfo1 .rtright {
        width: 125px;
    }

    .neinfo2 .left .font {
        padding: 30px;
    }

    .prinfo1 .rtleft {
        width: calc(100% - 125px - 30px);
    }

        .prinfo1 .rtleft .bimg {
            height: 460px;
        }

    .prinfo1 .rtright .swiper-container {
        height: 400px;
    }

    .prinfo1 .rtright .simg img {
        max-width: 70%;
    }

    .prinfo1 .swiper-button-next, .prinfo1 .swiper-button-prev {
        right: 52px;
    }

    .research3 .list {
        padding: 45px 0 50px 0;
    }

    .research4 .list .right img {
        margin: 0;
        margin-top: 30px;
    }

    .research2 .in_tit {
        text-align: left;
    }

    .research5 .btit {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .research5 .swiper-slide .imgBox {
        height: 110px;
    }

    .research5 {
        padding: 30px 20px;
    }

    .research6 .ul .li::before {
        display: none;
        width: 150px;
        height: 46px;
    }

    .research6 .swiper-slide {
        width: 240px;
    }

    .research7 .swiper-slide .imgBox {
        height: 320px;
    }

    .research7 .swiper-container {
        margin-top: 16px;
        padding-bottom: 30px;
    }

    .manufacturing2 .list, .manufacturing2 .right, .manufacturing3 .swiper-container, .research8 .swpBox {
        margin-top: 20px;
    }

    .research8 .font .tit {
        font-size: 18px;
    }

    .manufacturing1 .li {
        margin-top: 20px;
        width: 50%;
    }

    .manufacturing1 .ul {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .manufacturing2 .tabli .font {
        padding-left: 20px;
    }

    .manufacturing4 .swiper-container {
        overflow: hidden;
    }

    .manufacturing3 .swiper-container {
        overflow: hidden;
        padding-bottom: 30px;
    }

    .manufacturing4 .swiper-slide, .manufacturing4 .swiper-slide-active {
        margin: 0;
    }

        .manufacturing4 .swiper-slide .imgBox {
            width: 100%;
            height: 280px;
            border-radius: 0;
        }

            .manufacturing4 .swiper-slide .imgBox img, .manufacturing4 .swiper-slide-active .imgBox img {
                max-width: 90%;
                -webkit-box-shadow: 0 0 49px 0 transparent;
                box-shadow: 0 0 49px 0 transparent;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

    .manufacturing4 .swplist {
        margin-top: 22px;
    }

    .manufacturing6 .swiper-slide .imgBox {
        height: 120px;
    }

    .manufacturing6 .swiper-container {
        margin-top: 15px;
        padding-bottom: 30px;
    }

    .new2 .ul {
        margin-top: 30px;
    }

    .new2 .li, .new2 .li:nth-child(7n) {
        margin-top: 3%;
        margin-right: 3%;
        width: 48.5%;
    }

        .new2 .li:nth-child(7n) {
            margin-right: 0;
            width: 100%;
        }

        .new2 .li:nth-child(1) {
            margin-top: 3%;
            margin-right: 3%;
            margin-left: 0;
        }

        .new2 .li:nth-child(2n) {
            margin-right: 0;
        }

    .new2 .list {
        padding-bottom: 30px;
    }

    .new2 .li:nth-child(1) .btn {
        margin-top: 20px;
    }

    .neinfo1 .tit {
        font-size: 26px;
    }

    .contact1 .fontBox {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
        margin-top: -2rem;
        width: 90%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .contact1 .map {
        height: 400px;
    }

    .contact1 .titBox .tit {
        font-size: 18px;
    }

    .contact2 .liBox .li {
        margin-top: 4%;
        margin-right: 4%;
        width: 48%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }

        .contact2 .liBox .li:nth-child(2n) {
            margin-right: 0;
        }

    .contact2 .liBox:last-child .li, .contact2 .liBox:nth-last-child(2) .li {
        margin-right: 0;
        width: 100%;
    }

    .contact2 .ul {
        margin-top: 0;
    }

    .contact2 {
        padding: 40px 40px 60px 40px;
    }

    .contact3 .ul .li .titBox .tit {
        font-size: 22px;
    }

    .contact3 .ul .li .tips {
        margin-top: 16px;
        font-size: 20px;
    }

    .contact3 .ul .li {
        width: 50%;
    }

    .contact3 .bgm {
        height: 8rem;
    }

    .popcont .pbot .ctit {
        font-size: 18px;
    }

    .popcont .ptop .ptit {
        font-size: 24px;
    }

    .popcont .pbot .ctit {
        margin-top: 15px;
    }

    .popcont .pbot .cdec, .popcont .pbot .cdec p {
        font-size: 15px;
    }

    .popupBox .close {
        top: 40px;
        right: 20px;
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }

    .popcont .pbot .pcont {
        height: 460px;
    }

    .section5 .sli .dec {
        height: auto;
    }

    .section5 .sli {
        padding: 20px 0;
    }

    .contact2 .liBox:last-child .li, .contact2 .liBox:nth-child(2) .li {
        margin-right: 0;
        width: 100%;
    }

    .contact2 .liBox .li {
        min-height: initial;
    }

    label.error {
        bottom: -44%;
    }
}

@media (max-width:767px) {
    .hadbox_sec3 .hadbot_cont .cont .fz_key {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .hadbox_sec3 .hadbot_cont .cont .fz_key .jut, .hadbox_sec3 .hadbot_cont .cont .fz_key .name {
            width: 100%;
        }

        .hadbot .hadbot_jut .cont .fz_lt .font .name, .hadbox_sec3 .hadbot_cont .cont .fz_key span {
            font-weight: 600;
            font-size: 16px;
        }

    .hadbot .hadbot_jut .cont .fz_lt .font .tel {
        font-size: 20px;
    }

    .hadbox_sec3 .hadbot_cont .cont .fz_key .jut a {
        margin-top: 6px;
        padding: 0;
    }

    .hadbox_sec3 .hadbot_cont .cont .fz_key .jut span {
        margin-top: 6px;
        padding: 0 6px;
        font-size: 14px;
    }

    .hadbot .hadbot_jut, .headfixed.headerbgm .hadbot .hadbot_jut {
        bottom: 63px;
    }
}

@media screen and (max-width:640px) {
    .contact1 .decli .sdec1, .prinfo1 .right, .section2 .top, .section5 .top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .contact1 .decli .sdec1 .sdec, .contact2 .liBox .li, .contact3 .ul .li, .footer .ftlogo_share, .manufacturing1 .li, .pag_box .ne_more .lf, .pag_box .ne_more .rt, .prinfo1 .rtleft, .prinfo1 .rtright, .product1 .li, .research3 .list .left, .section2 .in_tit, .section2 .swiper-slide .font, .section2 .swiper-slide .imgBox, .section2 .tabBox, .section3 .in_tit, .section5 .bli, .section5 .in_tit, .solution1 .left, .solution1 .right, .solution2 .left, .solution2 .right, .solution3 .swiper-container, .solution3 .tabli {
            width: 100%;
        }

    .about3 .abmouse, .banner .c-arrows, .banner .pub-pbanner, .research2 .ul, .research8 .swiper-button-next, .research8 .swiper-button-prev, .section3 .moreBox, .section5 .cli, .section5 .moreBox, .solution1 .bftimg, .solution1 .moreBox {
        display: none !important;
    }

    .about3 .swiper-pagination, .banner .pub-mbanner, .manufacturing1 .swiper-pagination, .research2 .swiper-container, .research8 .swiper-pagination {
        display: block;
    }

    .about1 .right .tit, .manufacturing1 .li, .section3 .in_tit, .solution1 .left, .solution2 .left {
        padding-right: 0;
    }

    .manufacturing1 .li {
        padding-left: 0;
    }

    .contact1 .decli .sdec1 .sdec, .contact2 .liBox .li, .prinfo1 .rtleft, .product1 .li, .section5 .bli, .solution3 .tabli {
        margin-right: 0;
    }

    .banner_swiper .swiper_tit, .in_tit .tit, .inner_swiper .swiper_tit, .new1 .tit {
        font-size: 24px;
        line-height: 1.5;
    }

    .about3 .year, .popcont .ptop .ptit, .product1 .font .tit {
        font-size: 20px;
    }

    .contact1 .titBox .entit {
        font-size: 12px;
    }

    .in_tit .dec {
        font-size: 15px;
    }

    .about1 .left .dec, .about2 .li .font .dec, .about3 .font, .about4 .left .swiper-slide, .contact1 .decli .sdec, .contact3 .ul .li .tag, .footer .foot-copy a, .footer .foot-copy span, .hadbot .hadbot_jut .cont .fz_lt .font .name, .in_tit .entit, .manufacturing1 .li .font .dec, .manufacturing2 .rli .rtit, .manufacturing2 .tabli .font .dec, .manufacturing3 .font .dec, .manufacturing4 .swiper-slide .tit, .manufacturing5 .swiper-slide .tit, .manufacturing6 .swiper-slide .tit, .neinfo1 .time, .neinfo2 .left .font, .new1 .tag, .new2 .font .time, .numBox .nbt, .popcont .pbot .cdec, .popcont .pbot .cdec p, .popcont .ptop .dec, .prinfo1 .left .dec, .research2 .swiper-slide .tit, .research4 .list .left .dec, .research5 .swiper-slide .stit, .research6 .swiper-slide-active .tit, .research6 .ul .li .dec, .research7 .swiper-slide .tit, .research8 .font .dec, .section1 .right .dec2, .section2 .swiper-slide .font .dec, .section2 .swiper-slide .font .num, .section2 .swiper-slide .liBox .li, .section3 .li .txli .sdec, .section4 .li .dec, .section4 .li .entit, .section5 .bli .dec, .section5 .cli .dec, .section5 .sli .dec, .swiper-pagination .current, .swiper-pagination .line, .swiper-pagination .total {
        font-size: 14px;
    }

    .about2 .li .entit, .new2 .font .tit, .pag_box .ne_more .rt, .section1 .right .dec1 {
        font-size: 16px;
    }

    .about1 .right .tit, .about2 .li .font .tit, .contact3 .ul .li .tips, .contact3 .ul .li .titBox .tit, .manufacturing2 .tabli .font .tit, .manufacturing3 .font .tit, .research5 .btit, .section2 .swiper-slide .font .tit, .section3 .li .txttop .tit, .section3 .swiper-slide .font .tit, .section4 .li .tit, .solution4 .link .tit {
        font-size: 18px;
    }

    .contact1 .titBox .tit, .popcont .pbot .ctit, .section2 .tabBox .tabli, .section3 .swiper-slide .font .stit, .section5 .bli .tit {
        font-size: 17px;
    }

    .swiper-pagination .line {
        margin: 0 5px;
    }

    .banner_swiper .swiper_dec {
        margin-top: 8px;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .footer .ftlogo img, .headfixed .logo img {
        max-width: 110px;
    }

    .product1 .li {
        margin-top: 20px;
    }

    .language {
        margin: 0 .8rem;
    }

    .headfixed .headfixed_show {
        padding: 15px 5%;
    }

    .popcont .moreBox {
        margin-top: 25px;
    }

    .banner {
        margin-top: 60px;
    }

    .hadbox_sec3 .hadbot_cont .cont .form .f_sub {
        width: 60px;
    }

    .hadbox_sec3 .hadbot_cont .cont .form .int .tx {
        padding: 0 80px 0 20px;
    }

    .banner .swiper-slide-active .moreBox, .banner .swiper-slide-active .swiper_dec, .banner .swiper-slide-active .swiper_tit, .banner .swiper-wrapper.flexlf .swiper-slide .moreBox, .banner .swiper-wrapper.flexlf .swiper-slide .swiper_dec, .banner .swiper-wrapper.flexlf .swiper-slide .swiper_tit {
        -webkit-transition: none;
        transition: none;
        -webkit-animation: none;
        animation: none;
    }

    .in_tit .entit {
        margin-bottom: 0;
    }

    .about1 {
        overflow: hidden;
    }

    .section1 .right .dec1 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .section1 .moreBox1, .section1 .right .dec2 {
        margin-bottom: 10px;
    }

    .manufacturing1 .li .font .tit span, .numBox .num, .research6 .ul .li .num span {
        font-size: 28px;
    }

    .numBox .numli:nth-child(odd) {
        padding-right: 15px;
    }

    .numBox .numli:nth-child(even) {
        padding-left: 15px;
    }

    .numBox .iconBox {
        width: 22px;
        height: 22px;
    }

    .numBox .numli:nth-child(even)::before {
        height: 70%;
    }

    .numBox .numli:nth-child(3), .numBox .numli:nth-child(4) {
        padding-bottom: 25px;
    }

    .about1 .right .imgBox, .section1 .left .imgBox {
        height: 200px;
    }

    .section1 .left::after {
        bottom: -20px;
    }

    .section1 {
        padding-bottom: 20px;
    }

        .section1 .left::after {
            width: 6rem;
            height: 2.5rem;
        }

        .section1 .left::before {
            top: -.5rem;
            left: -.5rem;
        }

        .section1 .left {
            margin-top: 40px;
        }

    .section2 .in_tit, .section5 .in_tit {
        text-align: center;
    }

    .section2 .tabBox {
        margin: 5px auto;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .section2 .tabBox .tabli::before {
            width: 4px;
            height: 4px;
        }

        .section2 .tabBox .tabli {
            margin-right: .5rem;
        }

    .section2 {
        padding-top: 40px;
    }

        .section2 .swiper-slide {
            padding: 0 5%;
        }

            .section2 .swiper-slide .imgBox {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 1;
                order: 1;
            }

            .section2 .swiper-slide .font {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 2;
                order: 2;
            }

        .section2 .top {
            margin-bottom: 15px;
        }

        .section2 .swiper-slide .imgBox::before {
            right: 0;
            width: 140px;
            height: 250px;
        }

        .section2 .swiper-slide .font {
            margin-top: 30px;
        }

        .section2 .swiper-slide .img {
            padding-right: 15px;
        }

        .section2 .swiper-container {
            padding-top: 40px;
            padding-bottom: 80px;
        }

        .section2 .swiper-scrollbar {
            bottom: .9rem;
            width: 90%;
        }

        .section2 .swiper-slide .font .tit {
            margin-bottom: 8px;
        }

        .section2 .swiper-slide .liBox .li span {
            padding-left: 5px;
        }

        .section2 .swiper-slide .liBox .li {
            margin-top: 5px;
        }

        .section2 .swiper-slide .font .dec {
            margin-bottom: 9px;
        }

        .section2 .swiper-slide .liBox {
            margin-bottom: 15px;
            height: 115px;
        }

    .section3 .swiper-slide .ftlli {
        margin-right: 30px;
        width: auto;
    }

        .section3 .swiper-slide .ftlli:nth-child(2) {
            max-width: 210px;
        }

    .section3 .swiper-slide .font .sdec {
        font-size: 13px;
        line-height: 1.6;
    }

    .section3 .swiper-slide .font .stit {
        margin: 5px 0;
    }

    .research2 .swiper-container, .section3 .swiper-container, .section4 .swiper-container {
        padding-bottom: 25px;
    }

    .manufacturing1 .swiper-container, .research8 .swiper-container {
        padding-bottom: 30px;
    }

    .footer .ftlogo_share, .section3 .bot, .section3 .swpBox, .section5 .bot {
        margin-top: 15px;
    }

    .section4 .swiper-container {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .manufacturing1 .in_tit, .manufacturing2 .in_tit, .manufacturing4 .in_tit {
        text-align: left;
    }

    .section4 .ul, .section5 .bli .sli .btn {
        padding: 0;
    }

    .section4 .li .iconImg {
        width: 45px;
        height: 45px;
    }

    .section5 .bli .tit, .section5 .sli .dec {
        min-height: auto;
    }

    .section5 .bli .btn {
        padding-top: 10px;
    }

    .section5 .lli .tit {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .section5 .bli .font {
        padding: 20px;
    }

    .section5 .sli .dec {
        margin: 8px 0;
    }

    .section5 .sli {
        padding: 16px 0;
    }

    .footer .foot_top {
        padding: 25px 0 15px 0;
    }

    .about1 .entit {
        margin-bottom: -1rem;
        font-size: 1.5rem;
        -webkit-transform: translateX(.6rem);
        transform: translateX(.6rem);
    }

    .about1 .left .dec {
        overflow: auto;
        margin-top: 10px;
        margin-bottom: 0;
        max-height: 100px;
    }

    .about1 .right .videobox {
        width: 46px;
        height: 46px;
        line-height: 44px;
    }

    .about1 .right .imgBox {
        margin-top: 15px;
    }

    .about2 .bgm {
        height: 4rem;
    }

    .about2 .li {
        padding: 15px;
    }

        .about2 .li .entit {
            margin-bottom: .5rem;
        }

    .about1 .left {
        padding-bottom: 10px;
    }

    .about3 .swiper-container {
        margin-top: 40px;
        padding: 0 20px;
        padding-bottom: 30px;
    }

    .about4 .left .line {
        margin: 14px 0;
        width: 30px;
        height: 3px;
    }

    .about4 .right .swiper-container {
        margin-top: 15px;
        padding-bottom: 20px;
    }

    .about5, .research8 {
        margin: 0 auto;
        width: 90%;
    }

        .about5 .swiper-container {
            padding: 15px 0 30px 0;
        }

        .about5 .imgBox, .research8 .font {
            border: 1px solid rgba(151,151,151,.1);
            -webkit-box-shadow: 0 0 62px 0 rgba(151,151,151,0);
            box-shadow: 0 0 62px 0 rgba(151,151,151,0);
        }

        .about5 .imgBox {
            height: 220px;
        }

    .swiper-container {
        padding-right: 1px !important;
    }

    .ftlogo_share .bshare_icon {
        width: 36px;
        height: 36px;
        font-size: 18px;
        line-height: 36px;
    }

    .about1 {
        padding-top: 35px;
    }

    .inner_swiper .ny_bread, .inner_swiper .swiper_dec, .inner_swiper .swiper_tit {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

        .inner_swiper .swiper_dec p {
            display: inline;
        }

    .solution1 .left .btit {
        font-size: 28px;
    }

    .solution1 .left .ftimg img {
        max-width: 200px;
    }

    .solution1 .left .ftimg {
        margin-bottom: -15px;
    }

    .solution1 {
        padding-top: 2.2rem;
        padding-bottom: 0;
    }

        .solution1 .left .dec {
            margin-top: 5px;
            margin-bottom: 15px;
        }

    .solution2 .left .dec p::before {
        width: 4px;
        height: 4px;
    }

    .solution2 .left .dec p, .solution2 .right {
        margin-top: 10px;
    }

    .manufacturing4 .swplist, .solution3 .tabli {
        margin-top: 15px;
    }

    .manufacturing5 .swiper-container, .solution4 .swiper-container {
        padding-top: 15px;
    }

    .solution3 .tabBox {
        margin-top: 0;
    }

    .manufacturing5 .swiper-slide .imgBox {
        margin-bottom: 15px;
    }

    .manufacturing2 .tabli {
        margin-top: 20px;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 40px;
        height: 40px;
        line-height: 38px;
    }

    .solution4 .swiper-slide {
        padding: 10px 10px 15px 10px;
    }

        .solution4 .swiper-slide .tit {
            padding-top: 15px;
            font-size: 14px;
        }

    .solution4 .link {
        padding: 18px 15px;
    }

        .solution4 .link .icon-jt {
            width: 24px;
            height: 24px;
            line-height: 24px;
        }

    .prinfo1 .rtleft .bimg {
        height: 300px;
    }

    .prinfo1 .rtright .swiper-container {
        width: 86%;
        height: 60px;
    }

    .prinfo1 .rtright {
        padding: 20px 0 0 0;
    }

    .prinfo1 {
        padding-top: 2rem;
    }

        .prinfo1 .swiper-button-next, .prinfo1 .swiper-button-prev {
            bottom: 20px;
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        .prinfo1 .swiper-button-prev {
            top: auto;
            right: auto;
            left: 0;
        }

        .prinfo1 .swiper-button-next {
            right: 0;
        }

        .prinfo1 .left .dec {
            margin-top: 0;
            height: auto;
        }

        .prinfo1 .moreBox {
            height: 44px;
            line-height: 42px;
        }

    .research2 .imgBox {
        height: 155px;
    }

        .research2 .imgBox img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .swiper-pagination-bullet {
        margin: 0 5px !important;
    }

    .research3 .list .right .dec {
        margin-top: 5px;
        font-size: 14px;
    }

    .research3 .list .left {
        padding-top: 15px;
    }

    .research1 .right {
        width: 80%;
    }

    .manufacturing1 .li .font .dec, .research1 .numBox, .research6 .ul .li .dec {
        margin-top: 5px;
    }

    .in_tit .dec {
        line-height: 1.875;
    }

    .research4 .list .left .dec, .research7 .swiper-container, .research7 .swiper-slide .tit {
        margin-top: 8px;
    }

    .research5 .btit {
        margin-bottom: 10px;
        text-align: center;
    }

    .manufacturing2 .list, .manufacturing3 .swiper-container, .research4 .list .right img, .research6 .swiper-slide .tit, .research8 .swpBox {
        margin-top: 15px;
    }

    .research5 {
        padding: 30px 15px 10px 15px;
    }

    .research6 .ul .li {
        margin-top: 20px;
        width: 50%;
    }

    .research6 .ul {
        padding-top: 0;
    }

    .research6 .swiper-slide {
        width: 190px;
    }

    .research6 .swiper-button-next {
        right: -10px;
    }

    .research6 .swiper-button-prev {
        left: -10px;
    }

    .research7 .swiper-slide .imgBox {
        height: 240px;
    }

    .research8 .font .dec {
        height: 72px;
    }

    .research8 .font {
        padding: 20px 15px;
    }

    .section4 .li {
        border-right: 0;
    }

    .manufacturing1 .li .tag {
        width: 50px;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
    }

    .manufacturing1 .li .font {
        width: calc(100% - 50px);
    }

    .manufacturing1 .ul {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .manufacturing2 .tabli .font .tit, .pag_box .ne_more .lf {
        margin-bottom: 5px;
    }

    .manufacturing2 .tabli .iconBox {
        width: 30px;
        height: 26px;
    }

    .manufacturing2 .tabli .font {
        width: calc(100% - 30px);
    }

    .manufacturing2 .tabli .iconBox img {
        max-width: 36px;
        max-height: 36px;
    }

    .manufacturing2 .rli:nth-child(odd) {
        margin-top: 10px;
    }

    .manufacturing3 .font {
        padding: 30px 20px;
        border: 1px solid rgba(0,0,0,.05);
        border-top: 0;
        -webkit-box-shadow: 0 0 59px 0 transparent;
        box-shadow: 0 0 59px 0 transparent;
    }

        .manufacturing3 .font .dec {
            min-height: 75px;
        }

    .manufacturing5 .swiper-slide .imgBox {
        -webkit-box-shadow: 0 7px 29px 0 rgba(184,184,184,0);
        box-shadow: 0 7px 29px 0 rgba(184,184,184,0);
    }

    .new1 .tag {
        margin-top: 10px;
        margin-right: 5px;
        padding: 6px 20px;
    }

    .new1 .tagBox {
        margin-top: 15px;
    }

    .new1 {
        padding-top: 96px;
        padding-bottom: 90px;
    }

    .new2 .list {
        margin-top: -60px;
    }

    .contact1 .titBox .tit, .new2 .font .tit {
        margin-top: 5px;
    }

    .new2 .ul {
        margin-top: 20px;
    }

    .new2 .font {
        padding: 16px 12px;
    }

    .new2 .li .font .tit {
        margin-top: 5px;
        height: 45px;
    }

    .new2 .font .btn {
        font-size: 12px;
    }

    .new2 .font .btn {
        margin-top: 15px;
        padding-top: 10px;
    }

    .new2 .list {
        padding-bottom: 20px;
    }

    .neinfo2 .left .font p {
        margin-top: 5px;
    }

    .neinfo2 .left .font, .neinfo2 .right {
        padding: 30px 20px;
    }

    .neinfo1 .tit {
        margin: 8px 0 15px 0;
        font-size: 22px;
    }

    .neinfo1 {
        padding-top: 96px;
        padding-bottom: 100px;
    }

    .neinfo2 {
        margin-top: -74px;
    }

        .neinfo2 .left .font img {
            margin: 10px 0;
        }

    .pag_box .ne_more .jticon {
        width: 50px;
        height: 43px;
        line-height: 48px;
    }

    .pag_box .ne_more .lf {
        font-size: 15px;
    }

    .neinfo2 .left .font {
        margin-bottom: 20px;
    }

    .pag_box .ne_more {
        margin-top: 15px;
    }

    .contact1 .map {
        height: 300px;
    }

    .contact1 .fontBox {
        padding: 30px 20px;
    }

    .contact2 {
        padding: 30px 20px 50px 20px;
    }

        .contact2 .liBox .sub {
            margin-top: 20px;
            height: 50px;
            line-height: 46px;
        }

        .contact2 .liBox .li input, .contact2 .liBox .li textarea {
            padding: 15px;
        }

    .contact3 .bgm {
        height: 5rem;
    }

    .contact3 .ul .li .tag {
        padding: 2px 10px;
    }

    .contact3 .ul {
        margin-top: -2.3rem;
    }

        .contact3 .ul .li {
            padding: 20px 15px;
        }

        .contact3 .ul .li, .popcont .ptop {
            padding: 25px 20px;
        }

            .contact3 .ul .li .titBox {
                margin-bottom: 0;
            }

    .popcont .pbot {
        padding: 30px 20px;
    }

    .popupBox .close {
        top: 15px;
        right: 9px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .popcont .pbot .pcont {
        padding-right: 10px;
        height: 360px;
    }

    .contact3 .ul .li .tag {
        margin-bottom: 30px;
    }

    .contact3 .ul .li.li8 {
        height: 140px;
    }

    .contact3 .ul .li.li5 {
        -webkit-box-shadow: 0 18px 39px 7px rgba(203,207,218,.2);
        box-shadow: 0 18px 39px 7px rgba(203,207,218,.2);
    }

    .contact3 .ul .li .tipsBox img {
        max-width: 40px;
    }

    .moreBox {
        width: 135px;
        height: 46px;
        border-style: solid;
        border-image-source: linear-gradient(165deg,#eaebf0 0,#fff 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(#731cb8),to(#491fd3));
        background-image: linear-gradient(90deg,#731cb8 0,#491fd3 100%);
        line-height: 42px;
    }

    .moreBox1 {
        border-style: solid;
        border-image-source: linear-gradient(165deg,#eaebf0 0,#fff 100%);
        background-image: linear-gradient(-4deg,#f1f2f5 0,#fff 100%);
        -webkit-box-shadow: 0 18px 39px 7px rgba(203,207,218,.2);
        box-shadow: 0 18px 39px 7px rgba(203,207,218,.2);
    }

    .section2 .moreBox1 {
        -webkit-filter: drop-shadow(0 18px 39px rgba(203, 207, 218, .4));
        filter: drop-shadow(0 18px 39px rgba(203, 207, 218, .4));
    }

    .numBox .numli {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .about2 .bgm {
        background-attachment: initial;
    }
}

.contact3 .ul .li:last-child {
    display: none;
}

.download1 .download1_bot, .download1 .download1_top, .section2 .swpBox, .section2 .top {
    visibility: initial !important;
    animation: none !important;
    animation-delay: 0s !important;
}

.download1 .download1_left {
    width: 100%;
    flex-wrap: wrap;
}

.download1 .download1_right {
    position: relative;
    overflow: hidden;
    width: 340px;
}

    .download1 .download1_right input {
        display: block;
        padding: 5px 20px;
        width: calc(100% - 56px);
        height: 56px;
        background-color: #f8f9fc;
        color: #999;
    }

    .download1 .download1_right .ssicon {
        width: 56px;
        height: 56px;
        background-color: #f8f9fc;
        color: rgba(51,51,51,.2);
        text-align: center;
        font-size: 18px;
        line-height: 56px;
    }

.download1 .download1_tli {
    display: block;
    overflow: hidden;
    margin-right: 15px;
    padding: 10px 30px;
    border: 1px solid rgba(255,255,255,.29);
    border: 1px solid #4b0c77;
    border-radius: 30px;
    background: #fff;
    color: #4b0c77;
    letter-spacing: 1px;
    font-size: 18px;
}

    .download1 .download1_tli em {
        display: inline-block;
        margin-right: 5px;
        vertical-align: 0;
        font-size: 20px;
        line-height: 1;
    }

    .download1 .download1_tli .icon-coicon1 {
        font-size: 22px;
    }

    .download1 .download1_tli.active {
        background: #4b0c77;
        color: #fff;
    }

.download1 .download1_btli {
    padding: 18px 15px 18px 30px;
    background-color: #4b0c77;
}

.download1 .download1_btit {
    color: #fff;
    font-size: 20px;
    font-family: HarmonyOS_Sans_SC;
}

.download1 .download1_btit1 {
    padding-right: 5%;
    width: calc(100% - 100px);
}

.download1 .download1_btit2 {
    width: 100px;
    text-align: center;
}

.download1 .download1_bctit {
    position: relative;
    padding-right: 5%;
    width: calc(100% - 100px);
    color: #070707;
    font-size: 16px;
    font-family: HarmonyOS_Sans_SC !important;
}

    .download1 .download1_bctit::before {
        position: absolute;
        top: 50%;
        left: 0;
        color: #182f8e;
        font-size: 22px;
        font-family: iconfont;
        transform: translateY(-50%);
    }

.download1 .download1_bcli {
    position: relative;
    padding: 15px 15px 15px 30px;
    border: 1px solid #fff;
    transition: all .6s;
}

    .download1 .download1_bcli:nth-child(even) {
        border: 1px solid #f8f7fd;
        background-color: #f8f7fd;
    }

    .download1 .download1_bcli:hover {
        border: 1px solid rgba(115,28,185,.6);
    }

.download1 .download1_bot {
    margin: 40px auto;
}

.down {
    width: 100px;
    height: 40px;
    border: 1px solid rgba(115,28,185,.6);
    background: #fbfcfd;
    color: rgba(115,28,185,.6);
    text-align: center;
    font-size: 16px;
    font-family: HarmonyOS_Sans_SC;
    line-height: 40px;
    transition: all .5s;
}

    .down em {
        display: inline-block;
        margin-top: 3px;
        margin-right: 5px;
        font-size: 19px;
        line-height: 1;
    }

.download1 .download1_bcli:hover .down {
    background: #5e1ec5;
    color: #fff;
}

@media screen and (max-width:768px) {
    .download1 .download1_right {
        margin-bottom: 15px;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .download1 .download1_left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .download1 .download1_tli {
        padding: 6px 20px;
        font-size: 15px;
    }

        .download1 .download1_tli:nth-child(2n) {
            margin-right: 0;
        }

        .download1 .download1_tli em {
            font-size: 17px;
        }

    .download1 .download1_btli {
        padding: 15px;
    }

    .download1 .download1_bcli {
        padding: 12px 15px 12px 15px;
    }

    .download1 .download1_bctit, .download1 .download1_btit, .secrvice1 .secrvice1_dec {
        font-size: 14px;
    }

    .download1 .download1_btit2 {
        width: 85px;
    }

    .download1 .download1_bctit, .download1 .download1_btit1 {
        padding-left: 0;
        width: calc(100% - 70px);
    }

    .download1 .download1_bot {
        margin: 30px auto;
    }

    .down {
        width: 70px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

        .down em {
            margin-top: 0;
            font-size: 15px;
        }

    .hadbot .hadbot_jut .cont .close i {
        width: 18px;
        font-size: 18px;
    }

    .contact2 .liBox .li input {
        height: 50px;
    }

    .contact2 .liBox .li {
        margin-top: 20px;
    }

    .section1 .right .dec2 {
        line-height: 1.875;
    }

    .about2 .li .entit, .about2 .li .font .dec, .numBox .nbt {
        font-size: 13px;
    }

    .about2 .ul {
        margin-top: 15px;
    }

    .about2 .li .font .tit {
        font-size: 16px;
    }
}

.add2 {
    display: none;
}


.ttbz {
    margin-top: 20px;
}

    .ttbz p {
        color: red;
        font-size: 14px;
    }


.lxwm-cont {
}

.lxwm-des {
    width: 50%;
    padding-right: 5%;
}

.solution3h{
    margin-top: 80px;
}
@media screen and (max-width:970px) {

    .lxwm-cont {
        display: block;
    }

    .lxwm-des {
        width: 100%;
        padding: 0;
        margin-bottom: 25px;
    }

    .solution3 .swiper-slide{
    width: 50%;
    margin: auto;
}
.solution3 .swiper-slide .font .tit{
    font-size: 16px;
}

.solution3 .tabli .tabBtn .tit{
    font-size: 14px;
}
}