.index-title {  color: #525252;}
.index-section1 .grWidth { justify-content: space-between;}
.index-section1 .case {width: calc(100% - 55%);}
.index-section1 .case .video-play {  position: relative; overflow: hidden; cursor: pointer; height: 385px;}
.index-section1 .case .video-play img {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            object-fit: cover;
            transition: .5s all;
            -webkit-transition: .5s all;
}
.index-section1 .case .video-play i {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 60px;
            color: #f5f5f5;
            opacity: .5;
 }
.index-section1 .case .video-play p { position: absolute;  left: 0;bottom: 0;padding: 20px; font-size: 1rem;  color: #868686; }
.index-section1 .case .video-play:hover img {   transform: scale(1.1);}
.index-section1 .news {  width: 50%;}
.index-section1 .news .list-news li {   overflow: hidden;height: 120px;}
.index-section1 .news .list-news li:last-child {  margin-bottom: 0 !important;}
.index-section1 .news .list-news li a { display: block; }
.index-section1 .news .list-news li .img { float: left; position: relative; width: 27.4%; height: 120px; overflow: hidden;}
.index-section1 .news .list-news li .img img { position: absolute; left: 0;  top: 0;width: 100%;height: 100%;object-fit: cover; transition: .5s all; -webkit-transition: .5s all;}
.index-section1 .news .list-news li .info {float: left; width: 62%; margin: 0 auto; padding-top: 0%; padding-left: 4%; }
.index-section1 .news .list-news li .info h4 { color: #525252;font-size: 1.1rem; }
.index-section1 .news .list-news li .info p {  color: #868686;  font-size: .875rem; }
.index-section1 .news .list-news li .time { padding-top: 2%; float: right; margin-left: auto;  display: flex;  justify-content: center; flex-direction: column; align-items: center; }

.index-section1 .news .list-news li .time p {  color: rgba(82,82,82,0.5);}
.index-section1 .news .list-news li .time i { color: #868686; padding-left: 10px;  height: 14px; display: flex; justify-content: center;  align-items: center; transition: .5s all; -webkit-transition: .5s all;}
.index-section1 .news .list-news li:hover img {  transform: scale(1.1); }
.index-section1 .news .list-news li:hover h4 { color: #0484e1;}
.index-section1 .news .list-news li:hover i { padding-left: 20px;}

.lx { width: 130px; height: 38px; line-height: 36px; border-radius: 10px;border: 1px solid #000; font-size: 16px;color: rgba(0,0,0,0.8); text-align: center; margin: 0 auto;}
.lx:hover { color: #fff;  border: 1px solid #0484e1;background: #0484e1;}

.page-warp {  overflow: hidden;}
.page-warp .page-title h3 { color: #17161a; }
.page-warp .page-title i {   display: block; width: 56px;height: 2px; background: #0484e1;}
.page-warp .page-title p { color: rgba(0,0,0,0.5); font-weight: normal;}
.page-warp .page-about .row {  width: 100%;}
.page-warp .page-about .row .img img {  width: 100%; height: 100%; }
.page-warp .page-about .row .info { position: relative; z-index: 0; }
.page-warp .page-about .row .info::after { content: ''; position: absolute;  left: 0;  bottom: 0; width: 374px; height: 80%; background: #e8e8e8;z-index: -1;}
.page-warp .page-about .row .info .info-box {position: absolute; left: 160px; top: 25%; width: 62%; }
.page-warp .page-about .row .info .info-box .cont {  font-size: 1rem;color: #17161a; line-height: 30px;}
.page-warp .page-about .row .info .info-box .cont p {  font-size: 1rem; color: #17161a; }
.page-warp .page-culture { overflow: hidden; background: url(../images/bg-page-culture.jpg) no-repeat;background-size: cover;}
.page-warp .page-culture li {   text-align: center; }
.page-warp .page-culture li h4 {  color: #000;  transform: translateY(10px);  z-index: 0;  font-weight: bold; }
.page-warp .page-culture li strong {  z-index: -1;  color: #fff; text-transform: uppercase;}
.page-warp .page-culture li p {   color: #000;  }
.page-warp .page-honor {position: relative; }
.page-warp .page-honor .page-honor-list {  position: relative;}
.page-warp .page-honor .page-honor-list .swiper-wrapper {
                -webkit-transition-timing-function: linear;
                -moz-transition-timing-function: linear;
                -ms-transition-timing-function: linear;
                -o-transition-timing-function: linear;
                transition-timing-function: linear;
                margin: 0 auto;
            }
.page-warp .page-honor .page-honor-list .swiper-slide {
                overflow: hidden;
                width: 30%;
                text-align: center;
                font-size: 18px;
                background: #fff;
                height: calc((100% - 30px) / 2);
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
            }
.page-warp .page-honor .page-honor-list .swiper-slide a { display: flex; justify-content: center;  align-items: center; }
.page-warp .page-honor .page-honor-list .swiper-slide a img {width: 100%;  height: 100%; object-fit: scale-down; transition: .5s all; -webkit-transition: .5s all;}
.page-warp .page-honor .page-honor-list .swiper-slide:hover img {transform: scale(1.1);}
.page-warp .page-honor .page-honor-list .honor-prev {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: auto;
                width: 30%;
                height: 100%;
                z-index: 9;
                background-image: linear-gradient(270deg, transparent, #fff);
            }
.page-warp .page-honor .page-honor-list .honor-next {
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                left: auto;
                width: 30%;
                height: 100%;
                z-index: 9;
                background-image: linear-gradient(270deg, #fff, transparent);
 }
.page-warp .page-honor .honor-pagination {  text-align: center;}
.page-warp .page-honor .honor-pagination span { background: rgba(0,0,0,0.5); width: 8px;height: 8px;}
.page-warp .page-honor .honor-pagination span.swiper-pagination-bullet-active { background: #000;}
.page-warp .page-contact .page-contact-list .img-list {  position: relative; }
.page-warp .page-contact .page-contact-list .img-list ul li.swiper-slide-active h4 {transform: translateY(0); }
.page-warp .page-contact .page-contact-list .img-list ul li.swiper-slide-active strong { transform: translateY(0); }
.page-warp .page-contact .page-contact-list .img-list ul li.swiper-slide-active dt {transform: translateY(0); }
.page-warp .page-contact .page-contact-list .img-list ul li > div {
            position: absolute;
            right: 0;
            top: 0;
            width: 50%;
            height: 100%;
            padding-right: 5%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            transform: translateX(20px);
        }
.page-warp .page-contact .page-contact-list .img-list ul li > div h4 {
                font-size: 30px;
                color: #fff;
                transition: .5s all;
                -webkit-transition: .5s all;
                transition-delay: .1s;
                transform: translateY(20px);
}
.page-warp .page-contact .page-contact-list .img-list ul li > div strong {
                display: block;
                font-weight: normal;
                margin: 20px 0;
                font-size: 28px;
                color: #fff;
                transition: .5s all;
                -webkit-transition: .5s all;
                transition-delay: .2s;
                transform: translateY(20px);
            }
.page-warp .page-contact .page-contact-list .img-list ul li > div dt {
                font-size: 22px;
                color: #fff;
                transition: .5s all;
                -webkit-transition: .5s all;
                transition-delay: .3s;
                transform: translateY(20px);
            }
 .page-warp .page-contact .page-contact-list .img-list ul li img {  width: 100%; height: 100%;}

.page-warp .page-contact .page-contact-list .img-list .img-list-btn {
            position: absolute;
            top: 50%;
            width: 40px;
            height: 40px;
            border: 1px solid #fff;
            border-radius: 100px;
            margin-right: 20px;
            z-index: 99;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 2rem;
            color: #f5f5f5;
            opacity: .8;
        }

            .page-warp .page-contact .page-contact-list .img-list .img-list-btn.img-list-prev {
                right: calc(100vw - 16%);
            }

            .page-warp .page-contact .page-contact-list .img-list .img-list-btn.img-list-next {
                left: calc(100vw - 15%);
            }

            .page-warp .page-contact .page-contact-list .img-list .img-list-btn:hover {
                border: 1px solid #0484e1;
                background: #0484e1;
                opacity: 1;
            }

    .page-warp .page-contact .page-contact-list .list {
        overflow: hidden;
    }

        .page-warp .page-contact .page-contact-list .list ul {
            display: flex;
        }

            .page-warp .page-contact .page-contact-list .list ul li .box {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

                .page-warp .page-contact .page-contact-list .list ul li .box h4 {
                    font-size: 26px;
                    color: rgba(0,0,0,0.8);
                }

                .page-warp .page-contact .page-contact-list .list ul li .box .line {
                    display: inline-block;
                    width: 40px;
                    height: 2px;
                    margin: 10px 0 20px 0;
                    background: #0484e1;
                }

                .page-warp .page-contact .page-contact-list .list ul li .box p {
                    font-size: 18px;
                    color: rgba(0,0,0,0.8);
                    line-height: 30px;
                }

.pro-title h3 {
    color: #000;
}

.pro-title dt {
    color: #000;
    line-height: 30px;
}

.pro-title a {
    display: inline-block;
    width: 130px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #000;
    border-radius: 8px;
    font-size: 16px;
    color: #000;
    text-align: center;
}

    .pro-title a:hover {
        color: #fff;
        background: #0484e1;
        border: 1px solid #0484e1;
    }

.page-kjsj-section1 .grWidth {
    text-align: center;
}

.page-kjsj-section1 h4 {
    color: #000;
}

.page-kjsj-section1 p {
    color: #000;
    width: 65%;
    margin: 0 auto;
}

.page-kjsj-section1 ul {
    width: 60%;
    margin: 0 auto;
}

    .page-kjsj-section1 ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .page-kjsj-section1 ul li img {
            object-fit: scale-down;
            width: 100px;
            height: 50px;
        }

        .page-kjsj-section1 ul li span {
            color: #000;
        }

.page-kjsj-section2 {
    background: #f8f8f8;
}

    .page-kjsj-section2 .pro-title {
        background: #fff url(../images/bg-page-kjsj-section2.jpg) no-repeat bottom;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        background-size: cover;
    }

    .page-kjsj-section2 .box {
        display: flex;
        justify-content: flex-end;
    }

    .page-kjsj-section2 .left li .item {
        overflow: hidden;
    }

        .page-kjsj-section2 .left li .item .img {
            overflow: hidden;
            position: relative;
            padding-top: 56%;
        }

            .page-kjsj-section2 .left li .item .img img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: .5s all;
                -webkit-transition: .5s all;
            }

        .page-kjsj-section2 .left li .item .info {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            padding: 30px;
            display: flex;
            justify-content: flex-end;
            align-items: flex-start;
            flex-direction: column;
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
            background-clip: border-box;
        }

            .page-kjsj-section2 .left li .item .info h4 {
                color: #fff;
            }

            .page-kjsj-section2 .left li .item .info dt {
                color: #fff;
            }

        .page-kjsj-section2 .left li .item:hover img {
            transform: scale(1.1);
        }

.page-kjsj-section3 {
    overflow: hidden;
}

    .page-kjsj-section3 .box {
        width: calc(100% - 12.1655%);
        float: right;
        background: #f7f7f7;
        padding: 80px 0 80px 50px;
    }

        .page-kjsj-section3 .box .left {
            display: flex;
            flex-direction: column-reverse;
        }

        .page-kjsj-section3 .box .right {
            overflow: hidden;
            position: relative;
        }

            .page-kjsj-section3 .box .right .swiper-thumb {
                height: 100%;
            }

                .page-kjsj-section3 .box .right .swiper-thumb li img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            .page-kjsj-section3 .box .right .swiper-tap {
                position: absolute;
                left: 0;
                bottom: 0;
                background: #fff;
                z-index: 9;
                width: 458px;
                overflow: hidden;
            }

                .page-kjsj-section3 .box .right .swiper-tap li {
                    padding: 20px;
                }

                    .page-kjsj-section3 .box .right .swiper-tap li h4 {
                        color: rgba(13,13,13,0.8);
                        font-size: 20px;
                        margin-bottom: 10px;
                        transform: translateY(20px);
                        transition: .5s all;
                        -webkit-transition: .5s all;
                        transition-delay: .4s;
                        opacity: 0;
                    }

                    .page-kjsj-section3 .box .right .swiper-tap li dt {
                        color: rgba(13,13,13,0.8);
                        font-size: 1rem;
                        transform: translateY(20px);
                        transition: .5s all;
                        -webkit-transition: .5s all;
                        transition-delay: .5s;
                        opacity: 0;
                    }

                    .page-kjsj-section3 .box .right .swiper-tap li.swiper-slide-active h4, .page-kjsj-section3 .box .right .swiper-tap li.swiper-slide-active dt {
                        transform: translateY(0);
                        opacity: 1;
                    }

            .page-kjsj-section3 .box .right .navigation {
                display: flex;
                padding: 20px;
            }

                .page-kjsj-section3 .box .right .navigation a {
                    width: 40px;
                    height: 40px;
                    border: 1px solid #999;
                    border-radius: 100px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-right: 20px;
                }

                    .page-kjsj-section3 .box .right .navigation a i {
                        font-size: 30px;
                        color: #000;
                    }

                    .page-kjsj-section3 .box .right .navigation a:hover {
                        border: 1px solid #0484e1;
                    }

                        .page-kjsj-section3 .box .right .navigation a:hover i {
                            color: #0484e1;
                        }

.skdsj-tie h3 {
    color: #000;
}

.skdsj-tie p {
    color: rgba(0,0,0,0.8);
    line-height: 30px;
}

.skdsj-tie .w70 {
    width: 70%;
    margin: 0 auto;
}

.page-skdsj-section1 {
    overflow: hidden;
}

    .page-skdsj-section1 .cont {
        width: 75%;
        height: 450px;
        margin: 0 auto;
    }

    .page-skdsj-section1 .cont-left {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-around;
        padding-right: 40px;
    }

        .page-skdsj-section1 .cont-left span {
            display: block;
            font-size: 1.125rem;
            color: #000;
            width: 100%;
            text-align: right;
            transition: .5s all;
            -webkit-transition: .5s all;
        }

            .page-skdsj-section1 .cont-left span:nth-child(2) {
                text-align: left;
            }

            .page-skdsj-section1 .cont-left span:hover {
                transform: translateY(-10px);
            }

    .page-skdsj-section1 .cont-cneter {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .page-skdsj-section1 .cont-cneter .img {
            width: 304px;
            height: 304px;
            margin: 0 auto;
            position: relative;
            z-index: 0;
        }

            .page-skdsj-section1 .cont-cneter .img img {
                transition: .5s all;
            }

            .page-skdsj-section1 .cont-cneter .img:hover img {
                transform: scale(.98);
            }

            .page-skdsj-section1 .cont-cneter .img::after {
                content: '';
                position: absolute;
                left: -32px;
                top: -28px;
                width: 365px;
                height: 356px;
                background: url(../images/bg-page-skdsj-section1.png) no-repeat center;
                z-index: -1;
                animation-name: img-after;
                animation-duration: 15s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                animation-fill-mode: forwards;
            }

            .page-skdsj-section1 .cont-cneter .img::before {
                content: '';
                position: absolute;
                left: -70px;
                top: -70px;
                width: 440px;
                height: 440px;
                border: 2px dashed #efefef;
                border-radius: 100%;
                animation-name: img-before;
                animation-duration: 30s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                animation-fill-mode: forwards;
            }

    .page-skdsj-section1 .cont-right {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-around;
        padding-left: 40px;
    }

        .page-skdsj-section1 .cont-right span {
            display: block;
            font-size: 1.125rem;
            color: #000;
            width: 100%;
            text-align: left;
            transition: .5s all;
            -webkit-transition: .5s all;
        }

            .page-skdsj-section1 .cont-right span:nth-child(2) {
                text-align: right;
            }

            .page-skdsj-section1 .cont-right span:hover {
                transform: translateY(-10px);
            }

@keyframes img-after {
    from {
        transform: rotateX(0);
    }

    to {
        transform: rotateZ(360deg);
        z-index: 1;
    }
}

@keyframes img-before {
    from {
        transform: rotateX(0);
    }

    to {
        transform: rotateZ(360deg);
        z-index: 1;
    }
}

.page-skdsj-section2 {
    background: #f8f8f8;
    overflow: hidden;
}

    .page-skdsj-section2 .list {
        height: 354px;
        display: flex;
        justify-content: space-between;
    }

        .page-skdsj-section2 .list li:nth-child(2n) .item {
            background: #efefef;
        }

        .page-skdsj-section2 .list li .item {
            height: 284px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
            background: #f6f6f6;
            transition: .5s all;
            -webkit-transition: .5s all;
            z-index: 0;
        }

            .page-skdsj-section2 .list li .item img {
                transition: .4s all;
                -webkit-transition: .4s all;
            }

            .page-skdsj-section2 .list li .item h4 {
                color: #000;
            }

            .page-skdsj-section2 .list li .item p {
                width: 80%;
                text-align: center;
                margin: 0 auto;
                color: rgba(0,0,0,0.5);
            }

            .page-skdsj-section2 .list li .item:hover {
                transform: scale(1.1);
                box-shadow: 0 0 20px #e0e0e0;
                z-index: 1;
            }

                .page-skdsj-section2 .list li .item:hover img {
                    transform: rotateY(360deg);
                }

.page-skdsj-section3 .list img {
    width: 100%;
}

.page-skdsj-section4 {
    background: #f6f8fb;
    overflow: hidden;
}

    .page-skdsj-section4 .box {
        width: calc(100% - 12.1655%);
        float: right;
        display: flex;
        justify-content: space-between;
    }

        .page-skdsj-section4 .box .left {
            display: flex;
            flex-direction: column-reverse;
            padding-right: 5%;
        }

            .page-skdsj-section4 .box .left h3 {
                color: #000;
            }

            .page-skdsj-section4 .box .left dt {
                color: #000;
                line-height: 30px;
            }

            .page-skdsj-section4 .box .left a {
                display: inline-block;
                width: 130px;
                height: 38px;
                line-height: 36px;
                border: 1px solid #000;
                border-radius: 8px;
                font-size: 16px;
                color: #000;
                text-align: center;
            }

                .page-skdsj-section4 .box .left a:hover {
                    color: #fff;
                    border: 1px solid #0484e1;
                    background: #0484e1;
                }

        .page-skdsj-section4 .box .right .case-toggle {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }

        .page-skdsj-section4 .box .right .case-toggle-tap {
            overflow: hidden;
            height: 100%;
            padding-left: 20px;
            position: relative;
            height: 230px;
        }

            .page-skdsj-section4 .box .right .case-toggle-tap::after {
                content: '';
                position: absolute;
                left: 10px;
                top: 0;
                width: 1px;
                height: 100%;
                border-left: 1px dashed #000;
            }

            .page-skdsj-section4 .box .right .case-toggle-tap li {
                color: rgba(0,0,0,0.8);
                padding-left: 10px;
            }

                .page-skdsj-section4 .box .right .case-toggle-tap li::before {
                    content: '';
                    position: absolute;
                    left: -17px;
                    top: 4px;
                    width: 16px;
                    height: 16px;
                    border-radius: 100px;
                    border: 1px dashed rgba(0,0,0,0.4);
                    z-index: 9;
                }

                .page-skdsj-section4 .box .right .case-toggle-tap li::after {
                    content: '';
                    position: absolute;
                    left: -14px;
                    top: 7px;
                    width: 10px;
                    height: 10px;
                    border-radius: 100px;
                    background: rgba(0,0,0,0.4);
                    z-index: 9;
                }

                .page-skdsj-section4 .box .right .case-toggle-tap li.swiper-slide-thumb-active {
                    color: #0484e1;
                }

                    .page-skdsj-section4 .box .right .case-toggle-tap li.swiper-slide-thumb-active::before {
                        border: 1px dashed #0484e1;
                    }

                    .page-skdsj-section4 .box .right .case-toggle-tap li.swiper-slide-thumb-active::after {
                        background: #0484e1;
                    }

        .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb {
            overflow: hidden;
        }

            .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .swiper-slide {
                width: 70%;
            }

            .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb li {
                overflow: hidden;
            }

                .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb li img {
                    width: 100%;
                    height: 100%;
                    transition: .5s all;
                    -webkit-transition: .5s all;
                    transition-delay: .2s;
                }

                .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb li:hover img {
                    transform: scale(1.09);
                }

            .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .button-bottom {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-top: 30px;
            }

                .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .button-bottom a {
                    display: block;
                    width: 35px;
                    height: 7px;
                    opacity: .5;
                    background: url(../images/icon-jiantou.png) no-repeat center;
                }

                    .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .button-bottom a.case-toggle-thumb-prev {
                        transform: rotateZ(180deg);
                    }

                    .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .button-bottom a:hover {
                        opacity: 1;
                    }

                .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .button-bottom .case-toggle-thumb-prev {
                    transform: rotateZ(180deg);
                }

                .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .button-bottom .case-toggle-pagination {
                    width: auto;
                    font-size: 16px;
                    margin: 0 10px;
                }

                    .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .button-bottom .case-toggle-pagination span {
                        color: rgba(93,93,93,0.8);
                    }

                    .page-skdsj-section4 .box .right .case-toggle .case-toggle-thumb .button-bottom .case-toggle-pagination .swiper-pagination-current {
                        font-weight: bold;
                        font-size: 18px;
                    }

.page-skdsj-section5 .list {
    position: relative;
}

    .page-skdsj-section5 .list::after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #e6e6e6;
    }

    .page-skdsj-section5 .list ul {
        position: relative;
    }

        .page-skdsj-section5 .list ul::before {
            content: '';
            position: absolute;
            right: 33%;
            top: -10%;
            width: 1px;
            height: 120%;
            background: #e6e6e6;
        }

        .page-skdsj-section5 .list ul::after {
            content: '';
            position: absolute;
            left: 33%;
            top: -10%;
            width: 1px;
            height: 120%;
            background: #e6e6e6;
        }

    .page-skdsj-section5 .list li {
        padding: 0 7%;
    }

        .page-skdsj-section5 .list li:nth-child(1) {
            margin-bottom: 4%;
            padding-bottom: 4%;
        }

        .page-skdsj-section5 .list li:nth-child(2) {
            margin-bottom: 4%;
            padding-bottom: 4%;
        }

        .page-skdsj-section5 .list li:nth-child(3) {
            margin-bottom: 4%;
            padding-bottom: 4%;
        }

        .page-skdsj-section5 .list li h4 {
            color: #000;
        }

        .page-skdsj-section5 .list li i {
            width: 66px;
            height: 3px;
            background: #0484e1;
            display: block;
            margin: 10px 0;
        }

        .page-skdsj-section5 .list li p {
            color: rgba(0,0,0,0.8);
        }

.page-ygznsjpt-title h3 {
    color: #000;font-size: var(--fz36);font-weight: 600;
}

.page-ygznsjpt-title P {
    color: rgba(0,0,0,0.8);
}

.page-ygznsjpt-section1 .grWidth {
    position: relative;
    z-index: 0;
}

.page-ygznsjpt-section1 .contbox {
    width: 40%;
}

.page-ygznsjpt-section1 .list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    width: 62%;
    height: 72px;
    background: rgba(255,255,255,0.8);
    box-shadow: -4px 10px 10px #f7f7f7;
}

    .page-ygznsjpt-section1 .list a {
        width: 64px;
        height: 100%;
        background: #0484e1;
        font-size: 18px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .page-ygznsjpt-section1 .list li {
        width: 100%;
    }

        .page-ygznsjpt-section1 .list li span {
            font-size: 18px;
            color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.page-ygznsjpt-section1 .bg-img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

    .page-ygznsjpt-section1 .bg-img::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bg-page-ygznsjpt-section1-line.png) no-repeat center;
        background-size: 80%;
        z-index: -1;
        -webkit-animation: linemove 30s running;
        -moz-animation: linemove 30s running;
        -ms-animation: linemove 30s running;
        -o-animation: linemove 30s running;
        animation: linemove 30s running;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-fill-mode: forwards;
    }

    .page-ygznsjpt-section1 .bg-img img {
        width: 100%;
    }

@keyframes linemove {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@-moz-keyframes linemove {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes linemove {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@-o-keyframes linemove {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.page-ygznsjpt-section2 {  /*background: #fafafa;*/ overflow: hidden;  padding-top:0.63rem ;}
.page-ygznsjpt-section2 .buju{ margin:0.5rem 0;}
.page-ygznsjpt-section2 .list-slider ul li::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        transition: .5s all;
        -o-transition: .5s all;
        -webkit-transition: .5s all;
    }

.page-ygznsjpt-section2 .list-slider ul li.swiper-slide-active img { transform: scale(1); -webkit-transform: scale(1); }
.page-ygznsjpt-section2 .list-slider ul li.swiper-slide-active:hover img { transform: scale(1.1); }

.page-ygznsjpt-section2 .list-slider ul li img {
        width: 100%;
        height: 100%;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transition: transform .6s cubic-bezier(.25, .39, .25, 1),opacity 1s ease-in-out;
        -webkit-transition: transform .6s cubic-bezier(.25, .39, .25, 1),opacity 1s ease-in-out;
    }

.page-ygznsjpt-section2 .list-slider ul li .slider-title {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        z-index: 9;
    }

.page-ygznsjpt-section2 .list-slider ul li .slider-title i { display: inline-block; width: 75px;  height: 70px; object-fit: scale-down;  }
.page-ygznsjpt-section2 .list-slider ul li .slider-title h3 { color: #fff; margin: 20px 0;font-size: var(--fz24); }
.page-ygznsjpt-section2 .list-slider ul li .slider-title p {color: #fff;width: 35%; margin: 0 auto;
            transition: .5s all;
            -o-transition: .5s all;
            -webkit-transition: .5s all;
            text-align: center;
}
.page-ygznsjpt-section2 .list-slider .list-slider-pagination {position: absolute; left: 0; bottom: 4% !important;width: 100%;display: flex;justify-content: center; align-items: center; z-index: 9;}
.page-ygznsjpt-section2 .list-slider .list-slider-pagination span { opacity: 1; width: 16px; height: 2px; background-color: rgba(255,255,255,0.3);border-radius: 60px;  position: relative; overflow: hidden; }
.page-ygznsjpt-section2 .list-slider .list-slider-pagination span.swiper-pagination-bullet-active {  background-color: rgba(255, 255, 255);}
.page-ygznsjpt-section2 .list-slider .slider-btn { position: absolute; top: 45%; z-index: 9; width: 40px;  height: 40px;border: 1px solid rgba(255,255,255,0.5); border-radius: 100px; cursor: pointer;}
.page-ygznsjpt-section2 .list-slider .slider-btn i {font-family:FangSong; font-size: 0.2rem;  font-weight:600;color: #f5f5f5; display: flex; justify-content: center;  align-items: center; height: 100%; font-style: normal;}
.page-ygznsjpt-section2 .list-slider .slider-btn.list-slider-prev {right: calc(100% - 31%);}
.page-ygznsjpt-section2 .list-slider .slider-btn.list-slider-next {left: calc(100% - 31%);}
.page-ygznsjpt-section2 .list-slider .slider-btn:hover {  border: 1px solid #0484e1; background: #0484e1;}
.page-ygznsjpt-section2 .list-slider .slider-btn:hover i { color: #fff;}


@media only screen and (max-width: 640px) {
.page-ygznsjpt-section2 .list-slider .slider-btn.list-slider-prev {
    right: calc(100% - 11%);
}
.page-ygznsjpt-section2 .list-slider .slider-btn.list-slider-next {
    left: calc(100% - 11%);
}
.page-ygznsjpt-section2 .list-slider ul li .slider-title p {
    width: 75%;
}

 }








.page-ygznsjpt-section3 .page-ygznsjpt-title p {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .page-ygznsjpt-section3 .page-ygznsjpt-title p em {
        margin: 0 30px;
        font-size: 16px;
        color: rgba(0,0,0,0.5);
    }

    .page-ygznsjpt-section3 .page-ygznsjpt-title p span {
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(0,0,0,0.5);
        font-size: 20px;
    }

        .page-ygznsjpt-section3 .page-ygznsjpt-title p span i {
            display: inline-block;
            width: 35px;
            height: 35px;
            margin-right: 10px;
            background: url(../images/icon-ygznsjpt1.png) no-repeat center;
            background-size: 100%;
        }

        .page-ygznsjpt-section3 .page-ygznsjpt-title p span.sp2 i {
            background: url(../images/icon-ygznsjpt2.png) no-repeat center;
            background-size: 100%;
        }

        .page-ygznsjpt-section3 .page-ygznsjpt-title p span.sp3 i {
            background: url(../images/icon-ygznsjpt3.png) no-repeat center;
            background-size: 100%;
        }

.page-ygznsjpt-section3 .list ul li .box {
    height: 380px;
    border: 1px solid #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 15%;
    transition: .5s ease-in-out;
}

    .page-ygznsjpt-section3 .list ul li .box img {
        transition: .5s all;
        -webkit-transition: .5s all;
    }

    .page-ygznsjpt-section3 .list ul li .box h4 {
        color: #000;
    }

    .page-ygznsjpt-section3 .list ul li .box i {
        display: inline-block;
        width: 45px;
        height: 3px;
        background: #0484e1;
        margin: 10px 0 20px 0;
    }

    .page-ygznsjpt-section3 .list ul li .box p {
        font-size: .875rem;
        color: rgba(0,0,0,0.5);
    }

    .page-ygznsjpt-section3 .list ul li .box:hover {
        transform: scale(1.1);
        box-shadow: 0 10px 10px #ededed;
    }

        .page-ygznsjpt-section3 .list ul li .box:hover img {
            transform: rotateY(360deg);
        }

.page-ygznsjpt-section4 {

}

    .page-ygznsjpt-section4 .slider-left-list {
        overflow: hidden;
    }

        .page-ygznsjpt-section4 .slider-left-list .swiper-slide img {
            width: 80%;
            height: 100%;
            transition: .5s all;
            -webkit-transition: .5s all;
        }

        .page-ygznsjpt-section4 .slider-left-list .swiper-slide:hover img {
            transform: scale(1.1);
        }

    .page-ygznsjpt-section4 .slider-right {
        display: flex;
        justify-content: flex-start;
        flex-direction: column-reverse;
    }

        .page-ygznsjpt-section4 .slider-right .slider-right-pagination {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: 60%;

        }

            .page-ygznsjpt-section4 .slider-right .slider-right-pagination span {
                color: rgba(93,93,93,0.8);
                font-size: 1rem;
                margin: 0 8px;
            }

                .page-ygznsjpt-section4 .slider-right .slider-right-pagination span.swiper-pagination-current {
                    color: rgba(93, 93, 93);
                    font-weight: bold;
                    font-size: 1.125rem;
                }

        .page-ygznsjpt-section4 .slider-left .slider-left-info,.page-ygznsjpt-section4 .slider-left .pimg {
            width: 60%;       
        }
        .page-ygznsjpt-section4 .slider-left .pimg {
           text-align:center;
        }

        .page-ygznsjpt-section4 .slider-left .slider-left-info .biaoti {
              background:#0484e1;border-radius:30px;width:130px;  font-size: var(--fz18);  color: #fff; padding:0rem 0.2rem;text-align:center;
            }
            .page-ygznsjpt-section4 .slider-left .slider-left-info h3 {
                color: #161616; font-size: var(--fz22); margin-top: 0.2rem;
            }

            .page-ygznsjpt-section4 .slider-left .slider-left-info dt {
              font-size: var(--fz16); 
                margin: 0.3rem 0;
                color: rgba(93,93,93,0.8);
            }

        .page-ygznsjpt-section4 .slider-left .slider-right-navigation {
            display: flex;
        }

            .page-ygznsjpt-section4 .slider-left .slider-right-navigation a {
                width: 40px;
                height: 40px;
                border-radius: 100px;
                border: 1px solid rgba(93,93,93,0.8);
                margin-right: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .page-ygznsjpt-section4 .slider-right .slider-right-navigation a i {
                    font-size: 34px;
                    color: rgba(93, 93, 93);
                }

                .page-ygznsjpt-section4 .slider-right .slider-right-navigation a:hover {
                    border: 1px solid #0484e1;
                    background: #0484e1;
                }

                    .page-ygznsjpt-section4 .slider-right .slider-right-navigation a:hover i {
                        color: #fff;
                    }

        .page-ygznsjpt-section4 .slider-right .slider-right-list {
            overflow: hidden;
        }

            .page-ygznsjpt-section4 .slider-right .slider-right-list .swiper-slide::after {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(255,255,255,0.7);
                opacity: 1;
                transition: .5s ease-in-out;
                -webkit-transition: .5s ease-in-out;
                z-index: 1;
            }

            .page-ygznsjpt-section4 .slider-right .slider-right-list .swiper-slide.swiper-slide-thumb-active::after {
                opacity: 0;
            }

            .page-ygznsjpt-section4 .slider-right .slider-right-list .swiper-slide img {
                width: 70%;
                height: 90px;
            }

.page-ltzhjc-section1 {
    overflow: hidden;
}

    .page-ltzhjc-section1 .slider-tap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .page-ltzhjc-section1 .slider-tap a {
            display: inline-block;
            width: 44px;
            height: 38px;
            border: 1px solid #c0c0c0;
            border-radius: 6px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 34px;
            transform: translateY(26px);
            margin: 0 50px;
        }

            .page-ltzhjc-section1 .slider-tap a:hover {
                color: #fff;
                border: 1px solid #0484e1;
                background: #0484e1;
            }

        .page-ltzhjc-section1 .slider-tap .slider-tap-list {
            width: 25%;
            padding-bottom: 5px;
            position: relative;
        }

            .page-ltzhjc-section1 .slider-tap .slider-tap-list::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 8px;
                border-bottom: 1px solid #d4d4d4;
                width: 100%;
                height: 1px;
            }

            .page-ltzhjc-section1 .slider-tap .slider-tap-list .slider-tap-list-box {
                width: 65%;
                margin: 0 auto;
                overflow: hidden;
                padding-bottom: 20px;
            }

                .page-ltzhjc-section1 .slider-tap .slider-tap-list .slider-tap-list-box li {
                    font-size: 18px;
                    color: #000;
                    text-align: center;
                    border: 1px solid #fff;
                    border-radius: 6px;
                    padding: 10px;
                    cursor: pointer;
                }

                    .page-ltzhjc-section1 .slider-tap .slider-tap-list .slider-tap-list-box li::before {
                        content: '';
                        position: absolute;
                        left: 46.5%;
                        bottom: -20px;
                        width: 6px;
                        height: 6px;
                        border-radius: 100px;
                        border: 1px solid #d4d4d4;
                        background: #fff;
                    }

                    .page-ltzhjc-section1 .slider-tap .slider-tap-list .slider-tap-list-box li::after {
                        content: '';
                        position: absolute;
                        left: 0;
                        bottom: -8px;
                        width: 100%;
                        height: 8px;
                        background: url(../images/icon-li-down.png) no-repeat center;
                        opacity: 0;
                    }

                    .page-ltzhjc-section1 .slider-tap .slider-tap-list .slider-tap-list-box li.swiper-slide-thumb-active {
                        border: 1px solid #d4d4d4;
                        color: #0484e1;
                        font-weight: bold;
                    }

                        .page-ltzhjc-section1 .slider-tap .slider-tap-list .slider-tap-list-box li.swiper-slide-thumb-active::before {
                            background: #0484e1;
                            border: 1px solid #0484e1;
                        }

                        .page-ltzhjc-section1 .slider-tap .slider-tap-list .slider-tap-list-box li.swiper-slide-thumb-active::after {
                            opacity: 1;
                        }

    .page-ltzhjc-section1 .slider-box {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .page-ltzhjc-section1 .slider-box::after {
            content: '';
            position: absolute;
            left: 0;
            top: 10%;
            width: 100%;
            height: 75%;
            background: #f4f4f4;
            z-index: -1;
        }

        .page-ltzhjc-section1 .slider-box .slider-box-right {
            float: right;
            width: calc(100% - 12.1655%);
            overflow: hidden;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .page-ltzhjc-section1 .slider-box .slider-box-right .slider-info h4 {
                color: #000;
            }

            .page-ltzhjc-section1 .slider-box .slider-box-right .slider-info p {
                font-size: 1rem;
                color: rgba(0,0,0,0.8);
            }

            .page-ltzhjc-section1 .slider-box .slider-box-right .swiper-slide img {
                width: 100%;
                height: 100%;
            }

.page-ltzhjc-section2 {
    overflow: hidden;
}

    .page-ltzhjc-section2 .right-box {
        float: right;
        width: calc(100% - 12.1655%);
        display: flex;
        justify-content: space-between;
    }

        .page-ltzhjc-section2 .right-box .right-box-info {
            display: flex;
            justify-content: flex-end;
            flex-direction: column;
            padding-right: 80px;
            padding-bottom: 70px;
        }

            .page-ltzhjc-section2 .right-box .right-box-info h4 {
                color: #000;
            }

            .page-ltzhjc-section2 .right-box .right-box-info p {
                color: rgba(0,0,0,0.8);
                font-size: 1rem;
                line-height: 30px;
            }

        .page-ltzhjc-section2 .right-box .right-box-img li {
            position: relative;
            overflow: hidden;
        }

            .page-ltzhjc-section2 .right-box .right-box-img li::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
                background-clip: border-box;
                transition: .5s ease-in-out;
                -webkit-transition: .5s ease-in-out;
            }

            .page-ltzhjc-section2 .right-box .right-box-img li img {
                width: 100%;
                height: 100%;
                transition: .5s ease-in-out;
                -webkit-transition: .5s ease-in-out;
            }

            .page-ltzhjc-section2 .right-box .right-box-img li dt {
                position: absolute;
                left: 0;
                bottom: 5%;
                padding: 20px;
                height: 25%;
                z-index: 1;
            }

                .page-ltzhjc-section2 .right-box .right-box-img li dt h4 {
                    color: #fff;
                    font-size: 18px;
                    margin-bottom: 10px;
                }

                .page-ltzhjc-section2 .right-box .right-box-img li dt p {
                    color: #fff;
                    font-size: 14px;
                }

            .page-ltzhjc-section2 .right-box .right-box-img li:hover::after {
                opacity: 0;
            }

            .page-ltzhjc-section2 .right-box .right-box-img li:hover img {
                transform: scale(1.03);
            }

.page-swzhfz-section1 {
    overflow: hidden;
    background: #fbfbfb;
}

    .page-swzhfz-section1 img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

.page-swzhfz-section2 .swzhfz-section2-tap {
    overflow: hidden;
}

    .page-swzhfz-section2 .swzhfz-section2-tap ul li {
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        padding: 30px 0;
        cursor: pointer;
        text-align: center;
    }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li::after {
            content: '';
            position: absolute;
            left: 45%;
            bottom: 0;
            width: 0;
            height: 0;
            opacity: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 15px solid #f5f5f5;
        }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li.active::after {
            opacity: 1;
        }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li.active i {
            transform: scale(1.09);
        }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li p {
            min-height: 48px;
        }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li i {
            display: block;
            width: 60px;
            height: 50px;
            background: url(../images/icon-swzhfz-section2-1.png) no-repeat center;
            margin: 0 auto 20px auto;
            transition: .5s all;
            -webkit-transition: .5s all;
        }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li:nth-child(2) i {
            background: url(../images/icon-swzhfz-section2-2.png) no-repeat center;
        }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li:nth-child(3) i {
            background: url(../images/icon-swzhfz-section2-3.png) no-repeat center;
        }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li:nth-child(4) i {
            background: url(../images/icon-swzhfz-section2-4.png) no-repeat center;
        }

        .page-swzhfz-section2 .swzhfz-section2-tap ul li:nth-child(5) i {
            background: url(../images/icon-swzhfz-section2-5.png) no-repeat center;
        }

.page-swzhfz-section2 .swzhfz-section2-cont {
    width: 100%;
    padding: 30px 100px 30px 100px;
    background: #f5f5f5;
    border-radius: 10px;
}

    .page-swzhfz-section2 .swzhfz-section2-cont .list-box {
        width: 100%;
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        line-height: 30px;
        display: none;
    }

        .page-swzhfz-section2 .swzhfz-section2-cont .list-box.active {
            animation-name: box-txt;
            animation-duration: 1s;
            display: block;
        }

@keyframes box-txt {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-swzhfz-section3 {
    overflow: hidden;
    background: #fbfbfb url(../images/) no-repeat right top;
}

    .page-swzhfz-section3 .left-box {
        float: left;
        width: calc(100% - 12.1655%);
        display: flex;
        justify-content: space-between;
    }

        .page-swzhfz-section3 .left-box .left-box-list {
            overflow: hidden;
        }

            .page-swzhfz-section3 .left-box .left-box-list ul li {
                overflow: hidden;
            }

                .page-swzhfz-section3 .left-box .left-box-list ul li::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,0,0,0.5);
                    z-index: 9;
                    transition: .5s all;
                    -webkit-transition: .5s all;
                    opacity: 1;
                }

                .page-swzhfz-section3 .left-box .left-box-list ul li.swiper-slide-active .info {
                    opacity: 1;
                    transform: translateY(0);
                    transition-delay: .5s;
                }

                .page-swzhfz-section3 .left-box .left-box-list ul li.swiper-slide-active::after {
                    opacity: 0;
                }

                .page-swzhfz-section3 .left-box .left-box-list ul li .info {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    opacity: 0;
                    color: #fff;
                    text-align: left;
                    display: flex;
                    justify-content: flex-start;
                    align-items: flex-end;
                    flex-direction: column;
                    padding: 50px;
                    background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
                    background-clip: border-box;
                    z-index: 9;
                    transition: .5s all;
                    -webkit-transition: .5s all;
                    transform: translateY(20px);
                }

                    .page-swzhfz-section3 .left-box .left-box-list ul li .info h3 {
                        margin-bottom: 20px;
                        color: #fff;
                    }

                    .page-swzhfz-section3 .left-box .left-box-list ul li .info dt {
                        font-size: .875rem;
                    }

                .page-swzhfz-section3 .left-box .left-box-list ul li img {
                    width: 100%;
                    transition: .4s all;
                    -webkit-transition: .4s all;
                    transition-delay: .2s;
                }

                .page-swzhfz-section3 .left-box .left-box-list ul li:hover img {
                    transform: scale(1.09);
                }

                .page-swzhfz-section3 .left-box .left-box-list ul li:hover dt {
                    opacity: 1;
                    transform: translateY(0);
                    transition-delay: .5s;
                }

        .page-swzhfz-section3 .left-box .left-box-info {
            display: flex;
            justify-content: inherit;
            flex-direction: column;
            align-items: flex-end;
        }

            .page-swzhfz-section3 .left-box .left-box-info h3 {
                color: #000;
            }

            .page-swzhfz-section3 .left-box .left-box-info .left-box-list-tap {
                overflow: hidden;
                height: 160px;
            }

                .page-swzhfz-section3 .left-box .left-box-info .left-box-list-tap li {
                    cursor: pointer;
                    color: rgba(0,0,0,0.5);
                }

                    .page-swzhfz-section3 .left-box .left-box-info .left-box-list-tap li.swiper-slide-thumb-active {
                        color: rgba(0, 0, 0);
                    }

            .page-swzhfz-section3 .left-box .left-box-info .pagination-button {
                display: flex;
                align-items: center;
            }

                .page-swzhfz-section3 .left-box .left-box-info .pagination-button a {
                    display: block;
                    width: 35px;
                    height: 7px;
                    opacity: .5;
                    background: url(../images/icon-jiantou.png) no-repeat center;
                }

                    .page-swzhfz-section3 .left-box .left-box-info .pagination-button a.case-toggle-thumb-prev {
                        transform: rotateZ(180deg);
                    }

                    .page-swzhfz-section3 .left-box .left-box-info .pagination-button a:hover {
                        opacity: 1;
                    }

                .page-swzhfz-section3 .left-box .left-box-info .pagination-button .case-toggle-pagination {
                    width: auto;
                    margin: 0 10px;
                }

                    .page-swzhfz-section3 .left-box .left-box-info .pagination-button .case-toggle-pagination span {
                        color: #5d5d5d;
                        font-size: 1rem;
                    }

                        .page-swzhfz-section3 .left-box .left-box-info .pagination-button .case-toggle-pagination span.swiper-pagination-current {
                            font-size: 1.125rem;
                            font-weight: bold;
                        }

.page-swzhfz-section4 {
    background: url(../images/bg-swzhfz-section4.jpg) no-repeat bottom center;
    position: relative;
    background-size: contain;
}

    .page-swzhfz-section4 .swzhfz-section4-list {
        width: 934px;
        height: 491px;
        position: relative;
        margin: 0 auto;
        background: url(../images/bg-swzhfz-section4-list.png) no-repeat center;
        background-size: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .page-swzhfz-section4 .swzhfz-section4-list .swzhfz-section4-list-swiper {
            width: 644px;
            height: 407px;
            overflow: hidden;
            transform: translateY(-10px);
        }

            .page-swzhfz-section4 .swzhfz-section4-list .swzhfz-section4-list-swiper li img {
                width: 100%;
            }

    .page-swzhfz-section4 .pagination-swzhfz-section4 span {
        background: rgba(0,0,0,0.5);
        border: none;
        width: 8px;
        height: 8px;
    }

        .page-swzhfz-section4 .pagination-swzhfz-section4 span.swiper-pagination-bullet-active {
            background: #000;
        }

    .page-swzhfz-section4 .swzhfz-section4-info-tap {
        width: 50%;
        margin: 0 auto;
    }

        .page-swzhfz-section4 .swzhfz-section4-info-tap ul li h4 {
            color: rgba(0,0,0,0.8);
            transform: translateY(20px);
            transition: .5s all;
            transition-delay: .5s;
            opacity: 0;
        }

        .page-swzhfz-section4 .swzhfz-section4-info-tap ul li dt {
            font-size: .875rem;
            color: rgba(0,0,0,0.5);
            transform: translateY(20px);
            transition: .6s all;
            transition-delay: .6s;
            opacity: 0;
        }

        .page-swzhfz-section4 .swzhfz-section4-info-tap ul li.swiper-slide-thumb-active h4, .page-swzhfz-section4 .swzhfz-section4-info-tap ul li.swiper-slide-thumb-active dt {
            opacity: 1;
            transform: translateY(0);
        }

    .page-swzhfz-section4 .swzhfz-section4-btn {
        position: absolute;
        top: 45%;
        width: 38px;
        height: 38px;
        background: url(../images/icon-swzhfz-section4-btn.png) no-repeat center;
        transform: rotateZ(180deg);
        transition: .5s all;
        -webkit-transition: .5s all;
        z-index: 9;
        opacity: .8;
    }

        .page-swzhfz-section4 .swzhfz-section4-btn.swzhfz-section4-next {
            background: url(../images/icon-swzhfz-section4-btn.png) no-repeat center;
            transform: rotateZ(0);
            left: calc(100vw - 25%);
        }

        .page-swzhfz-section4 .swzhfz-section4-btn.swzhfz-section4-prev {
            right: calc(100vw - 25%);
        }

        .page-swzhfz-section4 .swzhfz-section4-btn:hover {
            opacity: 1;
        }





.zhaopin-page{ margin-top: 1rem !important;}

.page-nav ul { display: flex;  border-bottom: 1px solid rgba(0,0,0,0.1);}
.page-nav ul a { color: rgba(0,0,0,0.5);margin-right: 50px; padding-bottom: 30px; position: relative; font-size: var(--fz30);font-weight: 600; }
.page-nav ul a.on { color: #000; }
.page-nav ul a.on::after {  width: 50px;}
.page-nav ul a:hover {  color: #000; }
.page-nav ul a:hover::after {    width: 50px; }
.page-nav ul a::after { content: '';position: absolute; left: 0;  bottom: -1px;  width: 0;height: 2px;background: #0484e1;  transition: .5s all; -webkit-transition: .5s all;}

.d-flex {display: flex!important;}
.ps-xl-30 { padding: 30px !important;}
.job-list li .name {
    padding: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
}

    .job-list li .name .info {
        width: 70%;
        margin-right: auto;
    }

    .job-list li .name dt {
        width: 50%;
    }

        .job-list li .name dt h3 {
            font-size: 18px;
            color: #000;
        }

        .job-list li .name dt span {
            display: block;
            font-size: 14px;
            color: rgba(0,0,0,0.3);
        }

        .job-list li .name dt p {
            color: rgba(0,0,0,0.5);
        }

    .job-list li .name .more {
        display: inline-block;
        padding: 0 30px;
        height: 38px;
        line-height: 36px;
        border: 1px solid #7b7b7b;
        font-size: 16px;
        color: #7b7b7b;
        text-align: center;
    }

    .job-list li .name:hover .more {
        border: 1px solid #0484e1;
        color: #fff;
        background: #0484e1;
    }

.job-list li .content {
    display: none;
}

    .job-list li .content .desc {
        background: #f5f5f5;
    }

        .job-list li .content .desc h4 {
            font-size: 30px;
            color: #000;
        }

        .job-list li .content .desc span {
            font-size: 30px;
            color: #0484e1;
            margin-right: 30px;
        }

        .job-list li .content .desc p {
            font-size: 18px;
            color: rgba(0,0,0,0.5);
        }

    .job-list li .content .cont {
        color: #000;
    }

.job-list li.open .more {
    border: 1px solid #0484e1;
    color: #fff;
    background: #0484e1;
}





/*Ô±¹¤·ç²É*/
.pbs-lg-100 {
    padding-bottom:1rem !important;
}
.text-center {
    text-align: center!important;
}
.activity {
    width: 100%;
    overflow: hidden;
    background: #fafafa;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

    .activity .slider-activity-list {
        position: relative;
        overflow: hidden;
    }

        .activity .slider-activity-list li {
            overflow: hidden;
        }

            .activity .slider-activity-list li.swiper-slide-active {
                opacity: 1;
            }

                .activity .slider-activity-list li.swiper-slide-active::after {
                    opacity: 0;
                }

            .activity .slider-activity-list li::after {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.5);
                z-index: 9;
                transition: .5s all;
                -webkit-transition: .5s all;
            }

            .activity .slider-activity-list li img {
                width: 100%;
                height: 100%;
                transition: .5s all;
                -webkit-transition: .5s all;
            }

            .activity .slider-activity-list li:hover img {
                transform: scale(1.1);
            }

        .activity .slider-activity-list .activity-btn {
            position: absolute;
            top: 45%;
            z-index: 9;
            width: 50px;
            height: 50px;
            border: 1px solid rgba(0,0,0,0.5);
            border-radius: 100px;
            font-size: 2rem;
            color: rgba(0,0,0,0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: FangSong;
            font-size: 0.2rem;
            font-weight: 600;
        }

            .activity .slider-activity-list .activity-btn:hover {
                border: 1px solid #0463ac;
                color: #fff;
                background: #0463ac;
            }

        .activity .slider-activity-list .activity-prev {
            right: calc(100% - 25%);
        }

        .activity .slider-activity-list .activity-next {
            left: calc(100% - 25%);
        }

    .activity .slider-activity-title {
        float: right;
        width: 21%;
        overflow: hidden;
    }

        .activity .slider-activity-title li.swiper-slide-thumb-active h4 {
            transform: translateY(0);
            opacity: 1;
        }

        .activity .slider-activity-title li h4 {
            font-size: var(--fz14);
            color: rgba(0,0,0,0.5);
            display: flex;
            justify-content: flex-start;
            align-items: center;
            transform: translateY(20px);
            transition: .5s all;
            -wbkit-transition: .5s all;
            transition-delay: .2s;
            opacity: 0;
        }

            .activity .slider-activity-title li h4 i {
                display: inline-block;
                width: 19px;
                height: 18px;
                margin-right: 10px;
                background: url(../images/icon-xiangji.png) no-repeat center;
            }

            .activity .slider-activity-title li h4 span {
                margin-left: 20px;
            }

        .activity .slider-activity-title .activity-pagination span {
            background: rgba(0,0,0,0.5);
            width: 20px;
            height: 1px;
            border-radius: 0;
            margin: 0;
        }

            .activity .slider-activity-title .activity-pagination span.swiper-pagination-bullet-active {
                background: #000;
            }

.news-wrap {
    display: flex;
    justify-content: space-between;
}

    .news-wrap .news-list {
        width: 30.6%;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 50px;
        height: 1035px;
    }

        .news-wrap .news-list ul {
            overflow-y: scroll;
            width: 100%;
            height: 984px;
        }

            .news-wrap .news-list ul::-webkit-scrollbar {
                width: 3px;
                height: 100%;
            }

            .news-wrap .news-list ul::-webkit-scrollbar-thumb {
                height: 10px;
                border-radius: 50px;
                background: #e1dfdf;
                min-height: 50px;
                min-width: 50px;
            }

            .news-wrap .news-list ul::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
                border-radius: 10px;
                background: #fff;
            }

            .news-wrap .news-list ul li {
                transition: .5s all;
                position: relative;
                z-index: 0;
                width: 85.645%;
            }

                .news-wrap .news-list ul li a {
                    display: block;
                }

                .news-wrap .news-list ul li::after {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 200%;
                    height: 100%;
                    background: rgba(0,0,0,0.1);
                    z-index: -1;
                    opacity: 0;
                    transition: .4s all;
                }

                .news-wrap .news-list ul li .img {
                    overflow: hidden;
                    position: relative;
                    padding-top: 61.365%;
                }

                    .news-wrap .news-list ul li .img img {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        transition: .5s all;
                    }

                .news-wrap .news-list ul li h3 {
                    font-size: 1rem;
                    color: #000;
                }

                .news-wrap .news-list ul li dt {
                    font-size: .875rem;
                    color: rgba(0,0,0,0.5);
                }

                .news-wrap .news-list ul li p {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: .875rem;
                    color: rgba(0,0,0,0.5);
                }

                    .news-wrap .news-list ul li p .hits {
                        display: block;
                        width: 16px;
                        height: 10px;
                        background: url(../images/icon-hits.png) no-repeat center;
                    }

                    .news-wrap .news-list ul li p .more {
                        margin-left: auto;
                        display: block;
                        width: 35px;
                        height: 7px;
                        opacity: .5;
                        background: url(../images/icon-jiantou.png) no-repeat center;
                    }

                .news-wrap .news-list ul li:hover::after {
                    opacity: 1;
                }

                .news-wrap .news-list ul li:hover img {
                    transform: scale(1.1);
                }

    .news-wrap .news-cont {
        width: calc(100% - 35.6%);
    }

        .news-wrap .news-cont .title-info h3 {
            color: #000;
        }

        .news-wrap .news-cont .title-info p {
            font-size: .875rem;
            color: rgba(0,0,0,0.5);
        }

        .news-wrap .news-cont .title-info .hits {
            display: inline-block;
            width: 16px;
            height: 10px;
            background: url(../images/icon-hits.png) no-repeat center;
        }

.wap-news-pagination {
    display: none;
}

.wap-news-list {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
}

    .wap-news-list .swiper-scrollbar {
        width: 100% !important;
        left: 0 !important;
    }

    .wap-news-list li {
        transition: .5s all;
        position: relative;
        z-index: 0;
    }

        .wap-news-list li a {
            display: block;
        }

        .wap-news-list li .img {
            overflow: hidden;
            position: relative;
            padding-top: 61.365%;
        }

            .wap-news-list li .img img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transition: .5s all;
            }

        .wap-news-list li h3 {
            font-size: 1rem;
            color: #000;
        }

        .wap-news-list li dt {
            font-size: .875rem;
            color: rgba(0,0,0,0.5);
            min-height: 48px;
        }

        .wap-news-list li p {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .875rem;
            color: rgba(0,0,0,0.5);
        }

            .wap-news-list li p .hits {
                display: block;
                width: 16px;
                height: 10px;
                background: url(../images/icon-hits.png) no-repeat center;
            }

            .wap-news-list li p .more {
                margin-left: auto;
                display: block;
                width: 35px;
                height: 7px;
                opacity: .5;
                background: url(../images/icon-jiantou.png) no-repeat center;
            }

        .wap-news-list li:hover img {
            transform: scale(1.1);
        }

.recent .recent-info {
    background: url(../images/bg-recent-info.jpg) no-repeat center;
    background-size: cover;
    box-shadow: 0 10px 10px #f9f9f9;
    padding-top: 30px;
}

    .recent .recent-info .grWidth {
        display: flex;
        justify-content: space-between;
    }

    .recent .recent-info .recent-info-img {
        width: 240px;
        height: 342px;
        border-radius: 6px;
        background: rgba(0,0,0,0.1);
    }

    .recent .recent-info .recent-info-desc {
        width: calc(100% - 280px);
        padding-bottom: 20px;
    }

        .recent .recent-info .recent-info-desc h4 {
            color: #000;
            font-size: 30px;
            position: relative;
            z-index: 0;
        }

            .recent .recent-info .recent-info-desc h4::after {
                content: "huangwenjiang";
                position: absolute;
                left: -70px;
                top: -50%;
                width: 100%;
                height: 100%;
                font-size: 4rem;
                font-weight: bold;
                color: rgba(0,0,0,0.1);
                text-transform: uppercase;
                z-index: -1;
            }

        .recent .recent-info .recent-info-desc .honor {
            display: flex;
        }

            .recent .recent-info .recent-info-desc .honor li strong {
                color: rgba(0,0,0,0.8);
                font-size: 20px;
                margin-bottom: 20px;
                display: block;
                font-weight: normal;
            }

            .recent .recent-info .recent-info-desc .honor li dt span {
                float: left;
                margin-bottom: 4px;
                font-size: 1rem;
                color: rgba(0,0,0,0.5);
                margin-right: 20px;
                position: relative;
                padding-left: 20px;
            }

                .recent .recent-info .recent-info-desc .honor li dt span::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 8px;
                    width: 8px;
                    height: 8px;
                    border: 1px solid #999;
                    border-radius: 100px;
                }

                .recent .recent-info .recent-info-desc .honor li dt span i {
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    border: 1px solid rgba(0,0,0,0.1);
                    border-radius: 100px;
                    margin-right: 10px;
                    object-fit: scale-down;
                }

.recent .honor-all .grWidth {
    padding: 50px;
}

    .recent .honor-all .grWidth p {
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        line-height: 30px;
        position: relative;
        padding-left: 20px;
    }

        .recent .honor-all .grWidth p::after {
            content: '';
            position: absolute;
            left: 0;
            top: 11px;
            width: 8px;
            height: 8px;
            border: 1px solid #999;
            border-radius: 100px;
        }

.ai-laboratory {
    background: #f5f5f5;
    display: flex;
}

    .ai-laboratory .sinder-right {
        width: calc(100% - 12.1655%);
        float: left;
        background: url(../images/bg-ai-laboratory.png) no-repeat left center;
    }

    .ai-laboratory .img img {
        width: 100%;
        height: 100%;
    }

    .ai-laboratory .info {
        float: right;
    }

        .ai-laboratory .info .desc {
            padding: 30px;
        }

            .ai-laboratory .info .desc h4 {
                color: #000;
            }

            .ai-laboratory .info .desc strong {
                font-size: 20px;
                color: rgba(0,0,0,0.8);
                font-weight: normal;
                display: block;
            }

            .ai-laboratory .info .desc p {
                color: rgba(0,0,0,0.5);
                font-size: 1rem;
            }

            .ai-laboratory .info .desc dt {
                display: flex;
            }

                .ai-laboratory .info .desc dt li {
                    text-align: center;
                    margin-right: 80px;
                }

                    .ai-laboratory .info .desc dt li img {
                        width: 60px;
                        height: 60px;
                    }

                    .ai-laboratory .info .desc dt li i {
                        display: block;
                        width: 14px;
                        height: 2px;
                        background: #d4d4d4;
                        margin: 10px auto;
                    }

.zl-ai .title h4 {
    color: rgba(0,0,0,0.8);
}

.zl-ai .title p {
    font-size: .875rem;
    color: rgba(0,0,0,0.5);
}

.zl-ai .grWidth {
    position: relative;
}

    .zl-ai .grWidth .icon-ai {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.zl-ai .zl-ai-list {
    padding: 60px;
    background: url(../images/bg-zl-ai-list.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

    .zl-ai .zl-ai-list ul {
        width: 80%;
        display: flex;
    }

        .zl-ai .zl-ai-list ul li {
            width: 20%;
            text-align: center;
        }

            .zl-ai .zl-ai-list ul li span {
                display: block;
                width: 100%;
                height: 120px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 20px;
                border-right: 1px solid rgba(255,255,255,0.3);
            }

                .zl-ai .zl-ai-list ul li span img {
                    object-fit: scale-down;
                    transition: .5s all;
                    -webkit-transition: .5s all;
                }

            .zl-ai .zl-ai-list ul li p {
                font-size: 18px;
                color: rgba(0,0,0,0.8);
            }

            .zl-ai .zl-ai-list ul li:last-child span {
                border-right: none;
            }

            .zl-ai .zl-ai-list ul li:hover img {
                transform: rotateY(360deg);
            }

.honorlist li {  margin-bottom: 20px;}
.honorlist li h4 { font-size: 1rem;  color: #000;  line-height: 40px;text-align: center; }
/*# sourceMappingURL=./style.css.map */




@media only screen and (max-width: 540px) {
.job-list li .name {
    padding:30px 0px;
}
.job-list li .name .info {
    width: 100%;
}
.job-list li .name .more {
    display: none;
}
.ps-xl-30 {
    padding: 10px !important;
}
.job-list li .content .desc h4,.job-list li .content .desc span {
    font-size: 20px;
}
.activity .slider-activity-title {
    width: 100%;
}
.page-ygznsjpt-section4 .slider-right .slider-right-list .swiper-slide img {
    width: 100%;
    height: 70px;
}
}