.home .core-pro-show, .home .core-pro4, .home .mini-pro, .home .partners, .home .bottom{
  background-color: #fff !important;
}
.core-pro-show-third img{
  box-shadow: 0 0 6px 4px rgba(147,183,219,.26);
  border-radius: 10px;
}
.home, .home .core-pro{
  background-color: #f9fcff
}
.btn .el-button{
  color: #fff;
  background-color: #409EFF;
  border-color: #409EFF;
}
.call-me .el-button{
  background: #fff;
}
.call-me .el-button span{
  color: #50afff;
}
.dashed{
  width: 115px;
  height: 5px;
  margin: 0;
  display: inline-block;
  position: absolute;
}
.dashed span{
  border-top: dashed #76bceb 5px;
  width: 0;
  margin: 0;
  z-index: 10;
  position: absolute;
}
.p111{
  top: 195px;
  left: 225px;
  transform: rotate(30deg);
}
.p22{
  top: 195px;
  left: 555px;
  transform: rotate(-30deg);
}
.p33{
  top: 195px;
  left: 842px;
  transform: rotate(30deg);
}

@keyframes long{
  0%{
    width: 0px
  }
  100%{
    width: 115px;
  }
}
.top-img-des img{
  position: absolute;
  left: 140px;
  top: 220px;
  opacity: 0;
  animation: dh1 .5s linear forwards;
}
.top-img-des p:first-of-type{
  top: 260px !important;
  opacity: 0;
  animation: dh2 .5s linear .5s forwards;
}
.top-img-des p:last-of-type{
  top: 410px !important;
  opacity: 0;
  animation: dh3 .5s linear .5s forwards;
}
.top-img-des .el-button{
  top: 490px !important;
  opacity: 0;
  animation: dh4 .5s linear 1s forwards;
}
@keyframes dh1{
  0%{
    opacity: 0;
    top: 220px
  }
  100%{
    opacity: 1;
    top: 170px;
  }
}
@keyframes dh2{
  0%{
    opacity: 0;
    top: 260px
  }
  100%{
    opacity: 1;
    top: 210px;
  }
}
@keyframes dh3{
  0%{
    opacity: 0;
    top: 410px
  }
  100%{
    opacity: 1;
    top: 360px;
  }
}
@keyframes dh4{
  0%{
    opacity: 0;
    top: 490px
  }
  100%{
    opacity: 1;
    top: 440px;
  }
}
.core-pro-show-second .pro1, .core-pro-show-second .pro2, .core-pro-show-second .pro3, .core-pro-show-second .pro4 {
  position: absolute;
  opacity: 0;
}
.pro1{
  top: -5px;
  left: -30px;
}
.pro2{
  top: 115px;
  left: 281px;
}
.pro3{
  top: -5px;
  left: 591px;
}
.pro4{
  top: 115px;
  left: 902px;
}
@keyframes pro1{
  0%{
    top: -5px;
    opacity: 0;
  }
  100%{
    top: -55px;
    opacity: 1;
  }
}
@keyframes pro2{
  0%{
    top: 115px;
    opacity: 0;
  }
  100%{
    top: 65px;
    opacity: 1;
  }
}

.text-content{
  opacity: 0;
}
.tc1{
  top: 334px !important; 
  left: 31px
}
.tc2{
  top: 450px !important;
  left: 342px;
}
.tc3{
  top: 334px !important;
}
.tc4{
  top: 450px !important;
}
@keyframes tc1{
  0%{
    top: 334px;
    opacity: 0;
  }
  100%{
    top: 285px;
    opacity: 1;
  }
}
@keyframes tc2{
  0%{
    top: 450px;
    opacity: 0;
  }
  100%{
    top: 400px;
    opacity: 1;
  }
}
.core-pro-show-first .detail{
  position: absolute;
  top: 50px;
  opacity: 0;
}
.core-pro-show-first .detail:nth-of-type(2){
  left: 0;
  right: 0;
  margin: 0 auto;
}
.core-pro-show-first .detail:last-of-type{
  right: 0;
}
@keyframes detail{
  0%{
    top: 50px;
    opacity: 0;
  }
  100%{
    top: 0px;
    opacity: 1;
  }
}
.core-pro-show .btn1{
  top: -210px !important;
  opacity: 0;
}
@keyframes freeCreate{
  0%{
    top: -210px;
    opacity: 0;
  }
  100%{
    top: -260px;
    opacity: 1;
  }
}
.good-case{
  position: absolute;
  top: 50px;
  opacity: 0;
}
.gc2{
  left: 320px;
}
.gc3{
  right: 320px;
}
.good-case:last-of-type{
  right: 0;
}
.core-pro-show .btn2{
  top: 920px !important;
  opacity: 0;
}
@keyframes btn2{
  0%{
    top: 920px;
    opacity: 0;
  }
  100%{
    top: 870px;
    opacity: 1;
  }
}
.pd{
  position: absolute;
  top: 50px;
  opacity: 0;
}
.pd2{
  left: 308px;
}
.pd3{
  right: 308px;
}
.pd:last-of-type{
  right: 0;
}
.call-me{
  top: 130px;
  opacity: 0;
}
@keyframes call-me{
  0%{
    top: 130px;
    opacity: 0;
  }
  100%{
    top: 80px;
    opacity: 1;
  }
}

.partners ul {
  width: 1195px;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  padding: 0;
  margin: 0;
}

.partners ul li {
  float: left;
  width: 297.5px;
  height: 178px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  position: relative;
  list-style: none;
}

.partners ul li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.partners ul li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/home-img/clients.jpg);
}

.partners ul li i {
  opacity: 0.5;
  filter: grayscale(100%);
  filter: gray;
  transition: 0.3s;
}

.partners ul li a:hover i {
  opacity: 1;
  filter: grayscale(0);
  filter: none;
  transform: scale(0.9) translateY(-8px);
}

.partners ul li .clients00 {
  background-position: -0px 0;
}

.partners ul li .clients01 {
  background-position: -305px 0;
}

.partners ul li .clients02 {
  background-position: -615px 0;
}

.partners ul li .clients03 {
  background-position: -925px 0;
}

.partners ul li .clients04 {
  background-position: -1235px 0;
}

.partners ul li .clients05 {
  background-position: -1545px 0;
}

.partners ul li .clients06 {
  background-position: -1855px 0;
}

.partners ul li .clients07 {
  background-position: -2165px 0;
}

.partners ul li .clients08 {
  background-position: -2475px 0;
}

.partners ul li .clients09 {
  background-position: -2785px 0;
}

.partners ul li .clients10 {
  background-position: -3095px 0;
}

.partners ul li .clients11 {
  background-position: -3405px 0;
}

.partners ul li a:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 0 0 0 #eee;
  transition: 0.2s;
}

.partners ul li a:hover:after {
  box-shadow: inset 0 0 0 10px #f6f6f6;
}
.bottom-area p, .bottom-area .el-button{
  position: relative;
  top: 50px;
  opacity: 0;
}
.case-pre {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
}
.case-pre .case-title{
  margin-top: 20px; 
}