@media only screen and (min-width:2200px){ .footer{padding-top: 7%;} } @media only screen and (max-width:1400px){ .w90,.banner-box .swiper-pagination{padding: 0 15px;} } @media only screen and (max-width:1380px){ .header-top1 .nav1>ul>li h3{font-size: 0.16rem;} .header-top1 .nav1 .sub .sub-h a{font-size: 0.14rem;} } @media only screen and (max-width:1300px){ .header-top1 .nav1>ul>li{margin-left: 0.25rem;} } @media only screen and (max-width:1280px){ html{font-size: 90px;} } @media only screen and (max-width:1200px) and (min-width:1061px){ .header-top1{transform: none;opacity: 1;} body.scrolling .header-top1{transform: translateY(-100%);opacity: 0;} body.scrolling .header-top2{transform: none;opacity: 1;} } @media only screen and (max-width:1200px){ .banner{height: auto;} .banner-box{position: relative;height: auto;} .banner-box .swiper-slide img{height: auto;} .part{position: relative;padding-top: 0;background-size: cover;} .ntop{margin-bottom: 0.14rem;} } @media only screen and (max-width:1150px){ .header-top1 .nav1>ul>li{margin-left: 0.2rem;} } @media only screen and (max-width:1120px){ .footer::after{background: url(../img/footer_1x.png) no-repeat center top;background-size: auto 100%;} } @media only screen and (max-width:1100px){ .header-top1 .nav1>ul>li{margin-left: 0.14rem;} } @media only screen and (max-width:1060px){ .header .h2 .logo img{height: 0.5rem;} .banner,.list-banner{margin-top: 0.9rem;} .nav-menu,.search_m{display: block;} .h2-right,.header-top2,.header-top1 .h1{display: none;} .header-top1{transform: none;opacity: 1;z-index: 5;} .header-top1 .h2::after{content: none;} .header-top1 .h2{background: #003672;} .search-dialog-box{height: 100%;} .part3 .p3box{width: 100%;} } @media only screen and (max-width:980px){ .p1-left{width: 100%;margin-bottom: 0.4rem;} .p1-right{width: 100%;} .main{padding: 0 0 0.4rem 0;} .main-left{display: none;} .main-right{width: 100%;} .m-nav{display: block;} .main-title h2{display: none;} } @media only screen and (max-width:920px){ .ftc{display: none;} } @media only screen and (max-width:820px){ .teacher_list li{width: 25%;} } @media only screen and (max-width:760px){ .news-scroll, .news-list{width: 100%;} .news-scroll{margin-bottom: 0.1rem;} .news-scroll .news-img{height:0;padding-bottom: 50%;} } @media only screen and (max-width:620px){ .content h3.title{font-size: .2rem;} .content .sub-title{font-size: 0.18rem;} .pic-list ul li{width: 50%;} } @media only screen and (max-width:580px){ .teacher_list li{width: calc( 100% / 3 );} } @media only screen and (max-width:560px){ .part3 .p3box{flex-wrap: wrap;} .p3-img,.p3-txt{width: 100%;} .p3-txt{padding: 0;} .p3-img{margin-bottom: 0.2rem;} .p3-img .titbox p,.p3-list ul li a{display: block;white-space: nowrap;height: 0.26rem;} .p3-img .imgbox{height: 0;padding-bottom: 50%;} .p3-txt::before,.p3-txt::after,.p3box::after{content: none;} .p3-txt h3{text-align: center !important;} .part3 .p3box:nth-of-type(2) .p3-img,.part3 .p3box:last-of-type .p3-img{order: 0;} .part3 .p3box:nth-of-type(2) .p3-txt,.part3 .p3box:last-of-type .p3-txt{order: 1;} } @media only screen and (max-width:480px){ .footer{padding-top: 1.2rem;} .footer .w90>.flex .ftl{width: 100%;margin-bottom: 0.2rem;} .footer .w90>.flex .ftr{width: 100%;} .part4{margin-bottom: 0;} .main{padding: 0 0 0.1rem 0;} } @media only screen and (max-width:400px){ .pic-list ul li{width: 100%;} .teacher_list li{width: 50%;} } @media only screen and (max-width:380px){ .header .h2 .logo img{height: 0.4rem;} .header-top1 .h2{padding:0.15rem 0;} .banner,.list-banner{margin-top: 0.7rem;} .navm-box{padding-top: 0.9rem;} }