@charset "utf-8";
body, button, dd, dl, dt, h1, h2, h3, h4, h5, h6, hr, input, li, ol, option, p, pre, select, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    outline: 0 none
}

:focus, :hover {
    outline: 0 none
}

:link, :visited {
    text-decoration: none
}

::-moz-focus-inner {
    border: 0
}

article, aside, dialog, figuer, footer, header, menu, nav, section {
    display: block
}

em, i {
    font-style: normal
}

b, caption, h1, h2, h3, h4, h5, h6, th {
    font-weight: 400
}

li {
    list-style: none
}

img {
    border: none;
    -ms-interpolation-mode: bicubic;
    -webkit-filter: inherit;
    filter: inherit;
    vertical-align: middle
}

a, s, u {
    text-decoration: none
}

sub, sup {
    font-size: 83%
}

textarea {
    border: none;
    background: 0 0;
    overflow: auto;
    resize: none
}

button, input, select, textarea {
    font-family: "Microsoft YaHei", "微软雅黑";
    vertical-align: top
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    top: -1px
}

input::-ms-clear {
    display: none
}

input:focus {
    -webkit-user-modify: read-write-plaintext-only
}

button, input {
    background: 0 0;
    border: none;
    border-radius: 0
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

a {
    vertical-align: baseline
}

.btn, .button, .ctr, .link, label {
    cursor: pointer
}

.box:after, .cle:after, .container:after, .imax:after, .row:after, .tapList:after, .w:after {
    height: 0;
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0
}

.videoBg::-moz-media-controls, .videoBg::-webkit-media-controls, .videoBg::-webkit-media-controls-enclosure {
    display: none !important
}

.videoBg::-webkit-media-controls-panel, .videoBg::-webkit-media-controls-panel-container, .videoBg::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

html {
    margin: 0 auto;
    word-break: break-word;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent
}

div, p {
    max-height: 10000rem
}

.info, a, b, em, h1, h2, h3, h4, h5, h6, i, input, s, select, span, strong, textarea {
    font: inherit;
    font-size: 1em;
    color: inherit
}

strong {
    font-weight: 700
}

.zhezhao {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.oh, .scroll-wrap, .shade {
    position: relative;
    overflow: hidden
}

.bg, .icoImg {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.icoImg {
    pointer-events: none !important
}

.shade {
    display: block;
    width: 100%;
    height: 100%
}

.contain {
    position: relative
}

img.bg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.pic img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.img img {
    position: relative;
    z-index: 1;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.img, .pic, .vm {
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 0
}

.img {
    text-align: center
}

.img img, .vmbox {
    position: relative;
    z-index: 1;
    display: inline-block;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto;
    height: auto;
    vertical-align: middle
}

.img.Dh img {
    width: 100%
}

.img.Dv img {
    height: 100%
}

.imax img {
    max-width: 100%;
    height: auto !important
}

.imgScroll {
    overflow-x: auto
}

.imgScroll img {
    max-width: none !important;
    width: auto !important;
    height: auto !important
}

.bg, .imgbg, .mask, .shade .box, .shadow, .wh100 {
    z-index: 5;
    position: absolute !important;
    left: 0;
    top: 0;
    max-width: none !important;
    width: 100%;
    height: 100%
}

.shade .slideBox {
    width: 300%
}

.bg {
    z-index: 0
}

.shade, .z1 {
    z-index: 1
}

.shadow {
    z-index: 4
}

.mask {
    z-index: 6
}

.z90 {
    z-index: 90
}

#loadingMask {
    z-index: 2117
}

.z-1 {
    z-index: -1
}

.ctr.reject {
    display: none
}

.reject {
    cursor: default
}

.ysqUEO .reject {
    cursor: not-allowed
}

.waiting {
    cursor: wait
}

.btn, .buts, .button, .ctr, label {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.load-error, .loading, .loading-m {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    transition: none !important;
    -webkit-transition: none !important
}

.Tt > .box {
    display: none
}

.Tt > .box.on {
    display: block
}

#index.show, .scroll-wrap.show {
    opacity: 1;
    -webkit-transition: opacity 250ms, background 250ms;
    transition: opacity 250ms, background 250ms
}

.db {
    display: block !important
}

.dn {
    display: none !important
}

.container, .ma, .w {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.m0 {
    margin: 0 !important
}

.p0 {
    padding: 0 !important
}

.aft, .nw {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wsn {
    white-space: nowrap
}

.hr {
    width: 100%;
    height: 1px
}

.vr {
    width: 1px;
    height: 100%
}

.h100 {
    height: 100% !important
}

.w100 {
    width: 100% !important
}

.t0 {
    top: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.r0 {
    right: 0
}

.t50 {
    top: 50% !important
}

.l50 {
    left: 50% !important
}

.palt {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%
}

.palt.on {
    position: relative !important;
    z-index: 2
}

.poa {
    position: absolute !important
}

.por {
    position: relative !important
}

.pod {
    position: static !important
}

.pof {
    position: fixed !important
}

.vam {
    vertical-align: middle
}

.vat {
    vertical-align: top
}

.fl, .fld, .l {
    float: left
}

.fr, .frd, .r {
    float: right
}

.lh1 {
    line-height: 1
}

.ti2 {
    text-indent: 2em
}

.ttu {
    text-transform: uppercase
}

.wmrl {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.wmlr {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.ffw {
    font-family: "Microsoft YaHei", "微软雅黑" !important
}

.ffh {
    font-family: SimHei, "黑体" !important
}

.ffs {
    font-family: SimSun, "宋体" !important
}

.ffk {
    font-family: KaiTi, "楷体" !important
}

.ffa {
    font-family: Arial, sans-serif !important
}

.ffv {
    font-family: verdana, sans-serif !important
}

.fft {
    font-family: Tahoma, sans-serif !important
}

.fb {
    font-weight: 700
}

.fi {
    font-style: italic
}

.cfff {
    color: #fff
}

.c000 {
    color: #000
}

.c333 {
    color: #333
}

.c666 {
    color: #666
}

.c999 {
    color: #999
}

.cf00 {
    color: red
}

.tac {
    text-align: center !important
}

.tal {
    text-align: left !important
}

.tar {
    text-align: right !important
}

.taj {
    text-align: justify !important
}

.AniDo {
    position: relative
}

.AniDo {
    opacity: 0;
    -webkit-transition: 0s !important;
    transition: 0s !important
}

.lazyimg {
    opacity: 0
}

.AniDoing, .Done {
    opacity: 1;
    -webkit-transition: .3s !important;
    transition: .3s !important
}

.AniDone {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
    opacity: 1 !important;
    -webkit-transition: 0s !important;
    transition: 0s !important;
    -wekit-transition: 0s !important
}

.lazyimg {
    -webkit-transition: none !important;
    transition: none !important
}

.jsAct {
    -webkit-animation-duration: 133ms;
    animation-duration: 133ms
}

.AniStart .op0 {
    visibility: hidden
}

.AniDid .op0 {
    visibility: visible;
    opacity: 1
}

.lazyimg.Done {
    -webkit-transition: opacity .8s, -webkit-transform .8s !important;
    -webkit-transition: opacity .8s, -webkit-transform .8s !important;
    transition: opacity .8s, -webkit-transform .8s !important;
    transition: opacity .8s, transform .8s !important;
    transition: opacity .8s, transform .8s, -webkit-transform .8s !important
}

.ActAni, .AniDo, .HovAni {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.pointer-none {
    pointer-events: none !important
}

.icoImg {
    position: relative;
    top: -1px
}

.box {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-clip: padding-box
}

.fixedBg {
    position: fixed;
    z-index: -1;
    width: 1920px;
    height: 1080px;
    left: 50%;
    top: 50%;
    margin-left: -960px;
    margin-top: -540px
}

.imgBgBox {
    display: block;
    position: absolute;
    top: 0;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    height: 100%;
    text-align: center
}

.imgBgBox img {
    height: 100%
}

.bg.c, .por.c {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    max-width: none;
    text-align: center
}

.bg.c img, .por.c img {
    width: 100%
}

.MouseMove, .MouseMove .box .link {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.MouseDown, .MouseDown .box .link {
    cursor: -webkit-grab;
    cursor: grab
}

.btn.cursor-default {
    cursor: default
}

.ysqUEO.pc .aft {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.ysqUEO.pc .aft.aftl {
    padding-bottom: 0
}

.ysqUEO.pc .aftl, .ysqUEO.pc .aftm, .ysqUEO.pc .aftr {
    position: relative;
    overflow: hidden;
    padding-bottom: 1px
}

.aftl:hover, .aftm:hover, .aftr:hover, .tduh:hover {
    text-decoration: underline
}

.ysqUEO.pc .aftl, .ysqUEO.pc .aftm, .ysqUEO.pc .aftr {
    text-decoration: none
}

.ysqUEO.pc .aftl:after, .ysqUEO.pc .aftm:after, .ysqUEO.pc .aftr:after {
    position: absolute;
    bottom: 0;
    content: " ";
    width: 0;
    border-bottom: solid 1px;
    -webkit-transition: width .33s, left .33s;
    transition: width .33s, left .33s
}

.ysqUEO.pc .aftl:hover:after, .ysqUEO.pc .aftr:hover:after {
    width: 100%;
    -webkit-transition: width .33s;
    transition: width .33s
}

.ysqUEO.pc .aftl:after {
    left: 100%
}

.ysqUEO.pc .aftl:hover:after {
    left: 0
}

.ysqUEO.pc .aftm:after {
    left: 50%
}

.ysqUEO.pc .aftm:hover:after {
    left: 0;
    width: 100%
}

.ysqUEO.pc .aftr:after {
    right: 100%
}

.ysqUEO.pc .aftr:hover:after {
    right: 0
}