@media screen and (min-width: 1921px) {}

@media screen and (max-width: 1919px) {
    #c-header .c-nav>li {
        margin: 0 15px;
    }
    #c-header .c-gn form {
        padding: 0 15px;
    }
    #c-header .c-gn .c-phone i {
        margin: 0 5px 0 15px;
    }
    #c-footer .c-top-box .c-l-box .c-big-title {
        font-size: 40px;
        line-height: 50px;
    }
    .c-common-box2 .c-list li,
    .c-common-box4 .c-list .c-wrap {
        padding: 40px;
    }
    .c-common-box2 .c-list .c-en-title,
    .c-common-box4 .c-list .c-en-title {
        font-size: 34px;
        line-height: 44px;
    }
    .c-common-box2 .c-list .c-num,
    .c-common-box3 .c-list .c-top .c-num-move {
        font-size: 30px;
    }
    .c-common-box4 .c-list .c-title {
        font-size: 20px;
        line-height: 30px;
    }
    .c-common-box2 .c-list .c-title,
    .c-common-box4 .c-list .c-text1 {
        font-size: 24px;
        line-height: 34px;
    }
}

@media screen and (max-width: 1599px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }
    #c-footer .c-top-box .c-l-box .c-big-title,
    #c-curriculum .c-list .c-box1 .c-title {
        font-size: 30px;
        line-height: 40px;
    }
    .c-common-title .c-title {
        margin-top: -55px;
        font-size: 40px;
    }
    .c-banner1 .c-box .c-subtitle {
        margin-bottom: 50px;
        font-size: 30px;
        line-height: 40px;
    }
    .c-banner1 .c-box .c-en-title {
        padding: 20px 0 30px;
        font-size: 30px;
        line-height: 40px;
    }
    #c-top-banner .c-text1 {
        font-size: 16px;
        line-height: 26px;
    }
    #c-top-banner .c-text2 {
        font-size: 24px;
        line-height: 34px;
    }
    #c-curriculum2 .c-list .c-left-box .c-title,
    #c-story2 .c-left .c-title-box .c-title {
        font-size: 40px;
        line-height: 50px;
    }
    #c-curriculum .c-list .c-box1 .c-t-box .c-num {
        font-size: 50px;
        line-height: 60px;
    }
    #c-curriculum .c-list .c-box1 .c-t-box .c-en-title {
        font-size: 24px;
    }
    #c-curriculum .c-list .c-box2 .c-title,
    #c-curriculum .c-list .c-box2 .c-num,
    .c-banner2-top .c-wrap .c-en-title,
    .c-banner2-top .c-wrap .c-t1,
    .c-banner2-top .c-wrap .c-title span,
    .c-banner5-top .c-wrap .c-title span {
        font-size: 30px;
    }
    .c-banner2-top .c-pagination .c-p1 {
        font-size: 40px;
    }
    #c-top-banner .c-title,
    .c-common-title2 .c-en-title {
        font-size: 50px;
    }
    .c-common-title .c-en-title,
    #c-about .c-list .c-num {
        font-size: 80px;
    }
    .c-banner1 .c-box .c-title {
        font-size: 90px;
        line-height: 100px;
    }
    #c-team.c-dt2 {
        padding-top: 80px;
    }
    #c-footer .c-top-box,
    #c-curriculum3,
    #c-journal,
    #c-story2,
    .c-common-box1,
    .c-common-box2,
    .c-common-box3 {
        padding: 80px 0;
    }
    .c-banner2-top .c-wrap .c-t2 {
        height: 120px;
        -webkit-line-clamp: 4;
    }
    .c-banner2-top .c-pagination {
        top: 160px;
    }
    #c-footer .c-top-box .c-l-box .c-big-title,
    #c-footer .c-phone {
        margin-bottom: 70px;
    }
    .c-banner2-top .c-wrap .c-t1 {
        padding-bottom: 40px;
    }
    #c-about .c-list {
        padding: 80px 80px 0;
    }
    #c-about,
    #c-story,
    .c-common-box4 {
        padding-top: 70px;
    }
    #c-curriculum2,
    #c-about2,
    #c-environment,
    #c-reserve,
    .c-common-load,
    #c-contact,
    #c-school,
    #c-introduce,
    #c-works.c-dt,
    .c-page {
        padding-top: 80px;
    }
    #c-teacher,
    #c-curriculum4 {
        padding-bottom: 80px;
    }
    #c-curriculum,
    #c-news {
        padding: 70px 0 80px;
    }
    #c-curriculum2 .c-list .c-wrap .c-box,
    #c-link,
    #c-honor,
    #c-philosophy,
    #c-advantage {
        padding: 80px 0;
    }
    #c-story .c-red {
        height: 380px;
        padding-bottom: 80px;
    }
    #c-story .c-common-title {
        height: 480px;
    }
    #c-ab-bg {
        height: 380px;
    }
    #c-video {
        height: 760px;
    }
    .c-banner4-top .c-num {
        padding-right: 30px;
        font-size: 170px;
    }
    .c-common-title2 .c-title {
        margin-top: -25px;
        font-size: 40px;
    }
    #c-video2 .c-box {
        padding: 80px 8.3335%;
    }
    .c-banner4-top .swiper-slide {
        padding: 80px 120px;
    }
    #c-philosophy .c-list .c-wrap {
        padding: 60px 60px 140px;
    }
    .c-banner4-top .c-num .c-text {
        padding-left: 30px;
    }
    #c-top-banner .c-container {
        height: 500px;
    }
    #c-reserve form {
        padding: 80px 160px;
    }
    #c-curriculum3 .c-more-btn {
        margin-bottom: 80px;
    }
    #c-common-box .c-right-box {
        width: 25%;
    }
    #c-common-box .c-left-box {
        width: 70%;
    }
    #c-teacher .c-img-box,
    .c-common-box3 .c-img-box {
        border-right: 40px solid transparent;
    }
    #c-teacher .c-text-box,
    .c-common-box3 .c-text-box {
        padding-right: 0;
    }
    #c-works,
    #c-common-box {
        padding-bottom: 80px;
    }
    .c-common-box4 .c-list li,
    .c-common-box2 .c-list li {
        width: 50%;
    }
    .c-common-box1 .c-right .c-list li {
        font-size: 16px;
        line-height: 26px;
    }
    .c-common-box1 .c-left .c-title {
        font-size: 230px;
        line-height: 240px;
    }
    .c-common-box1 .c-left .c-text {
        font-size: 130px;
    }
    #c-header .c-list-box .c-list {
        padding: 60px 0;
    }
    #c-header .c-list-box .c-list li {
        padding: 0 10px;
    }
    #c-header .c-list-box .c-box {
        height: 3rem;
    }
    #c-header .c-list-box .c-title {
        margin-bottom: 20px;
        font-size: 20px;
    }
    #c-header .c-list-box .c-btn-box i {
        margin-left: 10px;
    }
    #c-move-text .c-title {
        font-size: 40px;
    }
    #c-move-text .c-text {
        font-size: 14px;
    }
}

@media screen and (max-width: 1365px) {}

@media screen and (max-width: 1279px) {
    #c-header .c-nav>li {
        margin: 0 10px;
    }
    #c-header .c-gn {
        display: none;
    }
    #c-story .c-list .c-wrap img {
        height: 400px;
    }
    #c-story .c-list .c-box2,
    #c-story .c-list .c-box1 {
        padding: 30px 20px;
    }
    #c-story .c-list .c-more {
        padding: 20px 20px 46px;
    }
    #c-story .c-list {
        top: -200px;
    }
    #c-footer .c-wrap {
        width: 330px;
    }
    #c-footer .c-phone .c-t1,
    #c-footer .c-phone .c-t2 {
        font-size: 20px;
    }
    #c-footer .c-top-box .c-l-box .c-big-title {
        font-size: 24px;
    }
    #c-news .c-list .c-text-box .c-t-box .c-t1 {
        width: 110px;
    }
    #c-story .c-red {
        height: 280px;
    }
    #c-story .c-common-title {
        height: 380px;
    }
    #c-video {
        height: 660px;
    }
    #c-ab-bg {
        height: 330px;
    }
    .c-banner4-top .c-num {
        font-size: 110px;
    }
    #c-curriculum3 .c-list3 .c-img-box {
        width: 100%;
        border: 0 !important;
    }
    #c-curriculum3 .c-list3 .c-text-box {
        padding: 50px;
        width: 100%;
    }
    #c-journal .c-list .c-wrap .c-text-box {
        width: 65%;
        padding-right: 30px;
    }
    #c-journal .c-list .c-wrap .c-img-box {
        width: 35%;
        height: 1.8rem;
    }
    #c-curriculum3 .c-list4 li {
        width: 50%;
    }
    #c-video {
        margin-top: -300px;
    }
    #c-about {
        padding-bottom: 300px;
    }
    #c-common-box.c-dt .c-list2 .c-wrap {
        align-content: center;
    }
    #c-common-box.c-dt .c-list2 .c-wrap .c-title,
    #c-common-box.c-dt .c-list2 .c-text {
        margin: 0;
        width: 100%;
    }
    #c-story2 .c-right {
        width: 30%;
        padding-top: 90px;
    }
    #c-curriculum2 .c-list .c-left-box .c-title,
    #c-story2 .c-left .c-title-box .c-title {
        font-size: 30px;
        line-height: 40px;
    }
    #c-curriculum4 .c-list .c-wrap .c-text-box .c-text1 p {
        width: 100%;
    }
    #c-curriculum4 .c-list .c-wrap .c-text-box .c-text1 {
        margin-bottom: 10px;
    }
    .c-banner6-top .swiper-slide {
        height: 80px;
    }
    .c-banner6-top .swiper-slide .c-title,
    .c-banner6-bottom .c-text-box .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    .c-banner6-bottom>.swiper-wrapper>.swiper-slide {
        padding: 50px;
    }
    .c-banner6-bottom .c-text-box {
        padding-left: 40px;
    }
    .c-banner6-bottom .c-text-box .c-text {
        padding: 10px 0 15px;
    }
    .c-common-box1 .c-left .c-title {
        font-size: 170px;
        line-height: 180px;
    }
    .c-common-box1 .c-left .c-text {
        font-size: 100px;
    }
    .c-common-box1 .c-right .c-list li {
        font-size: 14px;
        line-height: 24px;
    }
    #c-se-box .c-common-box4 .c-list li {
        width: 50%;
    }
    #c-header .c-list-box .c-btn-box .c-title2 {
        font-size: 14px;
    }
    #c-header .c-list-box .c-btn-box a {
        margin-bottom: 10px;
        width: 160px;
        height: 40px;
        border-radius: 20px;
    }
    #c-about2 .c-list {
        padding: 80px 0 0;
    }
}

@media screen and (max-width: 1054px) {
    .c-banner1 .swiper-slide .c-pc {
        display: none;
    }
    .c-banner1 .swiper-slide .c-mb {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .c-container {
        width: 100%;
        padding: 0 20px;
    }
    #c-header {
        line-height: 60px;
    }
    #c-header .c-container {
        height: 60px;
    }
    #c-header .c-nav {
        display: none;
    }
    #c-header .c-switch {
        display: block;
    }
    #c-header .c-logo img {
        height: 30px;
    }
    #c-header .c-language {
        margin-right: 50px;
    }
    #c-header .c-language img {
        margin-right: 10px;
    }
    #c-header .c-language .c-list .c-item a {
        padding: 0 10px;
    }
    #c-header .c-language .c-list {
        width: 94px;
    }
    #c-placeholder {
        height: 60px;
    }
    .c-banner1 .swiper-button-next,
    .c-banner1 .swiper-button-prev {
        display: none;
    }
    .c-banner1 .c-box .c-title {
        font-size: 80px;
        line-height: 90px;
    }
    #c-curriculum .c-list .c-box1 {
        width: 9.3rem;
    }
    #c-curriculum .c-list .c-box1 {
        padding: 30px 20px;
    }
    #c-curriculum .c-list .c-wrap img {
        height: 480px;
    }
    #c-news .c-list .c-text-box {
        width: 100%;
    }
    #c-news .c-list .c-img-box {
        width: 100%;
        height: 200px;
        margin-top: 15px;
    }
    #c-footer .c-wrap {
        width: 300px;
    }
    #c-footer .c-title {
        font-size: 18px;
        line-height: 28px;
    }
    #c-footer .c-top-box .c-l-box .c-big-title {
        font-size: 20px;
    }
    #c-video .c-box {
        padding: 80px 20px;
    }
    #c-top-banner .c-box {
        padding-top: 0;
    }
    .c-banner4-top .c-num {
        width: 100%;
        padding-bottom: 30px;
        text-align: center;
    }
    .c-banner4-top .c-text {
        width: 100%;
        padding: 0;
    }
    #c-video2 .c-box {
        padding: 80px 20px;
    }
    #c-philosophy .c-list li {
        margin-bottom: 20px;
        width: 100%;
    }
    #c-philosophy .c-list li:last-child {
        margin-bottom: 0;
    }
    #c-top-banner .c-site {
        height: 51px;
    }
    #c-top-banner .c-site p {
        width: 100%;
        padding: 0 20px;
    }
    #c-common-box .c-left-box {
        width: 100%;
    }
    #c-common-box .c-right-box {
        position: relative;
        top: 0;
        width: 100%;
    }
    #c-common-box .c-left-box .c-wrap .c-img-box {
        height: 4rem;
    }
    #c-common-box .c-right-box .c-wrap .c-img-box {
        height: 7rem;
    }
    .c-banner5-bottom {
        right: 20px;
    }
    .c-banner5-top .c-arrows {
        left: 20px;
    }
    #c-works .c-list li {
        width: 50%;
    }
    #c-works .c-list .c-wrap .c-img-box {
        height: 12rem;
    }
    #c-contact .c-map-box {
        position: relative;
        width: 100%;
        height: 12rem;
    }
    #c-contact .c-text-box {
        width: 100%;
    }
    #c-common-box.c-dt .c-container {
        flex-direction: column-reverse;
    }
    #c-common-box .c-left-box {
        padding-bottom: 80px;
    }
    #c-common-box.c-dt .c-left-box {
        padding: 80px 0 0;
    }
    #c-story2 .c-left {
        width: 60%;
    }
    #c-story2 .c-right {
        width: 35%;
    }
    #c-story2 .c-right .c-list .c-img-box {
        height: 1.5rem;
    }
    #c-curriculum4 .c-list li {
        width: 50%;
    }
    #c-curriculum4 .c-list .c-wrap .c-img-box {
        height: 6rem;
    }
    #c-pop-video .c-wrap .c-close,
    #c-enlarge .c-wrap .c-close {
        position: absolute;
        top: auto;
        bottom: -80px;
        right: 50%;
        margin-right: -25px;
    }
    .c-banner6-bottom .c-img-box {
        width: 100%;
    }
    .c-banner6-bottom .c-text-box {
        padding: 20px 0 0;
        width: 100%;
    }
    .c-banner7 .swiper-slide img {
        height: 10rem;
    }
    .c-common-box1 .c-left,
    .c-common-box1 .c-right {
        width: 100%;
        text-align: center;
    }
    .c-common-box1 .c-left {
        margin-bottom: 60px;
    }
    .c-common-box1 .c-left .c-title {
        max-width: 500px;
    }
    .c-common-box3 .c-list .c-top .c-num-move {
        font-size: 50px;
    }
    #c-advantage .c-list .c-text-box {
        padding: 20px 20px 110px;
    }
    #c-advantage .c-list .c-text-box .c-num {
        bottom: -30px;
        font-size: 150px;
    }
    #c-video {
        height: auto;
    }
    #c-video .c-wrap {
        overflow: initial;
        box-shadow: none;
    }
    #c-video video { 
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        min-height: auto;
        -webkit-transform: translate(0);
        transform: translate(0);
        box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    }
    #c-move-text {
        display: none;
    }
    #c-about .c-list {
        padding: 80px 0 0;
    }
    #c-move-box {
        height: auto;
    }
    .c-banner1 .c-box {
        letter-spacing: 4px;
    }
    .c-banner10 .swiper-slide img {
        height: 9rem;
    }
    #c-about .c-more {
        display: flex;
    }
    .c-banner1 .c-box {
        display: none;
    }
    .c-banner1 .c-next-screen {
        bottom: 20px;
    }
    .c-banner1 .c-dot-box,.c-banner1 .c-next, .c-banner1 .c-prev{
        bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .c-banner1 .c-box,
    #c-top-banner .c-box {
        letter-spacing: normal;
    }
    #c-footer .c-top-box {
        padding: 40px 0;
    }
    #c-footer .c-list-box {
        width: 100%;
    }
    #c-footer .c-list-box .c-title {
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }
    #c-footer .c-list-box .c-title i {
        display: inline-block;
    }
    #c-footer .c-list-box.active .c-title i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #c-footer .c-list-box .c-list {
        padding-top: 10px;
        display: none;
    }
    #c-footer .c-list-box .c-list li {
        padding-bottom: 5px;
    }
    #c-footer .c-wrap {
        padding-top: 40px;
    }
    #c-footer .c-wrap .c-title {
        padding-bottom: 5px;
    }
    #c-footer .c-text-box {
        line-height: 24px;
    }
    #c-footer .c-code {
        margin-top: 40px;
        width: 162px;
    }
    #c-prevNext {
        margin: -5px 0;
    }
    #c-prevNext a {
        margin: 5px 0;
    }
    #c-prevNext .prev i {
        margin-right: 10px;
    }
    #c-prevNext .next i {
        margin-left: 10px;
    }
    .c-banner1 .c-box .c-title {
        font-size: 30px;
        line-height: 40px;
    }
    .c-banner1 .c-box .c-en-title {
        padding: 10px 0 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .c-banner1 .c-box .c-subtitle {
        font-size: 14px;
        line-height: 24px;
    }
    .c-banner1 .c-box .c-btn {
        width: 150px;
        border-radius: 20px;
        font-size: 14px;
        line-height: 40px;
    }
	.logo img{ height: 100%}
	#c-top-banner{ height:150px!important; background-size: cover}
	.c-common-box1.c-dt{padding-top:30px!important}
	#c-video2 iframe{height:200px!important}
	.c-banner2-top img{width:100%;height:200px!important; margin-top:90px}
    .c-banner1 .c-box .c-btn::after {
        margin-left: 10px;
        border: 7px solid transparent;
        border-left: 7px solid var(--mainColor);
    }
    .c-banner1 .c-box {
        top: 50%;
    }
    .c-banner1 .c-next,
    .c-banner1 .c-prev {
        display: none;
    }
    .c-banner1 .c-dot-box {
        left: 50%;
        bottom: 20px;
        margin-left: -100px;
        width: 200px;
    }
    .c-banner1 .c-next-screen {
        bottom: 80px;
    }
    .c-common-title .c-en-title {
        font-size: 40px;
    }
    #c-about .c-list .c-num {
        font-size: 30px;
    }
    .c-common-title .c-title {
        margin-top: 0;
        font-size: 24px;
    }
    .c-common-title .c-text {
        padding-top: 20px;
        line-height: 24px;
    }
    #c-curriculum .c-list {
        overflow-x: auto;
        padding-top: 25px;
    }
    #c-activity .c-list .c-ico {
        margin-bottom: 5px;
    }
    #c-activity2 .c-list li {
        padding: 0 10px;
        width: 50%;
        margin-bottom: 20px;
    }
    #c-curriculum .c-list li {
        margin-bottom: 20px;
    }
    #c-curriculum .c-list li:last-child {
        margin: 0;
    }
    #c-activity .c-list {
        margin: 20px -10px 10px;
    }
    #c-activity2 .c-list {
        margin: 20px -15px -20px;
    }
    #c-curriculum .c-list li,
    #c-curriculum .c-list li.active {
        flex: none;
        width: 80%;
        margin-right: 20px;
    }
    #c-curriculum .c-list .c-box1 {
        width: 100%;
    }
    #c-curriculum2 .c-list .c-wrap .c-box {
        padding: 30px 20px;
    }
    .c-banner6-bottom .c-text-box {
        padding-top: 15px;
    }
    #c-activity,
    #c-introduce,
    #c-works.c-dt {
        padding-top: 40px; width: 100%
    }
    .c-banner6-bottom>.swiper-wrapper>.swiper-slide {
        padding: 30px 20px;
    }
    #c-curriculum,
    #c-news,
    #c-link,
    #c-story2,
    #c-curriculum4,
    #c-activity2 {
        padding: 40px 0;
    }
    #c-curriculum .c-list .c-box1,
    #c-curriculum .c-list .c-wrap img {
        opacity: 1;
    }
    #c-curriculum .c-list .c-box2 {
        opacity: 0;
    }
    .c-banner6-top .swiper-slide {
        height: 60px;
    }
    #c-curriculum .c-list .c-box1 .c-t-box .c-en-title,
    .c-banner6-top .swiper-slide .c-title {
        font-size: 20px;
        line-height: 30px;
    }
    #c-curriculum .c-list .c-box1 .c-t-box .c-num {
        font-size: 40px;
        line-height: 50px;
    }
    #c-curriculum .c-list .c-box1 .c-t-box {
        margin-bottom: 10px;
    }
    #c-curriculum .c-list .c-box1 .c-title,
    #c-activity .c-list .c-title {
        font-size: 20px;
        line-height: 30px;
    }
    #c-curriculum .c-list .c-box1 .c-tag {
        margin-bottom: 15px;
        line-height: 24px;
    }
    #c-curriculum .c-list .c-box1 .c-tag {
        margin-bottom: 15px;
        padding: 10px 0 15px;
        line-height: 26px;
    }
    #c-curriculum .c-list .c-box1 .c-text {
        margin-bottom: 15px;
        height: 48px;
        line-height: 24px;
    }
    #c-curriculum .c-list .c-box1 .c-btn,
    #c-curriculum2 .c-list .c-right-box .c-btn,
    #c-curriculum3 .c-list4 .c-btn,
    #c-curriculum3 .c-more-btn,
    #c-teacher .c-text-box .c-btn,
    .c-banner6-bottom .c-btn,
    #c-news .c-more {
        width: 120px;
        height: 40px;
        border-radius: 20px;
    }
    #c-curriculum .c-list .c-box1 .c-btn::after,
    #c-news .c-more::after {
        margin-left: 10px;
        border: 7px solid transparent;
        border-right: 0;
        border-left: 7px solid #333;
    }
    #c-curriculum3 .c-more-btn::after {
        margin-top: 8px;
        margin-left: 10px;
        border: 7px solid transparent;
        border-top: 7px solid #fff;
    }
    #c-teacher .c-text-box .c-btn::after {
        margin-left: 10px;
        border: 7px solid transparent;
        border-right: 0;
        border-left: 7px solid var(--mainColor);
    }
    .c-banner6-bottom .c-btn::after,
    #c-curriculum2 .c-list .c-right-box .c-btn::after,
    #c-curriculum3 .c-list4 .c-btn::after {
        margin-left: 10px;
        border: 7px solid transparent;
        border-right: 0;
        border-left: 7px solid #fff;
    }
    #c-curriculum3 .c-more-btn {
        margin-bottom: 40px;
    }
    #c-curriculum .c-list .c-wrap img {
        height: 360px;
    }
    #c-about,
    #c-story,
    #c-curriculum2,
    #c-about2,
    .c-page {
        padding-top: 40px;
    }
    .c-page a {
        display: none;
    }
    .c-page .prev,
    .c-page .next {
        display: inline-block;
        color: #fff;
        background: var(--mainColor);
    }
    #c-about .c-list {
        padding-top: 20px;
    }
    #c-about .c-list .c-text {
        padding-top: 5px;
        font-size: 10px;
        line-height: 20px;
    }
    #c-story .c-list {
        overflow-x: auto;
    }
    #c-story .c-list li,
    #c-story .c-list li.active {
        flex: none;
        flex: 1 0 90%;
    }
    #c-story .c-list li:last-child {
        margin: 0;
    }
    #c-story .c-list .c-more {
        opacity: 0;
    }
    #c-story .c-list .c-box2,
    #c-story .c-list .c-box1 {
        opacity: 1;
    }
    #c-news .c-list {
        padding-top: 35px;
        margin: 0 -10px;
    }
    #c-news .c-list li {
        width: 50%;
        padding: 30px 10px;
    }
    #c-news .c-list .c-text-box .c-t-box {
        margin-bottom: 0;
        line-height: 24px;
    }
    #c-news .c-more {
        margin-top: 25px;
    }
    #c-story .c-list .c-box1 .c-title {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 24px;
    }
    #c-footer .c-top-box .c-l-box {
        width: 100%;
    }
    #c-footer .c-top-box .c-l-box .c-big-title {
        font-size: 18px;
        line-height: 28px;
    }
    #c-footer .c-phone .c-t1,
    #c-footer .c-phone .c-t2 {
        font-size: 18px;
    }
    #c-footer .c-top-box .c-l-box .c-big-title {
        margin-bottom: 25px;
    }
    #c-footer .c-phone,
    #c-footer .c-text-box {
        margin-bottom: 15px;
    }
    #c-footer .c-code {
        margin: 0 10px 0 0;
    }
    #c-footer .c-code .c-text {
        padding-top: 5px;
        font-size: 12px;
        line-height: 22px;
    }
    #c-footer .c-bottom-box .c-b-wrap {
        padding: 35px 0;
        line-height: 24px;
    }
    #c-footer .c-bottom-box .c-link {
        display: none;
    }
    #c-news .c-list {
        border-color: #aaa;
    }
    .c-banner2-top .c-arrows,
    .c-banner5-top .c-arrows {
        display: none;
    }
    #c-story .c-red {
        height: auto;
        padding-bottom: 0;
    }
    #c-story .c-list {
        top: 0;
        margin-top: 30px;
        padding: 40px 0;
    }
    #c-story .c-common-title {
        height: auto;
    }
    #c-story .c-list .c-wrap img {
        height: 20rem;
    }
    .c-banner2-top .c-wrap .c-en-title {
        font-size: 20px;
    }
    .c-banner2-top .c-wrap .c-t1 {
        padding: 20px 0 10px;
        font-size: 20px;
        line-height: 30px;
    }
    .c-banner2-top .c-wrap .c-title,
    .c-banner5-top .c-wrap .c-title {
        font-size: 16px;
    }
    .c-banner2-top .c-wrap .c-title span {
        font-size: 20px;
    }
    .c-banner5-top .c-wrap .c-title span {
        font-size: 14px;
    }
    .c-banner2-top .c-wrap .c-t2 {
        display: none;
    }
    .c-banner2-top .c-wrap .c-title {
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 1.4;
    }
    .c-banner2-top .c-wrap .c-more {
        font-size: 10px;
    }
    .c-banner5-top .c-wrap .c-more {
        font-size: 12px;
    }
    .c-banner2-top .c-wrap .c-more::after,
    .c-banner5-top .c-wrap .c-more::after {
        margin-left: 10px;
        border: 4px solid transparent;
        border-left: 4px solid #fff;
    }
    .c-banner2-top .c-wrap .c-title span {
        font-size: 14px;
    }
    .c-banner2-top .c-wrap .c-title i,
    .c-banner5-top .c-wrap .c-title i {
        padding-top: 5px;
        width: 100%;
    }
    .c-banner2-top .c-wrap .c-t2,
    .c-banner5-top .c-wrap .c-t2 {
        line-height: 24px;
        height: 72px;
        -webkit-line-clamp: 3;
    }
    .c-banner5-top .c-wrap .c-t2 {
        display: none;
    }
    .c-banner5-top .c-wrap {
        align-items: flex-start;
    }
    .c-banner2-bottom {
        right: -100%;
    }
    .c-banner2-top,
    .c-banner5-top {
        height: 300px;
    }
    .c-banner2-top .c-pagination {
        right: 20px;
        top: 20px;
        font-size: 16px;
    }
    .c-banner2-top .c-pagination .c-p1 {
        font-size: 30px;
    }
    #c-about {
        padding-bottom: 110px;
    }
    #c-video {
        margin-top: -110px;
    }
    #c-video .c-box,
    #c-video2 .c-box {
        padding: 40px 20px;
    }
    #c-ab-bg {
        height: 190px;
    }
    #c-top-banner .c-box {
        padding-top: 50px;
    }
    #c-top-banner .c-container {
        height: 16rem;
    }
    #c-top-banner .c-title {
        font-size: 30px;
    }
    #c-top-banner .c-text1 {
        padding-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    #c-top-banner .c-text2 {
        padding-top: 10px;
        font-size: 13px;
        line-height: 23px;
    }
    #c-curriculum2 .c-top-title {
        margin-bottom: 20px;
    }
    #c-curriculum2 .c-list .c-left-box {
        width: 100%;
        padding: 0 0 20px 0;
    }
    #c-curriculum2 .c-list .c-left-box .c-title {
        font-size: 20px;
        line-height: 30px;
    }
    #c-curriculum2 .c-list .c-left-box .c-text {
        padding: 10px 0 15px;
        font-size: 16px;
        line-height: 26px;
    }
    #c-curriculum2 .c-list .c-right-box {
        width: 100%;
        padding: 0;
    }
    #c-curriculum2 .c-list .c-left-box .c-line {
        margin-bottom: 20px;
    }
    #c-curriculum2 .c-list .c-right-box .c-title {
        margin-bottom: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        line-height: 26px;
    }
    #c-curriculum2 .c-list .c-right-box .c-text {
        margin-bottom: 15px;
    }
    #c-curriculum2 .c-list li {
        margin-bottom: 20px;
    }
    #c-link .c-list li {
        width: 100%;
    }
    #c-link .c-list li:first-child {
        margin-bottom: 20px;
    }
    #c-link .c-list a {
        font-size: 20px;
        line-height: 60px;
    }
    .c-common-title2 .c-en-title {
        font-size: 24px;
    }
    .c-common-title2 .c-title {
        margin-top: 0;
        font-size: 24px;
    }
    #c-about2 .c-text-box,
    #c-honor,
    #c-curriculum3,
    #c-journal,
    .c-common-box1,
    .c-common-box2,
    .c-common-box3,
    #c-advantage {
        padding: 40px 0;
    }
    .c-banner8 {
        margin-top: 20px;
    }
    .c-common-box4,
    #c-school,
    #c-curriculum3 .c-list2 {
        padding-top: 40px;
    }
    #c-about2 .c-text-box .c-title {
        font-size: 20px;
        line-height: 30px;
    }
    #c-about2 .c-text-box .c-text {
        margin: 20px 0;
        height: 96px;
        line-height: 24px;
    }
    .c-common-box4 .c-list {
        padding-top: 20px;
    }
    #c-about2 .c-list,
    #c-reserve {
        padding-top: 40px;
    }
    #c-about2 .c-list li {
        margin-bottom: 20px;
        width: 50%;
    }
    #c-about2 .c-list .c-num {
        font-size: 40px;
    }
    #c-about2 .c-list .c-text {
        padding-top: 10px;
        line-height: 24px;
    }
    #c-about2 .c-container {
        margin-bottom: -20px;
    }
    .c-banner4-top .swiper-slide {
        padding: 20px 0;
    }
    .c-banner4-top .c-num {
        margin-top: 0;
        font-size: 80px;
    }
    .c-banner4-top .c-next,
    .c-banner4-top .c-prev {
        display: none;
    }
    .c-banner4-top .c-text,
    .c-common-title2 .c-text {
        font-size: 14px;
        line-height: 24px;
    }
    .c-banner4-bottom {
        margin: -2px 20px 0;
    }
    .c-banner4-bottom .swiper-slide {
        width: 60px;
        margin-right: 20px;
    }
    #c-philosophy {
        padding: 40px 0;
    }
    #c-philosophy .c-list {
        padding-top: 25px;
    }
    #c-philosophy .c-list .c-wrap {
        padding: 30px 20px 96px;
    }
    #c-philosophy .c-list .c-wrap .c-num {
        bottom: 30px;
    }
    #c-philosophy .c-list .c-wrap .c-title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
    }
    #c-philosophy .c-list .c-wrap .c-text {
        line-height: 24px;
    }
    #c-environment {
        padding-top: 40px;
    }
    .c-banner3 .swiper-pagination-bullet {
        margin: 0 4px !important;
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }
    .c-banner3 {
        padding: 25px 0 40px;
    }
    #c-curriculum3 .c-list1 {
        margin: 0 -10px;
        padding: 40px 0;
    }
    #c-curriculum3 .c-list1 li {
        margin-bottom: 20px;
        padding: 0 10px;
        width: 33.3333%;
    }
    #c-curriculum3 .c-list1 li:last-child {
        display: none;
        margin-bottom: 0;
    }
    #c-curriculum3 .c-list1 .c-wrap {
        height: 200px;
        font-size: 24px;
    }
    #c-curriculum3 .c-list2 {
        margin-bottom: -40px;
        justify-content: center;
    }
    #c-curriculum3 .c-list2 li {
        margin-bottom: 30px;
        width: 33.3333%;
        font-size: 14px;
        line-height: 24px;
    }
    #c-curriculum3 .c-list2 .c-text {
        padding-top: 5px;
    }
    #c-curriculum3 .c-list2 .c-img-box {
        width: 70px;
        height: 70px;
    }
    #c-curriculum3 .c-list3 li {
        margin-bottom: 20px;
    }
    #c-curriculum3 .c-list3 .c-img-box {
        height: 12rem;
    }
    #c-curriculum3 .c-list3 .c-text-box {
        padding: 20px;
    }
    #c-curriculum3 .c-list3 .c-text-box .c-en-title {
        font-size: 20px;
        line-height: 30px;
    }
    #c-curriculum3 .c-list3 .c-text-box .c-title {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 34px;
    }
    #c-curriculum3 .c-list3 .c-text-box .c-line {
        margin: 10px 0 15px;
    }
    #c-curriculum3 .c-list3 .c-text-box .c-text {
        font-size: 14px;
        line-height: 24px;
    }
    #c-curriculum3 .c-video {
        padding-top: 20px;
    }
    #c-team {
        padding-bottom: 20px;
    }
    #c-team.c-dt2 {
        padding-top: 40px;
    }
    #c-journal .c-list {
        margin: 20px 0;
    }
    #c-journal .c-list li {
        padding: 20px 10px 20px 0;
        width: 50%;
    }
    #c-journal .c-list li:nth-child(even) {
        padding: 20px 0px 20px 10px;
    }
    #c-journal .c-list .c-wrap .c-text-box .c-title {
        margin: 10px 0 5px;
        font-size: 14px;
        line-height: 24px;
    }
    #c-journal .c-list .c-wrap .c-text-box .c-text {
        height: 48px;
        font-size: 12px;
        line-height: 22px;
    }
    #c-journal .c-list .c-wrap {
        flex-direction: column-reverse;
    }
    #c-journal .c-list .c-wrap .c-text-box {
        width: 100%;
        padding: 0;
    }
    #c-journal .c-list .c-wrap .c-img-box {
        width: 100%;
        height: 6rem;
    }
    #c-reserve form {
        padding: 20px 10px;
        margin-top: 20px;
    }
    #c-reserve form .c-item {
        padding: 0 10px 20px;
        width: 100%;
    }
    #c-reserve form button {
        margin: 0 auto;
        padding-left: 60px;
        width: 150px;
        height: 50px;
        font-size: 16px;
        background: #fff url(http://suzhouyicai.com/images/yy-ico.png)no-repeat left 35px center / 16px auto;
    }
    #c-reserve form input,
    #c-reserve form #curriculum {
        height: 50px;
    }
    #c-curriculum3 .c-list4 {
        margin: 20px -10px 0;
        flex-wrap: nowrap;
        overflow: auto; height: auto!important
    }
    #c-curriculum3 .c-list4 li {
        flex: none;
        padding: 0 10px 20px;
        width: 90%;
    }
    #c-curriculum3 .c-list4 .c-text-box {
        padding: 20px;
    }
    #c-curriculum3 .c-list4 .c-box {
        flex-wrap: wrap;
    }
    #c-curriculum3 .c-list4 .c-line {
        margin: 10px 0;
    }
    #c-curriculum3 .c-list4 .c-box .c-lt {
        margin-bottom: 5px;
        width: 100%;
    }
    #c-curriculum3 .c-list4 .c-box .c-gt {
        width: 100%;
    }
    #c-curriculum3 .c-list4 .c-box .c-gt p {
        font-size: 10px;
        min-width: 20px;
    }
    #c-curriculum3 .c-list4 .c-title {
        font-size: 20px;
        line-break: 30px;
    }
    #c-curriculum3 .c-list4 .c-en-title {
        font-size: 20px;
        line-height: 30px;
    }
    #c-curriculum3 .c-list4 .c-text {
        margin: 5px 0 10px;
        font-size: 12px;
        line-height: 22px;
    }
    #c-curriculum3 .c-list4 .c-box {
        margin-bottom: 10px;
    }
    #c-story.c-unique .c-red {
        padding-top: 0;
    }
    #c-story.c-unique .c-list {
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 20px;
    }
    #c-site {
        padding: 25px 0;
    }
    #c-teacher .c-img-box,
    .c-common-box3 .c-img-box {
        width: 100%;
    }
    #c-teacher .c-img-box,
    .c-common-box3 .c-img-box {
        min-height: 400px;
    }
    #c-teacher .c-text-box,
    .c-common-box3 .c-text-box {
        padding: 15px 0 10px;
        width: 100%;
    }
    #c-teacher .c-text-box .c-title-box,
    .c-common-box3 .c-text-box .c-title-box {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    #c-teacher .c-text-box .c-title-box .c-title,
    .c-common-box3 .c-text-box .c-title-box .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    #c-teacher .c-text-box .c-title-box .c-text,
    .c-common-box3 .c-text-box .c-title-box .c-text {
        font-size: 16px;
        line-height: 26px;
    }
    #c-teacher .c-text-box .c-text2 {
        margin-bottom: 20px;
    }
    #c-teacher,
    #c-common-box .c-left-box {
        padding-bottom: 40px;
    }
    #c-common-box {
        padding: 40px 0;
    }
    #c-common-box.c-dt .c-left-box {
        padding: 40px 0 0;
    }
    #c-common-box .c-left-box .c-big-title,
    #c-common-box .c-right-box .c-big-title {
        margin-bottom: 20px;
        padding-bottom: 15px;
        font-size: 24px;
        line-height: 34px;
    }
    #c-common-box .c-left-box .c-wrap .c-img-box {
        width: 100%;
        height: 10rem;
    }
    #c-common-box .c-left-box .c-wrap .c-text-box {
        padding: 15px 0 10px;
        width: 100%;
    }
    #c-common-box .c-left-box .c-wrap .c-text-box .c-text {
        margin: 10px 0;
    }
    #c-common-box .c-left-box .c-load {
        padding: 10px 0 40px;
    }
    #c-teacher .c-box,
    .c-common-box3 .c-box {
        padding: 20px;
    }
    #c-teacher .c-img-box,
    .c-common-box3 .c-img-box {
        border-right: 0;
    }
    .c-banner5-bottom {
        right: -100%;
    }
    .c-banner5-top .c-container {
        padding-bottom: 0;
        padding-top: 20px;
    }
    .c-banner5-top .swiper-pagination {
        bottom: 20px;
    }
    #c-top-menu {
        padding-top: 0;
    }
    #c-top-menu .c-list {
        justify-content: flex-start;
    }
    #c-top-menu .c-list li {
        margin-right: 20px;
    }
    #c-top-menu .c-list li a {
        padding: 0 10px;
    }
    #c-news.c-unique {
        padding-top: 10px;
    }
    .c-common-load {
        padding-top: 40px;
    }
    #c-teacher3 {
        padding: 40px 0 20px;
    }
    #c-works {
        padding-bottom: 40px;
    }
    #c-works .c-list li {
        padding-top: 30px;
    }
    #c-works .c-list .c-wrap .c-title {
        font-size: 14px;
        line-height: 24px;
        padding-top: 5px;
    }
    #c-contact {
        padding-top: 40px;
    }
    #c-contact .c-text-box {
        margin-top: 20px;
        padding: 20px;
    }
    #c-contact .c-list li {
        padding: 20px 0;
    }
    #c-contact .c-list .c-phone {
        font-size: 26px;
    }
    #c-story2 .c-left,
    #c-story2 .c-right {
        width: 100%;
    }
    #c-story2 .c-left .c-title-box .c-title {
        font-size: 24px;
        line-height: 34px;
    }
    #c-story2 .c-right {
        padding-top: 40px;
    }
    #c-story2 .c-right .c-list .c-img-box {
        height: 4rem;
    }
    #c-pop-video .c-wrap video {
        max-width: 90vw;
    }
    #c-curriculum4 .c-list li {
        margin-bottom: 30px;
        width: 100%;
    }
    #c-curriculum4 .c-list .c-wrap .c-img-box {
        height: 12rem;
    }
    #c-curriculum4 .c-list .c-wrap .c-text-box .c-title {
        padding-top: 15px;
    }
    #c-activity2 .c-list .c-img {
        height: 5rem;
    }
    .c-common-box1 .c-left .c-title {
        max-width: 280px;
    }
    .c-common-box1 .c-left .c-title {
        font-size: 100px;
        line-height: 110px;
    }
    .c-common-box1 .c-left .c-text {
        font-size: 70px;
    }
    .c-common-box1 .c-left {
        margin-bottom: 40px; margin-left: 0
	} .c-common-box1 .c-left img{width:100%;}
    .c-common-box1 .c-right .c-list,
    .c-common-box2 .c-list {
        padding-top: 20px;
    }
    .c-common-box4 .c-list li,
    .c-common-box2 .c-list li {
        width: 100%;
    }
    .c-common-box2 .c-list .c-en-title,
    .c-common-box4 .c-list .c-en-title {
        font-size: 24px;
        line-height: 34px;
    }
    .c-common-box2 .c-list .c-num {
        font-size: 24px;
    }
	.c-common-box2 .c-list .c-title{font-size: 18px;}
    .c-common-box3 .c-list .c-top .c-num-move {
        font-size: 40px;
    }
    .c-common-box3 .c-list .c-top .c-text3 {
        font-size: 16px;
    }
    .c-common-box3 .c-list .c-top {
        margin-bottom: 10px;
    }
    .c-common-box4 .c-list .c-title {
        margin-bottom: 30px;
    }
    .c-banner8 .swiper-slide img {
        height: 4rem;
    }
    #c-advantage .c-list li {
        width: 100%;
    }
    #c-advantage .c-list {
        margin-top: 20px;
    }
    #c-advantage .c-list .c-text-box .c-text {
        font-size: 16px;
        line-height: 26px;
    }
    #c-se-box .c-common-box4 .c-list li {
        width: 100%;
    }
    .c-common-title2 .c-text2 {
        padding: 25px 0 20px;
        font-size: 20px;
        line-height: 30px;
        color: var(--mainColor);
    }
    .c-common-box1 .c-right .c-list li {
        width: 100%;
    }
    #c-footer .c-wrap {
        width: 100%;
    }
    .c-common-box2 .c-list .c-en-title {
        height: auto;
    }
    #c-move-text .c-title {
        font-size: 24px;
    }
    #c-move-text .c-text {
        font-size: 14px;
    }
    #c-video2 .c-box .c-wrap .c-play {
        background-size: 50px auto;
    }
    #c-works .c-common-more-btn {
        margin-top: 20px;
    }
    .c-banner2-top .c-wrap .c-en-title,
    .c-banner2-top .c-wrap .c-line {
        display: none;
    }
    .c-banner2-top .c-wrap {
        width: 42%;
        height: auto;
        padding-bottom: 40px;
        align-items: flex-end;
    }
    #c-footer .c-code-box {
        display: none;
    }
    #c-footer .c-phone .c-t1 {
        display: inline-block;
    }
    #c-news .c-list .c-text-box {
        padding-left: 0;
        width: 100%;
    }
    #c-news .c-list .c-img-box {
        margin: 0;
        width: 100%;
        height: 6rem;
    }
    #c-news .c-list .c-wrap {
        flex-direction: column-reverse;
    }
    #c-news .c-list .c-text-box .c-title {
        height: auto;
        font-size: 14px;
        line-height: 24px;
        transition: .5s;
        -webkit-line-clamp: none;
    }
    #c-news .c-list .c-text-box .c-t-box .c-t2,
    #c-news .c-list .c-text-box .c-t-box .c-t1 {
        font-size: 12px;
        line-height: 22px;
    }
    #c-story .c-list .c-box2 {
        display: none;
    }
    #c-story .c-list .c-box1 {
        padding: 20px;
    }
    #c-footer .c-phone .c-img {
        display: none;
    }
    #c-footer .c-text-box {
        padding-left: 0;
        margin-bottom: 0;
    }
    .c-common-box1 .c-right .c-list li {
        display: none
    }
    .c-common-box1 .c-right .c-list li:nth-child(1),
    .c-common-box1 .c-right .c-list li:nth-child(2),
    .c-common-box1 .c-right .c-list li:nth-child(3),
    .c-common-box1 .c-right .c-list li:nth-child(4),
    .c-common-box1 .c-right .c-list li:nth-child(5) {
        display: block
    }
    .c-banner1 .c-box {
        display: none;
    }
    .c-common-title .c-en-title,
    .c-common-title2 .c-en-title {
        display: none;
    }
    #c-news .c-list .c-text-box .c-t-box .c-t1 {
        padding-top: 5px;
    }
    #c-story .c-list .c-box1 .c-subtitle {
        font-size: 10px;
        line-height: 20px;
    }
    .c-banner1 .c-next-screen .c-text {
        margin-bottom: 10px;
    }
    .c-banner1 .c-next-screen {
        bottom: 60px;
    }
    .c-banner3 img {
        height: 7rem;
    }
    #c-teacher .c-text-box .c-title-box,
    .c-common-box3 .c-text-box .c-title-box {
        flex-wrap: wrap;
    }
    #c-teacher .c-text-box .c-title-box .c-title,
    .c-common-box3 .c-text-box .c-title-box .c-title {
        width: 100%;
    }
    #c-teacher .c-text-box .c-title-box .c-text,
    .c-common-box3 .c-text-box .c-title-box .c-text {
        margin: 0;
    }
    #c-curriculum3 .c-more-btn {
        display: none;
    }
    #c-curriculum3 .c-list4 .c-wrap .c-btn {
        color: var(--mainColor);
        background: #fff;
    }
    #c-curriculum3 .c-list4 .c-wrap .c-btn::after {
        border-left: 8px solid var(--mainColor);
    }
    #c-curriculum3 .c-list4 .c-wrap {
        color: #fff;
        background: var(--mainColor);
    }
    #c-curriculum3 .c-list4 .c-wrap .c-text {
        opacity: .7;
        color: #fff;
    }
    #c-curriculum3 .c-list4 .c-wrap .c-box .c-gt p {
        color: #fff;
        border-color: #fff;
    }
    #c-common-box.c-dt .c-list2 {
        display: flex;
        overflow-y: auto;
    }
    #c-common-box.c-dt .c-list2 li {
        margin-right: 20px;
        margin-bottom: 0;
        flex: none;
    }
    #c-common-box.c-dt .c-list2 li:last-child {
        margin-right: 0;
    }
    #c-common-box.c-dt .c-list2 .c-wrap {
        height: 50px;
        padding: 0 20px;
        background-image: none;
    }
    .c-banner5-top .c-wrap .c-title i {
        font-size: 12px;
        padding: 10px 0;
    }
    .c-common-box3 .c-text-box .c-text2 p:nth-child(2) {
        text-indent: 2em;
    }
    #c-curriculum2 .c-top-title {
        font-size: 16px;
        line-height: 26px;
    }
}

@media screen and (max-width: 500px) {}