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{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:#000;background-image:url(../images/newwebsite/index-bg.png);background-repeat: no-repeat;background-size: contain; */z-index: 2;}

		.section-wrap .section-2{background-color:#ffffff;z-index: 3;}

		.section-wrap .section-3{background-image:url(../images/newwebsite/xinxi-bg.png);z-index: 1;
background-repeat: no-repeat;
background-size: contain;background-color:#242a36 ;
}

		.section-wrap .section-4{ background-color:#ffffff;background-image:url(../images/newwebsite/zhiye-bj.png);
background-repeat: no-repeat;z-index: 5;}

		.section-wrap .section-5{background-color:#f5f5f5 ;background-image:url(../images/newwebsite/zeren-bj.png);
background-repeat: no-repeat;
background-size: cover;z-index: 6;}
		
		.section-wrap .section-6{ background-color: #ffffff;z-index: 7;}

		.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}

		.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);z-index: 999;}

		.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%);}


		.section-btn li.on{ background:#666}
		
@media screen and ( max-width: 720px ) {
	.section-btn{ width:14px;position:fixed;right:4%;top:65%;z-index: 9;}
	.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#f87d42;text-align:center; color:#fff; onsor:pointer;}
	.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:20px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:58px;text-align:center;font-size:30px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;font-weight: bold;
	     background: -webkit-linear-gradient(left,#333,#f87d42 25%,#f87d42 50%,#f87d42 75%,#333);
	         background-size: auto;
	         background-clip: border-box;
	 		color: transparent;
	     -webkit-background-clip: text;z-index: 9;
	     background-size: 200% 100%;/* display: none; */	 
		 }
}
 @media screen and (min-width:720px) and (max-width:1080px) {
	.section-btn{ width:14px;position:fixed;right:4%;top:65%;z-index: 9;}
	.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#f87d42;text-align:center; color:#fff; onsor:pointer;}
	.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:20px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:58px;text-align:center;font-size:30px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;font-weight: bold;
	    background: -webkit-linear-gradient(left,#333,#f87d42 25%,#f87d42 50%,#f87d42 75%,#333);
	        background-size: auto;
	        background-clip: border-box;
			color: transparent;
	    -webkit-background-clip: text;z-index: 9;
	    background-size: 200% 100%;/* display: none; */
	} 
 }
@media screen and (min-width:720px) and (max-width:1400px) {
	.section-btn{ width:10px;position:fixed;right:4%;top:65%;z-index: 9;}
	.section-btn li{ width:10px;height:10px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#f87d42;text-align:center; color:#fff; onsor:pointer;}
	.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:20px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:54px;text-align:center;font-size:30px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;font-weight: bold;
	    background: -webkit-linear-gradient(left,#333,#f87d42 25%,#f87d42 50%,#f87d42 75%,#333);
	        background-size: auto;
	        background-clip: border-box;
			color: transparent;
	    -webkit-background-clip: text;
	    background-size: 200% 100%;z-index: 9;
	}
}
@media screen and ( min-width: 1401px ) {
	.section-btn{ width:14px;position:fixed;right:4%;top:65%;z-index: 9;}
	.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#f87d42;text-align:center; color:#fff; onsor:pointer;}
	 .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:20px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:54px;text-align:center;font-size:30px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;font-weight: bold;
	     background: -webkit-linear-gradient(left,#333,#f87d42 25%,#f87d42 50%,#f87d42 75%,#333);
	         background-size: auto;
	         background-clip: border-box;
	 		color: transparent;
	     -webkit-background-clip: text;
	     background-size: 200% 100%;z-index: 9;
	 }
 }
		.arrow:hover{/* animation-play-state:paused;-webkit-animation-play-state:paused; */text-decoration: none;}

		@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} }