body {
  margin: 0;
  font-family: SourceHanSansCN;
  color: #221815;
}

.phone {
  display: none;
}

.web {
  /* display: none; */
  min-width: 1240px;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}
img{
  pointer-events: none;
}
::-webkit-scrollbar {
}
/* 手机设备 (小于576px) */
@media (max-width: 575.98px) {
  .web {
    display: none;
  }
}

/* 平板设备 (576px-992px) */
@media (min-width: 576px) {
  .web {
    display: block;
  }
  .web-1 {
    background-image: url("../images/icon1.png");
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
    position: relative;
  }
  .web-1-1{
    letter-spacing: 2.6042vw;
    font-size: 2.1875vw;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    top: 30%;
    left: 50%;
    transform: translate(calc(-50% + 1.3021vw) );
    animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  }
  .web-1-2{
    font-size: 1.3021vw;
    letter-spacing: .2604vw;
    color: #fff;
    position: absolute;
    bottom: 2.0833vw;
    right: 4.1667vw;
    line-height: 1.5;
  }
  .web-2{
    background-image: url("../images/icon2.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    overflow: hidden;
  }
  .web-2-c{
    width: 100%;
    
  }
  .web-2-c-1{
    padding-top: 143px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
  .web-2-c-1-l{
  }
  .web-2-c-1-l-1{
    font-size: 2.7083vw;
    line-height: 1.3;
    letter-spacing: .4167vw;
  }
  .web-2-c-1-l-2{
    font-size: 1.25vw;
    margin-top: 3.6458vw;
  }
  .web-2-c-1-r{
    margin-left: 184px;
    padding-top: 20px;
    width: 30vw;
  }

  .web-2-c-1-r-1{
    font-size: 1.0417vw;
    font-weight: bold;
    margin-bottom: 2.0833vw;
  }
  .web-2-c-1-r-2{
    line-height: 1.5;
    font-size: .9375vw;
    margin-bottom: 30px;
  }
  .web-2-c-2{
    text-align: center;
  }
  .web-2-c-2-i{
    width: 67.7083vw;
    margin-top: 6.25vw;
  }
  .web-2-c-3 {
    padding-top: 10.4167vw;
  }
  .web-2-c-3-1{
    background-image: url("../images/icon4.png");
    background-size: 100% 100%;
    padding-bottom: 10.625vw;
    background-position-y: 1.5625vw;
  }
  .web-2-c-3-1-1{
    font-size: 2.7083vw;
    letter-spacing: .4167vw;
    margin-right: -.4167vw;
    text-align: center;
  }
  .web-2-c-3-1-2{
    font-size: 1.3542vw;
    text-align: center;
    margin-top: 2.0833vw;
  }
  .web-2-c-3-2{
    text-align: center;
    padding-left: 10.4167vw;
  }
  .web-2-c-3-2-1{
    transform: translateY(-2%);
    width: 46.875vw;
    height: auto;
    user-drag: none; /* 标准属性 */
    -webkit-user-drag: none; /* Chrome/Safari/Edge */
    -moz-user-drag: none; /* Firefox */
    -ms-user-drag: none; /* IE */
    user-select: none; /* 禁止选中 */
    -webkit-user-select: none; /* Chrome/Safari/Edge */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE */
  }
  .web-2-c-3-3{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 41.6667vw;
  }
  .web-2-c-3-3-1{
    display: flex;
    align-items: center;
  }
  .web-2-c-3-3-1-l{
    font-size: 4.1667vw;
    font-weight: bold;
  }
  .web-2-c-3-3-1-r{
    font-size: 1.5625vw;
    width: 18vw;
    text-align-last: justify;
    line-height: 1.5;
  }
  .web-2-c-3-3-2{
    width: 28.6458vw;
    border-top: 1px solid #000000;
    margin-top: 1.0417vw;
    margin-bottom: 1.0417vw;
  }
  .web-2-c-3-3-3{
    font-size: .8333vw;
    line-height: 2;
    padding-bottom: 4.1667vw;
  }
  .web-3{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .web-3-bg{
    height: 100%;
    width: 100%;
  }
  .web-3-c{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
    padding-left: 18.2292vw;
  }
  .web-3-c-l-l{
    width: 30vw;
    height: auto;
    user-drag: none; /* 标准属性 */
    -webkit-user-drag: none; /* Chrome/Safari/Edge */
    -moz-user-drag: none; /* Firefox */
    -ms-user-drag: none; /* IE */
    user-select: none; /* 禁止选中 */
    -webkit-user-select: none; /* Chrome/Safari/Edge */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE */
  }
  .web-3-c-r{
    flex-shrink: 0;
    flex-grow: 1;
    height: 100%;
    position: relative;
  }
  .web-3-c-l-1{
    height: 100vh;
    width: auto;
    user-drag: none; /* 标准属性 */
    -webkit-user-drag: none; /* Chrome/Safari/Edge */
    -moz-user-drag: none; /* Firefox */
    -ms-user-drag: none; /* IE */
    user-select: none; /* 禁止选中 */
    -webkit-user-select: none; /* Chrome/Safari/Edge */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE */
    position: absolute;
    right: 0;
    top: 0;
  }
  .web-4{
    background-image: url("../images/icon9.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
  }
  .web-4-1{
    padding: 7.8125vw 0;
    width: 100%;
    overflow: hidden;
  }
  .web-4-1-1{
    font-size: 2.7083vw;
    text-align: center;
  }
  .web-4-1-2{
    font-size: 1.25vw;
    margin-top: 20px;
    text-align: center;
  }
  .web-4-2{
    background-color: #F2F3F4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18.2292vw;
    margin-bottom: 6.25vw;
  }
  .web-4-2-c{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: .5208vw;
    grid-column-gap: .5208vw;
  }
  .web-4-2-c-1{
    background-color: #fff;
    border-radius: .5208vw;
    padding: .5208vw;
  }
  .web-4-2-c-1-i{
    width: 15.625vw;
    height: 10.4167vw;
    object-fit: cover;
    object-position: center;
  }
  .web-4-3{
    position: relative;
  }
  .web-4-3-bg{
    width: 100%;
    height: auto;
  }
  .web-4-3-c{
    padding-top: 7.8125vw;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
  }
  .web-4-3-c-1{
    font-size: 2.7083vw;
    color: #fff;
  }
  .web-4-3-c-2{
    font-size: 1.25vw;
    margin-top: 1.5625vw;
    color: #fff;
  }
  .web-4-4{
    height: 23.0208vw;
    /* transform: translateY(); */
    margin-top: -10.4167vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
  .web-4-4-c{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 1.5625vw;
    grid-column-gap: 1.5625vw;
  }
  .web-4-4-i{
    width: 11.4583vw;

  }
  .web-4-4-i-1{
    height: 15.625vw;
    width: 100%;
    border-radius: 1.0417vw;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
  }
  .web-4-4-i-1-1{
    text-align: center;
    padding-top: 2.0833vw;
  }
  .web-4-4-i-1-1-img{
    height: 6.25vw;
    width: 6.25vw;
  }
  .web-4-4-i-1-2{
    margin-top: 1.0417vw;
    font-size: .8333vw;
    line-height: 1.5625vw;
    text-align: center;
  }
  .web-4-4-i-2{
  }
  .web-4-4-i-2-i{
    width: 100%;
    height: auto;
  }
  .web-5{
    background-image: url("../images/icon20.png");
    background-size: 100% auto;
    height: 31.25vw;
    background-repeat: no-repeat;
    position: relative;
  }
  .web-5-c{
    padding: 2.6042vw 7.8125vw;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-right: 11.4583vw;
    padding-top: 7.8125vw;
  }
  .web-5-c-l-i{
    width: 10.6771vw;
    height: auto;
  }

  .web-5-c-r-1{
    display: flex;
    width: 15.625vw;
    justify-content: space-between;
    border: 1px solid #221815;
    padding: .5208vw .7813vw;
    border-radius: 10.4167vw;
  }
  .web-5-c-r-1-l{
    font-size: .9375vw;
    color: #221815;
  }
  .web-5-c-r-1-r{
    height: 1.0417vw;
    width: 1.0417vw;
  }
  .web-5-c-r{
    width: 50vw;
  }
  .web-5-c-r-1{
    display: flex;
    align-items: center;
  }
  .web-5-c-r-2-i{
    width: 5.7292vw;
    height: auto;
  }
  .web-5-c-r-1-c{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .web-5-c-r-2-c{
    font-size: .9375vw;
    margin-top: 1.7188vw;
    line-height: 1.8;
  }
}








.tracking-in-expand {
}


/* ----------------------------------------------
 * Generated by Animista on 2025-10-28 13:53:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
 @-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}