.top {

    width: 100%;

    background-color: var(--light);

}



.top-wrap {

    width: 1200px;

    margin: 0 auto;

}



.top-left {

    flex: 1;

}



.top-title {

    margin-top: 125px;

}



.top-desc {

    width: 94%;

    margin-top: 40px;

    font-size: 24px;

    line-height: 36px;

}



.top-image {

    margin: 100px 17px 0 0;

}



.intro {

    width: 100%;

}



.intro-wrap {

    width: 1200px;

    margin: 0 auto;

    box-sizing: border-box;

    padding: 88px 0;

}



.intro-row {

    margin: 72px 0;

}



.intro-left {

    width: 560px;

}



.intro-right {

    width: 560px;

}



.intro-row2 {

    width: 100%;

    box-sizing: border-box;

    padding: 16px 24px;

}



.intro-row-title {

    margin-bottom: 16px;

}



.intro-row-desc {

    font-size: 16;

    line-height: 30px;

}



.honor {

    width: 100%;

    background-color: var(--main);

}



.honor-wrap {

    width: 1200px;

    margin: 0 auto;

    box-sizing: border-box;

    padding: 88px 0;

}



.honors {

    margin-top: 72px;

}



.honor-item {

    width: 272px;

    height: 309px;

    background: var(--white);

    border-radius: 16px 16px 16px 16px;

    box-sizing: border-box;

    padding: 16px;

    text-align: center;

    margin: 8px;

}



.honor-desc {

    margin-top: 16px;

}



.activity {

    width: 100%;

}



.activity-wrap {

    width: 1200px;

    margin: 0 auto;

    box-sizing: border-box;

    padding: 88px 0;

}



.activity-title {

    margin-bottom: 72px;

}



.activity-arrow {

    width: 72px;

    display: flex;

}



.activities-container {

    width: 1056px;

    overflow: hidden;

}



.swiper-image {

    width: 49%;

}



@media all and (max-width: 750px) {

    .top-wrap {

        width: 96%;

        flex-direction: column;

    }



    .top-image {

        width: 100%;

    }



    .top-desc {

        width: 100%;

    }



    .intro-wrap {

        width: 96%;

        padding: 88px 0;

    }



    .intro-row {

        flex-direction: column;

    }



    .intro-image {

        width: 100%;

    }



    .intro-left {

        width: 100%;

    }

    

    .intro-right {

        width: 100%;

    }



    .honor-wrap {

        width: 96%;

        padding: 88px 0;

    }



    .honors {

        flex-direction: column;

    }



    .honor-item {

        margin-top: 10px;

    }



    .activity-wrap {

        width: 96%;

        padding: 88px 0;

    }

}