/* 导航 start */

.header {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  width: 100%;
  height: 115px;
  transition: all .5s;
}

.header .nav {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
/* 导航背景 */
.header-bg{
  background-color: var(--theme);
}
/* 左侧 */

.header .nav .left .logo {
  display: block;
  width: 340px;
  height: 70px;
  margin:0 100px;
}

/* 右侧 */

.header .nav .right {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-size: 16px;
}

.header .nav .right li {
  line-height: 1;
}

.header .nav .right li:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header .nav .right li{
  color: rgba(255 255 255/80%);
}

.header .nav .right .nav-top{
  /*margin-bottom: 24px;*/
}
#search{
  width:15vw;
  height:2vw;
}
#sousuo_input{
  width:12vw;
  height:2vw;
  float:left;
  border:none;
  background:#fff;
  outline:none;
  text-indent:1vw;
}
#sousuo_input_img{
  width:3vw;
  height:2vw;
  float:right;
  cursor:pointer;
  background:url(../images/ss.png) no-repeat #203370 center;
}
.header .nav .right .nav-top li {
  text-align: center;
  width: 60px;
  border-left: 1px solid #fff;
}

.header .nav .right .nav-top li:first-child{
  border-left: none;
}

.header .nav .right .nav-bottom li{
  padding: 0 25px;
  color: #fff;
  height:75px;
  line-height:75px;
  position:relative;
}

/* 右侧-下拉菜单 */

.header .nav .right .sub-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 370px;
  background-color: #fff;
  border-top: 4px solid var(--theme);
}

.header .nav .right .sub-menu .title {
  line-height: 1;
  width: 223px;
  height: 370px;
  padding: 35px;
  padding-left: 45px;
  font-size: 24px;
  font-weight: 700;
  color: var(--theme);
  background:url('../images/1%E9%A1%B6%E9%83%A8/%E5%AF%BC%E8%88%AA%E6%A0%8F%E8%83%8C%E6%99%AF%E8%A3%85%E9%A5%B0.png') no-repeat center;
  background-size: 100% 100%;
}

.header .nav .right .sub-menu>ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1;
  padding: 35px;
}

.header .nav .right .sub-menu>ul li{
  color: #000;
  margin-bottom: 40px;
}

.header .nav .right .sub-menu .photo {
  height: 100%;
  width: 460px;
  padding: 35px;
}

/* 导航 end */

/* 侧边栏 start */

.sidebar{
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  top: calc(50% - 102px);
  right: 0;
  width: 169px;
  height: 169px;
  z-index: 99;
  background: url('../images/1.png') no-repeat center;
  background-size: 100% 100%;
  transition: all .5s;
  color: #fff;
}
.sidebar::before{
  content: '';
  position: absolute;
  top: -15px;
  right: -98px;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  border: 1px dashed var(--theme);
  -webkit-animation: rotate 20s infinite;
}

.sidebar:hover {
  opacity: 1;
}
.sidebar:hover>div{
  display: flex;
  align-items: center;
}
.sidebar>div{
  display: none;
  align-items: center;
  justify-content: center;
  margin-right: 105px;
}

.sidebar>div .info{
  display: none;
  overflow: hidden;
}
.sidebar>div .info p{
    /* 超过1行省略 */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .item-1{
  background-color: #0b268d;
}
.sidebar .item-2{
  background-color: #5aacdc;
  text-align: right;
  margin-right: 125px;
}

.sidebar .info p{
  font-size: 14px;
  line-height: 1;
}
.sidebar .yuan .icon{
  font-size: 20px;
}
.sidebar .item-3.yuan{
  position: relative;
  background-color: #e8644b;
}
.sidebar .yuan{
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 60px;
  transition: all 0.4s;
}

.sidebar .yuan:hover{
  width: 170px;
  text-align: right;
}
.sidebar .yuan:hover .info{
  display: block;
  width: fit-content;
  padding-right: 20px;
}
.sidebar .phone{
  margin-top: 5px;
  line-height: 1;
}

/* 侧边栏 end */

/* banner start */

.banner{
  width: 100%;
  height: 100%;
}
.banner .bannerItem{
  width: 100%;
  height: 960px;
}
.banner .img{
  width: 100%;
  height: 100%;
}
.banner img,
.banner video{
  object-fit: cover;
}
/* banner end */

.wapNav-btn{
  display: none;
}
.wapNav{
  display: none;
}

/* 共伴成长 start */

.zyjs{
  /*padding-top: 40px;*/
}
.zyjs .lw{
  
}
.zy_swiper{
  position:relative;
}
.zyjs .race-title{
  position: relative;
  width: 100%;
  margin: 3.125vw 0;
  
}

.zyjs .race-title .mod-title{
  font-size: 2.5625vw;
  font-weight:700;
  color: var(--theme);
  font-family:"仿宋";
  position:relative;

}
.zyjs .race-title .mod-title span{
  display:block;
  width:40px;
  height:3px;
  background: var(--theme);
  position:absolute;
  left:49%;
  bottom:0;
}
.zyjs .race-title .look-more{
  position: absolute;
  bottom: 25%;
  right: 0;
}

.zyjs .zyjs-intro{
  padding: 0 80px;
  background: url('../images/bg.png') no-repeat center;
  background-size: 120% 120%;
  background-position-y: 25px;
}
.zyjs .zyjs-intro .mod-title{
  width: 235px;
  height: 137px;
  background: url('../images/标题1.png') no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}

.zyjs .zyjs-intro>p {
  text-indent:2em;
  padding: 0px 0;
  line-height: 36px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  color: #474f60;
}

/* 图标 */

.zyjs .icon-list{
  margin-top: 55px;
}

.zyjs .icon-list ul {
  display: flex;
  justify-content: space-between;
}

.zyjs .icon-list .icon-bg {
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 125px;
  transition: all 0.3s;
}

.zyjs .icon-list .icon-bg::after {
  position: absolute;
  content: '';
  top: -5px;
  left: -5px;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  border: 3px dotted var(--theme);
  -webkit-animation: rotate 15s infinite;
}

.zyjs .icon-list .icon-bg .icon{
  width: 100px;
  height: 100px;
}

.zyjs .icon-list li:nth-child(1) .icon-bg .icon{
  background: url('../images/ic_ss10.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:nth-child(2) .icon-bg .icon{
  background: url('../images/ic_ss07.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:nth-child(3) .icon-bg .icon{
  background: url('../images/ic_ss09.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:nth-child(4) .icon-bg .icon{
  background: url('../images/ic_ss11.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:nth-child(5) .icon-bg .icon{
  background: url('../images/ic_ss12.png') no-repeat center;
  background-size: 68% 68%;
}
.zyjs .icon-list li:nth-child(6) .icon-bg .icon{
  background: url('../images/ic_ss08.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:hover .icon-bg{
  background: var(--theme);
}

.zyjs .icon-list li:nth-child(1):hover .icon-bg .icon{
  background: url('../images/ic_ss10.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:nth-child(2):hover .icon-bg .icon{
  background: url('../images/ic_ss10.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:nth-child(3):hover .icon-bg .icon{
 b ackground: url('../images/ic_ss10.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:nth-child(4):hover .icon-bg .icon{
  background: url('../images/ic_ss10.png') no-repeat center;
  background-size: 68% 68%;
}

.zyjs .icon-list li:nth-child(5):hover .icon-bg .icon{
  ackground: url('../images/ic_ss10.png') no-repeat center;
  background-size: 68% 68%;
}

/* 数字与标题 */

.zyjsh3{
  width:100%;
  text-align:center;
}

/* 图文展示 */

.zyjs .show-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 50px;
}

.zyjs .show-list .item {
  position: relative;
  flex: 1;
  height: 460px;
  background-color: var(--theme);
}

.zyjs .show-list .item:nth-child(even){
  margin: 0 25px;
}

.zyjs .show-list .item:hover .info {
  height: 100%;
}

.zyjs .show-list .item:hover .info .title{
  font-size: 25px;
}

.zyjs .show-list .item:hover .info .title::after{
  left: 0px;
  bottom: -15px;
  height: 2px;
  width: 40px;
}

.zyjs .show-list .item:hover .info p {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
  margin: 30px 0;
}

.zyjs .show-list .item:hover .info .more{
  display: block;
}

.zyjs .show-list .item .info{
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  height: 116px;
  transition: all 0.3s;
  padding:0 45px
}

.zyjs .show-list .item:nth-child(1) .info{
  background-color:#426bff;
  opacity: 0.9;
}

.zyjs .show-list .item:nth-child(2) .info{
  background-color: #59acdc;
  opacity: 0.9;
}

.zyjs .show-list .item:nth-child(3) .info{
  background-color: #e8644b;
	opacity: 0.9;
}

.zyjs .show-list .item .info .title{
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}

.zyjs .show-list .item .info .title::after{
  content: '';
  position: absolute;
  left: -15px;
  bottom: 0px;
  width: 2px;
  height: 100%;
  background-color: #fff;
  transition: all 0.3s;
}

.zyjs .show-list .item .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  font-size: 16px;
  line-height: 28px;
}

.zyjs .show-list .item .info .more{
  display: none;
  font-size: 16px;
}

/* 共伴成长 end */

/* 卓尔不凡 start */

.zuoer{
  margin-top: -70px;
  padding-bottom: 70px;
  background: url('../images/bg.jpg') no-repeat center;
  background-size: 100% 100%;
  padding: 170px 0;
  z-index: -2;
}

.zuoer .mod-title{
  width: 243px;
  height: 126px;
  background: url('../images/bt2.png') no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}

.zuoer .zuoer-content{
  display: flex;
  width: 100%;
  margin-top: 60px;
}

.zuoer .zuoer-content>div{
  /* height: 1000px; */
}

/* 新闻资讯 */

.zuoer .zuoer-content .news{
  flex: 2;
  padding-right: 30px;
  border-right: 1px solid #ccc;
}

.zuoer .zuoer-content .news .news-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zuoer .zuoer-content .news .news-title h1{
  font-size: 29px;
  font-weight: 700;
  color: var(--theme);
}

/* 新闻轮播 */

.zuoer .zuoer-content .news .news-swiper{
  width: 1000px;
  height: 543px;
}
.zuoer .zuoer-content .news .newsSwiper .swiper-slide{
  height: 543px;
}
.zuoer .zuoer-content .news .newsSwiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zuoer .zuoer-content .news .newsSwiper .news-info{
  position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 20px;
    font-size: 16px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.zuoer .zuoer-content .news .newsSwiper .news-info-title{
  font-size: 18px;
  font-weight: 700;
}
/* 新闻列表 */

.zuoer .zuoer-content .news .news-list{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  margin-top: 23px;
}

.zuoer .zuoer-content .news .news-list .item{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
  height: 140px;
  /* background-color: skyblue; */
  border-bottom: 1px solid #ccc;
  z-index: 3;
}

.zuoer .zuoer-content .news .news-list .item::after{
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  content: '';
  background:#1c3591;
  z-index: -1;
  transition: all 0.3s;
}

.zuoer .zuoer-content .news .news-list .item .time{
  font-size: 16px;
  color:var(--theme);
}

.zuoer .zuoer-content .news .news-list .item p{
  font-size: 18px;
  line-height: 1.5;
  color: #252b37;
}

.zuoer .zuoer-content .news .news-list .item:hover:after{
  width: 100%;
}

.zuoer .zuoer-content .news .news-list .item:hover .time,
.zuoer .zuoer-content .news .news-list .item:hover p{
  color: #fff;
}

.zuoer .zuoer-content .news .news-list .item:hover p{
  font-weight: 700;
}

/* 教师风采/升学动态 */

.zuoer .zuoer-content .teacher-school{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 30px;
}

.zuoer .zuoer-content .teacher-school h1{
  font-size: 29px;
  font-weight: 700;
  color: var(--theme);
}

.zuoer .zuoer-content .teacher-school .item{
  border-bottom: 1px solid #ccc;
}
.zuoer .zuoer-content .teacher-school .item:last-child{
  border-bottom: none;
}
.zuoer .zuoer-content .teacher-school .item .show-img{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 270px;
}

.zuoer .zuoer-content .teacher-school .item .show-img img{
  transition: all 0.3s;
}

.zuoer .zuoer-content .teacher-school .item .show-img:hover img{
  transform: scale(1.1);
}

.zuoer .zuoer-content .teacher-school .item .show-img .info{
  position: absolute;
  bottom: 0;
  left: 0;
  padding:0 20px;
  padding-bottom: 10px;
  color: #fff;
  font-weight: 700;
}

.zuoer .zuoer-content .teacher-school .item .show-img .info .time{
  color: #fff;
}

.zuoer .zuoer-content .teacher-school .item .show-img .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.zuoer .zuoer-content .teacher-school .item .info{
  width: 100%;
  padding: 30px 0;
}

.zuoer .zuoer-content .teacher-school .item .info .time{
  font-size: 16px;
  color: var(--theme);
}

.zuoer .zuoer-content .teacher-school .item .info p{
  font-size: 18px;
}

/* 卓尔不凡 end */

/* 惟你所需 start */

.need{
  width: 100%;
  background:url('../images/bg1.jpg') no-repeat center center;
}

.need .mod-title{
  position: relative;
  width: 248px;
  height: 125px;
  background-size: 100% 100%;
  margin: 0 auto;
}

.need .mod-title::after{
  position: absolute;
  content: '';
  left: -320px;
  top: 0;
  width: 500px;
  height: 319px;
  background-size: 100% 100%;
}

.need .content{
  display: flex;
  margin-top: -60px;
}

.need .content h1{
  font-size: 29px;
  font-weight: 700;
  color: var(--theme);
}

.need .content .left{
  flex: 1;
  padding-top: 180px;
  padding-right: 30px;
}

.need .content .left .left-title{
  padding-bottom: 30px;
}

.need .content .left .stu-swiper{
  width: 1000px;
}
.need .content .left .stu-swiper .swiper-slide{
  padding-right: 20px;
}

.need .content .left .stu-swiper .swiper-slide img{
  width: 100%;
	height: 258px;
  object-fit: cover;
}

.need .content .left .stu-swiper .info{
  padding: 25px 10px;
}

.need .content .left .stu-swiper .info .time{
  font-size: 16px;
  color: #7e8186;
}

.need .content .left .stu-swiper .info p{
  font-size: 18px;
  transition: all 0.3s;
}

.need .content .left .stu-swiper .swiper-slide-active .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.need .content .left .btn-box .stu-prev{
  rotate: 180deg;
  margin-right: 20px;
}
.zyjs .stu-prev{
  rotate: 180deg;
  margin-right: 20px;
  position: absolute;
  left: 5vw;
  top: 53%;
  cursor:pointer;
}
.zyjs .stu-next{
  position: absolute;
  right: 5vw;
  top: 53%;
  cursor:pointer;
}

.need .content .right{
  width: 480px;
  height: 790px;
  background-color: var(--theme);
  padding: 0 40px;
  padding-top: 60px;
}

.need .content .right .right-title h1{
  color: #fff;
}

.need .content .right .right-title a{
  color: #fff;
  border-bottom: 3px solid #fff;
}

.need .content .right .right-list{
}

.need .content .right .right-list .item{
  display: flex;
  align-items: center;
  width: 100%;
  height: 168px;
  border-top: 1px solid #ccc;
}

.need .content .right .right-list .item:nth-child(1){
  border-top: none;
}

.need .content .right .right-list .item .icon{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 66px;
  height: 88px;
  background: url(../images/zprq.png) center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  margin-right: 20px;
  transition: all 0.3s;
}

.need .content .right .right-list .item:hover .icon{
  background: url(../images/zprqxz.png) center no-repeat;
  background-size: 100% 100%;
}

.need .content .right .right-list .item:hover .icon .day,
.need .content .right .right-list .item:hover .icon .year{
  color:var(--theme);
}

.need .content .right .right-list .item .icon .day{
  font-size: 20px;
  color: #fff;
}

.need .content .right .right-list .item .icon .year{
  font-size: 14px;
  color: #6b7999;
}

.need .content .right .right-list .item .info{
  color: #fff;
  flex: 1;
}

.need .content .right .right-list .item .info .title{
  font-size: 18px;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.need .content .right .right-list .item .info .name{
  font-size: 16px;
  color: #6b7999;
  transition: all 0.3s;
}

.need .content .right .right-list .item:hover .info .name{
  color: #fff;
}

/* 惟你所需 end */

/* 竞赛事宜 start */

.race{
  width:100%;
  overflow:hidden;
  background:url(../images/bg2.jpg) no-repeat bottom center;
}
.race .bg{
  width: 100%;
  /*height: 1278px;*/
}
.race .bg img{
  width: 100%;
}
.race .lw{
  /*margin-top: -1278px;*/
}
.race .race-title{
  position: relative;
  width: 100%;
  margin: 60px 0;
  
}

.race .race-title .mod-title{
  font-size: 30px;
  font-weight:700;
  color: var(--theme);
}

.race .race-title .mod-title span{
  display:block;
  width:40px;
  height:3px;
  background: var(--theme);
  position:absolute;
  left:49%;
  bottom:0;
}

.race .race-title .look-more{
  position: absolute;
  bottom: 25%;
  right: 0;
}

.race .race-content{
  width: 100%;
  height: 600px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 23px 23px;
  grid-template-areas: 
  "item-1 item-1 item-2 item-2"
  "item-1 item-1 item-3 item-3";
}

.race .race-content .item{
  display: flex;
  background-color: var(--theme);
}

.race .race-content .item .info{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px;
}

.race .race-content .item .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 25px;
}

.race .race-content .item .intro {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 16px;
  color: rgba(255 255 255/80%);
  line-height: 1.5;
  padding-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid rgba(255 255 255/80%);
}

.race .race-content .item .time{
  font-size: 16px;
  line-height: 1;
  color: rgba(255 255 255/90%);
}

.race .race-content .item .img{
  flex: 1;
  overflow: hidden;
}
.race .race-content .item .img img{
  transition: all 0.3s;
  object-fit: cover;

}
.race .race-content .item .img:hover img{
  transform: scale(1.1);
}

.race .race-content .item-1{
  grid-area: item-1;
  flex-direction: column;
}

.race .race-content .item-1 .img{
  height: 390px;
}

.race .race-content .item-1 .info{
  height: 210px;
}

.race .race-content .item-2{
  grid-area: item-2;
  background-color: #59addc;
}

.race .race-content .item-3{
  grid-area: item-3;
  background-color: #e8664a;
}

.race .race-content .item-2 .info,
.race .race-content .item-3 .info{
  width: 390px;
}

/* 竞赛事宜 end */

/* 预约 start */

.booking{
  margin: 100px 0;
  height: 583px;
}

.booking .lw{
  display: flex;
}

.booking .lw .pic1{
  position: relative;
  width: 565px;
  height: 100%;
}

.booking .lw .pic1 a{
  position: absolute;
  bottom: 125px;
  left: calc(50% + -50px);
  font-size: 18px;
  font-weight: 700;
  color: var(--theme);
}

.booking .lw .pic2{
  flex: 1;
  overflow: hidden;
}
.booking .lw .pic2 img{
  transition: all 0.3s;
}
.booking .lw .pic2:hover img{
  transform: scale(1.1);
}



/* 底部 start */

.footWrap {
  background: url(../images/foot.jpg) center no-repeat;
  background-size: cover;
  padding-top: 70px;
}

.footer {
  display: flex;
  border-bottom: 1px solid rgba(255 255 255/20%);
}

.footer .left{
  width: 920px;
}

.footer .left .logo{
  width: 489px;
	height: 103px;
  margin-bottom: 40px;
}

.footer .left .footer-info{
  display: flex;
  margin-bottom: 20px;
}

.footer .left .footer-info .pic{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 140px;
  text-align: center;
  color: #fff;
  margin-right: 70px;
}
.footer .left .footer-info .pic img{
  width: 130px;
	height: 130px;
  margin-bottom: 18px;
}
.footer .left .footer-info .contact{
  flex: 1;
}
.footer .left .footer-info .contact h1{
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 10px;
}

.footer .left .footer-info .contact>div{
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}

.footer .left .footer-info .contact>div .item{
  position: relative;
  width: 50%;
  margin-bottom: 15px;
  padding: 0 20px;
}
.footer .left .footer-info .contact>div .item i{
  position: absolute;
  left: 0;
  top: 7px;
  color: #fff;
}
.footer .left .footer-info .contact>div .item .title{
  color: rgba(255 255 255/80%);
}

.footer .left .footer-info .contact>div .item .info{
  font-weight: 700;
}

.footer .right{
  flex: 1;
  display: flex;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 20px;
}

.footer .right ul{
  width: 195px;
  color: rgba(255 255 255/80%);
  text-align: center;
  border-left: 1px solid rgba(255 255 255/20%);
}

.footer .right ul li{
  padding: 10px 0;
}

.footer .right ul li a{
  line-height: 1;
}

.footer .right ul li:nth-child(1) a{
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.copyright {
  padding: 19px 0;
  text-align: center;
  color: rgba(255 255 255/50%);
}

/* 底部 end */

@media only screen and (min-width: 950px) and (max-width: 1920px){
  /* 导航 start */

.header {
  position: fixed;
  top: 0vw;
  left: 0vw;
  z-index: 50;
  width: 100%;
  height: 5.9896vw;
  transition: all .5s;
  padding-top:1vw;
}

.header .nav {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
/* 导航背景 */
.header-bg{
  background-color: var(--theme);
}
/* 左侧 */

.header .nav .left .logo {
  display: block;
  width: 17.7083vw;
  height: 3.6458vw;
  margin:0 auto;
}

/* 右侧 */

.header .nav .right {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-size: .8333vw;
}

.header .nav .right li {
  line-height: 1;
}

.header .nav .right li:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header .nav .right li{
  color: rgba(255 255 255/80%);
}

.header .nav .right .nav-top{
  /*margin-bottom: 1.25vw;*/
}

.header .nav .right .nav-top li {
  text-align: center;
  width: 3.125vw;
  border-left: .0521vw solid #fff;
}

.header .nav .right .nav-top li:first-child{
  border-left: none;
}

.header .nav .right .nav-bottom li{
  padding: 0 1.3021vw;
  color: #fff;
}

.nav-bottom .navli{
  display:none;
  width:100%;
  position:absolute;
  left:0;
  top:66px;
  z-index:1;
  background:rgba(0,82,161,.8);
}
.nav-bottom .navli li{
  height:45px!important;
  line-height:45px!important;
  text-align: center;
  padding:0!important;
  background: #fff;
}
.nav-bottom .navli li a{
  color:#333;
  font-size:14px;
}
.nav-bottom .navli li:hover{
  background:#203370;
}
.nav-bottom .navli li:hover a{
  color:#fff;
}
.nav-bottom>ul>li:hover .navli{
  display:block;
}
.nav-bottom .navli li:hover{
  background-color:#203370;
}

/* 右侧-下拉菜单 */

.header .nav .right .sub-menu {
  position: absolute;
  top: 100%;
  left: 0vw;
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 19.2708vw;
  background-color: #fff;
  border-top: .2083vw solid var(--theme);
}

.header .nav .right .sub-menu .title {
  line-height: 1;
  width: 11.6146vw;
  height: 19.2708vw;
  padding: 1.8229vw;
  padding-left: 2.3438vw;
  font-size: 1.25vw;
  font-weight: 700;
  color: var(--theme);
  background-size: 100% 100%;
}

.header .nav .right .sub-menu>ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1;
  padding: 1.8229vw;
}

.header .nav .right .sub-menu>ul li{
  color: #000;
  margin-bottom: 2.0833vw;
}

.header .nav .right .sub-menu .photo {
  height: 100%;
  width: 23.9583vw;
  padding: 1.8229vw;
}
.header .nav .right .sub-menu .photo img {
  object-fit: cover;
}

/* 导航 end */

/* 侧边栏 start */

.sidebar{
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  top: calc(50% - 5.3125vw);
  right: 0;
  width: 8.8021vw;
  height: 8.8021vw;
  z-index: 99;
  background: url('../images/1.png') no-repeat center;
  background-size: 100% 100%;
  transition: all .5s;
  color: #fff;
}
.sidebar::before{
  content: '';
  position: absolute;
  top: -0.7813vw;
  right: -5.1042vw;
  width: 10.4167vw;
  height: 10.4167vw;
  border-radius: 10.4167vw;
  border: .0521vw dashed var(--theme);
  -webkit-animation: rotate 20s infinite;
}

.sidebar:hover {
  opacity: 1;
}
.sidebar:hover>div{
  display: flex;
  align-items: center;
}
.sidebar>div{
  display: none;
  align-items: center;
  justify-content: center;
  margin-right: 5.4688vw;
}

.sidebar>div .info{
  display: none;
  overflow: hidden;
}
.sidebar>div .info p{
    /* 超过1行省略 */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .item-1{
  background-color: #0b268d;
}
.sidebar .item-2{
  background-color: #5aacdc;
  text-align: right;
  margin-right: 6.5104vw;
}

.sidebar .info p{
  font-size: .7292vw;
  line-height: 1;
}
.sidebar .yuan .icon{
  font-size: 1.0417vw;
}
.sidebar .item-3.yuan{
  position: relative;
  background-color: #e8644b;
}
.sidebar .yuan{
  overflow: hidden;
  width: 2.6042vw;
  height: 2.6042vw;
  border-radius: 3.125vw;
  transition: all 0.4s;
}

.sidebar .yuan:hover{
  width: 8.8542vw;
  text-align: right;
}
.sidebar .yuan:hover .info{
  display: block;
  width: fit-content;
  padding-right: 1.0417vw;
}

/* 侧边栏 end */

/* banner start */

.banner{
  width: 100%;
  height: 100%;
}
.banner .bannerItem{
  width: 100%;
  height: 50vw;
}
.banner .img{
  width: 100%;
  height: 100%;
}
.banner img,
.banner video{
  object-fit: cover;
}
.swiper-pagination-bullet{
  width:18px;
  height:18px;
  background:url(../images/bannerli.png) no-repeat;
}
.swiper-pagination-bullet-active{
  background:url(../images/bannerhov.png) no-repeat;
  width:18px;
  height:18px;
}
/* banner end */

/* 共伴成长 start */

.zyjs{
  /*padding-top: 2.0833vw;*/
}
.zyjs .lw{
  
}
.zyjs .zyjs-intro{
  padding: 0 10.4167vw;
  background-size: 120% 120%;
  background-position-y: 1.3021vw;
}
.zyjs .zyjs-intro .mod-title{
  width: 12.2396vw;
  height: 7.1354vw;
  background: url('../images/bt1.png') no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}

.zyjs .zyjs-intro>p {
  padding: 1.5625vw 0;
  line-height: 1.875vw;
  font-size: .9375vw;
  font-family: MicrosoftYaHei;
  color: #474f60;
}

/* 图标 */

.zyjs .icon-list{
  margin-top: 2.8646vw;
}

.zyjs .icon-list ul {
  display: flex;
  justify-content: space-between;
}

.zyjs .icon-list .icon-bg {
  position: relative;
  width: 6.7708vw;
  height: 6.7708vw;
  border-radius: 6.5104vw;
  transition: all 0.3s;
}

.zyjs .icon-list .icon-bg::after {
  position: absolute;
  content: '';
  top: -0.2604vw;
  left: -0.2604vw;
  width: 7.2917vw;
  height: 7.2917vw;
  border-radius: 7.2917vw;
  border: .1563vw dotted var(--theme);
  -webkit-animation: rotate 15s infinite;
}

.zyjs .icon-list .icon-bg .icon{
  width: 5.2083vw;
  height: 5.2083vw;
}

.zyjs .icon-list li:nth-child(1) .icon-bg .icon{
  background: url('../images/AP课程2.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:nth-child(2) .icon-bg .icon{
  background: url('../images/英文授课2.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:nth-child(3) .icon-bg .icon{
  background: url('../images/教师2.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:nth-child(4) .icon-bg .icon{
  background: url('../images/班级人数2.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:nth-child(5) .icon-bg .icon{
  background: url('../images/俱乐部2.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:hover .icon-bg{
  background: var(--theme);
}

.zyjs .icon-list li:nth-child(1):hover .icon-bg .icon{
  background: url('../images/AP课程1.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:nth-child(2):hover .icon-bg .icon{
  background: url('../images/英文授课1.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:nth-child(3):hover .icon-bg .icon{
  background: url('../images/教师1.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:nth-child(4):hover .icon-bg .icon{
  background: url('../images/班级人数1.png') no-repeat center;
  background-size: 100% 100%;
}

.zyjs .icon-list li:nth-child(5):hover .icon-bg .icon{
  background: url('../images/俱乐部1.png') no-repeat center;
  background-size: 100% 100%;
}

/* 数字与标题 */

.zyjs .icon-list .info {
  text-align: center;
  padding: .7813vw;
}

.zyjs .icon-list .info .num,
.zyjs .icon-list .info .unit{
  font-size: 1.3542vw;
  font-weight: 700;
  color: var(--theme);
}

.zyjs .icon-list .info .text{
  font-size: .7292vw;
  color: #ccc;
}

/* 图文展示 */

.zyjs .show-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 2.6042vw;
}
/*专业*/
.zyjs .show-list .zyjsli{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}
.zyjs .show-list .swiper-slide{
  padding-right:1.0417vw;
  /*margin-right:20px;*/
}
.zyjs .show-list .zyjsli .info{
  position: absolute;
  bottom: 0vw;
  left: 0vw;
  overflow: hidden;
  width:96%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  height: 6.0417vw;
  transition: all 0.3s;
  /*padding:0 2.3438vw;*/
  padding:0 2%;
}

.zyjs .show-list .zyjsli .info:hover {
  height: 100%;
}
.zyjs .show-list .zyjsli:hover .info .title{
  font-size: 1.3021vw;
}

.zyjs .show-list .zyjsli:hover .info .title::after{
  left: 0vw;
  bottom: -0.7813vw;
  height: .1042vw;
  width: 2.0833vw;
}

.zyjs .show-list .zyjsli:hover .info p {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
  margin: 1.5625vw 0;
}

.zyjs .show-list .zyjsli:hover .info .more{
  display: block;
}

.zyjs .show-list .zyjsli .info{
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  bottom: 0vw;
  left: 0vw;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  height: 6.0417vw;
  transition: all 0.3s;
  padding:0 2.3438vw
}

.zyjs .show-list .zyjsli .info{
  background-color: #203370;
  opacity: 0.9;
}

/*.zyjs .show-list .zyjsli:nth-child(1) .info{
  background-color: #426bff;
  opacity: 0.9;
}

.zyjs .show-list .zyjsli:nth-child(2) .info{
  background-color: #59acdc;
  opacity: 0.9;
}

.zyjs .show-list .zyjsli:nth-child(3) .info{
  background-color: #e8644b;
  opacity: 0.9;
}*/

.zyjs .show-list .zyjsli .info .title{
  position: relative;
  font-size: 1.0417vw;
  font-weight: 700;
  line-height: 1;
  margin-bottom: .7813vw;
}

.zyjs .show-list .zyjsli .info .title::after{
  content: '';
  position: absolute;
  left: -0.7813vw;
  bottom: 0vw;
  width: .1042vw;
  height: 100%;
  background-color: #fff;
  transition: all 0.3s;
}

.zyjs .show-list .zyjsli .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  font-size: .8333vw;
  line-height: 1.4583vw;
}

.zyjs .show-list .zyjsli .info .more{
  display: none;
  font-size: .8333vw;
}
.zyjs .show-list .zyjsli .info .more a{
  color:#fff;
}
/**/
/*.zyjs .show-list .item {
  position: relative;
  flex: 1;
  height: 23.9583vw;
  background-color: var(--theme);
}
.zyjs .show-list .item:nth-child(even){
  margin: 0 1.3021vw;
}

.zyjs .show-list .item:hover .info {
  height: 100%;
}

.zyjs .show-list .item:hover .info .title{
  font-size: 1.3021vw;
}

.zyjs .show-list .item:hover .info .title::after{
  left: 0vw;
  bottom: -0.7813vw;
  height: .1042vw;
  width: 2.0833vw;
}

.zyjs .show-list .item:hover .info p {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
  margin: 1.5625vw 0;
}

.zyjs .show-list .item:hover .info .more{
  display: block;
}

.zyjs .show-list .item .info{
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  bottom: 0vw;
  left: 0vw;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  height: 6.0417vw;
  transition: all 0.3s;
  padding:0 2.3438vw
}

.zyjs .show-list .item:nth-child(1) .info{
  background-color: #426bff;
  opacity: 0.9;
}

.zyjs .show-list .item:nth-child(2) .info{
  background-color: #59acdc;
  opacity: 0.9;
}

.zyjs .show-list .item:nth-child(3) .info{
  background-color: #e8644b;
	opacity: 0.9;
}

.zyjs .show-list .item .info .title{
  position: relative;
  font-size: 1.0417vw;
  font-weight: 700;
  line-height: 1;
  margin-bottom: .7813vw;
}

.zyjs .show-list .item .info .title::after{
  content: '';
  position: absolute;
  left: -0.7813vw;
  bottom: 0vw;
  width: .1042vw;
  height: 100%;
  background-color: #fff;
  transition: all 0.3s;
}

.zyjs .show-list .item .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  font-size: .8333vw;
  line-height: 1.4583vw;
}

.zyjs .show-list .item .info .more{
  display: none;
  font-size: .8333vw;
}*/

/* 共伴成长 end */

/* 卓尔不凡 start */

.zuoer{
  background: url('../images/bg.jpg') no-repeat center;
  background-size: 100% 100%;
  padding: 8.8542vw 0 0;
  z-index: -2;
}

.zuoer .mod-title{
  width: 12.6563vw;
  height: 6.5625vw;
  background: url('../images/bt2.png') no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
}

.zuoer .zuoer-content{
  display: flex;
  width: 100%;
  margin-top: 3.125vw;
}

.zuoer .zuoer-content>div{
  /* height: 52.0833vw; */
}

/* 新闻资讯 */

.zuoer .zuoer-content .news{
  flex: 2;
  padding-right: 1.5625vw;
  border-right: .0521vw solid #ccc;
}

.zuoer .zuoer-content .news .news-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zuoer .zuoer-content .news .news-title h1{
  font-size: 1.5104vw;
  font-weight: 700;
  color: var(--theme);
}

/* 新闻轮播 */

.zuoer .zuoer-content .news .news-swiper{
  width: 52.0833vw;
  height: 28.2813vw;
}
.zuoer .zuoer-content .news .newsSwiper .swiper-slide{
  height: 28.2813vw;
}
.zuoer .zuoer-content .news .newsSwiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zuoer .zuoer-content .news .newsSwiper .news-info{
  position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 1.0417vw;
    font-size: .8333vw;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.zuoer .zuoer-content .news .newsSwiper .news-info-title{
  font-size: .9375vw;
  font-weight: 700;
}
/* 新闻列表 */

.zuoer .zuoer-content .news .news-list{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.0833vw;
  margin-top: 1.1979vw;
}

.zuoer .zuoer-content .news .news-list .item{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.5625vw;
  height: 8.0729vw;
  /* background-color: skyblue; */
  border-bottom: .0521vw solid #ccc;
  z-index: 3;
}

.zuoer .zuoer-content .news .news-list .item::after{
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  content: '';
  background:#1c3591;
  z-index: -1;
  transition: all 0.3s;
}

.zuoer .zuoer-content .news .news-list .item .time{
  font-size: .8333vw;
  color:var(--theme);
}

.zuoer .zuoer-content .news .news-list .item p{
  font-size: .9375vw;
  line-height: 1.5;
  color: #252b37;
}

.zuoer .zuoer-content .news .news-list .item:hover:after{
  width: 100%;
}

.zuoer .zuoer-content .news .news-list .item:hover .time,
.zuoer .zuoer-content .news .news-list .item:hover p{
  color: #fff;
}

.zuoer .zuoer-content .news .news-list .item:hover p{
  font-weight: 700;
}

/* 教师风采/升学动态 */

.zuoer .zuoer-content .teacher-school{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 1.5625vw;
}

.zuoer .zuoer-content .teacher-school h1{
  font-size: 1.5104vw;
  font-weight: 700;
  color: var(--theme);
}

.zuoer .zuoer-content .teacher-school .item{
  border-bottom: .0521vw solid #ccc;
}
.zuoer .zuoer-content .teacher-school .item:last-child{
  border-bottom: none;
}
.zuoer .zuoer-content .teacher-school .item .show-img{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 14.0625vw;
}

.zuoer .zuoer-content .teacher-school .item .show-img img{
  transition: all 0.3s;
}

.zuoer .zuoer-content .teacher-school .item .show-img:hover img{
  transform: scale(1.1);
}

.zuoer .zuoer-content .teacher-school .item .show-img .info{
  position: absolute;
  bottom: 0;
  left: 0;
  padding:0 1.0417vw;
  padding-bottom: .5208vw;
  color: #fff;
  font-weight: 700;
}

.zuoer .zuoer-content .teacher-school .item .show-img .info .time{
  color: #fff;
}

.zuoer .zuoer-content .teacher-school .item .show-img .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.zuoer .zuoer-content .teacher-school .item .bg-bottom-to-top{
  background:linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.8));
}
.zuoer .zuoer-content .teacher-school .item .info{
  width: 100%;
  padding: 1.5625vw 0;
}
.zuoer .zuoer-content .teacher-school .item .info:hover p{
  color:#203370;
  font-weight:bold;
}

.zuoer .zuoer-content .teacher-school .item .info .time{
  font-size: .8333vw;
  color: var(--theme);
}

.zuoer .zuoer-content .teacher-school .item .info p{
  font-size: .9375vw;
}

/* 卓尔不凡 end */

/* 惟你所需 start */

.need{
  width: 100%;
  padding-bottom:2vw;
}

.need .mod-title{
  position: relative;
  width: 12.9167vw;
  height: 6.5104vw;
  /*background: url('../images/bt3.png') no-repeat center;*/
  background-size: 100% 100%;
  margin: 0 auto;
}

.need .mod-title::after{
  position: absolute;
  content: '';
  left: -16.6667vw;
  top: 0;
  width: 26.0417vw;
  height: 16.6146vw;
  background-size: 100% 100%;
}

.need .content{
  display: flex;
  margin-top: -3.125vw;
}

.need .content h1{
  font-size: 1.5104vw;
  font-weight: 700;
  color: var(--theme);
}

.need .content .left{
  flex: 1;
  padding-top: 6vw;
  padding-right: 1.5625vw;
}

.need .content .left .left-title{
  padding-bottom: 1.5625vw;
}

.need .content .left .stu-swiper{
  width: 52.0833vw;
}
.need .content .left .stu-swiper .swiper-slide{
  padding-right: 1.0417vw;
}

.need .content .left .stu-swiper .swiper-slide img{
  width: 100%;
	height: 13.4375vw;
  object-fit: cover;
}

.need .content .left .stu-swiper .info{
  padding: 1.3021vw .5208vw;
}

.need .content .left .stu-swiper .info .time{
  font-size: .8333vw;
  color: #7e8186;
}

.need .content .left .stu-swiper .info p{
  font-size: .9375vw;
  transition: all 0.3s;
}
.need .content .left .stu-swiper .swiper-slide:hover .info p{
  color:#203370;
  font-weight:bold;
}

.need .content .left .stu-swiper .swiper-slide-active .info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*font-weight: 700;*/
  /*color: var(--theme);*/
}

.need .content .left .btn-box .stu-prev{
  rotate: 180deg;
  margin-right: 1.0417vw;
}

.need .content .right{
  width: 25vw;
  height: 41.1458vw;
  background-color: var(--theme);
  padding: 0 2.0833vw;
  padding-top: 3.125vw;
}

.need .content .right .right-title h1{
  color: #fff;
}

.need .content .right .right-title a{
  color: #fff;
  border-bottom: .1563vw solid #fff;
}

.need .content .right .right-list{
}

.need .content .right .right-list .item{
  display: flex;
  align-items: center;
  width: 100%;
  height: 8.75vw;
  border-top: .0521vw solid #ccc;
}

.need .content .right .right-list .item:nth-child(1){
  border-top: none;
}

.need .content .right .right-list .item .icon{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 3.4375vw;
  height: 4.5833vw;
  background: url(../images/zprq.png) center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  margin-right: 1.0417vw;
  transition: all 0.3s;
}

.need .content .right .right-list .item:hover .icon{
  background: url(../images/zprqxz.png) center no-repeat;
  background-size: 100% 100%;
}

.need .content .right .right-list .item:hover .icon .day,
.need .content .right .right-list .item:hover .icon .year{
  color:var(--theme);
}

.need .content .right .right-list .item .icon .day{
  font-size: 1.0417vw;
  color: #fff;
}

.need .content .right .right-list .item .icon .year{
  font-size: .7292vw;
  color: #6b7999;
}

.need .content .right .right-list .item .info{
  color: #fff;
  flex: 1;
}

.need .content .right .right-list .item .info .title{
  font-size: .9375vw;
}

.need .content .right .right-list .item .info .name{
  font-size: .8333vw;
  color: #6b7999;
  transition: all 0.3s;
}

.need .content .right .right-list .item:hover .info .name{
  color: #fff;
}

/* 惟你所需 end */

/* 竞赛事宜 start */

.race{
}
.race .bg{
  width: 100%;
  /*height: 66.5625vw;*/
}
.race .bg img{
  width: 100%;
}
.race .lw{
  /*margin-top: -66.5625vw;*/
}
.race .race-title{
  position: relative;
  width: 100%;
  margin: 3.125vw 0;
  
}

.race .race-title .mod-title{
  font-size: 2.5625vw;
  font-weight:700;
  color: var(--theme);
  font-family:"仿宋";
}

.race .race-title .look-more{
  position: absolute;
  bottom: 25%;
  right: 0;
}

.xyfclist{
  width:100%;
  position:relative;
  overflow:hidden;
  padding-bottom:3vw;
}
.xyfclist .stylebd{
  width:100%;
  height:15.921vw;
}
.xyfclist .stylebd ul li{
  width:18.1932vw;
  height:15.921vw;
  float:left;
  margin-right:1.566vw;
  position:relative;
  border-radius:5px;
}
.xyfclist .stylebd ul li a .pic{
  width:100%;
  height:15.921vw;
}
.xyfclist .stylebd ul li a .pic img{
  width:100%;
  height:15.921vw;
  border-radius:5px;
  object-fit:cover;
}
.xyfclist .stylebd ul li a .title{
  width:100%;
  height:2.1924vw;
  text-align:center;
  line-height:2.1924vw;
  font-size:0.8352vw;
  color:#fff;
  background-color:rgba(0,0,0,.5);
  margin-top:2px;
  position:absolute;
  left:0;
  bottom:0;
  border-radius:0 0 5px 5px;
}
.xyfclist .stylehd{
  width:100%;
  margin-top:1.566vw;
  margin-bottom:1.566vw;
  overflow:hidden;
  text-align:center;
  display:flex;
  justify-content:center;
}
.xyfclist .stylehd ul{
  float:left;
  overflow:hidden;
  margin-top:2px;
}
.xyfclist .stylehd ul li{
  width:0.522vw;
  height:0.522vw;
  float:left;
  margin-left:5px;
  background:url(../images/ban_li2.png) no-repeat;
  background-size:100% 100%;
}
.xyfclist .stylehd ul li.on{
  background:url(../images/ban_hov2.png) no-repeat;
  background-size:100% 100%;
}
.xyfclist .more a{
  background:url(../images/icon6.png) no-repeat 1.566vw center;
  color:#333;

}
.more{
  width: 7.9344vw;
  height: 2.4012vw;
  line-height: 2.4012vw;
  border: 1px solid #999999;
  border-radius: 3px;
  margin:0 auto;
}
.more a{
  padding-left:3.132vw;
  font-size:0.84vw;
  color:#fff;
  background:url(../images/icon5.png) no-repeat 1.566vw center;
}

/* 竞赛事宜 end */

/* 预约 start */

.booking{
  margin: 5.2083vw 0;
  margin-top: 1.1979vw;
  height: 30.3646vw;
}

.booking .lw{
  display: flex;
}

.booking .lw .pic1{
  position: relative;
  width: 29.4271vw;
  height: 100%;
}

.booking .lw .pic1 a{
  position: absolute;
  bottom: 6.5104vw;
  left: calc(50% + -2.6042vw);
  font-size: .9375vw;
  font-weight: 700;
  color: var(--theme);
}

.booking .lw .pic2{
  flex: 1;
  overflow: hidden;
}
.booking .lw .pic2 img{
  transition: all 0.3s;
}
.booking .lw .pic2:hover img{
  transform: scale(1.1);
}

/* 预约 end */

/* vr start */

.vr{
}

.vr .mod-title{
  width: 11.5104vw;
  height: 5.7292vw;
  background: url('../images/bt4.png') no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-bottom: 2.7083vw;
}

/* vr end */

/* qlink start */

.qlink{
  display: flex;
  align-items: center;
  height: 19.7917vw;
  background-size: 100% 100%;
}

.qlink .lw{
  display: flex;
}

/* 图标 */

.qlink .icon-list{
  margin-top: 2.8646vw;
  width: 100%;
}

.qlink .icon-list ul {
  display: flex;
  justify-content: space-around;
}

.qlink .icon-list .icon-bg {
  position: relative;
  width: 6.7708vw;
  height: 6.7708vw;
  border-radius: 6.5104vw;
  transition: all 0.3s;
}

.qlink .icon-list .icon-bg::after {
  position: absolute;
  content: '';
  top: -0.2604vw;
  left: -0.2604vw;
  width: 7.2917vw;
  height: 7.2917vw;
  border-radius: 7.2917vw;
  border: .1563vw dotted var(--theme);
  -webkit-animation: rotate 15s infinite;
}

.qlink .icon-list .icon-bg .icon{
  width: 5.2083vw;
  height: 5.2083vw;
}

.qlink .icon-list li{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.qlink .icon-list li:nth-child(1) .icon-bg .icon{
  background: url('../images/E-Library2.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:nth-child(2) .icon-bg .icon{
  background: url('../images/sx2.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:nth-child(3) .icon-bg .icon{
  background: url('../images/OA平台2.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:nth-child(4) .icon-bg .icon{
  background: url('../images/北美邮箱2.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:nth-child(5) .icon-bg .icon{
  background: url('../images/校长信箱2.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:hover .icon-bg{
  background: var(--theme);
}

.qlink .icon-list li:nth-child(1):hover .icon-bg .icon{
  background: url('../images/E-Library1.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:nth-child(2):hover .icon-bg .icon{
  background: url('../images/升学系统1.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:nth-child(3):hover .icon-bg .icon{
  background: url('../images/OA1.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:nth-child(4):hover .icon-bg .icon{
  background: url('../images/北美邮箱1.png') no-repeat center;
  background-size: 100% 100%;
}

.qlink .icon-list li:nth-child(5):hover .icon-bg .icon{
  background: url('../images/校长信箱1.png') no-repeat center;
  background-size: 100% 100%;
}

/* 数字与标题 */

.qlink .icon-list .info {
  text-align: center;
  padding: .7813vw;
}

.qlink .icon-list .info .txt{
  font-size: 1.0417vw;
  font-weight: 700;
  color: var(--theme);
}

/* qlink end */

/* 底部 start */

.footWrap {
  background: url(../images/foot.jpg) center no-repeat;
  background-size: cover;
  padding-top: 3.6458vw;
}

.footer {
  display: flex;
  border-bottom: .0521vw solid rgba(255 255 255/20%);
}

.footer .left{
  width: 47.9167vw;
}

.footer .left .logo{
  width: 25.4688vw;
	height: 5.3646vw;
  margin-bottom: 2.0833vw;
}

.footer .left .footer-info{
  display: flex;
  margin-bottom: 1.0417vw;
}

.footer .left .footer-info .pic{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7.2917vw;
  text-align: center;
  color: #fff;
  margin-right: 3.6458vw;
}
.footer .left .footer-info .pic img{
  width: 6.7708vw;
	height: 6.7708vw;
  margin-bottom: .9375vw;
}
.footer .left .footer-info .contact{
  flex: 1;
}
.footer .left .footer-info .contact h1{
  font-size: .9375vw;
  font-weight: 700;
  color: #fff;
  padding-bottom: .5208vw;
}

.footer .left .footer-info .contact>div{
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}

.footer .left .footer-info .contact>div .item{
  position: relative;
  width: 50%;
  margin-bottom: .7813vw;
  padding: 0 1.0417vw;
}
.footer .left .footer-info .contact>div .item i{
  position: absolute;
  left: 0;
  top: .3646vw;
  color: #fff;
}
.footer .left .footer-info .contact>div .item .title{
  color: rgba(255 255 255/80%);
}

.footer .left .footer-info .contact>div .item .info{
  font-weight: 700;
}

.footer .right{
  flex: 1;
  display: flex;
  justify-content: center;
  padding-top: 3.125vw;
  padding-bottom: 1.0417vw;
}

.footer .right ul{
  width: 10.1563vw;
  color: rgba(255 255 255/80%);
  text-align: center;
  border-left: .0521vw solid rgba(255 255 255/20%);
}

.footer .right ul li{
  padding: .5208vw 0;
}

.footer .right ul li a{
  line-height: 1;
}

.footer .right ul li:nth-child(1) a{
  font-size: .9375vw;
  font-weight: 700;
  color: #fff;
}

.copyright {
  padding: .9896vw 0;
  text-align: center;
  color: rgba(255 255 255/50%);
}
}

@media only screen and (max-width: 950px){
  .lw{
    width: 100vw;
    padding: 0 10px;
    /* overflow: hidden; */
  }
  .look-more {
    font-size: 16px;
  }
  .sidebar{
    display: none;
  }
  .header .nav .left .logo{
    width: 45.3333vw;
    height: 9.3333vw;
    margin: 0;
  }
  .header .nav .right{
    display: none;
  }

  .wapNav-btn{
    display: block;
    font-size: 28px;
    color: #ffff;
    padding-right: 20px;
    cursor: pointer;
  }
  .wapNav-btn .fa-close{
    display: none;
  }
  .wapNav-btn.act .fa-close{
    display: block;
  }
  .wapNav-btn.act .fa-bars{
    display: none;
  }
  
  .wapNav.act{
    display: block;
    position: fixed;
    top: 115px;
  }
  
  .wapNav ul{
    width: 100vw;
    background-color: #ffff;
    padding: 20px;
  }

  .wapNav ul li {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    line-height: 30px;
    position: relative;
  }
  
  .wapNav ul li a {
    color: #666666;
    font-size: 14px;
  }
  
  .wapNav ul li span {
    position: absolute;
    top: 5px;
    right: 0;
    line-height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    transition: all 0.2s;
  }
  
  .wapNav ul>li.act>span.fa {
    transform: rotate(90deg);
  }
  
  .wapNav.act {
    height: auto;
  }
  
  .wapNav ul li.act ul {
    display: block;
  }
  
  /* banner */
  .banner .bannerItem{
    height: 60vw;
  }

  .zyjs .zyjs-intro{
    padding: 0;
    background-size: 100%;
  }
  .zyjs .zyjs-intro .mod-title {
    width: 31.3333vw;
    height: 18.2667vw;
  }
  .zyjs .zyjs-intro>p {
    font-size: 18px;
    line-height: 1.5;
  }

  .zyjs .icon-list ul{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .zyjs .icon-list ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
    width: 19.6667vw;
  }
  .zyjs .icon-list .icon-bg {
    width: 16.6667vw;
    height: 16.6667vw;
    border-radius: 16.6667vw;
  }
  
  .zyjs .icon-list .icon-bg::after {
    top: -1.0667vw;
    left: -1.0667vw;
    width: 18.6667vw;
    height: 18.6667vw;
    border-radius: 18.6667vw;
    border: .4vw dotted var(--theme);
  }
  
  .zyjs .icon-list .icon-bg .icon{
    width: 13.3333vw;
    height: 13.3333vw;
  }

  .zyjs .icon-list .info {
    padding: 2vw;
  }
  
  .zyjs .icon-list .info .num,
  .zyjs .icon-list .info .unit{
    font-size: 4vw;
  }
  
  .zyjs .icon-list .info .text{
    font-size: 3vw;
  }

  .zyjs .show-list {
    display: block;
  }
  .zyjs .show-list .item:nth-child(even) {
    margin: 0;
    margin-bottom: 10vw;
  }
  .zyjs .show-list .item{
    height: 460px;
    width: 100%;
    margin-bottom: 10vw;
  }
  .zyjs .show-list .item img{
    object-fit: cover;
  }

  /**********************************************/
  .zuoer {
    padding: 7vw 0 0;
    background-size: cover;
  }
  .zuoer .mod-title{
    width: 32.4vw;
    height: 16.8vw;
  }
  .zuoer .zuoer-content{
    display: block;
  }
  .zuoer .zuoer-content .news .news-swiper{
    width: 100%;
    height: 72.4vw;
  }

  .zuoer .zuoer-content .news{
    padding-right: 0;
    border-right: none;
  }
  .zuoer .zuoer-content .news .news-title{
    margin-bottom: 10px;
  }
  .zuoer .zuoer-content .news .news-title h1{
    font-size: 20px;
  }
  .zuoer .zuoer-content .news .newsSwiper{
    height: 100%;
  }
  .zuoer .zuoer-content .news .newsSwiper .swiper-slide{
    height: 100%;
  }

  .zuoer .zuoer-content .news .news-list{
    grid-template-columns: 1fr;
    gap: 0;
  }

  .zuoer .zuoer-content .teacher-school{
    margin-left: 0;
  }
  .zuoer .zuoer-content .teacher-school .item{
    margin: 50px 0;
  }
  .zuoer .zuoer-content .teacher-school h1{
    font-size: 20px;
  }
  .zuoer .zuoer-content .teacher-school .item .flex{
    margin-bottom: 10px;
  }
  .zuoer .zuoer-content .teacher-school .item .show-img{
    height: 72.4vw;
  }

  /* ************************************ */
  .need .mod-title{
    width: 33.0667vw;
    height: 16.6667vw;
  }
  .need .mod-title::after{
    left: -50%;
    width: 66.6667vw;
    height: 42.5333vw;
  }
  .need .content {
    display: block;
  }
  .need .content h1{
    font-size: 20px;
  }
  .need .content .left{
    padding-right: 0;
  }
  .need .content .left .stu-swiper{
    width: 100%;
  }
  .need .content .left .stu-swiper .swiper-slide img{
    height: 72.4vw;
  }
  .need .content .left .stu-swiper .swiper-slide{
    padding-right: 0;
  }

  .need .content .right{
    width: 100%;
    margin-top: 20px;
  }
  /**************************************** */
  .race .bg img {
    display: none;
  }
  .race .race-title .mod-title {
    font-size: 20px;
  }
  .race .race-content{
    display: block;
    height: auto;
  }

  .race .race-content .item-1 .img{
    height: 52vw;
  }

  .race .race-content .item {
    display: block;
  }
  .race .race-content .item .info{
    width: 100%;
    padding: 20px 40px;
  }
  .booking{
    margin: 50px 0;
    height: 100%;
  }
  .booking .pic1{
    width: 100% !important;
  }
  .booking .pic2{
    display: none;
  }
  .vr .mod-title {
    width: 29.4667vw;
    height: 14.6667vw;
    margin-bottom: 6.9333vw;
  }
  .vr .ViewContent{
    height: 60vw !important;
  }
  .qlink{
    height: 100%;
  }
  .qlink .icon-list ul{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .qlink .icon-list ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
    width: 19.6667vw;
  }
  .qlink .icon-list .icon-bg {
    width: 16.6667vw;
    height: 16.6667vw;
    border-radius: 16.6667vw;
  }
  
  .qlink .icon-list .icon-bg::after {
    top: -1.0667vw;
    left: -1.0667vw;
    width: 18.6667vw;
    height: 18.6667vw;
    border-radius: 18.6667vw;
    border: .4vw dotted var(--theme);
  }
  
  .qlink .icon-list .icon-bg .icon{
    width: 13.3333vw;
    height: 13.3333vw;
  }

  .qlink .icon-list .info {
    padding: 2vw;
  }
  
  .qlink .icon-list .info .txt{
    font-size: 3vw;
  }
  
  .qlink .icon-list .info .text{
    font-size: 3vw;
  }

  /* footer */
  .footWrap{
    padding-top: 9.3333vw;
  }
  .footer{
    display: block;
  }
  .footer .left{
    width: 100%;
  }
  .footer .left .logo{
    width: 65.2vw;
    height: 13.7333vw;
    margin-bottom: 5.3333vw;
    margin: 0 auto;
  }
  .footer .left .footer-info{
    justify-content: space-around;
  }
  .footer .left .footer-info .pic{
    display: none;
    margin-right: 0;
  }
  .footer .left .footer-info .contact{
    margin: 20px 0;
    font-size: 15px;
  }
  .footer .left .footer-info .contact>div{
    display: block;
    width: fit-content;
    margin: 0 auto;
  }
  .footer .left .footer-info .contact h1 {
    display: none;
  }
  .footer .left .footer-info .contact .item{
    width: fit-content !important;
  }
  .footer .right {
    padding-top: 2vw;
    padding-bottom: 2.6667vw;
  }

  .footer .right ul li{
    font-size: 14px;
  }
  .footer .right ul:nth-child(1){
    border-left: none;
  }
  .copyright span{
    font-size: 15px;
  }
}