body,html{width:100%; height:auto;}
.section-wrap{width:100%;height:auto;}
.section-wrap .section{display: none;position:relative;width:100%;float: left; height:auto;background-position:center center;background-repeat:no-repeat}
.section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center}
.section-wrap .section-1 {display: block;}
/* .section-wrap .section-1{background:#fff;background-size:cover}
.section-wrap .section-2{background:url(b1.jpg) no-repeat;background-size:cover}
.section-wrap .section-3{background:#697582;background-size:cover}
.section-wrap .section-4{background:url(b2.jpg) no-repeat;background-size:cover}
.section-wrap .section-5{background:url(b3.jpg) no-repeat top center;background-size:cover}
.section-wrap .section-6{background:url(b6.jpg) no-repeat;background-size:cover}
.section-wrap .section-7{background:url(frame_bg_news.png) no-repeat;background-size:cover}
.section-wrap .section-8{background:url(home_pic/08.png) no-repeat;background-size:cover} */
.put-section-0{transform:translateY(0);-webkit-transform:translateY(0)}
.put-section-1{transform:translateY(-100%);-webkit-transform:translateY(-100%)}
.put-section-2{transform:translateY(-200%);-webkit-transform:translateY(-200%)}
.put-section-3{transform:translateY(-300%);-webkit-transform:translateY(-300%)}
.put-section-4{transform:translateY(-400%);-webkit-transform:translateY(-400%)}
.put-section-5{transform:translateY(-500%);-webkit-transform:translateY(-500%)}
.put-section-6{transform:translateY(-600%);-webkit-transform:translateY(-600%)}
.put-section-7{transform:translateY(-700%);-webkit-transform:translateY(-700%)}
.put-section-8{transform:translateY(-800%);-webkit-transform:translateY(-800%)}
.section-btn{width:14px;position:fixed;right:30px;top:50%;z-index:99; display: none;}
.section-btn li{width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px;background:#adadad;text-align:center;color:#fff;cursor:pointer}
.section-btn li.on{background:#333244}
.arrow{opacity:1;animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(.5,0,.1,1) infinite;position:absolute;top:30px;left:50%;margin-left:-30px;width:60px;height:60px;line-height:60px;cursor:pointer;background-image:url(down.png);background-repeat:no-repeat;background-size:100%}
.in{background-image:url(up.png)}
.arrow:hover{animation-play-state:paused;-webkit-animation-play-state:paused}
@keyframes arrow{% 0,%100{top:30px;opacity:1}
50%{top:60px;opacity:.5}
}
@-webkit-keyframes arrow{% 0,%100{top:30px;opacity:1}
50%{top:60px;opacity:.5}
}
@media (min-width:1220px) {
    body,html{width:100%;height:100%;overflow:hidden}
    .section-wrap{width:100%;height:100%;overflow:visible;transition:transform 1s;-webkit-transition:-webkit-transform 1s}
    .section-wrap .section{ height: 100%;}
    .section-btn{ display: block;}
}

@media (max-width:1220px) {
    .section-wrap .section{ display:block;}



}