.letsleep-body {
    padding-bottom: 0px;
}

.about-container {
    
}

.title h1 {
    font-size: 3.12vw;
    letter-spacing: 2px;
}

.title strong {
    color: #006941;
    padding: 0px 5px;
    font-weight: 500;
}

    .about-container .content {
        margin: 0 auto;
    }

    .about-container .about-row1 {
        padding-bottom: calc(var(--unit-width) * 2.3)
    }

        .about-container .about-row1 .left {
            position: relative;
        }

        .about-container .about-row1 .col-6 {
            padding: 0px;
        }

        .about-container .about-row1 .title {
            /*height: 50%;*/
        }

        .about-container .about-row1 .right img {
            width: 100%;
            background-color: lightgray;
            height: 0;
            padding-bottom: 80%;
            border-radius: 10px;
        }

        .about-container .about-row1 h1 {
            
        }

        .about-container .about-row1 strong {
            
        }

        .about-container .about-row1 .desc {
            width: 25vw;
            position: absolute;
            bottom: 0;
        }

            .about-container .about-row1 .desc p {
                font-size: 1.04vw;
                color: #000;
                line-height: 1.5vw;
            }

        .about-container .about-row1 .more {
            height: 15%;
            display: flex;
            align-items: center;
        }

            .about-container .about-row1 .more a {
                font-size: .9vw;
                padding: 5px 10px;
                border: 2px solid #006941;
                border-radius: 20px;
                display: flex;
                align-items: center;
            }

                .about-container .about-row1 .more a img {
                    margin-left: 10px;
                    height: 16px;
                    width: 16px;
                }

    .about-container .about-row2 {
        height: 23vw;
        background-color: #006941;
    }

        .about-container .about-row2 .content {
            height: 100%;
        }

        .about-container .about-row2 .item {
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .about-container .about-row2 .item img {
                width: 50%;
            }

            .about-container .about-row2 .item p {
                color: #fff;
                font-size: 1.04vw;
                margin-top: 1.8vw;
                padding: 0 calc(var(--unit-width) / 2);
                line-height: 1.5vw;
            }

    .about-container .about-row3 {
        height: 100vh;
        position: relative;
    }

        .about-container .about-row3 .title {
            margin-top: calc(var(--unit-width) * 2.5);
            display: flex;
            align-items: start;
            flex-direction: column;
            justify-content: center;
        }

        .about-container .about-row3 .about-row3-bg {
            width: 48%;
            position: absolute;
            right: 0;
            height: 70%;
            text-align: right;
            bottom: calc(var(--unit-width) * 2.4);
        }

            .about-container .about-row3 .about-row3-bg img {
                width: 100%;
                height: 100%;
            }

.development-header {
    padding-top: calc(var(--unit-width) * 1.3);

}

.development-header h2 {
    font-size: 2.5vw;
    color: white;
}

.development-header img {
    width: 1.5vw;
    margin: 1vw 0px;
}

.about-row4 {
    height: 80vh;
    background: url(/image/about-bg3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .about-row4 .development-body {
        height: 70%;
        padding: 30px 0px;
    }

.about-row5 {
    height: auto;
}

    .about-row5 .about-row5-top {
        padding-top: calc(var(--unit-width) * 2.6);
        align-items: flex-end;
    }

        .about-row5 .about-row5-top .title h1 {
            font-size: 4.2vw;
        }

    .about-row5 .about-row5-dess {
    }

        .about-row5 .about-row5-dess h2 {
            font-size: 1.84vw;
            line-height: 2.76vw;
        }

    .about-row5 .about-row5-center {
        margin-top: calc(var(--unit-width) * 0.6);
        margin-bottom: calc(var(--unit-width) * 1.2);
        align-items: center;
    }

        .about-row5 .about-row5-center p {
            font-size: 0.8vw;
        }

    .about-row5 .about-row5-bottom {
        margin-bottom: calc(var(--unit-width) * 2.6);
    }

        .about-row5 .about-row5-bottom img {
            height: 100%;
            width: 100%;
        }

.about-row6 {
    background: #006941;
}

    .about-row6 .honor-content {
        padding: calc(var(--unit-width) * 1.3) 0px;
    }

.honor-slide .honor-img {
    width: 100%;
    padding-bottom: 150%;
    position: relative;
}

    .honor-slide .honor-img img {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

.honor-slide .honor-title {
    padding: 20px;
    font-size: 1vw;
}

.clear {
    padding: 0 !important;
    margin: 0 !important;
}


.timeline {
    margin: 0 auto;
    height: 100%;
}

.timeline .timeline-left {
    height: 100%;
}

.timeline .timeline-right {
    height: 100%;
}

    .timeline .timeline-nav {
        z-index: 99;
        transition: top .3s ease-out;
        height: 70%;
    }

        .timeline .timeline-nav ul {
            list-style: none;
            list-style-position: inside;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding-top: 20px;
            padding-left: 10px;
            mask: linear-gradient(to top, rgba(255, 255, 255, 0.5), #fff);
        }

        .timeline .timeline-nav ul::-webkit-scrollbar {
            display: none;
        }

            .timeline .timeline-nav ul li {
                position: relative;
                margin-top: -12px;
                padding-bottom: 30px;
                list-style-type: none;
                color: #fff;
                cursor: pointer;
            }

                .timeline .timeline-nav ul li:first-child::before {
                    display: block;
                    top: 10px;
                }

                .timeline .timeline-nav ul li:last-child::before {
                    content: '';
                    position: absolute;
                    left: 5px;
                    width: 0;
                    top: 0;
                    z-index: 0;
                }

                .timeline .timeline-nav ul li::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    width: 2px;
                    background-color: #fff;
                    height: 100%;
                    z-index: 0;
                }

                .timeline .timeline-nav ul li.active {
                    
                }

                    .timeline .timeline-nav ul li.active .timeline-axis {
                        position: absolute;
                        left: -2px;
                        top: 0.52vw;
                        z-index: 10;
                        width: 5px;
                        height: 15px;
                        line-height: 20px;
                        background-color: #fff;
                        color: #5FB878;
                        border-radius: 20%;
                        text-align: center;
                        cursor: pointer;
                    }

                    .timeline .timeline-nav ul li.active span {
                        font-size: 1.04vw;
                        font-weight: bold;
                        color: #fff;
                        border-bottom: 1px dotted transparent;
                    }

                .timeline .timeline-nav ul li:hover {
                    
                }

                .timeline .timeline-nav ul li span {
                    font-size: 1.04vw;
                    margin-left: 20px;
                }

    .timeline .timeline-section {
        height: 100%;
    }

    .timeline .wrapper {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        position: relative;
        mask: linear-gradient(to top, rgba(255, 255, 255, 0.5), #fff);
    }

        .timeline .wrapper::-webkit-scrollbar {
            display: none;
        }

        .timeline .wrapper .milestone {
            color: #fff;
            font-size: 5.2vw;
            font-weight: bold;
        }

        .timeline .wrapper p {
            color: #fff;
            font-size: 0.8vw;
            line-height: 2vw;
            margin-bottom: 4vh;
        }