@charset "UTF-8";
/*
	FONT SIZE HIERARCHY
	---------------------------

    Default font-size for HTML :    16px
    blockquote                 :    1rem
    body                       :    1rem
    form                       :    0.875rem  14px
    h1                         :    3.375rem  58px
    h2                         :    2.375rem  38px
    h3                         :    1.75rem  28px
    h4                         :    1.25rem   20px
    h5                         :    1rem
    h6                         :    0.75rem  12px
	GLOBAL SPACING HIERARCHY WITH <section>
	---------------------------

    Default                    :    6.5625rem
    Large                      :    11.375rem
    Small                      :    4.8125rem
    Default (mobile)           :    4.265625rem
    Large (mobile)             :    4.265625rem
    Small (mobile)             :    2.625rem
	COLOR PALETTE
	---------------------------
    Placeholder Text Color     :    #E6E6E8
	Primary Background Color   :    transparent
	Highlight Color            :    #EC5E79, #E8588C
	Primary Text Color         :    #212121, #474747
    Heading Text Color         :    #212121
	Subordinate Text Color     :    #AEAEAE
	Dividing Line Color        :    #F4F4F4
    Button Gradient Color      :    #EC5E79, #f60, #d83ba0
	TABLE OF CONTENTS
	---------------------------

    ${{TOC}}
*/
/* Ripple Effect */
@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
    }
}

/* ======================================================
    <!-- Basic -->
/* ====================================================== */
::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

:root {
    --blue: #007007;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #868e96;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}

::selection,
::-moz-selection,
::-webkit-selection {
    background: #1f1f1f;
    color: #fff;
}

html,
body {
    width: 100%;
    height: 100%;
}


html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 16px;
    /* Required, global font size */
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
a {
    margin: 0;
    padding: 0;
}

/* 初始化 */
body, div, span, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, span,
aside, details, figcaption, figure, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 1.71428571429;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Conv_AvantGardeITCbyBT-Medium", "Helvetica Neue", Helvetica, "Microsoft YaHei", STXihei, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    color: #212121;
    background-color: #ffffff;
}

:active, :focus {
    outline: none !important;
}

p,
pre,
table,
blockquote {
    margin-bottom: 1.421875rem;
}

select {
    max-width: 100%;
}

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

blockquote {
    background: #fff;
    border: 1px solid #F8F8F8;
    border-left: 5px solid #EC5E79;
    padding: 0 1.75rem 1.25rem;
    margin-top: 1.421875rem;
    line-height: 2;
    font-size: 1rem;
}

blockquote::before {
    color: #EC5E79;
    content: open-quote;
    font-size: 5.25rem;
    line-height: 0.1;
    margin-right: 0.21875rem;
    vertical-align: -2.055rem;
    font-family: sans-serif;
    content: "\201C";
    /*Unicode for Left Double Quote*/
}

strong {
    font-weight: 600;
}

hr {
    margin: 1.421875rem 0;
    border-color: #F4F4F4;
}

hr.black {
    border-color: rgba(255, 255, 255, 0.1);
}

a img {
    border: none;
}

img {
    max-width: 100%;
}

iframe {
    border: none !important;
}

/* ======================================================
   <!-- Table -->
/* ====================================================== */
table.table-normal,
.table-normal table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 100%;
}

table.table-normal th,
.table-normal table th {
    text-align: left;
}

table.table-normal td,
table.table-normal th,
.table-normal table td,
.table-normal table th {
    border: 1px solid black;
    padding: 0.6875rem;
}

/* ======================================================
   <!-- Typography -->
/* ====================================================== */
/*
 * 1. General
 * 2. Hyperlink
 * 3. Heading (h1,h2,h3,h4,h5,h6)
 * 4. Text Effect
 * 5. Table & List Effect by Default
 * 6. Drop Cap
*/
/*
/*
 ---------------------------
 2. Hyperlink
 ---------------------------
 */
a {
    color: #474747;
}

a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}

a.link {
    text-decoration: underline;
    color: #EC5E79;
}

a.link:hover {
    color: #E8588C;
}

.heading-space-none {
    margin: 0 !important;
    padding: 0 !important;
}

/*
 ---------------------------
 4. Text Effect
 ---------------------------
 */
.font-normal {
    font-family: "Conv_AvantGardeITCbyBT-Medium", "Helvetica Neue", Helvetica, "Microsoft YaHei", STXihei, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    font-weight: 400 !important;
}

.font-uppercase {
    text-transform: uppercase !important;
}

.font-bold {
    font-weight: 800 !important;
}

.font-italic {
    font-style: italic !important;
}

.font-no-italic {
    font-style: normal !important;
}

.font-underline {
    text-decoration: underline !important;
}

.font-primary-color {
    color: #EC5E79 !important;
}

.font-sub-color {
    color: #AEAEAE !important;
}

.font-white {
    color: white;
}

.font-white p,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white h5,
.font-white h6,
.font-white .h1,
.font-white .h2,
.font-white .h3,
.font-white .h4,
.font-white .h5,
.font-white .h6 {
    color: white;
}

/*
 ---------------------------
 5. Table & List Effect by Default
 ---------------------------
 */
/* Compatible with  Uix Shortcodes (WordPress Plugin) */
.list-normal a:not(.uix-sc-btn),
.table-normal a:not(.uix-sc-btn) {
    color: #EC5E79;
}

.list-normal a:not(.uix-sc-btn):not(.button):hover,
.table-normal a:not(.uix-sc-btn):not(.button):hover {
    color: #E8588C;
    text-decoration: underline;
}

.list-normal a:not(.uix-sc-btn):hover img,
.table-normal a:not(.uix-sc-btn):hover img {
    text-decoration: none;
}

/*
 ---------------------------
 6. Drop Cap
 ---------------------------
 */
.dropcap::first-letter,
.dropcap > p:first-of-type::first-letter {
    display: block;
    margin-right: 10px;
    float: left;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: -2px;
}

/* ======================================================
   <!-- Spacing -->
/* ====================================================== */
section,
.section {
    position: relative;
}

section.space-sm,
.section.space-sm {
    padding: 4.8125rem 0;
}

section.space-lg,
.section.space-lg {
    padding: 11.375rem 0;
}

section.space-none,
.section.space-none {
    padding: 0 !important;
}

section.space-none-top,
.section.space-none-top {
    padding-top: 0 !important;
}

section.space-none-bottom,
.section.space-none-bottom {
    padding-bottom: 0 !important;
}

section.site-google-map,
.section.site-google-map {
    padding-top: 0 !important;
}

@media all and (max-width: 768px) {
    section.space-sm,
    .section.space-sm {
        padding: 2.625rem 0;
    }

    section.space-lg,
    .section.space-lg {
        padding: 4.265625rem 0;
    }

    section.space-none,
    .section.space-none {
        padding: 0;
    }

    section.space-none-top,
    .section.space-none-top {
        padding-top: 0;
    }

    section.space-none-bottom,
    .section.space-none-bottom {
        padding-bottom: 0;
    }

    section.site-google-map,
    .section.site-google-map {
        padding-top: 0;
    }
}

.pure:before,
.pure:after {
    content: " ";
    display: table;
}

.pure:after {
    clear: both;
}

.fl_l {
    float: left;
}

.fl_r {
    float: right;
}

body {
    height: auto;
    overflow-x: hidden;
}

html {
    font-size: 100px;
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 80px;
    }
}

@media screen and (max-width: 800px) {
    html {
        font-size: 90px;
    }
}

@media screen and (max-width: 600px) {
    html {
        font-size: 80px;
    }
}

a {
    text-decoration: none;
}

.newiconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bloc {
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

.bloc .wrapper {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.bloc .wrapper .row {
    height: 100vh;
    background-color: #fff;
    position: absolute;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    overflow: hidden;
}

.bloc .wrapper .row.on {
    z-index: 4;
    opacity: 1;
}

.bloc .wrapper .row.navInPrev {
    pointer-events: none;
    opacity: 1;
    -webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
    animation: slideInHalfFromTop 0.7s forwards ease-in-out;
}

.bloc .wrapper .row.navOutPrev {
    pointer-events: none;
    opacity: 1;
    -webkit-animation: slideOutBottom 0.7s forwards ease-in-out;
    animation: slideOutBottom 0.7s forwards ease-in-out;
}

.bloc .wrapper .row.navInNext {
    pointer-events: none;
    opacity: 1;
    z-index: 100;
    -webkit-animation: slideInFromBottom 0.7s forwards ease-in-out;
    animation: slideInFromBottom 0.7s forwards ease-in-out;
}

.bloc .wrapper .row.navOutNext {
    pointer-events: none;
    opacity: 1;
    -webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out;
    animation: slideOutHalfTop 0.7s forwards ease-in-out;
}

.navClick {
    height: 15vh;
    width: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    pointer-events: all;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.bloc .wrapper .claNext {
    z-index: 4;
    opacity: 1;
    transform: translateY(85%);
    animation: mhover .5s ease 1;
}

@keyframes mhover {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(85%);
    }
}

.bloc .wrapper .claOut {
    z-index: 4;
    opacity: 1;
    transform: translateY(100%);
    animation: mhover2 .5s ease 1;
}

@keyframes mhover2 {
    0% {
        transform: translateY(90%);
    }
    100% {
        transform: translateY(100%);
    }
}

.mess_img_case .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.1, 0.7, 0.74, 0.3);
    /*transition-timing-function: ease;*/
}

.ind_banner_box {
    height: 100%;
}

.ind_banner_box .swiper-container {
    height: 100%;
}

.ind_banner_box .swiper-container .swiper-slide.active {
    pointer-events: all;
}

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

.banner_img_box .banner_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.2);
}

.banner_img_box .banner_m {
    display: none;
}

.banner_img_box .banner_text_img_box {
    width: 76.979%;
    position: absolute;
    left: 50%;
    top: 22%;
    transform: translateX(-50%);
    color: #fff;
    display: none;
}

.banner_img_box .banner_text_img_box .ind_banner_text_title {
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.458;
}

.banner_img_box .banner_text_img_box .ind_banner_img_title {
    width: 6.06rem;
}


/*.banner_img_box .banner_text_img_box .ind_banner_text_title .ind_ban_text_two font:nth-last-child(1), .banner_img_box .banner_text_img_box .ind_banner_text_title .ind_ban_text_two font:nth-last-child(2), .banner_img_box .banner_text_img_box .ind_banner_text_title .ind_ban_text_two font:nth-last-child(3) {*/
/*color: #d70c18;*/
/*}*/

.banner_img_box .banner_text_img_box .ind_banner_text_title span {
    color: #d70c18;
}

.banner_img_box .banner_text_img_box .ind_banner_text_title span font {
    font-family: 'BrownStd-Bold';
}

.banner_img_box .banner_text_img_box .ind_banner_name {
    line-height: 1;
    margin-top: .75rem;
    font-size: 0;
    color: #fff;
    display: block;
}

.banner_img_box .banner_text_img_box .ind_banner_name:hover > div {
    color: #d70c18;
}

.banner_img_box .banner_text_img_box .ind_banner_name:hover > span {
    border: 0.05rem solid #d70c18;
}

.banner_img_box .banner_text_img_box .ind_banner_name > div {
    display: inline-block;
    vertical-align: middle;
    font-size: .3rem;
    transition: all .3s ease;
}

.banner_img_box .banner_text_img_box .ind_banner_name > span {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    border: 0.05rem solid #fff;
    width: .3rem;
    height: .3rem;
    margin-right: .2rem;
    transition: all .3s ease;
}

.banner_img_box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo_w img {
    width: 45.97%;
}

.ind_banner_box .banner_img_box {
    transform: scale(1.5);
    transition: all .3s ease-in-out;
}

.ind_banner_box .banner_img_box .banner_text_img_box {
    display: none;
}

.ind_banner_box .swiper-pagination {
    font-size: 0;
}

.ind_banner_box .swiper-pagination .swiper-pagination-bullet {
    background-color: #d70c18;
    width: .12rem;
    height: .12rem;
    transition: all .5s ease-in-out;
    margin: 0 .225rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ind_banner_box .swiper-pagination .swiper-pagination-bullet::after {
    content: '';
    border: .04rem solid;
    border-color: transparent;
    width: 100%;
    height: 100%;
    transition: all .5s ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    border-radius: 100%;
}

.ind_banner_box .swiper-pagination .swiper-pagination-bullet-active {
    background-color: transparent;
}

.ind_banner_box .swiper-pagination .swiper-pagination-bullet-active::after {
    border-color: #d70c18;
}

.ind_banner_box .active .banner_img_box {
    transform: scale(1);
    transition: all 0s ease;
}

.ind_banner_box .active .banner_img_box .banner_img {
    transform: scale(1);
    transition: all 3s ease;
}

.ind_banner_box .active .banner_img_box .banner_text_img_box {
    display: block;
}

.ind_banner_box .swiper-pagination {
    color: rgba(255, 255, 255, 0.2);
    font-size: .16rem;
    font-family: 'Conv_Gotham-Black';
}

.ind_banner_box .swiper-pagination .on {
    color: white;
}

.ind_banner_box .swiper-pagination .ban_pag_sty {
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: .7rem;
    margin: 0 .08rem;
    background-color: #fff;
}

.ind_bottom_box {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 8.333vh;
    text-align: center;
    font-size: 0;
    width: 100%;
    z-index: 1;
}

.ind_bottom_box > div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.08rem;
    font-size: .16rem;
}

.ind_bottom_box > div:first-child {
    margin-left: 0;
}

.ind_bottom_box > div:last-child {
    margin-right: 0;
}

.ind_bottom_box .swiper-pagination {
    position: relative;
    width: auto;
    bottom: 0;
}

.ind_bottom_box .ind_hint {
    font-family: 'Conv_Gotham-Black';
}

.ind_bottom_box .ind_hint_icon {
    border: 2px solid #fff;
    height: 26px;
    width: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    padding: 4px 0;
}

.ind_bottom_box .ind_hint_icon > div {
    height: 6px;
    width: 2px;
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -1px;
    animation: gun0 1s ease infinite;
}

.ind_body .ind_src2 {
    position: relative;
    display: none;
}

.ind_body .ind_src2 .ind_show_nav_boc {
    position: absolute;
    width: 83.3%;
    left: 8.35%;
    bottom: 7.3vh;
    border-bottom: 1px solid #d70c18;
    display: flex;
    z-index: 1;
    overflow: hidden;
}

.ind_body .ind_src2 .ind_show_nav_boc .blur_box {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: -8.35vw;
    bottom: -7.3vh;
    z-index: -1;
    padding: 0;
    pointer-events: none;
}

.ind_body .ind_src2 .ind_show_nav_boc .blur_box > div {
    display: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(5px);
    transform: scale(1.2);
}

.ind_body .ind_src2 .ind_show_nav_boc .blur_box > div.on {
    display: block;
    animation: scale 2s ease forwards;
}

.ind_body .ind_src2 .ind_show_nav_boc > div {
    width: 25%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all .3s ease;
    padding: .26rem 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
    position: relative;
}


.ind_body .ind_src2 .ind_show_nav_boc > div::after {
    content: '';
    display: block;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
}

.ind_body .ind_src2 .ind_show_nav_boc > div:last-child::after {
    display: none;
}

.ind_body .ind_src2 .ind_show_nav_boc > div:hover, .ind_body .ind_src2 .ind_show_nav_boc > div.on {
    background-color: #d70c18;
}

.ind_body .ind_src2 .ind_show_nav_boc > div i {
    font-size: .66rem;
    line-height: 1;
}

.ind_body .ind_src2 .ind_show_nav_boc > div .ind_show_tab_name {
    padding-left: .3rem;
    text-align: left;
}

.ind_body .ind_src2 .ind_show_nav_boc > div .ind_show_tab_name > div {
    font-size: .2rem;
    line-height: 1.5;
}

.ind_body .ind_src2 .ind_show_nav_boc > div .ind_show_tab_name small {
    font-family: 'BrownStd-Regular';
    font-size: .14rem;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1.8;
}

@keyframes scale {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes gun0 {
    0% {
        top: 6px;
    }
    50% {
        top: 14px;
    }
    100% {
        top: 6px;
    }
}

.nav {
    height: .8rem;
    position: fixed;
    transition: all .3s ease;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 999;
}

.nav.on {
    background-color: transparent;
}

.nav.on .navBox .foot_nav_name > a {
    color: #fff;
}

.nav.on .navBox small {
    color: #fff;
}

.nav.on .navBox .foot_link_box > ul > li:hover > a {
    color: #fff;
}

.nav.on .navBox .foot_link_box > ul > li.on > a {
    color: #fff;
}

.nav .logo_box {
    width: 10.42%;
    height: 100%;
    /* background-color: #d70c18; */
    /* background-color: #000; */
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    text-align: center;

}

.nav .logo_box img {
    height: 100%;
}

.nav .logo_box i {
    font-size: .56rem;
    color: #fff;
}

.nav .navBox {
    float: left;
    text-align: center;
}

.nav .navBox a {
    display: block;
    color: #000;
    transition: all .3s ease;
    font-size: .16rem;
    line-height: 1;
}

.nav .navBox a.on {
    color: #d70c18;
}

.nav .navBox a.on > div {
    font-weight: 700;
}

.nav .navBox small {
    color: rgba(0, 0, 0, 0.4);
    display: block;
    font-size: 12px;
    line-height: 1;
    font-family: 'BrownStd-Regular';
}

.nav .navBox .foot_link_box > ul {
    display: block;
}

.nav .navBox .foot_link_box > ul > li {
    display: block;
    position: relative;
    float: left;
    width: 7.8vw;
    padding: .2rem 0;
    transition: all .3s ease;
}

.nav .navBox .foot_link_box > ul > li.on > a {
    color: #d70c18;
}

.nav .navBox .foot_link_box > ul > li.on > a > div {
    font-weight: 700;
}

.nav .navBox .foot_link_box > ul > li > a div {
    margin-bottom: .1rem;
}


.nav .navBox .foot_link_box > ul > li > ul.on_n {
    pointer-events: all;
    max-height: 1000px;
    opacity: 1;
}

.nav .navBox .foot_link_box > ul > li > ul {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: -2px;
    background-color: #f0f0f0;
    transform: translate(-50%, 0);
    width: 150%;
    transition: all .3s ease;
    z-index: -999;
    pointer-events: none;
    border-radius: 3px;
    text-transform: uppercase;
    overflow: hidden;
    max-height: 0;
}

.nav .navBox .foot_link_box > ul > li > ul > li {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.nav .navBox .foot_link_box > ul > li > ul > li:first-child {
    padding-top: .1rem;
}

.nav .navBox .foot_link_box > ul > li > ul > li:last-child {
    padding-bottom: .1rem;
}

.nav .navBox .foot_link_box > ul > li > ul > li a {
    transition: all .3s ease;
    padding: .15rem 0;
    color: rgba(0, 0, 0, 0.6);
}

.nav .navBox .foot_link_box > ul > li > ul > li a:hover {
    background-color: #fff;
    color: #d70c18;
}

.nav .navBox .foot_link_box > ul > li > ul::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 100%;
    background-color: #d70c18;
    z-index: -1;
}

.nav .navBox .foot_link_box > ul > li > ul::before {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    z-index: -1;
    bottom: 100%;
    left: 0;
}

.nav .nav-right {
    width: 2.5rem;
    height: 0.8rem;
    position: relative;
    float: right;
}

.nav .nav-sou {
    display: flex;
    position: absolute;
    top: 0.2rem;
    right: 0.5rem;
    padding-bottom: 0.09rem;
    border: none;
    transition: all .3s;
    z-index: 999;
}

.nav .nav-sou input {
    display: block;
    width: 0;
    height: 0.3rem;
    background-color: transparent;
    border: 0;
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #000;
    transition: all .3s;
    float: left;
}

.nav .nav-sou button {
    background-color: transparent;
    border: 0;
    color: #1f1f1f;
    cursor: pointer;
    float: left;
    margin-top: 0.06rem;
}

.nav .nav-sou:hover, .nav .nav-sou.on {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.nav .nav-sou:hover input, .nav .nav-sou.on input {
    width: 2rem;
}

footer {
    background-color: #252526;
}

footer .foot_link_box {
    margin: 0 auto;
    padding-top: .8rem;
    padding-bottom: .5rem;
    display: flex;
    text-align: left;
    justify-content: space-between;
    width: 71%;
}

footer .foot_link_box ul {
    display: block;
}

footer .foot_link_box ul li {
    display: block;
}

footer .foot_link_box .foot_nav_name {
    margin-bottom: .15rem;
}

footer .foot_link_box .foot_nav_name a {
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
}

footer .foot_link_box a {
    display: block;
    font-size: .14rem;
    line-height: 2.5;
    color: #b4b4b5;
    transition: all .3s ease-in-out;
}

footer .foot_link_box a:hover {
    color: #fff;
}

footer .foot_copy_box {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 1.5;
    font-size: .14rem;
    text-align: center;
    padding-top: .4rem;
    padding-bottom: .6rem;
    color: #fff;
}

footer .foot_copy_box a{
    color:#fff;
}

.ind_body footer {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    transition: all .3s ease;
}

.ind_body footer > div {
    display: none;
}

.ind_body footer.on {
    transform: translateY(0);
}

.ind_body footer.on > div {
    display: block;
}

.btn_shop {
    width: .5rem;
    height: .5rem;
    background-color: #000000;
    text-align: center;
    cursor: pointer;
    line-height: .2rem;
    display: block;
    position: fixed;
    right: .4rem;
    top: .4rem;
    z-index: 116;
    overflow: hidden;
    padding-top: .05rem;
    transition: all .5s ease;
}

.btn_shop span {
    display: block;
    font-size: .1rem;
    color: #666666;
    transition: color .5s ease;
}

.btn_shop div {
    color: #fff;
    font-size: .12rem;
    font-family: 'Conv_Gotham-Black';
    text-transform: uppercase;
    transition: opacity .5s ease;
}

.btn_shop .sho_det {
    position: absolute;
    top: .25rem;
    left: 50%;
    transform: translateX(-50%);
}

.btn_shop .sho_hov {
    opacity: 0;
}

.btn_shop:hover {
    width: 1.24rem;
}

.btn_shop:hover span {
    color: #f91a4f;
}

.btn_shop:hover .sho_det {
    opacity: 0;
}

.btn_shop:hover .sho_hov {
    opacity: 1;
}

.ind_src2 {
    height: 100%;
    width: 100%;
    position: relative;
}

.ind_src2 .ind_show_box {
    position: relative;
    width: 100%;
    height: 100%;
}

.ind_src2 .ind_show_box::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    z-index: 1;
}

.ind_src2 .ind_show_box > div {
    background-size: cover;
    background-position: center;
    display: none;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ind_src2 .ind_show_box > div::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    left: 0;
    transform: scale(1.2);
    top: 0;
    z-index: 1;
}

.ind_src2 .ind_show_box > div.on {
    display: block;
}

.ind_src2 .ind_show_box > div.on::after {
    animation: scale 2s ease forwards;
}

.ind_src2 .ind_show_box > div > div {
    position: relative;
    top: 28%;
    z-index: 2;
}

.ind_src2 .ind_show_box > div a {
    font-weight: 700;
    font-size: .5rem;
    line-height: 1.5;
    display: block;
    color: #fff;
}

.ind_src2 .ind_show_box > div .ind_show_info {
    line-height: 1.75;
    font-size: .16rem;
    width: 42%;
    margin: .25rem auto 0;
}

.ind_src2 .ind_show_box > div .ind_show_con_box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-top: .4rem;
    height: 2.1rem;
}

.ind_src2 .ind_show_box > div .ind_show_con_box > div {
    margin: 0 3.645vw;
    position: relative;
}

.ind_src2 .ind_show_box > div .ind_show_con_box > div:last-child::after {
    display: none;
}

.ind_src2 .ind_show_box > div .ind_show_con_box > div::after {
    content: '';
    display: block;
    height: 0;
    width: 3.645vw;
    left: 100%;
    top: 50%;
    position: absolute;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
}

.ind_src2 .ind_show_box > div .ind_show_con_box > div:first-child::before {
    display: none;
}

.ind_src2 .ind_show_box > div .ind_show_con_box > div::before {
    content: '';
    display: block;
    height: 0;
    width: 3.645vw;
    right: 100%;
    top: 50%;
    position: absolute;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
}

.ind_src2 .ind_show_box > div .ind_show_con_box > div > span {
    position: absolute;
    display: block;
    width: 120%;
    height: 120%;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none;
}

.ind_src2 .ind_show_box > div .ind_show_con_box > div > span img {
    display: block;
    width: 100%;
}


.ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case {
    border-radius: 100%;
    transition: all .3s ease;
    width: .8rem;
    height: .8rem;
}

.ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_icon_box {
    border-radius: 100%;
    transition: all .3s ease;
    border: 1px solid rgba(255, 255, 255, 0.4);
    width: .8rem;
    line-height: .8rem;
    height: .8rem;
    margin: 0 auto;
}

.ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_icon_box i {
    font-size: .4rem;
}

.ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .industry_name {
    font-size: .18rem;
    transition: all .3s ease;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    margin-top: .1rem;
}

.ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .show_icon_info {
    display: none;
    width: 76%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.6;
}

.ind_3_new_name {
    font-family: 'BrownStd-Bold';
}

.ind_btn_more {
    display: none;
}

.row.part.on .ind_show_link_case {
    display: block;
}

.row.part.on .ind_btn_more {
    display: block;
}

.row.part.on .ind_new_case {
    display: block;
}

.row.part.on .ind_src2 {
    display: block;
}

.row.part.on .ind_src4 {
    display: block;
}

.row.part.navInNext .ind_src2, .row.part.navInPrev .ind_src2 {
    display: block;
}

.ind_pro_img_box {
    height: 100%;
    width: 100%;
    position: relative;
}

.ind_pro_img_box > div {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s ease;
}

.ind_pro_img_box:hover .ind_pro_img {
    transform: scale(1.1);
}

.ind_pro_img_box:hover .ind_btn_more {
    margin-top: -20px;
}

.ind_pro_img_box .ind_btn_more {
    position: absolute;
    right: 22%;
    top: 50%;
    transform: translateY(-48%);
    color: #fff;
    transition: margin-top .5s ease;
}

.ind_pro_img_box .ind_btn_more > div {
    opacity: 0;
    transform: translateY(15px) scale(0.8);
}

.ind_pro_img_box .ind_btn_more > div:nth-child(2) {
    font-family: 'Conv_NeoSans_0';
    font-size: .39rem;
    line-height: 1;
    margin-top: 3.7vh;
    letter-spacing: 7.5px;
    transition: all .5s ease 1.2s;
}

.ind_pro_img_box .ind_btn_more > div:first-child {
    font-size: .59rem;
    font-weight: 700;
    line-height: 1;
    transition: all .5s ease 1s;
}

.ind_pro_img_m {
    display: none;
}

.ind_show_box .swiper-container {
    height: 100%;
}

.ind_src3 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.ind_src3 > span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-20%, -50%);
    z-index: -1;
    width: 100%;
}

.ind_src3 > span span {
    position: absolute;
    font-size: 8.42rem;
    line-height: .7rem;
    font-family: 'BrownStd-Bold';
    color: rgba(0, 0, 0, 0.08);
    transition: all .8s ease;
    white-space: nowrap;
}

.ind_src3 > div {
    width: 80%;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.ind_src3 .ind_new_case {
    padding-top: 11.11vh;
    position: relative;
    display: none;
}

.ind_src3 .ind_new_case .ind_new_tab_box {
    position: absolute;
    right: 0;
    bottom: 100%;
    display: flex;
}

.ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-prev, .ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-next {
    background-image: none;
    text-align: center;
    position: relative;
    margin: 0;
    left: auto;
    top: auto;
    right: auto;
    width: .7rem;
    height: .7rem;
    line-height: .7rem;
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    transition: all .3s ease;
}

.ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-prev:hover, .ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-next:hover {
    background-color: #d70c18;
}

.ind_src3 .ind_new_case .ind_new_tab_box .swiper-button-prev {
    margin-right: .1rem;
}

.ind_src3 .ind_new_case .swiper-container {
    overflow: initial;
}

.ind_src3 .ind_new_case .ind_new_con {
    display: block;
    position: relative;
}

.ind_src3 .ind_new_case .ind_new_con:hover .new_img_box .new_img_hover {
    opacity: 1;
}

.ind_src3 .ind_new_case .ind_new_con .new_img_box {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.ind_src3 .ind_new_case .ind_new_con .new_img_box::before {
    content: '';
    display: block;
    width: 100%;
    margin-top: 105%;
}

.ind_src3 .ind_new_case .ind_new_con .new_img_box::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
}

.ind_src3 .ind_new_case .ind_new_con .new_img_box img {
    width: 100%;
    display: none;
}

.ind_src3 .ind_new_case .ind_new_con .new_img_box .new_img_hover {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease;
    opacity: 0;
    z-index: 1;
}

.ind_src3 .ind_new_case .ind_new_con .new_text_box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    padding: 14% 9.415% 11%;
    color: #fff;
}

.ind_src3 .ind_new_case .ind_new_con .new_text_box .ind_3_new_name {
    font-weight: 700;
    font-size: .24rem;
    line-height: 1.79;
}

.ind_src3 .ind_new_case .ind_new_con .new_text_box .ind_3_new_time {
    font-family: 'BrownStd-Bold';
    line-height: 1;
    font-size: .18rem;
    position: absolute;
    right: 9.415%;
    bottom: 11%;
}

.title_box {
    padding-top: 18.5vh;
    font-size: .48rem;
    font-weight: 700;
    color: #000000;
    line-height: 1;
}

.ind_new_hot_bos .ind_new_tex_box {
    background-color: #fff;
}

.ind_src4 {
    height: 100%;
    display: none;
    background-color: #f5f5f5;
    overflow: hidden;
}

.ind_src4 .ind_src4_con_text_m {
    display: none;
}

.ind_src4 .ind_src4_case {
    display: flex;
    align-items: center;
}

.ind_src4 .ind_src4_left {
    width: 22.45%;
    margin-left: 10.4%;
}

.ind_src4 .ind_src4_left .ind_src4_title {
    font-size: .48rem;
    line-height: 1.375;
    font-weight: 700;
}

.ind_src4 .ind_src4_left .ind_src4_info {
    font-size: 14px;
    margin-top: .4rem;
    padding-bottom: .6rem;
    color: rgba(0, 0, 0, 0.5);
    line-height: 2;
}

.ind_src4 .ind_src4_left .down_hint {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .05rem;
    position: relative;
}

.ind_src4 .ind_src4_left .down_hint > img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(50%);
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.ind_src4 .ind_src4_left .down_hint:hover > img {
    opacity: 1;
    transform: translateY(-30%);
    pointer-events: all;
}

.ind_src4 .ind_src4_left .down_hint span {
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #d70c18;
    text-align: center;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    box-shadow: 0 0 10px rgba(255, 14, 24, 0.1);
    margin-right: .15rem;
}

.ind_src4 .ind_src4_left .down_hint span i {
    font-size: .18rem;
    font-weight: 400;
    letter-spacing: 0;
}

.ind_src4 .ind_src4_right {
    border-radius: 100%;
    width: 51vw;
    height: 51vw;
    background-color: #fff;
    position: relative;
}

.ind_src4 .ind_src4_right::after {
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    background-color: #f6f7f9;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
}

.ind_src4 .ind_src4_right .swiper-container {
    height: 100%;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper {
    height: 100%;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide.active .ind_mem_tex_pc {
    display: block !important;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con {
    height: 100%;
    position: relative;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_img {
    position: absolute;
    top: 54%;
    left: 48%;
    transform: translate(-50%, -50%);
    width: 106%;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_box {
    display: flex;
    line-height: 1.77;
    font-size: .18rem;
    align-items: center;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_box span {
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    height: .7rem;
    line-height: .7rem;
    width: .7rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-right: .35rem;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_box span i {
    color: #d70c18;
    font-size: .36rem;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc {
    display: none;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc .ind_mem_tex_box {
    position: absolute;
    width: 40%;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc .ind_mem_tex_box.ind_mem_tex_box_left {
    left: 4%;
    top: 28%;
}

.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc .ind_mem_tex_box.ind_mem_tex_box_right {
    right: 8%;
    bottom: 22%;

}
.ind_src4 .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_tex_pc .ind_mem_tex_box.ind_mem_tex_box_right > div{
    width: calc(100% - 1.05rem);
}
.ind_src4 .ind_src4_right .swiper-pagination {
    display: none;
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab {
    position: absolute;
    left: 108%;
    top: 50%;
    transform: translateY(-50%);
    height: 50vh;
    line-height: .36rem;
    font-size: .18rem;
    width: 130px;
    overflow: hidden;
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab::before {
    content: '';
    width: 1px;
    height: 98%;
    margin-top: 1%;
    left: .18rem;
    position: absolute;
    top: 0;
    background-color: rgba(216, 12, 24, 0.3);
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab > div {
    display: flex;
    align-items: center;
    height: .36rem;
    margin: calc((50vh - (4 * .36rem)) / 3) 0;
    transition: all .3s ease;
    cursor: pointer;
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab > div:first-child {
    margin-top: 0;
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab > div:last-child {
    margin-bottom: 0;
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab > div.on, .ind_src4 .ind_src4_right .ind_src4_lb_tab > div:hover {
    color: #d70c18;
    font-weight: 700;
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab > div.on span, .ind_src4 .ind_src4_right .ind_src4_lb_tab > div:hover span {
    background-color: #d80c18;
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab > div span {
    border-radius: 100%;
    height: .36rem;
    width: .36rem;
    position: relative;
    margin-right: .15rem;
    transition: all .3s ease;
    border: .1rem solid #f5f5f5;
    background-color: #ecafb3;
    transition: all .3s ease;
}

.ind_src4 .ind_src4_right .ind_src4_lb_tab > div span::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: .08rem;
    width: .08rem;
    background-color: #f5f5f5;
    border-radius: 100%;
}

.navDown .childItem {
    display: none;
}

.childItem {
    width: 2rem;
    height: calc(100vh - 50px);
    position: absolute;
    top: 0;
    left: 100%;
    padding-left: .56rem;
    color: rgba(255, 255, 255, 0.25);
    z-index: 1;
}

.childItem > ul {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.childItem > ul:first-child {
    display: block;
}

.childItem > ul li {
    padding: 1.85vh 0;
    cursor: pointer;
}

.childItem > ul li.thisNav a, .childItem > ul li:hover a {
    font-weight: 700;
    color: #000;
}

.childItem > ul li.thisNav a::after, .childItem > ul li:hover a::after {
    width: calc(100% + 1.5em);
}

.childItem > ul a {
    font-size: .15rem;
    color: #808080;
    transition: all .5s ease;
    position: relative;
    line-height: 1;
}

.childItem > ul a::after {
    content: '';
    display: block;
    left: -.5em;
    bottom: -3px;
    position: absolute;
    width: 0;
    height: 6px;
    background-color: #f2f2f2;
    z-index: -1;
    transition: width .5s ease;
}

.navBox > .childItem {
    width: 2rem;
    height: calc(100vh - 50px);
    position: fixed;
    top: 25px;
    left: 240px;
    padding-left: .48rem;
    background-color: #000000;
}

.navBox > .childItem > ul {
    display: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.navBox > .childItem > ul:first-child {
    display: block;
}

.navBox > .childItem > ul li {
    padding: 1.85vh 0;
    cursor: pointer;
}

.navBox > .childItem > ul li.thisNav a, .navBox > .childItem > ul li:hover a {
    color: white;
}

.navBox > .childItem > ul li.thisNav a::after, .navBox > .childItem > ul li:hover a::after {
    width: calc(100% + 1.5em);
}

.navBox > .childItem > ul a {
    font-size: .13rem;
    color: rgba(255, 255, 255, 0.25);
    transition: all .5s ease;
    position: relative;
    line-height: 1;
}

.navBox > .childItem > ul a::after {
    content: '';
    display: block;
    left: -.5em;
    bottom: -3px;
    position: absolute;
    width: 0;
    height: 6px;
    background-color: #292929;
}

#tenpay_txt {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 999;
    pointer-events: none;
}

#tenpay_txt .loading_box {
    background-color: #d70c18;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.loading_case {
    position: fixed;
    background-color: #fff;
    border-radius: 100%;
    font-family: 'BrownStd-Bold';
    width: .3rem;
    height: .3rem;
    right: 101%;
    top: 50%;
    transform: translate(50%, -50%) translateZ(0);
    animation: roundCome 2s ease 0s 1 forwards;
}

.loading_case .load_v_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    height: 50vh;
    width: 800px;
    overflow: hidden;
    opacity: 0;
    animation: vO .1s ease 1.5s 1 forwards;
}

.loading_case .loading_text {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    font-size: 0;
    text-align: center;
    animation: textOur 2s cubic-bezier(0, 0.31, 0.25, 1) 3.4s 1 forwards;
}

.loading_case .loading_text > div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: .3rem;
    color: #d70c18;
}

.loading_case .loading_text > div:first-child {
    z-index: 2;
}

.loading_case .loading_text > div.load_text_box {
    animation: textCome 1s ease 2.3s 1 forwards;
    overflow: hidden;
    z-index: -1;
}

.loading_case .loading_text > div .shade_blaxk {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background-color: #fff;
    height: 100%;
    width: .23rem;
    z-index: 2;
    animation: opCome .2s ease 2.1s 1 forwards;
}

.loading_case .loading_text .load_wz_box {
    position: absolute;
    width: 4.33rem;
    height: 100%;
    right: 0;
    top: 0;
    overflow: hidden;
    animation: textComeNei 1s ease 2.4s 1 forwards;
}

.loading_case .loading_text .load_wz {
    position: absolute;
    right: 0;
    top: 0;
    width: 4.33rem;
    display: flex;
    justify-content: flex-end;
    white-space: nowrap;
}

.loading_case .loading_text .load_wz.load_zw {
    opacity: 0;
    position: relative;
}

.loading_case .sha_case {
    position: absolute;
    width: 100%;
    left: 100%;
    top: 50%;
    transform: translate(0, -50%) translateZ(0);
    text-align: center;
    animation: logoCome 1s cubic-bezier(0, 0.3, 0.76, 1.15) 1.5s 1 forwards;
}

.loading_case .sha_case .sha_logo {
    width: 160px;
    display: block;
    font-size: 0;
    margin: 0 auto;
    margin-bottom: 10px;

}

.loading_case .sha_case .sha_logo > div {
    font-size: 0;
}

.loading_case .sha_case .sha_logo div:first-child {
    position: relative;
    margin-bottom: 5px;
}

.loading_case .sha_case .sha_logo div:first-child span {
    position: relative;
    animation: logoShake .6s cubic-bezier(0.25, 0.1, 0.88, 0.56) 2.6s 1 forwards;
}

.loading_case .sha_case .sha_logo span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    border: 6px solid #d70c18;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}

.loading_case .sha_case .sha_name {
    font-family: 'BrownStd-Regular';
    /*font-size: .2rem;*/
    display: block;
    position: relative;
    overflow: hidden;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    height: 15px;
}

.loading_case .sha_case .sha_name .sha_zw {
    opacity: 0;
    display: none;
}

.loading_case .sha_case .sha_name .kh_name {
    position: relative;
    left: 0;
    top: 0;
    height: 0;
    white-space: nowrap;
    animation: khName 1.5s ease-in-out 2.4s 1 forwards;
    overflow: hidden;
}

.sha_name img {
    display: block;
    width: 150px;
    max-width: none;
}

.loading_case .sha_case .sha_name .kh_name .sha_show {
    width: .3rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
    /* 标准的语法 */
    animation: opOut .1s ease-in-out 4s 1 forwards;
}

@keyframes vO {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes roundCome {
    0% {
        top: 50%;
        right: 101%;
    }
    50% {
        right: 50%;
        width: .3rem;
        height: .3rem;
    }
    100% {
        top: 50%;
        right: 50%;
        width: 150vw;
        height: 150vw;
    }
}

@keyframes opCome {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes textCome {
    0% {
        margin-left: -.23rem;
        width: 4.56rem;
    }
    100% {
        width: 2.31rem;
        padding-left: .23rem;
        margin-left: -.23rem;
    }
}

@keyframes textComeNei {
    0% {
        width: 4.33rem;
    }
    100% {
        width: 2.07rem;
    }
}

@keyframes textOur {
    0% {
        left: 50%;
        transform: translate(-50%, -50%) translateZ(0);
    }
    100% {
        left: 0;
        transform: translate(-100%, -50%) translateZ(0);
    }
}

@keyframes logoCome {
    0% {
        left: 100%;
        transform: translate(0, -50%) translateZ(0);
    }
    100% {
        left: 50%;
        transform: translate(-50%, -50%) translateZ(0);
    }
}

@keyframes logoShake {
    0% {
        transform: translate(0, 0) translateZ(0);
    }
    50% {
        transform: translate(-10px, 0px) translateZ(0);
    }
    100% {
        transform: translate(0, 0) translateZ(0);
    }
}

@keyframes khName {
    0% {
        height: 0;
        width: 0;
    }
    40% {
        height: 13px;
        width: 0;
    }
    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes opOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media all and (max-width: 1024px) {
    @keyframes roundCome {
        10% {
            right: 90%;
        }
        11% {
            right: 88%;
            top: 45%;
        }
        12% {
            top: 50%;
            right: 86%;
        }
        20% {
            right: 75%;
            top: 50%;
        }
        50% {
            width: .3rem;
            height: .3rem;
            right: 50%;
            top: 50%;
        }
        100% {
            top: 50%;
            right: 50%;
            width: 150vh;
            height: 150vh;
        }
    }


}

@media all and (min-width: 1100px) {
    .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover > span {
        opacity: 1;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover .show_icon_case {
        background-color: #fff;
        width: 2.1rem;
        height: 2.1rem;
        overflow: hidden;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover .show_icon_case .car_icon_box {
        color: #d70c18;
        border-color: transparent;
        line-height: 1.1rem;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover .industry_name {
        margin-top: 0;
        color: #000;
        position: relative;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box > div:hover .show_icon_info {
        display: -webkit-box;
        color: rgba(0, 0, 0, 0.4);
    }


    .nav .navBox .foot_link_box > ul > li:hover > a {
        color: #d70c18;
        font-weight: 700;
    }

    .nav .navBox .foot_link_box > ul > li:hover > ul {
        pointer-events: all;
        max-height: 1000px;
    }

}

.dyn_body .title_box {
    z-index: 5;
}

.dyn_body .ind_src3 > div::before {
    display: none;
}

.dyn_body .ind_src3 > div {
    padding-top: .4rem;
}

.dyn_time_title_box {
    overflow: hidden;
    width: 52%;
    float: left;
    padding-right: 15px;
    background-image: linear-gradient(to bottom, #656565 0, #656565 30%, transparent 20%);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    background-position: right;
    margin-top: -.15rem;
    position: relative;
    height: 100%;
}

.dyn_time_title_box::before {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background-image: linear-gradient(to bottom, #656565 0, #656565 30%, transparent 20%);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    position: absolute;
    left: 24%;
    top: 0;
}

.dyn_time_title_box::after {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background-image: linear-gradient(to bottom, #656565 0, #656565 30%, transparent 20%);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    position: absolute;
    left: 48%;
    top: 0;
}

.dyn_time_title {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 24%;
    width: 100%;
    z-index: 1;
    transition: top .5s ease;
}

.dyn_time_title_num {
    color: #1c1c1c;
    line-height: 1.5;
    margin-left: 31.8%;
    transition: all .5s ease;
    position: relative;
    padding: 5vh 0;
    cursor: pointer;
}

.dyn_time_title_num .dyn_img_box {
    font-size: 0;
    width: 36%;
    position: relative;
    transition: all .5s ease;
}

.dyn_time_title_num .dyn_img_box img {
    display: inline-block;
    opacity: 0;
    transition: all .5s ease;
    max-width: 100%;
}

.dyn_time_title_num .dyn_img_box .det_img {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.dyn_time_title_num.on {
    padding: 3.5vh 0;
    margin-left: 0;
    cursor: auto;
}

.dyn_time_title_num.on .dyn_img_box {
    width: 45%;
}

.dyn_time_title_num.on .dyn_img_box img {
    opacity: 1;
}

.dyn_time_title_num.on .dyn_img_box .det_img {
    opacity: 0;
}

.dyn_time_title_num.on .dyn_time_year {
    font-size: 2.10rem;
    text-indent: -17px;
}

.dyn_time_title_num.on .dyn_title {
    font-size: .22rem;
    margin-top: .15rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dyn_time_title_num.dyn_time_prev {
    padding-left: 30%;
}

.dyn_time_title_num.dyn_time_prev .dyn_img_box {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.dyn_time_title_num.dyn_time_next {
    padding-right: 30%;
    text-align: right;
}

.dyn_time_title_num.dyn_time_next .dyn_img_box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.dyn_time_title_num.dyn_time_next .dyn_img_box .det_img {
    left: auto;
    right: 0;
}

.dyn_time_year {
    font-size: .2rem;
    font-family: 'Conv_NeoSans_0';
    transition: all .5s ease;
}

.dyn_title {
    font-size: .14rem;
    transition: all .5s ease;
}

.dyn_time_con_box {
    width: 48%;
    float: right;
    position: relative;
    height: 100%;
}

.dyn_time_con_case {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: .14rem;
    line-height: 1.8;
    color: #404040;
    padding-left: 20.5%;
    width: 100%;
}

.dyn_time_con_case > div {
    display: none;
}

.dyn_time_con .dyn_time_title_num {
    display: none;
}

.dyn_time_con > div {
    padding: .1rem;
}

.dyn_btn_Prev, .dyn_btn_Next {
    font-size: 0;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: .65;
    transition: opacity .5s ease;
}

.dyn_btn_Prev:hover, .dyn_btn_Next:hover {
    opacity: 1;
}

.dyn_btn_Prev > span, .dyn_btn_Next > span {
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    line-height: 1;
    color: rgba(31, 31, 31, 0.3);
}

.dyn_btn_Prev .newiconfont, .dyn_btn_Next .newiconfont {
    color: #1f1f1f;
}

.dyn_btn_Prev {
    top: 11.11vh;
}

.dyn_btn_Next {
    bottom: 11.11vh;
}

.disab {
    pointer-events: none;
    opacity: 0.4;
}

.fin_fixed_img {
    position: fixed;
    width: 13%;
    height: 100%;
    right: 0;
    top: 0;
    background: url("../image/fin_fiexd.png") no-repeat top left;
    background-size: cover;
}

.ins_box {
    padding: .4rem 13% .25rem 2.88rem;
}

.ins_box > div {
    padding: 5.78% 5.06% 0 4.338%;
}

.ins_body_tab {
    float: right;
    width: 114px;
}

.ins_body_con {
    float: left;
    width: calc(100% - 115px);
}

.fin_title {
    font-size: .4rem;
    line-height: 1;
    font-weight: 700;
    color: #121212;
    margin-bottom: .4rem;
}

.fin_describe {
    display: block;
    position: relative;
    font-size: .16rem;
    font-weight: lighter;
    color: #404040;
    padding-left: .28rem;
    line-height: 1.5;
    margin-bottom: .55rem;
}

.fin_describe::before {
    content: '';
    display: block;
    width: 3px;
    height: 24px;
    background-color: #1983fc;
    transform: skewX(-20deg);
    position: absolute;
    left: 0;
    top: 0;
}

.fin_body .ind_bottom_box {
    color: #1f1f1f;
    position: relative;
    text-align: right;
    bottom: 0;
}

.fin_body .ind_bottom_box .ind_hint_icon {
    border-color: #1f1f1f;
}

.fin_body .ind_bottom_box .ind_hint_icon > div {
    background-color: #1f1f1f;
}

.ins_header {
    padding-bottom: .3rem;
    position: relative;
}

.ins_header::after {
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 150%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.05);
}

.fin_time_box {
    position: relative;
    color: #1f1f1f;
    font-size: .26rem;
    font-family: 'Conv_Gotham-Black';
    padding: .4rem 0 .3rem 0;
}

.fin_time_box::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    width: 23%;
    height: 1px;
    background-color: #1f1f1f;
}

.btn_operate {
    width: 48%;
    margin-right: 2%;
    display: block;
    float: left;
    padding: .3rem 0;
}

.fin_name {
    font-size: .16rem;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 1.8;
    padding: 5px 0;
    max-width: 400px;
    display: block;
}

.fin_name i {
    font-size: .22rem;
    line-height: 1;
    vertical-align: middle;
    margin-left: .15rem;
    color: #1f1f1f;
}

.fin_con_time {
    font-size: .13rem;
    line-height: 22px;
    color: #a6a6a6;
    padding: .1rem 0;
}

.fin_con_time i {
    font-size: .22rem;
    vertical-align: middle;
    margin-left: .15rem;
    color: #1f1f1f;
}

.fin_con_box > a:nth-child(2n + 1) {
    clear: left;
    float: left;
}

.ins_tab_btn {
    position: relative;
    width: 15px;
    font-size: 0;
    text-align: right;
    cursor: pointer;
}

.ins_tab_btn span {
    display: inline-block;
    height: 1px;
    width: 8px;
    background-color: #d4d4d4;
    margin: 5px 0;
}

.ins_tab_btn .ins_mark {
    width: 15px;
    position: relative;
}

.ins_tab_btn .ins_mark::after {
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background-color: #1f1f1f;
    position: absolute;
    left: 0;
    top: -1px;
    border-radius: 2px;
    transition: width .5s ease;
}

.ins_tab_btn .time_year {
    font-size: .16rem;
    color: #979ba0;
    transition: all .5s ease;
    font-family: 'Conv_Gotham-Black';
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.ins_tab_btn.on {
    cursor: auto;
}

.ins_tab_btn.on .ins_mark::after {
    width: 200%;
}

.ins_tab_btn.on .time_year {
    font-size: .26rem;
    color: #1f1f1f;
}

.ins_body_tab {
    position: relative;
    overflow: hidden;
    height: 40vh;
    padding-right: 15px;
    margin-top: .94rem;
}

.ins_tab_fa {
    top: 0;
    right: 15px;
    position: absolute;
    transition: all .5s ease;
}

.ins_tab_fa > div:first-child span:first-child {
    opacity: 0;
}

.ins_tab_fa > div:first-child span:nth-child(2) {
    opacity: 0;
}

.ins_tab_fa > div:last-child span:nth-child(4) {
    opacity: 0;
}

.ins_tab_fa > div:last-child span:nth-child(5) {
    opacity: 0;
}

.ins_body_con > div {
    display: none;
}

.ins_body_con > div:first-child {
    display: block;
}

.fin_o_body .ins_header {
    margin-bottom: .3rem;
}

.fin_o_body .ins_body_con {
    width: 100%;
}

.fin_o_body .fin_name {
    max-width: 550px;
}

.fin_con_box > div {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.fin_con_box > div > a, .fin_con_box > div > div {
    width: 100%;
}

.btn_cor {
    display: inline-block;
    background-color: #d9d9d9;
    border-radius: 3px;
    font-size: .13rem;
    line-height: 34px;
    color: #121212;
    font-weight: 700;
    padding-left: .25rem;
    padding-right: .25rem;
    margin-top: .24rem;
    transition: all .5s ease;
}

.btn_cor i {
    margin-left: .2rem;
    vertical-align: middle;
}

.btn_cor:hover {
    color: #fff;
    background-color: #121212;
}

.cor_gov {
    font-size: 0;
}

.cor_gov > a, .cor_gov > span {
    display: inline-block;
    vertical-align: middle;
    font-size: .22rem;
    line-height: 1;
    color: #121212;
}

.cor_gov span {
    margin: 0 10px;
    height: 1px;
    width: .4rem;
    background-color: #bfbfbf;
}

.cor_gov .cor_down {
    border-radius: 4px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    font-size: .12rem;
    font-weight: 700;
    background-color: #1985ff;
    width: 42px;
}

.cor_right .fin_dd {
    padding-top: 0;
    padding-bottom: .2rem;
}

.fin_describe .cor_gov {
    display: inline-block;
    vertical-align: middle;
    margin-left: .08rem;
}

.int_body .bloc {
    padding-top: .25rem;
}

.int_case {
    padding: 0 .25rem 0 2.88rem;
}

.int_case > div {
    padding: 0 3.75%;
}

.int_title {
    margin-top: 8.333vh;
    padding: 20px 0;
    font-size: .17rem;
    font-weight: 700;
    color: #121212;
    line-height: 1.764;
    text-align: center;
    position: relative;
}

.int_title img {
    display: block;
    width: 1em;
    position: absolute;
}

.int_title .icon_t_01 {
    right: calc(50% + 5px);
    top: 0;
}

.int_title .icon_t_02 {
    left: calc(50% + 5px);
    bottom: 0;
}

.int_info {
    font-size: .14rem;
    line-height: 2.2857;
    color: #808080;
    text-align: center;
    padding: .5rem 0;
    letter-spacing: .5px;
}

.int_info p {
    margin-bottom: 0;
}

.int_video_box {
    position: relative;
    overflow: hidden;
    display: block;
}

.int_video_box video {
    display: block;
    width: 100%;
}

.int_video_box .int_btn_sty {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: calc(50% + 1.44rem);
    transform: translate(-50%, -50%);
}

.int_video_box .int_btn_sty > div {
    display: inline-block;
    vertical-align: middle;
}

.int_play {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #ffffff;
    color: #1c1c1e;
    text-align: center;
    line-height: .4rem;
    width: .4rem;
    margin-right: .2rem;
    font-size: .16rem;
}

.int_play i {
    margin-left: .03rem;
}

.int_vid_hint {
    color: #fff;
    line-height: 1.8;
}

.int_vid_hint:first-child {
    font-size: .14rem;
}

.int_vid_hint:last-child {
    font-size: .18rem;
    font-family: 'Conv_Gotham-Black';
}

.int_pre_sty {
    font-size: 0;
}

.int_pre_sty > div {
    margin-top: .45rem;
    display: inline-block;
    vertical-align: middle;
}

.int_pre_sty .ind_bottom_box {
    width: 240px;
    padding: 0;
    bottom: 0;
    position: relative;
    text-align: right;
    color: #1f1f1f;
}

.int_pre_sty .ind_bottom_box .ind_hint_icon {
    border-color: #1f1f1f;
}

.int_pre_sty .ind_bottom_box .ind_hint_icon > div {
    background-color: #1f1f1f;
}

.int_pre_sty .int_provenance {
    width: calc(100% - 240px);
    font-size: 0;
}

.int_pre_sty .int_provenance > img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem;
}

.int_pre_sty .int_provenance > div {
    display: inline-block;
    vertical-align: middle;
}

.int_pre_sty .int_provenance > div > div {
    padding-left: .15rem;
    line-height: 1;
}

.int_pro_cn {
    font-size: .18rem;
    color: #1f1f1f;
    font-weight: 700;
    position: relative;
    padding-right: 20px;
    margin-bottom: .2rem;
}

.int_pro_cn::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #1f1f1f;
    transform: rotate(-45deg);
    position: absolute;
    right: 0;
    top: -4px;
}

.int_pro_en {
    font-size: .12rem;
    color: #bfbfbf;
}

.marT_180 {
    margin-top: 1.8rem;
}

.int_src2_box {
    position: relative;
}

.int_src2_box .int_src2_bg {
    padding: 0;
    padding-left: 2.28rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.int_src2_box .int_src2_bg .int_src2_bg_img {
    overflow: hidden;
}

.int_src2_box .int_src2_bg .int_src2_bg_img.go > img {
    transform: scale(1);
}

.int_src2_box .int_src2_bg .int_src2_bg_img > img {
    transform: scale(1.2);
    display: block;
    width: 100%;
    transition: all 3s ease;
}

.int_src2_box .int_title {
    color: #fff;
}

.int_src2_box .int_src2_case {
    position: relative;
    width: 100%;
    padding-top: 4.2%;
    z-index: 1;
}

.int_src2_box .int_src2_case .int_info {
    padding-top: .4rem;
}

.int_src2_info {
    color: #fff;
    line-height: 2;
    padding-top: .2rem;
    font-size: .32rem;
    text-align: center;
}

.int_src2_info_en {
    font-family: 'Conv_Gotham-Light';
}

.int_src2_info_cn {
    font-family: '宋体';
}

.int_src2_time_box {
    text-align: center;
    font-size: 0;
    width: 100%;
    padding-top: 1.3rem;
}

.int_src2_time_box img {
    display: inline-block;
    vertical-align: middle;
    width: 43.75%;
}

.int_src3_case {
    margin-top: 13.4vh;
}

.int_src3_case > div {
    width: 70%;
    margin: 0 auto;
}

.int_zb_text {
    float: left;
    font-size: .14rem;
    color: #808080;
    line-height: .32rem;
    width: 43%;
}

.int_zb_text span {
    color: #333333;
    font-weight: 700;
}

.fz_z {
    font-size: .17rem;
}

.fz_b {
    font-size: .32rem;
}

.int_zb_img {
    float: right;
    width: 45%;
    position: relative;
}

.int_zb_img > img {
    display: block;
}

.int_zb_img .int_zb_st {
    transition: width 3s ease;
    position: absolute;
    left: 14.5%;
    width: 0;
    bottom: -8%;
    overflow: hidden;
}

.int_zb_img .int_zb_st img {
    width: 13.85vw;
    display: block;
}

.int_zb_img .int_zb_st.go {
    width: 100%;
}

.int_src3_ren_box .int_zb_text {
    float: right;
    margin-top: 1.7rem;
}

.int_src3_ren_box .int_zb_img {
    float: left;
    font-size: 0;
    text-align: center;
}

.int_src3_ren_box .int_zb_img > img {
    display: inline-block;
    vertical-align: middle;
    width: 72.76%;
}

.int_zb_name {
    color: #333333;
    font-size: .2rem;
    font-weight: bold;
    line-height: 1.5;
}

.int_banner_box {
    padding-top: 7.4vh;
    padding-left: 2.25rem;
    position: relative;
}

.int_banner_box .ind_bottom_box {
    text-align: right;
    bottom: .45rem;
    padding-right: .55rem;
    font-family: 'Conv_Gotham-Black';
}

.int_banner_box .ind_bottom_box .swiper-pagination {
    color: rgba(255, 255, 255, 0.2);
    font-size: .16rem;
}

.int_banner_box .ind_bottom_box .ban_pag_sty {
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: .7rem;
    margin: 0 .08rem;
    background-color: #fff;
}

.int_banner_box .ind_bottom_box .swiper-pagination .on {
    color: #fff;
}

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

.int_banner_img > img {
    width: 100%;
    display: block;
}

.int_banner_img .int_lb_tex {
    font-size: .24rem;
    font-weight: 700;
    position: absolute;
    left: 1.14rem;
    bottom: .4rem;
    color: #fff;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .5s ease .5s;
}

.int_banner_box .active .int_banner_img .int_lb_tex {
    transform: translateY(0);
    opacity: 1;
}

.int_banner_m {
    display: none;
}

.int_src4_text {
    width: 39.8%;
    padding: 0;
    padding-top: .32rem;
    text-align: left;
}

.int_src4_text_left {
    float: left;
}

.int_src4_text_right {
    float: right;
}

.int_src4_case {
    padding-top: 5.555vh;
}

.int_src4_case > div {
    position: relative;
}

.int_src4_case .int_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.int_src5_case {
    padding-top: 15.74vh;
}

.int_src5_bfb {
    width: 100%;
    font-size: 0;
    text-align: center;
    padding-top: 8.8vh;
}

.int_src5_bfb > img {
    display: inline-block;
    width: 32.1%;
}

.int_pro_box {
    margin-top: .45rem;
    font-size: 0;
}

.int_pro_box > div {
    display: inline-block;
    vertical-align: middle;
    width: calc((100% - 1rem - 1px) / 6);
    margin-right: .2rem;
    position: relative;
    text-align: center;
    font-size: 0;
}

.int_pro_box > div:last-child {
    margin-right: 0;
}

.int_pro_box > div::after {
    content: '';
    display: block;
    width: 100%;
    height: 14px;
    background-color: #f2f2f2;
    position: absolute;
    left: 0;
    top: 50%;
}

.int_pro_box > div > img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.int_src5_case .int_info {
    padding: 0;
}

.int_src5_case .int_info span {
    color: #333333;
    font-weight: 700;
}

.int_src6_case {
    margin-top: 18vh;
}

.int_src6_case .int_info span {
    color: #333333;
    font-weight: 700;
}

.int_src6_case > div {
    position: relative;
}

.int_src6_case .int_src6_box {
    position: relative;
    z-index: 1;
}

.int_src6_img {
    width: 100%;
    display: block;
    margin-top: -2.9rem;
}

.new_body .bloc .wrapper .row {
    opacity: 1;
}

.hots_time {
    margin-top: .15rem;
    padding: 0 .1rem;
    font-size: 12px;
    line-height: 1.5;
    color: #242424;
    font-family: Conv_Gotham-Light;
}

.hots_time span {
    font-family: Conv_Gotham-Black;
}

.new_title_bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1.4);
    -webkit-filter: blur(40px);
    filter: blur(40px);
    width: 100%;
    height: 100%;
}

.new_title_box {
    position: relative;
}

.new_title_box .new_title_bg_box {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.new_title_case {
    margin-left: 3.46rem;
    margin-right: .4rem;
    padding-top: .7rem;
    padding-bottom: .2rem;
    position: relative;
    z-index: 1;
}

.new_title_case > div {
    margin: 0 auto;
    max-width: 850px;
}

.new_title {
    font-size: .32rem;
    color: #fff;
    line-height: 1.5;
    margin-bottom: .3rem;
}

.new_time {
    line-height: 1;
    color: #fff;
    font-size: .22rem;
    font-family: 'Conv_NeoSans_0';
    margin-bottom: .1rem;
}

.new_time > span {
    font-size: .16rem;
}

.new_time .col_5 {
    color: rgba(255, 255, 255, 0.5);
}

.new_tab {
    text-align: right;
    color: rgba(255, 255, 255, 0.4);
    font-size: .14rem;
    font-weight: 700;
    line-height: 2.5;
    font-family: 'Conv_Gotham-Black';
}

.new_tab > a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    letter-spacing: .5px;
}

.new_tab .btn_forbidden {
    color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
}

.new_go_list {
    background-color: #ffffff;
    position: absolute;
    display: block;
    bottom: 0;
    left: 5px;
    color: #1f1f1f;
    font-size: .14rem;
    text-align: center;
    line-height: 4;
    width: 200px;
    box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.1);
}

.new_go_list i {
    font-size: .24rem;
    line-height: 1;
    margin-left: .45rem;
    vertical-align: middle;
    transition: margin-left .5s ease;
}

.new_go_list:hover i {
    margin-left: .25rem;
}

.new_det_con {
    padding-left: 3.46rem;
    padding-right: .4rem;
}

.new_det_con > div {
    margin: 0 auto;
    max-width: 850px;
}

.new_det_con > div p {
    font-size: .15rem;
    line-height: 2;
    color: #595959;
    margin: .35rem 0;
    padding-top: .1rem;
}

.new_det_con > div p img {
    max-width: 100%;
    width: 100%;
    display: block;
    margin-top: -.1rem;
}

.new_det_con .new_end_hint {
    max-width: 100%;
    position: relative;
    text-align: center;
    line-height: 1;
    margin-bottom: .4rem;
    margin-top: .2rem;
}

.new_det_con .new_end_hint::after {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #e0e0e0;
    position: absolute;
    left: 0;
    bottom: 50%;
}

.new_det_con .new_end_hint span {
    background-color: #fff;
    padding: .1rem .15rem;
    font-size: .14rem;
    font-weight: 700;
    font-family: 'Conv_Gotham-Black';
    position: relative;
    z-index: 1;
}

.go_top {
    font-size: 0;
    position: fixed;
    right: 6.145%;
    bottom: .5rem;
    cursor: pointer;
}

.go_top > div {
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    line-height: 1;
    color: #1f1f1f;
}

.go_top .go_top_text {
    margin-right: .2rem;
}

.go_top .go_top_icon {
    width: .55rem;
    height: .55rem;
    text-align: center;
    line-height: .55rem;
    background-color: #f2f2f2;
    font-size: .24rem;
}

.show_body {
    background-color: #000000;
}

.show_body .bloc .wrapper .row {
    opacity: 1;
}

.btn_nav {
    display: none;
}

.up_nav .nav {
    height: 98px;
    top: 25px;
    transform: translateY(0);
    transition: height .5s ease;
}

.up_nav .nav.down_nav {
    height: calc(100vh - 50px);
}

.up_nav .nav.down_nav .nav_con {
    padding-top: 25vh;
}

.up_nav .nav.down_nav .logo_box {
    border-color: rgba(255, 255, 255, 0.1);
}

.up_nav .nav_con {
    padding-top: 0;
    transition: padding-top .5s ease;
}

.up_nav .logo_box {
    border-color: transparent;
}

.up_nav .btn_nav {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 1.5;
    font-size: .28rem;
    cursor: pointer;
    text-align: center;
    color: #5a5a5a;
    background-color: #121212;
}

.sho_tab_box {
    height: 12vh;
    width: 72.5%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3vh;
    z-index: 1;
}

.sho_tab_box .swiper-container {
    height: 100%;
}

.sho_tab_box .swiper-wrapper {
    height: 100%;
}

.sho_tab_box .swiper-slide {
    height: 100%;
}

.sho_tab_box .banner_img_box {
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.sho_tab_box .banner_img_box > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 33.33%;
    width: 100%;
    transition: all .5s ease;
    overflow: hidden;
}

.sho_tab_box .banner_img_box > div > div {
    height: 12vh;
    margin-top: -4vh;
    transition: all .5s ease;
}

.sho_tab_box .banner_img_box:hover > div {
    height: 100%;
}

.sho_tab_box .banner_img_box:hover > div > div {
    margin-top: 0;
}

.sho_tab_box .swiper-slide-thumb-active .banner_img_box {
    cursor: auto;
}

.sho_tab_box .swiper-slide-thumb-active .banner_img_box > div {
    height: 100%;
}

.sho_tab_box .swiper-slide-thumb-active .banner_img_box > div > div {
    margin-top: 0;
}

.show_body .banner_img {
    background-size: auto 100%;
    background-color: #000;
}

.show_body .ind_banner_box .swiper-button-prev {
    left: 4.375%;
}

.show_body .ind_banner_box .swiper-button-next {
    right: 4.375%;
}

.show_body .ind_banner_box .swiper-button-prev,
.show_body .ind_banner_box .swiper-button-next {
    top: auto;
    bottom: 9vh;
    transform: translateY(50%);
}

.show_series_box {
    position: absolute;
    padding-left: 13.75%;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-40%);
    z-index: 5;
}

.show_series_box > a {
    display: block;
    font-size: .2rem;
    line-height: 2;
    position: absolute;
    left: 24%;
}

.show_series_box > a i {
    color: #fff;
}

.show_series_box .show_prev {
    bottom: 110%;
}

.show_series_box .show_next {
    top: 110%;
}

.btn_forbidden {
    color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
    cursor: auto !important;
    opacity: .4;
}

.show_ser_name {
    color: #fff;
    font-weight: 700;
    line-height: 1.2857;
    font-size: .56rem;
}

.show_ser_num_box {
    position: absolute;
    right: 13.75%;
    bottom: 50%;
    color: rgba(255, 255, 255, 0.2);
    font-family: Conv_Gotham-Black;
    font-size: .16rem;
}

.show_ser_num_box .on {
    color: #fff;
}

.ban_pag_sty {
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: .7rem;
    margin: 0 .08rem;
    background-color: #fff;
}

.sto_body .bloc .wrapper .row {
    opacity: 1;
    background-color: #121212;
    padding: .9rem 0 0 2.65rem;
}

.sto_title {
    font-weight: 700;
    font-size: .48rem;
    line-height: 1;
    display: inline-block;
    position: relative;
    padding-left: .6em;
    color: #fff;
    margin-left: 3.75%;
}

.sto_title::after {
    content: '';
    display: block;
    width: 200%;
    height: .2rem;
    background-color: #292929;
    position: absolute;
    left: 0;
    bottom: -.12rem;
    z-index: -1;
}

.sto_show_box {
    position: relative;
}

.sto_show_img_box {
    position: relative;
    opacity: .15;
    transition: opacity .5s ease;
}

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

.sto_show_img_box .btn_big {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #dd0211;
    font-size: .2rem;
    line-height: .4rem;
    text-align: center;
    width: .4rem;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    color: #fff;
}

.sto_num {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
    font-family: 'Conv_Gotham-Light';
    line-height: 2;
    transition: all .5s ease;
}

.sto_num::after {
    content: '';
    display: block;
    width: 1em;
    height: 4px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.5em;
}

.sto_add {
    font-size: .17rem;
    font-weight: 700;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 40%;
    transform: translateY(50%);
    transition: all .5s ease;
}

.sto_banner_box .ind_bottom_box .swiper-pagination {
    color: rgba(255, 255, 255, 0.2);
    font-size: .16rem;
    font-family: Conv_Gotham-Black;
}

.sto_banner_box .ind_bottom_box .swiper-pagination .on {
    color: #fff;
}

.sto_banner_box .swiper-container {
    padding-top: 18.5vh;
    padding-bottom: 14.8vh;
}

.sto_banner_box .active .sto_show_box {
    transform: translateY(-0.45rem);
}

.sto_banner_box .active .sto_show_img_box {
    opacity: 1;
}

.sto_banner_box .active .sto_show_img_box .btn_big {
    opacity: 1;
    pointer-events: auto;
}

.sto_banner_box .active .sto_num {
    font-size: 3.6rem;
    line-height: 1;
    top: 106%;
}

.sto_banner_box .active .sto_num::after {
    opacity: 0;
}

.sto_banner_box .active .sto_add {
    bottom: 110%;
}

.btn_close {
    position: absolute;
    top: calc(100% + .3rem);
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
    text-align: center;
    cursor: pointer;
}

.btn_close > span {
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    color: #fff;
    line-height: 1;
}

.btn_close > span:first-child {
    font-weight: lighter;
}

.btn_close > span:last-child {
    font-family: 'Conv_Gotham-Black';
}

.btn_close .clo_z {
    margin: 0 .25rem;
    height: .5rem;
    width: .5rem;
    text-align: center;
    line-height: .5rem;
    color: #333333;
    background-color: #fff;
}

.sha_box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
}

.sha_sto_con {
    display: none;
    position: fixed;
    width: 65%;
    left: calc(50% + 1.125rem);
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 51;
}

.sto_add_title {
    line-height: 3;
    font-size: .17rem;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

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

.lar_body .bloc .wrapper .row {
    opacity: 1;
    background-color: #121212;
    padding-left: 2.65rem;
}

.lar_body .sto_title {
    width: 0.74rem;
    position: absolute;
    top: 0.9rem;
    left: 2.65rem;
    z-index: 11;
}

.lar_body .sto_title::after {
    width: .2rem;
    height: calc(100% + 2.5em);
    bottom: auto;
    top: -.5em;
    left: auto;
    right: -.12rem;
}

.lar_show_box {
    font-size: 0;
    text-align: left;
    height: 100%;
    opacity: 0.15;
    transition: all .5s ease;
    transform: scale(0.8);
}

.lar_show_box > div, .lar_show_box > a {
    display: inline-block;
    vertical-align: middle;
}

.lar_show_box .lar_hint_box {
    width: 31.847%;
    text-align: right;
    color: #fff;
}

.lar_show_box .sto_show_vid_box {
    width: 46.1%;
    margin-left: 9.5%;
    height: 100%;
    overflow: hidden;
    position: relative;
    pointer-events: none;
}

.lar_show_box .sto_show_vid_box > video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all .5s ease;
}

.lar_show_box .sto_show_vid_box .btn_play {
    webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #dd0211;
    color: #fff;
    line-height: .4rem;
    width: .4rem;
    margin-right: .2rem;
    font-size: .16rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
    text-align: center;
}

.lar_show_box .sto_show_vid_box .btn_play i {
    margin-left: .03rem;
}

.lar_show_box .sto_show_vid_box:hover > video {
    transform: scale(1.2);
}

.lar_show_box .sto_show_vid_box:hover .btn_play {
    margin-top: -20px;
}

.lar_banner_box {
    padding: 29.4vh 0;
    height: 100%;
}

.lar_banner_box .swiper-container {
    height: 100%;
    overflow: initial;
}

.lar_banner_box .swiper-slide {
    cursor: pointer;
}

.lar_banner_box .swiper-slide:hover {
    opacity: 1;
}

.lar_banner_box .active {
    cursor: auto;
}

.lar_banner_box .active .lar_show_box {
    opacity: 1;
    transform: scale(1);
}

.lar_banner_box .active .sto_show_vid_box {
    pointer-events: all;
}

.lar_v_num {
    font-size: 2rem;
    font-family: 'Conv_NeoSans_0';
    line-height: 1;
}

.lar_v_hint {
    font-size: .2rem;
    line-height: 1.5;
    font-weight: 700;
}

.lar_v_cc {
    font-size: .17rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.2);
}

.dyn_body .bloc .wrapper .row {
    opacity: 1;
}

.fin_con_lable {
    font-size: .16rem;
    font-weight: 700;
    color: #949699;
}

.fin_info_text {
    font-size: .22rem;
    font-family: 'Conv_Gotham-Black';
}

.con_body .ins_body_con > div {
    position: relative;
    padding-top: 1rem;
}

.con_body .ins_body_con {
    width: 100%;
}

.con_body .btn_operate {
    width: 37%;
}

.con_body .btn_operate > div {
    max-width: 3.3rem;
}

.con_bg {
    font-size: 1.4rem;
    line-height: 1;
    position: absolute;
    z-index: -1;
    color: #f6f6f6;
    right: 0;
    top: 7vh;
    text-transform: uppercase;
    font-family: 'Conv_Gotham-Black';
}

.con_bg_img {
    position: fixed;
    bottom: 0;
    right: 16.5%;
    width: 20%;
}

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

.join_con_box .join_tab_box {
    font-size: 0;
    padding: 11vh 0;
}

.join_con_box .join_tab_box > a {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #d3d3d3;
    font-weight: 700;
    color: #929292;
    font-size: .2rem;
    line-height: 3;
    text-align: center;
    width: 28%;
    margin-right: 8%;
    transition: all .5s ease;
    cursor: pointer;
    position: relative;
    top: 0;
}

.join_con_box .join_tab_box > a:hover, .join_con_box .join_tab_box > a.on {
    border-color: transparent;
    background-color: #222222;
    color: #fff;
    top: -.1rem;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.35);
}

.join_con_box .join_tab_box > a.on {
    cursor: auto;
}

.join_con_box .join_tab_box > a:last-child {
    margin-right: 0;
}

.join_banner_box {
    position: relative;
    overflow: hidden;
}

.join_banner_box > img {
    width: 100%;
    display: block;
    transition: all 2s ease;
    transform: scale(1.2);
}

.join_banner_box.go > img {
    transform: scale(1);
}

.join_banner_box > div {
    position: absolute;
    padding: 0 4.7%;
    width: 100%;
    left: 0;
    bottom: 18%;
    font-size: 0;
}

.join_banner_box > div > div {
    display: inline-block;
    vertical-align: middle;
}

.join_title_cn {
    color: #fff;
    font-size: .3rem;
    font-weight: 700;
    width: 190px;
    line-height: 1.6;
}

.join_line {
    width: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    transition: width .5s ease;
}

.join_line.go {
    width: calc(100% - 191px);
}

.join_title_en {
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.4);
    font-size: .2rem;
    font-family: 'Conv_Gotham-Black';
    width: 100%;
}

.join_id_box {
    padding-top: 11.29vh;
    font-size: 0;
    text-align: center;
}

.join_id_box > div {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    overflow: hidden;
}

.join_id_box > div:hover .die_num {
    opacity: 1;
}

.ide_img_box {
    font-size: 0;
}

.ide_img_box img {
    display: inline-block;
    max-width: 100%;
}

.ide_text {
    font-size: .18rem;
    font-weight: 700;
    color: #121212;
    line-height: 1.5;
    padding-top: 4.68vh;
    padding-bottom: 9.36vh;
}

.die_num {
    font-size: 1.2rem;
    line-height: 1;
    color: #f2f2f2;
    font-family: 'Conv_Gotham-Black';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    transform: translateY(45%);
    opacity: 0;
    transition: opacity .5s ease;
}

.join_body .fin_describe {
    max-width: 742px;
}

.join_con_case > div {
    display: none;
}

.join_con_case > div:first-child {
    display: block;
}

.join_condition > div:nth-child(odd) {
    background-color: #f6f6f6;
}

.join_condition > div:nth-child(even) {
    background-color: #fff;
}

.join_condition > div.on, .join_condition > div:hover {
    background-color: #fff;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2);
    position: relative;
}

.join_condition > div.on .join_condition_n > div span, .join_condition > div:hover .join_condition_n > div span {
    color: #222222;
}

.join_condition > div:hover {
    z-index: 2;
}

.join_condition > div.on {
    z-index: 1;
}

.join_condition > div.on .join_btn::after {
    opacity: 1;
}

.join_condition > div.on .join_btn .join_icon span {
    opacity: 1;
}

.join_condition > div.on .join_btn .join_icon i {
    transform: rotate(90deg);
}

.join_condition > div.on .join_con_texx_box {
    padding-top: .7rem;
    padding-bottom: .9rem;
    max-height: 99999px;
    transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
    transition-delay: 0s;
}

.join_btn {
    padding: 40px 13% 30px 4%;
    position: relative;
}

.join_btn::after {
    content: '';
    display: block;
    width: calc(92% - 60px);
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: #d3d3d3;
    position: absolute;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .5s ease;
}

.join_btn .join_icon {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    padding-right: 12px;
}

.join_btn .join_icon span {
    font-size: .14rem;
    margin-right: 20px;
    color: #222222;
    transition: all .5s ease;
    opacity: 0;
}

.join_btn .join_icon i {
    color: #434343;
    font-size: .12rem;
    position: absolute;
    right: 0;
    transition: all .5s ease;
}

.join_btn > div {
    padding-left: 30px;
}

.join_btn .join_name {
    line-height: 1;
    position: relative;
    font-size: .18rem;
    font-weight: 700;
    color: #434343;
}

.join_btn .join_name::after {
    display: block;
    content: '';
    left: 0;
    top: 0;
    height: 18px;
    width: 4px;
    background-color: #222222;
    position: absolute;
}

.join_condition_n {
    margin-top: .3rem;
    font-size: 0;
}

.join_condition_n > div {
    display: inline-block;
    vertical-align: middle;
    color: #3a3a3e;
    line-height: 1.857;
    font-size: .14rem;
    width: 255px;
}

.join_condition_n > div span {
    color: #919199;
    transition: opacity .5s ease;
}

.join_con_texx_box {
    max-height: 0;
    overflow: hidden;
    padding-left: calc(4% + 30px);
    padding-right: calc(4% + 30px);
    font-size: .14rem;
    line-height: 1.857;
    color: #919191;
    transition: all .5s ease;
}

.join_con_texx_box > p {
    margin-bottom: 0;
    max-width: 900px;
    padding: .35rem 0 .55rem 0;
}

.join_con_texx_box > div {
    color: #222222;
    font-weight: 700;
}

.jo_describe {
    font-size: .18rem;
}

.pro_con {
    padding-left: 2.88rem;
}

.pro_list_box {
    padding-left: 4.338%;
    padding-right: calc(4.338% + .4rem);
    padding-top: 2.2rem;
    padding-bottom: 1rem;
}

.pro_list_box > a {
    display: block;
    float: left;
    margin: 5% 2.5% 0 2.5%;
    width: 21.25%;
    position: relative;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2);
    transition: all .5s ease;
}

.pro_list_box > a > img {
    width: 100%;
    display: block;
}

.pro_list_box > a:hover {
    transform: translateY(-10px);
}

.pro_list_box > a:nth-child(4n) {
    margin-right: 0;
}

.pro_list_box > a:nth-child(4n +1) {
    margin-left: 0;
    clear: left;
    float: left;
}

.pro_mess {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 35%);
    background-color: #fff;
    padding: 10px 20px;
    width: calc(100% - 28px);
    line-height: 1.5;
}

.pro_name {
    font-size: .13rem;
    color: #000000;
}

.pro_name_en {
    font-size: .12rem;
    color: #787878;
    font-family: 'Conv_Gotham-Light';
}

.pro_con > div {
    display: none;
}

.pro_con > div:first-child {
    display: block;
}

.pro_tab_box {
    background-color: rgba(255, 255, 255, 0.8);
    padding-left: calc(2.88rem + 3.5%);
    position: fixed;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
}

.sea_nav_box {
    padding: .6rem 0;
}

.sea_nav_box a {
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    min-width: 3.1rem;
    line-height: 1rem;
    font-size: .24rem;
    font-family: 'Conv_Gotham-Light';
    transition: all .5s ease;
    margin-right: .4rem;
    padding-left: 1em;
    padding-right: 1em;
    cursor: pointer;
}

.sea_nav_box a.on {
    font-family: 'Conv_Gotham-Black';
    border-bottom: 2px solid #000;
    padding-right: 2em;
    padding-left: 0;
    text-align: left;
    cursor: auto;
}

.sea_nav_box .swiper-slide {
    width: auto;
}

.pro_det {
    padding: .65rem .4rem .25rem 2.88rem;
    min-height: 100vh;
}

.pro_det > div {
    padding: 0 5.06% 0 4.338%;
}

.pro_det_lb {
    float: left;
    width: 38%;
    position: relative;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2);
}

.pro_det_lb .pro_img_box {
    width: 100%;
}

.pro_det_lb .pro_img_box > img {
    display: block;
    width: 100%;
}

.pro_det_lb .swiper-pagination {
    background-color: #ffffff;
    width: calc(100% - 50px);
    bottom: 0;
    left: 25px;
    transform: translateY(30%);
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2);
    line-height: 4.5;
}

.pro_det_lb .swiper-pagination span {
    font-size: .24rem;
    font-family: 'Conv_Gotham-Light';
    color: #000;
    width: auto;
    height: auto;
    background-color: transparent;
    min-width: 20%;
    text-align: center;
}

.pro_det_lb .swiper-pagination span.swiper-pagination-bullet-active {
    font-family: 'Conv_Gotham-Black';
}

.pro_det_xq {
    width: 50%;
    float: left;
    margin-left: 8.6%;
    padding-top: 10vh;
}

.pro_det_xq > div {
    line-height: 3.57;
    color: #000;
    font-family: 'Conv_Gotham-Light';
    font-size: 0;
}

.pro_det_xq > div > span {
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    width: calc(100% - 155px);
    padding-right: 1px;
}

.pro_det_xq > div > span > div {
    float: left;
    margin-right: .3rem;
}

.pro_det_xq > div > span.pro_cf {
    font-size: .15rem;
}

.pro_det_xq > div > span.pro_cf span {
    font-size: .2rem;
    font-weight: lighter;
}

.pro_det_xq > div > span.pro_sz span {
    display: inline-block;
    vertical-align: middle;
    height: 12px;
    width: .5rem;
    margin-right: .2rem;
}

.pro_det_xq > div .pro_name_z {
    font-size: .62rem;
    margin-bottom: .3rem;
    font-weight: lighter;
    line-height: 1.8;
}

.pro_det_xq > div .pro_name_box {
    font-family: 'Conv_Gotham-Black';
    width: 155px;
    min-height: 14px;
}

.btn_back {
    background-color: #f2f2f2;
    margin-top: 1rem;
    padding: .4rem .8rem .4rem .7rem;
    font-size: .18rem;
    font-weight: 700;
    color: #3e3e3e;
    display: block;
}

.btn_back i {
    float: left;
}

.btn_back div {
    float: right;
}

.content {
    width: 100%;
}

.grid {
    margin: 0 auto;
}

.item1 {
    width: 33.33%;
    padding: .5rem 11.11% 0 0;
    transition: all .5s ease;
}

.item1 > a {
    display: block;
}

.item1 > a > img {
    width: 100%;
    display: block;
}

.opt_0 {
    opacity: 0;
    transform: translateY(30%);
}

.pre_title {
    font-weight: 700;
    font-size: .16rem;
    margin-top: .3rem;
    line-height: 1.5;
    color: #1f1f1f;
}

.pre_time {
    line-height: 2;
    font-size: .13rem;
    padding-bottom: .3rem;
    color: #a6a6a6;
}

.pre_btn {
    font-size: 0;
}

.pre_btn > a {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    font-size: .12rem;
    font-weight: 700;
    margin-right: .3rem;
}

.pre_btn > a i {
    font-size: .2rem;
    margin-right: .1rem;
}

.abo_src1 {
    padding: 1.4rem 0 1.2rem 0;
    border-bottom: 1px solid #e9e9e9;
}

.abo_src1 > div {
    width: 50%;
    float: left;
}

.abo_src1 .abo_title_con > span {
    margin-left: 0;
    display: block;
}

.abo_src1_text {
    padding-right: 30px;
}

.abo_src1_img {
    padding-left: 30px;
}

.abo_src1_img > img {
    display: block;
    width: 100%;
}

.abo_title {
    position: relative;
}

.abo_title .abo_num {
    font-size: .9rem;
    color: #f6f6f6;
    line-height: 1;
    position: absolute;
    z-index: -1;
    left: .8rem;
    top: -.25rem;
    font-family: 'Conv_Gotham-Black';
}

.abo_title .abo_title_con {
    color: #1f1f1f;
    font-weight: 700;
    font-size: .3rem;
    line-height: 1.5;
}

.abo_title .abo_title_con > span {
    font-weight: 400;
    color: #999999;
    font-size: .16rem;
    margin-left: .15rem;
}

.abo_src1_info {
    font-weight: 700;
    font-size: .16rem;
    line-height: 1.857;
    color: #1f1f1f;
    margin-top: .6rem;
}

.abo_src2 .abo_title {
    margin: 1rem 0;
}

.abo_src2_fl > div {
    width: 43.6%;
    float: left;
    position: relative;
}

.abo_src2_fl > div img {
    display: block;
}

.abo_src2_fl > div .abo_bg {
    width: 100%;
    position: absolute;
    z-index: -1;
}

.abo_src2_fl > div .abo_bt {
    width: 47.7%;
    margin-left: 35%;
}

.abo_src2_fl > div .abo_zt {
    width: 26%;
    position: absolute;
    left: 0;
}

.abo_pro_zpp {
    margin-right: 6.4%;
    padding-top: 11.15%;
}

.abo_pro_zpp .abo_bg {
    top: 0;
    left: 0;
}

.abo_pro_zpp .abo_zt {
    top: 50%;
}

.abo_pro_qsw {
    margin-left: 6.4%;
    padding-bottom: 11.15%;
    margin-top: -.4rem;
}

.abo_pro_qsw .abo_zt {
    top: 30%;
}

.abo_pro_qsw .abo_bg {
    bottom: 0;
    right: 0;
}

.abo_src2_con_box {
    margin-top: .85rem;
    margin-bottom: 1rem;
}

.abo_src2_con_box p {
    margin-bottom: 0;
    font-size: .16rem;
    line-height: 1.857;
    color: #1f1f1f;
    text-align: left;
}

.abo_src3_fl {
    background-color: #f7f7f7;
    margin-top: .55rem;
}

.abo_src3_fl > div {
    width: 50%;
    float: left;
}

.abo_src3_banner .abo_src2_img {
    width: 100%;
    position: relative;
}

.abo_src3_banner .abo_src2_img > img {
    display: block;
    width: 100%;
}

.abo_src3_banner .abo_src2_img > div {
    color: #fff;
    font-weight: 700;
    position: absolute;
    font-size: .18rem;
    width: 100%;
    padding: 0 .3rem;
    left: 0;
    bottom: .2rem;
    text-align: right;
}

.abo_src3_banner .swiper-pagination {
    text-align: left;
    padding-left: .35rem;
}

.abo_src3_banner .swiper-pagination span {
    height: 3px;
    width: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    transition: all .5s ease;
}

.abo_src3_banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 30px;
}

.abo_pro_yy {
    position: relative;
    height: 100%;
}

.abo_pro_yy > img {
    width: 100%;
    display: block;
}

.abo_btn_ry {
    position: absolute;
    width: 400px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
}

.abo_btn_ry > a {
    text-align: center;
    display: block;
    float: left;
    width: 50%;
    color: #fff;
    line-height: 45px;
    font-size: .14rem;
    background-color: #1f1f1f;
}

.abo_btn_ry > a:first-child {
    font-size: .16rem;
    font-weight: 700;
    background-color: #dc0011;
}

.abo_btn_ry > a i {
    margin-left: .3rem;
    color: rgba(255, 255, 255, 0.4);
}

.abo_src3_data {
    margin-top: 19vh;
}

.abo_src3_data > div {
    margin-right: 8%;
    width: 46%;
    background-color: #f7f7f7;
    padding: .3rem;
    line-height: 1.857;
    color: #1f1f1f;
    font-weight: 700;
    font-size: .14rem;
    min-height: 1.2rem;
    float: left;
}

.abo_src3_data > div:last-child {
    margin-right: 0;
}

.abo_src3_ry {
    margin-top: .15rem;
}

.abo_src3_year {
    font-size: .2rem;
    font-weight: 700;
    line-height: 1;
    margin-top: -100px;
}

.abo_src3_year .timer {
    font-size: .9rem;
    font-family: 'Conv_Gotham-Black';
    margin: 0 .3rem;
}

.abo_src3_text_box {
    width: 100%;
    margin-top: 1rem;
    position: relative;
    padding-left: 34.4%;
    line-height: 1.857;
    font-size: .16rem;
    color: #1f1f1f;
}

.abo_src3_text_box::before {
    content: '';
    width: 27.6%;
    height: 1px;
    background-color: #1f1f1f;
    position: absolute;
    left: 0;
    top: 50%;
}

.abo_src3_text_box > p {
    margin-bottom: 0;
}

.abo_src4 {
    padding-top: 12.03vh;
    padding-bottom: 13.888vh;
}

.abo_src4 > div {
    width: 50%;
    float: left;
}

.abo_src5 {
    background: url("../image/abo_011.png") no-repeat center;
    background-size: cover;
    padding: .7rem 5.6% .5rem 5.6%;
    color: #fff;
    text-align: center;
}

.abo_title_con {
    line-height: 2;
    font-size: .3rem;
    font-weight: 700;
    margin-bottom: .2rem;
}

.abo_src5_info {
    font-size: .16rem;
    line-height: 1.857;
    max-width: 768px;
    margin: 0 auto;
}

.abo_src5_icon_box {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: .5rem;
    margin-top: .7rem;
}

.abo_src5_icon_box > div {
    float: left;
    width: 16.666%;
    margin-bottom: .2rem;
}

.abo_src5_icon_box > div i {
    font-size: .5rem;
}

.abo_src5_icon_box > div > div {
    font-size: .18rem;
    font-weight: 700;
    margin-top: .3rem;
}

.abo_src6 {
    padding-top: 1.1rem;
}

.abo_src6_sty_box {
    height: .8rem;
    position: relative;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #f6f6f6;
    line-height: 1;
    font-family: 'Conv_Gotham-Black';
    text-align: right;
}

.abo_src6_sty_box:after {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #e9e9e9;
    position: absolute;
    left: 0;
    bottom: 0;
}

.abo_src6_sty_box > img {
    position: absolute;
    width: 17.76%;
    right: .5em;
    top: -65%;
    z-index: 2;
}

.abo_src6_con {
    width: 50%;
    float: left;
    padding-right: 4%;
    margin-top: 1.3rem;
}

.abo_src6_name {
    font-size: .2rem;
    line-height: 2.8;
    color: #999999;
}

.abo_src6_num {
    color: #1f1f1f;
    font-size: .4rem;
    line-height: 1.5;
    font-family: 'Conv_Gotham-Black';
}

.abo_src6_num span {
    font-size: .3rem;
}

.abo_src6_info {
    width: 50%;
    float: left;
    line-height: 2;
    font-size: .16rem;
    color: #1f1f1f;
    padding: 2rem 0;
    padding-left: 4%;
}

.header_m {
    display: none;
}

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

.disable-hover {
    pointer-events: none;
}

.pub_banner {
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.pub_banner.on > img {
    transform: scale(1);
}

.pub_banner > img {
    display: block;
    width: 100%;
    transform: scale(1.2);
    transition: all 3s ease;
}

.pub_banner .pub_banner_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    text-align: center;
}

.pub_banner .pub_banner_text .hot_phone_num {
    font-family: 'BrownStd-Bold';
    color: #d70c18;
    font-size: 1.06rem;
    line-height: 1;
    margin-bottom: .2rem;
}

.pub_banner .pub_banner_text .hot_phone_num i {
    font-size: inherit;
}

.pub_banner .pub_banner_text .hot_name {
    color: #fff;
    font-weight: 700;
    font-size: .36rem;
}

.ser_hot_title {
    line-height: 1;
    text-align: center;
    font-weight: 700;
    font-size: .48rem;
    margin-bottom: 3.125%;
}

.ser_hot_info {
    width: 65.1%;
    margin: 0 auto 4.6875%;
    font-size: .16rem;
    line-height: 1.75;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
}

.fee_body .ser_hot_info {
    width: 48.07%;
}

.fee_body .fee_con_box {
    width: 69.79%;
    margin: 0 auto;
}

.fee_body .fee_inp_box {
    display: flex;
    margin-bottom: 3.385vw;
}

.fee_body .fee_inp_box > div {
    width: 31.49%;
    margin-right: 2.765%;
}

.fee_body .fee_inp_box > div:last-child {
    margin-right: 0;
}

.fee_body .fee_case {
    position: relative;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 28px 30px 23px;
    transition: all .3s ease;
}

.fee_body .fee_case input, .fee_body .fee_case textarea {
    line-height: 1.5;
    font-size: .16rem;
    background-color: transparent;
    border: none;
    color: #000;
    display: block;
    width: 100%;
}

.fee_body .fee_case textarea {
    resize: none;
}

.fee_body .fee_case .fee_title {
    font-size: .16rem;
    line-height: 1.5;
    background-color: #fff;
    padding: 0 .5em;
    position: absolute;
    left: calc(30px - .5em);
    top: 0;
    transform: translateY(-50%);
    transition: all .3s ease;
    color: rgba(0, 0, 0, 0.4);
}

.fee_body .fee_case.on {
    border: 1px solid #d70c18;
}

.fee_body .fee_case.on .fee_title {
    color: #000;
}

.fee_body .ser_time_box {
    position: relative;
}

.fee_body .ser_time_box .fee_bot_bg {
    width: 15.89%;
    position: absolute;
    left: 23.96%;
    bottom: 0;
    transform: translateY(5.88%);
    z-index: -1;
    pointer-events: none;
}

#respond {
    color: #d70c18;
    position: absolute;
    margin-top: .2rem;
}

.fee_btn_box {
    text-align: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 3.125vw;
}

.fee_btn_box a {
    display: block;
    box-shadow: 0 0 10px rgba(215, 12, 24, 0.27);
    color: #fff;
    cursor: pointer;
    font-size: .16rem;
    line-height: .6rem;
    border-radius: .3rem;
    width: 2.5rem;
    background-color: #d70c18;
    transition: all .3s ease;
}

.fee_btn_box a:hover {
    transform: translateY(-10px);
}

.ser_time_box {
    background-size: cover;
    padding: 6.25% 0;
}

.ser_time_box .use_src12_box:nth-of-type(3) {
    margin-top: 5.2vw;
    margin-bottom: 6vw;
}

.ser_time_box .ser_line_case {
    width: 25.364%;
    margin: 0 auto;
    position: relative;
}

.ser_time_box .ser_line_case .ser_line_time_box {
    position: absolute;
    right: 118.68%;
    top: 50%;
    transform: translateY(-50%);
}

.ser_time_box .ser_line_case .ser_line_time_box .icon_text_box span {
    margin-left: .3rem;
}

.ser_time_box .ser_line_case ul {
    display: block;
    position: relative;
}

.ser_time_box .ser_line_case ul > img {
    display: block;
    width: 100%;
}

.ser_time_box .ser_line_case ul #date {
    display: none;
}

.ser_time_box .ser_line_case ul li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    transition: all 1s ease;
}

.ser_time_box .ser_line_case ul li img {
    display: block;
    width: 100%;
}

.ser_time_box .ser_line_case ul.on #seconds {
    transform: rotate(30deg);
}

.ser_time_box .ser_line_case ul.on #hours {
    transform: rotate(255deg);
}

.ser_time_box .ser_line_case ul.on #minutes {
    transform: rotate(180deg);
}

.ser_time_box .ser_line_case .ser_line_scope {
    position: absolute;
    left: 121.7%;
    top: 50%;
    transform: translateY(-50%);
}

.ser_time_box .ser_line_case .icon_text_box {
    margin: .25rem 0;
    line-height: 1.5;
    font-size: .2rem;
    letter-spacing: 5px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.ser_time_box .ser_line_case .icon_text_box span {
    letter-spacing: 0;
    text-align: center;
    line-height: .7rem;
    width: .7rem;
    height: .7rem;
    background-color: #fff;
    color: #d70c18;
    margin-right: .25rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    font-size: .4rem;
}

.ser_time_box .ser_line_case .icon_text_box span i {
    font-size: .4rem;
}

.ser_time_box .ser_line_case .icon_text_box:nth-child(2), .ser_time_box .ser_line_case .icon_text_box:nth-child(4) {
    margin-left: .25rem;
}

.ser_time_box .ser_cover_case {
    width: 33.95%;
    margin: 0 auto;
    position: relative;
}

.ser_time_box .ser_cover_case .ser_line_time_box {
    position: absolute;
    right: 83.68%;
    top: 26.8%;
}

.ser_time_box .ser_cover_case .ser_line_time_box.run_num > div:nth-child(2) {
    margin-left: 5em;
}

.ser_time_box .ser_cover_case .ser_line_scope {
    position: absolute;
    left: 98.7%;
    top: 50%;
    transform: translateY(-60%);
}

.ser_time_box .ser_cover_case .ser_hot_cover_box {
    position: relative;
}

.ser_time_box .ser_cover_case .ser_hot_cover_box img {
    display: block;
    width: 100%;
}

.ser_time_box .run_num > div {
    font-size: .25rem;
    font-family: 'BrownStd-Light';
    white-space: nowrap;
    line-height: 1.5;
}

.ser_time_box .run_num > div span {
    font-size: .6rem;
    font-family: 'BrownStd-Bold';
    color: #d70c18;
    text-shadow: 0 0 10px rgba(217, 24, 35, 0.1);
}

.ser_time_box .ser_line_case .run_num > div:nth-child(2) {
    margin-right: .25rem;
}

.mem_body .pub_banner {
    overflow: hidden;
}

.mem_body .pub_banner video {
    width: 100%;
    display: block;
}

.mem_body .pub_banner > img {
    display: none;
}

.mem_body .pub_banner .pub_banner_text {
    top: 41%;
}

.pub_ban_title {
    font-size: .5rem;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.mem_banner_info_boxs {
    margin-top: 2.1vw;
    display: flex;
    justify-content: center;
}

.mem_banner_info_boxs > div {
    padding: .1rem .5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
}

.mem_banner_info_boxs > div:first-child {
    border-left: none;
}

.mem_banner_info_boxs > div .icon {
    font-size: .74rem;
    line-height: 1;
    margin-right: .3rem;
    color: initial;
}

.mem_banner_info_boxs > div .mem_banner_info {
    color: #fff;
}

.mem_banner_info_boxs > div .mem_banner_info > div {
    font-size: .13rem;
    line-height: 1;
    text-align: left;
}

.mem_banner_info_boxs > div .mem_banner_info > div:first-child {
    font-size: .19rem;
    line-height: 1.5;
    font-weight: 700;
}

.mem_banner_info_boxs > div .mem_banner_info > div:nth-child(2) {
    margin-top: .1rem;
}

.mem_phone_box {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -26.48%);
    width: 30%;
    transition: all .3s ease;
}

.mem_phone_box.on {
    opacity: 0;
}

.mem_phone_box img {
    width: 100%;
}

.move_img_box {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -26.48%);
    width: 30%;
    transition: all .3s ease;
    z-index: 11;
}

.move_img_box img {
    width: 100%;
}

.move_img_box .move_img {
    opacity: 0;
    transition: all .3s ease;
}

.move_img_box .move_img.on {
    opacity: 1;
}

.mem_con_box {
    padding: 9.375% 0 6.25% 0;
}

.mem_con_box:nth-child(even) {
    background-color: #f7f7f7;
}

.mem_con_box:last-child {
    padding-bottom: 10.729%;
}

.mem_con_box:first-child .mem_phone_img {
    display: none;
}

.mem_con_box .mem_src_box {
    width: 34.58%;
    margin: 0 auto;
    position: relative;
}

.mem_con_box .mem_src_box > .mem_phone_bg {
    display: block;
    width: 100%;
}

.mem_con_box .mem_src_box .mem_src_img_box {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.mem_con_box .mem_src_box .mem_src_img_box .mem_phone_bg {
    display: block;
    width: 100%;
    opacity: 0;
}

.mem_con_box .mem_src_box .mem_src_img_box .mem_phone_img {
    margin: 0 auto;
    width: 50%;
    position: absolute;
    top: 0;
    left: 25%;
}

.mem_con_box .mem_src_box .mem_src_name_box {
    position: absolute;
    right: 95.63%;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}

.mem_con_box .mem_src_box .mem_src_name_box > div:first-child {
    font-weight: 700;
    font-size: .48rem;
    line-height: 1;
}

.mem_con_box .mem_src_box .mem_src_name_box > div:first-child span {
    font-family: 'BrownStd-Light';
    font-weight: lighter;
}

.mem_con_box .mem_src_box .mem_src_name_box > div:nth-child(2) {
    line-height: 1;
    margin-top: .2rem;
    font-size: .24rem;
    color: rgba(0, 0, 0, 0.4);
}

.mem_con_box .mem_src_box .mem_src_icon_box {
    position: absolute;
    left: 70.37%;
    top: 50%;
    transform: translateY(-50%);
}

.mem_con_box .mem_src_box .mem_src_icon_box > div {
    display: flex;
    white-space: nowrap;
    position: relative;
}

.mem_con_box .mem_src_box .mem_src_icon_box > div > img {
    display: block;
    width: 9.375vw;
}

.mem_con_box .mem_src_box .mem_src_icon_box > div:nth-child(1) .icon_text_box {
    position: absolute;
    left: 100%;
    top: -.4rem;
}

.mem_con_box .mem_src_box .mem_src_icon_box > div:nth-child(2) .icon_text_box {
    position: absolute;
    left: 100%;
    top: 100%;
    margin-top: -.4rem;
}

.icon_text_box {
    display: flex;
    white-space: nowrap;
    line-height: 2;
    font-size: .24rem;
}

.icon_text_box > span {
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    color: #d70c18;
    margin-right: .35rem;
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.icon_text_box > span i {
    font-size: .48rem;
}

.icon_text_box > div {
    margin-top: .15rem;
}

.mem_bot_box {
    padding-top: 4.479vw;
    margin-top: -4.479vw;
    overflow: hidden;
}

.mem_bot_box .mem_bg_img {
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -4.279vw;
}

.mem_bot_box .mem_bg_img .mem_bot_phone {
    width: 25.42%;
    margin-top: -4.279vw;
}

.mem_bot_box .mem_bg_img .mem_code_box {
    width: 8.645%;
    margin-left: 6.5vw;
    margin-right: 5.1vw;
}

.mem_bot_box .mem_bg_img .mem_code_box img {
    width: 100%;
}

.mem_bot_box .mem_bg_img .mem_bot_box {
    width: 19%;
    text-align: right;
    color: #fff;
}

.mem_bot_box .mem_bg_img .mem_bot_box .mem_bot_name {
    font-size: .3rem;
    font-weight: 700;
    line-height: 1;
}

.mem_bot_box .mem_bg_img .mem_bot_box .mem_bot_info {
    margin: .1rem 0 .2rem;
    line-height: 1.5;
    font-size: .18rem;
}

.mem_bot_box .mem_bg_img .mem_bot_box .mem_bot_btns {
    display: flex;
    align-items: center;
}

.mem_bot_box .mem_bg_img .mem_bot_box .mem_bot_btns a {
    background-color: #fff;
    width: calc((100% - .2rem) / 2);
    margin-right: .2rem;
    text-align: center;
    color: #000;
    font-size: .18rem;
    line-height: .5rem;
    border-radius: .25rem;
}

.mem_bot_box .mem_bg_img .mem_bot_box .mem_bot_btns a:last-child {
    margin-right: 0;
}

.mem_bot_box .mem_bg_img .mem_bot_box .mem_bot_btns a i {
    font-size: .28rem;
    margin-right: .1rem;
}

.ser_hot_info span {
    color: #d70c18;
}

.aut_img_box {
    width: 55.52%;
    margin-left: 24.24%;
    position: relative;
}

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

.aut_img_box .aut_img_case {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.aut_img_box .aut_img_case > img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .3s ease;
}

.aut_img_box .aut_img_case > img:first-child {
    position: relative;
}

.aut_img_box .aut_img_case > img.on {
    opacity: 1;
}

.aut_img_box .auto_hover_box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.aut_img_box .auto_hover_box > div {
    position: absolute;
}

.aut_img_box .auto_hover_box > div.aut_hov1 {
    left: 38%;
    top: -1.5%;
    width: 15.5%;
    height: 20%;
}

.aut_img_box .auto_hover_box > div.aut_hov2 {
    right: 1%;
    top: 20%;
    width: 37.5%;
    height: 13.5%;
}

.aut_img_box .auto_hover_box > div.aut_hov3 {
    right: -1.5%;
    top: 56.5%;
    height: 12%;
    width: 35%;
}

.aut_img_box .auto_hover_box > div.aut_hov4 {
    right: 10%;
    top: 87%;
    height: 12%;
    width: 36%;
}

.aut_img_box .auto_hover_box > div.aut_hov5 {
    left: 10%;
    top: 87%;
    height: 12%;
    width: 28%;
}

.aut_img_box .auto_hover_box > div.aut_hov6 {
    left: -2%;
    top: 57%;
    height: 12%;
    width: 28%;
}

.aut_img_box .auto_hover_box > div.aut_hov7 {
    left: 0.5%;
    top: 20.5%;
    height: 13%;
    width: 30%;
}

.aut_link_box {
    text-align: center;
    padding-top: 4.6875vw;
}

.aut_link_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: .3rem;
    width: 1.65rem;
    line-height: .5rem;
    margin: 0 auto;
    background-color: #d70c18;
    font-size: .14rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: .2rem;
    box-shadow: 0 0 10px rgba(215, 12, 24, 0.27);
    transition: all .3s ease;
}

.aut_link_box a i {
    font-size: .22rem;
    margin-right: .15rem;
}

.aut_link_box a:hover {
    margin-top: -10px;
    margin-bottom: calc(.2rem + 10px);
}

.aut_link_box div {
    font-size: .14rem;
    color: rgba(0, 0, 0, 0.4);
}

.aut_case {
    background-size: cover;
    background-position: center bottom;
}

.aut_line_box {
    font-size: .5rem;
    position: absolute;
    top: 150%;
    left: calc(50% - 1.25em);
    width: 0;
    height: 4px;
    background-color: #fff;
    transition: all .3s ease .5s;
}

.aut_line_box::after {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    width: 0;
    background-color: #d70c18;
    top: 0;
    position: absolute;
    transition: all .3s ease 1s;
}

.aut_line_box.on {
    width: 2.5em;
}

.aut_line_box.on::after {
    width: 50%;
}

.bran_con_box {
    transition: all 1s ease-in-out;
    width: 84.2%;
    margin: 0 auto;
    position: relative;
}

.bran_con_box .bra_lb_show .swiper-slide {
    overflow: hidden;
}

.bran_con_box .bra_lb_com {
    position: relative;
    overflow: hidden;
}

.bran_con_box .bra_lb_com::before {
    content: '';
    display: block;
    width: 100%;
    margin-top: 100vh;
}

.bran_con_box .bra_slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.bran_con_box .bra_slide.slideRight {
    display: block;
    left: 100%;
    transition-delay: -1s;
}

.bran_con_box .bra_slide.slideLeftOut {
    display: block;
    left: 100%;
}

.bran_con_box .bra_slide.slideRightOut {
    display: block;
    left: -100%;
}

.bran_con_box .bra_slide.slideMove {
    display: block;
    left: 0;
    z-index: 1;
}

.bran_con_box .bra_slide.navOutNext {
    -webkit-animation: fx2OutNext 1.6s forwards ease;
    animation: fx2OutNext 1.6s forwards ease;
    z-index: 12;
}

.bran_con_box .bra_slide.navInNext {
    -webkit-animation: fx2InNext 1.6s forwards ease;
    animation: fx2InNext 1.6s forwards ease;
    z-index: 8;
}

.bran_con_box .bra_slide.navOutPrev {
    -webkit-animation: fx2OutPrev 1.6s forwards ease;
    animation: fx2OutPrev 1.6s forwards ease;
    z-index: 8;
}

.bran_con_box .bra_slide.navInPrev {
    -webkit-animation: fx2InPrev 1.6s forwards ease;
    animation: fx2InPrev 1.6s forwards ease;
    z-index: 8;
}

.bran_con_box .bra_slide.active {
    opacity: 1;
    z-index: 3;
}

.bran_con_box .bra_slide.active .bra_img_box .bra_banner_text {
    display: block;
}

.bran_con_box .bra_img_box {
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bran_con_box .bra_img_box img {
    display: block;
    width: 100%;
}

.bran_con_box .bra_img_box .bra_banner_text {
    position: absolute;
    left: 22.59%;
    top: 40.20%;
    color: #fff;
    display: none;
}

.bran_con_box .bra_img_box .bra_banner_text .bra_banner_text_cn {
    font-size: .6rem;
    font-weight: 700;
    line-height: 1;
}

.bran_con_box .bra_img_box .bra_banner_text .bra_banner_text_en {
    margin-top: .3rem;
    font-size: .24rem;
    line-height: 1;
    font-family: 'BrownStd-Regular';
    display: flex;
    align-items: center;
}

.bran_con_box .bra_img_box .bra_banner_text .bra_banner_text_en::before {
    content: '';
    transform: skew(7deg);
    background-color: #d70c18;
    height: 9px;
    width: .6rem;
    margin-right: .2rem;
    display: block;
}

.bran_con_box .bra_lb_com_left, .bran_con_box .bra_lb_com_right {
    position: absolute;
    width: 20vw;
    height: 100%;
    top: 0;
    overflow: hidden;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    z-index: 22;
    transition: all .3s ease-in-out;
}

.bran_con_box .bra_lb_com_left::after, .bran_con_box .bra_lb_com_right::after {
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(1.2);
    pointer-events: none;
    transition: all .3s ease;
    z-index: 3;
}

.bran_con_box .bra_lb_com_left:hover, .bran_con_box .bra_lb_com_right:hover {
    width: 21vw;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.bran_con_box .bra_lb_com_left:hover::after, .bran_con_box .bra_lb_com_right:hover::after {
    opacity: 0;
}

.bran_con_box .bra_lb_com_left .bra_img_box, .bran_con_box .bra_lb_com_right .bra_img_box {
    background-size: auto 100%;
}

.bran_con_box .bra_lb_com_left {
    left: -20vw;
}

.bran_con_box .bra_lb_com_right {
    right: -20vw;
}

.bran_con_box .bra_code_box {
    position: absolute;
    left: 0;
    bottom: 6.25%;
    display: flex;
    align-items: center;
    z-index: 20;
}

.bran_con_box .bra_code_box i {
    background-color: #d70c18;
    color: #fff;
    text-align: center;
    line-height: 1rem;
    width: 1rem;
    height: 1rem;
    font-size: .5rem;
    margin-right: .2rem;
}

.bran_con_box .bra_code_box .bra_code_hint {
    color: #fff;
    line-height: 1.4375;
    font-size: .16rem;
}

.bran_con_box .bra_code_box .bra_code_img {
    position: absolute;
    width: 1.6rem;
    left: 0;
    top: 50%;
    transform: translateY(50%);
    opacity: 0;
    transition: all .3s ease-in-out;
}

.bran_con_box .bra_code_box:hover .bra_code_img {
    opacity: 1;
    transform: translateY(-50%);
}

.bran_con_box .bra_lb_nav {
    position: absolute;
    z-index: 21;
    display: flex;
    width: 90.74%;
    transition: all .3s cubic-bezier(0.76, 0.03, 0.35, 0.9);
}

.bran_con_box .bra_lb_nav.city_nav {
    width: 82.7%;
}

.bran_con_box .bra_lb_nav .swiper-slide {
    cursor: pointer;
    font-size: .16rem;
    line-height: 6.77vw;
    text-align: center;
    transition: all .3s ease;
}

.bran_con_box .bra_lb_nav .swiper-slide:hover {
    color: #d70c18;
}

.bran_con_box .bra_lb_nav .swiper-slide img {
    padding: .53vw 0;
}

.bran_con_box .bra_lb_nav.banner_nav {
    right: calc(100% - 1.98rem);
    top: calc(6.25% + .8rem);
}

.bran_con_box .bra_lb_nav.city_nav {
    left: calc(100% - 1.98rem);
    bottom: 6.25%;
    justify-content: flex-end;
}

.bran_con_box .bra_lb_nav:hover.banner_nav, .bran_con_box .bra_lb_nav.on.banner_nav {
    right: 9.26%;
}

.bran_con_box .bra_lb_nav:hover.city_nav {
    left: 17.3%;
}

.bran_con_box .bra_lb_nav:hover .bra_nav_name > div, .bran_con_box .bra_lb_nav.on .bra_nav_name > div {
    width: .7rem;
    background-color: #d70c18;
    color: #fff;
}

.bran_con_box .bra_lb_nav:hover .bra_nav_name > div > div, .bran_con_box .bra_lb_nav.on .bra_nav_name > div > div {
    width: 50%;
}

.bran_con_box .bra_lb_nav:hover .bra_nav_name > div .bra_nav_name_en, .bran_con_box .bra_lb_nav.on .bra_nav_name > div .bra_nav_name_en {
    display: none;
}

.bran_con_box .bra_lb_nav:hover .bra_nav_name > img, .bran_con_box .bra_lb_nav.on .bra_nav_name > img {
    display: none;
}

.bran_con_box .bra_lb_nav:hover .bra_nav_name .bra_nav_name_cm, .bran_con_box .bra_lb_nav.on .bra_nav_name .bra_nav_name_cm {
    font-weight: 400;
}

.bran_con_box .bra_lb_nav .bra_nav_name {
    display: flex;
    align-items: center;
}

.bran_con_box .bra_lb_nav .bra_nav_name > div {
    width: 1rem;
    background-color: #fff;
    transition: all .3s ease-in-out;
    color: #d70c18;
    text-align: center;
    height: 100%;
    position: relative;
}

.bran_con_box .bra_lb_nav .bra_nav_name > div > div {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
}

.bran_con_box .bra_lb_nav .bra_nav_name .bra_nav_name_cm {
    font-size: .3rem;
    line-height: 1.5;
    font-weight: 700;
}

.bran_con_box .bra_lb_nav .bra_nav_name .bra_nav_name_en {
    font-family: 'BrownStd-Light';
    font-size: .14rem;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
}

.bran_con_box .bra_lb_nav .bra_nav_name > img {
    margin: 0 .09rem;
    width: .22rem;
    animation: shan 1s ease-in-out infinite;
}

.bran_con_box .bra_lb_nav .bra_lb_nav_case {
    background-color: #fff;
    width: calc(100% - 1.98rem);
    padding: 0 3.9vw;
    position: relative;
}

.bran_con_box .bra_lb_nav .bra_lb_nav_case .swiper-slide img {
    display: block;
    width: 100%;
}

.bran_con_box .bra_lb_nav .swiper-button-prev, .bran_con_box .bra_lb_nav .swiper-button-next {
    width: 3.9vw;
    height: 100%;
    margin: 0;
    top: 0;
    color: #000;
    background: none;
    z-index: 5;
}

.bran_con_box .bra_lb_nav .swiper-button-prev i, .bran_con_box .bra_lb_nav .swiper-button-next i {
    font-size: .16rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
}

.bran_con_box .bra_lb_nav .swiper-button-prev:hover, .bran_con_box .bra_lb_nav .swiper-button-next:hover {
    color: #d70c18;
}

.bran_con_box .bra_lb_nav .swiper-button-prev {
    left: 0;
}

.bran_con_box .bra_lb_nav .swiper-button-next {
    right: 0;
}

.bran_con_box .bra_top_box {
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

.bran_con_box .bra_map_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    z-index: 6;
    overflow: hidden;
    display: none;
}

.dis_lb {
    pointer-events: none;
}

.bran_con_box .bra_map_box .bra_img_box {
    position: relative;
}

.bran_con_box .bra_map_box .bra_img_box::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: inherit;
    filter: blur(10px);
    z-index: 2;
}

.bran_con_box .bra_map_box .map_img_box {
    position: absolute;
    left: 12.34%;
    top: 26.45%;
    width: 39.64%;
    z-index: 7;
}

.bran_con_box .bra_map_box .map_img_box img {
    display: block;
    width: 100%;
}

.bran_con_box .bra_map_box .map_img_box .map_t {
    width: 8.29%;
    position: absolute;
    left: 80.5%;
    top: 70%;
    transition: all .3s ease;
}

.tab_active {
    background-color: #f7f7f7;
    position: relative;
    font-weight: 700;
    color: #d70c18;
}

.tab_active::after {
    position: absolute;
    content: '';
    height: .06rem;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #d70c18;
}

.city_show_box {
    background-color: rgba(255, 255, 255, 0.96);
    overflow-y: auto;
    width: 22.24vw;
    height: 20.83vw;
    line-height: 1.8;
    position: absolute;
    z-index: 20;
    right: 9.26%;
    top: 32%;
}

.city_show_box ul {
    display: block;
    padding: 1.3vw 0;
}

.city_show_box li > div {
    display: block;
    padding: 1.3vw 2.6vw 1.3vw 4.1vw;
}

.city_show_box li > div .arr_box {
    font-size: .18rem;
    font-weight: 700;
    position: relative;
    padding-right: .3rem;
}

.city_show_box li > div .arr_box span {
    font-family: 'BrownStd-Bold';
    position: absolute;
    top: 0;
    right: 100%;
    transform: translate(-100%, 0);
}

.city_show_box li > div .arr_box a {
    font-size: .2rem;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: .04rem;
    cursor: pointer;
}

.city_show_box .arr_info_box {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.4);
}

@keyframes shan {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fx2OutPrev {
    0% {
        transform-origin: 50% 50%;
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1) translateX(-100%);
        opacity: 1;
    }
}

@keyframes fx2InPrev {
    0% {
        opacity: 1;
        -webkit-transform: translateX(100%);
        transform-origin: 50% 50%;
        opacity: 1;
    }
    99.99% {
        -webkit-transform: translateX(0%);
        opacity: 1;
        transform-origin: 50% 50%;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
        transform-origin: 50% 50%;
    }
}

@keyframes fx2OutNext {
    0% {
        transform-origin: 50% 50%;
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1) translateX(100%);
        opacity: 1;
    }
}

@keyframes fx2InNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform-origin: 50% 50%;
        opacity: 1;
    }
    99.99% {
        -webkit-transform: translateX(0);
        opacity: 1;
        transform-origin: 50% 50%;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
        transform-origin: 50% 50%;
    }
}

.control_body .con_video_name_box {
    line-height: 1;
    padding-bottom: .4rem;
    position: relative;
    font-size: .54rem;
    font-family: 'BrownStd-Bold';
    color: #fff;
}

.control_body .con_video_name_box::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.control_body .con_video_name_box::after {
    content: '';
    display: block;
    left: 0;
    width: .45rem;
    height: 1px;
    bottom: 0;
    position: absolute;
    background-color: #fff;
}

.control_body .cont_btn_box {
    position: absolute;
    right: 10.875%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: all;
}

.control_body .cont_btn_box .plan_box {
    width: 13.54vw;
    height: 13.54vw;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.control_body .cont_btn_box .btn_vide_sty {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4.6875vw;
    height: 4.6875vw;
    line-height: 4.6875vw;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 100%;
}

.control_body .cont_btn_box .btn_vide_sty.btn_vide_play {
    display: none;
}

.control_body .cont_btn_box .btn_vide_sty i {
    font-size: .18rem;
}

.control_body .cont_btn_box .btn_vide_sty::after {
    content: attr(data-handle);
    position: absolute;
    top: 125%;
    color: #fff;
    font-size: .18rem;
    font-family: 'BrownStd-Regular';
    display: block;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
}

.my_video {
    display: block;
    width: 100%;
}

.cont_video_box {
    position: relative;
}

.cont_video_box .cont_info {
    width: 45.1875%;
}

.cont_name {
    font-size: .48rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    position: relative;
}

.cont_name > span {
    font-family: 'BrownStd-Bold';
}

.cont_name::after {
    content: attr(data-en);
    display: block;
    left: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.1);
    position: absolute;
    z-index: -1;
    font-size: 1.3rem;
    line-height: 1;
    white-space: nowrap;
    font-family: 'BrownStd-Bold';
}

.cont_info {
    font-size: .18rem;
    line-height: 1.7;
    color: #fff;
    margin-top: 2.86vw;
    max-width: 29.6875vw;
}

.cont_text_box {
    width: 83.33%;
    left: 8.335%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    pointer-events: none;
    padding-left: 6.66%;
}

.car_lb_case {
    position: relative;
}

.car_lb_case img {
    display: block;
}

.car_lb_case .swiper-container {
    width: 66.66%;
    margin-left: 0;
}

.car_lb_case::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 66.66%;
    top: 0;
    z-index: 4;
    left: 0;
    pointer-events: none;
    background: linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
}

.car_lb_case:nth-child(odd) .cont_text_box {
    padding-left: 51.5625%;
}

.car_lb_case:nth-child(odd)::after {
    right: 0;
    left: auto;
    background: linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
}

.car_lb_case:nth-child(even) .swiper-pagination {
    right: 10.9375%;
    left: auto;
}

.car_lb_case:nth-child(even) .swiper-container {
    margin-left: 33.33%;
}

.car_lb_case .swiper-pagination {
    left: 10.9375%;
    width: 8px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.car_lb_case .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
}

.car_lb_case .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #d70c18;
}

.cont_line_001 {
    position: absolute;
    width: 54.125%;
    right: 7.125%;
    top: 100%;
}

.cont_line_002 {
    position: absolute;
    width: 63.5%;
    left: 17.5%;
    top: 110%;
}

.cont_line_003 {
    position: absolute;
    width: 42.4375%;
    right: 27.8125%;
    top: 120%;
}

.cont_line_004 {
    position: absolute;
    width: 8.1875%;
    left: 28%;
    top: 110%;
}

.art_body .cont_info {
    color: #000;
}

.art_body .cont_name {
    color: #d70c18;
}

.art_body .cont_name::after {
    color: rgba(0, 0, 0, 0.1);
}

.art_body .car_lb_case::after {
    background: linear-gradient(left, white, white 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, white, white 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, white, white 50%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, white, white 50%, rgba(255, 255, 255, 0) 100%);
}

.art_body .car_lb_case:nth-child(odd)::after {
    background: linear-gradient(right, white, white 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(right, white, white 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(right, white, white 50%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(right, white, white 50%, rgba(255, 255, 255, 0) 100%);
}

.cont_src_box {
    padding: 10.9375vw 0;
    background-size: cover;
}

.cont_src_box > div {
    width: 83.33%;
    margin: 0 auto;
    display: flex;
    padding: 0 5.729vw;
}

.cont_src_box > div .car_src_name {
    font-size: .72rem;
    line-height: 1.36;
    color: #d70c18;
    width: 45%;
    font-family: 'BrownStd-Bold';
}

.cont_src_box > div .car_src_info {
    width: 55%;
    font-size: .16rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
    margin-top: .3rem;
}

.use_body .ser_time_box {
    overflow: hidden;
}

.use_body .ser_time_box .ser_hot_info {
    width: 55%;
}

.use_src11_box {
    display: flex;
    position: relative;
    padding: 3.645vw 0 7.29vw;
}

.use_src11_box > img {
    display: block;
    width: 67%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-40%, -73%);
}

.use_src11_box > div {
    width: 32%;
    text-align: center;
    line-height: 1.5;
    font-size: .18rem;
}

.use_src11_box > div span {
    font-size: 1.2rem;
    margin-right: .2rem;
    color: #d70c18;
    text-shadow: 0 0 10px rgba(215, 12, 24, 0.27);
    font-family: 'BrownStd-Bold';
}

.use_src11_box > div .use_num {
    font-size: .24rem;
    margin-bottom: .3rem;
}

.use_src11_box > div:nth-child(2) {
    margin-left: 29%;
}

.ser_hot_title span {
    color: #d70c18;
}

.use_con_case {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.use_con_case:last-child > span {
    transform: translateY(0);
    right: 22.33%;
}

.use_con_case > img {
    display: block;
    width: 50%;
}

.use_con_case .use_text_box {
    width: 50%;
    padding: 0 13.65% 0 6.3%;
}

.use_con_case .use_text_box .use_text_name {
    font-size: .48rem;
    line-height: 1;
    margin-bottom: 2.864vw;
}

.use_con_case .use_text_box .use_text_name span {
    color: #d70c18;
    font-weight: 700;
}

.use_con_case .use_text_box .use_text_info {
    font-size: .16rem;
    line-height: 2;
    color: rgba(0, 0, 0, 0.6);
}

.use_con_case > span {
    display: block;
    position: absolute;
    font-family: 'BrownStd-Bold';
    font-weight: 700;
    color: rgba(0, 0, 0, 0.04);
    font-size: 4.9rem;
    z-index: -1;
    bottom: 0;
    right: 8.33%;
    line-height: .85;
    transform: translateY(20%);
}

.use_con_case:nth-child(odd) {
    flex-direction: row-reverse;
}

.use_con_case:nth-child(odd) .use_text_box {
    padding: 0 6.3% 0 13.65%;
}

.use_con_case:nth-child(odd) > span {
    right: auto;
    left: 21.875%;
}

.use_bot_box {
    position: relative;
    overflow: hidden;
}

.use_bot_box .ser_hot_title {
    margin-bottom: 9.947%;
}

.use_bot_box .bot_bg_box {
    position: absolute;
    color: rgba(0, 0, 0, 0.06);
    left: 50%;
    top: 100%;
    line-height: 1;
    transform: translate(-50%, -45%);
    font-size: 5.05rem;
    pointer-events: none;
    font-family: 'BrownStd-Bold';
}

.use_body .fee_btn_box {
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 0;
}

.use_src12_box {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.use_src12_box > div {
    text-align: left;
    width: 18.75%;
    font-size: .3rem;
    font-family: 'BrownStd-Bold';
    font-weight: 700;
    line-height: 1;
    margin-bottom: .5rem;
}

.use_src12_box > div > div {
    margin-bottom: .2rem;
}

.use_src12_box > div > div.use_bto_name {
    font-size: .18rem;
    font-weight: 400;
    line-height: 1.5;
}

.use_src12_box > div > div:nth-child(2) {
    margin-bottom: 0;
}



@media (min-width: 1025px){
    .use_src12_box > div:nth-child(4n+1) {
        margin-left: 16%;
    }
    .use_src12_box > div:nth-last-child(0),
    .use_src12_box > div:nth-last-child(1),
    .use_src12_box > div:nth-last-child(2),
    .use_src12_box > div:nth-last-child(3){
        margin-bottom: 0;
    }
}

.use_src12_box > img {
    display: block;
    width: 26.51%;
    position: absolute;
    right: 0;
    top: 135%;
    transform: translateY(-50%);
}

.new_age_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4.6875vw;
}

.new_age_box > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.new_age_box a {
    display: block;
    color: rgba(0, 0, 0, 0.2);
    transition: all .3s ease;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 .3rem;
    margin: 0 .2rem;
    border-radius: 3px;
    font-size: .16rem;
    line-height: 2;
    font-family: 'BrownStd-Regular';
}

.new_age_box a i {
    font-size: .16rem;
}

.new_age_box a.on, .new_age_box a:hover {
    background-color: #d70c18;
    color: #fff;
    border: 1px solid transparent;
}


.ser_time_box .run_num > div {
    flex-direction: row-reverse;
    text-align: right;
}

.control_body .cont_btn_box .btn_vide_sty::after {
    display: none;
}


.city_show_box::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    /**/
}

.city_show_box::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
}

.city_show_box::-webkit-scrollbar-thumb {
    background: #d70c18;
    border-radius: 10px;
}

.city_show_box::-webkit-scrollbar-thumb:hover {
    background: #d70c18;
}

.city_show_box::-webkit-scrollbar-corner {
    background: #d70c18;
}

.life_video_img {
    display: none;
}

.cul_body #culture #main #r2 .wrap .list .box {
    height: auto;
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.cul_body #culture #main #r2 .wrap .list .box > p {
    width: 90%;
    text-align: justify;
}


#culture #main #r4 .wrap .list .col .msg p span {
    display: block;
    line-height: 1.5;
    margin: .3rem 0;
}

.dialog_content strong {
    font-size: .17rem;
}

@media all and (max-width: 1600px) {
    .ind_new_info {
        line-height: 1.8;
    }

    .dyn_time_title_num.on .dyn_time_year {
        font-size: 1.6rem;
        text-indent: -13px;
    }

    .int_src2_time_box {
        padding-top: .6rem;
    }

    .int_src3_case > div {
        width: 75%;
    }

    .int_src6_img {
        margin-top: -2.2rem;
    }

    .con_bg {
        font-size: 1.15rem;
        top: .9rem;
    }

    .pro_det_xq > div .pro_name_z {
        font-size: .5rem;
    }

    .btn_back {
        margin-top: .6rem;
        padding: .3rem .8rem .3rem .7rem;
    }

    .pro_det_xq > div {
        line-height: 3;
    }

    .abo_src5_icon_box {
        padding-top: .3rem;
        margin-top: .5rem;
    }

    .cont_line_002 {
        width: 52.5%;
    }

    .cont_line_001 {
        width: 50.125%;
    }

    .cont_line_003 {
        width: 35.4375%;
    }

    #culture #main #r4 .wrap .list .col .msg p span {
        margin: .2rem 0;
    }
}

@media all and (max-width: 1440px) {
    .int_src2_box .int_src2_case {
        padding-top: 1px;
    }

    .int_src6_img {
        margin-top: -1.8rem;
    }

    .int_src3_ren_box .int_zb_text {
        float: right;
        margin-top: 1.2rem;
    }

    .sto_banner_box .active .sto_num {
        font-size: 2.8rem;
    }

    .lar_v_num {
        font-size: 1.7rem;
    }

    .lar_show_box .sto_show_vid_box {
        width: 50%;
        margin-left: 9%;
    }

    .con_body .ins_body_con > div {
        padding-top: .6rem;
    }

    .con_bg {
        top: .5rem;
    }

    .join_condition > div.on .join_con_texx_box {
        padding-top: .5rem;
        padding-bottom: .6rem;
    }

    .join_con_texx_box > p {
        padding: .25rem 0 .4rem;
    }

    .pro_det_xq > div .pro_name_z {
        font-size: .48rem;
    }

    .pro_det_lb {
        margin-top: .5rem;
    }

    .abo_src6_sty_box > img {
        top: -18%;
    }

    .abo_src5_icon_box > div i {
        font-size: .4rem;
    }

    .item1 {
        padding: .5rem 6% 0 0;
    }
}

@media all and (max-width: 1366px) {
    .ind_new_info {
        line-height: 1.6;
        padding: 0 .1rem;
    }

    .ind_new_title {
        line-height: 1.5;
        padding: 0 .1rem;
        margin-top: .25rem;
        margin-bottom: .15rem;
    }

    .ind_new_more {
        left: calc(1.77vw + .1rem);
    }

    .dyn_time_title_num.on .dyn_time_year {
        font-size: 1.2rem;
        text-indent: -9px;
    }

    .int_src2_info {
        line-height: 1.8;
    }

    .int_src6_img {
        margin-top: -1.5rem;
    }

    .sha_sto_con {
        width: 58%;
    }

    .lar_body .sto_title {
        left: 2.4rem;
    }

    .con_bg_img {
        position: absolute;
        width: 27.6%;
        right: 0;
        bottom: -.25rem;
    }

    .con_bg {
        font-size: .8rem;
        top: .8rem;
    }

    .fin_info_text {
        font-size: .18rem;
    }

    .fin_con_lable {
        font-size: .13rem;
    }

    .pro_det_xq > div .pro_name_z {
        font-size: .4rem;
    }

    .pro_det_xq > div .pro_name_box {
        width: 120px;
    }

    .pro_det_xq > div > span {
        width: calc(100% - 120px);
    }

    .pro_det_lb {
        margin-top: 0;
    }

    .pro_det_xq {
        padding-top: 5vh;
    }

    .btn_back {
        margin-top: .4rem;
        padding: .2rem .6rem .2rem .5rem;
    }

    .pro_det_lb .swiper-pagination {
        line-height: 3;
    }

    .abo_src1_img {
        margin-top: .5rem;
    }

    .abo_btn_ry {
        width: 320px;
    }

    .abo_src3_year .timer {
        font-size: .7rem;
        margin-left: 0;
    }

    .abo_src3_year {
        margin-top: -80px;
    }

    .abo_src5 {
        padding: .5rem 5.6% .3rem;
    }

    .pre_btn > a {
        margin-right: 0.15rem;
    }

    #culture #main #r4 .wrap .list .col .msg p span {
        margin: .16rem 0;
    }
}

@media all and (max-width: 1280px) {
    .int_src3_case > div {
        width: 85%;
    }

    .int_src2_info {
        font-size: .28rem;
    }
}

.new_host_m {
    display: none;
}

@media all and (max-width: 1024px) {
    .foot_link_box {
        display: block;
    }

    .banner_img_box .banner_pc {
        display: none;
    }

    .banner_img_box .banner_m {
        display: block;
    }

    .ind_pro_img {
        display: none;
    }

    .ind_pro_img_m {
        display: block;
    }

    .dyn_body .ind_src3 {
        padding-left: 0;
    }

    .dyn_body .ind_src3 > div {
        padding: 30px;
    }

    .dyn_body .bloc .wrapper, .dyn_body .bloc .wrapper .row {
        height: auto;
    }

    .dyn_body .bloc {
        overflow: initial;
    }

    .dyn_time_con_case > div {
        display: block;
        margin-bottom: .5rem;
    }

    .dyn_time_con_case > div .dyn_time_title_num {
        margin-left: 0;
        line-height: 2.5;
    }

    .dyn_time_con_box {
        width: 100%;
        float: none;
    }

    .dyn_time_con_case {
        top: 0;
        left: 0;
        transform: translateY(0);
        position: relative;
    }

    .dyn_time_title_box {
        display: none;
    }

    .ind_src3 .title_box {
        width: 100%;
        text-align: center;
        position: relative;
        border-bottom: 1px solid #333;
        padding-bottom: .15rem;
        top: 0;
        left: 0;
    }

    .dyn_btn_Next, .dyn_btn_Prev {
        display: none;
    }

    .dyn_time_title_num .dyn_img_box .det_img {
        opacity: 0;
    }

    .dyn_time_title_num .dyn_img_box img {
        opacity: 1;
    }

    .dyn_time_year {
        font-weight: 700;
    }

    .dyn_time_title_num .dyn_img_box {
        width: 60%;
    }

    .ins_box {
        padding: 30px 120px 30px 30px;
    }

    .fin_fixed_img {
        width: 120px;
    }

    .int_banner_m {
        display: block;
    }

    .int_banner_pc {
        display: none;
    }

    .dyn_time_con .dyn_time_title_num, .dyn_time_con_case > div {
        display: block;
    }

    .int_body .bloc {
        padding-top: 0;
    }

    .int_case {
        padding: 0 30px;
    }

    .marT_180 {
        margin-top: .9rem;
    }

    .int_video_box .int_btn_sty {
        left: 50%;
    }

    .int_src2_box .int_src2_bg {
        padding: 0;
    }

    .int_src2_box .int_src2_case .int_info {
        padding-bottom: 0;
    }

    .int_src3_case {
        margin-top: 6vh;
    }

    .int_banner_box {
        padding-top: 0;
        padding-left: 0;
    }

    .int_src5_bfb {
        padding-top: 6vh;
    }

    .int_src6_case {
        margin-top: 0;
    }

    .new_title_case {
        margin: 0 30px;
    }

    .new_det_con {
        padding: 0 30px;
    }

    .go_top .go_top_text {
        display: none;
    }

    .show_body .banner_img {
        background-size: 100% auto;
    }

    .banner_img_box .banner_img {
        transform: scale(1);
    }

    .sto_body .bloc .wrapper .row {
        padding: .9rem 0 0 0;
    }

    .sha_sto_con {
        width: 80%;
        left: 50%;
    }

    .sto_banner_box .swiper-container {
        margin-top: .5rem;
        padding: 0 30px;
    }

    .sto_banner_box .swiper-wrapper {
        display: block;
    }

    .sto_banner_box .swiper-wrapper .swiper-slide {
        margin-bottom: .5rem;
    }

    .sto_show_img_box {
        opacity: 1;
    }

    .sto_num, .sto_add {
        position: relative;
        transform: translateY(0);
        line-height: 2.5;
    }

    .lar_body .bloc .wrapper .row {
        padding-left: 0;
    }

    .lar_body .sto_title {
        left: 0;
    }

    .lar_banner_box {
        padding: 40vh 0;
    }

    .sto_body .bloc .wrapper .row {
        overflow: inherit;
        position: relative;
        height: auto;
    }

    .sto_body .bloc .wrapper, .sto_body .bloc .wrapper .row {
        height: auto;
        overflow: inherit;
    }

    .sto_body .bloc {
        overflow: inherit;
    }

    .sto_body .sto_show_img_box .btn_big {
        opacity: 1;
        pointer-events: auto;
    }

    .join_con_box .join_tab_box {
        padding: 8vh 0;
    }

    .pro_tab_box {
        padding: 0 30px;
    }

    .pro_list_box {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pro_con {
        padding-left: 0;
    }

    .pro_list_box > a {
        width: 46%;
        margin-right: 6%;
        margin-left: 0;
    }

    .pro_list_box > a:nth-child(2n) {
        margin-right: 0;
    }

    .pro_list_box > a:nth-child(2n +1) {
        clear: both;
        float: left;
    }

    .pro_det {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pro_det_lb {
        width: 100%;
    }

    .pro_det_xq {
        width: 100%;
        margin-left: 0;
    }

    .abo_src1 {
        padding: .7rem 0 .6rem;
    }

    .abo_src2 .abo_title {
        margin: .5rem 0;
    }

    .abo_src3_data {
        margin-top: 1.2rem;
    }

    .abo_src4 {
        padding-top: .6rem;
        padding-bottom: .7rem;
    }

    .abo_src3_text_box {
        margin-top: .5rem;
    }

    body.ind_body {
        padding-top: 0;
    }

    .btn_shop {
        display: none;
    }

    .header_m {
        display: block;
        height: 80px;
        background-color: transparent;
        line-height: 80px;
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        z-index: 555;
        transition: all .3s ease;
    }

    .header_m.new_on {
        background-color: #fff;
    }

    .header_m.on .btn_nav_m span {
        background-color: #fff;
    }

    .header_m.new_on.on .btn_nav_m span {
        background-color: #d70c18;
    }

    .header_m a {
        color: #fff;
    }

    .header_m > div {
        position: relative;
        height: 100%;
    }

    .header_m .btn_show_m {
        float: left;
        font-size: .22rem;
        font-weight: 700;
    }

    .header_m .logo_box_m {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        text-align: center;
        /* background-color: #d70c18; */
        /* background-color: #000; */
        padding: .15rem .2rem;
        width: 30%;
    }

    .header_m .logo_box_m img {
        display: block;
        height: 100%;
    }

    .header_m .logo_box_m i {
        color: #fff;
        font-size: .5rem;
        line-height: 1;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .btn_nav_m {
        height: 60px;
        width: 40px;
        float: right;
        margin-top: 10px;
        text-align: right;
        font-size: 0;
        line-height: 1;
        padding: 20px 0;
        margin-right: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .btn_nav_m span {
        display: block;
        width: 6px;
        height: 6px;
        background-color: #d70c18;
        transition: all .3s ease;
        border-radius: 100%;
    }

    .nav {
        height: calc(100vh - 80px);
        width: 100%;
        display: block;
        top: 80px;
        left: 100%;
        transition: all .5s ease;
        transform: translate(0, 0);
        background-color: #fff;
        overflow-y: scroll;
    }

    .nav .navBox {
        float: none;
        background-color: #fff;
    }

    .nav .navBox .foot_link_box > ul > li {
        display: block;
        width: 100%;
        padding: 0;
    }

    .nav .navBox .foot_link_box > ul > li > a {
        padding: .2rem;
    }

    .nav.on::after {
        left: calc(50% + 15px);
        width: calc((100% - 15px) / 2);
    }

    .nav.on_m .navBox .foot_nav_name > a {
        color: #000;
    }

    .nav.on_m .navBox .foot_nav_name > a.on {
        color: #d70c18;
    }

    .nav.on_m .navBox .foot_link_box > ul > li:hover > a {
        color: #000;
    }

    .nav.on_m .navBox small {
        color: #000;
    }

    .nav .navBox .foot_link_box > ul > li > ul {
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0, 0) !important;
        opacity: 0;
        margin-top: 0;
        z-index: 1;
        width: 100%;

    }

    .nav .navBox a {
        font-size: 18px;
    }

    .nav .navBox .foot_link_box > ul > li > ul::after, .nav .navBox .foot_link_box > ul > li > ul::before {
        display: none;
    }

    .nav.on_m {
        left: 0;
        background-color: #fff;
    }

    .nav_con {
        padding-top: 0;
        width: 50%;
    }

    .childItem > ul {
        top: 0;
        transform: translateY(0);
        padding-top: 4.35185vh;
    }

    .nav .logo_box {
        display: none;
    }

    .pro_tab_box {
        top: 80px;
    }

    .tenpay_txt {
        display: none;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box {
        padding: 0 15px;
        display: block;
        height: auto;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box > div {
        margin: 4.66vw 0;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_text_box {
        text-align: left;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case::before, .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case::after {
        display: none;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_icon_box {
        background-color: #fff;
        color: #d70c18;
        border: none;
        margin-right: 15px;
        margin-left: 0;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .industry_name {
        position: relative;
        left: 0;
        transform: translateX(0);
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .show_icon_info {
        display: block;
        width: auto;
    }

    .ind_body .ind_src2 .ind_show_nav_boc .blur_box {
        display: none;
    }

    .ind_body .ind_src2 .ind_show_nav_boc {
        overflow-x: scroll;
        width: 100%;
        left: 0;
        padding: 0 8.35%;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div {
        background-color: #fff;
        width: 250px;
        display: inline-flex;
        margin-right: 10px;
        border-radius: 5px;
        color: #000;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div .ind_show_tab_name small {
        color: #000;
    }

    .ind_body .ind_src2 .ind_show_nav_boc {
        border-bottom: none;
        display: block;
        white-space: nowrap;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div.on {
        color: #fff;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div.on .ind_show_tab_name small {
        color: #fff;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box > div::after, .ind_src2 .ind_show_box > div .ind_show_con_box > div::before {
        display: none;
    }

    .ind_src3 {
        background-image: none !important;
        position: relative;
        background-color: #f5f5f5;
    }

    .ind_src3 .ind_new_more_box {
        display: block;
        box-shadow: 0 0 10px rgba(215, 12, 24, 0.27);
        color: #fff;
        cursor: pointer;
        font-size: .16rem;
        line-height: .6rem;
        border-radius: .3rem;
        width: 2.5rem;
        background-color: #d70c18;
        transition: all .3s ease;
        margin: 0 auto;
        margin-top: .3rem;
        text-align: center;
    }

    .ind_src3 .ind_new_case {
        padding-top: 0;
    }

    .ind_src3 .ind_new_case .ind_new_con .new_text_box .ind_3_new_name {
        font-size: 12px;
    }

    .ind_src3 .ind_new_case .ind_new_tab_box {
        display: none;
    }

    .ind_src3 .ind_new_case .swiper-wrapper {
        display: block;
    }

    .ind_src3 .ind_new_case .swiper-wrapper .swiper-slide {
        display: none;
    }

    .ind_src3 .ind_new_case .swiper-wrapper .swiper-slide:first-child {
        display: block;
    }

    .ind_src3 .ind_new_case .swiper-wrapper .swiper-slide:nth-child(2) {
        display: block;
    }

    .ind_src3 .ind_new_case .swiper-wrapper .swiper-slide:nth-child(3) {
        display: block;
    }

    .ind_src3 .ind_new_case .ind_new_con {
        display: flex;
        align-items: center;
        padding: 15px;
        background-color: #f5f5f5;
        position: relative;
    }

    .ind_src3 .ind_new_case .ind_new_con::after {
        content: '';
        display: block;
        left: 15px;
        height: 1px;
        width: calc(100% - 30px);
        position: absolute;
        bottom: 0;
        background-color: #dcdcdc;
    }

    .ind_src3 .ind_new_case .ind_new_con .new_img_box {
        width: 15%;
    }

    .ind_src3 .ind_new_case .ind_new_con .new_img_box .new_img_hover {
        display: none;
    }

    .ind_src3 .ind_new_case .ind_new_con .new_text_box {
        position: relative;
        padding: 0;
        padding-left: 15px;
        width: 85%;
        color: #000;
    }

    .ind_src3 .ind_new_case .ind_new_con .new_text_box .ind_3_new_time {
        position: relative;
        right: auto;
        bottom: auto;
        color: #d70c18;
    }

    .ind_src3 > div {
        width: 100%;
    }

    .ind_src3 > div .title_box {
        display: none;
    }

    .ind_src3 > div .new_host_m {
        display: block;
    }

    .ind_src3 > div .new_host_m > img {
        display: block;
        width: 100%;
    }

    .ind_src3 > div .new_host_m .new_host_tex_box {
        padding: 15px 15px 25px;
        font-weight: 700;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 75%;
        background-color: #fff;
    }

    .ind_src3 > div .new_host_m .new_host_tex_box .new_host_time {
        font-size: 15px;
        line-height: 2.5;
        position: relative;
        color: rgba(0, 0, 0, 0.4);
        font-family: 'BrownStd-Bold';
    }

    .ind_src3 > div .new_host_m .new_host_tex_box .new_host_time::before {
        content: '';
        left: 0;
        height: 2px;
        width: 3em;
        position: absolute;
        background-color: #d70c18;
        bottom: 0;
    }

    .ind_src3 > div .new_host_m .new_host_tex_box .new_host_name {
        font-size: 16px;
        line-height: 1.515;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 5px;
    }

    .ind_src3 > div .new_host_m .new_host_tex_box .new_host_info {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 11px;
        line-height: 1.18;
        color: #b4b4b5;
        margin-top: 10px;
        font-weight: 400;
    }


    .ind_src4 .ind_src4_case {
        display: block;
        padding-bottom: .5rem;
    }


    .ind_src4 .ind_src4_case .ind_src4_lb_tab {
        display: none;
    }

    .ind_src4 .ind_src4_case .swiper-pagination {
        display: block;
        width: 100%;
    }

    .ind_src4 .ind_src4_case .swiper-pagination span {
        margin: 0 5px;
    }

    .ind_src4 .ind_src4_case .swiper-pagination span.swiper-pagination-bullet-active {
        background-color: #000;
    }

    .ind_src4 .ind_src4_case .ind_src4_left {
        width: 100%;
        padding: 0 15px;
        margin-top: .5rem;
        margin-left: 0;
        position: relative;
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_title {
        font-size: 14px;
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_title br {
        display: none;
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_info {
        display: none;
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_con_text_m {
        display: block;
        margin-top: .4rem;
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_con_text_m .ind_member_neme {
        font-size: 26px;
        line-height: 1.5;
        font-weight: 700;
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_con_text_m .ind_member_neme span {
        font-family: 'BrownStd-Bold';
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_con_text_m .ind_member_text .ind_mem_tex_box {
        margin: 5px 0;
        display: flex;
        align-items: center;
        font-size: 12px;
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_con_text_m .ind_member_text .ind_mem_tex_box span {
        min-width: .35rem;
        margin-right: 10px;
        text-align: center;
        color: #d70c18;
    }

    .ind_src4 .ind_src4_case .ind_src4_left .ind_src4_con_text_m .ind_member_text .ind_mem_tex_box span i {
        font-size: 18px;
    }

    .ind_src4 .ind_src4_case .ind_src4_right {
        width: 75vw;
        height: 75vw;
        margin: 0 auto;
    }

    .ind_src4 .ind_src4_case .ind_src4_right .swiper-container {
        overflow: inherit;
        width: 100vw;
        margin-left: -12.5vw;
        position: relative;
        top: -.2rem;
    }

    .ind_src4 .ind_src4_case .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide.active .ind_mem_tex_pc {
        display: none !important;
    }

    .ind_src4 .ind_src4_case .ind_src4_right .swiper-container .swiper-wrapper .swiper-slide .ind_member_con .ind_mem_img {
        max-width: none;
        width: 125%;
    }

    footer .foot_link_box {
        display: none;
    }

    footer .foot_copy_box {
        padding: 1em 0;
    }


    .ind_body footer {
        position: relative;
        transform: translateY(0%);
    }

    .ind_body footer > div {
        display: block;
    }

    .hot_body {
        padding-top: 0;
    }

    .mem_banner_info_boxs > div .icon {
        display: none;
    }

    .mem_banner_info_boxs > div .mem_banner_info > div:nth-child(2) {
        display: none;
    }

    .mem_banner_info_boxs > div {
        padding: .1rem;
    }

    .mem_con_box .mem_src_box {
        display: block;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .mem_con_box .mem_src_box > .mem_phone_bg {
        display: none;
    }

    .mem_con_box .mem_src_box .mem_src_img_box {
        width: 60%;
        margin: 20px auto;
        position: relative;
        left: auto;
        top: auto;
    }

    .mem_con_box .mem_src_box .mem_src_img_box .mem_phone_bg {
        opacity: 1;
    }

    .mem_con_box .mem_src_box .mem_src_name_box {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0);
    }

    .mem_con_box .mem_src_box .mem_src_icon_box {
        position: relative;
        left: auto;
        top: auto;
        transform: translateY(0);
        display: flex;
    }

    .mem_con_box .mem_src_box .mem_src_icon_box > div {
        width: 50%;
        padding-left: 10%;
    }

    .mem_con_box .mem_src_box .mem_src_icon_box > div > img {
        display: none;
    }

    .mem_con_box .mem_src_box .mem_src_icon_box > div:nth-child(2) .icon_text_box,
    .mem_con_box .mem_src_box .mem_src_icon_box > div:nth-child(1) .icon_text_box {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        bottom: auto;
        right: auto;
    }

    .mem_bot_box .mem_bg_img {
        display: block;
        margin: 0;
        padding: 20px 15px;
    }

    .mem_bot_box .mem_bg_img .mem_bot_phone {
        display: block;
        margin: 0 auto;
        width: 40%;
        float: left;
        margin-left: 10%;
    }

    .mem_bot_box .mem_bg_img .mem_code_box {
        width: 30%;
        margin-top: 11%;
        float: right;
    }

    .cont_line_001 {
        width: 43.125%;
    }

    .cont_line_002 {
        width: 48.5%;
    }

    .cont_line_003 {
        width: 27.4375%;
    }

    .use_con_case > span {
        font-size: 3rem;
    }

    .use_con_case .use_text_box {
        padding: 0 30px 0 30px;
    }

    .use_con_case:nth-child(odd) .use_text_box {
        padding: 0 30px 0 30px;
    }

    .use_src12_box > div:first-child {
        margin-left: 30px;
    }

    .use_src12_box > div {
        width: 33.33%;
        padding-right: .1rem;
    }

    .use_bot_box .bot_bg_box {
        font-size: 2.5rem;
    }

    #tenpay_txt {
        display: none;
    }

    .banner_img_box .banner_text_img_box {
        top: 35%;
    }


    .bloc .wrapper {
        height: auto;
    }


    .bloc .wrapper .row {
        position: relative;
        height: auto;
        opacity: 1;
    }


    .bloc .wrapper .row:first-child, .bloc .wrapper .row:nth-child(2) {
        height: 100vh;
    }

    .ind_body .ind_src2 {
        display: block;
    }

    .ind_src3 .ind_new_case {
        display: block;
    }

    .ind_src3 .ind_new_more_box {
        position: relative;
    }

    .ind_src3 .ind_new_case .swiper-wrapper .swiper-slide:nth-child(4) {
        display: block;
    }

    .ind_src4 {
        display: block;
    }

    .bran_con_box {
        width: 100%;
    }

    .city_show_box {
        width: 80%;
        right: 10%;
        height: 45%;
        top: 30%;
        padding: 20px 10px 20px 30px;
    }

    .bran_con_box .bra_slide.active .bra_img_box .bra_banner_text {
        display: none;
    }

    .bran_con_box .bra_map_box .map_img_box {
        display: none;
    }

    .bran_con_box .bra_img_box .bra_banner_text .bra_banner_text_cn {
        font-size: .3rem;
    }

    .bran_con_box .bra_img_box .bra_banner_text .bra_banner_text_en {
        font-size: 16px;
        margin-top: .15rem;
    }

    .bran_con_box .bra_img_box .bra_banner_text {
        left: 10%;
        top: 26%;
    }

    .bran_con_box .bra_img_box .bra_banner_text .bra_banner_text_en::before {
        height: 3px;
        width: 0.3rem;
        margin-right: .1rem;
    }

    .bran_con_box .bra_lb_nav {
        width: 100%;
        cursor: pointer;
    }

    .bran_con_box .bra_code_box {
        cursor: pointer;
    }

    .brand_body {
        cursor: pointer;
    }

    .bran_con_box .bra_lb_nav.city_nav {
        width: 100%;
    }

    .bran_con_box .bra_lb_nav:hover.banner_nav, .bran_con_box .bra_lb_nav.on.banner_nav {
        right: 0;
    }

    .bran_con_box .bra_lb_nav:hover.city_nav {
        left: 0;
    }

    .bran_con_box .bra_lb_nav .swiper-slide {
        line-height: 1.3rem;
    }

    .mem_phone_box, .move_img_box {
        display: none;
    }

    .mem_con_box:first-child .mem_phone_img {
        display: block;
    }

    .control_body .con_video_name_box {
        font-size: .3rem;
        padding-bottom: .2rem;
    }

    .ind_show_nav_boc::-webkit-scrollbar {
        display: none;
    }

    .ind_src4 .ind_src4_left .down_hint {
        z-index: 4;
    }

    .mem_body .pub_banner video {
        display: none;
    }

    .mem_body .pub_banner img {
        display: block;
    }

    .nav.on .navBox .foot_link_box > ul > li.on > a {
        color: #d70c18;
    }

    .nav .nav-right {
        width: 100%;
    }

    .nav .nav-sou {
        right: 10%;
        width: 80%;
    }

    .nav .nav-sou input, .nav .nav-sou:hover input, .nav .nav-sou.on input {
        padding-left: 15px;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .nav-sou i {
        font-size: 20px;
    }

    .mem_body .pub_banner .pub_banner_text {
        top: 50%;
    }

    .mem_bot_box .mem_bg_img .mem_bot_box {
        width: 100%;
        text-align: center;
    }

    .life_video_img {
        display: block;
    }

    .my_video {
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        max-width: 90%;
        max-height: 90%;
        transform: translate(-50%, -50%);
        z-index: 7;
    }

    .sha_case_video {
        position: fixed;
        z-index: 6;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        cursor: pointer;
        display: none;
    }

    .control_body .cont_btn_box .btn_vide_sty i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        letter-spacing: 0;
    }

    .control_body .cont_btn_box .btn_vide_sty {
        width: 36px;
        height: 36px;
    }

    .plan_box {
        display: none;
    }

    .control_body .cont_btn_box .btn_vide_sty.btn_vide_play {
        display: block;
        cursor: pointer;
        position: relative;
    }

    .control_body .cont_btn_box .btn_vide_sty.btn_vide_pause {
        display: none;
    }



    .use_body .use_src12_box:nth-of-type(2), .use_body .use_src12_box:nth-of-type(3) > div:first-child, .use_body .use_src12_box:nth-of-type(3) > div:nth-child(2) {
        box-shadow: 0 3px 26px -3px rgba(0, 0, 0, 0.1);;
        padding: 30px 0;
    }

    .use_body .use_src12_box:nth-of-type(3), .use_body .use_src12_box:nth-of-type(2) {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .control_body {
        background-color: #000;
    }
}

@media all and (max-width: 768px) {
    .pub_banner .pub_banner_text .hot_phone_num {
        font-size: .5rem;
    }

    .pub_banner .pub_banner_text .hot_name {
        font-size: .2rem;
    }

    .ser_hot_title {
        font-size: .24rem;
    }

    .ser_hot_info {
        width: 100%;
        font-size: 14px;
        text-align: justify;
    }

    .ser_time_box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ser_time_box .ser_line_case {
        width: 100%;
    }

    .ser_time_box .ser_line_case .ser_line_time_box {
        position: relative;
        right: auto;
        top: auto;
        display: flex;
        transform: translateY(0);
    }

    .ser_time_box .ser_line_case .ser_line_scope {
        position: relative;
        left: auto;
        top: auto;
        transform: translateY(0);
        display: flex;
        /*flex-wrap: wrap;*/
    }

    .ser_time_box .ser_line_case .icon_text_box {
        width: 33.33%;
        margin: 15px 0;
        font-size: 14px;
        letter-spacing: 2px;
        padding-left: 10px;
    }

    .ser_time_box .ser_line_case .icon_text_box:first-child {
        padding-left: 0;
    }

    .ser_time_box .ser_line_case .icon_text_box span {
        text-align: center;
        line-height: .35rem;
        width: .35rem;
        height: .35rem;
        margin-right: 10px;
        font-size: 18px;
    }

    .ser_time_box .ser_line_case .icon_text_box span i {
        font-size: 18px;
    }

    .ser_time_box .ser_line_case .icon_text_box:nth-child(2), .ser_time_box .ser_line_case .icon_text_box:nth-child(4) {
        margin-left: 0;
    }

    .ser_time_box .ser_line_case .icon_text_box:nth-child(3) {
        margin-left: 0;
    }

    .ser_time_box .ser_hot_time_box {
        margin: 20px auto;
        width: 60%;
    }

    .ser_time_box .ser_cover_case {
        width: 100%;
    }

    .ser_time_box .ser_cover_case .ser_line_time_box {
        position: relative;
        right: auto;
        top: auto;
    }

    .ser_time_box .ser_cover_case .ser_line_time_box.run_num > div:nth-child(2) {
        margin-left: 0;
    }

    .ser_time_box .ser_cover_case .ser_line_scope {
        position: relative;
        left: auto;
        top: auto;
        transform: translateY(0);
    }

    .ser_time_box .ser_cover_case .ser_hot_cover_box {
        position: relative;
        margin: 20px auto;
        width: 60%;
    }

    .ser_time_box .run_num {
        display: flex;
        align-items: center;
    }

    .ser_time_box .run_num > div {
        width: 50%;
        font-size: .2rem;
        text-align: center;
    }

    .ser_time_box .run_num > div span {
        font-size: .3rem;
    }

    .ser_time_box .run_num > div:nth-child(2) {
        margin-left: 0;
    }

    .ser_time_box .ser_line_case .ser_line_time_box .icon_text_box span {
        margin-left: 0;
        margin-right: 10px;
    }

    .ser_time_box .ser_line_case .ser_line_time_box .icon_text_box {
        padding-left: 10px;
    }

    .fee_body .ser_time_box .fee_bot_bg {
        width: 50%;
    }

    .mem_con_box .mem_src_box .mem_src_icon_box > div {
        padding-left: 0;
    }

    .icon_text_box {
        white-space: normal;
    }

    .icon_text_box > span {
        margin-right: .1rem;
        width: .5rem;
        height: .5rem;
        line-height: .5rem;
    }

    .icon_text_box > span i {
        font-size: .3rem;
    }

    .icon_text_box > div {
        margin-top: .1rem;
        max-width: calc(100% - .6rem);
        font-size: .18rem;
        padding-right: 5px;
    }

    .icon_text_box > div br {
        display: none;
    }

    .mem_con_box .mem_src_box .mem_src_icon_box > div {
        display: block;
    }

    .pub_ban_title {
        font-size: .35rem;
    }


    .fee_body .ser_hot_info {
        width: 100%;
    }

    .fee_body .fee_inp_box {
        display: block;
        margin-bottom: 0;
    }

    .fee_body .fee_inp_box > div {
        margin-right: 0;
        width: 100%;
        margin-bottom: 25px;
    }

    .cont_text_box {
        position: relative;
        width: 100%;
        padding: 40px 15px;
        left: 0;
        top: 0;
        transform: translateY(0);
    }

    .cont_video_box .cont_info {
        width: 100%;
    }

    .cont_info {
        /*color: rgba(0, 0, 0, 0.6);*/
        max-width: none;
    }

    /*.control_body .con_video_name_box {*/
    /*color: #000;*/
    /*}*/
    /*.control_body .con_video_name_box::after {*/
    /*background-color: #000;*/
    /*}*/
    /*.control_body .con_video_name_box::before {*/
    /*background-color: rgba(0, 0, 0, 0.1);*/
    /*}*/
    .control_body .cont_btn_box {
        top: auto;
        bottom: 100%;
    }

    .car_lb_case::after {
        display: none;
    }

    .cont_name {
        font-size: .3rem;
        /*color: #000;*/
        padding-top: .4rem;
    }

    .cont_name::after {
        /*color: rgba(0, 0, 0, 0.1);*/
        font-size: .8rem;
        line-height: .7;
    }

    .car_lb_case .swiper-container {
        width: 100%;
    }

    .car_lb_case:nth-child(even) .swiper-container {
        margin-left: 0;
    }

    .car_lb_case:nth-child(odd) .cont_text_box {
        padding-left: 15px;
    }

    .cont_src_box > div {
        width: 100%;
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .cont_src_box > div .car_src_name {
        font-size: .3rem;
    }

    .cont_src_box > div .car_src_name, .cont_src_box > div .car_src_info {
        width: 100%;
    }

    .car_lb_case .swiper-pagination {
        left: 15px;
    }

    .car_lb_case:nth-child(even) .swiper-pagination {
        right: 15px;
    }

    .use_con_case .use_text_box .use_text_name {
        font-size: .30rem;
    }

    .use_con_case > span {
        font-size: 1.8rem;
    }

    .use_body .ser_time_box .ser_hot_info {
        width: 100%;
    }

    .use_src11_box > div {
        width: 50%;
    }

    .use_src11_box > div .timer {
        font-size: .65rem;
    }

    .use_bot_box .bot_bg_box {
        font-size: 2rem;
    }

    .new_age_box > div {
        display: none;
    }

    .use_src11_box > img, .use_src12_box > img {
        display: none;
    }

    .use_src11_box {
        justify-content: center;
    }

    .use_src11_box > div:nth-child(2) {
        margin-left: 0;
    }

    .bran_con_box .bra_lb_nav .swiper-slide {
        line-height: 1rem;
    }

    .ser_time_box .ser_line_case .run_num > div:nth-child(2) {
        margin-right: 0;
    }

    .ser_time_box .run_num > div {
        flex-direction: row;
        text-align: center;
        justify-content: center;
    }
}

@media all and (max-width: 640px) {
    .banner_img_box .banner_text_img_box .ind_banner_text_title {
        font-size: .35rem;
    }
    .banner_img_box .banner_text_img_box .ind_banner_img_title {
        width: 3.03rem;
    }
    

    .banner_img_box .banner_text_img_box .ind_banner_name > div {
        font-size: .2rem;
    }

    .banner_img_box .banner_text_img_box .ind_banner_name > span {
        width: .2rem;
        height: .2rem;
    }

    .banner_img_box .banner_text_img_box {
        width: 100%;
        padding: 0 15px;
    }

    .ind_banner_box .swiper-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 .1rem;
    }

    .ind_banner_box .swiper-pagination .swiper-pagination-bullet::after {
        border: 2px solid #d70c18;
    }

    .ind_src2 .ind_show_box > div a {
        font-size: .3rem;
    }

    .ind_src2 .ind_show_box > div .ind_show_info {
        width: 100%;
        padding: 0 15px;
        margin-left: 0;
        margin-right: 0;
        text-align: justify;
    }

    .ind_src2 .ind_show_box > div a {
        text-align: left;
        padding: 0 15px;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div .ind_show_tab_name > div {
        font-size: 12px;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div i {
        font-size: 36px;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div {
        width: 120px;
        display: inline-block;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div {
        padding: .15rem 0;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_icon_box {
        width: 0.535rem;
        line-height: 0.535rem;
        height: 0.535rem;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_icon_box i {
        font-size: 30px;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .show_icon_info {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.8);
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .industry_name {
        font-size: 16px;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box > div {
        margin: 10px 0;
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box .show_icon_case .car_text_box {
        max-width: calc(100% - .535rem - 15px);
    }

    .ind_src2 .ind_show_box > div > div {
        top: 50%;
        transform: translateY(-50%);
    }

    .ind_src2 .ind_show_box > div .ind_show_con_box {
        margin-top: 20px;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div .ind_show_tab_name small {
        display: none;
    }

    .ind_body .ind_src2 .ind_show_nav_boc > div .ind_show_tab_name {
        padding-left: 0;
        text-align: center;
    }

    .ind_body .ind_src2 .ind_show_nav_boc {
        bottom: 8.35vw;
    }

    .ind_src4 .ind_src4_left .down_hint span i {
        font-size: 18px;
    }

    .ind_src4 .ind_src4_left .down_hint > img {
        width: 20%;
    }

    .mem_con_box .mem_src_box .mem_src_name_box > div:first-child {
        font-size: .3rem;
    }

    .mem_con_box .mem_src_box .mem_src_name_box > div:nth-child(2) {
        font-size: .18rem;
    }

    .fee_body .fee_case {
        padding: 15px 10px 10px;
    }

    .fee_body .fee_con_box {
        width: 100%;
    }

    .fee_btn_box a {
        width: 35%;
        line-height: .45rem;
    }

    .pub_ban_title, .aut_line_box {
        font-size: .3rem;
    }

    .aut_line_box {
        height: 2px;
        top: 110%;
    }

    .aut_img_box {
        width: 100%;
        margin-left: 2.24%;
    }

    .ind_new_box .swiper-button-prev, .ind_new_box .swiper-button-next {
        display: block;
    }

    .dyn_body .ind_src3 > div {
        padding: 15px;
    }

    .dyn_time_title_num .dyn_img_box {
        width: 80%;
    }

    .ins_box {
        padding: 15px 60px 15px 15px;
    }

    .fin_fixed_img {
        width: 60px;
    }

    .ins_box > div {
        padding-left: 0;
    }

    .fin_title {
        font-size: .3rem;
        margin-bottom: .2rem;
    }

    .fin_describe {
        margin-bottom: .3rem;
        padding-left: .15rem;
    }

    .ins_header {
        padding-bottom: .2rem;
    }

    .fin_time_box {
        padding: .2rem 0 .15rem;
    }

    .btn_operate {
        width: 100%;
        margin-right: 0;
        padding: .15rem 0;
    }

    .ins_body_tab {
        display: none;
    }

    .ins_body_con {
        width: 100%;
    }

    .ins_body_con > div {
        display: block !important;
    }

    .btn_shop {
        right: 15px;
        top: 15px;
    }

    .fin_con_box > div {
        width: 100%;
        margin-right: 0;
    }

    .btn_cor {
        margin-top: .12rem;
    }

    .int_case {
        padding: 0 15px;
    }

    .int_title {
        margin-top: 6vh;
    }

    .int_info {
        padding: .3rem 0;
    }

    .int_pre_sty .int_provenance {
        width: 100%;
    }

    .int_pre_sty .int_provenance > img {
        margin: 0;
        width: 25%;
    }

    .int_pre_sty > div {
        margin-top: .25rem;
    }

    .int_pre_sty .ind_bottom_box {
        width: 100%;
    }

    .marT_180 {
        margin-top: .4rem;
    }

    .int_src2_info {
        color: #212121;
        padding-top: .6rem;
    }

    .int_src2_time_box {
        padding-top: .3rem;
    }

    .int_src3_case > div {
        width: 100%;
    }

    .int_zb_text {
        float: none;
        width: 100%;
    }

    .int_zb_img {
        float: none;
        width: 100%;
        margin-top: .3rem;
    }

    .int_zb_img .int_zb_st.go {
        width: 40%;
        left: 30%;
    }

    .int_zb_img .int_zb_st img {
        width: 100%;
    }

    .int_src3_ren_box .int_zb_text {
        float: none;
        margin-top: .8rem;
    }

    .int_src4_case .int_title {
        position: relative;
    }

    .int_src4_text_right, .int_src4_text_left {
        float: none;
        width: 100%;
        padding-bottom: 0;
    }

    .int_pro_box > div {
        width: calc((100% - .2rem - 1px) / 2);
        margin-right: .2rem;
    }

    .int_pro_box > div:nth-child(2n) {
        margin-right: 0;
    }

    .new_title_case {
        margin: 0 15px;
    }

    .new_det_con {
        padding: 0 15px;
    }

    .new_go_list {
        padding: 0;
        text-align: center;
    }

    .go_top {
        right: 15px;
        bottom: 20px;
    }

    .new_title {
        font-size: .28rem;
    }

    .show_ser_name {
        font-size: .28rem;
    }

    .show_series_box {
        padding-left: 30px;
    }

    .show_ser_num_box {
        right: 15px;
    }

    .sto_banner_box .active .sto_num {
        font-size: 1.6rem;
    }

    .lar_body .sto_title {
        margin-left: 0;
        padding-left: 15px;
    }

    .lar_show_box .sto_show_vid_box {
        width: 100%;
        margin-left: 0;
        padding: 0 5%;
    }

    .lar_show_box .lar_hint_box {
        width: 100%;
        text-align: center;
    }

    .lar_v_num {
        font-size: 0;
    }

    .lar_banner_box {
        padding: 35vh 0;
    }

    .lar_show_box {
        padding-bottom: 10vh;
        position: relative;
    }

    .lar_show_box .lar_hint_box {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .con_body .ins_box {
        padding-right: 15px;
    }

    .con_body .ins_body_con > div {
        padding-top: .3rem;
    }

    .con_body .btn_operate {
        width: 100%;
        margin-right: 0;
    }

    .con_bg_img {
        position: fixed;
        width: 35%;
        right: 15px;
        bottom: 0;
    }

    .join_body .ins_box {
        padding-right: 15px;
    }

    .join_body .ins_box > div {
        padding-right: 0;
    }

    .join_con_box .join_tab_box {
        padding: 6vh 0;
    }

    .join_con_box .join_tab_box > a {
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
    }

    .join_id_box {
        padding-top: 6vh;
    }

    .die_num {
        font-size: 0.5rem;
        transform: translateY(0);
        opacity: 1;
    }

    .pro_tab_box {
        padding: 0 15px;
    }

    .sea_nav_box {
        padding: 0;
    }

    .sea_nav_box a {
        line-height: 4;
        margin-right: 0;
    }

    .pro_list_box {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 78px;
    }

    .pro_list_box > a {
        margin-top: .5rem;
        text-align: left;
        padding-left: 0;
    }

    .pro_det_xq > div > span > div {
        margin-right: .15rem;
    }

    .pro_det_xq > div .pro_name_box {
        width: 85px;
    }

    .pro_det_xq > div > span {
        width: calc(100% - 85px);
    }

    .pro_det_xq > div {
        line-height: 1.5;
    }

    .pro_det_xq > div > span {
        padding: .1rem 0;
    }

    .pro_det_xq > div .pro_name_z {
        font-size: .28rem;
    }

    .abo_body .ins_header {
        margin-bottom: 0;
    }

    .abo_body .ins_box {
        padding-right: 15px;
    }

    .abo_body .ins_box > div {
        padding-right: 0;
    }

    .abo_src1 > div {
        width: 100%;
    }

    .abo_src2_fl > div {
        width: 100%;
        padding-right: 0;
    }

    .abo_pro_qsw {
        margin-left: 0;
        margin-top: .4rem;
    }

    .abo_src2_con_box {
        margin-top: .3rem;
        margin-bottom: .6rem;
    }

    .abo_src3_fl > div {
        width: 100%;
    }

    .abo_src3_data > div {
        width: 100%;
        margin-right: 0;
    }

    .abo_src3_data {
        margin-top: 0;
    }

    .abo_src3_data > div {
        margin-top: 1.2rem;
    }

    .abo_src3_text_box {
        padding-left: 0;
        padding-bottom: .5rem;
    }

    .abo_src3_text_box::before {
        top: auto;
        bottom: 0;
    }

    .abo_src4 > div {
        width: 100%;
    }

    .abo_src6 {
        padding-top: .6rem;
    }

    .abo_src6_sty_box > img {
        width: 31.76%;
        right: 0;
    }

    .abo_src6_con {
        width: 100%;
        margin-top: .8rem;
    }

    .abo_src6_info {
        width: 100%;
        padding-top: .3rem;
        padding-bottom: .6rem;
    }

    .abo_src6_num {
        font-size: .3rem;
    }

    .abo_src6_num span {
        font-size: .2rem;
    }

    .header_m {
        height: 60px;
        line-height: 60px;
    }

    .btn_nav_m {
        margin-top: 0;
    }

    .nav {
        height: calc(100vh - 60px);
        top: 60px;
        left: 100%;
    }

    .pro_tab_box {
        top: 60px;
    }

    .item1 {
        padding-right: 15px;
    }

    .grid {
        margin-top: -.5rem;
    }

    .pre_time {
        padding-bottom: .2rem;
    }


    .use_src11_box > div .timer {
        font-size: .35rem;
    }

    .use_src11_box > div .use_num {
        font-size: .2rem;
    }

    .use_src11_box > div {
        padding: 0 5px;
    }

    .use_con_case {
        display: block;
    }

    .use_con_case > img {
        width: 100%;
    }

    .use_con_case .use_text_box {
        width: 100%;
        padding: 40px 15px;
    }

    .use_con_case:nth-child(odd) .use_text_box {
        padding: 40px 15px;
    }

    .ser_time_box {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ser_hot_title {
        margin-bottom: 6.25%;
    }

    .use_body .use_src12_box {
        display: block;
    }

    .use_body .use_src12_box > div {
        width: 100%;
        text-align: center;
        margin-bottom: .2rem;
        line-height: 1.5;
    }

    .use_body .use_src12_box > div:first-child {
        margin-left: 0;
        margin-right: 0;
    }

    .use_body .use_src12_box > div .fee_btn_box {
        margin-top: .5rem;
    }

    .use_body .use_src12_box > div > div {
        margin-bottom: 0;
    }

    .use_body .fee_btn_box a {
        width: auto;
        padding: 0 .25rem;
    }

    .use_bot_box .bot_bg_box {
        font-size: 1.5rem;
    }

    .use_src12_box > img {
        right: -15px;
    }

    .bran_con_box .bra_code_box i {
        line-height: .5rem;
        width: .5rem;
        height: .5rem;
        font-size: .4rem;
        margin-right: .1rem;
    }

    .bran_con_box .bra_lb_nav .bra_nav_name .bra_nav_name_cm {
        font-size: .2rem;
    }

    .bran_con_box .bra_lb_nav .bra_nav_name > div {
        width: .7rem;
    }

    .bran_con_box .bra_lb_nav .bra_nav_name > img {
        margin: 0 .09rem;
    }

    .bran_con_box .bra_lb_nav.banner_nav {
        right: calc(100% - 1.2rem);
    }

    .bran_con_box .bra_lb_nav .bra_lb_nav_case {
        width: calc(100% - 1.2rem);
    }

    .bran_con_box .bra_lb_nav.city_nav {
        left: calc(100% - 1.2rem);
    }

    .bran_con_box .bra_lb_nav .swiper-slide {
        line-height: .8rem;
    }

    .bran_con_box .bra_code_box .bra_code_img {
        width: 1rem;
    }

    .ind_src3 .ind_new_more_box {
        width: 30%;
        line-height: .45rem;
        padding: 0 .25rem;
    }

    .bran_con_box .bra_lb_nav.city_nav {
        bottom: 13.25%;
    }

    .use_src12_box > div {
        font-size: 16px;
    }

    .use_src12_box > div > div.use_bto_name {
        font-size: 12px;
    }
}

@media all and (max-width: 375px) {
    .bloc .wrapper .row:first-child, .bloc .wrapper .row:nth-child(2) {
        height: 120vh;
    }
}

@media all and (max-width: 360px) {
    .int_pre_sty .int_provenance > img {
        width: 20%;
    }

    .show_series_box {
        padding-left: 15px;
    }

    .ser_time_box .ser_line_case .ser_line_scope {
        flex-wrap: wrap;
    }

    .ser_time_box .ser_line_case .icon_text_box:first-child {
        padding-left: 10px;
    }
}

/*# sourceMappingURL=public.css.map */