.top-banner .swiper-slide {
  position: relative;
}
.top-banner .swiper-slide > a {
  display: block;
}
.top-banner .swiper-slide .item-pic {
  display: block;
  width: 100%;
}
.top-banner .swiper-slide .item-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.top-banner .swiper-slide .item-info .info-text1 {
  padding-top: 18.9rem;
  line-height: 7.2rem;
  text-align: center;
  color: #fff;
  font-size: 4.8rem;
}
.top-banner .swiper-slide .item-info .info-text1 p {
  margin: 0;
  color: #fff;
  font-size: 4.8rem;
}
.top-banner .swiper-slide .item-info .info-text1 .text-md {
  font-size: 3.4rem;
}
.top-banner .swiper-slide .item-info .info-text1 .c-yellow {
  color: #FCFF00;
}
.top-banner .swiper-slide .item-info .info-text1 .c-cyan {
  color: #00FFF1;
}
.top-banner .swiper-slide .item-info .info-text2 {
  margin-top: 4.75rem;
  line-height: 4.8rem;
  font-size: 2.4rem;
}
.top-banner .swiper-slide .item-info .info-link {
  margin-top: 8.4rem;
  text-align: center;
}
.bb{
font-weight: bold;
} 
.f48{
font-size: 48px;
} 
.top-banner .swiper-slide .item-info .info-link .goto-link {
  display: inline-block;
  width: 28rem;
  height: 7.2rem;
  line-height: 6.8rem;
  color: #fff;
  font-size: 2.6rem;
  border: 0.2rem solid #fff;
}
.top-banner .swiper-slide .item-info.info-type2 .pic-sm {
  margin-bottom: 2.35rem;
  padding-top: 9.9rem;
  text-align: center;
}
.top-banner .swiper-slide .item-info.info-type2 .pic-sm img {
  display: block;
  margin: 0 auto;
  width: 18.3rem;
}
.top-banner .swiper-slide .item-info.info-type2 .info-text1 {
  padding-top: 0;
}
.top-banner .swiper-slide .item-info.info-type2 .info-text2 {
  margin-top: 1.2rem;
  padding-top: 0;
  line-height: 1;
}
.top-banner .swiper-slide .item-info .mt36 {
  margin-top: 3.6rem;
}
.top-banner .swiper-pagination .swiper-pagination-bullet {
  margin: 0 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 1.4rem;
  background: #fff;
  opacity: 1;
  transition: width 300ms;
}
.top-banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 4rem;
}
.code-card {
  background-color: #fff;
}
.code-card .card-title {
  padding: 7.2rem 0 6rem;
  text-align: center;
  font-size: 4.8rem;
  color: #232222;
}
.code-card .card-content {
  padding-bottom: 6rem;
}
.code-card.bg-grey {
  background-color: #f3f3f3;
}
.code-card.dark-grey {
  background-color: #636679;
}
.code-card.dark-grey .card-title {
  color: #fff;
}
.skill-evaluation .skill-list {
  padding: 0 4rem;
}
.skill-evaluation .skill-item {
  display: block;
  margin: 3rem 0;
  padding: 7rem 4.8rem;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
}
.skill-evaluation .skill-item .item-title {
  color: #333;
  font-size: 3.2rem;
margin-bottom:3rem;
}

.skill-evaluation .skill-item .item-more {
  color: #E2231A;
  font-size: 2.4rem;
}
 .skill-evaluation .skill-item:nth-child(1) {
        background-image: url(../img/evaluation1.png);
      }
      .skill-evaluation .skill-item:nth-child(2) {
        background-image: url(../img/evaluation2.png);
      }
      .skill-evaluation .skill-item:nth-child(3) {
        background-image: url(../img/evaluation3.png);
      }
      .skill-evaluation .skill-item:nth-child(4) {
        background-image: url(../img/evaluation4.png);
      }
 .skill-evaluation .skill-item:nth-child(1) .item-title,
      .skill-evaluation .skill-item:nth-child(2) .item-title{
        color: #fff;
      }
      .skill-evaluation .skill-item:nth-child(1) .item-more,
      .skill-evaluation .skill-item:nth-child(2) .item-more{
        color: #fff;
      }
.skill-training .swiper-slide {
  width: 58.8rem;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.skill-training .swiper-slide .swiper-pic img {
  display: block;
  width: 100%;
}
.skill-training .swiper-slide .swiper-title {
  padding: 4.05rem 0 2.3rem;
  text-align: center;
  font-size: 3.2rem;
  color: #333;
}
.skill-training .swiper-slide .swiper-text {
  padding: 0 4rem;
  height: 16rem;
  line-height: 3.6rem;
  color: #666;
  font-size: 2.4rem;
}
.skill-training .swiper-slide .swiper-more {
  margin-top: 4.05rem;
  padding-bottom: 4.3rem;
  text-align: center;
}
.skill-training .swiper-slide .swiper-more a {
  display: inline-block;
  width: 17.6rem;
  height: 5.4rem;
  line-height: 5rem;
  color: #E2231A;
  font-size: 1.4rem;
  border: 0.2rem solid #E2231A;
}
.skill-training .swiper-pagination {
  position: relative;
  margin-top: 2.4rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0;
}
.skill-training .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  width: 5rem;
  height: 1rem;
  border-radius: 1rem;
}
.skill-training .swiper-pagination .swiper-pagination-bullet-active {
  background: #E2231A;
}
.products-solutions {
  background: linear-gradient(#ffffff, #f3f3f3);
}
.products-solutions .products-list {
  padding: 0 2rem;
  text-align: center;
  font-size: 0;
}
.products-solutions .products-list .products-item {
  display: inline-block;
  margin: 0 1.6rem 2.4rem;
  width: 29rem;
  color: #333;
  font-size: 3.2rem;
  text-align: center;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(6, 0, 1, 0.05);
  vertical-align: top;
}
.products-solutions .products-list .products-item .item-pic {
  padding: 4.4rem 0 3.65rem;
}
.products-solutions .products-list .products-item .item-pic i {
  color: #E2231A;
  font-size: 7.2rem;
}
.products-solutions .products-list .products-item .product-name {
  padding-bottom: 5.6rem;
  color: #333333;
  font-size: 3.2rem;
}
.skill-competition .competition-swiper {
  width: 100%;
}
.skill-competition .swiper-slide {
  width: 60.6rem;
  height: 81rem;
  border-radius: 8px;
  transform: scale(0.9);
  transition: all 300ms;
  overflow: hidden;
}
.skill-competition .swiper-slide .item-top {
  height: 15.6rem;
  color: #fff;
  text-align: center;
  background-color: #308EFF;
}
.skill-competition .swiper-slide .item-top .top-title {
  padding: 3.95rem 0 2.35rem;
  font-size: 3.2rem;
}
.skill-competition .swiper-slide .item-top .top-host {
  font-size: 2.4rem;
}
.skill-competition .swiper-slide .item-detail {
  height: 65.4rem;
  background-color: #fff;
}
.skill-competition .swiper-slide .item-detail .mui-table-view {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell {
  flex: 1;
  margin: 0 4rem;
  padding: 4.1rem 0 3.95rem;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell:last-child {
  border-bottom: none;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell:after {
  left: 0;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell.mui-active {
  background-color: #fff;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell img {
  max-width: 10rem;
  width: 9.2rem;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell .cell-title {
  color: #333333;
  font-size: 3.2rem;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell .cell-text {
  margin: 1rem 0;
  color: #666666;
  font-size: 2.4rem;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell .cell-more a {
  color: #E2231A;
  font-size: 2.4rem;
}
.skill-competition .swiper-slide .item-detail .mui-table-view-cell:first-child:nth-last-child(2),
.skill-competition .swiper-slide .item-detail .mui-table-view-cell:nth-child(2):last-child {
  padding-top: 8rem;
}
.skill-competition .swiper-slide .item-detail .competition-single {
  padding: 7.2rem 0 0;
  text-align: center;
}
.skill-competition .swiper-slide .item-detail .competition-single .single-pic {
  margin: 0 auto;
  width: 12rem;
  height: 12rem;
}
.skill-competition .swiper-slide .item-detail .competition-single .single-pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.skill-competition .swiper-slide .item-detail .competition-single .single-title {
  margin: 3.9rem 0 2.6rem;
  color: #333333;
  font-size: 3.2rem;
}
.skill-competition .swiper-slide .item-detail .competition-single .single-text {
  color: #666666;
  font-size: 2.4rem;
}
.skill-competition .swiper-slide .item-detail .competition-single .single-more {
  margin-top: 6.75rem;
}
.skill-competition .swiper-slide .item-detail .competition-single .single-more a {
  color: #E2231A;
  font-size: 2.4rem;
}
.skill-competition .swiper-slide.slide-blue .item-top {
  background-color: #308EFF;
}
.skill-competition .swiper-slide.slide-green .item-top {
  background-color: #1CB079;
}
.skill-competition .swiper-slide.slide-yellow .item-top {
  background-color: #FFB830;
}
.skill-competition .swiper-slide.slide-red .item-top {
  background-color: #FF3700;
}
.skill-competition .swiper-slide-active {
  transform: scale(1);
}
.skill-competition .competition-pagination {
  position: relative;
  margin-top: 2.4rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0;
}
.skill-competition .competition-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  width: 5rem;
  height: 1rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.5);
}
.skill-competition .competition-pagination .swiper-pagination-bullet-active {
  background: #fff;
}