@charset "utf-8";
body{text-align:center; background:#d55b40}
img{ vertical-align:top; padding:0;}
.ls-show .ls-col{ display:none;}
.ls-show .ls-col.current{ display:block;}
.l0{ left:0;}
.t0{ top:0;}
.bm0{ bottom:0;}
.title img{ width:7.02rem;}
.i-b{ display:inline-block;}
.swiper-button{ background: none; }

.header .h_down{background:none; margin:0; padding:0; height:auto; text-indent:0;}
.header{ width:10.8rem; height:1.48rem; margin-left:-5.4rem; left:50%; background:none; position:fixed; left:50%;}
.header .h_down:before{ background:none;}
.header h3{font-size:.4rem; color:#fff; margin-left:-.2rem; padding: .24rem 0 .06rem 0;}
.header p{font-size:.52rem; line-height:.4rem; color:#ffe7bb;}
.header a{ width:1.84rem; margin-right:.2rem; margin-top:.34rem;}
.header >div{ padding: 0 .1rem 0 2.12rem;}
#web-main{ width:100%;}


#cover{
    background:url(../images/cover/20250520/default/bg.jpg) no-repeat 0 0; 
    background-size:100% 123.05rem;
}


.top{ height:17.5rem; }
.top .r1{ top:.58rem; right: -1.76rem;}
.top .r2{ top:3.11rem; right:.38rem;}
.top .logo{ width:2.24rem; right:.92rem; top:.31rem;}
.top .rn1{ left:5.24rem; top:.85rem;}
.top .rn2{ top:4.96rem; left:8.2rem;}
.cadpa{ top:1.95rem; left:.14rem; width:1.24rem;}
.top .b-1{ width:4.55rem; left:50%; margin-left:-2.28rem; top:15.8rem; -webkit-animation: slMinCss  1s linear infinite; animation: slMinCss  1s linear infinite;}
.top .slogan{
    top: 3.2rem;
    right: 3.2rem;
    width: .53rem;
    height: 6.39rem;
    background:url(../images/cover/2024cj/slogan1.png) no-repeat; 
    background-size:100% 100%;
}
#cover.no .top .slogan{
    background:url(../images/cover/2024cj/slogan2.png) no-repeat; 
    background-size:100% 100%;
}

@-webkit-keyframes downUpLoop {

    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes downUpLoop {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10%);
    }
    100% {
      transform: translateY(0);
    }
}

.top .btn_play{width: 1.6rem; height: 1.6rem; top: 2.1rem; left: 50%;  background:url(/Public/web/images/cover/20231204/btn_play.png) no-repeat; background-size: 100%; -webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s; animation: downUpLoop 2s linear infinite;    -webkit-animation: downUpLoop 2s linear infinite;  }
.top .btn_play:hover{ background:url(/Public/web/images/cover/20231204/btn_play_on.png) no-repeat; background-size: 100%;}

.zbox1 .img-box{ width:10.58rem; height:6.12rem; background:url(../images/cover/2023gq/d1.png) no-repeat 0 0; background-size:100% 100%;}
.zbox1 .img-box .gallery-thumbs{  margin:.71rem 0 0 .83rem; overflow: hidden;}
.zbox1 .img-box .swiper-slide,.zbox1 .img-box .gallery-thumbs{width:8.71rem; height:4.9rem;}
.zbox1 .img-box .swiper-slide img{ width: 100% !important;}
.zbox1 .img-box a{width:9.02rem; height:5.17rem; top:.57rem; left:.62rem; z-index:2;  pointer-events: none; background:url(../images/cover/2023gq/k2.png) no-repeat 0 0; background-size:100% 100%; }


.gallery-top{
    margin-top:.1rem; 
    z-index:2;
    height:1.4rem;
}

.gallery-top .swiper-slide-active {
    opacity: 1;
}
.gallery-top .swiper-slide {
    width: 4.26rem;
	padding-left:.5rem;
    opacity: 1;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top .swiper-slide span{background:url(../images/cover/20241213/b-2.png) no-repeat;  background-size:3.6rem 5.59rem;}
.gallery-top .swiper-slide.swiper-slide-active span{background:url(../images/cover/20241213/b-3.png) no-repeat;  background-size:4.26rem 5.59rem;}
.gallery-top .swiper-slide.a1 span{ background-position:0 0;}
.gallery-top .swiper-slide.a2 span{ background-position:0 -1.4rem;}
.gallery-top .swiper-slide.a3 span{ background-position:0 -2.8rem;}
.gallery-top .swiper-slide.a4 span{ background-position:0 -4.21rem;}
.gallery-top .swiper-slide.a5 span{ background-position:0 bottom;}

.zbox2{
    margin-top: 1rem; 
    display: flex; 
    flex-direction: column; 
    align-items: center;
}

.zbox2 .b-fl{
    width: 5.83rem;
    height: 1.22rem;
    background:url(/Public/web/images/cover/2023gq/btn_view.png) no-repeat 0 0;
    background-size:100% 2.44rem; 
    left: 50%;
    margin-left: -2.92rem;
    top: 5.8rem;
}
.zbox2 .b-fl:active{
    background-position: 0 bottom;
}

.zbox2 .b-fl:active{
    background-position: 0 bottom;
}

.zbox2 .btn_group {left: .7rem; top: 5.3rem;} 
.zbox2 .btn_group a{width: 2.1rem; height: .7rem;} 
.zbox2 .btn_group a:nth-child(2){margin-left: 1.24rem;} 
.zbox2 .btn_group a:nth-child(3){margin-left: 1.26rem;} 

.ybg{top: 5.8rem;}
.zy-container {height: 11.5rem;}
.zy-container .swiper-pagination a{ color:#ffe3b9; width:.9rem; height:1.24rem; vertical-align:top; margin:0 .08rem !important; background:none; font-size:.48rem;}
.zy-container .swiper-pagination a em{ background:#fff; border:solid 1px #ffe3b9; border-radius:.12rem; opacity: 0;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active em{ opacity: 1;}
.zy-container .swiper-pagination a dd{ position:relative; float:left; width:100%;}
.zy-container .swiper-pagination a i{ height:.46rem; width:100%; float:left; margin:.15rem  0; background:url(/Public/web/images/cover/2023gq/zn.png) no-repeat;  background-size:10.21rem 1.46rem; }
.zy-container .swiper-pagination a:nth-child(1) i{ background-position:.23rem 0;}
.zy-container .swiper-pagination a:nth-child(2) i{ background-position:-.78rem 0;}
.zy-container .swiper-pagination a:nth-child(3) i{ background-position:-1.71rem 0;}
.zy-container .swiper-pagination a:nth-child(4) i{ background-position:-2.71rem 0;}
.zy-container .swiper-pagination a:nth-child(5) i{ background-position:-3.73rem 0;}
.zy-container .swiper-pagination a:nth-child(6) i{ background-position:-4.71rem 0;}
.zy-container .swiper-pagination a:nth-child(7) i{ background-position:-5.68rem 0;}
.zy-container .swiper-pagination a:nth-child(8) i{ background-position:-6.7rem 0;}
.zy-container .swiper-pagination a:nth-child(9) i{ background-position:-7.68rem 0;}
.zy-container .swiper-pagination a:nth-child(10) i{ background-position:-8.67rem 0;}

.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(1) i{ background-position:.23rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(2) i{ background-position:-.78rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(3) i{ background-position:-1.71rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(4) i{ background-position:-2.71rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(5) i{ background-position:-3.73rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(6) i{ background-position:-4.71rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(7) i{ background-position:-5.68rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(8) i{ background-position:-6.7rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(9) i{ background-position:-7.68rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active:nth-child(10) i{ background-position:-8.67rem -.74rem;}
.zy-container .swiper-pagination a.swiper-pagination-bullet-active{
	color:#cf6545;
}

.zy-container .swiper-pagination a dd p{ line-height:.4rem; height:.34rem; width:100%; float:left;}
.zy-container .swiper-pagination-bullet{ opacity: 1!important;}
.zy-container .zy{ width:9.76rem; top:2.8rem; left:-.3rem;}
.zy-container .sx{ right:0; top:2.31rem; width:3.91rem; height:4.07rem; background:url(../images/cover/2023gq/sx.png) no-repeat;  background-size:100%;}
.zy-container .sx img{ width: 100%; margin: 0.08rem 0 0 0.11rem; float: left;} 
.zy-container .text{ left:50%; margin-left:-3.79rem; top:.2rem; width:7.58rem; height:2.26rem; background:url(../images/cover/2023gq/k.png) no-repeat;  background-size:100%; color:#fff;}
.zy-container .text dd{ width:3.5rem; padding:0 .24rem 0 .14rem;}
.zy-container .text dd i{ height:1rem; padding:.21rem 0;}
.zy-container .text dd p{ font-size:.52rem; line-height:.42rem; height:.42rem; letter-spacing:.16rem;}
.zy-container .text label{ width:3.2rem; height:2rem; margin-top:.28rem; font-size:.48rem;}
.zy-container .text label.max{width:3.36rem;}
.zy-container .text label span{ line-height:.8rem; height:4rem; margin-top:-1rem;}

.ts-lb{ overflow: hidden;z-index: 3;}
.ts-lb .swiper-wrapper { position: relative;  width: 100%; height:11.36rem; z-index: 1; padding-bottom:.96rem;  }
.ts-lb .swiper-slide {width: 6.64rem; height: 11.33rem; opacity: 0;}
.ts-lb .swiper-slide>div{width: 100%; height: 100%; overflow: hidden;}
.ts-lb .swiper-slide>div img{width: 98%; }
.ts-lb .swiper-slide-prev,.ts-lb .swiper-slide-next{opacity:.8 !important; }
.ts-lb .swiper-pagination-bullet{ width:0px; height:0px; opacity: 1!important;}
.ts-lb .swiper-slide-duplicate-next,.ts-lb .swiper-slide-duplicate-active,.ts-lb .swiper-slide-duplicate-prev,.ts-lb .swiper-slide-duplicate{opacity:0;}
.ts-lb .swiper-slide.swiper-slide-active{opacity:1 !important;}


.ts-lb .swiper-slide-shadow-left,.ts-lb .swiper-slide-shadow-right{ opacity:0 !important; background:none !important;}
.ts-lb .swiper-slide-prev .swiper-slide-shadow-left,.ts-lb .swiper-slide-next .swiper-slide-shadow-right{ opacity:.6 !important; background:#000 !important;}
.ts-lb .swiper-button{ width: 1.35rem; height: 1.64rem;  top:50%; margin-top:-.8rem; background: url(/Public/web/images/cover/2023gq/info.png);  background-size:2.7rem 4.07rem; }
.ts-lb .swiper-button-prev{background-position:0 -1.76rem; left:0;}
.ts-lb .swiper-button-next{background-position:right -1.76rem; right:0;}
.ts-lb .swiper-pagination{ bottom:0 !important;}
.ts-lb .swiper-pagination span{ font-size:0; width:.35rem; height:.35rem; margin:0 .3rem !important; display:inline-block; background:url(../images/cover/2023gq/d.png) no-repeat right 0; background-size:1.59rem .35rem; }
.ts-lb .swiper-pagination span.swiper-pagination-bullet-active{ background-position:0 0;}

.btn_group_zy {padding: 0 .9rem; box-sizing: border-box; height: 1.9rem;}
.btn_group_zy .swiper-button{width: .91rem; top: .9rem;}
.btn_group_zy .swiper-button-prev{left: .1rem;}
.btn_group_zy .swiper-button-next{right: .1rem;}
.swiper2 .swiper-slide {width: 1.5rem; display: flex; flex-direction: column; align-items: center;}
.swiper2 .swiper-slide span{  -webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s;    width: 1.1rem; height: 1.5rem; background: url(/Public/web/m/images/index_v2/zy-nav.png) no-repeat; background-size: 19.69rem 3.3rem;}

.swiper2 .slide1 span { background-position: -15.45rem .06rem;}
.swiper2 .slide2 span { background-position: -12.3rem .06rem;}
.swiper2 .slide3 span { background-position: -10.9rem .06rem;}
.swiper2 .slide4 span { background-position: -6.15rem .06rem;}
.swiper2 .slide5 span { background-position: .02rem .06rem;}
.swiper2 .slide6 span { background-position: -4.7rem .06rem;}
.swiper2 .slide7 span { background-position: -9.35rem .06rem;}
.swiper2 .slide8 span { background-position: -7.76rem .06rem;}
.swiper2 .slide9 span { background-position: -3.18rem .06rem;}
.swiper2 .slide10 span { background-position: -13.88rem .06rem;}
.swiper2 .slide11 span { background-position: -1.6rem .06rem;}
.swiper2 .slide12 span { background-position: -17rem .06rem;}
.swiper2 .slide13 span { background-position: -18.6rem .06rem;}

.swiper2 .slide1.swiper-slide-active span{ background-position: -15.45rem -1.8rem;}
.swiper2 .slide2.swiper-slide-active span{ background-position: -12.3rem -1.8rem;}
.swiper2 .slide3.swiper-slide-active span{ background-position: -10.9rem -1.8rem;}
.swiper2 .slide4.swiper-slide-active span{ background-position: -6.15rem -1.8rem;}
.swiper2 .slide5.swiper-slide-active span{ background-position: .02rem -1.8rem;}
.swiper2 .slide6.swiper-slide-active span{ background-position: -4.7rem -1.8rem;}
.swiper2 .slide7.swiper-slide-active span{ background-position: -9.35rem -1.8rem;}
.swiper2 .slide8.swiper-slide-active span{ background-position: -7.76rem -1.8rem;}
.swiper2 .slide9.swiper-slide-active span{ background-position: -3.18rem -1.8rem;}
.swiper2 .slide10.swiper-slide-active span { background-position: -13.88rem -1.8rem;}
.swiper2 .slide11.swiper-slide-active span { background-position: -1.6rem -1.8rem;}
.swiper2 .slide12.swiper-slide-active span { background-position: -17rem -1.8rem;}
.swiper2 .slide13.swiper-slide-active span { background-position: -18.6rem -1.8rem;}

.zbox4 .d-bg{
    width: 6.66rem;
    height: 11.56rem;
    background:url(../images/cover/2024cj/k_wutu.png) no-repeat;
    background-size: 100% 100%;
    z-index: 4;
    left: 50%;
    margin-left: -3.33rem;
    top: 0.3rem;
    pointer-events: none;
}

.z-foot{ padding:.3rem 0; line-height:.46rem;   font-size:.28rem; color:#606060; background:#000;}


#cont_win .pwin_box{ width:9.93rem; height:13.9rem;  background:url(../images/cover/20231204/bg_pop.png) no-repeat; background-size: 100%; text-align:center;}
#cont_win .pwin_exit{position: absolute; cursor:pointer; width:1.47rem; height:2.04rem; background:url(../images/cover/20231204/pop_x.png) no-repeat; background-size: 100%; right:.3rem; top:-1.9rem;}
#cont_win h3{ font-size:.52rem; color:#5a92bd; line-height:.56rem; padding:.8rem 0 .3rem 0; margin:0; font-weight:500; }
#cont_win .cont{ box-sizing: border-box; position:relative; overflow:hidden; height:11.2rem; float:left; text-align:left; width:9.4rem; padding:0 .3rem .3rem .7rem;}
#cont_win .cont img{ margin-bottom: .2rem;}

#cont_win .pwin_bg{width: 100%;height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70); }
#cont_win .pwin_box{ position:absolute; right:50%; top:50%; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%);}

#video_win .pwin_box{ width: 10rem; height: auto; background-color: #000; position:absolute; right:50%; top:50%; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%);}
#video_win .pwin_exit{position: absolute; cursor:pointer; width:1.47rem; height:2.04rem; background:url(../images/cover/20231204/pop_x.png) no-repeat; background-size: 100%; right:.3rem; top:-2rem;}
