@charset "utf-8";

.resourceid{font-size: .16rem;
    color: #9E9E9E;
   }

.header_box {
  padding: 0;
}

.banner {
  position: relative;
}

.banner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.6) 100%);

}

.banner img {
  display: block;
  width: 100%;
}

/*公共*/
body {
  background: url(../images/nybg.png) no-repeat center top/cover;
}

#logo img {
  height: .69rem;
}

#nav ul li h3 {
  color: #353535;
}

.head .head-b .wp {
  padding-top: 0;
  padding-bottom: 0;
}

.dlnr span {
  color: #333;
}

.dlnr span {
  border-left: 1px solid #666;
}

#nav ul li a {
  padding: .4rem 0;
}

#nav ul li.on,
#nav ul li:hover {
  background: #22B5AF;
}

#nav ul li.on h3,
#nav ul li:hover h3 {

  color: #fff;
}

.search_btn {
  position: relative;
}


.search-con {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  padding: 0;
  overflow: hidden;
  transition: all .6s;
  z-index: 19;
  display: block;
}

.search-con>div {
  width: 6rem;
}

.search-con.on {
  width: 6rem;
  overflow: hidden;
}

.search-con.on.nohide {
  overflow: visible;
}

/* .search-con {
  position: absolute;
  right: 0;
  top: 50%;
  transform-origin: right center;
  transform: scalex(0) translateY(-50%);
  width: 6rem;
  padding-right: 0;
  visibility: hidden;
  transition: all .6s;
  z-index: 19;
}

.search-con.on {

  transform: scalex(1) translateY(-50%);
  visibility: visible;
} */

.search-con input[type="image"] {
  padding-right: .2rem;
}

.cx-sel {
  width: 1.2rem;
  padding-left: .2rem;
}

img,
video {
  max-width: 100%;
}

.article {
  background: #FFFFFF;
  padding: .4rem .6rem;
}

.article table {
  width: 800px;
}

.header_box {
  position: relative;
  background: #fff;
}

.header_box #header::before {
  display: none;
}

.header_box #header::after {
  background: #fff;
}

/* 手机内页二级导航 */
.wrap_ph {
  margin-top: 0.3rem;
  display: none;
}

.wrap_ph h2 {
  width: 100%;
  color: #fff;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.26rem;
  padding: 0 0.2rem;
  background: #22B5AF;
}

.wrap_ph h2::after {
  width: 0.32rem;
  height: 0.32rem;
  background: url(../images/cd.png) no-repeat right center/cover;
  left: auto;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
}

.wrap_ph>div>ul {
  padding: 0.1rem 0.2rem 0.2rem;
  display: block;
  box-shadow: 0px 0.1rem 0.3rem 0px rgba(69, 10, 66, 0.11);
}

.wrap_ph>div>ul>li>div>ul>li>ul {
    display: block;
  padding-left: .2rem;
}

.wrap_ph li {
  position: relative;
  font-size: 0.18rem;
  line-height: 0.34rem;
  font-family: hel-bold;
}

.wrap_ph li a {
  transition: 0.5s;
  display: block;
  color: #333;
}

.inner .wrap_ph {
  display: none;
}

.wrap_ph li.active a {
  color: #22B5AF;
}


.wrap_ph i {
  opacity: 1;
  display: inline-block;
  width: .34rem;
  height: .3rem;
  display: inline-block;
  background: url(../images/arrow_down.png) center no-repeat;
  background-size: 15px 15px !important;
  position: absolute;
  display: block;
  right: 0;
  top: 2px;
  transition: 0.5s;

}

.wrap_ph i.on {
  transform: rotate(-90deg);
}

.wrap_ph .box {
  display: block;
  padding-left: 0.25rem;
}

.wrap_ph .box a {
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #666 !important;
  display: block;
}

.wrap_ph .box a:hover {
  color: #22B5AF;
}

/* public */
.ban {
  position: relative;
}

.ban .imged {
  padding-bottom: 25%;
}

.inner {
  padding: 0.45rem 0 .65rem;
  min-height: 800px;
}



.local {

  margin-bottom: .4rem;
  justify-content: flex-end;
  align-items: center;
}



.adress {
  color: #9E9E9E;
  font-size: 0.19rem;
  padding-left: .25rem;
  line-height: .2rem;
  position: relative;
  align-items: flex-start;
  background: url(../images/home.png) no-repeat left center;
  background-size: 0.17rem !important;
}

.adress a {
  color: #9E9E9E;
  transition: 0.5s;
}

.adress a:hover {
  color: #22B5AF;
}


/* 新闻列表1 */
.newlist {
  padding-top: .3rem;
}

.newlist li {
  margin-bottom: .65rem;

}

.newlist li a {
  justify-content: space-between;
  padding: .3rem .6rem;
  align-items: center;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(34, 181, 175, 0.1);
}

.newlist li a::after {
  left: 0;
  background: #fff;
}

.newlist li .scale {
  width: 5.46rem;
  position: relative;
  z-index: 2;
}

.newlist li .scale .imged {
  padding-bottom: 57.14%;
}

.newlist li .con {
  width: calc(100% - 6.8rem);
}

.newlist li:nth-child(2n-1) .con {
  order: -1;
}

.newlist li h3 {
  font-size: 0.2rem;
  color: #353535;
  line-height: 0.32rem;
  font-weight: normal;
  font-family: Arial;
}

.newlist li h4 {
  line-height: .4rem;
  margin-top: .05rem;
  margin-bottom: .35rem;
  font-size: 0.26rem;
  color: #353535;
  font-weight: bold;
}

.newlist li .con p {
  font-size: .16rem;
  color: #666666;
  line-height: .24rem;
  max-height: .72rem;
  overflow: hidden;
}

.newlist li .p {
  margin-top: .5rem;
  width: 1.56rem;
  height: .46rem;
  background: linear-gradient(255deg, #29BEAF -2%, #10B3C0 96%);
  border-radius: .3rem;
  line-height: .46rem;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  transition: all .6s;
}





@media(min-width: 1024px) {
  .newlist li a:hover::after {
    width: 100%;
  }

  .newlist li .p:hover {
    width: 1.7rem;
  }
}

@media screen and (max-width: 1024px) {
  .newlist li {
    margin-bottom: 0.2rem;
  }

  .newlist li a {
    padding: .25rem;
  }

  .newlist li .p {
    display: none;
  }

  .newlist li .scale {
    width: 3rem;
  }

  .newlist li .con {
    width: calc(100% - 3.5rem);
  }
}

@media screen and (max-width: 768px) {
  .newlist li .scale {
    width: 2.3rem;
  }

  .newlist li .con {
    width: calc(100% - 2.3rem);

  }

  .newlist li h3 {
    margin: .1rem 0;
  }

  .newlist li p {
    -webkit-line-clamp: 2;
    line-height: .28rem !important;
  }

  .newlist li span {
    font-size: .16rem;
    padding-bottom: 0;
  }

  .newlist li span:after {
    display: none;
  }

  .newlist li h4 {
    margin-bottom: .2rem;
  }
}

@media screen and (max-width: 420px) {
  .newlist li .scale {
    width: 1.6rem;
  }

  .newlist li .con {
    width: calc(100% - 1.6rem);
  }
}

/* 算力与实验 */
.slsy .bt {
  line-height: .98rem;
  text-align: center;
  background: url(../images/sl_titbg.png) no-repeat center center/2.07rem auto;
  font-size: .4rem;
  color: #353535;
}

.slsy .sl_lb {
  margin-bottom: .58rem;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid #FFFFFF;
  border-radius: 0.1rem;
  padding: .3rem .6rem;
  padding-top: 0;
}

.slsy .sl_lb:nth-child(2n-1) {
  background: rgba(223, 235, 253, 0.3);
}

.slsy .sl_lb .sl-nr ul li a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: .2rem;
}

.slsy .sl_lb .sl-nr ul li a .sl_icon {
  position: relative;
  width: 1.47rem;
  height: 1.17rem;
  background: url(../images/sltb_bg.png) no-repeat center center/1.48rem auto;
}

.slsy .sl_lb .sl-nr ul li a .sl_icon img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: .15rem;

  max-height: .5rem;
}

.slsy .sl_lb .sl-nr ul li a .sl_cont {
  flex: 1;
  min-width: 0;
  margin-left: .6rem;
}

.slsy .sl_lb .sl-nr ul li a .sl_cont p {
  font-size: .16rem;
  color: #666666;
  line-height: .28rem;
  height: .84rem;
  margin-bottom: .4rem;
}

.slsy .sl_lb .sl-nr ul li a .sl_cont .slfw {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
}

.slsy .sl_lb:nth-child(1) .sl-nr ul li a .sl_cont .slfw {
  bottom: .3rem;
}

.slsy .sl_lb .sl-nr ul li a .sl_cont .slfw span {
  display: inline-block;
  width: 1.56rem;
  height: .46rem;
  border-radius: .3rem;
  background: linear-gradient(255deg, #29BEAF -2%, #10B3C0 96%);
  border-radius: .3rem;
  line-height: .46rem;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  transition: all .6s;
  margin: 0 .17rem;
}
.slsy .sl_lb .sl-nr ul li a .sl_cont .slfw span:nth-child(2){
  background: #F0F3F9;
  color:#666;
}
.slsy .sl_lb .sl-nr ul li a .sl_cont .slfw span:hover {
  width: 1.7rem;
}

.slsy .sl_lb:nth-child(1) {
  background: transparent;
  border: none;
  padding: 0;
}

.slsy .sl_lb:nth-child(1) ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .5rem;
}

.slsy .sl_lb:nth-child(1) ul li {
  width: 48.5%;
  border-radius: 0.1rem;
  opacity: 1;
  background: #FFFFFF;

  border: 0.02rem solid #FFFFFF;
}

.slsy .sl_lb:nth-child(1) ul li a {
  position: relative;
  padding: .7rem;
  padding-bottom: .5rem;
}

.slsy .sl_lb:nth-child(1) ul li a .sl_icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -.5rem;
}

.slsy .sl_lb:nth-child(1) .sl-nr ul li a .sl_cont {
  margin-left: 0;
  margin-top: .2rem;
}

.slsy .sl_lb:nth-child(1) .sl-nr ul li a .sl_cont h3 {
  text-align: center;
  font-size: .2rem;
  color: #353535;
  font-family: Arial;
}

.slsy .sl_lb:nth-child(1) .sl-nr ul li a .sl_cont h4 {
  font-size: .26rem;
  color: #353535;
  font-weight: bold;
  text-align: center;
  margin: .1rem 0 .35rem;
}

@media(min-width: 1024px) {}

@media(max-width: 1024px) {}

@media(max-width: 768px) {
  .slsy .sl_lb:nth-child(1) ul {
    display: block;
  }

  .slsy .sl_lb:nth-child(1) ul li {
    width: 100%;
    margin-bottom: .6rem;
  }

  .slsy .sl_lb .sl-nr ul li a {
    display: block;
  }

  .slsy .sl_lb .sl-nr ul li a .sl_icon {
    margin: 0 auto;
  }

  .slsy .sl_lb .sl-nr ul li a .sl_cont {
    margin-left: 0;
    margin-top: .2rem;
  }

  .slsy .sl_lb {
    padding: .2rem;
  }

  .slsy .sl_lb {
    margin-bottom: .3rem;
  }
}

/* ai中心 */
.ai_center .ai_bt {
  position: relative;
  text-align: center;
  background: url(../images/ai_bt.png) no-repeat center center;
  font-size: .4rem;
  color: #353535;
  line-height: .98rem;
}

.ai_center .ai_bt h2 {
  font-size: .4rem;
  color: #353535;
}

.ai_bk1 .ai_bt1 {
  text-align: center;
  font-size: .34rem;
  color: #353535;
  margin-top: .8rem;
}

.ai_bk1_1 ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.32rem;
}

.ai_bk1_1 ul li {
  width: 33.333%;
  padding: 0 .32rem;
  margin-top: .5rem;

}

.ai_bk1_1 ul li a {
  display: block;
  background: rgba(255, 255, 255, 0.7);
  border-radius: .2rem;
  padding: .45rem;
  padding-bottom: .2rem;
}

.ai_bk1_1 ul li a h2 {
  position: relative;
  padding-left: 1rem;
  height: 1rem;
  line-height: 1rem;
  border-bottom: 1px solid #F1F1F1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .26rem;
  color: #353535;
  font-weight: bold;
  margin-bottom: .2rem;
}

.ai_bk1_1 ul li a h2 span {
  position: absolute;
  left: 0;
  top: .1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .8rem;
  height: .8rem;
  background: linear-gradient(180deg, rgba(225, 250, 255, 0.28) 0%, rgba(228, 250, 255, 0.7) 100%);
  border-radius: 50%;
  margin-right: .2rem;
}

.ai_bk1_1 ul li a h2 span img {
  max-height: .47rem;
}

.ai_bk1_1 ul li a p {
  font-size: .16rem;
  color: #666666;
  line-height: .28rem;
  height: .54rem;
  overflow: hidden;
}

.ai_bk1_1 ul li a>span {
  display: block;
  width: 1.56rem;
  height: .46rem;
  border-radius: .3rem;
  background: linear-gradient(255deg, #29BEAF -2%, #10B3C0 96%);
  border-radius: .3rem;
  line-height: .46rem;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  margin: 0 auto;
  margin-top: .3rem;
  transition: all .6s;
}

.ai_bk1_1 ul li a>span:hover {
  width: 1.7rem;
}

.ai_bk1_2 .cont {
  margin-top: .6rem;
  background: url(../images/ai_bk1bg.png) no-repeat right center/cover;
  padding: .7rem 0 .7rem .48rem;
  padding-right: 54%;
}

.ai_bk1_2 .cont a {
  display: block;
}

.ai_bk1_2 .cont a h2 {
  font-size: .26rem;
  color: #353535;
  font-weight: bold;
  margin-bottom: .5rem;
}

.ai_bk1_2 .cont a p {
  font-size: .16rem;
  line-height: .28rem;
  color: #666666;
  max-height: .56rem;
}

.ai_bk1_2 .cont span {
  display: block;
  width: 1.56rem;
  height: .46rem;
  border-radius: .3rem;
  background: linear-gradient(255deg, #29BEAF -2%, #10B3C0 96%);
  border-radius: .3rem;
  line-height: .46rem;
  text-align: center;
  font-size: .16rem;
  color: #fff;

  margin-top: .3rem;
  transition: all .6s;
}

.ai_bk2 {
  padding: .1rem 0;
}

.ai_center .ai_bt a {
  position: absolute;
  right: 0;
  top: 50%;
  padding-right: .15rem;
  font-size: .14rem;
  color: #353535;
  font-weight: bold;
  line-height: .16rem;
  background: url(../images/more.png) no-repeat right top;
}

.ai_bk2 ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.16rem;
}

.ai_bk2 ul li {
  width: 33.333%;
  margin-top: .6rem;
  padding: 0 .16rem;
}

.ai_bk2 ul li a {
  position: relative;
  display: flex;
  padding: .28rem;
  border: 2px solid #FFFFFF;
}

.ai_bk2 ul li a .icon {
  width: .88rem;
}

.ai_bk2 ul li a .cont {
  flex: 1;
  min-height: 0;
  margin-left: .3rem;
}

.ai_bk2 ul li a .cont h2 {
  font-size: .26rem;
  color: #353535;
  font-weight: bold;
  margin-bottom: .1rem;
}

.ai_bk2 ul li a .cont p {
  font-size: .16rem;
  color: #666666;
  line-height: .28rem;
  height: .84rem;
}

.ai_bk2 ul:nth-child(2) li:nth-child(1) a {
  background: linear-gradient(248deg, #FFFBF5 2%, rgba(255, 251, 245, 0) 99%);
}

.ai_bk2 ul:nth-child(2) li:nth-child(2) a {
  background: linear-gradient(248deg, #FFFFFF 2%, #eafbfe 99%);
}

.ai_bk2 ul:nth-child(2) li:nth-child(3) a {
  background: linear-gradient(248deg, #E7FCFF 2%, rgba(255, 251, 245, 0) 99%);
}

.ai_bk2 ul:nth-child(3) li:nth-child(1) a {
  background: linear-gradient(246deg, #E1F1FC 2%, rgba(255, 251, 245, 0) 99%);
}

.ai_bk2 ul:nth-child(3) li:nth-child(2) a {
  background: linear-gradient(246deg, #FFF3F1 2%, rgba(255, 251, 245, 0) 99%);
}

.ai_bk2 ul:nth-child(3) li:nth-child(3) a {
  background: linear-gradient(246deg, #F8FFF4 2%, rgba(255, 251, 245, 0) 99%);
}

.ai_bk2 ul li a .enter {
  position: absolute;
  right: -.3rem;
  bottom: -.3rem;
  width: .76rem;
  height: .76rem;
  height: .76rem;
  background: url(../images/jr-icon.png) no-repeat center center/.76rem auto;
  opacity: 0;
  z-index: -1;
  transition: all .6s;
}

.ai_bk2 ul li:hover a .enter {
  opacity: 1;
  z-index: 9;
}

.ai_bk2 ul:nth-child(3) {
  margin-left: 1.3rem;
}

.ai_bk2 ul li:hover a {
  background: linear-gradient(248deg, #FFFFFF 2%, #FFFFFF 99%) !important;
}

.ai4_nr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .2rem;
}

.ai4_nr .ai4_box {
  width: 32%;
  padding: .2rem;
  background: #fff;
}

.ai4_nr .ai4_box .ai4_tit {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .32rem;
}

.ai4_nr .ai4_box .ai4_tit h2 {
  font-size: .28rem;
  color: #353535;
}

.ai4_nr .ai4_box .ai4_tit a {
  position: absolute;
  right: 0;
  top: 50%;
  padding-right: .15rem;
  font-size: .14rem;
  color: #353535;
  font-weight: bold;
  line-height: .16rem;
  background: url(../images/more.png) no-repeat right top;
}

.ai4_nr .ai4_box ul li a {
  position: relative;
  height: 1.12rem;
  display: block;
  padding: .2rem 0;
  border-bottom: 1px solid #D8D8D8;
}

.ai4_nr .ai4_box ul li a span {
  position: relative;
  display: block;
  padding-left: .24rem;
  font-size: .18rem;
  line-height: .24rem;
  color: #9E9E9E;
  background: url(../images/h1l-time.png) no-repeat left center / .16rem auto;
  margin-bottom: .15rem;
  font-family: Bebas;
}

.ai4_nr .ai4_box ul li a p {
  font-size: .2rem;
  color: #353535;
}

.ai4_nr .ai4_box ul li:hover a {
  padding: .25rem;
  padding-right: .75rem;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 6px 37px 0px rgba(209, 204, 229, 0.3);
  border-radius: 12px;
  transition: all .6s;
  border-bottom: 1px solid transparent;
}

.ai4_nr .ai4_box ul li:hover a span {
  background: none;
  padding-left: .15rem;
}

.ai4_nr .ai4_box ul li:hover a span:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #22B5AF;
  left: 0;
  top: 50%;
  transform: translateX(-50%);
}

.ai4_nr .ai4_box ul li a i {
  position: absolute;
  right: .25rem;
  top: 50%;
  transform: translateY(-50%);
  width: .32rem;
  height: .32rem;
  background: url(../images/h2l_more.png) no-repeat center center / .32rem auto;
  opacity: 0;
  z-index: -1;
  transition: all .6s;
}

.ai4_nr .ai4_box ul li:hover a i {
  opacity: 1;
  z-index: 9;
}

@media(max-width: 1024px) {
  .ai_bk1_1 ul li {
    padding: 0 .15rem;
    width: 50%;
  }

  .ai_bk1_1 ul {
    margin: 0 -.15rem;
  }

  .ai_bk2 ul {
    margin: 0;
    display: block;
  }

  .ai_bk2 ul li {
    padding: 0 .15rem;
  }

  .ai_bk2 ul:nth-child(3) {
    margin-left: -.15rem;
  }

  .ai4_nr .ai4_box {
    width: 100%;
    margin-bottom: .2rem;
  }

  .ai_bk2 ul li {
    width: 100%;
  }
}

@media(max-width: 768px) {
  .ai_bk1 .ai_bt1 {
    margin-top: .3rem;
  }

  .ai_bk1_1 ul li {
    width: 100%;
    margin-top: .2rem;
  }

  .ai_bk1_1 ul li a {
    padding: .2rem;
  }

  .ai_bk1_2 .cont {
    padding: .2rem;
  }

  .ai_bk2 {
    padding: .3rem 0;
  }

  .ai_bk2 ul li {
    margin-top: .2rem;
  }

  .ai_center .ai_bt {
    text-align: left;
  }
}

/* 一流课程 */
.n1_kctit ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  border-bottom: 1px solid #EDEDED;
}

div.n1_kctit>ul>li:nth-child(n)>span a {
  font-size: .2rem;
  color: #fff;
}

.n1_kctit ul li span {
  width: 1.2rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  border-radius: 6px;
  font-size: .16rem;
  color: #fff;
  background: linear-gradient(253deg, #29BEAF -2%, #10B3C0 96%);
  margin-right: .15rem;
}

.n1_kctit ul li span a {
  color: #fff;
}

.n1_kctit a {
  position: relative;
  padding: .3rem 0;
  margin: 0 .15rem;
  font-size: .18rem;
  color: #353535;
  line-height: .1rem;
}



.n1_kctit a.on {
  color: #22B5AF;
  border-bottom: 1px solid #22B5AF;
}

.n1kc_nr {
  padding-bottom: .3rem;
  overflow-x: auto;
}

.n1kc_nr p {
  padding: .2rem 0 .2rem;
  font-size: .18rem !important;
  color: #353535;
}

.n1kc_nr>ul {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #A1A1A1;
  border-top: 1px solid #A1A1A1;
  min-width: 8rem;
}

.n1kc_nr>ul>li {
  line-height: .86rem;
  text-align: center;

}

.n1kc_nr>ul>li>ul>li span a {
  color: #22B5AF;
  text-decoration: underline;
}

.n1kc_nr>ul>li>ul>li {
  border-right: 1px solid #A1A1A1;
  border-bottom: 1px solid #A1A1A1;
}

.n1kc_nr>ul>li:nth-child(1) {
  width: 6.35%;
}

.n1kc_nr>ul>li:nth-child(2) {
  width: 33.125%;
}

.n1kc_nr>ul>li:nth-child(3) {
  width: 28.75%;
}

.n1kc_nr>ul>li:nth-child(4) {
  width: 18.125%;
}

.n1kc_nr>ul>li:nth-child(5) {
  width: 13.625%;
}

.n1kc_nr>ul>li>ul>li:nth-child(1) {
  background: #22B5AF;
  color: #fff;
}

@media(max-width: 1024px) {
  .n1_kctit a {
    padding: .1rem 0;
  }
}

@media(max-width: 768px) {}

/* 服务与支持 */
.fw_bt {
  text-align: center;
  margin-bottom: .5rem;
}

.fw_bt a {
  display: inline-block;
  margin: .15rem .13rem;
  padding: 0 .18rem;
  line-height: .4rem;
  border-radius: .3rem;
  /*border: 1px solid #D8D8D8;*/
  font-size: .3rem;
  color: #353535;
}

.fw_bt a.on {
  /* background: linear-gradient(258deg, #29BEAF -2%, #10B3C0 96%);
  box-shadow: 0px 4px 10px 0px rgba(2, 93, 89, 0.15);
  color: #fff;*/
  color: #10B3C0;
}
.fwtwlb .fw_bt a{
    width: 1.5rem;
    font-size: .2rem;
    border: 1px solid #d8d8d8;
}
.fwtwlb .fw_bt a.on{
  background: linear-gradient(258deg, #29BEAF -2%, #10B3C0 96%);
  box-shadow: 0px 4px 10px 0px rgba(2, 93, 89, 0.15);
  color: #fff;
 border-bottom: 1px solid transparent;
  }
.fw_bt1 {
  text-align: center;
  border-bottom: 1px solid #EDEDED;
  margin-bottom: .5rem;
}

.fw_bt1 a {
  position: relative;
  display: inline-block;
  margin: 0 .19rem;

  line-height: .6rem;
  border-radius: .3rem;
  font-size: .16rem;
  color: #333;
}

.fw_bt1 a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: #22B5AF;
  opacity: 0;
  z-index: -1;
}

.fw_bt1 a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  border: 0.06rem solid transparent;
  border-top: 0.06rem solid #22B5AF;
  opacity: 0;
  z-index: -1;
}

.fw_bt1 a.on,
.fw_bt1 a:hover {
  color: #22B5AF;
  font-weight: bold;
}

.fw_bt1 a.on::before,
.fw_bt1 a:hover::before {
  opacity: 1;
  z-index: 9;
}

.fw_bt1 a.on::after,
.fw_bt1 a:hover::after {
  opacity: 1;
  z-index: 9;
}

.fw_cont p {
  font-size: .18rem;
  line-height: .34rem;
  color: #353535;
  text-indent: 2em;
  margin-bottom: .15rem;
}

.fw-nr .fw-box {
  background: #FFFFFF;
  padding: .65rem;
}

.fw-pic ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.3rem;
  margin-top: .2rem;
}

.fw-pic ul li {
  width: 33.333%;
  padding: 0 .3rem;
}

.fw-pic ul li a {
  display: block;
}

.fw-pic ul li a .scale .imaged {
  padding-bottom: 74%;
}

@media(max-width: 768px) {
  .fw-nr .fw-box {
    padding: .3rem .2rem;
  }

  .fw-pic ul li {
    padding: 0 .15rem;
  }

  .fw-pic ul {
    margin: 0 -.15rem;
  }
}

/* 在线支持 */
.fw_xl {
  padding: .6rem;
  background: #fff;
}

.fw_xl ul li {
  margin-bottom: .18rem;
  border: 1px solid rgba(34, 181, 175, 0.3);
}

.fw_xl ul li>p {
  position: relative;
  line-height: .54rem;
  padding-left: .65rem;
  padding-right: .65rem;
  background: url(../images/zc_icon.png) no-repeat .26rem center/.15rem auto;
  font-size: .16rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fw_xl ul li>p span {
  position: absolute;
  right: .2rem;
  top: .15rem;
  width: .24rem;
  height: .24rem;
  background: url(../images/add.png) no-repeat center center/.16rem auto;
  cursor: pointer;
}

.fw_xl ul li.on span {
  opacity: 0;
  z-index: -1;
}

.fw_xl .zc_box {
  margin: 0 .26rem;
  padding-left: .22rem;
  padding-bottom: .3rem;
  background: url(../images/szzx_icon.png) no-repeat left .08rem;
  display: none;
}

.fw_xl .zc_box p {
  font-size: .16rem;
  color: #333333;
  line-height: .28rem;
  margin-top: 0;
}

@media(max-width: 768px) {
  .fw_xl {
    padding: .2rem;
  }

  .fw_bt {
    margin-bottom: .2rem;
    display: none;
  }
}
@media(max-width: 1024px) {
  .fw_bt {
    margin-bottom: .2rem;
    display: none;
  }
}

/* 校园风光 */
.xy_tit .xy_lb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: .1rem 0;


}

.xy_tit .xy_lb span {
  width: 1.2rem;
  height: .4rem;
  line-height: .4rem;
  background: linear-gradient(253deg, #29BEAF -2%, #10B3C0 96%);
  border-radius: .1rem;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  margin-right: .2rem;
}

.xy_tit .xy_lb ul {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
}

.xy_tit .xy_lb ul li {
  margin: .1rem 0;
}

.xy_tit .xy_lb ul li a {
  display: block;
  padding: 0 .24rem;
  line-height: .4rem;
  border-radius: .1rem;
  text-align: center;
  font-size: .16rem;
  color: #353535;
}

.xy_tit .xy_lb ul li a:hover {
  color: #22B5AF;
}

.xy_tit .xy_lb ul li.on a {
  background: #FFB200;
  color: #fff;
}

.xy_btnr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 0 .25rem;
}

.xy_btnr .xybtl {
  font-size: .18rem;
  color: #353535;
}

.xy_btnr .xybtl span {
  font-size: .16rem;
  color: #22B5AF
}

.xy_btnr .xybtr {
  display: flex;
  align-items: center;
}

.xy_btnr .xybtr span {
  font-size: .16rem;
  color: #353535;
}

.xy_btnr .xybtr a {
  font-size: .16rem;
  color: #999999;
  margin-left: .2rem;
}

.xy_btnr .xybtr a.on {
  color: #22B5AF;
}

.xyfg ul {
  margin: 0 -0.2rem;
}

.xyfg li {
  width: 25%;
  padding: 0 0.2rem;
  margin-bottom: 0.7rem;
}

.xyfg li a {
  display: block;
  position: relative;
  z-index: 1;
  border-radius: .06rem;
  overflow: hidden;
}

.xyfg li .cont h3 {
  padding: .2rem 0 .1rem 0;
  font-size: .2rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xyfg li .cont p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: .3rem;

}

.xyfg li .cont p span {
  padding-left: .2rem;
  background: url(../images/h2l-rw.png) no-repeat left center/.14rem auto;
  font-size: .16rem;
  color: #9E9E9E;
  flex: 1;
  min-width: 0;
  padding-right: .15rem;
}

.xyfg li .cont p i {
  display: block;
  font-size: .16rem;
  color: #22B5AF;
  font-style: normal;
  width: 1.2rem;
}

.xyfg li .scale .imged {
  padding-bottom: 68.42%;
}

.xyfg li .scale span {cursor: pointer;z-index: 1;position: absolute;left: 0;top: 0;min-width: .9rem;padding: 0 .11rem;line-height: .26rem;background: linear-gradient(247deg, #0FB3C1 20%, #2CBEAD 72%);border-radius: 0.06rem 0rem 0.2rem 0rem;text-align: center;font-size: .16rem;color: #fff;}

.xyfg_kc {
  display: flex;
  flex-wrap: wrap;
}

.xyfg_kc .xykc_l {
  width: 3.6rem;
}

.xyfg_kc .xykc_l .xykc_pic {
  text-align: center;
}

.xyfg_kc .xykc_l .xykc_pic span {
  display: block;
  font-size: .18rem;
  color: #353535;
  margin-top: .2rem;
}

.xyfg_kc .xykc_l .xykc_pic p {
  display: inline-block;
  margin-top: .3rem;
  padding-left: .25rem;
  background: url(../images/kc_icon.png) no-repeat left center/.18rem auto;
  font-size: .18rem;
  color: #22B5AF;
}

.xyfg_kc .xykc_r {
  flex: 1;
  min-width: 0;
  margin-left: .68rem;
}

.xyfg_kc .xykc_l .scale {
  width: 1.07rem;
  height: 1.07rem;
  border-radius: 50%;
  margin: 0 auto;
}

.xyfg_kc .xykc_l .scale .imged {
  padding-bottom: 100%;
}

@media(min-width: 1025px) {
  .xyfg li a:hover h3 {
    color: #0FB3C1;
  }
}

@media(max-width: 1024px) {
  .xyfg .vde {
    margin-bottom: 0.3rem;
  }

  .xyfg ul {
    margin: 0 -0.1rem;
  }

  .xyfg li {
    padding: 0 0.1rem;
    margin-bottom: 0.3rem;
  }

}

@media(max-width: 768px) {
  .xyfg li {
    width: 50%;
  }

}

@media(max-width: 456px) {}

/* 课程详情页 */
.cure_art {
  background: #fff;
  padding: .7rem;
}

.crt_top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.crt_top .scale {
  width: 5.86rem;
}

.crt_top .scale .imged {
  padding-bottom: 62.45%;
}

.crt_top .cont {
  flex: 1;
  min-width: 0;
  padding-left: .5rem;
}

.crt_top .cont h2 {
  font-size: .28rem;
  font-weight: bold;
  color: #353535;
}

.crt_top .cont h3 {
  font-size: .18rem;
  color: #353535;
  font-weight: normal;
  margin-top: .1rem;
}

.crt_top .cont p {
  display: flex;
  align-items: center;
  font-size: .16rem;
  color: #9E9E9E;
  margin-top: .1rem;
}

.crt_top .cont p img {
  margin-right: .05rem;
}

.crt_top .cont span {
  display: block;
  margin-top: .55rem;
  width: 1.56rem;
  height: .46rem;
  line-height: .46rem;
  border-radius: .3rem;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  background: linear-gradient(242deg, #0FB3C1 20%, #2CBEAD 73%);
}

.crt-bottom {
  margin-top: .7rem;
}

.crt-bottom .crtb_tit {
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}

.crt-bottom .crtb_tit span {
  padding: 0 .48rem;
  line-height: .49rem;
  background: #F6F6F6;
  font-size: .16rem;
  color: #353535;
  cursor: pointer;

}

.crt-bottom .crtb_tit span.on {
  background: linear-gradient(241deg, #0FB3C1 19%, #2CBEAD 73%);
  color: #fff;
}

.crt-bottom .crnr_box {
  display: none;
}

.crt-bottom .crnr_box p {
  font-size: .18rem;
  color: #353535;
  line-height: .34rem;
}

.crt-bottom .crnr_box p a {
  word-break: break-all;
}

.crt-bottom .crnr_box.on {
  display: block;
}

.jsjs-rw {
  display: flex;
  flex-wrap: wrap;
}

.jsjs-rw .js-tp {
  width: .6rem;
}

.jsjs-rw .js-tp .scale {
  border-radius: 50%;
}

.jsjs-rw .js-tp .scale .imged {
  padding-bottom: 100%;
}

.jsjs-rw .js-nr {
  flex: 1;
  min-width: 0;
  margin-left: .2rem;
}

.jsjs-rw .js-nr h2 {
  font-size: .2rem;
  color: #22B5AF;
  margin-bottom: .1rem;
}

@media screen and (max-width: 1024px) {
  .cure_art {
    padding: .2rem;
  }

  .crt_top .scale {
    width: 100%;
  }

  .crt_top .cont {
    padding-left: 0;
    margin-top: .2rem;
  }

  .crt_top {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .crt_top .cont span {
    margin-top: .15rem;
  }

  .crt-bottom {
    margin-top: .2rem;
  }

  .crt-bottom .crtb_tit {
    margin-bottom: .2rem;
  }
}

/* 通知公告 */
.tzgg ul {
  justify-content: space-between;
}

.tzgg li {
  margin-bottom: .33rem;
  width: 100%;
}

.tzgg li a {
  padding: 0.4rem .35rem;
  background: #fff;
  height: 2rem;
  align-items: center;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

.tzgg li * {
  transition: 0.5s;
}

.tzgg li a::after {
  /****************************/
}

.tzgg li .date {
  width: 1.1rem;
  height: 1.1rem;
  background: #22B5AF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tzgg li .con {
  width: calc(100% - 1.1rem);
  padding-left: 0.4rem;
}

.tzgg li .date span {
  display: block;
  color: #fff;
  font-size: 0.36rem;
  font-family: geo;
  line-height: 1.1;
}

.tzgg li .date p {
  font-size: 0.2rem;
  color: #fff;
  font-family: geo;
}

.tzgg li h3 {
  font-size: 0.24rem;
  color: #333;
  line-height: 0.36rem;
  margin-bottom: 0.2rem;
  font-weight: 600;
}

.tzgg li h4 {
  font-size: 0.16rem;
  color: #999;
  line-height: 0.3rem;
  max-height: 0.6rem\0;
}



@media(min-width: 1024px) {

  .tzgg li a:hover h3,
  .tzgg li a:hover h4 {
    color: #fff;
  }

  .tzgg li a:hover::after {
    width: 100%;
    border-left: 0.05rem solid #FF8F1F;
  }

  .tzgg li a:hover .date {
    background: #FF8F1F;
    border-radius: 0px 0.25rem 0px 0.25rem;
  }

  .tzgg li a:hover .date p,
  .tzgg li a:hover .date span {
    color: #fff;
  }
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
  .tzgg li {
    width: 100%;
    margin-bottom: 0.3rem;
  }

  .tzgg li a {
    height: auto;
    padding: .2rem;
  }

  .tzgg li h3 {
    margin-bottom: 0.1rem;
  }

  .tzgg li .date {
    width: .9rem;
    height: .9rem;
  }

  .tzgg li .con {
    width: calc(100% - .9rem);
    padding-left: 0.2rem;
  }

}

/* 三级导航 */
.san-nav {
  width: 100%;
  background: #f7f7f7;
  margin-bottom: .4rem;
  display: none;
}

.san-nav ul {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}

.san-nav li {
  /* height: 0.8rem; */
  display: flex;
  align-items: flex-end;
  padding: 0 .3rem;
}

.san-nav a {
  display: inline-block;
  /* margin: 0 0.4rem; */
  font-size: 0.16rem;
  color: #a9a9a9;
  display: flex;
  align-items: center;
  height: 0.5rem;
}

.san-nav a::after {
  height: 0.02rem;
  left: 0;
  background: rgba(0, 0, 0, 0);
  width: 100%
}

.san-nav a.on::after {
  background: #22B5AF;
}

.san-nav a:hover,
.san-nav a.on {
  color: #22B5AF;
}

/* 师资队伍 */
.jsml2 ul {
  justify-content: space-between;
}

.jsml2 li {
  width: 48%;
  margin-bottom: .3rem;
}

.jsml2 li * {
  transition: 0.5s;
}

.jsml2 li a {
  height: 2rem;
  display: block;
  padding: 0.35rem 0.3rem;
  background: rgba(0, 0, 0, 0.04);
}

.jsml2 li a::after {
  width: 0;
  /******************************/
  border-left: 0.03rem solid #22B5AF;
}

.jsml2 li * {
  transition: 0.5s;
}

.jsml2 li .h3 {
  padding-bottom: .2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.jsml2 li h3 {
  font-size: 0.24rem;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
}

.jsml2 li p {
  font-size: 0.16rem;
  color: #999;
  padding-left: 0.2rem;
}

.jsml2 li p span {
  display: inline-block;
  padding: 0 0.1rem;
  transition: 0s;
}

.jsml2 li h4 {
  font-size: 0.16rem;
  color: #999;
  line-height: 0.26rem;
  max-height: .78rem\0;
}

@media(min-width: 1024px) {
  .jsml2 li a:hover::after {
    border-left: 0.05rem solid #FF8F1F;
    width: 100%;
  }

  .jsml2 li a:hover h3,
  .jsml2 li a:hover p,
  .jsml2 li a:hover h4 {
    color: #fff;
  }

}

@media(max-width: 1024px) {
  .jsml2 li {
    width: 49%;
    margin-bottom: .3rem;
  }
}

@media(max-width: 768px) {
  .jsml2 li {
    width: 100%;
  }
}

/* 师资内容 */

.xrld .fl02 {
  padding: .1rem 0rem;
}

.xrld .fl02 .scale {
  width: 21%;
}

.xrld .fl02 .con {
  width: 79%;
  padding-left: .4rem;
}

.xrld .fl02 .con .h3 h3 {
  font-size: 0.2rem;
  color: #333;
  font-weight: bold;
  align-items: flex-end;
}

.xrld .fl02 .con .h3 span {
  font-size: 0.14rem;
  color: #808080;
  display: inline-block;
  padding-left: .15rem;
  font-weight: normal;
}

.xrld .fl02 .h3 p {
  padding: .2rem 0;
  border-bottom: 1px solid #cccccc;
  font-size: 0.16rem;
  color: #333;
}

.xrld .fl02 .con .cont {
  padding-top: .25rem;
}

.xrld .fl02 .imged {
  padding-bottom: 140%;
}

.xrld .cont p {
  font-size: 0.17rem !important;
  color: #333;
  line-height: 0.32rem !important;
  text-align: justify;
}

@media(max-width: 1024px) {
  .xrld {
    padding: 0;
    background: none;
  }
}

@media(max-width: 768px) {
  .xrld .fl02 .con {
    padding-left: .2rem;
  }

  .xrld .fl02 .h3 p {
    padding: .1rem 0;
  }

  .xrld .fl02 .con .cont {
    padding-top: .1rem;
  }


}

@media(max-width: 420px) {
  .xrld .fl02 .scale {
    width: 50%;
    margin: 0 auto 0.25rem;
  }

  .xrld .fl02 .con {
    width: 100%;
    padding-left: 0rem;
  }
}

/* 组织机构 */
.zzjg {
  padding-top: 0.4rem;
}

.jglist {
  margin-bottom: 0.6rem;
}

.jglist .tit {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.35rem;
}

.jglist .tit h3 {
  width: 2.3rem;
  text-align: center;
  font-size: 0.3rem;
  font-weight: bold;
  color: #22B5AF;
}

.jglist .tit img {
  width: calc((100% - 2.3rem)/2);
}

.zzjg ul {
  margin: 0 -0.25rem;
}

.zzjg li {
  width: 33.3%;
  padding: 0 0.25rem;
}

.zzjg li h3 {
  height: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0px 0.48rem 0px 0px;
  padding-left: 0.2rem;
  border-bottom: 1px dashed #ddd;
}

.zzjg li h3::after {
  width: 100%;
  left: -0.05rem;
  bottom: -0.05rem;
  border-radius: 0px 0.45rem 0px 0px;
  background: #22B5AF;
  opacity: 0;
}

.zzjg li h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background: #22B5AF;
}

.zzjg li a {
  font-size: 0.2rem;
  color: #111;
  line-height: 1.3;
  transition: 0.5s;
  display: inline-block;
  font-weight: 500;
}


@media(min-width: 1025px) {
  .zzjg li h3:hover {
    border: 1px solid #22B5AF
  }

  .zzjg li h3:hover::after {
    opacity: 1;
  }

  .zzjg li h3:hover a {
    color: #fff;
    font-weight: 700;
  }
}

@media(max-width: 1024px) {
  .zzjg {
    padding-top: 0rem;
  }

  .zzjg ul {
    margin: 0 -0.1rem;
  }

  .zzjg li {
    width: 33.3%;
    padding: 0 0.1rem;
  }
}

@media(max-width: 768px) {
  .zzjg li {
    width: 50%;
  }

  .jglist .tit img {
    display: none;
  }

  .jglist .tit h3 {
    width: auto;
    margin: 0 auto;
    font-size: 0.26rem;
  }

  .jglist {
    margin-bottom: 0.3rem;
  }

  .jglist .tit {
    margin-bottom: 0;
  }
}

@media(max-width: 456px) {
  .zzjg li {
    width: 100%;
  }
}

/* 简介 */
.xyjj .fl01 {
  margin-bottom: 0.35rem;
  justify-content: space-between;
}

.xyjj .cont p {
  font-size: 0.18rem !important;
  line-height: 0.34rem !important;
  color: #666666 !important;
  text-align: justify;
  margin-bottom: 0.3rem;
}

.xyjj .cont p span {
  font-size: 0.18rem !important;
  line-height: 0.34rem !important;
  color: #666666 !important;
}

.xyjj .fl01 .left {
  width: 57%;
}

.xyjj .fl01 .right {
  width: 39%;
}

.xyjj .fl01 .left img {
  width: 100%;
}

.xyjj .fl01 .right .h3 {
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 0.33rem;
}

.xyjj .fl01 .right h3 {
  font-size: 0.32rem;
  color: #222;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.xyjj .fl01 .right h4 {
  font-size: 0.26rem;
  color: #222;
  font-weight: 500;
  padding-left: 0.35rem;
}

.xyjj .fl01 .right h4 span {
  font-size: 0.36rem;
  color: #B01709;
  font-weight: 700;
}

.xyjj .fl01 .right h4::after {
  width: 2.4rem;
  height: 0.07rem;
  /*********************************/
  background-size: 100%;
  left: auto;
  right: 100%;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

@media(max-width: 768px) {
  .xyjj .fl01 .left {
    width: 100%;
  }

  .xyjj .fl01 .right {
    width: 100%;
    order: -1;
    margin-bottom: 0rem;
  }

  .xyjj .fl01 .right h4 span {
    font-size: 0.3rem;
  }
}

/* 教学空间 */
.jxkj {
  display: flex;
  flex-wrap: wrap;
  margin-top: .65rem;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 0.1rem;
  border: 2px solid #FFFFFF;
  padding: .4rem .7rem;
}

.jxkjl {
  width: 2.25rem;
  margin-right: .55rem;
}

.jxkjl>ul>li {
  position: relative;
  border-bottom: 1px solid #E8E8E8;
}

.jxkjl>ul>li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #22B5AF;
  transition: all .6s;
}

.jxkjl>ul>li>span {
  position: absolute;
  right: .1rem;
  top: .2rem;
  width: .2rem;
  height: .2rem;
  background: url(../images/zk1.png) no-repeat center center/.17rem auto;
  cursor: pointer;
}

.jxkjl>ul>li.on>span {
  background: url(../images/zk1.png) no-repeat center center / .17rem auto;
}

.jxkjl>ul>li>a {
  display: block;
  padding: .2rem 0;
}

.jxkjl>ul>li>a>h3 {
  position: relative;
  padding-left: .34rem;
  font-size: .20rem;
  color: #333;
  font-weight: bold;
}

.jxkjl>ul>li.on>a>h3,
.jxkjl>ul>li:hover>a>h3 {
  color: #22B5AF;
}

.jxkjl>ul>li.on:after,
.jxkjl>ul>li:hover:after {
  width: 100%;
}

.jxkjl>ul>li>a>h3:after {
  content: "";
  position: absolute;
  left: .1rem;
  top: 50%;
  transform: translateY(-50%);
  width: .04rem;
  height: .04rem;
  border-radius: 50%;
  background: #22B5AF;
}

.jxkjl>ul>li>ul {
  display: block;
  padding-bottom: .2rem;
}

.jxkjl>ul>li>ul>li {
  line-height: .35rem;
}

.jxkjl>ul>li>ul>li>a {
  font-size: .18rem;
  color: #333;
  padding: 0 0 0 .4rem;
}

.jxkjl>ul>li>ul>li.on>a {
  color: #22B5AF;
}

.jxjsr {
  flex: 1;
  min-width: 0;
}

.jxkjr {
  flex: 1;
  min-width: 0;
}

.jxkj .xyfg li {
  width: 33.333%;
}
.jxkj .xyfg li .scale{
    position: relative;
}
@media(max-width: 1024px) {
  .jxbt {
    display: none;
  }

  .jxkj {
    margin-top: .2rem;
    padding: .2rem;
  }

  .jxkjl {
    display: none;
  }
}

@media(max-width: 768px) {
  .jxkj .xyfg li {
    width: 50%;
  }

  .jxkj {
    margin-top: 0;
  }
}

/* 教学技术 */
.jxjsl>ul>li>a>h3 {
  padding-left: .4rem;
}

.jxjsl>ul>li>a>h3:after {
  display: none;
}

.jxjsl>ul>li>a>h3 i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  background: #F1F1F1;
}

.jxjsl>ul>li>a>h3 i img {
  max-height: .17rem;
}

.jxjsl>ul>li>a>h3 i .js_ico {
  display: none;
}

.jxjsl>ul>li.on>a>h3 i,
.jxjsl>ul>li:hover>a>h3 i {
  background: linear-gradient(209deg, #0FB3C1 12%, #2CBEAD 86%);
}

.jxjsl>ul>li.on>a>h3 i .js_ic,
.jxjsl>ul>li:hover>a>h3 i .js_ic {
  display: none;
}

.jxjsl>ul>li.on>a>h3 i .js_ico,
.jxjsl>ul>li:hover>a>h3 i .js_ico {
  display: block;
}

.jxjs_list li {
  position: relative;
  padding-left: .3rem;
  padding-right: 1rem;
  line-height: .6rem;
  border-bottom: 1px dashed #D4F3F2;
  width: 100%;
}

.jxjs_list li a {
  display: block;
  font-size: .18rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jxjs_list li a span {
  position: absolute;
  right: 0;
  top: 0;
}

.c_time {
  float: right;
}

.jxjs_list li:After {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .06rem;
  height: .06rem;
  border-radius: 50%;
  background: #22B5AF;
}

/* 文字列表 */
.wz_list ul {
  justify-content: space-between;
}

.wz_list ul li {
  width: 49%;
  border-top: 2px solid #22B5AF;
  background: #fff;
  margin-bottom: .5rem;
  transition: all .6s;
}

.wz_list ul li:hover {
  box-shadow: 0 0 10px #c5c2c2;
}

.wz_list ul li a {
  display: block;
  padding: .2rem;
}

.wz_list ul li a span {
  position: relative;
  padding-left: .2rem;
  font-size: .18rem;
  color: #353535;
  font-family: Bebas
}

.wz_list ul li a span:After {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .06rem;
  height: .06rem;
  border-radius: 50%;
  background: #22B5Af;
}

.wz_list ul li a h2 {
  margin: .15rem 0;
  font-size: .2rem;
  color: #353535;

}

.wz_list ul li:hover a h2 {
  color: #22B5AF;
}

.wz_list ul li a p {
  font-size: .16rem;
  color: #999999;
  line-height: .28rem;
  height: .56rem;
  overflow: hidden;
}

.wz_list .fw_bt2 a {
  display: block;
  line-height: .98rem;
  text-align: center;
  background: url(../images/sl_titbg.png) no-repeat center center / 2.07rem auto;
  font-size: .4rem;
  color: #353535;
  margin-bottom: .2rem;
}


@media(max-width: 768px) {
  .wz_list ul li {
    width: 100%;
    margin-bottom: .2rem;
  }
}

/* content */
.article .tit {
  color: #333;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-align: center;
  font-weight: bold;
}

.article .conttime {
  margin: 0.2rem 0;
  padding-bottom: 0.1rem;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.article .conttime span {
  font-size: 0.14rem;
  color: #888;
  align-items: center;
  margin: 0 0.3rem 0 0;
  line-height: 0.3rem;
}

.article .cont {
  padding-bottom: 0.5rem;
}

.article .cont p {
  font-size: 0.18rem !important;
  color: #353535;
  line-height: 0.34rem !important;
  margin-bottom: 0.2rem;
  text-indent: 2em;
  text-align: justify;
  margin-bottom: 0.15rem;
}

.article .cont p span {
  display: block;
  text-align: center;
  font-size: .18rem;
  color: #666666;
  margin-top: .1rem;
}

.article p.art_gb {
  text-align: center;
  margin-top: .4rem;
}

.article p.art_gb a {
  display: block;
  width: 1.35rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  background: #14499A;
  font-size: .18rem;
  color: #FFFFFF;
  margin: 0 auto;
}

.article table p {
  text-indent: 0 !important;
}

.article p img,
.article video {
  display: block !important;
  height: auto !important;
  margin: 0 auto;
}

.new_miew {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 0.3rem;
  border-top: 1px solid #14499A;
}

.new_miew p {
  /* margin-bottom: 0.1rem; */
  font-size: 0.2rem;
  color: #333;
  line-height: 0.32rem;
  transition: 0.5s;
}

.new_miew p:hover a {
  color: #14499A;
}

.new_miew p a {
  color: #333;
  transition: 0.5s;
  padding-left: 0.1rem;
  transition: 0.5s;
}

@media screen and (max-width: 1024px) {
  .new-cont {
    width: 100%;
    padding-top: 0rem;
  }

  .cont-tit span {
    margin-right: 0.2rem;
  }

  .new-cont h2 {
    font-size: 0.24rem;
  }

  .cont-tit {
    margin: 0.15rem 0 0.1rem;
  }


}

@media screen and (max-width: 768px) {
  .article .cont {
    padding-bottom: .2rem;
  }

  .article .tit {
    font-size: .26rem;
  }

  .article {
    padding: .25rem;
  }
}

/*====翻页====*/
.j_pages {
  display: flex;
  justify-content: center;

  flex-wrap: wrap;
}

.j_pages .box {
  display: flex;
  padding: 0;
  font-size: 0;
  align-items: center;
  flex-wrap: wrap;
}

.j_pages a {
  padding: 0px 0.13rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px 0.1rem;
  color: #919191;
  font-size: 0.18rem;
  transition: all .3s;


}

.j_pages a img {
  height: .17rem;
}

.j_pages a font {
  padding: 0 0.1rem
}

.j_pages .on {
  background: #22B5AF;
  color: #fff;
  border: none;
}

.j_pages a:hover {

  color: #22B5AF !important;
}

.j_pages span {
  color: #919191;
  height: 0.34rem;
  line-height: 0.34rem;
  display: inline-block;
  font-size: 0.14rem;
}

.j_pages input {
  color: #919191;
  padding: 0px 0.16rem;
  height: 0.4rem;
  line-height: 0.4rem;
  display: inline-block;
  font-size: 0.14rem;
  background: #f6f6f6;
  border: none;
  cursor: pointer;
  border-radius: 0;
  transition: 0.6s;
}

.j_pages input[type="text"] {
  width: 0.4rem;
  padding: 0;
  text-align: center
}

.j_pages input[type="submit"]:hover {
  background: #22B5AF;
  color: #fff
}


/* public */
@media(max-width: 1200px) {
  .ban:before {
    top: 0;
    display: none;
  }
}

@media(max-width: 1024px) {

  .inner_left,
  .inner_right .lm_top .adress,
  .local h2 {
    display: none;
  }

  .inner_right {
    width: 100%;
    padding-left: 0;
  }

  .wrap_ph {
    display: block;
  }

  .inner {
    padding: 0.3rem 0;
  }

  .page {
    margin: .25rem 0 0;
  }

  .san-nav {
    display: block;
  }

  .j_pages {
    margin: .2rem 0;
  }

  .xyfg_kc .xykc_l {
    width: 2rem;
  }

  .xyfg_kc .xykc_r {
    margin-left: .2rem;
  }
}

@media(max-width: 768px) {
  .txt1 {
    font-size: 0.2rem !important;
  }

  .p1 {
    line-height: 0.26rem !important;
    font-size: 0.16rem !important;
  }

  .ban .imged {
    padding-bottom: 35%;
  }

  .xyfg_kc .xykc_l {
    width: 100%;
  }

  .xyfg_kc .xykc_r {
    margin-left: 0;
    flex: none;
    width: 100%;
    margin-top: .3rem;
  }

  .xyfg_kc .xykc_l .xykc_pic p {
    margin-top: .2rem;
  }
}
/* 2025.3.16 */
.fwtwlb ul{display: flex;flex-wrap: wrap;align-items: center;margin: 0 -.16rem;;}
.fwtwlb ul li{width: 33.333%;padding: 0 .16rem;margin-bottom: .75rem;}
.fwtwlb ul li a{position: relative;display: flex;flex-wrap: wrap;padding: .25rem;background: linear-gradient(246deg, #FFFBF5 2%, rgba(255, 251, 245, 0) 99%);transition: all .6s;}
.fwtwlb ul li a::after{content: "";position: absolute;left: .25rem;right: .25rem;bottom: .5rem;height: 1px;background:#E1E1E1;}
.fwtwlb ul li a .tw-tp{width:.88rem;}
.fwtwlb ul li a .tw-tp img{display: block;max-width: 100%;}
.fwtwlb ul li a .tw-nr{margin-left: .3rem;flex:1;min-width: 0;}
.fwtwlb ul li a .tw-nr h2{font-size: .26rem;color: #353535;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fwtwlb ul li a .tw-nr p{font-size: .16rem;color: #666666;line-height: .26rem;height: .52rem;margin: .1rem 0;}

.fwtwlb ul li a .tw-nr span{padding-top: .15rem;font-size: .14rem;color: #666666;display: block;text-align: right;}

.fwtwlb ul li:nth-child(2n) a{background: linear-gradient(246deg, #F8FFF4 2%, rgba(255, 251, 245, 0) 99%), linear-gradient(246deg, #E7FCFF 2%, rgba(255, 251, 245, 0) 99%);}
.fwtwlb ul li:hover a{box-shadow: 0 0 10px #eee;}
@media(max-width: 1024px){.fwtwlb ul li{width:50%}}
@media(max-width: 768px){.fwtwlb ul li{width: 100%;margin-bottom: .2rem;}}