*{margin:0;padding:0;}
ul{list-style: none;}
a{text-decoration: none;}

.wrap{width:1200px;min-width: 1200px; margin:0 auto;}

.banner{height: 600px;width:100%;min-width: 1200px;background-position: center center;background-size: cover;}

.mini-title{text-align: center;padding: 60px 0 40px;}
.mini-title h2{font-weight: 400;font-size: 36px;color:#333;line-height: 1;}
.mini-title span{display: block;font-size: 18px;color:#999;line-height: 1;margin:20px 0 0 ;}

.icon-list{width:1200px;min-width: 1200px; margin:0 auto;overflow: hidden;}
.icon-list li{float: left;width:240px;text-align: center;margin:45px 0 70px;}
.icon-list li p{font-size: 18px;line-height: 1;margin:38px 0 0;}
.icon-list li:hover img{ animation:pulse 1s both; -webkit-animation:pulse 1s both;}

.mini-question{height: 740px;width:100%;background-size: cover;background-position: center center;min-width: 1200px;}

.mini-question .box{width:1200px;margin:0 auto;overflow: hidden;background: url(../images/mini_ques_line.png) center center no-repeat;}
.mini-question .box li{float: left;margin-top: 237px;}
.mini-question .box li:nth-child(2n){margin:0;}
.mini-question .box li img{display: block;}

.mini-list{width:1200px;margin:0 auto;overflow: hidden;}
.mini-list ul{width:1221px;}
.mini-list li{float: left;text-align: center;width:384px;border:1px solid #ccc;border-radius: 10px;margin-right:21px;margin-bottom: 21px;padding:66px 0 60px;}
.mini-list li p{font-size: 24px;line-height: 1;margin-top: 43px;}
.mini-list li:hover img{ animation:pulse 1s both; -webkit-animation:pulse 1s both;}

.mini-case{width:100%;min-width: 1200px;background: #f5f5f5;padding-bottom: 60px;}
.mini-case .more-btn{width:140px;height: 38px;line-height: 38px;text-align: center;display: block;margin:47px auto 0;font-size: 16px;color:#ca192b;border:1px solid #ca192b;border-radius: 50px;}
.mini-case .more-btn:hover{background: #ca192b;color:#fff;}

.case-list{width:1200px;margin:0 auto;position:relative;}
.case-list li{position:relative; float: left;width:268px;height:477px;overflow: hidden;cursor:pointer;margin-right: 42px;}
.case-list li .pic img{width:100%;height: 100%;}
.case-list li .hide{position:absolute;left:0;top:0px; width:100%;height: 100%;background:rgba(204, 27, 45,.89);background:rgba(0,0,0,.70);text-align: center;color:#fff;display: none;}
.case-list li .hide p{line-height: 1;margin:20px 0 0;}
.case-list li .hide img{width:140px;margin:152px 0 0;transition: all 0.3s;}
.case-list li:hover .hide{display: block;}
.case-list li:hover .hide img{animation: scale .8s ease-in-out;}
.case-list li:hover .hide p{animation: scale .8s ease-in-out;}

.case-list .bd{overflow: hidden;}
.case-list .prev,.case-list .next{position:absolute;top:210px; display:block;  width:25px; height:45px;   overflow:hidden;cursor:pointer; background:url(../images/mini_slider_arrow.png) no-repeat;opacity: 0.8}
.case-list .prev{left:-50px;}
.case-list .next{right:-50px; background-position:-75px 0px;  }


.mini-step{overflow: hidden;width:1200px;margin:0 auto;padding-bottom: 84px;}
.mini-step ul{width:1272px;}
.mini-step li{position:relative; float: left;margin-right: 72px;cursor:pointer;}
.mini-step li img{transition:0.3s all;}
.mini-step li p{font-size: 18px;margin-top: 20px;line-height: 1;text-align: center;}
.mini-step li:hover img{transform: rotateY(180deg);transition:0.3s all;}
.mini-step li:after{content:"";position:absolute;right:-43px;top:62px;display: block;width:14px;height: 16px;background: url(../images/mini_arrow.png) 0 0 no-repeat;}





@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes scale{
   0% {
        transform: scale(0);
        opacity: 0;
    }
    60% {
        transform: scale(1.1);
        opacity: .5;
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }

}
@keyframes scale{
   0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }

}