@charset "utf-8";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}input:-ms-clear{display:none}h1,h2,h3,h4,h5,h6{font-size:100%}body,button,input,select,textarea{font-family:Tahoma, Arial, Roboto, ”Droid Sans”, ”Helvetica Neue”, ”Droid Sans Fallback”, ”HeitiSC”, sans-self;font-size:62.5%;line-height:1.5}ol,ul{list-style:none}html,body{width:100%;height:100%;margin:0;padding:0;position:relative}input::-ms-clear{display:none}.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;color:#fff;text-align:center;height:100%}.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{background-image:url(../img/img/subbackground.png);position:relative;background-size:100% 100%}.section-wrap .section-2{background-image:url(../img/img/subbackground.png);overflow:hidden}.section-wrap .section-3{background-color:#f0f0f0;overflow:hidden}.section-wrap .section-4{background-color:#F0F0F0;background-size:400px 400px}.section-wrap .section-5{background-color:#F0F0F0;overflow:hidden}.section-wrap .section-6{background-color:#F0F0F0;overflow:hidden}.section-wrap .section-7{background-color:#F0F0F0;overflow:hidden}.section-wrap .section-8{background-color:#F0F0F0;overflow:hidden;position:relative}.section-wrap .section-9{background-color:#F0F0F0;overflow:hidden;position:relative}.section-wrap .section-10{background-color:#F0F0F0;overflow:hidden;position:relative}.section-wrap .section-11{background-color:#F0F0F0;overflow:hidden;position:relative}.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%)}.put-section-9{transform:translateY(-900%);-webkit-transform:translateY(-900%)}.put-section-10{transform:translateY(-1000%);-webkit-transform:translateY(-1000%)}.put-section-11{transform:translateY(-1100%);-webkit-transform:translateY(-1100%)}.section-btn{width:14px;position:fixed;right:2%;top:40%}.section-btn01{width:14px;position:fixed;right:2%;top:25%}.section-btn li{width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px;background:#1d8bcb;text-align:center;color:#fff;onsor:pointer}.section-btn li.on{background:#fff}.section-btn01 li{width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px;background:#BD362F;text-align:center;color:#fff;onsor:pointer}.section-btn01 li.on{background:#fff}.arrow{opacity:0;animation:arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#FFBB36;border:1px solid #FFBB36;cursor:pointer;overflow:hidden}.arrow:hover{animation-play-state:paused;-webkit-animation-play-state:paused}@keyframes arrow{%0,%100{bottom:10px;opacity:0}50%{bottom:50px;opacity:0}}@-webkit-keyframes arrow{%0,%100{bottom:10px;opacity:1}50%{bottom:50px;opacity:.5}}