@charset "UTF-8";
:root {
    --vi: #003297;
    --headerHeight: 1rem;
}

* {
    outline: 0 none !important;
}

html {
    font-size: 100px;
}

html.act {
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

@font-face {
    /* font-family: 'ab';
    src: url("../fonts/JINGDONGLangZhengTi2-Semibold.ttf"); */
}

body {
    position: relative;
    -webkit-tap-highlight-color: transparent;
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    color: #000;
    font-family: PingFang SC, Arial, Microsoft YaHei, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 0.14rem;
    line-height: 1;
    background: #fff;
}

html.act {
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

a {
    display: inline-block;
    text-decoration: none !important;
    cursor: pointer;
    color: #000;
}

textarea,
select {
    outline: none;
    color: #666;
    font-size: 0.14rem;
    width: 100%;
}

textarea {
    resize: none;
    padding: 0;
    border: 0;
    font-family: "gil";
}

img {
    border: none;
    max-width: 100%;
    display: block;
}

img[src=""] {
    opacity: 0;
}

i {
    font-style: normal;
}

/* 滚动条样式 */

*::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

*::-webkit-scrollbar-thumb {
    background: #FDBE12;
}

*::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.4);
}

/*去掉 input 默认边框*/

input {
    padding: 0;
    border: 0;
    font-family: "gil";
    outline: none;
}

input[type="submit"] {
    background-color: transparent;
    cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {
    display: none;
}

.f_12 {
    font-size: 12px;
}

.f_14 {
    font-size: 14px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_44 {
    font-size: 44px;
}

.f_46 {
    font-size: 46px;
}

.f_48 {
    font-size: 46px;
}

.f_50 {
    font-size: 50px;
}

.f_52 {
    font-size: 52px;
}

.f_54 {
    font-size: 54px;
}

.f_56 {
    font-size: 56px;
}

.f_58 {
    font-size: 58px;
}

.f_60 {
    font-size: 60px;
}

.f_62 {
    font-size: 62px;
}

.f_64 {
    font-size: 64px;
}

.f_66 {
    font-size: 64px;
}

.f_68 {
    font-size: 68px;
}

.f_72 {
    font-size: 72px;
}

.f_74 {
    font-size: 74px;
}

.f_80 {
    font-size: 80px;
}

.f_88 {
    font-size: 88px;
}

.f_90 {
    font-size: 90px;
}

.f_105 {
    font-size: 105px;
}

.f_133 {
    font-size: 133px;
}






@media (max-width: 1760px) {
    .f_133 {
        font-size: 110px;
    }
}

@media (max-width: 1680px) {
    .f_16 {
        font-size: 15px;
    }
    .f_18 {
        font-size: 15px;
    }
    .f_20 {
        font-size: 17px;
    }
    .f_22 {
        font-size: 20px;
    }
    .f_24 {
        font-size: 22px;
    }
    .f_26 {
        font-size: 24px;
    }
    .f_28 {
        font-size: 26px;
    }
    .f_30 {
        font-size: 28px;
    }
    .f_32 {
        font-size: 28px;
    }
    .f_34 {
        font-size: 32px;
    }
    .f_36 {
        font-size: 34px;
    }
    .f_38 {
        font-size: 36px;
    }
    .f_40 {
        font-size: 34px;
    }
    .f_42,
    .f_44 {
        font-size: 36px;
    }
    .f_46 {
        font-size: 36px;
    }
    .f_48 {
        font-size: 36px;
    }
    .f_50 {
        font-size: 40px;
    }
    .f_52 {
        font-size: 40px;
    }
    .f_54 {
        font-size: 46px;
    }
    .f_56 {
        font-size: 48px;
    }
    .f_58 {
        font-size: 48px;
    }
    .f_60,
    .f_62,
    .f_64,
    .f_66,
    .f_68,
    .f_72,
    .f_74,
    .f_80 {
        font-size: 52px;
    }
    .f_88 {
        font-size: 56px;
    }
    .f_90 {
        font-size: 58px;
    }
    .f_105 {
        font-size: 58px;
    }
    .f_133 {
        font-size: 72px;
    }
}

@media (max-width: 1560px) {
    .f_14 {
        font-size: 13px;
    }
    .f_58,
    .f_60,
    .f_62,
    .f_64,
    .f_66,
    .f_68,
    .f_72,
    .f_74,
    .f_80 {
        font-size: 48px;
    }
}

@media (max-width: 1440px) {
    .f_16 {
        font-size: 15px;
    }
    .f_18 {
        font-size: 14px;
    }
    .f_20 {
        font-size: 16px;
    }
    .f_22 {
        font-size: 18px;
    }
    .f_24 {
        font-size: 18px;
    }
    .f_26 {
        font-size: 22px;
    }
    .f_28 {
        font-size: 22px;
    }
    .f_30 {
        font-size: 24px;
    }
    .f_32 {
        font-size: 24px;
    }
    .f_34 {
        font-size: 26px;
    }
    .f_36 {
        font-size: 28px;
    }
    .f_38 {
        font-size: 28px;
    }
    .f_40 {
        font-size: 30px;
    }
    .f_42,
    .f_44 {
        font-size: 32px;
    }
    .f_46 {
        font-size: 32px;
    }
    .f_48 {
        font-size: 34px;
    }
    .f_50 {
        font-size: 36px;
    }
    .f_52 {
        font-size: 34px;
    }
    .f_54 {
        font-size: 38px;
    }
    .f_56 {
        font-size: 40px;
    }
    .f_58 {
        font-size: 40px;
    }
    .f_60,
    .f_62,
    .f_64,
    .f_66,
    .f_68,
    .f_72,
    .f_74,
    .f_80 {
        font-size: 44px;
    }
    .f_88 {
        font-size: 46px;
    }
    .f_90 {
        font-size: 48px;
    }
    .f_105 {
        font-size: 48px;
    }
    .f_133 {
        font-size: 60px;
    }
    .counter-num {
        line-height: 28px;
    }
}

@media (max-width: 1280px) {
    .f_14 {
        font-size: 12px;
    }
    .f_16 {
        font-size: 13px;
    }
    .f_18 {
        font-size: 14px;
    }
    .f_20 {
        font-size: 15px;
    }
    .f_22 {
        font-size: 16px;
    }
    .f_24 {
        font-size: 16px;
    }
    .f_26 {
        font-size: 20px;
    }
    .f_28 {
        font-size: 20px;
    }
    .f_30 {
        font-size: 20px;
    }
    .f_32 {
        font-size: 22px;
    }
    .f_34 {
        font-size: 23px;
    }
    .f_36 {
        font-size: 25px;
    }
    .f_38 {
        font-size: 26px;
    }
    .f_40 {
        font-size: 30px;
    }
    .f_42,
    .f_44 {
        font-size: 32px;
    }
    .f_46 {
        font-size: 30px;
    }
    .f_48,
    .f_50 {
        font-size: 34px;
    }
    .f_52 {
        font-size: 32px;
    }
    .f_54,
    .f_56,
    .f_58,
    .f_60,
    .f_62,
    .f_64,
    .f_66,
    .f_68,
    .f_72,
    .f_74,
    .f_80 {
        font-size: 40px;
    }
    .f_88 {
        font-size: 42px;
    }
    .f_90 {
        font-size: 44px;
    }
    .f_105 {
        font-size: 44px;
    }
    .f_133 {
        font-size: 56px;
    }
    .counter-num {
        line-height: 28px;
    }
}

@media (max-width: 1024px) {
    body{font-size: 0.26rem;}

    .f_12{
        font-size: 0.24rem;
    }
    .f_14{
        font-size: 0.26rem;
    }
    .f_16 {
        font-size: 0.28rem;
    }
    .f_18,
    .f_20 {
        font-size: 0.28rem;
    }
    .f_22{
        font-size: 0.3rem;
    }
    .f_24,
    .f_26,
    .f_27 {
        font-size: 0.32rem;
    }
    .f_28 {
        font-size: 0.34rem;
    }
    .f_30,
    .f_32,
    .f_34 {
        font-size: 0.36rem;
    }
    .f_36,
    .f_38,
    .f_40,
    .f_42,
    .f_44,
    .f_46 {
        font-size: 0.4rem;
    }
    .f_48,
    .f_50,
    .f_52,
    .f_54,
    .f_56,
    .f_58,
    .f_60,
    .f_62,
    .f_64,
    .f_68,
    .f_72,
    .f_74,
    .f_80 {
        font-size: 0.42rem;
    }
    .f_88 {
        font-size: 0.5rem;
    }
    .f_90 {
        font-size: 0.5rem;
    }
    .f_105 {
        font-size: .5rem;
    }
    .f_133 {
        font-size: 0.5rem;
    }
}

/* 常用字体颜色 */

.col-fff {
    color: #fff;
}

.col-000 {
    color: #000;
}

.col-333 {
    color: #333;
}

.col-666 {
    color: #666;
}

.col-999 {
    color: #999;
}

.vi-col {
    color: var(--vi);
}

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

@media (min-width: 1901px) {
    html {
        font-size: calc(100vw/19.2);
    }
}

/* @media (max-width: 1600px) {
  html {
    font-size: 66px;
  }
} */

@media screen and (min-width:1025px) {
    .phbox,
    .mh_nav,
    .m_header{display: none !important;}
}

@media screen and (max-width:1024px) {
    html{font-size: min(calc(100vw / 7.5), 100px);}
    .pcbox,
    header{display: none;}

    .m_header{position: fixed;top: 0;left: 0;width: 100%;z-index: 111;display: flex;align-items: center;justify-content: space-between;padding: 0 0.4rem;background: #18181B;}
    .m_header .menu{width: 0.4rem;height: 0.8rem;position: relative;display: flex;align-items: center;}
    .m_header .rf{display: flex;align-items: center;gap: 0.24rem;}
    .m_header .logo{height: 0.8rem;width: auto;position: relative;padding: 0.16rem 0 0.17rem;}
    .m_header .logo img{width: auto;height: 0.47rem;object-fit: contain;}
    .m_header .search{width: 0.4rem;position: relative;height: 0.4rem;border-radius: 50%;background: rgba(255,255,255,0.1);}
    .m_header .language{position: relative;}
    .m_header .language .ltp{height: 0.8rem;font-size: 0.3rem;display: flex;align-items: center;color: #fff;}
    .m_header .language .ltp img{width: 0.22rem;margin-left: 0.06rem;}
    .m_header .language .lbt{position: absolute;top: 100%;left: 50%;width: max-content;transform: translateX(-50%);background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);padding: 4px 8px;text-align: center;display: none;}
    .m_header .language .lbt a{display: block;padding: 0 12px;font-size: 18px;line-height: 40px;border-bottom: 1px solid #EEE;}
    .m_header .language .lbt a:last-child{border-bottom: none;}
    .m_header .language:hover .lbt{display: block;}


    .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
    .mh_nav.show{transform: translateX(0);}

    .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
    .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
    .mh_nav .nav>li .lv1>a{line-height: 60px;font-size: 16px;display: block;width: fit-content;}
    
    .mh_nav .nav>li::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/svg/hx_add.svg) no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
    .mh_nav .nav>li.on:after{transform: rotate(0deg);}
    /* .mh_nav .nav>li:nth-child(5):after,
    .mh_nav .nav>li:nth-child(7):after,
    .mh_nav .nav>li:nth-child(10):after{display: none;} */
    .mh_nav .nav>li:nth-child(4):after{display: none;}
    
    .mh_nav .nav>li:nth-child(4) .lv1>a{width: 100%;}

    .mh_nav .nav>li .nav2{padding: 0 15px 15px;line-height: 24px; display: none;font-size: 14px;}
    .mh_nav .nav>li .nav2 .h{font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
    .mh_nav .nav>li .nav2 a{padding:6px 0;}
    .mh_nav .nav>li .nav3{font-size: 13px;padding-left:16px;}
    .mh_nav .nav>li .nav3 a{font-size: 13px;padding: 0;}

}