.section {overflow: hidden;}

.slide1{width: 1920px;position: relative;left:50%;margin-left: -960px;}
.slide1 .hd {display: none;}
.slide1, .slide1 .bd, .slide1 .bd ul, .slide1 .bd li,html, body, #fullpage, .p1, .wrapper {height: 100%;}
.slide1 .bd iframe {width: 100%; height: 100%;}
.slide1 .bd li a {display: block; height: 100%;}

.tempWrap{height:100% !important}
.slide1 img{height:100% !important}




@media (max-height: 580px) {
    .p2 .hd {margin-bottom: -10px;}
}



@media(max-width: 1366px){
    .p6 .title {margin-bottom: 15px;}
    .p6 .more {display: none;}
}








@keyframes ud {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}

.p1.active {animation: bounceInLeft 2s;}
.p2.active .titles {animation: slideInDown 2s;}
.p2.active .right {animation: slideInRight 1s;}
.p2.active .left {animation: slideInLeft 1s;}
.p2.active .newlist {animation: slideInUp 1s;}


.p3.active .titles {animation: slideInDown 2s;}
.p3.active .parHd {animation: slideInRight 1s;}
.p3.active .pro{animation: slideInLeft 1s;}

.p4.active .titles {animation: slideInDown 2s;}
.p4.active .bd {animation: zoomIn 1.4s;}
.p4.active .hd {animation: slideInUp 2s;}


.p5.active .titles {animation: slideInDown 2s;}
.p5.active .picScroll-left {animation: slideInUp 1.4s;}


.p6.active .f1 {animation: fadeInLeft 2s;}
.p6.active .f2 {animation: fadeInLeft 2.2s;}
.p6.active .f3 {animation: fadeInLeft 2.4s;}
.p6.active .f4 {animation: fadeInLeft 2.6s;}
.p6.active .f5 {animation: fadeInLeft 2.8s;}

.p6.active .foot_xx .right {animation: slideInRight 2s;}
.p6.active .foot_xx .left {animation: slideInLeft 2s;}
.p6.active .mid{animation: fadeInUpBig 1.4s;}
.p6.active .foot_nav{animation: pulse 2s;}
.p6.active .foot_r .right {animation: slideInRight 2s;}
.p6.active .foot_r .left {animation: slideInLeft 2s;}