@charset "utf-8";
html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    touch-action: manipulation;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
    display: block;
    margin: 0;
    padding: 0
}

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

table,
th,
td {
    border: 1px solid black;
}

fieldset,
img {
    border: 0
}

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

dl,
ol,
ul {
    list-style-type: none
}

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

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none;
    outline: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

@media(min-width: 1201px) {
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -o-crisp-edges;
        image-rendering: -moz-crisp-edges;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
    }
}

button,
input[type=submit],
input[type=text],
input[type=button] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    blr: expression(this.onFocus=this.blur())
}

input {
    outline: 0;
}

input::-webkit-input-safebox-button {
    display: none;
    /*去掉搜狗浏览器密码软盘*/
}

body {
    font-size: 14px;
    color: #000;
}

body * {
    box-sizing: border-box;
    font-family: MiSans-Normal;
}

#web-ietip {
    width: 526px;
    height: 90px;
    padding: 83px 0 0 84px;
    overflow: hidden;
    background: url(../css/ietip/browser.png) no-repeat center center;
    margin: 200px auto 0;
}

#web-ietip a {
    display: block;
    width: 65px;
    height: 80px;
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.ellipsis {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.eps2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

img[img-src] {
    opacity: 0;
}

img[done] {
    opacity: 1;
    transition: opacity .01s;
}

@media(max-width: 1200px) {
    img {
        image-rendering: auto;
    }
}

@font-face {
    font-family: MiSans-Normal;
    src: url('../font/MiSans-Normal.ttf');
    font-display: swap;
}

@font-face {
    font-family: MiSans-Semibold;
    src: url('../font/MiSans-Demibold.ttf');
    font-display: swap;
}

.a-titles,
.b-titles,
.b-nub,
.c-titles,
.c-nav.active .c-classify,
.d-titles,
.f-phone,
.banner-titles,
.my-titles,
.j-titles,
.p-nub,
.p-add,
.p-unit {
    font-family: MiSans-Semibold;
}

html {
    font-size: calc(100vw / 1920 * 100);
}

@media(max-width: 900px) {
    html {
        font-size: calc(900px / 1920 * 100);
    }
}

body {
    font-size: calc(16 * 1rem / 100);
}

@media(max-width: 1584px) {
    body {
        font-size: 13.2px;
    }
}

.s12 {
    font-size: calc(12 * 1rem / 100);
}

@media(max-width: 1920px) {
    .s12 {
        font-size: 12px;
    }
}

.s13 {
    font-size: calc(13 * 1rem / 100);
}

@media(max-width: 1816px) {
    .s13 {
        font-size: 12.3px;
    }
}

.s14 {
    font-size: calc(14 * 1rem / 100);
}

@media(max-width: 1728px) {
    .s14 {
        font-size: 12.6px;
    }
}

.s15 {
    font-size: calc(15 * 1rem / 100);
}

@media(max-width: 1651px) {
    .s15 {
        font-size: 12.9px;
    }
}

.s16 {
    font-size: calc(16 * 1rem / 100);
}

@media(max-width: 1584px) {
    .s16 {
        font-size: 13.2px;
    }
}

.s17 {
    font-size: calc(17 * 1rem / 100);
}

@media(max-width: 1524px) {
    .s17 {
        font-size: 13.5px;
    }
}

.s18 {
    font-size: calc(18 * 1rem / 100);
}

@media(max-width: 1472px) {
    .s18 {
        font-size: 13.8px;
    }
}

.s19 {
    font-size: calc(19 * 1rem / 100);
}

@media(max-width: 1424px) {
    .s19 {
        font-size: 14.1px;
    }
}

.s20 {
    font-size: calc(20 * 1rem / 100);
}

@media(max-width: 1382px) {
    .s20 {
        font-size: 14.4px;
    }
}

.s21 {
    font-size: calc(21 * 1rem / 100);
}

@media(max-width: 1344px) {
    .s21 {
        font-size: 14.7px;
    }
}

.s22 {
    font-size: calc(22 * 1rem / 100);
}

@media(max-width: 1309px) {
    .s22 {
        font-size: 15px;
    }
}

.s23 {
    font-size: calc(23 * 1rem / 100);
}

@media(max-width: 1277px) {
    .s23 {
        font-size: 15.3px;
    }
}

.s24 {
    font-size: calc(24 * 1rem / 100);
}

@media(max-width: 1248px) {
    .s24 {
        font-size: 15.6px;
    }
}

.s25 {
    font-size: calc(25 * 1rem / 100);
}

@media(max-width: 1221px) {
    .s25 {
        font-size: 15.9px;
    }
}

.s26 {
    font-size: calc(26 * 1rem / 100);
}

@media(max-width: 1196px) {
    .s26 {
        font-size: 16.2px;
    }
}

.s27 {
    font-size: calc(27 * 1rem / 100);
}

@media(max-width: 1173px) {
    .s27 {
        font-size: 16.5px;
    }
}

.s28 {
    font-size: calc(28 * 1rem / 100);
}

@media(max-width: 1152px) {
    .s28 {
        font-size: 16.8px;
    }
}

.s29 {
    font-size: calc(29 * 1rem / 100);
}

@media(max-width: 1132px) {
    .s29 {
        font-size: 17.1px;
    }
}

.s30 {
    font-size: calc(30 * 1rem / 100);
}

@media(max-width: 1113px) {
    .s30 {
        font-size: 17.4px;
    }
}

.s31 {
    font-size: calc(31 * 1rem / 100);
}

@media(max-width: 1096px) {
    .s31 {
        font-size: 17.7px;
    }
}

.s32 {
    font-size: calc(32 * 1rem / 100);
}

@media(max-width: 1080px) {
    .s32 {
        font-size: 18px;
    }
}

.s33 {
    font-size: calc(33 * 1rem / 100);
}

@media(max-width: 1064px) {
    .s33 {
        font-size: 18.3px;
    }
}

.s34 {
    font-size: calc(34 * 1rem / 100);
}

@media(max-width: 1050px) {
    .s34 {
        font-size: 18.6px;
    }
}

.s35 {
    font-size: calc(35 * 1rem / 100);
}

@media(max-width: 1036px) {
    .s35 {
        font-size: 18.9px;
    }
}

.s36 {
    font-size: calc(36 * 1rem / 100);
}

@media(max-width: 1024px) {
    .s36 {
        font-size: 19.2px;
    }
}

.s37 {
    font-size: calc(37 * 1rem / 100);
}

@media(max-width: 1011px) {
    .s37 {
        font-size: 19.5px;
    }
}

.s38 {
    font-size: calc(38 * 1rem / 100);
}

@media(max-width: 1000px) {
    .s38 {
        font-size: 19.8px;
    }
}

.s39 {
    font-size: calc(39 * 1rem / 100);
}

@media(max-width: 989px) {
    .s39 {
        font-size: 20.1px;
    }
}

.s40 {
    font-size: calc(40 * 1rem / 100);
}

@media(max-width: 979px) {
    .s40 {
        font-size: 20.4px;
    }
}

.s41 {
    font-size: calc(41 * 1rem / 100);
}

@media(max-width: 969px) {
    .s41 {
        font-size: 20.7px;
    }
}

.s42 {
    font-size: calc(42 * 1rem / 100);
}

@media(max-width: 960px) {
    .s42 {
        font-size: 21px;
    }
}

.s43 {
    font-size: calc(43 * 1rem / 100);
}

@media(max-width: 951px) {
    .s43 {
        font-size: 21.3px;
    }
}

.s44 {
    font-size: calc(44 * 1rem / 100);
}

@media(max-width: 942px) {
    .s44 {
        font-size: 21.6px;
    }
}

.s45 {
    font-size: calc(45 * 1rem / 100);
}

@media(max-width: 934px) {
    .s45 {
        font-size: 21.9px;
    }
}

.s46 {
    font-size: calc(46 * 1rem / 100);
}

@media(max-width: 926px) {
    .s46 {
        font-size: 22.2px;
    }
}

.s47 {
    font-size: calc(47 * 1rem / 100);
}

@media(max-width: 919px) {
    .s47 {
        font-size: 22.5px;
    }
}

.s48 {
    font-size: calc(48 * 1rem / 100);
}

@media(max-width: 912px) {
    .s48 {
        font-size: 22.8px;
    }
}

.s49 {
    font-size: calc(49 * 1rem / 100);
}

@media(max-width: 905px) {
    .s49 {
        font-size: 23.1px;
    }
}

.s50 {
    font-size: calc(50 * 1rem / 100);
}

@media(max-width: 898px) {
    .s50 {
        font-size: 23.4px;
    }
}

.s51 {
    font-size: calc(51 * 1rem / 100);
}

@media(max-width: 892px) {
    .s51 {
        font-size: 23.7px;
    }
}

.s52 {
    font-size: calc(52 * 1rem / 100);
}

@media(max-width: 886px) {
    .s52 {
        font-size: 24px;
    }
}

.s53 {
    font-size: calc(53 * 1rem / 100);
}

@media(max-width: 880px) {
    .s53 {
        font-size: 24.3px;
    }
}

.s54 {
    font-size: calc(54 * 1rem / 100);
}

@media(max-width: 874px) {
    .s54 {
        font-size: 24.6px;
    }
}

.s55 {
    font-size: calc(55 * 1rem / 100);
}

@media(max-width: 869px) {
    .s55 {
        font-size: 24.9px;
    }
}

.s56 {
    font-size: calc(56 * 1rem / 100);
}

@media(max-width: 864px) {
    .s56 {
        font-size: 25.2px;
    }
}

.s57 {
    font-size: calc(57 * 1rem / 100);
}

@media(max-width: 858px) {
    .s57 {
        font-size: 25.5px;
    }
}

.s58 {
    font-size: calc(58 * 1rem / 100);
}

@media(max-width: 854px) {
    .s58 {
        font-size: 25.8px;
    }
}

.s59 {
    font-size: calc(59 * 1rem / 100);
}

@media(max-width: 849px) {
    .s59 {
        font-size: 26.1px;
    }
}

.s60 {
    font-size: calc(60 * 1rem / 100);
}

@media(max-width: 844px) {
    .s60 {
        font-size: 26.4px;
    }
}

.s61 {
    font-size: calc(61 * 1rem / 100);
}

@media(max-width: 840px) {
    .s61 {
        font-size: 26.7px;
    }
}

.s62 {
    font-size: calc(62 * 1rem / 100);
}

@media(max-width: 836px) {
    .s62 {
        font-size: 27px;
    }
}

.s63 {
    font-size: calc(63 * 1rem / 100);
}

@media(max-width: 832px) {
    .s63 {
        font-size: 27.3px;
    }
}

.s64 {
    font-size: calc(64 * 1rem / 100);
}

@media(max-width: 828px) {
    .s64 {
        font-size: 27.6px;
    }
}

.s65 {
    font-size: calc(65 * 1rem / 100);
}

@media(max-width: 824px) {
    .s65 {
        font-size: 27.9px;
    }
}

.s66 {
    font-size: calc(66 * 1rem / 100);
}

@media(max-width: 820px) {
    .s66 {
        font-size: 28.2px;
    }
}

.s67 {
    font-size: calc(67 * 1rem / 100);
}

@media(max-width: 816px) {
    .s67 {
        font-size: 28.5px;
    }
}

.s68 {
    font-size: calc(68 * 1rem / 100);
}

@media(max-width: 813px) {
    .s68 {
        font-size: 28.8px;
    }
}

.s69 {
    font-size: calc(69 * 1rem / 100);
}

@media(max-width: 809px) {
    .s69 {
        font-size: 29.1px;
    }
}

.s70 {
    font-size: calc(70 * 1rem / 100);
}

@media(max-width: 806px) {
    .s70 {
        font-size: 29.4px;
    }
}

.s71 {
    font-size: calc(71 * 1rem / 100);
}

@media(max-width: 803px) {
    .s71 {
        font-size: 29.7px;
    }
}

.s72 {
    font-size: calc(72 * 1rem / 100);
}

@media(max-width: 800px) {
    .s72 {
        font-size: 30px;
    }
}

.s73 {
    font-size: calc(73 * 1rem / 100);
}

@media(max-width: 796px) {
    .s73 {
        font-size: 30.3px;
    }
}

.s74 {
    font-size: calc(74 * 1rem / 100);
}

@media(max-width: 793px) {
    .s74 {
        font-size: 30.6px;
    }
}

.s75 {
    font-size: calc(75 * 1rem / 100);
}

@media(max-width: 791px) {
    .s75 {
        font-size: 30.9px;
    }
}

.s76 {
    font-size: calc(76 * 1rem / 100);
}

@media(max-width: 788px) {
    .s76 {
        font-size: 31.2px;
    }
}

.s77 {
    font-size: calc(77 * 1rem / 100);
}

@media(max-width: 785px) {
    .s77 {
        font-size: 31.5px;
    }
}

.s78 {
    font-size: calc(78 * 1rem / 100);
}

@media(max-width: 782px) {
    .s78 {
        font-size: 31.8px;
    }
}

.s79 {
    font-size: calc(79 * 1rem / 100);
}

@media(max-width: 780px) {
    .s79 {
        font-size: 32.1px;
    }
}

.s80 {
    font-size: calc(80 * 1rem / 100);
}

@media(max-width: 777px) {
    .s80 {
        font-size: 32.4px;
    }
}

@media(max-width: 750px) {
    html {
        font-size: calc(100vw / 750 * 100);
    }
}

@media(max-width: 750px) {
    .s12 {
        font-size: 0.22rem;
    }
    .s13 {
        font-size: 0.23rem;
    }
    .s14 {
        font-size: 0.24rem;
    }
    .s15 {
        font-size: 0.25rem;
    }
    .s16 {
        font-size: 0.26rem;
    }
    .s17 {
        font-size: 0.27rem;
    }
    .s18 {
        font-size: 0.28rem;
    }
    .s19 {
        font-size: 0.29rem;
    }
    .s20 {
        font-size: 0.30rem;
    }
    .s21 {
        font-size: 0.31rem;
    }
    .s22 {
        font-size: 0.32rem;
    }
    .s23 {
        font-size: 0.33rem;
    }
    .s24 {
        font-size: 0.34rem;
    }
    .s25 {
        font-size: 0.35rem;
    }
    .s26 {
        font-size: 0.36rem;
    }
    .s27 {
        font-size: 0.37rem;
    }
    .s28 {
        font-size: 0.38rem;
    }
    .s29 {
        font-size: 0.38rem;
    }
    .s30 {
        font-size: 0.38rem;
    }
    .s31 {
        font-size: 0.38rem;
    }
    .s32 {
        font-size: 0.38rem;
    }
    .s33 {
        font-size: 0.38rem;
    }
    .s34 {
        font-size: 0.38rem;
    }
    .s35 {
        font-size: 0.38rem;
    }
    .s36 {
        font-size: 0.38rem;
    }
    .s37 {
        font-size: 0.38rem;
    }
    .s38 {
        font-size: 0.38rem;
    }
    .s39 {
        font-size: 0.38rem;
    }
    .s40 {
        font-size: 0.38rem;
    }
    .s41 {
        font-size: 0.38rem;
    }
    .s42 {
        font-size: 0.38rem;
    }
    .s43 {
        font-size: 0.38rem;
    }
    .s44 {
        font-size: 0.38rem;
    }
    .s45 {
        font-size: 0.38rem;
    }
    .s46 {
        font-size: 0.38rem;
    }
    .s47 {
        font-size: 0.38rem;
    }
    .s48 {
        font-size: 0.38rem;
    }
    .s49 {
        font-size: 0.38rem;
    }
    .s50 {
        font-size: 0.38rem;
    }
    .s51 {
        font-size: 0.38rem;
    }
    .s52 {
        font-size: 0.38rem;
    }
    .s53 {
        font-size: 0.38rem;
    }
    .s54 {
        font-size: 0.38rem;
    }
    .s55 {
        font-size: 0.38rem;
    }
    .s56 {
        font-size: 0.38rem;
    }
    .s57 {
        font-size: 0.38rem;
    }
    .s58 {
        font-size: 0.38rem;
    }
    .s59 {
        font-size: 0.38rem;
    }
    .s60 {
        font-size: 0.38rem;
    }
    .s61 {
        font-size: 0.38rem;
    }
    .s62 {
        font-size: 0.38rem;
    }
    .s63 {
        font-size: 0.38rem;
    }
    .s64 {
        font-size: 0.38rem;
    }
    .s65 {
        font-size: 0.38rem;
    }
    .s66 {
        font-size: 0.38rem;
    }
    .s67 {
        font-size: 0.38rem;
    }
    .s68 {
        font-size: 0.38rem;
    }
    .s69 {
        font-size: 0.38rem;
    }
    .s70 {
        font-size: 0.38rem;
    }
    .s71 {
        font-size: 0.38rem;
    }
    .s72 {
        font-size: 0.38rem;
    }
    .s73 {
        font-size: 0.38rem;
    }
    .s74 {
        font-size: 0.38rem;
    }
    .s75 {
        font-size: 0.38rem;
    }
    .s76 {
        font-size: 0.38rem;
    }
    .s77 {
        font-size: 0.38rem;
    }
    .s78 {
        font-size: 0.38rem;
    }
    .s79 {
        font-size: 0.38rem;
    }
    .s80 {
        font-size: 0.38rem;
    }
}

div.mCSB_scrollTools {
    width: 3px;
}

div.mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background-color: #f0f0f0;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    background-color: #0094d6;
    border-radius: 2px;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #0094d6;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #0094d6;
    filter: none;
    -ms-filter: none;
}

div.mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.my-scrollbar {
    overflow: auto;
    scrollbar-color: #b41a35 #e7e7e7;
    scrollbar-width: none;
    scrollbar-width: thin;
}

.my-scrollbar::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.my-scrollbar::-webkit-scrollbar-thumb {
    border-radius: .05rem;
    box-shadow: inset 0 0 .05rem #e7e7e7;
    background: #b41a35;
}

.my-scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 .05rem #e7e7e7;
    border-radius: .05rem;
    background: #e7e7e7;
}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
    color: #7d766c;
}

form input:-moz-placeholder,
form textarea:-moz-placeholder {
    color: #7d766c;
}

form input::-moz-placeholder,
form textarea::-moz-placeholder {
    color: #7d766c;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    color: #7d766c;
}

/* 动画 */

.drop {
    opacity: 0;
    transform: translate3d(0, -80px, 0);
}

.drop.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.teaser {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.lter {
    opacity: 0;
    transform: translate3d(-80px, 0, 0);
}

.lter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.rter {
    opacity: 0;
    transform: translate3d(80px, 0, 0);
}

.rter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.scale {
    opacity: 0;
    transform: scale(1.1);
}

.scale.is-visible {
    opacity: 1;
    transform: scale(1);
    transition: transform 2s cubic-bezier(.25, .1, .25, 1);
    transform-origin: center bottom;
}

.reduce {
    opacity: 0;
    transform: scale(.9);
}

.reduce.is-visible {
    opacity: 1;
    transform: scale(1);
    transition: transform 2s cubic-bezier(.25, .1, .25, 1);
    transform-origin: center bottom;
}

@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translate(2em, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.word-in {
    opacity: 0;
}

.word-in.is-visible {
    opacity: 1;
}

.word-in>span {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}

.word-in.is-visible>span {
    animation-name: fadeInRightSmall;
}

@keyframes pagination_w {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/* .swiper-pagination-bullet-active:after{animation: pagination_w 4.5s linear;animation-fill-mode: forwards;} */

@keyframes button-result {
    0%,
    100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(15deg);
    }
    50% {
        transform: rotate(-15deg);
    }
    75% {
        transform: rotate(5deg);
    }
    85% {
        transform: rotate(-5deg);
    }
}

/* .my-more:hover{animation: button-result 0.5s alternate;} */

body {
    padding-top: 1rem;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 288;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.h-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.h-main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.h-left {
    float: left;
    font-size: 0;
}

.h-logo {
    display: block;
}

.h-link {
    display: block;
    cursor: pointer;
    height: 1rem;
    line-height: 1rem;
}

.h-link img {
    max-width: none;
    height: .51rem;
}

.h-right {
    float: right;
}

.h-h {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 8;
}

.h-i {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    padding: 0 .35rem;
}

.h-j {
    display: inline-block;
    position: relative;
    color: #000000;
    height: 1rem;
    line-height: 1rem;
}

.h-j:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all ease .5s;
    overflow: hidden;
    height: .02rem;
    background-color: #b41a35;
}

.h-i.active .h-j {
    color: #b41a35;
}

.h-sub {
    display: none;
    min-width: 1.5rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.h-sub>li>a {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 10px 8px;
    white-space: nowrap;
    line-height: 1.5;
    text-align: center;
    color: #666;
    transition: background-color .3s;
}

.h-sub>li>a:hover {
    color: #fff;
    background-color: #b41a35;
}

.h-language {
    display: inline-block;
    vertical-align: middle;
    margin-left: .6rem;
    font-size: 0;
}

.hl-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 1rem;
    line-height: 1rem;
    color: #000000;
}

.hl-item:hover {
    color: #b41a35;
}

.hl-item.active {
    color: #b41a35;
}

.hl-line {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .08rem;
    color: #000000;
}

.hl-line:after {
    content: '/';
}

.h-k {
    display: inline-block;
    vertical-align: middle;
    margin-left: .35rem;
}

.h-search {
    display: block;
    cursor: pointer;
    text-align: center;
    width: 1.28rem;
    line-height: .4rem;
    color: #000000;
    background-color: #f7f7f7;
    border-radius: .2rem;
}

.h-search:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: .88em;
    height: .4rem;
    margin-right: .08rem;
    background-image: url('../images/a2.png');
    background-size: 99% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.hs-a {
    display: none;
    z-index: 108;
    white-space: nowrap;
    position: fixed;
    top: 1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.hs-form {
    font-size: 0;
    display: inline-block;
}

.hs-text {
    border: none;
    padding: 0 .2rem;
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
    height: 45px;
    background-color: #fff;
    color: #333;
}

.hs-submit {
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-color: #b41a35;
    background-image: url('../images/a2-b.png');
    background-size: 18px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.header.search-state .hs-a {
    display: block;
}

.header.search-state .h-opa {
    display: block;
}

.h-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    background-image: url('../images/a-menu.png');
    background-size: 60% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.h-opa {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    cursor: pointer;
}

@media(min-width: 1201px) {
    /* .h-i:hover .h-j:after{width: 100%;} */
    .h-i:hover .h-j {
        color: #b41a35;
    }
    /* .h-i.active .h-j:after{width: 100%;} */
}

@media(max-width:1200px) {
    .h-main {
        width: 100%;
        max-width: 100%;
        padding-left: .3rem;
    }
    .h-h {
        margin-left: 0;
        width: 260px;
        position: fixed;
        text-align: left;
        right: 0;
        top: 0;
        height: 100vh;
        background-color: #fff;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        overflow: auto;
        z-index: 1000;
        transform: translate(100%, 0);
        transition: transform .3s;
    }
    .h-i {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }
    .h-j {
        padding: 0;
        padding-left: 20px;
        height: 40px;
        line-height: 40px;
        color: #666;
        font-size: 16px;
    }
    .h-i.has-nav:after {
        content: "";
        background-image: url('../images/a-right.png');
        background-size: 16px auto;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #333;
    }
    .h-i.has-nav.show:after {
        background-size: 18px auto;
        background-image: url('../images/a-down.png');
    }
    .h-sub {
        position: relative;
        top: 0;
        background-color: #fff;
        box-shadow: none;
        left: 0;
        transform: translate(0, 0);
        width: 100% !important;
    }
    .h-sub>li>a {
        white-space: normal;
        text-align: left;
        padding-left: 40px;
        color: #666;
        font-size: 14px;
    }
    .h-right {
        margin-right: 1rem;
    }
    .h-k {
        margin-left: .3rem;
    }
    .h-language {
        margin-left: 0;
    }
    .h-search {
        line-height: .6rem;
        border-radius: .3rem;
    }
    .h-search:before {
        height: .6rem;
    }
    /* 菜单 */
    .h-menu {
        display: block;
    }
    .header.menu-state .h-h {
        transform: translate(0, 0);
    }
    .header.menu-state .h-opa {
        display: block;
    }
}

@media(max-width: 500px) {
    .hs-text {
        width: 5rem;
        height: 35px;
    }
    .hs-submit {
        width: 35px;
        height: 35px;
    }
}

.footer {
    width: 100%;
    padding: .7rem .3rem .2rem;
    background-color: #515151;
    border-top: .04rem solid #b41a35;
}

.f-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.f-top {
    width: 100%;
    padding-bottom: .32rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.f-left {
    font-size: 0;
}

.f-logo {
    display: inline-block;
    margin-bottom: .5rem;
    width: 2.72rem;
}

.f-logo img {
    width: 100%;
}

.f-code {
    width: 100%;
}

.f-code img {
    display: inline-block;
    width: 1.1rem;
    min-width: 90px;
}

.f-right {
    font-size: 0;
}

.f-list {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding-right: .6rem;
}

.f-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.65rem;
}

.f-one {
    display: block;
    margin-bottom: .2rem;
    color: #ffffff;
    line-height: 1.5;
}

.f-twobox {
    display: inline-block;
}

.f-two {
    display: block;
    cursor: pointer;
    margin-bottom: .1rem;
    color: rgba(255, 255, 255, .5);
    line-height: 1.6;
}

.f-two:hover {
    color: #fff;
}

.f-box {
    display: inline-block;
    vertical-align: top;
    max-width: 4rem;
}

.f-tip {
    width: 100%;
    margin-bottom: .1rem;
    color: rgba(255, 255, 255, .5);
    line-height: 1.8;
}

.f-phone {
    display: inline-block;
    cursor: pointer;
    margin-bottom: .2rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.27;
}

.f-tr {
    width: 100%;
}

.f-td {
    display: block;
    padding-left: 1.5em;
    margin-bottom: .18rem;
}

.f-namebox {
    width: 100%;
    position: relative;
}

.f-icon {
    position: absolute;
    top: 0;
    left: -1.5em;
    height: 1.6em;
    line-height: 1.6em;
}

.f-icon img {
    width: .937em;
}

.f-name {
    width: 100%;
    color: rgba(255, 255, 255, .5);
    line-height: 1.6;
}

.f-address {
    width: 100%;
    color: rgba(255, 255, 255, .5);
    line-height: 1.6;
}

.f-bottom {
    width: 100%;
    cursor: pointer;
    padding: .2rem 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.f-lt {
    flex: 1;
    font-size: 0;
    padding: .1rem 0;
}

.f-link {
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    color: rgba(255, 255, 255, .5);
    line-height: 1.6;
}

.f-lt a:hover {
    cursor: pointer;
    color: #fff;
}

.f-rt {
    font-size: 0;
}

.f-hint {
    display: inline-block;
    vertical-align: middle;
    padding-right: .1rem;
    color: rgba(255, 255, 255, .5);
    line-height: 1.6;
}

.f-friendly {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.fy-buttom {
    display: block;
    position: relative;
    min-width: 2.9rem;
    padding: 0 .5rem 0 .2rem;
    line-height: .5rem;
    color: rgba(255, 255, 255, .2);
    background-color: rgba(255, 255, 255, .05);
    border: solid 1px rgba(255, 255, 255, .1);
}

.fy-buttom:after {
    content: '';
    position: absolute;
    top: 50%;
    right: .2rem;
    margin-top: -.025rem;
    border-top: .05rem solid rgba(255, 255, 255, .8);
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
}

.fy-sub {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
}

.fy-cont {
    width: 100%;
    background-color: #fff;
}

.fy-item {
    display: block;
    cursor: pointer;
    padding: .1rem .2rem;
    color: #333;
    line-height: 1.6;
}

.fy-item:hover {
    color: #fff;
    background-color: #b41a35;
}

.f-friendly.show .fy-buttom:after {
    transform: rotate(-180deg);
}

@media(max-width: 1150px) {
    .f-item {
        margin-right: 1rem;
    }
}

@media(max-width: 750px) {
    .f-left {
        width: 100%;
        margin-bottom: .3rem;
    }
    .f-right {
        width: 100%;
    }
    .f-list {
        width: 100%;
        padding-right: 0;
    }
    .f-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: .2rem;
    }
    .f-twobox {
        width: 100%;
    }
    .f-two {
        display: inline-block;
        vertical-align: middle;
        margin-right: .25rem;
    }
    .f-box {
        width: 100%;
        max-width: 100%;
    }
    .f-lt {
        width: 100%;
        margin-bottom: .2rem;
    }
    .f-rt {
        width: 100%;
    }
}

.a-a {
    width: 100%;
    position: relative;
}

.a-b {
    width: 100%;
}

.a-item {
    width: 100%;
}

.a-link {
    display: block;
    cursor: pointer;
    width: 100%;
}

.a-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(842/1920*100%);
}

.a-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.a-text {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 15rem;
}

.a-subtitle {
    width: 100%;
    margin-bottom: .05rem;
    color: #ffffff;
    line-height: 1.27;
    font-weight: normal;
}

.a-titles {
    width: 100%;
    margin-bottom: .8rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.14;
}

.a-more {
    display: inline-block;
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background-color: #b41a35;
    background-image: url('../images/a16.png');
    background-size: .22rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.a-subtitle,
.a-titles,
.a-more {
    opacity: 0;
    transform: translate3d(80px, 0, 0);
}

.a-item.swiper-slide-active .a-subtitle {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.a-item.swiper-slide-active .a-titles {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.a-item.swiper-slide-active .a-more {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.a-item.swiper-slide-active .a-subtitle {
    transition-delay: .5s;
}

.a-item.swiper-slide-active .a-titles {
    transition-delay: .8s;
}

.a-item.swiper-slide-active .a-more {
    transition-delay: 1.1s;
}

.a-a canvas {
    display: none;
}

.a-tabs canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.a-tabs {
    position: absolute;
    bottom: .32rem;
    left: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
    z-index: 28;
}

.a-tab {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .22rem;
}

.a-in {
    display: block;
    position: relative;
    cursor: pointer;
    width: 10px;
    height: 10px;
}

.a-in:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}

.a-tab.active .a-in:after {
    display: none;
}

@media(max-width: 750px) {
    .a-text {
        top: 45%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        padding-left: .3rem;
        padding-right: .3rem;
    }
    .a-subtitle {
        font-size: .3rem;
    }
    .a-titles {
        margin-bottom: .3rem;
    }
    .a-tabs {
        bottom: .15rem;
    }
    .a-tab {
        padding: 0 .1rem;
    }
}

.b-a {
    width: 100%;
    padding: 1.05rem .3rem;
    min-height: 9.65rem;
    background-color: #f7fbfe;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.b-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.b-titles {
    width: 100%;
    margin-bottom: .4rem;
    color: #000000;
    font-weight: bold;
    line-height: 1.18;
}

.b-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.b-left {
    width: 41.07%;
    margin-bottom: .5rem;
}

.b-subtitle {
    width: 100%;
    margin-bottom: .3rem;
    color: #000000;
    line-height: 1.27;
}

.b-intro {
    width: 100%;
    margin-bottom: .4rem;
    color: #666666;
    line-height: 1.75;
}

.b-more {
    display: inline-block;
    cursor: pointer;
    color: #b41a35;
    line-height: 1.6;
}

.b-more:after {
    content: '+';
    margin-left: .15rem;
    font-size: 1.125em;
}

.b-right {
    font-size: 0;
}

.b-list {
    font-size: 0;
}

.b-item {
    display: inline-block;
    vertical-align: top;
    margin-right: .6rem;
    margin-bottom: .3rem;
}

.b-item:last-child {
    margin-right: 0;
}

.b-icon {
    width: 100%;
    margin-bottom: .45rem;
}

.b-icon img {
    height: .35rem;
}

.b-b {
    width: 100%;
}

.b-nub {
    display: inline-block;
    vertical-align: top;
    color: #b41a35;
    font-weight: bold;
    line-height: .62rem;
}

.b-unit {
    display: inline-block;
    vertical-align: top;
    color: #b41a35;
    line-height: 1;
}

.b-tip {
    width: 100%;
    padding-top: .1rem;
    color: #000000;
    line-height: 1.5;
}

@media(max-width: 750px) {
    .b-a {
        background-size: 100% auto;
        background-position: bottom center;
    }
    .b-left {
        width: 100%;
    }
    .b-right {
        width: 100%;
    }
    .b-list {
        width: 100%;
    }
    .b-nub {
        font-size: .6rem;
        line-height: .5rem;
    }
    .b-item {
        width: 32%;
        margin-right: 2%;
    }
    .b-item:nth-child(3n) {
        margin-right: 0;
    }
}

.c-a {
    width: 100%;
    padding: .9rem 0 1rem;
}

.c-top {
    width: 100%;
    text-align: center;
    padding: 0 .3rem .45rem;
}

.c-titles {
    width: 100%;
    color: #000000;
    font-weight: bold;
    line-height: 1.18;
}

.c-bottom {
    width: 100%;
    position: relative;
}

.c-swiper1 {
    width: 100%;
}

.c-b {
    width: 100%;
}

.c-item {
    display: block;
    width: 100%;
}

.c-link {
    display: block;
    cursor: pointer;
    width: 100%;
    position: relative;
}

.c-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(720/1920*100%);
}

.c-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.c-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/a20.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
    max-width: 16.8rem;
    padding: 0 2rem .45rem .55rem;
}

.c-name {
    width: 100%;
    margin-bottom: .1rem;
    color: #ffffff;
    line-height: 1.27;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.c-intro {
    width: 100%;
    color: #ffffff;
    line-height: 1.4;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.c-swiper2 {
    position: absolute;
    top: 0;
    right: .06rem;
    width: 2.1rem;
    height: 100%;
    padding: .09rem 0;
}

.c-c {
    width: 100%;
    height: 100%;
}

.c-nav {
    width: 100%;
    height: auto;
    min-height: 16.66%;
    padding: .01rem 0 .01rem .2rem;
    position: relative;
}

.c-box {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: .1rem .15rem;
    width: 100%;
    height: 100%;
    text-align: center;
}

.c-box:before {
    transition: all ease .5s;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .6);
}

.c-icon {
    position: relative;
    z-index: 18;
    width: 100%;
}

.c-icon1 {
    display: block;
    width: 100%;
}

.c-icon1 img {
    height: .36rem;
}

.c-icon2 {
    display: none;
    width: 100%;
}

.c-icon2 img {
    height: .36rem;
}

.c-classify {
    position: relative;
    z-index: 18;
    padding-top: .15rem;
    width: 100%;
    color: #222222;
    line-height: 1.6;
}

.c-nav.active .c-box:before {
    width: calc(100% + .2rem);
    background-color: rgba(180, 26, 53, 8);
}

.c-nav.active .c-icon1 {
    display: none;
}

.c-nav.active .c-icon2 {
    display: block;
}

.c-nav.active .c-classify {
    color: #ffffff;
    font-weight: bold;
}

@media(max-width: 750px) {
    .c-nav {
        min-height: 50%;
    }
    .c-text {
        width: 100%;
        padding: 0 2.2rem .15rem .3rem;
    }
    .c-intro {
        font-size: .3rem;
    }
}

.d-a {
    overflow: hidden;
    width: 100%;
    padding: .95rem .3rem 1rem;
    background-image: url('../images/b32.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.d-titles {
    width: 100%;
    margin-bottom: .27rem;
    text-align: center;
    color: #000000;
    font-weight: bold;
    line-height: 1.18;
}

.d-navbox {
    width: 100%;
    text-align: center;
    font-size: 0;
}

.d-nav {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    margin: 0 .35rem .3rem;
}

.d-nav:after {
    content: '';
    position: absolute;
    bottom: .1em;
    left: 0;
    width: 0;
    transition: all ease .5s;
    height: .08rem;
    background-color: #b41a35;
}

.d-nav span {
    display: block;
    position: relative;
    z-index: 1;
    color: #000000;
    line-height: 1.33;
}

.d-nav.active:after {
    width: 100%;
}

.d-cont {
    width: 100%;
    position: relative;
}

.d-one {
    position: absolute;
    top: 0;
    left: -29rem;
    width: 100%;
}

.d-one.show {
    position: relative;
    left: 0;
}

.d-b {
    width: 100%;
}

.d-item {
    width: 30.65%;
    height: auto;
    margin-right: 4.02%;
}

.d-item:last-child {
    margin-right: 0;
}

.d-link {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.d-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(359/515*100%);
}

.d-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.d-text {
    width: 100%;
    padding: .32rem .45rem .5rem;
}

.d-classify {
    width: 100%;
    margin-bottom: .15rem;
    color: #999999;
    line-height: 1.58;
}

.d-name {
    width: 100%;
    margin-bottom: .72rem;
    color: #000000;
    line-height: 1.21;
    height: 2.42em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.d-time {
    width: 100%;
    position: relative;
    color: #666666;
    line-height: 1.58;
}

.d-time:after {
    transform: rotate(0);
    transition: transform ease .5s;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.2rem;
    width: .4rem;
    height: .4rem;
    background-color: #ffffff;
    border: solid 1px #666666;
    border-radius: 50%;
    background-image: url('../images/a4.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-link:hover .d-img img {
    transform: scale(1.05);
}

.d-link:hover .d-name {
    color: #b41a35;
}

.d-link:hover .d-time:after {
    transform: rotate(45deg);
    background-image: url('../images/a4-b.png');
    background-color: #b41a35;
    border: solid 1px #b41a35;
}

.d-b .d-prev {
    left: 2px;
    top: 2.3rem;
    margin-top: 0;
    width: .48rem;
    height: .48rem;
    background-image: url('../images/a27.png');
    background-color: rgba(180, 26, 53, .4);
    border-radius: 50%;
    background-size: .24rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-b .d-prev.swiper-button-disabled {
    display: none;
}

.d-b .d-next {
    transform: rotate(-180deg);
    right: 2px;
    top: 2.3rem;
    margin-top: 0;
    width: .48rem;
    height: .48rem;
    background-image: url('../images/a27.png');
    background-color: rgba(180, 26, 53, .4);
    border-radius: 50%;
    background-size: .24rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-b .d-next.swiper-button-disabled {
    display: none;
}

@media(max-width: 750px) {
    .d-navbox {
        white-space: nowrap;
        overflow: auto;
    }
    .d-nav {
        margin: 0 .15rem .3rem;
    }
    .d-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }
    .d-text {
        padding: .25rem .15rem;
    }
    .d-name {
        line-height: 1.3;
        height: 2.6em;
        margin-bottom: .35rem;
    }
    .d-b .d-prev {
        top: 1.3rem;
    }
    .d-b .d-next {
        top: 1.3rem;
    }
}

.banner {
    width: 100%;
    position: relative;
}

.banner-img {
    width: 100%;
}

.banner-img img {
    width: 100%;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15rem;
}

.banner-box {
    display: inline-block;
    position: relative;
    max-width: 100%;
    font-size: 0;
}

.banner-box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .04rem;
    background-image: linear-gradient(90deg, #b41a35 0%, rgba(180, 26, 53, 0) 100%);
}

.banner-titles {
    display: inline-block;
    vertical-align: bottom;
    padding: .05rem 0;
    margin-right: .08rem;
    color: #ffffff;
    line-height: 1.18;
}

.banner-en {
    display: inline-block;
    vertical-align: bottom;
    padding: .05rem 0;
    color: #ffffff;
    line-height: 1.5;
}

@media(max-width: 750px) {
    .banner-text {
        width: 100%;
        padding-left: .3rem;
        padding-right: .3rem;
    }
}

.nav {
    width: 100%;
    padding: 0 .3rem;
    overflow: hidden;
    box-shadow: 0px 1px 0px 0px #eae9e8;
}

.nav-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.nav-cont {
    width: 100%;
    display: flex;
    font-size: 0;
}

.nav-left {
    flex: 1;
    width: 0;
    padding-right: .3rem;
}

.nav-b {
    width: 100%;
}

.nav-item {
    display: block;
    width: auto;
    margin-right: .45rem;
    cursor: pointer;
    position: relative;
    color: #333333;
    height: .8rem;
    line-height: .8rem;
}

.nav-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all ease .5s;
    overflow: hidden;
    height: .09rem;
    background-image: linear-gradient(0deg, #b41a35 0%, #da8d9a 40%, #ffffff 100%);
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-item:hover {
    color: #b41a35;
}

.nav-item:hover:after {
    width: 100%;
}

.nav-item.active {
    color: #b41a35;
}

.nav-item.active:after {
    width: 100%;
}

.nav-right {
    font-size: 0;
}

.nav-tip {
    display: inline-block;
    vertical-align: middle;
    color: #777777;
    height: .8rem;
    line-height: .8rem;
}

.nav-one {
    display: inline-block;
    vertical-align: middle;
    color: #777777;
    height: .8rem;
    line-height: .8rem;
}

.nav-one:after {
    content: '>';
    margin: 0 1px;
}

.nav-one:last-child:after {
    display: none;
}

@media(max-width: 750px) {
    .nav-left {
        width: 100%;
        text-align: center;
        padding-right: 0;
    }
    .nav-b {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }
    .nav-item {
        margin: 0 .2rem !important;
    }
    .nav-right {
        display: none;
    }
}

.paging {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.paging-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem .17rem;
    min-width: 2em;
    height: 2em;
    line-height: 2em;
    color: #666666;
    background-color: #ffffff;
    border-radius: 50%;
    border: solid 1px #666666;
}

.paging-item:hover {
    color: #ffffff;
    background-color: #b41a35;
    border: solid 1px #b41a35;
}

.paging-item.active {
    color: #ffffff;
    background-color: #b41a35;
    border: solid 1px #b41a35;
}

.paging-up {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem .17rem;
    min-width: 2em;
    height: 2em;
    color: transparent;
    background-color: #ffffff;
    border-radius: 50%;
    border: solid 1px #666666;
    background-image: url('../images/a5.png');
    background-size: .5em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.paging-up:hover {
    background-image: url('../images/a5-b.png');
    background-color: #b41a35;
    border: solid 1px #b41a35;
}

.paging-next {
    transform: rotate(-180deg);
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem .17rem;
    min-width: 2em;
    height: 2em;
    color: transparent;
    background-color: #ffffff;
    border-radius: 50%;
    border: solid 1px #666666;
    background-image: url('../images/a5.png');
    background-size: .5em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.paging-next:hover {
    background-image: url('../images/a5-b.png');
    background-color: #b41a35;
    border: solid 1px #b41a35;
}

.my-top {
    width: 100%;
    padding-bottom: .75rem;
}

.my-titles {
    width: 100%;
    font-weight: bold;
    color: #000000;
    line-height: 1.18;
}

.i-a {
    width: 100%;
    padding: .75rem .3rem .7rem;
}

.i-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.i-cont {
    width: 100%;
    font-size: 0;
}

.i-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 30.65%;
    margin-right: 4.02%;
    margin-bottom: 1.15rem;
}

.i-item:nth-child(3n) {
    margin-right: 0;
}

.i-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(359/515*100%);
}

.i-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.i-text {
    width: 100%;
    padding: .32rem .45rem 0;
}

.i-classify {
    width: 100%;
    margin-bottom: .15rem;
    color: #999999;
    line-height: 1.58;
}

.i-name {
    width: 100%;
    margin-bottom: .72rem;
    color: #000000;
    line-height: 1.21;
    height: 2.42em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.i-time {
    width: 100%;
    position: relative;
    color: #666666;
    line-height: 1.58;
}

.i-time:after {
    transform: rotate(0);
    transition: transform ease .5s;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.2rem;
    width: .4rem;
    height: .4rem;
    background-color: #ffffff;
    border: solid 1px #666666;
    border-radius: 50%;
    background-image: url('../images/a4.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.i-item:hover .i-img img {
    transform: scale(1.05);
}

.i-item:hover .i-name {
    color: #b41a35;
}

.i-item:hover .i-time:after {
    transform: rotate(45deg);
    background-image: url('../images/a4-b.png');
    background-color: #b41a35;
    border: solid 1px #b41a35;
}

@media(max-width: 750px) {
    .i-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
        margin-bottom: .5rem;
    }
    .i-item:nth-child(3n) {
        margin-right: .3rem;
    }
    .i-item:nth-child(2n) {
        margin-right: 0;
    }
    .i-text {
        padding: .3rem 0 0;
    }
    .i-name {
        line-height: 1.3;
        height: 2.6em;
        margin-bottom: .35rem;
    }
}

.j-a {
    width: 100%;
    padding: .75rem .3rem .8rem;
}

.j-main {
    width: 100%;
    max-width: 10.4rem;
    margin: 0 auto;
}

.j-top {
    width: 100%;
    padding-bottom: .55rem;
    margin-bottom: .55rem;
    border-bottom: .02rem solid #777777;
}

.j-titles {
    width: 100%;
    color: #333333;
    line-height: 1.2;
    font-weight: bold;
}

.j-textbox {
    width: 100%;
    color: #777777;
    line-height: 1.66;
    padding-bottom: .6rem;
}

.j-textbox * {
    line-height: inherit;
    max-width: 100%;
}

.j-times {
    width: 100%;
    color: #777777;
    line-height: 1.5;
    text-align: right;
}

.j-bottom {
    width: 100%;
    max-width: 16.3rem;
    margin: 0 auto;
    margin-top: .75rem;
    position: relative;
}

.j-bottom:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url('../images/a6.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.j-bottom:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url('../images/a6.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.j-linkbox {
    width: 100%;
    padding: .2rem 0;
    position: relative;
}

.j-linkbox:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 93.6%;
    background-image: url('../images/a7.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.j-linkbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.j-link {
    float: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(50% - .3rem);
    padding: .2rem 0;
}

.j-lt {
    width: 3.32rem;
}

.j-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(232/332*100%);
}

.j-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.j-rt {
    width: calc(100% - 3.57rem);
}

.j-classify {
    width: 100%;
    margin-bottom: .15rem;
    color: #999999;
    line-height: 1.58;
}

.j-name {
    width: 100%;
    margin-bottom: .72rem;
    color: #000000;
    line-height: 1.21;
    height: 2.42em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.j-time {
    width: 100%;
    position: relative;
    color: #666666;
    line-height: 1.58;
}

.j-link:hover .j-img img {
    transform: scale(1.05);
}

.j-link:hover .j-name {
    color: #b41a35;
}

@media(min-width: 751px) {
    .j-link.j-next {
        float: right;
    }
    .j-link.j-next {
        flex-direction: row-reverse;
    }
    .j-link.j-next .j-rt {
        text-align: right;
    }
}

@media(max-width: 750px) {
    .j-linkbox:before {
        display: none;
    }
    .j-link {
        width: 100%;
    }
    .j-name {
        line-height: 1.3;
        height: 2.6em;
        margin-bottom: .35rem;
    }
}

.k-a {
    width: 100%;
    padding: .95rem .3rem;
}

.k-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.k-cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.k-left {
    width: calc(100% - 8.17rem);
}

.k-top {
    width: 100%;
    padding-bottom: .45rem;
}

.k-a .k-top {
    padding-bottom: .7rem;
}

.k-titles {
    width: 100%;
    margin-bottom: .12rem;
    color: #b41a35;
    line-height: 1.5;
}

.k-subtitle {
    width: 100%;
    color: #000000;
    line-height: 1.27;
    font-weight: bold;
}

.k-bottom {
    width: 100%;
    padding-top: .05rem;
    border-top: 1px solid #d9d9d9;
}

.k-bottom .k-top {
    padding-bottom: .07rem;
}

.k-intro {
    width: 100%;
    color: #666666;
    line-height: 1.5;
}

.k-navbox {
    width: 100%;
    font-size: 0;
    padding-top: .15rem;
}

.k-nav {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: .3rem;
    margin-top: .3rem;
    color: #000000;
    padding: 0 .15rem;
    text-align: center;
    min-width: 1.4rem;
    line-height: .4rem;
    border: solid 1px #000000;
}

.k-nav:hover {
    color: #fff;
    background-color: #b41a35;
    border: solid 1px #b41a35;
}

.k-nav.active {
    color: #fff;
    background-color: #b41a35;
    border: solid 1px #b41a35;
}

.k-right {
    width: 7.67rem;
}

.k-b {
    width: 100%;
}

.k-item {
    width: 100%;
}

.k-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(500/767*100%);
}

.k-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.k-pagination {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 0;
    padding-top: .05rem;
}

.k-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    background-color: transparent;
    border-radius: 0;
    margin: .1rem .1rem 0;
    width: .14rem;
    height: .24rem;
    background-image: url('../images/a8.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-pagination .swiper-pagination-bullet-active {
    background-image: url('../images/a8-b.png');
}

@media(max-width: 750px) {
    .k-left {
        width: 100%;
        margin-bottom: .3rem;
    }
    .k-right {
        width: 100%;
    }
    .k-nav {
        line-height: 1.8;
    }
}

.l-a {
    width: 100%;
    padding: .95rem .3rem 1rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.l-a .k-subtitle {
    color: #fff;
}

.l-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.l-cont {
    width: 100%;
    position: relative;
}

.l-item {
    width: 22.91%;
    height: auto;
    margin-right: 2.78%;
}

.l-item:last-child {
    margin-right: 0;
}

.l-link {
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.l-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all ease .5s;
    height: .03rem;
    background-color: #b41a35;
}

.l-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(220/385*100%);
}

.l-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.l-text {
    width: 100%;
    padding: .3rem 1.35rem .2rem .3rem;
}

.l-name {
    width: 100%;
    color: #666666;
    line-height: 1.5;
}

.l-nub {
    position: absolute;
    bottom: -.3em;
    right: .1rem;
    color: #f00e36;
    font-size: 1.02rem;
    line-height: 1;
    opacity: 0.4;
    font-style: italic;
}

.l-link:hover:after {
    width: 100%;
}

.l-link:hover .l-img img {
    transform: scale(1.05);
}

.l-pagination {
    display: none;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 0;
    padding-top: .15rem;
}

.l-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    background-color: transparent;
    border-radius: 0;
    margin: .1rem .1rem 0;
    width: .14rem;
    height: .24rem;
    background-image: url('../images/a8.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.l-pagination .swiper-pagination-bullet-active {
    background-image: url('../images/a8-b.png');
}

@media(max-width: 750px) {
    .l-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }
    .l-pagination {
        display: block;
    }
}

.m-a {
    width: 100%;
    padding: .95rem .3rem 1rem;
}

.m-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.m-cont {
    width: 100%;
    padding-right: 6.22rem;
    position: relative;
    border: solid 1px #999999;
}

.m-left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.m-item {
    display: block;
    cursor: pointer;
    width: 50%;
    padding: .8rem .45rem .45rem;
}

.m-icon {
    position: relative;
    top: 0;
    transition: all ease .5s;
    width: 100%;
    margin-bottom: .17rem;
    height: .37rem;
    line-height: .37rem;
}

.m-icon img {
    max-height: 100%;
}

.m-name {
    width: 100%;
    color: #000000;
    font-weight: bold;
    line-height: 1.4;
}

.m-intro {
    width: 100%;
    margin-top: .03rem;
    color: #666666;
    line-height: 1.5;
}

.m-item:hover .m-icon {
    top: -.1rem;
}

.m-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.22rem;
    height: 100%;
}

.m-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.m-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.m-item:nth-child(4n+2) {
    background-image: url('../images/b22.jpg');
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.m-item:nth-child(4n+3) {
    background-image: url('../images/b23.jpg');
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

.m-textbox {
    width: 100%;
    padding-top: .8rem;
    color: #777777;
    line-height: 1.66;
}

.m-textbox * {
    line-height: inherit;
    max-width: 100%;
}

@media(max-width: 750px) {
    .m-cont {
        padding-right: 0;
    }
    .m-left {
        width: 100%;
    }
    .m-item {
        width: 100%;
        padding: .3rem;
    }
    .m-right {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: calc(544/622*100%);
    }
}

.n-a {
    width: 100%;
    padding: .75rem .3rem .3rem;
}

.n-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.n-cont {
    width: 100%;
}

.n-one {
    width: 100%;
    padding-bottom: .2rem;
}

.n-titles {
    width: 100%;
    margin-bottom: .4rem;
    color: #000000;
    font-weight: bold;
    line-height: 1.18;
}

.n-list {
    width: 100%;
}

.n-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fafafa;
    margin-bottom: .5rem;
}

.n-lt {
    width: 50%;
}

.n-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(500/840*100%);
}

.n-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.n-rt {
    width: 50%;
    padding: .7rem .8rem;
}

.n-icon {
    width: 100%;
}

.n-icon img {
    height: .51rem;
}

.n-text {
    width: 100%;
    padding-top: 1.2rem;
}

.n-name {
    width: 100%;
    position: relative;
    margin-bottom: .2rem;
    padding-bottom: .25rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.38;
}

.n-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: .52rem;
    height: .04rem;
    background-color: #b41a35;
}

.n-intro {
    width: 100%;
    color: #333333;
    line-height: 1.77;
}

.n-item:nth-child(2n) {
    flex-direction: row-reverse;
}

@media(max-width: 1350px) {
    .n-item {
        align-items: center;
    }
    .n-text {
        padding-top: .5rem;
    }
}

@media(max-width: 750px) {
    .n-lt {
        width: 100%;
    }
    .n-rt {
        width: 100%;
        padding: .5rem .3rem;
    }
}

.o-a {
    width: 100%;
}

.o-a .my-top {
    padding-bottom: .4rem;
}

.o-main {
    width: 100%;
}

.o-cont {
    width: 100%;
    font-size: 0;
}

.o-left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: .75rem 0 .5rem 1.2rem;
}

.o-navbox {
    width: 100%;
    height: 5rem;
    overflow: auto;
    padding-right: .95rem;
}

.o-nav {
    width: 100%;
    cursor: pointer;
    margin-bottom: .1rem;
    padding-left: .57rem;
}

.o-namebox {
    width: 100%;
    padding: .35rem 2em .35rem .1rem;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
}

.o-name {
    width: 100%;
    color: #666666;
    line-height: 1.38;
}

.o-nub {
    position: absolute;
    top: .35rem;
    right: .1rem;
    white-space: nowrap;
    color: #666666;
    line-height: 1.38;
}

.o-icon {
    position: absolute;
    top: .35rem;
    left: -.57rem;
    text-align: center;
    width: .57rem;
    height: 1.38em;
    background-image: url('../images/a28.png');
    background-size: .69em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.o-sub {
    display: none;
    width: 100%;
    padding: .3rem .15rem .1rem;
}

.o-textbox {
    width: 100%;
    color: #111111;
    line-height: 1.7;
}

.o-textbox * {
    line-height: inherit;
}

.o-nav.active .o-name {
    color: #000000;
}

.o-nav.active .o-nub {
    color: #000000;
}

.o-nav.active .o-icon {
    background-image: url('../images/a28-b.png');
}

.o-right {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50%;
}

.o-img {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    padding-top: calc(750/960*100%);
}

.o-img.show {
    position: relative;
    opacity: 1;
    z-index: 18;
    visibility: visible;
}

.o-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

@media(max-width: 750px) {
    .o-left {
        width: 100%;
        padding: .5rem .3rem;
    }
    .o-right {
        width: 100%;
    }
    .o-navbox {
        padding-right: 0;
    }
}

.p-a {
    width: 100%;
    padding: .75rem .3rem .8rem;
}

.p-a .my-top {
    padding-bottom: .55rem;
}

.p-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.p-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.p-left {
    width: 8.88rem;
    padding-top: .05rem;
}

.p-img {
    width: 100%;
}

.p-img img {
    width: 100%;
}

.p-right {
    width: calc(100% - 9.58rem);
}

.p-name {
    width: 100%;
    margin-bottom: .05rem;
    color: #000000;
    line-height: 1.27;
}

.p-textbox {
    width: 100%;
    color: #666666;
    line-height: 1.5;
}

.p-textbox * {
    line-height: inherit;
}

.p-list {
    width: 100%;
    font-size: 0;
}

.p-item {
    display: inline-block;
    vertical-align: top;
    margin-top: 1rem;
    width: 50%;
    padding: 0 .15rem;
    text-align: center;
}

.p-item:nth-child(1) {
    margin-top: .45rem;
}

.p-item:nth-child(2) {
    margin-top: .45rem;
}

.p-b {
    width: 100%;
}

.p-nub {
    display: inline-block;
    vertical-align: bottom;
    color: #b41a35;
    line-height: .58rem;
    font-weight: bold;
}

.p-add {
    display: inline-block;
    vertical-align: top;
    color: #b41a35;
    line-height: 1;
}

.p-unit {
    display: inline-block;
    vertical-align: bottom;
    margin-left: .08rem;
    color: #b41a35;
    line-height: 1;
}

.p-tip {
    width: 100%;
    padding-top: .1rem;
    color: #000000;
    line-height: 1.5;
}

@media(max-width: 1350px) {
    .p-item {
        margin-top: .5rem;
    }
}

@media(max-width: 750px) {
    .p-left {
        width: 100%;
        margin-bottom: .5rem;
    }
    .p-right {
        width: 100%;
    }
    .p-nub {
        font-size: .6rem;
        line-height: .5rem;
    }
    .p-unit {
        font-size: .28rem;
    }
}

.q-a {
    width: 100%;
    padding: .75rem .3rem .8rem;
    background-image: url('../images/b38.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.q-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.q-cont {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.q-b {
    width: 100%;
}

.q-item {
    transition: all ease .5s;
    width: 25%;
    height: auto;
    border-right: 1px solid rgba(242, 242, 242, .4);
}

.q-box {
    width: 100%;
    height: 100%;
    min-height: 7.2rem;
    text-align: center;
    padding: 2.8rem .15rem 1rem;
    background-color: rgba(81, 81, 81, .5);
}

.q-icon {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
}

.q-icon img {
    height: .66rem;
}

.q-text {
    width: 100%;
    padding-top: .1rem;
}

.q-name {
    width: 100%;
}

.q-name span {
    width: 100%;
    color: #ffffff;
    line-height: 1.4;
}

.q-intro {
    display: none;
    width: 100%;
    padding-top: .15rem;
    color: #ffffff;
    line-height: 1.6;
}

@media(min-width: 751px) {
    .q-item.active {
        width: 50%;
    }
    .q-item.active .q-box {
        background-color: rgba(81, 81, 81, .2);
    }
    .q-item.active .q-icon img {
        height: .8rem;
    }
    .q-item.active .q-name span {
        font-size: 1.5em;
        line-height: 1.27;
    }
    .q-item.active .q-intro {
        display: block;
    }
}

@media(max-width: 750px) {
    .q-item {
        width: 33.33%;
    }
    .q-box {
        padding: 1.5rem .15rem;
        min-height: 1rem;
    }
    .q-intro {
        display: block;
    }
}

.r-a {
    width: 100%;
    padding: .75rem .3rem .7rem;
}

.r-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.r-framework {
    display: block;
    cursor: pointer;
    width: 100%;
    margin-bottom: .8rem;
}

.r-framework img {
    width: 100%;
}

.r-cont {
    width: 100%;
}

.r-b {
    width: 100%;
}

.r-item {
    width: 23.8%;
    margin-right: 1.59%;
}

.r-item:last-child {
    margin-right: 0;
}

.r-link {
    display: block;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.r-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(290/400*100%);
}

.r-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.r-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/a35.png');
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.r-text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    padding: .07rem .1rem;
    text-align: center;
}

.r-name {
    width: 100%;
    color: #ffffff;
    line-height: 1.4;
}

.r-item:hover .r-img img {
    transform: scale(1.05);
}

@media(max-width: 750px) {
    .r-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }
}

.s-a {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-image: url('../images/b45.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.s-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.s-top {
    position: absolute;
    top: .65rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100% - .6rem);
    max-width: 16.8rem;
}

.s-titles {
    width: 100%;
    color: #ffffff;
    line-height: 1.18;
    font-weight: bold;
}

.s-cont {
    width: 100%;
    position: relative;
}

.s-b {
    width: 100%;
    overflow: visible !important;
}

.s-item {
    position: relative;
    width: 20%;
    min-height: 8.57rem;
}

.s-box {
    opacity: 0;
    width: 3.8rem;
    transition: all ease .5s;
}

.s-time {
    width: 100%;
    color: #ffffff;
    line-height: 1.27;
}

.s-intro {
    width: 100%;
    color: #ffffff;
    line-height: 1.4;
}

@media(min-width: 901px) {
    .s-item.swiper-slide-active .s-box {
        opacity: 1;
        position: absolute;
        top: 6.4rem;
        left: 1.75rem;
    }
    .s-item.swiper-slide-active+.s-item .s-box {
        opacity: 1;
        position: absolute;
        top: 3.35rem;
        left: -.5rem;
    }
    .s-item.swiper-slide-active+.s-item+.s-item .s-box {
        opacity: 1;
        position: absolute;
        top: 5.25rem;
        left: 1.3rem;
    }
    .s-item.swiper-slide-active+.s-item+.s-item+.s-item .s-box {
        opacity: 1;
        position: absolute;
        top: 3.5rem;
        left: 1.95rem;
    }
    .s-item.swiper-slide-active+.s-item+.s-item+.s-item+.s-item .s-box {
        opacity: 1;
        position: absolute;
        top: .5rem;
        left: .25rem;
    }
}

@media(max-width: 900px) {
    .s-a {
        padding: .75rem .3rem;
        background-image: url('../images/b45-b.jpg');
    }
    .s-top {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        width: 100%;
        max-width: 100%;
        padding-bottom: .55rem;
    }
    .s-cont:after {
        content: '';
        position: absolute;
        top: .15rem;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
    }
    .s-b {
        overflow: hidden !important;
    }
    .s-item {
        max-width: 50%;
        width: auto;
        padding: 0 .3rem 0 .15rem;
    }
    .s-item:before {
        content: '';
        position: absolute;
        top: 0;
        left: .4rem;
        width: .5rem;
        height: .3rem;
        background-image: url('../images/a36.png');
        background-size: auto 100%;
        background-position: left center;
        background-repeat: no-repeat;
    }
    .s-box {
        opacity: 1;
        width: 100%;
        padding-top: .5rem;
    }
}

/* 

.nav-main{width: 100%; max-width:16.8rem;margin: 0 auto;}

background-color: #b41a35;
filter: grayscale(100%) brightness(500%);  图片变白

.a-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(900/1920*100%);}
.a-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.teaser.delay2  {transition-delay: .2s;}

transform: scale(1.00);transition: all ease .5s;
background-size: cover;background-position: center center;background-repeat: no-repeat;


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
 
*/

.search {
    width: 100%;
    padding: .6rem .3rem .8rem;
    overflow: hidden;
}

.search-main {
    width: 100%;
    max-width: 16.8rem;
    margin: 0 auto;
}

.search-top {
    width: 100%;
    font-size: 0;
    padding: .2rem 0;
}

.search-tip {
    display: inline-block;
    vertical-align: top;
    color: #666;
    line-height: 1.5;
}

.search-tip span {
    color: red;
}

.search-tr {
    display: inline-block;
    vertical-align: top;
}

.search-td {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: .2rem;
    color: #666;
    line-height: 1.5;
}

.search-td span {
    color: #b41a35;
}

.search-td.active {
    color: #b41a35;
}

.search-cont {
    width: 100%;
    font-size: 0;
}

.search-item {
    width: 100%;
    display: block;
    cursor: pointer;
    margin-bottom: .35rem;
    padding: .3rem .25rem;
    border: solid 1px #dcdcdc
}

.search-b {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: .25rem;
}

.search-name {
    padding-right: .1rem;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-name span {
    color: red;
}

.search-classify {
    white-space: nowrap;
    min-width: 6em;
    padding: .1rem;
    line-height: 1.3;
    text-align: center;
    background-color: #b41a35;
    color: #fff;
}

.search-intro {
    color: #888888;
    line-height: 1.7;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-item:hover {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 0px 45px 1px rgba(0, 0, 0, 0.1);
}

.search-item:hover .search-name {
    color: #b41a35;
}

@media(max-width: 750px) {
    .search-b {
        flex-wrap: wrap;
    }
    .search-name {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: .1rem;
    }
}