.content {
  padding-top: 0px;
  overflow: hidden;
}
.content .common-title {
  font-size: 30px;
  color: #333;
  text-align: center;
}
.content .common-tips {
  font-size: 16px;
  text-align: center;
}
.content .banner-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 302px;
}
.content .banner-box .banner-item {
  text-align: center;
  width: 100%;
  height: 402px;
  position: absolute;
  top: 0;
  left: 0;
}
.content .banner-box .banner-1 {
  opacity: 1;
}
.content .banner-box .banner-2 {
  opacity: 0;
}
.content .banner-box .banner-3 {
  opacity: 0;
}
.content .banner-box img{
  height: 402px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.content .banner-box .btn-box {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 20px;
}
.content .banner-box .btn-box span {
  display: inline-block;
  margin: 8px;
  width: 50px;
  height: 2px;
  background: #67a3b8;
  position: relative;
  break-after: auto;
}
.content .banner-box .btn-box span:after{
  content: '';
  width: 0;
  background-color: #fff;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.content .banner-box .btn-box span.active:after{
  width: 50px;
  -webkit-transition: width 5s linear;
  transition: width 5s linear;
}
.content .data-list {
  overflow: hidden;
  padding: 30px 0;
}
.content .data-list li {
  float: left;
  width: 25%;
}
.content .data-list .last{
  float: right;
  width: auto;
  max-width: 255px;
}
.content .data-list li span {
  font-size: 34px;
}
.content .productService {
  padding: 2px 0 45px 0;
  background: #eff2f5;
}
.content .productService ul {
  margin-top: 45px;
  height: 360px;
}
.content .productService ul li {
  float: left;
  width: 300px;
  height: 180px;
  background: #fff;
  cursor: pointer;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  cursor: pointer;
  position: relative;
  z-index: 1;
}


.content .productService ul li:first-child {
  height: 360px;
}
.content .productService ul li:hover{
  z-index: 20;
}
.content .productService ul li:hover .bg{
  animation: pulse .6s forwards;
  -webkit-animation: pulse .6s forwards;
  -ms-animation: pulse .6s forwards;
  -moz-animation: pulse .6s forwards;

  box-shadow: 10px 10px 30px rgba(0,0,0,0.3);
  transform-origin:50% 100%;
  z-index: 21;
}
.content .productService ul li:hover .icon{
  z-index: 22;
}
.content .productService ul li:hover h3{
  z-index: 22;
}
.content .productService ul li:hover p{
  z-index: 22;
}

.content .productService ul li a{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.content .productService ul li .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  /*animation: pulsepro .2s forwards;*/
  /*-webkit-animation: pulsepro .2s forwards;*/
  /*-ms-animation: pulsepro .2s forwards;*/
  /*-moz-animation: pulsepro .2s forwards;*/
}
.content .productService ul li .icon{
  position: absolute;
  left: 20px;
  top: 26px;
  z-index: 3;
}
.content .productService ul li h3{
  font-size: 26px;
  color: #fff;
  z-index: 3;
  position: relative;
  padding-left: 20px;
  line-height: 50px;
  margin-top: 90px;
}
.content .productService ul li h3.spec-1{
  margin-top: 218px;
}
.content .productService ul li h3.spec-2{
  margin-top: 42px;
}
.content .productService ul li p{
  font-size: 15px;
  color: #fff;
  z-index: 3;
  position: relative;
  line-height: 26px;
  padding-left: 20px;
}
.content .solution {
  width: 1200px;
  padding: 45px 0;
  position: relative;
  z-index: 1;
}
.industry-box{ width: 80px; height: 106px; position: absolute; left: 324px; top: 248px; z-index: 3; cursor: pointer; }

.industry-box:hover a.indus-1{ display: none; }
.industry-box:hover a.indus-2{ display: inline-block;}
.industry-box a.indus-2 img:hover{ -moz-animation: rotate 5s  linear infinite; -webkit-animation: rotate 5s linear infinite; animation: rotate 5s  linear infinite; }
.industry-box a{ display: inline-block; width: 100%; height: 100%; }
.industry-box a img{ display: block; width: 36px; height: 36px; margin: 32px 22px; }

.industry-box a.indus-1{ display: inline-block; }
.industry-box a.indus-2{ display: none; }

.industry-box a.indus-1 img{}
.industry-box a.indus-2 img{}

.bank-box{ width: 80px; height: 106px; position: absolute; right: 322px; top: 248px; z-index: 3; cursor: pointer; }

.bank-box:hover a.bank-1{ display: none; }
.bank-box:hover a.bank-2{ display: inline-block; }
.bank-box a.bank-2 img:hover{ -moz-animation: rotate 5s  linear infinite; -webkit-animation: rotate 5s linear infinite; animation: rotate 5s  linear infinite; }
.bank-box a{ display: inline-block; width: 100%; height: 100%; }
.bank-box a img{ display: block; width: 36px; height: 36px; margin: 32px 22px; }

.bank-box a.bank-1{ display: inline-block; }
.bank-box a.bank-2{ display: none; }

.bank-box a.bank-1 img{}
.bank-box a.bank-2 img{}

.left-silder{ width: 405px; height: 360px; position: absolute; left: 0px; top: 139px; z-index: 2; cursor: pointer; }
.left-silder a{ display: block; width: 100%; height: 100%; }
.right-silder{ width: 405px; height: 360px; position: absolute; right: 0px; top: 139px; z-index: 2; cursor: pointer; }
.right-silder a{ display: block; width: 100%; height: 100%; }

.content .solution .solution-bg {
  width: 1200px;
  height: 358px;
  text-align: center;
  margin: 0 auto;
  background: url('../index/index-solution-bg.png') center center no-repeat;
  background-size: auto 358px;
  position: relative;
  padding-top: 45px;
}
.content .solution .solution-bg .inside-circle {
  position: absolute;
  top: 75px;
  left: 470px;
  -moz-animation: contraryRotate 5s  linear infinite;
  -webkit-animation: contraryRotate 5s linear infinite;
  animation: contraryRotate 5s  linear infinite;
}
.content .solution .solution-bg .out-circle {
  position: absolute;
  top: 45px;
  left: 445px;
  -moz-animation: rotate 5s linear infinite;
  -webkit-animation: rotate 5s linear infinite;
  animation: rotate 5s linear infinite;
}
.content .solution .solution-bg .blank{
  position: absolute;
  top: 185px;
  width: 50px;
  height: 25px;
  background: #fff;
}
.content .solution .solution-bg .blank-1{
  left: 430px;
}
.content .solution .solution-bg .blank-2{
  left: 712px;
}
.content .solution .solution-bg .blank span{
  display: inline-block;
  height: 1px;
  margin-top: 13px;
  border-top: 1px solid #d6d6d6;
  width: 100%;
}
.content .advantage {
  padding: 45px 0;
  background: #eff2f5;
}
.content .advantage .advantage-list {
  overflow: hidden;
  margin-top: 35px;
  border-right: none;
}
.content .advantage .advantage-list li {
  float: left;
  height: 140px;
  box-sizing: border-box;
  border-right: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  margin-top: -1px;
}
.content .advantage .advantage-list li.item1{
  width: 370px;
  padding: 26px 0 0 0;
}
.content .advantage .advantage-list li.item1 .item-info{
  width: 260px;
  margin-left: 30px;
}
.content .advantage .advantage-list li.item2{
  width: 458px;
  padding: 26px 20px 0 60px;
}

.content .advantage .advantage-list li.item2 .item-info{
  width: 280px;
  margin-left: 25px;
}

.content .advantage .advantage-list li.item3{
  width: 370px;
  padding: 26px 0 0 52px;
}
.content .advantage .advantage-list li.item3 .item-info{
  width: 220px;
  margin-left: 25px;
}

.content .advantage .advantage-list li.item4{
  width: 370px;
  padding: 40px 0 0 0;
}
.content .advantage .advantage-list li.item4 .item-info{
  width: 260px;
  margin-left: 30px;
}
.content .advantage .advantage-list li.item5{
  width: 458px;
  padding: 40px 20px 0 60px;
}
.content .advantage .advantage-list li.item5 .item-info{
  width: 280px;
  margin-left: 25px;
}

.content .advantage .advantage-list li.item6{
  width: 370px;
  padding: 40px 0 0 52px;
}
.content .advantage .advantage-list li.item6 .item-info{
  width: 220px;
  margin-left: 25px;
}

.content .advantage .advantage-list li:nth-child(3n){
  border-right: none;
}
.content .advantage .advantage-list li img {
  float: left;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.content .advantage .advantage-list li:hover img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.content .advantage .advantage-list li .item-info {
  float: left;
}
.content .advantage .advantage-list li .name {
  font-size: 20px;
  color: #333;
  height: 30px;
  line-height: 20px;
}
.content .advantage .advantage-list li .val {
  font-size: 14px;
}
.content .partner {
  padding: 45px 0;
}
.content .partner ul {
  width: 1300px;
  margin-top: 25px;
  overflow: hidden;
}
.content .partner ul li {
  float: left;
  margin-top: 20px;
  margin-right: 50px;
}
.content .partner ul li img {
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
/*.content .partner ul li img:hover {
  -webkit-transform: translate(0,-8px);
  -moz-transform: translate(0,-8px);
  -ms-transform: translate(0,-8px);
  -o-transform: translate(0,-8px);
  transform: translate(0,-8px);
}*/

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  /*80% {*/
    /*-webkit-transform: scale(1.2, 1.1);*/
    /*transform: scale(1.2, 1.1);*/
  /*}*/

  100% {
    -webkit-transform: scale(1.1, 1.06);
    transform: scale(1.1, 1.06);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);

  }

  /*80% {*/
    /*-webkit-transform: scale(1.2, 1.1);*/
    /*transform: scale(1.2, 1.1);*/
  /*}*/

  100% {
    -webkit-transform: scale(1.1, 1.06);
    transform: scale(1.1, 1.06);
  }
}

/*@-webkit-keyframes pulsepro {*/
  /*0% {*/
    /*-webkit-transform: scale(1.1, 1.06);*/
    /*transform: scale(1.1, 1.06);*/
  /*}*/
  /*100% {*/
    /*-webkit-transform: scale(1);*/
    /*transform: scale(1);*/
  /*}*/
/*}*/

/*@keyframes pulsepro {*/
  /*0% {*/
    /*-webkit-transform: scale(1.1, 1.06);*/
    /*transform: scale(1.1, 1.06);*/
  /*}*/
  /*100% {*/
    /*-webkit-transform: scale(1);*/
    /*transform: scale(1);*/
  /*}*/
/*}*/