.indmh{width: 100%;position: relative;height: 400vh;}
.indmh-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indmh-bg{width: 100%;height: 100vh;object-fit: cover;}
.indmh-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;}
.indmh-logo img{width: 100%;height: 100%;object-fit: cover;}
.indmh-text{    width: 60%;
    position: absolute;
    z-index: 3;
    justify-content: center;
    left: 20%;
    top: 60vh;
    color: #333;
    transition: all .4s ease;
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.2;
    margin: 0px auto;}
.indmh-text span{position: relative;margin-left: 24px;}
.indmh-text span:first-child{margin-left: 0;}
.indmh-text.active{opacity: 0;}
.indmh-shade{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: #000000c9;opacity: 0;}
.indmh-content{position: absolute;width: 100%;z-index: 4;height: 100vh;display: flex;align-items: center;justify-content: center;top: 0;left: 0;}
.indmh-desc{max-width: 1200px;margin-left: auto;margin-right: auto;text-align: center;color: #fff;}
.indmh-num{width: 100%;color: #fff;    margin-bottom: 5%;}
.indmh-num li{width: 25%;text-align: center;}
.indmh-num li .num{font-family: "d348b27c-0ac6-49ab-8463-63d2f8f6f1f4";line-height: 1;    font-weight: bold;
    font-size: 66px;}
.indmh-num li .title{line-height: 1.1;}
.indmh-more{width: 100%;justify-content: center;}
.indmh-more a {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 230px;
    height: 52px;
    padding-top: 2px;
    background: #06a4df00;
    border: 1px solid #fff;

    border-radius: 26px;
    line-height: 1;
    font-size: 14px;
    color: #fff;
    transition: all .4s ease;
    margin: 0 auto;
    margin-top: 30px;
}
.indmh-more a::after{content: "";width: 24px;height: 12px;position: absolute;top: 50%;margin-top: -4px;right: 22px;background: url('../images/index/indArr.png') no-repeat center;transition: all .4s ease;}
.indmh-more a:hover{  background: #E6212A;
    COLOR: #FFF;    border: 1px solid #E6212A;}
.indmh-more a:hover::after{transform: translateX(-26px);}

.indmh-content .indTitle .text{
    font-size: 60px;
    line-height: 1;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #f5f7f9;
    text-transform: uppercase;
    left: 0;
    top: -20px;
    color: #fff;
    opacity: 0.1;
    font-family: "d348b27c-0ac6-49ab-8463-63d2f8f6f1f4";
}

.indmh-content .indTitle .title{
text-align: center;
    font-size: 36px;
    color: #fff;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    font-weight: bold;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);

    background-clip: text;
}

.indmh-content .indmh-desc{
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 34px;
  
    font-family: "PingFang SC","custom-font"!important;
}

.indmh-content .indmh-num ul{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
  width: 1200px;
    margin-top: 30px;
}

.indmh-content .indmh-num ul .text{
   font-size:18px;
   margin-top:10px;
font-family: "PingFang SC","custom-font"!important;
  font-weight: bold;
}

/* -- */
.indmh-content{opacity: 0;pointer-events: none;transition: all .8s ease;}
.indmh-content.active{opacity: 1;pointer-events: auto;}
.indmh-content.active .indTitle{animation: indmhRun 1s ease both .4s;}
.indmh-content.active .indmh-desc{animation: indmhRun 1s ease both .6s;}
.indmh-content.active .indmh-num{animation: indmhRun 1s ease both .8s;}
.indmh-content.active .indmh-more{animation: indmhRun 1s ease both 1s;}
@keyframes indmhRun {0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}