#app{
  position: relative;
}



.banner{
  position: relative;
  width: 100%;
  overflow-x: hidden;
  height: 100vh;
}

.el-carousel div.el-carousel__container{
  width: 100%;
  height: 100vh;
}

.bannerImg{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-size:cover; 
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/index/banner.png');
}

.bannerImgClick{
  cursor: pointer;
}

.el-carousel{
  position: relative;
}

/* 轮播图指示器 */
/* 轮播图修改图片数时要修改这个指示器的宽度 不然不居中 */
.el-carousel__indicators{
  /* display: none; */
  display: flex;
  /* width: 200px; */
  height: 15px;
  left: 50%;
  transform: translate(-50%,0%)!important;
  position: absolute!important;
  bottom: 170px!important;
}

.el-carousel__indicator{
  margin: 0 15px;
  width: 14px;
  height: 14px;
}

.el-carousel__button{
  width: 14px!important;
  height: 14px!important;
  border-radius: 50%!important;
  background-color: #0C47ED!important;
  opacity: 0.3;
  transition:0s!important;
}

.is-active .el-carousel__button{
  width: 60px!important;
  height: 14px!important;
  opacity: 1;
  border-radius: 10px!important;
  background: #0C47ED;
  border-radius: 10px;
}

.el-carousel__indicator:hover button{
  opacity: 1!important;
}

.el-carousel__indicators .is-active{
  width: 60px!important;
  height: 14px!important;
}

 /* banner图下3个按钮  */
.banner-bom{
  overflow: hidden;
  position: absolute;
  display: flex;
  /* align-items: flex-end; */
  z-index: 10;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 1200px;
  height: 140px;
}

/* hover变色的盒子 */
.banner-hover{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  width: 0px;
  height: 100%;
  border-radius: 8px 8px 0px 0px;
  transition: all .3s;
  background: linear-gradient(180deg,#3764e0  80%, #0B3CC6 120%);
  opacity: 1!important;
}

.banner-hoverRed{
  background: linear-gradient(180deg,#cb4f4d  80%, #a54a48 120%);
}

.banner-hoverGreen{
  background: linear-gradient(180deg,#85c160  80%, #7cb458 120%);
}

.banner-box{
  position: relative;
  cursor: pointer;
  width: 390px;
  height: 130px;
  border-radius: 8px 8px 0px 0px;
  transform: translateY(30px);
  background: linear-gradient(180deg,#4b73e3  80%, #3862d7 120%);
  padding-bottom: 10px;
}


.banner-fontBox{
  display: flex;
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
}

.banner-box:hover{
  transition: all .5s;
  transform: translateY(10px);
}

.banner-box:hover .banner-hover{
  width: 100%;
  opacity: 1;
}


.banner-boxRed {
  margin-right: 15px;
  background: linear-gradient(180deg,#d0605f  80%, #c55f5d 120%);

}

.banner-boxGreen {
  margin-left: 15px;
  background: linear-gradient(180deg,#91c770  80%, #8ec26d 120%);
}

/* icon */
.banner-icon{
  display: block;
  width: 57px;
  height: 54px;
  background: url('../img/index/banner-bom1.png');
  background-size: 100%;
  margin-right: 28px;
}

.icon-x{
  background: url('../img/index/banner-bom2.png');
  background-size: 100%;
  margin-right: 35px;
}

.icon-industry{
  background: url('../img/index/banner-bom3.png');
  background-size: 100%;
  margin-right: 43px;
}

/* 标题 */
.banner-title{
  font-size: 24px;
  color: #fff;
}

/* 标题文字 */
.banner-text{
  width: 58%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  padding-top: 56.25%;
  z-index: 10;
}

.banner-text-bg{
  width: 100%;
  z-index: 9;
}

/* 热点 */
.hot-point{
  height: 740px;
  width: 100%;
  padding-top: 160px;
  position: relative;
}

/* 标题 */
.module-title{
  position: relative;
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}
.module-title .title-box {
  display: flex;
  justify-content: center;
  margin: 0 44px;
  /* width: 375px; */
  height: 90px;
}

.module-title .title-box img{
  height: 100%
};

/* 热点 */
/* .hot-point .module-title .title-box{
  width: 135px!important;
} */

/* 人才战略 */
/* .talent-strategy .module-title .title-box{
  width: 260px!important;
} */

/* 六大产品服务 */
/* .product-service .module-title .title-box{
  width: 294px!important;
} */

/* 专家资源 */
/* .pro-resources .module-title .title-box{
  width: 185px!important;
} */

/* 荣誉 */
/* .honor .module-title .title-box{
  width: 195px!important;
} */

/* 合作案例 */
/* .cooperation .module-title .title-box{
  width: 323px!important;
} */






.module-mainTitle{
  /* 要换字体 */
  color: #0B318F;
  font-weight: 700;
  font-size: 46px;
}

.module-subTitle{
  /* 要换字体 */
  font-family: SimSun;
  font-size: 40px;
  color: #70BA44;
}

/* 左右2侧的修饰 */

.module-decorate{
  display: inline-block;
  font-size: 12px;
  color: #0B318F;
}

.module-decoratee{
  display: inline-block;
  font-size: 12px;
  color: #70BA44;
}

.hot-point-content-bg {
  height: inherit;
  position: absolute;
  margin-top: -160px;
  left: 28%;
}

.hot-point-light {
  position: absolute;
  width: 10px;
  height: auto;
}

.hot-point-light-animation1 {
  -webkit-animation: hot-point-light-slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both ;
	        animation: hot-point-light-slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}

.hot-point-light-animation2 {
  -webkit-animation: hot-point-light-slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s infinite both ;
	        animation: hot-point-light-slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s infinite both;
}

.hot-point-light-animation3 {
  -webkit-animation: hot-point-light-slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s infinite both ;
	        animation: hot-point-light-slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s infinite both;
}

/**
 * ----------------------------------------
 * animation hot-point-light-slide-top
 * ----------------------------------------
 */
 @-webkit-keyframes hot-point-light-slide-top {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
  }
}
@keyframes hot-point-light-slide-top {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
  }
}

.hot-point-content {
  width: 1200px;
  margin: 0 auto;
}

.hot-point-content-main {
  display: flex;
  margin-top: 57px;
}

.hot-point-content-left {
  width: 630px;
  height: 268px;
  background: #0B318F;
  margin-right: 8px;
  position: relative;
}

.hot-point-content-left-img {
  width: 100%;
  height: inherit;
  background: url('../img/index/hot_point_news1.jpg') no-repeat;
  background-size: 100%;
  background-position: center;
  cursor: pointer;
}

.hot-point-content-left:hover .hot-point-content-left-img {
  -webkit-animation: hot-point-scale-up 1s ease-in-out both;
	        animation: hot-point-scale-up 1s ease-in-out both;
}

.scroll-ani {
  animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
 @-webkit-keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/**
 * ----------------------------------------
 * animation hot-point-scale-up
 * ----------------------------------------
 */
 @-webkit-keyframes hot-point-scale-up {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 120%;
  }
}
@keyframes hot-point-scale-up {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 120%;
  }
}

.hot-point-content-left-title {
  width: 630px;
  height: 70px;
  background: linear-gradient(180deg, rgba(74, 74, 74, 0) 0%, #4A4A4A 100%);
  position: absolute;
  bottom: 0;
  display: flex;
}

.hot-point-content-left-title span {
  width: 463px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  padding-left: 25px;
  padding-top: 35px;
}

.hot-point-content-left-title p {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  padding-top: 36px;
  padding-left: 40px;
}

.hot-point-content-item {
  width: 555px;
  height: 128px;
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  display: flex;
  margin-bottom: 8px;
  position: relative;
  cursor: pointer;
}

.last-hot-point-content-item {
  margin-bottom: 15px;
}

.hot-point-content-item:hover {
  border: 1px solid #70BA44;
  transform: translate(0, -4px);
  transition: transform 0.3s;
  box-shadow: 0px 2px 4px 2px rgb(95 232 49 / 10%);
}

.hot-point-content-item:hover .hot-point-content-item-text {
  color: #0B318F;
}

.hot-point-content-item-img {
  width: 300px;
  height: 128px;
  background: #0B318F;
}

.hot-point-content-item-text {
  width: 318px;
  margin: 9px 16px 0px;
  text-align: justify;
  height: 90px;
  display: flex;
  align-items: center;
}

.hot-point-content-item-text .infoList {
  font-size: 16px;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
  letter-spacing: 1px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; 
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.hot-point-content-item p {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #383838;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 16px;
  margin-top: 104px;
}

.hot-point-content-list {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}

.hot-point-content-list-item {
  width: 520px;
  display: inline-block;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
  letter-spacing: 1px;
  padding-left: 74px;
  position: relative;
  margin-top: 20px;
  cursor: pointer;
}

.list-item-firstColumn, .list-item-secondColumn {
  padding-left: 23px;
}

.list-item-secondColumn {
  margin-left: 98px;
  width: 498px;
}

.hot-point-content-list-item:hover {
  color: #0B318F;
}

.hot-point-content-list-item::before {
  content:'';
  width: 8px;
  height: 8px;
  background: #0C47ED;
  position: absolute;
  left: 0;
  margin-top: 7px;
}

.hot-point-content-list-item-detail {
  width: max-content;
  height: 24px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
  margin-top: -6px;
  padding: 0 12px;
  position: absolute;
  display: none;
}

.hot-point-content-list-item:hover .hot-point-content-list-item-detail {
  display: block;
}

.hot-point-content-list-item-time {
  height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
  margin-left: 48px;
  display: inline-block;
  vertical-align: top;
}

.hot-point-content-list-item-text {
  width: 340px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

/* 人才战略 */
.talent-strategy {
  overflow: hidden;
  width: 100%;
  height: 677px;
  padding-top: 100px;
  padding-bottom: 123px;
  background: #f7f9f7;
  position: relative;
}

.talent-strategy-detail-box {
  width: 1200px;
  margin: 40px auto 70px;
}

.talent-strategy-detail-icon {
  display: block;
  position: relative;
  z-index: 5;
  width: 18px;
  height: 18px;
    
}
.blue-border {
  border-top: 4px solid #0B318F;
  border-left: 4px solid #0B318F;
}
.green-border {
  border-bottom: 4px solid #70BA44;
  border-right: 4px solid #70BA44;
  position: relative;
  float: right;
}
.talent-strategy-detail {
  position: relative;
  z-index: 5;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 26px;
  letter-spacing: 1px;
  margin: 0 24px;
}

.talent-strategy-box {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.talent-strategy-item {
  position: relative;
}

.talent-strategy-ball {
  width: 166px;
  height: 166px;
  border-top: 1px solid #0B318F;
  border-bottom: 1px solid #70BA44;
  border-left: 1px solid #356f76;
  border-right: 1px solid #3684c4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 5;
  position: relative;
  left: 50%;
  margin-left: -84px;
  cursor: auto;
}

.talent-strategy-serial {
  width: 140px;
  height: 140px;
  background: linear-gradient(180deg, #0B2778 0%, #70BA44 100%);
  border-radius: 50%;
  font-size: 80px;
  font-family: STHeitiSC-Medium, STHeitiSC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 140px;
  letter-spacing: 3px;
} 

.talent-strategy-item-title {
  height: 30px;
  font-size: 22px;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  text-align: center;
  margin-top: 124px;
  margin-bottom: 7px;
}

.talent-strategy-item-text {
  font-size: 16px;
  font-weight: 400;
  color: #343434;
  line-height: 26px;
  text-align: center;
  margin: 0;
  width: 300px;
}

.talent-strategy-item-left-text {
  font-size: 16px;
  font-weight: 400;
  color: #343434;
  line-height: 26px;
  text-align: left;
  margin: 0;
  width: 270px;
  padding-left: 18px;
}
.talent-strategy-item-left-text::before {
  content:'';
  width: 8px;
  height: 8px;
  background: #0C47ED;
  position: absolute;
  border-radius: 50%;
  left: 0;
  margin-top: 9px;
}

.talent-strategy-ver-line {
  width: 2px;
  height: 90px;
  opacity: 0.5;
  background: #8F8F8F;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 152px;
  z-index: 1;
}

.talent-strategy-ver-circle {
  width: 24px;
  height: 24px;
  border: 1px solid rgb(70 72 81 / 50%);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12px;
  margin-top: 240px;
  background: #FFFFFF;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.talent-strategy-ver-dot {
  width: 10px;
  height: 10px;
  background: #8F8F8F;
  /* opacity: 0.5; */
  border-radius: 50%;
}

.talent-strategy-middle-line {
  width: 1000px;
  height: 1px;
  border-top: 1px dotted #0B2778;
  position: absolute;
  margin: 84px 100px;
}

.talent-strategy-item-dot {
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  top: 0;
  background: #0C47ED;
  border-radius: 50%;
  margin-top: 82px;
}

.talent-strategy-item:hover .talent-strategy-ball{
  border: 1px solid #C42624;
  -webkit-animation: scale-up-center 0.4s cubic-bezier(0.895, 0.030, 0.685, 0.220) both;
	        animation: scale-up-center 0.4s cubic-bezier(0.895, 0.030, 0.685, 0.220) both;
}

.talent-strategy-item:hover .talent-strategy-serial {
  background: linear-gradient(180deg, #9D2525 0%, #C42624 100%);
}

.talent-strategy-item:hover .talent-strategy-ver-line {
  background: #9D2525;
}

.talent-strategy-item:hover .talent-strategy-ver-dot {
  background: #9D2525;
}
.talent-strategy-item:hover .talent-strategy-item-title {
  color: #9D2525;
}

.talent-strategy-item:hover .talent-strategy-run-ball{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 74px;
  margin-top: 8px;
  border: 1px solid transparent;
  -webkit-animation: run 2s linear 0.4s infinite;
  animation: run 2s linear 0.4s infinite;
}

.talent-strategy-item:hover .talent-strategy-run-ball::before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #C42624;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: show-ball 1s ease 1;
  animation: show-ball 1s ease 1;
}


.talent-strategy-bg-box {
  width: 100%;
  position: absolute;
  margin-top: -100px;
  z-index: 0;
}

.talent-strategy-bg-pos {
  width: inherit;
  height: 900px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.talent-strategy-bg {
  flex:0 0 auto;
  width: 1920px;
  height: inherit;
  background: url('../img/index/talent_strategy_bg1.jpg') repeat-x;
  -webkit-animation: talent-strategy-slide-left 24s linear infinite both;
	        animation: talent-strategy-slide-left 24s linear infinite both;
}

.talent-strategy-bg2 {
  flex:0 0 auto;
  width: 1920px;
  height: inherit;
  background: url('../img/index/talent_strategy_bg1.jpg') repeat-x;
  -webkit-animation: talent-strategy-slide-left 24s linear infinite both;
	        animation: talent-strategy-slide-left 24s linear infinite both;
}

/**
 * ----------------------------------------
 * animation talent-strategy-slide-left
 * ----------------------------------------
 */
 @-webkit-keyframes talent-strategy-slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-960px);
            transform: translateX(-960px);
  }
}
@keyframes talent-strategy-slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-960px);
            transform: translateX(-960px);
  }
}

/**
 * ----------------------------------------
 * animation talent-strategy-slide-left2
 * ----------------------------------------
 */
 @-webkit-keyframes talent-strategy-slide-left2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-960px);
            transform: translateX(-960px);
  }
}
@keyframes talent-strategy-slide-left2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-960px);
            transform: translateX(-960px);
  }
}

/**
 * ----------------------------------------
 * animation show-ball
 * ----------------------------------------
 */
 @-webkit-keyframes show-ball{
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes show-ball{
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation run
 * ----------------------------------------
 */
@-webkit-keyframes run{
  from{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes run{
  from{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

/* 六大产品服务 */
.product-service {
  width: 100%;
  height: 787px;
  padding-top: 93px;
  padding-bottom: 130px;
  background: #FFFFFF;
}

.product-service-content {
  width: 1200px;
  display: flex;
  margin: 45px auto;
  background: url('../img/index/product_service_bg.png') no-repeat center center;
  background-size: contain;
}

.product-service-item {
  width: 180px;
  margin-right: 23px;
  position: relative;
  -webkit-animation: product-service-ani 6s linear -1s infinite alternate;
    animation: product-service-ani 6s linear -1s infinite alternate;
}

.product-service-card-box {
  width: 180px;
  height: 420px;
  -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.product-service-item:hover .product-service-card-box {
  -webkit-animation: flip-ver-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: flip-ver-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

.product-service-item:hover .product-service-cicle {
  background: #9DC2F1;
  -webkit-animation: product-service-scale-up 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: product-service-scale-up 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.product-service-cicle {
  width: 40px;
  height: 40px;
  background: #CFDCFF;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 29px;
  margin-left: 90px;
  z-index: 1;
}

.product-service-icon {
  width: 46px;
  margin: 39px auto 0;
  position: relative;
  z-index: 2;
}

.product-service-title {
  height: 37px;
  font-size: 26px;
  font-weight: 500;
  color: #0B2778;
  line-height: 37px;
  letter-spacing: 1px;
  margin: 11px auto 25px;
  text-align: center;
}

.product-service-card {
  width: 180px;
  height: 420px;
  border: 1px solid #0C47ED;
  position: absolute;
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.product-service-detail-img {
  background: #c8d4ef;
  height: 100%;
}

.product-service-detail-text {
  background: #0B2778;
  opacity: 0.6;
  height: 386px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
  padding: 18px;
  word-break: break-all;
}

.product-service-lookup {
  width: 100%;
  height: 80px;
  background: linear-gradient(180deg, rgba(12, 71, 237, 0) 0%, rgba(12, 63, 207, 0.26) 38%, #0B2778 100%);
  position: absolute;
  bottom: 0;
  display: flex;
  cursor: pointer;
}

.product-service-lookup-text {
  padding: 40px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
  letter-spacing: 1px;
}

.product-service-lookup-img {
  width: 22px;
  height: 22px;
  margin-top: 40px;
  margin-left: -28px;
}

/**
 * ----------------------------------------
 * product-service-ani
 * ----------------------------------------
 */
 @keyframes product-service-ani {
  0% {
    -webkit-transform: translateY(0) translateZ(0) rotateY(-15deg);
    transform: translateY(0) translateZ(0) rotateY(-15deg);
  }
  16.6667% {
    -webkit-transform: translateY(4px) translateZ(-30px) rotateY(-7.5deg);
    transform: translateY(4px) translateZ(-30px) rotateY(-7.5deg);
  }
  33.3333% {
    -webkit-transform: translateY(8px) translateZ(0) rotateY(7.5deg);
    transform: translateY(8px) translateZ(0) rotateY(7.5deg);
  }
  50% {
    -webkit-transform: translateY(4px) translateZ(-30px) rotateY(15deg);
    transform: translateY(4px) translateZ(-30px) rotateY(15deg);
  }
  66.6667% {
    -webkit-transform: translateY(0) translateZ(0) rotateY(7.5deg);
    transform: translateY(0) translateZ(0) rotateY(7.5deg);
  }
  83.3333% {
    -webkit-transform: translateY(4px) translateZ(-30px) rotateY(-7.5deg);
    transform: translateY(4px) translateZ(-30px) rotateY(-7.5deg);
  }
  100% {
    -webkit-transform: translateY(8px) translateZ(0) rotateY(-15deg);
    transform: translateY(8px) translateZ(0) rotateY(-15deg);
  }
}

@-webkit-keyframes product-service-ani {
  0% {
    -webkit-transform: translateY(0) translateZ(0) rotateY(-15deg);
    transform: translateY(0) translateZ(0) rotateY(-15deg);
  }
  16.6667% {
    -webkit-transform: translateY(4px) translateZ(-30px) rotateY(-7.5deg);
    transform: translateY(4px) translateZ(-30px) rotateY(-7.5deg);
  }
  33.3333% {
    -webkit-transform: translateY(8px) translateZ(0) rotateY(7.5deg);
    transform: translateY(8px) translateZ(0) rotateY(7.5deg);
  }
  50% {
    -webkit-transform: translateY(4px) translateZ(-30px) rotateY(15deg);
    transform: translateY(4px) translateZ(-30px) rotateY(15deg);
  }
  66.6667% {
    -webkit-transform: translateY(0) translateZ(0) rotateY(7.5deg);
    transform: translateY(0) translateZ(0) rotateY(7.5deg);
  }
  83.3333% {
    -webkit-transform: translateY(4px) translateZ(-30px) rotateY(-7.5deg);
    transform: translateY(4px) translateZ(-30px) rotateY(-7.5deg);
  }
  100% {
    -webkit-transform: translateY(8px) translateZ(0) rotateY(-15deg);
    transform: translateY(8px) translateZ(0) rotateY(-15deg);
  }
}

/**
 * ----------------------------------------
 * animation flip-ver-right
 * ----------------------------------------
 */
 @-webkit-keyframes flip-ver-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes flip-ver-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

/**
 * ----------------------------------------
 * animation product-service-scale-up
 * ----------------------------------------
 */
 @-webkit-keyframes product-service-scale-up {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes product-service-scale-up {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
 
/* 专家资源 */
.pro-resources{
  width: 100%;
  height: 910px;
  /* 隐藏超出的动画 */
  overflow: hidden;
  padding-top: 100px;
  position: relative;
  background: url('../img/index/pro-resources-bg.png') no-repeat center bottom;
  background-size: cover;
  background-color: #F7F8FA;
}

#waves {
  width: 100%;
  position: absolute;
  z-index: 0;
  top: 240px;
}

.expert-int{
  margin-top: 76px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  position: relative;
  z-index: 2;
}

/* 左侧卡片 */
.expert-cardList{
  width: 683px;
  height: 511px;
  margin-top: 37px;
  margin-right: 56px;
}

.expert-cardList-top,
.expert-cardList-bom{
  display: flex;
  justify-content: center;
  width: 607px;
  height: 153px;
  padding: 33px 38px;
  background: #FFF;
}

/* 上 */
.expert-cardList-top{
  margin-bottom: 55px;
}

/* 单个item */
.expert-cardList-item{
  width: 50%;
  height: 100%;
}

.expert-item-top{
  position: relative;
  color: #70BA44;
}

.expert-top-title{
  position: relative;
  font-size: 56px;
  z-index: 10;
}

/* 字体下的背景 */
.expert-top-line{
  position: absolute;
  z-index: 1;
  bottom: 7px;
  left: 0;
  width: 132px;
  height: 22px;
  background: #CFDCFF;
}

.expert-bom-title{
  display: block;
  margin-bottom: 6px;
  font-size: 26px;
  color: #343434;
}

.expert-bom-introduce{
  width: 241px;
  height: 22px;
  color: #343434;
  font-size: 16px;
}

/* 轮播图 */

.expert-peopleList-item-position{
  width: 238px;
  font-size: 16px;
}

.rank-text{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #9F9F9F;
  line-height: 20px;
  letter-spacing: 1px;
  margin-top: 8px;
}

.rank-text img{
  height: 14px;
  width: 14px;
  margin-right: 8px;
}

.expert-peopleList-item{
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.expert-peopleList-item-avatar{
  width: 116px;
  height: 116px;
  background: rgba(255, 255, 255, .2);
  border-radius: 50%;
  margin-right: 62px;
}

.avatar{
  width: 96px;
  height: 96px;
  background: #FFFFFF;
  border-radius: 50%;
  border: 2px solid #70BA44;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.expert-peopleList-item-int{
  color: #343434;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1px;
}

.expert-peopleList-item-name{
  font-weight: 500;
  margin-bottom: 6px;
  font-size: 20px;
}

.expert-peopleList-wrap{
  overflow: hidden;
  height: 568px;
}

.course-item-label{
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #AFAFAF;
  line-height: 20px;
  width: 100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.course-label-item .diaLine{
  margin: 0 4px;
}

/* 生态系统 */
.ecosystem{
  transform: scale(0.9);
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 860px;
  padding-top: 90px;
}

.ecosystem-subTitle{
  width: 502px!important;
}

/* 旋转背景!!! */
.ecosystem-bg{
  position: absolute;
  top: 23%;
  left: 29%;
  margin-left: -20%;
  height: 1600px;
  z-index: 0;
  /* 旋转动画 */
  animation: rotat-scale 20s linear infinite;
}

@keyframes rotat-scale{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
  }

/* 内容 */
.ecosystem-con{
  position: relative;
  display: flex;
  justify-content: center;
  width: 1182px;
  height: 648px;
  margin: 60px auto 0;
  z-index: 10;
  background: url('../img/index/ecosystem-bg.png');
  background-size: 100%;
}

.ecosystem-left,
.ecosystem-right-item
{
  width: 210px;
  height: 55px;
  color: #FFFFFF;
  font-size: 26px;
  line-height: 55px;
  text-align: center;
  background: url('../img/index/ecosystem-right.png') no-repeat;
  background-size: 100%;
}

.ecosystem-right-item{
  background: url('../img/index/ecosystem-right.png') no-repeat;
  background-size: 100%;
}

/* 左 */
.ecosystem-left{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 278px;
  margin-right: 5px;
}

.ecosystem-subIcon{
  display: block;
  width: 28px;
  height: 28px;
  margin-right: 23px;
}

.ecosystem-icon1{
  background: url('../img/index/ecosysteme-icon3.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon2{
  background: url('../img/index/ecosysteme-icon8.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon3{
  background: url('../img/index/ecosysteme-icon9.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon4{
  background: url('../img/index/ecosysteme-icon10.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon5{
  background: url('../img/index/ecosysteme-icon11.png') no-repeat;
  background-size: 100%;
  margin-right: 6px;
}

.ecosystem-icon6{
  background: url('../img/index/ecosysteme-icon1.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon7{
  background: url('../img/index/ecosysteme-icon2.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon8{
  background: url('../img/index/ecosysteme-icon4.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon9{
  background: url('../img/index/ecosysteme-icon7.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon10{
  background: url('../img/index/ecosysteme-icon5.png') no-repeat;
  background-size: 100%;
}

.ecosystem-icon11{
  background: url('../img/index/ecosysteme-icon6.png') no-repeat;
  background-size: 100%;
  margin-right: 7px;
}

.ecosystem-center{
  display: flex;
  flex-direction: column;
  width: 743px;
  height: 540px;
  align-items: center;
  padding-top: 24px;
}

.ecosystem-center-item{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 222px;
  height: 55px;
  line-height: 54px;
  text-align: center;
  font-size: 26px;  
  color: #FFFFFF;
  background: url('../img/index/ecosystem-left.png') no-repeat;
  background-size: 100%;
}

.ecosystem-arrowS-box{
  position: absolute;
  bottom: -39px;
  left: 50%;
  transform: translate(-50%,0);
  height: 32px;
  width : 20px;
}

.ecosystem-arrowS-box2{
  left: 18%;
  bottom: -49px;
  transform: translate(-50%,0) rotate(45deg);
}

.ecosystem-arrowS-boxR{
  position: absolute;
  bottom: -49px;
  transform: translate(-50%,0);
  height: 32px;
  width : 20px;
}

.ecosystem-arrowS-box3{
  right: 8%;
  transform: translate(-50%,0) rotate(-45deg);
}

.ecosystem-arrowTop,.ecosystem-arrowBom{
  width: 20px;
  height: 14px;
}

.ecosystem-arrowTop{
  margin-bottom: 8px;
  -webkit-animation: arrow-top 2s linear 0.4s infinite;
  animation: arrow-top 2s linear 0.4s infinite;
}

.ecosystem-arrowBom{
  -webkit-animation: arrow-bom 2s linear 0.4s infinite;
  animation: arrow-bom 2s linear 0.4s infinite;
}

/**
* ----------------------------------------
* animation arrow-top
* ----------------------------------------
*/
@keyframes arrow-top{
from{
  opacity: 1;
  transform: translate(0,0px);
}
to{
  opacity: 0;
  transform: translate(0,-7px);
}
}

/**
* ----------------------------------------
* animation arrow-top
* ----------------------------------------
*/
@keyframes arrow-bom{
  from{
    opacity: 1;
    transform: translate(0,0px);
  }
  to{
    opacity: 0;
    transform: translate(0,7px);
  }
  }


/* 用来处理飞出去的文字 */
.ecosystem-floatFont{
  position: relative;
}

.ecosystem-floatFont2{
  position: relative;
}

.ecosystem-floatFont3{
  position: relative;
}

.ecosystem-floatFont4{
  position: relative;
}

.ecosystem-floatFont5{
  position: relative;
}

.ecosystem-floatFont::after{
  position: absolute;
  content: '通过认证建立人才准入标准';
  width: 220px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #5FB26E;
  top: -27px;
  left: -247px;
  background: url('../img/index/font1.png') no-repeat;
  background-size: 100%;
}

.ecosystem-floatFont::before{
  position: absolute;
  content: '通过人才库推广认证服务';
  width: 214px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #5FB26E;
  top: -27px;
  right: -247px;
  background: url('../img/index/font2.png') no-repeat;
  background-size: 100%;
}

.ecosystem-floatFont2:after{
  position: absolute;
  content: '1+X证书  一考三证';
  width: 196px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #5FB26E;
  top: -43px;
  left: 50%;
  transform: translateX(-50%);
  background: url('../img/index/font3.png') no-repeat;
  background-size: 100%;
}

.ecosystem-floatFont3:after{
  position: absolute;
  content: '证书含金量  社会认可度';
  width: 196px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #5FB26E;
  top: -43px;
  left: 50%;
  transform: translateX(-50%);
  background: url('../img/index/font3.png') no-repeat;
  background-size: 100%;
}

.ecosystem-floatFont4:after{
  position: absolute;
  content: '课程   实验   题库';
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #2B4B93;
  top: 58px;
  left: 50%;
  transform: translateX(-50%);
  background: url('../img/index/font4.png') no-repeat;
  background-size: 100%;
}

.ecosystem-floatFont5:after{
  position: absolute;
  content: '教学  认证  竞赛  就业';
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #2B4B93;
  top: 58px;
  left: 50%;
  transform: translateX(-50%);
  background: url('../img/index/font4.png') no-repeat;
  background-size: 100%;
}

.posR{
  position: relative;
}


.ecosystem-arrow-top{
  width: 100%;
  height: 50px;
  margin-left: -12px;
  transform: translate(0,6px);
}

.ecosystem-arrow-move{
  /* transform: translate(0,0px); */
  -webkit-animation: arrow-move 2s linear 0.4s infinite;
  animation: arrow-move 2s linear 0.4s infinite;
}

/**
 * ----------------------------------------
 * animation arrow-move
 * ----------------------------------------
 */
 @keyframes arrow-move{
  from{
    opacity: 1;
    transform: translate(0,6px);
  }
  to{
    opacity: 0;
    transform: translate(0,-22px);
  }
}


.ecosystem-title{
  height: 25px;
  font-size: 20px;
  color: #70BA44;
} 

.ecosystem-title1{
  margin-top: 30px;
}

.ecosystem-arrow-topBox{
  height: 35px;
  padding: 10px 0;
  width: 100%;
  overflow: hidden;
}

.ecosystem-arrow-top{
  display: flex;
  justify-content: center;
  align-items: center;
}

.ecosystem-icon{
  display: inline-block;
  width: 14px;
  height: 38px;
  margin: 0 36px 0 36px;
  background: url('../img/index/arrow-1.png') no-repeat;
  background-size: 100%;
}

.ecosystem-arrow-center{
  margin: 7px 0 7px 44px;
  height: 32px;
  display: flex;
  justify-content: center;
}

.ecosystem-arrow-leftBox,
.ecosystem-arrow-rightBox{
  display: flex;
  align-items: center;
}

.ecosystem-arrow-leftBox{
  margin-right: 218px;
}

.ecosystem-icon-center{
  display: inline-block;
  width: 14px;
  height: 38px;
  background: url('../img/index/arrow-1.png') no-repeat;
  background-size: 100%;
} 

.ecosystem-icon-center1{
  margin-left: 16px;
  transform:rotate(45deg);
}

.ecosystem-icon-center2{
  transform:rotate(315deg);
  margin-right: 16px;
}

.ecosystem-center-box{
  display: flex;
  width: 100%;
  justify-content: center;
}

.ecosystem-center-box div:last-child{
  margin-left: 216px;
}

/* 向上的箭头 */
.ecosystem-arrowTop-item{
  display: inline-block;
  width: 33px;
  height: 25px;
  background: url('../img/index/ecosystem-arrow.png') no-repeat;
  background-size: 100%;
}

/* 右边的箭头控制间隙 */
.ecosystem-arrowTop-itemR{
  /* margin-left: 20px; */
  transform: translate(29px,0px);
}

.ecosystem-arrowTop-center{
  margin: 0 190px;
}

.ecosystem-center-item2{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 540px;
  height: 57px;
  font-size: 26px;
  background: url('../img/index/ecosystem-long.png') no-repeat;
  background-size: 100%;
  color: #FFFFFF;
  text-align: center;
  line-height: 52px;
}

.ecosystem-center-item3{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 659px;
  height: 57px;
  font-size: 26px;
  background: url('../img/index/ecosystem-long.png') no-repeat;
  background-size: 100%;
  color: #FFFFFF;
  text-align: center;
  line-height: 52px;
}

.ecosystem-item3-subTitle{
  font-size: 16px;
  color: #FFFFFF;
}

.ecosystem-right{
  width: 222px;
  height: 55px;
  margin-top: 183px;
}

.ecosystem-right-item{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}

/* 荣誉 */
.honor{
  position: relative;
  width: 100%;
  height: 905px;
  padding-top: 95px;
  /* background-color: #F7F8FA; */
  background: url('../img/index/honor-bg.png') no-repeat;
  background-size: 60%;
  background-position: center 60%;
}

.module-title-arrow{
  display: block;
  margin: 7px auto 0;
  width: 27px;
  height: 16px;
  background: url('../img/index/arrow-bom.png') no-repeat;
  background-size: 100%;
}

.honor-bg{
  position: absolute;
  width: 926px;
  height: 428px;
  left: 50%;  
  transform: translate(-50%, 0%);
  bottom: 109px;
}


.honor-con{
  position: relative;
  width: 1200px;
  height: 575px;
  margin: 114px auto 0;
}


/* 隐藏 */
.honorImg-hidden{
  display: none;
 visibility: hidden;
}

.honorImg1,
.honorImg2,
.honorImg3,
.honorImg4,
.honorImg5,
.honorImg6,
.honorImg7{
  visibility: visible;
  display: block;
  -webkit-user-drag: none;
  transition-property:left,height,top,opacity;
  transition-duration:1s;
}

/* 最左 */
.honorImg1{
  position: absolute;
  left: 0px;
  top: 58px;
  height: 260px;
  z-index: 2;
}

/* 左边第二张 */
.honorImg2{
  position: absolute;
  left: 48px;
  top: 51px;
  height: 300px;
  z-index: 3;
}

/* 中间左边 */
.honorImg3{
  position: absolute;
  left: 167px;
  top: 27px;
  height: 383px;
  z-index: 4;
}

/* 居中 */
.honorImg4{
  position: absolute;
  left: 400px;
  top: 0px;
  height: 500px;
  z-index: 5;
}

/* 中间右边 */
.honorImg5{
  position: absolute;
  left: 725px;
  top: 27px;
  height: 383px;
  z-index: 4;
}

/* 右边第二张 */
.honorImg6{
  position: absolute;
  left: 911px;
  top: 51px;
  height: 300px;
  z-index: 3;
}

/* 最右 */
.honorImg7{
  position: absolute;
  left: 991px;
  top: 58px;
  height: 260px;
  z-index: 2;
}






























/* 合作案例 */
.cooperation{
  width: 100%;
  height: 1233px;
  padding-top: 87px;
}

.cooperation-con{
  margin: 62px auto 0;
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
}

.cooperation-con div:nth-of-type(3n){
  margin-right: 0;
} 

.cooperation-item{
  width: 362px;
  margin-top: 67px;
  margin-right: 57px;
}

.cooperation-img{
  width: 362px;
  height: 201px;
  background: url('../img/index/cooperation4.png') no-repeat;
  background-size: 100%;
  background-position: center;
}

.cooperation-img:hover{
  -webkit-animation: hot-point-scale-up 1s ease-in-out both;
  animation: hot-point-scale-up 1s ease-in-out both;
}

.cooperation-img2{
  background: url('../img/index/cooperation3.png');
  background-size: 100%;
  background-position: center;
}

.cooperation-img3{
  background: url('../img/index/cooperation9.png');
  background-size: 100%;
  background-position: center;
}

.cooperation-img4{
  background: url('../img/index/cooperation5.png');
  background-size: 100%;
  background-position: center;
}

.cooperation-img5{
  background: url('../img/index/cooperation1.png');
  background-size: 100%;
  background-position: center;
}

.cooperation-img6{
  background: url('../img/index/cooperation7.png');
  background-size: 100%;
  background-position: center;
}


.cooperation-img7{
  background: url('../img/index/cooperation10.png');
  background-size: 100%;
  background-position: center;
}


.cooperation-img8{
  background: url('../img/index/cooperation11.png');
  background-size: 100%;
  background-position: center;
}


.cooperation-img9{
  background: url('../img/index/cooperation8.png');
  background-size: 100%;
  background-position: center;
}



.cooperation-box{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}

.cooperation-icon{
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  background-color: #70BA44;
}

.cooperation-icon-blue{
  background-color: #003CEA;

}

.cooperation-icon-red{
  background-color: #C42624;

}

/* 滚动小盒子 */
.scrollBox{
  position: fixed;
  right: 0;
  bottom: 200px;
  width: 40px;
  padding: 0 10px;
  height: 160px;
  background: linear-gradient(180deg, #70BA44 0%, #133998 100%);
  border-radius: 20px;
}


.scrollTop,
.scrollBom{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 79px;
  cursor: pointer;
}

.scrollTop{
  border-bottom: 1px solid #fff;
}

.scrollImg{
  width: 31px;
  height: 28px;
  margin-bottom: 3px;
}

.scrollTitle{
  font-size: 12px;
  color: #fff;
}

.scrollQRBox{
  position: absolute;
  left: -124px;
  top: 7px;
  width: 104px;
  height: 118px;
  padding: 7px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid;
  border-image: linear-gradient(#70BA44,#0D318F) 30 30; }

  .scrollQR{
    width: 100px;
    height: 100px;
  }

  .scrollQRTitle{
    width: 100px;
    text-align: center;
  }
/* 
  @media screen and (max-width: 750px) {
    .banner{
      height: 80rem !important;
    }
  
    .el-carousel__container{
       height: 80rem !important;
    }
  }
   */

   .mobile .el-carousel__container{
    height: 80rem!important;
   }