.sq_wrap .banner_wrap {
  position: relative;
  /* width: 100%; */
  max-height: 340px;
  overflow: hidden;
}

.sq_wrap .banner_wrap.w1200 {
  width: 1200px;
  border-radius: 8px;
}

.banner_wrap .slide {
  width: 100%;
 height: 340px;
}

.swiper {

  height: 100%;
}

.sq_wrap .banner_wrap a {
  display: block;
  height: 100%;
  width: 100%;
}

.sq_content_wrap {
  padding-bottom: 38px;

}

.sq_head_r {
  position: absolute;
  top: -62px;
  right: 130px;
  font-size: 20px;
  color: #fff;
}

.fw700 {
  font-weight: 700;
}

.mgb2 {
  margin-bottom: 2px;
}

.mgt25 {
  margin-top: 25px;
}

.mgt35 {
  margin-top: 35px;
}

.plat_type {
  width: 833px;


}

.plat_type .platform {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  padding: 25px;
  min-height: 152px;
  flex-shrink: 0;
  border-radius: 16px;
  box-shadow: 0px 8px 16px 0px rgba(25, 77, 155, 0.15);
  background: #fff;
  box-sizing: border-box;


}

.plat_type .platform .logo {


  width: 130px;
}

.platform .logo img {
  width: 100px;
  height: 100px;
}

.plat_type .platform .plat {
  width: calc(100% - 100px);


}

.sq_bg {
  border-radius: 16px;
  background: rgba(255, 255, 255, 1);

}

.platform .plat .title {
  font-size: 26px;
  line-height: 36px;
  color: #004EB5;
  font-weight: 500;
}

.platform .plat .title .more {
  display: inline-block;
  padding: 0 20px;
  line-height: 27px;
  font-size: 16px;
  color: #fff;
  border-radius: 20px;
  font-weight: 500;
  background: #3D68FF;
  transition: all .3s;
}

.platform .plat .title .more:hover {
  transform: scale(1.08);
  transition: all .3s;
}

.sq_plat_list {
  padding-top: 5px;
}


.sq_plat_list .item {
  position: relative;
  min-width: 16%;
  margin-right: 5%;
  padding-left: 15px;
  margin-top: 18px;
  line-height: 22px;
  font-size: 16px;
  box-sizing: border-box;
  transition: all .3s;
}

.sq_plat_list .item:nth-child(5n) {
  margin-right: 0px;
}

.sq_plat_list .item:hover {
  transform: translateY(-3px);
  transition: all .3s;
}

.sq_plat_list .item::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: rgba(85, 85, 85, 1);
  border-radius: 50%;
}

.sq_plat_list .item a {
  display: block;
  height: 100%;
  color: #333;
}

.fadeInDown {
  -webkit-animation: fadeInDown 1s .2s ease both;
  -moz-animation: fadeInDown 1s .2s ease both;
  animation: fadeInDown 1s .2s ease both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.leftFadeIn {
  -webkit-animation: fadeInLeft 1s .2s ease both;
  -moz-animation: fadeInLeft 1s .2s ease both;
  animation: fadeInLeft 1s .2s ease both;
}

.second.leftFadeIn {
  -webkit-animation: fadeInLeft 1s .5s ease both;
  -moz-animation: fadeInLeft 1s .5s ease both;
  animation: fadeInLeft 1s .5s ease both;
}

.third.leftFadeIn {
  -webkit-animation: fadeInLeft 1s .8s ease both;
  -moz-animation: fadeInLeft 1s .8s ease both;
  animation: fadeInLeft 1s .8s ease both;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

.rightFadeIn {
  -webkit-animation: fadeInRight 1s .2s ease both;
  -moz-animation: fadeInRight 1s .2s ease both;
  animation: fadeInRight 1s .2s ease both;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

.server_room {
  width: 340px;
  border-radius: 16px;
  background: linear-gradient(0deg, #DEEBFC 0%, #DEEBFC 100%), #FFF;
}

.server_room .title {
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  border-radius: 15px 15px 0px 0px;
  background: #3D68FF;
}

.server_room .sq_phone_img {
  width: 100%;
  height: 52px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.server_room .phone_img {
  display: block;
  width: 271px;

  margin: 0 auto;
}


.server_room .phone_img img {
  width: 100%;
  height: 100%;

}



.server_list .menu {
  position: relative;
  width: 50px;
  background-color: #C2D0EB;
}

.slideBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #0357C9;
  z-index: 1;
}

.server_list .menu .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 245px;
  font-size: 26px;
  line-height: 36px;
  color: #3D7BD4;
  text-align: center;
  word-wrap: break-word;
  overflow: hidden;
}

.server_list .menu .item.on {
  color: #fff;
}

.server_list .menu .item span {
  position: relative;
  display: block;
  z-index: 9;
}



.server_list .server_list_wrap {
  width: calc(100% - 50px);
  /* height: 490px; */
  overflow: hidden;
}

.server_list .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 30px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.server_list .list .item {
  flex: 0 0 50%;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}



.server_list .list .item a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}



.server_list .list .item a p {

  font-size: 14px;
  color: #555;
  text-align: center;
  margin: 10px 0 36px 0;
}

.server_list .list .item a .details {
  line-height: 20px;
  font-size: 14px;
  color: #0357C9;
  text-align: center;
}

.scrver_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 90px;
  height: 90px;
  background-color: #fff;
  border-radius: 6px;
  text-align: center;
}

.scrver_img img {
  max-width: 100%;
  max-height: 100%;
}

.server_list .list.xueli .item a {
  padding-top: 10px;
}

.server_list .list.xueli .scrver_img {
  height: 70px;
}

.sq_header {
  position: relative;
  height: 126px;
  background: url('../images/sy__education/header.png') center no-repeat;
  background-size: cover;
  z-index: 11;
  overflow: hidden;
}

.sq_header .header_wrap {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 100%;
}

.sq_header .logo {
  display: flex;
  align-items: center;
  height: 100%;
}

.sq_header .logo_text {
  position: relative;
  /* height: 48px; */
  margin-left: 24px;
  padding-left: 15px;
}

.sq_header .logo_text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 1px;
  height: 48px;
  background-color: #fff;
}

.sq_header .logo_text .text {
  line-height: 33px;
  font-size: 24px;
  color: #fff;
}

.sq_header .logo_text .text.en {
  line-height: 25px;
  font-size: 18px;
}

.sq_footer {
  height: 205px;
  padding-top: 38px;
  background-color: #EDF5FB;
  box-sizing: border-box;
}

.bgF5F6F8 {
  background-color: #F5F6F8;
}

.sq_footer .com_info {
  color: #333;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
}

.sq_footer .com_info img {
  width: 18px;
  vertical-align: -3px;
}


.sq_wrap .banner_wrap a.click_jump {
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 205px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border-radius: 30px;
  color: #004EB5;
  font-size: 26px;
  text-align: center;
}

.c004 {
  color: #004EB5;
}

.koi_top_header .logo {
  display: inline-block;

  margin-top: 30px;
  position: relative;
}

.koi_top_header .logo_left {
  position: absolute;
  left: 0;
  top: 10px;
  width: 250px;
  height: 60px;
  display: block;
}

.koi_top_header .logo_right {
  position: absolute;
  right: 0;
  top: 10px;
  width: 270px;
  height: 60px;
  display: block;
}

.koi_top_header .logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}



/* 20221024修改，屏蔽内容 :Start */
.server_room .server_list.no_type_change .menu {
  display: none;
}

.server_room .server_list.no_type_change .server_list_wrap {
  width: 100%;
}

.koi_top_header .logo {
  margin-top: 28px;
}

.koi_top_header .logo img {
  height: 64.03px;
  width: 315px;
}

.koi_top_header .logo_left {
  width: 100px;
}

.koi_top_header .logo_right {
  width: 200px;
}



.mgt17 {
  margin-top: 17px;
}

.sq_lg {
  position: relative;
}

.sq_login {
  position: absolute;
  right: 0;
  top: -72px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  border-radius: 6px;
  border: 1px solid #FFF;
  text-align: center;

}

.sq_login a {
  color: #FFF;
  font-size: 16px;
}

.sq_loginSuccess {
  border: none;
  width: 200px;
  text-align: right;
}

.sq_loginSuccess img {
  width: 32px;
  vertical-align: -12px;
  margin-right: 6px;
  border-radius: 50%;
}

/* 中小学智慧教育 */
.header2 {
  height: 90px;
  background: url('../images/sy__education/header2.png') center no-repeat;
}

.header2 .koi_top_header .logo {
  margin-top: 10px;
}



.sq_dx_bg {
  height: 350px;
  background: url('../images/sy__education/bg3.png') center no-repeat;
  background-size: cover;
}

.bgECF4FA {
  background-color: #ECF4FA;
}

.hn_sq_banner_wrap {
  height: 325px;
}

.f32 {
  font-size: 32px;
}

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

.sq_kt_left {

  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 206px;
  height: 289px;
  margin-right: 16px;
  background: url('../images/sy__education/kt_left_bg.png') center no-repeat;
  background-size: 100%;
}

.sq_kt_left .item {
  position: relative;
  color: #FFF;
  margin-left: 24px;
  font-family: "PingFang SC";
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
}

.sq_kt_left .item.on::before {
  content: '';
  position: absolute;
  right: 20px;
  top: 0px;
  width: 25px;
  height: 25px;
  background: url('../images/sy__education/ico1.png') center no-repeat;
}

.sq_kt_item {
  /* display: flex;
  flex-wrap: wrap;
  justify-content: space-between; */
}

.sq_kh {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sq_kh a img {
  display: inline-block;
  width: 283px;
  height: 163px;
  margin-bottom: 20px;

}

.sq_kt_item li {
  float: left;
  margin-right: 12px;
  margin-bottom: 10px;
}

.sq_kt_item li:nth-child(4n) {
  margin-right: 0;
}

.hn_head_wrap {
  height: 114px;
  background: #fff;
}

.hn_head_wrap .logo {
  width: 426px;
  height: 80px;
  margin-top: 16px;
}

.hn_head_wrap .nav_list_wrap {
  margin-top: 45px;
}

.f22 {
  font-size: 22px;
}

.sq_btn_enter {
  width: 143px;
  height: 42px;
  line-height: 42px;
  border-radius: 30px;
  background: #fff;
  text-align: center;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.line {
  position: relative;
}

.line::before {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 42px;
  height: 2px;
  background: linear-gradient(90deg, #FFEF5C 0%, #FFD28E 100%);
}

.line2::before {
  background: linear-gradient(90deg, #40D990 0%, #22B3BA 100%);
}

.line3::before {
  background: linear-gradient(90deg, #FF7C53 0%, #F44 100%);
  ;
}

.whjyy_header_wrap .nav_item>a:hover,
.whjyy_header_wrap .nav_item.on>a {
  border-bottom: none;
}

.whjyy_header_wrap .nav_item>a:hover .nav1,
.whjyy_header_wrap .nav_item.on>a .nav1 {
  background: url('../images/sy__education/nav1_1.png') center no-repeat;
}

.whjyy_header_wrap .nav_item>a:hover .nav2,
.whjyy_header_wrap .nav_item.on>a .nav2 {
  background: url('../images/sy__education/nav2_2.png') center no-repeat;
}

.whjyy_header_wrap .nav_item>a:hover .nav3,
.whjyy_header_wrap .nav_item.on>a .nav3 {
  background: url('../images/sy__education/nav3_3.png') center no-repeat;
}

.whjyy_header_wrap .nav_item>a:hover .nav4,
.whjyy_header_wrap .nav_item.on>a .nav4 {
  background: url('../images/sy__education/nav4_4.png') center no-repeat;
}

.whjyy_header_wrap .nav_item>a:hover .nav5,
.whjyy_header_wrap .nav_item.on>a .nav5 {
  background: url('../images/sy__education/nav5_5.png') center no-repeat;
}

.nav1,
.nav2,
.nav3,
.nav4,
.nav5 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  vertical-align: middle;
}

.nav1 {

  background: url('../images/sy__education/nav1.png') center no-repeat;
  background-size: 100%;
}

.nav2 {

  background: url('../images/sy__education/nav2.png') center no-repeat;
  background-size: 100%;
}

.nav3 {

  background: url('../images/sy__education/nav3.png') center no-repeat;
  background-size: 100%;
}

.nav4 {

  background: url('../images/sy__education/nav4.png') center no-repeat;
  background-size: 100%;
}

.nav5 {

  background: url('../images/sy__education/nav5.png') center no-repeat;
  background-size: 100%;
}

		/* 当屏幕宽度小于 600px 时应用的样式 */
		@media (max-width: 599px) {
      body, html{
        min-width:unset;
        width:unset;
      }
      .sq_wrap .banner_wrap{
        height:100%;
      }
      .banner_wrap .slide {
        width: 100%;
        height: 7rem;
      }
      .sq_btn_enter{
        width: 4rem;
        height: 1rem;
        line-height: 1rem;
      }
     .sq_header{
      height: 60px;
     }
     .koi_top_header .logo{
      height: 100%;
transform: scale(.7);
margin-top: 0px;
margin-left: -1.5rem;
     }
      .sq_login{
        width: 3rem;
        height: 1.5rem;
        line-height: 26px;
        margin-right: 1rem; margin-top: .5rem;
      }
      .sq_login a{
        font-size: 1rem;
      }
              .w1200 {
                  width: 100%;
              }
        .plat_type{
                  width: 100%;
              }
        .server_room{
                  width: 100%;
                  margin-top:1rem;
              }
        .server_list .list{
                  /* width: 46%; */
              }
        .f18{
          font-size:1.8rem;
          line-height:3rem;
          font-weight:bold;
        }
        .f22{
          font-size:.8rem;
        }
        .sq_footer{
          height: 100%;
        }
      
        .server_list .list .item a p{
          font-size:1rem
        }
        .server_room .phone_img{
                  width: 80%;	
              }
        .sq_plat_list .item{
          font-size:.8rem;
          min-width: 32%;
          margin-right:unset;
          padding-left:1rem;
          margin-top:1rem;
          line-height:3rem;
        }
        .sq_plat_list .item a{
          line-height:1rem
        }
        .sq_plat_list .item::before{
          line-height:1rem
        }
        .platform .plat .title{
          font-size:1rem
        }
        .platform .plat .title .more{
          padding:.1rem .5rem;
          line-height:1rem;
          font-size:1rem;
          
        }
        .server_list .list .item a p{
          margin-top:1rem
        }
        .server_list .list {
          margin-top:1rem
        }
        .sq_wrap .banner_wrap.w1200{
          width:100%
        }
        .platform .logo img{
                width:6rem;
          height:6rem;
        }
        .plat_type .platform .logo{
               width:7rem;
        }
        .plat_type .platform{
               padding:1rem;
        }
        .mgl10{
          margin-left:0rem;
        }
        .mgl20{
          margin-left:2rem;
        }
          }
      /* 当屏幕宽度在 600px 到 991px 之间时应用的样式 */
          @media (min-width: 600px) and (max-width: 991px) {
        body, html{
          width:unset;
          min-width:unset;
        }
        .sq_wrap .banner_wrap{
          height: 100%;
        }
       .banner_wrap .slide{
          height: 170px;
        }
              .w1200 {
                  width: 100%;
              }
         .plat_type{
                  width: 100%;
              }
        .server_room{
                  width: 100%;
                  margin-top:1rem;
              }
     
        .f18{
          font-size:3rem;
          line-height:5rem;
          font-weight:bold;
        }
    
        .scrver_img img{
                  width: 50%;	
              }
        .server_list .list .item a p{
          font-size:2rem
        }
        .server_room .phone_img{
                  width: 35%;	
              }
        .sq_plat_list .item{
          font-size:2rem;
          min-width: 32%;
          margin-right:unset;
          padding-left:1rem;
          margin-top:1rem;
          line-height:3rem;
        }
        .sq_plat_list .item a{
          line-height:2em
        }
        .sq_plat_list .item::before{
          top:2rem;
          line-height:2rem
        }
        .platform .plat .title{
          font-size:2rem
        }
        .platform .plat .title .more{
          padding:0 1rem;
          line-height:3rem;
          font-size:2rem;
          
        }
        .server_list .list .item a p{
          margin-top:1rem
        }
        .server_list .list .item{
          margin-bottom:2rem
        }
        .sq_wrap .banner_wrap.w1200{
          width:100%
        }
          }
      /*适配  */
/* 20250408 */
      .sq_zjtd li{
        float: left;
        width: 283px;
height: 148px;
margin-right: 22px;
padding: 20px;
margin-bottom: 30px;
border-radius: 12px;
background: #F1F9FC;
border-bottom: 2px solid;
border-image:linear-gradient(90deg, #40D990 0%, #22B3BA 100%);;
border-image-slice: 1;
background-origin: border-box;
box-sizing: border-box;
cursor: pointer;
      }
      .sq_zjtd li:nth-child(4n) {
        margin-right: 0px;
      }
      .sq_zjtd .blueli{
        background: #F2F7FF;
        
        border-image: linear-gradient(90deg, #40D990 0%, #22B3BA 100%);
        border-image-slice: 1;
      }
      .sq_zjtd .redli{
        background: #FFF9F9;
        border-image:linear-gradient(90deg, #FF7C53 0%, #F44 100%);
        border-image-slice: 1;
      }
      .sq_zjtd .yellowli{
        background: #F8FAF7;
        border-image: linear-gradient(90deg, #FFEF5C 0%, #FFD28E 100%);
        border-image-slice: 1;
      }
      .one_ellipsis {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
      .two_ellipsis {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
      }
      /* 20250408 */