@charset "utf-8"; /* CSS Document */ *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;} ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;} input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; } ul,li{ list-style:none} img{border:0px; padding:0px; display: block;} a{ color:#5c5c5c; text-decoration:none} h2,h3,h4,b,strong { font-weight: normal; } em,i { font-style: normal; } .clear{ zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .fl { float:left} .fr { float:right} .hidden{display:none; background: url() no-repeat center;} .fixTop { transition: all .5s; position: fixed; left: 0; top: 0; z-index: 999; width: 100%;} .top { line-height: 66px; background: #001b59; padding: 0 3.3333%;} .top:after { content: ''; display: block; height: 0; clear: both;} .header:after {content: ''; clear: both; display: block; height: 0;} .header { position: relative; padding-bottom: 20px;} .subInp { display: none; padding: 10px 0; position: absolute; left: 0; top: 115px; width: 100%; background: #001b59;} .searchIcon2 { width: 40px; height: 40px; display: block; background: url(../images/searchIcon2.png) center no-repeat #005187; float: left; outline: none; box-sizing: border-box; border: none;} .header a.logo { float: left; margin-left: 3.333%; margin-top: 24px;} .header .nav { margin-top: 35px; float: right;} .header .nav li { margin-left: 10px; float: left; position: relative;} .header .nav li h2 { line-height: 52px; padding: 0 9px;} .header .nav li h2 a { color: #ffffff; font-size: 28px;} .searchCont { overflow: hidden; width: 720px; margin: 0 auto;} .searchCont input { text-indent: 20px; color: #ffffff; float: left; box-sizing: border-box; height: 40px; width: calc(100% - 40px); outline: none;} .searchCont input:-ms-input-placeholder,.searchCont input:-webkit-input-placeholder { color: #ffffff;} .nav dl { display: none; padding-top: 25px; padding-bottom: 25px; width: 210px; border-bottom: 6px solid #393737; background: rgba(255,255,255,.9); position: absolute; top: 69px; left: 50%; transform: translateX(-50%);} .nav dl dt { line-height: 25px; text-align: center; /*float: left; */width: 100%;} .nav dl dt a{ font-size: 18px; color: #343434;} .nav dl dt a:hover { color: #c60000;} .header .nav li{} /*.header .nav li:nth-child(4) dl { width: 720px;} .header .nav li:nth-child(4) dl dt { text-indent: 30px; text-align: left; width: 100%;} .header .nav li:nth-child(4) dl dt:last-child { width: 100%;} .header .nav li:nth-child(6) dl { padding: 25px 20px; text-align: left;} .header .nav li:nth-child(6) dl dt {text-align: center;} .header .nav li:nth-child(7) dl{width: 530px;padding: 25px 40px;} .header .nav li:nth-child(7) dl dt {text-align: left;} .header .nav li:nth-child(7) dl dt:nth-child(2n){text-indent: 30px;} .header .nav li:hover h2 { border-bottom: 2px solid #ffffff;}*/ .header .nav li:hover dl { display: block;} .nav dl:after { content: ''; position: absolute; height: 16px; width: 100%; left: 0; top: -16px;} .nav dl::before { content: ''; position: absolute; height: 12px; background: #ffffff; width: 2px; left:50%; margin-left: -1px; top: -12px;} .searchBox { float: right;} .searchIcon { margin-left: 85px; display: block; background: url(../images/searchIcon.png) center no-repeat; width: 57px; height: 57px; margin-top: 35px; margin-right: 115px;} .webNotice { float: left; font-size: 22px; color:rgba(255,255,255,.7)} .webNotice span { font-size: 22px; color:rgba(255,255,255,.7); margin: 0 18px;} .topEwm { float: right;} .topEwm li { margin-left: 35px; float: left; position: relative;} .subEwm { z-index: 2; position: absolute; left: 50%; transform: translateX(-50%); top: 80px; display: none;} .topEwm li:hover .subEwm { display: block;} .topEwm li span,.topEwm li a { cursor: pointer; font-size: 22px; color:rgba(255,255,255,.7);} .banner { height:100vh;} .banner .swiper {width: 100%;height: 100%;} .banner .swiper-slide { width: 100%; height: 100%; position: relative; text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .banner .swiper-slide img {height: 100%;display: block;width: 100%;;object-fit: cover;} .banner .swiper-slide a { display: block; width: 100%; height: 100%;} .banner p { position: absolute; color: #ffffff; left: 3.333%; bottom: 54px; font-size: 33px;} .banner .swiper-pagination {text-align: right; padding-right: 10.9375vw; bottom: 72px;} .banner .swiper-pagination span { opacity: 1; background: #ffffff; width: 12px; transition: all .5s; margin-left: 2.6vw!important; height: 12px; border-radius: 12px;} .banner .swiper-pagination span.swiper-pagination-bullet-active { width: 45px;} .downPage { animation:downAni 1s infinite linear; cursor: pointer; display: block; position: absolute; left: 50%; margin-left: -22.5px; z-index: 2; bottom: 35px; background: url(../images/downArr.png); width: 45px; height: 25px; } .cont-1 {padding-top: 35px; background: #ebf0fa;} .contTitle { position: relative;} .contTitle h2 { text-align: center; color: #212c6a; z-index: 2; line-height: 96px; position: relative; font-weight: bold; font-size: 55px;} .contTitle h2 a{ color:#212c6a;} .contTitle h2 span { margin: 0 30px; font-size: 40px; font-weight: normal; vertical-align: 5px;} .contTitle i { font-size: 50px; opacity: .54; color:#d5dce9; font-weight: bold; display: block; width: 100%; position: absolute; bottom: 0; width: 100%; text-align: center;} .choseHead { margin-bottom: 28px; text-align: center; line-height: 46px;} .choseHead span { position: relative; cursor: pointer; line-height: 46px; display: inline-block; transition: all .5s; font-size: 33px; color:#212c6a; position: relative; margin: 0 56px;} .choseHead span.cur { color:#c60000;} .choseHead span:after { content: ''; transition: all .5s; width: 0; position: absolute; bottom: 0; left: 0; height: 2px; background: #c60000;} .choseHead span.cur:after { width: 100%;} .choseHead span.cur::before{ content: ''; background: url(../images/icon1.png) center no-repeat; width: 12px; height: 13px; position: absolute; left: -20px; top: 50%; margin-top: -6.5px;} .choseHead span:hover:after {width: 100%; } .choseHead span:hover {color: #c60000;} .choseBody { margin: 0 3.3333% 0 calc(3.3333% + 40px); background: #212c6a;} .choseSlide:after { content: ''; height: 0; display: block; clear: both;} .choseCont { float: left; width: calc(100% - 712px);} .choseMenu { float: right; width: 700px;} .slideBd { height: 580px; position: relative;} .slideBd img{ display: block; width: 100%; height: 100%; object-fit: cover;} .menuInfor { cursor: pointer; margin-bottom: 8px; overflow: hidden;} .menuInfor:last-child { margin-bottom: 0;} .menuImg { position: relative; height: 188px; float: left; width: calc(100% - 360px);} .menuImg:after { transition: all .5s; content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%;} .menuImg img { width: 100%; height: 100%; object-fit: cover;} .menuTxt { font-size: 23px; color: #ffffff; line-height: 30px; float: left; height: 188px; transition: all .5s; width: 360px; padding: 45px 30px 0;} .menuTxt a{ color:#fff;} .positionTxt { left: -40px; bottom: 20%; font-size: 31px; width: 353px; padding: 32px 52px; line-height: 42px; position: absolute; background: rgba(0,27,89,.8); color: #ffffff; position: absolute;} .positionTxt a{color:#fff;} .menuInfor.cur .menuTxt {background: #ffffff; color: #c60000;} .menuInfor.cur .menuTxt a{color: #c60000;} .menuInfor.cur .menuImg:after { opacity: 0;} .cont-2 { padding:4vw 3.333%;} .cont-2:after { content: ''; display: block; height: 0; clear: both;} .mediaFocus {padding-left: 72px; overflow: hidden; float: left; width: calc(100% - 530px);} .mediaTit { height: 90px; line-height: 90px; position: relative; text-align: center;} .mediaTit p { font-size: 55px; position: relative; z-index: 2; font-weight: bold; color: #212c6a;} .mediaTit p img { display: inline-block;vertical-align: middle;} .mediaTit span { position: absolute; font-size: 36px; font-weight: bold; line-height: 1; bottom: 0; display: block; width: 100%; text-align: center; font-size: 36px; color: #d5dce9; opacity: .54;} .moreCont { line-height: 24px; overflow: hidden; margin-top: 28px;} .mediaImg { float: left; width: 344px; height: 195px;} .mediaImg img { display: block; width: 100%; height: 100%; object-fit: cover;} .moreCont a { color: #919191; font-size: 18px; float: right; background: url(../images/moreIcon.png) right center no-repeat; padding-right: 14px;} .meidaList { float: right; width: calc(100% - 372px);} .meidaList li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; padding-left:17px; line-height: 45px; position: relative;} .meidaList li:after { transition:all .5s; content: ''; width: 6px; height: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px; background: #838383; border-radius: 50%;} .meidaList li a { transition: all .5s; color: #7f7f7f; font-size: 22px;} .meidaList li:hover a { color:#212c6a ;} .meidaList li:hover:after{background:#212c6a ;} .noticeCont { float: right; width: 430px;} .noticeScroll {height:200px; overflow: hidden;} .noticeCont li { margin-bottom:16px; line-height: 28px;} .noticeCont li p { transition: all 0.5s; font-size: 19px; color: #828282;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .noticeCont li span { display: block; position: relative; font-size: 16px; color: #828282;} .noticeCont li span:after { content: ''; position: absolute; right: 0; left: 100px; top: 50%; transform: translateY(-50%); height: 2px; background:#e6e6e6 ;} .noticeCont li:hover p { color: #212c6a;} .schoolSlide { width: 1700px; overflow: hidden; margin: 60px auto; max-width: 93.34%;} .schoolSlide li { height: 460px; position: relative; overflow: hidden; float: left; width: 6%;} .schoolSlide li.cur { width: 46%;} .schoolSlide li img { height: 460px; object-fit: cover; position: absolute; left: 0; top: 0; width:818px;} .schoolSlide li:after { z-index: 2; content: ''; position: absolute; width: 2px; height: 100%; right: 0; top: 0; background:#ffffff;} .schoolSlide li::before { content: ''; transition: all .5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 2;} .schoolSlide li.cur::before{ opacity: 0;} .schoolSlide li p { font-size: 30px; color: #ffffff; position: absolute; transform: rotate(90deg); top: 50%; width: 480px; left: -190px; line-height: 1;} .schoolSlide li.cur p { transform: rotate(0); left: 50px; top: 80px; width: 100%;} .cont-4 { background: #ebf0fa;} .cellBanner { padding: 0 3.333%; height: 138px; overflow: hidden;} .cellBanner .cellSlide { height: 100%; float: left; width: 48%;} .cellBanner .cellSlide:nth-child(2) { float: right; } .cellBanner a { display: block; width: 100%; height: 100%;} .cellBanner .cellSlide img { display: block; height: 100%; object-fit: cover; width: 100%;} .cellBanner .cellSlide .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .showCont { width: 1445px; margin:80px auto 0; padding-bottom: 60px; max-width: 93.34%;} .showMenu { float: left; width: 490px;} .showMenu li { cursor: pointer; position: relative; padding-left: 46px; padding-top:34px; box-sizing: border-box; margin-bottom: 18px; height: 150px;} .showMenu li:after { content: ''; width: 6px; height: 28px; background: #ffffff; display: block; position: absolute; left: 18px; top: 50%; transform: translateY(-50%);} .showMenu li:nth-child(1) {background: url(../images/tbg1.jpg) center no-repeat;} .showMenu li:nth-child(2) {background: url(../images/tbg2.jpg) center no-repeat;} .showMenu li:nth-child(3) {background: url(../images/tbg3.jpg) center no-repeat;} .showBar {overflow: hidden; margin: 68px auto 0;} .showBd { float: right; width: calc(100% - 613px);} .showBd li {overflow: hidden; font-size: 26px; position: relative; float: left; width: 46%; height: 215px; margin-bottom: 58px;} .showBd li:nth-child(2n){ float: right;} .showBd li img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;} .showBd li p { color: #ffffff; max-width: 100%; z-index: 4;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/textEnter.png) right center no-repeat; padding: 0 28px 0 0;} .showBd li:after { content: ''; transition: all .5s; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4); left: 0; top: 0;} .showBd li::before { content: ''; z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #bb0e08;} .showBd li:hover:after {background: rgba(0,0,0,0.1);} .showBd li:hover img { transform: scale(1.2);} .showBd ul:nth-child(1) li::before { background: rgb(8,33,87);} .showBd ul:nth-child(2) li::before { background: rgb(175,98,18);} .showMenu li p { line-height: 54px; font-size: 36px; color: #ffffff;} .showMenu li span { line-height: 1; font-size: 22px; color: #ffffff;} .cont-5 { background: #ebf0fa; } .cont-3 .contTitle,.cont-5 .contTitle,.cont-6 .contTitle,.cont-7 .contTitle {max-width: 93.34%; margin: 0 auto;} .videoSlide { position: relative; padding: 0 175px 80px; width: 93.34%; margin: 80px auto 0;} .videoSlide p { position: relative;} .videoSlide .swiper {width: 100%;height: 100%;} .videoSlide .swiper-slide {overflow: hidden; /* Center slide text vertically */display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .videoSlide .swiper-slide img { transition: all .5s; display: block;width: 100%;height: 100%;object-fit: cover;} .videoSlide .swiper-slide p {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 24px; color: #ffffff; position: absolute; bottom: 20px; left: 0; width: 100%; box-sizing: border-box; padding: 0 28px;} .videoSlide .swiper-slide:after { content: ''; position: absolute; left: 0; top:0; width: 100%; height: 55px; background-image: linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0));} .videoSlide .swiper-slide::before { content: ''; position: absolute; left: 0; bottom:0; width: 100%; height: 55px; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0url(../images/d1.png)));} .videoSlide span { background: url(../images/playBtn.png) center no-repeat; width: 91px; height: 91px; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .videoSlide .swiper-button-prev { outline: none; left: 46px; background: url(../images/leftBtn.png) center no-repeat; width: 49px; height: 88px;} .videoSlide .swiper-button-next { outline: none; left: auto; right: 46px; background: url(../images/rightBtn.png) center no-repeat; width: 49px; height: 88px;} .videoSlide .swiper-button-prev:after,.videoSlide .swiper-button-next::after { content: '';} .videoSlide .swiper-slide:hover img { transform: scale(1.2);} .videoSlide .swiper-slide:hover p { text-decoration: underline;} .cont-6 { background: #ebf0fa; padding: 50px 0 80px;} .partnerBox { margin: 38px auto 0; padding-top: 174px; padding-left: 88px; background: url(../images/img177.jpg) center no-repeat; max-width: 93.34%; background-size: cover; height: 490px;} .partnerBox h2 { margin-bottom: 40px; font-size: 46px; color: #ffffff;} .partnerBox p a { margin-right: 3.5vw; font-size: 31px; color: #ffffff;} .partnerBox p a:hover { text-decoration: underline;} .cont-7 { background:url(../images/flowerBg.jpg) right bottom no-repeat #ebf0fa ;} .impression { width: 1445px; margin:70px auto 0; padding-bottom: 170px; position: relative;max-width: 93.34%;} .bigImgs { width: 85%; border: 8px solid #ffffff; box-shadow:0 0 10px rgba(0,0,0,0.2);} .bigImgs img { display: block; width: 100%;} .scrollImg { position: absolute; width: 340px; height: 416px; right: -24px; bottom: 122px;} .scrollImg .swiper {width: 100%;height: 100%;} .scrollImg .swiper-slide {overflow: hidden; /* Center slide text vertically */display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .scrollImg .swiper-slide img { transition: all .5s; display: block;width: 100%;height: 100%;object-fit: cover;} .imgCell { border: 4px solid #ffffff; overflow: hidden; width:92%; height:92%; box-shadow: 0 0 10px rgba(0,0,0,0.2);} .scrollImg .swiper-button-prev {outline: none; background: url(../images/prevBtn.png) center no-repeat; width: 74px; height: 43px; position: absolute; left: 50%; top: -68px; transform: translateX(-50%);} .scrollImg .swiper-button-next {background: url(../images/nextBtn.png) center no-repeat; width: 74px; height: 43px; position: absolute; left: 50%; bottom: -68px; transform: translateX(-50%); top: auto;} .scrollImg .swiper-button-prev:after,.scrollImg .swiper-button-next::after { content: '';} .footer { background: #005187; padding: 62px 0 50px;} .footerTop { text-align: center;} .footerTop img { display: inline-block;} .footerTop span { display: inline-block; vertical-align:8px; width: 2px; height: 76px; background: #9f9d9c; margin: 0 94px;} .footerTxt { margin: 40px auto 10px; text-align: center; font-size: 18px;} .footerTxt span { color: #ffffff;} .footerTxt b { font-size: 16px; color: #ffffff; margin: 0 16px;} .moreLink {background: url(../images/more.png) left center no-repeat; font-size: 18px; color: #212c6a; padding-left: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 4;} .fixTop.act {background: #005187;} .schoolSlide ul { height: 460px; overflow: hidden;} @keyframes downAni { 0% { bottom:35px; opacity:1; } to { bottom:0; opacity:0; } } #screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10;}.cellBanner .swiper {width: 100%; height: 100%;} @media(max-width:1780px){ .top{ line-height: 36px;} .webNotice,.topEwm li span, .topEwm li a { font-size:16px;} .header .nav li h2 a{ font-size: 22px;} .logo img {width: 340px;} .contTitle h2,.mediaTit p{ font-size: 40px;} .contTitle i,.mediaTit span{ font-size: 35px;} .choseHead span{ font-size: 26px;} .meidaList li a{ font-size: 16px;} .noticeCont li p { font-size: 16px;} .schoolSlide li p { left: -200px; font-size: 22px;} .footerTxt { font-size: 14px;} .footerTxt b { margin: 0 8px;} } @media(max-width:1580px){ .header .nav li h2 a { font-size: 18px;} .nav dl dt a { font-size: 16px;} /*.header .nav li dl {width: 410px!important;}*/ /*.header .nav li:nth-child(3) dl { width: 520px!important;}*/ .header .nav li {margin-left: 20px;} .searchIcon { margin-left: 60px; margin-right: 3.33vw;} .partnerBox h2{ font-size: 36px;} .partnerBox p a{ font-size: 24px;} } @media(max-width:1440px){ .banner {height: 700px;} .banner p{ font-size:20px;} } @media(max-width:1280px){ .downPage { display: none;} .menu { display: block; background: url(../images/menu.png) center no-repeat; background-size: 100% auto; width: 30px; height: 30px; position: absolute; right: 4%; top: 15px;} .top { display: none;} .header {background: rgb(0, 81, 135); height: 60px;} .logo img{width: 160px;} .header a.logo { margin-top: 16px;} .header .nav{ margin-top: 0; background: rgb(0, 81, 135); width: 200px; text-align: center; float: none; position: fixed; left: -110%; top: 60px; height: calc(100vh - 60px);} .header .nav li{ float: none; margin-left: 0;} .searchIcon { width: 30px; margin-left: 0; height: 30px; background-size: 100% auto; margin-top: 15px;} .header .nav li dl { padding: 0!important; position: static; border-bottom: none; width: 100%!important; transform: translate(0)!important;} .header .nav li dl dt { text-indent: 0!important; text-align: center!important; float: none; width: 100%;} .header .nav li:nth-child(3) dl { width: 100%!important;} .nav dl:after,.nav dl::before {display: none!important;} .header .nav li:nth-child(3) dl dt { float: none; width: 100%;} .header .nav li:hover h2{border-bottom: none;} .searchBox { display: none;} .contTitle h2, .mediaTit p{ font-size: 20px; line-height: 2;} .contTitle h2 span{ font-size: 16px; margin: 0 5px; vertical-align: 1px;} .contTitle i, .mediaTit span{ font-size: 14px;} .choseHead span { font-size: 14px; margin: 0 10px;} .choseCont { float: none; width: 100%;} .choseBody { margin: 0 3.333%;} .slideBd { height: 300px;} .positionTxt { left: 0; bottom: 0; width: 100%; font-size: 14px; padding: 0 4%; overflow: hidden; word-wrap: normal; text-overflow: ellipsis;} .choseMenu { padding: 5px 5px 0; overflow: hidden; float: none; width: 100%;} .menuTxt { display: none;} .menuImg { height: 80px; width: 100%;} .menuInfor { float: left; width: 32%; margin-right: 2%;} .menuInfor:last-child { margin-right: 0;} .mediaFocus { margin-bottom: 15px; width: 100%; float: none; padding: 0;} .mediaTit { height: auto; line-height: 2;} .mediaTit p img { height: 18px;} .moreCont { margin: 0 0 10px;} .moreCont a { font-size: 12px;} .mediaImg { margin-bottom: 20px; float: none; width: 100%;} .meidaList { float: none; width: 100%;} .meidaList li a,.meidaList li { line-height: 2; font-size: 16px;} .meidaList li::after { width: 3px; height: 3px; margin-top: -1.5px;} .meidaList li{padding-left: 10px;} .noticeCont { float: none; width: 100%;} .noticeCont li p { font-size: 16px;} .noticeCont li span { font-size: 14px;} .moreLink { font-size: 14px;} .schoolSlide { margin: 20px 3.333%;} .schoolSlide li.cur img {object-fit: cover; width: 100%; height: 100%; position: static;} .schoolSlide li.cur { height:200px; width: 100%;} .schoolSlide li { height: 40px; float: none; width: 100%;} .schoolSlide ul { height: auto;} .schoolSlide li p { left: 0; top: 0; transform: rotate(0); font-size: 16px; line-height: 40px;} .schoolSlide li.cur p { left: 0; top: 0;} .showCont { margin: 20px auto 0;} .showBar { margin: 20px auto 0;} .showMenu li { height: auto; padding: 20px 0; text-align: center; background-size: cover!important; width:33.33%; float: left;} .showMenu { float: none; width: 100%;} .showMenu li p { font-size: 18px;} .showMenu li span { line-height: 2; font-size: 14px;} .showMenu li:after { display: none;} .showBd { float: none; width: 100%;} .showCont{padding-bottom: 20px;} } @media(max-width:1080px){ .banner {height: 400px;} .scrollImg { width: 100%; height: auto; margin-top: 20px; position: static;} .bigImgs { width: 100%;} .scrollImg .swiper-button-next,.scrollImg .swiper-button-prev { display: none;} .impression { margin: 20px auto 0; padding-bottom: 20px;} .footerTop span,.footerTop img:last-child { display: none;} } @media(max-width:780px){ .choseHead span.cur::before { left: -14px; background-size: 50% auto!important;} .choseHead { margin-bottom: 20px;} body {padding-top: 60px;} .banner { height: 200px;} .banner p{ font-size: 14px; bottom: 20px;} .banner .swiper-pagination{bottom: 20px; padding-right: 4%;} .banner .swiper-pagination span.swiper-pagination-bullet-active { width: 30px;} .banner .swiper-pagination span{ width: 6px; height: 6px;} .cellBanner a { float: none; width: 100%; margin-top: 20px;} .showMenu li {height: 130px;} .showMenu li span { line-height: 1.5;} .showBd li { width: 100%; margin-bottom: 10px;} .showBd li p {font-size:16px;} .videoSlide { margin-top: 20px; padding: 0;} .videoSlide .swiper-button-next,.videoSlide .swiper-button-prev { display: none;} .videoSlide .swiper-slide p { line-height:1.5; font-size: 16px;} .videoSlide span { width: 60px; height: 60px; background-size: 100% auto!important;} .partnerBox { height: 200px; padding: 20px;} .partnerBox h2 { font-size: 20px;} .partnerBox p a { font-size: 14px;} .cont-6 { padding: 30px 0; margin-top: 20px;} .footerTxt span { display: block; font-size: 12px; line-height: 2;} .footerTxt b { display: none;} .footerTxt { margin: 20px 0;} .footerTop img { width: 50%;} .footer {padding: 20px 0;} }