body{color:#222;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,
th,td,iframe{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,button,input,select,textarea font-size:62.5%; line-height:1.5;}
ol,ul{list-style:none;}
li{list-style: none;}
html,body{ width:100%; height:100%; overflow:hidden;}
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);
-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; 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 .title p{ padding:0 4%;opacity:0}
.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);
-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);
-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}*/
.section-wrap .section-1{overflow: hidden;background: #f1f2f2; }
.section-wrap .section-2{ background-color:#f1f2f2}
.section-wrap .section-3{ background-color:#ffffff;}
.section-wrap .section-4{background: url(../images/bg5.jpg) no-repeat center;background-size:cover ;height: 100%;width: 100%;position: relative;}
/*.section-wrap .section-5::before{content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.05);}*/
.section-wrap .section-5{background-color:#fff;}
.section-wrap .section-6{background-color:#eeeff1;}
.section-wrap .section-7{background-color:#ffffff;}
.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%);}
.section-btn{ width:20px;position:fixed;right:30px;top:50%;z-index: 99;}
.section-btn li{ width:15px;height:4px;cursor:pointer;text-indent:-9999px;border-radius:2px;
-webkit-border-radius:2px;margin-bottom:13px; background:#414243;text-align:center; color:#fff; 
onsor:pointer;}
.section-btn li.on{ background:#e2e2e2;width: 30px;}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;z-index: 99;
-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;bottom:10px;left:50%;
margin-left:-30px;width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;overflow:hidden;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }