@media screen and (min-width:1921px) {

  .bannerSwiper .swiper-slide span {

    font-size: 35px;

    padding-left: 100px;

    letter-spacing: 100px;

  }



  .page2-info {

    padding: 180px 16.5vw;

    padding-left: 0;

  }



  .page2-info-img {

    top: 8.5vw;

  }



  .page2::after {

    top: calc(8.5vw - 16px);

  }



  .page2-info p {

    font-size: 20px;

    line-height: 2.5;

  }



  .page3 .page-title {

    margin-bottom: 75px;

  }



  /* .swiper-inner h1 {

    font-size: 2.5rem;

  } */



  .swiper-inner p {

    line-height: 1.8;

  }



  .swiper-inner {

    display: flex;

    flex-direction: column;

    justify-content: center;

  }



  .page3-swpier .swiper-slide .swiper-inner::after {

    bottom: 50px;

    right: 50px;

  }



  .page3-swpier .swiper-slide .swiper-inner:hover::after {

    right: 35px;

  }



  .page2-info-inner::after {

    height: calc(100% - 30px);

    margin-top: 15px;

  }



  .page2-ul {

    bottom: 6%;

  }



  .page2-ul h2 p {

    font-size: 5rem;

    margin-bottom: 25px;

    letter-spacing: -3px;

  }



  .page2-ul sup {

    font-size: 45px;

    font-weight: 600;

    top: -3.8rem;



    left: .1rem;

  }



  .page2-ul li span {

    margin-left: -1rem;

    font-size: 1.1rem;

    line-height: 1.8rem;

    margin-left: -.8rem;

  }



  .head {

    height: 80px;

    border-bottom: 1px solid #fff;

  }



  .page4 {

    /* background-size: 50%; */

  }



  .head-active {

    padding: 0 16.5%;

    border: none;

  }



  .head .logo {

    width: 183px;

  }



  .page2-info-img {

    right: 16.5vw;

  }



  .page2::after {

    right: calc(16.5vw - 18px);

  }



  .page2-info {

    width: 88%;

  }



  .page2-ul {

    width: 68%;

  }



  .swiper-inner {

    left: -20px;

    border-left: 20px solid var(--colorR);

  }



  .page3 .page-title {

    margin-bottom: 85px;

  }



  .page5-swpier .swiper-slide h2 {

    left: 45px;

    font-size: .75rem;

    top: 48px;

  }



  .page6-box {

    top: 29%;

  }



  .page6-right a {

    padding: 65px 20px;

  }



  .page2-info-inner::after,

  .page6-left .mCustomScrollBox::after {

    left: 11.25vw;

    background-size: cover;

  }



  .page6-left .mCustomScrollBox::after {

    height: calc(100% - 70px);

  }



  .page6-tab span {

    margin: 0 40px;

  }



  .page6-tab span:nth-child(1) {

    margin-left: 0;

  }



  .page6-left {

    width: 49%;

  }



  .foot-left ul {

    padding-bottom: 45px;

    margin-bottom: 45px;

  }



  .foot-more {

    height: 55px !important;

  }



  .foot-more p {

    font-size: .6rem;

  }



  .cp-box {

    zoom: 1.32;

  }



  .title-page::after {

    width: 85%;

  }



  .title-page-box .title-page {

    width: 85%;

  }



  .news-info {

    padding: 42.5px 40px;

    padding-bottom: 80px;

  }



  .news-info span {

    right: 40px;

  }



  .video-item span {

    font-size: .7rem;

  }



  .video-box .pagination {

    margin-top: 65px;

  }

}









@media screen and (max-width:1680px) {

  * {

    font-size: 20px;

  }



  .page2-info-img {

    top: 10.5vw;

  }



  .page2::after {

    top: 9.5vw;

  }



  .padding {

    padding: 8.5vw 16.5vw;

  }



  .cp-box {

    zoom: .858;

  }



  .page3 .page-title {

    margin-bottom: 85px;

  }



  .page6-tab {

    top: 10vw;

  }



  .page6-right a {

    padding: 50px 20px;

  }



  .page6-left .mCustomScrollBox::after {

    height: calc(100% - 68px);

  }



  .foot-left ul {

    padding-bottom: 45px;

    margin-bottom: 45px;

  }



  .video-item span {

    font-size: .75rem;

  }

}



@media screen and (max-width:1440px) {

  .input-border {

    padding-right: 5px;

  }



  .page2-info {

    height: 300px;

  }



  .padding {

    padding: 8.5vw 13.5vw;

  }



  .cp-box {

    zoom: .795;

  }



  .foot-left-bottom-left h1 {

    margin-bottom: 15px;

  }



  .foot-left ul li a:nth-child(1) {

    margin-bottom: 15px;

  }



  .head ul a {

    margin: 0 15px;

  }



  .page2-info-inner {

    padding-left: 13.5vw;

  }



  /* .swiper-inner h1 {

    margin-bottom: 10px;

  } */



  .cybk-item-info {

    font-size: 14px;

  }



  .page2-info {

    padding: 0px 16.5vw;

    width: 89%;

    padding-left: 0 !important;

  }



  .page2-info-img {

    width: 20vw;

  }



  .page2-ul {

    bottom: 10%;

  }



  .page2-info p {

    line-height: 2.5;

  }



  .page2-info-inner::after {

    top: 8%;

    height: 84%;

  }



  .page2-ul li span {

    line-height: .8rem;

    /* margin-left: -.8rem; */

    font-weight: 600;

  }



  .page2-ul sup {

    top: -2.4rem;

    font-weight: 600;

    font-size: 30px;

  }



  .page3 .page-title {

    margin-bottom: 70px;

  }



  .page4 .page-title {

    margin-bottom: 80px;

  }



  .page5-swpier .swiper-slide h2 {

    top: 30px;

  }



  .page6-left .mCustomScrollBox::after {

    height: calc(100% - 45px);

  }



  .page6-right a {

    padding: 37px 20px;

  }



  .title-page-box {

    align-items: center;

    margin-bottom: 80px;

  }



  .title-page-box .title-page {

    margin-bottom: 0;

  }

}



@media screen and (max-width:1366px) {

  .head ul a {

    margin: 0 15px;

  }



  .foot-left ul li a:nth-child(1) {

    margin-bottom: 25px;

  }



  .page2-info {

    height: 240px;

  }



  .page3-swpier .swiper-slide {

    padding-bottom: 26%;

  }



  .page3-inner .page3-swpier-pagination {

    margin-top: 25px;

  }



  .logo-item {

    background-size: 60%;

  }



  .page5-swpier-pagination {

    bottom: 5.5vw;

  }



  .foot-out {

    /* height: 52vh !important; */

  }



  .foot {

    height: 47vh;

  }



  .foot-left ul {

    /* padding-bottom: 0; */

  }



  .page-title p {

    margin-bottom: 6vh;

  }



  .share a {

    height: 22px !important;

    width: 22px !important;

  }



  .head-mc ul li a {

    margin-bottom: 20px;

  }

  

  .head-mc ul .checkout_l {

    display: flex;

    width: 100%;

  }



  .head ul {

    width: 60%;

  }



  .input-box {

    width: 10%;

  }



  .cp-box {

    zoom: .755;

  }



  .page2-info {

    padding: 80px 0;

  }



  .head ul a {

    margin: 0 10px;

  }



  .page6-left .mCustomScrollBox {

    padding-left: calc(13.5vw - 30px);

  }



  .page6-left .mCustomScrollBox::after {

    left: calc(6.25vw - 15px);

  }



  .page6-left p {

    margin-bottom: 3px;

    line-height: 1rem;

  }



  .page6-left p:nth-child(-n + 3) {

    margin-top: 3px;

  }



  .page6-right a {

    padding: 20px;

  }



  .bannerSwiper .swiper-slide span {

    letter-spacing: 55px;

  }



  .page6-right a p {

    word-break: break-all;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

  }



  .page2-info {

    padding: 0 0;

    margin-top: 0;

    width: 70%;

    top: 35%;

  }



  .page2-info p {

    width: 55%;

    font-size: 15px;

  }



  .page2-info-img {

    width: 17vw;

  }



  .page2-ul {

    bottom: 6%;

  }



  .page3 .page-title {

    margin-bottom: 40px;

  }



  .page4 .page-title {

    margin-bottom: 50px;

  }



  .page5-inner {

    margin-top: -56px;

  }



  .page5-swpier-pagination {

    bottom: 2.5vw;

  }



  .page6-left p:nth-child(-n + 3) {

    display: none;

  }



  .page6-left h2 {

    display: none;

  }



  .page6-left .mCustomScrollBox::after {

    height: calc(100% - 8px);

  }



  .page6-box {

    height: 50vh;

    margin-top: 50px;

  }



  .page6-left {

    padding: 30px 30px;

  }



  .foot {

    height: 58vh;

  }



  .news-info p {

    margin-bottom: 10px;

  }



  .page2-info p {

    line-height: 2;

  }

}



@media screen and (max-width:1280px) {

  .nav-btn {

    width: 25px;

  }



  .head ul a {

    margin: 0 10px;

  }



  .head-right::after {

    left: 38%;

  }



  .cp-box {

    zoom: .705;

  }



  .page5-swpier-pagination {

    bottom: 4vw;

  }



  .page5-swpier .swiper-slide h2 {

    top: 20px;

  }



  .search {

    width: 150px;

  }



  .title-page-box .title-page {

    width: 79%;

  }



  .title-page-box .title-page::after {

    width: 75%;

    left: 19%;

  }

}



@media screen and (max-width:1000px) {

  @font-face {

    font-family: 'wbzt1';

    src: url('wbzt1.otf');

  }



  @font-face {

    font-family: 'wbzt3';

    src: url('wbzt3.otf');

  }



  .head .logo {

    align-items: flex-start;

    width: 40%;

  }

  .live-left p {
    font-size: 14px!important;
    line-height: 30px!important;
  }


  .head .logo img {

    /* height: 100%; */

    width: 100%;

    display: inline-block;

    /* image-rendering: -moz-crisp-edges;

    image-rendering: -o-crisp-edges;

    image-rendering: -webkit-optimize-contrast;

    image-rendering: crisp-edges;

    -ms-interpolation-mode: nearest-neighbor; */

  }



  .head {

    width: 100%;

    border: none;

    left: 0;

    padding: 0 20px;

    align-items: center;

    align-content: flex-start;

    z-index: 999;

  }



  .bannerSwiper .swiper-slide span {

    padding-left: 0;

  }



  .head ul {

    display: none;

  }



  .input-box {

    display: none;

  }



  .en {

    display: none;

  }



  .head-right::after {

    display: none;

  }



  .head-mc ul {

    flex-direction: column;

  }



  .head-mc ul li a {

    display: none;

  }



  .head-mc ul li a:nth-child(1) {

    display: flex;

    width: 100%;

  }



  .head-mc ul li {

    width: 100%;

    margin-bottom: 0px !important;

    margin-top: 0;

    justify-content: center;

    padding: 15px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .1);

  }



  .head-mc ul li a {

    margin-bottom: 0px !important;

    font-size: .63em !important;

  }



  .head-mc {

    padding: 0 20px;

    padding-top: 10vh;

    z-index: 99;

  }



  .head-mc ul li:nth-last-child(1) {

    display: none;

  }



  .head-right {

    width: auto;

  }



  .bannerSwiper .swiper-slide span:nth-child(1) {

    display: none;

  }



  .mobile-text {

    display: flex;

  }



  .bannerSwiper .swiper-slide span {

    letter-spacing: 20px;

    writing-mode: vertical-lr;

    line-height: 3.5rem;

    font-size: 22px;

    margin-top: -44px;

  }

  .bannerSwiper .swiper-slide span.hometextclassen {

    letter-spacing: 0px;
    font-size: 20px;
    writing-mode:horizontal-tb;

  }



  .mobile-jt {

    position: absolute;

    bottom: 50px;

    left: 50%;

    transform: translate(-50%, 0);

    display: flex;

    align-items: center;

    flex-direction: column;

    font-size: .65rem;

    color: #fff;

    z-index: 5;

  }



  .mobile-jt img {

    width: auto;

    zoom: .5;

    margin-bottom: 15px;

  }



  .mobile-jt span {

    margin-top: 15px;

    font-size: 15px;

    letter-spacing: 5px;

    color: #e5e5e5;

  }



  .padding {

    padding: 8.5vw 30px;

    padding-top: 10vh;

  }



  .page2-info-img {

    display: none;

  }



  .page2::after {

    display: none;

  }



  .page-title {

    font-weight: 600;

    font-size: 20px;

    flex-direction: column-reverse;

    display: flex;

    margin-bottom: 20px;

    letter-spacing: 1px;

    color: #333;

  }



  .page-title p {

    margin-bottom: 5px;

    font-size: 20px;

    width: 50%;

    line-height: 30px;

  }



  .page2-info {

    width: 100%;

    padding: 0;

    left: 0;

    height: auto;

    background-color: transparent;

    position: static;

  }



  .page2-info p {

    width: 100%;

    display: none;

    text-align: justify;

    color: #333;

  }



  .page2-info-inner {

    padding: 0;

    position: relative;

  }



  .page2-info p:nth-child(-n+2) {

    display: flex;

  }



  .page2-ul {

    flex-wrap: wrap;

    bottom: 8.5vw;

    transform: translate(0);

    justify-content: center;

    width: calc(100%);

    box-sizing: border-box;

    position: static;

    margin: 0;

    margin-top: 30px;

  }



  .page2-ul li {

    width: 33.3%;

    margin-top: 30px;

  }
  



  .page2-ul li:nth-child(-n + 3) {

    margin-top: 0;

  }

  .page2-ul li:nth-child(4),.page2-ul li:nth-child(5) {

    width: 46.3%;

  }




  .page3 {

    background-image: url('/static/cn/mb1.jpg');

    background-size: auto;

    /* animation: bgdh 60s linear 2s infinite alternate; */

  }



  @keyframes bgdh {

    0% {

      background-position: 0;

    }



    25% {

      background-position: 25%;

    }



    50% {

      background-position: 50%;

    }



    100% {

      background-position: 100%;

    }

  }







  .page3-swpier {

    display: none;

  }



  .page3-mobile-swiper {

    display: flex;

    width: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    margin-top: 20vh;

  }



  .page3-mobile-slide {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

  }



  .page3-mobile-slide h1 {

    font-size: 10rem;

    color: rgba(255, 255, 255, .8);

    font-family: 'wbzt3';

    letter-spacing: -10px;

  }



  .page3-mobile-slide p {

    font-size: .65rem;

    color: #fff;

    letter-spacing: 1px;

    margin-bottom: 10px;

  }



  .page3-mobile-swiper .swiper-slide {

    opacity: 0 !important;

  }



  .page3-mobile-swiper .swiper-slide-active {

    opacity: 1 !important;

  }



  .logo-item:nth-child(-n + 4) {

    margin-top: 0;

  }



  .logo-item {

    width: 49%;

    margin-right: 2%;

    margin-top: 10px !important;

    padding-bottom: 20%;

    border-radius: 5px;

    /* filter: grayscale(); */

    box-shadow: 10px 10px 10px rgba(0, 0, 0, .1);

  }



  .logo-item:nth-child(2n) {

    margin-right: 0;

  }



  .logo-item:nth-child(-n + 2) {

    margin-top: 0 !important;

  }



  .page5-swpier {

    display: none;

  }



  .pctitle {

    display: none;

  }



  .page-title p {

    white-space: nowrap;

  }



  .page5-mobile-swiper {

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    background-image: url('../image/pro-bg-m.jpg');

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

  }



  .page5-mobile-swiper .page5-slide {

    height: 100%;

    width: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: .5s 1s;

  }



  .page5-mobile-swiper .page5-slide span {

    position: absolute;

    bottom: 70px;

    left: 50%;

    color: #4d4d4d;

    font-size: .75rem;

    letter-spacing: 1px;

    transform: translate(-50%, 0);

  }



  .mobile-title-page5 {

    display: flex;

    position: absolute;

    z-index: 5;

    transition: .5s .5s;

  }



  .page5-mobile-swiper {

    display: block;

  }



  .page5-mobile-swiper .swiper-pagination-page5 {

    bottom: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .swiper-pagination-bullet {

    height: 4px;

    width: 4px;

    background-color: #4A4A4A;

    opacity: 1;

  }



  .swiper-pagination-page5 .swiper-pagination-bullet-active {

    height: 8px;

    width: 8px;

    background-color: #D81735;

  }



  .page6-tab {

    display: none;

  }



  .page6-box {

    display: none;

  }



  .page6-mobile {

    width: 100%;

    display: block;

    transition: .5s 1s;

  }



  .page6-mobile span {

    color: #333;

    text-align: right;

    width: 100%;

    display: inline-block;

    font-size: .65rem;

  }



  .page6-mobile img {

    width: 100%;

    margin: 15px 0;

  }



  .page6-mobile h1 {

    font-size: .75rem;

    line-height: 1.2rem;

    font-weight: 600;

    color: #333;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }



  .page6-mobile p {

    font-size: .6rem;

    color: #333;

    line-height: 1.2rem;

    margin: 10px 0;

  }



  .mobile-btn {

    width: 100%;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 25px;

    font-size: .72rem;

    color: #4E4E4E;

    border: 2px solid #4E4E4E;

    font-weight: 500;

    margin-top: 15px;

  }



  .mobile-page {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: block;

  }



  .mobile-paly {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    height: 60px;

  }



  .mobile-page .mobile-btn {

    position: absolute;

    bottom: 80px;

    width: calc(100% - 60px);

    left: 30px;

    letter-spacing: 0;

    bottom: 40px;

  }



  .mobile-video-mc {

    padding: 35px;

    box-sizing: border-box;

    width: 100%;

    background-color: #fff;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    z-index: 5;

    display: none;

  }



  .mobile-video-mc video {

    width: 60%;

    margin: 0 auto;

  }



  .mobile-video-mc img {

    width: 25px;

    height: 25px;

    position: absolute;

    right: 10px;

    top: 10px;

  }



  .foot-left ul {

    display: none;

  }



  .ewm {

    display: none;

  }



  .foot {

    flex-direction: column;

    box-sizing: border-box;

    padding: 30px;

    height: 85%;

    flex-direction: column-reverse;

  }



  .foot-left {

    width: 100%;

  }



  .foot-left-bottom-left p {

    line-height: 20px;

    font-size: 12px;

  }



  .pc-p {

    display: none;

  }



  .mobile-p {

    display: flex;

  }



  .foot-left-bottom-left p {

    margin-bottom: 5px;

  }



  .search {

    width: 200px;

  }



  .foot-out {

    /* height: 320px !important; */

  }



  .cp-box {

    display: none;

  }



  .title-page {

    display: none;

  }



  .mobile-box-cp {

    width: 100%;

    display: flex;

    flex-direction: column;

  }



  .mobile-cp-item {

    width: 100%;

    margin-bottom: 15px;

  }



  .mobile-cp-item img {

    width: 100%;

    display: none;

  }



  .mobile-cp-item span {

    font-size: .75rem;

    letter-spacing: 1px;

    color: #333;

    height: 50px;

    width: 100%;

    display: flex;

    padding: 0 20px;

    box-sizing: border-box;

    align-items: center;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    background-color: #E6E6E6;

    position: relative;

    transition: .5s;

  }



  .mobile-cp-item:nth-last-child(1) {

    margin-bottom: 0;

  }



  .mobile-cp-item span::after {

    content: '';

    position: absolute;

    right: 20px;

    top: 35px;

    width: 16px;

    height: 10px;

    background-image: url('/static/cn/cp-jt.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto;

    transform: rotate(-90deg);

    zoom: .6;

    transition: .5s;

  }



  .mobile-cp-item .active::after {

    transform: rotate(0);

  }



  .mobile-cp-item .active {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

  }



  .mobile-cp-item div {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    padding-bottom: 35%;

    position: relative;

    display: none;

  }



  .mobile-cp-item:nth-child(1) div {

    display: block;

  }



  .box-page {

    padding-top: 8.5vw;

  }



  .head-active {

    background-color: #fff;

  }



  .head-active ul a {

    color: #333;

  }



  .head-active .nav-btn span {

    background-color: #333;

  }



  .head-active .input-border {

    border: 1px solid rgba(0, 0, 0, .1);

  }



  .head-active .en {

    color: #333;

  }



  .head-active .head-right::after {

    background-color: #333;

  }



  .btn-cp {

    position: absolute;

    right: 30px;

    top: 50%;

    transform: translate(0, -50%);

    width: 130px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: .65rem;

    color: #fff;

    border: 2px solid #fff;

    border-radius: 20px;

  }



  .video-item {

    width: 100%;

    margin-top: 30px;

    margin-right: 0;

    display: flex;

    flex-direction: column;

    flex-direction: column-reverse

  }



  .video-item:nth-child(-n + 3) {

    margin-top: 30px;

  }



  .video-item:nth-child(1) {

    margin-top: 0;

  }



  .video-mc {

    width: 100%;

  }



  .video-item p {

    margin-bottom: 0;

    margin-top: 15px;

  }



  .video-item span {

    font-size: .65rem;

  }



  .news-item {

    width: 100%;

    margin: 0;

    margin-bottom: 15px;

    /* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */

    box-shadow: 0px 0 10px 0px rgba(15, 5, 10, 0.05);

  }



  .pagination {

    flex-wrap: wrap;

  }

  .pagination li {

    list-style: none;

    display: inline-block;

    margin: 0;

    padding:0;

    text-align: center;

  }

 .pagination a {

    margin: 0 5px;

    margin-top: -6px;

  } 



  .pagination li span.current {

    color: #fff;

    display: block;

    border: 1px solid #e21738;

    background: #e21738;

    width: 35px;

    height: 35px;

    line-height: 35px;

    border-radius: 35px;

    margin: 0 5px;

    margin-top: 0px;

}



  .news-box {

    display: none;

  }



  .mobile-news-box {

    display: flex;

    flex-wrap: wrap;

  }

  .page-box .pagination a {

    margin-top: 0px;

  } 



  .news-info h2 {

    font-size: .65rem;

    color: #999;

    line-height: 1rem;

    margin-bottom: 15px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

  }



  .news-info h1 {

    margin-bottom: 15px;

  }



  .news-info p {

    margin-bottom: 0;

    text-align: right;

    margin-bottom: 10px;

  }



  .news-info {

    padding: 20px;

  }



  .news-item:nth-child(1) {

    box-shadow: 0 0 0 transparent;

  }



  .title-page-box {

    display: none;

  }



  .foot-right input {

    padding-left: 20px;

    font-size: 12px;

  }



  .colorW {

    color: #fff;

  }



  .logo-list .logo-item {

    filter: grayscale();

    margin-right: 10px;

    transition: .5s;

  }



  .logo-list .logo-item:nth-child(2n) {

    margin-right: 0;

  }



  .logo-list {

    margin-top: 25px;

  }



  .mo-right {

    transform: translate(100%, 0);

    opacity: 0;

  }



  .mo-left {

    transform: translate(-100%, 0);

    opacity: 0;

  }



  .logo-item:nth-child(1),

  .logo-item:nth-child(2) {

    transition: .4s 1s;

  }



  .logo-item:nth-child(3),

  .logo-item:nth-child(4) {

    transition: .4s 1.4s;

  }



  .logo-item:nth-child(5),

  .logo-item:nth-child(6) {

    transition: .4s 1.8s;

  }



  .logo-item:nth-child(7),

  .logo-item:nth-child(8) {

    transition: .4s 2.2s;

  }



  .logo-item:nth-child(9),

  .logo-item:nth-child(10) {

    transition: .4s 2.6s;

  }



  .logo-item:nth-child(11),

  .logo-item:nth-child(12) {

    transition: .4s 3s;

  }



  .logo-list .active img:nth-child(1) {

    opacity: 0;

  }



  .logo-list .active img:nth-child(2) {

    opacity: 1;

  }



  .foot-left-bottom-left p {

   /*  white-space: nowrap; */

    color: #bfbfbf;

  }



  .foot-h6{

    display: block;

  }



  .foot-left-bottom-left h1 {

    font-size: .75em;

  }



  .foot {

    height: 85%;

  }



  .foot-out {

    /* height: 280px !important; */

  }



  .foot-left-bottom {

    position: relative;

  }



  .share {

    width: 45%;

    position: absolute;

    right: 0;

    bottom: 0;

  }



  .foot-more p {

    line-height: 1.5;

    font-size: 12px;

    transform: scale(0.9);

  }

  .foot-more p span{

    display: none;

  }

  .foot-more p a:nth-of-type(2){

    display: block;

  }

  .foot-more {

    height: auto;

    text-align: center;

    padding: 10px 0;

  }



  .foot {

    height: auto;

  }



  .page2 {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

  }



  .page2-ul {

    margin-bottom: 30px;

  }



  .page3-inner {

    height: 100%;

    z-index: 5;

  }



  .page3-mobile-swiper {

    height: 100%;

    top: 35%;

  }



  .search p {

    width: 100%;

    transform: translate(0);

  }



  .yqlj-more {

    width: 100%;

    transform: translate(0, 100%);

  }



  .share a {

    height: 20px !important;

    width: 20px !important;

  }



  .mobile-fz-swiper-out {

    width: 100%;

    height: 100%;

    position: absolute;

    background-color: #fff;

    left: 0;

    top: 0;

    display: flex;

  }



  .mobile-fz-swiper {

    width: 100%;

    height: 100%;

  }



  .mobile-fz-swiper .swiper-wrapper {

    /* 通过改变animation-timing-function 制作弹性切换效果 */

    /* transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; */

  }



  .mobile-fz-swiper .swiper-slide {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

  }



  .share {

    position: static;

    display: block;

  }



  .share a {

    padding: 0 !important;

    float: none;

    display: inline-block;

    vertical-align: top;

  }



  .bdshare-button-style0-16 a,

  .bdshare-button-style0-16 .bds_more {

    margin: 6px 15px 6px 0 !important;

  }



  .page2-info-inner::after {

    display: none;

  }



  .page2-info p {

    font-size: 14px;

    margin-bottom: 15px;

  }



  .page2-ul {

    margin-top: 0;

    margin-bottom: 45px;

  }



  .m-nomargin {

    margin-bottom: 0;

  }



  .foot-right {

    margin-bottom: 30px;

  }



  .foot-more p a img{

    width: 14px;

    vertical-align: middle;

  }



  .foot {

    height: auto;

  }



  .head-active img {

    /* image-rendering: -moz-crisp-edges;

    image-rendering: -o-crisp-edges;

    image-rendering: -webkit-optimize-contrast;

    image-rendering: crisp-edges;

    -ms-interpolation-mode: nearest-neighbor; */

  }



  .page4 {

    position: relative;

  }



  .logo-list {

    position: absolute;

    width: calc(100% - 30px);

    left: 15px;

    top: 60%;

    transform: translate(0, -50%);

    margin-top: 0;

  }



  .v-pc {

    display: none;

  }



  .v-mobile {

    display: block;

  }



  .page-video {

    position: relative;

    width: 100%;

    height: 100%;

  }



  .page-video video {

    position: absolute;

    object-fit: fill;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }



  .page-video .page-title {

    position: absolute;

    top: calc(8.5vw + 8vh);

    left: 30px;

  }



  .page2-ul span {

    margin-bottom: -4px;

  }



  .logo-list {

    width: calc(100% - 60px);

    left: 30px;

  }



  .logo-item {

    width: calc(50% - 5px);

    padding-bottom: calc((50% - 5px)/2);

    margin-right: 10px;

  }



  .page4 {

    background-image: url("../image/m-bg-logo1.jpg");

  }



  .mobile-fz-swiper .swiper-slide-active {

    animation: bgdh2 15s linear 2s infinite alternate;

  }
  .indexguojihua img {
    display: block;
    max-width: 100%;
    margin: auto;
    margin-top: 30px;
  }
  


  @keyframes bgdh2 {

    0% {

      transform: scale(1);

    }



    25% {

      transform: scale(1.2);

    }



    50% {

      transform: scale(1);

    }



    100% {

      transform: scale(1.2);

    }

  }



  .logo-item img {

    width: 70%;

  }



  .foot-left-bottom-right a:nth-last-child(1) {

    margin-right: 0 !important;

  }



  .m-none {

    display: none;

  }



  .m-cybk-item {

    width: 100%;

  }



  .m-cybk-img {

    width: 100%;

    padding-bottom: 73.5%;

  }



  .m-cybk-item-img-box {

    width: 100%;

    padding: 15% 0;

    margin: 0 auto;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .m-cybk-item-img-box img {

    max-width: 45%;

  }



  .m-cybk-logo {

    width: 100%;

    padding-bottom: 35%;

    position: relative;

  }



  .m-nopadding {

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

  }



  .m-cybk-info {

    font-size: 14px;

    line-height: 28px;

    padding: 0 35px;

    text-align: justify;

    box-sizing: border-box;

    text-align-last: center;

  }



  .m-btn {

    width: calc(100% - 70px);

    height: 40px;

    border-radius: 25px;

    border: 2px solid #4C4C4C;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    color: #333;

    box-sizing: border-box;

    margin: 30px auto;

  }



  .m-btn::after {

    content: ">";

    font-size: 15px;

    color: #333;

    margin-left: 8px;

  }



  .m-xx {

    display: inline-block;

    width: 8%;

    animation: sxdh 2s linear 2s infinite alternate;

  }



  .m-xx-box {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 45px;

    margin-top: 45px;

  }



  .m-cybk-logo p {

    font-size: 20px;

    position: absolute;

    color: #333;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

  }



  .m-cybk-item2 .m-xx-box {

    padding-top: 80px;

  }



  @keyframes sxdh {

    0% {

      transform: translate(0, 5px);

    }



    25% {

      transform: translate(0, 0);

    }



    50% {

      transform: translate(0, -5px);

    }



    100% {

      transform: translate(0, 0);

    }

  }



  .logo-item img {

    image-rendering: auto;

    image-rendering: auto;

    image-rendering: auto;

    image-rendering: auto;

    -ms-interpolation-mode: auto;

  }



  /* 20210226 */

  .head {

    height: 60px;

  }



  .page2-ul p {

    text-align: center !important;

  }



  .page-title {

    margin-top: 0;

  }



  .padding {

    padding-top: 0;

  }



  .page-title {

    margin-top: 60px;

  }



  .page2-info {

    margin-bottom: 50px;

  }



  .m-color-w {

    color: #fff;

  }



  .page-title {

    margin-top: 20px;

  }



  .logo-list {

    top: 55%;

  }



  .logo-item {

    padding-bottom: 30%;

  }



  .mobile-btn {

    margin-top: 40px;

  }



  .page-video .page-title {

    top: 20px;

  }



  .page-video .mobile-btn {

    bottom: 80px;

  }



  .box-page {

    padding-top: 50px;

  }



  .news-info {

    padding: 35px 20px;

  }



  .news-info span {

    bottom: 20px;

  }



  .video-item {

    flex-direction: column;

  }



  .video-item span {

    font-size: .65rem;

    margin-top: 20px;

  }



  .page2-ul h2 p {

    color: #6a6a6a;
    font-size: 2.5rem;
  }



  .page2-ul sup {

    color: #6a6a6a;

  }



  .page2-ul li span {

    color: #6a6a6a;

  }



  .page2 {

    background-position: right 18%;

    background-size: 150%;

  }



  .page2-info {

    margin-bottom: 0;

    margin-top: 160px;

  }



  .logo-item {

    background-color: rgba(255, 255, 255, .5);

  }



  .page2-ul {

    margin-bottom: 30px;

  }



  .page2-info {

    margin-top: 210px;

  }



  .page-title {

    margin-top: 45px;

  }



  .page-video .page-title {

    top: 0;

  }

}





@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {



  /*code*/

  .page-title {

    margin-bottom: 10px;

    font-size: 18px;

  }



  .page6-mobile img {

    margin: 10px 0;

  }



  .page6-mobile p {

    line-height: .8rem;

    margin: 5px 0;

  }



  .page2-ul {

    margin-top: 0;

    margin-bottom: 10px;

  }

}



@media screen and (max-width:390px) and (max-height:844px) {

  .contactusinfo div {
    width: 100%;
    margin-right: 0;
  }
  .contactusinfo {
    flex-direction:column;
    padding-top: 20px;
  }

  /* iphone12 */

  .mobile-btn {

    margin-top: 50px;

  }
  .contactusinfo_left_tit {
    display: none;
  }

  .contactusinfo_left_tit div {
    padding-left: 20px;
    font-size:20px;
  }
  .contactusinfo_left_tit div:first-child {
    padding-top:10px;
    color:#fff;
    font-size: 15px;
  }

  dl.tit {
    text-align: center;
    margin-top: 60px !important;
    margin-bottom: 15px;
  }

  .jjfalistpc {
    display: none;
  }
  .jjfalist3g {
    display: block;
  }

}



@media screen and (max-width:675px) {

  .jjfalistpc {
    display: none;
  }
  .jjfalist3g {
    display: block;
  }


  .contactusinfo {
    flex-direction:column;
    padding-top: 20px;
  }
  dl.tit {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 15px;
  }

  .contactusinfo div {
    width: 100%;
    margin-right: 0;
  }


  .page2-info p:nth-child(-n+2) {

    display: flex;

    line-height: 2;

  }

  .contactusinfo_left_tit {
    display: none;
  }
  .contactusinfo_left_tit div {
    padding-left: 20px;
    font-size:20px;
  }
  .contactusinfo_left_tit div:first-child {
    padding-top:10px;
    color:#fff;
    font-size: 15px;
  }



  .page2-info {

    margin-bottom: 0;

    margin-top: 70px;

  }



  .logo-list {

    top: 57%;

  }

}