@media screen and (max-width:1120px) {
    header {
        position: relative;
        width: 100%;
        height: auto
    }

    header .head-banner {
        width: 100%;
        margin-top: 80px;
        overflow: hidden
    }

    header .head-banner .swiper-slide {
        width: 100%;
        height: auto
    }

    header .head-banner .swiper-slide .slide-box {
        position: relative;
        width: 100%
    }

    header .head-banner .swiper-slide .slide-box .slide-pic {
        width: 100%;
        height: 9.6rem;
        background: #000;
        overflow: hidden
    }

    header .head-banner .swiper-slide .slide-box .slide-pic video {
        width: 100%;
        height: 100%
    }

    header .head-banner .swiper-slide .slide-box .box-pic {
        display: none
    }

    header .head-banner .swiper-slide .slide-box .box-web-pic {
        display: block
    }

    header .head-banner .swiper-slide .slide-box .box-web-pic img {
        width: 100%
    }

    header .head-banner .swiper-slide .slide-box .box-cent {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: auto;
        padding: 0 .3rem;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%)
    }

    header .head-banner .swiper-slide .slide-box .box-cent .cent-title {
        font-size: .6rem;
        font-weight: bold;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all .5s .6s;
        -o-transition: all .5s .6s;
        -moz-transition: all .5s .6s;
        -webkit-transition: all .5s .6s
    }

    header .head-banner .swiper-slide .slide-box .box-cent .cent-title2 {
        font-size: .46rem;
        line-height: .95rem;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all .5s .6s;
        -o-transition: all .5s .6s;
        -moz-transition: all .5s .6s;
        -webkit-transition: all .5s .6s
    }

    header .head-banner .swiper-slide .slide-box .box-cent .cent-subtitle {
        font-size: .48rem;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all .5s .8s;
        -o-transition: all .5s .8s;
        -moz-transition: all .5s .8s;
        -webkit-transition: all .5s .8s
    }

    header .head-banner .swiper-slide .slide-box .box-cent .cent-subtitle2 {
        font-size: .58rem;
        font-weight: bold;
        line-height: .65rem;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all .5s .8s;
        -o-transition: all .5s .8s;
        -moz-transition: all .5s .8s;
        -webkit-transition: all .5s .8s
    }

    header .head-banner .swiper-slide .slide-box .box-cent .cent-English {
        margin-top: .25rem;
        
        font-size: .3rem;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all .5s 1s;
        -o-transition: all .5s 1s;
        -moz-transition: all .5s 1s;
        -webkit-transition: all .5s 1s
    }

    header .head-banner .swiper-slide .slide-box .box-cent .cent-heng {
        width: 30px;
        height: 3px;
        margin-top: .7rem;
        background: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all .5s 1.2s;
        -o-transition: all .5s 1.2s;
        -moz-transition: all .5s 1.2s;
        -webkit-transition: all .5s 1.2s
    }

    header .head-banner .banner-pic {
        width: 100%;
        height: 6rem;
        overflow: hidden;
        background: none
    }

    header .head-banner .banner-pic img {
        width: auto;
        height: 100%;
        opacity: 1;
        transform: translateX(-32%);
        -o-transform: translateX(-32%);
        -moz-transform: translateX(-32%);
        -webkit-transform: translateX(-32%)
    }

    header .head-banner .banner-pic2 {
        display: block;
        width: 100%;
        height: 6rem;
        overflow: hidden
    }

    header .head-banner .banner-pic2 img {
        width: auto;
        height: 100%;
        transform: translateX(-20%);
        -o-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -webkit-transform: translateX(-20%)
    }

    header .head-banner .banner-cent {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0 .3rem;
        transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%)
    }

    header .head-banner .banner-cent .cent-title {
        font-size: .6rem;
        font-weight: bold;
        letter-spacing: 4px;
        color: #fff
    }

    header .head-banner .banner-cent .cent-title2 {
        font-size: .48rem;
        font-weight: bold;
        letter-spacing: 4px;
        color: #fff
    }

    header .head-banner .banner-cent .cent-text {
        margin-top: .1rem;
        font-size: .3rem;
        color: #fff
    }

    header .head-banner .banner-cent .cent-English {
        
        font-size: .3rem;
        color: #fff
    }

    header .head-banner .banner-cent .cent-cont {
        width: 3.5rem;
        height: auto;
        padding: .3rem;
        margin-top: .6rem;
        background: #ffffff
    }

    header .head-banner .banner-cent .cent-cont .cont-English {
        
        font-size: .32rem;
        font-weight: bold;
        color: #000
    }

    header .head-banner .banner-cent .cent-cont .cont-title {
        font-size: .28rem;
        font-weight: bold;
        color: #000
    }

    header .head-banner .banner-cent .cent-cont .cont-text {
        margin-top: .25rem;
        font-size: .24rem;
        line-height: .4rem;
        color: #000
    }

    header .head-banner .banner-swiper-button-prev,
    header .head-banner .banner-swiper-button-next {
        display: none
    }

    header .head-banner .scroll-on {
        position: absolute;
        bottom: .4rem;
        left: 50%;
        width: 100%;
        height: auto;
        z-index: 9;
        cursor: pointer;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }

    header .head-banner .scroll-on .scroll-title {
        font-size: .28rem;
        text-align: center;
        text-transform: uppercase;
        color: #fff
    }

    header .head-banner .scroll-on .scroll-icon {
        width: 20px;
        height: auto;
        margin: 16px auto 0;
        overflow: hidden
    }

    header .head-banner .scroll-on .scroll-icon img {
        width: 100%;
        animation: run 1.5s infinite linear
    }

    header .head-Wnav {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #4812FE;
        z-index: 69
    }

    header .head-Wnav .Wnav-top {
        
        font-size: .32rem;
        text-transform: uppercase;
        color: #fff;
        background: url(../images/icon-web-xiasanjiao.png) no-repeat 96% center;
        background-size: .24rem;
        padding: 0 .2rem
    }

    header .head-Wnav .top-on {
        background: url(../images/icon-web-shangsanjiao.png) no-repeat 96% center !important;
        background-size: .24rem !important
    }

    header .head-Wnav .Wnav-ul {
        position: relative;
        width: 100%;
        height: 0;
        background: #fff;
        overflow: hidden;
        z-index: 99;
        transition: all .6s;
        -o-transition: all .6s;
        -moz-transition: all .6s;
        -webkit-transition: all .6s
    }

    header .head-Wnav .Wnav-ul .Wnav-li {
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        padding: 0 .2rem;
        
        font-size: .26rem;
        text-transform: uppercase;
        color: #000;
        border-bottom: solid 1px #ccc
    }

    header .head-strip {
        display: none
    }

    .container {
        width: 100%;
        height: auto
    }

    .container .cont-plate1 {
        width: 100%;
        height: auto
    }

    .container .cont-plate1 .plate1-top {
        width: 100%;
        height: auto;
		padding: 0;
        /*padding: .6rem 0 0*/
    }

    .container .cont-plate1 .plate1-top .top-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin: 0 auto
    }

    .container .cont-plate1 .plate1-top .top-box .box-cent {
        width: 100%;
        height: auto
    }

    .container .cont-plate1 .plate1-top .top-box .box-cent .cent-title {
        font-size: .46rem;
        font-weight: bold;
        text-align: center;
        color: #333
    }

    .container .cont-plate1 .plate1-top .top-box .box-cent .cent-English {
        margin-top: .1rem;
        
        font-size: .34rem;
        text-align: center;
        text-transform: uppercase;
        color: #999
    }

    .container .cont-plate1 .plate1-top .top-box .box-list {
        /* display: flex;
        justify-content: space-between; */

        
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 1px;
        row-gap: 1px;

        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin-top: .5rem
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item {
        /* width: 33.2%; */
        width: 100%;
        height: 1.6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 0;
        /* margin-bottom: 1px; */
        padding-top: 0;
        border-radius: 0;
        background: #007fd1;
        cursor: pointer;

        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    /* .container .cont-plate1 .plate1-top .top-box .box-list .list-item:last-child {
        width: 100%;
    } */

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item .item-icon {
        position: relative;
        width: 29px;
        height: 28px;
        margin: 0 auto;
        opacity: .8
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item .item-icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item .item-icon .img3 {
        opacity: 1
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item .item-icon .img1,
    .container .cont-plate1 .plate1-top .top-box .box-list .list-item .item-icon .img2 {
        opacity: 0
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item .item-title {
        margin-top: 5px;
        font-size: 14px;
        text-align: center;
        color: #fff;
        opacity: .8;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item .item-des{
        display: block;
        text-align: center;
        font-size: 12px;
        margin-top: 5px;
        color: #ffffff;
        opacity: .8;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }
    .container .cont-plate1 .plate1-top .top-box .box-list .list-item:hover {
        box-shadow: none
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item:hover .item-icon {
        opacity: 1
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item:hover .item-icon .img1 {
        opacity: 0
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item:hover .item-icon .img2 {
        opacity: 1
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item:hover .item-title {
        font-weight: bold;
        color: #fff;
        opacity: 1
    }
    
    .container .cont-plate1 .plate1-top .top-box .box-list .list-item:hover .item-des {
        color: #fff;
        opacity: 1
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item-active {
        opacity: 1;
        background: #0065a6;
        box-shadow: none
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item-active .item-icon {
        opacity: 1
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item-active .item-icon .img3 {
        opacity: 1
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item-active .item-icon .img1,
    .container .cont-plate1 .plate1-top .top-box .box-list .list-item-active .item-icon .img2 {
        opacity: 0
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item-active .item-title {
        font-weight: bold;
        color: #fff;
        opacity: 1
    }

    .container .cont-plate1 .plate1-top .top-box .box-list .list-item-active .item-des{
        color: #fff;
        opacity: 1;
    }

    .container .cont-plate1 .plate1-box {
        width: 100%;
        height: auto;
        padding: .6rem 0 .9rem;
        background: #f2f2f2
    }

    .container .cont-plate1 .plate1-box .box-cont {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump {
        display: block;
        justify-content: space-between;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 0;
        visibility: hidden;
        transform: translatey(.4rem);
        -o-transform: translatey(.4rem);
        -moz-transform: translatey(.4rem);
        -webkit-transform: translatey(.4rem)
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .rem-product-box {
        display: none;
    }


    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lump-title {
        display: block;
        font-size: .3rem;
        text-align: center;
        color: #333333
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lump-heng {
        display: block;
        width: 20px;
        height: 3px;
        margin: .25rem auto .5rem;
        background: #0083cc
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lunp-web-box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding: 0 .3rem
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lunp-web-box .box-item {
        display: block;
        width: 47.5%;
        height: auto;
        border-radius: 10px;
        background: #fff;
        margin-bottom: .2rem;
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lunp-web-box .box-item .box-pic {
        width: 100%;
        height: auto;
        padding: 15px;
        overflow: hidden
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lunp-web-box .box-item .box-pic img {
        width: 100%;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lunp-web-box .box-item .box-title {
        width: 100%;
        height: auto;
        padding: 10px 10px 5px;
        font-size: 14px;
        text-align: center;
        color: #333;
        border-top: solid 1px #eeeeee;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        /**超出隐藏*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lunp-web-box .box-item .product-model {
        font-size: 12px;
        padding: 0 10px 10px;
        text-align: center;
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lunp-web-box .box-item:hover .box-pic img {
        transform: scale(1.1, 1.1) translateZ(0);
        -o-transform: scale(1.1, 1.1) translateZ(0);
        -moz-transform: scale(1.1, 1.1) translateZ(0);
        -webkit-transform: scale(1.1, 1.1 translateZ(0))
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump .lunp-web-box .box-item:hover .box-title {
        color: #4812FE
    }

    .container .cont-plate1 .plate1-box .box-cont .cont-lump-active {
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: translatey(0);
        -o-transform: translatey(0);
        -moz-transform: translatey(0);
        -webkit-transform: translatey(0);
        transition: all .8s;
        -o-transition: all .8s;
        -moz-transition: all .8s;
        -webkit-transition: all .8s
    }

    .container .cont-plate2 {
        width: 100%;
        height: auto
    }

    .container .cont-plate2 .plate2-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: .8rem .3rem
    }

    .container .cont-plate2 .plate2-top .top-cent {
        width: 100%;
        height: auto
    }

    .container .cont-plate2 .plate2-top .top-cent .cent-title {
        font-size: .46rem;
        font-weight: bold;
        text-align: center;
        color: #333
    }

    .container .cont-plate2 .plate2-top .top-cent .cent-English {
        margin-top: .1rem;
        
        font-size: .34rem;
        text-align: center;
        text-transform: uppercase;
        color: #999
    }

    .container .cont-plate2 .plate2-top a {
        display: none;
        width: auto;
        height: auto;
        
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333
    }

    .container .cont-plate2 .plate2-top a em {
        font-size: 16px
    }

    .container .cont-plate2 .plate2-top a:hover {
        color: #4812FE
    }

    .container .cont-plate2 .plate2-main {
        display: none;
        justify-content: space-between;
        width: 100%;
        height: auto
    }

    .container .cont-plate2 .plate2-main .main-item {
        position: relative;
        width: 17.2%;
        height: auto;
        overflow: hidden;
        cursor: pointer;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate2 .plate2-main .main-item .item-pic {
        width: 6rem;
        height: 100%;
        overflow: hidden
    }

    .container .cont-plate2 .plate2-main .main-item .item-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .container .cont-plate2 .plate2-main .main-item .item-cent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 1rem .6rem 0 1.2rem;
        z-index: 9
    }

    .container .cont-plate2 .plate2-main .main-item .item-cent .cent-icon {
        width: 40px;
        height: 47px
    }

    .container .cont-plate2 .plate2-main .main-item .item-cent .cent-icon img {
        width: 100%
    }

    .container .cont-plate2 .plate2-main .main-item .item-cent .cent-title {
        margin-top: .5rem;
        font-size: 18px;
        font-weight: bold;
        color: #051323
    }

    .container .cont-plate2 .plate2-main .main-item .item-cent .cent-English {
        margin-top: .2rem;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #666
    }

    .container .cont-plate2 .plate2-main .main-item .item-cent .cent-symbol {
        margin-top: .6rem;
        font-size: .32rem;
        font-weight: bold;
        color: #c8c8c8
    }

    .container .cont-plate2 .plate2-main .main-item .item-cent .cent-text {
        display: none;
        margin-top: .35rem;
        font-size: 14px;
        line-height: 27px;
        color: #666
    }

    .container .cont-plate2 .plate2-main .main-item:first-of-type .item-cent .cent-title {
        color: #fff
    }

    .container .cont-plate2 .plate2-main .main-item:first-of-type .item-cent .cent-English {
        color: #fff
    }

    .container .cont-plate2 .plate2-main .main-item:first-of-type .item-cent .cent-text {
        color: #fff
    }

    .container .cont-plate2 .plate2-main .main-item-active {
        width: 31.3%;
        height: auto
    }

    .container .cont-plate2 .plate2-main .main-item-active .item-cent .cent-English,
    .container .cont-plate2 .plate2-main .main-item-active .item-cent .cent-symbol {
        display: none
    }

    .container .cont-plate2 .plate2-main .main-item-active .item-cent .cent-text {
        display: block
    }

    .container .cont-plate2 .plate2-web-main {
        display: block;
        position: relative;
        width: 100%;
        height: auto
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide {
        width: 100%;
        height: auto
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box {
        display: block;
        position: relative;
        width: 100%;
        height: 100%
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box .box-pic {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box .box-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box .box-cent {
        position: absolute;
        bottom: 0;
        left: 50%;
        display: flex;
        justify-content: flex-start;
        width: calc(100% - .6rem);
        height: auto;
        padding: .68rem .35rem;
        background: rgba(0, 127, 209, 0.9);
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box .box-cent .cent-left {
        width: 1.4rem;
        height: auto
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box .box-cent .cent-left .left-icon {
        width: 40px
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box .box-cent .cent-left .left-icon img {
        width: 100%
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box .box-cent .cent-left .left-title {
        margin-top: .35rem;
        font-size: .32rem;
        color: #fff
    }

    .container .cont-plate2 .plate2-web-main .swiper-slide .slide-box .box-cent .cent-right {
        width: calc(100% - 1.4rem);
        height: 100%;
        padding-left: .2rem;
        font-size: .28rem;
        line-height: .46rem;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-prev,
    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-next {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: solid 1px rgba(255, 255, 255, 0.4);
        cursor: pointer;
        outline: none;
        z-index: 9;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-prev img,
    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-next img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 9px;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-prev .img2,
    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-next .img2 {
        opacity: 0
    }

    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-prev:hover,
    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-next:hover {
        background: #fff
    }

    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-prev:hover .img1,
    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-next:hover .img1 {
        opacity: 0
    }

    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-prev:hover .img2,
    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-next:hover .img2 {
        opacity: 1
    }

    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-prev {
        left: .3rem
    }

    .container .cont-plate2 .plate2-web-main .plate2-swiper-button-next {
        right: .3rem
    }

    .container .cont-plate3 {
        width: 100%;
        height: auto;
        padding: 1rem 0 1.2rem;
        background: url(../images/index/plate3-web-bg.jpg) no-repeat top left;
        background-size: cover
    }

    .container .cont-plate3 .plate3-main {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding: 0 .3rem
    }

    .container .cont-plate3 .plate3-main .main-cent {
        width: 100%;
        height: auto
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-title {
        font-size: .46rem;
        font-weight: bold;
        color: #fff
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-English {
        margin-top: .1rem;
        
        font-size: .34rem;
        text-transform: uppercase;
        color: #fff
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-subtitle {
        margin-top: .5rem;
        font-size: .36rem;
        color: #fff
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-text {
        margin-top: .3rem;
        font-size: 14px;
        line-height: .46rem;
        color: #fff;
        opacity: .8;
        text-align: justify;
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-button {
        display: block;
        width: 1.8rem;
        height: .6rem;
        margin: .6rem auto .1rem;
        font-size: 14px;
        text-align: center;
        line-height: .6rem;
        color: #fff;
        border: solid 1px #fff;
        border-radius: .2rem
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom {
        display: none;
        justify-content: space-between;
        width: 100%;
        height: auto;
        margin-top: .35rem;
        background: #4e5764;
        border-radius: 10px;
        overflow: hidden
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 50%;
        height: 1.8rem;
        padding: 0 .5rem 0 .6rem
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item .item-left {
        width: auto
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item .item-left .left-title {
        font-size: 18px;
        font-weight: bold;
        color: #fff
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item .item-left .item-English {
        margin-top: .1rem;
        
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        opacity: .6
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item .item-left .item-icon {
        width: 24px;
        height: 24px;
        margin-top: .2rem
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item .item-left .item-icon img {
        width: 100%
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item .item-right {
        width: 39px;
        height: 39px;
        border-radius: 50%;
        border: solid 1px rgba(255, 255, 255, 0.4);
        background: url(../images/index/icon-plate3-arrow.png) no-repeat center center;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item:hover {
        background: #3d4551
    }

    .container .cont-plate3 .plate3-main .main-cent .cent-bottom .bottom-item:hover .item-right {
        border: solid 1px #fff;
        background: #fff url(../images/index/icon-plate3-arrow-active.png) no-repeat center center
    }

    .container .cont-plate3 .plate3-main .main-map {
        display: none;
        position: relative;
        width: 53%;
        height: auto
    }

    .container .cont-plate3 .plate3-main .main-map .map-pic {
        width: 9.25rem;
        height: auto
    }

    .container .cont-plate3 .plate3-main .main-map .map-pic img {
        width: 100%
    }

    .container .cont-plate3 .plate3-main .main-map .right-item {
        position: absolute;
        top: 1.8rem;
        right: 1.6rem;
        width: 22px;
        height: auto;
        cursor: pointer
    }

    .container .cont-plate3 .plate3-main .main-map .right-item .item-add {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 1
    }

    .container .cont-plate3 .plate3-main .main-map .right-item .item-add img {
        width: 100%
    }

    .container .cont-plate3 .plate3-main .main-map .right-item .item-add::after {
        content: '';
        position: absolute;
        top: .2rem;
        left: 50%;
        width: .57rem;
        height: .28rem;
        background: url(../images/index/icon-plate3-map-mask.png) no-repeat center;
        background-size: 100%;
        z-index: -1;
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }

    .container .cont-plate3 .plate3-main .main-map .right-item .item-cent {
        position: absolute;
        bottom: 0;
        left: 130%;
        width: max-content;
        height: auto;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        z-index: 19
    }

    .container .cont-plate3 .plate3-main .main-map .right-item:hover .item-add img {
        animation: DW .8s linear infinite
    }

    .container .cont-plate3 .plate3-main .main-map .right-item:hover .item-add::after {
        animation: isScale .8s linear infinite
    }

    .container .cont-plate3 .plate3-main .main-wen-map {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 .3rem
    }

    .container .cont-plate3 .plate3-main .main-wen-map img {
        width: 100%
    }

    .container .cont-plate3 .plate3-main .main-web-bottom {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: auto;
        margin-top: .35rem;
        background: rgba(78, 87, 100, 0.7);
        border-radius: 10px;
        overflow: hidden
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 50%;
        height: auto;
        padding: .4rem .2rem
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item:first-of-type {
        background: rgba(61, 69, 81, 0.74);
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item .item-left {
        width: auto
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item .item-left .left-title {
        font-size: .3rem;
        font-weight: bold;
        color: #fff
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item .item-left .item-English {
        margin-top: .1rem;
        
        font-size: .26rem;
        text-transform: uppercase;
        color: #fff;
        opacity: .6
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item .item-left .item-icon {
        width: 24px;
        height: 24px;
        margin-top: .2rem
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item .item-left .item-icon img {
        width: 100%
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item .item-right {
        width: 39px;
        height: 39px;
        border-radius: 50%;
        border: solid 1px rgba(255, 255, 255, 0.4);
        background: url(../images/index/icon-plate3-arrow.png) no-repeat center center;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item:hover {
        background: #3d4551
    }

    .container .cont-plate3 .plate3-main .main-web-bottom .bottom-item:hover .item-right {
        border: solid 1px #fff;
        background: #fff url(../images/index/icon-plate3-arrow-active.png) no-repeat center center
    }

    .container .cont-plate3 .plate3-bottom {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin: .4rem auto 0;
        padding: 0 .3rem
    }
    .container .cont-plate3 .plate3-bottom .agent-num {
       display: none;
    }
    .container .cont-plate3 .plate3-bottom .bottom-item {
        max-width: 33.33%;
        width: max-content;
        height: auto;
        margin-top: .5rem;
        text-align: center;
    }

    .container .cont-plate3 .plate3-bottom .bottom-item .item-title {
        font-size: .28rem;
        color: #fff
    }

    .container .cont-plate3 .plate3-bottom .bottom-item .item-num {
        width: auto;
        height: auto;
        margin-top: 5px;
    }

    .container .cont-plate3 .plate3-bottom .bottom-item .item-num .num1 {
        font-size: .4rem;
        color: #fff
    }

    .container .cont-plate3 .plate3-bottom .bottom-item .item-num em {
        position: relative;
        font-size: .28rem;
        color: #fff
    }

    .container .cont-plate3 .plate3-bottom .bottom-item .item-num em i {
        position: absolute;
        top: -0.25rem;
        left: 0;
        font-size: .24rem;
        color: #fff
    }

    .container .cont-plate4 {
        width: 100%;
        height: auto;
        padding: 0 .3rem 1.2rem
    }

    .container .cont-plate4 .plate4-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: .7rem 0 .6rem
    }

    .container .cont-plate4 .plate4-top .top-cent {
        width: auto;
        height: auto
    }

    .container .cont-plate4 .plate4-top .top-cent .cent-title {
        font-size: .46rem;
        font-weight: bold;
        color: #333
    }

    .container .cont-plate4 .plate4-top .top-cent .cent-English {
        margin-top: .1rem;
        
        font-size: .34rem;
        text-transform: uppercase;
        color: #999
    }

    .container .cont-plate4 .plate4-top .top-box {
        display: flex;
        justify-content: center;
        width: auto;
        height: auto
    }

    .container .cont-plate4 .plate4-top .top-box .box-item {
        width: auto;
        height: auto;
        margin: 0 .23rem;
        font-size: .26rem;
        color: #666;
        cursor: pointer;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate4 .plate4-top .top-box .box-item:hover {
        font-weight: bold;
        color: #333
    }

    .container .cont-plate4 .plate4-top .top-box .box-item-active {
        font-weight: bold;
        color: #333
    }

    .container .cont-plate4 .plate4-top a {
        display: none;
        width: auto;
        height: auto;
        
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333
    }

    .container .cont-plate4 .plate4-top a em {
        font-size: 16px
    }

    .container .cont-plate4 .plate4-top a:hover {
        color: #4812FE
    }

    .container .cont-plate4 .plate4-main {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto
    }

    .container .cont-plate4 .plate4-main .main-box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 0;
        visibility: hidden
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent {
        width: 100%;
        height: auto
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 0 0 .4rem;
        margin-bottom: .45rem;
        border-bottom: solid 1px #efeff0
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item:last-of-type {
        padding: 0;
        margin-bottom: 0;
        border-bottom: none
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item .item-pic {
        width: 1.89rem;
        height: auto;
        overflow: hidden;
        align-content: center;
        border-radius: .1rem;
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item .item-pic img {
        width: 100%;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item .item-box {
        width: calc(100% - 2.49rem);
        height: auto;
        padding-left: .35rem;
        padding-right: .2rem
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item .item-box .box-title {
        font-size: .3rem;
        line-height: .46rem;
        color: #1e1e1e;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item .item-box .box-text {
        margin-top: .1rem;
        font-size: .26rem;
        line-height: .42rem;
        color: #7b7b7b;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item .item-right {
        display: flex;
        justify-content: center;
        align-items: center;
        width: .6rem;
        height: auto
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item .item-right .right-button {
        width: .6rem;
        height: .6rem;
        border: solid 2px #cfd2d6;
        border-radius: 50%;
        background: url(../images/index/icon-plate4-arrow.png) no-repeat center center;
        background-size: 9px;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item:hover .item-pic img {
        transform: scale(1.1, 1.1) translateZ(0);
        -o-transform: scale(1.1, 1.1) translateZ(0);
        -moz-transform: scale(1.1, 1.1) translateZ(0);
        -webkit-transform: scale(1.1, 1.1 translateZ(0))
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item:hover .item-box .box-title {
        color: #4812FE
    }

    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-item:hover .item-right .right-button {
        border: solid 2px #4812FE;
        background: url(../images/index/icon-plate4-arrow-active.png) no-repeat center center;
        background-size: 9px
    }

    .container .cont-plate4 .plate4-main .main-box .box-video {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: .6rem;
        border-radius: .1rem;
        overflow: hidden
    }

    .container .cont-plate4 .plate4-main .main-box .box-video .video-pic {
        width: 100%;
        height: auto
    }

    .container .cont-plate4 .plate4-main .main-box .box-video .video-pic img {
        width: 100%
    }

    .container .cont-plate4 .plate4-main .main-box .box-video .video-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1rem;
        height: 1rem;
        cursor: pointer;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%)
    }

    .container .cont-plate4 .plate4-main .main-box .box-video .video-icon img {
        position: relative;
        width: 100%;
        z-index: 9
    }

    .container .cont-plate4 .plate4-main .main-box .box-video .video-icon .right-solid {
        position: absolute;
        top: 50%;
        left: 50%;
        width: .6rem;
        height: .6rem;
        border-radius: 50%;
        background-color: #fff;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%)
    }

    .container .cont-plate4 .plate4-main .main-box .box-video .video-icon:hover .right-solid {
        animation: videoPlay 1.5s;
        animation-iteration-count: infinite;
        -webkit-animation: videoPlay 1.5s;
        -webkit-animation-iteration-count: infinite
    }

    .container .cont-plate4 .plate4-main .main-box-active {
        position: relative;
        opacity: 1;
        visibility: visible;
        transition: all .8s;
        -o-transition: all .8s;
        -moz-transition: all .8s;
        -webkit-transition: all .8s
    }

    .container .video-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.6);
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-popup {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 98%;
        height: auto;
        background: #000;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-popup .popup-icon {
        position: absolute;
        top: -50px;
        right: .2rem;
        width: 24px;
        cursor: pointer;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }

    .container .cont-popup .popup-icon:hover {
        transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }

    .container .cont-popup video {
        width: 100%;
        height: auto;
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s
    }



}