.fadeUp{
    -webkit-animation: fadeUp 1s cubic-bezier(0,1.83,.5,.83) forwards;
            animation: fadeUp 1s cubic-bezier(0,1.83,.5,.83) forwards;
}
@-webkit-keyframes fadeUp{

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
                    transform: translate3d(0, 100%, 0);
          }
        /* 90%{
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
        }
        95%{
            opacity: 1;
            -webkit-transform: translate3d(0, 10%, 0);
                    transform: translate3d(0, 10%, 0);
        }
        98%{
            opacity: 1;
            -webkit-transform: translate3d(0, 0%, 0);
                    transform: translate3d(0, 0%, 0);
        }
        99%{
            opacity: 1;
            -webkit-transform: translate3d(0, 5%, 0);
                    transform: translate3d(0, 5%, 0);
        } */
          100% {
            opacity: 1;
            -webkit-transform: none;
                    transform: none;
          }
}
@keyframes fadeUp{

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
                    transform: translate3d(0, 100%, 0);
          }
        /* 90%{
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
        }
        95%{
            opacity: 1;
            -webkit-transform: translate3d(0, 10%, 0);
                    transform: translate3d(0, 10%, 0);
        }
        98%{
            opacity: 1;
            -webkit-transform: translate3d(0, 0%, 0);
                    transform: translate3d(0, 0%, 0);
        }
        99%{
            opacity: 1;
            -webkit-transform: translate3d(0, 5%, 0);
                    transform: translate3d(0, 5%, 0);
        } */
          100% {
            opacity: 1;
            -webkit-transform: none;
                    transform: none;
          }
}
.fadeUpOne{
    -webkit-animation: fadeUpOne .5s cubic-bezier(.48,1.45,.91,1.04) forwards;
            animation: fadeUpOne .5s cubic-bezier(.48,1.45,.91,1.04) forwards;
}
.fadeUpTwo{
    -webkit-animation: fadeUpOne .8s cubic-bezier(.48,1.45,.91,1.04) forwards;
            animation: fadeUpOne .8s cubic-bezier(.48,1.45,.91,1.04) forwards;
}
.fadeUpThree{
    -webkit-animation: fadeUpOne 1.1s cubic-bezier(.48,1.45,.91,1.04) forwards;
            animation: fadeUpOne 1.1s cubic-bezier(.48,1.45,.91,1.04) forwards;
}

@-webkit-keyframes fadeUpOne{

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}

@keyframes fadeUpOne{

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}
.scaleIn{
    -webkit-animation: scaleIn .8s linear forwards;
            animation: scaleIn .8s linear forwards;
}
@-webkit-keyframes scaleIn{
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
                transform: scale(0,0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}
@keyframes scaleIn{
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
                transform: scale(0,0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}
.fadeLeft{
    animation: fadeLeft .8s ease-in forwards;
}
@keyframes fadeLeft{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0, 0) scale(0,0);
                transform: translate3d(100%, 0, 0) scale(0,0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}
.fadeRight{
    animation: fadeRight .8s ease-in forwards;
}
@keyframes fadeRight{
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
                transform: scale(0,0);
        -webkit-transform: translate3d(-100%,0, 0) scale(0,0);
                transform: translate3d(-100%, 0, 0) scale(0,0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}
.fadeLeft-l{
    animation: fadeLeft-l .8s linear forwards;
}
@keyframes fadeLeft-l{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0, 0) rotateZ(180deg);
                transform: translate3d(-100%, 0, 0) rotateZ(180deg);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}
.fadeRight-r{
    animation: fadeRight-r .8s linear forwards;
}
@keyframes fadeRight-r{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0, 0) rotateZ(-180deg);
                transform: translate3d(100%, 0, 0) rotateZ(-180deg);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}
.fadeInUp{
    animation:  fadeCenter .8s linear forwards;
}
.fadeCenter{
    animation:  fadeCenter 1s linear forwards;
}
.fadeDown{
    animation:  fadeCenter 1.2s linear forwards;
}
@keyframes fadeCenter{
    0% {
        opacity: 0;
        -webkit-transform:scale(0,0) rotateX(-180deg);
                transform:scale(0,0) rotateX(-180deg);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
      }
}
.SCGN .img-list ul li,.CXGJ .img-list ul li img{
    transition: 0.6s;
}
.CXGJ .img-list ul li img:hover{
    transform: rotateY(180deg);
    transition: 0.6s;
}
.JSZC .service span,.FWZC .service span{
    transition: 0.6s;
}
.JSZC .service span:hover,.FWZC .service span:hover{
    transition: 0.6s;
    transform: scale(1.2);
}
.SCGN .img-list ul li:hover{
    transform: translate3d(0,-10px,0);
    transition: 0.6s;
}