.sec-in {
	position: relative;
	width: 1440px;
    margin: 0 auto;
	padding: 128px 0;
	z-index: 1;
}

.sec-1 {
	position: relative;
	width: calc(100% - 80px);
	height: 850px;
	margin: 0 auto;
	border-radius: 20px;
	overflow: hidden;
	z-index: 2;
}
.sec-1 .background {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sec-1 .background video {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sec-1 .text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1440px;
	margin: auto;
	transform: translate(-54%, -50%);
	filter: blur(10px);
    opacity: 0;
    transition: filter 1.3s, opacity 1.3s;
}
.sec-1 .text.on {
	filter: blur(0);
    opacity: 1;
	transform: translate(-50%, -50%);
}
.sec-1 .text h1 {
	font-size: 84px;
	font-weight: 700;
	color: var(--white-color);
	line-height: 1.1;
	letter-spacing: -0.03em;
}
.sec-1 .text h1 span {
	display: block;
	color: var(--white-color);
}
.sec-1 .text p {
	margin: 30px 0 50px;
	font-size: 28px;
	font-weight: 600;
	color: var(--white-color);
	line-height: 1.2;
	letter-spacing: -0.03em;
	word-break: keep-all;
}
.sec-1 .dim {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #000000, #000000);
	transform: translate(-50%, -50%);
	opacity: 0.3;
}

.main-tit {
	margin-bottom: 40px;
	font-size: var(--font-main-tit);
	font-weight: 700;
	letter-spacing: -0.03em;
	filter: blur(10px);
    opacity: 0;
	transform: translateX(40px);
    transition: filter 1.5s, opacity 1.5s, transform 1.5s;
}
.main-tit.on {
	filter: blur(0);
    opacity: 1;
	transform: translateX(0px);
}
/*//////////////////////////////// sec-2 ////////////////////////////////*/
.sec-2 .sec-in {
	position: relative;
}
.sec-2 .main-tit {
	position: relative;
}
.sec-2 .arrow-wrap {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.sec-2 .arrow-wrap-in {
	position: relative;
	width: 130px;
}
.sec-2 .swiper-button-next:after, .sec-2  .swiper-button-prev:after {
	content: "";
}
.sec-2 .swiper-button-next, .sec-2 .swiper-button-prev {
	width: 60px;
}
.sec-2 .swiper-button-prev {
	right: 70px !important;
	left: auto !important;
}
.sec-2 .swiper-button-next {
	right: 0 !important;
}
.sec-2 .order {
	filter: blur(10px);
    opacity: 0;
	transform: translateY(40px);
    transition: filter 1.3s, opacity 1.3s, transform 1.3s;
	transition-delay: .5s;
}
.order.on {
	filter: blur(0);
    opacity: 1;
	transform: translateY(0px);
}
.sec-2 .order .img-wrap {
	margin-bottom: 30px;
	max-height: 340px;
	border-radius: 20px;
	overflow: hidden;
}
.sec-2 .order .category {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: var(--primary-color);
}
.sec-2 .order .order-tit {
	margin: 2px 0 25px;
	font-size: 28px;
	font-weight: 700;
}
.sec-2 .order .order-info li {
	font-size: 18px;
	color: var(--gray800-color);
}
.sec-2 .order .order-info li strong {
	display: inline-block;
	width: 140px;
	font-weight: 600;
}
.sec-2 .order .order-info li:not(:last-child) {
	margin-bottom: 8px;
}
.sec-2 .dim {
	position: absolute;
	top: 0;
	left: -355px;
	width: 355px;
	height: 100%;
	background: var(--white-color);
	z-index: 1000;
}
/*//////////////////////////////// sec-2 ////////////////////////////////*/



/*//////////////////////////////// sec-3 ////////////////////////////////*/
.sec-3 {
	background: linear-gradient(90deg, #3129b2, #272096);
}
.sec-3 .sec-in {
	justify-content: space-between;
}
.sec-3 .sec-in > .right {
	width: 750px;
}
.sec-3 .sec-in > .right {
	margin-left: auto;
}
.sec-3 .main-tit {
	color: var(--white-color);
}
.sec-3 .main-tit span {
	display: block;
	color: var(--white-color);
}
.sec-3 .count-list, .sec-5 .count-list {
	flex-wrap: wrap;
	gap: 80px 0;
	filter: blur(10px);
    opacity: 0;
	transform: translateY(40px);
    transition: filter 1.3s, opacity 1.3s, transform 1.3s;
	transition-delay: .5s;
}
.sec-3 .count-list.on, .sec-5 .count-list.on {
	filter: blur(0);
    opacity: 1;
	transform: translateY(0px);
}
.sec-3 .count-list li, .sec-5 .count-list li {
	align-items: center;
	gap: 0px 32px;
	width: 50%;
}
.sec-3 .count-list li:last-child > div:first-child {
	margin-top: 26px;
}
.sec-3 .count-list li .num, .sec-5 .count-list li .num {
	position: relative;
    align-items: baseline;
}

.sec-3 .count-list li:not(:last-child) .num, .sec-5 .count-list li:not(:last-child) .num {
    margin-bottom: 20px;
}
.sec-3 .count-list li .oder-name, .sec-5 .count-list li .oder-name {
	display: inline-block;
    margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	color: var(--white-color);
}
.sec-3 .count-item-wrap, .sec-5 .count-item-wrap {
    position: relative;
    height: 84px;
    overflow: hidden;
    text-align: center;
}
.sec-3 .count-item-box, .sec-5 .count-item-box {
	height: 100px;
}
.sec-3 .count-item, .sec-5 .count-item, .sec-5 .plus {
	font-size: 70px;
	font-weight: 800;
	color: var(--white-color);
}
.sec-3 .num-wrap small, .sec-5 .num-wrap small {
	font-size: 24px;
	font-weight: 800;
	color: var(--white-color);
}
.sec-3 .num-unit, .sec-3 .comma, .sec-5 .num-unit, .sec-5 .comma {
	margin-left: 4px;
	font-size: 24px;
	font-weight: 800;
	color: var(--white-color);
}
.sec-3 .comma, .sec-5 .comma {
	font-size: 36px;
}
.sec-3 .count-list.on .count-item-box, .sec-5 .count-list.on .count-item-box {
    animation: count-down 2.5s forwards;
}
.sec-3 .count-list.on .count-item-box.down, .sec-5 .count-list.on .count-item-box.down {
    animation: count-down2 2.5s forwards;
}
/*//////////////////////////////// sec-3 ////////////////////////////////*/



/*//////////////////////////////// sec-4 ////////////////////////////////*/
.sec-4 {
	padding: 128px 5%;
}
.sec-4 .main-tit {
	text-align: center;
}
.sec-4 .review-list {
	filter: blur(10px);
    opacity: 0;
	transform: translateY(40px);
    transition: filter 1.3s, opacity 1.3s, transform 1.3s;
	transition-delay: .5s;
}
.sec-4 .review-list.on {
	filter: blur(0);
    opacity: 1;
	transform: translateY(0px);
}
.review-list .swiper-slide {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 70px;
	height: 320px;
	text-align: center;
	background: var(--white-color);
	border: 1px solid var(--border-color);
	border-radius: 20px;
}
.review-list .swiper-slide div {
	margin: 15px 0 10px;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
	word-break: keep-all;
}
.review-list .swiper-slide p {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 1.4;
	color: var(--gray700-color);
	word-break: keep-all;
} 
/*//////////////////////////////// sec-4 ////////////////////////////////*/



/*//////////////////////////////// sec-5 ////////////////////////////////*/
.sec-5 {
	position: relative;
	padding-bottom: 95px;
	background: url("../img/main/sec5-bg.png") no-repeat center / cover;
}
.sec-5 .main-tit {
	margin-bottom: 84px;
	color: var(--white-color);
}
.sec-5 .sec-in > .right {
	width: 1000px;
}
.sec-5 .count-list {
	position: relative;
	z-index: 1;
}
.sec-5 .count-list li {
	align-items: center;
	gap: 0px 32px;
	width: 33.33%;
}
.sec-5 .graph-bg {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.sec-5 .bg-in {
    width: 0;
    height: 100%;
    background: url("../img/main/graph.png") no-repeat right center / cover;
}
.sec-5 .graph-bg.on .bg-in {
    animation: width 1.1s forwards 1.3s;
}
@-webkit-keyframes count-down {
	0% {
		transform: translate3d(0, -1200%, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes count-down2 {
	0% {
		transform: translate3d(0, -2400%, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes width {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
/*//////////////////////////////// sec-5 ////////////////////////////////*/


/*//////////////////////////////// floating-btn ////////////////////////////////*/
.order-banner {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	visibility: hidden;
	z-index: 3;
}
.order-banner.on {
	visibility: visible;
}
.order-banner .sec-in {
	padding: 22px 0;
}
.order-banner .flex {
	align-items: center;
	justify-content: space-between;
}
.order-banner .flex > div {
	font-size: 22px;
	line-height: 1.2;
}
.order-banner a.order-link {
	font-size: 18px;
}
.order-banner li:first-child a.order-link {
	background: var(--primary-color);
}
.order-banner li:first-child a.order-link:hover, .order-banner li:first-child a.order-link:focus, .order-banner li:first-child a.order-link:active {
	background: var(--primary-h-color);
}
.order-banner li:last-child {
	margin-left: 15px;
}
/*//////////////////////////////// floating-btn ////////////////////////////////*/




@media all and (max-width:1461px){
	.sec-in {width: 90%;}
	.sec-1 {width: calc(100% - 60px);}
	.sec-1 .text {width: 90%;}
	.sec-2 .arrow-wrap {right: 34px;}
	.review-list .swiper-slide {padding: 0 20px;}
}

@media all and (max-width:1281px){
	.sec-1 {height: 720px;}
	.sec-1 .text h1 {font-size: 74px;}
	.sec-1 .text p {margin-bottom: 40px; font-size: 26px;}
	.sec-2 .swiper-button-next, .sec-2 .swiper-button-prev {width: 50px;}
	.sec-2 .swiper-button-prev {right: 60px !important;}
	.sec-2 .order .img-wrap {max-height: 260px; margin-bottom: 20px;}
	.sec-2 .order .order-tit {margin-bottom: 20px; font-size: 26px;}
	.sec-2 .order .order-info li {font-size: 16px;}
	.sec-3 .sec-in {flex-direction: column;}
	.sec-3 .count-list li img {height: 40px;}
	.sec-3 .count-item, .sec-5 .count-item, .sec-5 .plus {font-size: 60px;}
	.sec-3 .count-list li .oder-name, .sec-5 .count-list li .oder-name {margin-bottom: 5px;}
	.sec-3 .count-list li, .sec-5 .count-list li {gap: 0 20px;}
	.review-list .swiper-slide div {font-size: 26px;}
	.review-list .swiper-slide p {font-size: 16px;}
}

@media all and (max-width:1025px){
	.sec-in {padding: 90px 0;}
	.sec-1 {height: 640px;}
	.sec-1 .text h1 {font-size: 58px;}
	.sec-1 .text p {margin: 20px 0 30px; font-size: 22px;}
	.sec-2 .swiper-button-next, .sec-2 .swiper-button-prev {width: 42px;}
	.sec-2 .swiper-button-prev {right: 50px !important;}
	.main-tit, .sec-5 .main-tit {margin-bottom: 22px;}
	.sec-2 .order .category {font-size: 15px;}
	.sec-2 .order .order-tit {font-size: 22px; margin-bottom: 16px;}
	.sec-2 .order .order-info li {font-size: 15px;}
	.sec-3 .count-item, .sec-5 .count-item, .sec-5 .plus {font-size: 50px;}
	.sec-3 .count-item-wrap, .sec-5 .count-item-wrap {height: 66px;}
	.sec-3 .count-list, .sec-5 .count-list {gap: 50px 0;}
	.sec-3 .sec-in > .right {width: 600px;}
	.sec-3 .count-list li .oder-name, .sec-5 .count-list li .oder-name {font-size: 15px;}
	.sec-4 {padding: 90px 5%;}
	.review-list .swiper-slide {height: 290px;}
	.review-list .swiper-slide div {font-size: 22px;}
	.review-list .swiper-slide p {font-size: 15px;}
	.sec-5 .sec-in > .right {width: 90%;}
	
	.order-banner .sec-in {padding: 16px 0;}
	.order-banner a.order-link {font-size: 16px;}
	.order-banner .flex > div {font-size: 18px;}
	.order-banner li:last-child {margin-left: 10px;}
}

@media all and (max-width:768px){
	.main-tit, .sec-5 .main-tit {margin-bottom: 50px;}
	.sec-1 {height: 540px;}
	.sec-1 .text h1 {font-size: 46px;}
	.sec-1 .text p {margin: 20px 0 30px; font-size: 18px;}
	.sec-2 .swiper-button-next, .sec-2 .swiper-button-prev {width: 30px;}
	.sec-2 .swiper-button-prev {right: 36px !important;}
	.sec-2 .order .order-info li strong {width: 110px;}
	.sec-3 .count-list li img {height: 34px;}
	.sec-3 .count-item, .sec-5 .count-item, .sec-5 .plus {font-size: 42px;}
	.sec-3 .count-item-wrap, .sec-5 .count-item-wrap {height: 52px;}
	.sec-3 .count-list li .oder-name, .sec-5 .count-list li .oder-name {font-size: 14px;}
	.sec-3 .num-unit, .sec-3 .comma, .sec-5 .num-unit, .sec-5 .comma {font-size: 18px;}
	.sec-3 .count-list, .sec-5 .count-list {gap: 30px 0;}
	.sec-3 .count-list li:last-child > div:first-child {margin-top: 24px;}
	.review-list .swiper-slide div {font-size: 20px;}
	.sec-5 .sec-in > .right {width: 100%;}
	.sec-5 .count-list li {width: 50%;}	
    .sec-5 .bg-in {background: url("../img/main/graph.png") no-repeat right -222px center / cover;}

	.order-banner .sec-in {padding: 16px 0;}
	.order-banner .flex > div {display: none;}
	.order-banner .flex {justify-content: center;}
}

@media all and (max-width:641px){
	.sec-in {padding: 80px 0;}
	.main-tit, .sec-5 .main-tit {margin-bottom: 30px;}
	.sec-1 {width: calc(100% - 40px); height: 440px;}
	.sec-1, .sec-2 .order .img-wrap, .review-list .swiper-slide {border-radius: 12px;}
	.sec-1 .text h1 {font-size: 34px;}
	.sec-1 .text p {margin: 10px 0 20px; font-size: 16px;}
	.sec-2 .main-tit {padding-right: 100px; word-break: keep-all;}
	.sec-2 .arrow-wrap {top: inherit;bottom: 15px; transform: inherit;}
	.sec-2 .order .img-wrap {max-height: 240px;}
	.sec-3 .count-list li img {height: 30px;}
	.sec-3 .sec-in > .right {width: 100%;}
	.sec-3 .main-tit span {display: inline;}
	.sec-3 .count-list {gap: 10px 0;}
	.sec-3 .count-item, .sec-5 .count-item, .sec-5 .plus {font-size: 36px;}
	.sec-3 .count-item-wrap, .sec-5 .count-item-wrap {height: 40px;}
	.sec-3 .num-unit, .sec-3 .comma, .sec-5 .num-unit, .sec-5 .comma {font-size: 16px;}
	.sec-4 {padding: 80px 5%;}

	.order-banner a.order-link {font-size: 15px;}
}

@media all and (max-width:481px){
	.sec-1 .text h1 span {display: inline;}
	.sec-3 .sec-in > .right {width: 90%;}
	.sec-3 .count-list li {width: 100%; justify-content: start;}
	.sec-3 .count-list li img {height: 26px;}
	.sec-3 .count-list li, .sec-5 .count-list li {gap: 0 10px;}
}