html, body {
    position: relative;
    width: 100%;
    background-image: url(./bg1.png);
    min-width: 1200px
}
div{font-size:16px}
.header{background:#00092e}
.header ul{font-size:14px;color:#fff}
.header a{color:#fff !important}
.pc-block{display:block}
.m-block{display:none !important}
.block1{position:relative;width:100%;overflow:hidden}
.block1 .banner-bg{display:block;width:100%;height:auto}
.block2{position:relative;padding-top:35px;padding-bottom:45px;background:linear-gradient(180deg, #000f35 0%, #000a28 50%, #000515 100%)}
.block2 .big-frame{width:1200px;margin:0 auto;padding:30px 40px;background:linear-gradient(135deg, rgba(0,35,85,0.95) 0%, rgba(0,22,60,0.95) 100%);border-radius:20px;box-shadow:0 0 50px rgba(0,100,255,0.45), inset 0 0 80px rgba(0,70,190,0.15);box-sizing:border-box;border:2px solid rgba(0,150,255,0.6);position:relative;display:flex;justify-content:space-between;gap:35px}
.block2 .big-frame::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg, rgba(0,180,255,0.65), rgba(0,110,255,0.3), rgba(0,180,255,0.65));border-radius:22px;z-index:-1}
.block2 .left-box{width:570px;text-align:center;position:relative;padding:20px;box-sizing:border-box}
.block2 .left-box .card-header{margin-bottom:15px}
.block2 .left-box .card-header span{display:block;font-family:Microsoft YaHei;font-size:14px;color:#7ac8ff;line-height:24px;text-align:center;text-shadow:0 0 10px rgba(90,180,255,0.5)}
.block2 .left-box .img-box{width:100%;height:280px;border-radius:12px;overflow:hidden;background:rgba(0,10,30,0.5);margin-bottom:18px}
.block2 .left-box .img-box img{width:100%;height:100%;object-fit:cover}
.block2 .left-box .link-btn{display:inline-block;padding:10px 0;font-family:Microsoft YaHei;font-size:16px;font-weight:bold;color:#7ac8ff;text-decoration:none;text-shadow:0 0 10px rgba(90,180,255,0.5)}
.block2 .right-box{width:510px;display:flex;flex-direction:column;gap:22px;padding-top:65px}
.block2 .right-box .intro-box h3{font-family:Microsoft YaHei;font-size:14.5px;font-weight:bold;color:#78b8ff;margin-bottom:12px;text-shadow:0 0 10px rgba(80,160,255,0.45)}
.block2 .right-box .intro-box p{font-family:Microsoft YaHei;font-size:13px;line-height:24px;color:#c0d0e8;margin:0;text-shadow:0 0 6px rgba(80,130,255,0.2)}
.block3{position:relative;padding-top:45px;background:linear-gradient(180deg, #000515 0%, #000a28 50%, #000515 100%)}
.block3 .cont-box{padding-top:15px;position:relative;margin:0 auto;width:1200px}
.block3 .cont-box .title-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:30px}
.block3 .cont-box .title-box .hot1-img{height:55px}
.block3 .cont-box .title-box .hot2-img{width:320px;height:100px;object-fit:cover;object-position:center bottom}
.block3 .cont-box .list-box{width:100%;display:flex;justify-content:flex-start;gap:20px}
.block3 .cont-box .list-box .list-item{position:relative;width:386px;background:linear-gradient(180deg, rgba(0,35,100,0.92) 0%, rgba(0,20,70,0.95) 100%);border-radius:18px;border:2px solid rgba(0,160,255,0.6);transition:all 0.3s;box-sizing:border-box;padding:0 12px 20px}
.block3 .cont-box .list-box .list-item:hover{transform:translateY(-5px)}
.block3 .cont-box .list-box .list-item .img-box{margin:18px auto 0;width:350px;height:292px;border-radius:12px;overflow:hidden;background:#fff;border:2px solid rgba(0,150,255,0.55);display:flex;align-items:center;justify-content:center}
.block3 .cont-box .list-box .list-item .img-box img{max-width:100%;max-height:100%;object-fit:contain}
.block3 .cont-box .list-box .list-item .info-area{padding:18px 28px 32px}
.block3 .cont-box .list-box .list-item .tit-box{font-family:Microsoft YaHei;font-size:17px;font-weight:bold;line-height:30px; padding-top: 20px ;text-align:center;text-shadow:0 0 12px #00a8ff}
.block3 .cont-box .list-box .list-item .info-box{margin-top:14px;font-family:Microsoft YaHei;font-size:13px;line-height:28px;color:#75b5ff;opacity:0.98;text-align:center;min-height:160px;padding-left:20px;padding-right:20px}
.block3 .cont-box .list-box .list-item .bottom-box{margin:18px 0 0;width:90%;height:42px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg, rgba(0,60,160,0.9) 0%, rgba(0,90,200,0.95) 50%, rgba(0,60,160,0.9) 100%);border-radius:6px;padding:0 22px}
.block3 .cont-box .list-box .list-item .bottom-box .price{padding-left:0;font-family:Microsoft YaHei;font-size:20px;font-weight:bold;color:#fff;text-shadow:0 0 8px rgba(0,180,255,0.8)}
.block3 .cont-box .list-box .list-item .bottom-box .btn-box{width:100px;height:32px;background:linear-gradient(90deg, #0066dd 0%, #0099ee 100%);border-radius:6px;font-family:Microsoft YaHei;font-size:14px;font-weight:bold;color:#fff;text-align:center;line-height:32px;text-decoration:none;transition:all 0.3s}
.block4{position:relative;padding-top:45px;background:linear-gradient(180deg, #000515 0%, #000a28 50%, #000515 100%)}
.block4 .cont-box{position:relative;padding-top:100px;margin:0 auto;width:1200px}
.block4 .cont-box .title-box{text-align:center;margin-bottom:28px }
.block4 .cont-box .title-box .section-title{font-family:Microsoft YaHei;font-size:32px;font-weight:bold;color:#fff;letter-spacing:6px;text-shadow:
  0 0 22px rgba(0,150,255,0.85),
  0 0 45px rgba(0,150,255,0.55),
  0 0 70px rgba(0,150,255,0.35);
  background:linear-gradient(180deg, #fff 0%, #00a8ff 50%, #0066cc 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:titleGlow2 2.5s ease-in-out infinite}
.block4 .cont-box .swiper-container{position:relative;width:100%;overflow:hidden}
.block4 .cont-box .swiper-wrapper{display:flex;width:100%;transition:transform 0.3s}
.block4 .cont-box .swiper-slide{display:flex;flex-wrap:wrap;justify-content:space-between}
.block4 .cont-box .swiper-slide .list-item{position:relative;margin-bottom:28px;width:calc(25% - 15px);background:linear-gradient(180deg, rgba(0,35,110,0.78) 0%, rgba(0,18,70,0.88) 100%);border-radius:12px;border:2px solid rgba(0,150,255,0.5);box-shadow:0 0 22px rgba(0,100,255,0.32), inset 0 0 26px rgba(0,100,255,0.1);transition:all 0.3s;box-sizing:border-box;padding:14px}
.block4 .cont-box .swiper-slide .list-item:hover{transform:translateY(-5px);box-shadow:0 0 38px rgba(0,150,255,0.6), inset 0 0 26px rgba(0,100,255,0.18)}
.block4 .cont-box .swiper-slide .list-item::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg, rgba(0,220,255,0.65), transparent 50%, rgba(0,220,255,0.65));border-radius:14px;z-index:-1}
.block4 .cont-box .swiper-slide .list-item .img-box{margin:0 auto;width:250px;height:190px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,0.42);display:flex;align-items:center;justify-content:center}
.block4 .cont-box .swiper-slide .list-item .img-box img{max-width:100%;max-height:100%;object-fit:contain}
.block4 .cont-box .swiper-slide .list-item .tit-box{margin-top:10px;font-family:Microsoft YaHei;font-size:14.5px;font-weight:bold;line-height:21px;color:#037bff;text-align:center;min-height:42px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.block4 .cont-box .swiper-slide .list-item .info-box{margin-top:7px;font-family:Microsoft YaHei;font-size:11.5px;line-height:17px;color:#6b99df;opacity:.96;min-height:51px;padding:0 4px}
.block4 .cont-box .swiper-slide .list-item .bottom-box{margin:10px auto 0;width:90%;height:40px;display:flex;align-items:center;border:1px solid #002262;overflow:hidden;background:linear-gradient(180deg, rgba(0,35,110,0.78) 0%, rgba(0,18,70,0.88) 100%)}
.block4 .cont-box .swiper-slide .list-item .bottom-box .price{flex:1;font-family:Microsoft YaHei;font-size:22px;font-weight:bold;color:#fff;padding-left:20px;background:transparent;height:100%;display:flex;align-items:center}
.block4 .cont-box .swiper-slide .list-item .bottom-box .btn-box{flex:1;font-family:Microsoft YaHei;font-size:14px;font-weight:bold;color:#6b99df;text-align:center;text-decoration:none;background:linear-gradient(90deg, #032a82 0%, #0e74fb 100%);height:100%;display:flex;align-items:center;justify-content:center}
.block4 .swiper-button-prev,.block4 .swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(0,100,255,0.25);border:2px solid rgba(0,150,255,0.5);border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all 0.3s}
.block4 .swiper-button-prev:hover,.block4 .swiper-button-next:hover{background:rgba(0,150,255,0.45);box-shadow:0 0 18px rgba(0,150,255,0.5)}
.block4 .swiper-button-prev{left:-60px}
.block4 .swiper-button-next{right:-60px}
.block4 .swiper-button-prev::before{content:'<';font-size:24px;color:#00ccff;font-weight:bold}
.block4 .swiper-button-next::before{content:'>';font-size:24px;color:#00ccff;font-weight:bold}
.block-common{position:relative;padding-top:45px;background:linear-gradient(180deg, #000515 0%, #000a28 50%, #000515 100%)}
/* .block-common::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:700px;height:2px;background:linear-gradient(90deg, transparent, rgba(0,150,255,0.75), transparent)} */
.block-common .cont-box{position:relative;padding-top:100px;margin:0 auto;width:1200px}
.block-common .cont-box .title-box{text-align:center;margin-bottom:28px}
.block-common .cont-box .title-box .section-title{font-family:Microsoft YaHei;font-size:32px;font-weight:bold;color:#fff;letter-spacing:6px;text-shadow:
  0 0 22px rgba(0,150,255,0.85),
  0 0 45px rgba(0,150,255,0.55),
  0 0 70px rgba(0,150,255,0.35);
  background:linear-gradient(180deg, #fff 0%, #00a8ff 50%, #0066cc 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:titleGlow2 2.5s ease-in-out infinite}
.block-common .cont-box .swiper-container{width:100%;position:relative}
.block-common .cont-box .swiper-wrapper{display:flex}
.block-common .cont-box .swiper-slide{width:calc(25% - 15px);}
.block-common .cont-box .swiper-slide .list-item{position:relative;width:100%;background:linear-gradient(180deg, rgba(0,35,110,0.78) 0%, rgba(0,18,70,0.88) 100%);border-radius:12px;border:2px solid rgba(0,150,255,0.5);box-shadow:0 0 22px rgba(0,100,255,0.32), inset 0 0 26px rgba(0,100,255,0.1);transition:all 0.3s;box-sizing:border-box;padding:14px}
.block-common .cont-box .swiper-slide .list-item:hover{transform:translateY(-5px);box-shadow:0 0 38px rgba(0,150,255,0.6), inset 0 0 26px rgba(0,100,255,0.18)}
.block-common .cont-box .swiper-slide .list-item::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg, rgba(0,220,255,0.65), transparent 50%, rgba(0,220,255,0.65));border-radius:14px;z-index:-1}
.block-common .cont-box .swiper-slide .list-item .img-box{margin:0 auto;width:250px;height:190px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,0.42);display:flex;align-items:center;justify-content:center}
.block-common .cont-box .swiper-slide .list-item .img-box img{max-width:100%;max-height:100%;object-fit:contain}
.block-common .cont-box .swiper-slide .list-item .tit-box{margin-top:10px;font-family:Microsoft YaHei;font-size:14.5px;font-weight:bold;line-height:21px;color:#037bff;text-align:center;min-height:42px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.block-common .cont-box .swiper-slide .list-item .info-box{margin-top:7px;font-family:Microsoft YaHei;font-size:11.5px;line-height:17px;color:#6b99df;opacity:.96;min-height:51px;padding:0 4px}
.block-common .cont-box .swiper-slide .list-item .bottom-box{margin:10px auto 0;width:90%;height:40px;display:flex;align-items:center;border:1px solid #002262;overflow:hidden;background:linear-gradient(180deg, rgba(0,35,110,0.78) 0%, rgba(0,18,70,0.88) 100%)}
.block-common .cont-box .swiper-slide .list-item .bottom-box .price{flex:1;font-family:Microsoft YaHei;font-size:22px;font-weight:bold;color:#fff;padding-left:20px;background:transparent;height:100%;display:flex;align-items:center}
.block-common .cont-box .swiper-slide .list-item .bottom-box .btn-box{flex:1;font-family:Microsoft YaHei;font-size:14px;font-weight:bold;color:#6b99df;text-align:center;text-decoration:none;background:linear-gradient(90deg, #032a82 0%, #0e74fb 100%);height:100%;display:flex;align-items:center;justify-content:center}
.block-common .swiper-button-prev,.block-common .swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(0,100,255,0.25);border:2px solid rgba(0,150,255,0.5);border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all 0.3s}
.block-common .swiper-button-prev:hover,.block-common .swiper-button-next:hover{background:rgba(0,150,255,0.45);box-shadow:0 0 18px rgba(0,150,255,0.5)}
.block-common .swiper-button-prev{left:-60px}
.block-common .swiper-button-next{right:-60px}
.block-common .swiper-button-prev::before{content:'<';font-size:24px;color:#00ccff;font-weight:bold}
.block-common .swiper-button-next::before{content:'>';font-size:24px;color:#00ccff;font-weight:bold}
.block8{position:relative;padding-top:45px;padding-bottom:50px;background:linear-gradient(180deg, #000515 0%, #000310 100%)}
.block8 .cont-box{position:relative;margin:0 auto;width:1200px}
.block8 .cont-box .title-box{text-align:center;margin-bottom:28px}
.block8 .cont-box .title-box .section-title{font-family:Microsoft YaHei;font-size:36px;font-weight:bold;color:#037bff;letter-spacing:6px;text-shadow:
  0 0 22px rgba(0,150,255,0.85),
  0 0 45px rgba(0,150,255,0.55),
  0 0 70px rgba(0,150,255,0.35);
  background:linear-gradient(180deg, #fff 0%, #00a8ff 50%, #0066cc 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:titleGlow2 2.5s ease-in-out infinite}
.block8 .list-box{width:1200px;padding-top:8px;display:flex;flex-direction:column;gap:10px}
.block8 .list-box .row-box{display:flex;justify-content:space-between;width:100%}
.block8 .list-box .row-box a{flex:1;margin-top:0;display:block;font-family:Microsoft YaHei;font-size:14.5px;line-height:30px;color:#6b99df;padding-left:0;position:relative;transition:all 0.3s;text-decoration:none}
.block8 .list-box .row-box a:first-child{margin-right:20px}
.block8 .list-box a:hover{color:#fff;padding-left:5px}
.footer{margin-top:0;background:#000208;padding:22px 0;text-align:center}
.footer span{display:block;margin-bottom:10px}
.footer span a{color:#fff;text-decoration:none;margin:0 5px}
.footer p{color:#fff;font-size:12px;line-height:20px}
.footer p a{color:#fff;text-decoration:none}
.tit-box{color: #78b8ff!important; }
.el-vo6{
      overflow: hidden;
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}