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-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:62.5%; line-height:1.5;}
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; background-repeat:no-repeat;}
.section-wrap .section .title{
	/*position: absolute;*/
	top: 0%;

}
.section-wrap .section .title p{ padding:0 4%;opacity:0}
.section-wrap .section .title em{ padding:0 4%;opacity:0}

.section-wrap .section .title.active .titInto{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);
	transition: all 1s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition: all 1s cubic-bezier(0.86,0,0.8,1);
/*    height: 288px;*/
}

.section-wrap .section .title.active .titInto2{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1s; 
	-webkit-transition: all 0.5s  ease 1s;
	-moz-transition: all 0.5s  ease 1s;
}

.section-wrap .section .title.active .titInto3{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.1s; 
	-webkit-transition: all 0.5s  ease 1.1s; 
	-moz-transition: all 0.5s  ease 1.1s; 
}
.section-wrap .section .title.active .titInto4{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.2s; 
	-webkit-transition: all 0.5s  ease 1.2s; 
	-moz-transition: all 0.5s  ease 1.2s;
}

.section-wrap .section .title.active .titInto5{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.3s; 
	-webkit-transition: all 0.5s  ease 1.3s;  
	-moz-transition: all 0.5s  ease 1.3s; 
}
.section-wrap .section .title.active .titInto6{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.4s; 
	-webkit-transition: all 0.5s  ease 1.4s;  
	-moz-transition: all 0.5s  ease 1.4s; 
}

.section-wrap .section .title.active .titInto7{
	opacity: 1;
	transform: translateX(-25px);
	-webkit-transform: translateX(-100px);

	transition: all 0.5s ease 1.8s; 
	-webkit-transition: all 0.5s  ease 1.8s;  
	-moz-transition: all 0.5s  ease 1.8s; 
}


.section-wrap .section .title.active .titInto8{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-100px);

	transition: all 0.5s ease 1.8s; 
	-webkit-transition: all 0.5s  ease 1.8s;  
	-moz-transition: all 0.5s  ease 1.8s; 
}



.section-wrap .section .title.active .titInto1{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 1s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition: all 1s cubic-bezier(0.86,0,0.8,1);

}

.section-wrap .section .title.active .titInto15{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-100px);
	transition: all 1s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition: all 1s cubic-bezier(0.86,0,0.8,1);

}

.section-wrap .section .title.active .tit{
	opacity: 1;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	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 .title.active .titInto9{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 0.5s ease 1.2s; 
	-webkit-transition: all 0.5s  ease 1.2s; 
	-moz-transition: all 0.5s  ease 1.2s; 

}

.section-wrap .section .title.active .titInto10{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 0.5s ease 1.5s; 
	-webkit-transition: all 0.5s  ease 1.5s; 
	-moz-transition: all 0.5s  ease 1.5s; 

}

.section-wrap .section .title.active .titInto11{
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 0.5s ease 1.8s; 
	-webkit-transition: all 0.5s  ease 1.8s;
	-moz-transition: all 0.5s  ease 1.8s;}
	

	
	
	.section-wrap .section .title.active .titInto12{
	opacity: 1;
	transform: translateY(25px);
	-webkit-transform: translateY(25px);
	transition: all 0.5s ease 2s; 
	-webkit-transition: all 0.5s  ease 2s;
	-moz-transition: all 0.5s  ease 2s;}
	

	
		.section-wrap .section .title.active .titInto13{

	opacity: 1;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1.5s ease-in-out 2.1s;
	-webkit-transition: all 1.5s ease-in-out 2.1s;
	-moz-transition: all 1.5s ease-in-out 2.1s;
	display: inline-block;
	
	}
	
	
	
	
	

.section-wrap .section-1{ background:#eaeae9;}
.section-wrap .section-2{
 background:#f7f7f7;
}
.section-wrap .section-3{
 background: url(../images/pro_bg.jpg) no-repeat top center ;
}
.section-wrap .section-4{ background:#fff;}
.section-wrap .section-5{ background: url(../images/pro_bg.jpg) no-repeat top center #fff;}


.section-wrap .section-6{
background:url(../images/hz_bg.jpg) no-repeat top center #e5eef5;
}
.section-wrap .section-7{ 	background-image: url(../images/sbg.jpg);
	background-repeat: repeat;
	background-position: left top;}
.section-wrap .section-8{
	background: url(../images/f_bg.jpg) no-repeat center top  #fff ;
}
.section-wrap .section-9{
	background-color: #09090f;
	background-image: url(../images/bg6.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.section-wrap .section-10{
	background-color: #07070a;
	background-image: url(../images/bg7.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.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%);}
/*.section-btn{ width:14px;position:fixed;right:4%;top:35%;}
.section-btn li{
	width: 8px;
	height: 8px;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom: 12px;
	text-align: center;
	color: #fff;
	onsor: pointer;
	border: 2px solid #cecece;
}
.section-btn li.on{
	background: #219700;
	border: 1px solid #f18d00;
	height: 12px;
	width: 12px;
	margin-left: -2px;
}
.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;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;font-size:20px;color:#fff;cursor:pointer;overflow:hidden;}
.arrow img { padding-top:17px;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}

*/
.section-btn{ width:14px;position:fixed;right:6%;top:35%; z-index:999;}
.section-btn li{
	width: 90px;
	height: 30px;
	line-height:30px; border-radius:25px;
	cursor: pointer;
	font-size:14px;
	margin-bottom: 12px;
	text-align: center;
	color: #cecece!important;
	onsor: pointer;
	border: 1px solid #cecece;
}
.section-btn li.on{
	background: #8f2722;
	border: 1px solid #8f2722;
	height: 30px;
width: 90px; color: #fff!important;
	margin-left: -2px;
}
.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;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;font-size:20px;color:#fff;cursor:pointer;overflow:hidden;}
.arrow img { padding-top:17px;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}