@charset "gb2312";

/* CSS Document */
html,
body {
     width: 100%;
     height: 100%;
     overflow: hidden;
     font-family: 'Microsoft YaHei';
}


ul,
li {
     list-style: none;
}

img {
     border: 0;
     display: block;
}

.clear {
     zoom: 1;
}

.clear:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td {
     margin: 0;
     padding: 0;
     word-break: break-all;
}

p {
     text-indent: 2em;

     text-align: left;
}

a {
     color: #000;
     text-decoration: none;
}

a:hover {
     color: #c00;
     text-decoration: none;
}

.pos_rel {
     position: relative;
}

.pos_abs {
     position: absolute;
}

/*-----------------font--------------*/

.F14 {
     font-size: 14px;
}

.F16 {
     font-size: 0.16rem;
}

.F18 {
     font-size: 0.18rem;
}

.F20 {
     font-size: 0.2rem;
}

.F25 {
     font-size: 25px;
}

/*-----------------line-height--------------*/
.LH2 {
     line-height: 2em;
}

.LH2-2 {
     line-height: 2.2em;
}

.LH2-4 {
     line-height: 2.4em;
}

.LH3-2 {
     line-height: 3.2em;
}

.auto {
     margin: 0 auto;
}

.box {
     width: 200px;
     height: 100px;
     position: relative;
     transition: all .2s ease;
}
/* -------------- loader6 -------------- */

.loader6 {
     position: relative;
     width: 12px;
     height: 12px;

     top: 46%;
     top: -webkit-calc(50% - 6px);
     top: calc(50% - 6px);
     left: 46%;
     left: -webkit-calc(50% - 6px);
     left: calc(50% - 6px);

     border-radius: 12px;
     background-color: rgba(208, 119, 37, 1);
     -webkit-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-animation: loader6 1s ease-in-out infinite;
     animation: loader6 1s ease-in-out infinite;
}

.loader6:before {
     content: "";
     position: absolute;
     background-color: rgba(208, 119, 37, .5);
     top: 0px;
     left: -25px;
     height: 12px;
     width: 12px;
     border-radius: 12px;
}

.loader6:after {
     content: "";
     position: absolute;
     background-color: rgba(208, 119, 37, .5);
     top: 0px;
     left: 25px;
     height: 12px;
     width: 12px;
     border-radius: 12px;
}


@-webkit-keyframes loader6 {
     0% {
          -webkit-transform: rotate(0deg);
     }

     50% {
          -webkit-transform: rotate(180deg);
     }

     100% {
          -webkit-transform: rotate(180deg);
     }
}

@keyframes loader6 {
     0% {
          transform: rotate(0deg);
     }

     50% {
          transform: rotate(180deg);
     }

     100% {
          transform: rotate(180deg);
     }
}
 /* 背景视频 */
        #bg-video {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }

        .img-a {
            position: absolute;
            width: 33.177vw;
            top: 7.22vw;
            left: 5.67vw;
        }

        .bg-a {
            position: absolute;
            width: 70.1vw;
            top: 6.25vw;
            right: 0;
        }

        /* 新闻模块容器 */
        #news-wrapper {
            position: absolute;
            top: 0;
            right: 0;
            width: 65.625vw;
        }

        /* 你的原六边形按钮 */
        #nav-buttons {
            width:47.343vw;
            height: 5.312vw;
            position:relative;
            margin-top:1vw;
            margin-left:5vw;
            /* transform:scale(0.9); */
        }

        .tab-btn {
            background:url('./../images/nav.png') no-repeat;
            background-size:47.187vw auto; /* 确保背景图片随按钮大小自适应 */
            transition: all 0.3s ease;
            position:absolute;
            cursor: pointer;            
            height: 1.666vw;
        }
        .tab-btn.active {
            background:url('./../images/nav_a.png') no-repeat;
            background-size:47.187vw auto; /* 确保背景图片随按钮大小自适应 */
            transition: all 0.3s ease;
            position:absolute;
        }
          .tab-btn:nth-child(1) {
            background-position: 0 -1.666vw; 
            width: 7.343vw;
            left:-7.083vw;
            top:1.666vw;
            clip-path: polygon(4% 0, 93% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
        }
        .tab-btn:nth-child(2) {
          background-position: 0 -3.593vw;
          width: 17.062vw;
          left: -7.06vw;
          top: 3.593vw;
          clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
        }
        .tab-btn:nth-child(3) {
            background-position: -7.083vw -0.885vw;
            width: 17.760vw;
            left:0;
            top:0.885vw;
            clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
        }
        .tab-btn:nth-child(4) {
          background-position: -16.770vw -2.760vw;
          width: 8.020vw;
          left: 9.687vw;
          top: 2.760vw;
          clip-path: polygon(4% 0, 93% 0, 100% 50%, 93% 100%, 4% 100%, 0 50%);
        }
        .tab-btn:nth-child(5) {
            background-position: -24.270vw 0;
            width: 8.020vw;
            left:17.187vw; 
            top:0;
            clip-path: polygon(4% 0, 96% 0, 100% 50%, 95% 100%, 6% 100%, 0 50%);
        }
        .tab-btn:nth-child(6) {
            background-position: -24.322vw -1.875vw;
            width: 11.718vw;
            left:17.239vw;
            top:1.875vw;
            clip-path: polygon(4% 0, 95% 0, 100% 50%, 95% 100%, 4% 100%, 0 50%);
        }
        .tab-btn:nth-child(7) {
            background-position: -24.170vw -3.697vw;
            width: 7.968vw;
            left:17.187vw;
            top:3.697vw;
            clip-path: polygon(6% 0, 95% 0, 100% 50%, 96% 100%, 0% 100%, 0 50%);
        }
          .tab-btn:nth-child(8) {
            background-position: -35.525vw -0.989vw;
            width: 11.770vw;
            left:28.489vw;
            top:0.989vw;
            clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
        }
          .tab-btn:nth-child(9) {
            background-position: -35.525vw -2.812vw;
            width: 7.968vw;
            left:28.541vw;
            top:2.812vw;
            clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
        }

        /* .tab-btn:hover {
            transform: scale(1.15);
        }

        .tab-btn.active {
            background: linear-gradient(135deg, #a7d2ff, #ffffff);
            border-color: #5fa2ff;
            color: #1d5fa3;
            transform: scale(1.2);
        } */

        .push-left {
            margin-left: -10px;
        }

        .push-right {
            margin-right: -10px;
        }

        /* 新闻区域 */
        #news-box {
            width: 100%;
            height: 35.36vw;
            position: relative;
            /* overflow: hidden; */

            perspective: 1600px;
            margin-top: 1vw;
            /* display:none */
        }

        /* ----------------------------- */
        /*   ✨ 升级后的炫酷 3D slide 动画   */
        /* ----------------------------- */
        .slide {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;

            opacity: 0;
            transform-origin: center;
            transform: translateX(80px) translateZ(-200px) rotateY(15deg) scale(0.9);
            filter: blur(12px) brightness(0.7);

            transition:
                opacity .85s ease,
                transform .85s cubic-bezier(.16, .84, .44, 1),
                filter .85s ease;

            padding: 15px;
            box-sizing: border-box;
            pointer-events: none;
        }

        .slide.active {
            opacity: 1;
            transform: translateX(0) translateZ(0) rotateY(0deg) scale(1);
            filter: blur(0) brightness(1);
            pointer-events: auto;
        }

        /* 内容 */
        .top-bar {
          height: 2.65vw;
          margin-left:3vw
        }


        #control-buttons {
            display: flex;
            justify-content: space-between;
            width:20.26vw;
            height: 3.85vw;
            background: url('./../images/arrows.png') no-repeat;
            background-size: 100% 100%;
            box-sizing: border-box;
            padding: 0 2vw;
            margin-top: 0.3vw;  
            margin-left: 7vw;
        }

        #control-buttons button {
          width: 2.8vw;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            background: rgba(68, 68, 68, 0);
            color: white;
        }

        .box-dl,.plll,.fbh,.sqyjs,.scbk{
          display: flex;
          justify-content: center;
          margin-top: 2vw;
          margin-left: 8vw;
        }
        .box-dl{
          margin-top: -1vw;
        }
          .box-dl p{
                width: 22vw;
    font-size: 1vw;
    line-height: 2em;
    color: #0D68C4;
    text-align: justify;
    background: url(./../images/bg_dl.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 1vw;
    padding-top: 6vw;
          }
          .box-dl a{
            width: 25.312vw;
            height: 33.75vw;
            margin-left: 2vw;
            position: relative;
            overflow: visible;
          }
          .box-dl a::after, .box-dl a::before{
            content: '';
            position: absolute;
            width: 1.5vw;
            height: 1.5vw;
          }
          .box-dl a::after{       
            bottom : -1vw;
            right: -1vw;     
            border-right: 5px solid #9CC7FB;
            border-bottom: 5px solid #9CC7FB;
          }
          .box-dl a::before{            
            top: -1vw;
            left: -1vw;
            border-left: 5px solid #9CC7FB;
            border-top: 5px solid #9CC7FB;
          }
          .box-dl a video{
               
            width: 25.312vw;
            height: 33.75vw;
            background: #000;
          }
          .box-dl label{
               display: flex;
               flex-direction: column;
               align-items: center;
               text-indent: 0;
               margin-top: 1vw;

          }
           .box-dl span{
               text-align: center;
          }
          .box-dl span img.dl-ewm{
            width: 7vw;
            height: 7vw;
               margin:0;
               box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.7);
          }

          .plll{
               justify-content: start;
          }
          .pl-left{
               display:block;
               background:#fff;
               width:20.52vw;
          }
          .pl-left img{
               width:20.52vw;
               height:11.458vw;
          }
          .pl-left strong{
               font-size: 1.1vw;
               line-height: 1.8em;
               color: #333;
               text-align: justify;
               margin: 0.7vw;
               border-bottom: 1px solid #86C8F9;
               padding-bottom: 0.5vw;
               display: block;
          }
          .pl-left p{
               font-size:1vw;
               line-height: 1.8em;
               color: #333;
               text-align: justify;
               margin: 0.7vw;
          }
          .pl-right{
               width:30vw;
               margin-left: 2.5vw;
          }
          .pl-right li{
               display: flex;
               margin-bottom: 2vw;
          }
          .pl-right li:last-child{
               margin-bottom: 0;
          }
          .pl-right img{
               width: 3.3vw;
               height: 2.9vw;
               margin-right: 0.7vw;
          }
         .pl-right a{               
               font-size: 1.1vw;
               line-height: 1.8em;
               color: #333;
         } 
          .pl-right p{
               font-size: 1vw;
               line-height: 1.8em;
               color: #333;
               text-align: justify;
          }

          .fbh{
               justify-content: start;
               align-items: center;
               margin-top: -2vw;
          }
          .fbh-left{
               width: 30vw;
          }
          .fbh-left div{
               display: none;
               min-height: 10vw;
          }
          .fbh-left div.act{
               display: flex;
               align-items: center;
          }
          .fbh-left div strong{    
               display: block;
               text-align: center;
               font-size: 1.1vw;
               line-height: 1.8em;
               color: #333;
          }
          .fbh-left div p{
               font-size: 1vw;
               line-height: 1.8em;
               color: #333;
               margin-top: 1vw;
               text-indent: 0;
          }
          .fbh-left ul{
               display: flex;
               justify-content: start;
               flex-wrap: wrap;
               margin-top: 1vw;
          }
          .fbh-left ul li{
               width: 1.3vw;
               height: 1vw;
               color: #333;
               margin: 0 0.2vw 1.5vw;
               cursor: pointer;
               text-align: center;

          }
          .fbh-left ul li.act{
               color: #005CFB;
               position: relative;
               font-size: 1vw;
          }
          .fbh-left ul li.act::after{
               content: '';
               border-top: 0vw solid transparent;
               border-bottom: 0.7vw solid #005CFB;
               border-left: 0.5vw solid transparent;
               border-right: 0.5vw solid transparent;
               font-size: 1vw;
               width: 0vw;
               height: 0vw;
               position: absolute;
               left: 50%;
               transform: translateX(-50%);
               bottom: -1.1vw;     
          }
          .fbh-right{
               width: 15.833333vw;
               height: 31.5104vw;
               margin-left: 2vw;
               position: relative;
          }
          .bg_phone{
               width: 15.833333vw;
               height: 31.5104vw;
               position: absolute;
               left: 50%;
               top: 50%;
               transform: translate(-50%, -50%);
               z-index: 1;
               pointer-events: none;
          }
          .fbh-img{
               width: 13.9583333vw;
               height: 30.0520vw;
               position: absolute;
               top: 50%;
               left: 50%;
               transform: translate(-50%, -50%);
               display: none;
               cursor: pointer;
          }
          .fbh-img.act{
               display: block;
          }
.ssw{
     margin-left: 3vw;
}
          .ssw-tab{
            width: 46.094vw;
            height: 6.875vw;
            position:relative;
            margin-top:4.5vw;
            display: flex;
            justify-content: space-between;
          }
          .ssw-tab li{                
            width: 6.875vw;
            height: 6.875vw;
            background:url('./../images/ssw.png') no-repeat;
            background-size: 46.094vw auto; /* 确保背景图片随按钮大小自适应 */
            transition: all 0.3s ease;
            cursor: pointer;
          }
          .ssw-tab li.act{
            background:url('./../images/ssw-act.png') no-repeat;
            background-size: 46.094vw auto; /* 确保背景图片随按钮大小自适应 */
            transition: all 0.3s ease;
          }
          .ssw-tab li:nth-child(1){
            background-position: 0 0;
          }
          .ssw-tab li:nth-child(2){
            background-position: -7.813vw 0;
          }
          .ssw-tab li:nth-child(3){
            background-position: -15.677vw 0;
          }
          .ssw-tab li:nth-child(4){
            background-position: -23.489vw 0;
          }
          .ssw-tab li:nth-child(5){
            background-position: -31.354vw 0;
          }
          .ssw-tab li:nth-child(6){
            background-position: -39.219vw 0;
          }
.ssw-pan{
     margin-top: 2vw;
     width: 57.865vw;
     margin-left: 3vw;
}
.ssw-pan li{
     display: none;
     position: relative;
}
.ssw-pan li.act{
     display: block;
}
.ssw-pan li a{
     font-size: 1.1vw;
     line-height: 1.8em;
     color: #333;
     display: block;
     text-align: center;
}
.ssw-pan li a:nth-child(1){
     width: 43vw;
}
.ssw-pan li a p{
     border-top: 1px solid #86C8F9;
     padding: 1vw;
     margin-top: 1vw;
     box-sizing: border-box;
}
.ssw-pan li .ssw-img{
     display: block;
     width: 13.9vw;
     height: 30vw;
     position: absolute;
     right: 0;
     top:-13.8vw;
}
.ssw-pan li .ssw-img img{
     width: 13.9vw;
     height: 30vw;
}


          .sqyjs{
               justify-content: start;
          }
          .sqyjs-left{
               dissqyjsay:block;
               background:#fff;
               width:20.52vw;
               margin-left: 2.5vw;
               margin-top: -3vw;    
          }
          .sqyjs-left img{
               width:20.52vw;
               height:11.458vw;
          }
          .sqyjs-left strong{
               font-size: 1.1vw;
               line-height: 1.8em;
               color: #333;
               text-align: justify;
               margin: 0.7vw;
               border-bottom: 1px solid #86C8F9;
               padding-bottom: 0.5vw;
               display: block;
          }
          .sqyjs-left p{
               font-size:1vw;
               line-height: 1.8em;
               color: #5C9DEC;
               text-align: justify;
               margin: 0.7vw;
          }
          .sqyjs-right{
               width:30vw;
          }
          .sqyjs-right li{
               display: flex;
               margin-bottom: 1.2vw;
          }
          .sqyjs-right li:last-child{
               margin-bottom: 0;
          }
          .sqyjs-right img{
               width: 3.3vw;
               height: 2.9vw;
               margin-right: 0.7vw;
          }
         .sqyjs-right a{               
               font-size: 1.1vw;
               line-height: 1.8em;
               color: #333;
         } 
          .sqyjs-right p{
               font-size: 1vw;
               line-height: 1.8em;
               color: #333;
               text-align: justify;
          }

 .mySwiper {
      width: 100%;
      height: 100%;
    }

   .mySwiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
    .mySwiper .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}

    .mySwiper.swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

     .mySwiper2 {
               width: 13.9583333vw;
               height: 30.0520vw;
               position: absolute;
               top: 50%;
               left: 50%;
               transform: translate(-50%, -50%);
    }
     .mySwiper2 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .scbk{
      align-items: center;
      margin-top: 3.5vw;
      margin-left: 5vw;
    }
.scbk-left{
     width: 27vw;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
}
.scbk-left a{
     width:6.145vw;
     height: 13.3333vw;
     display: block;
     margin-top: 0.5vw;
     margin-bottom: 0.5vw;
}
.scbk-left .h0{
     width:6.145vw;
     height:0
}
.scbk-left a img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.scbk-right{
     width:16.822vw;
     height:29.89vw;
     margin-left: 2vw;
}
.ll{
     display: flex;
     justify-content: center;
     align-items: center;
}
.ll-tab{     
     width: 45.573vw;
     height: 28.490vw;
     position:relative;
     transform: scale(0.8);
}
.ll-tab li{     
     width: 40.260vw;
     height: 3.750vw;
     background:url('./../images/ll.png') no-repeat;
     background-size: 45.573vw auto; /* 确保背景图片随按钮大小自适应 */
     transition: all 0.3s ease;
     position:absolute;
     cursor: pointer;
}

.ll-tab li.active {
     background:url('./../images/ll-act.png') no-repeat;
     background-size: 45.573vw auto; /* 确保背景图片随按钮大小自适应 */
     transition: all 0.3s ease;
     position:absolute;
}

.ll-tab li:nth-child(1){
     left: 5.313vw;
     top: 0;
     background-position: -5.313vw 0;
}
.ll-tab li:nth-child(2){
     left: 0;
     top: 4.948vw;
     background-position: 0 -4.948vw;
}
.ll-tab li:nth-child(3){
     left: 5.313vw;
     top: 9.896vw;
     background-position: -5.313vw -9.896vw;
}
.ll-tab li:nth-child(4){
     left: 0;
     top: 14.844vw;
     background-position: 0 -14.844vw;
}
.ll-tab li:nth-child(5){
     left: 5.313vw;
     top: 19.792vw;
     background-position: -5.313vw -19.792vw;
}
.ll-tab li:nth-child(6){
     left: 0;
     top: 24.739vw;
     background-position: 0 -24.739vw;
}
.ll-tab li a{
     width:100%;
     height:100%;
     display:block;
}

.ll-pan{
     width: 15.417vw;
     height: 33.385vw;
     position:relative;
     margin-top: -2vw;
     margin-left: 1vw;
}
.ll-pan li{
     width:100%;
     height:100%;
     display:none;
     background:red;
}
.ll-pan li img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
.ll-pan li.active{
     display:block;
}


.head {
     height: 508px;
     background: url('./../images/bg2.jpg') no-repeat center top;
}

.container {
     width: 1200px;
     background: #fff;
     box-sizing: border-box;
     padding: 30px;
     font-size: 16px;
     line-height: 2em;
     color: #444;
     margin: 0 auto;
}

.container a {
     color: #444;
}

.title {
     font-size: 16px;
     color: #c00;
     line-height: 1.7em;
     font-weight: bold;
     text-align: center;
}

.time {
     line-height: 1.7em;
     color: #888;
}

.text-d {
     font-size: 14px;
     line-height: 1.7em;
     color: #444;
}

.text-d img {
     margin: 15px auto;
}

.mbx {
     border-bottom: 1px solid #ccc;
     line-height: 2em;
     margin-bottom: 30px;
}

#pagenum {
     padding: 3px;
     margin: 3px;
     text-align: center;
     font-size: 14px;
     font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "����";
}

#pagenum a {
     border: #ddd 1px solid;
     padding: 2px 5px;
     margin-right: 2px;
     color: #aaa;
     text-decoration: none;
}

#pagenum a:hover {
     border: #a0a0a0 1px solid;
     padding: 2px 5px;
     margin-right: 2px;
}

#pagenum a:active {
     border: #a0a0a0 1px solid;
     padding: 2px 5px;
     margin-right: 2px;
}

#pagenum a.current {
     border: #e0e0e0 1px solid;
     padding: 2px 5px;
     margin-right: 2px;
     font-weight: bold;
     color: #aaa;
     background-color: #f0f0f0;
}

#pagenum span.disabled {
     border: #f3f3f3 1px solid;
     padding: 2px 5px;
     margin-right: 2px;
     color: #ccc;
}

#copylink img {
     display: inherit;
}
.swiper-container{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
.swiper-slide{
	text-align:center;

	/* Center slide text vertically */
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
    transition-property:all;
}
.swiper-slide img{width:100%; height:100%; object-fit:cover;}
.swiper-slide a{
	display:block;
    width:100%;
    height:100%;
    text-align:center;
	color:#fff;
    line-height:1.5;
	position:relative;
	overflow:hidden;
}
.swiper-slide a h1{
	position:absolute;
	bottom:0;
	width:100%;
	padding:0.05rem;
	font-size:0.18rem;
    font-weight:normal;
	box-sizing:border-box;
	background:rgba(0,0,0,0.6);

    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.swiper-slide i{
	font-size:0.14rem;
    font-style:normal;
    line-height:1.8;
	text-align:justify;
}
.swiper-slide span h1{
    position:relative;
    padding:0.05rem 0;
    font-weight:bold;
    background:none;
}
.swiper-slide span h1 a{display:inline; color:#000; text-align:left;}
.swiper-button-prev,
.swiper-button-next{
	--swiper-navigation-size:0.33rem;
    --swiper-navigation-color:#333;
	outline:none;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
    --swiper-navigation-color:#c00;
}
.swiper-pagination-bullet{
	width:0.08rem;
	height:0.08rem;
	background:rgba(255, 255, 255, 1);
	opacity:1;
}
.swiper-pagination-bullet-active{
	background:rgba(255, 0, 0, 1);
	opacity:1;
}

/* 多图带倒影 */
.swiper6{width:55vw; height:30vw; margin:0 auto; position:relative;}
.swiper6 .swiper-slide img{height:80%; border-radius:0.1rem;}
.swiper6 .swiper-slide img.reflect{-webkit-box-reflect:below 0.1rem -webkit-linear-gradient(transparent,transparent 80%,rgba(255,255,255,.5));}
.swiper6 .swiper-slide a h1{bottom:20%;	border-radius:0 0 0.1rem 0.1rem;}
.swiper6 .swiper-slide:not(.swiper-slide-active){transform:scale(0.9); opacity:0.5; pointer-events:none;}
.swiper6 .swiper-button-prev,
.swiper6 .swiper-button-next{
	--swiper-navigation-size:0.44rem;
}
.swiper6 .swiper-button-prev{left:15%;}
.swiper6 .swiper-button-next{right:15%;}

.zwn{
     display:flex;
     justify-content:center;
     align-items:center;
}
.zwn-left{
     width:37.5vw;
     height:28.385vw;
     position:relative;
}
.zwn-left video{
     width:37.291vw;
     height:20.937vw;
     position:absolute;
     left:0.104vw;
     top:3.437vw;
     background:#000;
}
.zwn-left img{
     width:37.5vw;
     height:28.385vw;
     position:absolute;
     left:0;
     top:0;
     pointer-events:none;
}
.zwn-right{
     width:15.958vw;
     margin-left:2.083vw;
     color:#0E69C4;
     line-height:1.7em;
}

.dazhang-box{
     width:100%;
     height:35vw;
      overflow: hidden;
  display: flex;
  perspective: 1000px;
  /* background: rgb(0, 0, 0,1); */
  transform-style: preserve-3d;
}

#drag-container, #spin-container {
  position: relative;
  display: flex;
  margin: auto;
  transform-style: preserve-3d;
  transform: rotateX(1deg);
  margin-top: 4.5vw;
}

#drag-container img {
  transform-style: preserve-3d;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 200px;
  font-size: 50px;
  text-align: center;
  box-shadow: 0 0 8px #fff;
  -webkit-box-reflect: below 10px linear-gradient(transparent 0%, transparent 90%, #0005 100%);
}

#drag-container img:hover {
  box-shadow: 0 0 15px #fffd;
  /* -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, #0007); */
}

#drag-container p {
     width:17vw;
     height:3.07vw;
     background:url('./../images/title_09.png') no-repeat;
     background-size:100% 100%;
  font-family: Serif;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%,-50%) rotateX(0deg) rotateY(90deg);
  color: #CC711B;
  white-space: nowrap;
  font-size: 4vw;
  display: none;

}

#ground {
  width: 900px;
  height: 900px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%,-50%) rotateX(90deg);
  background: -webkit-radial-gradient(center center, farthest-side , #9993, transparent);
}

#music-container {
  position: absolute;
  top: 0;
  left: 0;
}

#carousel-container {
  width: 100%;
  height: 100%;
}

@keyframes spin {
  from{
    transform: rotateY(0deg);
  } to{
    transform: rotateY(360deg);
  }
}
@keyframes spinRevert {
  from{
    transform: rotateY(360deg);
  } to{
    transform: rotateY(0deg);
  }
}