/* common */
html, body {min-width:1300px; overflow-x:auto; background:#fff;}
.container {max-width:1200px; margin:0 auto;}

/*section {*/
/*    padding-top: 0 !important;*/
/*    padding-bottom: 0 !important;*/
/*}*/
/* header */
header {position:relative; background:#fff; z-index:1000;}
header .header-main {padding:22px 0;}
header .header-main .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-main .main-logo h1 a {font-size:20px; font-weight:800; color:var(--color-active2); display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-logo h1 a img {width:52px; margin:0 5px 0 0;}
header .header-main .main-menu .menu {display:block; content:""; font-size:0; width:28px; height:28px; background:url('../images/icon_menu.svg') no-repeat center / cover;}

/* footer */
footer {background:rgba(0,0,0,0.8); padding:40px 0;}
footer .container {display:flex; flex-wrap:wrap;}
footer .footer-left {flex:1; min-width:0;}
footer .footer-left h2 {font-size:16px; font-weight:bold; color:#fff; margin:8px 0;}
footer .footer-left .left-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .left-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .left-link ul li:after {margin:0 10px; display:inline-block; content:""; width:1px; height:12px; background:rgba(255,255,255,0.5);}
footer .footer-left .left-link ul li:last-of-type:after {display:none;}
footer .footer-left .left-link ul li a {font-size:14px; color:rgba(255,255,255,0.8);}
footer .footer-left .left-link ul li a:hover {text-decoration:underline;}
footer .footer-left .left-info ul li {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .left-info ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:rgba(255,255,255,0.8);}
footer .footer-left .left-info ul li p:after {display:inline-block; content:""; width:1px; height:12px; background:rgba(255,255,255,0.5); margin:0 10px;}
footer .footer-left .left-info ul li p:last-of-type:after {display:none;}
footer .footer-left .left-text {margin:58px 0 0;}
footer .footer-left .left-text p {font-size:14px; color:rgba(255,255,255,0.8);}
footer .footer-right .right-cs {display:block; flex-wrap:wrap; align-items:center;}
footer .footer-right .right-cs b {display:block; flex-wrap:wrap; align-items:center; color:rgba(255,255,255,0.8);}
/*footer .footer-right .right-cs b:after {display:inline-block; content:""; width:1px; height:12px; background:rgba(255,255,255,0.5); margin:0 10px;}*/
footer .footer-right .right-cs strong {font-size:20px; font-weight:bold; color:#fff;}

/* section */
section {padding:80px 0;}

/* quickmenu-box */
.quickmenu-box {pointer-events:none; opacity:0; position:fixed; left:50%; top:0; width:100%; height:100%; max-width:100%; transform:translateX(-50%); background:rgba(0,0,0,0.7); z-index:99999; transition:all ease 0.5s;}
.quickmenu-box .box {pointer-events:none; opacity:0; position:absolute; right:-15px; top:0; transition:all ease 0.5s; width:100%; height:100%; max-width:400px; background:#fff; display:flex; flex-direction:column;}
.quickmenu-box .qk-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:10px 16px;}
.quickmenu-box .qk-head .close {width:28px; height:28px; font-size:0; background:url('../images/icon_menu_close.svg') no-repeat center / cover;}
.quickmenu-box .qk-body {width:100%; height:100%; padding:16px; display:flex; flex-direction:column; overflow:hidden;}
.quickmenu-box .qk-body .body-top {width:100%; margin:0 0 24px;}
.quickmenu-box .qk-body .body-top:before {display:block; content:""; width:96px; height:96px; margin:0 auto 8px; background:url('../images/logo2.webp') no-repeat center / cover;}
.quickmenu-box .qk-body .body-top h2 {text-align:center; font-size:16px; font-weight:600; color:#717FA5; word-break:keep-all;}
.quickmenu-box .qk-body .body-button {width:100%; margin:0 0 24px;}
.quickmenu-box .qk-body .body-cate {width:100%; height:100%; overflow-y:auto;}
.quickmenu-box .qk-foot {width:100%; padding:24px 16px;}
.quickmenu-box.fixed {pointer-events:inherit; opacity:1;}
.quickmenu-box.fixed .box {pointer-events:inherit; opacity:1; right:0;}

/* main-box */
.main-box {margin:-80px 0;}
.main-box h2 {font-size:28px; font-weight:bold;}
.main-box h2 b {font-size:28px; font-weight:bold; color:var(--color-active);}

/* main-faq */
.main-box .main-faq {padding:100px 0;}
.main-box .main-faq .faq-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px;}
.main-box .main-faq .faq-head .more {display:flex; flex-wrap:wrap; align-items:center; font-weight:600; color:var(--color-active); font-size:16px;}
.main-box .main-faq .faq-body ul li {border-bottom:1px solid #d9d9d9;}
.main-box .main-faq .faq-body ul li .list-head button {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding:15px 0;}
.main-box .main-faq .faq-body ul li .list-head button:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_main_faq.svg') no-repeat center / cover;}
.main-box .main-faq .faq-body ul li .list-head button b {font-size:18px; font-weight:bold; color:var(--color-active); margin:0 8px 0 0;}
.main-box .main-faq .faq-body ul li .list-head button h3 {text-align:left; flex:1; min-width:0; font-size:18px; font-weight:600; margin:0 15px 0 0;}
.main-box .main-faq .faq-body ul li .list-body {background:rgba(0,0,0,0.03); border-radius:8px; padding:16px; margin:0 0 15px;}
.main-box .main-faq .faq-body ul li .list-body p {font-size:16px;}

/* main-service */
.main-box .main-service {background:#F9FAFB; padding:100px 0;}
.main-box .main-service h2 {text-align:center; margin:0 0 40px;}
.main-box .main-service p.txt {font-size:20px; font-weight:600; color:#585858; text-align:center; margin:-20px 0 30px;}
.main-box .main-service ul {max-width:904px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto;}
.main-box .main-service ul li {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-service ul li:after {display:inline-block; content:""; width:32px; height:32px; margin:0 42px; background:url('../images/icon_main_service.svg') no-repeat center / cover;}
.main-box .main-service ul li:last-of-type:after {display:none;}
.main-box .main-service ul li > div {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; border-radius:50%; width:224px; height:224px;}
.main-box .main-service ul li > div p {width:100%; font-size:24px; font-weight:bold; color:#fff; text-align:center;}
.main-box .main-service ul li > div p small {display:block; text-align:center; font-size:18px; font-weight:bold; color:#fff;}
.main-box .main-service ul li.service01 > div {background:#7AC2E5;}
.main-box .main-service ul li.service02 > div {background:#4988BB;}
.main-box .main-service ul li.service03 > div {background:#2E4C91;}
.main-box .main-service ul li.service04 > div {background:#3A64C3;}
.main-box .main-service.large ul {max-width:1150px;}
.main-box .main-service.large ul li > div {width:200px; height:200px;}
.main-box .main-service.large ul li > div small {font-size:16px; font-weight:400;}
.main-box .main-service.large ul li.service03 > div {background:#3A64C3;}
.main-box .main-service.large ul li.service04 > div {background:#2E4C91;}

/* main-card */
.main-box .main-card {padding:100px 0;}
.main-box .main-card .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-card .list-left {width:560px;}
.main-box .main-card .list-left img {width:100%;}
.main-box .main-card .list-right {flex:1; min-width:0; padding:0 0 0 60px;}
.main-box .main-card .list-right h2 {margin:0 0 10px;}
.main-box .main-card .list-right ul li {position:relative; font-size:20px; font-weight:500; color:#3C3956; padding:0 0 0 20px;}
.main-box .main-card .list-right ul li:before {position:absolute; content:""; left:0; top:15px; width:8px; height:1px; background:#3C3956;}

/* main-special */
.main-box .main-special {padding:100px 0; background:#F9FAFB;}
.main-box .main-special h2 {margin:0 0 40px; text-align:center;}
.main-box .main-special ul {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.main-box .main-special ul li {width:calc(50% - 24px); margin:0 12px 24px; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:40px; padding:40px 50px;}
.main-box .main-special ul li:before {display:inline-block; content:""; width:70px; height:70px; background-size:cover; background-position:center;}
.main-box .main-special ul li div {flex:1; min-width:0; padding:0 0 0 35px;}
.main-box .main-special ul li div p {font-size:24px; font-weight:bold; color:#3C3956;}
.main-box .main-special ul li div small {font-size:20px; font-weight:bold; color:#3C3956;}
.main-box .main-special ul li:nth-of-type(1):before {background-image:url('../images/icon_main_special_01.webp');}
.main-box .main-special ul li:nth-of-type(2):before {background-image:url('../images/icon_main_special_02.webp');}
.main-box .main-special ul li:nth-of-type(3):before {background-image:url('../images/icon_main_special_03.webp');}
.main-box .main-special ul li:nth-of-type(4):before {background-image:url('../images/icon_main_special_04.webp');}

/* main-support */
.main-support {padding:20px 0 100px;}
.main-support .inner {background:url('../images/bg_main_support.webp') no-repeat center / cover; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; height:210px;}
.main-support .inner p {width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin:-15px 0 0;}
.main-support .inner strong {width:100%; text-align:center; margin:0 0 8px; font-size:28px; font-weight:800; color:#fff;}
.main-support .inner div a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#fff; color:var(--color-active); height:32px; padding:0 16px; font-size:14px; font-weight:600;}

/* main-title */
.main-box .main-title {padding:13px 0 0;}
.main-box .main-title .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-title img {width:484px;}
.main-box .main-title div {flex:1; min-width:0;}
.main-box .main-title div h2 {font-size:38px; font-weight:800;}
.main-box .main-title div h2 b {font-size:38px; font-weight:800;}
.main-box .main-title div strong {display:block; font-size:42px; font-weight:900; color:var(--color-active2);}

/* main-start */
.main-box .main-start {margin:60px 0 0;}
.main-box .main-start .container > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-start .container > div a {padding:0 72px; font-size:28px; font-weight:800; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:90px; border-radius:50px; background:#3C81F1; color:#fff;}
.main-box .main-start .container > div a:after {display:inline-block; content:""; width:32px; height:32px; margin:0 0 0 10px; background:url('../images/icon_main_start.svg') no-repeat center / cover;}
.main-box .main-start .container p {margin:20px 0 0; text-align:center; font-size:20px; font-weight:600; color:#FF623B; word-break:keep-all;}

/* main-banner */
.main-box .main-banner {background:url('../images/bg_main_banner.webp') no-repeat center / cover; padding:45px 0 100px;}
.main-box .main-banner h2 {text-align:center; font-size:32px; font-weight:bold; color:#A8D1FF; margin:0 0 30px;}
.main-box .main-banner h2 b {font-size:32px; font-weight:bold; color:#fff;}
.main-box .main-banner .banner-head {margin:0 0 20px;}
.main-box .main-banner .banner-head p {text-align:center; font-size:24px; font-weight:bold; color:#fff;}
.main-box .main-banner .banner-head img {display:block; width:100%; max-width:832px; margin:0 auto;}
.main-box .main-banner .banner-body .body-price {margin:0 0 24px;}
.main-box .main-banner .banner-body .body-price > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 10px;}
.main-box .main-banner .banner-body .body-price > div:last-of-type {margin:0;}
.main-box .main-banner .banner-body .body-price > div strong {height:56px; padding:0 40px; font-size:24px; font-weight:bold; color:#019BFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border-radius:50px;}
.main-box .main-banner .banner-body .body-text p {font-size:30px; font-weight:bold; color:#fff; text-align:center; margin:0 0 20px;}
.main-box .main-banner .banner-body .body-text p strong {font-size:43px; font-weight:800; color:#FFF98C; display:block; line-height:1;}
.main-box .main-banner .banner-body .body-text ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:30px 0 0;}
.main-box .main-banner .banner-body .body-text ul li {width:180px; margin:0 10px 0 0; background:#005DC5; border-radius:20px; padding:10px 0 17px;}
.main-box .main-banner .banner-body .body-text ul li:last-of-type {margin:0;}
.main-box .main-banner .banner-body .body-text ul li span {display:block; text-align:center; font-size:16px; font-weight:bold; color:#fff;}
.main-box .main-banner .banner-body .body-text ul li img {display:block; margin:0 auto 5px; position:relative; left:-10px;}