/**
 * @author: Jicc(103698177)
 * @date: 2026-06-11
 * @phone: 13790890981
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquoteth, td { margin: 0px; padding: 0px; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal;}
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
object, input, textarea { outline: none; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
em{font-style: normal;}
i { font-style: normal; }
strong { font-weight: bold; }
ol, ul { list-style: none; }
capation, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* 以下样式根据不同的网站可能需要改写 */
body {width:auto;line-height:normal;padding:0;color:#000;font-size:12px;font-family: Tahoma;background: #FAF8F5; /*overflow:hidden;height:100%;*/ }
textarea { font-family: Courier New,sans-serif; font-size: 13px; }
i { font-style: normal; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline;}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('/static/fonts/Poppins-Regular.otf');
}
@font-face {
    font-family: 'Manrope-ExtraLight';
    src: url('/static/fonts/Manrope-ExtraLight.otf');
}
@font-face {
    font-family: 'Manrope-SemiBold';
    src: url('/static/fonts/Manrope-SemiBold.otf');
}
@font-face {
    font-family: 'Manrope-Medium';
    src: url('/static/fonts/Manrope-Medium.otf');
}

/*flex布局*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-justify-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

html{font-size:calc(100vw*100/1920);}

.header-wrapper{
    width: 100%;
    height: 1.6rem;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
.header-container{
    width: 75%;
    min-width: 10rem;
    height: 100%;
}
.logo{
    width: 2.47rem;
    height: 0.84rem;
}
.logo img{
    width: 100%;
    height: 100%;
}
.company-name{
    display: flex;
    width: 26.7%;
    font-size: .24rem;
    font-family: 'Manrope-SemiBold', Arial;
    color: #E65965;
    line-height: .32rem;
    margin-left: .24rem;
}
.nav-box{
    margin-left: auto;
    position: relative;
    padding: 0.04rem 0;
}
.nav-list{
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 1rem;
}
.nav-list li{

}
.nav-list li a{
    font-size: .18rem;
    font-family: 'Poppins-Regular', Arial;
    color: #000;
}
.nav-list li a:hover{
    text-decoration: none;
}
.nav-line{
    width: .24rem;
    height: .03rem;
    background-color: #000;
    border-radius: .04rem;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: left 0.3s ease;
}
.nav-m-btn, .nav-m-box, .nav-m-mask{
    display: none;
}

.footer-wrapper{
    width: 100%;
    min-width: 10rem;
    height: auto;
    background-color: #000;
}
.footer-container{
    width: 75%;
    min-width: 10rem;
    padding: 0.6rem 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.footer-main{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 1.8rem;
}
.footer-logo-box{
    display: flex;
    flex-direction: column;
    width: 2.51rem;
}
.footer-logo{
    width: 1.77rem;
    height: .6rem;
}
.footer-logo img{
    width: 100%;
    height: auto;
}
.footer-intro{
    font-size: .14rem;
    font-family: 'Manrope-Medium', Arial;
    height: 22px;
    color: rgba(255, 255, 255, 0.52);
    margin-top: 24px;
}
.footer-nav-box{
    display: flex;
    margin-left: auto;
    grid-gap: 1.8rem;
}
.footer-nav-item{
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    max-width: 338px;
}
.footer-nav-item dt{
    font-size: .18rem;
    font-family: 'Manrope-SemiBold', Arial;
    color: #fff;
}
.footer-nav-item dd, .footer-nav-item dd a{
    font-size: .14rem;
    font-family: 'Manrope-Medium', Arial;
    color: #fff;
}
.footer-code-box{
    display: flex;
    flex-direction: column;
    width: 1.28rem;
}
.footer-code{
    display: flex;
    width: 1.28rem;
    height: 1.28rem;
}
.footer-code img{
    width: 100%;
    height: auto;
}
.footer-code-txt{
    font-size: .14rem;
    font-family: 'Manrope-Medium', Arial;
    height: .22rem;
    color: #fff;
    margin-top: .12rem;
    text-align: center;
}
.footer-copy{
    display: flex;
    flex-direction: column;
    padding-top: .6rem;
}
.footer-copy p{
    font-size: .14rem;
    font-family: 'Manrope-Medium', Arial;
    color: rgba(255, 255, 255, 0.52);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: .08rem;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .nav-list li a{
        font-size: .32rem;
    }
}

@media screen and (max-width: 767px) {
    html{font-size:calc(100vw*100/375);}

    .header-wrapper{
        height: .56rem;
    }
    .header-m-active{
        background-color: #FAF8F5;
        z-index: 100;
    }
    .header-container{
        min-width: 100%;
        padding: 0 .18rem 0 .16rem;
    }
    .logo{
        width: .94rem;
        height: 0.32rem;
    }
    .nav-box{
        display: none;
    }
    .company-name{
        display: flex;
        width: 46.9%;
        font-size: .1rem;
        line-height: .16rem;
        margin-left: .16rem;
    }
    .nav-m-btn{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-gap: .05rem;
        margin-left: auto;
    }
    .nav-m-btn span{
        display: flex;
        width: .24rem;
        height: .02rem;
        background-color: #000;
        border-radius: .02rem;
        transition: all 0.3s ease;
    }
    .nav-m-btn.active span:nth-child(1){
        transform: rotate(45deg) translateY(.05rem) translateX(.05rem);
    }
    .nav-m-btn.active span:nth-child(2){
        opacity: 0;
    }
    .nav-m-btn.active span:nth-child(3){
        transform: rotate(-45deg) translateY(-.05rem) translateX(.04rem);
    }
    .nav-m-box{
        width: 100%;
        position: absolute;
        top: .56rem;
        left: 0;
        background-color: #FAF8F5;
        box-shadow: 0px 4px 16px 0px #00000040;
        z-index: 99;
        display: block;
        transform: translateY(-100%);
        opacity: 0;
        transition: all 0.3s ease;
    }
    .nav-m-box.active{
        transform: translateY(0);
        opacity: 1;
    }
    .nav-m-mask{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 98;
        display: block;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }
    .nav-m-mask.active{
        opacity: 1;
        pointer-events: auto;
    }
    .nav-m-list{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 .16rem;
    }
    .nav-m-list li{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: .54rem;
        border-bottom: .01rem solid #DEDAD5;
    }
    .nav-m-list li:last-child{
        border-bottom: none;
    }
    .nav-m-list li a{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: .12rem;
        font-family: 'Manrope-Medium', Arial;
        color: #000;
    }

    .footer-wrapper{
        width: 100%;
        min-width: 100%;
    }
    .footer-container{
        width: 100%;
        min-width: 100%;
        padding: 0.16rem 0;
    }
    .footer-main{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        grid-gap: 0;
        padding: .16rem;
        position: relative;
    }
    .footer-logo-box{
        display: flex;
        flex-direction: column;
        width: 1.68rem;
    }
    .footer-logo{
        width: 1.18rem;
        height: .4rem;
    }
    .footer-intro{
        font-size: .12rem;
        margin-top: .16rem;
        height: auto;
        line-height: .22rem;
    }
    .footer-nav-box{
        display: flex;
        width: 100%;
        grid-gap: .56rem;
        margin-top: .58rem;
    }
    .footer-nav-item{
        display: flex;
        flex-direction: column;
        grid-gap: .16rem;
        max-width: auto;
    }
    .footer-nav-item dt{
        font-size: .16rem;
    }
    .footer-nav-item dd{
        line-height: .22rem;
    }
    .footer-nav-item dd, .footer-nav-item dd a{
        font-size: .12rem;
    }
    .footer-code-box{
        display: flex;
        flex-direction: column;
        width: .96rem;
        position: absolute;
        top: .16rem;
        right: .16rem;
    }
    .footer-code{
        display: flex;
        width: .96rem;
        height: .96rem;
    }
    .footer-code img{
        width: 100%;
        height: auto;
    }
    .footer-code-txt{
        font-size: .12rem;
        font-family: 'Manrope-Medium', Arial;
        height: .22rem;
        color: #fff;
        margin-top: .12rem;
        text-align: center;
    }
    .footer-copy{
        display: flex;
        flex-direction: column;
        padding-top: .16rem;
    }
    .footer-copy p{
        font-size: .12rem;
        margin-top: .16rem;
    }
}