.landing-layout {
  margin: 0 auto;
  height: 100%;
}
.landing-layout .glyphicon-menu-down,
.landing-layout .glyphicon-menu-up {
  color: #fff;
  margin-left: 0.27777778rem;
}
.landing-layout .glyphicon-play-circle {
  font-size: 1.33333333rem;
  color: #272727;
  font-weight: 300;
}
.landing-layout .free-trail-btn {
  width: 12.5rem;
  height: 3.333rem;
  border: 0.05555556rem solid #643aaa;
  border-radius: 1.667rem;
  line-height: 3.333rem;
  font-size: 1.25rem;
  color: #643aaa;
  font-family: CN Medium;
  text-align: center;
  cursor: pointer;
}
.landing-layout .free-trail-btn:hover {
  background: #6772f0;
  color: #fff;
  border: 0.05555556rem solid #6772f0;
}
.landing-layout .banner-btn {
  position: absolute;
  bottom: 20%;
  left: 13%;
  width: 16rem;
  z-index: 30;
  line-height: 3.5rem;
  margin: 1.11111111rem auto 0;
  border: 1px solid #fff;
  border-radius: 1.458rem;
  font-size: 1.375rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.landing-layout .banner-btn:hover {
  background: #6772f0;
  color: #fff;
  border: 1px solid #6772f0;
}
.landing-layout .banner-btn-detail {
  position: absolute;
  width: 16rem;
  height: 3.5rem;
  line-height: 3.583rem;
  border: 1px solid #fff;
  border-radius: 1.458rem;
  font-size: 1.375rem;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
}
.landing-layout .detail-btn1 {
  color: #9c6ade;
  left: 14%;
  bottom: 20%;
}
.landing-layout .detail-btn1:hover {
  background: #9c6ade;
  color: #fff;
  border: 1px solid #9c6ade;
}
.landing-layout .detail-btn2 {
  color: #fed2ed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%;
}
.landing-layout .detail-btn2:hover {
  background: #9732fb;
  color: #fff;
  border: 1px solid #9732fb;
}
.landing-layout .landing-layout__content .landing-page-banner {
  height: 33.33333333rem;
}
.landing-layout .landing-layout__content .landing-page-banner #myCarousel .carousel-inner {
  width: 100%;
}
.landing-layout .landing-layout__content .landing-page-banner #myCarousel .carousel-inner .item .banner-img {
  display: block;
  width: 100%;
  height: 100%;
}
.landing-layout .landing-layout__content .landing-page-banner #myCarousel .carousel-inner .item .banner-img img {
  width: 100%;
}
.landing-layout .landing-layout__content .landing-page-floor .text-content {
  padding: 4.167rem 0 2.5rem;
  text-align: center;
}
.landing-layout .landing-layout__content .landing-page-floor .text-content .title {
  font-size: 2.083rem;
}
.landing-layout .landing-layout__content .landing-page-floor .text-content .sub-title {
  font-size: 1.25rem;
  color: #6a6a6a;
}
.landing-layout .landing-layout__content .platform {
  height: 34rem;
  position: relative;
}
.landing-layout .landing-layout__content .platform::after {
  content: '';
  background: url(../images/competitive-bg.png) no-repeat;
  opacity: 0.05;
  background-size: cover;
  height: 33.333rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -3;
}
.landing-layout .landing-layout__content .platform .dashboard-competitive {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.landing-layout .landing-layout__content .platform .dashboard-competitive .competitive-item {
  width: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.landing-layout .landing-layout__content .platform .dashboard-competitive .competitive-item img {
  width: 2.833rem;
  height: 2.833rem;
}
.landing-layout .landing-layout__content .platform .dashboard-competitive .competitive-item .count {
  font-size: 2.917rem;
  margin: 0.75rem 0;
  font-weight: 800;
  color: #7a1bca;
}
.landing-layout .landing-layout__content .platform .dashboard-competitive .competitive-item .type {
  font-size: 1.375rem;
}
.landing-layout .landing-layout__content .platform .dashboard-competitive .split-line img {
  height: 7.5rem;
}
.landing-layout .landing-layout__content .platform .competitive-btn {
  position: absolute;
  left: 42%;
  margin-top: 2.5rem;
  z-index: 4;
}
.landing-layout .landing-layout__content .system {
  height: 41.667rem;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee {
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item {
  width: 16.667rem;
  height: 24rem;
  position: relative;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item .text-content {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 7.5rem;
  text-align: center;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item .text-content .title {
  color: #272727;
  font-size: 1.958rem;
  font-weight: 800;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item .text-content .sub-title {
  font-size: 1.333rem;
  color: #272727;
  margin-top: 1.25rem;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item .text-content .sub-sub-title {
  font-size: 1.125rem;
  color: #272727;
  margin-bottom: 1rem;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(1) {
  background: url(../images/platform01.png) no-repeat;
  background-size: 16.667rem 21.417rem;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(1):hover {
  background-image: url(../images/platform02.png);
  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.08);
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(1):hover h1,
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(1):hover p {
  color: #7a1bca;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(2) {
  background: url(../images/course01.png) no-repeat;
  background-size: 16.667rem 21.417rem;
  margin: 0 7.5rem;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(2):hover {
  background-image: url(../images/course02.png);
  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.08);
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(2):hover h1,
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(2):hover p {
  color: #7a1bca;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(3) {
  background: url(../images/yunying01.png) no-repeat;
  background-size: 16.667rem 21.417rem;
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(3):hover {
  background-image: url(../images/yunying02.png);
  box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.08);
}
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(3):hover h1,
.landing-layout .landing-layout__content .system .dashboard-guarantee .guarantee-item:nth-of-type(3):hover p {
  color: #7a1bca;
}
.landing-layout .landing-layout__content .scene {
  position: relative;
  height: 37.5rem;
}
.landing-layout .landing-layout__content .scene::after {
  content: '';
  background: url(../images/scene-bg.jpg) no-repeat;
  opacity: 0.05;
  background-size: cover;
  height: 37.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
}
.landing-layout .landing-layout__content .scene .dashboard__system-box .dashboard__system {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.landing-layout .landing-layout__content .scene .dashboard__system-box .dashboard__system .system-item {
  width: 27.77777778rem;
  height: 10rem;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  border-radius: 0.417rem;
  margin-top: 0.833rem;
  box-shadow: 0rem 0rem 0.27777778rem 0.27777778rem rgba(255, 235, 255, 0.3);
}
.landing-layout .landing-layout__content .scene .dashboard__system-box .dashboard__system .system-item:nth-child(2n) {
  margin-left: 0.833rem;
}
.landing-layout .landing-layout__content .scene .dashboard__system-box .dashboard__system .system-item img {
  width: 3.75rem;
  height: 3.75rem;
  margin: 0 2.083rem;
}
.landing-layout .landing-layout__content .scene .dashboard__system-box .dashboard__system .system-item .text-action .title {
  font-size: 1.417rem;
  font-weight: 700;
  margin-bottom: 0.833rem;
}
.landing-layout .landing-layout__content .scene .dashboard__system-box .dashboard__system .system-item .text-action .sub-title {
  font-size: 1.042rem;
  margin-bottom: 0;
}
.landing-layout .landing-layout__content .protect {
  height: 45.833rem;
}
.landing-layout .landing-layout__content .protect .protect-content {
  height: 33.333rem;
  position: relative;
  margin-top: 1.667rem;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-leftIcon {
  position: absolute;
  right: 45%;
  top: 2.5rem;
  width: 33.333rem;
  z-index: 2;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-afterIcon {
  position: absolute;
  left: 40%;
  top: 0;
  width: 24.167rem;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-title {
  display: flex;
  align-items: center;
  position: absolute;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-title img {
  width: 2rem;
  height: 2rem;
  margin-right: 1.11111111rem;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-title h1 {
  color: #000000;
  font-size: 1.5rem;
  line-height: 1.61111111rem;
  font-weight: 600;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-title p {
  color: #9fa4af;
  margin: 0;
  font-size: 1.083rem;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-title1 {
  left: 53%;
  top: -2.5rem;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-title2 {
  left: 67.5%;
  top: 6.3rem;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-title3 {
  left: 67%;
  top: 14rem;
}
.landing-layout .landing-layout__content .protect .protect-content .protect-title4 {
  left: 53%;
  bottom: 5.7rem;
}
.landing-layout .landing-layout__content .protect .protect-btn {
  position: absolute;
  right: 55%;
  bottom: 10rem;
}
.landing-layout .landing-layout__content .solutions {
  position: relative;
  height: 37.5rem;
}
.landing-layout .landing-layout__content .solutions::before {
  content: '';
  background: url(../images/solutions-bg.jpg) no-repeat;
  opacity: 1;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
}
.landing-layout .landing-layout__content .solutions .text-content .title,
.landing-layout .landing-layout__content .solutions .text-content .sub-title {
  color: #fff;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme {
  position: relative;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .solutions-btn {
  border-color: #fff;
  color: #fff;
  position: absolute;
  left: 43%;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .solutions-btn:hover {
  border: none;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .programme-box {
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .programme-box .programme-item {
  display: flex;
  flex-direction: column;
  width: 18%;
  align-items: center;
  margin-bottom: 1.25rem;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .programme-box .programme-item:not(:nth-child(1)) {
  margin-left: 1rem;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .programme-box .programme-item p {
  font-size: 1.417rem;
  color: #fff;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .programme-box .programme-item .icon-box {
  width: 4.792rem;
  height: 4.792rem;
  background-color: #fbf9f859;
  border-radius: 50%;
  text-align: center;
  line-height: 4.667rem;
  margin-bottom: 1.25rem;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .programme-box .programme-item .icon-box img {
  width: 2.5rem;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .programme-box .programme-item .icon-box2 {
  display: none;
  width: 4.792rem;
  height: 4.792rem;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 4.667rem;
  margin-bottom: 1.25rem;
}
.landing-layout .landing-layout__content .solutions .dashboard__programme .programme-box .programme-item .icon-box2 img {
  width: 2.5rem;
}
.landing-layout .landing-layout__content .enterprise .enterprise-btn {
  display: block;
  position: relative;
  left: 43%;
  margin-top: 1.25rem;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider {
  overflow: hidden;
  width: 65rem;
  margin: auto;
}
@keyframes my-slider {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box {
  display: inline-flex;
  animation: my-slider 40s linear infinite;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 {
  display: flex;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li {
  width: 360px;
  margin-right: 24px;
  background: #fff;
  border: 1px solid #e5e5e5;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li img,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action {
  margin-top: 1.25rem;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action > div span,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action > div span {
  font-size: 14px;
  color: #6a6a6a;
  padding: 0 15px;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action > div span:nth-of-type(1),
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action > div span:nth-of-type(1) {
  border-right: 0.05555556rem solid #6a6a6a;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action h1,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action h1 {
  font-size: 20px;
  padding-left: 15px;
  font-weight: bold;
  color: #272727;
  margin-bottom: 1rem;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action p,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action p {
  font-size: 12px;
  height: 25px;
  padding-left: 15px;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action p:nth-of-type(2),
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action p:nth-of-type(2) {
  margin-bottom: 0.417rem;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action p span:nth-of-type(2),
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action p span:nth-of-type(2) {
  color: #791bc9;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action h4,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action h4 {
  border-top: 0.05555556rem solid #e1e0e0;
  margin: 0;
  height: 50px;
  padding-left: 15px;
  line-height: 50px;
}
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box1 li .text-action h4 span,
.landing-layout .landing-layout__content .enterprise .enterprise-sider .sider-box .enterprise-box2 li .text-action h4 span {
  font-size: 14px;
  color: #6a6a6a;
  padding-right: 10px;
}
.landing-layout .landing-layout__content .logo-wall {
  height: 27rem;
}
.landing-layout .landing-layout__content .logo-wall .text-content {
  padding-top: 30px;
}
.landing-layout .landing-layout__content .logo-wall .crops-box {
  width: 61.11111111rem;
  margin: 2.083rem auto;
}
.landing-layout .landing-layout__content .logo-wall .crops-box img {
  width: 100%;
}
.landing-layout .landing-layout__content .coolcollege-seo {
  padding: 0 8.33333333rem 4.44444444rem;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-title {
  padding: 0 0 3.33333333rem;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-title h3 {
  font-size: 2rem;
  margin: 0;
  text-align: center;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content {
  display: flex;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content .latest-news .news-list p {
  width: 100%;
  padding: 1.66666667rem 1.11111111rem;
  font-size: 0.88888889rem;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(93deg, rgba(70, 92, 205, 0.64), rgba(153, 71, 255, 0.64));
  margin-bottom: 1.11111111rem;
  line-height: 1.5;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content .product-news.news {
  margin: 0 2.22222222rem;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content .news {
  flex: 1;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content .news .news-title {
  font-size: 1.33333333rem;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content .news .news-list {
  margin-top: 1.66666667rem;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content .news .news-list li {
  height: 2.77777778rem;
  border-bottom: 1px solid #e5e5e5;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content .news .news-list li a {
  display: block;
  width: 98%;
  height: 100%;
  line-height: 2.77777778rem;
  font-size: 0.83333333rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.landing-layout .landing-layout__content .coolcollege-seo .seo-content .news .news-list li a:hover {
  color: #6772f0;
}