@media screen and (max-width:1919px) {
    .idx-banner img {
        height: auto;
    }
}

@media screen and (max-width:1682px) {
    .pc-header .nav {
        margin-right: 0;
        width: 70%;
    }
}

@media screen and (max-width:1625px) {
    .pc-header .nav>li:not(:last-child) {
        margin-right: 6%;
    }
    .pc-header .nav {
        margin-right: 0;
        width: 75%;
    }
    /* .design .right {
        padding: 65px 0;
        padding-left: 1.066667rem;
    } */
    .history .h-bg {
        top: -1px;
    }
}

@media screen and (max-width:1500px) {
    .pc-header .nav>li:not(:last-child) {
        margin-right: 4%;
    }
}

@media screen and (max-width:1440px) {
    .pc-header .nav>li:not(:last-child) {
        margin-right: 4%;
    }
}

@media screen and (max-width:1366px) {
    .history ul li:not(:last-child) {
        margin-bottom: 1px;
    }
    .intro .row3 .left {
        width: 24%;
    }
    .history ul li:not(:last-child) {
        margin-bottom: 4px;
    }
    /* .design .right {
        padding: 45px 0;
        padding-left: 1.066667rem;
    } */
    .design .right .design-title {
        font-size: 25px;
    }
    .design .right p,
    .design .right .con {
        font-size: 14px;
        line-height: 28px;
    }
    .adap {
        padding: 40px 0;
    }
    .adap p.con {
        margin-top: 40px;
    }
}

@media screen and (max-width:1280px) {
    /* .w,
    .head-w {
        width: 1200px;
    } */
    .header_icon{
        right: 20% !important;
        
        z-index: 9999;
        width: 40px;
       height: 40px;
    }
    
    .history ul li:not(:last-child) {
        margin-bottom: 0px;
    }
    /* .design .right .design-title {
        margin-bottom: 10px;
    }
    .design .right {
        padding: 56px 0;
        padding-left: 1.066667rem;
        padding-right: 160px;
    } */
    .env .course li {
        height: 260px;
        overflow: hidden;
    }
    .env .tab-box .left .title p {
        margin-top: 10px;
    }
    /* .design .right .con {
        margin-top: 20px;
        padding-right: 0;
    }
    .design .right .design-title {
        font-size: 25px;
    }
    .design .right p,
    .design .right .con {
        font-size: 14px;
    } */
}

@media screen and (max-width:1024px) {
    html {
        font-size: 65px;
    }
    /* .w,
    .head-w {
        width: 92%;
    } */
    .header_icon{
       
        right: 15% !important;
      
        transition-duration:  1s;
    }
    .idx-banner img {
        height: auto;
    }
    footer .center>li:not(:last-child) {
        margin-right: 4%;
    }
    .join-pro ul li.lline .cir::after {
        width: 137px;
        right: -137px;
    }
    .join-pro ul li.rline .cir::after {
        width: 137px;
        right: -137px;
    }
    .join-pro ul li.mline .cir::after {
        width: 70px;
        right: -70px;
    }
    .join-pro ul li.mline2 .cir::before {
        width: 70px;
        left: -70px;
    }
    .join-pro ul::before,
    .join-pro ul::after {
        height: 230px;
    }
    .join-pro ul::after {
        bottom: 179px;
    }
    .design .right {
        padding: 0.19rem 0;
        padding-left: 30px;
    }
    .design .right .con {
        padding-right: 20px;
        margin-top: 44px;
    }
    .env .course li {
        height: 208px;
        line-height: 208px;
    }
}

@media screen and (max-width:768px) {
    html {
        font-size: 55px;
    }
    .pc-header,
    .h,
    .bg-box,
    footer .center,
    .year .year_bg,
    .concept .right,
    .history .h-bg,
    .pc-footer {
        display: none;
    }
    .adap {
        overflow: hidden;
    }
    .header_md,
    .header_md_none,
    .m-footer {
        display: block;
    }
    footer .left,
    footer .right {
        width: 100%;
    }
    .res .left {
        width: 100%;
        top: unset;
        left: unset;
    }
    .res .right {
        width: 100%;
        margin-top: 5%;
    }
    .design .right,
    .design .left {
        display: block;
    }
    .design .right .text-box {
        position: relative;
        width: 100%;
        top: unset;
        left: unset;
        transform: unset;
    }
    .adap img {
        left: 50%;
        transform: translateX(-50%);
        height: 300px;
        width: auto;
    }
    .env {
        padding: 5%;
    }
    .env .tab,
    .env .tab-box,
    .idx-new .new-ul,
    .adv ul,
    .history ul,
    .support {
        margin-top: .6rem;
    }
    .adv2 ul {
        margin-top: 0;
    }
    .idx-new {
        padding: .6rem;
    }
    .res,
    .adv,
    .join,
    .year,
    .envir {
        padding: .6rem 0;
    }
    .env .tab li {
        margin-bottom: 2%;
    }
    .env .tab li:not(:nth-child(3n)) {
        margin-right: 5%;
    }
    .env .tab-box .right {
        width: 100%;
    }
    .env .tab-box .left {
        width: 100%;
        font-size: 0;
    }
    .env .tab-box .left .btn {
        vertical-align: top;
    }
    .env .tab-box .left .box {
        display: inline-block;
        vertical-align: top;
        float: right;
    }
    .env .tab-box .left .box div {
        margin-top: 0;
    }
    .act .tab-box li {
        margin-bottom: 20px;
    }
    .act .con {
        margin-top: 0;
    }
    .act-swiper .text-box h5 {
        font-size: 40px;
    }
    .act-swiper .text-box p {
        font-size: 30px;
    }
    .school .tab-box .left {
        margin-right: 20px;
        vertical-align: top;
    }
    .school .tab-box .course {
        width: calc(100% - 62px);
    }
    .school .tab-box .course li {
        margin-right: .1rem;
    }
    .school .tab-box .course li {
        margin-bottom: 10px;
    }
    .school-ul li {
        width: 32%;
    }
    .school-ul li:not(:nth-child(3n)) {
        margin-right: 1.3%;
    }
    .teacher .teacher-ul li {
        width: 32%;
    }
    .teacher .teacher-ul li:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .teacher .teacher-ul li:not(:nth-child(3n)) {
        margin-right: 1.1%;
    }
    .concept .right {
        width: 100%;
        margin-left: 0;
    }
    .year .left,
    .year .right {
        width: 100%;
    }
    .concept .left ul li {
        font-size: 15px;
        line-height: 30px;
    }
    .year .right {
        margin-top: 20px;
    }
    .history {
        background: #EC7969;
    }
    .history .history-box {
        padding: 20px 0;
    }
    .history ul {
        margin-top: 0;
        padding-bottom: 0;
    }
    .history ul li {
        margin-bottom: 5% !important;
    }
    .history ul li:nth-child(even) .left,
    .history ul li:nth-child(even) .right,
    .history ul li:nth-child(odd) .left,
    .history ul li:nth-child(odd) .right {
        float: none;
    }
    .history ul li:nth-child(even) .left .img-box,
    .history ul li:nth-child(even) .left .text-box {
        float: none;
    }
    .history ul li .left {
        width: 100%;
        padding-left: 30px !important;
        padding-right: 0;
    }
    .history ul li .text-box {
        width: calc(100% - 34px);
    }
    .history ul li:nth-child(even) .left .text-box {
        text-align: left;
    }
    .history ul li:nth-child(even) .img-box {
        margin-right: 10px;
        margin-left: 0;
    }
    .history ul li:nth-child(even) img {
        transform: none;
    }
    .history ul::after {
        left: 15px;
        transform: unset;
    }
    .history ul li .right::after {
        left: 15px;
        top: 0;
    }
    .honor .left,
    .honor .right {
        width: 100%;
    }
    .honor .left {
        transform: unset;
    }
    .contact .left,
    .contact .right {
        width: 100%;
    }
    .contact .right {
        margin-top: 5%;
    }
    .intro {
        background: rgba(254, 249, 246, 1);
    }
    .intro .row1 .left,
    .intro .row1 .right,
    .intro .row2 .left,
    .intro .row2 .right,
    .intro .row3 .left,
    .intro .row3 .right {
        width: 100%;
    }
    .intro .row1 .right,
    .intro .row2 .left,
    .intro .row3 .right {
        border: 0;
        margin-left: 0;
    }
    .intro .row1 .right img {
        transform: unset;
    }
    .intro .row2 .left {
        padding: 0;
    }
    .intro .row2 .left .row2-left {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        width: 100%;
    }
    .intro .row2 .left ul {
        display: block;
    }
    .intro .row2 .right,
    .intro .row3 .right .line-box {
        display: none;
    }
    .intro .row3 .right img {
        position: relative;
        top: unset;
        left: unset;
        width: 100%;
    }
    .intro .row3 .left p {
        text-align: left;
    }
    .join-pro ul li.lline .cir::after {
        width: 80px;
        right: -80px;
    }
    .join-pro ul li.rline .cir::after {
        width: 80px;
        right: -80px;
    }
    .join-pro ul li.mline .cir::after {
        width: 40px;
        right: -40px;
    }
    .join-pro ul li.mline2 .cir::before {
        width: 40px;
        left: -40px;
    }
    .join-pro ul::before,
    .join-pro ul::after {
        height: 211px;
    }
    .join-pro ul::after {
        bottom: 157px;
    }
    .topic-intro .left,
    .topic-intro .right,
    .design .left,
    .design .right {
        width: 100%;
    }
    .topic-intro .right {
        margin-top: 5%;
    }
    .topice-adv ul li {
        width: 48%;
    }
    .design .right {
        padding: 5% 0;
        text-align: center;
    }
    .design .right p {
        margin: auto;
        padding: 0 5%;
    }
    .topice-adv ul li {
        height: 250px;
    }
    .topice-adv ul li:not(:last-child) {
        margin-right: 0;
    }
    .topice-adv ul li img.topice-adv-img,
    .topice-adv ul li img.topcie-bg {
        width: 18%;
    }
    .concept .left,
    .concept .right {
        display: inline-block;
    }
    .concept .right {
        margin-top: 5%;
    }
    .concept .right img {
        vertical-align: top;
    }
    .concept .left,
    .concept .right {
        margin-left: 0;
    }
    .history .about-title p,
    .history .about-title h5 {
        color: #FFFFFF;
    }
    .contact {
        padding: 0 0;
    }
    .honor .right .pre:hover .showimg,
    .honor .right .next:hover .showimg,
    .env .tab-box .left .box #pre:hover .showimg,
    .env .tab-box .left .box #next:hover .showimg {
        display: block;
    }
    .honor .right .pre:hover .hideimg,
    .honor .right .next:hover .hideimg,
    .env .tab-box .left .box #next:hover .hideimg,
    .env .tab-box .left .box #pre:hover .hideimg {
        display: none !important;
    }
    .founder h6 {
        margin-bottom: 5%;
        text-align: center;
    }
    .container .text-box article img {
        width: 96%!important;
        margin: 0 auto !important;
        height: auto !important;
    }
    .teacher .tab-box li,
    .new .tab-box li {
        font-size: .213333rem;
        padding: 0 .586667rem;
        margin-bottom: 20px;
    }
    .teacher .tab-box li:not(:last-child),
    .new .tab-box li:not(:last-child) {
        margin-right: .266667rem;
    }
    .teacher .tab-box,
    .new .tab-box {
        text-align: left;
    }
    .design .right .c-title {
        padding-right: 0;
    }
    .env .tab-box .left .box #pre:hover .showimg {
        display: block !important;
    }
    .env .tab-box .left .box #pre:hover .hideimg {
        display: none !important;
    }
    .env .tab-box .left .box #next:hover .showimg {
        display: block !important;
    }
    .env .tab-box .left .box #next:hover .hideimg {
        display: none !important;
    }
}

@media screen and (max-width:640px) {
    .env .course li {
        width: 50%;
        height: 3.23rem;
        line-height: 3.23rem;
    }
    .idx-new .new-ul li {
        width: 100%;
    }
    .idx-new .new-ul li .text-box {
        height: 120px;
    }
    .idx-new .new-ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 5%;
    }
    .idx-banner h3 {
        font-size: 40px;
    }
    .idx-banner p {
        font-size: 30px;
    }
    .adv ul li {
        width: 50%;
        text-align: center;
        margin-bottom: 5%;
    }
    .school-ul li {
        width: 48%;
    }
    .school-ul li:not(:nth-child(2n)) {
        margin-right: 2.7%;
    }
    .envir .num-box {
        height: 30px;
        line-height: 30px;
    }
    .envir ul li {
        width: 100%;
        margin-bottom: 2%;
        height: auto;
    }
    .envir ul li .big-img {
        display: block;
    }
    .envir ul li .small-img {
        display: none;
    }
    .envir ul li.on {
        width: 100%;
    }
    .envir ul li img {
        width: 100%;
        height: auto;
    }
    .join-pro ul li {
        width: 50%;
    }
    .envir ul li .mask-box {
        display: none;
    }
    /* .join-pro ul li:not(:last-child) .cir::after {
        width: 195px;
        right: -195px;
    }
    .join-pro ul li:nth-child(2n) .cir::after {
        background: url(../images/heng2.png) no-repeat;
        width: 100px;
        right: -100px;
    }
    .join-pro ul li:nth-child(5) .cir::before,
    .join-pro ul li:nth-child(9) .cir::before {
        width: 100px;
        left: -100px;
    }
    .join-pro ul::before,
    .join-pro ul::after {
        height: 211px;
    }
    .join-pro ul::after {
        bottom: 157px;
    } */
    .join-pro ul li.lline .cir::after {
        width: 195px;
        right: -195px;
    }
    .join-pro ul li.rline .cir::after {
        width: 195px;
        right: -195px;
    }
    .join-pro ul li.mline .cir::after {
        width: 100px;
        right: -100px;
    }
    .join-pro ul li.mline2 .cir::before {
        width: 40px;
        left: -40px;
    }
    .join-pro ul::before,
    .join-pro ul::after {
        display: none;
    }
    .join-pro ul::after {
        bottom: 157px;
    }
    .join-pro .pc-ul {
        display: none;
    }
    .join-pro .m-ul {
        display: block;
    }
    .join-pro ul li {
        margin-bottom: 1.5rem;
    }
    .join-pro ul li.upline .cir::after {
        content: "";
        background: url(../images/shu.png) no-repeat center center;
        height: 85px;
        width: 13px;
        position: absolute;
        right: 50%;
        top: 140px;
        transform: translate(50%);
    }
    .join-pro ul li.upline2 .cir::after {
        content: "";
        background: url(../images/shu.png) no-repeat center center;
        height: 85px;
        width: 13px;
        position: absolute;
        right: 50%;
        top: 160px;
        transform: translate(50%);
    }
    .join-pro ul li.rline2 .cir::after {
        content: "";
        background: url(../images/heng3.png) no-repeat;
        background-size: 100% 100%;
        width: 195px;
        height: 13px;
        position: absolute;
        top: 50%;
        left: -195px;
        transform: translateY(-50%);
    }
    .join-sup ul li {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 20px;
    }
    .join-sup ul li h6 {
        margin-top: 0;
    }
    .join-sup ul li:not(:last-child) {
        margin-right: 0;
    }
    .page-fan {
        text-align: left;
    }
    .page-fan div {
        float: none;
        text-align: left;
    }
    .page-fan .center {
        margin: 5% 0;
    }
    .baoming .left,
    .baoming .right {
        width: 100%;
    }
    .baoming .left img {
        width: 70%;
        margin: 0 auto;
    }
    .baoming .right {
        margin-top: 5%;
    }
    .new .new-ul li {
        width: 48%;
    }
    .new .new-ul li:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .new .new-ul li:not(:nth-child(2n)) {
        margin-right: 3%;
    }
}

.concept .left,
.concept .right {
    display: inline-block;
}

@media screen and (max-width:568px) {
    .env .course li {
        width: 100%;
        height: auto;
        line-height: 3.23rem;
    }
    .adap {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .adap p.con {
        padding: 0;
    }
    .idx-banner h3 {
        margin-bottom: .4rem;
        font-size: 30px;
    }
    .idx-banner p {
        font-size: 20px;
    }
    .act .con li {
        height: auto;
    }
    .act .con li img {
        width: 100%;
    }
    .act .con li .right {
        width: 100%;
        margin-top: 20px;
    }
    .act-swiper .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 15px !important;
    }
    .act-swiper .swiper-pagination-bullet-active {
        width: 20px;
    }
    .act-swiper .text-box h5 {
        font-size: 30px;
    }
    .act-swiper .text-box p {
        font-size: 20px;
    }
    .teacher .teacher-ul li {
        width: 48%;
    }
    .teacher .teacher-ul li:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .teacher .teacher-ul li:not(:nth-child(2n)) {
        margin-right: 2.9%;
    }
    .online .btn-box .submit {
        width: 18%;
    }
    .support .box {
        background: #f5f5f5;
        height: auto;
        padding: 5% 0;
    }
    .support .box .text-box {
        width: 100%;
        margin-left: 0;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .support .box img {
        display: block;
        width: 50%;
        margin: 0 auto;
        transform: unset;
    }
    .support .box .text-box .sup-title {
        margin-top: .6rem;
    }
    .topice-adv ul li {
        width: 100%;
        height: auto;
        padding: 5%;
    }
    .topice-adv ul li:not(:last-child) {
        margin-bottom: 5%;
    }
    .topice-adv ul li img.topice-adv-img {
        width: 20%;
    }
    .column span:first-child {
        font-size: 20px;
    }
    .column span:last-child {
        font-size: 15px;
        top: 3px;
    }
    .column {
        margin: 10px 0;
        height: auto;
    }
    .env .tab-box .left .box div img {
        width: 50px;
    }
}

@media screen and (max-width:414px) {
    .copyright a {
        line-height: 20px;
    }
    .copyright a:first-child {
        margin-right: 0;
    }
    .env .tab-box .left .box div:first-child {
        margin-right: 15px;
    }
    .join ul li {
        width: 50%;
    }
    footer .right>img {
        width: 57%;
        margin-top: 20px;
    }
    .act-swiper .swiper-pagination {
        bottom: -5px;
    }
    .school-ul li {
        width: 100%;
    }
    .school-ul li:not(:nth-child(2n)) {
        margin-right: 0%;
    }
    .school .tab-box .school-box {
        margin-bottom: 0;
    }
    .teacher .teacher-ul li {
        width: 100%;
    }
    .teacher .teacher-ul li:not(:nth-child(2n)) {
        margin-right: 0%;
    }
    .column span:last-child {
        transform: translateY(-50%);
    }
    .tan2 .online ul li:nth-child(3) {
        width: 100%;
        margin-right: 0;
    }
    .online ul li {
        width: 100%;
    }
    .online ul li:first-child {
        margin-right: 0;
    }
    .online ul li:last-child {
        height: 3rem;
    }
    .new .new-ul li {
        width: 100%;
    }
    .new .new-ul li:not(:nth-child(2n)) {
        margin-right: 0;
    }
    .join-pro ul li.lline .cir::after {
        width: 91px;
        right: -91px;
    }
    .join-pro ul li.rline .cir::after {
        width: 91px;
        right: -91px;
    }
    .join-pro ul li.rline2 .cir::after {
        width: 91px;
        left: -91px;
    }
    .T-nav>li>a>i {
        right: 19%;
    }
    .concept .right img {
        margin-left: 0;
    }
    .year .play-icon {
        width: 50px;
        top: 40%;
    }
}

.concept .left,
.concept .right {
    display: inline-block;
}

@media screen and (max-width:375px) {
    .env .tab-box .left .box {
        margin-left: 0;
        display: block;
    }
    .join-pro ul li.lline .cir::after {
        width: 76px;
        right: -76px;
    }
    .join-pro ul li.rline .cir::after {
        width: 76px;
        right: -76px;
    }
    .join-pro ul li.rline2 .cir::after {
        width: 76px;
        left: -76px;
    }
    .idx-new .new-ul li .text-box {
        padding: 10px;
    }
    .school .tab-box .course li {
        padding: 0 10px;
    }
    footer .right ul {
        margin-top: 20px;
    }
      .header_icon{
        right: 20% !important;
        transition-duration: 2s !important;
        z-index: 9999;
        width: 40px;
       height: 40px;
       text-align: center;
       line-height: 35px;
    }
}