@media screen and (max-width:414px) {
  html,body {
    overflow-x: hidden;
  }
  .clearfix:after{
    content:"";
    display: block;
    clear: both;
    overflow: hidden;
    height: 0;
  }
  .banner {
    width: 100%;
    height:2.6rem;
    margin-top: 1rem;
  }
  .logo {
    width: 2.1rem;
    top: 11%;
    left: 50%;
    transform: translate(-50%);
  }
  .titleText {
    width: 100%;
    font-size: 0.4rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 0.45rem;
    top: 38%;
    left: 50%;
    transform: translate(-50%, 0);
    letter-spacing: 0.03rem;
  }
  .bannerBtn {
    width: 1.8rem;
    height: 0.44rem;
    font-size: 0.26rem;
    color: #FFFFFF;
    background-color: #66D98A;
    border-radius: 0.04rem;
    position: absolute;
    top: 1.63rem;
    left: 50%;
    transform: translate(-50%);
    text-decoration: none;
    line-height: 0.44rem;
  }
  .backgroundBanner {
     width: 100%;
     height: 2.6rem;
     background: url(../img/xcws_mobile/banner1.png) no-repeat left center;
     background-size: 100% 100%;
  }
  
  .news2Banner {
     width: 100%;
     height: 2.6rem;
     background: url(../img/xcws_mobile/banner2.png) no-repeat left center;
     background-size: 100% 100%;
  }
/*  .logo {
    width: 315px;
    height: 79px;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
}*/
  .news3Banner {
     width: 100%;
     height: 2.6rem;
     background: url(../img/xcws_mobile/banner3.png) no-repeat left center;
     background-size: 100% 100%;
  }
  
  .news4Banner {
     width: 100%;
     height: 2.6rem;
     background: url(../img/xcws_mobile/banner4.png) no-repeat left center;
     background-size: 100% 100%;
  }
  
  .videoImg>img {
    width: 2.6rem;
    right: 4%;
    top: 50%;
    transform: translate(0, -50%);
  }

  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.32rem;
    height: 0.07rem;
    border-radius: 0;
    background: #f5f5f5;
    opacity: 0.4;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0.18rem !important;
  }
  .swiper-pagination-bullet-active {
    background: #f5f5f5;
    width: 0.32rem !important;
    opacity: 1 !important;;
  }
  
  .summary {
    width: 100%;
    /* height: 10.7rem; */
    background: #f5f5f5;
    overflow: hidden;
  }
  .summary .box {
    /* margin-top: 0.6rem 0.5rem 0.8rem 0.5rem; */
  }
  .summary .box p {
    font-size: 0.22rem;
    color: #333333;
    font-weight: 400;
    line-height: 0.33rem;
    padding: 0 0.5rem;
  }
  .summary .box p:first-child{
    margin-top: 0.6rem;
  }
  .summary .box p:nth-child(2){
    margin-top: 0.25rem;
  }
  .summary .box .summaryTitle{
    text-align: center;
    margin: 0.8rem 0 0.62rem 0;
    font-size: 0.28rem;
    font-weight: bold;
    color: #212121;
  }
  .summary .box>img{
    width: calc(100% - 0.5rem);
    margin-left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 0.8rem;
  }
  
  .system {
    width: 100%;
    height: 10rem;
    background: url(../img/xcws_mobile/seven_sys.png) no-repeat left center;
    background-size: 100% 100%;
    overflow: hidden;
    color: #FFFFFF;
  }
  .system .title {
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 0.45rem;
    margin-top: 1.08rem;
    letter-spacing: 0.05rem;
  }
  .system .describe {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.45rem;
    margin-top: 0.24rem;
  }
  .system .productTab {
    width: 100%;
    height: calc(100% - 2.65rem);
    margin: 0.8rem auto;
    position: absolute;
  }
  .productTab > .leftTab {
    width: 2.67rem;
    height: 100%;
    color: #fff;
    margin-left: 0.25rem;
    margin-right: 0.25rem;

  }
  .productTab > .leftTab > li  {
    font-size: 0.26rem;
    width: 2.7rem;
    height: 0.6rem;
    font-weight: 400;
    margin-bottom: 0.25rem;
    line-height: 0.6rem;
  }
  .productTab > .leftTab > li.active  {
    background: #66d98a !important;
    border-radius: 4px;
  }
  .rightContent > li {
    position: absolute;
    top: 0;
    padding-left: 0.3rem;
    padding-right: 0.25rem;
    width: calc(100% - 3.75rem);
    height: 100%;
    opacity: 0;
    transition: all 0.45s;
    z-index: 999;
    -moz-transition: all 0.45s;
    -webkit-transition: all 0.45s;
    -o-transition: all 0.45s;
  }
  .rightContent > li.active {
    opacity: 1;
  }
  
  .line {
    /* height: calc(100% - 4rem); */
    height: 6.3rem;
    /* height: 55%; */
    width: 0.01rem;
    border-right: 1px solid #ffffff;
  }
  .navTitle {
    font-size: 0.28rem;
    font-weight: bold;
    text-align: left;
    margin-top: 0.33rem;
    margin-bottom: 0.37rem;
  }
  .navContent {
    font-size: 0.2rem;
    line-height: 0.3rem;
    font-weight: 400;
    text-align: left;
    margin-top: 0;
    letter-spacing: -0.01rem;
  }
  
  .iconBox,.moreBox,.moresBox > ul > li > p{
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
  }
  .box1 {
    margin-top: 9%;
  }
  .box1 {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .box1 > ul > li:first-child {
    margin-left: 0 !important;
  }
  .box1 > ul > li:nth-child(4) {
    margin-left: 0 !important;
  }
  .box1 > ul > li {
    text-align: center;
    margin-left: 1rem;
    width: 0.5rem;
  }
  .box1 > ul > li > img {
    margin: 0 auto;
  }
  .box1 > ul > li > p {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
    margin-top: 0;
    width: 0.6rem;
  }
  .box1 > ul > li > p {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
    margin-top: 0rem;
  }
  .box1 > ul > li:first-child > p{
    margin-top: 0.26rem !important;
  }
  .box1 > ul > li:nth-child(2) > p{
    margin-top: 0.24rem !important;
  }
  .box1 > ul > li:nth-child(3) > p{
    margin-top: 0.21rem !important;
  }
  .box1 > ul > li:nth-child(4) > p{
    margin-top: 0.21rem !important;
  }
  .box1 > ul > li:nth-child(5) > p{
    margin-top: 0.23rem !important;
  }
  .box1 > ul > li:nth-child(6) > p{
    margin-top: 0.21rem !important;
  }
  
  .box1 > ul > li:first-child > img{
    width: 0.56rem !important;
    height: 0.31rem !important;
  }
  .box1 > ul > li:nth-child(2) > img{
    width: 0.56rem !important;
    height: 0.36rem !important;
  }
  .box1 > ul > li:nth-child(3) > img{
    width: 0.56rem !important;
    height: 0.4rem !important;
  }
  .box1 > ul > li:nth-child(4) > img{
    width: 0.4rem !important;
    height: 0.56rem !important;
    margin-top: 0.26rem;
  }
  .box1 > ul > li:nth-child(5) > img{
    width: 0.56rem !important;
    height: 0.49rem !important;
    margin-top: 0.3rem;
  }
  .box1 > ul > li:nth-child(6) > img{
    width: 0.36rem !important;
    height: 0.56rem !important;
    margin-top: 0.25rem;
  }
  
  .box2 > ul > li {
    margin-left: 1rem;
  }
  .box2 {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .box2 > ul{
    margin-top: 0.73rem;
    margin-top: 7%;
  }
  .box2 > ul > li:first-child{
    margin-left: 0 !important;
  }
  .box2 > ul > li:nth-child(3){
    margin-left: 0 !important;
    margin-top: 0.24rem;
  }
  .box2 > ul > li:nth-child(4){
    margin-top: 0.24rem;
  }
  .box2 > ul > li > img {
    width: 0.56rem !important;
    height: 0.56rem !important;
    margin: 0 auto;
  }
  .box2 > ul > li > p {
    margin-top: 0.22rem;
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
  }
  
  .box3 > ul > li {
    margin-left: 1rem;
  }
  .box3 {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .box3 > ul{
    margin-top: 10%;
  }
  .box3 > ul > li:first-child{
    margin-left: 0 !important;
  }
  .box3 > ul > li:nth-child(3){
    margin-left: 0 !important;
    margin-top: 0.25rem;
  }
  .box3 > ul > li:nth-child(4){
    margin-top: 0.07rem;
  }
  .box3 > ul > li > img{
    margin: 0 auto;
  }
  .box3 > ul > li:first-child > img{
    width: 0.6rem !important;
    height: 0.56rem !important;
  }
  .box3 > ul > li:nth-child(2) > img{
    width: 0.48rem !important;
    height: 0.56rem !important;
  }
  .box3 > ul > li:nth-child(3) > img{
    width: 0.54rem !important;
    height: 0.56rem !important;
  }
  .box3 > ul > li:nth-child(4) > img{
    width: 0.56rem !important;
    height: 0.42rem !important;
  }
  .box3 > ul > li > p {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
  }
  .box3 > ul > li:first-child > p{
    margin-top: 0.23rem;
  }
  .box3 > ul > li:nth-child(2) > p{
    margin-top: 0.23rem;
  }
  .box3 > ul > li:nth-child(3) > p{
    margin-top: 0.22rem;
  }
  .box3 > ul > li:nth-child(4) > p{
    margin-top: 0.28rem;
  }
  
  .box4 > ul > li {
    margin-left: 5%;
  }
  .box4 > ul{
    margin-top: 5%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .box4 > ul > li:first-child{
    margin-left: 0 !important;
    margin-top: -0.2rem !important;
  }
  .box4 > ul > li:nth-child(4){
    margin-left: 0 !important;
    margin-top: 0.32rem;
  }
  .box4 > ul > li:nth-child(5){
    margin-top: 0.27rem;
  }
  .box4 > ul > li > img{
    margin: 0 auto;
  }
  .box4 > ul > li:first-child > img{
    width: 0.56rem !important;
    height: 0.42rem !important;
  }
  .box4 > ul > li:nth-child(2) > img{
    width: 0.51rem !important;
    height: 0.57rem !important;
  }
  .box4 > ul > li:nth-child(3) > img{
    width: 0.57rem !important;
    height: 0.57rem !important;
  }
  .box4 > ul > li:nth-child(4) > img{
    width: 0.48rem !important;
    height: 0.56rem !important;
  }
  .box4 > ul > li:nth-child(5) > img{
    width: 0.55rem !important;
    height: 0.52rem !important;
  }
  .box4 > ul > li > p {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
  }
  .box4 > ul > li:first-child > p{
    margin-top: 0.31rem;
  }
  .box4 > ul > li:nth-child(2) > p{
    margin-top: 0.28rem;
  }
  .box4 > ul > li:nth-child(3) > p{
    margin-top: 0.28rem;
  }
  .box4 > ul > li:nth-child(4) > p{
    margin-top: 0.21rem;
  }
  .box4 > ul > li:nth-child(5) > p{
    margin-top: 0.25rem;
  }
  
  .box5 > ul > li {
    margin-left: 5%;
  }
  .box5 > ul{
    margin-top: 8%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .box5 > ul > li:first-child{
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .box5 > ul > li:nth-child(4){
    margin-left: 0 !important;
    margin-top: 0.26rem;
  }
  .box5 > ul > li:nth-child(5){
    margin-top: 0.28rem;
  }
  .box5 > ul > li > img{
    margin: 0 auto;
  }
  .box5 > ul > li:first-child > img{
    width: 0.56rem !important;
    height: 0.56rem !important;
  }
  .box5 > ul > li:nth-child(2) > img{
    width: 0.4rem !important;
    height: 0.56rem !important;
  }
  .box5 > ul > li:nth-child(3) > img{
    width: 0.56rem !important;
    height: 0.56rem !important;
  }
  .box5 > ul > li:nth-child(4) > img{
    width: 0.57rem !important;
    height: 0.56rem !important;
  }
  .box5 > ul > li:nth-child(5) > img{
    width: 0.56rem !important;
    height: 0.54rem !important;
  }
  .box5 > ul > li > p{
    margin-top: 0.22rem;
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
  }
  
  .box6 > ul > li {
    margin-left: 5%;
  }
  .box6 > ul{
    margin-top: 12.5%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .box6 > ul > li:first-child{
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .box6 > ul > li > img{
    margin: 0 auto;
  }
  .box6 > ul > li:first-child > img{
    width: 0.48rem !important;
    height: 0.56rem !important;
  }
  .box6 > ul > li:nth-child(2) > img{
    width: 0.55rem !important;
    height: 0.56rem !important;
  }
  .box6 > ul > li:nth-child(3) > img{
    width: 0.56rem !important;
    height: 0.51rem !important;
    margin-top: 0.05rem !important
  }
  .box6 > ul > li > p {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
    margin-top: 0.22rem;
  }
  
  .box7 > ul > li {
    margin-left: 0.61rem;
  }
  .box7 > ul{
    margin-top: 11%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .box7 > ul > li:first-child{
    margin-left: 0.1rem !important;
  }
  .box7 > ul > li:nth-child(3){
    margin-left: 0 !important;
    margin-top: 0.34rem;
  }
  .box7 > ul > li:nth-child(4){
    margin-top: 0.34rem;
    margin-left: 0.48rem;
  }
  .box7 > ul > li > img{
    margin: 0 auto;
  }
  .box7 > ul > li:first-child > img{
    width: 0.41rem !important;
    height: 0.49rem !important;
  }
  .box7 > ul > li:nth-child(2) > img{
    width: 0.42rem !important;
    height: 0.48rem !important;
  }
  .box7 > ul > li:nth-child(3) > img{
    width: 0.48rem !important;
    height: 0.48rem !important;
  }
  .box7 > ul > li:nth-child(4) > img{
    width: 0.50rem !important;
    height: 0.48rem !important;
  }
  .box7 > ul > li > p{
    margin-top: 0.22rem;
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.27rem;
  }
  
  .introduce {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    padding: 0.8rem 0;
  }
  
  .introduceTittle {
    display: none;
  }
  .introduceTittleMobile {
    width: 100%;
    display: block;
    font-size: 0.32rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.48rem;
    margin-left: 50%;
    transform: translate(-50%);
  }
  
  .introduceBox {
    width: 100%;
    float: left;
  }
  .introduceBox>ul:nth-child(2)>li:last-child{
    margin-left: 50%;
    transform: translate(-50%);
  }
  
  .introduceBox > ul > li {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    width: 36%;
    height: 4rem;
    text-align: center;
    position: relative;
    box-shadow: 0 0 0.05rem 0.01rem #dddddd;
    box-sizing: border-box;
    margin-left: 0.6rem;
    text-align: center;
    margin-top: 1.1rem;
  }
  .introduceBox > ul > li > .introduceText{
    margin-top: 0.83rem;
    color: #212121;
    font-size: 0.26rem;
    line-height: 0.18rem;
  }
  .introduceBox > ul > li > .introduceContent{
    margin: 0.21rem 11% 0 11%;
  }
  .introduceBox > ul > li:last-child {
    margin-right: 0;
  }
  .introduceBox > ul > li > img {
    width: 1.01rem;
    height: 1.03rem;
    position: absolute;
    top: -0.5rem;
    left: 0.92rem;
  }
  
  .introduceText {
    font-size: 0.26rem;
    font-weight: 500;
    color: #212121;
    line-height: 0.18rem;
  }
  
  .introduceContent {
    font-size: 0.22rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.33rem;
    text-align: left;
  }
  
  .bigData {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
  }
  .schoolTittle {
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.45rem;
    font-weight: 500;
    width: 4.7rem;
    margin-top: 0.8rem;
    margin-left: 50%;
    transform: translate(-50%);
    text-align: center;
  }
  .publicImg {
    width: calc(100% - 0.75rem);
    margin-left: 50%;
    transform: translate(-50%);
    margin-top: 0.8rem;
  }
  .textBox {
    margin-bottom: 0.8rem;
  }
  .textBox .mainTittle {
    width: 100%;
    text-align: center;;
    font-size: 0.32rem;
    font-weight: bold;
    color: #212121;
    line-height: 0.24rem;
    margin-top: 0.6rem;
  }
  .tag {
    margin-left: 0.53rem;
    margin-top: 0.31rem;
    margin-bottom: 0.34rem;
  }
  .tag>li {
    background-color: #E6E6E6;
    color: #333333;
    font-size: 0.26rem;
    width: 1.6rem;
    height: 0.4rem;
    float: left;
    margin-left: 0.41rem;
    line-height: 0.4rem;
    text-align: center;
  }
  .textBox>.tipContent,.tipDescribe {
    padding: 0 0.5rem;
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.33rem;
    margin-top: 0.16rem;
    letter-spacing: -0.01rem;
  }
  .textBox>.tipDescribe {
    margin-top: 0.42rem;
  }
  .textBox>.tipTittle {
    padding: 0 0.5rem;
    font-size: 0.26rem;
    color: #212121;
    line-height: 0.27rem;
    margin-top: 0.33rem;
    font-weight: 600;
  }
  
  .AIBox {
    position: relative;
  }
  .AIImg {
    position: absolute;
    top: 0.8rem;
    width: calc(100% - 0.75rem);
    margin-left: 50%;
    transform: translate(-50%);
    margin-top: 0;
  }
  .AITextBox {
    margin-top: 7.6rem;
    margin-bottom: 0.8rem;
  }
  .AITextBox .mainTittle{
    width: 100%;
    text-align: center;
    font-weight: Bold;
    color: #212121;
    font-size: 0.3rem;
    line-height: 0.24rem;
  }
  .AITextBox .tag {
    margin-top: 0.31rem;
    margin-bottom: 0;
  }
  .AITextBox>p:first-child{
    margin-top: 0.6rem !important;
    color: #333333;
    font-size: 0.3rem;
    line-height: 0.33rem;
  }
  .AITextBox>p:last-child{
    margin-top: 0.44rem;
    color: #333333;
    font-size: 0.22rem;
    line-height: 0.33rem;
  }
  
  .schoolManage {
    width: 100%;
    background-color: #f5f5f5;
  }
  .schoolManage .schoolImg {
    width: calc(100% - 0.75rem);
    margin-left: 50%;
    transform: translate(-50%);
    margin-top: 0.8rem;
  }
  .schoolManage .mainTittle {
    font-size: 0.32rem;
    color: #212121;
    line-height: 0.24rem;
    font-weight: bold;
    margin-top: 0.54rem !important;
  }
  .schoolManage .assistantTittle {
    font-size: 0.26rem;
    color: #212121;
    font-weight: 400;
    line-height: 0.24rem;
    margin-top: 0.18rem;
  }
  .schoolManage .textBox  {
    margin-top: 0.18rem !important;
  }
  .schoolManage .textContent {
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.33rem;
    margin-top: 0.35rem;
    text-align: left;
    padding: 0 0.5rem;
  }
  .transverse {
    display: none;
  }
  .public {
    position: relative;
  }
  .public .publicImg {
    position: absolute;
    top: 0.8rem;
    width: calc(100% - 0.75rem);
    margin-left: 50%;
    transform: translate(-50%);
    margin-top: 0;
  }
  .public .textBox {
    margin-top: 7.6rem;
  }
  .public .mainTittle {
    font-size: 0.32rem;
    color: #212121;
    line-height: 0.24rem;
    font-weight: bold;
    margin-top: 0 !important;
  }
  .public .assistantTittle {
    font-size: 0.26rem;
    color: #212121;
    font-weight: 400;
    line-height: 0.24rem;
    margin-top: 0.18rem !important;
  }
  .public .textContent {
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.33rem;
    text-align: left;
    padding: 0 0.5rem;
    margin-top: 0.35rem !important;
  }
  
  .publicity {
    width: 100%;
    margin-top: 0.4rem !important;
  }
  .publicity .publicTittle {
    margin-top: 0 !important;
    margin-bottom: 0.6rem !important;
    text-align: center;
    color: #212121;
    font-size: 0.32rem;
    line-height: 0.24rem;
    font-weight: bold;
  }
  .publicImgBox>li {
    width: calc(100% - 1.64rem);
    margin-bottom: 0.95rem;
    margin-left: 50%;
    transform: translate(-50%);
    text-align: center;
  }
  .publicImgBox>li>img{
    width: 100%;
  }
  .publicImgBox>li>p {
    font-size: 0.26rem;
    color: #333333;
    line-height: 0.27rem;
    font-weight: 400;
    margin-top: 0.4rem;
  }
  
  .supervise {
    width: 100%;
    background-color: #f5f5f5;
  }
  .superviseImg {
    width: calc(100% - 0.75rem);
    margin-left: 50%;
    transform: translate(-50%);
    margin-top: 0.8rem;
  }
  .supervise .textBox .mainTittle {
    font-size: 0.32rem;
    color: #212121;
    line-height: 0.24rem;
    font-weight: bold;
    margin-top: 0.6rem;
  }
  .supervise .textBox .textContent {
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.33rem;
    margin-top: 0.35rem;
    text-align: left;
    padding: 0 0.5rem;
  }
  .supervise .textBox .assistantTittle {
    font-size: 0.26rem;
    color: #212121;
    font-weight: 400;
    line-height: 0.24rem;
    margin-top: 0.18rem;
    text-align: center;
  }
  
  .case {
    width: 100%;
  }
  .case .titleOne {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    font-size: 0.44rem;
    line-height: 0.45rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  .case img {
    width: calc(100% - 0.5rem);
    margin-left: 50%;
    transform: translate(-50%);
    margin-bottom: 0.8rem;
  }
  
  .collaborate {
    width: 100%;
    background: url(../img/xcws_mobile/cooperation.png) no-repeat left center;
    background-size: 100% 100%;
    overflow: hidden;
  }
  .collaborate>.collaTitle{
    color: #FFFFFF;
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 0.39rem;
    margin-top: 0.5rem;
  }
  .collaborate>p:nth-child(2){
    margin-top: 0;
  }
  .collaborate>img {
    width: 1.5rem;
    margin-left: 50%;
    transform: translate(-50%);
    margin-top: 0.3rem;
    margin-bottom: 0.5rem;
  }

  .video {
    width: 100%;
    height: 40%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
  }
  .video > video {
      width: 100%;
      height: 100%;
  }
  .video > img {
      width: 0.5rem;
      height: 0.5rem;
      position: fixed;
      right: 3%;
      top: 15%;
      z-index: 99999;
  }
  footer .copyright{
    height: 2rem;
  }
  .serverPop {
    z-index: 999999;
  }
}
@media screen and (min-width:415px) {
  .mb120 {
      margin-bottom: 120px
  }

  .mt120 {
      margin-top: 120px
  }

  .mt150 {
      margin-top: 150px
  }
  .mt225{margin-top: 225px;}
  .mt200{margin-top: 200px;}

  .mt45 {
      margin-top: 45px
  }
  .mt50{margin-top: 50px;}

  .mt90 {
      margin-top: 90px
  }

  .mb80 {
      margin-bottom: 80px
  }
  .mt240{margin-top: 240px}
  .ml160{margin-left: 160px}
  /*swip er*/
  .swiper-container {
      width: 100%;
      height: 400px;
  }

  .swiper-containe img {
      width: 100%;
      height: 400px;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      width: 40px;
      height: 8px;
      border-radius: 0;
      background: #f5f5f5;
      opacity: 0.5;
  }

  .swiper-pagination-bullet-active {
      background: #f5f5f5;
      width: 40px !important;
      opacity: 1 !important;;
  }

  /*banner*/
  .banner {
      width: 100%;
      height: 400px;
    margin-top:66px;
  }

  .logo {
    width: 315px;
    height: 79px;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -70%);
  }

  .titleText {
    font-size: 48px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 45px;
    top: 38%;
    left: 50%;
    transform: translate(-50%);
    letter-spacing: 3px;
  }

  .backgroundBanner {
      width: 100%;
      height: 400px;
      background: url(../img/bg1.png) no-repeat left center;
      background-size: 100% 100%;
  }

  .news2Banner {
      width: 100%;
      height: 400px;
      background: url(../img/bg2.png) no-repeat left center;
      background-size: 100% 100%;
  }

  .news3Banner {
      width: 100%;
      height: 400px;
      background: url(../img/bg3.png) no-repeat left center;
      background-size: 100% 100%;
  }

  .news4Banner {
      width: 100%;
      height: 400px;
      background: url(../img/bg4.png) no-repeat left center;
      background-size: 100% 100%;
  }

  .news {
      width: 513px;
      height: 293px;
      top: 40%;
      left: 90%;
      transform: translate(-90%, -40%);
      z-index: 199;
  }

  .bannerBtn {
      border-radius: 6px;
      background-color: rgb(102, 217, 138);
      position: absolute;
      width: 260px;
      height: 70px;
      font-size: 36px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      line-height: 65px;
      cursor: pointer;
      top: 85%;
      left: 50%;
      transform: translate(-50%, -85%);
  }

  /*module*/
  .summary {
      width: 100%;
      height: 1149px;
      background: #f5f5f5;
      overflow: hidden;
  }

  .box {
      width: 1050px;
      height: 100%;
      margin: 0 auto;
  }

  .summary > .box img {
      width: 829px;
      height: 622px;
      margin: 100px auto;
  }

  .summaryDescribe {
      font-size: 20px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      line-height: 30px
  }

  .summaryTitle {
      font-size: 24px;
      font-weight: 500;
      color: rgba(33, 33, 33, 1);
      line-height: 18px;
  }

  .system {
      width: 100%;
      height: 1039px;
      background: url(../img/system.png) no-repeat left center;
      background-size: 100% 100%;
      overflow: hidden;
  }

  .title {
      font-size: 44px;
      font-weight: bold;
      color: rgba(255, 255, 255, 1);
      line-height: 45px;
    letter-spacing: 5px;
  }

  .describe {
      font-size: 24px;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      line-height: 45px;
    letter-spacing: 2px;
  }

  .introduce {
      width: 100%;
      height: 1057px;
      background: #ffffff;
      overflow: hidden;
  }

  .introduceTittle {
      font-size: 44px;
      font-weight: bold;
      color: rgba(51, 51, 51, 1);
      line-height: 18px;
  }

  .introduceBox {
      width: 1250px;
      margin: 0 auto;
  }

  .introduceBox > ul > li {
      border-radius: 4px;
      background-color: rgb(255, 255, 255);
      width: 263px;
      height: 288px;
      text-align: center;
      position: relative;
      box-shadow: 2px 5px 15px #dddddd;
      padding: 1px 50px;
      box-sizing: border-box;
      margin-right: 60px;
  }

  .introduceBox > ul > li:last-child {
      margin-right: 0;
  }

  .introduceBox > ul > li > img {
      width: 103px;
      height: 103px;
      position: absolute;
      top: -50px;
      left: 80px;
  }

  .introduceText {
      font-size: 22px;
      font-weight: 500;
      color: rgba(33, 33, 33, 1);
      line-height: 18px;
  }

  .introduceContent {
      font-size: 16px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      line-height: 24px;
      text-align: left;
  }

  .schoolManage {
      width: 100%;
      height:806px;
      background: #f5f5f5;
      overflow: hidden;
  }

  .schoolTittle {
      width: 646px;
      font-size: 44px;
      font-weight: bold;
      color: rgba(51, 51, 51, 1);
      line-height: 66px;
      margin: 60px auto;
    text-align: center;
  }

  .singleBox {
      width: 1300px;
      margin: 0 auto;
  }

  .schoolImg {
      width: 644px;
      height: 662px;
  }

  .textBox {
      width: 500px;
      margin-left: 70px;
      margin-right: 70px;
  }
  .AITextBox{
    width: 500px;
    margin-left: 10px;
    margin-right: 60px;
  }

  .textBox > ul > li {
      width: 120px;
      height: 40px;
      text-align: center;
      background: #ebebeb;
      border-radius: 2px;
      font-size: 22px;
      font-weight: 400;
      color: rgba(33, 33, 33, 1);
      line-height: 45px;
      margin-right: 36px;
  }
  .AITextBox > ul > li {
      width: 120px;
      height: 40px;
      text-align: center;
      background: #ebebeb;
      border-radius: 2px;
      font-size: 22px;
      font-weight: 400;
      color: rgba(33, 33, 33, 1);
      line-height: 45px;
      margin-right: 36px;
  }

  .tipDescribe {
      font-size: 18px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      line-height: 27px;
  }

  .tipTittle {
      font-size: 20px;
      font-weight: 600;
      color: rgba(33, 33, 33, 1);
      line-height: 27px;
  }

  .tipContent {
      font-size: 16px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      line-height: 27px;
  }

  .mainTittle {
      font-size: 30px;
      font-weight: bold;
      color: rgba(33, 33, 33, 1);
      line-height: 24px;
      text-align: left;
  }

  .assistantTittle {
      font-size: 24px;
      font-weight: 400;
      color: rgba(33, 33, 33, 1);
      line-height: 24px;
      text-align: left;
      margin-left: 60px;
  }

  .textContent {
      font-size: 18px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      line-height: 30px;
      text-align: left;
  }

  .public {
      width: 100%;
      height: 717px;
      background: #ffffff;
  }

  .publicImg {
      width: 638px;
      height: 593px;
  }

  .publicity {
      width: 100%;
      height: 1025px;
      background: #ffffff;
  }

  .publicityBox {
      width: 1300px;
      margin: 0 auto;
  }

  .publicTittle {
      font-size: 30px;
      font-weight: bold;
      color: rgba(51, 51, 51, 1);
      line-height: 27px;
  }

  .publicityBox > ul > li {
      width: 588px;
      text-align: center;
      margin-right: 20px;
  }

  .publicityBox > ul > li:nth-child(2), .publicityBox > ul > li:nth-child(4) {
      margin-right: 0;
  }

  .publicityBox > ul > li > img {
      width: 588px;
      height: 337px;
  }

  .publicityBox > ul > li > p {
      font-size: 22px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
      line-height: 27px;
      margin: 20px 0 60px 0;

  }

  .supervise {
      width: 100%;
      height: 701px;
      background: #f5f5f5;
  }

  .superviseImg {
      width: 639px;
      height: 595px;
  }

  .bigData {
      width: 100%;
      height: 1069px;
      background: #f5f5f5;
      overflow: hidden;
  }

  .case {
      width: 100%;
      height: 788px;
      background: #ffffff;
      overflow: hidden;
  }

  .titleOne {
      font-size: 44px;
      font-weight: bold;
      color: rgba(51, 51, 51, 1);
      line-height: 45px;
  }

  .titleTwo {
      font-size: 28px;
      font-weight: normal;
      color: rgba(35, 25, 22, 1);
      line-height: 12px;
  }

  .case > img {
      width: 1200px;
      height: 413px;
      margin: 0 auto;
  }

  .AIBox {
      width: 100%;
      height: 838px;
  }
  .AIImg{
      width: 701px;
      height: 698px;
  }

  .collaborate{
      width: 100%;
      height: 400px;
      background: url(../img/collaborate.png) no-repeat left center;
      background-size: 100% 100%;
      overflow: hidden;
  }
  .collaTitle{
      font-size:36px;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:54px;
  }
  .QR{
      margin: 40px auto;
      width: 148px;
      height: 148px;
  }

  /*nav*/
  .line {
      height: 634px;
      width: 1px;
      border-right: 3px solid #ffffff;

  }

  .productTab {
      height: 650px;
      color: #383838;
      width: 1350px;
      margin: 80px auto;
  }

  .productTab > .leftTab {
      width: 335px;
      height: 100%;
      color: #fff;
      margin-right: 70px;
      margin-left: 30px;
    /* margin-top: 10px; */
  }
  .rightContent > li {
      position: absolute;
      left: 60px;
      top: 0;
      width: 738px;
      height: 100%;
      opacity: 0;
      transition: all 0.45s;
      -moz-transition: all 0.45s;
      -webkit-transition: all 0.45s;
      -o-transition: all 0.45s;
  }

  .leftTab > li {
      font-size: 30px;
    height: 60px;
    line-height: 60px;
      font-weight: 400;
      color: rgba(254, 254, 254, 1);
      margin-top: 35px;
  }

  .leftTab > li:first-child {
      margin-top: 0;
  }

  .rightContent > li.active {
      opacity: 1;
  }

  .leftTab > li.active {
      background: #66d98a !important;
      border-radius: 4px;
  }

  .leftTab > li.active > span {
      display: block !important;
  }

  .productTab .rightContent {
      width: 896px;
      height: 100%;
      position: relative;
  }

  .navTitle {
      font-size: 44px;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
    text-align: left;
  }

  .navContent {
      font-size: 20px;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      line-height: 27px;
      text-align: left;
  }

  .iconBox {
      width: 735px;
      margin: 0 auto;
  }

  .iconBox > ul > li {
      width: 60px;
      text-align: center;
      margin-right: 70px;
  }

  .iconBox > ul > li:last-child {
      margin-right: 0;
  }

  .iconBox > ul > li > img {
      margin: 0 auto;
  }

  .iconBox > ul > li > p {
      font-size: 20px;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      line-height: 27px;
  }

  .moreBox {
      width: 735px;
      margin: 0 auto;
  }

  .moreBox > ul > li {
      width: 85px;
      text-align: center;
      margin-right: 70px;
  }

  .moreBox > ul > li:last-child {
      margin-right: 0;
  }

  .moreBox > ul > li > img {
      margin: 0 auto;
  }

  .moreBox > ul > li > p {
      font-size: 20px;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      line-height: 27px;
  }

  .moresBox {
      width: 735px;
      margin: 0 auto;
  }

  .moresBox > ul > li {
      width: 100px;
      text-align: center;
      margin-right: 70px;
  }

  .moresBox > ul > li:last-child {
      margin-right: 0;
  }

  .moresBox > ul > li > img {
      margin: 0 auto;
  }

  .moresBox > ul > li > p {
      font-size: 20px;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      line-height: 27px;
  }

  /*btn*/
  .btn {
      border-radius: 30px;
      background-color: #63d887;
      width: 234px;
      height: 64px;
      font-size: 24px;
      font-family: Source Han Sans SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
      line-height: 60px;
      cursor: pointer;
      box-shadow: 2px 5px 15px #82d48f;
      text-align: center;
  }

  .transverse {
      width: 50px;
      height: 3px;
      background: #333333;
      position: absolute;
      top: 290px;
      left: 0;
  }

  /*video*/
  .video {
      width: 1000px;
      height: 600px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9999;
      display: none;
  }

  .video > video {
      width: 100%;
      height: 100%;
  }

  .video > img {
      width: 50px;
      height: 50px;
      margin: 20px auto;
  }

  /*h5*/
  .learnMoreH5{
      width: 450px;
      height: 620px;
      position: fixed;
      display: none;
      top: 50%;
      left: 50%;
      z-index: 999999;
      transform: translate(-50%, -50%);
  }
  .learnMoreH5 h3{
      height: 40px;
      line-height: 40px;
      background: #f2f5f8;
      font-weight: 100;
      display: flex;
      justify-content: space-between;
  }
  .learnMoreH5 h3 img{
      width: 30px;
      height: 30px;
  }

  .learnMoreH5 iframe {
      width: 450px;
      height: 620px;
  }
  .learnMoreH5 img{
      width: 50px;
      height: 50px;
      margin: 20px auto;
  }
}