* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: var(--qzkd);
    color: var(--zywz);
    overflow-x: hidden;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
    text-decoration: none;
    color: inherit;
    transition: var(--jcgd);
}
a:hover {
    color: var(--fzys);
}
ul, ol {
    list-style: none;
}
button, input, textarea {
    outline: none;
    border: none;
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--ztys);
    line-height: 1;
}
p {
    margin: 0;
}
body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
body::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(144, 144, 144, 0.27);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
@font-face {
  font-family: 'iconfont';  /* Project id 4359648 */
  src: url('//at.alicdn.com/t/c/font_4359648_cewej668kk.woff2?t=1770445925915') format('woff2'),
       url('//at.alicdn.com/t/c/font_4359648_cewej668kk.woff?t=1770445925915') format('woff'),
       url('//at.alicdn.com/t/c/font_4359648_cewej668kk.ttf?t=1770445925915') format('truetype');
}
.icon {
    font-family: 'iconfont';
}
@font-face {
    font-family: 'ywxsj';
    src: url('/template/pc/skin/font/ywxsj.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'sinclair';
    src: url('/template/pc/skin/font/FS Sinclair Bold.otf') format('opentype'),
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rajdhani-Regular';
    src: url('/template/pc/skin/font/Rajdhani-Regular.otf') format('opentype'),
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rajdhani-bold';
    src: url('/template/pc/skin/font/rajdhani-bold.otf') format('opentype'),
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Rajdhani-SemiBold';
    src: url('/template/pc/skin/font/Rajdhani-SemiBold.ttf') format('opentype'),
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'txmh';
    src: url('/template/pc/skin/font/txmh.ttf') format('opentype'),
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gilroy-bold';
    src: url('/template/pc/skin/font/gilroy-bold.otf') format('opentype'),
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* 网站头部开始 */
.head {
    width: 100%;
    height: var(--tbhg);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition: var(--gdjh);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}
.head.hover {
    height: 90px;
    background: var(--kpbg);
    box-shadow: var(--yymd);
}
.head_a {
    width: 100%;
    height: 100%;
    padding: 0 50px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.head_aa {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.head_aaa {
    height: 70px;
    display: none;
    object-fit: contain;
    transition: var(--gdjh);
}
.head_aab {
    height: 70px;
    object-fit: contain;
    display: block;
    transition: var(--gdjh);
}
.head.hover .head_aaa {
    height: 65px;
    display: block;
}
.head.hover .head_aab {
    display: none;
}
.head_ab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.head_aba {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 35px;
}
.head_abaa {
    height: 100%;
    position: relative;
}
.head_abaaa {
    height: 100%;
    font-size: 17px;
    color: var(--bssh);
    transition: var(--gdjh);
    display: flex;
    align-items: center;
    justify-content: center;
}
.head_abaa.active .head_abaaa, .head_abaaa:hover {
    color: var(--ygjs);
}
.head.hover .head_abaaa {
    font-size: var(--ztcy);
    color: var(--zwbt);
}
.head.hover .head_abaa.active .head_abaaa, .head.hover .head_abaaa:hover {
    color: var(--ygjs);
}
.head_abaab {
    width: 130px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--kpbg);
    box-shadow: var(--yysm);
    border-radius: var(--xry);
    padding: 12px 0;
    display: none;
    z-index: 9999;
    animation: fadeIn_a 0.3s ease;
    border: 1px solid var(--qkbk);
}
.head_abaa:hover .head_abaab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.head_abaaba {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.head_abaabaa {
    width: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    transition: var(--gdjh);
}
.head_abaabaa:hover {
    background-color: var(--bsqt);
    color: var(--ygjs);
}
.head_abb {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}
.head_abba {
    height: 100%;
    margin: 0 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    color: var(--bssh);
    transition: var(--gdjh);
}
.head.hover .head_abba {
    color: var(--zwbt);
}
.head_abba.xt::before {
    content: "\e63a";
}
.head_abbb {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.head_abbba {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    cursor: pointer;
}
.head_abbbaa {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
    color: var(--bssh);
    transition: var(--gdjh);
}
.head.hover .head_abbbaa {
    color: var(--zwbt);
}
.head_abbba:hover .head_abbbaa {
    color: var(--ygjs);
}
.head_abbbaa.yy::before {
    content: "\eac6";
}
.head_abbbaa.hy::before {
    content: "\eb4d";
}
.head_abbbaa.ss::before {
    content: "\eac5";
}
.head_abbbaa.jt::before {
    content: "\eac7";
    font-size: 10px;
    opacity: 0.9;
    margin: 0;
}
.head_abbba:hover .head_abbbaa.jt {
    transform: rotate(180deg);
    transition: var(--gdjh);
}
.head_abbbb {
    width: 130px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--kpbg);
    box-shadow: var(--yysm);
    border-radius: var(--xry);
    padding: 12px 0;
    display: none;
    z-index: 9999;
    animation: fadeIn_a 0.3s ease;
    border: 1px solid var(--qkbk);
}
@keyframes fadeIn_a {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
.head_abbb.yy .head_abbbb {
    width: 150px;
}
.head_abbb:hover .head_abbbb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.head_abbbba {
    width: 100%;
    gap: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--gdjh);
}
.head_abbb.yy .head_abbbba {
    justify-content: flex-start;
    padding: 12px;
}
.head_abbbba:hover {
    background-color: var(--bsqt);
    color: var(--ygjs);
}
.head_abbbbaa {
    width: 20px;
    height: 20px;
    object-fit: cover;
    display: block;
}
.head_sstc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}
.head_sstc_a {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    backdrop-filter: blur(5px);
}
.head_sstc_b {
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 1;
    color: var(--bssh);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: var(--gdjh);
    position: absolute;
    z-index: 99999;
    top: 50px;
    right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.head_sstc_b:hover {
    color: var(--bbt);
    background: var(--ygjs);
    transform: rotate(90deg);
}
.head_sstc_ba {
    font-size: 14px;
    line-height: 1;
}
.head_sstc_ba:before {
    content: "\eac4";
}
.head_sstc_c {
    width: 880px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.head_sstc_ca {
    width: 100%;
    height: 60px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.head_sstc_caa {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 2px solid var(--qswt);
    height: 100%;
    font-size: var(--ztzw);
    line-height: 1;
    color: var(--kpbg);
    transition: var(--gdjh);
}
.head_sstc_caa:focus {
    border-bottom-color: var(--ygjs);
    padding-left: 5px;
}
.head_sstc_caa::placeholder {
    color: var(--qsyz);
    font-size: var(--ztcy);
    line-height: 1;
    font-weight: 300;
}
.head_sstc_cab {
    height: 60px;
    border: none;
    background: transparent;
    outline: none;
    color: var(--kpbg);
    font-size: 22px;
    line-height: 1;
    transition: var(--gdjh);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
}
.head_sstc_cab:hover {
    color: var(--ygjs);
    transform: scale(1.1);
}
.head_sstc_cab::before {
    content: "\eac5";
}
/* 网站头部结束 */
/* 网站底部开始 */
.foot {
    width: 100%;
    background: var(--ftbg);
    color: var(--qswt);
    border-color: var(--sbk);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.foot_a {
    width: var(--rkkd);
    padding: 80px 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 80px;
}
.foot_aa {
    width: 350px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
.foot_aaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.foot_aaaa {
    height: 30px;
    display: block;
}
.foot_aaab {
    font-size: 20px;
    line-height: 1;
    color: var(--bssh);
    font-weight: 550;
}
.foot_aab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.foot_aaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    transition: var(--gdjh);
    gap: 5px;
}
.foot_aabaa {
    color: var(--ygjs);
    width: 16px;
    line-height: 1;
    margin-bottom: -2px;
}
.foot_aabaa.dz:before {
    content: "\e8c4";
}
.foot_aabaa.yb:before {
    content: "\e8a4";
}
.foot_aabaa.dh:before {
    content: "\ea39";
}
.foot_aabaa.kf:before {
    content: "\e917";
}
.foot_aabaa.yx:before {
    content: "\e652";
}
.foot_aabab {
    transition: var(--gdjh);
}
.foot_aabab:hover {
    padding-left: 3px;
}
.foot_ab {
    flex: 1;
    height: 190px;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}
.foot_aba {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.foot_abaa {
    font-size: 18px;
    line-height: 1;
    color: var(--ygjs);
    position: relative;
    padding-bottom: 22px;
    transition: var(--gdjh);
}
.foot_abaa:after {
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 25px;
    background: linear-gradient(90deg, var(--ygjs), transparent);
    transition: var(--gdjh);
    display: block;
    position: absolute;
    bottom: 0;
}
.foot_aba:hover .foot_abaa:after { 
    width: 36px;
    opacity: 1;
}
.foot_abab {
    height: 134px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}
.foot_ababa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 18px;
}
.foot_ababaa {
    font-size: 14px;
    line-height: 1;
    transition: var(--gdjh);
}
.foot_ababaa:hover {
    padding-left: 3px;
}
.foot_ababb {
    height: 4px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    transition: var(--gdjh);
    gap: 3px;
    opacity: .5;
    margin-bottom: -2px;
}
.foot_aba:hover .foot_ababb { 
    gap: 5px;
    opacity: 1;
}
.foot_ababba {
    font-size: 3px;
    line-height: 1;
}
.foot_ababba::before {
    content: '\e621';
}
.foot_b {
    width: var(--rkkd);
    height: 60px;
    font-size: 13px;
    line-height: 1;
    color: var(--qswt);
    border-top: 1px solid var(--sbk);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.foot_ba {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.foot_baa {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.foot_baa a {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.foot_baa a:hover {
    color: var(--ygjs);
}
.foot_bab:hover {
    color: var(--ygjs);
}
.foot_bab_nrtc_a {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: none;
}
.foot_bab_nrtc_b {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 880px;
    height: 70vh;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    display: none;
    overflow: hidden;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.foot_bab_nrtc_ba {
    width: 100%;
    height: 70px;
    background: linear-gradient(135deg, var(--bbt), var(--bsjs));
    padding: 0 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.foot_bab_nrtc_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 550;
    color: #fff;
}
.foot_bab_nrtc_bab {
    width: 30px;
    height: 30px;
    color: var(--bssh);
    font-size: 10px;
    line-height: 1;
    transition: var(--gdjh);
    border-radius: 50%;
    background: rgb(255 255 255 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.foot_bab_nrtc_bab::before {
    content: "\eac4";
}
.foot_bab_nrtc_bab:hover {
    transform: rotate(90deg);
}
.foot_bab_nrtc_bb {
    padding: 20px;
    height: calc(100% - 70px);
    overflow-y: auto;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: #333;
    background: #fff;
    gap: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.foot_bab_nrtc_bb p {
    width: 100%;
    margin: -3px 0;
}
/* 网站底部结束 */