html {
    font-family: "黑体";
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100px;
    visibility: hidden;
}
html.ready{
    visibility: visible;
}
body {
    margin: 0;
    font-size: 16px;
    color: #333;
    min-width: 1200px;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
object {
    pointer-events: none;
}
a {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
}
p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
}
a:active,
a:hover {
    outline: 0;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
button,
input,
select,
textarea {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    font: inherit;
    color: inherit;
    vertical-align: middle;
    padding: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
textarea {
    overflow: auto;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.interaction,
.pos-cont,
.real,
.min-body,
.body,
.full-content,
.body-content,
.cross-content {
    position: relative;
}
.clear:after {
    clear: both;
    height: 0;
    visibility: hidden;
}
.t-center {
    text-align: center;
}
.col {
    margin: 0 -0.6rem -0.4rem 0;
}
.col .col-item {
    float: left;
}
.col .col-content {
    margin: 0 0.6rem 0.4rem 0;
}
.col-2 .col-item {
    width: 50%;
}
.col-3 .col-item {
    width: 33.3333%;
}
.col-4 .col-item {
    width: 25%;
}
.sr {
    visibility: hidden;
}
.full-content {
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
}
.gray {
    background-color: #f7f7f7;
}
.deep {
    background-color: #e6e6e6;
}
.clearTran {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.tran1 {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
button,
input,
select,
textarea,
a,
.fade,
.button,
.option,
.tran2 {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.tran4 {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.tran6 {
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}
.text-over,
.text-more-over {
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-over {
    white-space: nowrap;
}
.text-more-over {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.top-item,
.bottom-item,
.middle-item {
    display: inline-block;
}
.middle-item {
    vertical-align: middle;
}
.top-item {
    vertical-align: top;
}
.bottom-item {
    vertical-align: bottom;
}
.not-float,
.clear-middle {
    width: auto;
}
.contain-img,
.cover-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.contain-img {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.cover-img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.full {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.tab-content .item,
.none {
    display: none;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}
a,
label,
.clear-middle,
.clear:after,
.tab-content .item.active,
.square:after,
.pos-cont:after,
.top50,
.block-cont:after,
.block {
    display: block;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.not-float {
    float: none;
}
.top50 {
    top: 50%;
}
.clear:after,
.square:after,
.pos-cont:after,
.block-cont:after {
    content: "";
}
.top50,
.pos-cont:after {
    position: absolute;
}
.fade {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.fade-active {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
.button,
.option,
.circle {
    -webkit-border-radius: 960px;
    -moz-border-radius: 960px;
    border-radius: 960px;
}
.square:after {
    padding-top: 100%;
}
.pull-back {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.align-items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.align-items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.justify-content-between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.justify-content-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-align-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.align-content-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-conten: center;
    align-content: center;
}
.flex-wrap-wrap {
    -webkit-box-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.justify-content-around {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
@media (max-width: 768px) {
    .hide-mob {
        display: none;
    }
    #page_anchor {
        position: fixed;
        z-index: 5000;
        display: none;
    }
    #page_anchor > .masking {
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.7);
    }
    #page_anchor > .container {
        transform: translateY(100%);
        opacity: 0;
        top: auto;
        padding: 20px;
        background-color: #fff;
        font-size: 0;
        z-index: 2;
    }
    #page_anchor > .container > .middle-item {
        font-size: 15px;
        line-height: 40px;
        width: 50%;
        text-align: center;
    }
    #page_anchor > .container > .belong {
        position: relative;
    }
    #page_anchor > .container > .belong > .top50 {
        right: -16px;
        height: 1px;
        width: 32px;
        margin-top: -0.5px;
        background-color: #c6c5c5;
    }
    #page_anchor > .container > .scroll-container {
        height: 200px;
        position: relative;
        overflow: hidden;
    }
    #page_anchor > .container > .scroll-container > .masking {
        z-index: 2;
        pointer-events: none;
        background-image: -webkit-linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
        background-image: -moz-linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
        background-image: -ms-linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
        background-image: -o-linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
        background-image: linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
    }
    #page_anchor > .container > .scroll-container > .swiper {
        padding: 80px 0;
    }
    #page_anchor > .container > .scroll-container > .swiper .swiper-slide-active {
        color: #1250a8;
        font-weight: bold;
    }
    #page_anchor.active > .container {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (min-width: 768px) {
    .hide-pc {
        display: none;
    }
    #page_anchor {
        text-align: center;
        position: static;
    }
    #page_anchor > .container {
        position: static;
    }
    #page_anchor > .container > .scroll-container {
        display: block;
    }
    #page_anchor > .container > .scroll-container > .full {
        position: static;
    }
    #page_anchor > .container > .scroll-container > .swiper > .swiper-wrapper > .swiper-slide {
        flex-shrink: unset;
    }
}
.fade-masking {
    background-image: -webkit-linear-gradient(bottom, #000, transparent);
    background-image: -moz-linear-gradient(bottom, #000, transparent);
    background-image: -ms-linear-gradient(bottom, #000, transparent);
    background-image: -o-linear-gradient(bottom, #000, transparent);
    background-image: linear-gradient(bottom, #000, transparent);
}
@keyframes sport-right {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes sport-reset {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes sport-default {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes appear-show {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes appear-hide {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}
.interaction.active .default,
.interaction:hover .default {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.interaction.active .fading-down,
.interaction:hover .fading-down {
    margin-top: 0;
}
.interaction.active .fade,
.interaction:hover .fade {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
.oppress {
    overflow: hidden;
}
.oppress img,
.oppress .cover-img,
.oppress .contain-img {
    transition: all 2s linear;
}
.oppress:hover img,
.oppress:hover .cover-img,
.oppress:hover .contain-img {
    transform: scale(1.1);
}
.clip {
    overflow: hidden;
}
.fade-panel {
    display: none;
    position: fixed;
    z-index: 400;
}
.fade-panel > .bg {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.fade-panel > .flex {
    z-index: 2;
}
.fade-panel .title {
    margin: 0 -64px;
    padding: 0 24px;
    position: relative;
    border-bottom: 1px solid #acacac;
}
.fade-panel .title > img {
    position: relative;
    z-index: 2;
}
.fade-panel .title > .full {
    z-index: 1;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.fade-panel .operation {
    text-align: center;
}
.fade-panel .operation > .top-item {
    width: 134px;
    height: 48px;
    line-height: 48px;
    margin: 0 32px;
    cursor: pointer;
}
.fade-panel .container {
    transform-origin: center center!important;
    animation-duration: 0.4s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.fade-panel.active {
    display: block;
}
.fade-panel.active .container {
    animation-name: appear-show;
}
.fade-panel.exit {
    display: block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
#content_panel_box {
    padding: 50px;
}
@media (max-width: 1200px) {
    #content_panel_box {
        padding: 20px;
    }
}
@media (max-width: 768px) {
    #content_panel_box {
        padding: 0;
    }
}
#content_panel_box .video,
#content_panel_box .iframe,
#content_panel_box .img {
    display: none;
    max-width: 100%;
    max-height: 100%;
}
#content_panel_box.video .video {
    display: block;
    margin: 0 auto;
}
#content_panel_box.img .img {
    display: block;
}
#content_panel_box.iframe .iframe {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0 none;
}
#content_panel_box.iframe > .container {
    width: 1000px;
}
#content_panel_box.iframe > .container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 64%;
}
#content_panel_box.ready > .container {
    background: none;
}
#content_panel_box.ready .iframe,
#content_panel_box.ready .video,
#content_panel_box.ready .img {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
#content_panel_box.hoz > .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}
#content_panel_box.row .video {
    width: 100%;
}
#content_panel_box > .container {
    background: url(data:image/gif;base64,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) no-repeat scroll center center;
    max-width: 100%;
    max-height: 100%;
    position: relative;
}
#content_panel_box > .container > .close {
    font-size: 18px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    background-color: #000;
    position: absolute;
    right: 0;
    color: #fff;
    top: 0;
    cursor: pointer;
}
.box-3d {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.title {
    font-weight: bold;
}
.title.text-more-over {
    line-height: 1.5;
    height: 3em;
}
.body-content {
    margin-left: 0.6rem;
    margin-right: 0.6rem;
}
.spacing,
.spacing-top {
    padding-top: 1rem;
}
@media (max-width: 1000px) {
    .spacing,
    .spacing-top {
        padding-top: 50px;
    }
}
.spacing,
.spacing-bottom {
    padding-bottom: 1rem;
}
@media (max-width: 1000px) {
    .spacing,
    .spacing-bottom {
        padding-bottom: 50px;
    }
}
.body-container {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}
.hoz-container {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
@media (max-width: 768px) {
    .hoz-container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.body,
.min-body,
.body-min {
    margin: 0 auto;
}
.body {
    max-width: 1600px;
}
.min-body {
    max-width: 1200px;
}
.body-min {
    max-width: 1000px;
}
.row-container {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}
@media (max-width: 768px) {
    .row-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.edit-content {
    line-height: 1.8;
}
.edit-content img {
    height: auto!important;
}
.text-node {
    font-size: 14px;
    line-height: 1.8;
    opacity: 0.7;
    white-space: pre-line;
}
.text-node.text-more-over {
    height: 3.6em;
}
.load-more-state {
    text-align: center;
    opacity: 0.7;
    padding-top: 30px;
    margin-top: 0.2rem;
}
.load-more-state > .state.loading,
.load-more-state > .state.end {
    display: none;
}
.load-more-state > .state > .iconfont {
    font-size: 150%;
    opacity: 0.5;
    display: inline-block;
}
.load-more-state > .state.loading > .iconfont {
    animation: xuanzhuan 2s ease-out infinite;
}
@keyframes xuanzhuan {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
.load-more-state.loading > .state.default,
.load-more-state.loading > .state.end {
    display: none;
}
.load-more-state.loading > .state.loading {
    display: block;
}
.load-more-state.end > .state.default,
.load-more-state.end > .state.loading {
    display: none;
}
.load-more-state.end > .state.end {
    display: block;
}
.load-more-state.active {
    background-color: #1250a8;
    color: #fff;
}
.adpat-text {
    font-size: 20px;
}
@media (max-width: 1500px) {
    .adpat-text {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    .adpat-text {
        font-size: 16px;
    }
}
.weigh {
    width: 100%;
}
.high {
    height: 100%;
}