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: #337ab7
}
.section-wrap .section-2 {
	background-color: #5cb85c
}
.section-wrap .section-3 {
	background-color: #5bc0de
}
.section-wrap .section-4 {
	background-color: #f0ad4e
}
.section-wrap .section-5 {
	background-color: #d9534f
}
.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%);
}
.section-btn {
	margin-top: 2%;
}
.section-btn li {
	border: 1px solid white;
	color: white;
	float: left;
	font-size: 16px;
	padding: 8px 40px;
	border-radius: 20px;
	cursor: pointer;
	margin-right: 15px;
}
.section-btn li.on {
	background-color: #9d221a;
	border: 1px solid #9d221a;
}
.ser_onecon_box .ser_conone {
	display: block;
}
.ser_onecon_box .ser_contwo {
	display: none;
}
.ser_onecon_box:hover .ser_conone {
	display: none;
}
.ser_onecon_box:hover .ser_contwo {
	display: block;
}
 @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 (max-width:640px) {
html, body {
	width: 100%;
	height: auto;
	overflow: inherit;
}
.section-wrap {
	width: 100%;
	height: auto;
	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: auto;
	background-position: center center;
	background-repeat: no-repeat;
}
.box2 {
	padding-bottom: 10px;
}
}