@font-face {
  font-family: OPPOSans;
  src: url(../images/OPPOSans-R.ttf);
}

* {
  font-size: 0.16rem;
  box-sizing: border-box;
}

body {
  min-width: 14.4rem;
}

.row {
  width: 14.4rem;
  margin: 0 auto;
  min-width: 14.4rem;
}

html {
  font-size: 100px;
}

.fixediv {
  position: fixed;
  z-index: 1000;
  right: 0;
  display: flex !important;
  align-items: center !important;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}

.fixediv>a.close {
  position: relative;
}

.fixediv .close .close,
.fixediv .open {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  left: 8px;
  right: 0;
}

.fixediv>a:last-child {
  border-radius: 10px;
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);
  padding: 15px;
  width: 210px;
  height: 130px;
}

.fixediv>a:last-child img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.fixediv.down {
  right: -210px;
}

.fixediv.down .close .close {
  display: none;
}

.fixediv .open {
  display: none;
}

.fixediv.down .open {
  display: block;
}

.header {
  width: 100%;
  height: 0.9rem;
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);

  position: fixed;
  z-index: 100;
}

.header .row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

}


.header .logo {
  max-width: 1.82rem;
  /* height: 1.2rem; */
  /* padding: .24rem .21rem; */
  /* background: linear-gradient(180deg, #EEFEFD 0%, #FFF 100%); */
  /* border-radius: 0px 0px 20px 20px; */
  margin-top: 12px;
  position: relative;
  z-index: 100;
  /* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */
}

.header .logo::after {
  /* content: ""; */
  position: absolute;
  top: 0;
  margin: 0 0.21rem;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);
}


.header .logo a {
  display: flex;
  width: 100%;
  height: 100%;
}

.header .logo a img {
  width: 100%;
  height: 100%;
}

.navi {
  display: flex;
  align-items: center;
}

.navi>li {
  height: 0.9rem;
  margin-right: 0.4rem;
  position: relative;
}

.navi>li>a:hover {}

.navi>li>a {
  display: block;
  font-size: 0.18rem;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #fff;
  font-family: OPPOSans;
  position: relative;
}

.navi>li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0px;
  background-color: #fff;
  transform: scale(0);
  transition: 0.3s;
}

.navi>li:hover::after,
.navi>li.s::after {
  transform: scale(1);
}

.navi_two {
  position: absolute;
  width: 1.3rem;
  left: 50%;
  z-index: 4;
  right: 0;
  top: 100%;
  padding-top: 0.15rem;
  transform: translateX(-50%);
  transition: 0.15s;
  opacity: 0;
  visibility: hidden;
  top: 130%;
}

.navi_two .twoafter {
  width: 100%;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
  box-shadow: 0 2px 5px rgb(0 0 0 /15%);
}

.navi_two .twoafter::after {
  z-index: -1;
  content: " ";
  background-color: #fff;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 0;
  margin-top: -7px;
  margin-left: -7.5px;
  left: 50%;
  transform: rotate(-45deg);
  box-shadow: 0px 0px 3px rgb(0 0 0 /15%);
}

.navi>li.active .navi_two {
  transform: translateX(-50%);
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.navi_two li {
  width: 1.3rem;
  height: 0.46rem;
  text-align: center;
  transition: 0.3s;
}

.navi_two li:first-child {
  border-radius: 6px 6px 0 0;
}

.navi_two li:last-child {
  border-radius: 0 0 6px 6px;
}

.navi_two li:hover {
  background-color: #3AA59E;
}

.navi_two li a {
  display: block;
  width: 100%;
  height: 1005;
  font-size: 0.16rem;
  line-height: 0.46rem;
  color: #333;
  transition: 0.3s;
}

.navi_two li:hover a {
  color: #fff;
}

.searchbtn {
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -3px;
}

.searchbtn img {
  width: 0.24rem;
  height: 0.24rem;
}

.searchbox {
  position: absolute;
  width: 100%;
  height: 1.2rem;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: -1.2rem;
  left: 0;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.searchbox.s {
  opacity: 1;
  visibility: visible;
}

.form1 {
  width: 6rem;
  height: 0.48rem;
  position: relative;
  background-color: #fff;
  display: flex;
  align-items: center;
  margin: 0 auto;
  margin-top: 0.36rem;
}

.searchtxt {
  width: 5.5rem;
  height: 0.48rem;
  border: 0;
  text-indent: 0.2rem;
  font-size: 0.16rem;
  color: #aaa;
  font-family: OPPOSans;
  outline: none;
}

.searchimg {
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/searchimg.png) no-repeat center center;
  background-size: 0.24rem 0.24rem;
  border: 0;
  outline: none;
  cursor: pointer;
}

.searchclose {
  width: 0.24rem;
  height: 0.24rem;
  /* background: url(searchclose.png)no-repeat center center; */
  background-size: 100% 100%;
  position: absolute;
  cursor: pointer;
  right: -0.5rem;
  transition: all 0.4s ease;
}

.searchclose img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}

.searchclose:hover img {
  transform: rotate(90deg);
}

.banner {
  width: 100%;
  min-width: 14.4rem;
  height: 100vh
    /* 720px -> 7.2rem */
  ;
}

.banner .swiper-slide {
  width: 100%;
  height: 100%;
  background: url(../images/banner.png)no-repeat center center;
  background-size: cover !important;
}

.banner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .8s;
}

.swiper-button-next:after {
  display: none;
}

.swiper-button-prev:after {
  display: none;
}

/*
.banner .swiper-slide-active img {
  animation: img_scale linear 8s;
}
*/
.banner .swiper-button-next {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  background: rgba(58, 165, 158, 0.70);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  right: 0.5rem;
  transition: .3s;
}

.banner .swiper-button-next:hover {
  background: rgba(58, 165, 158, 1);
}

.banner .swiper-button-prev {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 50%;
  background: rgba(58, 165, 158, 0.70);
  display: flex;
  align-items: center;
  opacity: 1 !important;
  justify-content: center;
  left: 0.5rem;
  transition: .3s;
}

.banner .swiper-button-prev:hover {
  background: rgba(58, 165, 158, 1);
}

.bannerleft {
  width: 0.16rem;
  height: 0.16rem;
  background: url(../images/bannerleft.png)no-repeat center center;
  background-size: cover;
  transition: .3s;
}

.bannerright {
  width: 0.16rem;
  height: 0.16rem;
  background: url(../images/bannerright.png)no-repeat center center;
  background-size: cover;
  transition: .3s;
}



.banner .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  bottom: 0.5rem !important;
}

.banner .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  opacity: 1;
  background-color: #fff;
  transition: .3s;
  cursor: pointer;
}

.banner .swiper-pagination-bullet:hover {
  width: 0.18rem;
  height: 0.18rem;
  background-color: rgba(255, 255, 255, 0);
  border: 2px #fff solid;
}

.banner .swiper-pagination-bullet-active {
  width: 0.18rem;
  height: 0.18rem;
  background-color: rgba(255, 255, 255, 0);
  border: 2px #fff solid;
}

.gobottom {
  width: 0.2rem;
  height: 0.3rem;
  border-radius: 10px;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 2px #fff solid;
  z-index: 2;
  z-index: 10;
  cursor: pointer !important;
}

.gobottom .dian {
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  margin-top: 5px;
  animation-name: shubiao;
  animation-duration: .9s;
  animation-iteration-count: infinite;
  margin: 0 auto;
}

.title1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.title1 h3 {
  color: #333;
  font-family: OPPOSans;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  position: relative;
  padding-bottom: 0.12rem;
}

.title1 h3::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 48px;
  height: 3px;
  background: #66B378;
}

.more1 {
  display: flex;
  align-items: center;
  color: #666;
  font-family: OPPOSans;
  font-size: 0.15rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  transition: .3s;
  /* 24px */
}

.more1 img {
  margin-right: 8px;
}

.more1:hover {
  transform: translateY(-5px);
}

.title2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.title2 h3 {
  color: #fff;
  font-family: OPPOSans;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  position: relative;
  padding-bottom: 0.12rem;
}

.title2 h3::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 48px;
  height: 3px;
  background: #fff;
}

.index1 {
  background: url(../images/danao.png) no-repeat right 2rem;
  padding: 0.56rem 0;
  padding-top: 0.7rem;
}

.index1 .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.index1-fl {
  display: flex;
  flex-wrap: wrap;
  width: 70.69%;
  justify-content: space-between;
  overflow: hidden;
}

.index1-fr {
  display: flex;
  flex-wrap: wrap;
  width: 25.81%;
}

.index1-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  column-gap: 0.28rem;
  margin-top: 0.45rem;
}

.index1-row a {
  flex: 1;
  display: flex;
  align-items: center;
  height: 1rem;
  justify-content: space-between;
  padding-left: 0.24rem;
  transition: all .2s ease-in;
}
.index1-row a:hover{transform: translateY(-10px);box-shadow: 0 5px 10px rgb(0 0 0 / 25%);}
.index1-row a:first-child{
  background: #22A69D;
}
.index1-row a:nth-child(2) {
  background: #53B36A;
}
.index1-row a:nth-child(3) {
  background: #39AF82;
}
.index1-row a:nth-child(4){
background: #2197BD;
}
.index1-row a .icon svg{width: 0.48rem;height: 0.48rem;}
.index1-row a .txt h3 {
color: #FFF;
  font-family: OPPOSans;
  font-size: .24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.index1-row a .txt span {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 0.02rem;
  display: block;
}
.index1-row a .more{display: flex;width: 0.40rem;height: 100%;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.08);}
.index1-row a .more svg{width: 0.24rem;height: 0.24rem;}
.news-swiper {
  width: 5.9rem;
  height: 4.35rem;
  margin: 0 !important;
  margin-top: 0.3rem !important;
  padding-left: 10px !important;
  padding-top: 10px !important;
  position: relative;
}

.news-swiper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3.9rem;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);
}

.news-swiper .swiper-slide a {
  position: relative;
}

.news-swiper .swiper-slide a::after {
  position: absolute;
  width: 100%;
  height: .8rem
    /* 80px -> .8rem */
  ;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
  content: "";
  left: 0;
  bottom: 0;
}

.news-swiper .swiper-slide .imgbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.news-swiper .swiper-slide .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}

.news-swiper .swiper-slide a:hover .imgbox img {
  transform: scale(1.08);
}

.news-swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0.32rem !important;
}

.news-swiper .swiper-pagination-bullet {
  width: .12rem
    /* 14px -> .14rem */
  ;
  height: .12rem
    /* 14px -> .14rem */
  ;
  background: #fff;
  opacity: 1;
}

.news-swiper .swiper-pagination-bullet-active {
  width: .14rem;
  height: .14rem;
  background: transparent;
  border: 1px solid #fff;
}

.p2,
.n2 {
  position: absolute;
  bottom: 0;
  z-index: 100;
  bottom: 0.26rem;
  cursor: pointer;
}

.p2 {
  left: 0.25rem;
}

.n2 {
  right: 0.15rem;
}

.index1-news {
  width: 4rem;
  margin-top: 0.3rem;
}

.index1-news {
  height: 100%;
}

.index1-news li {
  padding: 0.165rem 0.2rem;
  border-bottom: 1px solid #E3E7F2;
  height: 1.085rem;
  display: flex;
  align-items: center;
  position: relative;
}

.index1-news li::after {
  position: absolute;
  content: "";
  width: 3px;
  height: 0.4rem;
  left: 0;
  background: #D6D9E2;
  transition: .3s;
}

.index1-news li:hover::after {
  height: 0.72rem;
  background: #3AA59E;

}

.index1-news li:first-child {
  border-top: 1px solid #E3E7F2;
}

.index1-news li a {
  display: block;
  width: 100%;
}

.index1-news li span {
  color: #3AA59E;
  font-family: DINPro;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.18rem;
  display: block;
  /* 112.5% */
}

.index1-news li b {
  color: #333;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.24rem;
  margin-top: 0.08rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: .3s;
  overflow: hidden;
  /* 133.333% */
}

.index1-news li a:hover b {
  color: #3AA59E;
}

.index1-notice {
  margin-top: 0.24rem;
}

.index1-notice ul {
  display: none;
}

.index1-notice ul.active {
  display: block;
}

.index1-notice>a>img {
  transition: .3s;
  width: 100%;
}

.index1-notice>a:hover>img {
  transform: scale(0.965);
}

.index1-noticetab {
  display: flex;
  width: 100%;
  margin-top: 20px;
}

.index1-noticeitem {
  cursor: pointer;
  color: #333;
  font-family: OPPOSans;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1;
  text-align: center;
  line-height: 0.46rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E5E9F1;
}

.index1-noticeitem.active {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);
}

.index1-notice ul li {
  margin-bottom: 0.18rem;
}

.index1-notice ul li a {
  display: flex;
  align-items: center;
}

.index1-notice ul li a p {
  color: #333;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  flex: 1;
  /* padding: 0.04rem 0; */
  margin-left: 0.2rem;
  transition: .3s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* 166.667% */
}

.time1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 0.60rem;
  height: 0.60rem;
  border: 1px dashed #95A1BC;
  transition-duration: 0.3s;
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 0%);
}

.time1 b {
  color: #43596E;
  text-align: center;
  font-family: DINPro;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  transition: .3s;
  /* 66.667% */
}

.time1 span {
  color: #43596E;
  font-family: DINPro;
  font-size: 0.12rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  margin-top: 0.05rem;
  transition: .3s;
}

.index1-notice ul li a:hover p {
  color: #3AA59E;
  margin-left: 0.15rem;
}

.index1-notice ul li a:hover .time1 {
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);

}

.index1-notice ul li a:hover .time1 b {
  color: #fff;
}

.index1-notice ul li a:hover .time1 span {
  color: #fff;
}


.index2 {
  padding: 0.7rem 0;
  background: url(../images/index3bg11.png) #EFF7F4 no-repeat;
  background-position-y: 0.35rem;
  position: relative;
}

.index2 .row {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}

.index2-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(((100% - 14.4rem) / 2) + 3.58rem);
  bottom: 0;
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);
  display: none;
}

.index2-bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/index2huabg.png) no-repeat 90%.35rem;
}

.index2-fl {
  width: 22.5%;
}

.index2-btn {
  display: flex;
  flex-direction: column;
  margin-top: 0.24rem;
}

.index2-btn a {
  display: flex;
  justify-content: space-between;
  /* background: linear-gradient(180deg, #EEFEFD 0%, #FFF 100%), #FFF; */
  border-bottom: 1px solid #C4DDD4;
  /* margin-top: 0.3rem; */
  width: 100%;
  padding: 0.24rem 0.12rem;
}
.index2-btn a:hover svg{
  margin-right: .15rem
}
.index2-btn a:hover b{color: #3AA59E;}
.index2-btn a b {
  display: flex;
  align-items: center;
  color: #333;
  text-align: center;
  font-family: OPPOSans;
  font-size: .24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.index2-btn a b img {
  margin-right: 0.2rem;
  width: 0.48rem;
  transition: 0.3s;
}

.index2-btn a>svg {
  /* margin-right: 10px; */
  transition: .3s;
}

.index2-btn a.active b {
  color: #3AA59E;
}
.index2-btn a.active svg{margin-right: 0.15rem;}
/* .index2-btn a:hover>svg {
  margin-right: 0.2rem;
}

.index2-btn a:hover b img {
  margin-left: 0.1rem;
} */

.index2-fr {
  width: 73%;
}

.teacher-swiper {}

.teacher-swiper {
  height: 3.8rem;
  width: 100%;
  margin-top: 0.15rem;
  display: none;
}

.teacher-swiper.active {
  display: block;
}

.teacher-swiper .swiper-slide {
  transition: .3s;
  margin-right: 30px;
  height: 100%;
  position: relative;
  transition: .3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.teacher-swiper .swiper-slide a {
  display: block;
  width: 100%;
  position: relative;
  height: 2.88rem;
  transition: .3s;
}

.teacher-swiper .swiper-slide .imgbox {
  width: 100%;
  height: 100%;
  transition: .3s;
  overflow: hidden;
}

.teacher-swiper .swiper-slide-active a {
  height: 100%;
}

.teacher-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}

.teacher-swiper .swiper-slide a:hover img {
  transform: scale(1.08);
}

.teacher-swiper .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(16, 24, 30, 0.00) 0%, rgba(16, 24, 30, 0.70) 100%);
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  padding-bottom: 0.3rem;
  padding-left: 0.24rem; padding-right: 0.24rem;
}

.teacher-swiper .txt h3 {
  color: #FFF;
  font-family: OPPOSans;
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.3s;
  margin-bottom: 0.08rem;
}

.teacher-swiper .txt span {
color: #FFF;
font-family: OPPOSans;
font-size: 0.14rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.teacher-swiper .txt hr {
  border: none;
  background: #3AA59E;
  margin: 0;
  margin-top: 0;
  height: 0;
  width: 0;
  transition: 0.3s;
}

.teacher-swiper .swiper-slide-active .txt hr {
  width: 0.64rem;
  height: 1px;

  margin-bottom: 0.08rem;
}

.teacher-swiper .swiper-slide-active {
  width: 2.9rem !important;
}

.teacher-swiper .swiper-slide-next {
  width: 2.2rem !important;
}

.teacher-swiper .swiper-slide-next+.swiper-slide {
  width: 2.2rem !important;
}

.teacher-swiper .swiper-button-prev,
.teacher-swiper .swiper-button-next {
  border-radius: 50%;
  background: #3AA59E;
  position: initial;
  width: .44rem;
  height: .44rem;
  margin: 0 .15rem;
  margin-top: 0;
}

.teacher-btn {
  position: absolute;
  top: .16rem;
  right: 0;
  display: flex;
  z-index: 10;
}

.teacher-btn .disable {
  opacity: 0.5;
}

.teacher-btn .more1 {
  margin-left: 25px;
}

.index3 {
  padding: 0.5rem 0;
  background: #F0F3F7;
}

.index3 .title1 {
  border-bottom: 1px solid #E3E7F2;
}

.index3-listbox {
  display: flex;
  margin: 0 -0.175rem;
}

.index3-list {
  width: calc(33.3% - 0.35rem);
  margin: 0 0.175rem;
}

.index3-list ul li {
  padding: 0.2rem 0;
  border-bottom: 1px solid #E3E7F2;
}

.index3-list ul li .txt {
  flex: 1;
}

.index3-list ul li .txt span {
  color: #3AA59E;
  font-family: DINPro;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
  line-height: .18rem;
  margin-top: 0.4rem;
  /* 112.5% */
}

.index3-list ul li .txt p {
  color: #333;
  font-family: OPPOSans;
  font-size: .18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 0.13rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: .3s;
}

.index3-list ul li a {
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: .18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: .3s;
  position: relative;
  padding-left: 0.12rem;
}

.index3-list ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  background: #3AA59E;
  width: 2px;
}

.index3-list ul li a:hover {
  color: #3AA59E;
  padding-left: 0.08rem;
}

.index3-list ul li a:hover .txt p {
  color: #3AA59E;
}

.index3-list .index3-first a {
  display: flex;
  padding-left: 0;
}

.index3-first a img {
  width: 39.5%;
  height: 1.2rem;
  margin-right: 0.2rem;
  object-fit: cover;
}

.index3-first a::after {
  display: none;
}

.index3-list .index3-first a:hover {
  padding-left: 0;
}

.page {
  padding: 0.5rem 0;
}

.page .row {
  display: flex;
  justify-content: space-between;
}

.listbanner {
  padding-top: 0.9rem;
  width: 100%;
}

.listbanner img {
  width: 100%;
}

.inside_left {
  width: 21%;
}

.inside_lefttop {
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);
  padding: 0.2rem 0.3rem;
  display: flex;
  justify-content: space-between;
}

.inside_lefttop h2 {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .28rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.inside_body {
  padding: 0.1rem 0.3rem 0.3rem 0.3rem;
  background: #F6F7FB;
}

.inside_body .onenav>a {
  display: flex;
  justify-content: space-between;
  padding: 0.2rem 0;
  border-bottom: 1px solid #E3E7ED;
  position: relative;
}

.inside_body a::after {
  width: 4px;
  height: 0.32rem;
  content: "";
  position: absolute;
  left: -0.3rem;
  top: 50%;
  transform: translateY(-50%) scale(0);
  background: #3AA59E;
  transition: 0.3s;
}

.inside_body .twonav a {
  display: flex;
  align-items: center;
}

.inside_body .twonav a hr {
  margin: 0;
  border: none;
  width: 10px;
  height: 2px;
  background: #3AA59E;
  margin-right: 8px;
}

.inside_body .twonav a {
  color: #333;
  font-family: OPPOSans;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0.13rem 0;
  border-bottom: 1px solid #E3E7ED;
}

.inside_body .twonav a:hover,
.inside_body .twonav a.s {
  color: #3AA59E;
}

.inside_body a h2 {
  color: #333;
  font-family: OPPOSans;
  font-size: .18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.inside_arrow {
  background: url(../images/arrow-right.png) no-repeat center center;
  width: 0.18rem;
  height: 0.18rem;
}

.inside_body a:hover h2,
.onenav.s>a h2 {
  color: #3AA59E;
}

.inside_body a:hover::after,
.onenav.s>a::after {
  transform: translateY(-50%) scale(1);
}

.inside_body a:hover .inside_arrow,
.onenav.s>a .inside_arrow {
  background: url(../images/arrow-rightA.png) no-repeat center center;
}

.page-right {
  width: 77%;
}

.location {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 0.1rem;

}

.location::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  background: #E3E7F2;
}

.location h3 {
  color: #333;
  font-family: OPPOSans;
  font-size: .28rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-bottom: 2px solid #3AA59E;
  padding-bottom: 0.13rem;
  position: relative;
  z-index: 1;
}

.location .crumbs {
  color: #666;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.location .crumbs a,
.location .crumbs span {
  color: #666;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.location .crumbs a:hover {
  color: #3AA59E;
}

.page-right_body {
  margin-top: 0.1rem;
}

.page-list {}

.page-list ul {
  display: flex;
  flex-wrap: wrap;
}

.page-list ul li {
  width: 100%;
  border-bottom: 1px solid #E3E7F2;
}

.page-list ul li a {
  display: flex;
  justify-content: space-between;
  padding: 0.2rem 0;

}

.page-list ul li a p {
  margin: 0;
  color: #333;
  font-family: OPPOSans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  padding-left: 0.1rem;
  transition: 0.3s;
}

.page-list ul li a p::after {
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  height: 18px;
  background: #3AA59E;
  top: 50%;
  transform: translateY(-50%);

}

.page-list ul li a span {
  color: #999;
  font-family: DINPro;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.22rem;
  /* 137.5% */
}

.page-list ul li a:hover p {
  color: #3AA59E;
  margin-left: 0.1rem;
}


/* 教师列表 */
.teacher-list {}

.teacher-col {
  margin-top: 0.2rem;
}

.teacher-col a {
  color: #333;
  text-align: center;
  font-family: OPPOSans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: #F0F3F7;
  width: 150px;
  display: inline-block;
  padding: 0.12rem 0;
  margin-top: 0.1rem;
  margin-right: 0.1rem;
  border-bottom: 1px solid #3AA59E;
  transition: .3s;
}

.teacher-col a:hover,
.teacher-col a.s {
  background: #3AA59E;
  color: #fff;
}

.teacher-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.teacher-list ul li {
  width: calc(25% - 40px);
  margin: 20px;
  position: relative;
  border-bottom: 1px solid #E3E7F2;

}

.teacher-list ul li a {
  padding-bottom: 0.16rem;
  display: block;
}

.teacher-list ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #3AA59E;
  transition: .3s;
}

.teacher-list ul li:hover::after {
  width: 100%;
}

.teacher-list ul li .imgbox {
  width: 100%;
  height: 3.2rem;
  overflow: hidden;
}

.teacher-list ul li .imgbox img {
  width: 100%;
  height: 100%;
  transition: .4s;
}

.teacher-list ul li:hover .imgbox img {
  transform: scale(1.07);
}

.teacher-list ul li h3 {
  color: #333;
  font-family: OPPOSans;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: flex-end;
  margin-top: 0.15rem;
  transition: .3s;
}

.teacher-list ul li span,
.teacher-list ul li p {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.22rem;

  /* 137.5% */
}

.teacher-list ul li span {
  margin-left: 0.05rem;
}

.teacher-list ul li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 0.06rem;
}

.teacher-list ul li a:hover h3 {
  color: #3AA59E;
}

/* 教师详情 */

.teacher-header {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
}

.teacher-header img {
  width: 2.6rem;
  height: 3.4rem;
}

.teacher-info {
  width: 73%;
}

.teacher-info h3 {
  color: #333;
  font-family: OPPOSans;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.teacher-info h3 span {
  color: #3AA59E;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.teacher-info p {
  color: #333;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 200% */
}

.teacher-tab {
  background: #F0F3F7;
  display: flex;
  margin-top: 0.4rem;
}

.teacher-tab .tab-item {
  color: #666;
  font-family: OPPOSans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0.14rem 0.32rem;
  cursor: pointer;
}

.teacher-tab .tab-item:hover {
  background: #3AA59E;
  color: #fff;
}

.teacher-tabcont {
  margin-top: 0.3rem;
  color: #333;
  font-family: OPPOSans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 28.8px */
}

.ld-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3rem;
}

.ld-cont {
  flex: 1;
}

.ld-list .ld-item {
  width: 100%;
  border: 1px solid #E3E7F2;
  background: #F6F7FB;
  margin-bottom: 0.3rem;
  display: flex;
  padding: 0.2rem;
  align-items: center;
}

.ld-item img {
  width: 1.6rem;
  height: 2.1rem;
  background: #C4C4C4;
}

.ld-item hr {
  width: 1px;
  height: calc(100% - 0.4rem);
  background: #E3E7ED;
  border: none;
}

.ld-tit {
  margin: 0 0.4rem;
  min-width: 1.4rem;
}

.ld-tit h3 {
  color: #333;
  font-family: OPPOSans;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.ld-tit span {
  color: #3AA59E;
  text-align: center;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.28rem;
  margin-top: 0.12rem;
  display: block;
  /* 155.556% */
}

.ld-cont p {
  color: #333;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  text-align: left;
  margin-left: 0.4rem;
  /* 144.444% */
}


/* 新闻详情 */
.show {
  padding-top: 0.3rem;
}

.show_head {
  padding-bottom: 0.2rem;
  border-bottom: 1px #DDE7F4 solid;
  margin-bottom: 0.2rem;
}

.show_head h2 {
  font-size: 0.28rem;
  font-family: OPPOSans;
  color: #333;
  text-align: center;
  margin-bottom: 0.2rem;
  font-weight: 500;
}

.show_head h4 {
  font-size: 0.14rem;
  font-family: OPPOSans;
  color: #333;
  text-align: center;
}

.show_body p {
  font-size: 0.18rem;
  color: #333;
  font-family: OPPOSans;
  line-height: 160%;
  margin-bottom: 0.15rem;
}

.show_body img {
  max-width: 90%;
  margin-bottom: 0.1rem;
}

/* 底部 */
.bottom {
  width: 100%;
  min-width: 14.4rem;
  padding-top: 0.68rem;
  position: relative;
  z-index: 1;
  background: linear-gradient(90deg, #66B378 20%, #3DABA4 92%);
}

.bottom>.row {
  display: flex;
  position: relative;
  margin-bottom: 0.5rem;
  justify-content: space-between;
}

.bottomp .row {
  display: flex;
  justify-content: space-between;
}

.bottomlogo {
  width: 3rem;
}

.bottomlogo a {
  display: block;
  width: 100%;
  height: 100%;

}

.bottomlogo img {
  width: 100%;
  width: 2.1rem;
  display: block;
  margin-bottom: .17rem;
}

.bottomlogo h3 {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .22rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .15rem;
}

.bottomlogo h4 {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .15rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: .08rem;
  display: block;
}

.bottom_txt {
  width: 9rem;
}

.bottom_txt h3 {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .22rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px;
}

.bottom_txt ul {
  display: flex;
  flex-wrap: wrap;
}

.bottom_txt ul li {
  width: 33%;
  margin-top: 0.12rem;
}
.bottom_txt ul li:nth-child(3n+1){
  width:25%;
}
.bottom_txt ul li:nth-child(3n){
  width:40%;
}
.bottom_txt ul li a {
  color: rgba(255, 255, 255, 0.90);
  font-family: OPPOSans;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.bottom_wechat {
  width: 1.2rem;
  right: 0;
}

.bottom_wechat img {
  display: block;
  width: 100%;
  margin-bottom: 0.08rem;
}

.bottom_wechat h4 {
  font-size: 0.15rem;
  font-family: OPPOSans;
  color: #fff;
  text-align: center;
}

.bottomp {
  width: 100%;
  padding: 0.21rem 0;
  display: flex;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.2);
}

.bottomp_left {
  display: flex;
}

.bottomp_left a {
  text-decoration: underline;
}

.bottomp_left h4 {
  font-size: 0.14rem;
  font-family: OPPOSans;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 0.05rem;
}

.bottomp a {
  font-size: 0.14rem;
  font-family: OPPOSans;
  color: rgba(255, 255, 255, 0.7);
  transition: .3s;
}

.bottomp a:hover {
  color: #fff;
}



.gotop {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .3s;
  position: fixed;
  bottom: 0.4rem;
  right: -0.8rem;
  background-color: #fff;
  z-index: 10;
}

.gotop_show {
  opacity: 1;
  right: 0.4rem;
}

.gotopimg {
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images/gotop.png)no-repeat center center;
  background-size: 100% 100%;
  transition: .3s;
}

/* 
.index {
  width: 100%;
  left: 0;
  background: #fff;
  z-index: 100;
  position: fixed;
  top: 100%;
  right: 0;
} */



@keyframes img_scale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }

}