﻿.wpzs-sub-menu {
    display: none;
    left: 105px;
    top: 0px;
    position: absolute;
    border: 1px solid #aaa;
    font-size: 12px;
    text-align: center;
    background: #fff;
    margin: 0 !important;
    list-style: none;
    z-index: 1;
    _width: 1px;
}

#api-dw-menu:hover .wpzs-sub-menu {
    display: list-item;
}

#out-link:hover .wpzs-sub-menu {
    display: list-item;
}

#top-dw-btn a:hover {
    cursor: pointer;
}

.wpzs-dialog {
    width: 800px;
    top: 0px;
    bottom: auto;
    left: 560px;
    right: auto;
    visibility: visible;
    z-index: 52;
    display: block;
}

.dialog-title {
    display: inline-block;
    width: 740px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.wpzs-dialog-body {
    max-height: 450px;
    overflow-y: auto;
    padding: 0 20px;
}

#dialog-copy-button {
    margin: 5px 0px 10px;
    cursor: pointer;
    background: rgb(204, 50, 53);
    border: none;
    height: 30px;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    display: inline-block;
}

.dialog-tip {
    padding-left: 20px;
    background-color: #fff;
    border-top: 1px solid #c4dbfe;
    color: #dc373c;
}

.box3021_-3708 .top-nav .logo {
    color: #2b2b2b;
    float: left;
    margin-top: 9px;
}

.box3021_-3708 .top-nav .logo .logon {
    margin-left: 10px;
    margin-top: 5px;
}

    .box3021_-3708 .top-nav .logo .logon h2 {
        font-size: 20px;
        margin: 5px 0;
    }

    .box3021_-3708 .top-nav .logo .logon p {
        font-size: 14px;
        margin: 0;
        color: #666;
    }

.box3021_-3708 .top-nav .navbar {
    float: right;
    margin: 0 0 0 100px;
    border: 0;
}

    .box3021_-3708 .top-nav .navbar > ul > li {
        float: left;
        margin: 0 15px;
        line-height: 100px;
        position: relative;
    }

        .box3021_-3708 .top-nav .navbar > ul > li > a {
            font-size: 16px;
            display: block;
            position: relative;
        }

            .box3021_-3708 .top-nav .navbar > ul > li > a::after {
                content: "";
                display: block;
                width: 100%;
                height: 2px;
                background-color: #1757ab;
                position: absolute;
                left: 0;
                bottom: 0;
                -webkit-transition: all ease .3s;
                transition: all ease .3s;
                transform: scaleX(0);
            }

        .box3021_-3708 .top-nav .navbar > ul > li .subnav {
            position: absolute;
            top: 100px;
            left: 50%;
            background-color: #fff;
            z-index: 990;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all ease .3s;
            transition: all ease .3s;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            transform: translateX(-50%) perspective(300px) rotateX(-90deg);
            -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
        }

            .box3021_-3708 .top-nav .navbar > ul > li .subnav li {
                line-height: 35px;
                font-size: 14px;
                -webkit-transition: all ease .3s;
                transition: all ease .3s; /* display: block; */
            }

                .box3021_-3708 .top-nav .navbar > ul > li .subnav li a {
                    display: block;
                    padding: 5px 30px;
                    white-space: nowrap;
                }

                .box3021_-3708 .top-nav .navbar > ul > li .subnav li:hover {
                    background-color: #1757ab
                }

                    .box3021_-3708 .top-nav .navbar > ul > li .subnav li:hover a {
                        color: #fff;
                    }

        .box3021_-3708 .top-nav .navbar > ul > li:hover > a::after {
            transform: scaleX(1);
        }

        .box3021_-3708 .top-nav .navbar > ul > li:hover .subnav {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) perspective(200px) rotateX(0deg);
        }

.box3021_-3708 .top-nav .t-contact {
    float: right;
    line-height: 35px;
    font-size: 16px;
    font-weight: 700;
    padding-left: 40px;
    background: url(../images/phone.png) no-repeat left center;
    margin-top: 20px;
    display: none;
}

.box3021_-3708 .top-nav .nav-toggle {
    float: right;
    margin-top: 18px;
    padding: 9px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: none;
}

    .box3021_-3708 .top-nav .nav-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #1757ab;
        margin-bottom: 3px;
    }

        .box3021_-3708 .top-nav .nav-toggle span span {
            margin-top: 4px;
        }

.box3021_-3708 .top-nav .mobile-navbar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 997;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

    .box3021_-3708 .top-nav .mobile-navbar .mask {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 998;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .box3021_-3708 .top-nav .mobile-navbar .menu {
        position: fixed;
        width: 300px;
        height: 100vh;
        right: 0;
        top: 0;
        z-index: 999;
        background-color: #fff;
        padding: 0 20px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
    }

        .box3021_-3708 .top-nav .mobile-navbar .menu .menu-box {
            margin-top: 10px;
            text-align: right;
        }

            .box3021_-3708 .top-nav .mobile-navbar .menu .menu-box .menu-close {
                display: inline-block;
                width: 30px;
                height: 30px;
                background: url(../images/close.png) no-repeat center center/auto 20px;
                cursor: pointer;
            }

        .box3021_-3708 .top-nav .mobile-navbar .menu > ul > li {
            border-bottom: 1px solid #efefef;
        }

            .box3021_-3708 .top-nav .mobile-navbar .menu > ul > li > a {
                display: block;
                line-height: 22px;
                font-size: 18px;
                padding: 16px 30px 16px 0;
                color: #333;
                position: relative;
            }

                .box3021_-3708 .top-nav .mobile-navbar .menu > ul > li > a .toggle {
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    position: absolute;
                    right: 0;
                    top: 14px;
                    background: url(../images/toggle.png) no-repeat center center/auto 100%;
                    -webkit-transition: all ease .3s;
                    transition: all ease .3s;
                }

                .box3021_-3708 .top-nav .mobile-navbar .menu > ul > li > a.active .toggle {
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                }

            .box3021_-3708 .top-nav .mobile-navbar .menu > ul > li .subnav {
                padding: 10px 30px 10px 20px;
                display: none;
            }

                .box3021_-3708 .top-nav .mobile-navbar .menu > ul > li .subnav li {
                    padding: 7px 0;
                }

                    .box3021_-3708 .top-nav .mobile-navbar .menu > ul > li .subnav li a {
                        color: #999;
                    }

    .box3021_-3708 .top-nav .mobile-navbar.show {
        opacity: 1;
        visibility: visible;
    }

        .box3021_-3708 .top-nav .mobile-navbar.show .menu {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

.box3021_-3708 .top-nav .logo .logon h2, .box3021_-3708 .top-nav .logo .logon p {
    color: #333
}

@media (min-width: 992px) and (max-width: 1200px) {
    .box3021_-3708 .top-nav .navbar {
        margin-left: 30px;
    }

        .box3021_-3708 .top-nav .navbar > ul > li {
            margin: 0 10px;
        }
}

@media (max-width: 992px) {
    .box3021_-3708 .top-nav {
        padding: 5px 0 10px;
    }

        .box3021_-3708 .top-nav .navbar {
            display: none;
        }

        .box3021_-3708 .top-nav .nav-toggle {
            display: block;
        }

        .box3021_-3708 .top-nav .t-contact {
            display: none;
        }
}

@media (max-width:767px) {
    .box3021_-3708 .top-nav .logo .logon h2 {
        font-size: 16px;
    }

    .box3021_-3708 .top-nav .logo .logon p {
        font-size: 14px;
    }

    .box3021_-3708 .top-nav {
        border: none;
    }

        .box3021_-3708 .top-nav .logo img {
            width: 20%
        }

        .box3021_-3708 .top-nav .logo {
            margin-top: 4px;
        }
}

@media (max-width: 320px) {
    .box3021_-3708 .top-nav .logo img {
        width: 40px;
    }

    .box3021_-3708 .top-nav .logo .logon {
        display: none;
    }

    .box3021_-3708 .top-nav .nav-toggle {
        margin-top: 10px;
    }
}


.box3022_-2996 .pc-container .pc-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #1757ab;
    margin: 0 5px;
}

.box3022_-2996 .pc-container .btn-prev, .box3022_-2996 .pc-container .btn-next {
    width: 35px;
    height: 60px;
    background-position: center center;
    background-size: auto 20px;
    background-color: rgba(113, 114, 115, 0.3);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 20;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    opacity: 0;
    visibility: hidden;
}

    .box3022_-2996 .pc-container .btn-prev:hover, .pc-container .btn-next:hover {
        background-color: #717273;
    }

.box3022_-2996 .pc-container .btn-prev {
    background-image: url(../images/prev.png);
    left: 0;
}

.box3022_-2996 .pc-container .btn-next {
    background-image: url(../images/next.png);
    right: 0;
}

@media (min-width: 768px) {
    .box3022_-2996 .pc-container:hover .btn-prev, .box3022_-2996 .pc-container:hover .btn-next {
        opacity: 1;
        visibility: visible;
    }

    .box3022_-2996 .pc-container:hover .btn-prev {
        left: 30px;
    }

    .box3022_-2996 .pc-container:hover .btn-next {
        right: 30px;
    }
}

@media (max-width: 768px) {
    .box3022_-2996 .pc-container .pc-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}
ul, li {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.p-title {
    padding: 60px 0 30px;
    color: #333;
}

    .p-title .fl {
        position: relative;
    }

        .p-title .fl em {
            display: inline-block;
            width: 4px;
            height: 22px;
            background: #333;
            position: absolute;
            top: 3px;
        }

        .p-title .fl h3 {
            font-size: 24px;
            display: inline-block;
            padding-left: 10px;
            font-weight: bold;
        }

        .p-title .fl p {
            font-size: 14px;
            color: #666;
            margin-top: 10px;
        }

    .p-title .fr a {
        display: block;
        padding: 10px 30px;
        background: #1757ab;
        color: #fff;
        transition: all .3s
    }

        .p-title .fr a:hover {
            background: #296ec9
        }

@media(max-width:767px) {
    .p-title {
        padding: 40px 0 20px
    }
}

.box3035_-4289 .pro-title {
    position: absolute;
    top: 40px;
    font-size: 32px;
    color: #333;
    font-weight: 700
}

.box3035_-4289 .pro-tabs {
    text-align: right;
    padding: 40px 0 20px;
    display: none;
}

.box3035_-4289 .swiper-wrapper {
    height: auto;
}

.box3035_-4289 .pro-tabs .item {
    display: inline-block;
    margin: 0 0 0 10px;
    background-color: #eaeaea;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border: 1px solid #c8c8c8
}

    .box3035_-4289 .pro-tabs .item a {
        display: block;
        padding: 10px 30px;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        font-size: 16px;
        color: #333
    }

.box3035_-4289 .pro-container .pro-item {
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.06);
    background: #fff
}

.box3035_-4289 .pro-item .img {
    overflow: hidden;
    position: relative;
}

    .box3035_-4289 .pro-item .img img {
        -webkit-transition: all ease .3s;
        transition: all ease .3s
    }

.box3035_-4289 .pro-item .caption { /* background:#0060ae; */
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0 20px;
}

    .box3035_-4289 .pro-item .caption .title {
        color: #fff;
        font-size: 18px
    }

.box3035_-4289 .pro-tabs .item.active, .box3035_-4289 .pro-tabs .item:hover {
    background-color: #0060ae;
    border: 1px solid #0060ae
}

    .box3035_-4289 .pro-tabs .item.active a, .pro-tabs .item:hover a {
        color: #fff
    }

.box3035_-4289 .pro-item:hover .img img {
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1)
}

.box3035_-4289 .pro-item:hover .caption {
    background: #7cda1f
}

.box3035_-4289 .pro-container .pro-item {
    margin-bottom: 15px;
}

.box3035_-4289 a:hover {
    text-decoration: none;
}

@media(max-width:767px) {
    .box3035_-4289 .pro-title {
        position: relative;
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
        display: none;
    }

    .box3035_-4289 .pro-tabs {
        text-align: center
    }

        .box3035_-4289 .pro-tabs .item {
            width: 49%;
            margin: 0
        }

            .box3035_-4289 .pro-tabs .item a {
                padding: 10px
            }

    .box3035_-4289 .pro-item .caption {
        height: 40px;
        line-height: 40px
    }

        .box3035_-4289 .pro-item .caption .title {
            font-size: 16px
        }
}

.box3035_-4289 .pro-title {
    position: absolute;
    top: 40px;
    font-size: 32px;
    color: #333;
    font-weight: 700
}

.box3035_-4289 .pro-tabs {
    text-align: right;
    padding: 40px 0 20px;
    display: none;
}

.box3035_-4289 .swiper-wrapper {
    height: auto;
}

.box3035_-4289 .pro-tabs .item {
    display: inline-block;
    margin: 0 0 0 10px;
    background-color: #eaeaea;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border: 1px solid #c8c8c8
}

    .box3035_-4289 .pro-tabs .item a {
        display: block;
        padding: 10px 30px;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        font-size: 16px;
        color: #333
    }

.box3035_-4289 .pro-container .pro-item {
    -webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.06);
    background: #fff;
    border: 1px #dfdfdf solid;
}

.box3035_-4289 .pro-item .img {
    overflow: hidden;
    position: relative;
}

    .box3035_-4289 .pro-item .img img {
        -webkit-transition: all ease .3s;
        transition: all ease .3s
    }

.box3035_-4289 .pro-item .caption { /* background:#0060ae; */
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0 20px;
}

    .box3035_-4289 .pro-item .caption .title {
        color: #333;
        font-size: 16px;
    }

.box3035_-4289 .pro-tabs .item.active, .box3035_-4289 .pro-tabs .item:hover {
    background-color: #0060ae;
    border: 1px solid #0060ae
}

    .box3035_-4289 .pro-tabs .item.active a, .pro-tabs .item:hover a {
        color: #fff
    }

.box3035_-4289 .pro-item:hover .img img {
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1)
}

.box3035_-4289 .pro-item:hover .caption {
    background: #1757ab;
}

.box3035_-4289 .pro-container .pro-item {
    margin-bottom: 15px;
}

.box3035_-4289 a:hover {
    text-decoration: none;
}

@media(max-width:767px) {
    .box3035_-4289 .pro-title {
        position: relative;
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
        display: none;
    }

    .box3035_-4289 .pro-tabs {
        text-align: center
    }

        .box3035_-4289 .pro-tabs .item {
            width: 49%;
            margin: 0
        }

            .box3035_-4289 .pro-tabs .item a {
                padding: 10px
            }

    .box3035_-4289 .pro-item .caption {
        height: 40px;
        line-height: 40px
    }

        .box3035_-4289 .pro-item .caption .title {
            font-size: 16px
        }
}

.box3035_-4289 .pro-container .pro-item:hover .caption .title {
    color: #fff
}

.box3035_-4289 .pro-item .img:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5) url(../images/fx.png) no-repeat center/50px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: rotate(90deg);
    transition: all ease-out .3s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.box3035_-4289 .pro-item:hover .img:after {
    opacity: 1;
    transform: rotate(0deg);
}


.advan-list .advan-item {
    display: block;
    background: #eaeaea;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.advan-list .advan-item .advan-img {
    padding: 15px;
}

.advan-list .advan-item .advan-txt {
    padding: 5px 15px 25px;
}

    .advan-list .advan-item .advan-txt h2 {
        line-height: 125px;
        font-size: 48px;
        color: #1757ab;
        margin: 0;
    }

    .advan-list .advan-item .advan-txt h3 {
        font-size: 20px;
        color: #333;
        margin-bottom: 20px;
    }

    .advan-list .advan-item .advan-txt p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.6em;
        color: #666;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

.advan-list .advan-item:hover {
    background-color: #1757ab;
}

    .advan-list .advan-item:hover h2, .advan-list .advan-item:hover .advan-txt h3, .advan-list .advan-item:hover .advan-txt p {
        color: #fff;
    }

@media (max-width: 767px) {
    .advan-list .advan-item .advan-img {
        height: 300px;
        overflow: hidden
    }

    .advan-list .advan-item .advan-txt h2 {
        line-height: 70px;
    }
}


.about {
    padding-bottom: 80px;
    /*margin-top: 50px;
    background: url(../images/bg1.jpg) no-repeat center/100%*/
}

.about-main {
    display: flex;
    justify-content: space-between;
}

    .about-main .about-fl {
        width: 33%;
        margin-top: 60px
    }

    .about-main .about-fr {
        width: 50%;
        margin-top: 20px;
    }

        .about-main .about-fr .about-txt {
            font-size: 14px;
            color: #555;
            line-height: 1.8em;
        }

        .about-main .about-fr .more {
            padding: 14px 40px;
            background: #1757ab;
            color: #fff;
            display: inline-block;
            margin-top: 30px;
            transition: all .3s
        }

            .about-main .about-fr .more:hover {
                background: #296ec9;
            }

img {
    max-width: 100%
}

@media(max-width:1199px) {
    .about {
        background: #f7f7f7;
    }
}

@media(max-width:767px) {
    .about {
        background: none;
        margin-top: 40px;
        padding-bottom: 20px
    }

    .about-main {
        flex-flow: wrap;
    }

        .about-main .about-fl, .about-main .about-fr {
            width: 100%;
            margin-top: 0
        }

            .about-main .about-fr .more {
                margin-top: 20px;
            }

            .about-main .about-fr .more {
                padding: 10px 30px
            }
}


.fl {
    float: left;
}

.fr {
    float: right;
}

.p-title {
    padding: 60px 0 30px;
    color: #333;
}

    .p-title .fl {
        position: relative;
    }

        .p-title .fl em {
            display: inline-block;
            width: 4px;
            height: 22px;
            background: #333;
            position: absolute;
            top: 3px;
        }

        .p-title .fl h3 {
            font-size: 24px;
            display: inline-block;
            padding-left: 10px;
            font-weight: bold;
        }

        .p-title .fl p {
            font-size: 14px;
            color: #666;
            margin-top: 10px;
        }

    .p-title .fr a {
        display: block;
        padding: 10px 30px;
        background: #1757ab;
        color: #fff;
    }

@media(max-width:767px) {
    .p-title {
        padding: 40px 0 20px
    }
}

.box3038_-8442 ul, .box3038_-8442 li {
    list-style: none;
}

.box3038_-8442 a, .box3038_-8442 a:hover {
    text-decoration: none;
}

.box3038_-8442 img {
    max-width: 100%;
}

.box3038_-8442 .news {
    margin-top: 20px;
}

.box3038_-8442 .news-fl .news-txt {
    background: #f6f6f6;
    padding: 25px 15px;
}

    .box3038_-8442 .news-fl .news-txt em {
        display: block;
        font-style: normal;
        color: #666;
        font-size: 12px;
        padding-left: 24px;
        background: url(../images/sj.png) no-repeat left center/16px;
    }

    .box3038_-8442 .news-fl .news-txt h3 {
        font-size: 20px;
        color: #1757ab;
        margin: 10px 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box3038_-8442 .news-fl .news-txt i {
        display: block;
        width: 30px;
        height: 2px;
        background: #1757ab;
    }

    .box3038_-8442 .news-fl .news-txt p {
        font-size: 14px;
        color: #333;
        line-height: 1.8em;
        text-align: justify;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin: 10px 0;
    }

    .box3038_-8442 .news-fl .news-txt span {
        display: block;
        text-align: right;
        font-size: 14px;
        color: #666;
    }

        .box3038_-8442 .news-fl .news-txt span:hover {
            color: #1757ab;
        }

.box3038_-8442 .news-fr .news-list li {
    font-size: 18px;
    color: #333;
    display: inline-block;
    cursor: pointer;
}

    .box3038_-8442 .news-fr .news-list li::after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 16px;
        background: #666;
        margin: 0 25px;
    }

    .box3038_-8442 .news-fr .news-list li.on {
        color: #1757ab;
    }

.box3038_-8442 .news-fr .news-list a {
    font-size: 18px;
    color: #333;
}

    .box3038_-8442 .news-fr .news-list a:hover {
        color: #1757ab;
    }

.box3038_-8442 .news-fr .news-item .news-cont {
    display: none;
}

.box3038_-8442 .news-fr .news-item li {
    padding: 20px 0;
    border-bottom: 1px dashed #666;
}

.box3038_-8442 .news-fr .news-item .news-main {
    width: 80%;
    display: inline-block;
}

    .box3038_-8442 .news-fr .news-item .news-main:hover h3 {
        color: #1757ab;
    }

    .box3038_-8442 .news-fr .news-item .news-main h3 {
        font-size: 16px;
        color: #333;
        margin: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box3038_-8442 .news-fr .news-item .news-main p {
        font-size: 14px;
        color: #666;
        line-height: 1.5em;
        margin-top: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

.box3038_-8442 .news-fr .news-item .news-date {
    float: right;
    width: 20%;
    text-align: right;
}

    .box3038_-8442 .news-fr .news-item .news-date span {
        display: inline-block;
        font-size: 16px;
        color: #666;
    }

    .box3038_-8442 .news-fr .news-item .news-date p {
        font-size: 48px;
        color: #333;
    }

@media (max-width: 992px) {
    .box3038_-8442 .news-fl .news-txt {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .box3038_-8442 .news-fl .news-txt {
        position: relative;
    }

        .box3038_-8442 .news-fl .news-txt em {
            position: absolute;
            left: 15px;
            bottom: 25px;
        }

        .box3038_-8442 .news-fl .news-txt p {
            -webkit-line-clamp: 2;
        }

    .box3038_-8442 .news-fr .news-list li::after {
        margin: 0 10px;
    }
}



.box3006_-3577 .m-partner .partner-container .item {
    position: relative;
    overflow: hidden;
    border: 1px #e7e7e7 solid
}

.box3006_-3577 .m-partner .partner-container .item a {
    display: block;
}

/*.box3006_-3577 .m-partner .partner-container .item img {
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}*/

.box3006_-3577 .m-partner .partner-container .item .title {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1757ab;
    color: #fff;
    top: 0;
    left: 0;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-transform: translateY(101%);
    transform: translateY(101%);
}

/*.box3006_-3577 .m-partner .partner-container .item:hover img {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}*/

.box3006_-3577 .m-partner .partner-container .item:hover .title {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.box3006_-3577 .m-partner .partner-container .partner-pagination {
    margin: 30px 0;
    text-align: center;
}

    .box3006_-3577 .m-partner .partner-container .partner-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: transparent;
        border: 1px solid #999;
        opacity: 1;
    }

    .box3006_-3577 .m-partner .partner-container .partner-pagination .swiper-pagination-bullet-active {
        border-color: #1757ab;
    }


.box3007_-5013 .m-links {
    margin: 30px 0;
    line-height: 180%;
    overflow: hidden;
}

.box3007_-5013 .m-links .title {
    float: left;
    width: 70px;
}

.box3007_-5013 .m-links .links {
    width: calc(100% - 70px);
    float: left;
}

    .box3007_-5013 .m-links .links a {
        color: inherit;
        display: inline-block;
        margin: 0 5px;
    }

        .box3007_-5013 .m-links .links a:hover {
            color: #1757ab;
        }
@media (max-width: 768px) {
    .box3007_-5013 .m-links {
        display: none;
    }
}

.y-kefu-box {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 9999;
    font-size: 13px;
}

.y-kefu-box p {
    margin: 0
}

.y-kefu-box a {
    text-decoration: none;
}

.y-kefu-box img {
    display: block;
    width: 100%;
    height: auto;
}

.y-kefu-box01 .icon {
    display: block;
    background: url(../images/2020918134315939.png) no-repeat;
    margin: 0 auto 6px;
    filter: grayscale(1);
}

.y-kefu-box01 {
    width: 54px;
    color: #666;
    text-align: center;
}

    .y-kefu-box01 .kf-close-btn {
        width: 27px;
        height: 27px;
        background-position: -5px -115px;
        position: relative;
        cursor: pointer;
    }

        .y-kefu-box01 .kf-close-btn:before {
            content: '';
            display: block;
            width: 1px;
            height: 12px;
            position: absolute;
            bottom: -12px;
            left: 13px;
            z-index: 1;
            background-color: #1757ab;
        }

    .y-kefu-box01 .show-status > a, .y-kefu-box01 .show-status > div {
        display: block;
        width: 52px;
        padding: 8px 0 12px;
        background-color: #fff;
        border-left: solid 1px #efefef;
        border-top: solid 1px #efefef;
        border-right: solid 1px #efefef;
        position: relative;
    }

    .y-kefu-box01 .show-status {
        position: relative;
    }

        .y-kefu-box01 .show-status .kf-zixun {
            background-color: #1757ab;
            border-color: #1757ab;
            color: #fff;
            margin: 10px 0 7px;
        }

    .y-kefu-box01 .kf-zixun {
        border-radius: 2px;
    }

        .y-kefu-box01 .kf-zixun i {
            width: 21px;
            height: 22px;
            background-position: -5px -5px;
        }

    .y-kefu-box01 .kf-mobile {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

        .y-kefu-box01 .kf-mobile > i {
            width: 18px;
            height: 18px;
            background-position: -5px -32px;
        }

        .y-kefu-box01 .kf-mobile:hover > i {
            background-position: -30px -32px;
        }

    .y-kefu-box01 .kf-weChat > i {
        width: 22px;
        height: 19px;
        background-position: -5px -55px;
    }

    .y-kefu-box01 .kf-weChat:hover > i {
        background-position: -30px -55px;
    }

    .y-kefu-box01 .kf-email {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

        .y-kefu-box01 .kf-email > i {
            width: 18px;
            height: 14px;
            background-position: -5px -80px;
        }

        .y-kefu-box01 .kf-email:hover > i {
            background-position: -30px -80px;
        }

    .y-kefu-box01 .back-top i {
        width: 13px;
        height: 11px;
        background-position: -5px -98px;
    }

    .y-kefu-box01 .back-top:hover i {
        background-position: -30px -98px;
    }

    .y-kefu-box01 .kf-email, .y-kefu-box01 .back-top {
        border-bottom: solid 1px #efefef;
    }

    .y-kefu-box01 .back-top {
        margin-top: 20px;
        border-radius: 2px;
        left: 55px;
    }

    .y-kefu-box01 .hver:hover {
        background-color: #1757ab;
        border-color: #1757ab;
    }

        .y-kefu-box01 .hver:hover > p {
            color: #fff;
        }

    .y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos {
        background-color: #fff;
        border: solid 1px #efefef;
        position: absolute;
        right: 90px;
        z-index: 2;
        border-radius: 2px;
        display: none;
    }
    /*电话*/
    .y-kefu-box01 .mobile-infos {
        width: 260px;
        text-align: left;
        top: 0;
    }

        .y-kefu-box01 .mobile-infos > div {
            padding: 20px 0 20px 45px;
            position: relative;
        }

            .y-kefu-box01 .mobile-infos > div i {
                width: 15px;
                height: 15px;
                background-position: -52px -32px;
                position: absolute;
                top: 22px;
                left: 20px;
                z-index: 2;
            }

        .y-kefu-box01 .mobile-infos .online1 {
            border-bottom: solid 1px #efefef;
        }

        .y-kefu-box01 .mobile-infos span {
            color: #b9b9b9;
        }

        .y-kefu-box01 .mobile-infos p {
            color: #1757ab;
            font-size: 18px;
        }

.right {
    width: 12px;
    height: 12px;
    position: absolute;
    right: -12px;
    top: 24px;
}

.right-arrow1, .right-arrow2 {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 6px transparent dashed;
    border-right: 6px transparent dashed;
    border-bottom: 6px transparent dashed;
    border-left: 6px white solid;
    overflow: hidden;
}

.right-arrow1 {
    left: 1px;
    border-left: 6px #efefef solid;
}

.right-arrow2 {
    border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box {
    width: 151px;
    height: 178px;
    top: -60px;
}

    .y-kefu-box01 .y-ewm-box img {
        width: 94px;
        height: 94px;
        margin: 30px auto 10px;
    }

    .y-kefu-box01 .y-ewm-box .y-ewm-img1 {
        width: 150px;
        border-right: solid 1px #efefef;
    }

    .y-kefu-box01 .y-ewm-box .right {
        top: 84px;
    }
/*邮箱*/
.y-kefu-box01 .y-email-infos {
    padding: 28px 20px 28px 45px;
    color: #b9b9b9;
    text-align: left;
    bottom: 0;
}

    .y-kefu-box01 .y-email-infos p {
        color: #1757ab;
        font-size: 16px;
    }

    .y-kefu-box01 .y-email-infos > i {
        width: 18px;
        height: 13px;
        background-position: -52px -80px;
        position: absolute;
        left: 15px;
        top: 30px;
    }

    .y-kefu-box01 .y-email-infos .right {
        top: 55px;
    }

.y-kefu-box01 .hide-status {
    width: 54px;
    height: 65px;
    background-color: #1757ab;
    position: absolute;
    top: 37px;
    left: 55px;
    z-index: 9;
}

    .y-kefu-box01 .hide-status .kf-zixun {
        padding: 10px 0 7px;
        color: #fff;
        cursor: pointer;
    }

.mfooter {
    border-top: 1px solid #eaeaea;
    padding: 0px 0 30px;
    background-color: #f0f1f2;
}

.mfooter-fl {
    float: left;
    padding: 20px 50px 10px 0;
    border-right: 1px solid #cacacb;
    margin-top: 50px;
}

    .mfooter-fl img {
        width: 150px;
    }

    .mfooter-fl p {
        font-size: 16px;
        margin-top: 10px;
        text-align: center;
    }

.mfooter-cen {
    float: left;
    margin-left: 50px;
    margin-top: 50px;
}

    .mfooter-cen li {
        line-height: 2em
    }

.mfooter-fr {
    float: right;
    text-align: center;
    margin-top: 30px;
}

    .mfooter-fr img {
        width: 130px;
        margin-bottom: 10px
    }

.mfooter-copy {
    background: #1757ab;
    padding: 15px 0;
    color: #fff
}

    .mfooter-copy p {
        margin: 0
    }

    .mfooter-copy .pull-right {
        color: #fff
    }

@media(max-width:767px) {
    .mfooter-copy {
        background: none;
        color: #666;
        text-align: center;
        margin-bottom: 70px;
        line-height: 1.8em
    }

        .mfooter-copy .pull-left, .mfooter-copy .pull-right {
            float: none !important;
            display: inline-block;
        }

            .mfooter-copy .pull-right a {
                color: #666;
            }
}

.box3027_-6838 img {
    max-width: 100%;
    vertical-align: middle
}

.box3027_-6838 li, .box20064_1 ul {
    list-style: none
}

.box3027_-6838 a {
    text-decoration: none
}

.box3027_-6838 .db {
    position: fixed;
    bottom: 0;
    z-index: 999;
    display: flex;
    width: 100%;
    background: #1f1f21;
    text-align: center;
    justify-content: space-around;
    align-items: flex-end;
    left: 0;
}

    .box3027_-6838 .db li img {
        width: 30px
    }

    .box3027_-6838 .db li.dt img {
        width: 40px;
        transform: translateY(2px)
    }

    .box3027_-6838 .db li a {
        color: #fff;
        font-size: 12px
    }

        .box3027_-6838 .db li a p {
            margin-top: 5px
        }
.box3009_-8601 .m-site {
    padding: 15px 0;
    margin-bottom: 50px;
    border-bottom: 1px solid #efefef;
}

    .box3009_-8601 .m-site .pos label {
        font-weight: 400;
    }

    .box3009_-8601 .m-site .pos label, .m-site .pos a, .m-site .pos span {
        font-size: 14px;
        color: #999;
    }

    .box3009_-8601 .m-site .pos span {
        margin: 0 8px;
    }

    .box3009_-8601 .m-site .pos a:hover {
        color: #1757ab;
    }
@media (max-width: 768px) {
    .box3009_-8601 .m-site {
        padding: 15px 0;
        margin-bottom: 0px;
        border-bottom: 1px solid #efefef;
    }

        .box3009_-8601 .m-site .pos {
            float: left;
            width: 75%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #999;
        }

        .box3009_-8601 .m-site .more {
            float: right;
            color: #666;
        }
}

@media (min-width: 768px) {
    .box3009_-8601 .m-classify {
        margin-bottom: 50px;
    }

        .box3009_-8601 .m-classify ul {
            text-align: center;
        }

            .box3009_-8601 .m-classify ul li {
                display: inline-block;
                margin: 0 5px;
            }

                .box3009_-8601 .m-classify ul li a {
                    display: block;
                    background-color: #efefef;
                    color: #666;
                    line-height: 40px;
                    padding: 0 30px;
                    -webkit-transition: all ease .3s;
                    transition: all ease .3s;
                }

                    .box3009_-8601 .m-classify ul li a:hover {
                        background-color: #1757ab;
                        color: #fff;
                    }

    .box3009_-860
    1 .m-classify ul li.active a {
        background-color: #1757ab;
        color: #fff;
    }
}

@media (max-width: 768px) {
    .box3009_-8601 .m-classify .mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.15);
        z-index: 1001;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
    }

    .box3009_-8601 .m-classify ul {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 70%;
        background-color: #fff;
        z-index: 1002;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

        .box3009_-8601 .m-classify ul h3 {
            font-size: 20px;
            padding: 15px;
            border-bottom: 1px solid #efefef;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .box3009_-8601 .m-classify ul li a {
            display: block;
            color: #666;
            font-size: 14px;
            line-height: 40px;
            padding: 0 15px;
            -webkit-transition: all ease .3s;
            transition: all ease .3s;
            border-bottom: 1px solid #efefef;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .box3009_-8601 .m-classify ul li a:hover {
                background-color: #1757ab;
                color: #fff;
                border-bottom: 1px solid #fff;
            }


    .box3009_-8601 .m-classify.show .mask {
        opacity: 1;
        visibility: visible;
    }

    .box3009_-8601 .m-classify.show ul {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.box3009_-8601 .m-classify ul li.active a {
    background-color: #1757ab;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.box3019_-2584 .in-image .image-list .item {
    margin-bottom: 30px;
    overflow: hidden;
}

    /*.box3019_-2584 .in-image .image-list .item .wrap {
        position: relative;
        overflow: hidden;
    }*/

    .box3019_-2584 .in-image .image-list .item a {
        display: block;
    }

    .box3019_-2584 .in-image .image-list .item .img {
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
    }

    .box3019_-2584 .in-image .image-list .item .title {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #1757ab;
        color: #fff;
        top: 0;
        left: 0;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        -webkit-transform: translateY(101%);
        transform: translateY(101%);
        text-align: center;
    }

    /*.box3019_-2584 .in-image .image-list .item:hover .img {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .box3019_-2584 .in-image .image-list .item:hover .title {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }*/

.box3019_-2584 .m-page {
    text-align: center;
    margin: 50px 0;
}

    .box3019_-2584 .m-page .pagination > li > a, .box3019_-2584 .m-page .pagination > li > span {
        color: #777;
    }

    .box3019_-2584 .m-page .pagination > .active > a, .box3019_-2584 .m-page .pagination > .active > span, .box3019_-2584 .m-page .pagination > .active > a:hover, .box3019_-2584 .m-page .pagination > .active > span:hover, .box3019_-2584 .m-page .pagination > .active > a:focus, .box3019_-2584 .m-page .pagination > .active > span:focus {
        background-color: #1757ab;
        border-color: #1757ab;
        color: #fff;
    }

    .box3019_-2584 .m-page .pagination > li > a:hover, .box3019_-2584 .m-page .pagination > li > span:hover, .box3019_-2584 .m-page .pagination > li > a:focus, .box3019_-2584 .m-page .pagination > li > span:focus {
        background-color: #1757ab;
        border-color: #1757ab;
        color: #fff;
    }

@media (max-width: 768px) {
    .box3019_-2584 .m-page {
        margin: 0;
    }
}
.box3014_-5926 .content-wrapper .image-content .header-info .imgbox {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

    .box3014_-5926 .content-wrapper .image-content .header-info .imgbox img {
        border: 1px solid #ddd;
        padding: 3px;
        max-width: 100%;
    }

.box3014_-5926 .content-wrapper .image-content .header-info h3 {
    text-align: center;
    margin: 30px 0;
    line-height: 150%;
}

.box3014_-5926 .m-flip {
    margin: 50px 0;
}

    .box3014_-5926 .m-flip .flip {
        list-style: none;
        padding-left: 0;
        overflow: hidden;
    }

        .box3014_-5926 .m-flip .flip li {
            padding: 5px 0;
            color: #666;
            font-size: 14px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .box3014_-5926 .m-flip .flip li a:hover {
                color: #1757ab;
            }
.box3026_-6611 .m-news .news-item {
    border: 1px solid rgba(170, 170, 170, 0.2);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 20px 10px;
    margin-bottom: 38px;
    overflow: hidden;
}

    .box3026_-6611 .m-news .news-item .news-pic {
        height: auto;
        float: left;
        overflow: hidden;
    }

        .box3026_-6611 .m-news .news-item .news-pic img {
            margin: 0 auto;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

    .box3026_-6611 .m-news .news-item .news-content {
        padding: 20px 20px 0 30px;
        float: left;
    }

        .box3026_-6611 .m-news .news-item .news-content .news-item-title {
            font-size: 20px;
            line-height: 32px;
            font-weight: normal;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .box3026_-6611 .m-news .news-item .news-content .news-item-title a {
                color: inherit;
                font-size: 18px;
            }

        .box3026_-6611 .m-news .news-item .news-content .news-desc {
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            color: #999;
            margin-top: 10px;
            font-size: 14px;
            line-height: 28px;
            font-weight: normal;
        }

        .box3026_-6611 .m-news .news-item .news-content .news_item_date .more-button {
            background: #333;
            color: #fff;
            text-indent: 0;
        }

            .box3026_-6611 .m-news .news-item .news-content .news_item_date .more-button::after {
                content: "";
                width: 31px;
                height: 10px;
                background: url(/wwwroot/images/more_iconon.png) no-repeat center;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translate3d(104px, -50%, 0);
                transform: translate3d(104px, -50%, 0);
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

    .box3026_-6611 .m-news .news-item .news-date {
        position: relative;
        padding-top: 25px;
    }

        .box3026_-6611 .m-news .news-item .news-date span {
            font-size: 28px;
            line-height: 24px;
            color: #868585;
        }

        .box3026_-6611 .m-news .news-item .news-date .more-button {
            width: 120px;
            height: 40px;
            overflow: hidden;
            color: transparent;
            border: none;
            position: absolute;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-indent: -40px;
            text-align: center;
            display: block;
            line-height: 40px;
            font-size: 14px;
            text-transform: uppercase;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            bottom: -50px;
        }

            .box3026_-6611 .m-news .news-item .news-date .more-button::after {
                content: "";
                width: 31px;
                height: 10px;
                background: url(/wwwroot/images/more_icon.png) no-repeat center;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translate3d(0, -50%, 0);
                transform: translate3d(0, -50%, 0);
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

    .box3026_-6611 .m-news .news-item:hover {
        -webkit-box-shadow: 0 14px 50px -8px rgba(0, 0, 0, 0.12);
        box-shadow: 0 14px 50px -8px rgba(0, 0, 0, 0.12);
        border: 1px solid transparent;
    }

        .box3026_-6611 .m-news .news-item:hover .news-pic img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .box3026_-6611 .m-news .news-item:hover .news-date .more-button {
            background: #333;
            color: #fff;
            text-indent: 0;
        }

            .box3026_-6611 .m-news .news-item:hover .news-date .more-button::after {
                content: "";
                width: 31px;
                height: 10px;
                background: url(/wwwroot/images/more_iconon.png) no-repeat center;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translate3d(104px, -50%, 0);
                transform: translate3d(104px, -50%, 0);
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

    .box3026_-6611 .m-news .news-item:nth-child(even) > div {
        float: right;
    }

@media (min-width: 768px) {
    .box3026_-6611 .m-news .news-item .news-content .news-desc {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 768px) {
    .box3026_-6611 .m-news .news-item .news-content .news-desc {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

.box3026_-6611 .m-page {
    text-align: center;
    margin: 50px 0;
}

    .box3026_-6611 .m-page .pagination > li > a, .box3026_-6611 .m-page .pagination > li > span {
        color: #777;
    }

    .box3026_-6611 .m-page .pagination > .active > a, .box3026_-6611 .m-page .pagination > .active > span, .box3026_-6611 .m-page .pagination > .active > a:hover, .box3026_-6611 .m-page .pagination > .active > span:hover, .box3026_-6611 .m-page .pagination > .active > a:focus, .box3026_-6611 .m-page .pagination > .active > span:focus {
        background-color: #1757ab;
        border-color: #1757ab;
        color: #fff;
    }

    .box3026_-6611 .m-page .pagination > li > a:hover, .box3026_-6611 .m-page .pagination > li > span:hover, .box3026_-6611 .m-page .pagination > li > a:focus, .box3026_-6611 .m-page .pagination > li > span:focus {
        background-color: #1757ab;
        border-color: #1757ab;
        color: #fff;
    }

@media (max-width: 768px) {
    .box3026_-6611 .m-page {
        margin: 0;
    }
}
.box3011_-2365 .content-wrapper .news-content .header-info {
    text-align: center;
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px;
    overflow: visible;
}

    .box3011_-2365 .content-wrapper .news-content .header-info h3 {
        margin-bottom: 30px;
        line-height: 150%;
    }

    .box3011_-2365 .content-wrapper .news-content .header-info .o-info {
        margin-bottom: 30px;
    }

        .box3011_-2365 .content-wrapper .news-content .header-info .o-info > div {
            display: inline-block;
            font-size: 14px;
            margin: 0 10px;
            color: #666;
        }

            .box3011_-2365 .content-wrapper .news-content .header-info .o-info > div span {
                color: #1757ab;
            }

.box3011_-2365 .m-flip {
    margin: 50px 0;
}

    .box3011_-2365 .m-flip .flip {
        list-style: none;
        padding-left: 0;
        overflow: hidden;
    }

        .box3011_-2365 .m-flip .flip li {
            padding: 5px 0;
            color: #666;
            font-size: 14px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .box3011_-2365 .m-flip .flip li a:hover {
                color: #1757ab;
            }

.box3012_-8886 .in-product .pro-item {
    margin-bottom: 30px;
}

    .box3012_-8886 .in-product .pro-item .pro-img {
        overflow: hidden;
    }

        .box3012_-8886 .in-product .pro-item .pro-img img {
            -webkit-transition: all ease .3s;
            transition: all ease .3s;
        }

    .box3012_-8886 .in-product .pro-item .caption {
        text-align: center;
        padding: 25px 15px;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        background: #f0f1f2;
    }

        .box3012_-8886 .in-product .pro-item .caption .title {
            font-weight: bold;
            font-size: 18px;
            color: #393939;
            -webkit-transition: all ease .3s;
            transition: all ease .3s;
        }

        .box3012_-8886 .in-product .pro-item .caption .sub-title {
            color: #666;
            margin-top: 10px;
            -webkit-transition: all ease .3s;
            transition: all ease .3s;
        }

    .box3012_-8886 .in-product .pro-item:hover .pro-img img {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    .box3012_-8886 .in-product .pro-item:hover .caption {
        background-color: #1757ab;
    }

        .box3012_-8886 .in-product .pro-item:hover .caption .title {
            color: #fff;
        }

        .box3012_-8886 .in-product .pro-item:hover .caption .sub-title {
            color: #fff;
        }

@media (max-width: 768px) {
    .box3012_-8886 .in-product {
        padding: 0 5px;
    }

        .box3012_-8886 .in-product .pro-item {
            margin-bottom: 20px;
            padding: 0 10px;
        }

            .box3012_-8886 .in-product .pro-item .caption {
                padding: 15px 5px;
            }

                .box3012_-8886 .in-product .pro-item .caption .title {
                    font-size: 16px;
                }

                .box3012_-8886 .in-product .pro-item .caption .sub-title {
                    font-size: 14px;
                    display: -webkit-box;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
}

.box3012_-8886 .m-page {
    text-align: center;
    margin: 50px 0;
}

    .box3012_-8886 .m-page .pagination > li > a, .box3012_-8886 .m-page .pagination > li > span {
        color: #777;
    }

    .box3012_-8886 .m-page .pagination > .active > a, .box3012_-8886 .m-page .pagination > .active > span, .box3012_-8886 .m-page .pagination > .active > a:hover, .box3012_-8886 .m-page .pagination > .active > span:hover, .box3012_-8886 .m-page .pagination > .active > a:focus, .box3012_-8886 .m-page .pagination > .active > span:focus {
        background-color: #1757ab;
        border-color: #1757ab;
        color: #fff;
    }

    .box3012_-8886 .m-page .pagination > li > a:hover, .box3012_-8886 .m-page .pagination > li > span:hover, .box3012_-8886 .m-page .pagination > li > a:focus, .box3012_-8886 .m-page .pagination > li > span:focus {
        background-color: #1757ab;
        border-color: #1757ab;
        color: #fff;
    }

@media (max-width: 768px) {
    .box3012_-8886 .m-page {
        margin: 0;
    }
}

.box3013_-5156 .content-wrapper .pro-content .header-info .imgbox {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

    .box3013_-5156 .content-wrapper .pro-content .header-info .imgbox img {
        border: 1px solid #ddd;
        padding: 3px;
        max-width: 100%;
    }

.box3013_-5156 .content-wrapper .pro-content .header-info h3 {
    text-align: center;
    margin: 30px 0;
    line-height: 150%;
}

.box3013_-5156 .m-flip {
    margin: 50px 0;
}

    .box3013_-5156 .m-flip .flip {
        list-style: none;
        padding-left: 0;
        overflow: hidden;
    }

        .box3013_-5156 .m-flip .flip li {
            padding: 5px 0;
            color: #666;
            font-size: 14px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .box3013_-5156 .m-flip .flip li a:hover {
                color: #1757ab
            }
.mip-sjh-wechat-wrap-base-one {
    overflow: hidden;
    width: 100%;
    background: #fff;
    height: 57px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 999;
}

.mip-sjh-wechat-wrap-base-one-left {
    margin-left: 0.9375rem;
    font-size: 1rem;
    height: 57px;
    line-height: 57px;
}

.mip-sjh-wechat-wrap-base-one-right {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    height: 100%;
    background: #1aad17;
    width: 9.05960145rem;
    color: #fff;
    height: 57px;
    line-height: 57px;
}

    .mip-sjh-wechat-wrap-base-one-right span {
        margin-left: 0.22644928rem;
        font-weight: 700;
    }

.wt-two {
    overflow: hidden;
    width: 101%;
    background: #fff;
    height: 3rem;
    justify-content: space-between;
    align-items: center;
    border-color: rgb(230, 50, 46);
    border-width: 0.0625rem;
    border-radius: 0px;
    border-style: solid;
    background-color: rgb(230, 50, 46);
    color: rgb(255, 255, 255);
    height: 2.6875rem;
    line-height: 2.5625rem;
    font-weight: 700;
    font-size: 0.9375rem;
    text-align: center;
    padding-top: 57px;
}

.item-question-logo {
    display: inline-block;
    background-color: #e6322e;
    line-height: 0.96240942rem;
    color: #fff;
    padding: 0 0.22644928rem;
    margin-right: 0.11322464rem;
    font-size: 0.62273551rem;
    border-radius: 0.16983696rem;
    position: relative;
    top: -2px;
}

.question {
    margin: 10px;
    padding: 10px;
    line-height: 1.7;
}

.gt-jmy-h5-high-light-text-root-container {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
}

.btcp {
    width: 100%;
    height: 1.01902174rem;
    line-height: 1.01902174rem;
    text-align: center;
    font-weight: normal;
    font-family: PingFangSC-Regular;
    font-size: 0.67934783rem;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 76px;
}

.name {
    margin-bottom: 30px;
}

.mip-sjh-text-class {
    display: inline-block;
    font-weight: 700;
}

.bt {
    border-color: rgb(230, 50, 46);
    border-width: 0.0625rem;
    border-radius: 1.375rem;
    border-style: solid;
    background-color: rgb(230, 50, 46);
    color: rgb(255, 255, 255);
    height: 2.6875rem;
    line-height: 2.5625rem;
    box-shadow: rgb(150, 3, 0) 0px 0.0625rem 0.375rem 0px;
    width: 21.5rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.mg {
    background-image: url('https://imagelib.cdn.bcebos.com/cip_ml_pic37e63f7a-377c-457e-8058-39585ab25b8b.jpeg@q_80');
    text-align: center;
    height: 300px;
    padding-bottom: 20px;
}

    .mg span {
        position: absolute;
        font-size: 12px;
        margin-top: 23px;
        overflow: hidden;
        margin-left: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }

    .mg font {
        color: red;
    }

    .mg input {
        border-width: 1px;
        border-color: rgb(209, 209, 209);
        border-style: solid;
        border-radius: 6px;
        background-color: rgb(255, 255, 255);
        padding-left: 94px;
        height: 45px;
        line-height: 45px;
        width: 210px;
    }

.sr {
    padding-top: 15px;
}

.tjsub {
    border: 1px solid #0894ec;
    color: #0894ec;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 3px;
    line-height: 1.25rem;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    padding: 0 0.5rem;
    margin: 0;
    height: 1.35rem;
    white-space: nowrap;
    position: relative;
    text-overflow: ellipsis;
    font-family: inherit;
    cursor: pointer;
}

.wt-618 {
    bottom: 10.875rem;
    right: 0.9375rem;
    width: 3.375rem;
    height: 3.3125rem;
    overflow: visible;
    background-color: transparent;
    transform: translateZ(0px);
    position: fixed;
    z-index: 10000 !important;
    background-image: url(https://fe-resource.cdn.bcebos.com/mip%2Ffengming%2F618%2F618-float-bg.png);
    background-size: 100% 100%;
}

.with-motion {
    animation: shake 4s linear infinite;
}

.phone-icon-618 {
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
    width: 1.58125rem;
    height: 1.58125rem;
    transform-origin: center center;
}

.wt-618 .text-618 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.125rem;
    height: 1.375rem;
    font-size: 0.70625rem;
    text-align: center;
    line-height: 1.375rem;
    color: #fff;
    font-weight: 700;
}

.gt-jmy-h5-dialog-custom-dialog-container.is-center {
}

.wechat-modal-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1.35869565rem;
    position: relative;
    background: #fff;
    border-radius: 1.1888587rem;
}

    .wechat-modal-container .close {
        position: absolute;
        right: 1.13224638rem;
        top: 1.13224638rem;
        z-index: 2;
        cursor: pointer;
    }

.wechat-modal-content {
    width: 100%;
}

.wechat-modal-content-jump {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .wechat-modal-content-jump .image {
        height: 2.49094203rem;
        width: 2.49094203rem;
    }

        .wechat-modal-content-jump .image .wechat_success_logo {
            width: 2.49094203rem;
            height: 2.49094203rem;
        }

.groot-ui-image.m-groot-ui-mobile-image {
    display: block;
    font-size: 0;
}

.wechat-modal-content-jump .title {
    color: #000;
    font-size: 1.13224638rem;
    line-height: 1.13224638rem;
    font-weight: bold;
    margin: 0.56612319rem 0;
}

.wechat-modal-content-jump .title {
    color: #000;
    font-size: 1.13224638rem;
    line-height: 1.13224638rem;
    font-weight: bold;
    margin: 0.56612319rem 0;
}

.wechat-modal-content-jump .wechat-number, .wechat-modal-content-jump .desc {
    color: #666;
    font-size: 0.9057971rem;
    line-height: 1.13224638rem;
    font-weight: 400;
    margin-bottom: 0.56612319rem;
}

.wechat-modal-content-jump .wechat-number, .wechat-modal-content-jump .desc {
    color: #666;
    font-size: 0.9057971rem;
    line-height: 1.13224638rem;
    font-weight: 400;
    margin-bottom: 0.56612319rem;
}

.wechat-modal-content-jump .button {
    background-color: #1aad17;
    border-radius: 0.50951087rem;
    width: 8.15217391rem;
    height: 2.54755435rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.45289855rem;
    cursor: pointer;
}

    .wechat-modal-content-jump .button span {
        color: #fff;
        font-size: 0.96240942rem;
        line-height: 0.96240942rem;
    }

@font-face {
    font-family: "icon-h5-phone";
    src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAXMAAsAAAAACpQAAAV+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDFAqIVIZ8ATYCJAMQCwoABCAFhG0HSxvpCFGUTVKW7IckSYscZ/E8BAVCQETBpAAASAAACgDi4Wu/37m7+wXTJMkk0X06STVRAskShEhqDCWTTEp49+3X5u4Qk8HanbdLmCXtK7NffP98tEIpZB6VVCBECI3h3zNfjkyTo5icgHRzctrWegSC0V/U/xwurq2BzW9ZTnNsjHoBRhMooDE2L+BO70Dxtop0LT3BLx4m0GpEVWnt+PIGBhS2MJB16TkCBgoqpYMQmtJ6w8IiHtQ00136BsB99PHxD3xCjaSW2RPXL4407H79eNOieFUR9gKN6+UMEJeRMQsU4qjRtKOSCGYjUWtTYo95oI5eIX39fNPyv2JJJlQck338T7wkE3W2qB2YBUV2rdgejeDrJwNm3+pQyUCV4U10EWcA8cwwQ2+zpiHfgJ2DlWoD1RpRV9eBbf00Xmg6T0AiIrnjEVfuPsbmHTSRhV7BUfEF+3X2DJMvXAaICsqeEkoFMI0JEBF6IlKMiuWy9WslsMRhvekaLnjdMiPJVhgnACHkrTOW2JFSmHBYayoXaWgIRIO34/At/utAnqZQDEEaNYL1CLKdtVjvMhQ9wmFsAgmvtVsLwwKIvpfPMDiJomJ0iyk3bQ92mg0qF6xdL0M5DtfeyVOlG/ebsKyGFknXnmdt1nCJ5xjrlXQOdWQHf/thh71HiWNFFAAECUF87bhjhQAuEAg1dSkxUoRrqrSpY8aF0qVbD9rpfB7evty0WH5i+BzjzmPozYuuJm1jnF2PXDnpBatov4tx9HOMvY+f4PL2NflA6IYdiIz12O6yHtGYsVvr5OaRDodZH9ka18a/yBGF3n0Q2XaTzYgI0fi4WM0weTDGsRlIWLbIsLCeyHYWwPMelhqD/fxuWy95rjhZlrD60aU1m6NUT89YeZ853262ZKFFR3iJge2zWNubGq/zTuyMBlHgaWnZUTv7a8sbYruc7Pelrh9QDpgpNie1N8/ldzz+kbJopLyTFa2oGK2hr7aycqWmwnzDiIozDiUTjjHOS3kYX7Cpq3e2ylbCFQ1hYXR/3Yec11/OztXC3mtamHWsQ9Yt1crqR2o/1+eCaA9bXbm6bsVLUYI9dL3/5/u1t/0QcUDC+1zTB0BVpw0f2hBuhS+uLwGyMmhxgyWeM4FVGsV2ZCXJEjsyZ72P9Ikqyh4+O1uhrIIteLaxzrG2UWBL9GbijrExZuwLTZlJ/G9nS3aGTjw0Wqq+WW2rE/Uw9ORM7CLzU0MTj3L7Ory8NkdZEXW51CNyF+B1l/aVjJSUOBdACfP85Haex5MLO1ZTy6JSNAQndeKiIlMtgyV8VNOfu5k8ooA1tNkUOkbNwUt1zbqkzdTDumHDA0tSVqpZOyacfX3OLBvaG2KyOrzcr8wJa6D//j3d4Gouglz/7Vx68tnhno+1UtrwZrwgIHyDSQuSBfNyHfo5GXKkANXJfFUxnUiv8xvFsMhQPpjTb+8grwFEYfl42Fc1zZew5mV6bgU5qqEChqWDpsRg9neVPbCsGFxbXYrG81hmevGowduv0Op4qYBt6/W3hGRgMPuPIBnIIGkYhqxpFFEws1DTZgHqmhah1YyT5W36WBVRWjDtjUHo9gVJpyfIuv0gCuYXagb9Q113KEKrjTDcsM14NA7FWhJMGuUTeiqJjavloTj7ipwiFDbPjYh3ZHPPiy0Pr3L0hGKyS0zJ7502s0FjkwiP2XEUhgmmNvFJcd1lTrsNz7qmG9VVEsGQVRYRGNGQ9AR5lETMBNXZUOX9rxBHISTYjpI6/R1i5bz2UUtdcwDiRBQPKnmUwtw9RxtTwEBGzExE0DEZSOiEEiht7ucjCqtzJwRSXQ2qZIaK6ttLoke4BVrZZ5VIkaNETcuZJ2K3EM12gusYWwAAAAA=') format('woff2');
}

.icon-h5-phone {
    font-family: "icon-h5-phone" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icondianhua02::before {
    content: "\e6f8";
}

@font-face {
    font-family: "iconweixinicon";
    src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAO8AAsAAAAAB0gAAANuAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCUIIxATYCJAMICwYABCAFhG0HNBtbBiMRVnsw2Z9xoGTc73OrBQADJlHHEsiBq5xxrClsmrUIJeKm3aWO85q6C3RpPH1A2EmoHuiqN35/w2NmA/ZTOljex8P/7/dtn3fvV02jlmZNHMeaaCLjiZBUUyNEQoHQJIpF8p8Yl08qmaOvb0ltq4A6mJaX/v76oFDAxTmPoO8i1EjOHlChb7d0wGkGF0a8B74K//UD4Cs4xgGLdZcnADJBwif/ctuLKbM/FDdPFds8TOQIWnbK/EOX+9/0tvEbm9o2N/2BFZYtm2ABhf/eBNp0y7PA64CrRXhddSUDNQ0uQPqAYgeUAdfUT/E8oHfMRYRFU+PjAMcDGmiXjVp4AxoYjzdML195MI4TqJuxJU6eHu9eVabHBeJuFIheNeOXG+pDVShXLM338x5UtXjRT7wLPh9/tmNGoZTopvPXj37v8DszgvtXY3psdLoo2CoStpCJy5Xxs1JU3JLUeTFbYFv1wXf/e8pmf3gEUaZrm2AKKtekOtqlfrMAGWXcwttB21JuNaYaq5ny2ZTHHrtGeQZM2u6/Yv1KunMEzB2qU84xu3uzfOmDVycRAiEXJLCct3o4uc+YOZB2LLqoaC/mzBn6W2X3Kps9ptQcjCPfln8Swe/PjOl56gyVOZCy/sCxbD8XGTst6EICP7jL5PCtXPehPAFqChOxUYDvQgXSwRKNjD5gyTWzWw0WCvZuOSPrLbGt+XT7s2UEvbe7gJIgZHDuG1MsfzTubvbqwEA39etNwFTNj5hb/HGv0aO2Javif+uTZvlTjAKY7H+0JD3+Decprv2X3f/VRgZf6sDolgSonmwieOnePGkg/g2h60KRgRRULdxSvhlbXaRM6HTft6Hu0R1WQ9XoPpMV0wmSqiUys1soadhBWdUB6jadWd0wcE8SuYYNTwBC1wcU2j4i6fpMZvYrSsb+oawbQ9RdjcGWDSsRLU78EApGH+QPIq/IlQ3xIqx/YlCngtJ6wH2RdJQB27DylTPmSFPM0E3gMCtQVGRwAqdhmhZQUhGjx0bIXLqmqaquZHhF1lv09oSC0Qf5g8grcuV150Xh/U8M6lRQgymXf5F01D/YhtWBPNvzTqZbuUQ3gcOsQFGRwQlEMTXFAsrqQTF6bIQD8qVrok6qq91Y3pm93R56vUVPewZ9054sWoy6KL94X68HAAA=') format('woff2');
}

.iconweixinicon {
    font-family: "iconweixinicon" !important;
    font-size: var(--groot-ui-font-size-l);
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .iconweixinicon::before {
        content: "\e609";
    }

video::-webkit-media-controls-fullscreen-button {
    display: none;
}




video::-webkit-media-controls-timeline {
    display: none;
}


video::-webkit-media-controls-current-time-display {
    display: none;
}


video::-webkit-media-controls-time-remaining-display {
    display: none;
}


video::-webkit-media-controls-mute-button {
    display: none;
}

video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
}


video::-webkit-media-controls-volume-slider {
    display: none;
}

.price {
    background: rgba(255, 255, 255, 0);
    border-radius: 0px;
    border: none;
    font-size: 24px;
    font-weight: bold;
    color: rgb(2, 89, 233);
    font-family: msyh;
    font-style: normal;
    text-align: center;
    padding: 0px;
    top: 408px;
    left: 0px;
    width: 100%;
    line-height: 45px;
    opacity: 1;
    z-index: 3;
    background-image: url(https://jianzhan-image.cdn.bcebos.com/cip_ml_pic37e63f7a-377c-457e-8058-39585ab25b8b.jpeg@q_80);
}

