@media screen and (max-width: 1024px) {
    .sj_block {
        display: block!important;
    }
    .pc_block {
        display: none!important;
    }
    .page-title {
        font-size: .5rem;
    }
    .page-heng {
        width: .5rem;
        height: .05rem;
    }
    nav {
        width: 100%;
        height: auto;
    }
    nav .nav-main {
        position: fixed;
        top: 0 !important;
        left: 0;
        width: 100%;
        height: 1.2rem;
        padding: 0;
        z-index: 59;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        background: url(../images/header_bg.png) no-repeat;
        background-size: 100% 100%;
    }
    nav .nav-main.nav-main-on {
        background: #fff;
    }
    nav .nav-main.nav-main-on .main-cont .main-logo .img1 {
        opacity: 0;
    }
    nav .nav-main.nav-main-on .main-cont .main-logo .img2 {
        opacity: 1;
    }
    nav .nav-main .main-cont {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 0 0 0 0.3rem;
    }
    nav .nav-main .main-cont .main-logo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        width: 2.2rem;
        height: auto;
        padding: 0;
    }
    nav .nav-main .main-cont .main-logo img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .nav-main .main-cont .main-nav {
        display: flex;
        justify-content: flex-end;
        width: auto;
        height: 100%;
    }
    nav .nav-main .main-cont .main-nav .nav-cont {
        display: none;
        justify-content: flex-end;
        width: auto;
        height: auto;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li {
        position: relative;
        display: inline-block;
        width: auto;
        height: 100%;
        padding: 0 0.3rem;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li .li-link {
        display: inline-block;
        position: relative;
        width: auto;
        height: 100%;
        font-size: 0.18rem;
        text-align: center;
        line-height: 1.04rem;
        color: #fff;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li .li-link::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, rgba(24, 68, 168, 0.8), rgba(4, 141, 204, 0.8));
        transform: scale(0, 0) translateZ(0);
        -o-transform: scale(0, 0) translateZ(0);
        -moz-transform: scale(0, 0) translateZ(0);
        -webkit-transform: scale(0, 0 translateZ(0));
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li .li-link-active {
        color: #fff !important;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li .li-link-active::after {
        height: 100%;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li .li-list {
        position: absolute;
        top: 1.04rem;
        left: 50%;
        width: 1.5rem;
        height: auto;
        margin-left: -0.75rem;
        padding: 0.15rem 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        z-index: 29;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li .li-list::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f8f8f8;
        z-index: 0;
        transform: translatey(-100%);
        -o-transform: translatey(-100%);
        -moz-transform: translatey(-100%);
        -webkit-transform: translatey(-100%);
        transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li .li-list a {
        display: none;
        position: relative;
        width: auto;
        font-size: 0.16rem;
        line-height: 0.34rem;
        text-align: center;
        color: #333;
        opacity: 0;
        z-index: 9;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li .li-list a:hover {
        background: linear-gradient(90deg, #fff, #000);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li:hover .li-link {
        color: #0683CE !important;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li:hover .li-link::after {
        transform: scale(1, 1) translateZ(0);
        -o-transform: scale(1, 1) translateZ(0);
        -moz-transform: scale(1, 1) translateZ(0);
        -webkit-transform: scale(1, 1 translateZ(0));
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li:hover .li-list {
        opacity: 1;
        visibility: visible;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li:hover .li-list::before {
        transform: translatey(0);
        -o-transform: translatey(0);
        -moz-transform: translatey(0);
        -webkit-transform: translatey(0);
    }
    nav .nav-main .main-cont .main-nav .nav-cont .nav-li:hover .li-list a {
        display: block;
        animation: navInUp50 0.6s ease;
        animation-fill-mode: forwards;
    }
    nav .nav-main .main-cont .main-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: auto;
        height: 100%;
        margin-left: 0;
    }
    nav .nav-main .main-cont .main-right .right-menu {
        display: block;
        width: 1.2rem;
        height: 100%;
        background: #0683CE;
    }
    nav .nav-main .main-cont .main-right .right-menu span {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        width: 0.4rem;
        height: 0.03rem;
        margin-top: -0.015rem;
        margin-left: -0.2rem;
        background: #fff;
        border-radius: 0.45rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .nav-main .main-cont .main-right .right-menu span::before {
        content: '';
        position: absolute;
        top: -0.14rem;
        left: 0;
        width: 100%;
        height: 0.03rem;
        background: #fff;
        border-radius: 0.45rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .nav-main .main-cont .main-right .right-menu span::after {
        content: '';
        position: absolute;
        bottom: -0.14rem;
        left: 0;
        width: 100%;
        height: 0.03rem;
        background: #fff;
        border-radius: 0.45rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .nav-main:hover {
        box-shadow: 0px 6px 38px 0px rgba(49, 49, 49, 0.12);
    }
    nav .nav-main-active {
        background: #fff;
        box-shadow: 0px 6px 38px 0px rgba(49, 49, 49, 0.12);
    }
    nav .nav-main-active .main-cont .main-logo .img1 {
        opacity: 0;
    }
    nav .nav-main-active .main-cont .main-logo .img2 {
        opacity: 1;
    }
    nav .nav-main-active2 {
        background: #fff;
        box-shadow: 0px 6px 38px 0px rgba(49, 49, 49, 0.12);
    }
    nav .nav-main-active2 .main-cont .main-logo .img1 {
        opacity: 0;
    }
    nav .nav-main-active2 .main-cont .main-logo .img2 {
        opacity: 1;
    }
    nav .sidebar-mask {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 119;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .Whead-sidebar {
        display: block;
        position: fixed;
        top: 1.2rem;
        left: -102%;
        width: 100%;
        height: calc(100vh - 1.2rem);
        background: #fff;
        overflow: scroll;
        z-index: 399;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .Whead-sidebar .sidebar-top {
        display: none;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        height: 1.2rem;
        padding: 0 0.3rem;
        background: #fff;
        border-bottom: solid 1px #0683CE;
    }
    nav .Whead-sidebar .sidebar-top .top-logo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        width: auto;
        height: 0.7rem;
        padding-left: 0;
    }
    nav .Whead-sidebar .sidebar-top .top-logo img {
        width: auto;
        height: 100%;
    }
    nav .Whead-sidebar .sidebar-top .top-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: auto;
        height: 100%;
    }
    nav .Whead-sidebar .sidebar-top .top-icon2 {
        width: 0.4rem;
    }
    nav .Whead-sidebar .sidebar-top .top-icon2 img {
        width: 100%;
    }
    nav .Whead-sidebar .sidebar-top .box-lang {
        width: 0.6rem;
        height: 0.6rem;
        font-size: 0.26rem;
        text-align: center;
        line-height: 0.55rem;
        color: #1c1d21;
        border-radius: 50%;
        border: solid 1px #1c1d21;
    }
    nav .Whead-sidebar .sidebar-nav {
        width: 100%;
        height: 100%;
        overflow-y: overlay;
    }
    nav .Whead-sidebar .sidebar-nav::-webkit-scrollbar {
        width: 4px;
    }
    nav .Whead-sidebar .sidebar-nav::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.12);
    }
    nav .Whead-sidebar .sidebar-nav .nav-item {
        width: 100%;
        height: auto;
        border-bottom: solid 1px #e3e3e3;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        height: auto;
        padding: 0.34rem 0.55rem;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top::before {
        content: '';
        position: absolute;
        right: 20px;
        top: 18px;
        width: .32rem;
        height: .32rem;
        background: url(../images/back_zk.png) no-repeat;
        background-size: 100% 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top .top-title {
        flex: 1;
        font-size: 0.32rem;
        color: #001934;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top .top-icon {
        position: relative;
        width: 16px;
        height: 16px;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top .top-icon img {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translatey(-50%);
        -o-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top .top-icon .img2 {
        opacity: 0;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top-no::before {
        display: none;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top-no::after {
        display: none;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top-active {
        border-bottom: solid 1px transparent;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top-active::before {
        transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-top-active::after {
        background: #0683CE;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-subnav {
        display: none;
        width: 100%;
        height: auto;
        padding: .2rem 0;
        background: #F9F9F9;
    }
    nav .Whead-sidebar .sidebar-nav .nav-item .item-subnav .subnav-link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        width: 100%;
        height: auto;
        padding: 0.2rem 0.55rem;
        font-size: 0.3rem;
        color: #666;
    }
    nav .Whead-sidebar .sidebar-bottom {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 1rem;
        border-top: solid 1px #0683CE;
    }
    nav .Whead-sidebar .sidebar-bottom a {
        width: 50%;
        height: 100%;
        padding: 0 0.2rem;
        font-size: 0.28rem;
        text-align: center;
        line-height: 1rem;
    }
    nav .Whead-sidebar-on {
        left: 0%;
    }
    header {
        position: relative;
        width: 100%;
        height: auto;
    }
    header .head-banner {
        width: 100%;
        overflow: hidden;
    }
    header .head-banner .swiper-slide {
        width: 100%;
        height: auto;
    }
    header .head-banner .swiper-slide .slide-box {
        display: flex;
        position: relative;
        width: 100%;
        height: auto;
    }
    header .head-banner .swiper-slide .slide-box .slide-pic {
        width: 100%;
        height: 4rem;
        background: #fff;
        overflow: hidden;
    }
    header .head-banner .swiper-slide .slide-box .slide-pic video {
        display: none;
        width: 100%;
        height: auto;
        background: #fff;
    }
    header .head-banner .swiper-slide .slide-box .slide-pic img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    header .head-banner .swiper-slide .slide-box .box-pic {
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    header .head-banner .swiper-slide .slide-box .box-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    header .head-banner .swiper-slide .slide-box .box-web-pic {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    header .head-banner .swiper-slide .slide-box .box-web-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    header .head-banner .swiper-slide .slide-box .box-cent {
        position: absolute;
        top: 55%;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0 0.7rem;
        z-index: 9;
        transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    header .head-banner .swiper-slide .slide-box .box-cent .cent-title {
        font-size: 0.44rem;
        font-weight: bold;
        text-align: center;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all 0.5s 0.6s;
        -o-transition: all 0.5s 0.6s;
        -moz-transition: all 0.5s 0.6s;
        -webkit-transition: all 0.5s 0.6s;
    }
    header .head-banner .swiper-slide .slide-box .box-cent .cent-subtitle {
        margin-top: 0.3rem;
        font-size: var(--fs32);
        text-align: center;
        letter-spacing: 0.02rem;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all 0.5s 0.8s;
        -o-transition: all 0.5s 0.8s;
        -moz-transition: all 0.5s 0.8s;
        -webkit-transition: all 0.5s 0.8s;
    }
    header .head-banner .swiper-slide .slide-box .box-cent .cent-text {
        margin-top: 0.2rem;
        font-size: var(--fs28);
        font-weight: 100;
        text-align: center;
        letter-spacing: 0.1rem;
        color: rgba(255, 255, 255, 0.6);
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all 0.5s 1s;
        -o-transition: all 0.5s 1s;
        -moz-transition: all 0.5s 1s;
        -webkit-transition: all 0.5s 1s;
    }
    header .head-banner .swiper-slide .slide-box .box-cent2 {
        position: absolute;
        top: 28%;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0 0.3rem;
        z-index: 9;
        transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    header .head-banner .swiper-slide .slide-box .box-cent2 .cent-title {
        font-size: 0.5rem;
        font-weight: bold;
        text-align: center;
        color: #535f85;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all 0.5s 0.6s;
        -o-transition: all 0.5s 0.6s;
        -moz-transition: all 0.5s 0.6s;
        -webkit-transition: all 0.5s 0.6s;
    }
    header .head-banner .swiper-slide .slide-box .box-cent2 .cent-subtitle {
        margin-top: 0.1rem;
        font-size: var(--fs36);
        text-align: center;
        letter-spacing: 0.08rem;
        color: #7e8596;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all 0.5s 0.8s;
        -o-transition: all 0.5s 0.8s;
        -moz-transition: all 0.5s 0.8s;
        -webkit-transition: all 0.5s 0.8s;
    }
    header .head-banner .swiper-slide .slide-box .box-cent3 {
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0 0.3rem;
        z-index: 9;
        transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    header .head-banner .swiper-slide .slide-box .box-cent3 .cent-title {
        font-size: 0.48rem;
        font-weight: bold;
        text-align: center;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all 0.5s 0.6s;
        -o-transition: all 0.5s 0.6s;
        -moz-transition: all 0.5s 0.6s;
        -webkit-transition: all 0.5s 0.6s;
    }
    header .head-banner .swiper-slide .slide-box .box-cent3 .cent-subtitle {
        margin-top: 0.1rem;
        font-size: var(--fs32);
        font-weight: 100;
        text-align: center;
        color: #fff;
        opacity: 0;
        transform: translatey(30px);
        -o-transform: translatey(30px);
        -moz-transform: translatey(30px);
        -webkit-transform: translatey(30px);
        transition: all 0.5s 0.8s;
        -o-transition: all 0.5s 0.8s;
        -moz-transition: all 0.5s 0.8s;
        -webkit-transition: all 0.5s 0.8s;
    }
    header .head-banner .swiper-pagination {
        bottom: 0.22rem;
    }
    header .head-banner .banner-pic {
        width: 100%;
        height: 7rem;
        margin-top: 0;
        overflow: hidden;
        background: none;
    }
    header .head-banner .banner-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 1;
    }
    header .head-banner .banner-cent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0.3rem;
        transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    header .head-banner .banner-cent .cent-title {
        font-size: .58rem;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    header .head-banner .banner-cent .cent-English {
        margin-top: 0.15rem;
        font-family: Arial;
        font-size: var(--fs38);
        text-transform: uppercase;
        text-align: center;
        color: #fff;
    }
    header .head-banner .banner-cent2 {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin-top: -2rem;
        padding: 0;
        transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    header .head-banner .banner-cent2 .cent-box {
        width: 100%;
        height: auto;
        padding: 0.7rem 0.3rem 0.9rem;
        background: linear-gradient(90deg, rgba(150, 202, 1, 0.9), rgba(0, 99, 54, 0.9));
        border-radius: 0;
    }
    header .head-banner .banner-cent2 .cent-box .box-title {
        font-size: var(--fs42);
        font-weight: bold;
        color: #fff;
    }
    header .head-banner .banner-cent2 .cent-box .box-text {
        margin-top: 0.1rem;
        font-size: var(--fs30);
        line-height: 0.48rem;
        color: #fff;
    }
    header .head-banner .banner-swiper-button-prev,
    header .head-banner .banner-swiper-button-next {
        display: none;
    }
    header .mt0 {
        margin-top: 1.2rem !important;
    }
    header .head-Wnav {
        position: relative;
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #F3F3F3;
        z-index: 69;
    }
    header .head-Wnav .Wnav-top {
        display: none;
    }
    header .head-Wnav .Wnav-ul {
        visibility: visible!important;
        position: relative;
        display: flex;
        width: 100%;
        height: 1rem;
        // background: #fff;
        overflow: scroll;
        z-index: 99;
        transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }
    header .head-Wnav .Wnav-ul::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    header .head-Wnav .Wnav-ul a {
        flex: none;
        width: calc(100% / 3);
        text-align: center;
        color: #434343;
    }
    header .head-Wnav .Wnav-ul a.box-item-on {
        background: #0683CE;
    }
    header .head-Wnav .Wnav-ul a.box-item-on .Wnav-li {
        color: #fff;
    }
    header .head-Wnav .Wnav-ul .Wnav-li {
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        padding: 0 0.2rem;
        font-size: 0.34rem;
        text-transform: uppercase;
        color: #000;
    }
    header .head-strip,
    header .head-cont {
        display: none;
    }
    footer {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0.9rem 0.3rem 0 !important;
        background: #f9f9f9;
        overflow: hidden;
    }
    footer .foot-main {
        display: flex;
        justify-content: space-between;
    }
    footer .foot-main .main-cont {
        width: 100%;
        height: auto;
        text-align: center;
    }
    footer .foot-main .main-nav {
        display: none;
    }
    footer .foot-main .main-cont .cont-title {
        font-size: var(--fs30);
        font-weight: bold;
        color: #333;
    }
    footer .foot-main .main-cont .cont-tel {
        margin-top: 0.1rem;
        font-family: ' ';
        font-size: 0.52rem;
        color: #0683CE;
    }
    footer .foot-main .main-cont .cont-Emali {
        margin: 0.05rem 0 0.2rem;
        font-size: var(--fs28);
        color: #666;
    }
    footer .foot-main .main-cont .cont-text {
        margin: 0.05rem 0 0.1rem;
        font-size: var(--fs26);
        color: #666;
    }
    footer .foot-main .main-cont .cont-ewm {
        display: flex;
        justify-content: center;
        width: auto;
        margin-top: 0.4rem;
    }
    footer .foot-main .main-cont .cont-ewm img {
        width: 2rem;
        box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.05);
    }
    footer .foot-bottom .bottom-cent {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        text-align: center;
    }
    footer .foot-bottom .bottom-cent .cent-zizhi {
        width: auto;
        font-size: var(--fs28);
        color: #9B9B9B;
        margin: auto;
        line-height: .45rem;
    }
    footer .foot-bottom .bottom-cent .cent-zizhi text {
        display: block;
    }
    footer .foot-bottom .bottom-cent .cent-zizhi a {
        color: #9B9B9B;
    }
    footer .foot-bottom .bottom-cent .cent-zizhi a:nth-child(1) {
        display: block;
    }
    footer .foot-bottom .bottom-cent .cent-zizhi a:hover {
        color: #0683CE;
    }
    .container {
        width: 100%;
        height: auto;
    }
    .container .cont-plate1 {
        padding: .86rem 0 0;
    }
    .container .cont-plate1 .plate1-main {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }
    .container .cont-plate1 .plate1-main .main-cent {
        width: 100%;
        height: auto;
        padding: 0 0.3rem 0.7rem;
    }
    .container .cont-plate1 .plate1-main .main-cent .page-title {
        font-size: var(--fs48);
        font-weight: bold;
    }
    .container .cont-plate1 .plate1-main .main-cent .cent-title {
        margin-top: 0.7rem;
        font-size: var(--fs40);
        color: #000;
        //
        text-align: center;
        justify-self: unset;
        clear: both;
        padding: .2rem .6rem;
    }
    .container .cont-plate1 .plate1-main .main-cent .cent-text {
        margin-top: 0.3rem;
        font-size: var(--fs28);
        line-height: 0.46rem;
        text-align: justify;
        color: #000;
    }
    .container .cont-plate1 .plate1-main .main-cent .page-button {
        margin-top: 0.4rem;
        width: 2.8rem;
        height: .94rem;
        line-height: .94rem;
        padding: 0 .37rem 0 .4rem;
    }
    .container .cont-plate1 .plate1-main .main-video {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0 .3rem;
    }
    .container .cont-plate1 .plate1-main .main-video .video-pic {
        width: 100%;
        height: auto;
    }
    .container .cont-plate1 .plate1-main .main-video .video-pic img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-main .main-video .video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        width: .8rem;
        height: .8rem;
        text-align: center;
        line-height: .8rem;
        margin: -0.5rem 0 0 -0.5rem;
        cursor: pointer;
        z-index: 9;
    }
    .container .cont-plate1 .plate1-main .main-video .video-play img {
        width: 0.32rem;
    }
    .container .cont-plate1 .plate1-main .main-video .video-play::after {
        content: '';
        position: absolute;
        top: 2px;
        left: 0;
        width: 100%;
        height: 100%;
        animation: load 3s linear infinite;
        z-index: -1;
    }
    .container .cont-plate1 .plate1-main .main-video:hover .video-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-cont {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding: 0 .3rem;
    }
    .container .cont-plate1 .plate1-cont .cont-box {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 0.1rem;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-pic {
        width: 100%;
        height: auto;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-pic img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #0D73B1 15%, transparent);
        z-index: 9;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        height: auto;
        padding: 0 0.3rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-cent {
        width: calc(100% - .5rem);
        height: auto;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-cent .cent-title {
        font-size: var(--fs30);
        font-weight: 100;
        color: #fff;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-cent .cent-subtitle {
        margin-top: 0.07rem;
        font-size: var(--fs36);
        font-weight: bold;
        color: #fff;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-cent .cent-text {
        margin-top: 0.5rem;
        margin-bottom: .2rem;
        font-size: var(--fs26);
        line-height: .4rem;
        font-weight: 100;
        color: #fff;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-button {
        position: relative;
        width: 0.67rem;
        height: 0.67rem;
        border-radius: 50%;
        background: #fff;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-button em {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        // background: url("../images/index/more.png") no-repeat center center;
        background-size: .67rem;
        z-index: 9;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-button::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #0683CE;
        transform: scale(0, 0) translateZ(0);
        -o-transform: scale(0, 0) translateZ(0);
        -moz-transform: scale(0, 0) translateZ(0);
        -webkit-transform: scale(0, 0 translateZ(0));
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-button:hover em {
        // background: url("icon-arrow2.png") no-repeat center center;
        background-size: 9px;
    }
    .container .cont-plate1 .plate1-cont .cont-box .box-cent .cent-lump .lump-button:hover::after {
        transform: scale(1, 1) translateZ(0);
        -o-transform: scale(1, 1) translateZ(0);
        -moz-transform: scale(1, 1) translateZ(0);
        -webkit-transform: scale(1, 1 translateZ(0));
    }
    .container .cont-plate1 .plate1-cont .cont-box:hover .box-cent .cent-lump {
        padding: 0 0.3rem 0 0.52rem;
    }
    .container .cont-plate1 .plate1-cont .cont-cent {
        width: 100%;
        height: auto;
        margin-top: 0.2rem;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        height: auto;
        padding: 0.45rem .3rem 0.7rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-cent {
        width: calc(100% - 1rem);
        height: auto;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-cent .cent-English {
        font-family: ' ';
        font-size: .66rem;
        text-transform: uppercase;
        color: #0683CE;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-cent .cent-title {
        font-size: var(--fs44);
        font-weight: bold;
        color: #000;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-cent .cent-text {
        margin-top: 0.2rem;
        font-family: Arial;
        font-size: var(--fs24);
        color: rgba(0, 0, 0, 0.65);
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-button {
        position: relative;
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
        background: #fff;
        border: solid 1px #dbdbdb;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-button em {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-size: 9px;
        z-index: 9;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-button::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #0683CE;
        transform: scale(0, 0) translateZ(0);
        -o-transform: scale(0, 0) translateZ(0);
        -moz-transform: scale(0, 0) translateZ(0);
        -webkit-transform: scale(0, 0 translateZ(0));
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-button:hover {
        border: solid 1px transparent;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-button:hover em {
        background-size: 9px;
    }
    .container .cont-plate1 .plate1-cont .cont-cent .cent-lump .lump-button:hover::after {
        transform: scale(1, 1) translateZ(0);
        -o-transform: scale(1, 1) translateZ(0);
        -moz-transform: scale(1, 1) translateZ(0);
        -webkit-transform: scale(1, 1 translateZ(0));
    }
    .container .cont-plate1 .plate1-cont .cont-cent:hover .cent-lump {
        padding: 0.45rem .3rem .7rem 0.55rem;
    }
    .container .cont-plate2 {
        width: 100%;
        height: auto;
        padding-top: 0.9rem;
    }
    .container .cont-plate2 .page-title {
        text-align: left;
        padding-left: .3rem;
    }
    .container .cont-plate2 .page-heng {
        margin: 0.2rem 0 0 .3rem;
    }
    .container .cont-plate2 .plate2-swiper {
        width: 100%;
        height: auto;
        margin-top: 0.6rem;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide {
        width: 50%;
        height: auto;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-pic {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-cent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0.7rem 0 0 0.65rem;
        z-index: 9;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-cent .cent-icon {
        width: 0.8rem;
        height: auto;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-cent .cent-icon img {
        width: 100%;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-cent .cent-title {
        margin-top: 0.2rem;
        font-size: var(--fs34);
        font-weight: bold;
        color: #fff;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-cent .cent-English {
        margin-top: 0.1rem;
        font-family: ' ';
        font-size: var(--fs28);
        text-transform: uppercase;
        color: #fff;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-cent .cent-bototm {
        position: absolute;
        bottom: 0.6rem;
        width: 17px;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box .box-cent .cent-bototm img {
        width: 100%;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box:hover::before,
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box:hover::after {
        height: 0;
    }
    .container .cont-plate2 .plate2-swiper .swiper-slide .slide-box: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-plate2 .plate2-swiper .plate2-swiper-button-prev,
    .container .cont-plate2 .plate2-swiper .plate2-swiper-button-next {
        position: absolute;
        top: 50%;
        width: 0.8rem;
        height: 0.8rem;
        margin-top: -0.4rem;
        font-family: '宋体';
        font-size: var(--fs28);
        font-weight: bold;
        text-align: center;
        line-height: 0.8rem;
        color: #fff;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        z-index: 9;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate2 .plate2-swiper .plate2-swiper-button-prev:hover,
    .container .cont-plate2 .plate2-swiper .plate2-swiper-button-next:hover {
        background: #0683CE;
    }
    .container .cont-plate2 .plate2-swiper .plate2-swiper-button-prev {
        left: 0.1rem;
    }
    .container .cont-plate2 .plate2-swiper .plate2-swiper-button-next {
        right: 0.1rem;
    }
    .container .cont-plate3 {
        width: 100%;
        height: auto;
        padding-top: 0.5rem;
    }
    .container .cont-plate3 .page-title {
        text-align: center;
    }
    .container .cont-plate3 .page-heng {
        margin: 0.2rem auto 0;
    }
    .container .cont-plate3 .plate3-main {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin-top: 0.5rem;
        background: url("../images/index/plate3-bg_m.png") no-repeat top left;
        background-size: cover;
    }
    .container .cont-plate3 .plate3-main .main-item {
        width: calc(100% / 2);
        height: auto;
        padding: 0.6rem 0.2rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate3 .plate3-main .main-item .item-icon {
        position: relative;
        width: 0.8rem;
        height: 0.5rem;
        margin: 0 auto;
    }
    .container .cont-plate3 .plate3-main .main-item .item-icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate3 .plate3-main .main-item .item-icon .img2 {
        opacity: 0;
    }
    .container .cont-plate3 .plate3-main .main-item .item-title {
        margin-top: 0.45rem;
        font-size: var(--fs28);
        text-align: center;
        color: rgba(51, 51, 51, 0.8);
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate3 .plate3-main .main-item .item-num {
        margin-top: 0.1rem;
        font-size: var(--fs32);
        text-align: center;
        color: #0683CE;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate3 .plate3-main .main-item .item-num span {
        margin-right: 0.1rem;
        font-family: ' ';
        font-size: 0.82rem;
    }
    .container .cont-plate3 .plate3-main .main-item .item-num em {
        position: relative;
    }
    .container .cont-plate3 .plate3-main .main-item .item-num em::after {
        content: '+';
        position: absolute;
        top: -0.4rem;
        left: 0;
        font-size: var(--fs42);
        font-weight: bold;
        color: #0683CE;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate3 .plate3-main .main-item:nth-child(even) {
        background: transparent;
    }
    .container .cont-plate3 .plate3-main .main-item:hover {
        background: #0683CE;
    }
    .container .cont-plate3 .plate3-main .main-item:hover .item-icon .img1 {
        opacity: 0;
    }
    .container .cont-plate3 .plate3-main .main-item:hover .item-icon .img2 {
        opacity: 1;
    }
    .container .cont-plate3 .plate3-main .main-item:hover .item-title {
        color: #fff;
    }
    .container .cont-plate3 .plate3-main .main-item:hover .item-num {
        color: #fff;
    }
    .container .cont-plate3 .plate3-main .main-item:hover .item-num em::after {
        color: #fff;
    }
    .container .cont-plate4 {
        position: relative;
        width: 100%;
        height: auto;
        padding: .64rem 0 0.72rem;
    }
    .container .cont-plate4 .plate4-top {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0 0.3rem;
    }
    .container .cont-plate4 .plate4-top .page-title {
        color: #333;
    }
    .container .cont-plate4 .plate4-top .top-swiper {
        width: 100%;
        height: auto;
        margin-top: 0.8rem;
        overflow: hidden;
    }
    .container .cont-plate4 .plate4-top .top-swiper .swiper-slide {
        width: calc(100% / 2);
        height: auto;
    }
    .container .cont-plate4 .plate4-top .top-swiper .swiper-slide .slide-box {
        display: inline-block;
        position: relative;
        padding-bottom: 0.1rem;
        font-size: var(--fs28);
        color: #909090;
        cursor: pointer;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate4 .plate4-top .top-swiper .swiper-slide .slide-box::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: #0683CE;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate4 .plate4-top .top-swiper .swiper-slide-active .slide-box {
        font-weight: bold;
        color: #0683CE;
    }
    .container .cont-plate4 .plate4-top .top-swiper .swiper-slide-active .slide-box::after {
        width: 100%;
    }
    .container .cont-plate4 .plate4-button {
        display: none;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        bottom: 1.55rem;
        left: 10.15rem;
        width: 1.45rem;
        height: auto;
        z-index: 9;
    }
    .container .cont-plate4 .plate4-button .plate4-swiper-button-prev,
    .container .cont-plate4 .plate4-button .plate4-swiper-button-next {
        position: relative;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        outline: none;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate4 .plate4-button .plate4-swiper-button-prev img,
    .container .cont-plate4 .plate4-button .plate4-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%);
    }
    .container .cont-plate4 .plate4-button .plate4-swiper-button-prev .img2,
    .container .cont-plate4 .plate4-button .plate4-swiper-button-next .img2 {
        opacity: 0;
    }
    .container .cont-plate4 .plate4-button .plate4-swiper-button-prev:hover,
    .container .cont-plate4 .plate4-button .plate4-swiper-button-next:hover {
        background: #0683CE;
    }
    .container .cont-plate4 .plate4-button .plate4-swiper-button-prev:hover .img1,
    .container .cont-plate4 .plate4-button .plate4-swiper-button-next:hover .img1 {
        opacity: 0;
    }
    .container .cont-plate4 .plate4-button .plate4-swiper-button-prev:hover .img2,
    .container .cont-plate4 .plate4-button .plate4-swiper-button-next:hover .img2 {
        opacity: 1;
    }
    .container .cont-plate4 .plate4-main {
        position: relative;
        width: 100%;
        height: auto;
    }
    .container .cont-plate4 .plate4-main::before {
        content: '“';
        position: absolute;
        top: 0.1rem;
        left: 0.3rem;
        font-family: Arial;
        font-size: 2rem;
        color: rgba(100, 100, 100, 0.2);
    }
    .container .cont-plate4 .plate4-main::after {
        content: '”';
        position: absolute;
        top: 4.2rem;
        right: .3rem;
        left: auto;
        font-family: Arial;
        font-size: 2rem;
        color: rgba(100, 100, 100, 0.2);
    }
    .container .cont-plate4 .plate4-main .main-box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        height: auto;
        opacity: 0;
        visibility: hidden;
    }
    .container .cont-plate4 .plate4-main .main-box .box-cent {
        width: 100%;
        padding: 1rem 0.3rem 0.5rem;
        text-align: center;
    }
    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-title {
        font-size: var(--fs48);
        font-weight: bold;
        line-height: 0.6rem;
        color: #343434;
        opacity: 0;
        transform: translatey(0.4rem);
        -o-transform: translatey(0.4rem);
        -moz-transform: translatey(0.4rem);
        -webkit-transform: translatey(0.4rem);
    }
    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-subtitle {
        font-size: var(--fs36);
        line-height: 0.6rem;
        color: #343434;
        opacity: 0;
        transform: translatey(0.4rem);
        -o-transform: translatey(0.4rem);
        -moz-transform: translatey(0.4rem);
        -webkit-transform: translatey(0.4rem);
    }
    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-text {
        margin-top: 0.3rem;
        font-size: var(--fs28);
        line-height: 0.4rem;
        text-align: justify;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        opacity: 0;
        transform: translatey(0.4rem);
        -o-transform: translatey(0.4rem);
        -moz-transform: translatey(0.4rem);
        -webkit-transform: translatey(0.4rem);
    }
    .container .cont-plate4 .plate4-main .main-box .box-cent .cent-bottom {
        width: 2.27rem;
        height: .9rem;
        margin: 0.3rem 0 0;
        opacity: 0;
        transform: translatey(0.4rem);
        -o-transform: translatey(0.4rem);
        -moz-transform: translatey(0.4rem);
        -webkit-transform: translatey(0.4rem);
    }
    .container .cont-plate4 .plate4-main .main-box .box-cent .page-button {
        width: 2.27rem;
        height: .9rem;
        line-height: .9rem;
    }
    .container .cont-plate4 .plate4-main .main-box .box-pic {
        margin-top: 0.4rem;
        width: 100%;
        height: auto;
        overflow: hidden;
        opacity: 0;
    }
    .container .cont-plate4 .plate4-main .main-box .box-pic img {
        width: 100%;
        height: auto;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate4 .plate4-main .main-box-on {
        position: relative;
        opacity: 1;
        visibility: visible;
    }
    .container .cont-plate4 .plate4-main .main-box-on .box-cent .cent-title {
        text-align: left;
        opacity: 1;
        font-size: var(--fs40);
        transform: translatey(0);
        -o-transform: translatey(0);
        -moz-transform: translatey(0);
        -webkit-transform: translatey(0);
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate4 .plate4-main .main-box-on .box-cent .cent-subtitle {
        text-align: left;
        opacity: 1;
        font-size: var(--fs34);
        transform: translatey(0);
        -o-transform: translatey(0);
        -moz-transform: translatey(0);
        -webkit-transform: translatey(0);
        transition: all 0.5s 0.2s;
        -o-transition: all 0.5s 0.2s;
        -moz-transition: all 0.5s 0.2s;
        -webkit-transition: all 0.5s 0.2s;
    }
    .container .cont-plate4 .plate4-main .main-box-on .box-cent .cent-text {
        opacity: 1;
        transform: translatey(0);
        -o-transform: translatey(0);
        -moz-transform: translatey(0);
        -webkit-transform: translatey(0);
        transition: all 0.5s 0.4s;
        -o-transition: all 0.5s 0.4s;
        -moz-transition: all 0.5s 0.4s;
        -webkit-transition: all 0.5s 0.4s;
    }
    .container .cont-plate4 .plate4-main .main-box-on .box-cent .cent-bottom {
        opacity: 1;
        transform: translatey(0);
        -o-transform: translatey(0);
        -moz-transform: translatey(0);
        -webkit-transform: translatey(0);
        transition: all 0.5s 0.6s;
        -o-transition: all 0.5s 0.6s;
        -moz-transition: all 0.5s 0.6s;
        -webkit-transition: all 0.5s 0.6s;
    }
    .container .cont-plate4 .plate4-main .main-box-on .box-pic {
        opacity: 1;
        transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition: all 1s;
        -o-transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .container .cont-plate5 {
        position: relative;
        width: 100%;
        height: auto;
    }
    .container .cont-plate5 .plate5-top {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 9;
    }
    .container .cont-plate5 .plate5-top .page-title {
        text-align: center;
        color: #000;
    }
    .container .cont-plate5 .plate5-top .page-heng {
        margin: 0.2rem auto 0;
        background: #0683CE;
    }
    .container .cont-plate5 .plate5-main {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0 .3rem;
    }
    .container .cont-plate5 .plate5-main .main-swiper .swiper-slide .slide-box .box-pic {
        height: auto;
    }
    .container .cont-plate5 .plate5-main .main-swiper .swiper-slide {
        margin-right: 0;
    }
    .container .cont-plate5 .plate5-main .main-swiper .swiper-slide .slide-box .box-cent .cent-title {
        font-size: var(--fs34);
        line-height: .55rem;
        height: auto;
        font-weight: bold;
        color: #0683CE;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate5 .plate5-main .page-button {
        width: 1.85rem;
        height: .73rem;
        font-size: .28rem;
    }
    .container .cont-plate5 .plate5-main .main-swiper .swiper-slide .slide-box .box-cent .cent-time {
        font-size: .28rem;
        color: #7A7A7A
    }
    .container .cont-plate5 .plate5-main .main-swiper .swiper-slide .slide-box .box-cent .cent-button {
        width: .93rem;
        height: .64rem;
    }
    .container .cont-plate5 .plate5-main .plate5-swiper-button-prev,
    .container .cont-plate5 .plate5-main .plate5-swiper-button-next {
        width: .74rem;
        height: .74rem;
        line-height: .74rem;
        font-size: .3rem;
        margin-top: -.15rem;
    }
    .container .cont-plate5 .plate5-main .plate5-swiper-button-prev {
        left: 0.1rem;
    }
    .container .cont-plate5 .plate5-main .plate5-swiper-button-next {
        right: 0.1rem;
    }
    .container .cont-plate6 {
        width: 100%;
        height: auto;
        padding: 0.8rem 0.3rem 1.17rem;
    }
    .container .cont-plate6 .plate6-main .main-English {
        font-size: var(--fs38);
        text-align: center;
        text-transform: uppercase;
        color: #999;
    }
    .container .cont-plate6 .plate6-main .main-title {
        font-size: var(--fs48);
        font-weight: bold;
        text-align: center;
        color: #333;
    }
    .container .cont-plate6 .plate6-main .main-swiper {
        width: 100%;
        height: auto;
        margin-top: 0.55rem;
        overflow: hidden;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide {
        width: 100%;
        height: auto;
        margin-right: 0.84rem;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide:last-of-type {
        margin-right: 0;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide .slide-box {
        display: block;
        width: 100%;
        height: auto;
        background: #f5f5f5;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide .slide-box .box-pic {
        width: 100%;
        height: 3.85rem;
        overflow: hidden;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide .slide-box .box-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide .slide-box .box-cent {
        width: 100%;
        height: auto;
        padding: 0.65rem 0.4rem;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide .slide-box .box-cent .cent-time {
        font-family: ' ';
        font-size: var(--fs28);
        color: #7a7a7a;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide .slide-box .box-cent .cent-title {
        height: 1.08rem;
        margin-top: 0.15rem;
        font-size: var(--fs34);
        font-weight: bold;
        line-height: 0.54rem;
        color: #353432;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide .slide-box .box-cent .cent-button {
        width: 1rem;
        height: 0.6rem;
        margin-top: 0.6rem;
        border-radius: 0.45rem;
        // border: solid 2px #0683CE;
        // background: url("icon-arrow3.png") no-repeat center center;
        background-size: 6px;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate6 .plate6-main .main-swiper .swiper-slide .slide-box: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-plate6 .plate6-main .plate6-swiper-button-prev,
    .container .cont-plate6 .plate6-main .plate6-swiper-button-next {
        position: absolute;
        top: 50%;
        width: 0.8rem;
        height: 0.8rem;
        margin-top: -0.4rem;
        font-family: '宋体';
        font-size: var(--fs28);
        font-weight: bold;
        text-align: center;
        line-height: 0.8rem;
        color: #fff;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3);
        cursor: pointer;
        z-index: 9;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .container .cont-plate6 .plate6-main .plate6-swiper-button-prev:hover,
    .container .cont-plate6 .plate6-main .plate6-swiper-button-next:hover {
        background: #0683CE;
    }
    .container .cont-plate6 .plate6-main .plate6-swiper-button-prev {
        left: -0.2rem;
    }
    .container .cont-plate6 .plate6-main .plate6-swiper-button-next {
        right: -0.2rem;
    }
    .container .cont-plate6 .plate6-main .page-button {
        margin: 0.4rem auto 0;
        width: 1.85rem;
        height: .73rem;
    }
    .about {
        width: 100%;
        height: auto;
    }
    .about .about-plate1 {
        padding: 0.7rem 0.3rem;
    }
    .about .about-plate1 .plate1-main {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }
    .about .about-plate1 .plate1-main .main-pic {
        width: 100%;
        height: auto;
        margin-top: 0.28rem;
        overflow: hidden;
    }
    .about .about-plate1 .plate1-main .main-pic img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .about .about-plate1 .plate1-main .main-pic:hover 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));
    }
    .about .about-plate1 .plate1-main .main-cent {
        width: 100%;
    }
    .about .about-plate1 .plate1-main .main-cent .cent-title {
        font-size: var(--fs36);
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }
    .about .about-plate1 .plate1-main .main-cent .cent-subtitle {
        margin-top: 0.2rem;
        font-size: var(--fs48);
        color: #333;
    }
    .about .about-plate1 .plate1-main .main-cent .cent-text {
        font-size: var(--fs28);
        line-height: 0.5rem;
        color: #3D3D3D;
    }
    .about .about-plate1 .plate1-text {
        width: 100%;
        margin-top: 0.35rem;
        font-size: var(--fs28);
        line-height: 0.5rem;
        color: #3D3D3D;
    }
    .about .about-plate2 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 0.3rem .5rem;
    }
    .about .about-plate2 .plate2-item {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 0.25rem;
        overflow: hidden;
    }
    .about .about-plate2 .plate2-item .item-pic {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .about .about-plate2 .plate2-item .item-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .about .about-plate2 .plate2-item .item-cent {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0.6rem 0.35rem 0.35rem;
        font-size: var(--fs30);
        line-height: 0.46rem;
        color: #fff;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
    }
    .about .about-plate2 .plate2-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));
    }
    .culture {
        padding: 0 0.3rem 1.5rem;
    }
    .culture .page-link {
        padding: .5rem 0 0;
    }
    .culture .page-title2 {
        margin-top: 0.7rem;
    }
    .culture .culture-main {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin-top: 0.72rem;
    }
    .culture .culture-main .main-item {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 0.2rem;
        padding: 0.5rem 0.58rem 0.46rem;
        background: #f4f4f4;
    }
    .culture .culture-main .main-item:last-of-type {
        margin-right: 0;
    }
    .culture .culture-main .main-item .item-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .culture .culture-main .main-item .item-pic img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .culture .culture-main .main-item .item-cent {
        width: 100%;
        height: auto;
        padding: 0.3rem 0 0;
    }
    .culture .culture-main .main-item .item-cent .cent-English {
        font-family: ' ';
        font-size: var(--fs54);
        text-transform: uppercase;
        color: #0683CE;
    }
    .culture .culture-main .main-item .item-cent .cent-title {
        font-size: var(--fs33);
        font-weight: bold;
        color: #1E1E1E;
    }
    .culture .culture-main .main-item .item-cent .cent-heng {
        width: .33rem;
        height: .03rem;
        margin-top: 0.1rem;
        background: #0683CE;
    }
    .culture .culture-main .main-item .item-cent .cent-text {
        margin-top: 0.2rem;
        font-size: var(--fs28);
        line-height: 0.55rem;
        color: #7D7D7D;
    }
    .culture .culture-main .main-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));
    }
    .culture .culture-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    .culture .culture-cont .cont-lump {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0.2rem;
        overflow: hidden;
    }
    .culture .culture-cont .cont-lump .lump-pic {
        width: 100%;
        height: auto;
    }
    .culture .culture-cont .cont-lump .lump-pic img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .culture .culture-cont .cont-lump .lump-cent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0.8rem 0.5rem 0;
    }
    .culture .culture-cont .cont-lump .lump-cent .cent-English {
        font-family: ' ';
        font-size: var(--fs54);
        text-transform: uppercase;
        color: #fff;
    }
    .culture .culture-cont .cont-lump .lump-cent .cent-title {
        font-size: .33rem;
        font-weight: bold;
        color: #fff;
    }
    .culture .culture-cont .cont-lump .lump-cent .cent-heng {
        width: .42rem;
        height: .03rem;
        margin-top: 0.1rem;
    }
    .culture .culture-cont .cont-lump .lump-cent .cent-text {
        margin-top: 0.2rem;
        font-size: var(--fs28);
        line-height: 0.46rem;
        color: #fff;
    }
    .culture .culture-cont .cont-lump:hover .lump-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));
    }
    .culture .culture-cont .cont-box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin-top: 0.2rem;
        padding: 0.4rem 0.3rem 0.72rem;
        background: #f4f4f4;
    }
    .culture .culture-cont .cont-box .box-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .culture .culture-cont .cont-box .box-pic img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .culture .culture-cont .cont-box .box-cent {
        width: 100%;
        height: auto;
        margin-top: 0.3rem;
        padding: 0 .3rem;
    }
    .culture .culture-cont .cont-box .box-cent .cent-English {
        font-family: ' ';
        font-size: var(--fs54);
        text-transform: uppercase;
        color: #0683CE;
    }
    .culture .culture-cont .cont-box .box-cent .cent-title {
        font-size: .33rem;
        font-weight: bold;
        color: #1E1E1E;
        margin-top: .1rem;
    }
    .culture .culture-cont .cont-box .box-cent .cent-heng {
        width: .33rem;
        height: .03rem;
        margin-top: 0.15rem;
        background: #0683CE;
    }
    .culture .culture-cont .cont-box .box-cent .cent-text {
        margin-top: 0.2rem;
        font-size: var(--fs28);
        line-height: 0.55rem;
        color: #7D7D7D;
    }
    .culture .culture-cont .cont-box:hover 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));
    }
    .industry {
        width: 100%;
        height: auto;
        padding-top: .14rem;
    }
    .industry .industry-swiper {
        width: 100%;
        height: auto;
        padding: 0 .3rem .8rem;
    }
    .industry .industry-swiper .swiper-wrapper {
        flex-wrap: wrap;
    }
    .industry .industry-swiper .swiper-slide {
        width: 100%;
        height: 6.8rem;
    }
    .industry .industry-swiper .swiper-slide .slide-box {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .industry .industry-swiper .swiper-slide .slide-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .industry .industry-swiper .swiper-slide .slide-box::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-pic {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-cent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0.65rem 0 0 0.5rem;
        z-index: 9;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-cent .cent-icon {
        width: 0.8rem;
        height: auto;
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-cent .cent-icon img {
        width: 100%;
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-cent .cent-title {
        margin-top: 0.4rem;
        font-size: var(--fs34);
        font-weight: bold;
        color: #fff;
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-cent .cent-English {
        margin-top: 0.1rem;
        font-family: ' ';
        font-size: var(--fs28);
        text-transform: uppercase;
        color: rgba(255, 255, 255, 1);
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-cent .cent-bototm {
        position: absolute;
        bottom: 0.6rem;
        width: 17px;
    }
    .industry .industry-swiper .swiper-slide .slide-box .box-cent .cent-bototm img {
        width: 100%;
    }
    .industry .industry-swiper .swiper-slide .slide-box:hover::before,
    .industry .industry-swiper .swiper-slide .slide-box:hover::after {
        height: 0;
    }
    .industry .industry-swiper .swiper-slide .slide-box: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));
    }
    .industry .industry-plate1 {
        padding: 0.6rem 0.3rem;
    }
    .industry .industry-plate1 .plate1-title {
        font-size: var(--fs48);
        color: #333;
    }
    .industry .industry-plate1 .plate1-text {
        margin-top: 0.4rem;
        font-size: var(--fs28);
        line-height: 0.46rem;
        color: #666;
    }
    .industry .industry-plate2 {
        width: 100%;
        height: auto;
        padding: 0.86rem 0;
        background: #ebebeb;
    }
    .industry .industry-plate2 .plate2-main {
        text-align: center;
        overflow: auto;
    }
    .industry .industry-plate2 .plate2-main img {
        max-width: 15.36rem;
        width: 15.36rem;
    }
    .produce {
        width: 100%;
        height: auto;
    }
    .produce .produce-plate1 {
        width: 100%;
        height: auto;
        padding: 0.55rem 0.3rem 0;
    }
    .produce .produce-plate1 .plate1-main .main-title {
        margin-top: 0.55rem;
        font-size: 0.6rem;
        font-weight: bold;
        text-align: center;
        line-height: 0.8rem;
        color: #0683CE;
    }
    .produce .produce-plate1 .plate1-main .main-subtitle {
        font-size: var(--fs44);
        text-align: center;
        line-height: 0.8rem;
        color: #0683CE;
    }
    .produce .produce-plate1 .plate1-main .main-text {
        width: 100%;
        height: auto;
        margin: 0.25rem auto 0;
        font-size: var(--fs28);
        line-height: 0.46rem;
        text-align: center;
        color: #666;
    }
    .produce .produce-plate1 .plate1-main .main-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0.6rem;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-pic {
        // display: none;
        width: 5.08rem;
        height: auto;
        margin: 0 auto .4rem;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-pic img {
        width: 100%;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-item {
        position: static;
        width: 50%;
        // margin-bottom: 0.35rem;
        background: #0683CE;
        padding: .5rem 0 .8rem .6rem;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-item .item-title {
        font-size: var(--fs28);
        color: #fff;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-item .item-num {
        font-size: var(--fs28);
        color: #fff;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-item .item-num span {
        font-family: ' ';
        font-size: 0.8rem;
        color: #fff;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-item:nth-child(2) {
        top: 0.8rem;
        left: 1.98rem;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-item:nth-child(3) {
        padding-left: 0;
        top: 0.8rem;
        left: 12.3rem;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-item:nth-child(4) {
        bottom: 1.2rem;
        left: 1.98rem;
    }
    .produce .produce-plate1 .plate1-main .main-cont .cont-item:nth-child(5) {
        padding-left: 0;
        bottom: 1.2rem;
        left: 12.3rem;
    }
    .produce .produce-plate2 {
        padding: 1rem 0.3rem 0;
    }
    .produce .produce-plate2 .plate2-title {
        font-size: 0.6rem;
        font-weight: bold;
        text-align: center;
        line-height: 0.8rem;
        color: #0683CE;
    }
    .produce .produce-plate2 .plate2-subtitle {
        font-size: var(--fs44);
        text-align: center;
        line-height: 0.8rem;
        color: #0683CE;
    }
    .produce .produce-plate2 .plate2-main {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    .produce .produce-plate2 .plate2-main .main-item {
        display: block;
        justify-content: space-between;
        width: 100%;
        height: auto;
        margin-bottom: 0.7rem;
    }
    .produce .produce-plate2 .plate2-main .main-item .item-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .produce .produce-plate2 .plate2-main .main-item .item-pic img {
        width: 100%;
        height: auto;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .produce .produce-plate2 .plate2-main .main-item .item-pic:hover 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));
    }
    .produce .produce-plate2 .plate2-main .main-item .item-cent {
        width: 100%;
        height: auto;
        padding: 0.3rem 0 0;
    }
    .produce .produce-plate2 .plate2-main .main-item .item-cent .cent-num {
        font-family: ' ';
        font-size: 1.2rem;
        line-height: 1rem;
        background: linear-gradient(180deg, #c6e08a, #fff);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
    .produce .produce-plate2 .plate2-main .main-item .item-cent .cent-title {
        margin-top: 0.35rem;
        font-size: var(--fs36);
        font-weight: bold;
        color: #333;
    }
    .produce .produce-plate2 .plate2-main .main-item .item-cent .cent-text {
        margin-top: 0.1rem;
        font-size: var(--fs28);
        line-height: 0.46rem;
        color: #666;
    }
    .produce .produce-plate2 .plate2-main .main-item:nth-child(even) {
        flex-direction: row-reverse;
    }
    .produce .produce-plate2 .plate2-main .main-item:nth-child(4) {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .produce .produce-plate2 .plate2-main .main-item:nth-child(4) .item-pic {
        width: 100%;
        margin-top: 0;
    }
    .produce .produce-plate2 .plate2-main .main-item:nth-child(4) .item-cent {
        width: 100%;
        padding: 0.3rem 0 0;
    }
    .produce .produce-plate1 .plate1-main {
        padding-bottom: 0;
    }
    .produce .produce-plate3 {
        width: 100%;
        height: auto;
    }
    .produce .produce-plate3 .plate3-title {
        padding: 0 0.3rem;
        font-size: 0.44rem;
        font-weight: bold;
        text-align: center;
        line-height: 0.6rem;
        color: #0683CE;
    }
    .produce .produce-plate3 .plate3-subtitle {
        padding: 0 0.3rem;
        font-size: var(--fs38);
        text-align: center;
        line-height: 0.5rem;
        color: #0683CE;
    }
    .produce .produce-plate3 .plate3-main {
        width: 100%;
        height: auto;
        margin-top: 0.7rem;
        padding: 1.1rem 0.3rem .9rem;
        text-align: center;
        background: #f9f9f9;
    }
    .produce .produce-plate3 .plate3-main .main-cent .cent-title {
        font-size: var(--fs36);
        font-weight: bold;
        color: #333;
    }
    .produce .produce-plate3 .plate3-main .main-cent .cent-text {
        width: 100%;
        margin: 0.15rem auto 0;
        font-size: var(--fs28);
        line-height: 0.46rem;
        color: #666;
    }
    .produce .produce-plate3 .plate3-main .main-cont {
        position: relative;
        margin-top: 0.9rem;
        padding: 0;
    }
    .produce .produce-plate3 .plate3-main .main-cont .cont-swiper {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .produce .produce-plate3 .plate3-main .main-cont .cont-swiper .swiper-slide {
        width: calc(50% - .22rem);
        height: auto;
        margin-right: .44rem;
    }
    .produce .produce-plate3 .plate3-main .main-cont .cont-swiper .swiper-slide .slide-box {
        width: 100%;
        height: auto;
    }
    .produce .produce-plate3 .plate3-main .main-cont .cont-swiper .swiper-slide .slide-box .box-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .produce .produce-plate3 .plate3-main .main-cont .cont-swiper .swiper-slide .slide-box .box-pic img {
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .produce .produce-plate3 .plate3-main .main-cont .cont-swiper .swiper-slide .slide-box .box-title {
        margin-top: 0.3rem;
        font-size: var(--fs28);
        line-height: .5rem;
        text-align: center;
        color: #000;
    }
    .produce .produce-plate3 .plate3-main .main-cont .plate3-swiper-button-prev,
    .produce .produce-plate3 .plate3-main .main-cont .plate3-swiper-button-next {
        position: absolute;
        top: 50%;
        width: 0.8rem;
        height: 0.8rem;
        margin-top: -0.4rem;
        text-align: center;
        line-height: 0.75rem;
        border-radius: 50%;
        background: none;
        z-index: 9;
        cursor: pointer;
        outline: none;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .produce .produce-plate3 .plate3-main .main-cont .plate3-swiper-button-prev img,
    .produce .produce-plate3 .plate3-main .main-cont .plate3-swiper-button-next img {
        width: 100%;
    }
    .produce .produce-plate3 .plate3-main .main-cont .plate3-swiper-button-prev:hover,
    .produce .produce-plate3 .plate3-main .main-cont .plate3-swiper-button-next:hover {
        background: #0683CE;
    }
    .produce .produce-plate3 .plate3-main .main-cont .plate3-swiper-button-prev {
        left: 0;
    }
    .produce .produce-plate3 .plate3-main .main-cont .plate3-swiper-button-next {
        right: 0;
    }
    .produce .produce-plate4 {
        padding: 1rem 0.3rem;
    }
    .produce .produce-plate4 .plate4-title {
        font-size: var(--fs44);
        font-weight: bold;
        text-align: center;
        color: #333;
    }
    .produce .produce-plate4 .plate4-text {
        width: 100%;
        margin: 0.15rem auto 0;
        font-size: var(--fs28);
        line-height: 0.46rem;
        text-align: center;
        color: #666;
    }
    .produce .produce-plate4 .plate4-pic {
        width: 100%;
        height: auto;
        margin-top: 0.7rem;
    }
    .produce .produce-plate4 .plate4-pic img {
        width: 100%;
    }
    .produce .produce-plate5 {
        padding: 1rem 0.3rem 1.6rem;
    }
    .produce .produce-plate5 .plate5-title {
        font-size: var(--fs36);
        font-weight: bold;
        text-align: center;
        color: #333;
    }
    .produce .produce-plate5 .plate5-text {
        width: 100%;
        margin: 0.15rem auto 0;
        font-size: var(--fs28);
        line-height: 0.36rem;
        text-align: center;
        color: #666;
    }
    .produce .produce-plate5 .plate5-swiper {
        width: 100%;
        height: auto;
        margin-top: 0.65rem;
        overflow: hidden;
    }
    .produce .produce-plate5 .plate5-swiper .swiper-slide {
        width: calc(100% / 2);
        height: auto;
        padding-right: 1px;
    }
    .produce .produce-plate5 .plate5-swiper .swiper-slide .slide-box {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .produce .produce-plate5 .plate5-swiper .swiper-slide .slide-box .box-pic {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .produce .produce-plate5 .plate5-swiper .swiper-slide .slide-box .box-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .produce .produce-plate5 .plate5-swiper .swiper-slide .slide-box .box-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1.5rem 0.2rem 0.2rem;
        font-size: var(--fs30);
        font-weight: bold;
        text-align: center;
        color: #fff;
        background: linear-gradient(0deg, #006338 10%, transparent);
    }
    .produce .produce-plate5 .plate5-swiper .swiper-slide .slide-box: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));
    }
    .marketing {
        width: 100%;
        height: auto;
    }
    .marketing .marketing-plate1 {
        width: 100%;
        height: auto;
        padding: 0.55rem 0 0;
    }
    .marketing .marketing-plate1 .plate1-main {
        padding: 0 0.3rem;
    }
    .marketing .marketing-plate1 .plate1-main .main-title {
        margin-top: 0.55rem;
        font-size: 0.44rem;
        font-weight: bold;
        text-align: center;
        line-height: 0.8rem;
        color: #0683CE;
    }
    .marketing .marketing-plate1 .plate1-main .main-subtitle {
        font-size: var(--fs38);
        text-align: center;
        line-height: 0.6rem;
        color: #0683CE;
    }
    .marketing .marketing-plate1 .plate1-main .main-text {
        width: 100%;
        height: auto;
        margin: 0.25rem auto 0;
        font-size: var(--fs28);
        line-height: 0.5rem;
        text-align: center;
        color: #000;
    }
    .marketing .marketing-plate1 .plate1-cont {
        width: 100%;
        height: auto;
        padding: 1.2rem 0.3rem 0;
        margin-top: 0.7rem;
        background-image: url(../images/Layout/num_bg_m.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
    .marketing .marketing-plate1 .plate1-cont .cont-data {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .marketing .marketing-plate1 .plate1-cont .cont-data .data-item {
        width: 48.5%;
        margin: 0 0 1rem;
        text-align: center;
    }
    .marketing .marketing-plate1 .plate1-cont .cont-data .data-item .item-title {
        font-size: var(--fs32);
        color: #fff;
    }
    .marketing .marketing-plate1 .plate1-cont .cont-data .data-item .item-num {
        margin-top: 0;
        font-size: 1.1rem;
        color: #fff;
    }
    .marketing .marketing-plate1 .plate1-cont .cont-data .data-item .item-num span {
        font-family: ' ';
        font-size: 1.1rem;
        color: #fff;
    }
    .marketing .marketing-plate1 .plate1-cont .cont-data .data-item .item-num em {
        position: relative;
    }
    .marketing .marketing-plate1 .plate1-cont .cont-data .data-item .item-num em::after {
        content: '+';
        position: absolute;
        top: 0;
        left: 0;
        font-size: .6rem;
        font-weight: bold;
        color: #fff;
    }
    .marketing .marketing-plate2 {
        padding: .9rem 0.3rem 1.1rem;
    }
    .marketing .marketing-plate2 .plate2-title {
        font-size: 0.44rem;
        font-weight: bold;
        text-align: center;
        line-height: 0.7rem;
        color: #0683CE;
    }
    .marketing .marketing-plate2 .plate2-subtitle {
        font-size: var(--fs38);
        text-align: center;
        line-height: 0.55rem;
        color: #0683CE;
    }
    .marketing .marketing-plate2 .plate2-text {
        width: 100%;
        height: auto;
        margin: 0.25rem auto 0;
        font-size: var(--fs28);
        line-height: 0.5rem;
        text-align: center;
        color: #000;
    }
    .marketing .marketing-plate2 .plate2-logo {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin-top: 0.55rem;
    }
    .marketing .marketing-plate2 .plate2-logo .logo-item {
        width: 48.5%;
        height: 1.8rem;
        margin-right: 0;
        margin-bottom: 0.18rem;
        border-radius: 0.05rem;
        background: #fff;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }
    .marketing .marketing-plate2 .plate2-logo .logo-item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .marketing .marketing-plate2 .plate2-logo .logo-item:hover 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));
    }
    .design {
        width: 100%;
        height: auto;
    }
    .design .design-plate1_div {
        background: url("../images/Layout/design_bg_m.png")no-repeat top left;
        background-size: 100%;
    }
    .design .design-plate1 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding: 0.6rem 0 1rem;
    }
    .design .design-plate1 .plate1-pic {
        width: 100%;
        height: auto;
        margin-top: 0.45rem;
        overflow: hidden;
    }
    .design .design-plate1 .plate1-pic img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .design .design-plate1 .plate1-pic:hover 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));
    }
    .design .design-plate1 .plate1-cent {
        width: 100%;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
    .design .design-plate1 .plate1-cent .cent-title {
        margin-top: 0.7rem;
        font-size: var(--fs36);
        font-weight: bold;
        color: #0683CE;
    }
    .design .design-plate1 .plate1-cent .cent-text {
        margin-top: 0.2rem;
        font-size: var(--fs28);
        line-height: 0.46rem;
        color: #666;
    }
    .design .design-plate2 {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
    }
    .design .design-plate2 .plate2-item {
        position: relative;
        width: 100%;
        height: 7.5rem;
        background: #f7f7f7;
    }
    .design .design-plate2 .plate2-item:nth-child(even) {
        background: #f0f0f0;
    }
    .design .design-plate2 .plate2-item .item-pic {
        // display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 0;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .design .design-plate2 .plate2-item .item-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .design .design-plate2 .plate2-item .item-cent {
        padding: 1.13rem .4rem 0 0.6rem;
    }
    .design .design-plate2 .plate2-item .item-cent .cent-icon {
        position: relative;
        width: 0.84rem;
        height: 0.8rem;
    }
    .design .design-plate2 .plate2-item .item-cent .cent-icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .design .design-plate2 .plate2-item .item-cent .cent-icon .img2 {
        opacity: 0;
    }
    .design .design-plate2 .plate2-item .item-cent .cent-title {
        margin-top: 0.25rem;
        font-size: var(--fs42);
        font-weight: bold;
        color: #0683CE;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .design .design-plate2 .plate2-item .item-cent .cent-English {
        margin-top: 0.1rem;
        font-size: var(--fs28);
        color: rgba(0, 0, 0, .45);
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .design .design-plate2 .plate2-item .item-cent .cent-heng {
        width: .56rem;
        height: .03rem;
        margin-top: 0.3rem;
        background: #0683CE;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .design .design-plate2 .plate2-item .item-cent .cent-text {
        margin-top: 0.4rem;
        font-size: var(--fs28);
        line-height: 0.53rem;
        color: #666;
        // opacity: 1;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .design .design-plate2 .plate2-item:hover .item-pic {
        opacity: 1;
    }
    .design .design-plate2 .plate2-item:hover .item-cent {
        padding: 1.13rem .9rem 0;
    }
    .design .design-plate2 .plate2-item:hover .item-cent .cent-icon .img1 {
        opacity: 0;
    }
    .design .design-plate2 .plate2-item:hover .item-cent .cent-icon .img2 {
        opacity: 1;
    }
    .design .design-plate2 .plate2-item:hover .item-cent .cent-title,
    .design .design-plate2 .plate2-item:hover .item-cent .cent-English {
        color: #fff;
    }
    .design .design-plate2 .plate2-item:hover .item-cent .cent-heng {
        background: #fff;
    }
    .design .design-plate2 .plate2-item:hover .item-cent .cent-text {
        opacity: 1;
        color: #fff;
    }
    .product {
        width: 100%;
        height: auto;
    }
    .product .product-main {
        padding: 0.5rem 0.3rem .8rem;
    }
    .product .product-main .main-top {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin-top: 0.46rem;
    }
    .product .product-main .main-top .top-button {
        width: 48%;
        height: 0.8rem;
        margin: 0 0 0.38rem;
        font-size: var(--fs30);
        text-align: center;
        line-height: 0.76rem;
        color: #333;
        border-radius: 0.45rem;
        border: solid 1px #dadada;
    }
    .product .product-main .main-top .top-button:nth-child(even) {
        margin-left: 4%;
    }
    .product .product-main .main-top .top-button:hover {
        color: #fff;
        background: #0683CE;
        border: solid 1px #0683CE;
    }
    .product .product-main .main-top .top-button-on {
        color: #fff;
        background: #0683CE;
        border: solid 1px #0683CE;
    }
    .product .product-main .main-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin: 0.38rem 0 0.2rem;
    }
    .page-number {
        display: flex;
    }
    .page-number .page-item {
        width: .72rem;
        height: .72rem;
        line-height: .72rem;
        font-size: .26rem;
    }
    .page-number .page-item:first-of-type,
    .page-number .page-item:last-of-type {
        width: 1.99rem;
    }
    .product .product-main .main-cont .main-item {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 0.44rem;
    }
    .product .product-main .main-cont .main-item .item-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }
    .product .product-main .main-cont .main-item .item-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .product .product-main .main-cont .main-item .item-cent {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0.47rem .38rem;
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.07);
    }
    .product .product-main .main-cont .main-item .item-cent .cent-title {
        font-size: var(--fs34);
        font-weight: bold;
        color: #0683CE;
    }
    .product .product-main .main-cont .main-item .item-cent .cent-text {
        margin-top: 0.2rem;
        font-size: var(--fs26);
        line-height: 0.44rem;
        color: #999;
    }
    .product .product-main .main-cont .main-item .item-cent .cent-icon {
        position: absolute;
        bottom: 0.5rem;
        right: 0.3rem;
        width: 1.86rem;
        height: auto;
    }
    .product .product-main .main-cont .main-item .item-cent .cent-icon img {
        width: 100%;
    }
    .product .product-main .main-cont .main-item:hover {
        background: #fff;
        box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.1);
    }
    .product .product-main .main-cont .main-item:hover::after {
        transform: scale(1, 1) translateZ(0);
        -o-transform: scale(1, 1) translateZ(0);
        -moz-transform: scale(1, 1) translateZ(0);
        -webkit-transform: scale(1, 1 translateZ(0));
    }
    .product .product-main .main-cont .main-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));
    }
    .productDetail {
        width: 100%;
        height: auto;
        margin-top: 1.2rem;
        overflow: visible;
    }
    .productDetail .productDetail-strip {
        position: inherit;
        top: 1.2rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        height: auto;
        padding: 0;
        background: #fff;
        z-index: 9;
        flex-direction: column;
        border-top: 1px solid #E9E9E9;
    }
    .productDetail .productDetail-strip .strip-title {
        // display: none;
        font-size: var(--fs42);
        font-weight: bold;
        color: #0683CE;
        padding: .39rem .3rem .34rem;
        background: #fff;
    }
    .productDetail .productDetail-strip .strip-box {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        padding: .3rem .3rem 0;
        background: #fff;
        overflow: scroll;
        position: sticky;
        top: 1.2rem;
    }
    .productDetail .productDetail-strip .strip-box::-webkit-scrollbar {
        width: 0;
        height: 0 !important;
    }
    .productDetail .productDetail-strip .strip-box .box-item {
        position: relative;
        width: auto;
        flex: none;
        height: 100%;
        margin-left: 0.6rem;
        font-size: var(--fs34);
        line-height: 0.9rem;
        color: #060606;
        cursor: pointer;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-strip .strip-box .box-item:first-of-type {
        margin-left: 0;
    }
    .productDetail .productDetail-strip .strip-box .box-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #0683CE;
        transform: scale(0, 0) translateZ(0);
        -o-transform: scale(0, 0) translateZ(0);
        -moz-transform: scale(0, 0) translateZ(0);
        -webkit-transform: scale(0, 0 translateZ(0));
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-strip .strip-box .box-item:hover {
        color: #0683CE;
    }
    .productDetail .productDetail-strip .strip-box .box-item:hover::after {
        transform: scale(1, 1) translateZ(0);
        -o-transform: scale(1, 1) translateZ(0);
        -moz-transform: scale(1, 1) translateZ(0);
        -webkit-transform: scale(1, 1 translateZ(0));
    }
    .productDetail .productDetail-strip .strip-box .box-item-on {
        color: #0683CE;
    }
    .productDetail .productDetail-strip .strip-box .box-item-on::after {
        transform: scale(1, 1) translateZ(0);
        -o-transform: scale(1, 1) translateZ(0);
        -moz-transform: scale(1, 1) translateZ(0);
        -webkit-transform: scale(1, 1 translateZ(0));
        width: 100%;
        height: .02rem;
    }
    .productDetail .productDetail-strip .page-link {
        display: flex;
    }
    .productDetail .page-link {
        // display: none;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        padding: .43rem .3rem;
        background: #F9F9F9;
    }
    .productDetail>.page-link {
        display: none;
    }
    .productDetail .productDetail-plate1 {
        width: 100%;
        height: auto;
        padding: 0.53rem 0.3rem 0.79rem;
        background: #fff;
    }
    .productDetail .productDetail-plate1 .plate1-main {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box {
        width: 100%;
        height: auto;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-top {
        position: relative;
        width: 100%;
        height: 6.9rem;
        margin-bottom: 0.27rem;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-top .top-item {
        // display: none;
        width: 100%;
        height: 100%;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-top .top-item .item-video {
        width: 100%;
        height: 100%;
        background: #000;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-top .top-item .item-video video {
        width: 100%;
        height: 100%;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-top .top-item .item-video .video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1rem;
        height: 1rem;
        margin: -0.5rem 0 0 -0.5rem;
        background: rgba(0, 0, 0, 0.8) url("icon-video-play.png")/*tpa=/images/icon/icon-video-play.png*/
        no-repeat center center;
        background-size: 0.32rem;
        border-radius: 50%;
        cursor: pointer;
        z-index: 9;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-top .top-item .item-pic {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-top .top-item .item-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-top .top-item .item-pic:hover 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));
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper .swiper-slide {
        width: calc(100% / 3 - 0.1rem);
        height: auto;
        margin-right: 0.15rem;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper .swiper-slide:last-of-type {
        margin-right: 0;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper .swiper-slide .slide-box {
        width: 100%;
        height: auto;
        border: solid 2px transparent;
        overflow: hidden;
        cursor: pointer;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper .swiper-slide .slide-box img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper .swiper-slide .slide-box:hover 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));
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper .swiper-slide-on .slide-box {
        border: solid 2px #0683CE;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper-button-prev,
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper-button-next {
        position: absolute;
        top: 50%;
        width: 0.55rem;
        height: 0.55rem;
        margin-top: -0.275rem;
        font-family: '宋体';
        font-size: var(--fs28);
        font-weight: bold;
        text-align: center;
        line-height: 0.56rem;
        color: #fff;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.1);
        cursor: pointer;
        z-index: 9;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper-button-prev:hover,
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper-button-next:hover {
        background: #0683CE;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper-button-prev {
        left: -0.15rem;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-box .box-bottom .bottom-swiper-button-next {
        right: -0.15rem;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont {
        width: 100%;
        height: auto;
        margin-top: 0.5rem;
        padding: 0;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-title {
        width: 100%;
        padding-bottom: 0.25rem;
        font-size: var(--fs422);
        font-weight: bold;
        color: #0683CE;
        border-bottom: solid 1px #DBDBDB;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-text {
        margin-top: 0.4rem;
        padding-right: 0;
        font-size: var(--fs28);
        line-height: 0.5rem;
        color: #656565;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-subtitle {
        margin-top: 0.5rem;
        font-size: var(--fs38);
        font-weight: bold;
        color: #333;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-cent {
        width: 100%;
        height: auto;
        margin-top: 0.2rem;
        font-size: var(--fs28);
        line-height: 0.46rem;
        color: #656565;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-button {
        display: block;
        position: relative;
        width: 2.96rem;
        height: .82rem;
        margin-top: .42rem;
        font-size: var(--fs30);
        text-align: center;
        line-height: .82rem;
        color: #fff;
        border-radius: .41rem;
        background: #0683CE;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-button img {
        width: auto;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-button::before {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-button:hover {
        transform: translatey(-6px);
        -o-transform: translatey(-6px);
        -moz-transform: translatey(-6px);
        -webkit-transform: translatey(-6px);
    }
    .productDetail .productDetail-plate1 .plate1-main .main-cont .cont-button:hover::before {
        opacity: 0.4;
        transform: translatey(6px);
        -o-transform: translatey(6px);
        -moz-transform: translatey(6px);
        -webkit-transform: translatey(6px);
    }
    .productDetail .productDetail-plate2 {
        width: 100%;
        height: auto;
        padding: 1.2rem 0.3rem 1rem;
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .productDetail .productDetail-plate2 .plate2-main {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont {
        width: 100%;
        height: auto;
        padding: 0.55rem 0.3rem 0.6rem;
        margin-bottom: 0.4rem;
        background: #fff;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont .cont-top {
        width: 100%;
        height: auto;
        font-size: var(--fs38);
        font-weight: bold;
        color: #0683CE;
        border-bottom: solid 1px #BCBCBC;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont .cont-top span {
        display: inline-block;
        position: relative;
        padding-bottom: 0.2rem;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont .cont-top span::after {
        content: '';
        position: absolute;
        bottom: -0.01rem;
        left: 0;
        width: 1.29rem;
        height: .02rem;
        background: #0683CE;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont .cont-pic {
        width: 100%;
        height: auto;
        margin-top: 0.56rem;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont .cont-pic img {
        width: 100%;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont .cont-cent {
        width: 100%;
        height: auto;
        margin-top: 0.5rem;
        font-size: var(--fs28);
        line-height: 0.55rem;
        color: #656565;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont .cont-cent p {
        position: relative;
        padding-left: 0.3rem;
    }
    .productDetail .productDetail-plate2 .plate2-main .main-cont .cont-cent p::after {
        content: '';
        position: absolute;
        top: 0.17rem;
        left: 0;
        width: 0.17rem;
        height: 0.17rem;
        border-radius: 50%;
        border: solid .02rem #0683CE;
    }
    .productDetail .productDetail-plate3 {
        width: 100%;
        height: auto;
        /*padding: 0.48rem 0.3rem .8rem;*/
        /* background: #f5f5f5;*/
    }
    .productDetail .productDetail-plate3 .plate3-title {
        font-size: var(--fs42);
        font-weight: bold;
        text-align: center;
        color: #0683CE;
    }
    .productDetail .productDetail-plate3 .plate3-main {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.54rem;
    }
    .productDetail .productDetail-plate3 .plate3-main .main-item {
        width: 48.5%;
        height: auto;
        margin-right: 0;
        margin-bottom: 0.24rem;
        margin-top: 0;
    }
    .productDetail .productDetail-plate3 .plate3-main .main-item:nth-child(4n) {
        margin-right: 0;
    }
    .productDetail .productDetail-plate3 .plate3-main .main-item .item-pic {
        width: 100%;
        height: 2.65rem;
        overflow: hidden;
    }
    .productDetail .productDetail-plate3 .plate3-main .main-item .item-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate3 .plate3-main .main-item .itme-title {
        margin-top: 0.22rem;
        font-size: var(--fs28);
        text-align: center;
        color: #646464;
    }
    .productDetail .productDetail-plate3 .plate3-main .main-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));
    }
    .productDetail .productDetail-plate4 {
        position: relative;
        width: 100%;
        height: auto;
        /*padding: 0 0.3rem 1.1rem;*/
    }
    .productDetail .productDetail-plate4 .plate4-title {
        width: 3.4rem;
        height: 1rem;
        margin: 0 auto;
        font-size: var(--fs42);
        font-weight: bold;
        text-align: center;
        line-height: 1rem;
        color: #fff;
        background: #0683CE;
    }
    .productDetail .productDetail-plate4 .plate4-swiper {
        position: relative;
        left: 0;
        width: 100%;
        height: auto;
        /*margin-top: 0.48rem;*/
        padding: 0;
        overflow: hidden;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide {
        width: 100%;
        height: auto;
        margin-right: 0.48rem;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        background: #f6f6f6;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: #0683CE;
        transform: scale(0, 0) translateZ(0);
        -o-transform: scale(0, 0) translateZ(0);
        -moz-transform: scale(0, 0) translateZ(0);
        -webkit-transform: scale(0, 0 translateZ(0));
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box .box-pic {
        width: 100%;
        height: 4.6rem;
        overflow: hidden;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box .box-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box .box-cent {
        width: 100%;
        height: auto;
        padding: 0.38rem 0.42rem 0.68rem;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box .box-cent .cent-title {
        font-size: var(--fs34);
        color: #000;
        height: 1.05rem;
        line-height: .5rem;
        font-weight: bold;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box .box-cent .cent-text {
        margin-top: 0.2rem;
        font-size: var(--fs26);
        color: #999;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box .box-cent .cent-button {
        width: .93rem;
        height: .64rem;
        margin-top: .35rem;
        border-radius: 4rem;
        border: solid .02rem #0683CE;
        background-size: .12rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box .box-cent .cent-date {
        font-size: .28rem;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box:hover {
        background: #fff;
        box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.1);
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box:hover::after {
        transform: scale(1, 1) translateZ(0);
        -o-transform: scale(1, 1) translateZ(0);
        -moz-transform: scale(1, 1) translateZ(0);
        -webkit-transform: scale(1, 1 translateZ(0));
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box: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));
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box:hover .box-cent .cent-title {
        color: #0683CE;
    }
    .productDetail .productDetail-plate4 .plate4-swiper .swiper-slide .slide-box:hover .box-cent .cent-button {
        background-size: 6px;
    }
    .productDetail .productDetail-plate4 .plate4-bottom {
        position: relative;
        margin-top: 0.6rem;
    }
    .productDetail .productDetail-plate4 .plate4-bottom .bottom-button {
        display: block;
        position: relative;
        width: 3rem;
        height: 0.85rem;
        margin: 0 auto;
        font-size: var(--fs30);
        text-align: center;
        line-height: 0.85rem;
        color: #fff;
        border-radius: 0.45rem;
        background: linear-gradient(90deg, #96ca01, #006336);
    }
    .productDetail .productDetail-plate4 .plate4-bottom .bottom-button::before {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .productDetail .productDetail-plate4 .plate4-bottom .bottom-button:hover {
        transform: translatey(-6px);
        -o-transform: translatey(-6px);
        -moz-transform: translatey(-6px);
        -webkit-transform: translatey(-6px);
    }
    .productDetail .productDetail-plate4 .plate4-bottom .bottom-button:hover::before {
        opacity: 0.4;
        transform: translatey(6px);
        -o-transform: translatey(6px);
        -moz-transform: translatey(6px);
        -webkit-transform: translatey(6px);
    }
    .productDetail .productDetail-plate4 .plate4-bottom .swiper-pagination {
        position: relative;
        left: auto;
        right: 0;
        bottom: 0.25rem;
        width: 100%;
        height: 5px;
        margin-bottom: 0.25rem;
        background: #e6e6e6;
    }
    .productDetail .productDetail-plate4 .plate4-bottom .swiper-pagination .swiper-pagination-progressbar-fill {
        background: #0683CE;
    }
    .productDetail .productDetail-plate4 .plate4-bottom .swiper-scrollbar {
        position: relative;
        right: 0;
        bottom: 0.25rem;
        width: 100%;
        height: 5px;
        background: #e6e6e6;
    }
    .productDetail .productDetail-plate4 .plate4-bottom .swiper-scrollbar .swiper-scrollbar-drag {
        background: #0683CE;
        border-radius: 0;
        cursor: pointer;
    }
    .productDetail .productDetail-plate5 {
        padding: 0.85rem 0.3rem 1.2rem;
    }
    .productDetail .productDetail-plate5 .plate3-title {
        width: 3.4rem;
        height: 1rem;
        margin: 0 auto;
        font-size: var(--fs42);
        font-weight: bold;
        text-align: center;
        line-height: 1rem;
        color: #fff;
        background: #0683CE;
    }
    .productDetail .productDetail-plate5 .plate5-video {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0.75rem;
    }
    .productDetail .productDetail-plate5 .plate5-video .video-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .productDetail .productDetail-plate5 .plate5-video .video-pic video {
        display: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: #fff;
    }
    .productDetail .productDetail-plate5 .plate5-video .video-pic img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .productDetail .productDetail-plate5 .plate5-video .video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.7rem;
        height: 0.7rem;
        text-align: center;
        line-height: 0.7rem;
        margin: -0.35rem 0 0 -0.35rem;
        cursor: pointer;
        z-index: 9;
    }
    .productDetail .productDetail-plate5 .plate5-video .video-play img {
        width: 0.22rem;
    }
    .productDetail .productDetail-plate5 .plate5-video .video-play::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("icon-video-bg.png")/*tpa=/images/icon/icon-video-bg.png*/
        no-repeat center center;
        background-size: 100%;
        animation: load 3s linear infinite;
        z-index: -1;
    }
    .productDetail .productDetail-plate5 .plate5-video:hover .video-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));
    }
    .productDetail .productDetail-plate6 {
        width: 100%;
        height: auto;
        padding: 0.94rem 0.3rem 1rem;
        background: url("../images/product/contact_bg_m.png") no-repeat top left;
        background-size: cover;
    }
    .productDetail .productDetail-plate6 .plate3-title-sub {
        color: #BCBCBC;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-title {
        font-size: var(--fs42);
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-text {
        margin-top: 0.35rem;
        font-size: var(--fs28);
        text-align: center;
        color: #fff;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin: 0.52rem auto 0;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-left {
        width: 100%;
        height: auto;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-left .left-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 0.9rem;
        margin-bottom: 0.32rem;
        padding: 0 0.15rem;
        background: #fff;
        border: solid 1px #e6e6e6;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-left .left-item .item-title {
        width: 2rem;
        height: auto;
        font-size: var(--fs28);
        color: #3D3C3C;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-left .left-item .item-title em {
        font-size: var(--fs30);
        color: #ff2100;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-left .left-item .item-title img {
        width: 0.444rem;
        margin-right: 0.02rem;
        margin-top: -0.02rem;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-left .left-item input {
        width: calc(100% - 1.8rem);
        height: 100%;
        font-size: var(--fs26);
        color: #666;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-left .left-item input::placeholder {
        color: #ccc;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right {
        width: 100%;
        height: auto;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin-bottom: 0.32rem;
        padding: 0.15rem;
        background: #fff;
        border: solid 1px #e6e6e6;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-item .item-title {
        width: 100%;
        height: auto;
        margin-bottom: 0.2rem;
        font-size: var(--fs28);
        color: #333;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-item .item-title em {
        font-size: var(--fs30);
        color: #ff2100;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-item .item-title img {
        width: 0.45rem;
        margin-right: 0.02rem;
        margin-top: -0.02rem;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-item select {
        width: 2rem;
        height: 0.7rem;
        margin-left: 0.2rem;
        padding: 0 0.35rem 0 0.2rem;
        font-size: var(--fs28);
        color: #333;
        border: solid 1px #e6e6e6;
        appearance: none;
        outline: none;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-item select:first-of-type {
        margin-left: 0;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-cent {
        width: 100%;
        height: auto;
        padding: 0.15rem;
        margin-bottom: 0.32rem;
        background: #fff;
        border: solid 1px #e6e6e6;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-cent .item-title {
        width: 100%;
        height: auto;
        font-size: var(--fs28);
        color: #333;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-cent .item-title em {
        font-size: var(--fs30);
        color: #ff2100;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-cent .item-title img {
        width: 0.46rem;
        margin-right: 0.02rem;
        margin-top: -0.02rem;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-cent textarea {
        width: 100%;
        height: 3rem;
        margin-top: 0.25rem;
        font-family: '微软雅黑';
        font-size: var(--fs26);
        color: #666;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-cont .cont-right .right-cent textarea::placeholder {
        color: #ccc;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-button {
        display: flex;
        justify-content: center;
        width: 100%;
        height: auto;
        margin-top: 0.08rem;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-button .button {
        width: 100%;
        height: 1.06rem;
        margin: 0 0.1rem;
        font-size: .36rem;
        text-align: center;
        line-height: 1.06rem;
        color: #fff;
        border-radius: 0.45rem;
        background: #0683CE;
    }
    .productDetail .productDetail-plate6 .plate6-box .box-button .button:hover {
        background: #0683CE !important;
    }
    .news {
        width: 100%;
        height: auto;
        padding: 0 0.3rem .5rem;
    }
    .news .page-link {
        padding: .64rem 0 .62rem;
    }
    .news .news-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
    }
    .news .news-top .top-cent {
        width: 100%;
        margin-bottom: 0.35rem;
    }
    .news .news-top .top-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    .news .news-top .top-cont input[type="month"] {
        width: 3rem;
        height: 0.7rem;
        padding: 0 0.2rem;
        font-family: '微软雅黑';
        font-size: var(--fs26);
        color: #333;
        border: solid 1px #e6e6e6;
    }
    .news .news-top .top-cont .cont-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(100% - 3.1rem);
        height: 0.7rem;
        padding: 0 0.2rem;
        margin-left: 0;
        border: solid 1px #e6e6e6;
    }
    .news .news-top .top-cont .cont-box input {
        width: calc(100% - 0.3rem);
        height: 100%;
        font-size: var(--fs26);
        color: #333;
        background: transparent;
    }
    .news .news-top .top-cont .cont-box a {
        width: 0.26rem;
    }
    .news .news-top .top-cont .cont-box a img {
        width: 100%;
    }
    .news .news-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.16rem;
    }
    .news .news-cont .cont-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .news .news-cont .cont-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .news .news-cont .cont-cent {
        width: 100%;
        height: auto;
        padding: 0.5rem 0.3rem .7rem;
        background: #f6f6f6;
    }
    .news .news-cont .cont-cent .cent-title {
        font-size: var(--fs34);
        font-weight: bold;
        line-height: 0.55rem;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .news .news-cont .cont-cent .cent-time {
        margin-top: 0.1rem;
    }
    .news .news-cont .cont-cent .cent-time span {
        position: relative;
        margin-right: 0.2rem;
        font-family: ' ';
        font-size: 0.45rem;
        color: #0683CE;
    }
    .news .news-cont .cont-cent .cent-time em {
        font-size: var(--fs28);
        color: #9F9F9F;
    }
    .news .news-cont .cont-cent .cent-text {
        margin-top: 0.1rem;
        font-size: var(--fs28);
        line-height: 0.5rem;
        color: #808080;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .news .news-cont .cont-cent .cent-button {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 2.5rem;
        height: 0.8rem;
        margin-top: 0.3rem;
        border-radius: 0.45rem;
        // background-color: #0683CE;
        // border-color: #0683CE;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .news .news-cont .cont-cent .cent-button span {
        font-family: ' ';
        font-size: var(--fs26);
        text-transform: uppercase;
        color: #787878;
    }
    .news .news-cont .cont-cent .cent-button em {
        width: 0.26rem;
        height: 0.24rem;
        margin-left: 0.2rem;
        background-size: 100%;
    }
    .news .news-cont .cont-cent .cent-button::before {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .news .news-cont .cont-cent .cent-button:hover {
        transform: translatey(-6px);
        -o-transform: translatey(-6px);
        -moz-transform: translatey(-6px);
        -webkit-transform: translatey(-6px);
    }
    .news .news-cont .cont-cent .cent-button:hover::before {
        opacity: 0.4;
        transform: translatey(6px);
        -o-transform: translatey(6px);
        -moz-transform: translatey(6px);
        -webkit-transform: translatey(6px);
    }
    .news .news-cont:hover .cont-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));
    }
    .news .news-main {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: .32rem auto 0.2rem;
    }
    .news .news-main .main-item {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 0.32rem;
        background: #f5f5f5;
    }
    .news .news-main .main-item:nth-child(3n) {
        margin-right: 0;
    }
    .news .news-main .main-item .itme-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .news .news-main .main-item .itme-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .news .news-main .main-item .item-cent {
        width: 100%;
        height: auto;
        padding: 0.36rem 0.48rem .6rem;
    }
    .news .news-main .main-item .item-cent .cent-time {
        font-family: ' ';
        font-size: var(--fs28);
        color: #7A7A7A;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .news .news-main .main-item .item-cent .cent-title {
        margin-top: 0.15rem;
        font-size: var(--fs34);
        font-weight: bold;
        line-height: 0.52rem;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .news .news-main .main-item .item-cent .cent-button {
        width: 0.93rem;
        height: 0.64rem;
        margin-top: 0.4rem;
        border-radius: 0.45rem;
        background-size: .12rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .news .news-main .main-item:hover {
        // background: #0683CE;
    }
    .news .news-main .main-item:hover .itme-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));
    }
    .newsDetail {
        width: 100%;
        height: auto;
        margin-top: 1.2rem;
        overflow: visible;
    }
    .newsDetail .page-link {
        display: none;
        width: 100%;
        height: 1rem;
        padding: 0 0.3rem;
        background: #f9f9f9;
    }
    .newsDetail .newsDetails-top {
        width: 100%;
        height: auto;
        padding: 0.9rem 0.3rem 0.65rem;
    }
    .newsDetail .newsDetails-top .top-main .main-title {
        font-size: var(--fs38);
        font-weight: bold;
        line-height: 0.56rem;
        text-align: center;
        color: #333;
    }
    .newsDetail .newsDetails-top .top-main .main-time {
        margin-top: 0.32rem;
        font-size: var(--fs30);
        text-align: center;
        color: #ccc;
    }
    .newsDetail .newsDetails-top .top-main .main-time img {
        width: 16px;
        margin: -0.04rem 0.06rem 0 0;
    }
    .newsDetail .newsDetails-main {
        width: 100%;
        height: auto;
        margin: 0 auto;
        background: #f6f6f6;
    }
    .newsDetail .newsDetails-main .main-box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border-top: solid 1px #f0f0f0;
        background: #fff;
    }
    .newsDetail .newsDetails-main .main-box .box-share {
        display: none;
        position: sticky;
        top: 0;
        width: 1.5rem;
        height: 100%;
    }
    .newsDetail .newsDetails-main .main-box .box-share .share-list {
        width: 1.5rem;
        height: auto;
        background: #fafafa;
    }
    .newsDetail .newsDetails-main .main-box .box-share .share-list .share-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 0.7rem;
        padding-left: 0.28rem;
        font-size: 16px;
        color: #666;
        border-bottom: solid 1px #ebebeb;
    }
    .newsDetail .newsDetails-main .main-box .box-share .share-list .share-item img {
        width: 30px;
        margin-right: 0.15rem;
    }
    .newsDetail .newsDetails-main .main-box .box-share .share-list .share-bototm {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 0.7rem;
        padding-left: 0.28rem;
        font-size: 14px;
        color: #fff;
        background: #0683CE;
    }
    .newsDetail .newsDetails-main .main-box .box-share .share-list .share-bototm img {
        width: 17px;
        margin-left: 0.12rem;
    }
    .newsDetail .newsDetails-main .main-box .box-share .share-list-active {
        position: fixed;
        top: 100px;
    }
    .newsDetail .newsDetails-main .main-box .box-cent {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0.65rem 0.3rem 1.15rem;
        background: #fff;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .cent-box {
        width: 100%;
        height: auto;
        font-size: var(--fs28);
        line-height: 0.46rem;
        color: #333;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .cent-box img {
        display: block;
        max-width: 100%;
        width: auto;
        margin: 0 auto;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .cent-box video {
        width: 100%;
        height: auto;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .cent-box .videoWrap {
        position: relative;
        padding-top: 56.25%;
        overflow: hidden;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .cent-box .videoWrap embed,
    .newsDetail .newsDetails-main .main-box .box-cent .cent-box .videoWrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .box-bottom {
        width: 100%;
        height: auto;
        margin-top: 1.2rem;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .box-bottom .bottom-title {
        width: 100%;
        height: 0.8rem;
        margin-bottom: 0.1rem;
        display: block;
        padding: 0 0.35rem;
        font-size: var(--fs28);
        line-height: 0.76rem;
        color: #333;
        background: #f7f7f7;
        border: solid 1px #f7f7f7;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .box-bottom .bottom-title a {
        margin-left: 0.15rem;
        color: #333;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .box-bottom .bottom-title:hover {
        background: transparent;
        border: solid 1px #0683CE;
    }
    .newsDetail .newsDetails-main .main-box .box-cent .box-bottom .bottom-title:hover a {
        color: #0683CE;
    }
    .newsDetail .newsDetails-main .main-box .box-list {
        width: 100%;
        height: auto;
        padding: 0.5rem 0.3rem 0;
        border-top: solid 4px #0683CE;
        background: #f5f5f5;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-title {
        margin-bottom: 0.5rem;
        font-size: var(--fs32);
        font-weight: bold;
        color: #0683CE;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-item {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 0.35rem;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-item .item-pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-item .item-pic img {
        width: 100%;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-item .item-title {
        margin-top: 0.2rem;
        font-size: var(--fs28);
        line-height: 0.46rem;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-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));
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-item:hover .item-title {
        color: #0683CE;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-button {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 2.5rem;
        height: 0.8rem;
        margin-top: 0.5rem;
        border-radius: 0.45rem;
        background-color: #0683CE;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-button span {
        font-family: ' ';
        font-size: var(--fs26);
        text-transform: uppercase;
        color: #fff;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-button em {
        width: 0.26rem;
        height: 0.24rem;
        margin-left: 0.2rem;
        background: url("icon-arrow6.png")/*tpa=/images/icon/icon-arrow6.png*/
        no-repeat center center;
        background-size: 100%;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-button::before {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-button:hover {
        transform: translatey(-6px);
        -o-transform: translatey(-6px);
        -moz-transform: translatey(-6px);
        -webkit-transform: translatey(-6px);
    }
    .newsDetail .newsDetails-main .main-box .box-list .list-button:hover::before {
        opacity: 0.4;
        transform: translatey(6px);
        -o-transform: translatey(6px);
        -moz-transform: translatey(6px);
        -webkit-transform: translatey(6px);
    }
    .contact {
        width: 100%;
        height: auto;
    }
    .contact .contact-plate1 {
        padding: 0.65rem 0.3rem 1rem;
    }
    .contact .contact-plate1 .plate1-top {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    .contact .contact-plate1 .plate1-top .top-cent {
        width: 100%;
        height: auto;
    }
    .contact .contact-plate1 .plate1-top .top-cent .top-cent_tit {
        padding-top: 0;
        font-size: .44rem;
        margin-bottom: .47rem;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump {
        width: 100%;
        height: auto;
        padding: 0.35rem 0 0.35rem 0.28rem;
        border-left: solid 3px #fff;
        cursor: pointer;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump .lump-title {
        font-size: var(--fs42);
        font-weight: bold;
        color: #333333;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump .lump-text {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 0.2rem;
        font-size: var(--fs28);
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump .lump-text span {
        width: 0.4rem;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump .lump-text span img {
        width: 100%;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump .lump-text p {
        width: calc(100% - 0.4rem);
        padding-left: 0.25rem;
        color: #333;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump .lump-text p em {
        color: #999;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump-on {
        border-left: solid 3px #0683CE;
        background: linear-gradient(90deg, #f9f9f9, #fff);
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-lump-on .lump-title {
        color: #0683CE;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-bottom {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 0.6rem;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-bottom p {
        font-size: var(--fs30);
        color: #000;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-bottom a {
        width: 2.6rem;
        height: 0.8rem;
        margin-left: 0.38rem;
        font-size: var(--fs30);
        text-align: center;
        line-height: 0.76rem;
        color: #0683CE;
        border-radius: 0.1rem;
        border: solid 1px #e6e6e6;
    }
    .contact .contact-plate1 .plate1-top .top-cent .cent-bottom a:hover {
        color: #fff;
        border: solid 1px #0683CE;
        background: #0683CE;
    }
    .contact .contact-plate1 .plate1-top .top-map {
        position: relative;
        width: 100%;
        height: 8rem;
        margin-top: 0.3rem;
    }
    .contact .contact-plate1 .plate1-top .top-map .map-box {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .contact .contact-plate1 .plate1-bottom {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        margin-top: 0.45rem;
    }
    .contact .contact-plate1 .plate1-bottom .bottom-tel {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    .contact .contact-plate1 .plate1-bottom .bottom-tel img {
        width: 0.3rem;
    }
    .contact .contact-plate1 .plate1-bottom .bottom-tel p {
        margin-left: 0.2rem;
        font-size: var(--fs30);
        color: #999;
    }
    .contact .contact-plate1 .plate1-bottom .bottom-tel p em {
        font-family: ' ';
        font-size: var(--fs36);
        color: #0683CE;
    }
    .contact .contact-plate1 .plate1-bottom .bottom-ewm {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
    .contact .contact-plate1 .plate1-bottom .bottom-ewm p {
        margin-right: 0.2rem;
        font-size: var(--fs30);
        color: #999;
    }
    .contact .contact-plate1 .plate1-bottom .bottom-ewm img {
        width: 1.8rem;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
    }
    .contact .contact-plate2 {
        width: 100%;
        height: auto;
        padding: 0.85rem 0.3rem 1rem;
        background: url("../images/product/contact_bg_m.png") no-repeat top left;
        background-size: cover;
    }
    .contact .contact-plate2 .plate2-box .box-title {
        font-size: var(--fs42);
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    .contact .contact-plate2 .plate2-box .box-text {
        margin-top: 0.35rem;
        font-size: var(--fs28);
        text-align: center;
        color: #fff;
    }
    .contact .contact-plate2 .plate2-box .box-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin: 0.75rem auto 0;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-left {
        width: 100%;
        height: auto;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-left .left-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 0.96rem;
        margin-bottom: 0.22rem;
        padding: 0 0.2rem;
        background: #fff;
        border: solid 1px #e6e6e6;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-left .left-item .item-title {
        width: 2rem;
        height: auto;
        font-size: var(--fs28);
        color: #3D3C3C;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-left .left-item .item-title em {
        font-size: var(--fs30);
        color: #ff2100;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-left .left-item .item-title img {
        width: 0.44rem;
        margin-right: 0.02rem;
        margin-top: -0.02rem;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-left .left-item input {
        width: calc(100% - 2rem);
        height: 100%;
        font-size: var(--fs26);
        color: #666;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-left .left-item input::placeholder {
        color: #ccc;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right {
        width: 100%;
        height: auto;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        margin-bottom: 0.32rem;
        padding: 0.3rem .25rem;
        background: #fff;
        border: solid 1px #e6e6e6;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-item .item-title {
        width: 100%;
        height: auto;
        margin-bottom: 0.35rem;
        font-size: var(--fs28);
        color: #3D3C3C;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-item .item-title em {
        font-size: var(--fs30);
        color: #ff2100;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-item .item-title img {
        width: 0.45rem;
        margin-right: 0;
        margin-top: -0.04rem;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-item select {
        width: 2rem;
        height: 0.7rem;
        margin-left: 0.15rem;
        padding: 0 0.35rem 0 0.2rem;
        font-size: var(--fs28);
        color: #333;
        border: solid 1px #e6e6e6;
        appearance: none;
        outline: none;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-item select:first-of-type {
        margin-left: 0;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-cent {
        width: 100%;
        height: auto;
        padding: 0.15rem;
        margin-bottom: 0.32rem;
        background: #fff;
        border: solid 1px #e6e6e6;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-cent .item-title {
        width: 100%;
        height: auto;
        font-size: var(--fs28);
        color: #333;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-cent .item-title em {
        font-size: var(--fs30);
        color: #ff2100;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-cent .item-title img {
        width: 0.46rem;
        margin-right: 0.02rem;
        margin-top: -0.02rem;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-cent textarea {
        width: 100%;
        height: 3rem;
        margin-top: 0.25rem;
        font-family: '微软雅黑';
        font-size: var(--fs26);
        color: #666;
    }
    .contact .contact-plate2 .plate2-box .box-cont .cont-right .right-cent textarea::placeholder {
        color: #ccc;
    }
    .contact .contact-plate2 .plate2-box .box-button {
        display: flex;
        justify-content: center;
        width: 100%;
        height: auto;
        margin-top: 0.08rem;
    }
    .contact .contact-plate2 .plate2-box .box-button .button {
        width: 100%;
        height: 1rem;
        margin: 0 0.1rem;
        font-size: 0.36rem;
        text-align: center;
        line-height: 1rem;
        color: #fff;
        border-radius: 0.45rem;
        background: #0683CE;
    }
    .contact .contact-plate2 .plate2-box .box-button .button:hover {
        background: #0683CE !important;
    }
    .pageW {
        width: 100%;
        height: auto;
    }
    .page-button {
        display: block;
        position: relative;
        width: 2.6rem;
        height: 0.8rem;
        font-size: var(--fs28);
        text-align: center;
        line-height: 0.8rem;
        text-transform: uppercase;
        color: #fff;
        background: #0683CE;
        border-radius: 0.45rem;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .page-button::before {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .page-button:hover {
        transform: translatey(-6px);
        -o-transform: translatey(-6px);
        -moz-transform: translatey(-6px);
        -webkit-transform: translatey(-6px);
    }
    .page-button:hover::before {
        opacity: 0.4;
        transform: translatey(6px);
        -o-transform: translatey(6px);
        -moz-transform: translatey(6px);
        -webkit-transform: translatey(6px);
    }
    .page-link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0.5rem 0.3rem 0;
    }
    .page-link .link-icon {
        // display: none;
        width: .46rem;
        margin-right: 0.13rem;
    }
    .page-link .link-icon img {
        display: block;
        width: 100%;
    }
    .page-link .link-text {
        display: none;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: auto;
        font-size: var(--fs28);
        color: #000;
    }
    .page-link .link-text a {
        color: #000;
    }
    .page-link .link-text a:hover {
        color: #0683CE;
        text-decoration: underline;
    }
    .page-link .link-text span {
        color: #0683CE;
    }
    .page-link .link-text em {
        width: .11rem;
        height: .15rem;
        margin: 0 0.15rem;
        background-size: 100%;
    }
    .page-title2 {
        font-size: var(--fs46);
        font-weight: bold;
        color: #1E1E1E;
    }
    .page-English {
        margin-top: 0.1rem;
        font-size: var(--fs30);
        text-transform: uppercase;
        color: #BCBCBC;
    }
    .page-logo {
        width: 3.84rem;
    }
    .page-logo img {
        width: 100%;
    }
    footer .foot-main .cont-logo {
        justify-content: center;
        border-bottom: none;
        padding-bottom: .1rem;
    }
    footer .foot-main .cont-logo img {
        width: 4.12rem;
    }
    footer .foot-main .cont-logo a {
        display: none;
    }
    footer .foot-main .cont-msg {
        padding: 0 .8rem;
        flex-direction: column-reverse;
    }
    footer .foot-main .cont-msg>img {
        width: max-content;
        max-width: 100%;
        margin: auto;
        // display: none;
    }
    footer .foot-main .cont-msg .cont-info {
        width: 100%;
    }
    footer .foot-main .cont-msg .cont-info div img {
        width: max-content;
        margin-right: .1rem;
    }
    footer .foot-main .cont-msg .cont-info div:nth-child(1) img {
        margin-right: 0;
    }
    footer .foot-main .cont-msg .cont-info div {
        font-size: .3rem;
        line-height: .76rem;
    }
}