<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.zm-flex {
    display: flex;
}

.zm-flex-col {
    flex-direction: column;
}

.zm-flex-left {
    align-items: center;
    justify-content: flex-start;
}

.zm-flex-right {
    align-items: center;
    justify-content: flex-end;
}

.zm-flex-center {
    align-items: center;
    justify-content: center;
}

.zm-flex-between {
    align-items: center;
    justify-content: space-between;
}

.zm-flex-around {
    align-items: center;
    justify-content: space-around;
}

header {
    box-shadow: 0rem .125rem 1.0625rem 0rem rgba(0, 0, 0, 0.08);
    padding: 0 15rem;
    width: 100%;
    height: 6.25rem;
    position: fixed;
    top: 0px;
    z-index: 9999;
    background-color: #F1F5FA;
    
}

main::before {
    content: "";
    display: block;
    width: 100%;
    height: 6.25rem;
    background-color: transparent;
}

.logo {
    gap: .75rem;
}

.logo&gt;img {
    width: 13.8875rem;
    height: 3.6875rem;
}

.logo&gt;h1 {
    font-size: 1.875rem;
}

nav {
    gap: 4.75rem;
}

.nav-li a:hover,
.nav-li a.active {
    color: #008CFF;
    /* æ¿€æ´»çŠ¶æ€é¢œè‰² */
}

.nav-li&gt;a {
    outline: none;
    font-size: 1.5rem;
    color: #666666;
}

.nav-li&gt;a::after {
    content: '';
    display: block;
    width: 3.3125rem;
    height: .25rem;
    background-color: transparent;
    margin-top: 1.75rem;
}

.nav-li a.active::after{
    background-color: #008CFF;
}

main {
    padding: 0 15rem;
}

.main-li {
    height: 45rem;
    align-items: center;
    justify-content: space-between;
}

.main-li&gt;div {
    width: 50%;
}

.main-li-r {
    align-items: center;
    display: flex;
    justify-content: center;
}
.ppt1{
    width: 41.1875rem;
    height: 32.9375rem;
}
.ppt2{
    width: 23.6875rem;
    height: 38.4375rem;
}
.ppt3{
    width: 23.6875rem;
    height: 33.875rem;
}

.introduce{
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 2.875rem 5.5rem;
}

.introduce &gt; .introduce-title{
    font-size: 3.2769rem;
    color: #0A0A0A;
}

.introduce &gt; .introduce-title &gt; span{
    color: #00A6FF;
}
.introduce-desc{
    font-size: 1.5rem;
    color: #666;
    margin-top: 1.125rem
}
.introduce-list, .introduce-list-li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.introduce-list{
    margin-top: 3.875rem;
}
.introduce-list-li{
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4.3125rem;
    padding: 1.0625rem 1.8125rem;
}
.introduce-list-li &gt;img{
    width: 3.125rem;
    height: 3.125rem;
}
.introduce-list-li &gt;div{
    margin-left: 1.4375rem;
}
.introduce-list-li &gt;div p:first-child{
    font-size: 1.5rem;
    color: #333;
}
.introduce-list-li &gt;div p:last-child{
    font-size: 1rem;
    color: #999;
}

.card-t-1 {
    /* align-items: end; */
    position: relative;
}

.card-t-1&gt;img {
    width: 4.11rem;
    height: 3.9019rem;
    position: absolute;
    top: calc(-50% + 3.9rem/2);
    right: 1.875rem;
}

.card-t-1 span{
    color: #00A6FF;
}

/* .card-t-1::after {
    content: "";
    width: 90%;
    height: 1.9375rem;
    background-color: #336BF6;
    opacity: 0.26;
    position: absolute;
    bottom: 1.25rem;
} */

.card-t-1&gt;p {
    font-size: 4.6875rem;
    z-index: 999;
}
.card-t-2{
    font-size: 1.75rem;
    color: #666;
    margin-top: 3.8125rem
}

.card-t-3 {
    font-size: 1.875rem;
    color: #666666;
    margin-top: 3.3125rem;
}

.card-t-4 {
    /* border: 1px solid #326AF6; */
    background-color: #00B1FF;
    border-radius: 2.6875rem 2.6875rem 2.6875rem 2.6875rem;
    padding: 1.1875rem 0;
    margin-top: 3.5625rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem;
    width: 25.8125rem;
}

.card-t-4 &gt; p{
    color: #FFFFFF;
    font-size: 1.625rem;
    display: inline-block;

}

.card-t-4 &gt; img{
    width: 1.875rem;
    height: 1.875rem;
}

.card-t-5 {
    width: 29.25rem;
    font-size: 3.125rem;
    color: #336BF6;
    text-align: right;
}

.s-card {
    border-radius: .9375rem;
    position: relative;
}

.s-card&gt;p {
    font-size: 3.4375rem;
    color: #0A0A0A;
}

.s-card&gt;p:last-child {
    font-size: 1.375rem;
    color: #666;
    margin-top: 1.5rem;
}

footer {
    width: 100%;
    height: 19.1875rem;
    
    margin-top: 3.75rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* position: relative; */
}

footer&gt;.info {
    width: 100%;
    padding: 1.25rem 0;
    background: url(../img/Group6.png) 100% 100% no-repeat;
}

footer&gt;.info&gt;.logo {
    width: 8.75rem;
    height: 8.75rem;
    margin-bottom: 1.875rem;
}

footer&gt;.info&gt;.btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.25rem;
}

footer&gt;.info&gt;.btns &gt; img{
    width: 16.4375rem;
    height: 6.25rem;
    cursor: pointer;
}

footer&gt;.info&gt;p {
    font-size: 3rem;
    color: #fff;
    text-align: center;
    font-weight: 300;
}

footer&gt;.call {
    color: #999999 !important;
    background-color: #F1F5FA;
    /* position: absolute;
    bottom: 0;
    width: 100%; */
    padding: 1.25rem 0;
    text-align: center;
}

footer&gt;.info&gt;.call&gt;a {
    outline: none;
}

footer&gt;.info&gt;.call&gt;a:hover {
    text-decoration: underline;
}</pre></body></html>