﻿@charset "utf-8";blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:lighter}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Microsoft YaHei',\5b8b\4f53;color:#333;outline:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:100%;position:relative}

.img-cover{position:relative;padding-bottom:75%}
.img-cover img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}
.img-contain{position:relative;padding-bottom:75%}
.img-contain img{position:absolute;display:block;width:100%;height:100%;object-fit:contain}
.flex{display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.flwrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.container-full{width:100%;padding:0 4%}
.container{width:100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;width: 100%;}
/*顶部*/
.topbar{width:100%;height:4rem;background:#01619c;font-size:1.4rem;line-height:4rem}
.topbar a{display:block;color:#fff;margin-left:.5rem}
.topbar img{display:block}
.custom-select{position: relative;width: 12rem;margin: 0 1rem;}
.select-trigger {padding:0 1.5rem;height: 3rem;line-height: 3rem;padding-right: 3rem;background-color: #fff;border-radius: 6px;cursor: pointer;position: relative;transition: border-color 0.2s; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.select-trigger::after {content: "▼";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 10px;color: #999;transition: transform 0.2s;}
.select-trigger.active::after {transform: translateY(-50%) rotate(180deg);}
.select-trigger:hover {border-color: #42b983;}
.select-options {position: absolute;top: calc(100% + 5px);left: 0;width: 100%;background-color: #fff;border-radius: 6px;max-height: 0; /* 默认收起 */overflow: hidden;transition: max-height 0.2s ease;z-index: 100;}
.select-options.show {max-height: 200px;}
.select-options a{ color: #333;}
.select-option {padding: 0 15px;cursor: pointer;transition: background-color 0.2s;}
.select-option:hover {background-color: #f5f5f5;}
.select-option.selected {background-color: #c0eaff;color: #01588e;font-weight: 500;}


/*导航*/
.header{ width: 100%; position:fixed;top:0;z-index:999;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1)}
.headbar{width:100%;height:auto;padding:1rem 0}
.navbox{display:block;width:100%;min-width:800px}
.nav{height:6rem;line-height:6rem}
.nav ul li{position:relative}
.nav ul li>a{position:relative;z-index:1;display:block;width:100%; padding: 0 1rem; text-align:center;color:#000;font-size:1.6rem}
.nav ul li.active>a,.nav ul li:hover>a{color:#01588e}
.nav ul li .subnav{position:absolute;top:5rem;width:auto;height:auto;max-height:0;overflow:hidden;transition:all .5s;background:#fff;padding:0 1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}
.nav ul li:hover .subnav{max-height:100rem}
.nav .subnav a{display:block;width:100%;white-space:nowrap;line-height:1;padding:1rem;border-bottom:1px solid rgba(255,255,255,.2);color:#666;font-size:1.5rem;text-align:center;transition:all .5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.nav .subnav a:hover{color:#000}
.nav .subnav a:last-child{margin-bottom:.5rem}
/**/
.menu-handler{position:fixed;z-index:1012;right:1rem;top:1rem;width:4rem;height:4rem;overflow:hidden;cursor:pointer; background: #01619c; border-radius: 50%;}
.menu-handler .burger{position:absolute;z-index:5;top:1.2rem;left:50%;display:block;width:2rem;height:2px;margin:0 0 0 -1rem;background:#fff;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:1.8rem}
.menu-handler .burger-3{top:2.5rem}
.menu-handler.active .burger-1{top:1.8rem;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top:1.8rem;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBlack{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);display:none}
.menuBox{position:fixed;width:auto;top:0;right:-100%;height:100%;z-index:1000;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;background:#fff}
.navMobile{margin-top:6rem;padding:2rem;min-width: 50vw;}
.navMobile dd a{display:block;line-height:6rem;color:#000;font-weight:400;font-size:2rem;text-align:left}
.navMobile dd .mtnav{ display: none; padding-left: 1rem;}
.navMobile dd .mtnav a{line-height:2;font-size:1.8rem; color: #666;}
.navMobile dd p a.act{color:#333}
.navMobile dd.on .mtnav{display: block;}
/*搜索*/
.search-box div.flex{justify-content:flex-start}
.search-box input.keyword{width:180px;height:4rem;line-height:4rem;padding:1rem;border:1px solid #01619c;border-top-left-radius:2rem;border-bottom-left-radius:2rem}
.search-box input.btn{width:4rem;height:4rem;border:none;border-radius:0;border-top-right-radius:50%;border-bottom-right-radius:50%;background:url(../images/s.png) no-repeat center #01619c}
.css3{box-shadow:0 0;width:calc(100% + 2em);font-size:24px}
/*大图*/
.home{position:relative;width:100%;height:auto;padding:0 3rem;padding-top:12rem}
.banner{border-radius:3rem;overflow:hidden}
.img-txt{left: 6.18vw;position: absolute;top: 11.93vw;z-index: 2;}.img-txt .logo-white {height: auto;margin-bottom: 23px;max-width: 100%;width: 16vw;}
.img-txt h1 {background: linear-gradient(90deg,#fff,#c2c2c4);background-clip: border-box;font-family: Inter;font-size: 6.9vw;font-weight: 500;letter-spacing: 0;line-height: 8.46vw;-webkit-user-select: none;-webkit-text-fill-color: transparent;-webkit-background-clip: text;margin: 0;}
.banner .img-inner{ background: #000;}
.banner .img-inner img{ opacity: 0.5;}
.inner{bottom:0; right: 1.5rem; display:grid;gap:14px;grid-template-columns:repeat(3,1fr);height:12.09vw;position:absolute;width:47.5vw;z-index:2; background: #fff; padding: 1.5rem; border-top-left-radius: 3rem;}
.inner .inner-item{align-items:center;background:var(--primary-light,#77aedd);border-radius:26px;color:#fff;display:flex;flex-flow:column;justify-content:center;text-decoration:none; height: 100%;}
.inner .inner-item:hover {background: var(--primary,#01619c);}
.inner .ico{background-size:contain;height:30px;margin-bottom:10px;width:30px}
.ico-guide{background-image:url(../images/guide.png)}
.ico-search{background-image: url(../images/search.png)}
.ico-reserve{background-image: url(../images/reserve.png)}
.inner .txt {font-size: 18px;font-weight: 400;line-height: 27px;}
/**/
.tit {margin-bottom:50px}
.tit:before {background:#ffc247;content:"";display:inline-block;height:7px;margin-bottom:25px;width:94px}
.tit h2 {color:#012d74;font-size:38px;font-weight:700;letter-spacing:.2px;line-height:50px;margin:0}
/**/
.asia-uni {background-image: url(../images/bg1.png);background-position: 100% 100%;background-repeat: no-repeat;min-height: 804px;padding: 90px 0 60px;}
.asia-uni .box ul {border-radius:20px;display:grid;gap:20px;max-width:630px}
.asia-uni .box li{background:radial-gradient(192.09% 498.22% at 0 12.07%,#ebf8ff 2.36%,#fdfeff 49.86%) padding-box,linear-gradient(96.34deg,#3f9dd7 .94%,#c0eaff 96.46%) border-box;border:2px solid transparent;border-radius:20px;padding:20px}
.asia-uni .box li .top {align-items:center;display:flex;gap:10px;margin-bottom:14px}
.asia-uni .box li .top .ico {background:var(--primary-light,#77aedd);border-radius:6px;height:54px;padding:12px;width:54px}
.asia-uni .box li .top h3 {color:#262626;font-size:20px;font-weight:600;line-height:30px}
.asia-uni .box li .txt {color:#6d6d6d;font-size:14px;font-weight:400;line-height:24px}
.asia-uni .box li .txt a {color: var(--primary,#01619c);display: inline-block;text-decoration: none;}
/**/
.section-about {background: #f8f9fe;padding: 80px 0 115px;}
.section-about .box ul{ display: grid;gap: 55px;grid-template-columns: 170px 170px 170px 170px auto;}
.section-about .box ul li {text-decoration: none;transition: all .5s;}
.section-about .box ul li .img {align-items: center;background: #fff;border-radius: 16px;display: flex;flex-flow: column;height: 170px;justify-content: center;padding: 20px;}
.section-about .box ul li .img-ico {background-size: contain;height: 40px;width: 40px;}
.section-about .box ul li .img::after {background: #ddd;content: "";display: block;height: 2px;margin-top: 20px;width: 60px;}
.section-about ul li .txt,.section-about .section-about-item .txt {color: var(--dark,#182e45);font-size: 20px;font-weight: 600;line-height: 23.46px;margin-top: 20px;text-align: center;}
.section-about-item { width: 100%;position: relative; overflow: hidden;}
.section-about-item .box {align-items: center;background: #fff;border-radius: 16px;display: flex;flex-flow: column;height: 170px;justify-content: center;padding: 20px;}
.section-about-swiper{ width: 60%; margin: auto; overflow: hidden;}
.section-about-swiper .swiper-slide a{ height: 100%; display: flex; flex-direction: column; justify-content: center;}
.section-about-swiper .swiper-slide img{ display: block; max-width: 100%;}
.section-about-swiper .swiper-button-next{ background: url(../images/pagination-next.png) no-repeat center; right: 3rem; top: calc(50% - 20px); width: 40px;}
.section-about-swiper .swiper-button-prev{ background: url(../images/pagination-prev.png) no-repeat center; left: 3rem; top: calc(50% - 20px); width: 40px;}
/**/
.section-center {padding: 80px 0 116px;}
.section-center .box{display:grid;gap:20px}
.section-center .box ul {display:flex;flex-wrap:wrap;gap:20px}
.section-center .box ul li:first-child,
.section-center .box ul li:nth-child(2) {width:calc(50% - 10px)}
.section-center .box ul li:nth-child(n+3) {width:calc(20% - 16px)}
.section-center .box ul li {background:#fff;border-radius:16px;box-shadow:0 0 37px -2px rgba(17,24,39,.051);padding:31px;text-align:center;text-decoration:none}
.section-center .box ul li:hover {background:var(--primary,#01619c);box-shadow:0 0 10px 0 rgba(0,0,0,.051)}
.section-center .box ul li .img {align-items:center;background:#e6f0fc;border-radius:100%;display:flex;height:92px;justify-content:center;margin:0 auto 20px;width:92px}
.section-center .box ul li .txt {color:#333;font-size:20px;font-weight:700;letter-spacing:2.3%;line-height:26.4px}
.section-center .box ul li:hover .txt {color:#fff}
/**/
.section-partners {background: #f8f9fe;padding: 95px 0;}

/**/
.section-share {background: var(--primary,#01619c);border-bottom: 1px solid hsla(0,0%,100%,.1);}
.section-share-wrap, .share-box {align-items: center;display: flex;}
.section-share-wrap {padding: 10px 0;}
.share-box {color: #fff;font-size: 18px;font-weight: 700;gap: 16px;line-height: 28px;margin-left: auto;}
.share-box a {align-items: center;border-radius: 50%;box-shadow: 0 0 0 1px hsla(0,0%,100%,.8);display: flex;height: 43px;justify-content: center;width: 43px;}
.footer-box {background: #182e45;padding: 40px 0 70px;}
.footer-wrap {color: hsla(0,0%,100%,.8);font-size: 16px;font-weight: 400;line-height: 21.12px;align-items: flex-start;}
.footer-info {display: flex;flex-flow: column;gap: 16px;}
.footer-info h3 {color: #fff;font-size: 18px;font-weight: 700;line-height: 23.76px;}
.footer-info p{ justify-content: flex-start; align-items: center; line-height: 1;}
.footer-wrap .footer-info i {background-repeat: no-repeat;background-size: contain;background-position: center;display: block;height: 16px;position: relative;width: 16px;}
.footer-info p span{ display: block; font-size: 16px; line-height: 16px; padding-left: 10px;}
.ico-map {background-image: url(../images/ico-map.png);}
.ico-email {background-image: url(../images/ico-email.png);}
.footer-wrap ul{ align-items: flex-start;}
.footer-wrap ul li {flex-wrap: wrap;gap: 9px;}
.footer-wrap ul li h3{ width: 100%; color: #fff; font-size: 1.8rem; font-weight: normal;}
.footer-wrap ul li a {color: hsla(0,0%,100%,.8);text-decoration: none;}
.footer-wrap ul li a:hover {color: #fff;}
.foot-subnav a{ display: block; line-height: 2; font-size: 1.4rem;}
.copy {background: #fff;border-top: 1px solid hsla(0,0%,100%,.1);color: #566978;font-size: 14px;font-weight: 400;line-height: 22px;padding: 31px 0;text-align: center;}
/**/
.go-top.active {opacity: 1;visibility: visible;}
.go-top {align-items: center;background:#77aedd;border-radius: 900px;bottom: 20px;cursor: pointer;display: flex !important;height: 74px;justify-content: center;opacity: 0;overflow: hidden;position: fixed;right: 15px;top: 60%;transform: translateY(-50%);transition: .5s;visibility: hidden;width: 74px;z-index: 105;}

@media (max-width: 1199px) {
    .topbar{ position: absolute; width: auto; background: none; right: 5rem; top: 1rem;}
    .topbar .lbox,.topbar .rbox a.ico{ display: none;}
    .select-trigger{ height: 4rem; line-height: 4rem; background: #eee;}
    .container{ padding: 0 1.5rem;}
    .go-top {bottom: 8%;height: 50px;top: auto;width: 50px;}
    .go-top img {height: 25px;}
    .home{padding: 0 1.5rem; padding-top: 7rem; }
    .banner{ border-radius: 2rem;}
    .header .container-full .logo {display: flex; flex-direction: column; justify-content: center;height: 4rem;}
    .header .container-full .logo img{ max-height: 4rem;}
    .m-lang{ right: 4rem;}
    .m-lang select{ border: none; background: none; color: #333; padding: 0 10px 0 0;}
    .m-lang::after{filter: invert(1) opacity(0.8); right: 0; }
    /**/
    .tit {margin-bottom: 10px;}
    .tit h2 {font-size: 20px;}
    .tit::before {height: 2px;margin-bottom: 0;width: 40px;}
    /**/
    .asia-uni {background-image: none;min-height: 0;padding: 24px 0 30px;}
    .asia-uni .box li .top .ico {height: 40px;padding: 5px;width: 40px;}
    .asia-uni .box li .top h3 {font-size: 15px;line-height: 22px;}
    .asia-uni .box li .txt p{ font-size: 1.6rem;}
    .section-about {padding: 27px 0;} 
    .section-about .box ul {gap: 20px;grid-template-columns: 1fr 1fr;}
    .section-about .box ul li {align-items: center;aspect-ratio: 1/1;background: #fff;border-radius: 16px;display: flex;flex-flow: column;justify-content: center;position: relative;}
    .section-about .box ul li .img{height: auto;top: 0;width: 100%;}
    .section-about .box ul li .txt,.section-about .section-about-item .txt {display: -webkit-box;font-size: 14px;line-height: 16px;margin-top: 0;overflow: hidden;text-align: center;width: 100%;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .section-about-item {grid-column: span 2;}
    .section-about .section-about-item .txt{ padding: 1rem 0;}
    .section-center {padding: 24px 0;}
    .section-center .box ul li:first-child, .section-center .box ul li:nth-child(2) {width: 100%;}
    .section-center .box ul li .txt{font-size: 14px;line-height: 18px;}
    .section-center .box ul li:nth-child(n+3) {width: calc(50% - 10px);}
    .section-partners {padding: 24px 0;}
    .share-box a {height: 36px;width: 36px;}
    .footer-box {padding: 32px 0 95px;}
    .footer-sp {background: #fff;bottom: 0;display: block;left: 0;position: fixed;right: 0;z-index: 3;}
    .footer-sp-top {padding: 23px 0;text-align: center;}
    .footer-sp img {display: block;margin: 0 auto;}
    .footer-sp-bottom {border-top: 1px solid #d9ebff;display: grid;grid-template-columns: repeat(3,1fr);text-align: center;}
    .footer-sp-bottom a {color: #5e5f60;display: grid;font-size: 12px;font-weight: 400;gap: 5px;line-height: 14.4px;padding: 11px;text-decoration: none;}
    .footer-sp-bottom a:not(:last-child) {border-right: 1px solid #d9ebff;}
}