@import "../font/iconfont.css";
html {
    font-family: "黑体";
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    font-size: 100px;
}
body {
    margin: 0;
    overflow-x: hidden;
    font-size: 16px;
}
@media (max-width: 1200px) {
    body {
        font-size: 14px;
    }
}
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,
optgroup,
select,
textarea {
    -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;
}
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;
}
.pos-cont,
.relative,
.full-content,
.cross-content {
    position: relative;
}
.clear:after {
    clear: both;
}
.t-center {
    text-align: center;
}
.col-2 .col-item {
    width: 50%;
}
.col-3 .col-item {
    width: 33.3333%;
}
@media (max-width: 768px) {
    .col-3 .col-item {
        width: 50%;
    }
}
.col-4 .col-item {
    width: 25%;
}
@media (max-width: 1000px) {
    .col-4 .col-item {
        width: 33.33%;
    }
}
@media (max-width: 768px) {
    .col-4 .col-item {
        width: 50%;
    }
}
.col {
    margin: 0 -0.4rem -0.4rem 0;
}
.col .col-item {
    float: left;
}
@media (max-width: 500px) {
    .col .col-item {
        width: 100%;
    }
}
.col .col-content {
    margin: 0 0.4rem 0.4rem 0;
}
.scrollReveal {
    visibility: hidden;
}
.full-content {
    max-width: 1920px;
    margin: 0 auto;
}
.gray {
    background-color: #f8f8f8;
}
.clearTransition {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.transition1 {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.transition2 {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.transition4 {
    -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;
}
.transition6 {
    -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,
.containImg,
.coverImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.contain-img,
.containImg {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.cover-img,
.coverImg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.full {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.full.left {
    right: auto;
}
.full.top {
    bottom: auto;
}
.full.right {
    left: auto;
}
.full.bottom {
    top: auto;
}
.tab-content .item,
.none {
    display: none;
}
a,
.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 {
    -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;
}
.fade-active {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
.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-content-between {
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    -webkit-align-conten: space-between;
    align-content: space-between;
}
.align-items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.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;
}
.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 screen and (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: #c02125;
        font-weight: bold;
    }
    #page_anchor.active > .container {
        opacity: 1;
        transform: translateY(0);
    }
}
@media screen and (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);
    }
}
.interaction {
    position: relative;
}
.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 .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: 2100;
}
#fade-panel.active {
    transform-origin: center center!important;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-name: appear-show;
}
#panel-bg {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
}
#panel-content {
    z-index: 2;
    padding: 50px;
}
@media (max-width: 1200px) {
    #panel-content {
        padding: 20px;
    }
}
@media (max-width: 768px) {
    #panel-content {
        padding: 0;
    }
}
#panel-content .video,
#panel-content .iframe,
#panel-content .img {
    display: none;
    max-width: 100%;
    max-height: 100%;
}
#panel-content.video .video {
    display: block;
    margin: 0 auto;
}
#panel-content.img .img {
    display: block;
}
#panel-content.iframe .iframe {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0 none;
}
#panel-content.iframe > .container {
    width: 1000px;
}
#panel-content.iframe > .container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 64%;
}
#panel-content.ready .iframe,
#panel-content.ready .video,
#panel-content.ready .img {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
#panel-content.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%;
}
#panel-content.row .video {
    width: 100%;
}
#panel-content > .container {
    background: url(data:image/gif;base64,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) no-repeat scroll center center;
    max-width: 100%;
    max-height: 100%;
    position: relative;
}
#panel-content > .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;
}
.adpat-text {
    font-size: 20px;
}
@media (max-width: 1500px) {
    .adpat-text {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    .adpat-text {
        font-size: 16px;
    }
}
.body{
    max-width: 1500px;
    margin: 0 auto;
}
.body-content {
    margin-left: 0.85rem;
    margin-right: 0.85rem;
}
.body-container {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}
.row-container {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}
.hoz-container {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
.spacing,
.spacing-top {
    padding-top: 0.85rem;
}
@media (max-width: 1100px) {
    .spacing,
    .spacing-top {
        padding-top: 48px;
    }
}
.spacing,
.spacing-bottom {
    padding-bottom: 0.85rem;
}
@media (max-width: 1100px) {
    .spacing,
    .spacing-bottom {
        padding-bottom: 48px;
    }
}
.body {
    max-width: 1400px;
    margin: 0 auto;
}
.high {
    height: 100%;
}
.weigh {
    width: 100%;
}
.title {
    font-weight: bold;
}
.navbar > .substitution > .item > .relative {
    display: inline-block;
    font-size: 16px;
}
.text-node {
    font-size: 14px;
    line-height: 1.72;
    opacity: 0.7;
}
.text-node.text-more-over {
    height: 3.44em;
}
.z16 {
    font-size: 16px;
}
@media (max-width: 1200px) {
    .z16 {
        font-size: 14px;
    }
}
.article {
    border-top: 1px solid #e4e4e4;
}
@media (max-width: 1200px) {
    .article > .flex {
        display: block;
    }
}
.article > .flex > .weigh {
    border-right: 1px solid #e4e4e4;
}
@media (max-width: 1200px) {
    .article > .flex > .weigh {
        width: auto;
    }
}
@media (min-width: 1200px) {
    .article > .flex > .aside > .container {
        width: 3.5rem;
    }
}
.article > .flex > .aside > .container .top {
    font-size: 0.3rem;
}
@media (max-width: 1200px) {
    .article > .flex > .aside > .container .top {
        font-size: 20px;
    }
}
@media (min-width: 1200px) {
    .article > .flex > .aside > .container > .swiper-pagination {
        display: none;
    }
}
@media (max-width: 1200px) {
    .article > .flex > .aside > .container > .swiper {
        margin-right: -0.2rem;
        margin-top: 2em;
    }
}
@media (min-width: 1200px) {
    .article > .flex > .aside > .container > .swiper > .swiper-wrapper {
        display: block;
    }
}
.article > .flex > .aside > .container > .swiper > .swiper-wrapper > .swiper-slide > .content {
    margin-top: 2em;
}
@media (max-width: 1200px) {
    .article > .flex > .aside > .container > .swiper > .swiper-wrapper > .swiper-slide > .content {
        margin-top: 0;
        margin-right: 0.2rem;
    }
}
.article > .flex > .aside > .container > .swiper > .swiper-wrapper > .swiper-slide > .content > .cover-img {
    padding-top: 57.14285714%;
}
.article > .flex > .aside > .container > .swiper > .swiper-wrapper > .swiper-slide > .content > .title {
    margin: 1em auto;
}
.article > .flex > .aside > .container > .swiper > .swiper-wrapper > .swiper-slide > .content > .m {
    font-size: 0.7em;
    opacity: 0.7;
}
.article > .flex > .aside > .container > .swiper > .swiper-wrapper > .swiper-slide > .content:hover {
    color: #c02125;
}
.section-title {
    font-size: 0.2rem;
}
@media (max-width: 1100px) {
    .section-title {
        font-size: 11.11px;
    }
}
@media (max-width: 768px) {
    .section-title > .fl,
    .section-title > .fr {
        float: none;
    }
    .section-title > .fr {
        margin-top: 24px;
    }
}
.section-title .small {
    font-size: 1.1em;
    opacity: 0.8;
    line-height: 1;
}
.section-title .big {
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 1.1em;
}
.navbar-button {
    width: 2.5em;
    height: 2.5em;
    position: relative;
    cursor: pointer;
}
@media (max-width: 768px) {
    .navbar-button {
        width: 2em;
        height: 2em;
    }
}
.navbar-button > .line {
    height: 3px;
    background-color: #c02125;
}
@media (max-width: 1000px) {
    .navbar-button > .line {
        background-color: #fff;
    }
}
.navbar-button > .line.top {
    top: 50%;
    margin-top: -0.425em;
}
.navbar-button > .line.bottom {
    bottom: 50%;
    margin-bottom: -0.425em;
}
.logo {
    max-width: 141px;
}
@media (max-width: 1000px) {
    .logo img {
        max-height: 45px;
    }
}
.more {
    display: inline-block;
    position: relative;
    font-size: 14px;
    text-align: center;
}
@keyframes more-button-animation {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-30%);
    }
    40% {
        transform: translateY(0);
    }
    65% {
        transform: translateY(-15%);
    }
    80% {
        transform: translateY(0);
    }
    95% {
        transform: translateY(-5%);
    }
    100% {
        transform: translateY(0);
    }
}
.more > .iconfont {
    margin-left: 12px;
}
.more.type-01 {
    color: rgba(0, 0, 0, 0.8);
}
.more.type-01 > .iconfont {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #aeafb1;
    color: #aeafb1;
}
@media (max-width: 1500px) {
    .more.type-01 > .iconfont {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
}
@media (max-width: 1200px) {
    .more.type-01 > .iconfont {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
}
.more.type-01:hover {
    color: #c02125;
}
.more.type-01:hover > .iconfont {
    background-color: #c02125;
    border-color: #c02125;
    color: #fff;
    animation: more-button-animation 0.5s linear forwards;
}
.more.type-02 {
    line-height: 20px;
    padding: 12px 26px;
    color: #fff;
    background-color: #c02125;
}
@media (max-width: 1500px) {
    .more.type-02 {
        line-height: 18px;
        padding: 10px 20px;
    }
}
@media (max-width: 1200px) {
    .more.type-02 {
        font-size: 12px;
        line-height: 16px;
        padding: 8px 12px;
    }
}
.more.type-02:hover {
    -webkit-filter: drop-shadow(4px 4px 0 #8e0f12);
    filter: drop-shadow(4px 4px 0 #8e0f12);
}
.swiper-change {
    font-size: 0;
}
.swiper-change > .middle-item {
    position: static;
    width: 27px;
    height: 30px;
    margin: 0;
    background-image: url(../images/swiper-button.png);
    background-size: 100% 200%;
    background-position-x: 0;
    opacity: 1;
}
.swiper-change > .middle-item.swiper-button-prev {
    background-position-y: 0;
}
.swiper-change > .middle-item.swiper-button-next {
    background-position-y: 100%;
    margin-left: 0.3rem;
}
.swiper-change > .middle-item:after {
    display: none;
}
.swiper-change > .middle-item:hover {
    width: 51px;
    background-image: url(../images/swiper-button-active.png);
}
#point {
    line-height: 1rem;
    height: 1rem;
    color: #7d7d7d;
    font-size: 14px;
}
@media (max-width: 1200px) {
    #point {
        line-height: 60px;
        height: 60px;
    }
}
#point .left {
    margin-right: 200px;
}
#point .left a {
    display: inline;
}
#point .left a:hover {
    color: #c02125;
}
#point .right .circle {
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 1.8em;
    border: 1px solid #dedede;
}
#point .right .circle > .iconfont {
    font-size: 14px;
}
#point .right .circle:hover {
    border-color: #c02125;
    color: #fff;
    background-color: #c02125;
}
.column-title {
    font-size: 0.2rem;
}
@media (max-width: 1200px) {
    .column-title {
        font-size: 14px;
    }
}
.column-title .zh {
    font-size: 1.8em;
    font-weight: bold;
}
.column-title .en {
    font-size: 0.6em;
    opacity: 0.7;
    text-transform: uppercase;
}
.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: #c02125;
    color: #fff;
}
.swiper-pagination.default {
    position: static;
    margin-top: 20px;
}
.swiper-pagination.default > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #c02125;
}
#nav {
    position: fixed;
    z-index: 202;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    line-height: 50px;
}
@media (max-width: 1000px) {
    #nav {
        padding-top: 12px;
        padding-bottom: 12px;
        line-height: 45px;
    }
}
@media (max-width: 768px) {
    #nav {
        padding-top: 8px!important;
        padding-bottom: 8px!important;
        line-height: 36px;
    }
}
@media (max-width: 768px) {
    #nav .logo img {
        max-height: 36px;
    }
}
#nav .navbar {
    float: right;
    padding-right: 7.5em;
}
@media (max-width: 1500px) {
    #nav .navbar {
        padding-right: 6.5em;
    }
}
@media (max-width: 1000px) {
    #nav .navbar {
        padding: 0;
    }
}
#nav .navbar > .substitution {
    padding-right: 0.5rem;
    color: #fff;
}
@media (max-width: 1000px) {
    #nav .navbar > .substitution {
        display: none;
    }
}
#nav .navbar > .substitution > .item {
    float: left;
    margin-right: 0.5rem;
}
#nav .navbar > .substitution > .item > .relative > .top50 {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -50px;
    overflow: hidden;
    height: 2px;
    background-color: #fff;
    opacity: 0;
}
#nav .navbar > .substitution > .item > .relative:hover > .top50,
#nav .navbar > .substitution > .item > .relative.active > .top50 {
    opacity: 1;
}
#nav.active {
    padding-top: 12px;
    padding-bottom: 12px;
}
@media (min-width: 1000px) {
    #nav.active {
        background-color: rgba(0, 0, 0, 0.3);
    }
}
#nav.active .navbar {
    padding-right: 0;
}
#nav.active .navbar > .substitution {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
@media (max-width: 1000px) {
    #nav.active .navbar,
    #nav.selected .navbar {
        padding-right: 6.5em;
    }
    #nav.active .navbar .navbar-button > .line,
    #nav.selected .navbar .navbar-button > .line {
        background-color: #c02125;
    }
}
@media (max-width: 768px) {
    #nav.active .navbar,
    #nav.selected .navbar {
        padding-right: 7.3em;
    }
}
#nav.selected.active {
    background-color: rgba(0, 0, 0, 0.3);
}
#nav.selected.active .navbar {
    padding-right: 0;
}
#nav.selected.active .navbar .navbar-button > .line {
    background-color: #fff;
}
@media (min-width: 1000px) {
    #nav.column .navbar {
        padding-right: 0!important;
    }
    #nav.column .navbar .navbar-button > .line {
        background-color: #fff;
    }
}
@media (min-width: 1000px) {
    #nav.column.selected .navbar .navbar-button {
        pointer-events: none;
    }
}
#banner {
    background-color: #999;
}
#banner #content {
    pointer-events: none;
    z-index: 101;
}
#banner #baner_title {
    z-index: 102;
    color: #fff;
    top: 51.8%;
}
@media (max-width: 768px) {
    #banner #baner_title {
        top: 40%;
    }
}
#banner #baner_title > .section-title {
    animation-name: banner-title-animation-out;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
@keyframes banner-title-animation-out {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(25%);
        opacity: 0;
    }
}
@keyframes banner-title-animation-in {
    0% {
        transform: translateX(-25%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
#banner #baner_title > .section-title.active {
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
    animation-name: banner-title-animation-in;
}
#banner #baner_title > .section-title > .big {
    font-size: 2.3em;
    margin-bottom: 1.3em;
    margin-top: 0.87em;
}
@media (max-width: 768px) {
    #banner #baner_title > .section-title > .big {
        font-size: 2em;
    }
}
#banner #baner_title > .section-title > .bottom {
    font-size: 0.9em;
    line-height: 1;
}
#banner > .set-height {
    pointer-events: none;
}
@media (min-width: 1000px) {
    #banner > .set-height {
        height: 100vh;
    }
}
@media (max-width: 1000px) {
    #banner > .set-height {
        overflow: hidden;
        max-height: 600px;
    }
    #banner > .set-height:after {
        padding-top: 120%;
    }
}
#banner .scroll-down,
#banner > .banner-bottom {
    height: 0.85rem;
    line-height: 0.85rem;
}
@media (max-width: 1000px) {
    #banner .scroll-down,
    #banner > .banner-bottom {
        height: 45px;
        line-height: 45px;
    }
}
#banner > .line {
    padding-right: 8.5em;
    margin-right: 5.85rem;
    z-index: 103;
    bottom: 0.85rem;
    pointer-events: none;
}
@media (max-width: 1000px) {
    #banner > .line {
        display: none;
    }
}
#banner > .line > .content {
    width: 1px;
    margin-left: -1px;
    background-color: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}
#banner > .line > .content:after {
    left: 0;
    top: 0;
    width: 1px;
    height: 0.57rem;
    background-image: -webkit-linear-gradient(top, transparent, #fff);
    background-image: linear-gradient(top, transparent, #fff);
}
#banner > .line.run > .content:after {
    animation: banner-line-animation 9s linear forwards;
}
@keyframes banner-line-animation {
    0% {
        top: 0;
    }
    100% {
        top: 100%;
    }
}
#banner > .banner-bottom {
    z-index: 104;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
}
@media (min-width: 1000px) {
    #banner > .banner-bottom {
        padding-right: 8.5em;
    }
}
@media (min-width: 1000px) {
    #banner > .banner-bottom > .content {
        margin-right: 1.7rem;
    }
}
#banner > .banner-bottom > .content > .banner-change {
    width: 4.15rem;
    background-color: #c02125;
}
@media (max-width: 768px) {
    #banner > .banner-bottom > .content > .banner-change {
        width: 50%;
    }
}
#banner > .banner-bottom > .content > .banner-change > .fl {
    text-align: center;
    width: 1rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 768px) {
    #banner > .banner-bottom > .content > .banner-change > .fl {
        width: 45px;
    }
}
#banner > .banner-bottom > .content > .banner-change > .fl .iconfont {
    line-height: 1;
    cursor: pointer;
    opacity: 0.3;
}
#banner > .banner-bottom > .content > .banner-change > .fl .iconfont:hover {
    opacity: 1;
}
#banner > .banner-bottom > .content > .banner-change > .content {
    text-align: right;
    font-weight: bold;
    font-family: Arial;
}
#banner > .banner-bottom > .content > .banner-change > .content .middle-item {
    line-height: 1;
}
#banner > .banner-bottom > .content > .banner-change > .content .banner-swiper-total {
    font-size: 1.3em;
    line-height: 0.9;
    margin-right: 0.35em;
    text-indent: -0.25em;
    overflow: hidden;
}
@media (max-width: 1500px) {
    #banner > .banner-bottom > .content > .banner-change > .content .banner-swiper-total {
        line-height: 0.8;
    }
}
#banner > .banner-bottom > .content > .banner-change > .content .banner-swiper-current {
    font-size: 0.7em;
    opacity: 0.3;
}
#banner > .banner-bottom > .content > .left {
    margin-right: 4.15rem;
}
@media (max-width: 768px) {
    #banner > .banner-bottom > .content > .left {
        margin-right: 50%;
    }
}
#banner > .banner-bottom > .content > .left .fr {
    font-size: 12px;
    opacity: 0.7;
}
#banner > .banner-bottom > .content > .left .fl {
    font-size: 14px;
    opacity: 0.8;
    cursor: pointer;
}
#banner > .banner-bottom > .content > .left .fl > .fade {
    position: absolute;
    left: 50%;
    width: 100px;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #c02125;
    background-color: #fff;
    margin-left: -67px;
    bottom: 100%;
    margin-bottom: 0;
}
#banner > .banner-bottom > .content > .left .fl:hover {
    opacity: 1;
    text-shadow: 1px 1px 0 #c02125;
}
#banner > .banner-bottom > .content > .left .fl:hover > .fade {
    margin-bottom: 16px;
    -webkit-filter: drop-shadow(4px 4px 0 #c02125);
    filter: drop-shadow(4px 4px 0 #c02125);
}
#banner > .banner-nav {
    z-index: 105;
}
#banner > .banner-nav .flex {
    width: 8.5em;
}
#banner > .banner-nav > #fiexd_nav {
    bottom: 0.85rem;
}
#banner > .banner-nav > .scroll-down {
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 2;
}
@media (max-width: 1000px) {
    #banner > .banner-nav > .scroll-down {
        display: none;
    }
}
#banner > .banner-nav > .scroll-down > .flex {
    color: rgba(0, 0, 0, 0.5);
}
#banner > .banner-nav > .scroll-down > .flex > .cover-img {
    width: 0.85em;
    height: 1.2em;
    background-image: url(../images/mouse.png);
}
#banner > .banner-nav > .scroll-down > .flex > .right {
    font-size: 0.7em;
    text-transform: uppercase;
}
#banner > .banner-nav > .scroll-down > .flex > .right > .iconfont {
    display: inline-block;
    animation: scroll-down-animation 3s linear infinite;
}
@keyframes scroll-down-animation {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    50% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}
#banner > .banner-nav > .scroll-down > .flex:hover {
    color: #c02125;
}
#banner > .banner-nav > .scroll-down > .border {
    height: 1px;
    background-color: #dadada;
}
#nav_bg {
    position: fixed;
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 1000px) {
    #nav_bg {
        display: none;
    }
}
#fiexd_nav {
    padding: 0.4rem 0 0.6rem;
    position: fixed;
    z-index: 201;
    left: auto;
    background-color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1000px) {
    #fiexd_nav {
        right: calc(-8.5em - 1.7rem);
        bottom: 0!important;
        background-color: #fff !important;
    }
}
#fiexd_nav > .flex {
    height: 100%;
    width: 8.5em;
}
#fiexd_nav > .flex > .navbar > .substitution {
    color: #333;
    padding-top: 2.5em;
}
#fiexd_nav > .flex > .navbar > .substitution > .item {
    margin-top: 20px;
}
#fiexd_nav > .flex > .navbar > .substitution > .item > .relative {
    padding-right: 1.25em;
}
#fiexd_nav > .flex > .navbar > .substitution > .item > .relative > .top50 {
    font-size: 12px;
    right: 0;
    line-height: 1em;
    height: 1em;
    margin-top: -1em;
}
#fiexd_nav > .flex > .navbar > .substitution > .item > .relative:hover,
#fiexd_nav > .flex > .navbar > .substitution > .item > .relative.active {
    color: #c02125;
}
#fiexd_nav > .flex > .navbar > .navbar-button {
    display: none;
}
#fiexd_nav > .flex > .tel > .name {
    font-size: 12px;
    opacity: 0.8;
    margin-bottom: 1em;
}
#fiexd_nav > .flex > .tel > .value {
    font-size: 0.9em;
    color: #c02125;
}
#fiexd_nav.active {
    right: calc(-8.5em - 1.7rem);
}
@media (max-width: 1000px) {
    #fiexd_nav.active {
        right: 0;
    }
}
#fiexd_nav.selected:not(.active) {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    bottom: 0!important;
}
#home_business {
    margin-top: 1px;
}
@media (max-width: 1200px) {
    #home_business {
        display: block;
    }
}
#home_business > .right {
    order: 2;
}
@media (min-width: 1200px) {
    #home_business > .right {
        width: calc(8.5em + 5.85rem);
    }
}
#home_business > .right .swiper {
    margin: 0.8rem -0.4rem 0.5rem 0;
}
#home_business > .right .swiper .content {
    margin-right: 0.4rem;
}
#home_business > .right .swiper .content > .cover-img {
    padding-top: 70.3125%;
}
#home_business > .right .home-business-change {
    margin-bottom: 0.8rem;
    line-height: 1;
}
#home_business > .right .home-business-change > .middle-item {
    position: static;
    margin: 0;
    width: auto;
    height: auto;
}
#home_business > .right .home-business-change > .middle-item:after {
    font-size: inherit;
    color: inherit;
}
#home_business > .right .home-business-change > .middle-item.swiper-button {
    color: #adadad;
    opacity: 1;
}
#home_business > .right .home-business-change > .middle-item.swiper-button:hover {
    color: #c02125;
}
#home_business > .right .home-business-change > .middle-item.swiper-pagination {
    margin: 0 1em;
    font-weight: bold;
    font-family: Arial;
}
#home_business > .right .home-business-change > .middle-item.swiper-pagination > .swiper-pagination-current {
    color: #c02125;
    line-height: 0.75;
    font-size: 1.2em;
}
@media (max-width: 1500px) {
    #home_business > .right .home-business-change > .middle-item.swiper-pagination > .swiper-pagination-current {
        line-height: 0.8;
    }
}
#home_business > .right .home-business-change > .middle-item.swiper-pagination > .split {
    margin: 0 1em;
}
#home_business > .right .home-business-change > .middle-item.swiper-pagination > .split,
#home_business > .right .home-business-change > .middle-item.swiper-pagination > .swiper-pagination-total {
    font-size: 0.583em;
    color: #adadad;
}
#home_business > .left {
    order: 1;
    width: 100%;
    background-image: url(../images/home-about.jpg);
}
@media (max-width: 1300px) {
    #home_business > .left .body-content {
        font-size: 13.33px;
    }
}
@media (min-width: 768px) {
    #home_business > .left .body-content {
        margin-right: 0;
    }
}
#home_business > .left .body-content.line {
    top: 50%;
    bottom: auto;
    height: 0.15em;
    margin-top: -0.05em;
    background-color: #c02125;
    margin-right: -0.6rem;
}
@media (max-width: 768px) {
    #home_business > .left .body-content > .clear {
        margin-right: -10px;
        margin-bottom: -10px;
    }
}
#home_business > .left .body-content > .clear > .item {
    width: 25%;
    float: left;
}
@media (max-width: 768px) {
    #home_business > .left .body-content > .clear > .item {
        width: 50%;
    }
}
#home_business > .left .body-content > .clear > .item > .content {
    padding: 0.4rem;
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 980px) {
    #home_business > .left .body-content > .clear > .item > .content {
        padding: 20px;
    }
}
@media (max-width: 768px) {
    #home_business > .left .body-content > .clear > .item > .content {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #home_business > .left .body-content > .clear > .item > .content .default {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    #home_business > .left .body-content > .clear > .item > .content .fade {
        visibility: visible;
        opacity: 1;
        pointer-events: unset;
    }
}
#home_business > .left .body-content > .clear > .item > .content .iconfont {
    font-size: 2.5em;
}
@media (max-width: 1500px) {
    #home_business > .left .body-content > .clear > .item > .content .iconfont {
        font-size: 2.3em;
    }
}
@media (max-width: 1300px) {
    #home_business > .left .body-content > .clear > .item > .content .iconfont {
        font-size: 2.1em;
    }
}
#home_business > .left .body-content > .clear > .item > .content .key {
    font-size: 1.2em;
}
#home_business > .left .body-content > .clear > .item > .content .text-node {
    height: 72px;
    opacity: 1;
    -webkit-line-clamp: 3;
}
#home_business > .left .body-content > .clear > .item > .content .name {
    white-space: nowrap;
    margin-bottom: 3em;
}
#home_business > .left .body-content > .clear > .item > .content .name > .key {
    margin-left: 0.5em;
}
#home_business > .left .body-content > .clear > .item > .content:hover,
#home_business > .left .body-content > .clear > .item > .content.active {
    color: #ffffff;
    background-color: #c02125;
}
@media (min-width: 768px) {
    #home_business > .left .body-content > .clear > .item:nth-of-type(6n-3),
    #home_business > .left .body-content > .clear > .item:nth-of-type(6n-1),
    #home_business > .left .body-content > .clear > .item:nth-of-type(6n-5) {
        background-color: rgba(255, 255, 255, 0.35);
    }
    #home_business > .left .body-content > .clear > .item:nth-of-type(6n-3) {
        margin-right: 25%;
    }
    #home_business > .left .body-content > .clear > .item:nth-of-type(6n-2) {
        margin-left: 25%;
    }
}
#home_youshi {
    z-index: 1;
    background-image: url(../images/fangan.jpg);
}
#home_youshi .container {
    margin: 1.25rem auto 0;
    padding-bottom: 0.4rem;
    text-align: center;
    font-size: 0;
    max-width: 1300px;
}
@media (max-width: 1350px) {
    #home_youshi .container {
        max-width: 800px;
    }
}
@media (max-width: 768px) {
    #home_youshi .container {
        margin-top: 48px;
    }
}
@media (max-width: 500px) {
    #home_youshi .container {
        margin: 48px -10px 0;
    }
}
#home_youshi .container .relative {
    margin: 0 -0.17rem 0.4rem;
}
@media (max-width: 1200px) {
    #home_youshi .container .relative {
        margin: 0 -10px 20px;
    }
}
@media (max-width: 500px) {
    #home_youshi .container .relative {
        width: 50%;
    }
}
#home_youshi .container .relative > .cover-img {
    pointer-events: none;
}
#home_youshi .container .relative > .content {
    width: 170px;
    padding: 0.4rem 0.4rem 0;
}
@media (max-width: 1200px) {
    #home_youshi .container .relative > .content {
        padding: 25px 25px 0;
    }
}
@media (max-width: 500px) {
    #home_youshi .container .relative > .content {
        width: auto;
        padding: 20px 16px 0;
    }
}
#home_youshi .container .relative > .content > .title {
    padding-top: 0.2rem;
}
@media (max-width: 1200px) {
    #home_youshi .container .relative > .content > .title {
        padding-top: 12px;
    }
}
@media (max-width: 500px) {
    #home_youshi .container .relative > .content > .title {
        padding-top: 0;
    }
}
#home_youshi .container .relative > .content > .line {
    height: 2px;
    width: 10px;
    background-color: #c02125;
    margin: 0.8em auto;
}
#home_youshi .container .relative > .content > .text-node {
    height: 5.16em;
    -webkit-line-clamp: 3;
}
@media (max-width: 500px) {
    #home_youshi .container .relative > .content > .text-node {
        font-size: 12px;
    }
}
#home_youshi .container .relative > .content > .iconfont {
    font-size: 2em;
    margin-top: 12px;
    color: #c02125;
    line-height: 1;
}
@media (max-width: 768px) {
    #home_youshi .container .relative > .content > .iconfont {
        font-size: 1.5em;
        visibility: visible;
        opacity: 1;
        pointer-events: unset;
    }
}
#home_youshi .container .relative:nth-of-type(2n-1) > .cover-img.default {
    background-image: url(../images/c1.png);
}
#home_youshi .container .relative:nth-of-type(2n-1) > .cover-img.fade {
    background-image: url(../images/c3.png);
}
#home_youshi .container .relative:nth-of-type(2n) > .cover-img.default {
    background-image: url(../images/c2.png);
}
#home_youshi .container .relative:nth-of-type(2n) > .cover-img.fade {
    background-image: url(../images/c4.png);
}
#home_youshi .container .relative:hover .title {
    color: #c02125;
}
#home_youshi .container .relative:hover > .cover-img.fade {
    transform: rotateZ(-90deg);
}
#home_fangan {
    z-index: 2;
    margin-top: -0.85rem;
}
@media (max-width: 1100px) {
    #home_fangan {
        margin-top: -48px;
    }
}
#home_fangan > .bg {
    z-index: 1;
}
@media (min-width: 1200px) {
    #home_fangan > .bg {
        margin-right: -2.1rem;
        right: 50%;
    }
}
#home_fangan > .flex {
    z-index: 2;
}
@media (max-width: 1200px) {
    #home_fangan > .flex {
        display: block;
    }
}
@media (min-width: 1200px) {
    #home_fangan > .flex > .item {
        width: 50%;
    }
}
#home_fangan > .flex > .item .flex {
    margin: 1.4rem auto 2rem;
    text-align: center;
    font-size: 0.2rem;
}
@media (min-width: 768px) {
    #home_fangan > .flex > .item .flex {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    #home_fangan > .flex > .item .flex {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}
@media (max-width: 1200px) {
    #home_fangan > .flex > .item .flex {
        font-size: 14px;
        margin: 40px -0.1rem;
    }
}
@media (max-width: 768px) {
    #home_fangan > .flex > .item .flex > .item {
        width: 33.3333%;
        color: #c02125;
    }
    #home_fangan > .flex > .item .flex > .item:nth-of-type(3n) > .relative > .right {
        display: none;
    }
    #home_fangan > .flex > .item .flex > .item:nth-of-type(3n+1) > .relative > .left {
        display: none;
    }
}
#home_fangan > .flex > .item .flex > .item > .iconfont {
    font-size: 2em;
    opacity: 0.5;
}
#home_fangan > .flex > .item .flex > .item > .title {
    font-size: 1.1em;
    margin: 10px auto 0.5rem;
}
#home_fangan > .flex > .item .flex > .item > .contain-img {
    margin-top: 0.6em;
    max-height: 17px;
    overflow: hidden;
    background-image: url(../images/line.png);
}
#home_fangan > .flex > .item .flex > .item > .contain-img:after {
    padding-top: 27.42%;
}
#home_fangan > .flex > .item .flex > .item > .relative {
    width: 1.6em;
    height: 1.6em;
    border: 1px solid #c02125;
    margin: 0 auto;
    color: #c02125;
    line-height: 1.6em;
}
#home_fangan > .flex > .item .flex > .item > .relative > .order {
    font-size: 0.7em;
}
#home_fangan > .flex > .item .flex > .item > .relative > .top50 {
    height: 1px;
    background-color: #c6c6c6;
    margin-top: -0.5px;
    width: 1rem;
}
@media (max-width: 1200px) {
    #home_fangan > .flex > .item .flex > .item > .relative > .top50 {
        width: 2.5rem;
    }
}
@media (max-width: 600px) {
    #home_fangan > .flex > .item .flex > .item > .relative > .top50 {
        width: 40px;
    }
}
#home_fangan > .flex > .item .flex > .item > .relative > .top50.left {
    right: 100%;
    margin-right: 8px;
}
#home_fangan > .flex > .item .flex > .item > .relative > .top50.right {
    left: 100%;
    margin-left: 8px;
}
#home_fangan > .flex > .item .flex > .item:first-child > .relative > .left {
    display: none;
}
#home_fangan > .flex > .item .flex > .item:last-child > .relative > .right {
    display: none;
}
#home_fangan > .flex > .item .flex > .item:hover {
    color: #c02125;
}
#home_fangan > .flex > .item .flex > .item:hover > .iconfont {
    opacity: 1;
}
#home_fangan > .flex > .item .flex > .item:hover > .relative {
    background-color: #c02125;
    color: #fff;
}
#home_about {
    background-image: url(../images/home-about-bg.jpg);
}
#home_about > .bg {
    width: 1.28rem;
    background-image: url(../images/xidian.png);
}
#home_about > .bg:after {
    padding-top: 644.53125%;
}
@media (min-width: 1200px) {
    #home_about > .relative.left {
        width: 43%;
        float: left;
    }
}
#home_about > .relative.left .line {
    padding: 30px 0;
    margin: 0.1rem 0;
}
#home_about > .relative.left .line:after {
    width: 20px;
    height: 2px;
    background-color: #c02125;
}
#home_about > .relative.left #about_data {
    padding-top: 0.1rem;
    max-width: 350px;
    margin-bottom: 0.8rem;
}
#home_about > .relative.left #about_data > .item {
    padding-top: 20px;
    margin-top: 0.2rem;
    width: 50%;
}
#home_about > .relative.left #about_data > .item > .content > .value {
    line-height: 0.4rem;
}
@media (max-width: 1300px) {
    #home_about > .relative.left #about_data > .item > .content > .value {
        line-height: 28px;
    }
}
#home_about > .relative.left #about_data > .item > .content > .value > .bottom-item {
    line-height: 1.5;
    margin: 0 6px;
}
#home_about > .relative.left #about_data > .item > .content > .value > .add,
#home_about > .relative.left #about_data > .item > .content > .value > .data {
    font-weight: bold;
    color: #c02125;
    font-family: Arial;
}
#home_about > .relative.left #about_data > .item > .content > .value > .data {
    font-size: 0.4rem;
}
@media (max-width: 1300px) {
    #home_about > .relative.left #about_data > .item > .content > .value > .data {
        font-size: 28px;
    }
}
#home_about > .relative.left #about_data > .item > .content > .value > .add {
    font-size: 0.26rem;
}
@media (max-width: 1300px) {
    #home_about > .relative.left #about_data > .item > .content > .value > .add {
        font-size: 18px;
    }
}
#home_about > .relative.left #about_data > .item > .content > .key {
    font-size: 14px;
    opacity: 0.5;
}
#home_about > .relative.left #about_data > .item:nth-of-type(2n-1) > .content {
    float: left;
}
#home_about > .relative.left #about_data > .item:nth-of-type(2n) > .content {
    float: right;
}
#home_about > .relative.right {
    margin-top: 36px;
}
@media (min-width: 1200px) {
    #home_about > .relative.right {
        margin: 0;
        width: 57%;
        float: right;
    }
}
#home_about > .relative.right .map {
    max-width: 527px;
    margin: 0 auto;
    position: relative;
    background-image: url(../images/map.png);
}
#home_about > .relative.right .map:after {
    padding-top: 82.5426945%;
}
#home_about > .relative.right .map > .dot {
    cursor: pointer;
    position: absolute;
}
#home_about > .relative.right .map > .dot > .circle {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #c02125;
}
#home_about > .relative.right .map > .dot > .circle.center {
    width: 0.4em;
    height: 0.4em;
    margin: -0.2em;
}
#home_about > .relative.right .map > .dot > .circle.sport {
    width: 2em;
    height: 2em;
    margin: -1em;
    transform: scale(0);
}
#home_about > .relative.right .map > .dot.active > .sport {
    animation: map-dot-animation 2s linear infinite;
}
@keyframes map-dot-animation {
    0% {
        transform: scale(0);
    }
    80% {
        transform: scale(4);
        opacity: 0.1;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}
#home_about > .relative.right .map > .dot:nth-of-type(1) {
    left: 53.51043643%;
    top: 66.51480638%;
}
#home_about > .relative.right .map > .dot:nth-of-type(2) {
    left: 58.25426945%;
    top: 68.79271071%;
}
#home_about > .relative.right .map > .dot:nth-of-type(3) {
    left: 61.85958254%;
    top: 55.80865604%;
}
#home_about > .relative.right .map > .dot:nth-of-type(4) {
    left: 73.05502846%;
    top: 64.92027335%;
}
#home_about > .relative.right .map > .dot:nth-of-type(5) {
    left: 77.79886148%;
    top: 58.08656036%;
}
#home_about > .relative.right .container > .swiper {
    margin: 24px -0.25rem 0 0;
}
#home_about > .relative.right .container > .swiper .content {
    margin-right: 0.25rem;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
}
#home_about > .relative.right .container > .swiper .content .contain-img {
    padding-top: 140%;
}
#home_about > .relative.right .container > .swiper .content .title {
    margin-top: 1em;
}
#home_about > .relative.right .container > .swiper .content:hover {
    color: #c02125;
}
#footer {
    background-color: #353535;
    color: #fff;
}
@media (min-width: 1200px) {
    #footer .top > .left {
        float: left;
    }
}
#footer .top > .left > .blogroll {
    margin-left: 0.7rem;
    background-color: #ffffff;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    cursor: pointer;
}
#footer .top > .left > .blogroll > select {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 80px;
    color: rgba(0, 0, 0, 0.6);
    position: relative;
    background-color: transparent;
    border: 0 none;
    outline: 0 none;
    z-index: 1;
    text-align: right;
    direction: rtl;
}
@media (min-width: 768px) {
    #footer .top > .left > .blogroll > select {
        width: 90px;
        box-sizing: content-box;
    }
}
#footer .top > .left > .blogroll > .key,
#footer .top > .left > .blogroll > .iconfont {
    pointer-events: none;
    z-index: 2;
}
#footer .top > .left > .blogroll > .key {
    color: rgba(0, 0, 0, 0.7);
    left: 16px;
}
#footer .top > .left > .blogroll > .iconfont {
    line-height: 1;
    margin-top: -7px;
    width: 40px;
    text-align: center;
    right: 0;
    color: #c02125;
}
#footer .top > .left > .blogroll:hover {
    -webkit-filter: drop-shadow(4px 4px 0 rgba(255, 255, 255, 0.5));
    filter: drop-shadow(4px 4px 0 rgba(255, 255, 255, 0.5));
}
@media (max-width: 1200px) {
    #footer .top > .left > .blogroll {
        float: right;
    }
}
@media (max-width: 768px) {
    #footer .top > .left > .blogroll {
        float: none;
        height: 40px;
        line-height: 40px;
        margin: 30px auto -10px;
        display: block;
    }
}
#footer .top > .right {
    float: right;
}
@media (max-width: 1200px) {
    #footer .top > .right {
        display: none;
    }
}
#footer .top > .right > .fl {
    text-align: center;
}
#footer .top > .right > .fl:not(:last-child) {
    margin-right: 0.5rem;
}
#footer .top > .right > .fl > a.top {
    margin-bottom: 0.1rem;
}
#footer .top > .right > .fl > a:not(.top) {
    font-size: 0.875em;
    opacity: 0.8;
    margin-top: 0.2rem;
}
#footer .top > .right > .fl > a:hover {
    opacity: 1;
    text-decoration: underline;
}
#footer .top > #to_top {
    z-index: 105;
    position: fixed;
    right: -80px;
    bottom: 15%;
    color: #c02125;
    -webkit-filter: drop-shadow(0 0 10px #c02125);
    filter: drop-shadow(0 0 10px #c02125);
}
#footer .top > #to_top > .iconfont {
    font-size: 1.5em;
}
#footer .top > #to_top > span {
    font-size: 0.7em;
}
#footer .top > #to_top.active {
    right: 20px;
}
#footer .container {
    margin-top: 40px;
    margin-bottom: 0.3rem;
    padding-bottom: 20px;
}
@media (max-width: 768px) {
    #footer .container {
        font-size: 12px;
    }
}
#footer .container > .left {
    margin-right: 300px;
}
@media (max-width: 1000px) {
    #footer .container > .left {
        margin-right: -30px;
        margin-bottom: 12px;
    }
    #footer .container > .left:after {
        content: "";
        display: block;
        clear: both;
    }
}
#footer .container > .left > .item {
    float: left;
    margin-bottom: 0.4rem;
    margin-right: 0.5rem;
}
@media (max-width: 1000px) {
    #footer .container > .left > .item {
        margin-bottom: 24px;
        margin-right: 30px;
    }
}
@media (max-width: 768px) {
    #footer .container > .left > .item {
        margin-bottom: 16px;
    }
}
#footer .container > .left > .item:first-child {
    float: none;
    margin-right: 0;
}
#footer .container > .left > .item .tel {
    font-size: 1.3em;
    font-weight: bold;
    display: inline-block;
}
@media (max-width: 768px) {
    #footer .container > .left > .item .tel {
        font-size: 1em;
    }
}
#footer .container > .left > .item > .key {
    font-size: 112.5%;
    margin-bottom: 6px;
}
@media (max-width: 768px) {
    #footer .container > .left > .item > .key {
        margin-bottom: 0;
    }
}
#footer .container > .right {
    padding-top: 0.4rem;
    text-align: center;
}
@media (max-width: 1000px) {
    #footer .container > .right {
        position: static;
    }
}
@media (max-width: 1000px) {
    #footer .container > .right > .fl {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}
#footer .container > .right > .fl:not(:last-child) {
    margin-right: 0.8rem;
}
#footer .container > .right > .fl.wechat {
    font-size: 14px;
    line-height: 2;
    max-width: 100px;
}
#footer .container > .right > .fl > .key {
    margin-bottom: 0.4rem;
}
#footer .container > .right > .fl .circle {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    background-color: #fff;
    color: #c02125;
}
#footer .container > .right > .fl .circle:not(:last-child) {
    margin-right: 12px;
}
#footer .container > .right > .fl .circle > .iconfont {
    font-size: 14px;
}
#footer .container > .right > .fl .circle:hover {
    background-color: #c02125;
    color: #fff;
}
#footer .copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.32rem 0;
    font-size: 0.875em;
}
@media (max-width: 1000px) {
    #footer .copyright {
        padding: 16px 0;
        font-size: 12px;
        display: block;
        text-align: center;
    }
}
#footer .copyright > .item {
    margin: 2px 0;
    opacity: 0.7;
}
#column > .cover-img {
    min-height: 200px;
}
#column > .cover-img:after {
    padding-top: 33.69791667%;
}
@media (min-width: 1000px) {
    #column #fiexd_nav {
        display: none;
    }
}
#gaikuang {
    text-align: center;
}
#gaikuang .text-node {
    padding: 20px 0 30px;
    margin: 0.2rem auto;
}
#gaikuang #about_data {
    max-width: 1200px;
    margin: 0 auto;
}
@media (max-width: 640px) {
    #gaikuang #about_data {
        margin-bottom: -30px;
    }
}
@media (max-width: 640px) {
    #gaikuang #about_data > .item {
        width: 50%;
        margin-bottom: 30px;
    }
}
#gaikuang #about_data .value {
    line-height: 0.5rem;
    margin-bottom: 10px;
}
#gaikuang #about_data .name {
    line-height: 1;
}
#gaikuang #about_data .unit {
    margin-left: 5px;
}
#gaikuang #about_data .key,
#gaikuang #about_data .name {
    font-size: 14px;
    color: #999;
}
#gaikuang #about_data .unit,
#gaikuang #about_data .data {
    color: #c02125;
    font-weight: bold;
}
#gaikuang #about_data .data {
    font-size: 0.6rem;
}
@media (max-width: 1000px) {
    #gaikuang #about_data .data {
        font-size: 30px;
    }
}
#home_youshi.about {
    background-image: url(../images/youshi.jpg);
}
#liucheng {
    background-image: url(../images/liucheng.jpg);
}
#liucheng .body-container {
    margin-top: 1.1rem;
    margin-bottom: 0.4rem;
}
@media (min-width: 1000px) {
    #liucheng .body-container > .full {
        z-index: 1;
        background-image: url(../images/l.png);
        top: auto;
        bottom: 0;
        margin-top: -18px;
    }
    #liucheng .body-container > .full:after {
        padding-top: 3.33333333%;
    }
}
#liucheng .body-container > .container {
    z-index: 2;
}
@media (max-width: 1000px) {
    #liucheng .body-container > .container {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    #liucheng .body-container > .container {
        font-size: 12px;
    }
}
#liucheng .body-container > .container > .item {
    width: 100%;
    text-align: center;
}
@media (min-width: 1000px) {
    #liucheng .body-container > .container > .item:nth-of-type(3n-2) {
        padding-top: 0.44rem;
    }
    #liucheng .body-container > .container > .item:nth-of-type(3n-1) {
        padding-top: 0.44rem;
    }
}
@media (max-width: 768px) {
    #liucheng .body-container > .container > .item > .top-item {
        color: #c02125;
    }
}
#liucheng .body-container > .container > .item > .top-item > .title {
    font-size: 0.9em;
    margin: 0.32rem auto 0.56rem;
}
#liucheng .body-container > .container > .item > .top-item > .iconfont {
    font-size: 3em;
}
@media (max-width: 1500px) {
    #liucheng .body-container > .container > .item > .top-item > .iconfont {
        font-size: 2.4em;
    }
}
#liucheng .body-container > .container > .item > .top-item > .circle {
    width: 2.28571429em;
    height: 2.28571429em;
    line-height: 2.28571429em;
    background-color: #fff;
    font-size: 0.7em;
    margin: 0 auto;
    border: 1px solid #c02125;
    color: #c02125;
}
#liucheng .body-container > .container > .item > .top-item > .fade {
    margin-top: 0.7em;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 3.1em;
    margin-left: -1.55em;
    background-image: url(../images/line.png);
}
#liucheng .body-container > .container > .item > .top-item > .fade:after {
    padding-top: 27.41935484%;
}
#liucheng .body-container > .container > .item > .top-item:hover {
    color: #c02125;
}
#liucheng .body-container > .container > .item > .top-item:hover > .circle {
    background-color: #c02125;
    color: #fff;
}
#wenhua {
    background-image: url(../images/wenhuabg.jpg);
}
#wenhua .section-title {
    color: #fff;
}
#wenhua .body {
    padding-top: 30px;
    margin-top: 0.3rem;
}
#wenhua .body > .swiper-button {
    width: 0.62rem;
    height: 0.62rem;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 1000px) {
    #wenhua .body > .swiper-button {
        display: none;
    }
}
#wenhua .body > .swiper-button:after {
    font-size: inherit;
    color: inherit;
}
#wenhua .body > .swiper-button:hover {
    background-color: #c02125;
    border-color: #c02125;
    color: #fff;
}
@media (min-width: 1000px) {
    #wenhua .body > .swiper-pagination {
        display: none;
    }
}
@media (min-width: 1000px) {
    #wenhua .body > .container {
        margin: 0 1rem;
    }
}
#wenhua .body > .container > .swiper {
    margin-right: -0.24rem;
}
@media (max-width: 500px) {
    #wenhua .body > .container > .swiper {
        padding: 0.25rem 0;
    }
}
@media (min-width: 500px) {
    #wenhua .body > .container > .swiper .swiper-slide:nth-of-type(2n-1) {
        top: -0.25rem;
    }
    #wenhua .body > .container > .swiper .swiper-slide:nth-of-type(2n) {
        top: 0.25rem;
    }
}
#wenhua .body > .container > .swiper .swiper-slide > .content {
    margin-right: 0.24rem;
    padding: 0.3rem;
    height: 13.5em;
    background-image: url(../images/wenhua.jpg);
    text-align: center;
}
#wenhua .body > .container > .swiper .swiper-slide > .content > .box {
    z-index: 3;
}
#wenhua .body > .container > .swiper .swiper-slide > .content > .full.cover-img {
    z-index: 1;
}
#wenhua .body > .container > .swiper .swiper-slide > .content > .full.bg {
    background-color: rgba(192, 33, 37, 0.8);
    z-index: 2;
}
#wenhua .body > .container > .swiper .swiper-slide > .content .iconfont {
    font-size: 2.5em;
}
#wenhua .body > .container > .swiper .swiper-slide > .content .title {
    font-size: 0.9em;
    margin: 0.8em auto 0;
}
#wenhua .body > .container > .swiper .swiper-slide > .content .en {
    opacity: 0.7;
    font-size: 0.7em;
}
#wenhua .body > .container > .swiper .swiper-slide > .content .line {
    width: 1.8em;
    height: 1px;
    background-color: #999999;
    margin: 1em auto 0;
}
#wenhua .body > .container > .swiper .swiper-slide > .content .text {
    font-size: 0.8em;
    margin-top: 0;
    line-height: 1.5;
    height: 0;
}
#wenhua .body > .container > .swiper .swiper-slide > .content:hover {
    color: #fff;
}
#wenhua .body > .container > .swiper .swiper-slide > .content:hover .text {
    margin-top: 1em;
    height: 3em;
}
#wenhua .body > .container > .swiper .swiper-slide > .content:hover .line {
    background-color: #fff;
    width: 100%;
}
#honor {
    background-image: url("../images/honor.jpg");
}
#honor .body {
    text-align: center;
    padding-top: 30px;
    margin-top: 0.6rem;
    padding-bottom: 1.8rem;
}
#honor .body .shadow {
    background-image: url(../images/shadow.png);
    padding-top: 1.71428571%;
}
@media (max-width: 1000px) {
    #lianxi > .flex {
        display: block;
    }
}
@media (min-width: 1000px) {
    #lianxi > .flex > .item {
        width: 50%;
    }
}
#lianxi > .flex > .item > .body-container {
    background-image: url(../images/lianxi.png);
    background-position: top center;
}
#lianxi > .flex > .item > .body-container > .line {
    margin: 36px auto;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #c02125 0%, #d4d4d4 40%, #d4d4d4);
    background-image: linear-gradient(left, #c02125 0%, d4d4d4 40%, #d4d4d4);
}
#lianxi > .flex > .item > .body-container > .container {
    padding-bottom: 0.72rem;
    padding-top: 0.24rem;
}
#lianxi > .flex > .item > .body-container > .container > .clear {
    margin-bottom: 8px;
}
#lianxi > .flex > .item > .body-container > .container > .clear > .fl {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    border: 1px solid #c6c6c6;
}
#lianxi > .flex > .item > .body-container > .container > .clear > .right {
    margin-left: 2.5em;
    padding-top: 0.3em;
}
#lianxi > .flex > .item > .body-container > .container > .clear > .right > .text {
    font-size: 14px;
}
#lianxi > .flex > .item > .body-container > .wx {
    max-width: 100px;
}
@media (max-width: 1000px) {
    #lianxi > .flex > .item #map {
        height: 360px;
    }
}
#lianxi > .flex > .item #map .BMapLabel > .content {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -2.5em;
    margin-bottom: 0.5em;
    width: 3.5em;
    height: 3.5em;
    text-align: center;
    line-height: 3.5em;
    padding: 0.6em;
    border: 0.15em solid #a3241b;
}
#lianxi > .flex > .item #map .BMapLabel > .content:after {
    left: 50%;
    top: 100%;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    border-top: 0.5em solid #a3241b;
    margin-left: -0.3em;
}
#lianxi > .flex > .item #map .BMapLabel > .content > .box {
    overflow: hidden;
    background-color: #a3241b;
}
#case {
    padding-top: 24px;
}
#case .column-title {
    margin-bottom: 0.4rem;
    padding-bottom: 24px;
}
@media (max-width: 1500px) {
    #case .column-title {
        display: block;
    }
}
#case .column-title > .right {
    font-size: 0;
}
@media (max-width: 1500px) {
    #case .column-title > .right {
        margin-top: 24px;
    }
}
#case .column-title > .right > .item {
    width: 7.9em;
    height: 2.4em;
    line-height: 2.4em;
    color: #969696;
    border: 1px solid #c6c6c6;
    font-size: 0.2rem;
    text-align: center;
}
@media (max-width: 1500px) {
    #case .column-title > .right > .item {
        font-size: 15px;
        margin: 10px 0.2rem 0;
    }
}
@media (max-width: 1000px) {
    #case .column-title > .right > .item {
        font-size: 12px;
    }
}
@media (min-width: 1500px) {
    #case .column-title > .right > .item:not(:last-child) {
        margin-right: 0.4rem;
    }
}
#case .column-title > .right > .item .iconfont {
    font-size: 1.2em;
}
#case .column-title > .right > .item:hover,
#case .column-title > .right > .item.active {
    border-color: #c02125;
    background-color: #c02125;
    color: #fff;
}
#case .list-type-01 {
    color: #fff;
}
#case .list-type-01 .cover-img {
    padding-top: 57.1942446%;
    z-index: 1;
}
#case .list-type-01 .default {
    z-index: 2;
    margin: 1.6em 1.2em;
}
#case .list-type-01 .masking {
    z-index: 3;
    background-color: rgba(192, 33, 37, 0.8);
}
#case .list-type-01 .flex {
    z-index: 4;
    padding: 1.6em;
    text-align: center;
}
#case .list-type-01 .flex .text-more-over {
    line-height: 1.5;
    max-height: 3em;
    margin-bottom: 1.2em;
}
#case .list-type-01 .more > .iconfont {
    margin-left: 0;
    color: #fff;
    border-color: #fff;
}
#case .list-type-02 .col-content {
    background-color: #fff;
}
#case .list-type-02 .col-content .cover-img {
    padding-top: 57.1942446%;
}
#case .list-type-02 .col-content .content {
    padding: 1.8em 1.8em 1.2em;
    text-align: center;
}
#case .list-type-02 .col-content .content .title {
    margin-bottom: 0.6em;
}
#case .list-type-02 .col-content .content .more {
    padding: 6px 22px;
    background-color: transparent;
    color: #666;
}
#case .list-type-02 .col-content .content .more > .iconfont {
    width: 0;
    margin-left: 0;
    overflow: hidden;
}
#case .list-type-02 .col-content:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#case .list-type-02 .col-content:hover .content .more {
    background-color: #c02125;
    color: #fff;
}
#case .list-type-02 .col-content:hover .content .more > .iconfont {
    width: 14px;
    margin-left: 6px;
}
#detail .main .row-title {
    line-height: 1;
    border-left: 4px solid #c02125;
    padding-left: 12px;
    margin-bottom: 32px;
}
@media (max-width: 1200px) {
    #detail .main .row-title {
        margin-bottom: 20px;
    }
}
#detail .main .row-title > .text {
    font-size: 1.2em;
    font-weight: bold;
}
#detail .main .text-node {
    margin-bottom: 50px;
}
@media (max-width: 1200px) {
    #detail .main .text-node {
        margin-bottom: 30px;
    }
}
@media (max-width: 1200px) {
    #detail .main > .spacing-top {
        display: none;
    }
}
#detail .main > .time {
    font-size: 14px;
    color: #999;
    margin-top: 12px;
}
#detail .main > .title {
    font-size: 0.36rem;
}
@media (max-width: 1200px) {
    #detail .main > .title {
        font-size: 22px;
    }
}
#detail .main .padding {
    height: 30px;
    margin: 0.25rem auto;
}
#detail .main .col-3:not(.col) {
    margin: 0 -1.2em -1.2em 0;
}
#detail .main .col-3:not(.col) > .col-item {
    float: left;
}
#detail .main .col-3:not(.col) > .col-item > .col-content {
    margin: 0 1.2em 1.2em 0;
}
#detail .main .goucheng .type {
    color: #c02125;
    margin-bottom: 1em;
}
#detail .main .goucheng .type > .iconfont {
    font-size: 1.5em;
}
#detail .main .goucheng .type > span {
    font-weight: bold;
    font-size: 1.2em;
}
#detail .main .goucheng .col-content {
    padding-bottom: 20px;
}
#detail .main .goucheng ul {
    padding-left: 16px;
}
#detail .main .goucheng ul li {
    list-style: disc;
    color: #666666;
    margin-bottom: 12px;
    font-size: 12px;
}
@media (max-width: 1000px) {
    #detail .main .goucheng ul li {
        margin-bottom: 6px;
    }
}
#detail .main .goucheng ul li > .text {
    font-size: 16px;
}
@media (max-width: 1200px) {
    #detail .main .goucheng ul li > .text {
        font-size: 14px;
    }
}
#detail .main .goucheng ul li > .text > b {
    color: #333;
}
#detail .main .fenlei .cover-img {
    padding-top: 64%;
}
#detail .main .fenlei .fade-masking {
    top: auto;
    height: 40%;
    opacity: 0.5;
}
#detail .main .fenlei .text-over {
    top: auto;
    margin: 1.2em;
    color: #fff;
    line-height: 1.4em;
}
#detail .main .fenlei .text-over > .iconfont {
    font-size: 1.4em;
}
#detail .main .tese {
    text-align: center;
}
#detail .main .tese .col-item {
    float: none;
    padding-bottom: 20px;
    max-width: 50%;
}
#detail .main .tese .circle {
    width: 4.25em;
    height: 4.25em;
    text-align: center;
    line-height: 4.25em;
    border: 1px solid #d9d9d9;
    font-size: 0.2rem;
    margin: 0 auto 1.2em;
}
@media (max-width: 1200px) {
    #detail .main .tese .circle {
        font-size: 13px;
    }
}
#detail .main .tese .circle > .iconfont {
    font-size: 2em;
}
#detail .main .tese .line {
    margin: 1.5em auto 1.2em;
    width: 2.3em;
    height: 1px;
    background-color: #c02125;
}
#detail .main .tese .text-node {
    margin-bottom: 0;
}
#detail .main .tese .col-content:hover .circle {
    border-color: #c02125;
    background-color: #c02125;
    color: #fff;
}
#detail .main .changjing .col-content > .cover-img {
    padding-top: 71.67919799%;
}
#detail .main .changjing .col-content > .content {
    border: 1px solid #c6c6c6;
    border-top: 0 none;
    padding: 1em;
    line-height: 1;
    text-align: center;
}
#detail .main .changjing .col-content:hover > .content {
    border-color: #c02125;
    color: #fff;
    background-color: #c02125;
}
#detail .main .page {
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 -0.85rem;
    color: #666;
}
#detail .main .page .fl,
#detail .main .page .fr {
    background-color: #fff;
}
#detail .main .page .fl {
    text-align: left;
    border-right: 1px solid #e4e4e4;
}
#detail .main .page .fr {
    text-align: right;
    border-left: 1px solid #e4e4e4;
}
#detail .main .page a:hover {
    background-color: #c02125;
    color: #fff;
}

/*悬浮链接*/
.suspension{position:fixed;z-index:550;right:0;bottom:50%;transform:translateY(50%);width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a.lx{display:none}
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.suspension .d-qrcode .inner-box .qrcode-img img{
    max-width: 100%;
}