@charset "utf-8";

/* CSS Document */
* {
    margin: 0;
    padding: 0;
    list-style-type: none;

}

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

:root {
    --color1D2: #1D2329;
    --colorFFF: #ffffff;
    --colorFF0: #FF0000;
    --colorEA5: #EA5514;
    --color333: #333333;
    --color666: #666666;
    --color999: #999999;
    --color2B2: #2B2B2B;
    --color2D6: #2D65F2;
    --colorEE8: #EE860B;
    --color1D2: #1D2329;
    --colorTra: transparent;

    --bgColor1D2: #1D2329;
    --bgColor2B2: #2B2B2B;
    --bgColor333: #333333;
    --bgColor191: #191919;
    --bgColorFFF: #ffffff;
    --bgColorEA5: #EA5514;
    --bgColorF6F: #F6F6F6;
    --bgColorF9F: #F9F9F9;
    --bgColorF5F: #F5F5F5;
    --bgColorE0E: #E0E0E0;
    --bgColorEEE: #EEEEEE;

    --font12: 12px;
    --font13: 13px;
    --font14: 14px;
    --font15: 15px;
    --font16: 16px;
    --font17: 17px;
    --font18: 18px;
    --font19: 19px;
    --font20: 20px;
    --font21: 21px;
    --font22: 22px;
    --font23: 23px;
    --font24: 24px;
    --font25: 25px;
    --font26: 26px;
    --font27: 27px;
    --font28: 28px;
    --font29: 29px;
    --font30: 30px;
    --font32: 32px;
    --font34: 34px;
    --font36: 36px;
    --font38: 38px;
    --font40: 40px;
    --font46: 46px;
    --font48: 48px;
    --font50: 50px;
    --font60: 60px;

    --width116: 116px;
    --width130: 130px;
    --width140: 140px;
    --width350: 350px;
    --width416: 416px;
    --width1360: 1360px;

    --height18: 18px;
    --height20: 20px;
    --height22: 22px;
    --height24: 24px;
    --height26: 26px;
    --height28: 28px;
    --height30: 30px;
    --height32: 32px;
    --height34: 34px;
    --height36: 36px;
    --height38: 38px;
    --height40: 40px;
    --height42: 42px;
    --height44: 44px;
    --height45: 45px;
    --height46: 46px;
    --height48: 48px;
    --height50: 50px;
    --height60: 60px;
    --height70: 70px;
    --height72: 72px;
    --height80: 80px;
    --height90: 90px;

    --bold400: 400;
    --bold500: 500;
    --bold700: 700;

    --borderRadius4: 4px;
    --borderRadius6: 6px;
    --borderRadius8: 8px;
    --borderRadius16: 16px;

}

@media only screen and (max-width: 1200px) {

    /* 禁用iPhone中Safari的字号自动调整 */
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -webkit-overflow-scrolling: auto;
    }
}

/* 全站变灰 */
/* html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
} */

body {
    font-size: var(--font18);
    font-family: "Microsoft YaHei", "微软雅黑", 'PingFangSC-Regular', sans-serif, Arial, "宋体";
    color: var(--color1D2);
    /* overflow-x: hidden; */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0 none;
}

img {
    vertical-align: top;
    width: auto;
}

img[src=""],
img:not([src]) {
    opacity: 0;
    border: none;
    visibility: hidden;
    max-width: none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal;
}

del,
ins {
    text-decoration: none;
}

ol,
ul,
li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

a {
    text-decoration: none;
}



abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    outline: none;
    border: 0 none;
    background: none;
}

input,
button,
textarea,
select {
    font-size: 100%;
}

textarea {
    resize: none;
}

i,
em {
    font-style: normal;
}

.hidden {
    overflow: hidden
}

/* 文字省略号 */
.lineClamp {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 单行省略号显示*/
    white-space: nowrap;
}

.lineClamp2 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lineClamp3 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 文字省略号 */

/* 浏览器升级 */
.upbrowser {
    width: 100vw;
    height: 100vh;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    font-size: var(--font24);
    text-align: center;
    line-height: var(--height45);
}

/* 浏览器升级 */
/* 图片赖加载 */
.lazy_icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.lazy_icon_circle {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: var(--colorEA5);
    border-left-color: var(--colorEA5);
    border-radius: 50%;
    -webkit-animation: lazy_icon 400ms linear infinite;
    animation: lazy_icon 400ms linear infinite;
}

@-webkit-keyframes lazy_icon {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@keyframes lazy_icon {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

/* 图片赖加载 */
/* tost */
.u-toast {
    position: fixed;
    z-index: 8;
    left: 50%;
    top: 50%;
    line-height: var(--height24);
    max-width: var(--width350);
    display: none
}

.u-toast.top {
    text-align: center
}

.u-toast.top .default,
.u-toast.top .prompt {
    display: inline-block
}

.u-toast .default {
    position: relative;
    font-size: var(--font14);
    color: var(--colorFFF);
    padding: 10px 20px;
    background: rgba(43, 43, 43, .7);
    border-radius: var(--borderRadius6);
    line-height: var(--height24)
}

.u-toast .prompt {
    position: relative;
    font-size: var(--font14);
    color: var(--color666);
    padding: 12px 30px;
    background: var(--bgColorFFF);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.u-toast .prompt .icon {
    margin-right: 10px;
    font-size: var(--font16);
    float: left;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 9;
    zoom: 1
}

/* tost */
.taRight {
    text-align: right;
}

.taLeft {
    text-align: left;
}

.taCenter {
    text-align: center;
}

/* 大于号 */
.exceeds {
    display: block;
    width: 100%;
    height: 100%;
    border-top: 1px solid var(--bgColor333);
    border-left: 1px solid var(--bgColor333);
    transform-origin: center;
    -ms-transform-origin: center;
    /* IE 9 */
    -webkit-transform-origin: center;
    /* Safari and Chrome */
    -moz-transform-origin: center;
    /* Firefox */
    -o-transform-origin: center;
    /* Opera */
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

/* 大于号 */

/* 面包屑 */
.breadBox {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-justify-content: flex-start;
}

.breadBox a,
.breadBox div {
    font-size: var(--font14);
    color: var(--colorFFF);
}

.breadRGB .breadBox a,
.breadRGB .breadBox div {
    color: var(--color666);
}

.breadBox .breadBoxOn {
    color: var(--colorFFF);
}

.breadRGB .breadBox .breadBoxOn {
    color: var(--colorEA5);
}

.breadBox i {
    width: 8px;
    height: 8px;
    margin-left: 6px;
    margin-right: 12px;
    border-top: 1px solid var(--bgColorFFF);
    border-left: 1px solid var(--bgColorFFF);
}

.breadRGB .breadBox i {
    width: 8px;
    height: 8px;
    margin-left: 6px;
    margin-right: 12px;
    border-top: 1px solid var(--bgColor333);
    border-left: 1px solid var(--bgColor333);
}


/* 面包屑 */
.display1600,
.display1440,
.display1360,
.display1200,
.display960,
.display750 {
    display: none;
}

.mDisplay {
    display: none !important;
}

/* 按钮交互 */
.btnHover {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: var(--borderRadius6);
    box-shadow: 0px 14px 30px rgba(234, 85, 20, .2);
    background: #2f71b3;
    cursor: pointer;
    font-size: var(--font14);
    color: var(--colorFFF);
    transition: background .3s, box-shadow .3s;
    -moz-transition: background .3s, box-shadow .3s;
    -webkit-transition: background .3s, box-shadow .3s;
    -o-transition: background .3s, box-shadow .3s;
}

.btnHoverTransparent {
    background: none;
    border: 1px solid #ffffff;
    box-shadow: 0px 14px 30px rgba(43, 43, 43, .2);
    color: var(--colorFFF);
}

.btnHoverBorder2B2 {
    background: none;
    border: 1px solid #2B2B2B;
    box-shadow: 0px 14px 30px rgba(43, 43, 43, .2);
    color: var(--color2B2);
}

.btnHoverOpacity {
    background: rgba(255, 255, 255, .5);
    border: 1px solid #2B2B2B;
    box-shadow: 0px 14px 30px rgba(43, 43, 43, .2);
    color: var(--color333);
}

.btnHover2B2 {
    background: var(--bgColor2B2);
    box-shadow: 0px 14px 30px rgba(43, 43, 43, .2);
}



/* 按钮交互 */
/* 关闭按钮交互 */
.close {
    width: 30px;
    height: 30px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

.close i {
    display: block;
    width: 50%;
    height: 50%;
    position: relative;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    cursor: pointer;
}

.close i::before,
.close i::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: var(--bgColorFFF);
    position: absolute;
    top: 50%;
    left: 50%;

}

.close i::before {
    transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
}

.close i::after {
    transform: translate(-50%, -50%) rotate(-45deg);
    ;
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
}



/* 关闭按钮交互 */
/* 箭头 */
.arrow {
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid var(--color2B2);
    border-right: 1px solid var(--color2B2);
    position: relative;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.arrow::before {
    content: ' ';
    display: block;
    width: 13px;
    height: 1px;
    border-top: 1px solid var(--color2B2);
    position: absolute;
    top: 0;
    right: 1px;
    transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    /* IE 9 */
    -webkit-transform-origin: 100% 50%;
    /* Safari and Chrome */
    -moz-transform-origin: 100% 50%;
    /* Firefox */
    -o-transform-origin: 100% 50%;
    /* Opera */
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);

    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;

}

/* 箭头 */
/* 切换按钮交互 */
.next,
.prev {
    width: 58px;
    height: 58px;
    background: var(--bgColorF5F);
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    cursor: pointer;
}

.next::before,
.prev::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid var(--bgColorEA5);
    border-left: 1px solid var(--bgColorEA5);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
}

.next::before {
    transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
}

/* 切换按钮交互 */
/* tigs */
.tigs {
    padding: 2px 8px;
    border-radius: var(--borderRadius4);
    background: rgba(234, 85, 20, 0.1);
    margin-right: 16px;
    font-size: var(--font14);
    color: var(--colorEA5);
}

.tigs2D6 {
    color: var(--color2D6);
    background: rgba(45, 101, 242, 0.1);
}

.tigsEE8 {
    color: var(--colorEE8);
    background: rgba(238, 134, 11, 0.1);
}

/* tigs */
/* nav */
.header {
    position: relative;
    z-index: 6;
}

.hNav {
    height: 90px;
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.topNav {
    width: 100%;
    background: var(--bgColorFFF);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.topNavAbsolute {
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    box-shadow: none;
}

.topNavScrollFixed {
    position: fixed;
    top: 0;
    left: 0;
    background: none;
    box-shadow: none;
}

.topNavScrollFixedBg,
.topNavScrollFixedBgClick {
    background: var(--bgColorFFF);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
}

.topNavCen {
    width: 1460px;
    height: 90px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    margin: 0 auto;
    position: relative;
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;

}

.navLogo {
    display: block;
    height: 45px;
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition-property: opacity, transform, height !important;
}

.navLogo img {
    height: 100%;
}

.topNavCenR {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
}

.topNavFrom {
    width: var(--width130);
    height: var(--height40);
    line-height: var(--height40);
    text-align: center;
    color: var(--colorFFF);
    margin-left: 100px;
}

.pcTopNav.topNavBox {
    transform: translateZ(0);
}

.pcTopNav .topNavBoxScrollY {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    align-items: center;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}

.pcTopNav .topNavBoxLi {
    padding: 0 20px;
    height: var(--height90);
    line-height: var(--height90);
    position: relative;
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.pcTopNav .topNavBoxLiUnset {
    position: unset;
}

.pcTopNav .topNavBoxLiA {
    font-size: var(--font16);
    color: var(--color333);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    position: relative;
}

.pcTopNav .topNavBoxLiA a {
    font-size: var(--font16);
    color: var(--color333);
}

.pcTopNav .topNavBoxLiA::after {
    content: ' ';
    display: block;
    width: 0;
    height: 2px;
    background: var(--bgColorEA5);
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);

}

.pcTopNav .topNavBoxLiA i {
    width: 12px;
    height: 12px;
    /* border-right: 1px solid var(--colorEA5);
    border-bottom: 1px solid var(--colorEA5); */
    /* transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg); */
    /* transform-origin: 80% 25%;
    -ms-transform-origin: 80% 25%;
    -webkit-transform-origin: 80% 25%;
    -moz-transform-origin: 80% 25%;
    -o-transform-origin: 80% 25%; */
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    margin-left: 8.7px;
    user-select: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    position: relative;
}

.pcTopNav .topNavBoxLiA i::before,
.pcTopNav .topNavBoxLiA i::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
    width: 70%;
    height: 1px;
    border-radius: 1px;
    background: var(--bgColorEA5);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}

.pcTopNav .topNavBoxLiA i::before {
    transform: translateX(-83%) rotate(45deg);
    -ms-transform: translateX(-83%) rotate(45deg);
    -moz-transform: translateX(-83%) rotate(45deg);
    -webkit-transform: translateX(-80%) rotate(45deg);
    -o-transform: translateX(-83%) rotate(45deg);
}

.pcTopNav .topNavBoxLiA i::after {
    transform: translateX(-10%) rotate(-45deg);
    -ms-transform: translateX(-10%) rotate(-45deg);
    -moz-transform: translateX(-10%) rotate(-45deg);
    -webkit-transform: translateX(-10%) rotate(-45deg);
    -o-transform: translateX(-10%) rotate(-45deg);
}

.pcTopNav .sub {
    position: absolute;
    top: 90px;
    left: 50%;
    height: 0;
    background: var(--bgColorFFF);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
    border-radius: 0px 0px var(--borderRadius16) var(--borderRadius16);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    opacity: 0;
    overflow: hidden;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.topNavBoxLiUnset .sub {
    transform: none;
    margin-left: -780px;
}

.pcTopNav .topNavAbsolute .sub {
    background: rgba(255, 255, 255, .9);
    border-radius: var(--borderRadius16);
}

.pcTopNav .topNavScrollFixed .sub {
    background: var(--bgColorFFF);
    border-radius: 0px 0px var(--borderRadius16) var(--borderRadius16);
}



.pcTopNav .subBox {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
}

.pcTopNav .subBoxHover {
    padding: 20px 22px;
    width: 270px;
    display: block;
}

.pcTopNav .subBoxHoverWidth {
    width: 340px;
}

.pcTopNav .subBoxR {
    padding: 0px 30px;
    padding-right: 10px;
    width: 344px;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    margin-left: 20px;
}

.pcTopNav .subBoxRImg {
    width: 100%;
    height: 120px;
    border-radius: var(--borderRadius6);
    overflow: hidden;
    position: relative;
}

.pcTopNav .subBoxRImg img {
    width: 100%;
    min-height: 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}



.pcTopNav .subBoxRTitle {
    font-weight: var(--bold700);
    font-size: var(--font16);
    line-height: var(--height28);
    color: var(--color333);
    margin-top: 18px;
}

.pcTopNav .subBoxRList {
    font-weight: var(--bold400);
    font-size: var(--font14);
    line-height: var(--height24);
    color: var(--color666);
}

.pcTopNav .subBoxL {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
    padding: 30px 18px;
}

.pcTopNav .subBoxLLi {
    width: 220px;
    margin: 0 10px;
}

.pcTopNav .subBoxTitle {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    height: 60px;
    padding: 0 18px;
    border-radius: var(--borderRadius6);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.pcTopNav .subBoxTitleFont {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    font-weight: var(--bold700);
    font-size: var(--font16);
    line-height: var(--height30);
    color: var(--color333);
    position: relative;
}

.pcTopNav .subBoxTitleFont i {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 14px;
    position: relative;
}

.pcTopNav .subBoxTitleFont i img {
    width: 100%;
}

.pcTopNav .subBoxTitleBg>i {
    display: none;
}


.pcTopNav .subBoxTitleLi {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    padding-left: 18px;
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--height28);
    margin-top: 16px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.pcTopNav .subBoxTitleLi i {
    width: 37px;
    height: 15px;
    margin-left: 10px;
    display: none;
    position: relative;
}

.pcTopNav .subBoxTitleLiHot i {
    display: block;
}

.pcTopNav .subBoxTitleLi i img {
    width: 100%;
}

.mTopNavBtn {
    position: relative;
    z-index: 1;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: none;
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.mTopNavBtn span {
    display: block;
    width: 50%;
    height: 2px;
    background: var(--bgColor2B2);
    transition: all 0.3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    position: relative;
    user-select: none;
}

.mTopNavBtn span:after,
.mTopNavBtn span:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: ' ';
    width: 100%;
    height: 2px;
    transition: all 0.3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    background-color: var(--bgColor2B2);
}

.mTopNavBtn span:after {
    top: 10px;
}

.mTopNavBtnActive span {
    background: none;
}

.mTopNavBtnActive span::before,
.mTopNavBtnActive span::after {
    top: 0px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.mTopNavBtnActive span::after {
    top: 0px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.mTopNav {
    position: fixed;
    top: var(--height70);
    right: -100%;
    height: calc(100vh - 70px);
    width: 100%;
    overflow: hidden;
    background: var(--bgColorFFF);
    transition-property: all !important;
    transition-duration: .2s !important;
    display: block;
    pointer-events: visible;
}

.mTopNav .topNavBoxScrollY {
    height: 100%;
    overflow-y: scroll;
    padding: 30px 0;
}

.mTopNavActive {
    right: 0;
}

.mTopNav .topNavBoxLi,
.mTopNav .topNavBoxLi a,
.mTopNav .topNavBoxLiA {
    font-size: var(--font18);
    color: var(--color333);
}

.mTopNav .topNavBoxLi {
    width: 80%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #999999;
    margin: 0 auto;

}

.mTopNav .topNavBoxLiA {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-justify-content: flex-start;
    cursor: pointer;
    user-select: none;
}

.mTopNav .topNavBoxLiA i {
    width: 10px;
    height: 10px;
    border-right: 1px solid var(--colorEA5);
    border-bottom: 1px solid var(--colorEA5);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    margin-left: 10px;
    user-select: none;
}

.mTopNav .sub {
    height: 0px;
    overflow: hidden;
}

.mTopNav .subBox {
    padding: 10px 5px;
}

.mTopNav .subBoxL {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
}

.mTopNav .subBoxLLi {
    width: 220px;
    margin: 0 5px;
    margin-bottom: 10px;
}

.mTopNav .subBoxTitle {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    height: 50px;
    padding: 0 18px;
    border-radius: var(--borderRadius6);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.mTopNav .subBoxTitleFont {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    font-weight: var(--bold700);
    font-size: var(--font18);
    line-height: var(--height30);
    color: var(--color333);
    position: relative;
}

.mTopNav .subBoxTitleFont i {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 14px;
    position: relative;
}

.mTopNav .subBoxTitleFont i img {
    width: 100%;
}

.mTopNav .subBoxTitleBg>i {
    display: none;
}

.mTopNav .subBoxTitleBg {
    background: var(--bgColorF5F);
}

.mTopNav .subBoxTitleLi {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    padding-left: 18px;
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--height28);
    margin-top: 16px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.mTopNav .subBoxTitleLi i {
    width: 37px;
    height: 15px;
    margin-left: 10px;
    display: none;
    position: relative;
}

.mTopNav .subBoxTitleLiHot i {
    display: block;
}

.mTopNav .subBoxTitleLi i img {
    width: 100%;
}

.mTopNav .subBoxR {
    width: 440px;
    height: 100%;
}

.mTopNav .subBoxRImg {
    width: 100%;
    height: 120px;
    border-radius: var(--borderRadius6);
    overflow: hidden;
    position: relative;
}

.mTopNav .subBoxRImg img {
    width: 100%;
    min-height: 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.mTopNav .subBoxRTitle {
    font-weight: var(--bold700);
    font-size: var(--font16);
    line-height: var(--height28);
    color: var(--color333);
    margin-top: 18px;
}

.mTopNav .subBoxRList {
    font-weight: var(--bold400);
    font-size: var(--font14);
    line-height: var(--height24);
    color: var(--color666);
}




.mTopNav .topNavBoxLiActive {
    height: auto;
}

.mTopNav .topNavBoxLiActive .topNavBoxLiA i {
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}

.mTopNav .topNavBoxLiActive .sub {
    height: auto;
}

/* nav */

/* 侧边栏 */
.pcAside {
    position: fixed;
    top: 50%;
    right: -54px;
    height: 468px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 5;
    width: 54px;
    transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
}

.pcAside.asideActive {
    right: 0px;
}

.asideTop {
    width: 100%;
    background: var(--bgColorEA5);
    border-radius: 50px 50px var(--borderRadius6) var(--borderRadius6);
}

.asideTopBox {
    width: 100%;
    height: 105px;
    display: flex;
    display: -webkit-flex;
    align-content: center;
    justify-content: center;
    -webkit-align-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
}

.asideTopBoxLi {
    width: 100%;
    height: 102px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    display: -webkit-flex;
    align-content: center;
    justify-content: center;
    -webkit-align-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    border-radius: var(--borderRadius6);
    transition: 'background' .3s;
    -moz-transition: 'background' .3s;
    -webkit-transition: 'background' .3s;
    -o-transition: 'background' .3s;
    position: relative;
}

.asideTopBoxLi a {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-content: center;
    justify-content: center;
    -webkit-align-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
}

.asideTopBoxLiImg {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    position: relative;
}

.asideTopBoxLiImg i {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.asideTopBoxLiImg img {
    width: 100%;
}

.asideTopBoxLiFont {
    width: 100%;
    height: 40px;
    font-weight: var(--bold400);
    font-size: var(--font16);
    line-height: var(--height24);
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.asideTopBox .asideTopBoxLi:nth-child(1) {
    border-radius: 50px 50px var(--borderRadius6) var(--borderRadius6);
}

.asideTopBoxLiShow {
    width: auto;
    padding: 17px;
    position: absolute;
    top: -50%;
    right: 64px;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.asideTopBoxLi:hover {
    background: var(--bgColor2B2);
}

.asideTopBoxLi:hover .asideTopBoxLiShow {
    right: 54px;
    opacity: 1;
    pointer-events: all;
}

.asideTopBoxLiShowBox {
    position: relative;
    padding: 20px;
    background: var(--bgColorFFF);
    box-shadow: 0px 0px 12px rgba(147, 147, 147, 0.25);
    border-radius: var(--borderRadius6);
}

.asideTopBoxLiShowBox::before {
    content: ' ';
    width: 12px;
    height: 12px;
    background: var(--bgColorFFF);
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
}

.asideTopBoxLiShowBoxLiTitle {
    font-weight: var(--bold400);
    font-size: var(--font16);
    line-height: var(--height20);
    text-transform: uppercase;
    color: var(--color333);
    margin-bottom: 10px;
}

.asideTopBoxLiShowBoxLi {
    padding: 5px 0;
}

.asideTopBoxLiShowBoxLiTell {
    font-weight: var(--bold700);
    font-size: var(--font16);
    line-height: var(--height20);
    color: var(--colorEA5);
    white-space: nowrap;
}

.asideTopBoxLiShowBoxLine {
    margin: 10px 0;
    height: 1px;
    width: 100%;
    background: var(--bgColorE0E);

}

.asideTopBoxLiShowBoxLiBtn {
    width: 96px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: var(--font14);
}

.asideTopBoxLiShowBoxWx {
    width: 107px;
    height: 107px;
    overflow: hidden;
}

.asideTopBoxLiShowBoxWx img {
    display: block;
    width: 100%;
}

.backTop {
    width: 100%;
    height: 54px;
    background: var(--bgColor2B2);
    border-radius: var(--borderRadius6) var(--borderRadius6) 50px 50px;
    margin-top: 6px;
    display: none;
    cursor: pointer;
}

.backTop i {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

.backTop i img {
    width: 30px;
}

.mAside .asideTop {
    display: none;
}

.pcAside .mAsideTop {
    display: none;
}

.mAside {
    position: relative;
    z-index: 5;
}

.mAside.asideActive .mAsideTop,
.mAside.asideActive .backTop {
    right: 16px;
}

.mAside .backTop {
    margin-top: 0;
    width: 54px;
    position: fixed;
    bottom: calc(30% - 60px);
    right: -54px;
    transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
}

.mAsideTop {
    position: fixed;
    bottom: 30%;
    right: -54px;
    transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
}

.mAsideTopIcn {
    width: 54px;
    height: 54px;
    background: var(--bgColorEA5);
    border-radius: 50px 50px var(--borderRadius6) var(--borderRadius6);

    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    cursor: pointer;
    user-select: none;
}

.mAsideTopIcn i {
    width: 30px;
    height: 30px;
}

.mAsideTopIcn i img {
    width: 100%;
}

.advisoryMask {
    width: 100vw;
    height: 100vh;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #000;
    display: none;
    opacity: .3;
    z-index: 1;
}

.mAsideTopBox {
    display: none;
    width: 250px;
    padding: 10px 15px;
    background: var(--bgColorFFF);
    border-radius: var(--borderRadius6);
    position: fixed;
    bottom: calc(30% - -64px);
    right: 54px;
    z-index: 2;
    padding-bottom: 0;
}

.mAsideTopBoxLi {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
}

.mAsideTopBoxLiImg {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-justify-content: flex-start;
    font-size: var(--font16);
    color: var(--color666);
}

.mAsideTopBoxLiImg i {
    width: 30px;
    height: 30px;
    background: var(--bgColorEA5);
    border-radius: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    margin-right: 5px;

}

.mAsideTopBoxLiImg i img {
    width: 65%;
}

.mAsideTopBoxLiFont {
    margin-left: 5px;
}

.mAsideTopBoxLiFont a {
    font-size: var(--font16);
    color: var(--color333);
}

.mAsideTopBoxLiFontL33 {
    margin-left: 33px;
}

/* 侧边栏 */
/* 底部 */
.footer {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
    background: var(--bgColor191);
    overflow: hidden;
}

.footerCen {
    width: 1460px;
    margin: 0 auto;
}

.footerCenTop {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
}

.footerCenTopL {
    width: 293px;
}

.footerCenTopLLogo {
    width: 100%;
    margin-bottom: 69px;
    position: relative;
}

.footerCenTopLLogo img {
    width: 100%;
}

.footerCenTopLTell {
    margin-bottom: 30px;
}

.footerCenTopLTellTitle {
    font-weight: var(--bold400);
    font-size: var(--font14);
    line-height: var(--height18);
    color: var(--colorFFF);
}

.footerCenTopLTellPho {
    font-family: 'Montserrat';
    font-weight: var(--bold700);
    font-size: var(--font24);
    line-height: var(--height30);
    color: var(--colorEA5);
    margin-top: 8px;
}

.footerCenTopR {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
}

.footerCenTopRGzh {
    width: 150px;
    position: relative;
}

.footerCenTopRGzh img {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 8px;
}

.footerCenTopRGzh p {
    font-weight: var(--bold400);
    font-size: var(--font16);
    line-height: var(--height32);
    text-align: center;
    color: var(--colorFFF);
    opacity: 0.8;
}

.footerCenTopRNav {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;
}

.footerCenTopRNavLi {
    margin-right: 60px;
}

.footerCenTopRNavLiTitle,
.footerCenTopRNavLiTitle a {
    font-weight: var(--bold400);
    font-size: var(--font16);
    line-height: var(--height20);
    color: var(--colorFFF);
    margin-bottom: 24px;
}

.footerCenTopRNavLi>a {
    display: table;
    font-weight: var(--bold400);
    font-size: var(--font14);
    line-height: var(--height20);
    color: var(--colorFFF);
    opacity: 0.5;
    margin-bottom: 12px;
    transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
}
.footerCenTopRGlBox{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-justify-content:  space-between;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    width: 410px;
    margin-left: 60px;
}
.footerCenTopRGlListLi{
    width: 180px;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 40px;
}
.footerCenTopRGlListLi a{
    display: block;
}
.footerCenTopRGlListLiImg{
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.footerCenTopRGlListLiImg img{
    width: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.footerCenTopRGlListLiFont{
    font-size: var(--font16);
    color: var(--color2B2);
    line-height: 150%;
    margin-top: 15px;
}
.footerCenTopRGlListLi:hover .footerCenTopRGlListLiImg img{
    transform: scale(1.1);
}
.footerCenTopRGlListLi:hover .footerCenTopRGlListLiFont{
    color: var(--colorEA5);
}
.footerCenLink {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;
    margin-top: 20px;
}

.footerCenLink p {
    font-weight: var(--bold400);
    font-size: var(--font16);
    line-height: var(--height18);
    color: var(--colorFFF);
}

.footerCenLink a {
    font-weight: var(--bold400);
    font-size: var(--font16);
    line-height: var(--height18);
    color: var(--colorFFF);
    opacity: 0.5;
    margin-right: 15px;
    transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
}


.footerCenBottom {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
    margin-top: 36px;
}

.footerCenBottomL {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;
}

.footerCenBottomL p,
.footerCenBottomL a {
    font-weight: var(--bold400);
    font-size: var(--font14);
    line-height: var(--height18);
    color: var(--colorFFF);
    opacity: 0.5;
}

.footerCenBottomL a {
    margin-left: 15px;
}


.footerCenBottomR {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -webkit-align-items: flex-start;
}

.footerCenBottomRTitle {
    cursor: pointer;
    display: block;
    padding: 0 10px;
    border-right: 1px solid rgba(255, 255, 255, .5);
}

.footerCenBottomR .footerCenBottomRTitle:nth-last-child(1) {
    border-right: 0 none;
}

.footerCenBottomRTitle p {
    font-weight: var(--bold400);
    font-size: var(--font14);
    line-height: var(--height18);
    text-align: center;
    color: var(--colorFFF);
    opacity: 0.5;
}


.footerCenBottomRTitleMark {
    width: 100vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: -6;
    background: rgba(0, 0, 0, 0.6);
}

.footerCenBottomRTitleCen {
    border-radius: var(--borderRadius6);
    background: #f8f8f8;
    width: 1000px;
    padding: 40px;
    margin: 0 auto;
    cursor: default;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    opacity: 0;
    z-index: -7;
}

.footerCenBottomRTitleClose {
    width: 30px;
    height: 30px;
    background: var(--bgColorEA5);
    border-radius: 100%;
    position: absolute;
    top: -15px;
    right: -15px;
}

.footerCenBottomRTitleCenBgTitle {
    text-align: center;
    font-size: var(--font24);
    color: var(--color333);
    line-height: var(--height28);
    font-weight: var(--bold700);
}

.footerCenBottomRTitleCenBor {
    border: 1px solid rgba(116, 116, 116, 0.1);
    padding: 20px;
    border-radius: var(--borderRadius6);
    margin-top: 20px;
}

.footerCenBottomRTitleCenBorOne,
.footerCenBottomRTitleCenBorTow {
    font-size: var(--font14);
    color: var(--color333);
    text-align: center;
    line-height: var(--height30);
}

.footerCenBottomRTitleCenBorTow span {
    font-weight: var(--bold700);
    font-size: var(--font20);
}

.footerCenBottomRTitleCenBorTow img {
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}

.footerCenBottomRTitleCenBorTow P {
    font-size: var(--font12);
    color: var(--color666);
    margin-top: 5px;
}

.footerCenBottomRTitleCenBorThr {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
}

.footerCenBottomRTitleCenBorThrLi {
    width: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-justify-content: flex-start;
    font-size: var(--font14);
    color: var(--color333);
    line-height: var(--height30);
    margin: 5px 0;
    position: relative;
}

.footerCenBottomRTitleCenBorThrLi i {
    position: relative;
    display: block;
}

.footerCenBottomRTitleCenBorThrLi img {
    width: 25px;
    display: block;
    margin-right: 10px;
}

.footerCenBottomRTitleCenScroll {
    width: 100%;
    height: 50vh;
    background: var(--bgColorFFF);
}

.footerCenBottomRTitleCenScrollLi {
    width: 100%;
    height: 100%;
    padding: 30px;
    overflow-y: scroll;
    font-size: var(--font14);
    line-height: var(--height28);
    color: var(--color333);

}

.footerCenBottomRTitleCenScrollLi p {
    font-size: var(--font20);
    color: var(--color2B2);
    text-align: center;
    font-weight: var(--bold700);
}

.experience {
    width: 100%;
    height: 300px;
    background: url(../images/footer1.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

.experienceCen {
    width: var(--width1360);
    margin: 0 auto;
}

.experienceCenBtn {
    display: block;
    margin: 0 auto;
    width: 230px;
    height: 50px;
    line-height: 50px;
    margin-top: 40px;
}

/* 底部 */
/* 底部广告 */
.advertised {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%) translateY(calc(100% + 40px));
    -ms-transform: translateX(-50%) translateY(calc(100% + 40px));
    -moz-transform: translateX(-50%) translateY(calc(100% + 40px));
    -webkit-transform: translateX(-50%) translateY(calc(100% + 40px));
    -o-transform: translateX(-50%) translateY(calc(100% + 40px));
    width: 100%;
    height: 60px;
    transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    pointer-events: none;
}

.advertisedActive {
    transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    pointer-events: none;
}

.advertisedShow {
    /* position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    z-index: 5; */
    width: 1100px;
    height: 90px;
    background: var(--colorEA5);
    border-radius: 50px;
    padding: 0 30px;
    margin: 0 auto;
    transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transition: transform .3s;
    pointer-events: auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-align-content: center;
    -webkit-justify-content: space-between;
}

.advertisedShowActive {
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
}

.advertisedShowClose {
    width: 30px;
    height: 30px;
}

.advertisedShowCen {
    width: calc(100% - 50px);
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
}

.advertisedShowCenLSwiper {
    width: 100%;
    height: 90px;
    overflow: hidden;
}

.advertisedShowCenLSwiperBox {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    -webkit-align-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
}

.advertisedShowCenLSwiperSlide {
    width: 690px;
    display: block;
    font-weight: var(--bold400);
    font-size: var(--font18);
    color: var(--colorFFF);
}

.advertisedShowCenR {
    width: 154px;
    height: 50px;
    line-height: 50px;
}

.advertisedShowCenRBtn {
    display: block;
    width: 100%;
    border-radius: var(--borderRadius6);
}

.advertisedHiden {
    pointer-events: auto;
    position: fixed;
    bottom: 0;
    right: 25px;
    z-index: 5;
    background: var(--colorEA5);
    border-radius: 100px 100px 0 0;
    width: 130px;
    height: 65px;
    cursor: pointer;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.advertisedHiden .exceeds {
    border-top: 1px solid var(--bgColorFFF);
    border-left: 1px solid var(--bgColorFFF);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.advertisedHidenActive {
    bottom: -200px;
}

.advertisedHiden p {
    font-weight: var(--bold400);
    font-size: var(--font16);
    line-height: var(--height30);
    text-align: center;
    color: var(--colorFFF);
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
}

.advertisedHiden i {
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -7.5px;
    ;
}

/* 底部广告 */

/* 更多其他产品 */
.morPro {
    width: 100%;
    padding: 110px 0;
}

.morProCen {
    width: 1560px;
    margin: 0 auto;
    position: relative;
}

.zoom_font220 {
    width: 220px;
}

.morProSwiper {
    width: 1360px;
    margin: 0 auto;
    margin-top: 50px;
}

.morProSwiperBox {
    padding: 20px;
}

.morProSwiperBoxLi {
    background: var(--bgColorFFF);
    box-shadow: 0px 2px 19px 10px rgba(22, 44, 112, 0.05);
    border-radius: var(--borderRadius8);
    padding: 40px;
    position: relative;
}

.morProSwiperBoxLiTitle {
    font-weight: var(--bold700);
    font-size: var(--font20);
    line-height: 32px;
    letter-spacing: 1px;
    color: var(--color333);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-justify-content: flex-start;
}

.morProSwiperBoxLiTitle i {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.morProSwiperBoxLiTitle i img {
    width: 100%;
}

.morProSwiperBoxLiLine {
    width: 100%;
    height: 1px;
    background: radial-gradient(50% 50% at 50% 50%, #EA5514 0%, rgba(234, 85, 20, 0) 100%);
    margin-top: 20px;
}

.morProSwiperBoxLiList {
    font-weight: var(--bold400);
    font-size: var(--font16);
    line-height: 28px;
    color: var(--color666);
    margin-top: 20px;
    height: 90px;
}

.morProSwiperBoxLiMore {
    font-weight: var(--bold400);
    font-size: var(--font14);
    line-height: 28px;
    color: var(--colorEA5);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-justify-content: flex-start;
    margin-top: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.morProSwiperBoxLiMore i {
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #EA5514;
    border-right: 1px solid #EA5514;
}

.morProSwiperBoxLiMore i::before {
    width: 9px;
    border-top: 1px solid #EA5514;
}

.morProSwiperPagination {
    display: none;
}

.morProSwiperSwiperRrev,
.morProSwiperSwiperNext {
    position: absolute;
    top: 64%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.morProSwiperSwiperRrev {
    left: 0;
}

.morProSwiperSwiperNext {
    right: 0;
}

/* 更多其他产品 */
/* 表单 */
.dialog_form {
    cursor: pointer;
}

/* 表单 */

/* title */
.title {
    width: 100%;
    position: relative;
    z-index: 4;
}

.subTitle {
    font-weight: var(--bold400);
    font-size: var(--font20);
    line-height: 40px;
    text-align: center;
    color: var(--color333);
    margin-top: 10px;
}

.subTitleWhite {
    color: var(--colorFFF);
}

.subTitleLeft {
    text-align: left;
}

.titleCen .zoom_font {
    margin: 0 auto;
}

/* 字体放大镜 */
.zoom_font {
    position: relative;

}

.zoom_font612 {
    width: 614px;
}

.zoom_font398 {
    width: 398px;
}

.zoom_font650 {
    width: 650px;
}

.zoom_font256 {
    width: 256px;
}

.zoom_font148 {
    width: 148px;
}

.zoom_font25 {
    width: 904px;
}

.zoom_font22 {
    width: 794px;
}

.zoom_font20 {
    width: 698px;
}

.zoom_font18 {
    width: 650px;
}

.zoom_font17 {
    width: 614px;
}

.zoom_font16 {
    width: 560px;
}

.zoom_font15 {
    width: 542px;
}

.zoom_font14 {
    width: 506px;
}

.zoom_font13 {
    width: 470px;
}

.zoom_font12 {
    width: 434px;
}

.zoom_font11 {
    width: 398px;
}

.zoom_font10 {
    width: 360px;
}

.zoom_font9 {
    width: 325px;
}

.zoom_font8 {
    width: 294px;
}

.zoom_font7 {
    width: 260px;
}

.zoom_font6 {
    width: 220px;
}

.zoom_font5 {
    width: 182px;
}

.zoom_font4 {
    width: 146px;
}

.zoom_list {
    color: var(--color1D2);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    padding-top: 6px;
}

.titleWhite .zoom_list {
    color: var(--colorFFF);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.zoom_list p {
    font-size: var(--font30);
    line-height: 150%;
    text-align: center;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.zoom_list span {
    display: block;
    font-size: var(--font36);
    line-height:200%;
    font-weight: var(--bold700);
    text-align: center;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}


.mark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 84px;
    height: 84px;
    border-radius: 100%;
    background: linear-gradient(138deg, rgb(20 106 234 / 70%) 8.00%, rgb(20 125 234) 92.00%);
    opacity: 1;
    display: block;
    overflow: hidden;
    transform: translate(-42px, -42px);
    -ms-transform: translate(-42px, -42px);
    -moz-transform: translate(-42px, -42px);
    -webkit-transform: translate(-42px, -42px);
    -o-transform: translate(-42px, -42px);

    transition: width 0s;
    -moz-transition: width .3s;
    /* Firefox 4 */
    -webkit-transition: width .3s;
    /* Safari and Chrome */
    -o-transition: width .3s;
    /* Opera */
}

.titleWhite .mark {
    /*background: rgba(231, 70, 0, 0.8);*/
    opacity: 1;
}

.zoom_list_big {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    transform: translate(42px, 42px) scale(1.01);
    -ms-transform: translate(42px, 42px) scale(1.01);
    -moz-transform: translate(42px, 42px) scale(1.01);
    -webkit-transform: translate(42px, 42px) scale(1.01);
    -o-transform: translate(42px, 42px) scale(1.01);
    /* transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s; */
}

.zoom_list_big p {
    font-size: var(--font30);
    line-height: 150%;
    text-align: center;
    /* transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s; */
}
.titleBig  .zoom_list span ,.titleBig  .zoom_list_big span{
    font-size: 48px;
}
.titleBig  .zoom_list p ,.titleBig  .zoom_list_big p{
    font-size: 30px;
}
.zoom_list_big span {
    display: block;
    font-size: var(--font36);
    line-height: 200%;
    font-weight: var(--bold700);
    text-align: center;
    /* transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s; */
}

.titleLeft .zoom_list span,.titleLeft .zoom_list p,.titleLeft .zoom_list_big p ,.titleLeft  .zoom_list_big span {
    text-align: left;
}

.animation .mark {
    animation-name: mark;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: .5s;
    animation-iteration-count: infinite;
    animation-duration: 8s;

    /* Safari and Chrome */
    -webkit-animation-name: mark;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
}

.animation .zoom_list_big {
    animation-name: zoom_list_big;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: .5;
    animation-iteration-count: infinite;
    animation-duration: 8s;
    /* Safari and Chrome */
    -webkit-animation-name: zoom_list_big;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
}

@keyframes mark {
    0% {
        transform: translate(-42px, -42px);
        -ms-transform: translate(-42px, -42px);
        /* Internet Explorer */
        -moz-transform: translate(-42px, -42px);
        /* Firefox */
        -webkit-transform: translate(-42px, -42px);
        /* Safari 和 Chrome */
        -o-transform: translate(-42px, -42px);
        /* Opera */
    }

    25% {
        transform: translate(-49px, -22px);
        -ms-transform: translate(-49px, -22px);
        /* Internet Explorer */
        -moz-transform: translate(-49px, -22px);
        /* Firefox */
        -webkit-transform: translate(-49px, -22px);
        /* Safari 和 Chrome */
        -o-transform: translate(-49px, -22px);
        /* Opera */
    }

    50% {
        transform: translate(-20px, -27px);
        -ms-transform: translate(-20px, -27px);
        /* Internet Explorer */
        -moz-transform: translate(-20px, -27px);
        /* Firefox */
        -webkit-transform: translate(-20px, -27px);
        /* Safari 和 Chrome */
        -o-transform: translate(-20px, -27px);
        /* Opera */
    }

    75% {
        transform: translate(-16px, -40px);
        -ms-transform: translate(-16px, -40px);
        /* Internet Explorer */
        -moz-transform: translate(-16px, -40px);
        /* Firefox */
        -webkit-transform: translate(-16px, -40px);
        /* Safari 和 Chrome */
        -o-transform: translate(-16px, -40px);
        /* Opera */
    }

    100% {
        transform: translate(-42px, -42px);
        -ms-transform: translate(-42px, -42px);
        /* Internet Explorer */
        -moz-transform: translate(-42px, -42px);
        /* Firefox */
        -webkit-transform: translate(-42px, -42px);
        /* Safari 和 Chrome */
        -o-transform: translate(-42px, -42px);
        /* Opera */
    }
}

@-webkit-keyframes mark {
    0% {
        transform: translate(-42px, -42px);
        -ms-transform: translate(-42px, -42px);
        /* Internet Explorer */
        -moz-transform: translate(-42px, -42px);
        /* Firefox */
        -webkit-transform: translate(-42px, -42px);
        /* Safari 和 Chrome */
        -o-transform: translate(-42px, -42px);
        /* Opera */
    }

    25% {
        transform: translate(-49px, -22px);
        -ms-transform: translate(-49px, -22px);
        /* Internet Explorer */
        -moz-transform: translate(-49px, -22px);
        /* Firefox */
        -webkit-transform: translate(-49px, -22px);
        /* Safari 和 Chrome */
        -o-transform: translate(-49px, -22px);
        /* Opera */
    }

    50% {
        transform: translate(-20px, -27px);
        -ms-transform: translate(-20px, -27px);
        /* Internet Explorer */
        -moz-transform: translate(-20px, -27px);
        /* Firefox */
        -webkit-transform: translate(-20px, -27px);
        /* Safari 和 Chrome */
        -o-transform: translate(-20px, -27px);
        /* Opera */
    }

    75% {
        transform: translate(-16px, -40px);
        -ms-transform: translate(-16px, -40px);
        /* Internet Explorer */
        -moz-transform: translate(-16px, -40px);
        /* Firefox */
        -webkit-transform: translate(-16px, -40px);
        /* Safari 和 Chrome */
        -o-transform: translate(-16px, -40px);
        /* Opera */
    }

    100% {
        transform: translate(-42px, -42px);
        -ms-transform: translate(-42px, -42px);
        /* Internet Explorer */
        -moz-transform: translate(-42px, -42px);
        /* Firefox */
        -webkit-transform: translate(-42px, -42px);
        /* Safari 和 Chrome */
        -o-transform: translate(-42px, -42px);
        /* Opera */
    }
}

@keyframes zoom_list_big {
    0% {
        transform: translate(42px, 42px);
        -ms-transform: translate(42px, 42px);
        /* Internet Explorer */
        -moz-transform: translate(42px, 42px);
        /* Firefox */
        -webkit-transform: translate(42px, 42px);
        /* Safari 和 Chrome */
        -o-transform: translate(42px, 42px);
        /* Opera */
    }

    25% {
        transform: translate(49px, 22px);
        -ms-transform: translate(49px, 22px);
        /* Internet Explorer */
        -moz-transform: translate(49px, 22px);
        /* Firefox */
        -webkit-transform: translate(49px, 22px);
        /* Safari 和 Chrome */
        -o-transform: translate(49px, 22px);
        /* Opera */
    }

    50% {
        transform: translate(20px, 27px);
        -ms-transform: translate(20px, 27px);
        /* Internet Explorer */
        -moz-transform: translate(20px, 27px);
        /* Firefox */
        -webkit-transform: translate(20px, 27px);
        /* Safari 和 Chrome */
        -o-transform: translate(20px, 27px);
        /* Opera */
    }

    75% {
        transform: translate(16px, 40px);
        -ms-transform: translate(16px, 40px);
        /* Internet Explorer */
        -moz-transform: translate(16px, 40px);
        /* Firefox */
        -webkit-transform: translate(16px, 40px);
        /* Safari 和 Chrome */
        -o-transform: translate(16px, 40px);
        /* Opera */
    }

    100% {
        transform: translate(42px, 42px);
        -ms-transform: translate(42px, 42px);
        /* Internet Explorer */
        -moz-transform: translate(42px, 42px);
        /* Firefox */
        -webkit-transform: translate(42px, 42px);
        /* Safari 和 Chrome */
        -o-transform: translate(42px, 42px);
        /* Opera */
    }
}

@-webkit-keyframes zoom_list_big {

    0% {
        transform: translate(42px, 42px);
        -ms-transform: translate(42px, 42px);
        /* Internet Explorer */
        -moz-transform: translate(42px, 42px);
        /* Firefox */
        -webkit-transform: translate(42px, 42px);
        /* Safari 和 Chrome */
        -o-transform: translate(42px, 42px);
        /* Opera */
    }

    25% {
        transform: translate(49px, 22px);
        -ms-transform: translate(49px, 22px);
        /* Internet Explorer */
        -moz-transform: translate(49px, 22px);
        /* Firefox */
        -webkit-transform: translate(49px, 22px);
        /* Safari 和 Chrome */
        -o-transform: translate(49px, 22px);
        /* Opera */
    }

    50% {
        transform: translate(20px, 27px);
        -ms-transform: translate(20px, 27px);
        /* Internet Explorer */
        -moz-transform: translate(20px, 27px);
        /* Firefox */
        -webkit-transform: translate(20px, 27px);
        /* Safari 和 Chrome */
        -o-transform: translate(20px, 27px);
        /* Opera */
    }

    75% {
        transform: translate(16px, 40px);
        -ms-transform: translate(16px, 40px);
        /* Internet Explorer */
        -moz-transform: translate(16px, 40px);
        /* Firefox */
        -webkit-transform: translate(16px, 40px);
        /* Safari 和 Chrome */
        -o-transform: translate(16px, 40px);
        /* Opera */
    }

    100% {
        transform: translate(42px, 42px);
        -ms-transform: translate(42px, 42px);
        /* Internet Explorer */
        -moz-transform: translate(42px, 42px);
        /* Firefox */
        -webkit-transform: translate(42px, 42px);
        /* Safari 和 Chrome */
        -o-transform: translate(42px, 42px);
        /* Opera */
    }
}

/* 字体放大镜 */
.titleOne {
    font-size: var(--font30);
    font-weight: var(--bold700);
    line-height: 45px;
    text-align: center;
    color: var(--color333);
}

/* title */





.w116 {
    width: var(--width116);
}

.w1360 {
    width: var(--width1360);
}

.w140 {
    width: var(--width140);
}

.w350 {
    width: var(--width350);
}

.w416 {
    width: var(--width416);
}

.mt38 {
    margin-top: 38px;
}

.mt98 {
    margin-top: 98px;
}

/* 节日广告位 */
.festival {
    display: block;
    width: 130px;
    height: 119px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;

}

.festival img {
    width: 100%;
    display: block;
    animation: ball 0.6s ease-out alternate-reverse infinite;
}

.festivalShadow {
    width: 100%;
    height: 3px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    /* margin-top: 300px; */
    position: absolute;
    bottom: 2px;
    z-index: 1;
    filter: blur(1.5px);
    animation: shadow 0.6s ease-out alternate-reverse infinite;
}

@-webkit-keyframes ball {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50px);
    }

}

@keyframes ball {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50px);
    }
}

@-webkit-keyframes shadow {
    0% {
        transform: scale(0.15, 1.25);
    }

    100% {
        transform: scale(1.25, 0.75);
    }

}

@keyframes shadow {
    0% {
        transform: scale(0.15, 1.25);
    }

    100% {
        transform: scale(1.25, 0.75);
    }
}

/* 节日广告位 */

/* Montserrat字体 */
@font-face {
    font-family: 'Montserrat';
    src: url('./font/Montserrat-Medium.eot');
    src: url('./font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('./font/Montserrat-Medium.woff2') format('woff2'),
        url('./font/Montserrat-Medium.woff') format('woff'),
        url('./font/Montserrat-Medium.ttf') format('truetype'),
        url('./font/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}