@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 -->

/* ====================================================== */





/* ======================================================

   <!-- 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

 ---------------------------

 */





/*

 ---------------------------

 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: 80vh;

    overflow: hidden;

}



.bloc .wrapper .row {

    

  

    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: 80vh;

    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: 35%;

    transform: translateX(-50%);

    color: #fff;

    display: none;

}



.banner_img_box .banner_text_img_box .ind_banner_text_title {

    font-size: .62rem;

    font-weight: 700;

    line-height: 1.458;

    text-align: center;

}



.banner_img_box .banner_text_img_box .ind_banner_img_title {

    width: auto;

}





/*.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: #ffffff;

}



.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: #ffffff;

}



.banner_img_box .banner_text_img_box .ind_banner_name:hover>span {

    border: 0.05rem solid #ffffff;

}



.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: 80vh;

    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: #ffffff;

    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: #ffffff;

}



.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: 10.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("../images/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("../images/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: 8%;

    }

    .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: .25rem;

    }

    .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 */