@charset "UTF-8";
/*@font-face {*/
/*  font-family: 'hmb';*/
/*  src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");*/
/*  font-weight: 700;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'hml';*/
/*  src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf") format("truetype");*/
/*  font-weight: 300;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'hmm';*/
/*  src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");*/
/*  font-weight: 500;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'hmr';*/
/*  src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");*/
/*  font-weight: 400;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'Gilroy';*/
/*  src: url("../fonts/gilroy-regular-3.otf") format("opentype");*/
/*  font-display: swap;*/
/*  font-style: normal;*/
/*}*/
/*.hmb{font-family: 'hmb';font-weight: 700;}*/
/*.hml{font-family: 'hml';font-weight: 300;}*/
/*.hmm{font-family: 'hmm';font-weight: 500;}*/
/*.hmr{font-family: 'hmr';font-weight: 400;}*/
/*.Gilroy{font-family: 'Gilroy';}*/

::-webkit-scrollbar {
    width: 0;
    background-color: transparent
}
::-webkit-scrollbar-thumb {
    width: 0;
    background-color: transparent;
    border: 0 solid transparent;
    border-radius: 4px
}
::-webkit-scrollbar-corner {
    background-color: transparent
}
::-webkit-scrollbar:horizontal {
    height: 9px
}

.scroll::-webkit-scrollbar {width:4px;height:1px;}
.scroll::-webkit-scrollbar-thumb{ background: #EC5B02;}
.scroll::-webkit-scrollbar-track{ background:#DDDDDD;}

:root{
  --ease: cubic-bezier(.38, 0, 0, 1);
  --ease1: cubic-bezier(.43, .195, .02, 1);
}


.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;box-orient:vertical;}


.alltime,.alltime:before,.alltime:after,.alltime *,.alltime *:before,.alltime *:after{-webkit-transition: all .4s var(--ease); -moz-transition: all .4s var(--ease); transition: all .4s var(--ease);}

.w1640{padding: 0 1.4rem;}
.layout .f_12 {font-size: 0.12rem;}.layout .f_14 { font-size: 0.14rem; }.layout .f_16 { font-size: 0.16rem; }.layout .f_18 { font-size: 0.18rem; }.layout .f_20 { font-size: 0.20rem; }.layout .f_22 { font-size: 0.22rem; }.layout .f_24 { font-size: 0.24rem; }.layout .f_26 { font-size: 0.26rem; }.layout .f_28 { font-size: 0.28rem; }.layout .f_30 { font-size: 0.30rem; }.layout .f_32 { font-size: 0.32rem; }.layout .f_34 { font-size: 0.34rem; }.layout .f_36 { font-size: 0.36rem; }.layout .f_38 { font-size: 0.38rem; }.layout .f_40 { font-size: 0.40rem; }.layout .f_42 { font-size: 0.42rem; }.layout .f_44 { font-size: 0.44rem; }.layout .f_46 { font-size: 0.46rem; }
.layout .f_48 { font-size: 0.48rem; } 
.layout .f_50 { font-size: 0.50rem; }
.layout .f_52 { font-size: 0.52rem; }
.layout .f_54 { font-size: 0.54rem; }
.layout .f_56 { font-size: 0.56rem; }
.layout .f_58 { font-size: 0.58rem; }
.layout .f_60 { font-size: 0.60rem; }
.layout .f_62 { font-size: 0.62rem; }
.layout .f_64 { font-size: 0.64rem; }
.layout .f_66 { font-size: 0.66rem; }
.layout .f_68 { font-size: 0.68rem; }
.layout .f_72 { font-size: 0.72rem; }
.layout .f_74 { font-size: 0.74rem; }
.layout .f_80 { font-size: 0.80rem; }

.splash{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #000;z-index: 11999;display: flex;align-items: flex-end;justify-content: center;overflow: hidden;}

.splash .box{padding-bottom: clamp(0.6rem, calc(190 / 1080 * 100vh), 1.90rem);;text-align: center;}

.splash .icon{width: 4.2rem;margin: 0 auto;position: relative;}

.splash .icon::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;z-index: 2;}

.splash .text{line-height: 1;color: #fff;margin-top: clamp(0.6rem, calc(194 / 1080 * 100vh), 1.94rem);font-weight: 600;}

.splash .det{line-height: calc(19 / 16);color: #fff;margin-top: clamp(0.3rem, calc(84 / 1080 * 100vh), 0.84rem);}

.in1{position: relative;z-index: 20;}

.in1 .inbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.in1 .box{position: sticky;top: 0;left: 0;width: 100%;height: 100vh;overflow: hidden;}

.inban{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;}

.inban .imgbox{position: relative;height: 100vh;}

.inban .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right,   #00192D 0%, #00192D 21%, rgba(0, 25, 45, 0) 100%);opacity: 0.46;}

.inban .imgbox img{height: 100%;width: 100%;object-fit: cover;}

.inban .imgbox video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.inban .txtbox{position: absolute;left: 0;bottom: calc(5.98rem - 0.84rem);bottom: calc(42.85% + 1.2rem);transform: translateY(0.4rem);opacity: 0;}

.inban .txtbox .t1{line-height: calc(70 / 60);color: #fff;}

.inban .txtbox .t1 span{color: #EC5B02;}

.inban .txtbox .t2{line-height: calc(40 / 24);color: #fff;margin-top: 0.5rem;}

body.show .splash{opacity: 0;pointer-events: none;transition: all 800ms ease-out 400ms;}

body.show .splash .icon::before{height: 0;transition: all 400ms var(--ease);}

body.show .txtbox{transform: translateY(0);opacity: 1;transition: all 800ms ease-out 1200ms;}

.inban .swiper{
  clip-path: polygon(
    0 0,                /* 左上角（左0，上0） */
    100% 0,             /* 右上角（右100%，上0） */
    100% 100vh,        /* 右下角（右100%，下1080） */
    0 100vh            /* 左下角（左0，下1080） */
  );
  transition: clip-path 800ms ease-out;
}

.in1.act1 .inban .swiper{
  clip-path: polygon(
    0 calc(58.15%),   /* 左上角：左0，上=中间-0.5px */
    100% calc(58.15%),/* 右上角：右100%，上=中间-0.5px */
    100% calc(58.15%),/* 右下角：右100%，下=中间+0.5px */
    0 calc(58.15%)    /* 左下角：左0，下=中间+0.5px */
  );
}

.in1 .listbg{position: sticky;top: 0;pointer-events: none;}

.in1 .listbg .inban_img{
  position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;
  z-index: 5;
  background: #000;
  clip-path: polygon(
    0 calc(58.15% - 0.5px),   /* 左上角：左0，上=中间-0.5px */
    100% calc(58.15% - 0.5px),/* 右上角：右100%，上=中间-0.5px */
    100% calc(58.15% + 0.5px),/* 右下角：右100%，下=中间+0.5px */
    0 calc(58.15% + 0.5px)    /* 左下角：左0，下=中间+0.5px */
  );
}

.mobile-in2 { display: none; } 

.in1 .listbg img.imgbg{max-width: 30.81rem;width: 30.81rem;height: 100vh;object-fit: cover;transition: transform 800ms ease-out;}

.in1 .height .h100{height: 100vh;}

.in1 .height .h200 .h1{height: 100vh;}

.in1 .height .h200 .h2 .it{height: 100vh;}

.in1_btn{position: absolute;left: 1.4rem;top: calc(58.15% + 0.5px);z-index: 30;height: 0.54rem;transform: translateY(-0.27rem);transition: all 800ms ease-out;cursor: default;}

.in1_btn img{height: 0.54rem;}

.in1_btn span{position: absolute;top: 0;bottom: 0;left: 0.22rem;margin: auto 0;font-size: 0.16rem;line-height: 1;color: #fff;display: flex;align-items: center;}

.in1 .list{position: absolute;top: 0;left: 0;height: 100%;display: flex;align-items: flex-start;width: fit-content;padding: calc(58.15vh + 0.5px - 0.1rem) 0 0 9.25rem;z-index: 4;}

.in1 .list .item{margin-right: 5.96rem;position: relative;transition: all 800ms ease-out;}

.in1 .list .item .status{width: 0.2rem;height: 0.2rem;border-radius: 50%;border: 1px solid rgba(236, 91, 2, 0.6);position: relative;}

.in1 .list .item .status s{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 0.14rem;height: 0.14rem;border-radius: 50%;background: #EC5B02;}

.in1 .list .item .text{position: absolute;left: 50%;width: 4.36rem;transform: translateX(-50%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 251, 204, 0.50) 100%);backdrop-filter: blur(7px);border-radius: 0.2rem;padding: 0.4rem 0.34rem 0.5rem;transition: all 800ms ease-out;opacity: 0;}

.in1 .list .item .text .ico{width: 0.4rem;}

.in1 .list .item.act .text{opacity: 1;}

.in1 .list .item .text .t1{line-height: calc(28 / 24);color: #fff;margin-top: 0.2rem;}

.in1 .list .item .text .t2{line-height: calc(28 / 16);color: #fff;margin-top: 0.2rem;}

.in1 .list .item:nth-child(odd) .text{bottom: calc(100% + 0.7rem);}

.in1 .list .item:nth-child(even) .text{top: calc(100% + 0.7rem);}

.in1.act1 .inban{pointer-events: none;}

.in1.act2 .in1_btn{left: 8.66rem;}

.in1.act3 .in1_btn{left: 14.75rem;}

.in1.act2 .listbg .inban_img img{opacity: 0;transition: all 800ms ease-out;}

.in2{position: relative;}

.in2 .round{position: absolute;top: 0;z-index: 1;height: 100vh;width: 100%;}

.in2 .round .line{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px solid #333;border-radius: 50%;transition: all 800ms ease-out;opacity: 0;}

.in2 .round .line:nth-child(1){width: calc(620 / 1920 * 100vw);height: calc(620 / 1920 * 100vw);}

.in2 .round .line:nth-child(2){width: calc(800 / 1920 * 100vw);height: calc(800 / 1920 * 100vw);}

.in2.act .round .line:nth-child(1){width: calc(1243 / 1920 * 100vw);height: calc(1243 / 1920 * 100vw);opacity: 1;}

.in2.act .round .line:nth-child(2){width: calc(1602 / 1920 * 100vw);height: calc(1602 / 1920 * 100vw);opacity: 1;}

.in2 .round .line:nth-child(1) .dian{position: absolute;width: 0.25rem;height: 0.25rem;border-radius: 50%;margin: -0.125rem 0 0 -0.125rem;}

.in2 .round .line:nth-child(1) .dian::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;border-radius: 50%;background: #EC5B02;}

.in2 .round .line:nth-child(1) .dian s{position: absolute;background: #EC5B02;top: 50%;left: 50%;width: 100%;height: 100%;border-radius: 50%;transform: translate(-50%, -50%);animation: ripple3 3s linear infinite;}

.in2 .round .line:nth-child(1) .dian s:nth-child(2){animation: ripple3 3s linear infinite 1.5s;}

@keyframes ripple3 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

.in2 .round .line:nth-child(1) .dian:nth-child(1){top: calc((347 + 12.5) / 1243 * 100%);left: calc((45 + 12.5) / 1243 * 100%);}

.in2 .round .line:nth-child(1) .dian:nth-child(2){top: calc((901 + 12.5) / 1243 * 100%);left: calc((1162 + 12.5) / 1243 * 100%);}

.in2 .round .line:nth-child(2) .gary{background: #979797;position: absolute;border-radius: 50%;}

.in2 .round .line:nth-child(2) .gary:nth-child(1){top: calc((754 + 10.5) / 1602 * 100%);left: 0;width: 0.21rem;height: 0.21rem;margin: -0.105rem 0 0 -0.105rem;}

.in2 .round .line:nth-child(2) .gary:nth-child(2){top: calc((1122 + 7.7) / 1602 * 100%);left: calc((267 + 7.7) / 1602 * 100%);width: 0.154rem;height: 0.154rem;margin: -0.077rem 0 0 -0.077rem;}

.in2 .box{position: relative;}

.in2 .c1{padding: 1.2rem 1.4rem;display: flex;align-items: center;justify-content: center;position: relative;z-index: 5;min-height: 100vh;}

.in2 .c1 .text{opacity: 0;transform: translateY(0.5rem);}

.in2 .c1 .t1{color: rgba(51, 51, 51, 0.60);line-height: 177.778%;}

.in2 .c1 .t2{line-height: 1.6;color: #333;margin-top: 0.62rem;}

.in2 .c1 .t3{line-height: 1.6;color: #333;}

.in2 .c1 .t3 span{color: #EC5B02;}

.in2 .c1 .t4{margin-top: 0.62rem;display: flex;}

.in2 .c1 .t4 a{width: 1.6rem;height: 0.4rem;border-radius: 0.2rem;border: 0.4px solid #666;display: flex;align-items: center;justify-content: center;margin: 0 0.1rem;}

.in2 .c1 .t4 a:hover{background: #EC5B02;border-color: #EC5B02;color: #fff;}

.in2 .c1 .imgbox .img{position: absolute;width: 3.5rem;height: 1.8rem;border-radius: 0.16rem;overflow: hidden;opacity: 0;transform: scale(0);}

.in2 .c1 .imgbox .img img{height: 100%;object-fit: cover;}

.in2 .c1 .imgbox .img:nth-child(1){right: 1.2rem;top: 2.03rem;}

.in2 .c1 .imgbox .img:nth-child(2){left: 0.77rem;top: calc(524 / 1080 * 100%);transform: scale(0) rotate(-11.036deg);}

.in2.act .c1 .text{transform: translateY(0);opacity: 1;transition: all 600ms ease-out 600ms;}

.in2.act .c1 .imgbox .img:nth-child(1){opacity: 1;transform: scale(1);transition: all 600ms ease-out 800ms;}

.in2.act .c1 .imgbox .img:nth-child(2){opacity: 1;transform: scale(1) rotate(-11.036deg);transition: all 600ms ease-out 800ms;}

.in3{position: relative;z-index: 15;}

.in3 .c2{padding: 1.33rem 1.4rem 1.6rem;position: relative;z-index: 10;}

.in3 .c2 .top{display: flex;justify-content: space-between;}

.in3 .c2 .top .imgbox{width: calc((1640 - 22 - 836) / 1640 * 100%);}

.in3 .c2 .top .imgbox .img:nth-child(1){height: 2.68rem;display: flex;justify-content: flex-end;}

.in3 .c2 .top .imgbox .img:nth-child(2){height: 2.68rem;margin-top: 0.18rem;}

.in3 .c2 .top .imgbox .img img{height: 100%;width: auto;max-width: 100%;object-fit: contain;}

.in3 .c2 .top .videobox{width: calc(836 / 1640 * 100%);position: relative;height: 5.54rem;border-radius: 0.16rem;overflow: hidden;}

.in3 .c2 .top .videobox img{height: 100%;object-fit: cover;}

.in3 .c2 .top .videobox video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;object-fit: cover; transform: scale(1.2);}

.in3 .c2 .top .videobox::before{content: "";position: absolute;z-index: 5;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in3_2.png) no-repeat top left;background-size: 100% auto;pointer-events: none;}

.in3 .c2 .top .videobox .tit{font-size: 0.24rem;line-height: 0.28rem;color: #EC5B02;position: absolute;z-index: 6;top: 0.06rem;left: 1.75rem;}

.in3 .c2 .bot{margin-top: 0.6rem;display: flex;align-items: center;justify-content: space-between;}

.in3 .c2 .bot .lf{width: 1.83rem;}

.in3 .c2 .bot .rf{display: flex;justify-content: space-between;width: calc(1350 / 1640 * 100%);align-items: flex-start;}

.in3 .c2 .bot .rf .t1{line-height: 1.6;color: #333;width: 10.07rem;}

.in3 .c2 .bot .rf .t1 span{color: #EC5B02;}

.in3 .c2 .bot .rf a{width: 1.6rem;height: 0.4rem;border-radius: 0.2rem;border: 0.4px solid #666;display: flex;align-items: center;justify-content: center;margin: 0 0.1rem;}

.in3 .c2 .bot .rf a:hover{background: #EC5B02;border-color: #EC5B02;color: #fff;}

.in4{overflow: hidden;}

.in4 .top{display: flex;justify-content: space-between;align-items: center;}

.in4 .top .lf{line-height: 1.6;color: #333;position: relative;margin-right: 1.6rem;width: fit-content;}

.in4 .top .lf span{color: #EC5B02;}

.in4 .top .lf svg{position: absolute;left: 0;top: 100%;margin-top: 0.1rem;width: 1.2rem;height: 0.25rem;}

.in4 .top .rf{line-height: 1.5;flex: 1;}

.in4 .bot{margin-top: 1.22rem;padding-bottom: 0.78rem;}

.in4 .bot .swiper{overflow: visible;}

.in4 .bot .swiper .swiper-slide{display: block;position: relative;border-radius: 0.2rem;overflow: hidden;}

.in4 .bot .swiper .swiper-slide:hover{margin-top: -0.4rem;}

.in4 .bot .imgbox{height: 5.66rem;}

.in4 .bot .imgbox img{height: 100%;object-fit: cover;width: 100%;}

.in4 .bot .icon{position: absolute;top: 0.4rem;right: 0.4rem;width: 0.6rem;}

.in4 .bot .txtbox{position: absolute;left: 0;bottom: 0;width: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);padding: 0.38rem 0.42rem 0.43rem;}

.in4 .bot .txtbox .t1{line-height: calc(28 / 24);padding-bottom: 0;width: fit-content;padding-bottom: 0.21rem;position: relative;color: #fff;}

.in4 .bot .txtbox .t1 span{display: block;}

.in4 .bot .txtbox .t1::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #FFE8DA;border-radius: 2px;}

.in4 .bot .txtbox .t1::after{content: "";position: absolute;left: 0;bottom: 0;width: calc(60 / 140 * 100%);height: 2px;background: #EC5B02;border-radius: 2px;}

.in4 .bot .txtbox .t2{line-height: 1.6;color: #fff;height: 3.2em;margin-top: 0.3rem;}

.in4 .bot .swiper{transition: opacity 1s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);transform: translate3d(40vw, 0, 0);opacity: 0;}

.in4 .bot.go .swiper{transform: translateZ(0);opacity: 1;}

.in4 .swpbtn{height: 0.64rem;margin-top: 0.6rem;position: relative;}

.in4 .swpbtn .swiper-pagination{width: 2.87rem;height: 2px;background: #EBEDEE;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.in4 .swpbtn .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 2px;background: #EC5B02;}

.in4 .swpbtn .btn{position: absolute;right: 0;top: 0;display: flex;}

.in4 .swpbtn .btn a{width: 0.64rem;height: 0.64rem;border-radius: 50%;margin-left: 0.13rem;position: relative;background: #F4F4F4;}

.in4 .swpbtn .btn a img{width: 100%;}

.in4 .swpbtn .btn a img:nth-child(2){position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;opacity: 0;}

.in4 .swpbtn .btn a.next img{transform: rotate(180deg);}

.in4 .swpbtn .btn a:hover{background: #EC5B02;}

.in4 .swpbtn .btn a:hover img:nth-child(1){opacity: 0;}

.in4 .swpbtn .btn a:hover img:nth-child(2){opacity: 1;}

.allUp{position: relative;}

.in5{padding: 1.8rem 0;background: url(../images/in5_1.png) no-repeat center;background-size: cover;}

.in5 .swiper-slide{display: flex;justify-content: space-between;}

.in5 .imgbox{width: calc(836 / 1640 * 100%);height: 6.58rem;border-radius: 0.2rem;overflow: hidden;}

.in5 .imgbox img{height: 100%;object-fit: cover;}

.in5 .txtbox{width: calc(722 / 1640 * 100%);padding: 0.06rem 0 1rem;}

.in5 .txtbox .t1{line-height: 1.6;color: #333;}

.in5 .txtbox .t1 span{color: #EC5B02;}

.in5 .txtbox .t1 svg{display: block;width: 1.2rem;height: 0.25rem;margin-top: 0.1125rem;}

.in5 .txtbox .t2{margin-top: 0.8rem;line-height: calc(28 / 24);color: #EC5B02;}

.in5 .txtbox .t2 img{height: 0.26rem;display: inline-block;vertical-align: middle;margin-right: 0.1653rem;}

.in5 .txtbox .t3{line-height: 1.75;color: #333;margin-top: 0.33rem;}

.in5 .pogin{z-index: 11;bottom: 0.375rem;right: 0;left: auto;width: calc(722 / 1640 * 100%);display: flex;align-items: center;    position: absolute;height: 2px;}

.in5 .pogin span{margin: 0 0.1rem 0 0 !important;width: 0.5rem;height: 1px;background: #333333;}

.in5 .pogin span.swiper-pagination-bullet-active{height: 2px;background: #EC5B02;}

.in6{padding: 1.05rem 0 1.6rem;}

.in6 .tit{line-height: 1.6;text-align: center;color: #333;}

.in6 .tit span{color: #EC5B02;}

.in6 .tit svg{width: 1.2rem;height: 0.25rem;margin: 0.1125rem auto 0;display: block;}

.in6 .mobile-news-swiper{display: none;}

.in6 .ul{margin-top: 1rem;display: flex;flex-wrap: wrap;}

.in6 .ul .li{width: calc((100% - 0.5rem) / 3);margin: 0 0.25rem 0 0;}

.in6 .ul .li:nth-child(3n){margin-right: 0;}

.in6 .ul .li .ss{display: block;position: relative; border-top-left-radius: 0.16rem; border-top-right-radius: 0.16rem; overflow: hidden;}

.in6 .ul .li .ss .imgbox{height: 3.84rem;border-radius: 0.16rem;overflow: hidden;position: relative;}

.in6 .ul .li .ss .imgbox img{height: 100%;width: 100%;object-fit: cover;}

.in6 .ul .li .ss .imgbox .time{position: absolute;z-index: 2;left: 0.2rem;bottom: 0.28rem;padding: 0.09rem 0.19rem;background: #fff;border-radius: 0.34rem;line-height: 1;color: #EC5B02;}

.in6 .ul .li .ss .txtbox{
    /*padding: 0.3rem 0.47rem 0 0.2rem;*/
    padding: 0.3rem 0.47rem .3rem 0.2rem;
    transition: all .3s ease;
}

.in6 .ul .li:hover .txtbox {
    background: #EC5B02;
    border-radius: 0 0 .16rem .16rem;
}
.in6 .ul .li:hover .ss .txtbox .t1 {
    color: #ffffff;
}

.in6 .ul .li:hover .ss .txtbox .t2 {
    color: #ffffff;
}

.in6 .ul .li .ss .txtbox .t1{line-height: calc(28 / 24);color: #333;}

.in6 .ul .li .ss .txtbox .t2{line-height: calc(28 / 16);color: #333;margin-top: 0.2rem;}

.in6 .ul .li .ss .arr{position: absolute;top: 0.34rem;right: 0.3875rem;z-index: 5;width: 0.64rem;height: 0.64rem;border-radius: 50%;overflow: hidden;opacity: 0;}

.in6 .ul .li .ss .arr img{width: 100%;position: relative;z-index: 3;transition: transform 1s var(--ease1);}

.in6 .ul .li .ss .arr::before{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #EC5B02;transition: width 1s var(--ease1);}

.in6 .ul .li .ss .arr::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 0.5px solid #FFFFFF;}

.in6 .ul .li:hover .ss{transform: translateY(-0.4rem);}

.in6 .ul .li:hover .ss .imgbox{border-radius: 0;}

.in6 .ul .li:hover .ss .imgbox img{transform: scale(1.1);}

.in6 .ul .li:hover .ss .arr{opacity: 1;}

.in6 .ul .li:hover .ss .arr::before{width: 100%;}

.in7 .tit{text-align: center;line-height: 1.6;color: #333;}

.in7 .tit span{color: #EC5B02;}

.in7 .tit svg{display: block;margin: 0.1125rem auto 0;width: 1.2rem;height: 0.25rem;}

.in7 .det{line-height: 1.5;color: #333;margin: 0.55rem auto 0;max-width: 10.07rem;}

.in7 .det span{color: #EC5B02;}

.in7 .mapbox{position: relative;margin-top: -0.1rem;}

.in7 .mapbox .bg{margin: 0 -1.4rem;}

.in7 .mapbox .bg img{width: 100%;}

.in7 .mapbox .box{position: absolute;top: 0.71rem;left: 0;width: 100%;}

.in7 .mapbox .switch{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;line-height: 0.48rem;}

.in7 .mapbox .switch a{margin: 0.13rem;border-radius: 0.48rem;text-align: center;padding: 0 0.51rem;background: #EEEEEE;}

.in7 .mapbox .switch a.act,
.in7 .mapbox .switch a:hover{background: #EC5B02;color: #fff;}

.in7 .mapbox .ulbox{margin-top: 0.6rem;}

.in7 .mapbox .ulbox .item{display: none;}

.in7 .mapbox .ulbox .item.act{display: block;}

.in7 .mapbox .ulbox .item .ul{display: flex;width: max-content;animation: marquee 20s linear infinite;}

.in7 .mapbox .ulbox .item .ul.act{animation: marquee 40s linear infinite;}

.in7 .mapbox .ulbox .item .ul .li{width: 2.42rem;border: 1px solid #D9D9D9;display: flex;align-items: center;justify-content: space-between;padding: 0.2rem 0.4rem;border-radius: 1.1rem;margin-right: 0.376rem;}

.in7 .mapbox .ulbox .item .ul .li .ico{width: 0.64rem;}

.in7 .mapbox .ulbox .item .ul .li .ico img{width: 100%;}

.in7 .mapbox .ulbox .item .ul .li .txt{width: 0.7rem;line-height: 1.25;}

.in7 .mapbox .ulbox .item .ul:nth-child(2){margin-top: 0.48rem;animation: marquee-reverse 20s linear infinite;}



@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes marquee-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.in7 .mapbox .ulbox .item .ul:hover {
    animation-play-state: paused;
}

.footer{margin-top: -1.28rem;position: relative;z-index: 50;}

.in1 .list .item .text .t2{max-height: calc(28 / 16 * 3em);overflow-y: auto;}