@charset "utf-8"; /* */ @font-face { font-family: "geo";src:url("../font/georgia.ttf"); } @font-face { font-family: sy;src:url("../font/sySong.woff"); } @font-face { font-family: impact;src:url("../font/impact.ttf"); } body.fixed{overflow: hidden;} .header {position: absolute;top:0;left:0;bottom:0;width:3.5rem;background:url(../images/h-bg.png) no-repeat;background-size:100% 100%;z-index: 9999;padding-top: 0.3rem;transition: 0.5s;} /* .header:after{width:100%;height:.1rem;background:#88b929;} */ .header .logo1 img{width: 2.12rem;} .header .logo1 {text-align: center;margin-bottom: .4rem;} .head-top{padding: 0rem 0.4rem 0.3rem;} .head-top ul{justify-content:flex-end;} .head-top ul li{width: 0.44rem;height: 0.44rem;margin-right: 0.2rem;} .head-top ul li .top{background: url(../images/top-bg.png) no-repeat;background-size: 100%;color: #fff;font-size: 0.22rem;display: flex;align-items: center;justify-content: center;height: 100%;} #m_header .list_box0 {display: flex;align-items: center; } #m_header .list_box0 .li { line-height: 60px; } #nav {/* width: calc(100% - 2.8rem); */max-width: 3rem;/* padding-right: .1rem; */} .head-top ul li .top img{max-width:.25rem;} /* nav */ #nav ul li {height: 100%;position: relative;} #nav ul li a { display: block;} #nav ul li h3 {font-size: 0.2rem;color: #fff;line-height: 0.78rem;position: relative;transition: all 0.36s ease 0s;padding: 0rem 0 0rem 15%;border-bottom: 1px solid rgba(255,255,255,.1);font-weight: bold;} #nav ul li:last-child h3{border-bottom:none;} #nav ul li .sub{position:absolute;top: 100%;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;opacity: 0;transition: .5s;transform-origin: top;border-radius: 0;overflow: hidden;/* padding: .4rem; */background: #fff;} #nav ul li .sub:after{content: '';height: 2px;width: 100%;position: absolute;left: 0;top: 0;background: #004ea2;} #nav ul li .sub .box{padding: 0.14rem 0;} #nav ul li .sub a { padding: 8px 30px; line-height: 0.24rem; transition: all 0.6s ease 0s; font-size: 0.16rem; color: #333; text-align: center; white-space: nowrap; min-width: 1.6rem; } #nav ul li .sub a:hover {color: rgb(255, 255, 255);background: #004ea2;} #nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);} #nav>ul>li:hover h3:before,#nav>ul>li.on h3:before{opacity: 1;} #nav>ul>li:hover h3:after,#nav>ul>li.on h3::after{width: 100%;} .h-foot{position: absolute;left: 10%;bottom: 0.35rem;z-index: 10;display: none;} .h-foot p{color: #a9f6e2;align-items: center;font-size: 0.14rem;line-height: 0.24rem;opacity: .5;} .h-foot p span{font-size: 0.24rem;color: #fff;font-weight: bold;display: inline-block;padding: 0 0.1rem;} #m_nav * { transition: all 0s ease 0s; } .m_header_box { transition: all 0.6s ease 0s; display: none; position: relative; z-index: 100000; } .m_header_box header {padding: 0px 0px 0px 15px;height: 0.7rem;background: #117165;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;display: flex;justify-content: space-between;align-items: center;} .m_header_box header #logo img {height: auto;max-height: 0.6rem;} .m_header_box header #logo { padding: 0px; width: calc(100% - 80px); } #nav_btn_box.on { background: none; } #nav_btn_box {position: relative;width: 0.7rem;height: 0.7rem;display: flex;align-items: center;justify-content: center;z-index: 1;} #nav_btn_box::before { content: ""; position: absolute; z-index: -1; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgb(255, 255, 255); } #nav_btn_box::after {content: "";position: absolute;z-index: -1;top: 0px;left: -.15rem;border-right: .15rem solid rgb(255, 255, 255);border-top: 0.7rem solid transparent;display: none;} #nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; } #nav_btn .point { display: inline-block; width: 0.4rem; height: 22px; position: relative; outline: none; } #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 0.28rem; } #nav_btn .navbtn {position: absolute;top: 12px;left: 0px;display: inline-block;width: 18px;height: 2px;transition: all 0.3s ease-out 0s;background: #117165;} #nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 24px;height: 2px;content: "";transition: all 0.3s ease-out 0s;background: #117165;} #nav_btn .navbtn::after { top: -8px; } #nav_btn .navbtn::before { top: 8px; } #nav_btn .point.on .navbtn { background: transparent; } #nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; } #nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; } .m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); } .m_nav_list::-webkit-scrollbar { display: none; } #m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 70px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out 0s;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: 0% 0% / cover rgb(247, 247, 247);opacity: 0;visibility: hidden;} #m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; } #m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; } #m_nav .search_box input.submit { background: url("../images/submit.svg") center center / 0.28rem no-repeat #117165; } #m_nav .list_box0 {width: 90%;margin: 0.32rem auto 0px;display: flex;} #m_nav .list_box0 .li {text-align: center;color: #117165;margin: 0px 0rem 0.15rem;font-size: 14px;} #m_nav .list_box0 .li a{background:none;padding: 0 0.2rem 0 0;} #m_nav .old_rukou { margin: 0.24rem 0px 0px; width: 100%; } .list_box_nav_mobile {width: 100%;/* height: calc(100% - 3rem); */padding: 0px 0px 10px;overflow: hidden auto;margin: 0px;/* flex: 1 1 0%; */} .list_box_nav_mobile > li { width: 90%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; } .list_box_nav_mobile > li .con { position: relative; } .list_box_nav_mobile > li .a { width: 100%; border-bottom: 1px solid rgb(226, 226, 226); line-height: 0.64rem; color: rgb(51, 51, 51); padding: 0px; font-size: 16px; display: flex; position: relative; transition: all 0.5s ease 0s; } .list_box_nav_mobile > li i { opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: 0px; top: 2px; background-size: 15px 15px !important; } .list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); } .list_box_nav_mobile > li.on .a { border-bottom: 1px solid rgb(226, 226, 226); } .list_box_nav_mobile > li .list { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; } .list_box_nav_mobile > li .list a { display: block; font-size: 13px; color: rgb(102, 102, 102); line-height: 2.5; } .nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; } /* 手机搜索 */ .wap_search {font-size: 0.16rem;border-radius: 5px;color: rgb(255, 255, 255);width: 100%;height: 0.6rem;display: block;margin-bottom: .1rem;} .wap_search form {height: 100%;border-radius: 0.2rem;background: rgb(255, 255, 255);position: relative;width: 3.68rem;margin: 0rem auto;} .wap_search .input {font-size: 0.14rem;color: #333;height: 0.6rem;line-height: 0.5rem;padding: 0px 0.24rem;box-shadow: none;appearance: none;float: left;border-right: 0px;background: none;width: calc(100% - 40px);} .wap_search .btn_blue {position: absolute;cursor: pointer;top: 0px;right: 0px;width: 0.6rem;height: 0.6rem;line-height: 0.6rem;border: 0px;background: url("../images/submit.svg") center center no-repeat #117165;border-radius: 50%;} .wap_search .btn_blue.fr { background: rgb(233, 237, 239); color: rgb(78, 79, 83); } .wap_search input::-webkit-input-placeholder { color: rgb(153, 153, 153); } .wap_search input:focus::-webkit-input-placeholder { color: transparent; } /* pc搜索 */ .search_btn { cursor: pointer; } .search_btn svg { fill: rgb(255, 255, 255); width: 16px; height: 16px; } .search-dialog-box {position: fixed;left: 0px;top: 0px;width: 100%;height: 100vh;z-index: 100;opacity: 0;visibility: hidden;transition: all 0.6s ease 0s;} .search-dialog-box::before { content: ""; position: absolute; top: 0px; height: 0px; background: rgb(14, 93, 168); transition: all 0.6s ease 0s; left: 0px; right: 0px; z-index: 1; opacity: 0.9; } .search-dialog-box.on::before { height: 100%; display: none; } .search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none; } .search-dialog-box .search-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; margin: 0px; background: url(../images/serbg.jpg) no-repeat center/cover; transform-origin: center center; transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; } .search-dialog-box .wrap-inner { transform: translateY(100%); transition: all 0.6s ease 0s; } .search-dialog { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; } .search-dialog .search-tit { font-size: 0.44rem; line-height: 0.56rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: none; } .search-dialog .search-inner { overflow: hidden; margin-top: 0px; } .search-dialog .search-input.on { background-color: rgb(255, 255, 255); } .search-dialog-box .bottom-box { position: absolute; left: 0px; bottom: 5.1%; width: 100%; } .search-dialog-box .bottom-box .share-box { overflow: hidden; } .search-dialog-box .bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-family: gilroy-regular; margin-top: 0.5rem; overflow: hidden; } .header-right.is-open .bubbles-bg { visibility: visible; opacity: 1; } .header-right.is-open .search-btn .con-box { display: none; } .header-right.is-open .close-btn { display: block; } .header-right.is-open .item .search-bg { transform: scale(1); } .search-dialog-box.on { opacity: 1; visibility: visible; } .search-dialog-box.on .search-bg { height: 100vh; } .search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible; } .search-dialog-box.on .wrap-inner { transform: translateY(0px); } .pub-close {position: absolute;width: 0.48rem;height: 0.48rem;z-index: 10;right: 0.24rem;top: 0.216rem;background-color: rgba(0, 0, 0, 0.3);border-radius: 100%;} .pub-close .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(28, 90, 183); transform: scale(0); border-radius: 100%; transition: transform 0.3s ease 0s; } .pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-size: 0.12rem; background-repeat: no-repeat; background-image: url("../images/close-btn.svg"); transition: all 0.6s ease 0s; } .pub-close i:hover { transform: rotate(180deg); } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes spin2 { 100% { transform: rotate(-1turn); } } @keyframes spin-reverse { 0% { transform: rotate(1turn); } } @keyframes spin-reverse2 { 0% { transform: rotate(-1turn); } } /* banner */ .fp-section{padding-left: 4rem;} .container00 {background: url(../images/banner1.jpg) no-repeat center/cover;width: 100%;height: 100%;} .container00 .fp-tableCell{padding-top: 0 !important;} .main-visual-wrapper { width: 100%; overflow: hidden; position: relative; } .main-visual-slider { overflow: hidden; position: relative;width: 100vw;} .main-visual-slider .swiper-slide { overflow: hidden;} .swiper-box1 .imged{padding-bottom: 100vh;} .slide-inner{overflow: hidden;} .main-visual-slider .imged{transform: translate3d(0px, 0px, 0px) scale(1); transition: opacity 0.5s} .main-visual-slider .swiper-slide-active .imged{transform: scale(1); transition: all 6s ; } .banner{width: 100%;height: 100%;position: relative;display: none;background: url(../images/banner.jpg) no-repeat center/cover;} .ban-jj{position: absolute;left: 50%;top: 25%;transform: translate(-30%,0);z-index: 10;width: 40%;box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.06);padding: .4rem;background: rgba(0,0,0,.4);border-radius: 4px;} .ban-jj .ban-ss{margin-bottom: 0.2rem;border-radius: .35rem;background: #fff;height: 0.6rem;/* overflow: hidden; */} .ban-jj .ban-ss .ban-l{width: 1.9rem;padding: 0 .2rem 0 .4rem;font-size: 0.16rem;color: #818589;display: flex;align-items: center;} .ban-jj .ban-ss .ban-r{width: calc(100% - 1.9rem);align-items: center;} .ban-jj .ban-ss .ban-r form{height: 100%;align-items: center;width: 100%;} .ban-jj .ban-ss .ban-l .select{width: 1.3rem;padding-right: 0.2rem;border-right: 1px solid #ddd;margin: 0;} .ban-jj .ban-ss .input{width: calc(100% - 1.2rem);padding-left: .2rem;font-size: 0.18rem;color: #818589;} .ban-jj .ban-ss .select h2 p{font-size: 0.18rem;color: #818589;width: calc(100% - .16rem);opacity: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ban-jj .ban-ss .select h2{background:none;height: .45rem;align-items: center;padding: 0; line-height: 0.45rem;} .ban-jj .ban-ss .select h2 img{width:.16rem;} .ban-jj .ban-ss .select ul{bottom:auto;top:100%;} .ban-jj .ban-ss .btn{ width: 1.2rem; height: 100%; display: flex; align-items: center; justify-content: center; background: #3b9c90; border: none; border-radius: 0 .35rem .35rem 0; cursor: pointer; } .ban-jj .ban-ss .btn input{background: url(../images/ser.png) no-repeat left;color: #fff;font-size: 0.16rem;padding-left: .28rem;background-size: .2rem;cursor: pointer;} .ban-jj .eng{ width: 100%; /* box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.06); */ border-radius: 3px; padding: .35rem .25rem .15rem .4rem; } .ban-jj .eng h3{font-size: 0.2rem;color: #fff;margin-bottom: 0.25rem;line-height: 1.1;} .ban-jj .eng li{width: 7.6%;height: 0.3rem;/* padding: 0rem .15rem; */color: #fff;font-size: 0.2rem;font-family: arial;margin: 0 0 .1rem 0;} @media screen and (min-width: 1024px) { } @media screen and (max-width: 1500px) { .ban-jj{width:60%;} } @media screen and (max-width: 1200px) { .banner video,.banner .logo{display: none;} .body_b {width: auto;height: auto;position: static;opacity: 1;transform: none;overflow: auto;} .ban-jj{position: absolute;left: 50%;top: 25%;transform: translate(-50%,0);} } @media screen and (max-width: 1024px) { .banner{padding:.4rem 0;} .ban-jj{width: 100%;position: relative;left: auto;top: auto;transform: translate(0%,0%);display: flex;justify-content: center;padding: 0;background: none;} .banner{display: block;} .ban-jj .form{width:65%;padding: .25rem;background: rgba(0,0,0,.3);} } @media screen and (max-width: 768px) { .ban-jj{/* width:85%; */} .ban-jj .ban-ss{height:.45rem;} .ban-jj .ban-ss .btn{width:.9rem;} .ban-jj .ban-ss .ban-l{width: 1.6rem;padding: 0 .15rem;} .ban-jj .ban-ss .ban-r{width: calc(100% - 1.6rem);} .ban-jj .ban-ss .input{width: calc(100% - .9rem);padding-left: 0;} .ban-jj .eng{padding:.2rem .15rem 0rem;} .ban-jj .eng h3{font-size:.18rem;margin-bottom:.15rem;} .ban-jj .form{width: 100%;} } #fp-nav{display: none;} /* home1 */ .section{padding-left:3rem;} .home1 .wp{width: 14rem;} .container01{background: url(../images/hbg1.png) no-repeat center/cover;width: 100%;height: 100vh;z-index: 10;position: relative;} .home1{width: 100%;padding: .2rem 0 .1rem;overflow: hidden;z-index: 100;height: 100%;position: relative;} /* .container01::after{width: 100vw;height: 0.1rem;background: url(../images/line.png) no-repeat bottom;background-size: 100% 100%;left: auto;right: 0;z-index: 1000;} */ .tit{margin-bottom: .35rem;position: relative;justify-content: center;padding: 0;width: 100%;height: .5rem;align-items: center; z-index:15;} .tit h3{cursor: pointer;} .tit h3 span{display: block;color: rgba(255,255,255,.6);font-size: 0.24rem;font-weight: bold;/* opacity: .55; */border-right: 1px solid rgba(255,255,255,.6);line-height: 1.1;padding: 0 0.5rem;height: .3rem;} .tit h3:last-child span{border-right:none;} .tit h3.on span::after{opacity: 1;} .tit h3.on span{/* opacity: 1; */font-size: .22rem;color: #fff;} .home1-t{height: 8rem;width: 100%;overflow: hidden;position: absolute;bottom: 0;} .home1-t .li-slide{transition-duration: 0ms !important;} .h1-t{padding-top: .3rem;} .h1-t{position: absolute;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;opacity: 0;transition: 0.5s;} .h1-t.on{position: relative;opacity: 1;z-index: 10;} .h1-t .swiper-container{width:11.8rem;height:11.8rem;margin:0 auto;} .h1-t .swiper-container::before{content:"";position:absolute;left: 0%;top: 1rem;width: 90%;height: 90%;display:block;border-radius:50%;background: url(../images/cirbg.png) no-repeat;background-size: 100% 100%;left: 50%;transform: translateX(-50%);} .h1-t li{transition: 0.5s;transform: translateY(600px);} .h1-t li.sw-prev-prev{transform: translateY(235px);} .h1-t li.swiper-slide-prev{transform: translateY(50px)translateX(-1rem);} .h1-t li.swiper-slide-active{transform: translateY(0px)}.h1-t li.swiper-slide-active+li{ transform: translateY(50px)translateX(1rem); } .h1-t li.swiper-slide-active+li+li{transform: translateY(235px);} .h1-t li.swiper-slide-active+li+li+li{transform: translateY(600px)} .h1-t li a{display: block;} .h1-t .con .txt p{text-align:center;font-size: 0.26rem;color: #fff;font-weight: bold;margin-top: 0.2rem;} .h1-t li .con{margin:2rem 0 0 0;} .h1-t .swiper-slide-active .con{align-items:center;margin:0;} .h1-t .con{position:relative;z-index:2;display: flex;flex-direction: column;align-items: center;justify-content: center;} .h1-t .swiper-slide-prev .con {margin: 1rem 0 0 0rem;} .h1-t .swiper-slide-next .con {margin: 1rem 0rem 0 0rem;} /* .h1-t .sw-prev-prev .con{margin: 2rem 0 0;} .h1-t .sw-next-next .con{margin:2rem 0 0;} */ .h1-t .h1-c{padding: 0.15rem;border-radius: 50%;} .h1-t .h1-c::after{width: 100%;background: #fff;opacity: 0;animation:play 25s linear infinite;border-radius: 50%;} .h1-t .scale{width:1.58rem;border-radius:50%;overflow:hidden;transition: 0.5s;} .h1-t .imged{padding-bottom:100%; background-position: top center !important;} .m-txtbox{position:absolute;bottom: 0;left: 50%;width: 5.59rem;height: 4.4rem;transform: translateX(-50%);background: url(../images/cir-p.png) no-repeat;background-size: 100%;z-index: 100;} .m-txtbox::after{content:"";position:absolute;bottom: 0;height: 5.12rem;display:block;background: url(../images/cirbg-m.png )no-repeat;background-size: 100% 100%;width: 6.93rem;left: 50%;transform: translateX(-50%);} .cir-h{width: 5.1rem;height: 5.1rem;background: rgba(255,255,255,.8);border-radius: 50%;top: .2rem;padding-top: 0.5rem;position: absolute;left: 50%;transform: translateX(-50%) translateY(50%);opacity: 0;transition: 0.5s;} .cir-h.on{opacity: 1;transform: translateX(-50%) translateY(0%);} .cir-h h3{font-size: 0.36rem;color: #111;justify-content: center;margin-bottom: 0.25rem;} .cir-h h3 span::after{width: 100%;height: 0.15rem;background: #2f7d63;opacity: .23;} .cir-h .m-p1{padding: 0 .55rem;} .cir-h .m-p1 p{font-size: 0.18rem;color: #333;line-height: 0.36rem;max-height: 2.16rem\0;padding:0 .3rem;} .cir-h .m-p1 a{justify-content: flex-end;color: #2f7d63;font-size: 0.16rem;align-items: flex-end;} .cir-h .m-p1 a img{display:inline-block;margin-right:.15rem;width: 3rem;} .home1 .arror{width: 0.4rem;height: 0.4rem;top: auto;margin-top: 0;background: rgba(255, 255, 255, 0.8);bottom: 5%;border-radius: 50%;left: 25%;z-index: 110;} .home1 .arror::after{font-size: 0.2rem;color: #007e6b;} .home1 .swiper-button-next{left: auto;right: 25%;} .home1 .search_btn{width: 0.57rem;height: 1.37rem;background: url(../images/ser-bg.png) no-repeat;background-size: 100% 100%;right: 0;position: absolute;top: 35%;z-index: 100;text-align: right;padding: .5rem .1rem 0 0;} .select{width:100%;position: relative;cursor: pointer;margin-bottom: 0.25rem;} .select h2{font-size: 0.16rem;height: 0.55rem;align-items: center;padding: 0 .15rem;justify-content: space-between;background: rgba(34,128,115,.68);} .select h2 p{color: #fff;white-space: nowrap;opacity: .8;} .select ul{background: #f8f8f8;height: 2rem;position: absolute;width: auto;left: 0;right: 0;padding: .15rem 0rem;z-index: 5;bottom: 100%;display: none;overflow-y: auto;} .select li{font-size: 0.16rem;line-height: 0.32rem;color: #333;transition:0.5s;padding: 0 .15rem;} .select h2 img{width: 0.12rem;} .select ul li:hover{background: #117165;color: #fff;} .teacher.yd{display: none;} .footer{display: none;} .foot{padding: .3rem 0;background: #0C7F6F;} .foot p{text-align: center;font-size: 0.22rem;color: #fff;line-height: 20px;} @media screen and (min-width: 2230px) { .h1-t .swiper-container{width: 14rem;height: 14rem;margin:0 auto;} } @media screen and (max-width: 1400px) { .h1-t{transform: translateX(-50%) scale(.9);} } @media screen and (max-width: 1200px) { .h1-t{margin-left:0;transform: translateX(-50%) scale(1);} } @media screen and (min-width: 1024px) { .h1-t li a:hover .h1-c::after{opacity: .2;} } @media screen and (max-width: 1024px) { .head-top{display: none;} .home1{padding: .4rem 0;} .section{padding-left: 0rem;} .m-txtbox{display:none;} .container01{height:auto;} .h1-t,.h1-t.on{} .h1-t .swiper-container::before{display:none;} .h1-t li{transform:translateY(0) !important;} .h1-t li .con{margin: 0 !important;} .home1-t{padding: 0 30px;height: auto;position: relative;} .h1-t .swiper-container{width:auto;height:auto;padding-bottom: 0;overflow: hidden;} .home1 .arror{bottom:auto;top:50%;/* transform:translateY(-50%); */left:15px;} .home1 .swiper-button-next{left: auto;right: 15px;} .home1 .search_btn{display:none;} .teacher.yd{display: block;} .teacher.pc{display: none;} .footer{display: block;} } @media screen and (max-width: 990px) { } @media screen and (max-width: 768px) { .tit h3 span{font-size: .22rem;padding: 0 .15rem;} .tit h3{max-width:33.3%;} } @media screen and (max-width: 440px) { .tit h3 span{font-size:.2rem;} .tit h3{width:100%;max-width: 100%;text-align:center;} .tit h3 span{border-right:none;} } @media screen and (max-width: 1400px) { #nav ul li h3 { font-size: 0.18rem; } .list_box0 .li {padding-right: 0.05rem;} .list_box0 .li > a .top_ico { margin-right: 0.05rem; } .header_box #logo{width:4.4rem;} .header{width: 2.7rem;} #nav>ul>li:hover h3, #nav>ul>li.on h3{font-size:.22rem;} .section{padding-left: 2.5rem;} } @media screen and (max-width: 1440px) { .header_box #logo{width:4.4rem;} } @media screen and (max-width: 1200px) { .header{ display: none; } .m_header_box {display: block;height: .7rem;} .swiper-box1 .imged{padding-bottom: 50%;} .section{padding-left: 0rem;} } @media screen and (max-width: 1024px) { } @media screen and (max-width: 980px) { } @media screen and (max-width: 768px) { .txt1 { font-size: 0.18rem !important; } .p1 {line-height: .28rem!important;font-size: 0.16rem !important;} .title{margin-bottom: .25rem !important;padding: 0;} .title h3{font-size: .24rem !important;padding-top: .35rem;} .title h3::after{width:1.8rem;height:.6rem;} } @media screen and (max-width: 600px) { } @media screen and (max-width: 420px) { } @media (min-width: 200px) { }