body {
    background-color: #e5ecf3;
    
}

h1, h2, h3, .red-text {
    font-family: Arial Black;
    
}

h1, h2, h3 {
    color: #455197;
}

header {
    display: none;
}
.home-title-box {
    background-color: #e5ecf3;
    position: relative;
    height: 120vh;
    overflow: hidden;
    margin-bottom: 6em;
}

.home-title-box .bg-img {
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
 
.home-title-box .title-text-box {
    position: absolute;
    width: 100%;
    height: 100%;
}

.home-title-box .title-text-box .title-text {
    width: 80%;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.home-title-box .title-text img {
    width: 50%;
}

 .home-title-box .title-text h1 {
    font-size: 3.5em;
    color: #455197;
    font-family: Arial Black;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.home-title-box .title-text span {
    font-size: 1.2em;
    color: #455197;
    font-family: Arial Black;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.home-title-box .title-text h4 {
    /* font-size: 1.2em; */
    margin-top: 0.5em;
    color: #455197;
    font-family: Arial Black;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.hide {
    position: absolute;
    width: 100%;
    height: 100%;
}
.hide img {
    position: absolute;
    top: 70vh;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

/* 各种尺寸调整 */
@media (max-width:1440px) {
    .home-title-box {   
        height: 110vh;
    }
    .hide img {
        top: 70vh;
    }
}

@media (max-width:1030px) {
    .home-title-box {   
        height: 80vh;
    }
    .hide img {
        top: 50vh;
    }
}

@media (max-width:830px) {
    .home-title-box {   
        height: 70vh;
    }
    .hide img {
        top: 40vh;
    }
    .home-title-box {
        margin-top: 4vh;
    }
}

@media (max-width:450px) {
    .home-title-box {   
        height: 40vh;
    }
    .hide img {
        top: 40vh;
    }
    .home-title-box .title-text h1 {
        font-size: 1.2em;
    }
    .home-title-box .title-text span {
        font-size: 0.8em;
    }
    .home-title-box {
        margin-top: 5vh;
    }
}

@media (max-width:350px) {
    .home-title-box {   
        height: 25vh;
    }
    .hide img {
        top: 20vh;
    }
    .home-title-box .title-text h1 {
        font-size: 0.6em;
    }
    .home-title-box .title-text span {
        font-size: 0.3em;
    }
    .home-title-box {
        margin-top: 5vh;
    }
}

.text_01 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.home-img {
    width: 80%;
}

.counter {
    color: #000;
    font-weight: 800;
    line-height: 60vh;
}

#coin {
    position: relative;
    z-index: 0;
}

#coin img {
    width: 80%;
    position: absolute;
}

.solution_right .text-center,
.solution_left .text-center {
    /* padding-top: 4em;
    padding-bottom: 4em; */
}
.solution_right .text-center h2,
.solution_left .text-center h2{
    margin-top: 1.5em;
    color: #000;
}

.control img {
    width: 60%;
}
.control p {
    font-size: 1.2em;
    font-weight: 700;
}

.generation img {
    width: 70%;
}
.generation p {
    font-size: 1.2em;
    font-weight: 700;
}

.home-link {
    font-family: Arial Black;
}
