@media only screen and (max-width: 1720px) {}

@media only screen and (max-width: 1680px) {}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1490px) {}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1220px) {}

@media only screen and (max-width: 1200px) {
    .centerBox {
        width: 94%;
    }

    .nav ul li {
        margin-left: 1%;
    }

    .pro_zutu {
        height: 340px;
    }

    .pro_ms {
        padding: 0 14px;
    }

    .pro_ms h3 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .pro_ms .txt,
    .pro_ms .txt * {
        font-size: 16px;
        line-height: 36px;
    }

    a.lx {
        width: 200px;
        height: 40px;
        line-height: 40px;
    }

    .sy_about .text_k {
        width: 94%;
        padding: 0 0 0 90px;
    }
}

@media only screen and (max-width: 1130px) {}

@media only screen and (max-width: 1100px) {}

@media only screen and (max-width: 1024px) {
    .fot_text {
        width: 60%;
    }

    .fot_wechat {
        width: 40%;
    }

    .nav ul li {
        margin-left: 3%;
        font-size: 15px;
    }

    a.lx {
        margin-top: 60px;
    }

    .course_list .next,
    .course_list .prev {
        cursor: none;
    }

    .sy_about .text_k {
        padding: 0 0 0 60px;
    }

    .sy_news_li ul li h3 {
        margin-bottom: 10px;
    }

    .sy_news_li ul li {
        margin-bottom: 30px;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 990px) {}

@media only screen and (max-width: 900px) {
    .logo img {
        height: 100px;
        display: block;
    }
}

@media only screen and (max-width: 796px) {}

@media only screen and (max-width: 770px) {
    .header {
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
        z-index: 999;
    }

    .logo img {
        height: 60px;
        width: 157px;
    }

    .nav {
        overflow-x: scroll;
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 60px;
        left: 0;
        background: #fff;
        z-index: 999;
    }

    .nav ul li {
        width: 100%;
        font-size: 20px;
        line-height: 70px;
        border-bottom: none;
        margin: 0 auto;
    }

    .menu {
        display: flex;
    }
    .time{
        display: none;
    }
    .erji {
        position: unset;
        left: 0;
        width: 100%;
        background: none;
        padding: 0;
    }

    .erji dl dd {
        font-size: 18px;
        line-height: 40px;
        color: #666;
    }

    .link ul li {
        margin-right: 8%;
    }

    .banner {
        margin-top: 60px;
    }

    .product {
        padding: 30px 0;
    }

    .main_title h3 {
        font-size: 24px;
    }

    .pro_t ul li {
        font-size: 16px;
        margin: 0 20px;
    }

    .pro_zutu {
        width: 530px;
        display: block;
        margin: auto;
    }

    .pro_zutu {
        padding-bottom: 20px;
        height: 424px;
    }

    .gallery-top {
        height: 410px !important;
    }

    .pro_ms {
        width: 60%;
    }

    .new_pro {
        width: 40%;
    }

    .product_show {
        padding-bottom: 40px;
    }

    .pro_title {
        padding-bottom: 20px;
    }

    .service_gs .img {
        width: 100%;
    }

    .service_gs .text {
        width: 100%;
        margin-top: 30px;
        padding: 0;
    }

    .service {
        padding: 30px 0;
    }

    .news_show {
        padding: 30px 0;
    }

    .about_text .img {
        width: 100%;
    }

    .about_text .text {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }

    .about {
        padding: 30px 0;
    }

    .about_text {
        margin-top: 20px;
        padding-bottom: 40px;
    }

    .course {
        padding-bottom: 30px;
    }

    .course_list {
        margin-top: 20px;
    }

    .honor_list ul {
        margin-top: 20px;
    }

    .contact {
        padding: 30px 0;
    }

    .contact_map .map {
        width: 100%;
    }

    .map_lsit {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }

    .contact_form .form_text {
        height: 50px;
        line-height: 50px;
    }

    .sy_banner {
        margin-top: 60px;
    }

    .sy_about .text_k {
        padding: 0 0 0 30px;
        margin-bottom: 30px;
    }

    .sy_about .text h3 {
        margin-bottom: 10px;
        margin-top: 30px;
        font-size: 24px;
        line-height: 40px;
    }

    .about_more {
        margin-top: 20px;
    }

    .sy_service,
    .sy_anli,
    .sy_news,
    .sy_answers {
        padding: 30px 0;
    }

    .sy_news_list {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sy_news_li ul li {
        margin-bottom: 20px;
        padding-bottom: 24px;
    }

    .sy_news_li {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 640px) {
    .nav ul li {
        font-size: 18px;
        line-height: 50px;
    }

    .erji dl dd {
        font-size: 15px;
        line-height: 30px;
    }

    .footer {
        background: #333;
        padding: 30px 0;
    }

    .fot_t {
        font-size: 18px;
        padding-bottom: 16px;
    }

    .link {
        margin-bottom: 40px;
    }

    .fot_text {
        width: 100%;
    }

    .fot_wechat {
        margin-top: 20px;
        width: 100%;
    }

    .fot_wechat img {
        width: 120px;
        display: block;
        margin: auto;
    }

    .fot_wechat p {
        width: 100%;
    }

    .fot_cop {
        padding: 14px 0;
    }

    .banner {
        height: 160px;
    }

    .banner img {
        display: none;
    }

    .pro_list ul li {
        width: 48%;
        margin-right: 4%;
    }

    .pro_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .main_title h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .main_title h4 {
        font-size: 14px;
    }

    .pro_t ul {
        margin-top: 10px;
    }

    .pro_t {
        margin-bottom: 30px;
    }

    .pro_t ul li {
        margin: 0 14px;
    }

    .pro_list ul li p {
        line-height: 30px;
    }

    .pro_list ul li {
        margin-bottom: 14px;
    }

    #pages a,
    #pages span {
        margin: 0;
    }

    #pages {
        font-size: 12px;
    }

    #pages a.a1 {
        padding: 0 6px;
    }

    .pro_zutu {
        width: 320px;
        height: 260px;
    }

    .gallery-top {
        height: 240px !important;
    }

    .pro_ms,
    .new_pro {
        width: 100%;
        padding: 0;
    }

    .pro_ms h3 {
        font-size: 18px;
    }

    .pro_ms .txt,
    .pro_ms .txt * {
        font-size: 14px;
        line-height: 30px;
    }

    a.lx {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .new_pro ul li {
        margin-top: 10px;
    }

    .sxp span {
        width: 100%;
        font-size: 15px;
    }

    .site {
        padding: 10px 0;
    }

    .service_list ul li {
        width: 48%;
        margin-right: 4%;
    }

    .service_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .service_gs .text h3 {
        font-size: 18px;
    }

    .service_gs .text {
        margin-top: 10px;
    }

    .service_gs .text .txt,
    .service_gs .text .txt * {
        font-size: 14px;
    }

    .service_gs {
        padding-bottom: 30px;
    }

    .service_list .ser_h3 {
        font-size: 18px;
    }

    .service_list ul li p {
        margin-top: 10px;
    }

    .service_list ul li {
        margin-bottom: 20px;
    }

    .news_show h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .news_show h4 {
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 30px;
    }

    .news_show .txt,
    .news_show .txt * {
        font-size: 14px;
        line-height: 24px;
    }

    .news_show .txt {
        padding-bottom: 40px;
    }

    .news_list ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }

    .news_list ul li:nth-child(3n) {
        margin-right: 4%;
    }

    .news_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .news_list li .text {
        padding: 10px;
    }

    .news_list li .text p {
        font-size: 13px;
        margin-bottom: 0;
    }

    .news_list li .text h3 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
    }

    .news_list li .text h4 {
        line-height: 22px;
    }

    .news_list ul {
        margin-top: 20px;
    }

    .about_text .text,
    .about_text .text * {
        font-size: 14px;
    }

    .course_list .next,
    .course_list .prev {
        width: 24px;
    }

    .course_li h3 {
        font-size: 14px;
        line-height: 30px;
    }

    .course_li h4 {
        font-size: 15px;
        line-height: 30px;
        margin-top: 4px;
    }

    .honor_list ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }

    .honor_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .contact_map .map {
        height: 200px;
    }

    .contact_map {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .map_lsit ul li {
        margin-bottom: 6px;
    }

    .contact_form .form_text {
        height: 40px;
        line-height: 40px;
        width: 100%;
        margin-right: 0;
    }

    .contact_form .form_submit {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .sy_banner_sj {
        display: block;
    }

    .sy_banner_pc {
        display: none;
    }

    .sy_banner_sj .swiper-slide {
        height: 160px;
    }

    .sy_about .img {
        width: 100%;
        height: 200px !important;
    }

    .sy_about .text {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        top: -60px;
        z-index: 99;
        width: 90%;
        display: block;
        margin: 0 auto -60px;
    }

    .sy_about .text h3 {
        margin-top: 0;
        font-size: 20px;
    }

    .sy_about .text_k {
        padding: 0 30px;
        width: 100%;
    }

    .sy_anli ul li {
        margin-bottom: 20px;
        width: 48%;
        margin-right: 4%;
    }

    .sy_anli ul li:nth-child(2n) {
        margin-right: 0;
    }

    .sy_news_one {
        width: 100%;
    }

    .sy_news_li {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }

    .sy_news_one .text h3 {
        font-size: 16px;
        line-height: 34px;
    }

    .sy_news_li ul li h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .sy_answers ul li {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 560px) {}

@media only screen and (max-width: 460px) {}

@media only screen and (max-width: 414px) {}

@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 360px) {}