/* container */
:root{
	--container-padding: 15px;
	--container-padding-minus: -15px;
}
.container {max-width: calc(1200px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1400px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(575px + (var(--container-padding) * 2));}


/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; transition:all ease 0.5s; z-index:9999; background:rgba(0,0,0,0.7);}
.modal-box[aria-hidden="true"][inert] {user-select:none;}
.modal-box .box {max-width:1086px; pointer-events:none; opacity:0; position:absolute; left:50%; top:45%; width:calc(100% - 30px); transition:all ease 0.5s; transform:translate(-50%,-50%); background:var(--color-white); border-radius:15px; overflow:hidden; max-height:90%; display:flex; flex-direction:column;}
.modal-box .box .modal-head {padding:40px 40px 20px; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.modal-box .box .modal-head h2 {flex:1; min-width:0; padding:0 20px 0 0; font-size:20px; font-weight:600;}
.modal-box .box .modal-head .close {width:20px; height:20px; font-size:0; background:url('/asset/images/icon_close.svg') no-repeat center / cover;}
.modal-box .box .modal-body {padding:20px 20px 40px; width:100%; height:100%; overflow-y:auto;}
.modal-box .box .modal-body .modal-body-text strong {display:block; text-align:center; font-size:18px; font-weight:500; margin:0 0 10px; word-break:keep-all;}
.modal-box .box .modal-body .modal-body-text p {text-align:center; font-size:16px; color:var(--color-gray-800); word-break:keep-all;}
.modal-box .box .modal-foot {padding:15px 20px; width:100%;}
.modal-box.modal-sm .box {max-width:500px;}
.modal-box.modal-md .box {max-width:800px;}
.modal-box.modal-lg .box {max-width:1200px;}
.modal-box.modal-left .box {width:calc(100% - 15px); max-width:320px; height:100%; max-height:100%; left:-15px; top:0; transform:none; border-radius:0 15px 15px 0;}
.modal-box.modal-right .box {width:calc(100% - 15px); max-width:320px; height:100%; max-height:100%; left:auto; right:-15px; top:0; transform:none; border-radius:15px 0 0 15px;}
.modal-box.modal-bottom .box {width:100%; max-width:100%; border-radius:15px 15px 0 0; top:auto; left:0; bottom:-15px; transform:none;}
.modal-box.modal-full .box {width:100%; max-width:100%; left:0; top:0; transform:scale(0.9); border-radius:0; height:100%; max-height:100%;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
.modal-box.modal-left.fixed .box {left:0; top:0;}
.modal-box.modal-right.fixed .box {left:auto; right:0; top:0;}
.modal-box.modal-bottom.fixed .box {bottom:0; top:auto;}
.modal-box.modal-full.fixed .box {top:0; transform:scale(1);}
@media (max-width:991px){
.modal-box .box {border-radius:10px;}
.modal-box .box .modal-head {padding:15px;}
.modal-box .box .modal-head h2 {font-size:18px; padding:0 15px 0 0;}
.modal-box .box .modal-body {padding:0 15px 15px;}
.modal-box .box .modal-body .modal-body-text strong {font-size:16px;}
.modal-box .box .modal-body .modal-body-text p {font-size:14px;}
.modal-box .box .modal-foot {padding:15px;}
.modal-box.modal-left .box {border-radius:0 10px 10px 0;}
.modal-box.modal-right .box {border-radius:10px 0 0 10px;}
}

/* terms-box */
.terms-box {background:var(--color-white); margin:0 auto 40px; max-width:840px;}
.terms-box:last-of-type {margin:0 auto;}
.terms-box .terms-body h2 {text-align:center; font-size:30px; font-weight:bold; margin:0 0 30px; word-break:keep-all;}
.terms-box .terms-body > ul > li {margin:0 0 30px;}
.terms-box .terms-body > ul > li:last-of-type {margin:0;}
.terms-box .terms-body > ul > li > * {margin:0 0 10px;}
.terms-box .terms-body > ul > li > *:last-child {margin:0;}
.terms-box .terms-body > ul > li .terms-lg-title {margin:0 0 20px; font-size:20px; font-weight:bold; text-align:left;}
.terms-box .terms-body > ul > li .terms-title {margin:0 0 10px; font-size:17px; font-weight:bold;}
.terms-box .terms-body > ul > li p {font-size:15px; color:var(--color-black-500);}
.terms-box .terms-body > ul > li ul li {font-size:15px; color:var(--color-black-500); margin:0 0 10px;}
.terms-box .terms-body > ul > li ul li:last-of-type {margin:0;}
.terms-box .terms-body > ul > li ul li > ul {margin:5px 0 0;}
.terms-box .terms-body > ul > li ul.inner {padding:0 0 0 10px;}
.terms-box .terms-body > ul > li ul.inner li {position:relative; margin:0 0 5px; padding:0 0 0 14px;}
.terms-box .terms-body > ul > li ul.inner li:before {position:absolute; left:0; top:10px; width:6px; height:1px; content:""; background:var(--color-black-500);}
.terms-box .terms-body > ul > li ul.inner.no-before li:before {display:none;}
.terms-box .terms-body > ul > li table {table-layout:auto; border-collapse:collapse;}
.terms-box .terms-body > ul > li table thead tr th {background:var(--color-gray-200); font-size:15px; font-weight:600; text-align:left; padding:10px; border:1px solid var(--color-gray-400); word-break:auto-phrase;}
.terms-box .terms-body > ul > li table tbody tr td {font-size:15px; text-align:left; padding:5px 10px; border:1px solid var(--color-gray-400); word-break:auto-phrase;}
.terms-box .terms-body > ul > li table tbody tr td b {font-size:15px; font-weight:600;}
@media (max-width:991px){
.terms-box .terms-body {padding:10px;}
.terms-box .terms-body h2 {font-size:19px; margin:0 0 25px;}
.terms-box .terms-body > ul > li {margin:0 0 20px;}
.terms-box .terms-body > ul > li .terms-lg-title {margin:0 0 10px; font-size:17px;}
.terms-box .terms-body > ul > li .terms-title {font-size:15px; margin:0 0 5px;}
.terms-box .terms-body > ul > li p {font-size:13px;}
.terms-box .terms-body > ul > li ul li {font-size:13px;}
.terms-box .terms-body > ul > li ul.inner {padding:0 0 0 7px;}
.terms-box .terms-body > ul > li ul.inner li {padding:0 0 0 10px;}
.terms-box .terms-body > ul > li ul.inner li:before {top:9px;}
.terms-box .terms-body > ul > li table thead tr th {font-size:13px;}
.terms-box .terms-body > ul > li table tbody tr td {font-size:13px;}
.terms-box .terms-body > ul > li table tbody tr td b {font-size:13px;}
}

/* title-box */
.title-box {margin:0 0 80px;}
.title-box h2 {text-align:center; font-size:40px; font-weight:bold; line-height:1.22;}
.title-box p {margin:20px 0 0; text-align:center; font-size:25px; font-weight:bold; line-height:1.35; word-break:keep-all;}
@media (max-width:991px){
.title-box {margin:0 0 30px;}
.title-box h2 {font-size:25px;}
.title-box p {font-size:18px; margin:10px 0 0; line-height:1.5;}
}

/* message-box */
.message-box {margin:5px 0 0;}
.message-box p {font-size:14px; word-break:keep-all; color:#f00; padding:0 15px;}
@media (max-width:991px){
.message-box p {font-size:13px;}
}

/* write-box */
.write-box {max-width:700px; margin:0 auto;}
.write-box > ul > li {display:flex; flex-wrap:wrap; margin:0 0 30px;}
.write-box > ul > li:last-of-type {margin:0;}
.write-box > ul > li > strong {width:125px; font-size:20px; font-weight:bold; display:flex; flex-wrap:wrap; padding:10px 0 0;}
.write-box > ul > li > strong.req:after {display:inline-block; content:""; width:5px; height:5px; border-radius:50%; background:#cd5e5e; margin:0 0 0 5px;}
.write-box > ul > li > div {flex:1; min-width:0;}
.write-box > ul > li.flex-vt > strong {padding:30px 0 0;}
@media (max-width:991px){
.write-box {padding:0 15px;}
.write-box > ul > li {margin:0 0 25px;}
.write-box > ul > li > strong {width:100%; font-size:16px; padding:0;}
.write-box > ul > li > div {flex:none; width:100%; margin:10px 0 0;}
.write-box > ul > li.flex-vt > strong {padding:0;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #000; border-radius:50px; overflow:hidden;}
.input-box input {flex:1; min-width:0; height:50px; padding:0 15px; font-size:18px; color:#000;}
.input-box input::placeholder {color:#939393;}
@media (max-width:991px){
.input-box input {padding:0 10px; font-size:15px;}
}

/* textarea-box */
.textarea-box textarea {display:block; width:100%; height:200px; border-radius:15px; border:1px solid #000; padding:15px; font-size:18px; color:#000;}
.textarea-box textarea::placeholder {color:#939393;}
@media (max-width:991px){
.textarea-box textarea {height:150px; font-size:15px;}
}

/* write-agree-box */
.write-agree-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.write-agree-box p {font-size:18px;}
.write-agree-box a {margin:0 0 0 25px; height:40px; font-size:18px; font-weight:bold; padding:0 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#000; color:#fff;}
@media (max-width:991px){
.write-agree-box p {font-size:15px;}
.write-agree-box a {margin:0 0 0 10px; height:35px; font-size:15px; padding:0 20px 2px;}
}

/* check-box */
.check-box {position:relative;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:18px; color:#000;}
.check-box label:before {display:block; content:""; width:25px; height:25px; margin:0 10px 0 0; background:url('/asset/images/icon_check.svg') no-repeat center / cover;}
.check-box input:checked ~ label:before {background-image:url('/asset/images/icon_check_on.svg');}
@media (max-width:991px){
.check-box label {font-size:15px;}
.check-box label:before {width:20px; height:20px; margin:0 5px 0 0;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {height:60px; font-size:20px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0; border-radius:50px;}
.button-box .btn-black {background:#000; color:#fff;}
.button-box .btn.disabled {pointer-events:none; background:var(--color-gray-600) !important;}
@media (max-width:991px){
.button-box .btn {height:50px; font-size:18px; padding:0 0 2px;}
}

/* price-list-box */
.price-list-box {background:#f1f1f1; padding:50px 0;}
.price-list-box .container > ul {display:flex; flex-wrap:wrap;}
.price-list-box .container > ul > li {flex:1; min-width:0; background:#fff; border:1px solid #8a8a8a; border-radius:15px; padding:40px 20px; margin:0 20px 0 0;}
.price-list-box .container > ul > li:last-of-type {margin:0;}
.price-list-box .container > ul > li .list-head {margin:0 0 30px;}
.price-list-box .container > ul > li .list-head strong {display:block; text-align:center; font-size:25px; font-weight:600; word-break:keep-all;}
.price-list-box .container > ul > li .list-head p {font-size:18px; text-align:center; word-break:keep-all;}
.price-list-box .container > ul > li .list-body .body-text {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #cecece; min-height:80px;}
.price-list-box .container > ul > li .list-body .body-text p {font-size:15px; line-height:1.45; text-align:center;}
.price-list-box .container > ul > li .list-body .body-info {margin:30px 0 0; min-height:167px;}
.price-list-box .container > ul > li .list-body .body-info ul li {margin:0 0 8px; display:flex; flex-wrap:wrap;}
.price-list-box .container > ul > li .list-body .body-info ul li:last-of-type {margin:0;}
.price-list-box .container > ul > li .list-body .body-info ul li:before {position:relative; top:8px; display:inline-block; content:""; width:14px; height:8px; margin:0 10px 0 0; background:url('/asset/images/icon_price_check.png') no-repeat center / cover;}
.price-list-box .container > ul > li .list-body .body-info ul li p {flex:1; min-width:0; font-size:15px; word-break:keep-all;}
.price-list-box .container > ul > li .list-body .body-info ul li p b {font-size:15px; font-weight:600;}
.price-list-box .container > ul > li .list-foot {margin:30px 0 0;}
.price-list-box .container > ul > li .list-foot a {height:85px; font-size:20px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; background:#000; color:#fff; border-radius:50px;}
.price-list-box .container > ul > li .list-foot a em {font-size:14px; margin:0 0 0 5px; color:#fff;}
.price-list-box .container > ul > li .list-foot a small {width:100%; text-align:center; font-size:14px; color:#fff;}

.price-list-box .container > ul > li .list-foot a p {width: 100%; font-size:20px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; color:#fff;}


.price-list-box .container > small {display:block; width:100%; margin:25px auto 0; font-size:16px; max-width:1430px;}
@media (max-width:1200px){
.price-list-box .container > ul > li {padding:30px 15px; border-radius:15px;}
.price-list-box .container > ul > li .list-head {margin:0 0 30px;}
.price-list-box .container > ul > li .list-head strong {font-size:22px;}
.price-list-box .container > ul > li .list-head p {font-size:16px;}
.price-list-box .container > ul > li .list-body .body-text {min-height:70px;}
.price-list-box .container > ul > li .list-body .body-text p {font-size:15px;}
.price-list-box .container > ul > li .list-body .body-info {margin:25px 0 0;}
.price-list-box .container > ul > li .list-body .body-info ul li:before {width:16px; height:10px;}
.price-list-box .container > ul > li .list-body .body-info ul li p {font-size:16px;}
.price-list-box .container > ul > li .list-body .body-info ul li p b {font-size:16px;}
.price-list-box .container > ul > li .list-foot {margin:30px 0 0;}
.price-list-box .container > ul > li .list-foot a {height:85px; font-size:18px;}
.price-list-box .container > ul > li .list-foot a em {font-size:13px;}
.price-list-box .container > ul > li .list-foot a small {font-size:13px;}
.price-list-box .container > small {margin:24px auto 0; font-size:15px;}

.price-list-box .container > ul > li .list-foot a p {width: 100%; font-size:18px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; color:#fff;}
}
@media (max-width:991px){
.price-list-box {padding:50px 0;}
.price-list-box .container > ul {margin:0 -10px -20px;}
.price-list-box .container > ul > li {flex:none; width:calc(50% - 20px); margin:0 10px 20px;}
.price-list-box .container > ul > li:last-of-type {margin:0 10px 20px;}
.price-list-box .container > small {font-size:14px; word-break:keep-all;}
}
@media (max-width:767px){
.price-list-box .container > ul {margin:0;}
.price-list-box .container > ul > li {width:100%; margin:0 0 20px;}
.price-list-box .container > ul > li:last-of-type {margin:0;}
.price-list-box .container > ul > li .list-body .body-info {min-height:0;}
}

/* table-box */
.table-box h3 {font-size:25px; font-weight:bold; margin:0 0 20px;}
.table-box ul {margin:20px 0 0;}
.table-box ul li {font-size:16px; line-height:1.73; word-break:keep-all;}
.table-box ul li.active {color:#3745a8;}
.table-box .inner table {border-collapse:collapse;}
.table-box .inner table thead tr th {background:#f1f1f1; font-size:16px; line-height:1.31; padding:10px 15px; border:1px solid #cecece;}
.table-box .inner table tbody tr td {font-size:16px; line-height:1.31; padding:10px 15px; border:1px solid #cecece;}
@media (max-width:991px){
.table-box h3 {font-size:20px;}
.table-box ul {margin:10px 0 0;}
.table-box ul li {font-size:13px;}
.table-box .inner table thead tr th {font-size:14px;}
.table-box .inner table tbody tr td {font-size:14px;}
}

/* banner-box */
.banner-box {background:#d0daf4; border-radius:20px; margin:100px 0 0; padding:50px 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.banner-box > p {font-size:25px; font-weight:bold; padding:0 40px 0 0;}
.banner-box > div {display:flex; flex-wrap:wrap; align-items:center;}
.banner-box > div a {display:flex; flex-wrap:wrap:wrap; align-items:center; justify-content:center; border-radius:50px; width:220px; height:60px; margin:0 10px 0 0; font-size:20px; font-weight:500; border:1px solid #000;}
.banner-box > div a:first-of-type {background:#000; color:#fff;}
.banner-box > div a:last-of-type {margin:0;}
@media (max-width:991px){
.banner-box {margin:50px 0 0; padding:40px 20px; border-radius:15px;}
.banner-box > p {font-size:20px; word-break:keep-all; width:100%; margin:0 0 15px; text-align:center;}
.banner-box > div {width:100%; max-width:400px; margin:0 auto;}
.banner-box > div a {width:100%; height:50px; margin:0 0 10px; font-size:16px;}
.banner-box > div a:last-of-type {margin:0;}
}

/* promotion-box */
.promotion-box {margin:0 0 70px;}
.promotion-box .inner {display:flex; flex-wrap:wrap; background:#f1f1f1; border:1px solid #cecece; border-radius:40px;}
.promotion-box .inner .list-left {width:57%; position:relative; border-radius:40px; overflow:hidden; background-size:cover; background-position:center;}
.promotion-box .inner .list-left:after {display:block; content:""; padding-bottom:100%;}
.promotion-box .inner .list-left .list-inner {position:absolute; left:0; top:0; width:100%; height:100%; padding:40px; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between;}
.promotion-box .inner .list-left .list-inner > div {width:100%;}
.promotion-box .inner .list-left .list-inner .left-top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.promotion-box .inner .list-left .list-inner .left-top img {width:200px;}
.promotion-box .inner .list-left .list-inner .left-center h2 {text-align:center; font-size:40px; font-weight:bold; line-height:1.21; word-break:keep-all;}
.promotion-box .inner .list-left .list-inner .left-center p {font-size:30px; font-weight:bold; line-height:1.27; margin:30px 0 0; text-align:center; word-break:keep-all;}
.promotion-box .inner .list-left .list-inner .left-bottom {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; max-width:600px;}
.promotion-box .inner .list-left .list-inner .left-bottom a {height:60px; font-size:20px; color:#fff; flex:1; min-width:0; margin:0 20px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#000; color:#fff; border-radius:50px;}
.promotion-box .inner .list-left .list-inner .left-bottom a:last-of-type {margin:0;}
.promotion-box .inner .list-right {width:43%; padding:40px; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.promotion-box .inner .list-right > ul {width:100%;}
.promotion-box .inner .list-right > ul > li {margin:0 0 50px;}
.promotion-box .inner .list-right > ul > li:last-of-type {margin:0;}
.promotion-box .inner .list-right > ul > li h3 {height:60px; font-size:20px; font-weight:bold; margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #000; border-radius:50px;}
.promotion-box .inner .list-right > ul > li .list-date p {text-align:center; font-size:18px; font-weight:bold; word-break:keep-all;}
.promotion-box .inner .list-right > ul > li .list-small {margin:15px 0 0;}
.promotion-box .inner .list-right > ul > li .list-small p {text-align:center; font-size:15px; word-break:keep-all;}
.promotion-box .inner .list-right > ul > li .list-text {margin:40px 0 0;}
.promotion-box .inner .list-right > ul > li .list-text p {font-size:18px; text-align:center; word-break:keep-all;}
.promotion-box .inner .list-right > ul > li .list-text p b {font-size:18px; font-weight:bold;}
.promotion-box .inner .list-right > ul > li .list-info {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.promotion-box .inner .list-right > ul > li .list-info ul li {margin:0 0 8px; display:flex; flex-wrap:wrap;}
.promotion-box .inner .list-right > ul > li .list-info ul li:last-of-type {margin:0;}
.promotion-box .inner .list-right > ul > li .list-info ul li:before {position:relative; top:8px; display:inline-block; content:""; width:17px; height:11px; margin:0 10px 0 0; background:url('/asset/images/icon_price_check.png') no-repeat center / cover;}
.promotion-box .inner .list-right > ul > li .list-info ul li p {font-size:18px; word-break:keep-all;}
.promotion-box .inner .list-right > ul > li .list-info ul li p b {font-size:18px; font-weight:600;}
.promotion-box .inner .list-right > ul > li .list-info ul li p strike {font-size:18px;}
@media (max-width:991px){
.promotion-box {margin:0 0 50px;}
.promotion-box .inner .list-left .list-inner {padding:20px;}
.promotion-box .inner .list-left .list-inner .left-top img {width:150px;}
.promotion-box .inner .list-right {padding:20px;}
}
@media (max-width:767px){
.promotion-box .inner {border-radius:20px;}
.promotion-box .inner .list-left {width:100%; border-radius:20px;}
.promotion-box .inner .list-left .list-inner .left-center h2 {font-size:25px;}
.promotion-box .inner .list-left .list-inner .left-center p {font-size:20px; margin:15px 0 0;}
.promotion-box .inner .list-left .list-inner .left-bottom a {height:50px; font-size:16px;}
.promotion-box .inner .list-right {width:100%;}
.promotion-box .inner .list-right > ul > li {margin:0 0 30px;}
.promotion-box .inner .list-right > ul > li h3 {height:50px; font-size:18px;}
.promotion-box .inner .list-right > ul > li .list-date p {font-size:16px;}
.promotion-box .inner .list-right > ul > li .list-small p {font-size:13px;}
.promotion-box .inner .list-right > ul > li .list-text {margin:20px 0 0;}
.promotion-box .inner .list-right > ul > li .list-text p {font-size:16px;}
.promotion-box .inner .list-right > ul > li .list-text p b {font-size:16px;}
.promotion-box .inner .list-right > ul > li .list-info ul li p {font-size:16px;}
.promotion-box .inner .list-right > ul > li .list-info ul li p b {font-size:16px;}
.promotion-box .inner .list-right > ul > li .list-info ul li p strike {font-size:16px;}
}

/* main-box */
.main-box {margin:-80px 0 0;}
@media (max-width:991px){
.main-box {margin:-40px 0 0;}
}

/* main-title */
.main-box .main-title {margin:0 0 40px;}
.main-box .main-title h2 {font-size:45px; font-weight:bold; line-height:1.3; word-break:keep-all;}
.main-box .main-title p {margin:20px 0 0; font-size:24px; font-weight:600; word-break:keep-all;}
@media (Max-width:1200px){
.main-box .main-title h2 {font-size:40px;}
.main-box .main-title p {font-size:20px;}
}
@media (max-width:991px){
.main-box .main-title {margin:0 0 25px;}
.main-box .main-title h2 {font-size:30px;}
.main-box .main-title p {font-size:16px;}
}
@media (max-width:767px){
.main-box .main-title h2 {font-size:25px;}
.main-box .main-title p {margin:10px 0 0;}
}

/* main-top */
.main-box .main-top {background:#f1f1f1; padding:100px 0;}
.main-box .main-top .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-top .list-left {width:500px; position:relative;}
.main-box .main-top .list-left:after {display:block; content:""; padding-bottom:100%;}
.main-box .main-top .list-left video {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-box .main-top .list-right {flex:1; min-width:0; padding:0 0 0 50px;}
.main-box .main-top .list-right h2 {font-size:45px; font-weight:bold; text-align:right; line-height:1.3;}
.main-box .main-top .list-right div {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:30px 0 0;}
.main-box .main-top .list-right div a {width:200px; height:60px; font-size:20px; margin:0 20px 0 0; color:#fff; background:#000; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.main-box .main-top .list-right div a:last-of-type {background:none; border:1px solid #000; color:#000;}
@media (max-width:1200px){
.main-box .main-top .list-left {width:450px;}
.main-box .main-top .list-right h2 {font-size:40px;}
}
@media (max-width:991px){
.main-box .main-top {padding:52px 0 40px;}
.main-box .main-top .container {padding:0;}
.main-box .main-top .list-left {width:100%; max-width:400px; margin:0 auto;}
.main-box .main-top .list-right {flex:none; width:100%; padding:0 15px; margin:30px 0 0;}
.main-box .main-top .list-right h2 {font-size:30px; text-align:center;}
.main-box .main-top .list-right div {max-width:400px; margin:20px auto 0;}
.main-box .main-top .list-right div a {flex:1; min-width:0; height:50px; font-size:16px; margin:0 10px 0 0;}
}
@media (max-width:767px){
.main-box .main-top .list-right h2 {font-size:25px;}
}

/* main-solution */
.main-box .main-solution {padding:80px 0;}
.main-box .main-solution .solution-video {position:relative;}
.main-box .main-solution .solution-video:after {display:block; content:""; padding-bottom:54%;}
.main-box .main-solution .solution-video video {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
@media (max-width:991px){
.main-box .main-solution {padding:50px 0;}
}

/* main-list */
.main-box .main-list {background:#f1f1f1; padding:100px 0;}
.main-box .main-list ul {display:flex; flex-wrap:wrap; margin:0 -10px -40px;}
.main-box .main-list ul li {width:calc(33.33% - 20px); margin:0 10px 40px; background:#fff; border:1px solid #cecece; border-radius:15px; overflow:hidden;}
.main-box .main-list ul li .inner {display:block;}
.main-box .main-list ul li .inner .list-image {position:relative; overflow:hidden;}
.main-box .main-list ul li .inner .list-image:after {display:block; content:""; padding-bottom:80%;}
.main-box .main-list ul li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-box .main-list ul li .inner .list-content {padding:20px 15px;}
.main-box .main-list ul li .inner .list-content p {font-size:18px; font-weight:600;}
.main-box .main-list ul li .inner .list-content small {display:block; font-size:16px; margin:5px 0 0; word-break:keep-all;}
@media (max-width:991px){
.main-box .main-list ul li .inner .list-content {padding:15px 10px;}
.main-box .main-list ul li .inner .list-content p {font-size:16px;}
.main-box .main-list ul li .inner .list-content small {font-size:14px;}
}
@media (max-width:767px){
.main-box .main-list ul {margin:0 -5px -20px;}
.main-box .main-list ul li {width:calc(50% - 10px); margin:0 5px 20px;}
}

/* main-auto */
.main-box .main-auto {padding:80px 0;}
.main-box .main-auto .auto-video {position:relative;}
.main-box .main-auto .auto-video:after {display:block; content:""; padding-bottom:54%;}
.main-box .main-auto .auto-video video {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
@media (max-width:991px){
.main-box .main-auto {padding:50px 0;}
}


/* main-swiper */
.main-box .main-swiper {padding:80px 0; background:#111; overflow:hidden;}
.main-box .main-swiper .main-title h2 {color:#fff;}
.main-box .main-swiper .swiper-container {overflow:hidden;}
.main-box .main-swiper .swiper-slide {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-swiper .swiper-slide .list-image {width:50%; position:relative; overflow:hidden; border-radius:20px;}
.main-box .main-swiper .swiper-slide .list-image:after {display:block; content:""; padding-bottom:65%;}
.main-box .main-swiper .swiper-slide .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-box .main-swiper .swiper-slide .list-content {flex:1; min-width:0; padding:0 0 0 40px;}
.main-box .main-swiper .swiper-slide .list-content strong {font-size:30px; font-weight:bold; color:#fff; word-break:keep-all;}
.main-box .main-swiper .swiper-slide .list-content p {font-size:25px; font-weight:500; margin:15px 0 0; color:#fff; word-break:keep-all;}
.main-box .main-swiper .swiper-pagination {position:static; width:100%; margin:50px 0 0;}
.main-box .main-swiper .swiper-pagination span {width:10px; height:10px; opacity:1; background:#fff;}
.main-box .main-swiper .swiper-pagination span.swiper-pagination-bullet-active {background:#bfd1fd;}
@media (max-width:991px){
.main-box .main-swiper {padding:50px 0;}
.main-box .main-swiper .swiper-slide .list-image {border-radius:15px;}
.main-box .main-swiper .swiper-slide .list-content {padding:0 0 0 20px;}
.main-box .main-swiper .swiper-slide .list-content strong {font-size:20px;}
.main-box .main-swiper .swiper-slide .list-content p {font-size:16px;}
}
@media (max-width:767px){
.main-box .main-swiper .swiper-slide .list-image {width:100%;}
.main-box .main-swiper .swiper-slide .list-content {flex:none; width:100%; margin:20px 0 0; padding:0;}
.main-box .main-swiper .swiper-slide .list-content p {margin:10px 0 0;}
.main-box .main-swiper .swiper-pagination {margin:25px 0 0;}
.main-box .main-swiper .swiper-pagination span {width:7px; height:7px;}
}

/* main-step */
.main-step {background:#f1f1f1; padding:100px 0; overflow:hidden;}
.main-step ul {display:flex; flex-wrap:wrap; margin-right:-50px;}
.main-step ul li {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.main-step ul li:after {display:block; content:""; width:20px; height:33px; margin:0 15px; background:url('/asset/images/icon_main_step_arrow.png') no-repeat center / cover;}
.main-step ul li:last-of-type:after {opacity:0;}
.main-step ul li > div {background:#fff; border-radius:20px; padding:25px; flex:1; min-width:0;}
.main-step ul li > div span {display:block; font-size:20px;}
.main-step ul li > div span b {font-size:20px; font-weight:bold;}
.main-step ul li > div p {text-align:center; font-size:20px; font-weight:600; word-break:keep-all;}
.main-step ul li > div p:before {display:block; content:""; width:100%; height:82px; margin:20px auto; background-repeat:no-repeat; background-position:center;}
.main-step ul li:nth-of-type(1) > div p:before {background-image:url('/asset/images/icon_main_step_01.png'); background-size:66px auto;}
.main-step ul li:nth-of-type(2) > div p:before {background-image:url('/asset/images/icon_main_step_02.png'); background-size:75px auto;}
.main-step ul li:nth-of-type(3) > div p:before {background-image:url('/asset/images/icon_main_step_03.png'); background-size:76px auto;}
.main-step ul li:nth-of-type(4) > div p:before {background-image:url('/asset/images/icon_main_step_04.png'); background-size:73px auto;}
.main-step .button {margin:80px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-step .button a {width:200px; height:60px; font-size:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #000; border-radius:50px; color:#000; font-weight:600;}
@media (max-width:991px){
.main-step {padding:50px 0;}
.main-step ul {margin-right:-35px;}
.main-step ul li {flex:none; width:50%; margin:0 0 20px;}
.main-step ul li:after {width:15px; height:25px; margin:0 10px;}
.main-step ul li:nth-of-type(even):after {opacity:0;}
.main-step ul li > div {border-radius:10px;}
.main-step ul li > div span {font-size:16px;}
.main-step ul li > div span b {font-size:16px;}
.main-step ul li > div p {font-size:18px;}
.main-step ul li > div p:before {height:62px; margin:15px auto;}
.main-step ul li:nth-of-type(1) > div p:before {background-size:46px auto;}
.main-step ul li:nth-of-type(2) > div p:before {background-size:55px auto;}
.main-step ul li:nth-of-type(3) > div p:before {background-size:56px auto;}
.main-step ul li:nth-of-type(4) > div p:before {background-size:53px auto;}
.main-step .button {margin:30px auto 0;}
.main-step .button a {height:50px; font-size:16px; width:190px;}
}
@media (max-width:767px){
.main-step ul li > div {padding:20px 15px;}
.main-step ul li > div span {font-size:14px;}
.main-step ul li > div span b {font-size:14px;}
.main-step ul li > div p {font-size:15px;}
}

/* main-faq */
.main-faq {padding:100px 0;}
.main-faq ul {border-top:1px solid #000;}
.main-faq ul li {border-bottom:1px solid #000;}
.main-faq ul li .list-head a {display:flex; flex-wrap:wrap; align-items:center; padding:20px;}
.main-faq ul li .list-head a:after {display:block; content:""; width:20px; height:10px; background:url('/asset/images/icon_faq_arrow.png') no-repeat center / cover;}
.main-faq ul li .list-head a p {flex:1; min-width:0; padding:0 30px 0 0; font-size:20px; font-weight:600;}
.main-faq ul li .list-body {padding:0 20px 20px; display:none;}
.main-faq ul li .list-body p {font-size:18px;}
.main-faq ul li.active .list-head a:after {transform:rotate(180deg);}
.main-faq ul li.active .list-body {display:block;}
@media (max-width:991px){
.main-faq {padding:50px 0;}
.main-faq ul li .list-head a {padding:15px;}
.main-faq ul li .list-head a p {padding:0 15px 0 0; font-size:16px;}
.main-faq ul li .list-head a:after {width:18px; height:9px;}
.main-faq ul li .list-body {padding:0 15px 15px;}
.main-faq ul li .list-body p {font-size:15px;}
}