﻿.menu {
    display: none;
  }
  .swiper1-pagination,
  .swiper2-pagination {
    display: none;
  }
  .video-bg {
    display: none;
  }
  .ph-bottom {
    display: none;
  }
  @media screen and (max-width: 966px) {
    .top {
        height: 45px;
        /* position: relative; */
    }
    .top:hover {
        background: none;
    }
    .top > .flex-e {
        /* width: 45.333vw; */
        width: 57.34vw;
    }
    .top > .flex-e .nav {
        display: none;
    }
    .logo {
        width: 42.66vw;
    }
  
  .top:hover .logo {
    background-color: rgba(0,0,0,.1);
  }
    .top-bg .logo{
       background-color:rgba(0,0,0,.1)
    }
  
  .top:hover.top-bg .logo {
    background-color: transparent;
  }
    .logo a{
      width: 25.6vw;
      height: 6.933vw;
    }
    .top:hover .logo a{
      background-image: url("../images/logo.png");
    }
    .top.top-bg .logo a{
      background-image: url("../images/logo2.png");
    }
    .logo img {
        height: 25px;
        width: auto;
    }
    .s-l {
        width: 100%;
    }
    .search {
        /* width: 4.266vw; */
        /* height: 4.266vw; */
        width: 16px;
        height: 16px;
        background-size: cover;
    }
    .top:hover .search {
        background: url('../images/S01.png') no-repeat center/cover;
    }
    .language {
        display: none!important;
        width: 10vw;
        height: 16px;
        font-size: 12px;
        background-size: auto 16px !important;
        padding-left: 6vw;
        display: flex;
        align-items: center;
        color: #fff;
        background: url('../images/L01.png') no-repeat left center;
    }
    .top-bg .language {
        background-size: auto 16px;
    }
    .top > .fr,
    .top:hover > .fr {
        background: rgba(0, 0, 0, 0.1);
    }
    .top:hover .language {
        color: #fff;
        background: url('../images/L01.png') no-repeat left center;
    }
    .top.top-bg:hover .language {
        color: #333;
        background: url('../images/L01.2.png') no-repeat left center;
    }
    .top-bg:hover > .fr {
        background: none;
    }
    .top .menu {
        display: block;
        /* justify-content: center; */
        /* flex-direction: column; */
        /* align-items: center; */
        /* width: 12vw; */
        width: 45px;
        height: 45px;
        background: #004887 !important;
        position: absolute;
        right: 0;
    }
    .menu span {
        display: block;
        background: #fff;
        /* width: 5.333vw; */
        width: 20px;
        height: 2px;
        margin: 0 auto;
        position: absolute;
        left: 12.5px;
        transition: all ease-out 0.3s 0s;
    }
    .menu span:first-child {
        top: 16px;
    }
    .menu span:nth-child(2) {
        top: 22px;
    }
    .menu span:last-child {
        top: 29px;
    }
    .menu.active span:first-child {
        top: 24px;
        transform: rotate(45deg);
    }
    .menu.active span:nth-child(2) {
        width: 0;
    }
    .menu.active span:last-child {
        transform: rotate(-45deg);
        top: 24px;
    }
    .sub-nav {
        display: none;
    }
    .nav {
        position: absolute;
        top: 45px;
        width: 100vw;
        padding: 0 4vw;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        background: #004887;
        justify-content: flex-start;
    }
    .nav li {
        width: 100%;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .nav li:last-child {
        border: none;
    }
    .nav li a {
        text-align: left;
        line-height: 60px;
        color: #fff;
        font-size: 4.266vw;
    }
    .nav li:hover > a {
        background: none;
    }
    .top:hover ul li > a,
    .top-bg ul li > a {
        color: #fff;
    }
    .section1 {
        /* height: 406px; */
        height: 108.266vw;
    }
    .swiper1 {
        height: 100%;
    }
    .swiper1 img {
        width: 100%;
        height: 100%;
    }
    .btn {
        display: none;
    }
    .s-box {
        display: none;
    }
    .t-box {
        /* display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      top: 0;
      height: 100%; */
    }
    .swiper1 .swiper-slide:nth-child(2n + 2) .t-box {
        top: 45.71875vw;
        padding-left: 34vw;
        text-align: left;
    }
    .swiper1 .swiper-slide:nth-child(2n + 2) .t-box p {
        font-size: 6vw;
        margin-top: 6vw;
        line-height: 6vw;
    }
    .swiper1 .swiper-slide:nth-child(2n + 2) .t-box h1 {
        text-align: left;
        font-size: 6vw;
        line-height: 6vw;
    }
    .swiper1 .swiper-slide:nth-child(2n + 2) .t-box span {
        width: 19.29vw;
        height: 19.65vw;
    }
    .swiper1 .swiper-slide:nth-child(2n + 1) .t-box {
        top: 53.71875vw;
        margin-left: 9.8vw;
        text-align: left;
        border-left: 0.8vw solid #fff;
        padding-left: 2.2vw;
    }
    .swiper1 .swiper-slide:nth-child(2n + 1).active .t-box {
        margin-left: 9.8vw;
    }
    @keyframes boxleft2 {
        0% {
            opacity: 0;
            margin-left: 36vw;
        }
        25% {
            opacity: 0.25;
        }
        50% {
            opacity: 0.5;
        }
        75% {
            opacity: 0.75;
        }
        100% {
            opacity: 1;
            margin-left: 9.8vw;
        }
    }
    .swiper1 .swiper-slide:nth-child(2n + 1) .t-box p {
        font-size: 5vw;
        margin-top: 0vw;
        line-height: 5vw;
        /* position: relative; */
        /* top: 1vw; */
    }
    .swiper1 .swiper-slide:nth-child(2n + 1) .t-box h1 {
        text-align: left;
        font-size: 5.5vw;
        line-height: 5.5vw;
        margin-top: 1.5vw;
    }
    .swiper1 span {
        font-size: 18vw;
        line-height: 18vw;
        position: absolute;
        left: 10vw;
        color: #fff;
    }
    .swiper1 span b {
        font-weight: normal;
        font-size: 5.666vw;
        line-height: 5.666vw;
        width: 2em;
        position: absolute;
        top: 0.5vw;
        left: 24vw;
    }
    .swiper1 h1 {
        font-size: 8vw;
        line-height: 12.266vw;
    }
    .swiper1 p {
        font-size: 3.733vw;
        line-height: 8vw;
    }
    .swiper1-pagination {
        width: 100%;
        display: flex!important;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 5.733vw;
        z-index: 99;
    }
    .swiper1-pagination .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.5);
        margin-left: 5px;
        opacity: 1;
    }
    .swiper1-pagination .swiper-pagination-bullet-active {
        width: 15px;
        height: 5px;
        background: #fff;
    }
    .section2 {
        background: url('../images/B01.2.jpg') no-repeat top center/cover;
    }
    .j-box1 {
        width: 100vw;
        height: 53.333vw;
        padding: 9.2vw 4vw 0;
    }
    .box-cn p {
        font-size: 6.4vw;
        line-height: 6.4vw;
    }
    .box-cn h1 {
        font-size: 8vw;
        line-height: 8vw;
        margin-top: 2.266vw;
    }
    .box-cn hr {
        display: none;
    }
    .box-cn span {
        font-size: 3.2vw;
        line-height: 5.333vw;
        margin-top: 3.6vw;
    }
    .j-box2 {
        width: 100vw;
        height: 150vw;
        padding-bottom: 50vw;
        position: relative;
        align-items: flex-start;
    }
    .j-box2 li {
        width: 50vw;
        height: 50vw;
    }
    .j-box2 li:nth-child(3) {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .j-box2 li:last-child {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .a-active {
        top: -50vw;
        display: none;
    }
    .j-box2 li a {
        padding-bottom: 10.8vw;
    }
    .j-box2 li a .icon-box {
        width: 11.466vw;
        height: 11.466vw;
    }
    .j-box2 li:hover .a-box1 {
        top: 0;
    }
    .j-box2 li:hover .a-active {
        top: -50vw;
    }
    .j-box2 li a hr {
        width: 4.266vw;
        margin: 2.666vw auto 2.266vw;
    }
    .j-box2 li a h1 {
        font-size: 3.733vw;
        font-weight: bold;
        line-height: 3.733vw;
        margin-top: 4vw;
    }
    .j-box2 li a p {
        font-size: 2.933vw;
        line-height: 2.933vw;
    }
    .section3 {
        height: 56vw;
        position: relative;
    }
    .video-box {
        width: 100vw;
        height: 100%;
    }
    .video-bg {
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url('../images/P01.jpg') no-repeat center/cover;
    }
    .play {
        width: 10.133vw;
        height: 10.133vw;
        border-radius: 50%;
        border: 2px solid #fff;
        background: url('../images/P02.png') no-repeat 3.733vw center;
        background-size: auto 4vw;
        cursor: pointer;
    }
    .section4 {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }
    .g-box1,
    .g-box2 {
        width: 100vw;
    }
    .g-box1 {
        height: 100vw;
    }
    .g-box1 li {
        width: 50vw;
        height: calc(100vw / 3);
        margin-bottom: 0;
    }
    .g-box1 li h1 {
        font-size: 8.533vw;
        line-height: 8.533vw;
    }
    .g-box1 li p {
        font-size: 3.2vw;
        line-height: 3.2vw;
        margin-top: 2.4vw;
    }
    .g-box1 li span {
        font-size: 2.666vw;
    }
    .g-box1 li div {
        align-items: flex-start;
        height: 8.533vw;
    }
    .g-box2 {
        height: 117.333vw;
        padding: 7.6vw 4vw 0;
    }
    .g-box2 .box-cn hr {
        display: block;
        height: 6.4vw;
        margin-top: 3.2vw;
    }
    .g-box2 .box-cn span {
        margin-top: 1.866vw;
    }
    .m-btn {
        width: 26.666vw;
        height: 8vw;
        line-height: 8vw;
        font-size: 3.2vw;
        border-radius: 8vw;
        background-image: url('../images/B03.2.png');
        background-size: 3.2vw auto;
        background-position: 19.733vw center;
        padding-left: 4.8vw;
        margin-top: 4.8vw;
    }
    .m-btn:hover {
        width: 26.666vw;
        height: 8vw;
        line-height: 8vw;
        font-size: 3.2vw;
        border-radius: 8vw;
        background-image: url('../images/B03.2.png');
        background-size: 3.2vw auto;
        background-position: 19.733vw center;
        padding-left: 4.8vw;
        margin-top: 4.8vw;
    }
    .g-box3 {
        margin-top: 12.8vw;
    }
    .g-box3 li {
        width: calc(100% / 3);
    }
    .g-box3 li img {
        max-width: 16.533vw;
        max-height: 10.933vw;
    }
    .g-box3 li p {
        font-size: 3.2vw;
    }
    .g-box3 li img {
        width: auto !important;
        height: auto !important;
    }
    .section5 {
        position: relative;
        height: 133.333vw;
        background-image: none;
    }
    .section5 .m-btn {
        position: absolute;
        bottom: 6.4vw;
        right: 4vw;
    }
    .swiper2-btn {
        display: none;
    }
    .swiper2 {
        width: 100%;
        height: 86.533vw;
    }
    .swiper2 .swiper-slide img {
        width: 100%;
        height: 50.133vw;
        margin: 0 auto;
    }
    .more {
        display: none;
    }
    .swiper2 .swiper-slide {
        padding: 0 4vw;
    }
    .swiper2 .swiper-slide p {
        display: none;
    }
    .swiper2 .swiper-slide > a {
        display: flex;
        flex-direction: column-reverse;
    }
    .n-box1 {
        height: 46.8vw;
        position: relative;
        padding-top: 8.4vw;
    }
    .n-box1 .box-cn span {
        margin-top: 2.933vw;
    }
    .swiper2-pagination {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 8vw;
        z-index: 99;
    }
  
    .swiper2-pagination .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #bbc0ca;
        margin-left: 5px;
        opacity: 1;
    }
    .swiper2-pagination .swiper-pagination-bullet-active {
        width: 15px;
        height: 5px;
        background: #004887;
    }
    .swiper2 .swiper-slide:hover {
        background: none;
    }
    .swiper-pagination-bullet:first-child {
        margin-left: 0;
    }
    .swiper2 .swiper-slide span {
        font-size: 3.2vw;
        line-height: 3.2vw;
        margin-top: 4vw;
    }
    .swiper2 .swiper-slide h1 {
        font-size: 4.266vw;
        line-height: 6.4vw;
        margin-top: 2.4vw;
    }
    .sw2-imgbox {
        width: 100%;
        margin: 0;
    }
    .footer {
        display: none;
    }
    .ph-bottom {
        height: 36vw;
        display: flex;
        justify-content: space-between;
        padding: 7.2vw 4vw 0;
        background: #1f2c44;
    }
    .ph-bm-box1 {
        width: 72vw;
    }
    .ph-bm-box1 p {
        font-size: 3.2vw;
        color: #9497a0;
        line-height: 5.6vw;
    }
    .ph-bm-box1 p a {
        color: #9497a0;
    }
    .ph-bm-box1 p img {
        max-height: 2.666vw;
    }
    .ph-bm-box2 {
        /* margin-top: 7.2vw; */
        flex-wrap: wrap;
        width: 17.6vw;
        height: 24vw;
    }
    .ph-bm-box2 img {
        width: 17.6vw;
        height: 17.6vw;
    }
    .ph-bm-box2 p {
        color: #d6d7da;
        font-size: 2.933vw;
        line-height: 6.666vw;
    }
    .ab-box1 {
        /*background: url("../images/M08.jpg")no-repeat center;*/
        background-size: 100% 100% !important;
        height: 40vw;
    }
    .ab-box1 img {
        display: none;
        width: auto;
    }
    .wh {
        width: 92vw;
    }
    .fixed {
        top: 0;
    }
    .ab-box2 {
        height: 41px;
        line-height: 41px;
    }
    .ab-box2 .wh {
        height: 100%;
        justify-content: space-between;
    }
    .ab-nav {
        overflow-x: scroll;
        overflow-y: hidden;
        height: 100%;
        width: calc(100% - 118px);
        flex: 5;
        flex-shrink: 0;
    }
    .ab-nav::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .ab-nav li {
        white-space: nowrap;
        height: 40px;
    }
    .ab-nav a {
        height: 40px;
        line-height: 40px;
    }
    .backtop {
        background-size: 3.2vw;
        padding-left: 3.5vw;
        flex: 1;
        flex-shrink: 0;
        margin-left: 10px;
        display: none;
    }
    .backtop:hover {
        color: #666;
    }
    .ab-box3 {
        padding: 5vw 0;
    }
    .ab-box3 .wh {
        flex-wrap: wrap;
    }
    .ab-box3 .fl {
        width: 100%;
    }
    .ab-box3 .fr {
        width: 100%;
    }
    .ab-box3 .fl h1 {
        font-size: 6.4vw;
        line-height: 12.8vw;
    }
    .ab-box3 .fl hr {
        width: 8.533vw;
    }
    .ab-box3 .fl h2 {
        font-size: 4vw;
        line-height: 6.4vw;
    }
    .ab-box3 .fl p {
        font-size: 3.466vw;
        line-height: 5.33vw;
    }
    .ab-box3 .fr {
        margin-top: 2vw;
    }
    .ab-box3 .fr img:first-child {
        margin-bottom: 4.5vw;
        height: 43.2vw;
    }
    .ab-box3 .fr img:nth-child(2) {
        width: 50.666vw;
        height: 34.133vw;
    }
    .ab-box3 .fr img:last-child {
        width: 36vw;
        height: 34.133vw;
    }
    .ab-box4 {
        height: 75vw;
        padding-top: 4vw;
        background-position: 90% center;
    }
    .ab-box4 .flex-e {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        height: 100%;
    }
    .ab-box4-txt {
        width: 100%;
        height: 100%;
    }
    .ab-box4 .flex-e h1 {
        font-size: 6.4vw;
        text-align: center;
        line-height: 12.8vw;
        margin-right: 5vw;
    }
    .ab-box4 .flex-e ul span {
        font-size: 4vw;
        width: 100%;
        background-size: 5.6vw;
        line-height: 5.6vw;
        /* background-position: 31vw; */
        padding-left: 7vw;
    }
    .ab-box4 .flex-e ul {
        width: 100%;
    }
    .ab-box4 .flex-e ul li {
        display: flex;
        /* justify-content: center; */
        flex-wrap: wrap;
        /* text-align: center; */
    }
    .ab-box4 .flex-e ul p {
        font-size: 3.2vw;
        /* padding-left: 31vw; */
        line-height: 7.2vw;
    }
    .ab-box5 {
        height: auto;
        overflow: hidden;
    }
    .swiper3 {
        height: 80vw;
    }
    .tit-box h1 {
        font-size: 6.4vw;
        line-height: 14.4vw;
    }
    .tit-box hr {
        width: 8.533vw;
    }
    .swiper3 .swiper-slide {
        border: none;
        padding: 0;
    }
    .swiper3 .swiper-slide h1 {
        font-size: 6.4vw;
    }
    .swiper3 .swiper-slide p {
        font-size: 4.266vw;
        line-height: 7.466vw;
        min-height: 14.9332vw;
    }
    .swiper3 .swiper-slide img {
        width: 100%;
    }
    .swiper3-button {
        width: 8vw;
        height: 8vw;
        background-size: 1.866vw auto;
        top: 60%;
    }
    .swiper3-button-next {
        right: -11vw;
    }
    .swiper3-button-prev {
        left: -10vw;
    }
    .swiper3-pagination {
        height: 2px;
        margin-bottom: 5px;
    }
    .ab-box6 {
        height: auto;
    }
    .ab-box6 h1 {
        font-size: 6.4vw;
        line-height: 10.8vw;
    }
    .ab-box6 p {
        font-size: 3.33vw;
        line-height: 4.266vw;
    }
    .swiper4 {
        width: 88%;
        margin: 0 auto;
        height: calc(70vw + 10px);
    }
    .swiper4 .swiper-slide .slide-box {
        width: 100% !important;
        height: 65vw;
        padding: 3vw;
        padding-bottom: 0;
    }
    .img-box {
        height: 50vw;
    }
    .slide-box span {
        font-size: 3.73vw;
        line-height: 4.266vw;
        margin-top: 4vw;
    }
    .swiper4-btn {
        width: 8vw;
        height: 8vw;
        z-index: 99;
        background-size: 2vw auto;
        top: 45.53125vw;
    }
    .swiper4-button-prev {
        left: -3.53125vw;
    }
    .swiper4-button-next {
        right: -4.875vw;
    }
    .ab-box7 {
        height: auto;
        flex-wrap: wrap;
    }
    .ab-box7 img {
        width: 100vw;
        height: 79.2vw;
    }
    .js-box {
        width: 100vw;
        padding: 3vw 4vw 4vw 6vw;
    }
    .js-box h1 {
        font-size: 6.4vw;
        line-height: 12.8vw;
    }
    .js-box h2 {
        font-size: 4.6vw;
        line-height: 8.2vw;
    }
    .js-box p {
        font-size: 3.6vw;
        line-height: 5.6vw;
    }
    .jn-box1 {
        background: url('../images/M20.jpg') no-repeat center;
        background-size: cover;
    }
    .ct-box > h1 {
        font-size: 6.4vw;
        line-height: 12.8vw;
    }
    .ct-ul1 {
        flex-wrap: wrap;
    }
    .ct-ul1 li {
        width: 48%;
        height: 33vw;
        margin-bottom: 4vw;
    }
    .ct-ul1 li span {
        font-size: 3.733vw;
        margin-top: 3vw;
    }
    .ct-ul1 li h1 {
        font-size: 4vw;
        line-height: 12vw;
    }
    .ct-ul1 li h2 {
        font-size: 3vw;
        line-height: 4.41vw;
        margin-top: 3vw;
    }
    .ct-icon {
        width: 11.166vw;
        height: 11.166vw;
    }
    .icon1 {
        background-size: 4.71875vw auto;
    }
    .icon2 {
        background-size: 4.979vw auto;
    }
    .icon3 {
        background-size: 6.083vw auto;
    }
    .ct-ul2 {
        justify-content: space-between;
    }
    .ct-ul2 li {
        width: 100%;
        margin: 0 0 4vw;
        height: 25vw;
    }
    .ct-ul2 h1 {
        font-size: 4.25vw;
        line-height: 8.7083vw;
    }
    .ct-ul2 p {
        font-size: 3.466vw;
        line-height: 4.875vw;
    }
    .ct-box2 {
        height: 50vw;
    }
    .jn-box3 {
        background-position: center 47.542vw;
    }
    .jn-txt1 h1 {
        font-size: 6.4vw;
        line-height: 12.8vw;
    }
    .jn-txt1 p {
        font-size: 3.733vw;
        line-height: 6vw;
    }
    .jn-txt2 h1 {
        font-size: 6.4vw;
        line-height: 12.8vw;
    }
    .jn-txt2 table tr {
        height: 12.8vw;
    }
    .jn-txt2 table tr th:nth-child(3),
    .jn-txt2 table tr th:nth-child(5),
    .jn-txt2 table tr td:nth-child(3),
    .jn-txt2 table tr td:nth-child(5) {
        display: none;
    }
    .jn-txt2 table tr th {
        font-size: 3.466vw;
        text-align: center;
    }
    .jn-txt2 table tr th:nth-child(1) {
        text-align: left;
    }
    .jn-txt2 table tr td {
        font-size: 3.466vw;
        text-align: center;
    }
    .jn-txt2 a {
        font-size: 3.466vw;
    }
    .jn-txt2 table tr:not(.jn-txt2 table tr:first-child) td:first-child {
        font-size: 3.733vw;
        line-height: 5vw;
        width: 45%;
        background-size: 4.2vw;
        padding-left: 8vw;
        text-align: left;
    }
    .mk-box {
        background: url('../images/M23.jpg') no-repeat center;
    }
    .mk-box1 {
        height: auto;
    }
    .mk-tit h1 {
        font-size: 6.4vw;
        line-height: 12.8vw;
    }
    .mk-tit hr {
        width: 7.1vw;
    }
    .mk-tit p {
        font-size: 3.733vw;
        line-height: 6vw;
    }
    .mk-box2 {
        height: auto;
        padding-bottom: 4vw;
    }
    .mk-box2 ul li {
        width: 16.25vw;
        height: 16.25vw;
        margin: 0 0 3vw;
    }
    .mk-box2 ul li:nth-child(5n + 1) {
        margin-left: 0;
    }
    .list-box1 {
        /*background: url("../images/M31.jpg")no-repeat  -105vw center;*/
    }
    .list-box ul {
        justify-content: space-between;
    }
    .list-box ul li {
        width: 48%;
        height: auto;
        padding-bottom: 2vw;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        margin-left: 0;
    }
    .list-box ul .list-img-box {
        width: 100%;
        height: 28vw;
    }
    .list-box ul li p {
        font-size: 3.466vw;
        line-height: 5.333vw;
        overflow: hidden;
    }
    .list-txt {
        height: auto;
        padding-top: 0;
    }
    .list-box ul li span {
        font-size: 3.2vw;
    }
    .rh-box3 {
        background: url('../images/M24.jpg') no-repeat center;
    }
    .rh-box1 ul li {
        width: 48%;
        height: 28.1vw;
        margin-bottom: 3vw;
    }
    .swiper5 {
        width: 80vw;
        height: auto;
        margin: 6vw auto;
    }
    .swiper5 .slide-box {
        width: 100%;
        height: 100%;
        padding: 4vw;
    }
    .swiper5 .img-box {
        height: 47.583vw;
    }
    .swiper5-btn {
        width: 8vw;
        height: 8vw;
        background-size: 2vw auto;
        top: -37vw;
    }
    .swiper5-button-prev {
        left: -11.427vw;
    }
    .swiper5-button-next {
        right: -10.627vw;
    }
    .swiper5 .slide-box span {
        margin-top: 3.25vw;
    }
    .ul-box ul li:nth-child(3n + 1) {
        margin-left: 0 !important;
    }
    .ul-box ul li {
        width: 30%;
        height: auto;
        margin-bottom: 4vw !important;
        margin-left: 5% !important;
    }
    .sn-box1-1 h1 {
        font-size: 6.4vw;
        line-height: 12.8vw;
    }
    .SN-box hr {
        width: 5.333vw;
    }
    .SN-box h2 {
        font-size: 4.266vw;
        line-height: 10.665vw;
    }
    .SN-box p {
        font-size: 3.466vw;
        line-height: 6.4vw;
    }
    .sn-box1-3 ul li {
        width: 48%;
        height: 28.8vw;
        margin-bottom: 3vw;
    }
    .sn-box1-3 ul li img {
        height: 100%;
    }
    .sn-box1-3 ul li:nth-child(2n + 1) {
        margin-left: 0;
    }
    .sn-box2 ul li {
        height: auto;
        padding: 6vw 0;
    }
    .sn-box2 ul li .wh {
        flex-wrap: wrap;
    }
    .sn-txt {
        width: 100%;
    }
    .sn-img-box {
        max-height: 55vw;
        width: 100%;
    }
    .sn-img-box img {
        width: 80%;
        height: 80%;
    }
    .sn-more {
        width: 23.66vw;
        height: 7.466vw;
        font-size: 3.466vw;
        background-size: 2.66vw auto;
        padding-left: 6vw;
    }
    .newshow-tit {
        text-align: center;
        border-bottom: 1px solid #eee;
        padding: 2vw 0 3vw;
    }
    .newshow-tit h1 {
        font-size: 4.4vw;
        line-height: 7vw;
    }
    .newshow-tit p {
        font-size: 4.266vw;
        line-height: 6vw;
        color: #999;
        margin-top: 2vw;
    }
    .newshow-cn {
        font-size: 4.266vw;
        color: #333;
        padding: 2vw 0 4vw;
    }
    .newshow-cn p {
        margin-bottom: 2vw;
    }
    .NewsPage {
        text-align: center;
        font-size: 0.9375vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3vw;
    }
    .NewsPage a {
        width: 30px;
        height: 30px;
        background: #f4f4f4;
        font-size: 13px;
        margin: 0 3px;
        line-height: 30px;
    }
    .sn-box3 {
        /*background: url("../images/M33.jpg")no-repeat center;*/
        background-size: auto 100%;
    }
    .cpinfo2022 {
        flex-wrap: wrap;
        margin-top: 5.33vw;
    }
    .cpinfo2022_imgbox,.cpinfo2022info {
        width: 100%;
    }
    .cpinfo2022_imgbox_img {
        justify-content: center;
    }
    .cpinfo2022info > p {
        font-size: 4.8vw;
        line-height: 9.33vw;
    }
    .cpinfo2022info ul li span,.cpinfo2022info ul li p {
        font-size: 2.4vw;
        line-height: 9.33vw;
    }
    .cpinfo2022_imgbox_img li {
        width: 11.87vw;
        height: 11.87vw;
    }
    .cpinfo2022_imgbox_bigimg {
        height: 74.67vw;
    }
    .cpinfo2022_imgbox_bigimg img {
        width: 74.67vw;
        height: 74.67vw;
    }
    .cpinfo2022info > a {
        width: 42.67vw;
        line-height: 8.53vw;
        font-size: 2.4vw;
        margin-top: 5.33vw;
    }
    .cpfeature2022 .wh,.cpcondition2022 .wh,.marketphone2022 ul {
        flex-wrap: wrap;
    }
    .cpfeature2022 .wh > p,.cpcondition2022 .wh > p,.cpabout2022 .wh>p,.marketphone2022>p {
        font-size: 4.8vw;
        width: 100%;
    }
    .cpfeature2022 .wh ul,.cpcondition2022 .wh ul {
        width: 100%;
    }
    .cpfeature2022 .wh ul li,.cpcondition2022 .wh ul li,.marketphone2022 ul li {
        width: 100%;
        margin-right: 0;
        border: 0;
    }
    .cpfeature2022 .wh ul li span,.cpcondition2022 .wh ul li span {
        font-size: 4.27vw ;
    }
    .cpfeature2022 .wh ul li p,.cpcondition2022 .wh ul li p,.marketphone2022 ul li {
        font-size: 2.13vw;
        line-height: 4vw;
    }

    .swiper6 {
        padding-top: 6.67vw;
    }
    .swiper6 .swiper-slide img {
        height: 58.67vw;
    }
  }
  
  
