.col-xs-1-8,
.col-sm-1-8,
.col-md-1-8,
.col-lg-1-8 {
  min-height: 1px;

  position: relative;
}

.col-xs-1-8 {
  width: 12.5%;
  float: left;
}

@media (max-width: 768px) {
  .col-sm-1-8 {
    width: 25%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-8 {
    width: 12.5%;
    float: left;
  }


}

@media(min-width:2440px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1920px;
  }
}

@media (max-width:1000px) {
  .row-ss {
    height: auto;
  }

  .programme {
    height: 300px;
  }
}

@media(min-width:999px) {
  .tab1 .system-item .img img {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-8 {
    width: 12.5%;
    float: left;
  }
}

@media (max-width: 800px) {
  .navbar ul {
    display: none;
  }

  .mobile-nav-toggle {
    display: block !important;
  }

}


@media(max-width:768px) {
  .cp-col {
    width: 25% !important;
  }

  .me-auto {
    width: 100px;
  }
}

@media all and (max-width: 748px) {
  #header .flex1 {
    display: block !important;
    max-width: 100%;
  }


}

#header .logo img {
  min-width: 90px;
}

@media (max-width: 1300px) {
  .margin-all {
    margin: 0 !important;
  }

  .col-lg-1-5 {
    margin-bottom: 20px;
  }

  .tab2 .trany {
    margin-bottom: 20px;
    transform: translateY(0);
  }
}

/* 手机屏幕 */
@media(max-width:600px) {

  /* .layui-laypage a {
    margin: 5px -1px 5px 5px;
  } */
  body .xm .xm-col {
    padding: 0;
    margin-bottom: 15px;
  }

  .Ftop-col .Row-above {
    padding: 0;
  }

  .tab8 .float-box .float-item .float-txt {
    font-size: 12px;
  }

  .tab3 .visualization .visualization-font,
  .tabs .img-size {
    width: 130px;
    height: 130px;
  }

  .tab3 .visualization .visualization-font .font-p {
    font-size: 22px;

  }

  .tab3 .visualization .visualization-font .font-p1 {
    font-size: 12px;
  }

  .file {
    width: 50%;
  }

  .tab2 .closer p {
    padding: 40px 10px 10px;
  }

  .tab8 .float-box {
    top: 10%;
    height: 100%;
  }

  .tab7 .position-box {
    width: 80%;
    top: 50%;
  }

  .advantage {
    width: 50%;
  }

  .tab8 .row .ups-col7 .ups-box .ups-item {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }



  .tabbar1 .container .row .cp-col .cp-box .cp-txt {
    font-size: 15px;
  }

  .tab8 .row .ups-col7 .ups-box .ups-item1 .item-right,
  .tab8 .row .ups-col7 .ups-box .ups-item .item-right {
    margin: 0;
    border: none !important;
  }

  .tab8 .row .ups-col7 .ups-box .ups-item .item-left .item-title {
    justify-content: flex-start;
  }

  .tab8 .row .ups-col7 .ups-box .ups-item .item-left .ups-txt {
    text-align: left;
  }

  .tab8 .row .ups-col7 .ups-box .ups-item,
  .tab8 .row .ups-col7 .ups-box .ups-item1 {
    margin-bottom: 15px;
    width: 100%;
  }

  .tab8 .smoke-box .smoke-right {

    padding: 20px 5px 20px 20px;

  }

  .tab8 .container .row .smoke-col7 .smoke-box .smoke-left .sbox .sbox-title {
    font-size: 12px;
  }

  .tab8 .smoke-box .smoke-right .sright-item .s-boxs .sitem-right .s-txt {
    font-size: 12px;
  }

  .cp-box {
    margin-top: 10px;
  }

  .apply-l {
    width: 50%;
  }

  .phone-33 {
    width: 33.33%;
  }

  .phone-50 {
    width: 50%;
  }

  .tab2 .closer span {
    top: -25%;
  }

  .col-xs-12 {
    padding: 15px 0;
  }

}

@media all and (max-width: 1200px) and (min-width: 1000px) {
  .tab8 .smoke-box .smoke-right {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 26px;

  }
}

@media all and (max-width: 1000px) and (min-width: 600px) {
  .tab7 .position-box {

    width: 41%;
    height: 110px;
    top: 51%;
    right: 8%;

  }


}

@media all and (max-width: 768px) and (min-width: 10px) {
  .sub-tiem .sub-tiem .sub-i {

    height: 280px !important;
  }
}

@media all and (max-width: 1440px) and (min-width: 0px) {
  .arrow {
    display: none !important;
  }

  .col-lg-1 {
    width: 16.5%;
  }
}

@media(max-width: 1000px) {
  .container-s {
    padding: 0;
  }
}

@media (max-width: 768px) {
  section {
    padding: 10px !important;
  }

  .img-left {
    display: none;
  }



  .father .child-item .item-top {

    flex-wrap: wrap;
  }

  .item-title {
    width: 70%;
    font-weight: 600;
  }

  .all-title {
    padding: 0;
  }

  .look {
    display: none;
  }

  .all-subtitle {
    margin: 0;
  }

  .zero {
    display: none;
  }

  .title {
    margin: 0 !important;
  }

  .system-col-item1 .item-a {
    padding: 0px 32px;
  }

  .col-xs-12,
  .col-xs-11,
  .col-xs-10,
  .col-xs-9,
  .col-xs-8,
  .col-xs-7,
  .col-xs-6,
  .col-xs-5,
  .col-xs-4,
  .col-xs-3,
  .col-xs-2,
  .col-xs-1 {
    padding: 10px 0;
  }

  .section-1,
  .section-2 {
    padding: 15px 0;
  }

  .system-col-item1 {
    padding: 20px 8px;
  }

  .tabs .img-80 img {}


  .sub-tiem .sub-i .sub-item-b {}



  .rows .sub-tiem {
    width: 50%;
    padding: 10px;
  }



  .col-lg-1-5 {
    margin-bottom: 20px;
  }

  .tab2 .trany {
    margin-bottom: 20px;
    transform: translateY(0);
  }
}

@media(max-width:579px) {
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}



@media all and (max-width: 1300px) and (min-width: 1190px) {
  .tab2 .closer {

    height: 200px;
  }
}

@media (max-width: 1200px) {
  .item-a1 {
    display: block !important;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 10%;
    left: 10%;
  }




  .sub-tiem .sub-i {


    padding-bottom: 5px;
  }

  .sub-tiem {
    width: 33.33%;
  }

}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-1-5 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }

}



@media (min-width: 1920px) {

  /* 大标题 */
  /* 50px */
  body .title,
  body .title-h2 {
    font-size: 50px;
  }

  html body .h2-title-color {
    font-size: 38px;
  }

  .tab3 .visualization .visualization-font .font-p {
    font-size: 38px;
  }

  /* 30PX */


  /* 28px */


  .Company-develop .container .row .develop-col .deve-box .iconfont {

    font-size: 28px;
  }

  /* 24PX */
  .column1-r .column1-font {
    font-size: 24px;
  }

  /* 22px */
  .tab4 .itme-advantage p,
  body .scene-title,
  .introduce-font {
    font-size: 22px;
  }



  /* 18px */


  .back-btn {
    margin-bottom: 10px;
  }

  .tab8 .row .ups-col7 .ups-box .ups-item .item-right .right-box,
  .tab8 .row .ups-col7 .ups-box .ups-item1 .item-right .right-box {

    width: 100px;
    height: 100px;

  }

  .text {
    margin-top: 10px;
  }

  body .footer-links .code img {
    width: 120px;
    height: 120px;
  }

  .tab4 .itme-advantage-l p {
    padding-left: 70px;
  }

  /* 20px */


  /* 16px */


  /* 14px */


  body .layui-laypage-prev,
  body .layui-laypage-curr,
  .layui-laypage a,
  .layui-laypage span {
    font-size: 14px;
    line-height: 30px;
  }

  .tab1 .system-item .img img {
    width: 45px;
    height: 45px;
  }

  .tab3 .cap-label {

    margin-top: 14px;

    padding-bottom: 14px;

  }

  .introduce-l1 {
    width: 20%;
  }

  .introduce-r {
    width: 80%;
  }

  body .tiem {
    font-size: 40px;
    color: #0092F2;
    top: 26%;
    left: -26%;
  }

  .strong {
    font-size: 40px;
    color: #0092F2;
    text-align: right;
    position: absolute;
    font-weight: 600;
    left: 65%;
    top: 74%;
  }

  body .date {
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #707070;
    padding-top: 34px;
  }

  body .icon-xieti:before {
    content: "\ec5b";
    font-size: 46px;
    color: #707070;
  }

  body .icon-xieti {
    left: 20%;
  }

  body .footer-icon {
    width: 30px;
    height: 30px;
  }

  body .footer-icon img {
    width: 100%;
    height: 100%;
  }
}

@media all and (max-width: 768px) {
  .font-size-10 {
    font-size: 10px;
  }

  .font-size-12 {
    font-size: 12px;
  }

  .font-size-14 {
    font-size: 14px;
  }

  .font-size-16 {
    font-size: 16px;
  }

  .font-size-18 {
    font-size: 18px;
  }

  .font-size-20 {
    font-size: 20px;
  }

  .font-size-22 {
    font-size: 22px;
  }

  .font-size-24 {
    font-size: 24px;
  }

  .font-size-26 {
    font-size: 26px;
  }

  .font-size-28 {
    font-size: 28px;
  }

  .font-size-30 {
    font-size: 30px;
  }

  .font-size-32 {
    font-size: 32px;
  }

  .font-size-34 {
    font-size: 34px;
  }

  .font-size-36 {
    font-size: 36px;
  }

  .font-size-38 {
    font-size: 38px;
  }

  .font-size-40 {
    font-size: 40px;
  }

  .font-size-42 {
    font-size: 42px;
  }

  .font-size-44 {
    font-size: 44px;
  }

  .font-size-46 {
    font-size: 26px;
  }

  .font-size-48 {
    font-size: 48px;
  }

  .font-size-50 {
    font-size: 50px;
  }

  .font-size-52 {
    font-size: 52px;
  }

  .font-size-54 {
    font-size: 54px;
  }

  .font-size-56 {
    font-size: 56px;
  }

  .font-size-58 {
    font-size: 58px;
  }

  .font-size-60 {
    font-size: 60px;
  }

  .font-size-62 {
    font-size: 62px;
  }

  .font-size-64 {
    font-size: 64px;
  }

  .font-size-66 {
    font-size: 66px;
  }

  .font-size-68 {
    font-size: 30px;
  }

  .font-size-70 {
    font-size: 70px;
  }

  .font-size-subtitle {
    font-size: 24px;
  }
}

@media all and (min-width: 768px) and (max-width: 1220px) {
  .font-size-10 {
    font-size: 10px;
  }

  .font-size-12 {
    font-size: 12px;
  }

  .font-size-14 {
    font-size: 14px;
  }

  .font-size-16 {
    font-size: 16px;
  }

  .font-size-18 {
    font-size: 18px;
  }

  .font-size-20 {
    font-size: 20px;
  }

  .font-size-22 {
    font-size: 22px;
  }

  .font-size-24 {
    font-size: 24px;
  }

  .font-size-26 {
    font-size: 26px;
  }

  .font-size-28 {
    font-size: 28px;
  }

  .font-size-30 {
    font-size: 30px;
  }

  .font-size-32 {
    font-size: 32px;
  }

  .font-size-34 {
    font-size: 34px;
  }

  .font-size-36 {
    font-size: 36px;
  }

  .font-size-38 {
    font-size: 38px;
  }

  .font-size-40 {
    font-size: 40px;
  }

  .font-size-42 {
    font-size: 42px;
  }

  .font-size-44 {
    font-size: 44px;
  }

  .font-size-46 {
    font-size: 26px;
  }

  .font-size-48 {
    font-size: 48px;
  }

  .font-size-50 {
    font-size: 50px;
  }

  .font-size-52 {
    font-size: 52px;
  }

  .font-size-54 {
    font-size: 54px;
  }

  .font-size-56 {
    font-size: 56px;
  }

  .font-size-58 {
    font-size: 58px;
  }

  .font-size-60 {
    font-size: 60px;
  }

  .font-size-62 {
    font-size: 62px;
  }

  .font-size-64 {
    font-size: 64px;
  }

  .font-size-66 {
    font-size: 66px;
  }

  .font-size-68 {
    font-size: 30px;
  }

  .font-size-70 {
    font-size: 70px;
  }

  .font-size-subtitle {
    font-size: 24px;
  }
}


@media all and (max-width: 1920px) and (min-width: 1220px) {
  .font-size-10 {
    font-size: 10px;
  }

  .font-size-12 {
    font-size: 12px;
  }

  .font-size-14 {
    font-size: 14px;
  }

  .font-size-16 {
    font-size: 16px;
  }

  .font-size-18 {
    font-size: 18px;
  }

  .font-size-20 {
    font-size: 20px;
  }

  .font-size-22 {
    font-size: 22px;
  }

  .font-size-24 {
    font-size: 24px;
  }

  .font-size-26 {
    font-size: 26px;
  }

  .font-size-28 {
    font-size: 28px;
  }

  .font-size-30 {
    font-size: 30px;
  }

  .font-size-32 {
    font-size: 32px;
  }

  .font-size-34 {
    font-size: 34px;
  }

  .font-size-36 {
    font-size: 36px;
  }

  .font-size-38 {
    font-size: 38px;
  }

  .font-size-40 {
    font-size: 40px;
  }

  .font-size-42 {
    font-size: 42px;
  }

  .font-size-44 {
    font-size: 44px;
  }

  .font-size-46 {
    font-size: 46px;
  }

  .font-size-48 {
    font-size: 48px;
  }

  .font-size-50 {
    font-size: 50px;
  }

  .font-size-52 {
    font-size: 52px;
  }

  .font-size-54 {
    font-size: 54px;
  }

  .font-size-56 {
    font-size: 56px;
  }

  .font-size-58 {
    font-size: 58px;
  }

  .font-size-60 {
    font-size: 60px;
  }

  .font-size-62 {
    font-size: 62px;
  }

  .font-size-64 {
    font-size: 64px;
  }

  .font-size-66 {
    font-size: 66px;
  }

  .font-size-68 {
    font-size: 68px;
  }

  .font-size-70 {
    font-size: 70px;
  }

  .font-size-subtitle {
    font-size: 24px;
  }
}

@media all and (max-width: 2440px) and (min-width: 1920px) {
  .font-size-10 {
    font-size: 12px;
    line-height: 16px;
  }

  .font-size-12 {
    font-size: 14px;
    line-height: 18px;
  }

  .font-size-14 {
    font-size: 16px;
    line-height: 21px;
  }

  .font-size-16 {
    font-size: 18px;
    line-height: 30px;
  }

  .font-size-18 {
    font-size: 20px;
    line-height: 38px;
  }

  .font-size-20 {
    font-size: 22px;
    line-height: 33px;
  }

  .font-size-22 {
    font-size: 24px;
    line-height: 36px;
  }

  .font-size-24 {
    font-size: 26px;
    line-height: 39px;
  }

  .font-size-26 {
    font-size: 28px;
    line-height: 42px;
  }

  .font-size-28 {
    font-size: 30px;
    line-height: 45px;

  }

  .font-size-30 {
    font-size: 32px;
  }

  .font-size-32 {
    font-size: 34px;
  }

  .font-size-34 {
    font-size: 36px;
  }

  .font-size-36 {
    font-size: 38px;
  }

  .font-size-38 {
    font-size: 40px;
  }

  .font-size-40 {
    font-size: 42px;
  }

  .font-size-42 {
    font-size: 44px;
  }

  .font-size-44 {
    font-size: 46px;
  }

  .font-size-46 {
    font-size: 48px;
  }

  .font-size-48 {
    font-size: 50px;
  }

  .font-size-50 {
    font-size: 52px;
  }

  .font-size-52 {
    font-size: 54px;
  }

  .font-size-54 {
    font-size: 56px;
  }

  .font-size-56 {
    font-size: 58px;
  }

  .font-size-58 {
    font-size: 60px;
  }

  .font-size-60 {
    font-size: 62px;
  }

  .font-size-62 {
    font-size: 64px;
  }

  .font-size-64 {
    font-size: 66px;
  }

  .font-size-66 {
    font-size: 68px;
  }

  .font-size-68 {
    font-size: 70px;
  }

  .font-size-70 {
    font-size: 72px;
  }


}

@media all and (min-width:2440px) {
  .font-size-10 {
    font-size: 14px;
    line-height: 28px;
  }

  .font-size-12 {
    font-size: 16px;
    line-height: 32px;
  }

  .font-size-14 {
    font-size: 18px;
    line-height: 36px;
  }

  .font-size-16 {
    font-size: 20px;
    line-height: 40px;
  }

  .font-size-18 {
    font-size: 22px;
    line-height: 44px;
  }

  .font-size-20 {
    font-size: 24px;
    line-height: 48px;
  }

  .font-size-22 {
    font-size: 26px;
    line-height: 52px;
  }

  .font-size-24 {
    font-size: 28px;
  }

  .font-size-26 {
    font-size: 30px;
  }

  .font-size-28 {
    font-size: 32px;
  }

  .font-size-30 {
    font-size: 34px;
  }

  .font-size-32 {
    font-size: 36px;
  }

  .font-size-34 {
    font-size: 38px;
  }

  .font-size-36 {
    font-size: 40px;
  }

  .font-size-38 {
    font-size: 42px;
  }

  .font-size-40 {
    font-size: 44px;
  }

  .font-size-42 {
    font-size: 46px;
  }

  .font-size-44 {
    font-size: 48px;
  }

  .font-size-46 {
    font-size: 50px;
  }

  .font-size-48 {
    font-size: 52px;
  }

  .font-size-50 {
    font-size: 54px;
  }

  .font-size-52 {
    font-size: 58px;
  }

  .font-size-54 {
    font-size: 60px;
  }

  .font-size-56 {
    font-size: 62px;
  }

  .font-size-58 {
    font-size: 64px;
  }

  .font-size-60 {
    font-size: 66px;
  }

  .font-size-62 {
    font-size: 68px;
  }

  .font-size-64 {
    font-size: 70px;
  }

  .font-size-66 {
    font-size: 72px;
  }

  .font-size-68 {
    font-size: 74px;
  }

  .font-size-70 {
    font-size: 76px;
  }
}



@media (max-width: 1220px) {
  /* body .header-phone {
    width: 30%;
  } */

  /*
  .main .logo {
    display: none;
  } */



  .font-size-10 {
    font-size: 10px;
    line-height: 16px;
  }

  .font-size-12 {
    font-size: 12px;
    line-height: 18px;
  }

  .font-size-14 {
    font-size: 14px;
    line-height: 21px;
  }

  .font-size-16 {
    font-size: 16px;
    line-height: 31px;
  }

  .font-size-18 {
    font-size: 16px;
    line-height: 30px;
  }

  .font-size-20 {
    font-size: 18px;
    line-height: 33px;
  }

  .font-size-22 {
    font-size: 18px;
    line-height: 36px;
  }

  .font-size-24 {
    font-size: 20px;
    line-height: 39px;
  }

  .font-size-26 {
    font-size: 24px;
    line-height: 42px;
  }

  .font-size-28 {
    font-size: 26px;
    line-height: 45px;

  }

  .font-size-30 {
    font-size: 32px;
  }

  .font-size-32 {
    font-size: 34px;
  }

  .font-size-34 {
    font-size: 36px;
  }

  .font-size-36 {
    font-size: 38px;
  }

  .font-size-38 {
    font-size: 30px;
  }

  .font-size-subtitle {
    font-size: 14px;
  }
}