.content {
  max-width: 1300px;
}
.familyTop25 {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.familyTop25 .content {
  display: flex;
  justify-content: space-between;
}
.familyTop25Right,
.familyTop25Left {
  display: flex;
  align-items: center;
}
.familyTop25Left .familyTopR {
  margin-right: 0;
  padding-right: 0;
  margin-left: 10px;
  padding-left: 15px;
}
.familyTop25Left .familyTopR::before {
  right: auto;
  left: 0;
}
.familyLogin25 {
  display: flex;
}
.loginDivR ul li a:hover {
  color: #007aff !important;
}

.familyTop25Right .search {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f1f4f7;
  border-radius: 12px;
}
.familyTop25Right .search input.searchResources {
  background-color: transparent;
  border: 0;
  width: 250px;
}
.familyTop25Right input.buttonSearch {
  position: relative;
  border: 0;
  background: #ff6d55 url(../images/Img2025/into1.png) no-repeat center !important;
  border-radius: 12px;
  min-width: 48px;
  width: 48px;
  height: 48px;
}
.familyTop25Right #totopShop {
  display: block;
  height: 48px;
  width: 48px;
  margin-left: 10px;
  background: url(../images/Img2025/into2.png) no-repeat center #4a82ff;
}
.loginDiv::after {
  background-color: #4d7bff;
  background-image: linear-gradient(to right, #37c2fe, #556bff);
}
.loginDivL > div span:nth-child(3) input {
  background-image: linear-gradient(to top right, #558aff, #306bef);
}
.loginDiv > div {
  box-shadow: 0 3px 5px rgba(49, 147, 252, 0.23);
  background-image: linear-gradient(to bottom, #ebf9ff, #fff);
}
.loginDivL > div span:nth-child(1) input,
.loginDivL > div span:nth-child(2) input {
  background-color: #e8f0fe;
}
.IndResource .titleH1 {
  text-align: center;
  padding: 10px 10px 20px 10px;
}
.IndResource .titleH1 h1 {
  padding-top: 20px;
  padding-bottom: 8px;
  color: #0b68da;
  font-size: 28px;
}
.IndResource .titleH1 span {
  font-size: 17px;
}
.IndResource .titleH1 > h1 span {
  padding-top: 5px;
  font-size: 20px;
  color: #162856;
  line-height: 20px;
  display: block;
  margin: auto;
  font-weight: 600;
}
.kjycxMain {
  background-color: #f4f7ff;
  background-color: #fff;
}
.kjycxMain .titleH1 {
  text-align: center;
  padding: 10px 10px 20px 10px;
  height: 240px;
  background: url(../images/Img2025/kj_bj.png) no-repeat center top #2066d5;
}
.kjycxMain .titleH1 h1 {
  padding-top: 20px;
  padding-bottom: 8px;
  font-size: 28px;
  color: #fff;
}
.kjycxMain .titleH1 h1 > span {
  padding-top: 5px;
  font-size: 20px;
  line-height: 20px;
  display: block;
  margin: auto;
  font-weight: 600;
  color: #fff;
}
.kjycxMain .titleH1 > span {
  font-size: 17px;
  color: #31fafe;
}
.kjycxSpan {
  max-width: 1280px;
  margin: auto;
  padding-top: 10px;
  display: block;
}
.kjycxSpan div {
  line-height: 23px;
  font-size: 18px;
}
.kjycxUl {
  display: flex;
  background-color: #f4f7ff;
  margin-top: -50px;
  border-radius: 15px;
  text-align: center;
  padding: 50px 10px;
}
.kjycxUl li {
  padding: 20px;
  width: 20%;
}
.kjycxUl li > div {
  border: 2px dotted #b7c6f4;
  padding: 20px 10px;
  position: relative;
}
.kjycxUl li > div::before,
.kjycxUl li > div::after,
.kjycxUl li > div header::before,
.kjycxUl li > div header::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #4c74f1;
  left: -6px;
  top: -6px;
}
.kjycxUl li > div::after {
  top: auto;
  bottom: -6px;
}
.kjycxUl li > div header::before {
  top: auto;
  left: auto;
  right: -6px;
  bottom: -6px;
}
.kjycxUl li > div header::after {
  left: auto;
  right: -6px;
}
.kjycxUl li header {
  font-size: 20px;
  color: #000;
}
.kjycxUlNew {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  margin-top: -50px;
  text-align: center;
  padding: 15px;
  border-radius: 15px;
}
.kjycxUlNew li {
  width: 20%;
  padding: 10px;
}

.kjycxUlNew li > header {
  overflow: hidden;
  position: relative;
}
.kjycxUlNew li > header > div {
  background-color: #eff8ff;
  background: url(../images/Img2025/kj_bj1.png) no-repeat #f2f9ff;
  background-size: 100% auto;
  display: block;
  text-align: center;
  padding: 0px 10px 20px 10px;
  cursor: pointer;
  border-radius: 10px;
}
.kjycxUlNew li > header > div img {
  width: 90%;
  max-width: 250px;
}
.kjycxUlNew li > header > div h1 {
  font-size: 20px;
}
.kjycxUlNew li > header > div h1 span {
  display: block;
  font-size: 16px;
  opacity: 0.8;
}

.kjycxUlNew li > header footer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
  -webkit-transform: scale3d(0, 1, 0);
  -ms-transform: scale3d(0, 1, 0);
  -o-transform: scale3d(0, 1, 0);
  transform: scale3d(0, 1, 0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  align-items: center;
  display: flex;
}
.kjycxUlNew li > header footer > div {
  width: 100%;
  max-width: 350px;
  margin: auto;
}
.kjycxUlNew li > header:hover footer {
  visibility: visible;
  background-color: rgba(21, 89, 238, 0.68);
  background-color: rgba(251, 75, 104, 0.88);
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.kjycxUlNew li > header footer h1 {
  font-size: 20px;
  padding-bottom: 5px;
  display: none;
}
.kjycxUlNew li > header footer h1 > div {
  font-size: 20px;
}
.kjycxUlNew li > header footer h1 span {
  font-size: 16px;
  display: block;
  padding: 5px 0;
}
.kjycxUlNew p span {
  display: block;
  color: #fff;
  max-width: 350px;
}
.kjycxUlNew p span:nth-child(1) {
  padding-bottom: 3px;
  font-size: 16px;
  line-height: 20px;
  display: none;
}
.kjycxUlNew p span:nth-child(2) {
  font-size: 16px;
}
.IndBuddy {
  background: url(../images/Img2025/xb_bj.png) no-repeat center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  background-size: auto 100%;
}
.IndBuddy > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.IndBuddyLeft {
  width: 67%;
  display: flex;
  height: 100%;
  padding-left: 20px;
}
.IndBuddyLeft > div {
  width: 50%;
  padding: 10px;
}
.IndBuddyLeft > div:nth-child(1) footer {
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
.IndBuddyLeft > div:nth-child(1) footer img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.IndBuddyTitle {
  text-align: center;
  width: 100%;
  padding-top: 25px;
}
.IndBuddyTitle h1 {
  font-size: 30px;
  color: #1d54e3;
  padding-bottom: 10px;
}
.IndBuddyTitle h2 {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.IndBuddyTitle header div {
  padding-top: 5px;
}
.IndBuddyTitle header span {
  display: block;
  font-size: 17px;
  margin-top: 5px;
}
.IndBuddyTitle header span:nth-child(2) {
  line-height: 18px;
}
.IndBuddyLeft ul {
}
.IndBuddyLeft ul li {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  line-height: 50px;
  font-size: 20px;
  color: #000;
  display: flex;
  justify-content: space-between;
  padding: 0 15px 0 55px;
  position: relative;
}
.IndBuddyLeft ul li::before {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  left: -1px;
  top: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #8fa2b3;
}
.IndBuddyLeft ul li span:last-child {
  color: #ed2907;
}
.IndBuddyLeft ul li b {
  position: absolute;
  left: 24px;
  color: #69839b;
}
.IndBuddyLeft ul li:nth-child(1) b,
.IndBuddyLeft ul li:nth-child(2) b,
.IndBuddyLeft ul li:nth-child(3) b {
  color: transparent;
}
.IndBuddyLeft ul li:nth-child(1) {
  background: url(../images/Img2025/into4.png) no-repeat center left 10px
    rgba(255, 255, 255, 0.8);
}
.IndBuddyLeft ul li:nth-child(2) {
  background: url(../images/Img2025/into5.png) no-repeat center left 10px
    rgba(255, 255, 255, 0.8);
}
.IndBuddyLeft ul li:nth-child(3) {
  background: url(../images/Img2025/into6.png) no-repeat center left 10px
    rgba(255, 255, 255, 0.8);
}
.IndBuddyLeft ul li:nth-child(1)::before {
  background-color: #fd7e02;
}
.IndBuddyLeft ul li:nth-child(2)::before {
  background-color: #4585fb;
}
.IndBuddyLeft ul li:nth-child(3)::before {
  background-color: #d36f45;
}

.IndStudy {
  background-color: #f4fafe;
}
.IndStudy ul {
  justify-content: center;
}
.IndStudy ul li {
  padding: 20px 25px;
  width: 33.333333%;
}
.IndStudy ul li a {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.05);
  border-radius: 14px;
  transition: all 0.3s;
}
.IndStudy ul li a:hover {
  transform: scale(1.053);
}
.IndStudy ul li a > div {
  border: 0;
}
.IndStudy ul li a::after,
.IndStudy ul li a::before {
  display: none;
}
.IndResource .search {
  display: none;
}
.IndResource {
  padding-top: 0;
}
.IndBuddyTit {
  font-size: 20px;
  background-position: center left !important;
  padding-left: 55px;
  min-height: 50px;
  line-height: 50px;
  margin-bottom: 3px;
  position: relative;
}
.IndBuddyTit span:nth-child(2) {
  font-size: 18px;
}
.IndBuddyLeft > div:nth-child(1) .IndBuddyTit {
  background: url(../images/Img2025/into7.png) no-repeat center;
}
.IndBuddyLeft > div:nth-child(2) .IndBuddyTit {
  background: url(../images/Img2025/into8.png) no-repeat center;
}
.IndBuddyRight {
  width: 33%;
  padding: 10px 30px 10px 10px;
}
.IndBuddyRight .IndBuddyTit {
  background: url(../images/Img2025/into9.png) no-repeat center;
}

.IndBuddyVideo {
  background-color: #d1e2fa;
  border-radius: 10px;
  padding: 8px;
}
.IndVideoDiv {
  height: 235px;
  border-radius: 8px;
  background-color: #000;
  display: flex;
  align-items: center;
}
.IndVideoDiv > img {
  cursor: pointer;
}
.IndBuddyVideo footer ul {
  display: flex;
  padding: 8px 0 2px 0;
}
.IndBuddyVideo footer li {
  padding-right: 8px;
  position: relative;
}
.IndBuddyVideo footer li::before {
  position: absolute;
  right: 2px;
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  top: 10px;
}
.IndBuddyVideo footer li:last-child:before {
  display: none;
}
.IndBuddyVideo footer li span {
  font-size: 18px;
  line-height: 30px;
  padding: 5px 10px;
  border-radius: 8px;
  cursor: pointer;
  /* background-color: #fff; */
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 75px;
}
.IndBuddyVideo footer li.active span {
  /* background-color: #5990ff; */
  color: #2684f6;
  font-weight: bold;
}
.IndBuddyVideo ul span::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background: url(../images/Img2025/into10s.png) no-repeat center;
}
.IndBuddyVideo ul li.active span::before {
  background: url(../images/Img2025/into10s2.png) no-repeat center;
}
.IndBuddyVideo ul span:hover::before {
  background: url(../images/Img2025/into10s1.png) no-repeat center;
}
.IndBuddyVideo ul span:hover {
  color: #2d73ff;
}
.IndMore {
  position: absolute;
  right: 0;
  top: 15px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.IndMore::before {
  position: absolute;
  content: "";
  display: block;
  width: 45%;
  height: 45%;
  border-right: #5e7dd1 2px solid;
  border-top: #5e7dd1 2px solid;
  transform: rotate(45deg);
  opacity: 0.4;
}
.IndMore::after {
  position: absolute;
  content: "";
  display: block;
  width: 45%;
  height: 45%;
  border-right: #5e7dd1 2px solid;
  border-top: #5e7dd1 2px solid;
  transform: rotate(45deg);
  margin-left: -15px;
}

.swiper-button-next {
  margin-right: -700px;
}
.swiper-button-prev {
  margin-left: -700px;
}
.videos {
  display: none;
  position: fixed;
  z-index: 999;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.videos.active {
  display: flex;
}
.videos header {
  min-width: 300px;
  min-height: 200px;
  max-width: 800px;
  width: 100%;
  margin: 0 50px;
  position: relative;
  display: flex;
  background-color: #000;
  align-content: center;
}
.videos header video {
  width: 100%;
  margin: 10px 0;
}
.vclose {
  position: absolute;
  right: -40px;
  top: -40px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.vclose:before {
  position: absolute;
  width: 60%;
  height: 4%;
  background-color: #fff;
  content: "";
  transform: rotate(45deg);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.vclose:after {
  position: absolute;
  width: 60%;
  height: 4%;
  background-color: #fff;
  content: "";
  transform: rotate(-45deg);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.IndBuddyN .IndBuddyLeft,
.IndBuddyN .IndBuddyRight {
  width: 50%;
}
.IndBuddyN .IndBuddyLeft > div {
  width: 100%;
}
.IndBuddyN .IndVideoDiv {
  height: 330px;
}
.IndBuddyN .IndVideoDiv > img {
  width: 100%;
}
.serviceUpNew {
  bottom: 80px !important;
}
.loginMA .loginDivL > div span:nth-child(1) {
  width: 45%;
}
.loginMA .loginDivL > div span:nth-child(2) {
  margin: 0 3px;
  width: 30%;
}
.loginMA .loginDivL > div span:nth-child(3) {
  display: flex;
  min-width: 250px;
  width: 35%;
  margin-right: 0;
}
.loginMA .loginDivL > div span:nth-child(3) input:nth-child(1) {
  padding: 0 20px 5px 20px;
}
.loginMA .loginDivL > div span:nth-child(3) .loginFooter header {
  margin-left: 10px;
  padding: 0 10px 5px 15px;
  background-color: #35b7f1;
  background-image: linear-gradient(to top right, #35b7f1, #35b7f1);
  display: flex;
  border-radius: 13px;
  position: relative;
}
.loginMA .loginDivL > div span:nth-child(3) .loginFooter header input {
  background: transparent;
  padding: 0 5px 0 0;
}
.loginJTop b {
  width: 20px;
  height: 100%;
  display: flex;
  background: url(../images/intojt.png) no-repeat center;
  transform: rotate(180deg);
  margin-top: 3px;
  cursor: pointer;
  background-size: auto 70%;
}
.loginJTop:hover {
}
.loginJTop > div {
  position: absolute;
  right: 0;
  top: 65px;
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
  min-width: 100%;
}
.loginJTop > div > div {
  border: 1px solid #ebeef5;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  padding: 8px 10px;
}
.loginJTop > div input {
  color: #000 !important;
  line-height: 40px !important;
  text-align: left;
  font-size: 18px;
}
.loginJTop div input:hover {
  background-color: #f7f9fa;
  color: #0b68da !important;
}
.loginJTop:hover > div {
  display: block;
  opacity: 1;
  top: 45px;
  margin-top: 0;
  visibility: visible;
  padding-top: 15px;
}
.loginQT {
  position: relative;
  padding-left: 15px;
}
.loginQT > div:nth-child(1) {
  position: absolute;
  top: -30px;
  color: #3973f3;
  display: none;
}
.loginQT > div {
  display: flex;
}
.loginQT > div button {
  width: 55px;
  height: 55px;
  background-color: #e5f2ff;
  border-radius: 13px;
  position: relative;
  background-size: 65% !important;
  display: flex;
  justify-content: center;
}
.loginQT > div button b {
  position: absolute;
  background-color: #303133;
  line-height: 40px;
  padding: 0 10px;
  border-radius: 8px;
  display: none;
  top: -50px;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
}
.loginQT > div button b::before {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  background-color: #303133;
  transform: rotate(45deg);
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}
.loginQT > div button:hover b {
  display: flex;
}
.loginQT > div button:nth-child(1) {
  background: url(../images/Img2025/into14.png) no-repeat center #e5f2ff;
  margin-right: 15px;
}
.loginQT > div button:nth-child(2) {
  background: url(../images/Img2025/into15.png) no-repeat center #e5f2ff;
}

@media screen and (min-width: 1921px) {
  .content {
    max-width: 65vw;
  }
  .imgPC {
    height: auto;
  }
  .kjycxMain .titleH1 {
    background-size: 100% auto;
  }
  .IndBuddyN .IndVideoDiv {
    height: 17.5vw;
  }
  .IndStudyImg img {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .swiper-button-next {
    right: 2%;
    margin-right: 0;
  }
  .swiper-button-prev {
    left: 2%;
    margin-left: 0;
  }
}

@media (max-width: 1330px) {
  .IndBuddyN .IndVideoDiv {
    height: auto;
  }
  .familyLogin25 img,
  .familyTop25Left .logonN img {
    height: 70px;
  }
  .familyTop25Right {
    padding-right: 5px;
  }
  .IndBanner {
    padding-top: 70px;
  }
  .content {
    padding: 0 12px;
  }
  .familyTop25 .content {
    padding: 0 8px;
  }
  .imgPC {
    height: 40vw;
  }
  .loginDiv {
    margin-top: -3vw;
  }
  .IndSwiper {
    bottom: 4vw;
  }
  .kjycxMain .titleH1 h1 {
    padding-top: 15px;
  }
  .kjycxMain .titleH1 {
    height: 250px;
  }
  .IndStudy ul {
    padding: 10px 0;
  }
}
@media (max-width: 1200px) {
  .IndStudy ul li {
    padding: 20px;
  }
  .IndBuddyVideo footer li span {
    min-width: 55px;
    padding: 5px;
  }
}
@media (max-width: 1099px) {
  .loginMA .loginDivL > div span input {
    border-radius: 10px;
  }
  .loginMA .loginDivR ul li span {
    font-size: 15px;
  }
  .loginMA .loginDivL > div span:nth-child(3) input {
    line-height: 48px;
    font-size: 18px;
    padding-bottom: 2px !important;
  }
  .loginMA .loginDivL > div span:nth-child(3) input:nth-child(1) {
    padding: 0 15px 5px 15px;
  }
  .loginMA .loginDivL > div span:nth-child(3) input:nth-child(2) {
    padding: 0 10px 5px 10px;
  }
  .loginQT > div button {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 1024px) {
  .swiper-button-next {
    right: 1%;
    margin-top: -4vw;
  }
  .swiper-button-prev {
    left: 1%;
    margin-top: -4vw;
  }
  .IndBuddyLeft ul li b {
    left: 0;
    width: 40px;
    font-size: 16px;
    text-align: center;
  }
  .IndBuddyTitle h1 {
    font-size: 26px;
    padding-bottom: 5px;
  }
  .IndBuddyTitle h2 {
    font-size: 18px;
  }
  .IndBuddyTitle header span {
    font-size: 16px;
  }
  .IndBuddyTitle header span:nth-child(2) {
    margin-top: 0;
  }
  .kjycxUlNew,
  .kjycxUlNew li {
    padding: 10px;
  }
  .IndStudy ul li {
    padding: 20px 15px;
  }
  .kjycxUlNew p span:nth-child(2) {
    font-size: 15px;
    line-height: 18px;
  }
  .kjycxUlNew li > header > div {
    padding: 0px 5px 15px 5px;
  }
  .kjycxUlNew {
    padding: 10px 5px;
  }
  .kjycxUlNew li {
    padding: 10px 6px;
  }
  .kjycxMain .titleH1 > span {
    font-size: 15px;
  }
  .kjycxSpan div {
    line-height: 18px;
    font-size: 16px;
  }
  .kjycxMain .titleH1 h1 {
    font-size: 24px;
  }
  .kjycxMain .titleH1 h1 > span {
    font-size: 18px;
  }
  .kjycxMain .titleH1 {
    min-height: 210px;
    height: auto;
    padding-bottom: 55px;
  }
  .kjycxSpan {
    padding-top: 2px;
  }
  .SecondarySchoolE-ReadingInto {
    padding-left: 0;
    padding-right: 0;
  }
  .SecondarySchoolE-ReadingInto span {
    letter-spacing: 0;
  }
  .familyTop25Right #totopShop {
    width: 45px;
    height: 45px;
    background-size: 80%;
    border-radius: 8px;
  }
  .familyTop25Right input.buttonSearch {
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 8px;
  }
  .familyTop25Right .search {
    border-radius: 8px;
  }
  .familyLogin25 img,
  .familyTop25Left .logonN img {
    height: 60px;
  }
  .familyTopR span {
    width: 40px;
    height: 40px;
    background-size: 100% !important;
  }
  .IndBanner {
    padding-top: 60px;
  }
  .familyTop25Left .familyTopR {
    padding-left: 10px;
  }
  .IndResource .titleH1 h1 {
    font-size: 26px;
  }
  .IndResource .titleH1 > h1 span,
  .kjycxUlNew li > header > div h1 {
    font-size: 18px;
  }
  .IndResource .titleH1 span {
    font-size: 16px;
  }
  .kjycxUlNew li > header > div h1,
  div.childCate div {
    font-size: 18px;
  }
  .kjycxUlNew li > header > div h1 div {
    padding-bottom: 5px;
  }
  .kjycxUlNew li > header > div h1 span {
    font-size: 15px;
  }
  .IndBuddyTit {
    font-size: 18px;
    padding-left: 45px;
    min-height: 40px;
    line-height: 40px;
    background-size: 40px !important;
  }
  .IndMore {
    top: 8px;
    width: 20px;
    height: 20px;
  }
  .IndBuddyLeft ul li {
    border-radius: 8px;
    margin-bottom: 8px;
    line-height: 40px;
    font-size: 18px;
    background-size: 30px !important;
    padding: 0 15px 0 40px;
    background-position: center left 6px !important;
  }
  .IndVideoDiv {
    height: 185px;
  }
  .IndBuddyVideo ul span::before {
    width: 30px;
    height: 25px;
    background-size: 35px !important;
  }
  .IndBuddyVideo footer li span {
    font-size: 17px;
  }
  .IndBuddyVideo footer li span {
    padding: 0 5px;
  }
  .IndBuddyRight {
    padding-right: 5px;
  }
  .IndBuddyLeft {
    padding-left: 0;
  }

  .IndBuddyLeft > div:nth-child(1) footer img {
    min-height: 240px;
  }
}
@media (max-width: 990px) {
  .IndBanner {
    padding-top: 60px;
  }
  .loginSJ {
    display: block;
    position: relative;
  }
  .loginDiv {
    max-width: none;
    width: 100%;
    margin-top: 0vw;
  }
  .IndSwiper {
    bottom: 2vw;
  }
  .loginDivR ul li {
    padding: 0;
  }
  .loginDivR ul li a {
    padding: 5px 0;
  }
  .familyLogin25 img,
  .familyTop25Left .logonN img {
    height: 60px;
  }
  .familyTop25Right .search {
    border-radius: 8px;
  }
  .familyTop25Right input.buttonSearch {
    border-radius: 8px;
    min-width: 45px;
    width: 45px;
    height: 45px;
  }
  .familyTop25Right #totopShop {
    height: 45px;
    width: 45px;
    border-radius: 8px;
    background-size: 80%;
  }
  .loginMA .loginDivL > div span:nth-child(1),
  .loginMA .loginDivL > div span:nth-child(2),
  .loginMA .loginDivL > div span:nth-child(3) {
    width: 100%;
    padding: 5px 0;
  }
  .loginQT > div:nth-child(1) {
    display: none;
  }
  .loginQT > div button b {
    width: auto;
    line-height: 35px;
    height: auto;
    font-size: 14px;
    top: -45px;
    left: auto;
    padding: 0 5px;
    letter-spacing: 0.05rem;
  }
  .loginQT > div button:nth-child(2) b {
    right: -20px;
  }
  .loginQT > div button:nth-child(2) b::before {
    left: auto;
    right: 38px;
  }
}
@media (max-width: 768px) {
  .serviceUpNew {
    bottom: 70px !important;
  }
  .InTop {
    display: none;
  }

  .swiper-button-next,
  .swiper-button-prev {
    margin-top: -6vw;
    width: 5vw;
  }
  .swiper-button-next {
    right: 0%;
  }
  .swiper-button-prev {
    left: 0%;
  }
  .IndBuddyLeft,
  .IndBuddyRight {
    width: 100%;
  }
  .IndVideoDiv {
    height: 55vw;
  }
  .IndVideoDiv > img {
    width: 100%;
  }
  .IndBuddyLeft > div:nth-child(1) footer {
    max-height: 240px;
    display: flex;
    align-items: center;
  }
  .IndBuddyLeft > div:nth-child(1) footer img {
    min-height: auto;
  }
  .navInto {
    padding: 0 10px;
  }
  .navInto h1 {
    margin-top: 5px;
    font-size: 20px;
  }
  .navInto span {
    font-size: 16px;
  }
  .ResourceNav > div > ul {
    padding: 5px 0;
  }
  .familyTop25Left {
    width: 100%;
    justify-content: space-between;
  }
  .familyTop25Left .familyTopR {
    margin-left: 0;
    padding-left: 0;
    padding-right: 5px;
  }
  .familyTop25Left .familyTopR::before {
    right: 0;
    left: auto;
    display: block;
  }
  .IndBuddy {
    height: auto;
    background-size: auto 100%;
  }

  .IndResource .titleH1 h1 {
    padding-top: 2vw;
    font-size: 3.6vw;
  }
  .IndResource input.buttonSearch {
    background: #ff6d55 url(../images/Img2025/into1.png) no-repeat center !important;
  }
  .imgPC {
    height: 39vw;
  }
  .familyTop25Right .search {
    display: none;
  }
  .IndResource .search {
    /* display: block; */
    margin-bottom: 2vw;
    display: flex;
    align-items: center;
  }
  .familyLogin25 img,
  .familyTop25Left .logonN img {
    height: 60px;
  }

  .kjycxUlNew li {
    width: 50%;
  }
  .IndStudy ul {
    padding-bottom: 0;
  }
  .IndStudy ul li {
    padding: 20px 10px;
  }
  #totop {
    width: 50px;
    height: 50px;
    border-radius: 8px;
  }
  .IndResource .titleH1 h1 {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 24px;
  }
  .IndResource .titleH1 > h1 span {
    font-size: 18px;
  }
  .IndResource .titleH1 span {
    font-size: 16px;
  }
  .IndResource .titleH1 {
    padding: 10px;
  }
  .loginDivL h1 {
    font-size: 22px;
  }
  .loginDiv::after,
  .loginDiv > div {
    border-radius: 12px;
  }
  .loginDivL > div span input {
    border-radius: 8px;
  }
  .loginDivL > div span input {
    line-height: 45px;
  }
  .loginDivL > div span:nth-child(3) input {
    line-height: 47px;
  }
  .IndBuddyN .IndBuddyLeft > div:nth-child(1) footer {
    max-height: none;
  }
  .IndBuddyN .IndBuddyLeft > div:nth-child(1) footer img {
    aspect-ratio: 2 / 1.42;
  }
  .loginQT {
    padding-left: 10px;
    padding-right: 5px;
  }
  .loginMA .loginDivL > div span:nth-child(3) input {
    line-height: 45px;
  }
  .loginQT > div button {
    width: 45px;
    height: 45px;
  }
  .loginQT > div button:nth-child(1) {
    margin-right: 10px;
  }
}
@media (max-width: 680px) {
  .WritingExpressInto::after {
    margin-right: 0;
    right: 0;
  }
  .loginDivL h1 {
    font-size: 20px;
    padding-top: 12px;
    padding-bottom: 6px;
  }
  .loginDivL > div span:nth-child(3) input {
    line-height: 45px;
    font-size: 19px;
  }
  .IndBuddyN .IndBuddyLeft,
  .IndBuddyN .IndBuddyRight {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .IndBuddyLeft {
    flex-wrap: wrap;
  }
  .IndBuddyLeft > div {
    width: 100%;
  }
  .IndBuddyLeft > div:nth-child(1) footer {
    max-height: none;
  }
  .IndBuddyLeft > div {
    padding: 0 10px;
  }
}
@media (max-width: 520px) {
  .familyTop25Left .logonN img {
    height: 50px;
  }
}
@media (max-width: 480px) {
  .serviceUpNew {
    bottom: 60px !important;
  }
  .IndBanner {
    padding-top: 55px;
  }
  .kjycxMain {
    padding-bottom: 8px;
  }
  .familyTop25 .content {
    padding: 0 8px 0 5px;
  }
  .IndFooterL > div {
    padding: 0 5px;
    line-height: 18px;
    font-size: 15px;
  }
  .IndFooterR img {
    height: 30px;
  }
  .familyTop25Right #totopShop {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    margin-left: 8px;
  }
  .familyTopR span {
    width: 35px;
  }
  .IndResource .titleH1 h1,
  .kjycxMain .titleH1 h1 {
    font-size: 22px;
  }
  .kjycxMain .titleH1 h1 > span,
  .IndResource .titleH1 > h1 span {
    font-size: 16px;
  }
  .IndStudy ul {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  .IndStudy ul li {
    width: 100%;
    padding: 5px 2px;
  }
  .IndStudy ul li a > div h1 {
    font-size: 18px;
    padding-bottom: 5px;
  }
  .navInto span,
  .IndStudy ul li a > div span {
    font-size: 15px;
    padding-top: 5px;
    line-height: 15px;
  }
  .IndFooterL ul li::before {
    width: 1px;
    height: 15px;
  }
  .navInto h1 {
    margin-top: 5px;
  }
  .IndResource .titleH1 span,
  .kjycxMain .titleH1 > span,
  .kjycxSpan div {
    font-size: 15px;
    line-height: 18px;
  }
  .loginDivL > div span:nth-child(3) {
    padding-bottom: 0;
  }
  .loginDivR ul li a {
    padding: 0;
  }
  .loginDivL > div span:nth-child(3) input {
    font-size: 18px;
  }
  .familyLogin25 img {
    height: 55px;
  }
  .IndResource input.buttonSearch {
    width: 45px;
    height: 45px;
    background-size: 80% !important;
  }
  .IndResource .search {
    width: 100%;
    height: 45px;
  }
  .IndResource .search input {
    padding: 5px;
  }
  .kjycxMain .titleH1 h1 {
    padding-top: 8px;
    padding-bottom: 5px;
  }
  .loginDivL h1 {
    font-size: 19px;
    padding-top: 8px;
    padding-bottom: 0;
  }
  .loginDivL > div span:nth-child(1) input,
  .loginDivL > div span:nth-child(2) input {
    background-size: 28px auto;
    padding-left: 40px;
    background-position: center left 6px;
  }
  #totop {
    width: 45px;
    height: 45px;
  }
  .kjycxUlNew {
    border-radius: 10px;
  }
  .kjycxUlNew,
  .kjycxUlNew li {
    padding: 5px;
  }
  .kjycxUlNew li > header {
    height: 100%;
  }
  .kjycxUlNew li > header > div {
    border-radius: 5px;
    padding: 0 0 10px 0;
    height: 100%;
  }
  .kjycxUlNew li > header > div h1 span {
    font-size: 14px;
    padding-top: 5px;
  }
  .kjycxUlNew li > header > div h1 {
    font-size: 17px;
  }
  .kjycxUlNew li > header > div img {
    width: 85%;
  }
  .InTop {
    bottom: 12px;
    right: 12px;
  }
  .kjycxMain .titleH1 {
    padding-bottom: 60px;
  }

  .IndBuddyLeft {
    margin-bottom: 2vw;
  }
  .IndStudyImg,
  .IndStudy ul li a > div {
    border-radius: 10px;
  }
}
@media (max-width: 450px) {
  .familyTop25Left .logonN {
    display: none;
  }
}
@media (max-width: 420px) {
  .IndBanner {
    padding-top: 50px;
  }
  #totop {
    width: 40px;
    height: 40px;
  }
  .familyTop25Right #totopShop {
    height: 35px;
    width: 35px;
  }
  .familyTopR::before {
    height: 35px;
  }
  .familyLogin25 img {
    height: 50px;
  }
  #totopShop a {
    height: auto;
  }
  .IndResource .titleH1 h1,
  .kjycxMain .titleH1 h1 {
    font-size: 20px;
  }
  .kjycxMain .titleH1 h1 > span,
  .IndResource .titleH1 > h1 span {
    font-size: 15px;
  }
}
/* 竖屏 */
@media screen and (orientation: portrait) {
  @media (max-width: 768px) {
    .familyTop25Left .familyTopR::before {
      display: none;
    }
    .familyTopR span {
      margin: 0 5px;
    }
    .familyTop25Left .familyTopR,
    .familyTop25Right {
      padding-right: 0;
    }
    .familyTop25Right #totopShop {
      position: fixed;
      right: 22px;
      bottom: 12px;
    }
    .InTop {
      bottom: 68px;
      right: 12px;
    }
    #totop {
      width: 45px;
      height: 45px;
    }
    .IndBuddyTitle h1 {
      font-size: 3.5vw;
      padding-bottom: 1vw;
    }
    .navInto::before {
      width: 16vw;
      height: 16vw;
    }
    .navInto h1,
    .navInto span,
    .kjycxUlNew li > header > div h1 {
      font-size: 2.8vw;
    }
    div.childCate div {
      font-size: 2.8vw;
      padding: 1vw;
    }
    div.childCate div span:nth-child(1) {
      padding-right: 1vw;
      line-height: 3.5vw;
    }
    div.childCate div span:nth-child(2) {
      font-size: 2.8vw;
    }
    .kjycxMain .titleH1 h1 {
      font-size: 3.5vw;
    }
    .kjycxMain .titleH1 h1 > span,
    .IndBuddyTitle h2 {
      font-size: 3vw;
      font-weight: normal;
    }
    .kjycxMain .titleH1 > span,
    .IndBuddyTitle header span {
      font-size: 2.5vw;
      line-height: 3vw;
    }
    .kjycxSpan div {
      padding-top: 0.5vw;
      line-height: 2.5vw;
      font-size: 2.5vw;
    }
    .kjycxMain .titleH1 h1 {
      padding: 1vw;
    }
    .kjycxMain .titleH1 {
      min-height: 33vw;
    }
  }
  @media (max-width: 600px) {
    .IndBuddyTitle h1,
    .kjycxMain .titleH1 h1 {
      font-size: 4.8vw;
      padding-bottom: 0;
    }
    .kjycxMain .titleH1 h1 {
      font-size: 4.8vw;
    }
    .navInto::before {
      width: 20vw;
      height: 20vw;
    }
    .kjycxMain .titleH1 h1 > span {
      padding-top: 0;
    }
    .navInto h1,
    div.childCate div,
    .kjycxUlNew li > header > div h1 {
      font-size: 4vw;
      line-height: 5vw;
    }
    .IndBuddyTitle h2,
    .kjycxMain .titleH1 > span,
    .IndBuddyTitle header span {
      font-size: 3.5vw;
      line-height: 4.5vw;
    }
    .IndMore {
      top: 11px;
    }
    .kjycxSpan div,
    .IndBuddyTitle header span:nth-child(2) {
      font-size: 3.4vw;
      line-height: 3.8vw;
      letter-spacing: 0;
    }
    .kjycxUlNew li > header > div h1 span {
      padding-top: 0;
    }
    .kjycxUlNew li > header > div h1 div {
      padding-bottom: 0;
    }
    div.childCate div:last-child {
      padding-right: 0;
    }
    .IndBuddyTitle header div {
      padding-top: 0;
    }
    .navInto span {
      font-size: 3.5vw;
      letter-spacing: 0;
      display: block;
      padding-top: 0;
    }
    .navInto {
      padding: 0;
    }
    div.childCate div {
      font-size: 3.6vw;
      padding: 1vw 2vw;
    }
    div.childCate div span:nth-child(2) {
      line-height: 3vw;
      font-size: 3vw;
      width: 100%;
    }
    .IndBuddyLeft > div {
      padding-top: 5px;
    }
    .IndBuddyLeft {
      margin-bottom: 0;
    }
    .IndBuddyLeft ul li:last-child {
      margin-bottom: 0;
    }
  }
  @media (max-width: 480px) {
    #totop {
      width: 40px;
      height: 40px;
      border-radius: 5px;
    }
    .InTop {
      bottom: 62px;
    }
  }
}