
body { color:#222; -webkit-text-size-adjust: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 { width:100%; height:100%; color:#fff; position:relative;}
.section-1 { background:#000 url(../kaoqinji/images/section1_bg.png) bottom center no-repeat; background-size:cover;}
.section-2 { background:#0a142b url(../kaoqinji/images/section1_kh.png) bottom center no-repeat; background-size:70%;}
.section-3 { 
	background-image: -webkit-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
	background-image: -moz-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
	background-image: -ms-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
}
.section-4 {
	background-image: -webkit-linear-gradient(90deg, #5bc0de 0%, #005efe 35%, #242161 75%, #1a0531 100%);
	background-image: -moz-linear-gradient(90deg, #5bc0de 0%, #005efe 35%, #242161 75%, #1a0531 100%);
	background-image: -ms-linear-gradient(90deg, #5bc0de 0%, #005efe 35%, #242161 75%, #1a0531 100%);
}
.section-5 { background:#0a142b url(../kaoqinji/images/section5_bg.png) bottom center no-repeat; background-size:cover;}
.section-6 { 
	background-image: -webkit-linear-gradient(90deg, #158af3 0%, #4772ff 35%, #6e46ff 75%, #842bff 100%);
	background-image: -moz-linear-gradient(90deg, #158af3 0%, #4772ff 35%, #6e46ff 75%, #842bff 100%);
	background-image: -ms-linear-gradient(90deg, #158af3 0%, #4772ff 35%, #6e46ff 75%, #842bff 100%);
}
.section-7 { 
	background-image: -webkit-linear-gradient(90deg, #201fc2 0%, #4144dd 35%, #0d0c83 75%, #1a0531 100%);
	background-image: -moz-linear-gradient(90deg, #201fc2 0%, #4144dd 35%, #0d0c83 75%, #1a0531 100%);
	background-image: -ms-linear-gradient(90deg, #201fc2 0%, #4144dd 35%, #0d0c83 75%, #1a0531 100%);
}
.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-1 dl { padding-right:50px;}
.section-1 dl:last-child { padding-right:0px;}

.section-con { width:1200px;}
.section-title { width:100%; line-height:60px; color:#fff; font-size:36px; font-weight:bold; text-align:center; padding-top:60px; /* opacity:0; */}
.section-title.active { 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-subtitle { text-align:center; line-height:40px;}
.section-pro { display:flex; justify-content:center; align-items:center;}
.section-pro dl {}
.section-pro dt { text-align:center;}
.section-pro dd { line-height:10px; text-align:center; font-size:16px;}
.section-bottom-pic { position:absolute; bottom:-10px; text-align:center;}


.section-btn { width:14px; position:fixed; right:4%; top:50%;}
.section-btn li { width:14px; height:14px; cursor:pointer; text-indent:-9999px; margin-bottom:12px;  background:#ccc; text-align:center; color:#fff;  onsor:pointer;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.section-btn li.on { background:#0089ff;}
.section-arrow { width:60px; height:60px; margin-left:-30px; line-height:60px; text-align:center; font-size:20px; color:#fff; border:2px solid #fff; cursor:pointer; overflow:hidden;
	opacity:1; bottom:10px; left:50%;
	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;
	border-radius:100%;
	-webkit-border-radius:100%;
}
.section-arrow i { font-size:30px;}
.section-arrow:hover {
	background:#0089ff; border:2px solid #0089ff;
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
.section-arrow:hover i { color:#fff;}
@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}
}


/* 移动端 */
@media all and (max-width:760px){
	.section-con { width:100%; padding:0 10px; box-sizing:border-box;}
	.section-title { font-size:24px; line-height:40px;}
	.section-subtitle p { font-size:18px;}
	.section-subtitle span { font-size:12px;}
	.section-1 .section-pro { padding-top:40px !important;}
	.section-1 .section-pro dl img { width:150px;}
	.section-1 .section-pro dl { padding-right:0px;}
	.section-1 .section-pro dl:last-child { padding-right:50px;}
	.section-1 .section-pro dd { line-height:30px;}
	.section-2 { background-size:100%;}
	.section-2 .section-pro dl img { height:400px;}
	.section-3 .section-pro dl img { height:200px;}
	.section-3 .section-pro dl:last-child img { height:150px; padding-right:50px;}
	.section-4 .section-pro dl img { width:80%; height:auto; position:absolute; bottom:120px; left:10%;}
	.section-4 .section-bottom-pic img { width:100%; height:auto;}
	.section-6 .section-pro dl img { height:250px;}
}