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

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

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

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

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

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

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

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

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


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


select {
    max-width: 100%;
}

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

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

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

strong {
    font-weight: 600;
}

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

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

a img {
    border: none;
}

img {
    max-width: 100%;
}

iframe {
    border: none !important;
}

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

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

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

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

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

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

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

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

/*
 ---------------------------
 4. Text Effect
 ---------------------------
 */
.font-normal {
    font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", 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;
    }
}

html, body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 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;
}

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

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

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

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%;
}

.bloc .wrapper .row {
    background-color: #fff;
    overflow: hidden;
    height: 100vh;
}

.ind_body .bloc {
    overflow: hidden;
}

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

.ind_body .bloc .wrapper .row {
    position: absolute;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 3;
}

.ind_body .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);
}

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

@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-button-next.swiper-button-disabled, .ind_banner_box .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}

.pic_img .banner_img_box {
    background-size: cover;
    background-position: center;
}

.pic_img .banner_img_box .banner_text_img_box {
    color: #fff;
}

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

.banner_img_box.allwidth .banner_img {
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
}

.banner_img_box.allwidth .banner_img::before {
    display: none;
}

.banner_img_box:not(.nocircle) .banner_img {
    transform: translate(-55%, -50%);
}

.banner_img_box .banner_img {
    width: 40%;
    overflow: hidden;
    position: absolute;
    left: 70%;
    top: 60%;
    opacity: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-55%, -50%);
}

.banner_img_box .banner_img::before {
    content: '';
    display: block;
    margin-top: 87.87%;
}

.banner_img_box .banner_m {
    display: none;
}

.banner_img_box .banner_text_img_box {
    width: 70%;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    color: #3b4048;
    display: none;
    z-index: 1;
}

.banner_img_box .banner_text_img_box .ind_banner_text_title {
    font-size: .8rem;
    line-height: 1.15;
}

.banner_img_box .banner_text_img_box .ind_banner_text_title span {
    font-size: .4rem;
    font-family: 'f-Regular';
    font-style: italic;
}

.banner_img_box .banner_text_img_box .ind_banner_name {
    line-height: 2;
    font-size: 0;
}

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

.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;
}

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

.banner_img_box #myCanvas {
    display: none;
    transition: all 0.5s ease;
}

.banner_img_box #myCanvas.on {
    opacity: 0;
}

.ind_banner_box {
    background-size: cover;
}

.ind_banner_box .swiper-container .swiper-slide {
    opacity: 0 !important;
}

.ind_banner_box .swiper-container .swiper-slide.active {
    opacity: 1 !important;
    z-index: 6;
    pointer-events: all;
}

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

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

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

.ind_banner_box .active .banner_img_box .banner_img {
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: all 3s ease;
}

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

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

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.nav.pic_nav .logo_box img {
    opacity: 0;
}

.nav.pic_nav .logo_box img.logo_img_w {
    opacity: 1;
}

.nav.pic_nav .nav_btn > span {
    color: #fff;
}

.nav .logo_box {
    width: 8.125%;
    display: block;
    float: left;
    position: relative;
    pointer-events: auto;
}

.nav .logo_box img {
    display: block;
    width: 100%;
    transition: opacity .3s ease-in-out;
}

.nav .logo_box img.logo_img_w {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.nav .nav_btn {
    float: right;
    display: flex;
    align-items: center;
    pointer-events: auto;
}

.nav .nav_btn > span {
    text-transform: uppercase;
    color: #bbbcbc;
    font-size: 18px;
    margin-right: .85rem;
    height: .6rem;
    line-height: .6rem;
    font-family: 'jx';
}

.nav .nav_btn .btn_nav_open {
    display: block;
}

.nav_text_case {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    transition: all 0.5s ease;
    top: 0;
    left: 0;
    display: none;
    z-index: 99;
}

.nav_text_case.on {
    left: 0;
}

.nav_text_case .btn_nav_close {
    position: absolute;
    right: 4.4vw;
    top: 4.4vw;
    cursor: pointer;
    z-index: 5;
    color: #a3a9b2;
    transition: all 0.5s ease;
}

@media all and (min-width: 1024px) {
    .nav_text_case .btn_nav_close:hover {
        color: #85ccbe !important;
    }

    .nav_text_case .btn_nav_close.color_w {
        color: #fff !important;
    }
}

.nav_text_case .btn_nav_close i {
    font-size: .3rem;
    line-height: 1;
}

.nav_text_case > div {
    display: flex;
    height: 100%;
}

.nav_text_case > div > div {
    width: 20%;
    height: 100%;
    position: relative;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
}

.nav_text_case > div > div .nav_hove_img {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease;
    opacity: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    z-index: 0;
}

.nav_text_case > div > div .nav_text_name {
    margin-top: 25vh;
    font-size: .4rem;
    line-height: 1;
    font-weight: 700;
    color: #3b4048;
    transition: all 0.5s ease;
    position: relative;
}

.nav_text_case > div > div .nav_text_name_en {
    font-family: 'f-Light';
    line-height: 1;
    margin-top: .3rem;
    color: rgba(59, 64, 72, 0.3);
    transition: all 0.5s ease;
    font-size: .2rem;
    position: relative;
}

.nav_text_case > div > div ul {
    margin-top: 3.6vw;
    display: none;
    position: relative;
}

.nav_text_case > div > div ul li {
    display: block;
    line-height: 3.6;
    font-size: 18px;
}

.nav_text_case > div > div ul li a {
    color: #fff;
    position: relative;
    display: inline-block;
}

.nav_text_case > div > div ul li a::before {
    content: '';
    display: block;
    height: 1px;
    left: 0;
    width: 0;
    transition: all 0.5s ease;
    background-color: #fff;
    position: absolute;
    bottom: .05rem;
}

.nav_text_case > div > div ul li a:hover::before {
    width: 100%;
}

.nav_text_case > div > div .nav_text_num {
    position: absolute;
    bottom: 10vw;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to bottom, #f3f4f4, rgba(243, 244, 244, 0));
    -webkit-background-clip: text;
    color: transparent;
    font-size: 1.5rem;
    line-height: 1;
    font-family: 'f-Regular';
    transition: all 0.5s ease;
    pointer-events: none;
    z-index: -1;
}

.nav_text_case > div > div.on .nav_hove_img {
    opacity: 1;
}

.nav_text_case > div > div.on .nav_text_name,
.nav_text_case > div > div.on .nav_text_name_en {
    color: #fff;
}

.nav_text_case > div > div.on ul {
    display: block;
}

.nav_text_case > div > div.on .nav_text_num {
    opacity: 0;
    transform: translate(-50%, 100%);
}

@media all and (min-width: 1024px) {
    .nav_text_case > div > div:hover .nav_hove_img {
        opacity: 1;
    }

    .nav_text_case > div > div:hover .nav_text_name,
    .nav_text_case > div > div:hover .nav_text_name_en {
        color: #fff;
    }

    .nav_text_case > div > div:hover ul {
        display: block;
    }

    .nav_text_case > div > div:hover .nav_text_num {
        opacity: 0;
        transform: translate(-50%, 100%);
    }
}

.btn_nav_open {
    display: none;
    border-radius: 100%;
    width: .6rem;
    height: .6rem;
    background-color: #85ccbe;
    /* 浏览器不支持的时候显示 */
    background-image: repeating-linear-gradient(-45deg, #b9e0d8, #b9e0d8 12.5%, #85ccbe 50%, #b9e0d8 87.5%);
    position: fixed;
    top: 4.166vw;
    right: 4.17%;
    transition: all .5s ease;
    transform-origin: 79% 17%;
    cursor: pointer;
    box-shadow: 0 25px 50px rgba(133, 204, 190, 0.4);
}

.btn_nav_open > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;
    position: relative;
}

.btn_nav_open::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 100%;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
}

@media all and (min-width: 1025px) {
    .btn_nav_open.nav_h:hover {
        -webkit-animation: anim-moema-1 0.3s forwards;
        animation: anim-moema-1 0.3s forwards;
    }

    .btn_nav_open.nav_h:hover::before {
        -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
        animation: anim-moema-2 0.3s 0.3s forwards;
    }

    .btn_nav_open.on {
        transform: scale(50);
    }

    .btn_nav_open.on span {
        top: 50% !important;
        left: 50% !important;
        transform: translate(5%, -100%) scale(4.5);
        transition: all .5s ease .1s;
    }
}

.btn_nav_open span {
    display: block;
    width: 33.33%;
    height: 33.33%;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
}

.r_bottom_box {
    position: fixed;
    z-index: 8;
    right: 3.5%;
    bottom: 6%;
}

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

.r_bottom_box .nav-right .nav-sou {
    display: flex;
    position: absolute;
    top: 0;
    right: .05rem;
    border: none;
    transition: all .3s;
    z-index: 9;
}

.r_bottom_box .nav-right .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;
}

.r_bottom_box .nav-right .nav-sou button {
    background-color: transparent;
    border: 0;
    color: #aaacaf;
    cursor: pointer;
    float: left;
    transition: all 0.5s ease;
}

.r_bottom_box .nav-right .nav-sou button i {
    font-size: .28rem;
    line-height: 1.5;
    display: block;
}

@media all and (min-width: 1024px) {
    .r_bottom_box .nav-right .nav-sou button:hover {
        color: #85ccbe !important;
    }
}

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

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

.r_bottom_box .link_box {
    float: right;
    position: relative;
    padding: 0 .1rem;
    margin-left: .1rem;
}

.r_bottom_box .link_box .btn_link_icon {
    cursor: pointer;
    transition: all 0.5s ease;
}

.r_bottom_box .link_box i {
    display: block;
    font-size: .28rem;
    line-height: 1.5;
    color: #aaacaf;
    transition: all 0.5s ease;
}

.r_bottom_box .link_box .link_con_box {
    width: calc(100% + .2rem);
    background-color: #fff;
    position: absolute;
    bottom: 300%;
    left: -.1rem;
    border-radius: 60px;
    padding: .15rem 0;
    text-align: center;
    transition: all 0.5s ease;
    pointer-events: none;
    opacity: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.r_bottom_box .link_box .link_con_box::before {
    content: '';
    display: block;
    height: .4rem;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
}

.r_bottom_box .link_box .link_con_box::after {
    content: '';
    display: block;
    border-left: 0.08rem solid #fff;
    border-top: 0.1rem solid #fff;
    border-right: .08rem solid transparent;
    border-bottom: .1rem solid transparent;
    position: absolute;
    top: calc(100% - 3px);
    right: 50%;
    transform: translateX(50%);
    width: 0;
    height: 0;
}

.r_bottom_box .link_box .link_con_box a {
    display: block;
    cursor: pointer;
    position: relative;
}

.r_bottom_box .link_box .link_con_box a .code_box {
    transition: all 0.5s ease;
    right: 120%;
    background-color: #fff;
    border-radius: 8px;
    padding: .1rem;
    position: absolute;
    bottom: 0;
    width: 1.6rem;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.r_bottom_box .link_box .link_con_box a .code_box > div {
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.r_bottom_box .link_box .link_con_box a .code_box > div::before {
    content: '';
    display: block;
    margin-top: 100%;
}

.r_bottom_box .link_box .link_con_box a:hover i {
    color: #85ccbe;
    text-shadow: 0 5px 10px rgba(133, 204, 190, 0.4);
}

.r_bottom_box .link_box .link_con_box a:hover .code_box {
    right: calc(100% - 1px);
    opacity: 1;
    pointer-events: auto;
}

.r_bottom_box .link_box:hover {
    color: #85ccbe;
}

.r_bottom_box .link_box:hover .btn_link_icon {
    transform: rotate(45deg);
}

.r_bottom_box .link_box:hover .btn_link_icon i {
    color: #85ccbe !important;
}

.r_bottom_box .link_box:hover .link_con_box {
    bottom: calc(100% + .3rem);
    opacity: 1;
    pointer-events: auto;
}

.pub_go_back {
    position: fixed;
    z-index: 8;
    left: 3.5%;
    bottom: 6%;
    display: block;
    font-size: 0;
    cursor: pointer;
}

.pub_go_back i {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    width: 28px;
    height: 28px;
    color: #fff;
    background-color: rgba(59, 64, 72, 0.4);
    line-height: 28px;
    transition: all 0.5s ease;
    margin: 0 .1rem;
}

.pub_go_back span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: #60666f;
    font-size: 16px;
    transition: all 0.5s ease;
    font-family: 'jx_l';
}

.pub_go_back:hover i {
    background-color: #85ccbe;
}

.pub_go_back:hover span {
    color: #85ccbe;
}

.header_m {
    display: none;
}

.swiper-button-prev,
.swiper-button-next {
    background-image: none;
    color: #a3a9b2;
    transition: all 0.5s ease;
}

@media all and (min-width: 1024px) {
    .swiper-button-prev:hover,
    .swiper-button-next:hover {
        color: #85ccbe !important;
    }
}

.swiper-slide {
    position: relative;
}

.btn_m {
    display: none;
}

@keyframes dong1 {
    0% {
        transform: translate3d(0px, 0px, 0px) scale(1, 1);
    }
    49% {
        transform: translate3d(0px, 0px, 0px) scale(1, 0.8);
    }
    50% {
        transform: translate3d(0px, 0px, 0px) scale(0.8, 0.8);
    }
    99% {
        transform: translate3d(0px, 0px, 0px) scale(0.8, 1);
    }
    100% {
        transform: translate3d(0px, 0px, 0px) scale(1, 1);
    }
}

@keyframes quan {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.dot_me_box {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    mix-blend-mode: darken;
    transition: all .5s ease;
    pointer-events: none;
    opacity: 0;
}

.dot_me_box > div {
    position: absolute;
    width: 700px;
    height: 700px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all .5s ease;
}

.dot_me_box > div .dot_r {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.dot_me_box > div svg {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-origin: 50% 50%;
}

.dot_me_box > div svg .st0 {
    fill: #fff;
    display: none;
}

.dot_me_box > div svg .st1 {
    fill: #fff;
}

.dot_me_box > div svg path {
    transition: all .5s ease;
}

.dot_me_box > div.on {
    transform: translate(-50%, -50%) scale(1);
}

.dot_me_box.qie {
    background-color: rgba(0, 0, 0, 0);
    mix-blend-mode: normal;
    z-index: 0;
}

.dot_me_box.qie > div svg path {
    fill: #85ccbe;
}

.dot_me_box.down {
    background-color: rgba(0, 0, 0, 0);
    mix-blend-mode: normal;
}

.dot_me_box.down > div {
    position: fixed;
}

.dot_me_box.down > div svg path {
    fill: #85ccbe;
}

.ym_hint_box {
    position: fixed;
    z-index: 4;
    bottom: .5vw;
    left: 4.5vw;
}

.ym_hint_box .page_box {
    position: relative;
}

.ym_hint_box .page_box span {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #999ca0;
    cursor: pointer;
    transition: all 0.5s ease;
    border-radius: 100%;
    margin: .15rem auto;
    position: relative;
    opacity: 1;
}

.ym_hint_box .page_box span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: .3rem;
    height: .3rem;
    border: 2px solid #85ccbe;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
    opacity: 0;
}

.ym_hint_box .page_box span.swiper-pagination-bullet-active {
    cursor: auto;
    pointer-events: none;
    width: 4px;
    height: 4px;
    background-color: #85ccbe;
    margin: .3rem auto;
}

.ym_hint_box .page_box span.swiper-pagination-bullet-active::before {
    opacity: 1;
}

.ym_hint_box .cao_hint_box {
    padding-top: .2rem;
    position: relative;
}

.ym_hint_box .cao_hint_box > div {
    text-transform: uppercase;
    color: #3b4048;
    position: absolute;
    transform: rotate(90deg);
    transform-origin: 20% 29%;
    font-family: 'jx_l';
}

.ym_hint_box .cao_hint_box .hin_mo {
    width: 14px;
    height: 24px;
    border-radius: 10px;
    margin: .7rem auto .4rem;
    display: block;
    border: 2px solid #60666f;
    transition: all 0.5s ease;
}

.ym_hint_box .cao_hint_box .hin_mo span {
    display: block;
    width: 2px;
    height: 3px;
    border-radius: 10px;
    background-color: #85ccbe;
    margin: 6px auto 0;
    transition: all 0.5s ease;
}

.w_col .ym_hint_box .cao_hint_box > div {
    color: #fff;
}

.w_col .ym_hint_box .cao_hint_box .hin_mo {
    border: 2px solid white;
}

.w_col .ym_hint_box .cao_hint_box .hin_mo span {
    background-color: #fff;
}

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

.w_col .r_bottom_box .nav-right .nav-sou input {
    color: #fff;
}

.w_col .r_bottom_box .nav-right .nav-sou input::-webkit-input-placeholder {
    color: #fff;
}

.w_col .r_bottom_box .nav-right .nav-sou input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

.w_col .r_bottom_box .nav-right .nav-sou input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.w_col .r_bottom_box .nav-right .nav-sou input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.ind_body {
    overflow: hidden;
}

.ind_body .swiper-container {
    width: 100%;
    height: 100%;
}

.ind_body .pub_go_back {
    display: none;
}

.ind_body .foot_sha_box {
    display: none;
}

.ind_body > .dot_me_box {
    opacity: 0;
    z-index: 999;
    overflow: hidden;
}

.ind_body .banner_img_box .dot_me_box {
    opacity: 1;
    z-index: 0;
}

.ind_body .banner_img_box .dot_me_box.qie {
    opacity: 0;
}

.ind_body .ind_src2 .dot_me_box {
    opacity: 0;
    z-index: 0;
}

.ind_body .ind_banner_box.pic_img .ind_bottom_box .lb_pagination_box .swiper-pagination .swiper-pagination-bullet {
    color: white;
}

.ind_body .ind_banner_box.pic_img .ind_bottom_box .lb_pagination_box > span {
    color: rgba(255, 255, 255, 0.3);
}

.ind_body .ind_banner_box.pic_img .ind_bottom_box .lb_nav_box .swiper-button-prev::before {
    background-color: #fff;
}

.ind_body .ind_banner_box .swiper-pagination {
    bottom: 6vh;
    left: 3%;
    font-size: 0;
}

.ind_body .ind_banner_box .swiper-pagination span {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background-color: #999ca0;
    cursor: pointer;
    transition: all 0.5s ease;
    border-radius: 100%;
    margin: 0 .15rem;
    position: relative;
    opacity: 1;
}

.ind_body .ind_banner_box .swiper-pagination span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: .3rem;
    height: .3rem;
    border: 2px solid #85ccbe;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
    opacity: 0;
}

.ind_body .ind_banner_box .swiper-pagination span.swiper-pagination-bullet-active {
    cursor: auto;
    pointer-events: none;
    width: 4px;
    height: 4px;
    background-color: #85ccbe;
    margin: 0 .3rem;
}

.ind_body .ind_banner_box .swiper-pagination span.swiper-pagination-bullet-active::before {
    opacity: 1;
}

.ind_body .ind_banner_box .swiper-button-prev, .ind_body .ind_banner_box .swiper-button-next {
    line-height: 44px;
    text-align: center;
}

.ind_body .ind_banner_box .swiper-button-prev i, .ind_body .ind_banner_box .swiper-button-next i {
    font-size: .34rem;
}

.ind_body .ind_banner_box .swiper-button-prev {
    left: 4%;
}

.ind_body .ind_banner_box .swiper-button-next {
    right: 4%;
}

.ind_body .ind_banner_box .ind_bottom_box {
    position: absolute;
    top: 36%;
    right: 7.6%;
    width: 5.7vw;
}

.ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_pagination_box .swiper-pagination .swiper-pagination-bullet {
    color: #fff;
}

.ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_pagination_box > span {
    color: #fff;
}

.ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_nav_box .swiper-button-prev,
.ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_nav_box .swiper-button-next {
    color: #fff;
}

.ind_body .ind_banner_box .ind_bottom_box.pic_col .lb_nav_box .swiper-button-prev::before {
    background-color: #fff;
}

.ind_body .ind_banner_box .ind_bottom_box .lb_nav_box {
    line-height: 2;
    text-align: center;
}

.ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-prev,
.ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-next {
    width: 50%;
    position: relative;
    float: left;
    left: auto;
    top: auto;
    right: auto;
    margin: 0;
    height: auto;
    transition: all 0.5s ease;
}

.ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-prev i,
.ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-next i {
    font-size: .2rem;
}

.ind_body .ind_banner_box .ind_bottom_box .lb_nav_box .swiper-button-prev::before {
    content: '';
    display: block;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    background-color: #a3a9b2;
    position: absolute;
    height: 1.3em;
    transition: all 0.5s ease;
}

.ind_body .ind_banner_box .btn_d_video {
    left: auto;
    top: auto;
    right: 50%;
    bottom: 50%;
    z-index: 6;
    transform: translate(50%, 50%);
    cursor: pointer;
}

.ind_body .ind_banner_box .btn_d_video div {
    font-size: 16px;
    text-transform: uppercase;
}

.ind_body .ind_pro_box {
    display: none;
}

.ind_body .ind_src2 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.ind_body .ind_src2 > div {
    height: 100%;
    width: 100%;
    display: block !important;
}

.ind_body .ind_src2 > div .ind_pro_box {
    height: 100%;
    width: 100%;
    position: relative;
}

.ind_body .ind_src2 > div .ind_pro_box .swiper-pagination {
    right: calc(3.5% + .1rem);
    width: .3rem;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.ind_body .ind_src2 > div .ind_pro_box .swiper-pagination span {
    height: 2px;
    width: .15rem;
    margin: .3rem 0;
    margin-left: .15rem;
    display: block;
    background-color: #ccd1d8;
    transition: all 0.5s ease;
    border-radius: 0;
    opacity: 1;
}

.ind_body .ind_src2 > div .ind_pro_box .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #85ccbe;
    width: .3rem;
    margin-left: 0;
}

.ind_body .ind_src2 > div .ind_pro_box .swiper-container {
    width: 100%;
    height: 100%;
}

.ind_body .ind_src2 > div .ind_pro_box .swiper-container .btn_m {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.ind_body .ind_src2 > div .ind_pro_box .active {
    pointer-events: auto;
}

.ind_body .ind_src2 > div .ind_pro_box .active .pro_img_box {
    display: block;
}

.ind_body .ind_src2 > div .ind_pro_box .pro_img_box {
    top: 38%;
    transform: translateY(-50%);
    position: relative;
    display: none;
}

.ind_body .ind_src2 > div .ind_pro_box .pro_img_box .pro_img {
    width: 27.8%;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.ind_body .ind_src2 > div .ind_pro_box .pro_img_box .pro_img img {
    display: block;
    width: 100%;
}

.ind_body .ind_src2 > div .ind_pro_box .pro_ad {
    font-size: .38rem;
    line-height: 1.5;
    color: #3b4048;
    letter-spacing: .3em;
    text-indent: .3em;
    left: 15.1%;
    top: 50%;
    transition: all 0.5s ease;
    transform: translateY(-50%);
    position: absolute;
}

.ind_body .ind_src2 > div .ind_pro_box .btn_det_box {
    position: absolute;
    right: 16.4%;
    top: 50%;
    transform: translateY(-50%);
}

.ind_body .ind_src2 > div .ind_pro_box .btn_det_box > div {
    display: flex;
    align-items: center;
}

.ind_body .ind_src2 > div .ind_pro_box .btn_det_box span {
    font-size: .2rem;
    margin-right: .3rem;
    color: #3b4048;
    font-family: 'f-Regular';
}

.ind_body .ind_src2 > div .ind_pro_box .btn_det_box a {
    width: 1.08rem;
    height: 1.08rem;
    line-height: 1.08rem;
    text-align: center;
    transition: all 0.5s ease;
    color: #85ccbe;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 5px 10px 40px -5px rgba(0, 0, 0, 0.1);
}

.ind_body .ind_src2 > div .ind_pro_box .btn_det_box a i {
    font-size: .2rem;
}

@media all and (min-width: 1024px) {
    .ind_body .ind_src2 > div .ind_pro_box .btn_det_box a:hover {
        color: #fff !important;
        background-color: #85ccbe;
    }
}

.ind_body .ind_src2 > div .sho_tab_box {
    position: absolute;
    width: 62.5%;
    left: 18.75%;
    bottom: 6.5%;
    text-align: center;
}

.ind_body .ind_src2 > div .sho_tab_box .sho_case_box {
    padding-top: 5vw;
    overflow: hidden;
    pointer-events: none;
}

.ind_body .ind_src2 > div .sho_tab_box .sho_case_box.h_p {
    pointer-events: auto;
}

.ind_body .ind_src2 > div .sho_tab_box .sho_case_box .swiper-container {
    overflow: inherit;
}

.ind_body .ind_src2 > div .sho_tab_box .sho_case_box .swiper-container .swiper-slide {
    cursor: pointer;
}

.ind_body .ind_src2 > div .sho_tab_box .swiper-button-prev i,
.ind_body .ind_src2 > div .sho_tab_box .swiper-button-next i {
    font-size: .28rem;
    text-shadow: 5px 10px 5px rgba(0, 0, 0, 0.1);
}

.ind_body .ind_src2 > div .sho_tab_box .swiper-button-prev {
    left: 0;
    transform: translateX(-150%);
}

.ind_body .ind_src2 > div .sho_tab_box .swiper-button-next {
    right: 0;
    transform: translateX(150%);
}

.ind_body .ind_src2 > div .sho_tab_box .pro_nav_name {
    font-size: 16px;
    line-height: 1.5;
    margin-top: .1rem;
    color: #3b4048;
    transition: all 0.5s ease;
}

.ind_body .ind_src2 > div .sho_tab_box .pro_nav_img {
    width: 33%;
    margin: 0 auto;
}

.ind_body .ind_src2 > div .sho_tab_box .pro_nav_img img {
    display: block;
}

.ind_body .ind_src3 {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.ind_body .ind_src3 > div {
    width: 100%;
    height: 100%;
}

.ind_body .ind_src3 > div .ind_src3_sty {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    display: block;
    z-index: 2;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text {
    position: absolute;
    top: 56%;
    transform: translate3d(0, -50%, 0);
    text-align: center;
    width: 25.41vw;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    position: relative;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box > img {
    width: 138.5%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
    opacity: 0;
    max-width: none;
    mix-blend-mode: multiply;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_bor {
    border: 1px solid #e6f2f3;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 100%;
    transition: all 0.5s ease;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_bor::before {
    content: '';
    display: block;
    border: 1px solid rgba(230, 242, 243, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -10px;
    margin-left: -10px;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    animation: rotateQ 4s infinite ease;
    transform-origin: 52% 52%;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_bor::after {
    content: '';
    display: block;
    border: 1px solid rgba(230, 242, 243, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 10px;
    margin-left: 10px;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    animation: rotateQ 4s infinite ease 1s;
    transform-origin: 48% 48%;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_icon_t {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #85ccbe;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_icon_t i {
    font-size: .6rem;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_icon_t .ind_shadow {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .12rem;
    border-radius: 100%;
    background-color: #dadada;
    z-index: 0;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_name_en {
    font-family: 'f-Regular';
    font-size: .6rem;
    line-height: 1;
    margin-top: .7rem;
    color: #3b4048;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_name {
    color: #8f959f;
    font-size: .22rem;
    line-height: 1;
    margin-top: .22rem;
    transition: all 0.5s ease;
    letter-spacing: .15em;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .btn_src3_sty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8f959f;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-top: .6rem;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .btn_src3_sty span {
    text-transform: uppercase;
    font-size: 16px;
    margin-right: .15rem;
    transition: all 0.5s ease;
    opacity: 0;
    margin-left: calc(-45px - .15rem);
}

@media all and (min-width: 1025px) {
    .ind_body .ind_src3 > div .ind_src3_sty.on {
        z-index: 1;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_bg .ind_src3_img {
        opacity: .8;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .btn_src3_sty {
        color: #85ccbe;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .btn_src3_sty span {
        color: #85ccbe;
        opacity: 1;
        margin-left: 0;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_icon_box > img {
        opacity: .75;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_icon_box .ind_src3_bor {
        border: 1px solid transparent;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_icon_box .ind_src3_bor::before {
        opacity: 0;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_icon_box .ind_src3_bor::after {
        opacity: 0;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.on .ind_src3_text .ind_src3_name {
        font-weight: 700;
        color: #3b4048;
    }
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_bg {
    height: 100%;
    width: 100%;
}

.ind_body .ind_src3 > div .ind_src3_sty .ind_src3_bg .ind_src3_img {
    position: absolute;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 200%;
    opacity: 0;
    transition: all 0.5s ease;
    pointer-events: none;
}

.ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left {
    left: 0;
}

.ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left .ind_src3_bg .ind_src3_img {
    left: 0;
    background-position: left center;
}

.ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left .ind_src3_text {
    left: 15vw;
}

.ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right {
    right: 0;
}

.ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_bg .ind_src3_img {
    right: 0;
    background-position: right center;
}

.ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_text {
    right: 15vw;
}

.ind_body .ind_src4 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ind_body .ind_src4 > div {
    width: 100%;
    height: 100%;
    position: relative;
}

.ind_body .ind_src4 > div .ind_src4_p_img {
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 8.5%;
}

.ind_body .ind_src4 > div .ind_src4_p_img img {
    display: block;
    width: 100%;
}

.ind_body .ind_src4 > div .ind_con_box {
    position: absolute;
    width: 33.33%;
    top: 50%;
    transform: translateY(-50%);
    right: 8.33%;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_logo {
    width: 62.5%;
    margin-bottom: 7.8125vw;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_logo img {
    display: block;
    width: 100%;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div {
    padding: 3.6vw 0;
    border-bottom: 1px solid #d8d9da;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div:first-child {
    padding-top: 0;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div > div {
    padding: 0 .4rem;
    position: relative;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name {
    line-height: 1.5;
    font-size: .2rem;
    color: #3b4048;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name > div {
    display: flex;
    align-items: center;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name > div a {
    margin-left: .3rem;
    margin-top: 0;
    width: 1.4rem;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: .24rem;
    color: #d8dadd;
}

.ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_tel {
    line-height: 0.8;
    margin-top: .15rem;
    font-size: .5rem;
    color: #3b4048;
    font-family: 'jx';
}

.ind_body .footer_case {
    display: block;
}

.ind_body .ind_src5 > div {
    display: none;
}

.ind_body .ind_lb_box .row > div > div {
    display: none;
}

.ind_body .ind_lb_box .active .ind_pro_box {
    display: block;
}

.ind_body .ind_lb_box .active .row > div > div {
    display: block;
}

@media all and (min-width: 1025px) {
    .ind_body .ind_lb_box .active .swiper-button-next, .ind_body .ind_lb_box .active .swiper-button-prev {
        line-height: .5rem !important;
        height: .5rem;
        width: .4rem;
        margin-top: -.25rem;
    }
}

@keyframes rotateQ {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(359deg);
    }
}

section .footer_case {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 100vh;
}

.footer_case .ind_src5 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.footer_case .ind_src5 .foot_bg_box {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    top: 0;
}

.footer_case .ind_src5 .dot_me_box {
    opacity: 0;
    background-color: transparent;
    position: fixed;
    width: 100% !important;
}

.footer_case .ind_src5 .dot_me_box > div {
    transform: translate(-48%, -41%) scale(0.3);
    position: fixed;
    top: 0;
}

.footer_case .ind_src5 .dot_me_box > div svg path {
    fill: #85ccbe;
}

.footer_case .ind_src5 > div {
    width: 100%;
    height: 100%;
}

.footer_case .ind_src5 > div .footer {
    width: 100%;
    height: 100%;
    position: relative;
}

.footer_case .ind_src5 > div .footer .footer_con {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-top: .6rem;
    padding-left: 11.5625%;
    display: flex;
}

.footer_case .ind_src5 > div .footer .footer_con > div {
    width: 25%;
}

.footer_case .ind_src5 > div .footer .footer_con > div .f_nav_name_en {
    font-family: 'f-Regular';
    font-size: .5rem;
    line-height: 1;
    padding-left: 18px;
}

.footer_case .ind_src5 > div .footer .footer_con > div .f_nav_name {
    margin-top: .2rem;
    line-height: 1;
    font-size: .2rem;
    color: #8f959f;
    transition: all 0.5s ease;
    padding-left: 18px;
    font-weight: 700;
}

.footer_case .ind_src5 > div .footer .footer_con > div ul {
    display: block;
    font-size: 16px;
    line-height: 2.4375;
    margin-top: 2.08vw;
}

.footer_case .ind_src5 > div .footer .footer_con > div ul li {
    display: block;
}

.footer_case .ind_src5 > div .footer .footer_con > div ul li a {
    color: #919498;
    transition: all 0.5s ease;
    position: relative;
    padding-left: 18px;
}

.footer_case .ind_src5 > div .footer .footer_con > div ul li a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #85ccbe;
    opacity: 0;
    transition: all 0.5s ease;
}

@media all and (min-width: 1024px) {
    .footer_case .ind_src5 > div .footer .footer_con > div ul li a:hover {
        color: #85ccbe !important;
    }

    .footer_case .ind_src5 > div .footer .footer_con > div ul li a:hover::before {
        opacity: 1;
    }
}

@media all and (min-width: 1024px) {
    .footer_case .ind_src5 > div .footer .footer_con > div:hover .f_nav_name {
        color: #3b4048;
    }
}

.footer_case .ind_src5 > div .footer .copy_right {
    position: absolute;
    width: 100%;
    bottom: 6vh;
    left: calc(11.5625% + 18px);
    pointer-events: none;
    font-size: 12px;
    line-height: 1.8;
    color: #919498;
}

.footer_case .ind_src5 > div .footer .copy_right a {
    display: inline-block;
    pointer-events: auto;
    cursor: pointer;
    transition: all 0.5s ease;
}

.footer_case .ind_src5 > div .footer .copy_right a:hover {
    color: #85ccbe;
}

.footer_case .ind_src5 > div .footer .copy_right > a {
    color: #919498;
}

.footer_case .foot_sha_box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.7);
}

.footer_case .foot_sha_box.hls {
    opacity: 0;
}

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

.sha_statement_box .statement_con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 57.3%;
    padding: 3.6% 1px;
    background-color: #fff;
}

.sha_statement_box .statement_con .btn_s_close {
    position: absolute;
    right: .5rem;
    top: .5rem;
    cursor: pointer;
    color: #adafb0;
    transition: all 0.5s ease;
    z-index: 6;
}

.sha_statement_box .statement_con .btn_s_close:hover {
    color: #85ccbe;
}

.sha_statement_box .statement_con .statement_case {
    max-height: 80vh;
    overflow-y: auto;
    padding: 0 8.7%;
}

.sha_statement_box .statement_con .statement_case .statement_title {
    border-bottom: 3px solid #85ccbe;
    text-align: center;
    font-weight: 700;
    color: #3b4048;
    font-size: .4rem;
    line-height: 2.25;
    padding-bottom: .48rem;
    margin-bottom: .65rem;
}

.sha_statement_box .statement_con .statement_case .statement_info {
    font-size: 16px;
    font-weight: 700;
    color: #505357;
    line-height: 1.375;
    margin-bottom: .65rem;
}

.sha_statement_box .statement_con .statement_case .statement_det {
    font-size: 14px;
    color: #9da0a5;
    line-height: 1.857;
    position: relative;
    padding-left: 8.8%;
    margin-bottom: .55rem;
}

.sha_statement_box .statement_con .statement_case .statement_det:last-child {
    margin-bottom: 0;
}

.sha_statement_box .statement_con .statement_case .statement_det::before {
    content: attr(data-text);
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    line-height: .7;
    font-size: .34rem;
    color: #e0e2e6;
    font-family: 'f-Regular';
}

.sha_statement_box .statement_con .statement_case .statement_det div {
    font-weight: 700;
    color: #505357;
    margin-top: .55rem;
    padding-bottom: .2rem;
}

.swiper-slide .sha_statement_box {
    display: none !important;
}

.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 > div {
    background-size: cover;
    background-position: center;
    display: none;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
}

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

.ind_src2 .ind_show_box > div > div {
    position: relative;
    top: 28%;
}

.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: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);
}

.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_src3 {
    display: block;
}

.row.part.on > .ind_src5 > div {
    display: block;
}

.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;
}

.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;
}

.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;
}

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

.ind_src3 .ind_new_case .ind_new_con .new_img_box .new_img_hover {
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease;
    opacity: 0;
}

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

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

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

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

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

.ind_src4 {
    height: 100%;
    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;
}

.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;
}

.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;
}

.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-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 - (3 * .36rem)) / 2) 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;
}

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

#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;
}

.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) 3.5s 1 forwards;
}

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

.loading_case .sha_case .sha_logo div:first-child {
    position: relative;
}

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

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

.loading_case .sha_case .sha_name {
    font-family: 'BrownStd-Regular';
    font-size: .2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 1.75rem;
    text-align: center;
}

.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 4s 1 forwards;
    overflow: hidden;
}

.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 6s 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 opOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.pub_con_box {
    background-color: #fff;
    z-index: 6;
    pointer-events: auto;
    min-height: 100vh;
}

.wrapper {
    z-index: 1;
    overflow: hidden;
}

.wrapper.cnone {
    pointer-events: none;
}

.sty1_width {
    margin: 0 auto;
    min-height: 100vh;
}

.sty1_width .sty_left {
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    width: 28.75%;
    height: 100vh;
    background-position: center;
    background-size: cover;
}

.sty1_width .sty_right {
    float: right;
    padding-bottom: .5rem;
}

.title_info_box {
    position: absolute;
    top: 50%;
    left: 8.85vw;
    transform: translateY(-50%);
}

.title_info_box .pub_title {
    line-height: 1;
    font-size: .7rem;
    font-weight: 700;
    text-shadow: 0 20px 12px rgba(0, 0, 0, 0.1);
    color: #3b4048;
    white-space: nowrap;
}

.title_info_box .pub_title_en {
    font-family: 'f-Regular';
    font-size: .26rem;
    margin-top: 2.4vw;
    white-space: nowrap;
}

.title_info_box .pub_plan_hint_box {
    margin-top: 4.95vw;
    display: flex;
    align-items: center;
}

.title_info_box .pub_plan_hint_box .pub_plan_box {
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    position: relative;
    color: #818790;
    margin-right: .2rem;
}

.title_info_box .pub_plan_hint_box .pub_plan_box svg {
    width: 100%;
}

.title_info_box .pub_plan_hint_box .pub_plan_box svg .huan_bg {
    stroke: #041123;
    opacity: .2;
}

.title_info_box .pub_plan_hint_box .pub_plan_box svg .my-svg-path {
    stroke-dasharray: 250, 250;
    stroke-dashoffset: -251;
    transition-property: stroke-dashoffset, stroke;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
    transform: rotateZ(90deg);
    transform-origin: 50% 50%;
    stroke: #85ccbe;
}

.title_info_box .pub_plan_hint_box .pub_plan_box i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sty2_width {
    margin: 0 auto;
    width: 72%;
    padding: 8.33vw 0 5vw;
}

.sty2_width > div {
    padding-bottom: 6.8vw;
}

.sty2_width > div:last-child {
    padding-bottom: 0 !important;
}

.news_body .new_sha_box {
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-size: auto 100%;
    background-repeat: repeat-x;
    transition: all 0.5s ease;
}

.news_body .sty1_width .sty_left {
    width: 40.625%;
    padding-right: 30px;
}

.news_body .sty1_width .sty_right {
    width: 47.135%;
    padding-top: calc(4.166vw + .6rem + 20px);
    margin-right: 11.98%;
}

.news_body .sty1_width .sty_right .sty_con > div {
    width: 43.75%;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det {
    display: block;
    position: relative;
    margin-bottom: 4.5vw;
    transition: all 0.5s ease;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det:hover .new_sha_box {
    opacity: 0;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_btn_more_m {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    left: 0;
    top: 0;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_img_box {
    overflow: hidden;
    position: relative;
    margin-bottom: 2.4vw;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_img_box > img {
    width: 100%;
    display: block;
    opacity: 0;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_img_box > div {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: all 0.5s ease;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_title {
    font-size: .22rem;
    font-weight: 700;
    line-height: 1.23;
    color: #3b4048;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 2.4vw;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_bottom {
    display: flex;
    align-items: center;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_bottom > span {
    transition: all 0.5s ease;
    width: 50%;
    font-size: .18rem;
    font-family: 'f-Regular';
    cursor: pointer;
    color: #9fa2a8;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_bottom > span:hover {
    color: #85ccbe;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_bottom > div {
    color: #9fa2a8;
    width: 50%;
    font-size: .14rem;
    text-align: right;
}

.news_body .sty1_width .sty_right .sty_con > div .news_det .news_num {
    font-size: 3rem;
    line-height: .65;
    position: absolute;
    bottom: -.1rem;
    z-index: 0;
    color: #3b4048;
    opacity: .05;
    font-family: 'f-Regular';
    pointer-events: none;
}

.news_body .sty1_width .sty_right .sty_con > div:first-child {
    float: left;
}

.news_body .sty1_width .sty_right .sty_con > div:first-child .news_det .news_num {
    transform: translateX(-0.95rem);
    left: 0;
}

.news_body .sty1_width .sty_right .sty_con > div:first-child .news_det:nth-child(even) {
    width: 68%;
}

.news_body .sty1_width .sty_right .sty_con > div:first-child .news_det:nth-child(even) .news_num {
    font-size: 2rem;
    transform: translateX(-0.65rem);
}

.news_body .sty1_width .sty_right .sty_con > div:last-child {
    float: right;
    margin-top: 13vw;
}

.news_body .sty1_width .sty_right .sty_con > div:last-child .news_det .news_num {
    transform: translateX(0.95rem);
    right: 0;
}

.news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:nth-child(odd) {
    width: 68%;
}

.news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:nth-child(odd) .news_num {
    font-size: 2rem;
    transform: translateX(0.65rem);
}

.news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:first-child .news_num {
    bottom: auto;
    top: .3rem;
}

.news_d_body .sty_right {
    width: 41.66%;
    padding-top: calc(4.166vw + .6rem + 40px);
    margin-right: 17.55%;
}

.news_d_body .sty_right .news_d_title_case {
    border-bottom: 1px solid #ebf0ef;
    padding-bottom: .6rem;
}

.news_d_body .sty_right .news_d_title_case .news_d_title {
    font-size: .3rem;
    line-height: 1.5;
    font-weight: 700;
    color: #3b4048;
}

.news_d_body .sty_right .news_d_title_case .news_d_time {
    margin-top: .25rem;
    font-size: .22rem;
    line-height: 1;
    color: #9fa2a8;
}

.news_d_body .sty_right .news_d_con_box {
    padding-bottom: .6rem;
    font-size: 14px;
    line-height: 2;
    color: #707781;
    text-align: justify;
    margin-top: .5rem;
}

.news_d_body .sty_right .news_d_con_box img {
    max-width: 100%;
    height: auto !important;
    text-align: center;
}

.news_d_body .sty_right .news_d_con_box > * {
    font-size: 14px;
    line-height: 2;
    color: #707781;
    text-align: justify;
    margin: .3rem 0;
}

.news_d_body .sty_right .news_d_con_box > .det_img_s {
    font-size: 0;
    margin: 0;
}

.news_d_body .sty_right .news_nav_box {
    position: fixed;
    right: 4.17%;
    top: 50%;
    transform: translate3d(50%, -50%, 0) rotate(90deg);
    transform-origin: 50% 0;
    display: flex;
    align-items: center;
}

.news_d_body .sty_right .news_nav_box a {
    margin: 0 .2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.5s ease;
    color: #8f959f;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
}

.news_d_body .sty_right .news_nav_box a i {
    margin: 0 .1rem;
}

.news_d_body .sty_right .news_nav_box a.hide {
    opacity: 0 !important;
    pointer-events: none;
}

@media all and (min-width: 1025px) {
    .news_d_body .sty_right .news_nav_box a:hover {
        color: #85ccbe;
    }
}

.serve_body .sha_top {
    content: '';
    display: block;
    background-color: #fff;
    width: 64vw;
    height: calc(4.166vw + 6.25vw);
    right: 0;
    top: 0;
    position: fixed;
    z-index: 4;
    pointer-events: none;
}

.serve_body .sty_right {
    width: 51.5625%;
    padding-top: calc(4.166vw + .6rem + 6.25vw);
    margin-right: 12.5%;
}

.serve_body .sty_right .qa_case {
    border: 1px solid;
    border-color: transparent;
    transition: all 0.5s ease;
    position: relative;
    padding: 5px .3rem;
    margin-bottom: .35rem;
}

.serve_body .sty_right .qa_case .qa_left_top, .serve_body .sty_right .qa_case .qa_right_bottom {
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
}

.serve_body .sty_right .qa_case .qa_left_top::before, .serve_body .sty_right .qa_case .qa_left_top::after, .serve_body .sty_right .qa_case .qa_right_bottom::before, .serve_body .sty_right .qa_case .qa_right_bottom::after {
    content: '';
    position: absolute;
    display: block;
    transition: all 0.5s ease;
    background-color: #85ccbe;
}

.serve_body .sty_right .qa_case .qa_left_top::before, .serve_body .sty_right .qa_case .qa_right_bottom::before {
    width: 0;
    height: 5px;
}

.serve_body .sty_right .qa_case .qa_left_top::after, .serve_body .sty_right .qa_case .qa_right_bottom::after {
    width: 5px;
    height: 0;
}

.serve_body .sty_right .qa_case .qa_left_top {
    left: 0;
    top: 0;
}

.serve_body .sty_right .qa_case .qa_left_top::before, .serve_body .sty_right .qa_case .qa_left_top::after {
    left: 0;
    top: 0;
}

.serve_body .sty_right .qa_case .qa_right_bottom {
    right: 0;
    bottom: 0;
}

.serve_body .sty_right .qa_case .qa_right_bottom::before, .serve_body .sty_right .qa_case .qa_right_bottom::after {
    right: 0;
    bottom: 0;
}

.serve_body .sty_right .qa_case .con_q_box {
    display: none;
}

.serve_body .sty_right .qa_case.on {
    border-color: #e6e8eb;
}

.serve_body .sty_right .qa_case.on .qa_left_top::before, .serve_body .sty_right .qa_case.on .qa_right_bottom::before {
    width: .3rem;
}

.serve_body .sty_right .qa_case.on .qa_left_top::after, .serve_body .sty_right .qa_case.on .qa_right_bottom::after {
    height: .3rem;
}

.serve_body .sty_right .qa_case.on .con_q_box {
    display: block;
}

.serve_body .sty_right .qa_case.on .qa_box > div.btn_q_title::after {
    width: 100%;
}

.serve_body .sty_right .qa_case.on .qa_box > div.btn_q_title .q_icon_box {
    transform: translate3d(0, -50%, 0) rotate(90deg);
}

@media all and (min-width: 1025px) {
    .serve_body .sty_right .qa_case:hover .qa_box > div.btn_q_title::after {
        width: 100%;
    }

    .serve_body .sty_right .qa_case:hover .qa_box > div.btn_q_title .q_icon_box {
        transform: translate3d(0, -50%, 0) rotate(90deg);
    }
}

.serve_body .sty_right .qa_case .qa_box > div {
    cursor: pointer;
    position: relative;
    font-size: 0;
}

.serve_body .sty_right .qa_case .qa_box > div.btn_q_title {
    padding: .3rem 0;
    border-bottom: 2px solid #e6e8eb;
}

.serve_body .sty_right .qa_case .qa_box > div.btn_q_title::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: #85ccbe;
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: all 0.5s ease;
}

.serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div {
    color: #3b4048;
}

.serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:first-child {
    color: #fff;
    position: relative;
    line-height: 1;
}

.serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:first-child i {
    font-size: 36px;
    color: #85ccbe;
}

.serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:first-child span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:nth-child(2) {
    font-size: 16px;
    min-height: 36px;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: .35rem;
    text-align: justify;
}

.serve_body .sty_right .qa_case .qa_box > div.btn_q_title .q_icon_box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    line-height: 1;
    color: #dcdedf;
    transition: all 0.5s ease;
}

.serve_body .sty_right .qa_case .qa_box > div.con_q_box {
    padding: .33rem 0;
}

.serve_body .sty_right .qa_case .qa_box > div.con_q_box > div {
    color: #707781;
}

.serve_body .sty_right .qa_case .qa_box > div.con_q_box > div:first-child {
    color: #85ccbe;
    line-height: 2;
}

.serve_body .sty_right .qa_case .qa_box > div.con_q_box > div:nth-child(2) {
    font-size: 14px;
    line-height: 2;
    text-align: justify;
}

.serve_body .sty_right .qa_case .qa_box > div > div {
    display: inline-block;
    vertical-align: top;
}

.serve_body .sty_right .qa_case .qa_box > div > div:first-child {
    width: 36px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

.serve_body .sty_right .qa_case .qa_box > div > div:nth-child(2) {
    width: calc(100% - 36px);
    padding-left: .3rem;
}

.serve_body .sty_right .down_con .dow_search_box {
    background-color: #f7f7f7;
    margin-bottom: 5vw;
    display: flex;
}

.serve_body .sty_right .down_con .dow_search_box input {
    padding: .2rem .4rem;
    background-color: transparent;
    line-height: .4rem;
    font-size: 16px;
    width: calc(100% - .8rem);
    outline: none;
}

.serve_body .sty_right .down_con .dow_search_box button {
    display: block;
    text-align: center;
    min-width: .8rem;
    cursor: pointer;
    background-color: #85ccbe;
    line-height: .8rem;
    outline: none;
}

.serve_body .sty_right .down_con .dow_search_box button i {
    font-size: .24rem;
    color: #fff;
}

.serve_body .sty_right .down_con .down_con_box > div {
    float: left;
    width: calc((100% - .25rem) / 2);
    margin-right: .25rem;
    border-bottom: 1px solid;
    border-color: #e6e8eb;
    margin-bottom: .4rem;
    display: flex;
    padding-left: .3rem;
    position: relative;
    transition: all 0.5s ease;
}

.serve_body .sty_right .down_con .down_con_box > div::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: all 0.5s ease;
    background-color: #85ccbe;
    border-radius: 100%;
    height: .1rem;
    width: .1rem;
}

.serve_body .sty_right .down_con .down_con_box > div:nth-child(2n) {
    margin-right: 0;
}

.serve_body .sty_right .down_con .down_con_box > div .dow_con_title {
    font-size: 16px;
    color: #3b4048;
    padding: .3rem .3rem .3rem 0;
    line-height: .4rem;
    width: calc(100% - .8rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s ease;
}

.serve_body .sty_right .down_con .down_con_box > div a {
    line-height: 1rem;
    text-align: center;
    position: relative;
    min-width: .85rem;
    color: #85ccbe;
    font-size: .2rem;
    cursor: pointer;
    transition: all 0.5s ease;
}

.serve_body .sty_right .down_con .down_con_box > div a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    height: 1em;
    width: 1px;
    background-color: #e6e8eb;
    transition: all 0.5s ease;
}

.serve_body .sty_right .down_con .down_con_box > div a i {
    font-size: .2rem;
}

@media all and (min-width: 1025px) {
    .serve_body .sty_right .down_con .down_con_box > div:hover {
        border-color: transparent;
        box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.2);
    }

    .serve_body .sty_right .down_con .down_con_box > div:hover::before {
        opacity: 0;
    }

    .serve_body .sty_right .down_con .down_con_box > div:hover .dow_con_title {
        padding-left: .1rem;
    }

    .serve_body .sty_right .down_con .down_con_box > div:hover a {
        background-color: #85ccbe;
        color: #fff;
    }

    .serve_body .sty_right .down_con .down_con_box > div:hover a::before {
        opacity: 0;
    }
}

@media all and (max-width: 1024px) {
    .serve_body .sty_right .down_con .down_con_box > div a {
        background-color: #85ccbe;
        color: #fff;
    }

    .serve_body .sty_right .down_con .down_con_box > div a::before {
        opacity: 0;
    }
}

.serve_body .sty_right .upk_con {
    color: #3b4048;
}

.serve_body .sty_right .upk_con > div {
    display: none;
}

.serve_body .sty_right .upk_con > div:first-child {
    display: block;
}

.serve_body .sty_right .upk_con .upk_title {
    font-size: .4rem;
    line-height: 1;
    margin-bottom: 4.16vw;
}

.serve_body .sty_right .upk_con .upk_step_name {
    padding: .35rem 0;
    line-height: 1.5;
    border-bottom: 1px solid #e6e8eb;
    font-size: 20px;
}

.serve_body .sty_right .upk_con .upk_con_mess {
    margin-bottom: 5px;
    font-size: 14px;
    color: #707781;
    line-height: 1.857;
    padding: .3rem 0;
    text-align: justify;
}

.upk_body .sty_left {
    width: 29%;
}

.upk_body .sty_left::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.upk_body .sty_left .title_info_box {
    width: 58.54%;
}

.upk_body .sty_left .upk_tab_nav {
    font-size: .2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
}

.upk_body .sty_left .upk_tab_nav > div {
    padding: 2.6vw 0;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease;
}

.upk_body .sty_left .upk_tab_nav > div::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: all 0.5s ease;
    background-color: #85ccbe;
    border-radius: 100%;
    height: .1rem;
    width: .1rem;
    opacity: 0;
}

.upk_body .sty_left .upk_tab_nav > div::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
    background-color: #85ccbe;
    height: 1px;
    width: 0;
}

.upk_body .sty_left .upk_tab_nav > div:hover, .upk_body .sty_left .upk_tab_nav > div.on {
    padding-left: .4rem;
    color: #85ccbe;
}

.upk_body .sty_left .upk_tab_nav > div:hover::before, .upk_body .sty_left .upk_tab_nav > div.on::before {
    opacity: 1;
}

.upk_body .sty_left .upk_tab_nav > div:hover::after, .upk_body .sty_left .upk_tab_nav > div.on::after {
    width: 100%;
}

@keyframes landmarkA {
    1% {
        transform: scale(1);
        transform-origin: 50% 100%;
    }
    50% {
        transform: scale(0.7);
        transform-origin: 50% 100%;
    }
    100% {
        transform: scale(1);
        transform-origin: 50% 100%;
    }
}

.brand_body {
    overflow-y: scroll;
    margin-right: -15px;
}

.brand_body .pro_d_hint {
    position: fixed;
    color: #3b4048;
    bottom: 4vh;
    font-size: 0;
    z-index: 4;
    margin-left: 15%;
}

.brand_body .pro_d_hint div, .brand_body .pro_d_hint i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .1rem;
}

.brand_body .btn_skip {
    position: fixed;
    top: 18vh;
    right: 16.66vw;
    font-size: 16px;
    color: #60666f;
    line-height: 28px;
    transition: all 0.5s ease;
    cursor: pointer;
    z-index: 8;
    display: none;
}

.brand_body .btn_skip i {
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin-right: .2rem;
    border-radius: 100px;
    width: 28px;
    height: 28px;
    background-color: #b1b3b6;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s ease;
}

.brand_body .btn_skip:hover {
    color: #85ccbe;
}

.brand_body .btn_skip:hover i {
    background-color: #85ccbe;
}

.brand_body::-webkit-scrollbar {
    display: none;
}

.brand_body .bloc {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}

.brand_body .bra_con_box .swiper-slide {
    width: auto;
    background-color: #fff;
}

.brand_body .bra_con_box .width_w {
    position: relative;
}

.brand_body .bra_con_box .bra_title {
    margin-left: -1em;
    font-size: .8rem;
    color: #3b4048;
    line-height: 1.5;
    position: absolute;
    left: 0;
    opacity: 0;
}

.brand_body .bra_con_box .bra_title.a_on {
    opacity: 1;
}

.brand_body .bra_con_box .bra_title .bra_title_name {
    font-weight: 700;
    font-size: .7rem;
    text-shadow: 0 0.3em 10px rgba(0, 0, 0, 0.2);
    letter-spacing: .3em;
}

.brand_body .bra_con_box .bra_title .bra_title_name_en {
    text-transform: uppercase;
    font-size: .26rem;
    font-family: 'f-Regular';
    text-shadow: 0 0.3em 10px rgba(0, 0, 0, 0.2);
}

.brand_body .bra_con_box .bra_title.title_top {
    top: 21.29%;
}

.brand_body .bra_con_box .bra_title.title_bottom {
    bottom: 22%;
}

.brand_body .bra_con_box .bra_src1_img {
    width: 129.63vh;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.brand_body .bra_con_box .bra_src1_img img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.brand_body .bra_con_box .bra_src1_text {
    width: 98.148vh;
    height: 100vh;
    position: relative;
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box {
    position: absolute;
    top: 50%;
    left: 7.5%;
    width: 75.47%;
    transform: translate3d(0, -50%, 0);
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess {
    font-size: 0;
    margin-bottom: 9.26vh;
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    width: 31.25%;
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div {
    line-height: 1.5;
    color: #707781;
    font-size: 14px;
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child {
    margin-bottom: .2rem;
    color: #3b4048;
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child p {
    display: initial;
    margin: 0;
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child span, .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child p {
    font-size: .5rem;
    line-height: .7;
    font-family: 'f-Regular';
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child i {
    font-style: normal;
    margin-top: -.5em;
    font-size: .3rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_info {
    font-size: 16px;
    line-height: 2;
    color: #707781;
    text-align: justify;
}

.brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_info p {
    margin: 0;
    white-space: normal;
}

.brand_body .bra_con_box .bra_src2_img {
    width: 71.3vh;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.brand_body .bra_con_box .bra_src2_img img {
    position: absolute;
    min-width: 100vh;
    max-width: none;
    height: 100%;
    margin-left: -125%;
    left: 50%;
    top: 0;
}

.brand_body .bra_con_box .bra_src3_img {
    height: 100vh;
    padding: 1px;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box {
    margin-left: 26.56vw;
    margin-top: 56.48vh;
    position: relative;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box .bra_line {
    position: absolute;
    background-color: #85ccbe;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    transition: all 0.5s ease;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div {
    white-space: nowrap;
    font-size: 0;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div {
    width: 410px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background-color: #efefef;
    position: relative;
    color: #3b4048;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_img_box {
    margin-left: .25rem;
    display: block;
    width: 71.5%;
    position: absolute;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_img_box img {
    display: block;
    width: 100%;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div.on::before {
    background-color: #85ccbe;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div.on::after {
    border: 1px solid #85ccbe;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div.on .bra_cou_name > div::before {
    background-color: #85ccbe;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div::before {
    content: '';
    display: block;
    position: absolute;
    width: .16rem;
    height: .16rem;
    border-radius: 100%;
    left: 0;
    top: 50%;
    margin-left: -.08rem;
    margin-top: -.08rem;
    background-color: #efefef;
    transition: all 0.5s ease;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div::after {
    content: '';
    display: block;
    position: absolute;
    width: .32rem;
    height: .32rem;
    border-radius: 100%;
    left: 0;
    top: 50%;
    margin-left: -.17rem;
    margin-top: -.17rem;
    background-color: transparent;
    border: 1px solid #efefef;
    transition: all 0.5s ease;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_time {
    font-size: .32rem;
    line-height: .7;
    padding: .5rem 0 .5rem .25rem;
    position: absolute;
    left: 0;
    transform: translate3d(-50%, 0, 0);
    font-family: 'f-Regular';
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name {
    line-height: 1.6875;
    font-size: 16px;
    color: #707781;
    text-align: justify;
    margin: .45rem 0;
    position: absolute;
    left: 0;
    width: 100%;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div {
    width: 90%;
    padding-left: .25rem;
    white-space: normal;
    margin-bottom: .25rem;
    position: relative;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div::before {
    content: '';
    display: block;
    border-radius: 50%;
    transition: all 0.5s ease;
    width: .1rem;
    height: .1rem;
    border: 0.1rem solid #fff;
    background-color: #efefef;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -.15rem;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(odd) .bra_cou_time {
    bottom: 100%;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(odd) .bra_img_box {
    bottom: calc(100% + 1rem);
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(odd) .bra_cou_name {
    top: 100%;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(even) .bra_cou_time {
    top: 100%;
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(even) .bra_img_box {
    top: calc(100% + 1rem);
}

.brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:nth-child(even) .bra_cou_name {
    bottom: 100%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box {
    margin-left: 16.146vw;
    position: relative;
    width: 99.7vh;
    height: 100vh;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 0;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box > img {
    display: block;
    width: 100%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box img {
    position: absolute;
    display: block;
    animation: landmarkA 1.5s ease infinite;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box img:nth-child(even) {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_001 {
    width: 2.8%;
    left: 73.4%;
    top: 27%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_002 {
    width: 2%;
    left: 58%;
    top: 37.7%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_003 {
    width: 1.4%;
    left: 70.8%;
    top: 35.1%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_004 {
    width: 1.4%;
    left: 81.3%;
    top: 37.5%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_005 {
    width: 1.4%;
    left: 74.6%;
    top: 41.35%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_006 {
    width: 1.2%;
    left: 78%;
    top: 40.3%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_007 {
    width: 1.3%;
    left: 78.3%;
    top: 45%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_008 {
    width: 1.4%;
    left: 75.2%;
    top: 48.3%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_009 {
    width: 1.7%;
    left: 82.65%;
    top: 49%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_010 {
    width: 1.7%;
    left: 76.55%;
    top: 53.1%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_011 {
    width: 1.7%;
    left: 82%;
    top: 57.5%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_012 {
    width: 1.7%;
    left: 86%;
    top: 72.6%;
}

.brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box .bra_mark_box .bra_mar_013 {
    width: 1.8%;
    left: 94.1%;
    top: 84.1%;
}

.brand_body .bra_con_box .bra_src3_img .bra_honor_box {
    white-space: nowrap;
    font-size: 0;
    padding-left: 250px;
    height: 100vh;
    padding-right: 9.25vh;
}

.brand_body .bra_con_box .bra_src3_img .bra_honor_box > div {
    display: inline-block;
    vertical-align: top;
    width: 18.75vw;
}

@media all and (min-width: 1025px) {
    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div:first-child {
        height: 100vh;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div:first-child .bra_hon_info {
        margin-top: 50vh;
        transform: translateY(-50%);
    }
}

.brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info {
    text-align: center;
    color: #3b4048;
    margin: 9vh auto;
}

.brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info > div > img {
    display: block;
    max-width: 100%;
    max-height: 24.5vh;
    margin: 0 auto;
}

.brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_time {
    font-size: .28rem;
    line-height: 1;
    margin-top: .3rem;
    font-family: 'f-Regular';
}

.brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_time span {
    font-size: 14px;
    font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", sans-serif;
}

.brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_name {
    line-height: 1.5;
    font-size: 16px;
    font-weight: 700;
    margin-top: .15rem;
    white-space: initial;
    height: 24px;
    padding: 0 5px;
}

.brand_body .bra_con_box .bra_alt_box .bra_src1_text {
    width: 101.85vh;
}

.brand_body .bra_con_box .bra_alt_box .bra_src1_text .bra_src1_text_box {
    width: 58.18%;
    left: 10.18%;
}

.brand_body .bra_con_box .bra_alt_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div:nth-child(2) {
    text-align: center;
}

.brand_body .bra_con_box .bra_alt_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div:nth-child(3) {
    text-align: right;
}

.brand_body .bra_con_box .bra_src_box {
    position: relative;
}

.brand_body .bra_con_box .bra_src_box .bra_title::before {
    content: '';
    bottom: 120%;
    left: 50%;
    width: 1px;
    height: 30vh;
    position: absolute;
    transform: rotate(30deg);
    background-color: #e0e6e5;
    transform-origin: 100% 100%;
}

.brand_body .bra_con_box .bra_src_box .bra_title::after {
    content: '';
    top: 120%;
    left: 30%;
    width: 1px;
    height: 60vh;
    position: absolute;
    transform: rotate(30deg);
    background-color: #e0e6e5;
    transform-origin: 0 0;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box {
    width: 85vw;
    height: 100vh;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab {
    text-align: right;
    margin-right: 13.8%;
    font-size: 0;
    padding-top: 25vh;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div {
    display: inline-block;
    vertical-align: middle;
    width: 1.55rem;
    text-align: center;
    line-height: 1;
    cursor: pointer;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:first-child > span::before {
    display: none;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:last-child > span::after {
    display: none;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div.on {
    cursor: auto;
    pointer-events: none;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:hover .bra_ad_name, .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div.on .bra_ad_name {
    color: #85ccbe;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:hover .bra_ad_time, .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div.on .bra_ad_time {
    color: #85ccbe;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div:hover > span > span, .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div.on > span > span {
    background-color: #85ccbe;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div .bra_ad_name {
    font-size: 18px;
    font-weight: 700;
    color: #3b4048;
    transition: all 0.5s ease;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div .bra_ad_time {
    transition: all 0.5s ease;
    font-size: 14px;
    color: #60666f;
    font-family: 'f-Regular';
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span {
    display: block;
    margin-top: .15rem;
    margin-bottom: .11rem;
    position: relative;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span > span {
    border-radius: 100%;
    background-color: #efefef;
    width: .1rem;
    height: .1rem;
    display: block;
    margin: 0 auto;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span::after, .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span::before {
    content: '';
    height: 1px;
    background-color: #efefef;
    width: calc(50% - .1rem);
    position: absolute;
    top: 50%;
    margin-top: -.5px;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span::after {
    right: 0;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div > span::before {
    left: 0;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case {
    margin-top: 12vh;
    margin-right: 13.8%;
    position: absolute;
    bottom: 0;
    width: 86.2%;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div {
    display: none;
    font-size: 0;
    margin-left: 6.5%;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div:first-child {
    display: block;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div > img {
    display: inline-block;
    vertical-align: middle;
    width: 34%;
    position: relative;
    z-index: 1;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box {
    display: inline-block;
    vertical-align: middle;
    width: 39%;
    margin-left: 10%;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box {
    position: relative;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_d {
    font-size: 3rem;
    line-height: .7;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(-44.5%, -50%, 0);
    color: rgba(230, 235, 236, 0.5);
    font-family: 'f-Regular';
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_in_name {
    font-size: .3rem;
    line-height: 2;
    color: #85ccbe;
    font-weight: 700;
    margin-bottom: .05rem;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_in_name_en {
    font-family: 'f-Regular';
    font-size: 14px;
    line-height: 1.14;
    font-style: italic;
}

.brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_mes {
    margin-top: 3.646vw;
    font-size: 16px;
    color: #707781;
    line-height: 1.75;
    text-align: justify;
}

.brand_body section .footer_case {
    z-index: -1;
}

@media all and (min-width: 1025px) {
    .brand_body section .footer_case {
        position: initial;
        display: block !important;
        width: 100vw;
    }

    .brand_body .foot_sha_box {
        display: none;
    }
}

.pub_banner_box {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 48.8vw;
    overflow: hidden;
}

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

.pub_banner_box .pub_banner_text_box {
    position: absolute;
    top: 41%;
    left: 14%;
    color: #fff;
    line-height: 1;
}

.pub_banner_box .pub_banner_text_box .pub_banner_title {
    font-weight: 700;
    font-size: .6rem;
    letter-spacing: .2em;
}

.pub_banner_box .pub_banner_text_box .pub_banner_title_en {
    font-size: .26rem;
    margin-top: .4rem;
    font-family: 'f-Regular';
}

.pub_banner_box .pub_banner_info {
    position: absolute;
    left: 14%;
    bottom: 6vh;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 28px;
}

.mem_title {
    margin-bottom: .6rem;
    font-size: .5rem;
    line-height: 1;
    color: #3b4048;
    font-weight: 700;
}

.mem_info {
    line-height: 1;
    font-size: 16px;
    color: #93979d;
}

.mem_src2_mes {
    display: flex;
    margin-top: .5rem;
}

.mem_src2_mes > div {
    border: 1px solid #e6e8eb;
    border-left: none;
    border-top: none;
    width: 33.33%;
    transition: all 0.5s ease;
    position: relative;
    padding: .38rem .5rem .45rem .4rem;
}

.mem_src2_mes > div:nth-child(3n+1) {
    border-left: 1px solid #e6e8eb;
}

.mem_src2_mes > div:nth-child(1), .mem_src2_mes > div:nth-child(2), .mem_src2_mes > div:nth-child(3) {
    border-top: 1px solid #e6e8eb;
}

.mem_src2_mes > div .mem_src2_i {
    margin-top: .2rem;
    padding-left: .6rem;
    font-size: 14px;
    line-height: 1.71;
    color: #acafb4;
    transition: all 0.5s ease;
}

.mem_epilogue {
    font-size: 0;
    text-align: center;
}

.mem_epilogue::before, .mem_epilogue::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-color: #85ccbe;
    border-radius: 100%;
    height: 10px;
    width: 10px;
}

.mem_epilogue::before {
    margin-right: .3rem;
}

.mem_epilogue::after {
    margin-left: .3rem;
}

.mem_epilogue span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    font-size: .26rem;
    font-weight: 700;
    color: #3b4048;
    max-width: calc(100% - .6rem - 20px);
}

@media all and (min-width: 1025px) {
    .mem_epilogue br {
        display: none;
    }
}

.men_src2_n {
    font-size: 0;
    transition: all 0.5s ease;
}

.men_src2_n > div {
    display: inline-block;
    vertical-align: middle;
    color: #3b4048;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
}

.men_src2_n > div:first-child {
    border-radius: 100%;
    background-color: #85ccbe;
    text-align: center;
    line-height: .4rem;
    width: .4rem;
    height: .4rem;
    color: #fff;
    font-size: 16px;
    font-family: 'f-Regular';
    margin-right: .2rem;
    font-weight: lighter;
    transition: all 0.5s ease;
}

.mem_src3_con .men_src2_n > div:first-child {
    display: none;
}

.mem_src3_con .mem_src2_mes {
    margin-top: 0;
    text-align: center;
}

.mem_src3_con .mem_src2_mes > div {
    padding: .58rem .5rem .4rem;
}

.mem_src3_con .mem_src2_mes > div .mem_src3_icon_box {
    border-radius: 100%;
    background-color: #85ccbe;
    width: .8rem;
    line-height: .8rem;
    height: .8rem;
    margin: 0 auto .4rem;
    color: #fff;
    box-shadow: 0 10px 30px rgba(133, 204, 190, 0.4);
}

.mem_src3_con .mem_src2_mes > div .mem_src3_icon_box i {
    font-size: .3rem;
}

.mem_src3_con .mem_src2_mes > div .mem_src2_i {
    margin-top: .3rem;
    padding-left: 0;
}

.member_body .pro_d_hint .pro_d_hint_text {
    opacity: 0 !important;
}

.member_body .sty2_width > div.mem_src1_box {
    padding-bottom: 7.55vw;
}

.member_body .sty2_width > div.mem_src1_box .mem_con {
    margin-top: 5.5vw;
    display: flex;
}

.member_body .sty2_width > div.mem_src1_box .mem_con > div {
    border: 1px solid #e5e7ea;
}

.member_body .sty2_width > div.mem_src1_box .mem_con > div:first-child {
    border-right: none;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box {
    width: 23.5%;
    padding-top: 4.4%;
    padding-bottom: 2.6%;
    box-shadow: 0 10px 55px -10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    position: relative;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box > img {
    width: 57.1%;
    margin: 0 auto;
    box-shadow: 0 10px 55px -30px rgba(125, 130, 134, 0.6);
    display: block;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box div {
    line-height: 1.5;
    font-size: .2rem;
    font-weight: 700;
    text-align: center;
    color: #3b4048;
    margin-top: .22rem;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box {
    width: 76.5%;
    padding-left: 8.6%;
    padding-top: .77rem;
    box-shadow: 0 10px 55px -10px rgba(0, 0, 0, 0.2);
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_name {
    line-height: 1;
    font-weight: 700;
    font-size: .22rem;
    color: #3b4048;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con {
    font-size: 0;
    margin-top: .6rem;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > div, .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > span {
    display: inline-block;
    vertical-align: middle;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > div {
    border-radius: 100%;
    position: relative;
    width: .6rem;
    height: .6rem;
    background-color: #85ccbe;
    color: #fff;
    box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con .step_n {
    font-size: .2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-family: 'f-Regular';
    line-height: 1;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con i {
    font-size: .2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    line-height: 1;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con .step_name {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 100%;
    margin-top: .25rem;
    line-height: 1;
    color: #3b4048;
    font-size: 14px;
    white-space: nowrap;
}

.member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > span {
    margin: 0 3.4%;
    width: 13.2%;
    height: 0;
    border-bottom: 1px dashed #85ccbe;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_img_box {
    position: relative;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_img_box > img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_img_box .alone_title {
    position: absolute;
    margin: 0;
    top: 2.5%;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_img_box .men_src2_n {
    position: absolute;
    left: 5.9%;
    top: 0;
    transform: translate3d(-0.2rem, 0, 0);
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_text_box {
    padding-top: .1rem;
    padding-left: 5.6%;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
    display: block;
    float: left;
    width: 22.8%;
    text-align: center;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li {
    display: block;
    color: #8e9298;
    font-size: 14px;
    line-height: 2;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child {
    margin-bottom: .35rem;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child > div {
    line-height: 1;
    font-size: .2rem;
    color: #3b4048;
}

.member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child > div:nth-child(2) {
    font-size: 12px;
    color: #cbcfd5;
    margin-top: .1rem;
}

.member_body .sty2_width > div .mem_rules_box {
    border-bottom: 1px solid #e6e8eb;
    border-top: 1px solid #e6e8eb;
    padding: 4.4% 0;
}

.member_body .sty2_width > div .mem_rules_box > div {
    padding: .2rem .2rem .2rem 1.5rem;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
    color: #7d8187;
}

.member_body .sty2_width > div .mem_rules_box > div::before {
    content: attr(data-text);
    position: absolute;
    color: #e0e2e6;
    font-size: .3rem;
    line-height: .9;
    top: .2rem;
    left: .7rem;
    font-family: 'f-Regular';
}

.member_body .men_src2_n > div:first-child {
    font-size: .24rem;
}

.member_body .alone_title {
    font-size: .3rem;
    line-height: 1;
    font-weight: 700;
    color: #85ccbe;
    margin: .7rem 0 .4rem;
}

.pol_title {
    position: relative;
    text-align: center;
    font-size: .4rem;
    line-height: 1;
    font-weight: 700;
    color: #3b4048;
}

.pol_title::before {
    content: attr(data-en);
    display: block;
    line-height: 1;
    color: #3b4048;
    opacity: .06;
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 50%;
    font-size: 1.4rem;
    transform: translate3d(-50%, -50%, 0);
    font-family: 'f-Regular';
    text-transform: uppercase;
}

.pol_info {
    text-align: center;
    font-size: 16px;
    line-height: 1;
    margin-top: .3rem;
    color: #93979d;
}

.pol_src2_info {
    text-align: center;
    font-size: 14px;
    line-height: 1.71;
    margin-top: .3rem;
    color: #acafb4;
}

.policy_body .pub_banner_box .pub_banner_text_box {
    top: 46%;
}

.policy_body .pub_banner_text_box {
    text-align: center;
    width: 72%;
}

.policy_body .pub_banner_text_box .pub_pol_mess {
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
    margin-top: .25rem;
    font-size: 14px;
}

.policy_body .pub_banner_info {
    display: flex;
    align-items: flex-end;
    width: 72%;
}

.policy_body .pub_banner_info .pol_relation_box, .policy_body .pub_banner_info .pol_lx_box {
    width: 50%;
    float: left;
    color: #fff;
}

.policy_body .pub_banner_info .pol_relation_box a, .policy_body .pub_banner_info .pol_lx_box a {
    display: inline-block;
    background-color: #85ccbe;
    text-align: center;
    border-radius: 60px;
    padding: .11rem .15rem;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    transition: all 0.5s ease;
    margin-top: .23rem;
}

.policy_body .pub_banner_info .pol_relation_box {
    line-height: 1;
}

.policy_body .pub_banner_info .pol_relation_box div {
    font-family: 'f-Regular';
    font-size: .34rem;
    margin-top: .2rem;
}

.policy_body .pub_banner_info .pol_lx_box {
    text-align: right;
}

.policy_body .pub_banner_info .pol_lx_box .pol_lx_case, .policy_body .pub_banner_info .pol_lx_box > img {
    display: inline-block;
    vertical-align: middle;
}

.policy_body .pub_banner_info .pol_lx_box > img {
    width: 118px;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.2);
    margin-right: 10px;
}

.policy_body .pub_banner_info .pol_lx_box .pol_lx_case div {
    margin-top: .2rem;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.64;
}

.policy_body .pol_src1_box .mem_src2_mes {
    margin-top: 9.5%;
    flex-wrap: wrap;
}

.policy_body .pol_src1_box .mem_src2_mes > div {
    overflow: hidden;
}

.policy_body .pol_src1_box .mem_src2_mes > div::before {
    content: attr(data-num);
    position: absolute;
    right: .3rem;
    bottom: -.5rem;
    font-size: 1.2rem;
    line-height: 1;
    color: #7ac2b4;
    transition: all 0.5s ease;
    opacity: 0;
    transform: translate3d(200%, 0, 0);
    font-family: 'f-Regular';
}

@media all and (min-width: 1025px) {
    .policy_body .pol_src1_box .mem_src2_mes > div.on {
        background-color: #85ccbe;
        box-shadow: 0 30px 65px rgba(133, 204, 190, 0.4);
    }

    .policy_body .pol_src1_box .mem_src2_mes > div.on::before {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .policy_body .pol_src1_box .mem_src2_mes > div.on .mem_src2_i {
        color: #fff;
    }

    .policy_body .pol_src1_box .mem_src2_mes > div.on .men_src2_n > div {
        color: #fff;
    }

    .policy_body .pol_src1_box .mem_src2_mes > div.on .men_src2_n > div:first-child {
        background-color: #72b9ab;
    }
}

.policy_body .pol_src2_box .mem_src2_mes {
    margin-top: 7.3%;
    position: relative;
}

.policy_body .pol_src2_box .mem_src2_mes::before, .policy_body .pol_src2_box .mem_src2_mes::after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 8.8%;
    border-bottom: 1px dashed #85ccbe;
    top: .35rem;
    margin-top: -1px;
    transform: translate3d(-50%, 0, 0);
}

.policy_body .pol_src2_box .mem_src2_mes::before {
    left: 33.33%;
}

.policy_body .pol_src2_box .mem_src2_mes::after {
    left: 66.66%;
}

.policy_body .pol_src2_box .mem_src2_mes > div {
    border-color: transparent !important;
    transition: all 0.5s ease;
    padding-top: 0;
    padding-bottom: .7rem;
    border-left: none;
    border-top: none;
    border-right: none;
}

.policy_body .pol_src2_box .mem_src2_mes > div::before {
    content: attr(data-num);
    position: absolute;
    left: 50%;
    transform: translate3d(200%, 0, 0);
    overflow: hidden;
    bottom: 0;
    font-size: 1.2rem;
    line-height: 1;
    height: .8rem;
    color: #f5f6f7;
    transition: all 0.5s ease;
    opacity: 0;
    font-family: 'f-Regular';
}

.policy_body .pol_src2_box .mem_src2_mes > div .mem_src3_icon_box {
    position: relative;
    background-color: #fff;
    border: 2px solid #85ccbe;
    color: #85ccbe;
    margin-top: -.1rem;
    transition: all 0.5s ease;
}

.policy_body .pol_src2_box .mem_src2_mes > div .mem_src3_icon_box::before {
    content: '';
    display: block;
    width: 130%;
    height: 130%;
    border-radius: 100%;
    border: 1px dashed #85ccbe;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

@media all and (min-width: 1025px) {
    .policy_body .pol_src2_box .mem_src2_mes > div.on {
        border-color: #85ccbe !important;
    }

    .policy_body .pol_src2_box .mem_src2_mes > div.on::before {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }

    .policy_body .pol_src2_box .mem_src2_mes > div.on .mem_src3_icon_box {
        background-color: #85ccbe;
        color: #fff;
    }
}

@media all and (max-width: 640px) {
    .policy_body .pol_src2_box .mem_src2_mes > div {
        border-color: #85ccbe !important;
        margin-bottom: .6rem;
    }

    .policy_body .pol_src2_box .mem_src2_mes > div:last-child {
        margin-bottom: 0;
    }

    .policy_body .pol_src2_box .mem_src2_mes > div::before {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }

    .policy_body .pol_src2_box .mem_src2_mes > div .mem_src3_icon_box {
        background-color: #85ccbe;
        color: #fff;
    }
}

.policy_body .pol_l_name {
    text-align: center;
    color: #85ccbe;
    margin-top: .4rem;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.policy_body .pol_look_det {
    border: 1px solid #e6e6e6;
    margin-top: .43rem;
}

.policy_body .pol_look_det > div {
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 4.6vw;
    padding-right: 4.6vw;
    padding-top: .3rem;
    padding-bottom: .4rem;
}

.policy_body .pol_look_det > div:last-child {
    border-bottom: none;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.policy_body .pol_look_det > div > span {
    line-height: 1.71;
    color: #8b8f94;
    font-size: 14px;
    padding-right: 10px;
}

.policy_body .pol_look_det > div > span:first-child {
    color: #85ccbe;
    font-size: .24rem;
    font-weight: 700;
    width: 33%;
}

.policy_body .pol_look_det > div > span:nth-child(2) {
    width: 35.5%;
}

.policy_body .pol_look_det > div > span:last-child {
    padding-right: 0;
    width: 41.5%;
}

.policy_body .pol_look_det > div:first-child {
    padding-top: .4rem;
    padding-bottom: .3rem;
}

.policy_body .pol_look_det > div:first-child > span {
    font-size: 18px;
    color: #3b4048;
    line-height: 1;
    font-weight: 400;
}

.policy_body .mem_epilogue {
    margin-top: 9%;
}

.policy_body .mem_epilogue span {
    font-size: .26rem;
    font-weight: 700;
}

.policy_body .charge_name {
    color: #3b4048;
    font-size: 18px;
}

.policy_body .charge_table_box {
    margin-top: .45rem;
}

.policy_body .charge_table_box > div {
    border-top: 1px solid #e6e6e6;
    padding: .2rem 0;
    line-height: 1.57;
    font-size: 14px;
    color: #8b8f94;
    display: flex;
}

.policy_body .charge_table_box > div:first-child {
    padding-top: .3rem;
    font-weight: 700;
    color: #3b4048;
}

.policy_body .charge_table_box > div > span {
    padding-right: 10px;
}

.policy_body .charge_table_box > div > span:first-child {
    width: 14.3%;
}

.policy_body .charge_table_box > div > span:nth-child(2) {
    width: 26.5%;
}

.policy_body .charge_table_box > div > span:nth-child(3) {
    width: 42.6%;
    padding-right: 13%;
}

.policy_body .charge_table_box > div > span:nth-child(4) {
    width: 16.6%;
}

.pol_scope_box {
    margin-top: 5%;
}

.pol_scope_box > div {
    margin-bottom: .3rem;
    border: 1px solid #e6e6e6;
    padding: .25rem 3.6% .25rem 10%;
    line-height: 2;
    font-size: 14px;
    color: #93979d;
    position: relative;
}

.pol_scope_box > div::before {
    content: attr(data-text);
    position: absolute;
    color: #e0e2e6;
    font-size: .4rem;
    line-height: .9;
    top: .25rem;
    left: 2.8%;
    font-family: 'f-Regular';
}

.pol_scope_box > div .yq_name {
    color: #3b4048;
    margin-bottom: .3rem;
    line-height: 1.5;
    font-weight: 700;
    font-size: .2rem;
}

.pol_scope_box > div .yq_con {
    width: 68%;
}

.pol_scope_box > div .yq_con > div {
    font-size: 0;
}

.pol_scope_box > div .yq_con > div > span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.pol_scope_box > div .yq_con > div > span.yq_num {
    width: 25px;
}

.pol_scope_box > div .yq_con > div > span:nth-child(2) {
    width: calc(100% - 25px);
}

.pol_scope_box > div .yq_con > div > span span {
    display: inline-block;
    width: 100px;
}

.pol_scope_box > div .yq_con > div.col_d {
    color: #737373;
    margin-top: .1rem;
    font-weight: 700;
}

@keyframes runDot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

@keyframes guoDu {
    0% {
        transform: translate3d(100%, 0, 0) skew(0deg, 0deg);
    }
    50% {
        transform: translate3d(50%, 0, 0) skew(3deg, 3deg) rotate(5deg);
    }
    100% {
        transform: translate3d(0, 0, 0) skew(0deg, 0deg);
    }
}

.video_body {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.video_body .sty1_width {
    overflow: hidden;
}

.video_body .sty1_width .sty_left {
    width: 35.5%;
}

.video_body .sty1_width .sty_right {
    width: 59.27%;
    height: 100vh;
    position: relative;
}

.video_body .sty1_width .sty_right .video_list {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0);
    display: none;
    width: 100%;
}

.video_body .sty1_width .sty_right .video_list:first-child {
    display: block;
}

.video_body .sty1_width .sty_right .video_list .swiper-container {
    height: 49.8vh;
    overflow: inherit;
    padding-right: 40%;
}

.video_body .sty1_width .sty_right .video_list .swiper-container .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.video_body .sty1_width .sty_right .video_list .swiper-container .swiper-slide {
    cursor: pointer;
}

.video_body .sty1_width .sty_right .video_list .swiper-container .swiper-slide .btn_d_video {
    pointer-events: none;
}

.video_body .sty1_width .sty_right .video_list .swiper-container .swiper-slide.active {
    cursor: auto;
}

.video_body .sty1_width .sty_right .video_list .swiper-container .swiper-slide.active .btn_d_video {
    pointer-events: auto;
}

.video_body .sty1_width .sty_right .video_list .swiper-container .vid_box {
    transition: all 0.5s ease;
    opacity: .5;
    transform: scale(0.8);
}

.video_body .sty1_width .sty_right .video_list .swiper-container .vid_box .vid_name {
    margin-top: .05rem;
    line-height: 2;
    font-size: .3rem;
    color: #3b4048;
    font-weight: 700;
}

.video_body .sty1_width .sty_right .video_list .swiper-container .active .vid_box {
    opacity: 1;
    transform: scale(1);
}

.video_body .sty1_width .sty_right .video_list .swiper-pagination {
    width: auto;
    bottom: auto;
    left: auto;
    right: .45rem;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    font-family: 'f-Regular';
    color: #cccccc;
    font-size: .24rem;
    line-height: 2;
}

.video_body .sty1_width .sty_right .video_list .swiper-pagination > div {
    padding: 0 .15rem;
}

.video_body .sty1_width .sty_right .video_list .swiper-pagination .on {
    color: #000;
    border-bottom: 1px solid #cccccc;
}

.video_body .vid_tab_box {
    margin-top: 5.5vh;
}

.video_body .vid_tab_box > div {
    font-size: .3rem;
    line-height: 2.19;
    color: #3b4048;
    transition: all 0.5s ease;
    cursor: pointer;
}

.video_body .vid_tab_box > div:hover {
    color: #85ccbe;
}

.video_body .vid_tab_box > div span {
    position: relative;
}

.video_body .vid_tab_box > div span::before, .video_body .vid_tab_box > div span::after {
    content: '';
    position: absolute;
    top: 50%;
    height: .04rem;
    margin-top: -.02rem;
    background-color: #85ccbe;
    transition: all 0.5s ease;
    width: 0;
}

.video_body .vid_tab_box > div span::before {
    right: calc(100% + .2rem);
}

.video_body .vid_tab_box > div span::after {
    left: calc(100% + .2rem);
}

.video_body .vid_tab_box > div.on {
    color: #85ccbe;
    cursor: auto;
}

.video_body .vid_tab_box > div.on span::before {
    width: 1.2em;
}

.video_body .vid_tab_box > div.on span::after {
    width: 5.7em;
}

.vid_info_box {
    position: relative;
}

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

.btn_d_video {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    border: 2px solid rgba(255, 255, 255, 0.5);
    line-height: .7rem;
    width: .7rem;
    height: .7rem;
    border-radius: 100%;
    text-align: center;
}

.btn_d_video i {
    overflow: hidden;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1;
    transform: translate3d(-50%, -50%, 0);
}

.btn_d_video::before {
    content: '';
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 2px solid;
    opacity: 0.8;
    border-color: transparent;
    border-right-color: #85ccbe;
    animation: runDot 2s infinite ease-in-out;
}

.btn_d_video div {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    margin-top: .3rem;
    font-size: 12px;
    color: #fff;
    font-family: 'f-Regular';
    line-height: 1;
}

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

.sha_video > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(0);
    transition: all 0.5s ease;
}

.sha_video > div .video_btn_close {
    position: absolute;
    right: -.5rem;
    top: -.25rem;
    cursor: pointer;
    color: #fff;
    opacity: .5;
    z-index: 3;
    transition: all 0.5s ease;
}

.sha_video > div .video_btn_close:hover {
    color: #85ccbe;
}

.sha_video > div video {
    display: block;
    min-width: 50vw;
    max-height: 80vh;
    max-width: 85vw;
}

.sha_video > div.on {
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.stores_body .sty_left {
    width: 50%;
    position: relative;
}

.stores_body .sty_left #dituContent {
    width: 100%;
    height: 100%;
}

.stores_body .sty_left .sha_map {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.1);
    pointer-events: none;
}

.stores_body .sty_right {
    width: 50%;
    padding: 11.8% 5.3% 7.1% 7.65%;
}

.stores_body .sty_right .sto_title {
    font-size: .4rem;
    font-weight: 700;
    color: #3b4048;
    line-height: 1;
}

.stores_body .sty_right .net_sel_case {
    margin-top: .54rem;
    color: #3b4048;
}

.stores_body .sty_right .net_sel_case > div {
    width: 100%;
    display: flex;
}

.stores_body .sty_right .net_sel_case > div .net_sel {
    width: calc(100% - 130px);
    font-size: 0;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7.5%;
    line-height: 50px;
    height: 50px;
    position: relative;
    padding: 0 .25rem;
    border-bottom: 1px solid #e6e6e6;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_province, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city {
    width: 42.5%;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_show, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_show {
    position: relative;
    cursor: pointer;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_show span, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_show span {
    font-size: 14px;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_show i, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_show i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #b5b6b9;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #fff;
    display: none;
    box-shadow: 0 30px 35px rgba(133, 204, 190, 0.2);
    z-index: 66;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box ul, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box ul {
    display: block;
    line-height: 2.5;
    padding: 10px 0;
    max-height: 500px;
    overflow-y: auto;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box ul li, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box ul li {
    display: block;
    padding: 0 .25rem;
    cursor: pointer;
    color: #3b4048;
    font-size: 14px;
    transition: all 0.5s ease;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box ul li:hover, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box ul li:hover {
    color: #fff;
    background-color: #85ccbe;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box {
    width: 36%;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box input {
    display: block;
    width: 100%;
    line-height: 30px;
    padding: 10px 0;
    background-color: transparent;
    outline: none;
    border: none;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box input::-webkit-input-placeholder {
    color: #3b4048;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box input::-moz-input-placeholder {
    color: #3b4048;
}

.stores_body .sty_right .net_sel_case > div .net_sel > div.net_inp_box input::-ms-input-placeholder {
    color: #3b4048;
}

.stores_body .sty_right .net_sel_case > div .btn_search {
    display: block;
    width: 180px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    color: #fff;
    background-color: #3b4048;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.5s ease;
    font-size: 14px;
}

.stores_body .sty_right .net_sel_case > div .btn_search:hover {
    background-color: #85ccbe;
    color: #fff;
}

.net_con_box {
    margin-top: .6rem;
}

.net_con_box ul {
    display: block;
}

.net_con_box ul li {
    display: block;
}

.net_con_box ul li:last-child a {
    border-bottom: none;
}

.net_con_box ul li a {
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
    padding: .45rem 2.08vw .35rem 0;
}

.net_con_box ul li a > div {
    padding-left: .35rem;
}

.net_con_box ul li a .net_con_name {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    transition: all 0.5s ease;
    color: #3b4048;
    font-size: .2rem;
}

.net_con_box ul li a .net_con_name i {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    color: #85ccbe;
    font-size: .2rem;
}

.net_con_box ul li a .net_add_box {
    line-height: 1.857;
    margin-top: .2rem;
    color: #707781;
    font-size: 14px;
}

.about_us_body .pub_con_case > .con_arrt_box {
    display: none;
}

.about_us_body .sha_top {
    content: '';
    display: block;
    background-color: #fff;
    width: 60vw;
    height: calc(4.166vw + 6.25vw);
    right: 0;
    top: 0;
    position: fixed;
    z-index: 4;
    pointer-events: none;
}

.about_us_body .con_arrt_box {
    position: absolute;
    width: 78.3%;
    left: 13.6%;
    bottom: 18%;
}

.about_us_body .con_arrt_box a {
    display: block;
    cursor: pointer;
}

.about_us_body .con_arrt_box a > div {
    padding-left: .7rem;
}

.about_us_body .con_arrt_box a .net_con_name {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    transition: all 0.5s ease;
    color: #3b4048;
    font-size: .3rem;
}

.about_us_body .con_arrt_box a .net_con_name i {
    position: absolute;
    left: .35rem;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    color: #85ccbe;
    font-size: .3rem;
}

.about_us_body .con_arrt_box a .net_add_box {
    line-height: 1.857;
    margin-top: .2rem;
    color: #707781;
    font-size: 14px;
    text-align: justify;
}

.about_us_body .con_arrt_box a:hover .net_con_name {
    color: #85ccbe;
}

.about_us_body .sty_left {
    width: 38.125%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.about_us_body .sty_right {
    width: 55.72%;
    padding: 13.8% 5.3% 7.1% 0;
}

.about_us_body .sty_right .title_info_box {
    position: relative;
    top: auto;
    left: auto;
    transform: translate3d(0, 0, 0);
    text-align: right;
}

.about_us_body .sty_right .title_info_box .pub_plan_hint_box {
    flex-flow: row-reverse;
}

.about_us_body .sty_right .title_info_box .pub_plan_hint_box .pub_plan_box {
    margin-left: .2rem;
    margin-left: 0;
}

.about_us_body .sty_right .net_con_box {
    margin-top: -.5rem;
}

.about_us_body .sty_right .net_con_box .region_box {
    font-size: .3rem;
    font-weight: 700;
    color: #3b4048;
    line-height: 1;
}

.about_us_body .sty_right .net_con_box ul li {
    padding-bottom: .5rem;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: .64rem;
}

.about_us_body .sty_right .net_con_box ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.about_us_body .sty_right .net_con_box ul li a {
    border-bottom: none;
    width: 50%;
    float: left;
    padding-bottom: 0;
    padding-top: .35rem;
    padding-right: .2rem;
}

.about_us_body .sty_right .net_con_box ul li a .net_add_box span {
    width: 100px;
    display: inline-block;
}

.research_body .pub_banner_box .pub_banner_text_box {
    width: 72%;
    top: 50%;
    text-align: center;
}

.research_body .pub_banner_box .pub_banner_text_box .pub_pol_mess {
    margin-top: .4rem;
    font-size: .3rem;
    line-height: 1;
    letter-spacing: .4em;
}

.research_body .sty2_width {
    padding-top: .3rem;
}

.research_body .sty2_width > div {
    padding-bottom: 7%;
}

.research_body .sty2_width .res_tab_box {
    line-height: 1.5;
    padding-bottom: 6.2%;
}

.research_body .sty2_width .res_tab_box a {
    display: block;
    width: 50%;
    line-height: .4rem;
    border-bottom: 2px solid #e6e6e6;
    transition: all 0.5s ease;
    text-align: center;
    float: left;
    font-size: .3rem;
    color: #93979d;
    position: relative;
    padding: .4rem 0;
}

.research_body .sty2_width .res_tab_box a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    background-color: #85ccbe;
    transition: all 0.5s ease;
}

.research_body .sty2_width .res_tab_box a.on {
    color: #3b4048;
    font-weight: 700;
}

.research_body .sty2_width .res_tab_box a.on::before {
    width: 100%;
}

@media all and (min-width: 1025px) {
    .research_body .sty2_width .res_tab_box a:hover {
        color: #3b4048;
        font-weight: 700;
    }

    .research_body .sty2_width .res_tab_box a:hover::before {
        width: 100%;
    }
}

.research_body .sty2_width .res_title {
    font-size: .4rem;
    color: #3b4048;
    font-weight: 700;
    line-height: 1;
}

.research_body .man_info {
    font-size: 14px;
    color: #9da0a5;
    line-height: 1.7;
    text-align: justify;
}

.research_info_body .sty2_width .com_info_case {
    font-size: 0;
    white-space: nowrap;
}

.research_info_body .sty2_width .com_info_case > div {
    display: inline-block;
    vertical-align: middle;
}

.research_info_body .sty2_width .com_info_case .com_info_box {
    width: 61.30%;
}

.research_info_body .sty2_width .com_info_case .com_info_box .com_info {
    font-size: 14px;
    color: #9da0a5;
    line-height: 2.28;
    text-align: justify;
    margin-top: 10%;
    word-wrap: break-word;
    word-break: normal;
    white-space: normal;
}

.research_info_body .sty2_width .com_info_case .com_img_box {
    width: 39%;
    margin-left: 2%;
}

.research_info_body .sty2_width .com_info_case .com_img_box img {
    width: 100%;
    display: block;
}

.research_info_body .sty2_width .data_box {
    margin-top: 5%;
}

.research_info_body .sty2_width .data_box > div {
    float: left;
    width: 20%;
}

.research_info_body .sty2_width .data_box > div > div {
    font-size: 14px;
    line-height: 1;
    color: #707781;
}

.research_info_body .sty2_width .data_box > div > div:first-child {
    margin-bottom: .25rem;
}

.research_info_body .sty2_width .data_box > div > div span {
    font-family: 'f-Regular';
    font-size: .4rem;
    line-height: 1;
    color: #3b4048;
}

.research_info_body .sty2_width .info_src2_box {
    position: relative;
}

.research_info_body .sty2_width .info_src2_box .honor_bg_box {
    position: absolute;
    width: 100vw;
    left: 50%;
    top: 0;
    transform: translate3d(-50%, -35%, 0);
    z-index: -1;
    max-width: none;
}

.research_info_body .sty2_width .res_honor_box {
    margin: 0 auto;
    margin-top: 7.7%;
    width: 37.5%;
}

.research_info_body .sty2_width .res_honor_box .swiper-container {
    overflow: inherit;
}

.research_info_body .sty2_width .res_honor_box .swiper-container .swiper-slide > div {
    width: 84.2%;
    margin: 0 auto;
    opacity: .5;
    transform: scale(0.83);
    transition: all 0.5s ease;
}

.research_info_body .sty2_width .res_honor_box .swiper-container .swiper-slide > div img {
    display: block;
    width: 100%;
    box-shadow: 10px 20px 35px rgba(0, 0, 0, 0.2);
}

.research_info_body .sty2_width .res_honor_box .swiper-container .swiper-slide > div div {
    line-height: 1.5;
    font-size: .24rem;
    color: #3b4048;
    text-align: center;
    margin-top: .25rem;
}

.research_info_body .sty2_width .res_honor_box .swiper-container .swiper-slide.active > div {
    opacity: 1;
    transform: scale(1);
}

.research_info_body .sty2_width .management_box {
    margin-top: 8.8%;
}

.research_info_body .sty2_width .management_box > div {
    margin-bottom: 13%;
    display: flex;
    align-items: center;
}

.research_info_body .sty2_width .management_box > div:last-child {
    margin-bottom: 0;
}

.research_info_body .sty2_width .management_box > div > img {
    width: 50%;
}

.research_info_body .sty2_width .management_box > div > div {
    width: 50%;
    padding-left: 5.5%;
}

.research_info_body .sty2_width .management_box > div > div .mam_name {
    font-size: .26rem;
    line-height: 1;
    margin-bottom: .1rem;
    color: #3b4048;
    font-weight: 700;
}

.research_info_body .sty2_width .management_box > div > div .man_name_en {
    line-height: 1;
    font-size: 12px;
    color: #acafb4;
    margin-bottom: 9%;
}

.research_info_body .sty2_width .management_box > div > div .mam_name_l {
    font-weight: 700;
    color: #3b4048;
    line-height: 1;
    font-size: .4rem;
    margin-bottom: 12%;
}

.research_info_body .sty2_width .management_box > div:nth-child(even) {
    flex-direction: row-reverse;
}

.research_info_body .sty2_width .management_box > div:nth-child(even) > div {
    padding-right: 5.5%;
    padding-left: 0;
}

.ke_box {
    margin-top: 6%;
    display: flex;
    text-align: center;
}

.ke_box > div {
    width: 25%;
    padding: 0 3.2%;
    position: relative;
}

.ke_box > div > span {
    position: absolute;
    right: 0;
    top: .4rem;
    transform: translate3d(50%, -50%, 0);
    color: #d3d3d3;
    line-height: 1;
    font-size: .35rem;
}

.ke_box > div:last-child > span {
    display: none;
}

.ke_box > div .pub_icon_box {
    border-radius: 100%;
    position: relative;
    background-color: #85ccbe;
    color: #fff;
    box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    margin: 0 auto 19.5%;
    font-family: 'f-Regular';
    text-align: center;
}

.ke_box > div .pub_icon_box i {
    display: block;
    font-size: .42rem;
}

.ke_box > div .pub_stop_name {
    font-size: .2rem;
    font-weight: 700;
    color: #3b4048;
    line-height: 1;
    margin-bottom: .25rem;
}

.ke_box > div .pub_icon_name {
    font-size: 14px;
    color: #9da0a5;
    line-height: 1.71;
}

.research_join_body .man_info {
    text-align: center;
    width: 73%;
    margin: 3.65% auto 0;
}

.research_join_body .res_title {
    text-align: center;
}

.research_join_body .join_src1_box {
    text-align: center;
    position: relative;
    padding-bottom: calc(7% + .8rem) !important;
}

.research_join_body .join_src1_box .res_title {
    margin-top: .2rem;
}

.research_join_body .join_src1_box .join_mode_box {
    font-size: 0;
    margin-top: 8.8%;
}

.research_join_body .join_src1_box .join_mode_box > div, .research_join_body .join_src1_box .join_mode_box > span {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .73rem;
}

.research_join_body .join_src1_box .join_mode_box > div {
    position: relative;
    width: 1rem;
}

.research_join_body .join_src1_box .join_mode_box > div img {
    display: block;
    width: 100%;
    box-shadow: 10px 20px 35px rgba(0, 0, 0, 0.2);
}

.research_join_body .join_src1_box .join_mode_box > div span {
    display: block;
    font-size: 1rem;
    line-height: 1;
    color: #85ccbe;
    text-shadow: 10px 20px 35px rgba(0, 0, 0, 0.2);
}

.research_join_body .join_src1_box .join_mode_box > div i {
    color: #fff;
    font-size: .4rem;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.research_join_body .join_src1_box .join_mode_box > div div {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: .55rem;
    color: #3b4048;
    line-height: 1;
    transform: translate3d(-50%, 0, 0);
    font-size: .18rem;
    font-weight: 700;
    white-space: nowrap;
}

.research_join_body .join_src1_box .join_mode_box > span {
    width: calc((100% - 5rem) / 4);
}

.research_join_body .join_src1_box .join_mode_box > span img {
    width: 27.58%;
    display: block;
    margin: 0 auto;
}

.research_join_body .join_src1_box .mode_bg_box {
    position: absolute;
    width: 100vw;
    left: 50%;
    bottom: 0;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
    max-width: none;
}

.research_join_body .join_rd_box {
    margin-top: -.8rem;
    display: flex;
    text-align: center;
}

.research_join_body .join_rd_box > div {
    width: calc((100% - .2rem) / 2);
    background-color: #fff;
    margin-right: .2rem;
    border-radius: 10px;
    border: 1px solid #e3e6e6;
    padding: .7rem 10px .6rem;
    box-shadow: 0 25px 60px -10px rgba(104, 123, 119, 0.12);
}

.research_join_body .join_rd_box > div:nth-child(2n) {
    margin-right: 0;
}

.research_join_body .join_rd_box > div i {
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #85ccbe;
    width: 1.05rem;
    height: 1.05rem;
    line-height: 1.05rem;
    color: #fff;
    font-size: .56rem;
    box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
}

.research_join_body .join_rd_box > div .res_title {
    margin-top: .5rem;
}

.research_join_body .join_rd_box > div .join_rd_info {
    font-size: .18rem;
    line-height: 1.5;
    color: #9da0a5;
    margin-top: .25rem;
}

.research_join_body .join_rd_box > div .join_rd_info span {
    color: #85ccbe;
}

.research_join_body .mu_name {
    text-align: center;
    line-height: 1;
    margin-bottom: .2rem;
    font-size: .24rem;
    color: #3b4048;
}

.res_title_box {
    padding-left: .9rem;
    position: relative;
    margin-bottom: .55rem;
}

.res_title_box::before {
    content: attr(data-text);
    position: absolute;
    color: #e0e2e6;
    font-size: .4rem;
    line-height: 1;
    top: 0;
    left: 0;
    font-family: 'f-Regular';
}

.recruitment_body .rec_search_box {
    width: 65.3%;
    margin: 0 auto 6.6%;
    background-color: #f6f7f8;
    border-radius: .35rem;
    overflow: hidden;
    display: flex;
}

.recruitment_body .rec_search_box input {
    background-color: transparent;
    outline: none;
    border: none;
    padding: 0 .3rem;
    font-size: .18rem;
    color: #93979d;
    width: calc(100% - 2.2rem);
}

.recruitment_body .rec_search_box a {
    width: 2.2rem;
    text-align: center;
    background-color: #85ccbe;
    cursor: pointer;
}

.recruitment_body .rec_search_box a button {
    display: block;
    width: 100%;
    background-color: transparent;
    outline: none;
    font-size: .2rem;
    font-family: 'f-Regular';
    line-height: .7rem;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.recruitment_body .rec_con_list {
    margin-top: .3rem;
}

.recruitment_body .rec_con_box > .rec_name {
    border: none;
    background-color: #f6f7f8;
}

.recruitment_body .rec_con_box > .rec_name > span {
    font-size: 16px;
    font-weight: 700;
    color: #3b4048;
}

.recruitment_body .rec_con_box > .rec_name > span:nth-child(7) {
    pointer-events: none;
}

.recruitment_body .rec_name {
    display: flex;
    padding: 0 .2rem 0 .4rem;
    text-align: center;
    border: 1px solid #e6e6e6;
    transition: all 0.5s ease;
}

.recruitment_body .rec_name > span {
    font-size: 14px;
    color: #9da0a5;
    line-height: 2.285;
    padding: .2rem 0;
    text-align: center;
}

.recruitment_body .rec_name > span span {
    display: none;
}

.recruitment_body .rec_name > span:nth-child(1) {
    width: 18%;
    font-weight: 700;
    color: #616366;
}

.recruitment_body .rec_name > span:nth-child(2) {
    width: 20%;
}

.recruitment_body .rec_name > span:nth-child(3) {
    width: 20%;
}

.recruitment_body .rec_name > span:nth-child(4) {
    width: 20%;
}

.recruitment_body .rec_name > span:nth-child(5) {
    width: 18%;
}

.recruitment_body .rec_name > span:nth-child(6) {
    width: 10%;
}

.recruitment_body .rec_name > span:nth-child(7) {
    width: 10%;
    padding: 0;
    border-radius: 60px;
    color: #fff;
    background-color: #85ccbe;
    margin: .2rem 0;
    transition: all 0.5s ease;
    opacity: 0;
    height: 31px;
}

.recruitment_body .rec_name.btn_rec_name {
    cursor: pointer;
}

@media all and (min-width: 1025px) {
    .recruitment_body .rec_name.btn_rec_name:hover {
        border-color: transparent;
        border-bottom: 1px solid #e6e6e6;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    }

    .recruitment_body .rec_name.btn_rec_name:hover > span:nth-child(7) {
        opacity: 1;
    }
}

.recruitment_body .rec_con_con {
    padding: 5.15% 8.5% 6.57%;
    display: none;
}

.recruitment_body .rec_con_con .rec_yq_box {
    display: flex;
}

.recruitment_body .rec_con_con .rec_yq_box > div {
    width: 50%;
}

.recruitment_body .rec_con_con .rec_yq_box > div:first-child {
    padding-right: .2rem;
}

.recruitment_body .rec_con_con .rec_yq_box > div .rec_yq_name {
    font-weight: 700;
    color: #3b4048;
    font-size: .26rem;
}

.recruitment_body .rec_con_con .rec_yq_box > div .rec_yq_con {
    font-size: 14px;
    line-height: 2;
    color: #9da0a5;
    margin-top: 11.5%;
}

.recruitment_body .rec_con_list.on {
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.2);
}

.recruitment_body .rec_con_list.on .rec_con_con {
    display: block;
}

.btn_sq {
    display: block;
    margin: 4.4% auto 0;
    width: 2.3rem;
    border-radius: 50px;
    border: 1px solid #aeb2b9;
    color: #3b4048;
    font-size: 18px;
    line-height: .6rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease;
}

.btn_sq i {
    margin-right: .3rem;
    font-size: .26rem;
}

.btn_sq > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: .3rem;
    width: .26rem;
    font-size: .26rem;
    position: relative;
}

.btn_sq > div .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    transition: all 0.5s ease;
}

.btn_sq > div .icon:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
}

@media all and (min-width: 1025px) {
    .btn_sq:hover {
        border-color: transparent !important;
        color: #fff;
        background-color: #85ccbe;
        transform: translate3d(0, -10px, 0);
        box-shadow: 0 20px 50px rgba(133, 204, 190, 0.4);
    }

    .btn_sq:hover > div .icon {
        opacity: 0;
    }

    .btn_sq:hover > div .icon:nth-child(2) {
        opacity: 1;
    }
}

.development_body .man_info {
    margin-top: .25rem;
    width: 93.2%;
}

.development_body .dev_jz_box {
    border: 1px solid #e6e6e6;
    display: flex;
    margin-top: 8%;
}

.development_body .dev_jz_box > div {
    width: 50%;
    position: relative;
    border-right: 1px solid #e6e6e6;
    padding: 5% .3rem 3.65% 4.4%;
}

.development_body .dev_jz_box > div:nth-child(2n) {
    border-right: none;
}

.development_body .dev_jz_box > div i {
    font-size: .7rem;
    line-height: 1;
    color: #f5f6f7;
    position: absolute;
    top: .4rem;
    right: .4rem;
    pointer-events: none;
}

.development_body .dev_jz_box > div .dev_name {
    color: #3b4048;
    font-weight: 700;
    line-height: 1;
    font-size: .2rem;
}

.development_body .dev_jz_box > div .dev_mess {
    color: #85ccbe;
    font-size: .2rem;
    font-weight: 700;
    line-height: 1;
    margin-top: .35rem;
}

.development_body .dev_jz_box > div .dev_info {
    font-size: 14px;
    margin-top: .3rem;
    color: #9da0a5;
    line-height: 1.71;
}

.development_body .mem_epilogue {
    margin-top: 8.75%;
}

.development_body .ke_box > div .pub_icon_box i {
    font-size: .3rem;
    font-style: initial;
}

.development_body .mem_src2_mes > div {
    width: 50%;
    padding: 3.4% 9.2% 3.67% 3.67%;
}

.development_body .mem_src2_mes > div .mem_src2_i {
    padding-left: 1rem;
    margin-top: .15rem;
}

@media all and (min-width: 1025px) {
    .development_body .mem_src2_mes > div.on {
        border-color: #85ccbe !important;
        background-color: #85ccbe;
        color: #fff;
    }

    .development_body .mem_src2_mes > div.on .mem_src2_i {
        color: #fff;
    }

    .development_body .mem_src2_mes > div.on .men_src2_n > div {
        color: #fff;
    }

    .development_body .mem_src2_mes > div.on .men_src2_n > div:first-child {
        background-color: #72b9ab;
    }
}

.development_body .men_src2_n > div {
    font-size: 20px;
}

.development_body .men_src2_n > div:first-child {
    line-height: .6rem;
    height: .6rem;
    width: .6rem;
    font-size: .2rem;
    margin-right: .4rem;
    box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
    font-family: 'f-Regular';
}

.development_body .dev_fz_box {
    font-size: 0;
    margin-top: 4.25%;
}

.development_body .dev_fz_box > div {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding-right: .3rem;
    padding-top: .25rem;
}

.development_body .dev_fz_box > div:last-child {
    padding-right: 0;
}

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

.development_body .dev_fz_box > div .dev_fz_num {
    border-radius: 100%;
    text-align: center;
    background-color: #85ccbe;
    color: #fff;
    box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
    line-height: 1.15rem;
    width: 1.15rem;
    height: 1.15rem;
    margin-right: 4%;
    font-size: .37rem;
    font-family: 'f-Regular';
}

.development_body .dev_fz_box > div .dev_fz_con {
    width: calc(96% - 1.15rem);
    line-height: 1.5;
}

.development_body .dev_fz_box > div .dev_fz_con .dev_fz_name {
    color: #3b4048;
    font-size: .26rem;
    font-weight: 700;
}

.development_body .dev_fz_box > div .dev_fz_con .dev_fz_info {
    font-size: .24rem;
    color: #9da0a5;
}

.development_body .dev_src4_box .mem_src2_mes {
    margin-top: 5.7%;
}

.development_body .dev_peo_list {
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
}

.development_body .dev_peo_list > a {
    width: calc((100% - .4rem) / 2);
    margin-right: .4rem;
}

.development_body .dev_peo_list > a:nth-child(1) {
    margin-top: 0;
}

.development_body .dev_peo_list > a:nth-child(2) {
    margin-top: 0;
}

.development_body .dev_peo_list > a:nth-last-child(2) .dev_peo_text {
    padding-bottom: 0;
}

.development_body .dev_peo_list > a:nth-last-child(1) .dev_peo_text {
    padding-bottom: 0;
}

.development_body .dev_peo_list > a:nth-child(2n) {
    margin-right: 0;
}

.development_body .dev_peo_list > a .dev_peo_img {
    overflow: hidden;
}

.development_body .dev_peo_list > a .dev_peo_img img {
    transition: all 0.5s ease;
    display: block;
    width: 100%;
}

.development_body .dev_peo_list > a .dev_peo_text {
    padding: .5rem 0 .56rem;
}

.development_body .dev_peo_list > a .dev_peo_text .dev_pro_name {
    font-weight: 700;
    color: #3b4048;
    font-size: .3rem;
    line-height: 1.5;
    transition: all 0.5s ease;
}

.development_body .dev_peo_list > a .dev_peo_text .dev_pro_info {
    font-size: 14px;
    color: #9da0a5;
    line-height: 1.71;
    text-align: justify;
    margin-top: .25rem;
    min-height: 72px;
    width: 87%;
}

@media all and (min-width: 1025px) {
    .development_body .dev_peo_list > a:hover .dev_peo_img img {
        transform: scale(1.2);
    }

    .development_body .dev_peo_list > a:hover .dev_peo_text .dev_pro_name {
        color: #85ccbe;
    }
}

.pro_d_hint {
    display: none;
    pointer-events: none;
    text-align: center;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 4vh;
}

.pro_d_hint .pro_d_hint_text {
    font-size: 16px;
    line-height: 1;
    font-family: 'jx_l';
    text-transform: uppercase;
}

.pro_d_hint .pro_d_hint_icon {
    display: block;
    line-height: 1;
    margin-top: .25rem;
    font-size: .2rem;
}

.mer_body .pro_d_hint {
    display: block;
}

.productDet_body .btn_d_video div {
    display: none;
}

.productDet_body .pro_d_img_box {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.productDet_body .pro_d_img_box:first-child .pro_text_box .pro_ad {
    font-size: .7rem;
}

.productDet_body .pro_d_img_box:first-child .pro_text_box .pro_name {
    font-size: .26rem;
    margin-top: .5rem;
}

.productDet_body .pro_d_img_box.on > img {
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.productDet_body .pro_d_img_box > img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1.2);
    transition: all 2s ease-in-out;
}

.productDet_body .pro_d_img_box .pro_text_box {
    position: absolute;
    width: 72%;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    color: #fff;
    line-height: 1.2;
}

.productDet_body .pro_d_img_box .pro_text_box .pro_ad {
    font-weight: 700;
    font-size: .6rem;
}

.productDet_body .pro_d_img_box .pro_text_box .pro_ad span {
    font-family: 'f-Light';
    font-style: italic;
}

.productDet_body .pro_d_img_box .pro_text_box .pro_name {
    font-size: 20px;
    margin-top: .3rem;
    color: rgba(255, 255, 255, 0.8);
    width: 43%;
    line-height: 1.875;
}

.productDet_body .pro_d_img_box.pro_clo .pro_text_box {
    color: #3b4048;
}

.productDet_body .pro_d_img_box.pro_clo .pro_text_box .pro_name {
    color: #3b4048;
}

.productDet_body .pro_d_img_box.pro_left .pro_text_box {
    left: 14%;
}

.productDet_body .pro_d_img_box.pro_right .pro_text_box {
    left: 57.3%;
}

.productDet_body .pro_d_img_box.pro_cen .pro_text_box {
    right: 14%;
    width: 72%;
    text-align: center;
}

.productDet_body .mar_sty::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1.1);
    width: 100%;
    height: 100%;
    border: .25rem solid #fff;
    z-index: 2;
    box-sizing: border-box;
    transition: all 3s ease-in-out;
    pointer-events: none;
}

.productDet_body .mar_sty.on::before {
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.productDet_body .vid_info_box .pro_text_box .pro_info {
    font-size: .26rem;
    font-weight: 700;
    letter-spacing: .5em;
    margin-bottom: .2rem;
}

.productDet_body .vid_info_box .pro_text_box .pro_ad {
    margin-bottom: .35rem;
}

.productDet_body .vid_info_box .pro_text_box .pro_name {
    color: rgba(255, 255, 255, 0.5);
    margin: 0 auto;
}

.productDet_body .vid_info_box .pro_text_box .btn_d_video {
    position: relative;
    margin: .85rem auto 0;
    left: auto;
    top: auto;
    transform: translate3d(0, 0, 0);
}

.productDet_body .pro_lb_box {
    padding: 6% 0;
}

.productDet_body .pro_lb_box > div {
    width: 72%;
    margin: 0 auto;
}

.productDet_body .pro_lb_box > div .pro_gn_name {
    font-family: 'f-Regular';
    line-height: 1;
    color: #9ea2a8;
    font-size: .32rem;
}

.productDet_body .pro_lb_box > div .pro_gn_name span {
    margin-right: .6rem;
    color: #3b4048;
    font-size: .6rem;
    font-weight: 700;
    font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", sans-serif;
}

.productDet_body .pro_lb_box .pro_lb_case {
    margin-top: 7%;
    position: relative;
}

.productDet_body .pro_lb_box .pro_lb_case .pro_lb_swiper {
    overflow: hidden;
    padding: 1% 0 .9rem;
}

.productDet_body .pro_lb_box .pro_lb_case .pro_lb_swiper .swiper-container {
    overflow: visible;
    margin: 0;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev, .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next {
    color: #3b4048;
    text-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
    margin-top: -.9rem;
    text-align: center;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev i, .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next i {
    font-size: .26rem;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev:hover, .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next:hover {
    color: #85ccbe;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev {
    left: 0;
    transform: translateX(-200%);
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-button-next {
    right: 0;
    transform: translateX(200%);
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div {
    position: relative;
    border: 1px solid #e6e6e6;
    padding: 22.6% 10px 23.8%;
    text-align: center;
    transition: all 0.5s ease;
    overflow: hidden;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div::before {
    content: attr(data-num);
    position: absolute;
    display: block;
    font-size: 1.4rem;
    left: 50%;
    bottom: 0;
    transform: translate3d(-50%, 35%, 0);
    line-height: 1;
    color: #f3f4f4;
    font-family: 'f-Regular';
    transition: all 0.5s ease;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_icon_box {
    border: 1px solid transparent;
    border-radius: 100%;
    transition: all 0.5s ease;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    color: #3b4048;
    margin: 0 auto;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_icon_box i {
    font-size: .8rem;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_mess_box {
    font-weight: 700;
    transition: all 0.5s ease;
    font-size: .24rem;
    line-height: 1.375;
    min-height: .99rem;
    margin-top: .28rem;
    color: #3b4048;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide.on > div {
    transform: translateY(-20px);
    background-color: #85ccbe;
    box-shadow: 0 35px 65px rgba(133, 204, 190, 0.4);
    border-color: transparent;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide.on > div::before {
    color: rgba(255, 255, 255, 0.15);
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide.on > div .pro_icon_box {
    border-color: #fff;
    color: #fff;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-slide.on > div .pro_mess_box {
    color: #fff;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-pagination {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -.2rem;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-pagination span {
    width: .12rem;
    height: .12rem;
    background-color: #d7d8da;
    margin: 0 .15rem;
    opacity: 1;
}

.productDet_body .pro_lb_box .pro_lb_case .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #85ccbe;
}

.productDet_body .pro_detail_box {
    background-color: #edeef2;
    padding: 1px;
}

.productDet_body .pro_detail_box .pro_d_info_box {
    padding-left: .4rem;
    margin: 1.15rem 8.97% .45rem;
    position: relative;
}

.productDet_body .pro_detail_box .pro_d_info_box > img {
    display: block;
    width: 100%;
}

.productDet_body .pro_detail_box .pro_d_info_box .pro_d_text {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #3b4048;
    line-height: 1;
    transition: all 0.5s ease;
    text-align: left;
}

.productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_num {
    font-family: 'f-Regular';
    opacity: .2;
    font-size: .8rem;
    line-height: 1;
    transform: translateX(-20%);
}

.productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name {
    margin-top: .35rem;
    font-size: .3rem;
    padding-left: .3rem;
}

.productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name_en {
    font-size: .18rem;
    font-family: 'f-Regular';
    margin-top: .15rem;
    opacity: .5;
    padding-left: .3rem;
}

@media all and (min-width: 1025px) {
    .productDet_body .pro_detail_box .swiper-wrapper {
        white-space: nowrap;
        text-align: center;
        display: block;
    }

    .productDet_body .pro_detail_box .swiper-wrapper .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: 40.625vw;
    }
}

.productDet_body .pro_parameter_box {
    margin-top: 7.24%;
}

.productDet_body .pro_parameter_box > div {
    display: flex;
}

.productDet_body .pro_parameter_box > div > div {
    width: calc((100% - .75rem) / 2);
    margin-right: .75rem;
    padding: .4rem 0;
    border-bottom: 1px solid #e6e6e6;
    font-size: 0;
    color: #3b4048;
}

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

.productDet_body .pro_parameter_box > div > div.pro_par_det_al .pro_par_name {
    margin-bottom: .9rem;
}

.productDet_body .pro_parameter_box > div > div.pro_par_det_al .pro_par_det {
    font-size: 0;
    margin: -.2rem;
}

.productDet_body .pro_parameter_box > div > div > span {
    display: inline-block;
    vertical-align: middle;
}

.productDet_body .pro_parameter_box > div > div .pro_par_name {
    width: 1.4rem;
    line-height: 1;
    opacity: .5;
    font-size: 16px;
}

.productDet_body .pro_parameter_box > div > div .pro_par_det {
    font-weight: 700;
    font-size: .24rem;
    width: calc(100% - 1.4rem);
}

.productDet_body .pro_parameter_box > div > div .pro_par_det > div {
    width: 50%;
    padding-right: 10px;
    display: inline-block;
    vertical-align: bottom;
}

.productDet_body .pro_parameter_box > div > div .pro_par_det > div img {
    display: block;
    height: 1rem;
}

.productDet_body .pro_parameter_box > div > div .pro_par_det > div div {
    margin-top: .2rem;
    line-height: 1.5;
    font-size: 16px;
}

.productDet_body .pro_buy_hint {
    text-align: center;
    font-weight: 700;
    margin-top: 10%;
    font-size: .3rem;
    color: #3b4048;
    line-height: 1;
    display: none;
}

.productDet_body .pro_huy_link_box {
    margin-top: 6%;
    font-size: 0;
    text-align: center;
}

.productDet_body .pro_huy_link_box a {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aeb2b9;
    margin: 0 .3rem;
}

@media all and (min-width: 1025px) {
    .productDet_body .pub_con_box {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
    }

    .productDet_body .pub_con_box.on {
        transform: none !important;
        position: relative;
    }
}

.productList_body .pro_list_case {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.productList_body .pro_list_case .swiper-container {
    margin: 0 auto;
    width: 75%;
    height: 100%;
    overflow: visible;
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper {
    height: 100%;
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    position: relative;
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con {
    display: block;
    cursor: pointer;
    font-size: 0;
    margin-top: 55vh;
    width: 100%;
    white-space: nowrap;
    margin-left: -20%;
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .sha_pro {
    content: '';
    display: block;
    width: 40%;
    height: 200vh;
    border-left: 1px solid #e6e6e6;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 45%;
    top: 50%;
    transform: translate3d(0, -50%, 0) rotate(15deg);
    transition: all .5s ease .5s;
    z-index: 1;
    pointer-events: none;
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con img {
    display: inline-block;
    vertical-align: middle;
    width: 56%;
    margin-left: 10%;
    transition: all 0.5s ease;
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl {
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    text-align: left;
    margin-bottom: .5rem;
    line-height: 1;
    color: #3b4048;
    position: relative;
    z-index: 2;
    transition: all 0.5s ease;
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl .pro_model {
    font-size: .56rem;
    font-family: 'f-Regular';
    text-shadow: 0 15px 8px rgba(0, 0, 0, 0.2);
    font-style: italic;
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl .pro_model_name {
    font-size: .18rem;
    margin-top: .4rem;
}

@media all and (min-width: 1025px) {
    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con:hover {
        z-index: 2;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con:hover .sha_pro {
        border-color: #85ccbe;
        background-color: transparent;
        z-index: -1;
        transition: all 0s;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con:hover img {
        transform: scale(1.4);
        position: relative;
        z-index: 2;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con:hover .pro_l_xl {
        transform: translate3d(0.5rem, 0, 0);
    }
}

.productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd) .pro_l_con {
    margin-top: 20vh;
    margin-left: -3%;
}

.productList_body .pro_list_case .dot_me_box {
    background-color: transparent;
    z-index: 0;
}

.productList_body .pro_list_case .dot_me_box > div {
    transform: translate(-50%, -50%) scale(0.7);
}

.productList_body .pro_list_case .swiper-scrollbar {
    position: absolute;
    right: 10%;
    bottom: 7%;
    width: 10%;
    height: 1px;
}

.productList_body .pro_list_case .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #85ccbe;
    border-radius: 100%;
    height: 14px;
    margin-top: -7.5px;
}

.productList_body .pro_list_case .swiper-scrollbar .swiper-scrollbar-drag::before {
    content: '';
    border: 1px solid #85ccbe;
    width: 150%;
    height: 150%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 100%;
}

@keyframes runDot0 {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    99.9999% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
    100% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
}

@keyframes dotS1 {
    0% {
        transform: translate(-50%, -50%) scale(1.2);
    }
    50% {
        transform: translate(-50%, -50%) scale(0.9);
    }
    100% {
        transform: translate(-50%, -50%) scale(1.2);
    }
}

@keyframes dotS2 {
    0% {
        transform: translate(-50%, -50%) scale(0.75);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.05);
    }
    100% {
        transform: translate(-50%, -50%) scale(0.75);
    }
}

.kd_m, .cre_name, .cre_icon_i {
    display: none;
}

.m_dot_anm_box {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.creativeTechnology_body .pub_con_box {
    overflow: hidden;
}

.creativeTechnology_body .cre_con_box {
    height: 100vh;
    position: relative;
    width: 82.3%;
    margin: 0 auto;
}

.creativeTechnology_body .cre_con_box .cre_de_text_box {
    position: absolute;
    left: 0;
    top: 23.14%;
    transition: all .5s ease .2s;
    width: 46%;
    z-index: 1;
}

.creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_img {
    width: 47.5%;
    transition: all .5s ease .2s;
    margin-bottom: 10vh;
}

.creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_img img {
    display: block;
    width: 100%;
}

.creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text {
    transition: all .5s ease .2s;
    color: #3b4048;
}

.creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_title {
    font-weight: 700;
    font-size: .6rem;
    line-height: 1;
    letter-spacing: .08em;
}

.creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_info {
    font-size: 16px;
    color: #707781;
    line-height: 1.75;
    margin-top: 5.5vh;
    text-align: justify;
}

.creativeTechnology_body .cre_con_box .cre_text_box {
    position: absolute;
    top: 50%;
    transform: translate3d(-25px, -1.06rem, 0);
    left: 0;
    width: 27%;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}

.creativeTechnology_body .cre_con_box .cre_text_box > div {
    display: none;
    position: relative;
}

.creativeTechnology_body .cre_con_box .cre_text_box > div i {
    display: none;
}

.creativeTechnology_body .cre_con_box .cre_text_box > div.on {
    display: block;
}

.creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_title {
    font-size: .4rem;
    font-weight: 700;
    line-height: 1;
}

.creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_title_en {
    font-family: 'f-Regular';
    line-height: 1.2;
    margin-top: .45rem;
    font-size: .32rem;
}

.creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_info {
    color: #707781;
    font-size: 16px;
    line-height: 1.75;
    text-align: justify;
    margin-top: 4vw;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case {
    position: absolute;
    top: 50%;
    left: 76.58%;
    transform: translate3d(-50%, -50%, 0);
    width: 36.7%;
    transition: all 0.5s ease;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 220.75%;
    display: block;
    max-width: none;
    pointer-events: none;
    z-index: -1;
    opacity: .2;
    transition: all 0.5s ease;
    animation: runDot0 8s ease infinite;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    max-width: none;
    width: 117.25%;
    transition: all 0.5s ease;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_kd_on {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    transition: all 0.5s ease;
    overflow: hidden;
    transform-origin: 100% 0;
    transform: rotate(90deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_kd_on img {
    width: 100%;
    display: block;
    position: absolute;
    transform-origin: 100% 0;
    transform: rotate(-90deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    border-radius: 100%;
    transition: all 0.5s ease;
    z-index: 1;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty {
    position: absolute;
    height: 1px;
    width: 50%;
    transform-origin: 100% 50%;
    top: 50%;
    margin-top: -0.5px;
    left: 0;
    transition: all 0.5s ease;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty::before {
    content: '';
    display: none;
    height: 1px;
    width: 0;
    background-color: #85ccbe;
    position: absolute;
    top: 0;
    right: 113%;
    transition: none;
}

@media all and (min-width: 1025px) {
    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:hover .cre_icon_box img, .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:hover .cre_icon_box i {
        opacity: 0;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:hover .cre_icon_box .cre_icon_on {
        opacity: 1;
    }
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on .cre_icon_box {
    cursor: auto;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on::before {
    width: 56%;
    transition: all .5s ease-in-out .5s;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on .cre_icon_box img, .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on .cre_icon_box i {
    opacity: 0;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty.on .cre_icon_box .cre_icon_on {
    opacity: 1;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) {
    transform: rotate(0deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) .cre_icon_box {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(5) {
    transform: rotate(72deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(5) .cre_icon_box {
    transform: translate3d(-50%, -50%, 0) rotate(-72deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(4) {
    transform: rotate(144deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(4) .cre_icon_box {
    transform: translate3d(-50%, -50%, 0) rotate(-144deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) {
    transform: rotate(216deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) .cre_icon_box {
    transform: translate3d(-50%, -50%, 0) rotate(-216deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(2) {
    transform: rotate(288deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(2) .cre_icon_box {
    transform: translate3d(-50%, -50%, 0) rotate(-288deg);
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box {
    width: 25.2%;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 50%;
    transition: all 0.5s ease;
    border-radius: 100%;
    background-color: #fff;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box img, .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box i {
    display: block;
    width: 100%;
    transition: all 0.5s ease;
    color: #a9b1b2;
    font-size: .86rem;
    line-height: 1;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box img.cre_icon_i, .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box i.cre_icon_i {
    display: none;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box .cre_icon_on {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    color: #85ccbe;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box {
    position: relative;
    border-radius: 100%;
    overflow: hidden;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box .cre_col {
    display: block;
    width: 100%;
    opacity: .8;
    transition: all 0.5s ease;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box .cre_pro {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 61%;
    display: block;
    opacity: .5;
    transition: all 0.5s ease;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    text-align: center;
    display: flex;
    align-items: center;
    width: 31%;
    height: 31%;
    cursor: pointer;
    transition: all 0.5s ease;
    color: #3b4048;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: -1;
    transition: all 0.5s ease;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn span {
    text-align: center;
    width: 100%;
    font-family: 'f-Regular';
    font-size: .2rem;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn:hover {
    color: #85ccbe;
}

.creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn:hover::before {
    transform: translate3d(-50%, -50%, 0) scale(1.13);
}

.creativeTechnology_body .cre_con_box .cre_peo {
    position: absolute;
    top: 50%;
    left: 89%;
    width: 21.78%;
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    transition: all 0.5s ease;
    opacity: 0;
}

.creativeTechnology_body .cre_con_box .cre_peo .cre_img_001 {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease;
    transform: translate3d(0, 100%, 0);
}

.creativeTechnology_body .cre_con_box .cre_peo .cre_img_002 {
    position: absolute;
    left: 38%;
    top: -87%;
    max-width: none;
    width: 150.8%;
    display: block;
    transform: translate3d(100%, 0, 0);
    transition: all 0.5s ease;
}

.creativeTechnology_body .cre_con_box.on .cre_de_text_box {
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}

.creativeTechnology_body .cre_con_box.on .cre_de_text_box .cre_de_img {
    transform: translate3d(0, -100%, 0);
    transition: all .5s ease;
}

.creativeTechnology_body .cre_con_box.on .cre_de_text_box .cre_de_text {
    transform: translate3d(0, 100%, 0);
    transition: all .5s ease;
}

.creativeTechnology_body .cre_con_box.on .cre_text_box {
    opacity: 1;
    pointer-events: none;
    transition: all .5s ease .2s;
}

.creativeTechnology_body .cre_con_box.on .cre_con_det_case {
    left: 50%;
    width: 33.5%;
}

.creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_show_box {
    width: 128.3%;
    transition: none;
}

.creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_show_box .cre_icon_case {
    opacity: 1;
    pointer-events: auto;
}

.creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_img_box .cre_col {
    opacity: 1;
}

.creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_img_box .cre_pro {
    opacity: 1;
}

.creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_btn {
    opacity: 0;
    pointer-events: none;
}

.creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_btn span {
    text-align: center;
    width: 100%;
    font-family: 'f-Regular';
    font-size: .2rem;
}

.creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_btn:hover {
    background-color: #85ccbe;
    color: #fff;
}

.creativeTechnology_body .cre_con_box.on .cre_peo {
    opacity: 1;
}

.creativeTechnology_body .cre_con_box.on .cre_peo .cre_img_001 {
    transform: translate3d(0, 0, 0);
}

.creativeTechnology_body .cre_con_box.on .cre_peo .cre_img_002 {
    transform: translate3d(0, 0, 0);
}

.search_body .sty_right .sea_box {
    display: flex;
    align-items: center;
}

.search_body .sty_right .sea_box .sea-right {
    width: 62%;
    border-radius: 0;
    background-color: #f5f5f5;
    overflow: hidden;
    position: relative;
    height: .66rem;
}

.search_body .sty_right .sea_box .sea-right .sea-sou {
    font-size: 0;
}

.search_body .sty_right .sea_box .sea-right .sea-sou input, .search_body .sty_right .sea_box .sea-right .sea-sou button {
    background-color: transparent;
    outline: none;
    border: none;
    display: block;
    line-height: .66rem;
}

.search_body .sty_right .sea_box .sea-right .sea-sou input {
    font-size: 16px;
    text-indent: .4rem;
    width: 100%;
}

.search_body .sty_right .sea_box .sea-right .sea-sou button {
    cursor: pointer;
    position: absolute;
    width: .8rem;
    text-align: center;
    right: 0;
    top: 0;
    color: #fff;
    background-color: #85ccbe;
    transition: all 0.5s ease;
}

.search_body .sty_right .sea_box .sea-right .sea-sou button i {
    font-size: .3rem;
    display: block;
}

.search_body .sty_right .sea_box .sea_num {
    width: 38%;
    text-align: right;
    font-size: 16px;
    line-height: 1;
    color: #60666f;
}

.search_body .sty_right .sea_box .sea_num span {
    margin-left: .15rem;
    color: #85ccbe;
    font-size: .3rem;
    font-family: 'f-Regular';
}

.search_body .sty_right .sea_list {
    margin-top: 6.25vw;
}

.search_body .sty_right .sea_case {
    display: block;
    border: 1px solid;
    border-color: transparent;
    transition: all 0.5s ease;
    position: relative;
    padding: 5px 0;
    margin-bottom: .35rem;
}

.search_body .sty_right .sea_case .qa_box > div {
    cursor: pointer;
    position: relative;
    font-size: 0;
}

.search_body .sty_right .sea_case .qa_box > div.btn_q_title {
    padding: .3rem 0;
    border-bottom: 2px solid #e6e8eb;
}

.search_body .sty_right .sea_case .qa_box > div.btn_q_title::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: #85ccbe;
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: all 0.5s ease;
}

.search_body .sty_right .sea_case .qa_box > div.btn_q_title > div {
    color: #3b4048;
    display: inline-block;
    vertical-align: middle;
}

.search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_category {
    width: .7rem;
    margin: 0 .4rem 0 .2rem;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    line-height: 2.28;
    font-size: 14px;
    background-color: #afb1b5;
}

.search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_text {
    width: calc(100% - 1.3rem);
}

.search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_text .sea_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 1.5;
    font-size: 16px;
}

.search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_text .sea_time {
    margin-top: .14rem;
    line-height: 1;
    color: #60666f;
    font-size: 12px;
}

.search_body .sty_right .sea_case .qa_box > div.btn_q_title .q_icon_box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    line-height: 1;
    color: #dcdedf;
    transition: all 0.5s ease;
}

.search_body .sty_right .sea_case:hover .qa_box > div.btn_q_title::after {
    width: 100%;
}

.mer_src1_lb .swiper-container,
.pro_list_case .swiper-container,
.res_honor_box .swiper-container {
    cursor: url("/templates/dist/image/shubiao.png"), auto;
}

.loxic_body .sty1_width .sty_left {
    width: 50%;
}

.loxic_body .sty1_width .sty_left .pub_title {
    font-size: .9rem;
    font-family: 'f-Light';
}

.loxic_body .sty1_width .sty_left .pub_title span {
    display: block;
}

.loxic_body .sty1_width .sty_left .pub_title span:nth-child(2):before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    width: 9.375vw;
    background-color: #3b4048;
    margin-right: 2.6vw;
}

.loxic_body .sty1_width .sty_left .pub_title_en {
    margin-left: 9.375vw;
    font-weight: 700;
    font-family: Arial, "Microsoft YaHei", STXihei, "Hiragino Sans GB", sans-serif;
}

.loxic_body .sty1_width .sty_left .lox_info_box {
    margin-top: 7.2vw;
    margin-left: 9.375vw;
    position: relative;
}

.loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
    background-color: transparent;
}

.loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box > div {
    transform: translate(-50%, -53%) scale(0.3);
    position: fixed;
}

.loxic_body .sty1_width .sty_left .lox_info_box .lox_info {
    font-size: 16px;
    line-height: 1.75;
    text-align: justify;
    color: #000;
    position: relative;
    padding-right: 7%;
}

.loxic_body .sty1_width .sty_right {
    width: 44.8%;
    padding-top: calc(4.166vw + .6rem + 20px);
    margin-right: 5.2%;
    position: relative;
    padding-bottom: 2rem;
}

.loxic_body .sty1_width .sty_right .lox_det {
    display: flex;
    text-align: center;
    font-size: 0;
    margin: .6rem 0;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_img_box {
    width: 53.5%;
    text-align: right;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div {
    display: inline-block;
    width: 86%;
    position: relative;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div .lox_time {
    position: absolute;
    left: 27.5%;
    top: 50%;
    transform: translate3d(-50%, -89%, 0) rotate(-90deg);
    font-size: 2.6rem;
    line-height: 1;
    font-family: 'f-Regular';
    opacity: .06;
    color: #3b4048;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div .lox_time div {
    opacity: 0;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div .lox_time span {
    position: absolute;
    left: -15%;
    top: 0;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div img {
    display: block;
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 6;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_text_box {
    width: 46.5%;
    color: #3b4048;
    line-height: 1.75;
    text-align: left;
    margin-top: 7%;
    transition: all 0.5s ease;
    opacity: 0;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title_en {
    font-size: 14px;
    font-family: 'f-Regular';
    opacity: .6;
    margin-bottom: .25rem;
}

.loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title {
    font-size: .22rem;
    font-weight: 700;
}

.loxic_body .sty1_width .sty_right .lox_det.on .lox_text_box {
    opacity: 1;
}

@media all and (max-width: 1024px) {
    .loxic_body .sty1_width .sty_right .lox_det .lox_text_box {
        opacity: 1;
    }
}

.loxic_body .sty1_width .sty_right .lox_det:nth-child(even) {
    flex-direction: row-reverse;
}

.loxic_body .sty1_width .sty_right .lox_det:nth-child(even) .lox_img_box {
    text-align: left;
}

.loxic_body .sty1_width .sty_right .lox_det:nth-child(even) .lox_img_box > div {
    transform: scale(0.9);
    transform-origin: 0 50%;
}

.loxic_body .sty1_width .sty_right .lox_det:nth-child(even) .lox_text_box {
    text-align: right;
}

.loxic_body .sty1_width .sty_right .dot_me_box {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate3d(-50%, -50%, 0);
    background-color: transparent;
    width: 100px;
    height: 100px;
    z-index: -4;
}

.loxic_body .sty1_width .sty_right .dot_me_box > div {
    transform: translate(-50%, -50%) scale(0.6);
    position: absolute;
}

.loxicDet_body {
    background-color: #fcfcfc;
    min-height: 101vh;
}

.loxicDet_body .sty2_width {
    width: 83.85%;
}

.loxicDet_body .sty2_width > div {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.loxicDet_body .pub_con_box {
    position: relative;
}

.loxicDet_body .tec_mes_btn_box {
    position: relative;
    width: 83.85%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 7;
}

.loxicDet_body .tec_mes_btn_box > a {
    top: calc(17.43vw + 1.2rem + 50px);
    color: #d4d8de;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.5s ease;
    letter-spacing: .15em;
    position: absolute;
    left: 0;
    display: block;
}

.loxicDet_body .tec_mes_btn_box > a i {
    margin-right: .4rem;
}

.loxicDet_body .tec_mes_btn_box > a::before {
    left: calc(100% + .6rem);
}

.loxicDet_body .tec_mes_btn_box > a:last-child {
    right: 0;
    left: auto;
}

.loxicDet_body .tec_mes_btn_box > a:last-child i {
    margin-left: .4rem;
}

.loxicDet_body .tec_mes_btn_box > a:last-child::before {
    left: auto;
    right: calc(100% + .6rem);
}

.loxicDet_body .tec_mes_btn_box > a.hide {
    opacity: 0 !important;
    pointer-events: none;
}

.loxicDet_body .tec_mes_btn_box > a::before {
    content: '';
    pointer-events: none;
    display: block;
    height: 1px;
    width: 11.56vw;
    background-color: #aeb9c3;
    opacity: .2;
    position: absolute;
    top: 50%;
    margin-left: -.5px;
}

@media all and (min-width: 1025px) {
    .loxicDet_body .tec_mes_btn_box > a:hover {
        color: #85ccbe;
    }
}

.loxicDet_body .tec_mes_btn_box > a i {
    font-size: 22px;
}

.loxicDet_body .lox_d_case {
    min-height: 100vh;
    padding-top: 17.8vh;
    position: relative;
    text-align: center;
    color: #3b4048;
}

.loxicDet_body .lox_d_case .lox_d_title {
    font-size: .5rem;
    line-height: 1;
    font-weight: 700;
}

.loxicDet_body .lox_d_case .lox_d_set {
    margin: .3rem auto 0;
    border-radius: 30px;
    color: #fff;
    background-color: #85ccbe;
    line-height: 2.27;
    font-weight: 700;
    padding: 0 .3rem;
    display: inline-block;
    font-size: 22px;
    letter-spacing: .1em;
    box-shadow: 0 35px 51px rgba(133, 204, 190, 0.3);
    position: relative;
    z-index: 1;
}

.loxicDet_body .lox_d_case .loxd_pro_box {
    margin: .4rem auto 0;
    width: 22%;
    position: relative;
}

.loxicDet_body .lox_d_case .loxd_pro_box img {
    display: block;
    width: 100%;
}

.loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg {
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1;
    font-family: 'f-Regular';
    transform: translate3d(-50%, -40%, 0);
    font-size: 5rem;
    opacity: .06;
    pointer-events: none;
    letter-spacing: .1em;
    text-indent: .1em;
}

.loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg div {
    opacity: 0;
}

.loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_box {
    font-size: 16px;
    color: #93979d;
    margin-top: -6%;
    position: absolute;
    text-align: center;
    width: 100%;
    top: calc(100% + 30px);
}

.loxicDet_body .lox_d_case .lox_d_advantage {
    margin-top: 7.5vh;
    font-size: .24rem;
    line-height: 1.5;
    font-weight: 700;
}

.loxicDet_body .lox_d_case .lox_d_name {
    font-size: 16px;
    line-height: 1.5;
    margin-top: .22rem;
}

.BMapLabel {
    transform: translateX(-50%);
}

.abo_src3_alone > div img {
    display: none;
}

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

.life_body .pub_banner_box .pub_banner_text_box {
    width: 72%;
}

.life_body .pub_banner_box .pub_banner_text_box .pub_banner_img {
    width: 57.3%;
    margin: 0 auto;
}

.life_body .pub_banner_box .pub_banner_text_box .pub_banner_img img {
    display: block;
    width: 100%;
}

.life_body .pub_banner_box .pub_banner_text_box .pub_pol_en {
    text-align: center;
    text-transform: uppercase;
    font-size: .24rem;
    letter-spacing: .05rem;
    font-family: 'f-Regular';
    margin-top: .28rem;
}

.life_body .life_src1 {
    padding: 7.8125vw 0 5vw;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.life_body .life_src1 .life_src1_top {
    border-bottom: 1px solid #e9e9e9;
    width: 64%;
    padding-bottom: .5rem;
    margin: 0 auto;
}

.life_body .life_src1 .life_src1_top .life_title {
    font-size: .54rem;
    line-height: 1;
    color: #3b4048;
    padding-bottom: .3rem;
    position: relative;
    font-weight: 700;
}

.life_body .life_src1 .life_src1_top .life_title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.5em;
    height: 1px;
    width: 1em;
    background-color: #85ccbe;
}

.life_body .life_src1 .life_src1_top .life_en {
    color: #3b4048;
    line-height: 1.3;
    font-size: .36rem;
    margin-top: .55rem;
    font-family: 'f-Light';
    letter-spacing: .03rem;
    text-shadow: 0 10px 5px rgba(2, 2, 2, 0.1);
}

.life_body .life_src1 .life_src1_top .life_en span {
    color: #85ccbe;
}

.life_body .life_src1 .life_mess {
    font-size: .32rem;
    line-height: 1.875;
    color: #3b4048;
    text-align: center;
    margin-top: .5rem;
    font-weight: 700;
}

.life_body .life_src2 {
    position: relative;
}

.life_body .life_src2 .swiper-container {
    height: 7.8rem;
}

.life_body .life_src2 .swiper-container .swiper-pagination {
    right: 3.5%;
}

.life_body .life_src2 .swiper-container .swiper-pagination span {
    width: .1rem;
    height: .06rem;
    opacity: .15;
    margin: .32rem 0;
    position: relative;
    border-radius: 0;
}

.life_body .life_src2 .swiper-container .swiper-pagination span::before {
    content: '';
    display: block;
    bottom: 100%;
    left: 0;
    position: absolute;
    width: 0;
    height: 0;
    border: .05rem solid transparent;
    border-bottom-width: .025rem;
    border-bottom-color: black;
}

.life_body .life_src2 .swiper-container .swiper-pagination span::after {
    content: '';
    display: block;
    top: 100%;
    left: 0;
    position: absolute;
    width: 0;
    height: 0;
    border: .05rem solid transparent;
    border-top-width: .025rem;
    border-top-color: black;
}

.life_body .life_src2 .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #000;
    opacity: .5;
}

.life_body .life_src2 .swiper-slide > div {
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    min-height: 7.8rem;
}

.life_body .life_src2 .swiper-slide > div > img {
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    display: block;
    transition: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateZ(0) scale(1.2);
}

.life_body .life_src2 .swiper-slide > div > img.on {
    transform: translate(-50%, -50%) translateZ(0) scale(1);
    transition: all 3s ease-in-out;
}

.life_body .life_src2 .life_src2_con {
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 24px 0 68px rgba(59, 64, 72, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.7rem;
    height: 5.7rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    z-index: 5;
}

.life_body .life_src2 .life_src2_con > div {
    text-align: center;
    line-height: 1;
}

.life_body .life_src2 .life_src2_con > div > div {
    font-size: .26rem;
    margin-bottom: .55rem;
    color: #545454;
    font-weight: 700;
    cursor: pointer;
}

.life_body .life_src2 .life_src2_con > div > div.on {
    color: #85ccbe;
}

.life_body .life_src2 .life_src2_con > div > div > span {
    font-family: 'f-Regular';
    font-size: .6rem;
    margin-right: .15rem;
    font-weight: normal;
}

.life_body .life_src2 .life_src2_con > div > div > span span {
    font-size: .3rem;
}

.life_body .life_src2 .life_src2_con > div > div:last-child {
    margin-bottom: 0;
}

.life_body .life_src3 {
    width: 82.3%;
    margin: 0 auto;
    padding: 6.5vw 0 12.5vw;
}

.life_body .life_src3 .lift_src3_info {
    line-height: 1.875;
    color: #3b4048;
    font-size: .32rem;
    margin-bottom: 5.46vw;
    text-align: center;
    font-weight: 700;
}

.life_body .life_src3 .life_show_box {
    display: flex;
    box-shadow: 19px 0 50px rgba(2, 2, 2, 0.06);
    margin-bottom: 6.04vw;
}

.life_body .life_src3 .life_show_box .swiper-container {
    width: 68%;
}

.life_body .life_src3 .life_show_box .swiper-container img {
    display: block;
    width: 100%;
}

.life_body .life_src3 .life_show_box .swiper-container .swiper-button-prev, .life_body .life_src3 .life_show_box .swiper-container .swiper-button-next {
    text-align: center;
    color: #fff;
}

.life_body .life_src3 .life_show_box .swiper-container .swiper-button-prev i, .life_body .life_src3 .life_show_box .swiper-container .swiper-button-next i {
    font-size: .3rem;
}

@media all and (min-width: 1025px) {
    .life_body .life_src3 .life_show_box .swiper-container .swiper-button-prev {
        left: .4rem;
    }

    .life_body .life_src3 .life_show_box .swiper-container .swiper-button-next {
        right: .4rem;
    }
}

.life_body .life_src3 .life_show_box .life_show_info_box {
    width: 32%;
    padding: 6% 2% 2% 5.1%;
    overflow: hidden;
}

.life_body .life_src3 .life_show_box .life_show_info_box .life_show_title {
    color: #85ccbe;
    line-height: 1;
    font-size: .48rem;
    position: relative;
    font-weight: 700;
}

.life_body .life_src3 .life_show_box .life_show_info_box .life_show_title::before {
    content: attr(data-en);
    font-size: .72rem;
    color: #686868;
    line-height: .5;
    font-family: 'f-Regular';
    font-weight: normal;
    position: absolute;
    bottom: 100%;
    left: -.5em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .1;
}

.life_body .life_src3 .life_show_box .life_show_info_box .life_show_life {
    font-size: .3rem;
    color: #686868;
    margin-top: .6rem;
    line-height: 2;
}

.life_body .life_src3 .btn_box {
    text-align: center;
}

.life_body .life_src3 .btn_box .btn_link_life {
    padding: 0 .6rem;
    line-height: 2.4545;
    font-size: .22rem;
    display: inline-block;
    width: auto;
    margin-top: 0;
}

.mer_body .sty2_width {
    width: 100%;
}

.mer_body .pub_banner_text_box {
    text-align: center;
    width: 72%;
}

.mer_body .swiper-pagination span {
    opacity: .5;
    margin: 0 .09rem;
    width: .1rem;
    height: .1rem;
    background-color: transparent;
    border: 1px solid #fff;
}

.mer_body .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff;
}

.mer_body .pol_title_en {
    font-size: .4rem;
    line-height: 1;
    color: #3b4048;
    margin-top: .3rem;
    font-family: 'f-Regular';
    text-align: center;
}

.mer_body .mer_src1_lb {
    margin: .7rem auto 0;
    width: 72%;
}

.mer_body .mer_src1_lb .swiper-container {
    border-radius: .3rem;
    margin-bottom: .9rem;
}

.mer_body .mer_src1_lb .swiper-container .active .mer_lb_box .mer_text_box > div {
    display: block;
}

.mer_body .mer_src1_lb .mer_lb_box {
    display: flex;
}

.mer_body .mer_src1_lb .mer_lb_box .mer_img_box {
    width: 70%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.mer_body .mer_src1_lb .mer_lb_box .mer_img_box::before {
    content: '';
    display: block;
    margin-top: 74.066%;
}

.mer_body .mer_src1_lb .mer_lb_box .mer_text_box {
    width: 30%;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 5.1%;
    background-color: #85CCBE;
}

.mer_body .mer_src1_lb .mer_lb_box .mer_text_box > div {
    display: none;
}

.mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_xh {
    font-size: .4rem;
    line-height: .75;
    margin-bottom: .4rem;
    font-family: 'f-Regular';
}

.mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_mc {
    font-size: .4rem;
    line-height: 1.5;
}

.mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_mc_en {
    font-size: .3rem;
    line-height: 1.3;
    font-family: 'f-Regular';
}

.mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_info {
    font-size: .16rem;
    text-align: justify;
    line-height: 1.75;
    margin-top: .36rem;
}

.mer_body .mer_src1_lb .swiper-pagination {
    text-align: left;
    left: 75.1%;
    bottom: 9.6%;
}

.mer_body .mer_src1_lb .swiper-pagination span:nth-child(1) {
    margin-left: 0;
}

.mer_body .mem_src2_box {
    background-color: #f2f3f5;
    padding-top: 5.2%;
    padding-bottom: 7.8125%;
}

.mer_body .mem_src2_box .pol_info {
    margin-top: .65rem;
    line-height: 1.875;
}

.mer_body .mem_src2_box .mer_src2_lb {
    margin: .95rem auto 0;
    width: 72%;
    position: relative;
}

.mer_body .mem_src2_box .mer_src2_lb .swiper-container {
    z-index: 66;
}

.mer_body .mem_src2_box .mer_src2_lb .swiper-pagination {
    display: none;
}

.mer_body .mem_src2_box .mer_src2_lb .dot_me_box {
    opacity: 1;
}

.mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
    transform: translate(-50%, -50%) scale(0.61);
}

.mer_body .mem_src2_box .swiper-container {
    overflow: visible;
}

.mer_body .mem_src2_box .swiper-container a {
    display: block;
}

.mer_body .mem_src2_box .swiper-container a .mer_pro_name {
    font-size: .31rem;
    line-height: 1.5;
    color: #000;
    text-align: center;
    margin-bottom: .8rem;
    transition: all 0.5s ease;
    font-style: italic;
}

.mer_body .mem_src2_box .swiper-container a img {
    display: block;
    margin: 0 auto;
    width: 77.5%;
    transition: all 0.5s ease;
}

@media all and (min-width: 1025px) {
    .mer_body .mem_src2_box .swiper-container a.on .mer_pro_name {
        text-shadow: 0 13px 6px rgba(0, 0, 0, 0.09);
    }

    .mer_body .mem_src2_box .swiper-container a.on img {
        transform: translateX(-14%) scale(1.075);
    }
}

.mer_body .mem_src3_box {
    padding-top: 5.2%;
    position: relative;
    padding-bottom: 0;
}

.mer_body .mem_src3_box .mer_bg {
    position: absolute;
    width: 100%;
    height: 120%;
    pointer-events: none;
    background-position: center;
    background-size: cover;
}

.mer_body .mem_src3_box .mer_src3_list {
    margin: .3rem auto 0;
    width: 72%;
}

.mer_body .mem_src3_box .mer_src3_list > div {
    display: flex;
    align-items: center;
    padding: .25rem 0;
}

.mer_body .mem_src3_box .mer_src3_list .mer_src3_num {
    font-family: 'f-Regular';
    font-size: .4rem;
    line-height: .75;
    color: #E0E2E6;
    width: .75rem;
}

.mer_body .mem_src3_box .mer_src3_list .mer_src3_name {
    width: 1.26rem;
    font-size: .24rem;
    line-height: 1.5;
    color: #3B4048;
}

.mer_body .mem_src3_box .mer_src3_list .mer_src3_info {
    line-height: 1.5;
    color: #9DA0A5;
    font-size: 16px;
    text-align: justify;
    width: calc(100% - 2.01rem);
}

.mer_body .mem_src4_box {
    padding-top: 5.2%;
    padding-bottom: .3rem;
    position: relative;
    z-index: 2;
}

.mer_body .mem_src4_box .mer_src4_con {
    margin-top: .7rem;
    height: 7.8rem;
    overflow: hidden;
    position: relative;
}

.mer_body .mem_src4_box .mer_src4_con > img {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.mer_body .mem_src4_box .mer_src4_con iframe {
    height: 100%;
    width: 100%;
}

.mer_body .mem_src4_box .btn_sq {
    margin-top: .6rem;
}

.mer_body .mem_src5_box {
    padding-top: 5.2%;
    padding-bottom: .3rem;
}

.mer_body .mem_src5_box .mer_src5_con {
    width: 72%;
    margin: .6rem auto 0;
    display: flex;
    justify-content: space-between;
}

.mer_body .mem_src5_box .mer_src5_con > div {
    border: 1px solid #E3E6E6;
    border-radius: .12rem;
    display: flex;
    align-items: flex-start;
    padding: .8rem .36rem .5rem;
    width: 31.533%;
}

.mer_body .mem_src5_box .mer_src5_con > div i {
    margin-right: .3rem;
    font-size: .45rem;
    width: .88rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    color: #fff;
    background-color: #85ccbe;
    border-radius: 50%;
    box-shadow: 0px 30px 55px 0px rgba(133, 204, 190, 0.4);
}

.mer_body .mem_src5_box .mer_src5_con > div > div {
    width: calc(100% - .88rem - .3rem);
}

.mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_name {
    font-size: .24rem;
    font-weight: 700;
    color: #3B4048;
    line-height: 1;
    margin-top: .05rem;
}

.mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_info {
    font-size: .18rem;
    color: #9DA0A5;
    line-height: 1.66;
    min-height: .9rem;
    margin-top: .25rem;
}

.mer_body .mem_src6_box {
    padding-top: 5.2%;
    padding-bottom: .3rem;
}

.mer_body .mem_src6_box .mer_src6_con {
    margin: .8rem auto;
    width: 72%;
}

.mer_body .mem_src6_box .mer_src6_con form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mer_body .mem_src6_box .mer_src6_con form label {
    margin-bottom: .4rem;
    display: flex;
    width: calc((100% - .7rem) / 2);
    align-items: flex-start;
    color: #3B4048;
    line-height: .3rem;
}

.mer_body .mem_src6_box .mer_src6_con form label span {
    font-size: .24rem;
    padding-top: .1rem;
    padding-bottom: .1rem;
}

.mer_body .mem_src6_box .mer_src6_con form label span em {
    color: #FF0000;
}

.mer_body .mem_src6_box .mer_src6_con form label input, .mer_body .mem_src6_box .mer_src6_con form label textarea {
    border: 1px solid #E3E5E5;
    font-size: .24rem;
    padding: .1rem;
}

.mer_body .mem_src6_box .mer_src6_con form label textarea {
    resize: none;
    height: 1.8rem;
}

@media all and (min-width: 641px) {
    .mer_body .mem_src6_box .mer_src6_con form label:nth-child(odd) span {
        width: 2rem;
    }

    .mer_body .mem_src6_box .mer_src6_con form label:nth-child(odd) input, .mer_body .mem_src6_box .mer_src6_con form label:nth-child(odd) textarea {
        width: calc(100% - 2rem);
    }

    .mer_body .mem_src6_box .mer_src6_con form label:nth-child(even) span {
        width: 1.55rem;
    }

    .mer_body .mem_src6_box .mer_src6_con form label:nth-child(even) input, .mer_body .mem_src6_box .mer_src6_con form label:nth-child(even) textarea {
        width: calc(100% - 1.55rem);
    }
}

.mer_body .mem_src6_box .mer_src6_con form label:last-child {
    width: 100%;
}

.mer_body .mer_kf_box {
    position: fixed;
    right: 4.17%;
    top: 50%;
    margin-top: -.44rem;
    z-index: 999;
}

.mer_body .mer_kf_box .iconfont {
    border-radius: 50%;
    text-align: center;
    line-height: .6rem;
    background-color: #85ccbe;
    color: #fff;
    width: .6rem;
    height: .6rem;
    font-size: .3rem;
    cursor: pointer;
}

.mer_body .mer_kf_box .mer_kf_con {
    right: calc(100% + .2rem);
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #E3E5E5;
    border-radius: .12rem;
    box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.09);
    position: absolute;
    padding: .4rem .34rem;
    width: 3rem;
    display: none;
}

.mer_body .mer_kf_box .mer_kf_con::before {
    content: '';
    display: block;
    transform: translate(50%, -50%) rotate(45deg);
    width: .2rem;
    height: .2rem;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
}

.mer_body .mer_kf_box .mer_kf_con::after {
    content: '';
    position: absolute;
    left: 100%;
    width: .2rem;
    height: 100%;
    top: 0;
}

.mer_body .mer_kf_box .mer_kf_con a {
    cursor: pointer;
}

.mer_body .mer_kf_box .mer_kf_con div, .mer_body .mer_kf_box .mer_kf_con a {
    font-size: .24rem;
    line-height: 1;
    color: #3B4048;
    display: block;
}

.mer_body .mer_kf_box .mer_kf_con div {
    margin-top: .4rem;
}

.mer_body .mer_kf_box .mer_kf_con .ke_zx {
    color: #85ccbe;
    font-weight: 700;
}

.mer_body .mer_kf_box .mer_kf_con .ke_info {
    margin-top: .18rem;
    color: #999999;
    font-size: .18rem;
}

.mer_body .mer_kf_box .mer_kf_con img {
    width: 1.36rem;
    display: block;
    margin: .17rem 0 -.1rem -.08rem;
}

.mer_body .mer_kf_box:hover .mer_kf_con {
    display: block;
}

.mer_body #newBridge .icon-right-center {
    opacity: 0;
    pointer-events: none;
}

.mer_body #newBridge .nb-icon-right-center {
    opacity: 0;
    pointer-events: none;
}

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

.brand_body section > .footer_case {
    display: none;
}

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

    .loxicDet_body .lox_d_case .lox_d_advantage {
        font-size: .22rem;
    }

    .loxicDet_body .lox_d_case .lox_d_name {
        margin-top: .15rem;
    }

    .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
        transform: translate(-50%, -50%) scale(0.5);
    }
}

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

    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text {
        width: 120%;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box {
        transform: translate3d(0, -50%, 0);
        width: 25.5%;
    }

    .loxicDet_body .lox_d_case .loxd_pro_box {
        width: 27%;
    }
}

@media all and (max-width: 1400px) {
    .nav_text_case > div > div ul li {
        line-height: 3;
    }
}

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

    .loxicDet_body .lox_d_case .loxd_pro_box {
        width: 22%;
    }

    .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
        transform: translate(-50%, -50%) scale(0.45);
    }

    .nav_text_case > div > div ul li {
        line-height: 2.8;
    }
}

@media all and (max-width: 1280px) {
    .int_src3_case > div {
        width: 85%;
    }

    .int_src2_info {
        font-size: .28rem;
    }

    .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
        transform: translate(-50%, -50%) scale(0.4);
    }

    .nav_text_case > div > div ul li {
        line-height: 2.5;
    }
}

.cre_btn_m {
    display: none;
}

.btn_nav_open i {
    display: none;
}

.ind_src2_case_box {
    height: 100%;
}

.m_con_img {
    display: none;
}

@media all and (max-width: 1024px) {
    .ind_body .banner_img_box .dot_me_box {
        z-index: 1;
    }

    .ind_banner_box .swiper-wrapper .swiper-slide:first-child .banner_img_box .banner_m {
        display: none;
    }

    .banner_img_box {
        overflow: hidden;
    }

    .banner_img_box .banner_pc {
        display: none;
    }

    .banner_img_box .banner_m {
        display: block;
    }

    .banner_img_box video {
        opacity: 0;
        display: none;
    }

    .banner_img_box #myCanvas {
        position: absolute;
        min-width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        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;
    }

    body.ind_body .lb_nav_box {
        display: none;
    }

    .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;
    }

    .header_m.on .btn_nav_m span {
        background-color: #fff;
    }

    .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: 30px;
        top: 10%;
        height: 80%;
    }

    .header_m .logo_box_m img {
        display: block;
        height: 100%;
    }

    .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_con {
        padding-top: 0;
        width: 50%;
    }

    body:not(.ind_body) {
        padding-top: 80px;
    }

    body:not(.ind_body) .nav {
        background-color: #fff;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .nav {
        height: 80px;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0 30px;
    }

    .nav .nav_btn {
        display: none;
    }

    .nav .nav_btn > span {
        line-height: 80px;
        height: auto;
        margin-right: 85px;
    }

    .nav .logo_box {
        width: auto;
        height: 65%;
        left: 0;
        top: 17.5%;
    }

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

    .btn_nav_open {
        display: block;
        width: 60px;
        height: 60px;
        top: 10px;
        right: 30px;
        text-align: center;
        color: #fff;
        z-index: 10;
    }

    .btn_nav_open i {
        display: block;
        line-height: 60px;
    }

    .nav_text_case .btn_nav_close {
        display: block;
        width: 60px;
        height: 60px;
        top: 10px;
        right: 30px;
        line-height: 60px;
        text-align: center;
    }

    .pro_tab_box {
        top: 80px;
    }

    .nav_text_num {
        display: none;
    }

    .nav_text_case > div {
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        height: auto;
        max-height: 100%;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
    }

    .nav_text_case > div > div {
        width: 100%;
        height: auto;
        padding: .25rem 0;
    }

    .nav_text_case > div > div .nav_text_name {
        margin-top: 0;
    }

    .banner_img_box .banner_text_img_box {
        top: 20%;
        transform: translate(-50%, 0);
    }

    .banner_img_box .banner_img {
        width: 65%;
    }

    .ind_body .ind_src2 > div .ind_pro_box .pro_img_box {
        top: 15%;
        transform: translate3d(0, 0, 0);
    }

    .ind_body .ind_src2 > div .ind_pro_box .pro_ad {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        padding: 0 15px;
        transform: translate3d(0, 0, 0);
    }

    .ind_body .ind_src2 > div .ind_pro_box .pro_img_box .pro_img {
        width: 60%;
    }

    .ind_body .ind_src2 > div .sho_tab_box {
        bottom: 10%;
    }

    .ind_body .ind_src2 > div .ind_pro_box .btn_det_box {
        position: relative;
        top: 0;
        margin-top: .3rem;
        right: auto;
        transform: translate3d(0, 0, 0);
    }

    .ind_body .ind_src2 > div .ind_pro_box .btn_det_box span {
        display: none;
    }

    .ind_body .ind_src2 > div .ind_pro_box .btn_det_box a {
        margin: 0 auto;
        display: none;
    }

    .ind_body .ind_src2 > div .sho_tab_box .pro_nav_img {
        width: 80%;
    }

    .ind_body .ind_src3 > div .ind_src3_sty {
        height: 50%;
        width: 100%;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right {
        top: auto;
        bottom: 0;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left {
        top: 0;
    }

    .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_bg {
        width: 100%;
    }

    .ind_src3_img {
        display: none;
    }

    .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text {
        width: 100%;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_left .ind_src3_text {
        left: 0;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_text {
        right: 0;
    }

    .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_bg .ind_src3_img {
        opacity: 1;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_bg .ind_src3_img {
        height: 120%;
        margin-top: -15%;
    }

    .ind_body .ind_src4 > div .ind_src4_p_img {
        left: 7.5%;
        width: 85%;
        display: none;
    }

    .m_con_img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .ind_body .ind_src3 > div .ind_src3_sty.ind_src3_right .ind_src3_text {
        top: 50%;
    }

    .ind_body .ind_lb_box .active .row > .ind_src4 > div {
        position: absolute;
        width: 75%;
        height: auto;
        left: 50%;
        top: calc(50% + 30px);
        transform: translate3d(-50%, -50%, 0);
    }

    .ind_body .ind_lb_box .active .row > .ind_src4 > div::before {
        display: none;
    }

    .ind_body .ind_src4 > div .ind_con_box {
        position: absolute;
        width: 100%;
        top: 68%;
        right: auto;
        transform: translate3d(0, 0, 0);
        padding: 0 19%;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_logo {
        display: none;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name {
        padding: 0;
        text-align: center;
        color: #3b4048;
        font-weight: 700;
        font-size: .36rem;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name i {
        display: none;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_tel {
        padding: 0;
        text-align: center;
        color: #85ccbe;
    }

    .footer_case .ind_src5 > div .footer {
        padding: 1px 0;
    }

    .footer_case .ind_src5 > div .footer .footer_con {
        position: relative;
        top: 0;
        transform: translateY(0);
        display: flex;
        flex-wrap: wrap;
        padding: 0 12%;
        margin-top: 24%;
    }

    .footer_case .ind_src5 > div .footer .footer_con > div {
        width: 50%;
        margin-top: .3rem;
    }

    .ym_hint_box {
        bottom: 50%;
        transform: translateY(50%);
    }

    .ym_hint_box .page_box span {
        width: 4px;
        height: 4px;
        margin: .4rem auto;
    }

    .ym_hint_box .page_box span.swiper-pagination-bullet-active {
        margin: .5rem auto;
    }

    .cao_hint_box {
        display: none;
    }

    .sty1_width {
        padding: 0 30px;
        min-height: 100vh;
        overflow: hidden;
    }

    .sty1_width .sty_left {
        width: 100%;
        height: auto;
        padding-top: .7rem;
        position: relative;
    }

    .sty1_width .sty_right {
        width: 100%;
        margin-right: 0;
        padding-top: .8rem;
    }

    .loxic_body .sty1_width .sty_left {
        width: 100%;
    }

    .loxic_body .sty1_width .sty_right {
        width: 100%;
        margin-right: 0;
        padding-top: .8rem;
    }

    .title_info_box {
        position: relative;
        top: auto;
        left: 0;
        transform: translate3d(0, 0, 0);
    }

    .pub_go_back {
        display: none;
    }

    .loxicDet_body .sty2_width {
        padding: 0 30px;
        width: 100%;
    }

    .loxicDet_body .lox_d_case {
        padding-top: .7rem;
    }

    .loxicDet_body .lox_d_case .tec_mes_btn_box a::before {
        display: none;
    }

    .loxicDet_body .tec_mes_btn_box {
        width: 100%;
        transform: none;
        left: 0;
        height: 0;
    }

    .loxicDet_body .lox_d_case .loxd_pro_box {
        width: 50%;
    }

    .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg {
        font-size: 3rem;
    }

    .vid_info_box {
        cursor: pointer;
    }

    .productList_body .pro_list_case {
        min-height: calc(100vh - 80px);
        height: auto;
        padding-bottom: .5rem;
    }

    .productList_body .pro_list_case .swiper-container {
        height: auto;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper {
        height: auto;
        display: block;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide {
        height: auto;
        overflow: hidden;
        margin-top: .5rem;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con {
        margin: 0;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd) .pro_l_con {
        margin: 0;
    }

    .productList_body .pro_list_case .swiper-container {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }

    body.productDet_body {
        padding-top: 0;
    }

    .productDet_body .pro_detail_box {
        padding-bottom: 0;
    }

    .productDet_body .pro_parameter_box > div {
        display: block;
    }

    .productDet_body .pro_parameter_box > div > div {
        width: 100%;
        margin-right: 0;
    }

    .productDet_body .pro_d_img_box .pro_text_box {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .productDet_body .pro_d_img_box.pro_left .pro_text_box {
        left: 0;
    }

    .productDet_body .pro_d_img_box.pro_right .pro_text_box {
        left: 0;
    }

    .productDet_body .pro_lb_box > div {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .news_body .sty1_width .sty_left {
        width: 100%;
        padding-right: 0;
    }

    .news_body .sty1_width .sty_right .sty_con > div .news_det .news_num {
        display: none;
    }

    .title_info_box .pub_plan_hint_box {
        display: none;
    }

    .news_body .sty1_width .sty_right {
        padding-top: .5rem;
        width: 100%;
        margin-right: 0;
    }

    .news_btn_more_m {
        display: block;
    }

    .news_d_body .sty_right .news_d_con_box p:last-child {
        margin-bottom: 0;
    }

    .news_d_body .sty_right .news_nav_box {
        position: relative;
        transform: none;
        top: 0;
        right: auto;
        width: 100%;
    }

    .news_d_body .sty_right .news_nav_box a {
        width: 50%;
        text-align: center;
    }

    .news_d_body .sty_right .news_nav_box a:last-child {
        justify-content: flex-end;
    }

    .video_body .sty1_width .sty_left {
        width: 100%;
    }

    .video_body .vid_tab_box {
        margin-top: .5rem;
        display: flex;
    }

    .video_body .vid_tab_box > div {
        width: 50%;
        text-align: center;
    }

    .video_body .vid_tab_box > div span::before {
        display: none;
    }

    .video_body .vid_tab_box > div span::after {
        position: absolute;
        left: 50%;
        top: 120%;
        transform: translate3d(-50%, 0, 0);
    }

    .video_body .sty1_width .sty_right {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .video_body .sty1_width .sty_right .video_list {
        padding-right: 0;
        transform: none;
        position: relative;
        top: auto;
    }

    .video_body .sty1_width .sty_right .swiper-wrapper {
        display: block;
        height: auto;
    }

    .video_body .sty1_width .sty_right .swiper-slide {
        height: auto;
    }

    .video_body .sty1_width .sty_right .video_list .swiper-container .vid_box .vid_name {
        margin-top: .2rem;
        margin-bottom: .4rem;
    }

    .video_body .sty1_width .sty_right .video_list .swiper-container {
        height: auto;
        padding-right: 0;
    }

    .video_body .sty1_width .sty_right .video_list .swiper-container .vid_box {
        opacity: 1;
        transform: none;
    }

    .policy_body .pub_banner_text_box, .policy_body .pub_banner_info {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        left: 0;
    }

    .pub_banner_box {
        height: auto;
    }

    .research_body .pub_banner_box .pub_banner_text_box .pub_pol_mess {
        letter-spacing: initial;
    }

    .research_body .pub_banner_box .pub_banner_text_box {
        top: 40%;
    }

    .pub_banner_box .pub_banner_info, .pro_d_hint {
        bottom: 30px;
    }

    .sty2_width {
        width: 100%;
    }

    .upk_body .sty_left {
        display: none;
    }

    .serve_body .sty_right .upk_con .upk_title {
        font-size: .7rem;
        font-weight: 700;
        color: #85ccbe;
        margin-bottom: .2rem;
    }

    .serve_body .sty_right .upk_con .upk_step_name {
        padding: .15rem 0;
        font-weight: 700;
    }

    .serve_body .sty_right .upk_con > div {
        display: block;
        margin-top: .2rem;
    }

    .serve_body .sty_right .upk_con > div:first-child {
        margin-top: 0;
    }

    .about_us_body .sty_left {
        width: 100vw;
        height: 138vw;
        margin: 0 -30px;
    }

    .about_us_body .con_arrt_box {
        width: 100%;
        padding: 0 30px;
        left: 0;
        bottom: .5rem;
    }

    .about_us_body .con_arrt_box a .net_con_name {
        font-size: 20px;
        color: #85ccbe;
    }

    .about_us_body .pub_con_case > .con_arrt_box {
        float: left;
        display: none;
        position: relative;
        width: 100%;
        left: 0;
        padding-top: .5rem;
        padding-right: 0;
        bottom: 0;
    }

    .about_us_body .sty_right {
        padding-right: 0;
        padding-top: 0;
    }

    .about_us_body .sty_right .title_info_box .pub_title {
        margin-top: .7rem;
    }

    .about_us_body .sty_right .title_info_box {
        text-align: left;
    }

    .about_us_body .sty_right .net_con_box {
        margin-top: .5rem;
    }

    .about_us_body .sty_right .net_con_box .region_box {
        font-size: 18px;
    }

    .research_body .pub_banner_box .pub_banner_text_box {
        width: 100%;
        left: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .stores_body .sty_left #dituContent {
        height: 30vh;
    }

    .stores_body .sty_right {
        padding-right: 0;
        padding-left: 0;
    }

    .productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev, .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next {
        transform: none;
        display: none;
    }

    .pub_banner_box .pub_banner_text_box,
    .pub_banner_box .pub_banner_info {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        left: 0;
    }

    .mem_info {
        line-height: 1.5;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box {
        padding-left: .5rem;
        padding-top: .5rem;
    }

    .brand_body .swiper-container {
        overflow: initial;
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child {
        color: #85ccbe;
    }

    .brand_body .bloc {
        position: relative;
        left: 0;
        top: 0;
        width: 100vw;
        height: auto;
    }

    .brand_body .swiper-wrapper {
        display: block;
        transform: none;
    }

    .brand_body .bra_con_box .swiper-slide {
        background-color: transparent;
    }

    .brand_body .bra_con_box .bra_title {
        padding-left: 15px;
    }

    .brand_body .bra_con_box .bra_title .bra_title_name {
        letter-spacing: 0;
        text-shadow: 0 0.3em 10px rgba(0, 0, 0, 0.1);
    }

    .brand_body .bra_con_box .bra_src1_img {
        width: 100%;
        height: auto;
        margin-top: .5rem;
    }

    .brand_body .bra_con_box .bra_src1_img img {
        position: relative;
        bottom: auto;
    }

    .brand_body .bra_con_box .bra_src1_text {
        height: auto;
        width: 100%;
        margin-top: .5rem;
        padding-left: 30px;
        padding-right: 30px;
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        width: 100%;
        margin: 0;
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess {
        margin-bottom: .4rem;
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child span {
        line-height: 1;
    }

    .brand_body .bra_con_box .bra_src2_img {
        width: 100%;
        height: 56vw;
        margin-top: .5rem;
    }

    .brand_body .bra_con_box .bra_src2_img img {
        position: absolute;
        min-width: auto;
        height: auto;
        width: 100%;
        margin-left: 0;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    .brand_body .bra_con_box .bra_title {
        position: relative;
        margin-left: 0;
        opacity: 1;
    }

    .brand_body .bra_con_box .bra_title.title_top {
        top: auto;
    }

    .brand_body .bra_con_box .bra_title.title_bottom {
        bottom: auto;
    }

    .brand_body .bra_con_box .bra_alt_box .bra_src1_text {
        width: 100%;
    }

    .brand_body .bra_con_box .bra_alt_box .bra_src1_text .bra_src1_text_box {
        width: 100%;
        margin-right: 0;
        left: 0;
    }

    .brand_body .bra_con_box .bra_src3_img {
        padding: .5rem 30px;
        height: auto;
        margin-top: -43vw;
        overflow: hidden;
        width: 100%;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_title {
        margin-bottom: 36vw;
        padding-left: 0;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_scope_box {
        margin: 0;
        width: 100%;
        height: auto;
        margin-top: .4rem;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_scope_box .bra_sco_map_box {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box {
        margin-top: .4rem;
        margin-left: 0;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div {
        white-space: initial;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div {
        width: 100%;
        height: auto;
        background-color: transparent;
        margin-bottom: .5rem;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div:last-child {
        margin-bottom: 0;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div::before {
        display: none;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div::after {
        display: none;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_time {
        position: relative;
        transform: none;
        padding: .3rem 0;
        line-height: 1;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name {
        position: relative;
        transform: none;
        margin: 0;
        width: 100%;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div::before {
        background-color: #85ccbe;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box {
        margin: 0 -15px;
        padding: 0;
        padding-top: .5rem;
        white-space: initial;
        height: auto;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div {
        width: 100%;
        display: flex;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info {
        width: 48.5%;
        margin: 0 1.5% 6.5%;
        padding: 10px;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info > div {
        position: relative;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info > div::before {
        content: '';
        display: none;
        width: 96%;
        height: 110%;
        background-color: #f5f5f5;
        position: absolute;
        left: 50%;
        top: -5%;
        transform: translate3d(-50%, 0, 0);
        z-index: -1;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info > div > img {
        width: 70%;
        max-height: none;
    }

    .brand_body .bra_con_box .bra_src_box {
        margin-top: .5rem;
        padding: 0 30px;
    }

    .brand_body .bra_con_box .bra_src_box .bra_title::before, .brand_body .bra_con_box .bra_src_box .bra_title::after {
        display: none;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box {
        width: 100%;
        height: auto;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab {
        text-align: left;
        margin-right: 0;
        padding-top: .7rem;
        overflow: hidden;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case {
        margin-top: .8rem;
        position: relative;
        width: 100%;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div:nth-child(odd) .bra_hon_info:nth-child(even) img {
        transform: none;
    }

    .creativeTechnology_body .cre_con_box {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        margin-top: .5rem;
        height: auto;
        padding-bottom: .5rem;
    }

    .creativeTechnology_body .cre_con_box .cre_de_text_box {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        width: 100%;
    }

    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_img {
        margin-bottom: .4rem;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: auto;
        margin: .5rem -15px;
        padding: 1.2rem 15px .8rem;
        background-image: linear-gradient(-45deg, #c2e4de, #85ccbe);
    }

    .kd_pc {
        display: none;
    }

    .cre_show_box .kd_m {
        display: block;
        width: 100%;
    }

    .cre_name {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 200%);
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
        line-height: 1;
        font-size: .2rem;
        white-space: nowrap;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty {
        opacity: 0;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) {
        transform: rotate(111deg);
        transition: all .5s ease;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-111deg);
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(1) .cre_name {
        bottom: auto;
        top: 0;
        transform: translate(-50%, -200%);
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(2) {
        transform: rotate(5deg);
        transition: all .5s ease 2s;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(2) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-5deg);
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) {
        transform: rotate(168deg);
        transition: all .5s ease .5s;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-168deg);
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(3) .cre_name {
        bottom: auto;
        top: 0;
        transform: translate(-50%, -200%);
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(4) {
        transform: rotate(248deg);
        transition: all .5s ease 1s;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(4) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-248deg);
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(5) {
        transform: rotate(310deg);
        transition: all .5s ease 1.5s;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_sty:nth-child(5) .cre_icon_box {
        transform: translate3d(-50%, -50%, 0) rotate(-310deg);
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case.on .cre_show_box .cre_icon_case .cre_icon_sty {
        opacity: 1;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box {
        background-color: transparent;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box::before {
        content: '';
        display: block;
        border-radius: 100%;
        z-index: -1;
        background-color: rgba(255, 255, 255, 0.8);
        width: 84%;
        height: 84%;
        position: absolute;
        left: 10%;
        top: 6%;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box i {
        display: none;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box .cre_icon_i {
        display: block;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box {
        width: 72.66%;
        margin: 0 auto;
        border-radius: 0;
        padding: .5rem 0;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box {
        width: auto;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box {
        width: 75%;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_kd_on {
        display: none;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case {
        opacity: 1;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box .cre_col {
        display: none;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_img_box .cre_pro {
        opacity: 1;
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        transform: none;
    }

    .creativeTechnology_body .cre_con_box.on .cre_de_text_box {
        display: none;
    }

    .creativeTechnology_body .cre_con_box.on .cre_peo {
        position: relative;
        opacity: 0;
        display: none;
    }

    .creativeTechnology_body .cre_con_box .cre_peo {
        position: absolute;
        top: 0;
        left: 100%;
        width: 30%;
        transform: translate3d(-100%, 100%, 0);
    }

    .creativeTechnology_body .cre_con_box.on .cre_con_det_case .cre_show_box {
        width: 150%;
    }

    .creativeTechnology_body .cre_con_box.on .cre_con_det_case {
        transform: translate3d(-50%, 0, 0);
        margin-bottom: 15%;
        margin-top: 15%;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_show_box .cre_icon_case .cre_icon_box i.cre_icon_i {
        display: block;
        color: #3f5855;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box {
        position: relative;
        top: 0;
        transform: none;
        width: 100%;
        padding-bottom: .5rem;
        opacity: 1;
        padding-top: .3rem;
        padding-left: .8rem;
        pointer-events: all;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div {
        padding-top: .6rem;
        padding-left: 16%;
        border-left: 1px dashed #85ccbe;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div:first-child::before {
        content: '';
        display: block;
        width: 2%;
        height: .5rem;
        background-color: #fff;
        position: absolute;
        left: -1%;
        top: -1px;
        z-index: 0;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div i {
        display: block;
        position: absolute;
        color: #85ccbe;
        left: 0;
        top: .6rem;
        margin-top: .23rem;
        font-size: .88rem;
        line-height: 1;
        transform: translate(-50%, -50%);
        background-color: #fff;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_btn {
        display: none;
    }

    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text {
        width: 100%;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div {
        display: block;
        opacity: 1;
        height: auto;
    }

    .cre_btn_m {
        display: block;
        border-color: transparent !important;
        background-color: #85ccbe;
        color: #fff;
        box-shadow: 0 20px 50px rgba(133, 204, 190, 0.4);
        font-weight: 700;
        transition: all 0.5s ease;
    }

    .cre_btn_m.on {
        width: .8rem;
        height: .8rem;
        border-radius: 100%;
        position: absolute;
        right: 15px;
        box-shadow: none;
        background-color: #fff;
        border: 1px solid #e4e4e4 !important;
        text-align: center;
        font-size: 10px;
        color: #9da0a5;
        margin-top: 0;
    }

    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_title {
        line-height: 1.3;
        letter-spacing: 0;
    }

    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_info {
        margin-top: .3rem;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box {
        position: relative;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div {
        display: block;
        opacity: 1;
        transition: all .5s ease;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }

    .creativeTechnology_body .cre_con_box .cre_con_det_case .cre_circle {
        display: none;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div.on {
        opacity: 1;
    }

    .btn_nav_open span {
        right: 0;
        top: 0;
        display: none;
    }

    .btn_sq {
        font-size: 14px;
        line-height: .8rem;
    }

    .r_bottom_box {
        right: 100px;
        bottom: auto;
        top: 22px;
        z-index: 9;
    }

    .r_bottom_box .nav-right {
        width: auto;
    }

    .r_bottom_box .nav-right .nav-sou {
        position: relative;
        right: auto;
    }

    .r_bottom_box .nav-right .nav-sou button, .r_bottom_box .link_box {
        padding: 0 .2rem;
        margin-left: 0;
    }

    .r_bottom_box .link_box:hover .link_con_box {
        bottom: auto;
        top: 200%;
        left: 50%;
        transform: translateX(-50%);
    }

    .r_bottom_box .link_box .link_con_box::before {
        top: auto;
        bottom: 100%;
    }

    .r_bottom_box .nav-right .nav-sou input {
        display: none;
    }

    .r_bottom_box .link_box .link_con_box::after {
        border-left: 0.08rem solid transparent;
        border-top: 0.1rem solid transparent;
        border-right: .08rem solid #fff;
        border-bottom: .1rem solid #fff;
        top: auto;
        bottom: calc(100% - 3px);
    }

    .ind_banner_box .active .banner_img_box .banner_img {
        transition: all 1s ease;
    }

    .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box > img {
        opacity: 1;
    }

    .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_icon_box .ind_src3_bor {
        opacity: 0;
    }

    .nav_text_case > div > div .nav_text_name {
        transition: none;
    }

    .nav_text_case > div > div .nav_text_name_en {
        transition: none;
    }

    .nav_text_case > div > div.on {
        animation-delay: initial !important;
    }

    .loxic_body .title_info_box .pub_title_en {
        display: block;
    }

    .loxic_body .sty1_width .sty_left .pub_title {
        font-size: .7rem;
    }

    .loxicDet_body .tec_mes_btn_box > a::before {
        display: none;
    }

    .loxicDet_body .tec_mes_btn_box > a {
        font-size: 0;
        line-height: 0;
        color: #93979d;
        font-weight: 400;
        left: 15px;
    }

    .loxicDet_body .tec_mes_btn_box > a:last-child {
        right: 15px;
        text-align: right;
    }

    .loxicDet_body .tec_mes_btn_box > a i {
        font-size: 16px;
        display: block;
        vertical-align: middle;
        margin: 0 !important;
    }

    .loxicDet_body .lox_d_case .lox_d_set {
        font-size: 16px;
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div {
        width: 33.33%;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div {
        width: 25%;
    }

    .serve_body .sty_right .down_con .dow_search_box button {
        min-width: .85rem;
    }

    .ind_body .ind_banner_box .btn_d_video {
        right: 50%;
        transform: translateX(50%);
    }

    .news_body .sty1_width .sty_right .sty_con > div:last-child {
        margin-top: 0;
    }

    .news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:nth-child(odd) {
        width: 100%;
    }

    .news_body .sty1_width .sty_right .sty_con > div:first-child .news_det:nth-child(even) {
        width: 100%;
    }

    .news_body .sty1_width .sty_right .sty_con > div:first-child .news_det .news_num, .news_body .sty1_width .sty_right .sty_con > div:last-child .news_det:first-child .news_num {
        display: none;
    }

    .news_body .sty1_width .sty_right .sty_con > div {
        width: 48%;
    }

    .news_body .sty1_width .sty_right .sty_con > div .news_det .news_title {
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 35px;
    }

    .r_bottom_box .link_box .link_con_box {
        width: 150%;
    }

    .r_bottom_box .link_box .link_con_box a {
        padding: .08rem 0;
    }

    .r_bottom_box .link_box .link_con_box a i {
        font-size: .4rem;
    }

    .sha_video > div .video_btn_close {
        top: 120%;
        right: 50%;
        transform: translateX(50%);
        opacity: 1;
    }

    .productDet_body .pro_lb_box > div .pro_gn_name {
        font-size: 0;
    }

    .productDet_body .mar_sty::before {
        display: none;
    }

    .productDet_body .pro_d_img_box {
        height: 177.867vw;
    }

    .productDet_body .pro_d_img_box > img {
        width: 100%;
        min-width: auto;
        min-height: auto;
        height: auto;
    }

    .productDet_body .pro_d_img_box .pro_text_box {
        top: 12%;
        transform: none;
    }

    .productDet_body .pro_d_img_box.pro_clo .pro_text_box {
        top: 12%;
        transform: none;
    }

    .productDet_body .pro_d_img_box:first-child .pro_text_box .pro_name {
        margin-top: .25rem;
    }

    .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_icon_box i {
        font-size: 1.6rem;
        color: #85ccbe;
    }

    .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div .pro_mess_box {
        font-size: .36rem;
        line-height: 1.5;
    }

    .productDet_body .pro_lb_box .pro_lb_case .swiper-slide > div::before {
        font-size: 1rem;
        color: #f8f8f8;
    }

    .productDet_body .pro_parameter_box > div > div .pro_par_name {
        line-height: inherit;
    }

    .productDet_body .pro_parameter_box > div > div.pro_par_det_al .pro_par_name {
        margin-bottom: 0;
    }

    .productDet_body .pro_parameter_box > div > div > span {
        vertical-align: top;
    }

    .productList_body .pro_list_case .swiper-scrollbar {
        display: none;
    }

    .productDet_body .pro_d_img_box.pro_cen .pro_text_box {
        width: 100%;
        right: 0;
    }

    .productDet_body .pro_d_img_box .pro_text_box .pro_name {
        line-height: 1.6;
        text-align: justify;
    }

    .productDet_body .pro_d_img_box .pro_text_box .pro_name {
        margin-top: .5rem;
    }

    .productDet_body .vid_info_box .pro_text_box .pro_name {
        color: rgba(255, 255, 255, 0.6);
        margin-top: 0;
        text-align: center;
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_info p {
        text-indent: 0;
        margin-bottom: .3rem;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div:last-child {
        margin-bottom: 0;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box {
        position: relative;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box::before {
        content: '';
        display: block;
        pointer-events: none;
        background-color: #fff;
        width: 100vw;
        height: 100%;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_time {
        color: #85ccbe;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_name {
        font-size: 14px;
        min-height: 42px;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div:nth-child(odd) .bra_hon_info:nth-child(odd) img {
        transform: scale(1);
    }

    .pub_banner_box {
        margin: 0 -30px;
    }

    .policy_body .pub_banner_text_box .pub_pol_mess {
        line-height: 1.5;
    }

    .policy_body .pub_banner_info {
        align-items: flex-end;
    }

    .pol_scope_box > div:last-child {
        margin-bottom: 0;
    }

    .loxicDet_body .lox_d_case .lox_d_advantage {
        font-size: 16px;
    }

    .search_body .sty_right .sea_box .sea-right {
        height: .8rem;
    }

    .search_body .sty_right .sea_box .sea-right .sea-sou input {
        padding-top: .2rem;
        padding-bottom: .2rem;
        line-height: .4rem;
        text-indent: 15px;
    }

    .search_body .sty_right .sea_box .sea-right .sea-sou button {
        line-height: .8rem;
    }

    .development_body .dev_peo_list > a:nth-last-child(2) .dev_peo_text {
        padding-bottom: .56rem;
    }

    .stores_body .sty1_width .sty_left {
        padding-top: 0;
        width: 100vw;
        margin: 0 -30px;
    }

    .stores_body .sty1_width .sty_right {
        padding-top: .5rem;
    }

    .sha_statement_box .statement_con {
        width: 90%;
        padding: 0 4%;
    }

    .sha_statement_box .statement_con {
        padding: .5rem 1px;
    }

    .sha_statement_box .statement_con .btn_s_close {
        right: .25rem;
        top: .25rem;
    }

    .sha_statement_box .statement_con .statement_case .statement_title {
        font-size: 16px;
        padding-bottom: .2rem;
        margin-bottom: .3rem;
    }

    .sha_statement_box .statement_con .statement_case .statement_info {
        font-size: 14px;
        margin-bottom: .3rem;
        text-align: justify;
    }

    .sha_statement_box .statement_con .statement_case .statement_det {
        font-size: 12px;
        margin-bottom: .25rem;
    }

    .nav_text_case {
        background-color: #fff;
    }

    .mem_src3_con .mem_src2_mes > div .mem_src3_icon_box i {
        font-size: 18px;
    }

    .loxicDet_body .lox_d_case .tec_mes_btn_box {
        top: 0;
        margin-top: 48%;
        width: calc(100% - 60px);
    }

    .footer_case .ind_src5 > div .footer .footer_con > div ul li a {
        display: block;
    }

    .ind_body .bloc .wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .ind_body .bloc .wrapper .row {
        height: 100%;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_img_box {
        position: relative;
    }

    .loxic_body .sty1_width .sty_right .dot_me_box {
        left: 50%;
        transform: translate3d(-50%, 20vw, 0);
        opacity: 1;
    }

    .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title {
        font-weight: 400;
    }

    .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title > div {
        font-weight: 700;
    }

    .life_body .life_src3 .life_show_box {
        display: block;
    }

    .life_body .life_src3 .life_show_box .swiper-container {
        width: 100%;
    }

    .life_body .life_src3 .life_show_box .life_show_info_box {
        width: 100%;
        padding: 6% 5.1%;
        display: flex;
        z-index: 22;
        position: relative;
        overflow: visible;
    }

    .life_body .life_src3 .life_show_box .life_show_info_box .life_show_title {
        margin-top: 0;
        display: flex;
        align-items: center;
        width: 50%;
        padding-left: 10%;
    }

    .life_body .life_src3 .life_show_box .life_show_info_box .life_show_life {
        font-size: .3rem;
        margin-top: 0;
        line-height: 1.8;
        margin-left: 0;
        width: 50%;
    }

    .life_body .pub_banner_box .pub_banner_text_box {
        width: 100%;
    }

    .life_body .life_src3 .life_show_box {
        box-shadow: 0 10px 25px rgba(2, 2, 2, 0.06);
    }

    #tenpay_txt {
        display: none;
    }

    .productDet_body .btn_d_video div {
        display: block;
    }

    .m_dot_anm_box {
        display: block;
        width: 82.5%;
    }

    .m_dot_anm_box img {
        display: block;
        position: absolute;
        width: 100%;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
    }

    .m_dot_anm_box .m_dot1 {
        animation: dotS1 3s ease-in-out infinite;
    }

    .m_dot_anm_box .m_dot2 {
        animation: dotS2 3s ease-in-out infinite;
    }

    .m_dot_anm_box .m_dot3 {
        animation: runDot0 3s ease-in-out infinite;
    }

    .ind_body .ind_src2 .dot_me_box {
        width: 80%;
        overflow: hidden;
    }

    .life_body .life_src2 .swiper-slide > div > img {
        position: relative;
        width: 100%;
        max-width: none;
        min-width: auto;
        min-height: auto;
        transform: scale(1.2);
        top: auto;
        left: auto;
    }

    .life_body .life_src2 .swiper-slide > div > img.on {
        transform: translateZ(0) scale(1);
        transition: all 3s ease-in-out;
    }

    .brand_body .bra_con_box .swiper-slide:last-child {
        display: none;
    }

    .brand_body section > .footer_case {
        display: none;
    }

    .mer_body .mer_src1_lb,
    .mer_body .mem_src2_box .mer_src2_lb,
    .mer_body .mem_src3_box .mer_src3_list,
    .mer_body .mem_src5_box .mer_src5_con,
    .mer_body .mem_src6_box .mer_src6_con {
        width: 100%;
    }

    .mer_body .mem_src2_box,
    .mer_body .mem_src3_box {
        margin-left: -30px;
        margin-right: -30px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .mer_body .mem_src4_box {
        margin-left: -30px;
        margin-right: -30px;
    }

    .mer_body .pro_d_hint {
        display: none;
    }

    .mer_body .mem_src2_box .pol_info br {
        display: none;
    }

    .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_info {
        font-size: 16px;
    }

    .mer_body .mem_src2_box .mer_src2_lb .swiper-pagination {
        display: block;
        bottom: -10%;
    }

    .mer_body .mem_src3_box .mer_src3_list .mer_src3_info {
        font-size: 14px;
    }

    .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_info {
        font-size: 16px;
    }

    .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_name,
    .mer_body .mem_src3_box .mer_src3_list .mer_src3_name {
        font-size: 20px;
    }

    .mer_body .mem_src2_box .mer_src2_lb .swiper-pagination span {
        background-color: #85ccbe;
        border-color: #85ccbe;
        width: 10px;
        height: 10px;
    }

    .mer_body .mem_src2_box .mer_src2_lb .swiper-pagination span.swiper-pagination-bullet-active {
        background-color: #85ccbe;
    }

    .mer_body .pol_title_en {
        display: none;
    }

    .mer_body .mer_kf_box .mer_kf_con {
        width: 4rem;
    }

    .mer_body .mer_kf_box .mer_kf_con a,
    .mer_body .mer_kf_box .mer_kf_con div {
        font-size: 16px;
    }

    .mer_body .mer_kf_box .mer_kf_con .ke_info {
        font-size: 14px;
    }

    .mer_body .mer_kf_box .mer_kf_con img {
        width: 1.8rem;
        margin-left: auto;
        margin-right: auto;
    }

    .mer_body .mer_kf_box:hover .mer_kf_con {
        text-align: center;
    }

    .mer_body .mer_kf_box .mer_kf_con div {
        margin-top: .55rem;
    }
}

@media all and (max-width: 768px) {
    .footer_case .ind_src5 > div .footer .footer_con {
        margin-top: 10%;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con {
        margin-top: .3rem;
    }

    .policy_body .pub_banner_info .pol_relation_box a, .policy_body .pub_banner_info .pol_lx_box a {
        font-size: 16px;
    }

    .policy_body .pub_banner_info .pol_lx_box > img {
        width: 98px;
    }

    .mer_body .mer_src1_lb .mer_lb_box {
        flex-wrap: wrap;
    }

    .mer_body .mer_src1_lb .mer_lb_box .mer_img_box,
    .mer_body .mer_src1_lb .mer_lb_box .mer_text_box {
        width: 100%;
    }

    .mer_body .mer_src1_lb .swiper-pagination {
        left: 5.1%;
        bottom: 10px;
    }

    .mer_body .mem_src5_box .mer_src5_con {
        display: block;
    }

    .mer_body .mem_src5_box .mer_src5_con > div {
        margin-bottom: .3rem;
        width: 100%;
    }

    .mer_body .mem_src5_box .mer_src5_con > div:last-child {
        margin-bottom: 0;
    }

    .mer_body .mem_src4_box .mer_src4_con > img {
        width: auto;
        max-width: none;
        left: 50%;
        top: 50%;
        height: 120%;
        transform: translate(-50%, -50%);
    }

    .mer_body .mem_src4_box .mer_src4_con {
        height: 6.5rem;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name > div a {
        margin-left: 2rem;
        margin-top: 0;
        position: absolute;
        transform: scale(0.7);
    }
}

@media all and (max-width: 640px) {
    body {
        padding-bottom: 1px;
    }

    .ind_body .ind_lb_box .active .row > .ind_src4 > div::before {
        height: 47%;
    }

    .ind_body .ind_src4 > div .ind_src4_p_img {
        left: -10%;
        width: 120%;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div {
        padding: .3rem 0;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div:first-child {
        padding-top: 0;
    }

    .footer_case .ind_src5 > div .footer .footer_con > div .f_nav_name {
        font-size: 16px;
        color: #3b4048;
    }

    .footer_case .ind_src5 > div .footer .footer_con > div ul {
        font-size: 12px;
        line-height: 2.5;
    }

    body:not(.ind_body) {
        padding-top: 60px;
    }

    .btn_nav_open {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 15px;
    }

    .btn_nav_open i {
        line-height: 40px;
    }

    .nav_text_case .btn_nav_close {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 15px;
        line-height: 40px;
    }

    .nav {
        height: 60px;
        padding: 0 15px;
    }

    .nav .nav_btn > span {
        line-height: 60px;
        margin-right: 35px;
        font-size: 12px;
    }

    .nav .logo_box {
        width: auto;
        height: 50%;
        left: 0;
        top: 25%;
    }

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

    .sho_case_box .swiper-button-prev, .sho_case_box .swiper-button-next {
        display: none;
    }

    .ind_body .ind_src2 > div .sho_tab_box .pro_nav_name {
        font-size: 13px;
    }

    .ind_body .ind_banner_box .btn_d_video {
        bottom: 20%;
    }

    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_title {
        font-size: .5rem;
    }

    .loxic_body .sty1_width .sty_left .lox_info_box .lox_info,
    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_info {
        font-size: 14px;
    }

    .loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box > div {
        transform: translate(-50%, -58%) scale(0.3);
    }

    .loxic_body .sty1_width .sty_right .lox_det .lox_img_box > div .lox_time {
        font-size: 1.8rem;
    }

    .sty1_width, .loxicDet_body .sty2_width {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }

    .footer_case .ind_src5 > div .footer .footer_con {
        margin-top: 10vh;
    }

    .footer_case .ind_src5 > div .footer .footer_con > div .f_nav_name_en {
        font-size: .4rem;
        display: none;
    }

    .footer_case .ind_src5 > div .footer .copy_right {
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    .footer_case .ind_src5 > div .footer .copy_right > div {
        font-size: 10px;
    }

    .productList_body .pro_list_case {
        min-height: calc(100vh - 60px);
    }

    .productList_body .pro_list_case .swiper-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd) .pro_l_con {
        margin-left: 0;
    }

    .productDet_body .pro_d_img_box .pro_text_box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .productDet_body .pro_d_img_box .pro_text_box .pro_name {
        width: 85%;
    }

    .productDet_body .vid_info_box .pro_text_box .pro_name {
        width: 100%;
    }

    .productDet_body .pro_parameter_box > div > div .pro_par_det > div {
        width: 100%;
    }

    .productDet_body .pro_parameter_box > div > div .pro_par_det > div {
        margin-bottom: .4rem;
    }

    .productDet_body .pro_parameter_box > div > div .pro_par_det > div:last-child {
        margin-bottom: 0;
    }

    .productDet_body .pro_parameter_box > div > div.pro_par_det_al .pro_par_det {
        margin: 0;
    }

    .productDet_body .pro_parameter_box > div > div .pro_par_det {
        font-size: 16px;
    }

    .productDet_body .pro_lb_box > div {
        padding-left: 20px;
        padding-right: 20px;
    }

    .productDet_body .pro_lb_box .pro_lb_case {
        margin-top: 0;
    }

    .productDet_body .pro_lb_box .pro_lb_case .pro_lb_swiper {
        padding-top: .4rem;
        padding-bottom: .6rem;
    }

    .productDet_body .pro_lb_box .pro_lb_case .swiper-button-prev {
        transform: none;
    }

    .productDet_body .pro_lb_box .pro_lb_case .swiper-button-next {
        transform: none;
    }

    .btn_sq i {
        margin-right: 5px;
        font-size: 18px;
    }

    .btn_sq > div {
        margin-right: 5px;
    }

    .nav .nav_text_case .btn_nav_close i {
        font-size: 20px;
    }

    .policy_body .pub_banner_text_box, .policy_body .pub_banner_info {
        padding-right: 15px;
        padding-left: 15px;
    }

    .pub_banner_box .pub_banner_text_box .pub_banner_title {
        font-size: .4rem;
        letter-spacing: initial;
    }

    .policy_body .pub_banner_text_box .pub_pol_mess {
        font-size: 12px;
        line-height: 1.5;
        margin-top: .2rem;
    }

    .pub_banner_box .pub_banner_info, .pro_d_hint {
        bottom: 15px;
    }

    .policy_body .pub_banner_box > img {
        opacity: 0;
    }

    .policy_body .pub_banner_box .pub_banner_text_box {
        top: 41%;
    }

    .policy_body .pub_banner_box {
        height: auto;
    }

    .mem_src2_mes > div {
        width: 100%;
    }

    .mem_src2_mes > div:nth-child(2),
    .mem_src2_mes > div:nth-child(3) {
        border-top: none;
    }

    .mem_src2_mes > div {
        border-left: 1px solid #e6e8eb;
    }

    .men_src2_n > div:first-child {
        font-size: 10px;
        width: 16px;
        height: 16px;
        line-height: 16px;
    }

    .policy_body .mem_epilogue span {
        font-size: 14px;
    }

    .policy_body .pol_src2_box .mem_src2_mes {
        margin-top: .6rem;
        display: block;
    }

    .policy_body .pol_src2_box .mem_src2_mes::before,
    .policy_body .pol_src2_box .mem_src2_mes::after {
        display: none;
    }

    .pol_scope_box > div {
        padding-left: 35px;
    }

    .pol_scope_box > div::before {
        font-size: 18px;
        left: 5px;
        top: .55rem;
    }

    .pol_scope_box > div {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .serve_body .sty_right .upk_con .upk_step_name {
        font-size: 16px;
    }

    .serve_body .sty_right .down_con .down_con_box > div {
        width: 100%;
        margin-right: 0;
    }

    .about_us_body .sty_right .net_con_box ul li a {
        width: 100%;
    }

    .about_us_body .sty_right .net_con_box ul li a .net_add_box span {
        width: auto;
    }

    .net_con_box ul li a .net_add_box {
        font-size: 12px;
    }

    .net_con_box ul li a > div {
        position: relative;
    }

    .research_body .pub_banner_box .pub_banner_text_box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .research_info_body .sty2_width .com_info_case .com_info_box {
        width: 100%;
    }

    .research_info_body .sty2_width .com_info_case .com_info_box .com_info {
        margin-top: .3rem;
        line-height: 1.7;
    }

    .research_info_body .sty2_width .data_box > div > div {
        font-size: 12px;
        color: #000;
        font-weight: 700;
    }

    .research_info_body .sty2_width .data_box > div > div:nth-child(2) {
        font-weight: 400;
    }

    .research_info_body .sty2_width .data_box > div > div:nth-child(2) span {
        color: #85ccbe;
    }

    .research_join_body .man_info {
        text-align: left;
    }

    .research_join_body .join_src1_box .join_mode_box > div div,
    .research_join_body .join_rd_box > div .join_rd_info {
        font-size: 12px;
    }

    .research_info_body .sty2_width .com_info_case .com_img_box {
        display: none;
    }

    .research_info_body .sty2_width .com_info_case .com_info_box .res_title {
        margin-top: .3rem;
    }

    .research_info_body .sty2_width .com_info_case {
        position: relative;
    }

    .research_info_body .sty2_width .com_info_case .com_img_box {
        width: auto;
        margin-left: 2%;
        position: absolute;
        height: 100%;
        left: 50%;
        bottom: 0;
        z-index: -1;
        opacity: .15;
        transform: translate3d(-50%, 0, 0);
    }

    .research_info_body .sty2_width .com_info_case .com_img_box img {
        display: block;
        width: auto;
        height: 100%;
        max-width: none;
    }

    .research_info_body .sty2_width .data_box > div {
        width: 33.33%;
        margin-bottom: .5rem;
    }

    .research_info_body .sty2_width .data_box > div:nth-child(3n + 1) {
        clear: left;
        float: left;
    }

    .research_info_body .sty2_width .data_box > div:nth-last-child(1), .research_info_body .sty2_width .data_box > div:nth-last-child(2), .research_info_body .sty2_width .data_box > div:nth-last-child(3) {
        margin-bottom: 0;
    }

    .research_info_body .sty2_width .res_honor_box {
        width: 65%;
    }

    .research_info_body .sty2_width .management_box {
        margin-top: .5rem;
    }

    .research_info_body .sty2_width .management_box > div {
        display: block;
    }

    .research_info_body .sty2_width .management_box > div > img {
        width: 100%;
    }

    .research_info_body .sty2_width .management_box > div > div {
        width: 100%;
        margin-right: 0;
        margin-top: .3rem;
    }

    .research_info_body .sty2_width .management_box > div > div .man_name_en,
    .research_info_body .sty2_width .management_box > div > div .mam_name_l {
        margin-bottom: .3rem;
    }

    .research_join_body .man_info {
        width: 100%;
    }

    .ke_box {
        flex-wrap: wrap;
    }

    .ke_box > div {
        width: 50%;
        margin-bottom: .5rem;
    }

    .ke_box > div:nth-last-child(1), .ke_box > div:nth-last-child(2) {
        margin-bottom: 0;
    }

    .ke_box > div .pub_icon_box {
        margin-bottom: .3rem;
    }

    .pol_scope_box > div .yq_con {
        width: 100%;
    }

    .pol_scope_box > div .yq_con > div > span:nth-child(2) {
        text-align: justify;
    }

    .pol_scope_box > div .yq_con > div > span span {
        width: 70px;
    }

    .development_body .dev_jz_box > div i {
        font-size: .4rem;
        color: #e3e6e8;
    }

    .ke_box > div > span {
        display: none;
    }

    .development_body .mem_src2_mes {
        flex-wrap: wrap;
    }

    .development_body .mem_src2_mes > div {
        width: 100%;
    }

    .ke_box > div .pub_icon_name {
        text-align: justify;
    }

    .development_body .dev_fz_box > div {
        width: 100%;
        padding-right: 0;
        padding-left: 15px;
        margin-bottom: .3rem;
    }

    .development_body .dev_fz_box > div:last-child {
        margin-bottom: 0;
    }

    .development_body .dev_peo_list > a {
        width: 100%;
        margin-right: 0;
    }

    .recruitment_body .rec_search_box {
        width: 100%;
        border-radius: 0;
    }

    .recruitment_body .rec_con_box > .rec_name {
        display: none;
    }

    .recruitment_body .rec_name {
        display: block;
        padding-top: .15rem;
        padding-bottom: .15rem;
        padding-left: .2rem;
        position: relative;
    }

    .recruitment_body .rec_name > span {
        display: block;
        width: 100% !important;
        text-align: left;
        position: relative;
        padding-left: 70px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 2;
    }

    .recruitment_body .rec_name > span span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .recruitment_body .rec_name > span:nth-child(7) {
        opacity: 1;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        width: 26% !important;
        line-height: 31px;
        position: absolute;
        right: .2rem;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .recruitment_body .rec_con_con .rec_yq_box > div .rec_yq_con {
        font-size: 12px;
        line-height: 1.75;
    }

    .recruitment_body .rec_con_con .rec_yq_box {
        display: block;
    }

    .recruitment_body .rec_con_con .rec_yq_box > div {
        width: 100%;
    }

    .recruitment_body .rec_con_con .rec_yq_box > div:first-child {
        padding-right: 0;
        margin-bottom: .5rem;
    }

    .recruitment_body .rec_con_con .rec_yq_box > div .rec_yq_con {
        margin-top: .15rem;
    }

    .stores_body .sty_right .net_sel_case > div {
        display: block;
    }

    .stores_body .sty_right .net_sel_case > div .net_sel {
        width: 100%;
    }

    .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city {
        width: 100%;
        margin-right: 0;
    }

    .stores_body .sty_right .net_sel_case > div .btn_search {
        width: 100%;
        line-height: .8rem;
        height: .8rem;
        margin-top: .5rem;
        background-color: #85ccbe;
        font-weight: 700;
    }

    .net_con_box {
        margin-top: .3rem;
    }

    .stores_body .sty_right .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box, .stores_body .sty_right .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box {
        background-color: #f7f7f7;
    }

    .stores_body .sty_right .net_sel_case {
        margin-top: .2rem;
    }

    .net_con_box ul li a .net_con_name {
        font-size: 14px;
    }

    .mem_src2_mes {
        flex-wrap: wrap;
    }

    .pub_banner_box .pub_banner_text_box,
    .pub_banner_box .pub_banner_info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .member_body .pub_banner_box .pub_banner_info {
        font-size: 12px;
        line-height: 1.5;
        width: 280px;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con {
        margin-top: .5rem;
        display: block;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box {
        width: 100%;
        border-bottom: none;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con > div:first-child {
        border-right: 1px solid #e5e7ea;
        box-shadow: none;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box > img {
        width: 48%;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_code_box div {
        font-size: 14px;
        margin-bottom: .3rem;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con .step_name {
        font-size: 12px;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con .step_n {
        font-size: 12px;
    }

    .mem_src2_con {
        padding-top: .2rem;
    }

    .member_body .sty2_width > div.mem_src1_box {
        padding-bottom: .7rem;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box {
        padding: .5rem;
        width: 100%;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con > span {
        width: 12%;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_con {
        margin-bottom: .6rem;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box {
        padding-left: 2.5%;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child > div {
        font-size: 14px;
        font-weight: 700;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
        width: 100%;
        position: relative;
        padding-left: 130px;
        text-align: left;
        margin-top: .3rem;
        min-height: 40px;
        font-size: 0;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li {
        display: inline-block;
        width: 46%;
        min-width: 120px;
        padding-right: 10px;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li:nth-child(odd) {
        padding-right: 0;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li:first-child {
        position: absolute;
        left: 0;
        top: 4px;
    }

    .brand_body .bra_con_box .bra_src1_text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div {
        width: 100%;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div {
        margin: 0;
        width: 100%;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_in_name {
        font-size: 20px;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case {
        margin-top: .7rem;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div > img {
        vertical-align: bottom;
        margin-bottom: -.5rem;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div > img {
        width: 45%;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box {
        width: 55%;
        margin-left: 0;
        padding-left: .4rem;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_name_box .bra_ad_d {
        font-size: 1.5rem;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    .creativeTechnology_body .cre_con_box.on .cre_con_det_case {
        width: 50%;
        margin-bottom: 23%;
        margin-top: 23%;
    }

    .productDet_body .pro_detail_box .pro_d_info_box {
        margin: 3rem 16px .9rem;
        padding-left: 0;
    }

    .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name {
        font-weight: 700;
    }

    .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text {
        transform: translateY(-100%);
    }

    .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name_en {
        padding-left: .1rem;
    }

    .productDet_body .pro_detail_box .pro_d_info_box .pro_d_text .pro_d_name {
        margin-top: .15rem;
        padding-left: .1rem;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con {
        letter-spacing: initial;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con img {
        margin-left: 0;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl {
        width: calc(44% - .2rem);
        word-wrap: break-word;
        word-break: normal;
    }

    .brand_body .bra_con_box .bra_src_box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box {
        margin-top: 0;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_info {
        font-size: 13px;
        line-height: 1.5;
    }

    .ind_banner_box .swiper-container .swiper-slide {
        overflow: hidden;
    }

    .research_join_body .join_rd_box {
        display: block;
    }

    .research_join_body .join_rd_box > div {
        width: 100%;
        margin-right: 0;
        margin-bottom: .3rem;
    }

    .research_join_body .join_rd_box > div:last-child {
        margin-bottom: 0;
    }

    .creativeTechnology_body .cre_con_box {
        padding-right: 15px;
        padding-left: 15px;
    }

    .r_bottom_box {
        right: 65px;
        top: 19px;
    }

    .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .btn_src3_sty {
        margin-top: .3rem;
        display: none;
    }

    .ind_body .ind_src4 > div .ind_src4_p_img img {
        width: 80%;
        margin: 0 auto;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_tel {
        font-size: .46rem;
    }

    .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title {
        font-size: 15px;
    }

    .pol_scope_box > div .yq_name {
        line-height: 1;
        font-size: 16px;
        margin-bottom: .2rem;
    }

    .research_info_body .sty2_width .management_box > div > div .mam_name {
        font-size: 18px;
    }

    .title_info_box .pub_title {
        font-size: .5rem;
    }

    .banner_img_box .banner_img {
        width: 75%;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name {
        font-size: 16px;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name i {
        font-size: 18px;
    }

    .ind_body .ind_src4 {
        background-position: left;
    }

    .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_name_en {
        font-size: .22rem;
        color: #8f959f;
    }

    .ind_body .ind_src3 > div .ind_src3_sty .ind_src3_text .ind_src3_name {
        font-size: .44rem;
        color: #3b4048;
        font-weight: 700;
    }

    .ind_body .ind_src2 > div .ind_pro_box .pro_img_box {
        top: 22%;
    }

    .ind_body .ind_src2 > div .sho_tab_box {
        width: 80%;
        position: relative;
        margin: .8rem auto 0;
        left: auto;
        bottom: auto;
    }

    .ind_body .ind_src2 > div .sho_tab_box .swiper-button-prev {
        transform: translateX(-100%);
    }

    .ind_body .ind_src2 > div .sho_tab_box .swiper-button-next {
        transform: translateX(100%);
    }

    .ind_src2_case_box {
        position: absolute;
        top: calc(50% + 25px);
        left: 0;
        width: 100%;
        height: auto;
        transform: translateY(-50%);
        z-index: 1;
    }

    .ind_body .ind_src2 > div .ind_pro_box {
        height: auto;
    }

    .ind_body .ind_src2 > div .ind_pro_box .pro_img_box {
        position: relative;
        top: auto;
    }

    .ind_body .ind_src2 > div .ind_pro_box .pro_ad {
        font-size: .46rem;
    }

    .banner_img_box .banner_text_img_box .ind_banner_text_title {
        font-size: .65rem;
    }

    .banner_img_box .banner_text_img_box {
        top: 18%;
    }

    .search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_text {
        width: calc(100% - .4rem);
    }

    .search_body .sty_right .sea_case .qa_box > div.btn_q_title .sea_category {
        margin: .15rem 0 0 0;
        padding: 0 .15rem;
        width: auto;
        font-size: 10px;
        line-height: 2;
    }

    .search_body .sty_right .sea_box .sea_num span {
        font-size: .5rem;
    }

    .loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box {
        display: none;
    }

    .loxic_body .sty1_width .sty_left .lox_info_box .dot_me_box {
        display: none;
    }

    .loxic_body .sty1_width .sty_left .pub_title_en {
        font-size: .5rem;
        color: #85ccbe;
    }

    .loxic_body .sty1_width .sty_left .lox_info_box {
        margin-top: .2rem;
    }

    .loxic_body .sty1_width .sty_right .lox_det .lox_text_box .lox_title_en {
        display: none;
    }

    .loxic_body .sty1_width .sty_right .lox_det .lox_text_box {
        margin-top: 0;
        display: flex;
        align-items: center;
        flex-direction: inherit;
    }

    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_img {
        margin-left: auto;
        margin-right: auto;
        width: 55%;
    }

    .creativeTechnology_body .cre_con_box .cre_de_text_box .cre_de_text .cre_de_title {
        text-align: center;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_title_en {
        margin-top: .2rem;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_info {
        margin-top: .2rem;
    }

    .creativeTechnology_body .cre_con_box .cre_text_box > div .cre_text_title {
        font-size: .46rem;
    }

    .productDet_body .pro_lb_box > div .pro_gn_name span {
        font-size: .5rem;
    }

    .productDet_body .pro_lb_box {
        padding: .8rem 0;
    }

    .productDet_body .pro_parameter_box {
        margin-top: .1rem;
    }

    .productDet_body .pro_parameter_box > div > div .pro_par_name,
    .productDet_body .pro_parameter_box > div > div .pro_par_det {
        font-size: 14px;
    }

    .productDet_body .pro_parameter_box > div > div .pro_par_det > div div {
        font-size: 12px;
    }

    .productDet_body .pro_parameter_box > div > div {
        padding: .3rem 0;
        border-color: #f4f4f4;
    }

    .productDet_body .pro_huy_link_box a {
        border-color: #eaeaec;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl .pro_model_name {
        font-size: 13px;
    }

    .productList_body .pro_list_case .swiper-container .swiper-wrapper .swiper-slide .pro_l_con .pro_l_xl .pro_model_name {
        margin-top: .25rem;
    }

    .btn_d_video i {
        font-size: 11px;
    }

    .productDet_body .pro_d_img_box .pro_text_box .pro_name {
        font-size: 14px;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_title {
        margin-bottom: 23vw;
    }

    .brand_body .bra_con_box .bra_title .bra_title_name_en {
        font-size: 12px;
        text-shadow: none;
        color: rgba(59, 64, 72, 0.5);
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_info p,
    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name {
        font-size: 14px;
        line-height: 1.75;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_con_case > div .bra_ad_con_box .bra_ad_mes {
        font-size: 12px;
        line-height: 1.5;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div .bra_ad_time {
        font-size: 12px;
    }

    .brand_body .bra_con_box .bra_src_box .bra_ad_box .bra_ad_tab > div .bra_ad_name {
        font-size: 12px;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_name > div::before {
        top: .08rem;
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div {
        font-size: 12px;
        font-weight: 700;
        color: #000;
    }

    .brand_body .bra_con_box .bra_src1_text .bra_src1_text_box .bra_src1_text_mess > div > div:first-child {
        font-weight: 400;
        margin-bottom: .1rem;
    }

    .brand_body .bra_con_box .bra_title .bra_title_name {
        font-size: .6rem;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_cou_time {
        padding-bottom: .15rem;
        padding-left: .25rem;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_name {
        font-size: 12px;
        min-height: 36px;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_time {
        color: #85ccbe;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info .bra_hon_name {
        margin-top: .1rem;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_honor_box > div .bra_hon_info {
        margin-bottom: .1rem;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_scope_box {
        width: 210%;
        margin-top: .4rem;
        margin-left: -110%;
        margin-right: 0;
        margin-bottom: -40px;
    }

    .btn_d_video {
        width: 1rem;
        height: 1rem;
    }

    .btn_d_video div {
        font-size: 14px !important;
        text-transform: uppercase;
    }

    .vid_info_box::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
    }

    .productDet_body .vid_info_box .pro_text_box .btn_d_video {
        margin-top: 5rem;
    }

    .video_body .vid_tab_box > div span {
        font-weight: 700;
    }

    .video_body .vid_tab_box > div span::after {
        top: 150%;
    }

    .video_body .sty1_width .sty_right .video_list .swiper-container .vid_box .vid_name {
        padding: 0 .66em;
    }

    .pol_title::before {
        display: none;
    }

    .pub_banner_box {
        margin: 0 -15px;
    }

    .men_src2_n > div {
        font-size: 14px;
    }

    .mem_src2_mes > div .mem_src2_i {
        font-size: 12px;
        margin-top: .1rem;
        padding-left: calc(16px + .2rem);
    }

    .policy_body .pol_src1_box .mem_src2_mes {
        margin-top: .5rem;
    }

    .policy_body .mem_epilogue {
        margin-top: .3rem;
    }

    .policy_body .pol_l_name {
        margin-top: .65rem;
    }

    .policy_body .pol_look_det > div > span,
    .pol_scope_box > div {
        font-size: 12px;
        line-height: 1.75;
    }

    .policy_body .charge_table_box > div {
        padding: .3rem 0;
    }

    .policy_body .pol_look_det > div > span:first-child {
        width: 25%;
    }

    .policy_body .pol_look_det > div > span:last-child {
        width: 49.5%;
    }

    .policy_body .pol_look_det > div {
        padding-left: .3rem;
        padding-right: .3rem;
    }

    .pol_src2_info {
        text-align: justify;
        font-size: 12px;
        padding: 0 .5rem;
    }

    .pol_src2_info br {
        display: none;
    }

    .policy_body .pol_look_det {
        margin-top: .3rem;
        margin-bottom: .65rem;
    }

    .mem_src2_mes > div {
        padding: .38rem .3rem .45rem;
    }

    .pol_info {
        font-size: 14px;
    }

    .policy_body .pol_src2_box .mem_src2_mes > div::before {
        display: none;
        padding-bottom: .4rem;
    }

    .serve_body .sty_right .qa_case .qa_box > div.btn_q_title > div:nth-child(2) {
        font-size: 14px;
        font-weight: 700;
        padding-right: .5rem;
    }

    .serve_body .sty_right .qa_case .qa_box > div.btn_q_title {
        border-width: 1px;
    }

    .serve_body .sty_right .qa_case .qa_box > div.btn_q_title::after {
        height: 1px;
    }

    .serve_body .sty_right .qa_case .qa_box > div.con_q_box > div:nth-child(2),
    .serve_body .sty_right .upk_con .upk_con_mess {
        line-height: 1.75;
    }

    .serve_body .sty_right .upk_con .upk_title {
        font-size: .5rem;
    }

    .policy_body .pub_banner_info .pol_lx_box .pol_lx_case div,
    .policy_body .pub_banner_info .pol_relation_box span,
    .policy_body .pub_banner_info .pol_lx_box .pol_lx_case a {
        font-size: 10px;
    }

    .policy_body .pub_banner_info .pol_lx_box .pol_lx_case div {
        margin-top: .1rem;
    }

    .policy_body .pub_banner_info .pol_lx_box .pol_lx_case {
        font-size: 0;
    }

    .policy_body .pub_banner_info .pol_lx_box > img {
        margin-top: .15rem;
    }

    .policy_body .pol_src2_box .mem_src2_mes > div {
        padding-bottom: .3rem;
    }

    .policy_body .pol_look_det > div > span:first-child {
        font-size: 16px;
    }

    .policy_body .pol_look_det > div:first-child > span {
        font-size: 12px;
        font-weight: 700;
    }

    .policy_body .pol_src2_box .mem_src2_mes > div:last-child {
        margin-bottom: .65rem;
    }

    .policy_body .charge_name {
        font-size: 16px;
    }

    .policy_body .charge_table_box > div {
        font-size: 12px;
        border-color: #f5f5f5;
    }

    .policy_body .charge_table_box {
        margin-top: .2rem;
    }

    .policy_body .charge_table_box > div > span:nth-child(2) {
        width: 30%;
    }

    .policy_body .charge_table_box > div > span:nth-child(3) {
        padding-right: 10px;
        width: 45%;
    }

    .policy_body .charge_table_box > div > span:nth-child(4) {
        width: 25%;
        padding-right: 0;
    }

    .policy_body .charge_table_box > div > span:first-child {
        display: none;
    }

    .sty2_width {
        padding-bottom: .8rem;
    }

    .loxic_body .sty1_width .sty_left .lox_info_box .lox_info {
        color: #707781;
    }

    .loxicDet_body .lox_d_case .loxd_pro_box {
        margin-top: .5rem;
    }

    .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_box span {
        font-size: 16px;
        font-family: 'f-Regular';
    }

    .loxicDet_body .lox_d_case .loxd_pro_box {
        width: 60%;
    }

    .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_bg {
        top: 65%;
        display: none;
    }

    .loxicDet_body .lox_d_case .lox_d_set {
        font-size: 14px;
        letter-spacing: 0;
        margin-top: .4rem;
    }

    .loxicDet_body .lox_d_case .lox_d_name {
        font-size: 14px;
    }

    .loxicDet_body .lox_d_case .lox_d_advantage {
        margin-top: 0;
        padding-top: .3rem;
    }

    .loxicDet_body .lox_d_case .loxd_pro_box .lox_d_time_box {
        top: calc(100% + 20px);
    }

    .loxicDet_body .lox_d_case .loxd_pro_box {
        margin-bottom: 30px;
    }

    .serve_body .sty_right .down_con .dow_search_box input,
    .search_body .sty_right .sea_box .sea-right .sea-sou input {
        font-size: 12px;
    }

    .serve_body .sty_right .down_con .down_con_box > div .dow_con_title {
        font-size: 14px;
    }

    .search_body .sty_right .sea_box .sea-right .sea-sou button i {
        font-size: .24rem;
    }

    .about_us_body .sty_left {
        margin: 0 -15px;
    }

    .about_us_body .con_arrt_box {
        padding: 0 15px;
    }

    .about_us_body .con_arrt_box a .net_add_box {
        font-size: 11px;
        line-height: 1.75;
    }

    .about_us_body .con_arrt_box a .net_con_name i {
        display: none;
    }

    .about_us_body .con_arrt_box a .net_con_name,
    .about_us_body .con_arrt_box a .net_add_box {
        padding-left: 0;
    }

    .about_us_body .con_arrt_box {
        bottom: 12px;
    }

    .recruitment_body .rec_search_box input {
        font-size: 12px;
    }

    .development_body .dev_jz_box {
        display: block;
    }

    .development_body .dev_jz_box > div {
        width: 100%;
    }

    .development_body .dev_jz_box > div:first-child {
        border-right: none;
        border-bottom: 1px solid #e6e6e6;
    }

    .res_title_box {
        padding-left: 0;
    }

    .res_title_box::before {
        display: none;
    }

    .development_body .man_info {
        width: 100%;
    }

    .development_body .dev_jz_box > div .dev_name {
        font-size: 12px;
    }

    .development_body .dev_jz_box > div .dev_mess,
    .development_body .dev_jz_box > div .dev_info {
        font-size: 14px;
        margin-top: .2rem;
    }

    .ke_box > div .pub_stop_name,
    .development_body .men_src2_n > div,
    .development_body .dev_fz_box > div .dev_fz_con .dev_fz_name,
    .pol_scope_box > div .yq_con > div > span {
        font-size: 12px;
    }

    .development_body .mem_src2_mes > div .mem_src2_i,
    .development_body .dev_fz_box > div .dev_fz_con .dev_fz_info {
        font-size: 14px;
    }

    .mem_epilogue span {
        font-size: 14px;
    }

    .development_body .men_src2_n > div:first-child {
        margin-right: .2rem;
    }

    .development_body .mem_src2_mes > div .mem_src2_i {
        padding-left: .8rem;
    }

    .development_body .mem_src2_mes > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .development_body .dev_peo_list > a .dev_peo_text .dev_pro_info {
        width: 100%;
        font-size: 12px;
        min-height: auto;
        margin-top: .1rem;
    }

    .development_body .dev_peo_list > a .dev_peo_text {
        padding-top: .3rem;
    }

    .research_body .sty2_width > div {
        padding-bottom: .7rem;
    }

    .stores_body .sty1_width .sty_left {
        margin: 0 -15px;
    }

    .mem_title {
        font-size: .4rem;
        margin-bottom: .3rem;
    }

    .mem_info {
        font-size: 14px;
    }

    .member_body .sty2_width > div .mem_rules_box > div {
        padding-left: .75rem;
    }

    .member_body .sty2_width > div .mem_rules_box > div::before {
        top: .28rem;
        left: .2rem;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child > div:nth-child(2) {
        font-weight: 400;
        font-size: 10px;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li {
        font-size: 12px;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul li:first-child {
        font-size: 14px;
    }

    .member_body .sty2_width > div.mem_src1_box .mem_con .mem_step_box .mem_step_name {
        text-align: center;
    }

    .member_body .mem_epilogue span {
        padding: .3rem 0;
    }

    .mem_epilogue::before, .mem_epilogue::after {
        width: 6px;
        height: 6px;
    }

    .nav_text_case > div > div ul li {
        font-weight: 700;
        font-size: 14px;
    }

    .nav_text_case > div > div.on .nav_text_name_en {
        display: none;
    }

    .loxicDet_body .pub_con_box {
        margin-bottom: 100vh;
    }

    .loxicDet_body .tec_mes_btn_box > a {
        font-size: 0;
        letter-spacing: initial;
        width: 44px;
        height: 44px;
        line-height: 0;
        top: 53vw;
        position: absolute;
    }

    .loxicDet_body .tec_mes_btn_box > a i {
        line-height: 44px;
    }

    .loxicDet_body .tec_mes_btn_box > a:nth-child(2) i {
        margin-left: .12rem;
    }

    .loxicDet_body .tec_mes_btn_box > a:nth-child(1) i {
        margin-right: .12rem;
    }

    .news_d_body .sty1_width .sty_right {
        padding-top: 0;
    }

    .news_d_body .title_info_box .pub_title {
        display: none;
    }

    .news_d_body .sty_right .news_d_title_case .news_d_title {
        font-size: 16px;
    }

    .news_d_body .sty_right .news_d_title_case {
        padding-bottom: .4rem;
    }

    .news_d_body .sty_right .news_nav_box a {
        font-size: 12px;
    }

    .development_body .dev_fz_box > div .dev_fz_num {
        line-height: 1rem;
        width: 1rem;
        height: 1rem;
        box-shadow: 0 10px 20px rgba(133, 204, 190, 0.4);
    }

    .development_body .dev_fz_box > div .dev_fz_con .dev_fz_name {
        font-size: 16px;
    }

    .development_body .dev_fz_box > div > div {
        vertical-align: top;
    }

    .development_body .dev_fz_box > div .dev_fz_con {
        margin-top: 6px;
    }

    .about_us_body .sty_right .net_con_box .region_box {
        line-height: 2;
        color: #85ccbe;
    }

    .ind_body .ind_lb_box .active .row > .ind_src4 > div {
        width: 100%;
    }

    .ind_body .ind_src4 > div .ind_con_box {
        top: 69%;
    }

    .ind_banner_box .banner_img_box .banner_img {
        transform: translate(-60%, -50%);
    }

    .banner_img_box.allwidth .banner_img {
        transform: translate(-50%, -50%);
    }

    .policy_body .pub_banner_info .pol_relation_box a, .policy_body .pub_banner_info .pol_lx_box a {
        font-size: 12px;
    }

    .policy_body .pub_banner_info .pol_lx_box > img {
        width: 67px;
    }

    .brand_body .bra_con_box .bra_src3_img .bra_course_box > div > div .bra_img_box {
        width: calc(100% - .25rem);
    }

    .member_body .alone_title {
        font-size: 16px;
    }

    .life_body .life_src1 {
        padding: .5rem 15px;
        padding-top: .7rem;
    }

    .life_body .life_src1 .life_src1_top .life_title {
        padding-bottom: .15rem;
    }

    .life_body .life_src1 .life_src1_top .life_en {
        font-size: 18px;
        margin-top: .4rem;
    }

    .life_body .life_src1 .life_src1_top {
        padding-bottom: .4rem;
    }

    .life_body .life_src1 .life_mess {
        margin-top: .4rem;
        font-size: 16px;
        line-height: 2;
    }

    .life_body .life_src3 .lift_src3_info {
        font-size: 16px;
        line-height: 2;
        margin-bottom: .4rem;
    }

    .life_body .life_src2 .life_src2_con > div > div {
        margin-bottom: .3rem;
    }

    .life_body .life_src2 .life_src2_con {
        width: 4.7rem;
        height: 4.7rem;
    }

    .life_body .life_src2 .swiper-container {
        height: 5.8rem;
    }

    .life_body .life_src2 .swiper-container .swiper-slide > div {
        min-height: 5.8rem;
    }

    .productDet_body .pro_huy_link_box {
        margin-top: .8rem;
    }

    .life_body .life_src3 .btn_box {
        margin-top: 12.5vw;
    }

    .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_xh,
    .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_info {
        margin-bottom: .2rem;
    }

    .mer_body .mer_src1_lb .mer_lb_box .mer_text_box {
        padding-bottom: .5rem;
        height: 180px;
    }

    .mer_body .mer_src1_lb .mer_lb_box .mer_text_box .mer_lb_info {
        font-size: 14px;
    }

    .mer_body .mer_src1_lb .swiper-container {
        margin-bottom: .4rem;
    }

    .mer_body .mem_src2_box .pol_info {
        margin-top: .3rem;
        color: #3b4048;
    }

    .mer_body .mem_src3_box .mer_src3_list > div {
        align-items: flex-start;
        padding: .25rem 0;
    }

    .mer_body .mem_src4_box .btn_sq {
        margin-top: .4rem;
    }

    .mer_body .mem_src5_box .mer_src5_con > div {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    .mer_body .mem_src6_box .mer_src6_con form {
        display: block;
    }

    .mer_body .mem_src6_box .mer_src6_con form label {
        width: 100%;
    }

    .mer_body .mem_src6_box .mer_src6_con form label span {
        width: 2rem;
    }

    .mer_body .mem_src6_box .mer_src6_con form label input, .mer_body .mem_src6_box .mer_src6_con form label textarea {
        width: calc(100% - 2rem);
    }

    .mer_body .mem_src2_box .mer_src2_lb .dot_me_box > div {
        transform: translate(-50%, -50%) scale(1);
    }

    .mer_body .mem_src2_box .swiper-container a img {
        width: 65%;
    }

    .mer_body .mem_src2_box .mer_src2_lb {
        margin-top: .5rem;
    }

    .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_info {
        min-height: auto;
    }

    .mer_body .mem_src6_box .mer_src6_con {
        margin-bottom: 0;
    }

    .mer_body .mer_src1_lb {
        margin-top: .5rem;
    }

    .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_name,
    .mer_body .mem_src3_box .mer_src3_list .mer_src3_name {
        font-size: 16px;
    }

    .mer_body .mem_src5_box .mer_src5_con > div > div .mer_src5_info {
        font-size: 14px;
    }

    .mer_body .mem_src3_box .mer_src3_list > div {
        flex-wrap: wrap;
        align-items: center;
    }

    .mer_body .mem_src3_box .mer_src3_list .mer_src3_name {
        width: calc(100% - 1rem);
        font-weight: 700;
    }

    .mer_body .mem_src3_box .mer_src3_list .mer_src3_info {
        width: 100%;
        margin-top: .2rem;
    }

    .mer_body .mem_src2_box, .mer_body .mem_src3_box,
    .mer_body .mem_src4_box,
    .mer_body .mem_src5_box,
    .mer_body .mem_src6_box {
        padding-top: 8.33vw;
    }

    .mer_body .mem_src2_box {
        padding-bottom: 13%;
    }

    .mer_body .mem_src6_box .mer_src6_con form label span {
        font-size: 14px;
    }

    .mer_body .mem_src6_box .mer_src6_con form label,
    .mer_body .mem_src6_box .mer_src6_con form label input, .mer_body .mem_src6_box .mer_src6_con form label textarea {
        line-height: .5rem;
    }

    .mer_body .footer_case .ind_src5 > div .footer .copy_right {
        bottom: 10vh;
    }

    .mer_body .mer_kf_box .iconfont {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }

    .ind_body .ind_src4 > div .ind_con_box .ind_con_case > div .ind_con_name > div a {
        width: 2rem;
    }
}

@media all and (max-width: 400px) {
    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
        padding-left: 110px;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li {
        min-width: 100px;
    }
}

@media all and (max-width: 375px) {
    .ind_body .ind_src4 > div .ind_src4_p_img {
        left: 0;
        width: 100%;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
        padding-left: 100px;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li {
        min-width: 95px;
    }

    .ind_body .ind_src2 > div .sho_tab_box {
        width: 75%;
        margin-top: .2rem;
    }

    .abo_src3_alone > img {
        display: none;
    }

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

@media all and (max-width: 360px) {
    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul {
        padding-left: 85px;
    }

    .member_body .sty2_width > div .mem_src2_con .mem_src2_text_box ul > li {
        min-width: 95px;
    }
}

@media all and (max-width: 360px) {
    .int_pre_sty .int_provenance > img {
        width: 20%;
    }

    .show_series_box {
        padding-left: 15px;
    }
}

/*# sourceMappingURL=public.css.map */