.main-banner-slide .table-cell > h2 {
    opacity: 0;
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
}

.main-banner-slide .table-cell > h2:nth-child(1) {
    transition: opacity .4s 0s, transform .4s 0s;
    -webkit-transition: opacity .4s 0s, -webkit-transform .4s 0s;
    -moz-transition: opacity .4s 0s, -moz-transform .4s 0s;
    -o-transition: opacity .4s 0s, -o-transform .4s 0s;
}

.main-banner-slide .table-cell > h2:nth-child(2) {
    transition: opacity .4s .3s, transform .4s .3s;
    -webkit-transition: opacity .4s .3s, -webkit-transform .4s .3s;
    -moz-transition: opacity .4s .3s, -moz-transform .4s .3s;
    -o-transition: opacity .4s .3s, -o-transform .4s .3s;
}

.main-banner-slide .table-cell > i,
.main-banner-slide .table-cell > p {
    opacity: 0;
}

.main-banner-slide .table-cell > i {
    transition: opacity .3s .6s;
    -webkit-transition: opacity .3s .6s;
    -moz-transition: opacity .3s .6s;
    -o-transition: opacity .3s .6s;
}

.main-banner-slide .table-cell > p {
    transition: opacity .4s .8s;
    -webkit-transition: opacity .4s .8s;
    -moz-transition: opacity .4s .8s;
    -o-transition: opacity .4s .8s;
}

.main-banner-in .table-cell > i,
.main-banner-in .table-cell > h2,
.main-banner-in .table-cell > p {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}

.main-contact .main-title,
.main-partner .main-title,
.main-hr .main-title,
.main-data .main-title,
.main-pro .main-title {
    opacity: 0;
}

.main-contact .transtion .main-title,
.main-partner .transtion .main-title,
.main-hr .transtion .main-title,
.main-data .transtion .main-title,
.main-pro .transtion .main-title {
    transition: opacity .3s 0s ease-out;
    -webkit-transition: opacity .3s 0s ease-out;
    -moz-transition: opacity .3s 0s ease-out;
    -o-transition: opacity .3s 0s ease-out;
}

.main-contact .animation .main-title,
.main-partner .animation .main-title,
.main-hr .animation .main-title,
.main-data .animation .main-title,
.main-pro .animation .main-title {
    opacity: 1;
}

.main-hr .main-hr-item,
.main-pro .main-pro-item {
    opacity: 0;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -o-transform: translateX(30px);
}

.main-hr .transtion .main-hr-item:nth-child(1),
.main-pro .transtion .main-pro-item:nth-child(1) {
    transition: opacity .5s .2s ease-out, transform .5s .2s ease-out;
    -webkit-transition: opacity .5s .2s ease-out, -webkit-transform .5s .2s ease-out;
    -moz-transition: opacity .5s .2s ease-out, -moz-transform .5s .2s ease-out;
    -o-transition: opacity .5s .2s ease-out, -o-transform .5s .2s ease-out;
}

.main-hr .transtion .main-hr-item:nth-child(2),
.main-pro .transtion .main-pro-item:nth-child(2) {
    transition: opacity .5s .3s ease-out, transform .5s .3s ease-out;
    -webkit-transition: opacity .5s .3s ease-out, -webkit-transform .5s .3s ease-out;
    -moz-transition: opacity .5s .3s ease-out, -moz-transform .5s .3s ease-out;
    -o-transition: opacity .5s .3s ease-out, -o-transform .5s .3s ease-out;
}

.main-hr .transtion .main-hr-item:nth-child(3),
.main-pro .transtion .main-pro-item:nth-child(3) {
    transition: opacity .5s .4s ease-out, transform .5s .4s ease-out;
    -webkit-transition: opacity .5s .4s ease-out, -webkit-transform .5s .4s ease-out;
    -moz-transition: opacity .5s .4s ease-out, -moz-transform .5s .4s ease-out;
    -o-transition: opacity .5s .4s ease-out, -o-transform .5s .4s ease-out;
}

.main-hr .transtion .main-hr-item:nth-child(4),
.main-pro .transtion .main-pro-item:nth-child(4) {
    transition: opacity .5s .5s ease-out, transform  .5s .5s ease-out;
    -webkit-transition: opacity .5s .5s ease-out, -webkit-transform  .5s .5s ease-out;
    -moz-transition: opacity .5s .5s ease-out, -moz-transform  .5s .5s ease-out;
    -o-transition: opacity .5s .5s ease-out, -o-transform  .5s .5s ease-out;
}

.main-hr .animation .main-hr-item,
.main-pro .animation .main-pro-item {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
}

.main-data .icons {
    opacity: 0;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
}

.main-partner .main-partner-list p,
.main-data .main-data-list p {
    opacity: 0;
}

.main-partner .transtion .main-partner-list p,
.main-data .transtion .main-data-list p {
    transition: all .3s 1s ease-out;
    -webkit-transition: all .3s 1s ease-out;
    -moz-transition: all .3s 1s ease-out;
    -o-transition: all .3s 1s ease-out;
}

.main-data .transtion li:nth-child(1) .icons {
    transition: all .3s .2s ease-out;
    -webkit-transition: all .3s .2s ease-out;
    -moz-transition: all .3s .2s ease-out;
    -o-transition: all .3s .2s ease-out;
}

.main-data .transtion li:nth-child(2) .icons {
    transition: all .3s .4s ease-out;
    -webkit-transition: all .3s .4s ease-out;
    -moz-transition: all .3s .4s ease-out;
    -o-transition: all .3s .4s ease-out;
}

.main-data .transtion li:nth-child(3) .icons {
    transition: all .3s .6s ease-out;
    -webkit-transition: all .3s .6s ease-out;
    -moz-transition: all .3s .6s ease-out;
    -o-transition: all .3s .6s ease-out;
}

.main-data .transtion li:nth-child(4) .icons {
    transition: all .3s .8s ease-out;
    -webkit-transition: all .3s .8s ease-out;
    -moz-transition: all .3s .8s ease-out;
    -o-transition: all .3s .8s ease-out;
}

.main-data .animation .main-data-list p,
.main-data .animation .icons {
    opacity: 1;
    transform: translateY(0);
}

.main-partner .icons {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}

.main-partner .transtion li:nth-child(1) .icons {
    transition: all .3s .2s ease-out;
    -webkit-transition: all .3s .2s ease-out;
    -moz-transition: all .3s .2s ease-out;
    -o-transition: all .3s .2s ease-out;
}

.main-partner .transtion li:nth-child(2) .icons {
    transition: all .3s .4s ease-out;
    -webkit-transition: all .3s .4s ease-out;
    -moz-transition: all .3s .4s ease-out;
    -o-transition: all .3s .4s ease-out;
}

.main-partner .transtion li:nth-child(3) .icons {
    transition: all .3s .6s ease-out;
    -webkit-transition: all .3s .6s ease-out;
    -moz-transition: all .3s .6s ease-out;
    -o-transition: all .3s .6s ease-out;
}

.main-partner .transtion li:nth-child(4) .icons {
    transition: all .3s .8s ease-out;
    -webkit-transition: all .3s .8s ease-out;
    -moz-transition: all .3s .8s ease-out;
    -o-transition: all .3s .8s ease-out;
}

.main-partner .animation .main-partner-list p,
.main-partner .animation .icons {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.main-contact .main-contact-con {
    opacity: 0;
}

.main-contact .transtion .main-contact-con {
    transition: all .3s .2s ease-out;
    -webkit-transition: all .3s .2s ease-out;
    -moz-transition: all .3s .2s ease-out;
    -o-transition: all .3s .2s ease-out;
}
.main-contact .animation .main-contact-con {
    opacity: 1;
}

