h1,h2,h3,h4,h5,h6{font-size:100%;}

		ol,ul{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;}
		.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{ background-color:#ffffff}
		.section-wrap .section-2{ background-color:#ffffff}
		.section-wrap .section-3{ background-color:#ffffff}
		.section-wrap .section-4{ background-color:#ffffff}
		.section-wrap .section-5{ background-color:#ffffff}
		.section-wrap .section-6{ 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%);}
		.section-btn{ width:14px;position:fixed;right:2%;top:50%;}
		.section-btn li{ width:12px;height:12px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:rgba(0,0,0,0); border:1px solid #FFFFFF; padding:1px; text-align:center; color:#fff; onsor:pointer;}
		.section-btn li.on{ width:20px;height:20px; background:url(../images/yddx.png); border:1px solid #FFFFFF; padding:1px; margin-left:-4px;}
		
		
		.bxx-2 li{ width:12px;height:12px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:rgba(0,0,0,0); border:1px solid #FFFFFF; padding:1px; text-align:center; color:#fff; onsor:pointer;}
		.bxx-2 li.on{ width:20px;height:20px; background:url(../images/yddx.png); border:1px solid #FFFFFF; padding:1px; margin-left:-4px;}
		
		.arrow{ opacity:1;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; position:absolute;bottom:6rem;left:50%;margin-left:-1rem;width:2rem;height:4.5rem; line-height:2rem;text-align:center;font-size:2rem;color:#fff; background:url(../images/shubb.png);background-size: 2rem 4.5rem; 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:5rem; opacity:.5} }
		@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:5rem; opacity:.5} }


.put-section-1 .section .txx.active .appw2{ 

 opacity:1;transform:translateX(0px);
-webkit-transform:translateX(0px);
-ms-transform:translateX(0px);
-moz-transform:translateX(0px);
 -o-transform:translateX(0px); 
 transition:all 1s cubic-bezier(0.86,0,0.8,1);
 -webkit-transition:all 1s cubic-bezier(0.86,0,0.8,1);
 -ms-transition:all 1s cubic-bezier(0.86,0,0.8,1);
 -moz-transition:all 1s cubic-bezier(0.86,0,0.8,1); 
 -o-transition:all 1s cubic-bezier(0.86,0,0.8,1);}
 
 
.put-section-1 .section .txx.active .djxm {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -webkit-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -ms-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -moz-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -o-transition: all 1s cubic-bezier(0.5,0,0.9,1);
}
 
 
.put-section-2 .section .txx.active .xqtt {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -webkit-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -ms-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -moz-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -o-transition: all 1s cubic-bezier(0.5,0,0.9,1);
}

.put-section-5 .section .txx.active .xqtt {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -webkit-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -ms-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -moz-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -o-transition: all 1s cubic-bezier(0.5,0,0.9,1);
}

.put-section-5 .section .txx.active .xqtt2 {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -webkit-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -ms-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -moz-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -o-transition: all 1s cubic-bezier(0.5,0,0.9,1);
}

.put-section-3 .section .txx.active .djxm {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -webkit-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -ms-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -moz-transition: all 1s cubic-bezier(0.5,0,0.9,1);
    -o-transition: all 1s cubic-bezier(0.5,0,0.9,1);
}

.put-section-3 .section .txx.active .appw3 {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transition: all 1s cubic-bezier(0.86,0,0.8,1);
    -webkit-transition: all 1s cubic-bezier(0.86,0,0.8,1);
    -ms-transition: all 1s cubic-bezier(0.86,0,0.8,1);
    -moz-transition: all 1s cubic-bezier(0.86,0,0.8,1);
    -o-transition: all 1s cubic-bezier(0.86,0,0.8,1);
}