@charset "UTF-8";

@font-face {
    font-family: NexaBlack;
    src: url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/6e831ed23e18455bb01cd9cf03eb7401);
    src: url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/6e831ed23e18455bb01cd9cf03eb7401) format("woff2"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/acdaf8c1ef684871902805a75147142c#ie-fixed) format("embedded-opentype"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/bc1b9cef24604f298937268c88a3fec1) format("woff"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/830b0a378ef346e9b2b48f4b3e736a7c) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: NexaBold;
    src: url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/3c5688dc5ced4d61a1f4e6133ea56e3a);
    src: url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/3c5688dc5ced4d61a1f4e6133ea56e3a) format("woff2"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/938e39ea93034f0ab0c5b3440b29505e#ie-fixed) format("embedded-opentype"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/6cc6e51744314552be08af71eb6484bb) format("woff"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/db10cbfd01854e9bb46e8af2a1d1426c) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: NexaRegular;
    src: url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/c48aa5534c624f3bbecee328ea3c3dce);
    src: url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/c48aa5534c624f3bbecee328ea3c3dce) format("woff2"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/bc644362aa2342bb98cdefde2e1efab4#ie-fixed) format("embedded-opentype"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/9219bf2806f34f3eb251be7d41b15660) format("woff"), url(https://sgp-cstore-pub.maxhub.com/maxhub_global_public/309dc46f89d04a8d890c9d24ad820d40) format("truetype");
    font-weight: 200;
    font-style: normal
}

.font-black {
    font-family: NexaBlack, PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif
}

.font-bold {
    font-family: NexaBold, PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif
}

.font-regular,
body {
    font-family: NexaRegular, PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    font-weight: 200
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0
}

h1 {
    font-family: NexaBold, PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    font-size: 30px;
    /*text-transform:uppercase*/
}

h1,
h2 {
    line-height: 1.5
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 20px
}

h3,
h4 {
    line-height: 1.5
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h5,
h6 {
    line-height: 1.5
}

h6 {
    font-size: 14px
}

h6.small {
    font-size: 12px
}

p {
    font-size: 16px
}

.h1,
p {
    line-height: 1.5
}

.h1 {
    font-family: NexaBold, PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    font-size: 30px;
    /*text-transform:uppercase*/
}

.h2 {
    font-size: 36px
}

.h2,
.h3 {
    line-height: 1.5
}

.h3 {
    font-size: 20px
}

.h4 {
    font-size: 24px
}

.h4,
.h5 {
    line-height: 1.5
}

.h5 {
    font-size: 20px
}

.h6 {
    font-size: 14px;
    line-height: 1.5
}

.h6.small {
    font-size: 12px
}

.p {
    font-size: 16px;
    line-height: 1.5
}

@media (max-width:1919px) and (min-width:1601px) {

    .h1,
    h1 {
        font-size: 30px
    }
}

@media screen and (max-width:1600px) {
    h1 {
        font-size: 30px
    }

    h2 {
        font-size: 32px
    }

    h3 {
        font-size: 20px
    }

    h4 {
        font-size: 20px
    }

    h5 {
        font-size: 16px
    }

    h6 {
        font-size: 12px
    }

    p {
        font-size: 14px
    }

    .h1 {
        font-size: 30px
    }

    .h2 {
        font-size: 32px
    }

    .h3 {
        font-size: 20px
    }

    .h4 {
        font-size: 20px
    }

    .h5 {
        font-size: 16px
    }

    .h6 {
        font-size: 12px
    }

    .p {
        font-size: 14px
    }
}

@media screen and (max-width:1440px) {

    .h1,
    h1 {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 48px;
        line-height: 1.14
    }

    h2 {
        font-size: 32px;
        line-height: 1.12
    }

    h3 {
        font-size: 30px;
        line-height: 1.19
    }

    h4 {
        font-size: 36px;
        line-height: 1.16
    }

    h5 {
        font-size: 32px;
        line-height: 1.25
    }

    h6 {
        font-size: 24px;
        line-height: 1.33
    }

    p {
        font-size: 28px;
        line-height: 1.28
    }

    .h1 {
        font-size: 30px;
        line-height: 1.14
    }

    .h2 {
        font-size: 48px;
        line-height: 1.12
    }

    .h3 {
        font-size: 20px;
        line-height: 1.19
    }

    .h4 {
        font-size: 36px;
        line-height: 1.16
    }

    .h5 {
        font-size: 32px;
        line-height: 1.25
    }

    .h6 {
        font-size: 24px;
        line-height: 1.33
    }

    .p {
        font-size: 28px;
        line-height: 1.28
    }

    .mb-h1 {
        font-size: 56px;
        line-height: 1.14
    }

    .mb-h2 {
        font-size: 48px;
        line-height: 1.12
    }

    .mb-h3 {
        font-size: 42px;
        line-height: 1.19
    }

    .mb-h4 {
        font-size: 36px;
        line-height: 1.16
    }

    .mb-h5 {
        font-size: 32px;
        line-height: 1.25
    }

    .mb-h6 {
        font-size: 24px;
        line-height: 1.33
    }

    .mb-p {
        font-size: 28px;
        line-height: 1.28
    }
}

@media screen and (max-width:639px) {
    h1 {
        font-size: 42px
    }

    h2 {
        font-size: 36px
    }

    h3 {
        font-size: 32px
    }

    h4 {
        font-size: 36px
    }

    h5 {
        font-size: 28px
    }

    h6 {
        font-size: 18px
    }

    p {
        font-size: 21px
    }

    .h1 {
        font-size: 30px
    }

    .h2 {
        font-size: 22px
    }

    .h3 {
        font-size: 20px
    }

    .h4 {
        font-size: 36px
    }

    .h5 {
        font-size: 28px
    }

    .h6 {
        font-size: 18px
    }

    .p {
        font-size: 21px
    }

    .mb-h1 {
        font-size: 42px
    }

    .mb-h2 {
        font-size: 36px
    }

    .mb-h3 {
        font-size: 32px
    }

    .mb-h4 {
        font-size: 36px
    }

    .mb-h5 {
        font-size: 28px
    }

    .mb-h6 {
        font-size: 18px
    }

    .mb-p {
        font-size: 21px
    }
}

@media screen and (max-width:480px) {
    h1 {
        font-size: 20px
    }

    h2 {
        font-size: 24px
    }

    h3 {
        font-size: 21px
    }

    h4 {
        font-size: 18px
    }

    h5 {
        font-size: 16px
    }

    h6 {
        font-size: 12px
    }

    p {
        font-size: 14px
    }

    .h1 {
        font-size: 28px
    }

    .h2 {
        font-size: 24px
    }

    .h3 {
        font-size: 21px
    }

    .h4 {
        font-size: 18px
    }

    .h5 {
        font-size: 16px
    }

    .h6 {
        font-size: 12px
    }

    .p {
        font-size: 14px
    }

    .mb-h1 {
        font-size: 28px
    }

    .mb-h2 {
        font-size: 24px
    }

    .mb-h3 {
        font-size: 21px
    }

    .mb-h4 {
        font-size: 18px
    }

    .mb-h5 {
        font-size: 16px
    }

    .mb-h6 {
        font-size: 12px
    }

    .mb-p {
        font-size: 14px
    }
}

a,
article,
aside,
b,
body,
button,
dd,
div,
dl,
dt,
figcaption,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
input,
li,
nav,
p,
section,
select,
span,
textarea,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    opacity: 0;
    color: #333;
    background: #fff;
    overflow-x: hidden
}

body.is-ready {
    opacity: 1
}

body.is-load a {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

body.not-pc {
    cursor: pointer
}

body.ban-scroll {
    overflow: hidden
}

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

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased
}

:active,
:focus {
    outline: none
}

a {
    color: #333
}

a:focus,
a:hover {
    text-decoration: none;
    color: #196fd2
}

em {
    font-style: normal
}

img {
    border: 0;
    vertical-align: top;
    display: block
}

.clearFix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

input[type=button],
input[type=reset],
input[type=search],
input[type=submit] {
    -webkit-appearance: none
}

button:focus,
input:focus {
    outline: none !important
}

input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

textarea {
    -webkit-appearance: none
}

.bg {
    width: 100%
}

.bg-style {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.scrolled {
    opacity: 0
}

.bolder {
    font-weight: bolder
}

.tip,
.tip-text {
    margin-top: 10px
}

.tip-text.weaken .tip-inner,
.tip.weaken .tip-inner {
    opacity: .7
}

.delay100 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.delay200 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.delay300 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay400 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.delay500 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay600 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.delay700 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.delay800 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.delay900 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.delay1000 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.delay1100 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.delay1200 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.delay1300 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.delay1400 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.delay1500 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay1600 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.delay1700 {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.delay1800 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.delay1900 {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.delay2000 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.delay3000 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.duration500 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.duration700 {
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.duration1000 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.duration1200 {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.duration1500 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.duration2000 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.duration2500 {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

.duration3000 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.duration6000 {
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

.duration10000 {
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}

body.is-load .ts-delay100 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

body.is-load .ts-delay200 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

body.is-load .ts-delay300 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

body.is-load .ts-delay400 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

body.is-load .ts-delay500 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

body.is-load .ts-delay600 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

body.is-load .ts-delay700 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

body.is-load .ts-delay800 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

body.is-load .ts-delay900 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

body.is-load .ts-delay1000 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

body.is-load .ts-all-ease-400 {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

body.is-load .ts-duration0 {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

body.is-load .ts-duration400 {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

body.is-load .ts-duration600 {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

body.is-load .ts-duration800 {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

body.is-load .ts-duration1000 {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

body.is-load .ts-property-all {
    -webkit-transition-property: all;
    transition-property: all
}

body.is-load .ts-timing-function-ease {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.bg-cover {
    background-size: cover
}

.bg-contain,
.bg-cover {
    background-position: 50%;
    background-repeat: no-repeat
}

.bg-contain {
    background-size: contain
}

.stage-sticky {
    overflow: inherit;
    z-index: auto
}

.sticky-box {
    width: 100%;
    height: 100vh;
    position: sticky;
    overflow: hidden;
    top: 0
}

#main-wrap {
    z-index: 10;
    position: relative;
    background: #fff;
    overflow-x: hidden;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

@media (min-width:1260px) {
    .container {
        width: 1230px
    }
}

@media (min-width:1010px) {
    .small-container {
        width: 980px
    }
}

@media (min-width:1160px) {
    .middle-container {
        width: 1130px
    }
}

@media (min-width:1460px) {
    .big-container {
        width: 1430px
    }
}

@media (min-width:1921px) {
    .container {
        width: 1650px
    }

    .small-container {
        width: 1400px
    }

    .middle-container {
        width: 1550px
    }

    .big-container {
        width: 1850px
    }
}

@media (min-width:2200px) {
    .container {
        width: 1870px
    }

    .small-container {
        width: 1620px
    }

    .middle-container {
        width: 1770px
    }

    .big-container {
        width: 2070px
    }
}

.swiper .swiper-slide {
    overflow: hidden
}

.swiper .swiper-slide .word-block {
    display: inline-block;
    vertical-align: middle;
}

.swiper .swiper-slide .word-block .word-inner {
    display: block;
    position: relative;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.swiper .swiper-slide .btn-anim {
    padding-top: 3px;
}

.swiper .swiper-slide .btn-anim .c-button {
    -webkit-transform: translate3d(0, 140%, 0);
    transform: translate3d(0, 140%, 0)
}

.swiper .swiper-slide.is-animated .word-block .word-inner {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.2s cubic-bezier(.165, .84, .44, 1)
}

.swiper .swiper-slide.is-animated .title .word-inner {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.swiper .swiper-slide.is-animated .description .word-inner {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.swiper .swiper-slide.is-animated .tip .word-inner {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.swiper .swiper-slide.is-animated .icon-box .word-inner {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.swiper .swiper-slide.is-animated .btn-anim .c-button {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: transform 1.2s ease, -webkit-transform 1.2s ease;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.body-wrap .swiper-button-next,
.body-wrap .swiper-button-prev {
    width: 55px;
    height: 55px;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%
}

.body-wrap .swiper-button-next:after,
.body-wrap .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bolder
}

.body-wrap .swiper-button-prev {
    left: 100px
}

.body-wrap .swiper-button-next {
    right: 100px
}

@media screen and (max-width:1600px) {
    .body-wrap .swiper-button-prev {
        left: 70px
    }

    .body-wrap .swiper-button-next {
        right: 70px
    }
}

@media screen and (max-width:1440px) {
    .body-wrap .swiper-button-prev {
        left: 30px
    }

    .body-wrap .swiper-button-next {
        right: 30px
    }
}

.body-wrap .swiper-pagination {
    bottom: 40px;
    padding: 0 15px
}

.body-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    position: relative;
    margin: 0 15px;
    background: #fff;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.body-wrap .swiper-pagination .swiper-pagination-bullet:first-of-type {
    margin-left: 0
}

.body-wrap .swiper-pagination .swiper-pagination-bullet:last-of-type {
    margin-right: 0
}

.body-wrap .swiper-pagination .swiper-circle {
    position: absolute;
    top: -7px;
    left: -7px;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.body-wrap .swiper-pagination .box-left,
.body-wrap .swiper-pagination .box-right {
    width: 50%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    overflow: hidden
}

.body-wrap .swiper-pagination .box-left,
.body-wrap .swiper-pagination .circle-left {
    left: 0
}

.body-wrap .swiper-pagination .box-right,
.body-wrap .swiper-pagination .circle-right {
    right: 0
}

.body-wrap .swiper-pagination .circle-left,
.body-wrap .swiper-pagination .circle-right {
    width: 200%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #196fd2;
    border-radius: 50%;
    position: absolute;
    top: 0
}

.body-wrap .swiper-pagination .circle-left {
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.body-wrap .swiper-pagination .circle-right {
    border-bottom-color: transparent;
    border-right-color: transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.body-wrap .swiper-pagination .swiper-pagination-bullet-active {
    background: #196fd2;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.body-wrap .swiper-pagination .swiper-pagination-bullet-active .circle-left {
    -webkit-animation: circleRotate 3s linear forwards 3s;
    animation: circleRotate 3s linear forwards 3s
}

.body-wrap .swiper-pagination .swiper-pagination-bullet-active .circle-right {
    -webkit-animation: circleRotate 3s linear forwards;
    animation: circleRotate 3s linear forwards
}

@-webkit-keyframes circleRotate {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

@keyframes circleRotate {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

.body-wrap .swiper-pagination.color-gray .swiper-pagination-bullet {
    background-color: #b8babc
}

.body-wrap .swiper-pagination.color-gray .swiper-pagination-bullet-active {
    background-color: #196fd2
}

.btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer
}

.btn-play .icon-play {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 100px;
    line-height: 1;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%
}

.btn-play:hover .icon-play {
    background: #196fd2
}

.btn-play.size-middle-plus .icon-play {
    font-size: 80px
}

.btn-play.size-middle .icon-play {
    font-size: 68px
}

.ripple-box {
    width: 20px;
    height: 20px;
    position: relative
}

.ripple-box>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ripple-box .ripple-shadow {
    width: 70%;
    height: 70%;
    background: rgba(0, 0, 0, .1);
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 0 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    border-radius: 50%
}

.ripple-box .ripple-core {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(25, 111, 210, .4)
}

.ripple-box .ripple1,
.ripple-box .ripple2,
.ripple-box .ripple3 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(25, 111, 210, .6);
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0
}

.ripple-box .ripple2 {
    -webkit-animation-delay: .5s !important;
    animation-delay: .5s !important
}

.ripple-box .ripple3 {
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
}

.visible-vert {
    display: none !important
}

.is-vertical .container {
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .swiper-pagination {
    bottom: 25px
}

.is-vertical .swiper-pagination .swiper-pagination-bullet {
    margin-left: 7px;
    margin-right: 7px
}

.is-vertical .visible-vert {
    display: block !important
}

.is-vertical .hidden-vert {
    display: none !important
}

.is-vertical .btn-play .icon-play {
    font-size: 18vw
}

.is-vertical .btn-play.size-middle-plus .icon-play {
    font-size: 16vw
}

.is-vertical .btn-play.size-middle .icon-play {
    font-size: 13vw
}

.affixed-top-box {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    z-index: 1030
}

.affixed-top-box .inner-content {
    background: #fff
}

.affixed-top-box .c-panel-tab .tab-list:before {
    position: absolute;
    top: 0;
    left: -100vw;
    width: 200vw;
    height: 100%;
    display: none;
    content: "";
    background: #f5f5f5
}

.affixed-top-box.not-fixed .inner-content>.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.affixed-top-box.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.affixed-top-box.fixed-top .inner-content {
    border-bottom: 1px solid #b8babc
}

.affixed-top-box.fixed-top .inner-content>.container {
    position: relative;
    z-index: 2;
    padding-left: 55px;
    padding-right: 55px
}

.affixed-top-box.fixed-top .c-panel-tab .tab-list:before {
    display: block
}

.affixed-top-box.fixed-top .c-text-tab .line-box {
    background: none
}

.affixed-top-box.fixed-top.leave {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.is-vertical .affixed-top-box .inner-content>.container {
    padding-left: 0;
    padding-right: 0
}

.is-vertical .affixed-top-box .c-panel-tab .tab-list:before {
    display: none
}

.is-vertical .affixed-top-box.fixed-top .c-panel-tab,
.is-vertical .affixed-top-box.fixed-top .c-text-tab {
    margin-left: 0
}

.is-vertical .affixed-top-box.fixed-top .c-panel-tab .tab-list,
.is-vertical .affixed-top-box.fixed-top .c-text-tab .tab-list {
    width: 100vw
}

.layer-layout {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 1031;
    color: #333;
    background: rgba(0, 0, 0, .5)
}

.layer-layout .container {
    height: 100%
}

.layer-layout .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-layout .inner-content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 100px 160px 120px;
    background: #f5f5f5;
    border-radius: 6px
}

.layer-layout .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    z-index: 2;
    cursor: pointer
}

.layer-layout .btn-close .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.layer-layout .btn-close:hover .iconfont {
    color: #196fd2
}

.layer-layout .title {
    margin-bottom: 60px;
    text-align: center
}

.layer-layout .c-scroll-content {
    max-height: 410px;
    margin-right: -30px;
    padding-right: 30px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.layer-layout .c-scroll-content img {
    display: inline-block;
    max-width: 100%
}

.layer-layout .c-scroll-content .table,
.layer-layout .c-scroll-content p {
    margin-bottom: 30px
}

.layer-layout .c-scroll-content .table.short-margin,
.layer-layout .c-scroll-content p.short-margin {
    margin-bottom: 10px
}

.layer-layout .c-scroll-content .table {
    max-width: 100%
}

.layer-layout .c-scroll-content .indent-30 {
    margin-left: 30px
}

.layer-layout .c-scroll-content a {
    color: #196fd2;
    word-break: break-word
}

.layer-layout .c-scroll-content .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.layer-layout .c-scroll-content .img-box .img-col {
    margin-left: 10px
}

.layer-layout .c-scroll-content .img-box .img-col:first-of-type {
    margin-left: 0
}

.layer-layout .c-scroll-content .video-box {
    margin-bottom: 40px
}

.layer-layout .c-scroll-content ul {
    margin-bottom: 10px;
    padding-left: 40px;
    list-style-type: disc
}

.layer-layout .c-scroll-content ul li {
    margin-bottom: 5px;
    list-style-type: disc
}

.layer-layout .c-scroll-content ol {
    padding-left: 40px;
    list-style-type: decimal
}

.layer-layout .c-scroll-content ol li {
    margin-bottom: 5px;
    list-style-type: decimal
}

@media screen and (max-width:1600px) {
    .layer-layout .inner-content {
        width: 85%;
        padding: 70px 112px 90px
    }

    .layer-layout .title {
        margin-bottom: 40px
    }
}

@media screen and (max-width:1440px) {
    .layer-layout .inner-content {
        width: 80%;
        padding: 50px 90px 70px
    }
}

.is-vertical .layer-layout .inner-content {
    width: 100%;
    padding: 50px 30px
}

.is-vertical .layer-layout .btn-close {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px
}

.is-vertical .layer-layout .c-scroll-content {
    max-height: 60vh;
    margin-right: -15px;
    padding-right: 15px
}

.is-vertical .layer-layout .description,
.is-vertical .layer-layout .title {
    margin-bottom: 20px
}

.is-vertical .layer-layout .img-box {
    display: block
}

.is-vertical .layer-layout .img-box .img-col {
    margin-left: 0
}

.is-vertical .layer-layout .img-box img {
    width: 100%;
    height: auto
}

.is-vertical .layer-layout .video-box video {
    width: 100%
}

.c-button {
    display: inline-block;
    text-align: left;
    background: #196fd2;
    border-radius: 5px;
    cursor: pointer
}

.c-button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 35px 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* color: #fff; */
    color: #333333;
    line-height: 1;
    -webkit-transition: none !important;
    transition: none !important
}

.c-button a .name {
    margin-right: 20px
}

.c-button a .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    top: -1px;
    line-height: 1
}

.c-button a .icon-play {
    font-weight: bolder
}

.c-button a .loading-box {
    display: none
}

.c-button a .loading-box .loading-icon {
    height: 14px
}

.c-button:hover {
    background-color: #2b79d8
}

.c-button:hover a {
    color: #fff
}

.c-button:hover a .iconfont {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.c-button.none-arrow-ani a:hover .iconfont {
    -webkit-transform: none;
    transform: none
}

.c-button.none-arrow a .name {
    margin-right: 0
}

.c-button.none-arrow a .iconfont {
    display: none
}

.c-button.none-bg {
    background: none;
    border: 1px solid #196fd2
}

.c-button.none-bg a {
    padding-top: 18px;
    padding-bottom: 12px;
    color: #196fd2;
    background: none
}

.c-button.none-bg:hover {
    color: #2b79d8;
    border-color: #2b79d8;
    background: none
}

.c-button.none-bg.color-white {
    border-color: #fff
}

.c-button.none-bg.color-white a {
    color: #fff
}

.c-button.none-bg.color-white:hover {
    border-color: #fff
}

.c-button.none-bg.color-white:hover a {
    color: #fff
}

.c-button.btn-text {
    background: none
}

.c-button.btn-text a {
    padding: 0;
    color: #333
}

.c-button.btn-text a .name {
    position: relative;
    top: 1px
}

.c-button.btn-text.color-white:hover a,
.c-button.btn-text.color-white a {
    color: #fff
}

.c-button.show-loading {
    background: #999;
    pointer-events: none
}

.c-button.show-loading a {
    color: #fff
}

.c-button.show-loading .iconfont {
    display: none
}

.c-button.show-loading .loading-box {
    display: inline-block
}

.is-vertical .c-button a {
    padding: 12px 20px 8px
}

.is-vertical .c-button.btn-text a {
    padding: 0
}

.c-header .navbar {
    margin-bottom: 0;
    color: #fff;
    background: #000;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    border: none
}

.c-header .navbar .active a,
.c-header .navbar .active a:hover {
    color: #fff;
    background: none
}

.c-header .navbar .navbar-brand {
    margin-right: 30px;
    padding-top: 37px;
    padding-bottom: 63px;
    color: #fff
}

.c-header .navbar li {
    position: relative;
    padding: 0;
    width: 140px;
    margin-right: 15px;
    
}

.c-header .navbar li a {
    padding: 46px 20px 38px;
    line-height: 1;
    color: #fff
}

.c-header .navbar li a:focus,
.c-header .navbar li a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.c-header .navbar li .iconfont {
    position: relative;
    top: 1px;
    line-height: 1
}

.c-header .navbar li.open a,
.c-header .navbar li.open a:focus,
.c-header .navbar li.open a:hover {
    color: #fff;
    background: none
}

.c-header .navbar .main-nav {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.c-header .navbar .main-nav li a {
    color: #fff;
    background: none !important
}

.c-header .navbar .main-nav li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    display: none;
    content: "";
    background: #196fd2
}

.c-header .navbar .main-nav li.active a,
.c-header .navbar .main-nav li:hover a {
    color: #fff
}

.c-header .navbar .main-nav li.active a:after,
.c-header .navbar .main-nav li:hover a:after {
    display: block
}

.c-header .navbar .navbar-right a {
    padding-top: 39px;
    padding-bottom: 38px
}

.c-header .navbar .dropdown-toggle .iconfont {
    position: relative;
    margin-right: 5px
}

.c-header .navbar .dropdown-menu li a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #333
}

.c-header .navbar .dropdown-menu li a:hover {
    color: rgba(51, 51, 51, .7)
}

.c-header .navbar .language a,
.c-header .navbar .search a {
    padding-left: 10px;
    padding-right: 10px
}

.c-header .navbar .button-box {
    padding-left: 10px;
    padding-right: 0
}

.c-header .navbar .button-box .c-button {
    margin-top: 26px
}

.c-header .navbar .button-box .c-button a {
    padding: 18px 30px 14px
}

.c-header .navbar .button-box .c-button a .iconfont {
    top: -1px
}

.c-header .navbar .button-box .c-button a:hover {
    color: #fff
}

.c-header.bg-transparent .navbar {
    /*background: none*/
     background: #183884
}

.c-header.bg-transparent.open-second-layer .navbar {
    /*background: none*/
     background: #183884 
}

.c-header.bg-transparent.open-second-layer.move-down .navbar {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.c-header.bg-black .navbar {
    color: #fff;
    /* background: #000 */
    background: #183884
}

.c-header.move-down .navbar {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.c-header.open-second-layer .navbar {
    background: #000
}

.c-header.open-second-layer.move-down .navbar {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width:1600px) {
    .c-header .navbar .navbar-brand {
        padding-top: 28px;
        padding-bottom: 52px
    }

    .c-header .navbar li a {
        padding-top: 36px;
        padding-bottom: 30px
    }

    .c-header .navbar .navbar-right a {
        padding-top: 32px;
        padding-bottom: 30px
    }

    .c-header .navbar .button-box .c-button {
        margin-top: 18px
    }
}

.c-header .locale-switcher {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    display: none;
    z-index: 1033;
    background: #333;
    color: #fff
}

.c-header .locale-switcher .container {
    height: 100%
}

.c-header .locale-switcher .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2
}

.c-header .locale-switcher .text-wrap {
    width: 48%;
    line-height: 1.2
}

.c-header .locale-switcher .select-wrap {
    width: 26%
}

.c-header .locale-switcher .select-wrap button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 11px 20px 9px;
    background: none;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header .locale-switcher .select-wrap button .icon-duihao {
    margin-right: 10px;
    color: #196fd2
}

.c-header .locale-switcher .select-wrap button .icon-arrow-down {
    display: none
}

.c-header .locale-switcher .select-wrap button:focus {
    background: transparent;
    color: #fff
}

.c-header .locale-switcher .select-wrap .dropdown-menu {
    top: 0;
    width: 100%;
    min-height: 100%;
    margin-top: 0;
    padding: 5px;
    opacity: 0;
    pointer-events: none
}

.c-header .locale-switcher .select-wrap .dropdown-menu .icon-duihao {
    position: relative;
    top: -2px;
    margin-right: 10px;
    opacity: 0
}

.c-header .locale-switcher .select-wrap .dropdown-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 15px 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: normal
}

.c-header .locale-switcher .select-wrap .dropdown-menu li.active .icon-duihao {
    opacity: 1
}

.c-header .locale-switcher .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-header .locale-switcher .btn-wrap .c-button a .name {
    margin-right: 0
}

.c-header .locale-switcher .btn-wrap .c-button a .iconfont {
    display: none
}

.c-header .locale-switcher .btn-wrap .close-wrap {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 15px;
    padding: 10px 0 10px 5px;
    cursor: pointer
}

.c-header .locale-switcher .btn-wrap .close-wrap:hover {
    opacity: .7
}

.c-header .locale-switcher.single .select-wrap {
    pointer-events: none
}

.c-header .locale-switcher.multiple .select-wrap button .icon-arrow-down {
    display: inline-block
}

.c-header .locale-switcher.multiple .select-wrap button:focus {
    background: #fff;
    color: #333
}

.c-header .locale-switcher.multiple .select-wrap .dropdown-menu {
    opacity: 1;
    pointer-events: auto
}

.has-locale .c-header .locale-switcher {
    display: block
}

.has-locale .c-header .navbar {
    top: 80px
}

.has-locale .c-header .second-layer-pc,
.has-locale .c-header .select-language-layer {
    padding-top: 180px
}

@media screen and (max-width:1600px) {

    .has-locale .c-header .second-layer-pc,
    .has-locale .c-header .select-language-layer {
        padding-top: 160px
    }
}

.has-locale #main-wrap {
    padding-top: 80px
}

.is-vertical .c-header .locale-switcher {
    height: 120px
}

.is-vertical .c-header .locale-switcher .content {
    position: relative;
    padding: 15px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-vertical .c-header .locale-switcher .text-wrap {
    width: 100%;
    padding-right: 12%
}

.is-vertical .c-header .locale-switcher .select-wrap {
    width: 60%
}

.is-vertical .c-header .locale-switcher .select-wrap button {
    padding: 5px 15px 3px
}

.is-vertical .c-header .locale-switcher .select-wrap .dropdown-menu {
    min-width: 230px
}

.is-vertical .c-header .locale-switcher .select-wrap .dropdown-menu a {
    padding: 5px 10px 3px
}

.is-vertical .c-header .locale-switcher .btn-wrap .close-wrap {
    position: absolute;
    top: 10px;
    right: 0
}

.is-vertical.has-locale .c-header .navbar {
    top: 120px
}

.is-vertical.has-locale .c-header .btn-navbar-toggle-mb {
    top: 126px
}

.is-vertical.has-locale .c-header .first-layer-mb {
    padding-top: 180px
}

.is-vertical.has-locale #main-wrap,
.is-vertical.has-locale .c-header .second-layer-mb,
.is-vertical.has-locale .c-header .select-language-layer {
    padding-top: 120px
}

.c-header .second-layer-pc {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 1029;
    padding-top: 100px;
    background: rgba(0, 0, 0, .2);
    color: #333
}

.c-header .second-layer-pc * {
    color: #333
}

.c-header .second-layer-pc a:hover,
.c-header .second-layer-pc a:hover * {
    color: #196fd2
}

.c-header .second-layer-pc .big-container .main-content {
    width: calc(100% - 260px * 3)
}

.c-header .second-layer-pc .middle-container .main-content {
    width: calc(100% - 260px * 2)
}

.c-header .second-layer-pc .small-container .main-content {
    width: calc(100% - 260px)
}

.c-header .second-layer-pc .top-content {
    width: 100%;
    height: 95%;
    display: none;
    position: relative;
    background: #fff
}

.c-header .second-layer-pc .container,
.c-header .second-layer-pc .menu-container {
    height: 100%
}

.c-header .second-layer-pc .menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-header .second-layer-pc .menu-title {
    padding: 50px 20px 5px
}

.c-header .second-layer-pc .view-more {
    margin-top: 20px;
    text-align: right
}

.c-header .second-layer-pc .view-more .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: inline-block;
    margin-left: 17px
}

.c-header .second-layer-pc .view-more a:hover .iconfont {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.c-header .second-layer-pc .side-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-header .second-layer-pc .side-menu .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.c-header .second-layer-pc .side-menu .part-top {
    max-height: calc(100% - 104px)
}

@media screen and (max-width:1600px) {
    .c-header .second-layer-pc .side-menu .part-top {
        max-height: calc(100% - 100px)
    }
}

.c-header .second-layer-pc .side-menu .menu-list {
    max-height: calc(100% - 97px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.c-header .second-layer-pc .side-menu .menu-list::-webkit-scrollbar {
    width: 8px
}

.c-header .second-layer-pc .side-menu .menu-list::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 5px
}

.c-header .second-layer-pc .side-menu .menu-list::-webkit-scrollbar-track {
    background-color: #ebebeb
}

.c-header .second-layer-pc .side-menu .menu-list::-webkit-scrollbar {
    -webkit-appearance: none
}

.c-header .second-layer-pc .side-menu .menu-list::-webkit-scrollbar:hover {
    width: 8px
}

.c-header .second-layer-pc .side-menu .menu-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-header .second-layer-pc .side-menu .menu-list li a.active,
.c-header .second-layer-pc .side-menu .menu-list li a:hover {
    color: #196fd2;
    background: #fff
}

.c-header .second-layer-pc .side-menu .menu-list li a.active *,
.c-header .second-layer-pc .side-menu .menu-list li a:hover * {
    color: #196fd2
}

.c-header .second-layer-pc .side-menu .menu-list li a:hover .iconfont {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.c-header .second-layer-pc .side-menu .menu-list li .name {
    padding-top: 4px
}

.c-header .second-layer-pc .side-menu .menu-list li .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-header .second-layer-pc .side-menu .menu-list li.align-bottom {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%
}

.c-header .second-layer-pc .side-menu .menu-list li.align-bottom.bottom1 {
    bottom: 30px
}

.c-header .second-layer-pc .side-menu .menu-list li.align-bottom.bottom2 {
    bottom: 83px
}

.c-header .second-layer-pc .side-menu .menu-list li.align-bottom.bottom3 {
    bottom: 136px
}

.c-header .second-layer-pc .side-menu .menu-list li.align-bottom.bottom4 {
    bottom: 189px
}

.c-header .second-layer-pc .side-menu .menu-list li.align-bottom.bottom5 {
    bottom: 242px
}

.c-header .second-layer-pc .side-menu .menu-list li.align-bottom.bottom6 {
    bottom: 295px
}

@media screen and (max-width:1600px) {
    .c-header .second-layer-pc .side-menu .menu-list {
        max-height: calc(100% - 81px)
    }
}

.c-header .second-layer-pc .side-menu .view-more {
    margin: 20px 0 30px;
    padding: 14px 20px;
    text-align: left
}

.c-header .second-layer-pc .side-menu .view-more a {
    color: #196fd2
}

.c-header .second-layer-pc .side-menu:first-of-type,
.c-header .second-layer-pc .side-menu:first-of-type .item {
    background: #ebebeb
}

.c-header .second-layer-pc .side-menu:first-of-type .menu-list li a.active,
.c-header .second-layer-pc .side-menu:first-of-type .menu-list li a:hover {
    background: #f7f7f7
}

.c-header .second-layer-pc .side-menu:nth-of-type(2),
.c-header .second-layer-pc .side-menu:nth-of-type(2) .item {
    background: #f5f5f5
}

.c-header .second-layer-pc .side-menu:nth-of-type(3),
.c-header .second-layer-pc .side-menu:nth-of-type(3) .item {
    background: #fff
}

.c-header .second-layer-pc .main-content {
    position: relative;
    width: calc(100% - 260px * 3);
    max-width: 430px;
    background: #fff
}

.c-header .second-layer-pc .main-content .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding-left: 50px;
    background: #fff
}

.c-header .second-layer-pc .main-content .img-box {
    display: block;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-header .second-layer-pc .main-content .img-box .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-header .second-layer-pc .main-content .img-box .test-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: red;
    text-shadow: #595959 0 0 5px;
    white-space: nowrap
}

.c-header .second-layer-pc .main-content .img-box:hover .pic {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media screen and (max-width:1600px) {
    .c-header .second-layer-pc {
        padding-top: 80px
    }

    .c-header .second-layer-pc .menu-title {
        padding-top: 40px
    }
}

@media screen and (max-width:1199px) {
    .c-header .second-layer-pc .big-container .main-content {
        width: calc(100% - 240px * 3)
    }

    .c-header .second-layer-pc .middle-container .main-content {
        width: calc(100% - 240px * 2)
    }

    .c-header .second-layer-pc .small-container .main-content {
        width: calc(100% - 240px)
    }

    .c-header .second-layer-pc .side-menu {
        width: 240px
    }

    .c-header .second-layer-pc .main-content {
        width: calc(100% - 240px * 3)
    }

    .c-header .second-layer-pc .main-content .item {
        padding-left: 25px
    }
}

@media screen and (min-width:1921px) {
    .c-header .second-layer-pc .side-menu {
        width: 340px
    }

    .c-header .second-layer-pc .main-content {
        width: calc(100% - 340px * 3);
        max-width: 770px
    }

    .c-header .second-layer-pc .big-container .main-content {
        width: calc(100% - 340px * 3)
    }

    .c-header .second-layer-pc .middle-container .main-content {
        width: calc(100% - 340px * 2)
    }

    .c-header .second-layer-pc .small-container .main-content {
        width: calc(100% - 340px)
    }
}

.c-header .first-layer-mb,
.c-header .second-layer-mb {
    display: none;
    color: #333
}

.c-header .first-layer-mb *,
.c-header .second-layer-mb * {
    color: #333
}

.c-header .first-layer-mb a:hover,
.c-header .first-layer-mb a:hover *,
.c-header .second-layer-mb a:hover,
.c-header .second-layer-mb a:hover * {
    color: #196fd2
}

.is-vertical .c-header .first-layer-mb {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    z-index: 1030;
    padding-top: 60px;
    background: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-vertical .c-header .first-layer-mb .menu-list {
    border-top: 1px solid #b8babc
}

.is-vertical .c-header .first-layer-mb .menu-list li {
    border-bottom: 1px solid #b8babc
}

.is-vertical .c-header .first-layer-mb .menu-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-header .first-layer-mb .lang-quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    border-bottom: 1px solid #b8babc
}

.is-vertical .c-header .first-layer-mb .lang-quote .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    border-right: 1px solid #b8babc;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-header .first-layer-mb .lang-quote .item a {
    display: block;
    padding: 15px 0 12px
}

.is-vertical .c-header .first-layer-mb .lang-quote .item .iconfont {
    margin-right: 5px;
    color: #196fd2
}

.is-vertical .c-header .first-layer-mb .lang-quote .item:last-of-type {
    border-right: none
}

.is-vertical .c-header .first-layer-mb .search-box {
    display: block;
    position: relative
}

.is-vertical .c-header .first-layer-mb .search-box input {
    display: block;
    height: 40px;
    padding: 0 15px;
    background: #d6d7dc
}

.is-vertical .c-header .first-layer-mb .search-box .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    display: block
}

.is-vertical .c-header .first-layer-mb .search-box .input-group-btn .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.is-vertical .c-header .first-layer-mb.ts0 {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

.is-vertical .c-header .first-layer-mb.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.is-vertical .c-header .second-layer-mb {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    z-index: 1030;
    background: #fff;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.is-vertical .c-header .second-layer-mb .menu-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-header .second-layer-mb .menu-head .btn-back {
    position: absolute;
    top: 3px;
    left: -15px;
    padding: 15px
}

.is-vertical .c-header .second-layer-mb .menu-list {
    border-top: 1px solid #b8babc
}

.is-vertical .c-header .second-layer-mb .menu-list .title {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #b8babc
}

.is-vertical .c-header .second-layer-mb .menu-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-header .second-layer-mb .menu-list .view-more {
    margin-top: 15px
}

.is-vertical .c-header .second-layer-mb .menu-list .view-more a,
.is-vertical .c-header .second-layer-mb .menu-list li.open>a,
.is-vertical .c-header .second-layer-mb .menu-list li.open>a * {
    color: #196fd2
}

.is-vertical .c-header .second-layer-mb .menu-list>li.open>a>.icon-arrow {
    display: none
}

.is-vertical .c-header .second-layer-mb .third-menu-list {
    display: none;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(51, 51, 51, .05)
}

.is-vertical .c-header .second-layer-mb .third-menu-list .icon-jianhao {
    display: none
}

.is-vertical .c-header .second-layer-mb .third-menu-list .line {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #b8babc
}

.is-vertical .c-header .second-layer-mb .third-menu-list li.open .icon-zengjia {
    display: none
}

.is-vertical .c-header .second-layer-mb .third-menu-list li.open .icon-jianhao {
    display: block
}

.is-vertical .c-header .second-layer-mb .fourth-menu-list {
    display: none
}

.is-vertical .c-header .second-layer-mb.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.is-vertical .c-header .navbar .navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-header .navbar .navbar-brand {
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 40px
}

.is-vertical .c-header .btn-navbar-toggle-mb {
    position: fixed;
    top: 7px;
    right: 15px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1032;
    width: 52px;
    padding: 15px;
    cursor: pointer
}

.is-vertical .c-header .btn-navbar-toggle-mb span {
    width: 100%;
    height: 1px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    margin-top: 7px;
    background: #fff;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.is-vertical .c-header .btn-navbar-toggle-mb span:first-of-type {
    margin-top: 0
}

.is-vertical .c-header .btn-navbar-toggle-mb.open span {
    background-color: #000
}

.is-vertical .c-header .btn-navbar-toggle-mb.open span:first-of-type {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
    opacity: 1
}

.is-vertical .c-header .btn-navbar-toggle-mb.open span:nth-of-type(2) {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.is-vertical .c-header .btn-navbar-toggle-mb.open span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
    opacity: 1
}

.is-vertical .c-header.move-down .btn-navbar-toggle-mb {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

.c-header .select-language-layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 1029;
    padding-top: 100px;
    background: rgba(0, 0, 0, .2);
    color: #333
}

.c-header .select-language-layer * {
    color: #333
}

.c-header .select-language-layer a:hover,
.c-header .select-language-layer a:hover * {
    color: #196fd2
}

.c-header .select-language-layer .top-content {
    width: 100%;
    height: 95%;
    display: none;
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff
}

.c-header .select-language-layer .container {
    height: 100%
}

.c-header .select-language-layer .text-wrap {
    margin-bottom: 50px;
    padding: 60px 0 50px;
    text-align: center;
    border-bottom: 1px solid #d6d7dc
}

.c-header .select-language-layer .language-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-header .select-language-layer .language-list .title {
    margin-bottom: 20px
}

.c-header .select-language-layer .language-list .locals {
    height: 38vh;
    margin-right: -15px;
    padding-right: 15px;
    overflow-y: auto
}

.c-header .select-language-layer .language-list .local {
    margin-bottom: 20px
}

.c-header .select-language-layer .language-list .local:last-child {
    margin-bottom: 0
}

.c-header .select-language-layer .language-list .local span {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media screen and (max-width:1600px) {
    .c-header .select-language-layer {
        padding-top: 80px
    }

    .c-header .select-language-layer .text-wrap {
        margin-bottom: 30px;
        padding-top: 40px;
        padding-bottom: 30px
    }

    .c-header .select-language-layer .language-list .local,
    .c-header .select-language-layer .language-list .title {
        margin-bottom: 15px
    }

    .c-header .select-language-layer .language-list .locals {
        height: 35vh
    }
}

@media screen and (max-width:1440px) {
    .c-header .select-language-layer .top-content {
        height: 85%
    }
}

.is-vertical .c-header .select-language-layer {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    z-index: 1031;
    padding-top: 0;
    background: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.is-vertical .c-header .select-language-layer .top-content {
    display: block;
    height: 100%
}

.is-vertical .c-header .select-language-layer .text-wrap {
    margin-bottom: 40px;
    padding-top: 60px;
    padding-bottom: 0;
    border-bottom: none
}

.is-vertical .c-header .select-language-layer .language-list {
    display: block;
    height: calc(100% - 140px);
    margin-right: -15px;
    padding-right: 15px;
    overflow-x: hidden;
    overflow-y: scroll
}

.is-vertical .c-header .select-language-layer .language-list .item {
    margin-bottom: 30px;
    border-bottom: 1px solid #d6d7dc
}

.is-vertical .c-header .select-language-layer .language-list .item:last-of-type {
    border-bottom: none
}

.is-vertical .c-header .select-language-layer .language-list .local,
.is-vertical .c-header .select-language-layer .language-list .title {
    margin-bottom: 30px
}

.is-vertical .c-header .select-language-layer .language-list .locals {
    height: auto;
    overflow: hidden
}

.is-vertical .c-header .select-language-layer.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.c-footer {
    position: relative;
    z-index: 11;
    color: #fff
}

.c-footer .footer-main {
    background: url(../images/2d9a602e722546b4bbcd18bb5bcbea0c.gif) 100% 100% no-repeat #1c1c1d;
    background-size: contain
}

.c-footer a {
    color: #fff
}

.c-footer .container {
    position: relative
}

.c-footer .main-container {
    padding-top: 85px;
    padding-bottom: 5px
}

.c-footer .btn-container {
    position: relative;
    z-index: 2
}

.c-footer .btn-to-top {
    position: absolute;
    top: -40px;
    right: 15px;
    width: 80px;
    height: 80px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    color: #fff;
    background: #196fd2;
    border-radius: 50%;
    cursor: pointer
}

.c-footer .btn-to-top .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-footer .btn-to-top:hover {
    background: #2b79d8
}

.c-footer .fot-title {
    margin-bottom: 50px;
    text-align: center
}

.c-footer .line {
    height: 1px;
    margin-bottom: 50px;
    background: #999
}

.c-footer .part-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fbfbfb;
}

.c-footer .part-main a {
    color: #fbfbfb;
}

.c-footer .part-main a:hover {
    color: #fbfbfb
}

.c-footer .part-main .menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-footer .part-main .menu-wrap .item {
    /* width: 30% */
    width: 180px;
}

.c-footer .part-main .menu-wrap h4 {
    margin-bottom: 30px;
    color: #fff
}

.c-footer .part-main .menu-wrap li {
    margin-bottom: 20px
}

.c-footer .part-main .menu-wrap li:last-of-type {
    margin-bottom: 0
}

.c-footer .part-main .submit-wrap {
    width: 35%
}

.c-footer .part-main .submit-wrap .input-group {
    display: block
}

.c-footer .part-main .submit-wrap form {
    position: relative;
    display: table;
    border-collapse: separate
}

.c-footer .part-main .submit-wrap input {
    height: 50px;
    padding: 0 15px;
    background: none;
    /* color: #b8babc;
    border-color: #b8babc */
    color: #fbfbfb;
    border-color: #fbfbfb
}

.c-footer .part-main .submit-wrap input::-webkit-input-placeholder {
    /* color: #999 */
    color: #fbfbfb
}

.c-footer .part-main .submit-wrap input:-moz-placeholder,
.c-footer .part-main .submit-wrap input::-moz-placeholder {
    color: #999
}

.c-footer .part-main .submit-wrap input:-ms-input-placeholder {
    color: #999
}

.c-footer .part-main .submit-wrap button {
    height: 50px;
    padding: 4px 30px 0;
    background: #fff !important
}

.c-footer .part-main .submit-wrap button span {
    position: relative
}

.c-footer .part-main .submit-wrap .icon-loading {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    right: 0;
    margin-top: -2px;
    width: 25px
}

.c-footer .part-main .submit-wrap .tip {
    margin-top: 20px
}

.c-footer .part-main .submit-wrap.error input {
    color: red
}

.c-footer .part-main .submit-wrap.error input::-webkit-input-placeholder {
    color: red
}

.c-footer .part-main .submit-wrap.error input:-moz-placeholder,
.c-footer .part-main .submit-wrap.error input::-moz-placeholder {
    color: red
}

.c-footer .part-main .submit-wrap.error input:-ms-input-placeholder {
    color: red
}

.c-footer .part-main .submit-wrap.error input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .6)
}

.c-footer .part-main .submit-wrap.error button {
    color: red
}

.c-footer .part-main .submit-wrap.disable button {
    cursor: not-allowed
}

.c-footer .part-main .submit-wrap.disable button span {
    padding-right: 25px
}

.c-footer .part-main .submit-wrap.disable .icon-loading {
    display: block
}

.c-footer .part-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #999
}

.c-footer .part-bottom a {
    margin: 0 15px;
    color: #999
}

.c-footer .part-bottom a:hover {
    color: #fff
}

.c-footer .media-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-footer .media-list .item {
    width: 32px;
    height: 32px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    margin: 0 8px;
    background: #d6d7dc;
    border-radius: 50%
}

.c-footer .media-list .item .icon,
.c-footer .media-list .item .icon-white {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-footer .media-list .item .icon-white {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.c-footer .media-list .item:hover {
    background: #196fd2
}

.c-footer .media-list .item:hover .icon {
    opacity: 0
}

.c-footer .media-list .item:hover .icon-white {
    opacity: 1
}

.c-footer .footer-copyright {
    padding: 15px 0 12px;
    color: #5a5c5d;
    background: #333;
    text-align: center
}

.is-vertical .c-footer .btn-to-top {
    top: -25px;
    right: 15px;
    width: 50px;
    height: 50px
}

.is-vertical .c-footer .fot-title {
    margin-bottom: 30px
}

.is-vertical .c-footer .part-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-footer .part-main .submit-wrap {
    width: 100%;
    margin-bottom: 50px
}

.is-vertical .c-footer .part-main .submit-wrap .input-group,
.is-vertical .c-footer .part-main .submit-wrap form {
    display: block;
    text-align: center
}

.is-vertical .c-footer .part-main .submit-wrap input {
    display: block;
    height: 40px;
    border-radius: 5px;
    text-align: center
}

.is-vertical .c-footer .part-main .submit-wrap .input-group-btn {
    display: inline-block;
    width: 55%;
    max-width: 300px;
    margin-top: 20px
}

.is-vertical .c-footer .part-main .submit-wrap .input-group-btn button {
    width: 100%;
    height: 40px;
    border-radius: 5px
}

.is-vertical .c-footer .part-main .tip {
    margin-top: 30px
}

.is-vertical .c-footer .part-main .menu-wrap {
    display: block;
    width: 100%
}

.is-vertical .c-footer .part-main .menu-wrap .item {
    width: 100%
}

.is-vertical .c-footer .part-main .menu-wrap .item.open .iconfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is-vertical .c-footer .part-main .menu-wrap .menu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    margin-bottom: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 45px;
    border-bottom: 1px solid #5b5b5b
}

.is-vertical .c-footer .part-main .menu-wrap .menu-title .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.is-vertical .c-footer .part-main .menu-wrap ul {
    display: none
}

.is-vertical .c-footer .part-main .menu-wrap li {
    margin-bottom: 0
}

.is-vertical .c-footer .part-main .menu-wrap li a {
    display: block;
    height: 45px;
    padding-left: 15px;
    line-height: 45px;
    border-bottom: 1px solid #5b5b5b
}

.is-vertical .c-footer .part-bottom {
    margin-bottom: 70px;
    color: #fff
}

.is-vertical .c-footer .part-bottom a {
    color: #fff;
    margin: 0 8px
}

.is-vertical .c-footer .part-bottom a:last-child {
    margin-right: 0
}

.is-vertical .c-footer .part-bottom a:first-child {
    margin-left: 0
}

.is-vertical .c-footer .media-list.visible-vert {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-bottom: 0
}

.c-header-placeholder {
    height: 100px
}

@media screen and (max-width:1600px) {
    .c-header-placeholder {
        height: 80px
    }
}

.is-vertical .c-header-placeholder {
    height: 60px
}

.c-layer-tip {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999;
    pointer-events: none
}

.c-layer-tip .layer-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -5%;
    padding: 8px 20px 5px;
    white-space: nowrap;
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.c-layer-tip.middle-padding .layer-content {
    padding: 13px 30px 10px
}

.c-layer-tip.big-padding .layer-content {
    padding: 25px 40px 20px
}

.c-layer-download {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999;
    background: rgba(0, 0, 0, .6)
}

.c-layer-download .layer-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 850px;
    padding: 60px 80px;
    background: #f5f5f5;
    text-align: center;
    border-radius: 6px
}

.c-layer-download .btn-close-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer
}

.c-layer-download .btn-close-box .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-layer-download .btn-close-box:hover {
    opacity: .7
}

.c-layer-download .title {
    margin-bottom: 30px
}

.c-layer-download .pic {
    width: 100%
}

.c-layer-download .btn-wrap {
    margin-top: 40px
}

.c-layer-download .btn-wrap .c-button a {
    padding: 14px 35px 10px
}

.c-layer-download .btn-wrap .c-button a .name {
    margin-right: 0
}

.c-layer-download .btn-wrap .c-button a .iconfont {
    display: none
}

@media screen and (max-width:1440px) {
    .c-layer-download .layer-content {
        width: 750px;
        padding: 40px 70px
    }

    .c-layer-download .title {
        margin-bottom: 15px;
        padding: 0 30px
    }

    .c-layer-download .btn-wrap {
        margin-top: 25px
    }
}

.is-vertical .c-layer-download .layer-content {
    width: 90%;
    padding: 50px 20px 30px
}

.is-vertical .c-layer-download .btn-wrap .c-button a {
    padding: 12px 20px 8px
}

.is-vertical .c-layer-download .btn-close-box {
    width: 40px;
    height: 45px
}

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

.c-eq-video .eq-pic,
.c-eq-video .eq-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-eq-video .eq-pic {
    position: relative;
    z-index: 2;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1032
}

.pop-video .pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    z-index: 10
}

.pop-video .pop-close .iconfont {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.pop-video .pop-close:hover {
    color: #2b79d8
}

.pop-video .pop-video-content,
.pop-video iframe,
.pop-video video {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.pop-video.iframe-video {
    background: rgba(0, 0, 0, .5)
}

.pop-video.iframe-video .pop-video-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 71.1vw;
    height: 40vw
}

.is-vertical .pop-video.iframe-video .pop-video-content {
    width: 100vw;
    height: 65vw
}

.c-banner {
    /* width: 1920px;text-align: center;margin: 0 auto; */
}

.c-banner .placeholder {
    width: 100%
}

.c-banner .banner-swiper {
    position: relative;
    height: 100%;
    /*height: 1000px;*/
}

.c-banner .banner-swiper.swiper-no-swiping .swiper-pagination {
    display: none
}

.c-banner .swiper-slide {
    overflow: hidden
}

.c-banner .swiper-slide.color-black .text-wrap {
    display: none;
    color: #333;
    top: 23%;
    text-align: left
}

.c-banner .swiper-slide.text-white .text-wrap {
    color: #fff
}

.c-banner .c-eq-video,
.c-banner .slide-inner {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0*/
}

.c-banner .slide-inner {
    width: 100%;
    height: 100%
}

.c-banner .replace-bg {
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-banner .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-banner .title-pic {
    display: inline-block;
    height: 50px;
    margin-bottom: 10px
}

.c-banner .icon {
    height: 50px;
    margin-top: 10px
}

.c-banner .icon-play {
    font-weight: bolder
}

.c-banner .tip.weaken {
    opacity: .7
}

.c-banner .text-wrap {
    position: absolute;
    width: 55%;
    padding: 0 15px;
    color: #fff
}

.c-banner .text-wrap.top-left {
    top: 15%;
    /* left: 1%; */
    left: 16%;
    text-align: center;
}

.c-banner .text-wrap.top-right {
    top: 25%;
    right: 0;
    text-align: right
}

.c-banner .text-wrap.top-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 25%;
    text-align: center
}

.c-banner .text-wrap.bottom-left {
    bottom: 20%;
    left: 0
}

.c-banner .text-wrap.bottom-right {
    bottom: 20%;
    right: 0;
    text-align: right
}

.c-banner .text-wrap.bottom-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20%;
    text-align: center
}

.c-banner .text-wrap.vertical-left-center {
    left: 0
}

.c-banner .text-wrap.vertical-left-center,
.c-banner .text-wrap.vertical-right-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-banner .text-wrap.vertical-right-center {
    right: 0;
    text-align: right
}

.c-banner .text-wrap.vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.c-banner .btn-link-wrap {
    margin-top: 30px
}

.c-banner .btn-link-wrap .c-button {
    display: inline-block
}

.c-banner.full-screen {
    /* height: 100vh */
}

.c-banner.full-screen .placeholder {
    display: none
}

.c-banner.full-screen .text-wrap.top-center,
.c-banner.full-screen .text-wrap.top-left,
.c-banner.full-screen .text-wrap.top-right {
    /* top: 40% */
    top: 28%;
}

@media screen and (max-width:1600px) {

    .c-banner .text-wrap.top-center,
    .c-banner .text-wrap.top-left,
    .c-banner .text-wrap.top-right {
        top: 18.5%
    }

    .c-banner .text-wrap.bottom-center,
    .c-banner .text-wrap.bottom-left,
    .c-banner .text-wrap.bottom-right {
        bottom: 18.5%
    }
}

.is-vertical .c-banner .container {
    width: 100%
}

.is-vertical .c-banner .title-pic {
    width: 85%;
    height: auto
}

.is-vertical .c-banner .text-wrap {
    width: 100%;
    padding: 0 30px
}

.is-vertical .c-banner .text-wrap .h1 .word-inner {
    padding-top: 5px
}

.is-vertical .c-banner .text-wrap.top-center,
.is-vertical .c-banner .text-wrap.top-left,
.is-vertical .c-banner .text-wrap.top-right {
    top: 40%
}

.is-vertical .c-banner .text-wrap.bottom-center,
.is-vertical .c-banner .text-wrap.bottom-left,
.is-vertical .c-banner .text-wrap.bottom-right {
    bottom: 16%
}

.is-vertical .c-banner .text-wrap.mb-top-left {
    top: 14%;
    left: 0;
    bottom: auto;
    right: auto;
    text-align: left;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-banner .text-wrap.mb-top-right {
    top: 14%;
    right: 0;
    bottom: auto;
    left: auto;
    text-align: right;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-banner .text-wrap.mb-top-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: auto;
    right: auto;
    top: 14%;
    text-align: center
}

.is-vertical .c-banner .text-wrap.mb-bottom-left {
    bottom: 16%;
    left: 0;
    top: auto;
    right: auto;
    text-align: left;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-banner .text-wrap.mb-bottom-right {
    bottom: 16%;
    right: 0;
    top: auto;
    left: auto;
    text-align: right;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-banner .text-wrap.mb-bottom-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: auto;
    right: auto;
    bottom: 16%;
    text-align: center
}

.is-vertical .c-banner .text-wrap.mb-vertical-left-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
    right: auto;
    left: 0;
    text-align: left
}

.is-vertical .c-banner .text-wrap.mb-vertical-right-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
    left: auto;
    right: 0;
    text-align: right
}

.is-vertical .c-banner .text-wrap.mb-vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: auto;
    right: auto;
    text-align: center
}

.c-banner.skin-black {
    color: #fff
}

.c-banner.skin-black>.content,
.c-banner.skin-black>.content-wrap {
    background-color: #000
}

.c-banner.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-banner.skin-black .c-button.btn-text a,
.c-banner.skin-black .c-button.none-bg a {
    color: #fff
}

.c-banner.skin-gray {
    color: #333
}

.c-banner.skin-gray>.content,
.c-banner.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-banner.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-banner.skin-white {
    color: #333
}

.c-banner.skin-white>.content,
.c-banner.skin-white>.content-wrap {
    background-color: #fff
}

.c-banner.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-banner.bg-black {
    background-color: #000
}

.c-banner.bg-gray {
    background-color: #f5f5f5
}

.c-banner.bg-white {
    background-color: #fff
}

.c-banner.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-banner.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-banner.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-banner.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-banner.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-banner.mbs-size-sm {
    padding-bottom: 8vw
}

.c-banner .swiper-slide.skin-black .text-wrap {
    color: #333
}

.c-banner .swiper-slide.skin-black .c-button.none-bg {
    border-color: #333
}

.c-banner .swiper-slide.skin-black .c-button.btn-text a,
.c-banner .swiper-slide.skin-black .c-button.none-bg a {
    color: #333
}

.c-banner .swiper-slide.skin-gray .text-wrap {
    color: #f5f5f5
}

.c-banner .swiper-slide.skin-gray .c-button.none-bg {
    border-color: #f5f5f5
}

.c-banner .swiper-slide.skin-gray .c-button.btn-text a,
.c-banner .swiper-slide.skin-gray .c-button.none-bg a {
    color: #f5f5f5
}

.c-banner .swiper-slide.skin-white .text-wrap {
    color: #fff
}

.c-banner .swiper-slide.skin-white .c-button.none-bg {
    border-color: #fff
}

.c-banner .swiper-slide.skin-white .c-button.btn-text a,
.c-banner .swiper-slide.skin-white .c-button.none-bg a {
    color: #fff
}

.c-solutions {
    padding-top: 100px
}

.c-solutions .bg-box,
.c-solutions .main-content {
    position: relative
}

.c-solutions .bg-box .placeholder {
    width: 100%
}

.c-solutions .bg-box .bg-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-solutions .bg-box .bg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.c-solutions .bg-box .bg.active {
    opacity: 1
}

.c-solutions .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-solutions .content {
    height: 100%
}

.c-solutions .content,
.c-solutions .side-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-solutions .side-left {
    width: 24%;
    padding-top: 60px;
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-solutions .side-left .view-more {
    width: 200px
}

.c-solutions .side-left .view-more .iconfont {
    top: -2px
}

.c-solutions .side-left ul {
    width: 170px
}

.c-solutions .side-left li {
    margin-bottom: 20px
}

.c-solutions .side-left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333
}

.c-solutions .side-left a.active {
    color: #196fd2;
    font-weight: bolder
}

.c-solutions .side-left a.active .iconfont {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.c-solutions .side-left .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    top: -1px
}

.c-solutions .side-right {
    display: none;
    width: 76%;
    padding-top: 50px;
    padding-left: 30px
}

.c-solutions .side-right .tab-box {
    margin-bottom: 90px
}

.c-solutions .side-right .tab-box a {
    position: relative
}

.c-solutions .side-right .tab-box a:after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 3px;
    display: none;
    content: "";
    background: #196fd2
}

.c-solutions .side-right .tab-box .item {
    margin-right: 30px
}

.c-solutions .side-right .tab-box .item:last-of-type {
    margin-right: 0
}

.c-solutions .side-right .tab-box .item.active a,
.c-solutions .side-right .tab-box .item.active a:hover {
    font-family: NexaBlack, PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    color: #196fd2
}

.c-solutions .side-right .tab-box .item.active a:after {
    display: block
}

.c-solutions .side-right .tab-inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-solutions .side-right .tab-content-box {
    display: none;
    width: 42%
}

.c-solutions .side-right .tab-content-box .tab-title {
    margin-bottom: 15px
}

.c-solutions .side-right .tab-content-box .tab-title .pic {
    width: 100%;
    max-width: 500px
}

.c-solutions .side-right .tab-content-box .tab-description {
    margin-bottom: 40px
}

.c-solutions .side-right.active,
.c-solutions .side-right .tab-content-box.active {
    display: block
}

@media screen and (max-width:1600px) {
    .c-solutions .side-left {
        width: 28.3%
    }

    .c-solutions .side-right {
        width: 71.7%;
        padding-left: 70px
    }
}

@media screen and (min-width:1921px) {

    .c-solutions .side-left .view-more,
    .c-solutions .side-left ul {
        width: 280px
    }

    .c-solutions .side-right {
        padding-left: 7%
    }
}

.is-horizontal .c-solutions .side-right.color-white,
.is-horizontal .c-solutions .side-right.color-white a {
    color: #fff
}

.is-horizontal .c-solutions .side-right.color-white a:after {
    background: #fff
}

.is-horizontal .c-solutions .side-right.color-white .tab-box .item.active a {
    color: #fff
}

.is-vertical .c-solutions {
    padding-top: 90px
}

.is-vertical .c-solutions .container {
    left: 0;
    width: 100%;
    padding: 0;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-solutions .content {
    display: block
}

.is-vertical .c-solutions .side-left {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0
}

.is-vertical .c-solutions .side-left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.is-vertical .c-solutions .side-left li {
    margin: 0 10px
}

.is-vertical .c-solutions .side-left .iconfont,
.is-vertical .c-solutions .side-left .view-more {
    display: none
}

.is-vertical .c-solutions .side-right {
    width: 100%;
    padding: 93% 0 0
}

.is-vertical .c-solutions .tab-box {
    display: block;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 15px 10px;
    text-align: center;
    overflow-x: auto
}

.is-vertical .c-solutions .tab-box a:after {
    bottom: -6px;
    height: 2px
}

.is-vertical .c-solutions .tab-inner-box {
    display: inline-block;
    width: 200%;
    padding-bottom: 5px;
    overflow: hidden
}

.is-vertical .c-solutions .tab-inner-box .item {
    float: left;
    margin-right: 20px
}

.is-vertical .c-solutions .tab-inner-box .item:last-of-type {
    margin-right: 0
}

.is-vertical .c-solutions .tab-inner-box .item a {
    white-space: nowrap
}

.is-vertical .c-solutions .tab-inner-box .item.active a,
.is-vertical .c-solutions .tab-inner-box .item.active a:hover,
.is-vertical .c-solutions .tab-inner-box .item a:hover {
    color: #333
}

.is-vertical .c-solutions .tab-content-box {
    width: 100%;
    padding: 0 30px;
    text-align: center
}

.is-vertical .c-solutions .tab-content-box .c-button {
    margin-left: auto;
    margin-right: auto
}

.is-vertical .c-solutions .tab-content-box .tab-title .pic {
    margin-bottom: 30px
}

.is-vertical .c-solutions .view-more-mb {
    padding: 20px 15px 0;
    text-align: center
}

.c-v6series {
    position: relative;
    padding-top: 100px;
    display: none;
}

.c-v6series .v6series-swiper.swiper-no-swiping .swiper-pagination {
    display: none
}

.c-v6series .swiper-slide {
    overflow: hidden
}

.c-v6series .swiper-slide.color-black .text-wrap {
    color: #333
}

.c-v6series .swiper-slide.text-white .text-wrap {
    color: #fff
}

.c-v6series .bg {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-v6series .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-v6series .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    padding-top: 10%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.c-v6series .title {
    margin-bottom: 15px
}

.c-v6series .description {
    margin-bottom: 40px
}

.is-vertical .c-v6series {
    padding-top: 50px
}

.is-vertical .c-v6series .container {
    width: 100%
}

.is-vertical .c-v6series .text-wrap {
    width: 90%;
    margin: 0 auto;
    padding-top: 12%;
    text-align: center
}

.is-vertical .c-v6series .c-button {
    margin-left: auto;
    margin-right: auto
}

.is-vertical .c-v6series .description {
    margin-bottom: 25px
}

.c-product-series {
    padding-top: 100px;
    padding-bottom: 0;
}

.c-product-series .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-product-series .product-series-swiper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.c-product-series .swiper-slide {
    width: 50%
}

.c-product-series .inner {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-product-series .inner:hover,
.c-product-series .inner:hover a {
    color: #fff
}

.c-product-series .inner:hover .placeholder {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-product-series .inner:hover .pic-hover {
    opacity: 1
}

.c-product-series .bg-box {
    position: relative;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.c-product-series .placeholder {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-product-series .pic-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.c-product-series .iconfont,
.c-product-series .name {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-product-series .iconfont {
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 12px
}

.c-product-series a {
    -webkit-transition: none;
    transition: none
}

.c-product-series a:hover .iconfont {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.c-product-series .top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px
}

.c-product-series .top-box .part {
    padding-bottom: 10px
}

.c-product-series .top-box a {
    position: absolute;
    top: 30px;
    right: 30px
}

.c-product-series .bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px
}

.c-product-series .bottom-box .part {
    padding-top: 10px
}

.c-product-series .bottom-box .part:first-of-type {
    padding-right: 10px
}

.c-product-series .bottom-box .part:first-of-type a {
    position: absolute;
    bottom: 30px;
    right: 30px
}

.c-product-series .bottom-box .part:nth-of-type(2) {
    padding-left: 10px
}

.c-product-series .bottom-box .part:nth-of-type(2) a {
    position: absolute;
    top: 30px;
    left: 30px
}

.c-product-series .swiper-slide:nth-of-type(2) .bottom-box,
.c-product-series .swiper-slide:nth-of-type(2) .top-box {
    padding-left: 10px;
    padding-right: 0
}

.c-product-series .swiper-slide:nth-of-type(2) .top-box .part:first-of-type {
    padding-right: 10px
}

.c-product-series .swiper-slide:nth-of-type(2) .top-box .part:first-of-type a {
    position: absolute;
    bottom: 30px;
    left: 30px;
    top: auto
}

.c-product-series .swiper-slide:nth-of-type(2) .top-box .part:nth-of-type(2) {
    padding-left: 10px
}

.c-product-series .swiper-slide:nth-of-type(2) .top-box .part:nth-of-type(2) a {
    position: absolute;
    top: 30px;
    left: 30px
}

.c-product-series .swiper-slide:nth-of-type(2) .bottom-box .part {
    padding-right: 0
}

.c-product-series .swiper-slide:nth-of-type(2) .bottom-box .part a {
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: auto;
    right: auto
}

@media (min-width:1660px) {
    .c-product-series .big-container {
        width: 1630px
    }
}

@media screen and (min-width:1921px) {
    .c-product-series .big-container {
        width: 2070px
    }
}

.is-vertical .c-product-series {
    padding-top: 50px
}

.is-vertical .c-product-series .product-series-swiper {
    padding-bottom: 50px
}

.is-vertical .c-product-series .swiper-pagination {
    bottom: 0
}

.is-vertical .c-product-series .swiper-pagination .swiper-pagination-bullet {
    background-color: #d6d7dc
}

.is-vertical .c-product-series .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #196fd2
}

.is-vertical .c-product-series .part a {
    display: block;
    width: 100%
}

.is-vertical .c-product-series .part .iconfont {
    top: 0;
    font-size: 12px;
    margin-left: 5px
}

.is-vertical .c-product-series .top-box {
    padding-right: 0
}

.is-vertical .c-product-series .top-box .part {
    padding-bottom: 5px
}

.is-vertical .c-product-series .bottom-box {
    padding-right: 0
}

.is-vertical .c-product-series .bottom-box .part {
    padding-top: 5px
}

.is-vertical .c-product-series .bottom-box .part:first-of-type {
    padding-right: 5px
}

.is-vertical .c-product-series .bottom-box .part:nth-of-type(2) {
    padding-left: 5px
}

.is-vertical .c-product-series .swiper-slide:first-of-type .top-box .part a {
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-align: center
}

.is-vertical .c-product-series .swiper-slide:first-of-type .bottom-box .part:nth-of-type(1) a {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: auto
}

.is-vertical .c-product-series .swiper-slide:first-of-type .bottom-box .part:nth-of-type(2) a {
    position: absolute;
    top: 15px;
    left: 15px
}

.is-vertical .c-product-series .swiper-slide:nth-of-type(2) .top-box {
    padding-left: 0
}

.is-vertical .c-product-series .swiper-slide:nth-of-type(2) .top-box .part:first-of-type {
    padding-right: 5px
}

.is-vertical .c-product-series .swiper-slide:nth-of-type(2) .top-box .part:first-of-type a {
    position: absolute;
    bottom: 15px;
    left: 15px
}

.is-vertical .c-product-series .swiper-slide:nth-of-type(2) .top-box .part:nth-of-type(2) {
    padding-left: 5px
}

.is-vertical .c-product-series .swiper-slide:nth-of-type(2) .top-box .part:nth-of-type(2) a {
    position: absolute;
    top: 15px;
    left: 15px
}

.is-vertical .c-product-series .swiper-slide:nth-of-type(2) .bottom-box {
    padding-left: 0
}

.is-vertical .c-product-series .swiper-slide:nth-of-type(2) .bottom-box .part {
    padding: 5px 0 0
}

.is-vertical .c-product-series .swiper-slide:nth-of-type(2) .bottom-box .part a {
    position: absolute;
    top: 15px;
    left: 15px
}

.c-news-events {
    position: relative;
    padding-top: 100px
}

.c-news-events .news-events-swiper.swiper-no-swiping .swiper-pagination {
    display: none
}

.c-news-events .swiper-slide {
    overflow: hidden
}

.c-news-events .swiper-slide.text-white .text-wrap {
    color: #fff
}

.c-news-events .swiper-slide.color-black .text-wrap {
    color: #333
}

.c-news-events .bg {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-news-events .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-news-events .first-title {
    padding: 100px 15px 40px;
    text-align: center
}

.c-news-events .text-wrap {
    width: 60%;
    margin: 0 auto;
    padding-top: 42%;
    text-align: center;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.c-news-events .title {
    margin-bottom: 15px
}

.c-news-events .description {
    margin-bottom: 40px
}

.c-news-events .c-button {
    margin: 0 auto
}

.is-vertical .c-news-events {
    padding-top: 50px
}

.is-vertical .c-news-events .container {
    width: 100%
}

.is-vertical .c-news-events .first-title {
    padding-top: 50px;
    padding-bottom: 20px
}

.is-vertical .c-news-events .text-wrap {
    width: 90%;
    padding-top: 110%;
    color: #fff
}

.is-vertical .c-news-events .description {
    margin-bottom: 25px
}

.c-brand-video {
    margin-top: 100px
}

.c-brand-video,
.c-brand-video .bg-box {
    position: relative
}

.c-brand-video .placeholder {
    width: 100%
}

.c-brand-video .img-box {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-brand-video .c-eq-video,
.c-brand-video .img-box {
    position: absolute;
    top: 0;
    left: 0
}

.c-brand-video .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    z-index: 2;
    height: 100%
}

.c-brand-video .text-wrap {
    padding-top: 10%;
    text-align: right;
    color: #fff
}

.c-brand-video .sub-title {
    margin-bottom: 15px
}

.c-brand-video .title {
    margin-bottom: 30px
}

.is-vertical .c-brand-video {
    margin-top: 50px
}

.is-vertical .c-brand-video .container {
    width: 100%
}

.is-vertical .c-brand-video .text-wrap {
    padding-top: 12%;
    text-align: center
}

.c-about-max {
    margin-top: 100px;
    background: #000
}

.c-about-max .bg {
    display: none
}

.c-about-max .content {
    position: relative;
    padding: 150px 0;
    color: #fff;
    overflow: hidden;
    background-attachment: fixed
}

.c-about-max .inner-box {
    text-align: center
}

.c-about-max .promo-basic {
    position: relative
}

.c-about-max .bg-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.c-about-max .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.c-about-max .title {
    width: 65%;
    margin: 0 auto 10px;
    text-align: center
}

.c-about-max .description {
    width: 65%;
    margin: 0 auto 60px;
    text-align: center
}

.c-about-max .c-button {
    margin-bottom: 100px
}

.c-about-max .attrs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-max .tip {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    padding: 0 30px;
    color: #333;
    text-align: center
}

.is-vertical .c-about-max {
    margin-top: 50px
}

.is-vertical .c-about-max .container {
    width: 100%
}

.is-vertical .c-about-max .content {
    padding: 14vw 0;
    background-attachment: inherit
}

.is-vertical .c-about-max .title {
    width: 100%;
    margin: 0
}

.is-vertical .c-about-max .description {
    width: 100%;
    margin: 0 0 11vw
}

.is-vertical .c-about-max .c-button {
    margin-bottom: 17vw
}

.is-vertical .c-about-max .attrs {
    width: 90%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-vertical .c-about-max .attrs .item {
    width: 50%;
    margin-bottom: 8vw
}

.is-vertical .c-about-max .tip {
    bottom: 20px;
    color: #5a5c5d
}

.is-vertical .c-about-max .promo-basic {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:375px) {
    .is-vertical .c-about-max .c-button {
        margin-bottom: 12vw
    }

    .is-vertical .c-about-max .attrs .item {
        margin-bottom: 5vw
    }
}

.c-product-tab {
    padding: 60px 0 50px;
    background: #fff
}

.c-product-tab .tab-list {
    position: relative
}

.c-product-tab .tab-list .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.c-product-tab .tab-list .item {
    display: block;
    position: relative;
    width: 14.5%;
    float: left;
    margin-right: 2.6%;
    text-align: center;
    cursor: pointer
}

.c-product-tab .tab-list .item:last-of-type {
    margin-right: 0
}

.c-product-tab .tab-list .img-box {
    position: relative;
    width: 90%;
    margin: 0 auto 20px;
    padding: 1px;
    background: #f5f5f5;
    border-radius: 6px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-product-tab .tab-list .img-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#186fd0), to(#55c8e5));
    background-image: linear-gradient(180deg, #186fd0, #55c8e5);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
    content: "";
    opacity: 0
}

.c-product-tab .tab-list .img-box .img-inner-box {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative
}

.c-product-tab .tab-list .img-box .icon,
.c-product-tab .tab-list .img-box .icon-selected {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-product-tab .tab-list .img-box .icon-selected {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.c-product-tab .tab-list p {
    white-space: normal;
    line-height: 1.1
}

.c-product-tab .tab-list .item:hover .img-inner-box {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-product-tab .tab-list .item:hover p {
    color: #000
}

.c-product-tab .tab-list .item.active p {
    color: #196fd2
}

.c-product-tab .tab-list .item.active .img-box:before {
    opacity: 1
}

.c-product-tab .tab-list .item.active .icon {
    opacity: 0
}

.c-product-tab .tab-list .item.active .icon-selected {
    opacity: 1
}

.c-product-tab .line-box {
    width: 100%;
    height: 1px;
    position: relative;
    margin-top: 15px;
    background: #196fd2
}

.c-product-tab .line-box .line-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 14.5%;
    height: 4px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    /*background:#196fd2*/
}

.is-vertical .c-product-tab {
    margin-left: -30px;
    margin-right: -30px;
    padding: 40px 0 30px
}

.is-vertical .c-product-tab .container {
    overflow: hidden
}

.is-vertical .c-product-tab .tab-list {
    display: block;
    margin-bottom: -11px;
    padding-bottom: 20px;
    overflow-x: auto
}

.is-vertical .c-product-tab .tab-list .tab-inner-list {
    float: left;
    padding-left: 30px
}

.is-vertical .c-product-tab .tab-list .item-list {
    display: block
}

.is-vertical .c-product-tab .tab-list .item {
    width: 100px;
    margin-right: 7px
}

.is-vertical .c-product-tab .tab-list .img-box {
    padding: 15px
}

.is-vertical .c-product-tab .tab-list .line-box .line-bar {
    width: 100px;
    height: 3px
}

.c-panel-tab {
    position: relative;
    padding-bottom: 50px;
    background: #fff
}

.c-panel-tab .tab-list {
    position: relative;
    padding: 0 40px;
    background: #f5f5f5
}

.c-panel-tab .tab-list .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    padding-top: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.c-panel-tab .tab-list .tab-inner-list {
    position: relative
}

.c-panel-tab .tab-list .item {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin-right: 2.6%;
    text-align: center;
    cursor: pointer
}

.c-panel-tab .tab-list .item:last-of-type {
    margin-right: 0
}

.c-panel-tab .tab-list p {
    display: inline-block;
    white-space: normal;
    line-height: 1.1
}

.c-panel-tab .tab-list .item:hover p {
    color: #000
}

.c-panel-tab .tab-list .item.active p {
    color: #196fd2
}

.c-panel-tab .tab-list .item.active .icon {
    opacity: 0
}

.c-panel-tab .line-box {
    width: 100%;
    height: 1px;
    position: relative;
    margin-top: 2px
}

.c-panel-tab .line-box .line-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #196fd2
}

.is-vertical .c-panel-tab {
    margin-left: -30px;
    margin-right: -30px;
    padding-bottom: 20px
}

.is-vertical .c-panel-tab .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.is-vertical .c-panel-tab .tab-list {
    display: block;
    margin-bottom: -11px;
    padding: 0 30px 10px;
    overflow-x: auto;
    background: none;
    text-align: center
}

.is-vertical .c-panel-tab .tab-list .tab-inner-list {
    display: inline-block;
    padding-right: 10px
}

.is-vertical .c-panel-tab .tab-list .item-list {
    height: 50px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-panel-tab .tab-list .item {
    width: auto;
    margin-right: 20px
}

.is-vertical .c-panel-tab .tab-list .item p {
    white-space: nowrap
}

.is-vertical .c-panel-tab .tab-list .item:last-of-type {
    margin-right: 0
}

.is-vertical .c-panel-tab .tab-list .line-box {
    top: -3px;
    margin-top: 0;
    background: none
}

.is-vertical .c-panel-tab .tab-list .line-box .line-bar {
    width: 0;
    height: 3px
}

.c-text-tab {
    padding-bottom: 40px;
    background: #fff
}

.c-text-tab,
.c-text-tab .tab-list {
    position: relative
}

.c-text-tab .tab-list .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    padding: 0 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.c-text-tab .tab-list .tab-inner-list {
    position: relative
}

.c-text-tab .tab-list .item {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    margin-right: 2.6%;
    text-align: center;
    cursor: pointer
}

.c-text-tab .tab-list .item:last-of-type {
    margin-right: 0
}

.c-text-tab .tab-list p {
    display: inline-block;
    white-space: normal;
    line-height: 1.1
}

.c-text-tab .tab-list .item:hover p {
    color: #000
}

.c-text-tab .tab-list .item.active p {
    color: #196fd2
}

.c-text-tab .tab-list .item.active .icon {
    opacity: 0
}

.c-text-tab .line-box {
    width: 100%;
    height: 1px;
    position: relative;
    margin-top: 2px;
    background-color: #b8babc
}

.c-text-tab .line-box .line-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #196fd2
}

.is-vertical .c-text-tab {
    margin-left: -30px;
    margin-right: -30px
}

.is-vertical .c-text-tab .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.is-vertical .c-text-tab .tab-list {
    display: block;
    margin-bottom: -11px;
    padding: 0 30px 10px;
    overflow-x: auto;
    text-align: center
}

.is-vertical .c-text-tab .tab-list .tab-inner-list {
    display: inline-block;
    padding-right: 10px
}

.is-vertical .c-text-tab .tab-list .item-list {
    height: 50px;
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-text-tab .tab-list .item {
    width: auto;
    margin-right: 20px
}

.is-vertical .c-text-tab .tab-list .item p {
    white-space: nowrap
}

.is-vertical .c-text-tab .tab-list .item:last-of-type {
    margin-right: 0
}

.is-vertical .c-text-tab .tab-list .line-box {
    top: -3px;
    margin-top: 0;
    background: none
}

.is-vertical .c-text-tab .tab-list .line-box .line-bar {
    width: 0;
    height: 3px
}

.c-product-list {
    padding: 60px 0 50px;
    background: #f5f5f5
}

.c-product-list .first-text-wrap {
    width: 75%;
    margin: 0 auto 50px;
    text-align: center
}

.c-product-list .first-text-wrap .text-box {
    display: none
}

.c-product-list .first-text-wrap .text-box.active {
    display: block
}

.c-product-list .first-text-wrap .title {
    margin-bottom: 10px
}

.c-product-list .filter-wrap {
    margin-bottom: 40px
}

.c-product-list .filter-wrap .part-top {
    margin-bottom: 10px;
    text-align: right
}

.c-product-list .filter-wrap .part-top .btn-filters {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: inline-block;
    padding: 7px 15px 6px;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid transparent;
    cursor: pointer
}

.c-product-list .filter-wrap .part-top .btn-filters .iconfont {
    margin-right: 7px
}

.c-product-list .filter-wrap .part-top .btn-filters .hide-text {
    display: none
}

.c-product-list .filter-wrap .part-top .btn-filters.active:hover,
.c-product-list .filter-wrap .part-top .btn-filters:active {
    background-color: #f3f3f4;
    -webkit-box-shadow: 0 0 0 1px #dbdbde inset;
    box-shadow: inset 0 0 0 1px #dbdbde
}

.c-product-list .filter-wrap .part-top .btn-filters.active .hide-text {
    display: inline-block
}

.c-product-list .filter-wrap .part-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-product-list .filter-wrap .part-bottom .item {
    width: 32%
}

.c-product-list .filter-wrap .part-bottom .name {
    margin-bottom: 10px
}

.c-product-list .filter-wrap .part-bottom .dropdown-value {
    padding-top: 5px
}

.c-product-list .filter-wrap .part-bottom button {
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 6px;
    border: 1px solid #b8babc;
    color: #333;
    background: none
}

.c-product-list .filter-wrap .part-bottom button:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #196fd2
}

.c-product-list .filter-wrap .part-bottom button:active,
.c-product-list .filter-wrap .part-bottom button:focus {
    background: none;
    outline: #cd5c5c;
    border-color: #196fd2;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5)
}

.c-product-list .filter-wrap .part-bottom button:focus {
    color: #b8babc
}

.c-product-list .filter-wrap .part-bottom .icon-arrow-down {
    color: #333
}

.c-product-list .filter-wrap .part-bottom .dropdown-menu {
    width: 100%;
    min-width: auto;
    margin-top: 10px;
    padding: 7px 0;
    background-color: #fdfdfd;
    border-color: #d6d7dc;
    -webkit-box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, .05);
    border-radius: 6px
}

.c-product-list .filter-wrap .part-bottom .dropdown-menu a {
    padding: 13px 15px 10px
}

.c-product-list .filter-wrap .part-bottom .dropdown-menu a.active,
.c-product-list .filter-wrap .part-bottom .dropdown-menu a:hover {
    color: #196fd2;
    background: none
}

.c-product-list .filter-wrap .part-bottom .search-box {
    display: block;
    position: relative
}

.c-product-list .filter-wrap .part-bottom .search-box input {
    width: 100%;
    height: 45px;
    display: block;
    padding: 5px 15px 0;
    border-radius: 6px;
    border: 1px solid #b8babc;
    color: #333;
    background: none
}

.c-product-list .filter-wrap .part-bottom .search-box input::-webkit-input-placeholder {
    color: #b8babc
}

.c-product-list .filter-wrap .part-bottom .search-box input:-moz-placeholder,
.c-product-list .filter-wrap .part-bottom .search-box input::-moz-placeholder {
    color: #b8babc
}

.c-product-list .filter-wrap .part-bottom .search-box input:-ms-input-placeholder {
    color: #b8babc
}

.c-product-list .filter-wrap .part-bottom .search-box input:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #196fd2
}

.c-product-list .filter-wrap .part-bottom .search-box input:active,
.c-product-list .filter-wrap .part-bottom .search-box input:focus {
    background: none;
    outline: none;
    border-color: #196fd2;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5)
}

.c-product-list .filter-wrap .part-bottom .search-box input:focus {
    color: #b8babc
}

.c-product-list .filter-wrap .part-bottom .search-box .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    display: block
}

.c-product-list .filter-wrap .part-bottom .search-box .input-group-btn .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-product-list .list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-product-list .list-wrap .item {
    /* display: none; */
    width: 32%;
    margin-bottom: 50px;
    margin-right: 2%
}

.c-product-list .list-wrap .item:hover {
    -webkit-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, .09);
    box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, .09)
}

.c-product-list .list-wrap .item.side-right-item {
    margin-right: 0
}

.c-product-list .list-wrap .item.active {
    display: block
}

.c-product-list .list-wrap .img-box {
    display: block;
    position: relative;
    background: #eaeaeb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-product-list .list-wrap .img-box .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-product-list .list-wrap .img-box:hover .pic {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

.c-product-list .list-wrap .text-wrap {
    padding: 40px 25px;
    text-align: center;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.c-product-list .list-wrap .text-wrap .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px
}

.c-product-list .list-wrap .text-wrap .description {
    height: 48px;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 15px
}

@media screen and (max-width:1600px) {
    .c-product-list .list-wrap .text-wrap .description {
        height: 42px
    }
}

.c-product-list .empty-tip {
    display: none;
    padding: 80px 0 200px;
    text-align: center
}

.is-vertical .c-product-list {
    padding: 40px 0 30px
}

.is-vertical .c-product-list .first-text-wrap {
    width: 100%;
    margin-bottom: 30px
}

.is-vertical .c-product-list .filter-wrap .part-top {
    margin-bottom: 30px
}

.is-vertical .c-product-list .filter-wrap .part-bottom {
    display: block
}

.is-vertical .c-product-list .filter-wrap .part-bottom .item {
    width: 100%;
    margin-bottom: 30px
}

.is-vertical .c-product-list .filter-wrap .part-bottom .name {
    margin-bottom: 5px
}

.is-vertical .c-product-list .list-wrap .item {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 20px
}

.is-vertical .c-product-list .list-wrap .item.side-right-item {
    margin-right: 0
}

.is-vertical .c-product-list .list-wrap .text-wrap {
    padding: 30px 15px
}

.is-vertical .c-product-list .list-wrap .text-wrap .description {
    height: 96px;
    -webkit-line-clamp: 3
}

@media screen and (max-width:480px) {
    .is-vertical .c-product-list .list-wrap .text-wrap .description {
        height: 48px
    }
}

.is-vertical .c-product-list .list-wrap .text-wrap .c-button a {
    padding: 12px 15px 8px
}

.is-vertical .c-product-list .list-wrap .text-wrap .c-button .name {
    margin-right: 0
}

.is-vertical .c-product-list .empty-tip {
    padding: 50px 0 150px
}

.c-solution-desc {
    padding-top: 100px;
    padding-bottom: 80px;
    text-align: center
}

.c-solution-desc .text-wrap {
    /* width: 65%; */
    margin: 0 auto
}

.c-solution-desc .title {
    margin-bottom: 40px
}

@media screen and (max-width:1440px) {
    .c-solution-desc {
        padding-top: 70px;
        padding-bottom: 50px
    }
}

.is-vertical .c-solution-desc {
    padding-top: 65px;
    padding-bottom: 50px
}

.is-vertical .c-solution-desc .text-wrap {
    width: 100%
}

.is-vertical .c-solution-desc .title {
    margin-bottom: 20px
}

.c-solution-industry {
    background-color: #f5f5f5
}

.c-solution-industry .title-box {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center
}

.c-solution-industry .industry-swiper.swiper-no-swiping .swiper-pagination {
    display: none
}

.c-solution-industry .swiper-button-next-box,
.c-solution-industry .swiper-button-prev-box {
    width: 12%;
    height: 100%;
    z-index: 2;
    cursor: pointer
}

.c-solution-industry .swiper-button-next-box.swiper-button-disabled,
.c-solution-industry .swiper-button-prev-box.swiper-button-disabled {
    pointer-events: none;
    opacity: .35
}

.c-solution-industry .swiper-button-prev-box {
    position: absolute;
    top: 0;
    left: 0
}

.c-solution-industry .swiper-button-next-box {
    position: absolute;
    top: 0;
    right: 0
}

.c-solution-industry .swiper-slide {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    overflow: hidden
}

.c-solution-industry .swiper-slide .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    opacity: 0
}

.c-solution-industry .swiper-slide .bg {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-solution-industry .swiper-slide .container {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    position: absolute;
    left: 0%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    height: 100%;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.c-solution-industry .swiper-slide .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28%;
    padding-top: 12%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.c-solution-industry .swiper-slide .title {
    margin-bottom: 15px
}

.c-solution-industry .swiper-slide .description {
    margin-bottom: 40px
}

.c-solution-industry .show-mask-next .swiper-slide-next .mask,
.c-solution-industry .show-mask-prev .swiper-slide-prev .mask {
    opacity: 1
}

@media screen and (max-width:1440px) {
    .c-solution-industry .title-box {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .c-solution-industry .swiper-slide .text-wrap {
        width: 27%
    }
}

.is-horizontal .c-solution-industry .swiper-slide.text-white {
    color: #fff
}

.is-vertical .c-solution-industry .title-box {
    padding-top: 50px;
    padding-bottom: 30px
}

.is-vertical .c-solution-industry .container {
    width: 100%
}

.is-vertical .c-solution-industry .text-wrap-mb {
    position: relative;
    padding: 30px 50px 35px;
    text-align: center;
    background-color: #fff
}

.is-vertical .c-solution-industry .description {
    margin-bottom: 30px
}

.is-vertical .c-solution-industry .swiper-pagination {
    top: 93vw;
    bottom: auto
}

.c-solution-platform {
    background-color: #f5f5f5
}

.c-solution-platform .title-box {
    padding-top: 100px;
    padding-bottom: 60px;
    text-align: center
}

.c-solution-platform .kv-box {
    overflow: hidden
}

.c-solution-platform .kv-box .kv {
    width: 100%
}

.c-solution-platform .swiper-slide {
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: -webkit-box-shadow .4s ease;
    transition: box-shadow .4s ease;
    transition: box-shadow .4s ease, -webkit-box-shadow .4s ease;
    border-radius: 6px
}

.c-solution-platform .swiper-slide:hover {
    -webkit-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, .09);
    box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, .09)
}

.c-solution-platform .slide-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 370px;
    padding: 0 50px;
    background-color: #fff
}

.c-solution-platform .slide-inner .pic {
    width: 100%;
    margin-bottom: 10px
}

.c-solution-platform .slide-inner .description {
    margin-bottom: 30px
}

@media screen and (max-width:1440px) {
    .c-solution-platform .title-box {
        padding-top: 70px;
        padding-bottom: 45px
    }
}

.is-horizontal .c-solution-platform .card-box {
    padding-top: 60px;
    padding-bottom: 120px
}

.is-horizontal .c-solution-platform .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-horizontal .c-solution-platform .swiper-slide {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    -ms-flex-negative: inherit;
    flex-shrink: inherit
}

.is-horizontal .c-solution-platform .swiper-slide:nth-of-type(3n) {
    margin-right: 0
}

.is-horizontal .c-solution-platform .text-wrap {
    /* display: none */
}

@media screen and (max-width:1440px) {
    .is-horizontal .c-solution-platform .card-box {
        padding-top: 45px;
        padding-bottom: 85px
    }
}

@media screen and (min-width:1921px) {
    .is-horizontal .c-solution-platform .slide-inner .pic {
        width: 70%
    }
}

.is-vertical .c-solution-platform .title-box {
    padding-top: 50px;
    padding-bottom: 30px
}

.is-vertical .c-solution-platform .card-box {
    margin-top: -40px
}

.is-vertical .c-solution-platform .platform-swiper,
.is-vertical .c-solution-platform .swiper-slide {
    overflow: visible
}

.is-vertical .c-solution-platform .slide-inner {
    height: 85vw
}

.is-vertical .c-solution-platform .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 30px;
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .is-vertical .c-solution-platform .slide-inner .pic {
        width: 70%
    }
}

.c-support-warranty-card {
    padding-bottom: 80px
}

.c-support-warranty-card .card-list .item {
    display: none;
    background-color: #f7f7f9
}

.c-support-warranty-card .card-list .item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-support-warranty-card .card-list .img-box {
    width: 55%;
    overflow: hidden
}

.c-support-warranty-card .card-list .img-box .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-support-warranty-card .card-list .img-box:hover .pic {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-support-warranty-card .card-list .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    padding: 0 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-support-warranty-card .card-list .text-wrap .title {
    margin-bottom: 5px
}

.c-support-warranty-card .card-list .text-wrap .button-group .c-button,
.c-support-warranty-card .card-list .text-wrap .description {
    margin-bottom: 15px
}

.c-support-warranty-card .card-list .text-wrap .button-group .c-button:last-of-type {
    margin-bottom: 0
}

.c-support-warranty-card .card-list .text-wrap .button-group .c-button a {
    color: #196fd2
}

.c-support-warranty-card .button-wrap {
    position: relative;
    margin-top: 60px;
    text-align: center
}

.c-support-warranty-card .button-wrap .btn-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.is-vertical .c-support-warranty-card {
    padding-bottom: 40px
}

.is-vertical .c-support-warranty-card .card-list .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-support-warranty-card .card-list .img-box {
    width: 100%
}

.is-vertical .c-support-warranty-card .card-list .text-wrap {
    width: 100%;
    padding: 30px 15px;
    text-align: center
}

.is-vertical .c-support-warranty-card .button-wrap {
    margin-top: 30px
}

.is-vertical .c-support-warranty-card .button-wrap .btn-text {
    position: relative;
    top: 0;
    margin-top: 30px;
    -webkit-transform: none;
    transform: none
}

.c-support-center {
    position: relative;
    padding-bottom: 80px;
    background: #f5f5f5;
    overflow: hidden
}

.c-support-center .bg-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-support-center .container {
    position: relative
}

.c-support-center .big-title {
    position: relative;
    padding: 100px 0;
    text-align: center
}

.c-support-center .main-content {
    padding: 55px 40px;
    background-color: #fff
}

.c-support-center .c-panel-tab,
.c-support-center .c-product-tab,
.c-support-center .c-text-tab {
    padding-bottom: 30px
}

.c-support-center .c-panel-tab .container,
.c-support-center .c-product-tab .container,
.c-support-center .c-text-tab .container {
    width: 100%
}

.c-support-center .c-product-tab {
    padding-top: 0
}

.c-support-center .c-text-tab,
.c-support-center.only-product-tab .c-product-tab {
    padding-bottom: 0
}

.is-vertical .c-support-center {
    padding-bottom: 60px;
    background: #fff
}

.is-vertical .c-support-center .big-title {
    position: relative;
    padding: 0
}

.is-vertical .c-support-center .big-title .placeholder {
    width: 100%
}

.is-vertical .c-support-center .big-title .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-support-center .main-content {
    padding: 40px 0 0
}

.is-vertical .c-support-center .main-content .container {
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-support-center .main-content .c-panel-tab,
.is-vertical .c-support-center .main-content .c-product-tab {
    padding-bottom: 10px
}

.is-vertical .c-support-center .main-content .c-text-tab .tab-list {
    background: #d6d7dc
}

.c-help-center-content {
    padding-top: 60px
}

.c-help-center-content .container {
    width: 100%
}

.c-help-center-content .title-box {
    margin-bottom: 40px;
    text-align: center
}

.c-help-center-content .content-wrap {
    display: none
}

.c-help-center-content .content-wrap .side-menu {
    width: 28%;
    max-height: 60vh;
    padding-top: 20px;
    border-right: 1px solid #dcdedf;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.c-help-center-content .content-wrap .side-menu .item.active .title a {
    color: #196fd2
}

.c-help-center-content .content-wrap .side-menu .item.active .title .iconfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-help-center-content .content-wrap .side-menu .arrow-block,
.c-help-center-content .content-wrap .side-menu .title:after,
.c-help-center-content .content-wrap .side-menu ul li:after {
    position: absolute;
    top: 5px;
    right: -8px;
    width: 14px;
    height: 14px;
    display: none;
    content: "";
    background: #fff;
    border-right: 1px solid #dcdedf;
    border-bottom: 1px solid #dcdedf;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 2px
}

.c-help-center-content .content-wrap .side-menu .title {
    position: relative;
    margin-bottom: 30px;
    padding-right: 25px
}

.c-help-center-content .content-wrap .side-menu .title a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-help-center-content .content-wrap .side-menu .title .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-help-center-content .content-wrap .side-menu ul {
    display: none
}

.c-help-center-content .content-wrap .side-menu ul li {
    position: relative;
    margin-bottom: 20px;
    padding-right: 25px
}

.c-help-center-content .content-wrap .side-menu ul li a {
    display: inline-block
}

.c-help-center-content .content-wrap .side-menu .tag-h2 {
    margin-left: 15px
}

.c-help-center-content .content-wrap .side-menu .tag-h3 {
    margin-left: 30px
}

.c-help-center-content .content-wrap .side-menu .tag-h4 {
    margin-left: 45px
}

.c-help-center-content .content-wrap .side-menu.only-parent-tab .item.active .title:after {
    display: block
}

.c-help-center-content .content-wrap .content {
    width: 72%;
    padding: 20px 0 40px 40px
}

.c-help-center-content .content-wrap .content .title {
    position: relative;
    margin-bottom: 20px
}

.c-help-center-content .content-wrap .content .description h1,
.c-help-center-content .content-wrap .content .description h2,
.c-help-center-content .content-wrap .content .description h3,
.c-help-center-content .content-wrap .content .description h4,
.c-help-center-content .content-wrap .content .description h5 {
    padding-top: 15px;
    padding-bottom: 5px
}

.c-help-center-content .content-wrap .content .description p {
    margin-bottom: 5px
}

.c-help-center-content .content-wrap .content .description img {
    max-width: 100%
}

.c-help-center-content .content-wrap .content-pc {
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.c-help-center-content .content-wrap td,
.c-help-center-content .content-wrap th {
    word-break: break-word
}

.c-help-center-content .content-wrap.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-help-center-content .coming-soon-content {
    display: none;
    width: 100%;
    padding: 20px 0 30px;
    text-align: center
}

.c-help-center-content .coming-soon-content.active {
    display: block
}

.is-vertical .c-help-center-content {
    padding-top: 30px;
    padding-bottom: 0
}

.is-vertical .c-help-center-content .content-wrap .content {
    width: 100%;
    padding: 0
}

.is-vertical .c-help-center-content .content-wrap .content-panel {
    margin-bottom: 30px
}

.is-vertical .c-help-center-content .content-wrap .content-panel.active .content-panel-head {
    color: #196fd2
}

.is-vertical .c-help-center-content .content-wrap .content-panel.active .content-panel-head .icon-zengjia {
    display: none
}

.is-vertical .c-help-center-content .content-wrap .content-panel.active .content-panel-head .icon-jianhao {
    display: block
}

.is-vertical .c-help-center-content .content-wrap .content-panel-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-vertical .c-help-center-content .content-wrap .content-panel-head .iconfont {
    display: block
}

.is-vertical .c-help-center-content .content-wrap .content-panel-head .icon-jianhao {
    display: none
}

.is-vertical .c-help-center-content .content-wrap .content-panel-body {
    display: none;
    max-height: 60vh;
    margin-top: 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    word-break: break-word
}

.is-vertical .c-help-center-content .content-wrap h1,
.is-vertical .c-help-center-content .content-wrap h2,
.is-vertical .c-help-center-content .content-wrap h3,
.is-vertical .c-help-center-content .content-wrap h4,
.is-vertical .c-help-center-content .content-wrap h5 {
    padding-top: 15px;
    padding-bottom: 5px
}

.is-vertical .c-help-center-content .content-wrap p {
    margin-bottom: 5px
}

.is-vertical .c-help-center-content .content-wrap img {
    max-width: 100% !important
}

.is-vertical .c-help-center-content .content-wrap .nav-list-box {
    margin-bottom: 20px;
    padding-left: 12px;
    border-left: 2px solid #e6e6e6
}

.is-vertical .c-help-center-content .content-wrap .nav-list {
    max-height: 225px;
    margin-bottom: 0;
    overflow: hidden
}

.is-vertical .c-help-center-content .content-wrap .nav-list li {
    margin-bottom: 5px
}

.is-vertical .c-help-center-content .content-wrap .nav-list li:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-help-center-content .content-wrap .nav-list a {
    color: #196fd2
}

.is-vertical .c-help-center-content .content-wrap .nav-list .tag-h2 {
    margin-left: 0
}

.is-vertical .c-help-center-content .content-wrap .nav-list .tag-h3 {
    margin-left: 15px
}

.is-vertical .c-help-center-content .content-wrap .nav-list .tag-h4 {
    margin-left: 30px
}

.is-vertical .c-help-center-content .content-wrap .nav-list.show-all {
    max-height: none
}

.is-vertical .c-help-center-content .content-wrap .btn-toggle-directory {
    display: none;
    margin-top: 5px;
    color: #196fd2
}

.is-vertical .c-help-center-content .content-wrap .btn-toggle-directory .item {
    display: none
}

.is-vertical .c-help-center-content .content-wrap .btn-toggle-directory .item .iconfont {
    margin-left: 5px
}

.is-vertical .c-help-center-content .content-wrap .btn-toggle-directory .item.active {
    display: inline-block
}

.is-vertical .c-help-center-content .content-wrap .btn-toggle-directory.active {
    display: block
}

.is-vertical .c-help-center-content .content-wrap dl {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #979797
}

.is-vertical .c-help-center-content .content-wrap dl:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.is-vertical .c-help-center-content .content-wrap dl.current dt {
    color: #196fd2
}

.is-vertical .c-help-center-content .content-wrap dl.current dt .iconfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is-vertical .c-help-center-content .content-wrap dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400
}

.is-vertical .c-help-center-content .content-wrap dt .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.is-vertical .c-help-center-content .content-wrap dd {
    display: none;
    margin-top: 15px
}

.c-download-center-content {
    padding-top: 50px
}

.c-download-center-content .container {
    width: 100%
}

.c-download-center-content .content-wrap {
    display: none
}

.c-download-center-content .content-wrap.active {
    display: block
}

.c-download-center-content .file-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.5%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-download-center-content .file-list .item {
    display: none;
    width: 21%;
    margin: 4% 2% 0;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 1px 4px 11px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 4px 11px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    text-align: center
}

.c-download-center-content .file-list .item.active {
    display: block
}

.c-download-center-content .file-list .icon-box {
    margin-bottom: 10px;
    text-align: center
}

.c-download-center-content .file-list .icon-box .iconfont {
    font-size: 54px;
    line-height: 1;
    color: #196fd2
}

.c-download-center-content .file-list .icon {
    width: 54px;
    margin: 0 auto 10px
}

.c-download-center-content .file-list .name {
    margin-bottom: 10px;
    word-break: break-word
}

.c-download-center-content .file-list .attr {
    margin-bottom: 10px;
    color: #b7babc
}

.c-download-center-content .file-list .attr .line {
    margin: 0 5px
}

.c-download-center-content .file-list .download-box a {
    color: #196fd2
}

.c-download-center-content .file-list .download-box .iconfont {
    margin-left: 7px
}

.c-download-center-content .load-more {
    display: none;
    margin-top: 50px;
    text-align: center
}

.c-download-center-content .load-more.active {
    display: block
}

.c-download-center-content .coming-soon-content {
    display: none;
    width: 100%;
    padding: 20px 0 30px;
    text-align: center
}

.c-download-center-content .coming-soon-content.active {
    display: block
}

.is-horizontal .c-download-center-content .file-list .item:first-of-type,
.is-horizontal .c-download-center-content .file-list .item:nth-of-type(2),
.is-horizontal .c-download-center-content .file-list .item:nth-of-type(3),
.is-horizontal .c-download-center-content .file-list .item:nth-of-type(4) {
    margin-top: 0
}

.is-vertical .c-download-center-content {
    padding-top: 20px
}

.is-vertical .c-download-center-content .file-list {
    padding: 0
}

.is-vertical .c-download-center-content .file-list .item {
    width: 47%;
    margin: 0 1.5% 3%;
    padding: 20px 10px
}

.is-vertical .c-download-center-content .file-list .icon-box .iconfont {
    font-size: 40px
}

.is-vertical .c-download-center-content .file-list .icon {
    width: 40px
}

.is-vertical .c-download-center-content .load-more {
    margin-top: 20px
}

.c-tutorial-video-content {
    padding-top: 15px
}

.c-tutorial-video-content .container {
    width: 100%
}

.c-tutorial-video-content .content-wrap {
    display: none
}

.c-tutorial-video-content .content-wrap.active {
    display: block
}

.c-tutorial-video-content .video-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.5%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-tutorial-video-content .video-list .item {
    display: none;
    width: 30%;
    margin: 3.32% 1.66% 0;
    background: #fff;
    -webkit-box-shadow: 1px 4px 11px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 4px 11px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-tutorial-video-content .video-list .item:hover {
    color: #196fd2
}

.c-tutorial-video-content .video-list .item.active {
    display: block
}

.c-tutorial-video-content .video-list .img-box {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-tutorial-video-content .video-list .img-box .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-tutorial-video-content .video-list .img-box .btn-play .icon-play {
    font-size: 46px
}

.c-tutorial-video-content .video-list .img-box:hover .pic {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-tutorial-video-content .video-list .title {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    padding: 0 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.1
}

.c-tutorial-video-content .coming-soon-content {
    display: none;
    width: 100%;
    padding: 20px 0 30px;
    text-align: center
}

.c-tutorial-video-content .coming-soon-content.active {
    display: block
}

.c-tutorial-video-content .load-more {
    display: none;
    margin-top: 50px;
    text-align: center
}

.c-tutorial-video-content .load-more.active {
    display: block
}

.is-horizontal .c-tutorial-video-content .video-list .item:first-of-type,
.is-horizontal .c-tutorial-video-content .video-list .item:nth-of-type(2),
.is-horizontal .c-tutorial-video-content .video-list .item:nth-of-type(3) {
    margin-top: 0
}

.is-vertical .c-tutorial-video-content {
    padding-top: 20
}

.is-vertical .c-tutorial-video-content .video-list {
    padding: 0
}

.is-vertical .c-tutorial-video-content .video-list .item {
    width: 100%;
    margin-bottom: 30px
}

.is-vertical .c-tutorial-video-content .video-list .img-box .btn-play .icon-play {
    font-size: 42px
}

.is-vertical .c-tutorial-video-content .load-more {
    margin-top: 0
}

.c-support-service {
    position: relative
}

.c-support-service .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-support-service .text-wrap {
    width: 40%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-support-service .description,
.c-support-service .title {
    margin-bottom: 50px
}

.c-support-service .title {
    margin-top: -10%
}

.is-vertical .c-support-service {
    background: #fff
}

.is-vertical .c-support-service .container {
    position: relative;
    left: 0;
    width: 100%;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-support-service .text-wrap {
    width: 100%;
    text-align: center
}

.is-vertical .c-support-service .title {
    margin-top: 0;
    margin-bottom: 20px
}

.is-vertical .c-support-service .description {
    margin-bottom: 10px
}

.is-vertical .c-support-service .pic {
    width: 100vw;
    margin-left: -30px;
    margin-right: -30px
}

.is-vertical .c-support-service .button-box {
    padding: 30px 0 60px
}

.c-support-contact-us {
    padding: 80px 0 120px;
    text-align: center;
    background: #f5f5f5
}

.c-support-contact-us .title-box {
    margin-bottom: 60px
}

.c-support-contact-us .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-support-contact-us .list .item {
    width: 47%;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 6px
}

.c-support-contact-us .list .icon {
    width: 58px;
    margin: 0 auto 15px
}

.c-support-contact-us .list .name {
    margin-bottom: 15px;
    color: #196fd2
}

.c-support-contact-us .list.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-support-contact-us {
    padding: 60px 0 70px
}

.is-vertical .c-support-contact-us .title-box {
    margin-bottom: 25px
}

.is-vertical .c-support-contact-us .list {
    display: block
}

.is-vertical .c-support-contact-us .list .item {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 40px 15px
}

.c-support-warranty-check .title {
    margin-bottom: 20px
}

.c-support-warranty-check .description {
    margin-bottom: 30px;
    text-align: center
}

.c-support-warranty-check input {
    width: 100%;
    height: 45px;
    display: block;
    padding: 5px 15px 0;
    border-radius: 6px;
    border: 1px solid #b8babc;
    color: #333;
    outline: none;
    background: #fff
}

.c-support-warranty-check input::-webkit-input-placeholder {
    color: #b8babc
}

.c-support-warranty-check input:-moz-placeholder,
.c-support-warranty-check input::-moz-placeholder {
    color: #b8babc
}

.c-support-warranty-check input:-ms-input-placeholder {
    color: #b8babc
}

.c-support-warranty-check input:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #196fd2
}

.c-support-warranty-check input:active,
.c-support-warranty-check input:focus {
    border-color: #196fd2;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5)
}

.c-support-warranty-check input:focus {
    color: #b8babc
}

.c-support-warranty-check .number-input-box {
    width: 70%;
    margin: 0 auto 15px
}

.c-support-warranty-check .number-input-box .tip {
    margin-top: 10px;
    text-align: right;
    color: #b8babc
}

.c-support-warranty-check .number-input-box .tip span {
    cursor: pointer
}

.c-support-warranty-check .code-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    margin: 0 auto 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-support-warranty-check .code-wrap .code-input-box {
    width: 66%
}

.c-support-warranty-check .code-wrap .side-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-support-warranty-check .code-wrap .code-img-box {
    width: 100%;
    height: 45px;
    position: relative;
    border-radius: 6px;
    border: 1px solid #b8babc;
    color: #333;
    background: #fff
}

.c-support-warranty-check .code-wrap .code-img-box .code {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.c-support-warranty-check .code-wrap .btn-refresh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    margin-left: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.c-support-warranty-check .code-wrap .btn-refresh .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-support-warranty-check .code-wrap .btn-refresh:hover .iconfont {
    color: #196fd2
}

.c-support-warranty-check .error input {
    color: red;
    border-color: red
}

.c-support-warranty-check .error input::-webkit-input-placeholder {
    color: red
}

.c-support-warranty-check .error input:-moz-placeholder,
.c-support-warranty-check .error input::-moz-placeholder {
    color: red
}

.c-support-warranty-check .error input:-ms-input-placeholder {
    color: red
}

.c-support-warranty-check .error input:active,
.c-support-warranty-check .error input:focus {
    border-color: red;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(255, 0, 0, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(255, 0, 0, .5)
}

.c-support-warranty-check .error .tip,
.c-support-warranty-check .error input:focus {
    color: red
}

.c-support-warranty-check .submit-wrap {
    text-align: center
}

.c-support-warranty-check .result-wrap {
    margin-top: 30px;
    text-align: center
}

.c-support-warranty-check .result-wrap .table td,
.c-support-warranty-check .result-wrap .table th {
    text-align: center
}

.c-support-warranty-check .result-wrap .table th {
    border-bottom-width: 1px
}

.c-support-warranty-check .result-wrap .tip {
    margin-top: 10px
}

.c-support-warranty-check .result-wrap .tip a {
    text-decoration: underline
}

@media screen and (max-width:1600px) {
    .c-support-warranty-check .inner-content {
        padding-top: 60px;
        padding-bottom: 80px
    }
}

@media screen and (max-width:1440px) {
    .c-support-warranty-check .inner-content {
        padding-top: 40px;
        padding-bottom: 60px
    }
}

.is-vertical .c-support-warranty-check input {
    height: 35px
}

.is-vertical .c-support-warranty-check .number-input-box {
    width: 100%
}

.is-vertical .c-support-warranty-check .number-input-box .tip {
    text-align: left
}

.is-vertical .c-support-warranty-check .code-wrap {
    width: 100%;
    margin-bottom: 40px
}

.is-vertical .c-support-warranty-check .code-wrap .btn-refresh,
.is-vertical .c-support-warranty-check .code-wrap .code-img-box {
    height: 35px
}

.is-vertical .c-support-warranty-check .result-wrap .table {
    width: 100%
}

.c-support-warranty-policy .title {
    margin-bottom: 0
}

.c-support-warranty-policy .sub-title {
    margin-bottom: 30px;
    text-align: center
}

.c-support-warranty-policy .c-scroll-content p {
    margin-bottom: 10px
}

.c-support-warranty-policy .c-scroll-content .table {
    margin-bottom: 20px
}

.c-support-warranty-policy .c-scroll-content td {
    vertical-align: inherit
}

.is-vertical .c-support-warranty-policy .c-scroll-content {
    max-height: 45vh
}

.is-vertical .c-support-warranty-policy .title {
    margin-bottom: 0
}

.is-vertical .c-support-warranty-policy .sub-title {
    margin-bottom: 20px
}

.c-find-serial-number .inner-content {
    height: 90vh;
    padding-left: 80px;
    padding-right: 80px
}

.c-find-serial-number .c-scroll-content {
    height: calc(90vh - 335px);
    max-height: none
}

.c-find-serial-number .c-scroll-content .img-box {
    margin-bottom: 30px
}

@media screen and (max-width:1600px) {
    .c-find-serial-number .c-scroll-content {
        height: calc(90vh - 240px)
    }
}

@media screen and (max-width:1440px) {
    .c-find-serial-number .inner-content {
        padding-left: 60px;
        padding-right: 60px
    }

    .c-find-serial-number .c-scroll-content {
        height: calc(90vh - 210px)
    }
}

.is-vertical .c-find-serial-number .inner-content {
    height: auto
}

.is-vertical .c-find-serial-number .c-scroll-content {
    height: 60vh
}

.c-solution-layout {
    padding: 20px 0 40px
}

.c-solution-layout .text-wrap {
    width: 65%;
    margin: 0 auto 50px;
    text-align: center
}

.c-solution-layout .text-wrap .title {
    margin-bottom: 20px
}

.c-solution-layout .main-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-solution-layout .main-wrap .img-box {
    position: relative;
    width: 55%
}

.c-solution-layout .main-wrap .img-box .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none
}

.c-solution-layout .main-wrap .img-box .pic:first-of-type {
    position: relative
}

.c-solution-layout .main-wrap .img-box .pic.active {
    opacity: 1;
    pointer-events: auto
}

.c-solution-layout .main-wrap .hot-list {
    position: absolute;
    top: 20%;
    left: 2%;
    width: 98%;
    height: 45%;
    -webkit-transform: skew(46deg, -3deg) rotate(-20deg);
    transform: skew(46deg, -3deg) rotate(-20deg)
}

.c-solution-layout .main-wrap .hot-list .hot-block {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 20%;
    height: 27%;
    cursor: pointer
}

.c-solution-layout .main-wrap .hot-list .hot-block1 {
    top: 0;
    left: 55%;
    width: 20%;
    height: 27%
}

.c-solution-layout .main-wrap .hot-list .hot-block2 {
    top: 0;
    left: 33%;
    width: 22%;
    height: 27%
}

.c-solution-layout .main-wrap .hot-list .hot-block3 {
    top: 0;
    left: 0;
    width: 33%;
    height: 27%
}

.c-solution-layout .main-wrap .hot-list .hot-block4 {
    bottom: 0;
    left: 0;
    width: 46%;
    height: 35%;
    top: auto
}

.c-solution-layout .main-wrap .hot-list .hot-block5 {
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    width: 49%;
    height: 68%
}

.c-solution-layout .main-wrap .hot-list .hot-block6 {
    top: 0;
    left: 33%;
    width: 19%;
    height: 32%;
    left: auto;
    right: 6%
}

.c-solution-layout .main-wrap .ripple-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.c-solution-layout .main-wrap .ripple-wrap .ripple-box {
    position: absolute;
    top: 0;
    left: 0
}

.c-solution-layout .main-wrap .ripple-wrap .ripple-box.active {
    opacity: 0
}

.c-solution-layout .main-wrap .ripple-wrap .ripple-box1 {
    top: 19%;
    left: 44%
}

.c-solution-layout .main-wrap .ripple-wrap .ripple-box2 {
    top: 30%;
    left: 32%
}

.c-solution-layout .main-wrap .ripple-wrap .ripple-box3 {
    top: 45%;
    left: 16%
}

.c-solution-layout .main-wrap .ripple-wrap .ripple-box4 {
    top: 72%;
    left: 48%
}

.c-solution-layout .main-wrap .ripple-wrap .ripple-box5 {
    top: 38%;
    left: 69%
}

.c-solution-layout .main-wrap .ripple-wrap .ripple-box6 {
    top: 10%;
    left: 55%
}

.c-solution-layout .main-wrap .side-attr {
    width: 30%;
    padding-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-solution-layout .main-wrap .side-attr,
.c-solution-layout .main-wrap .side-attr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-solution-layout .main-wrap .side-attr .item:last-of-type {
    margin-bottom: 0
}

.c-solution-layout .main-wrap .side-attr .img-box {
    width: 15%
}

.c-solution-layout .main-wrap .side-attr .img-box .icon {
    width: 100%
}

.c-solution-layout .main-wrap .side-attr .text-box {
    width: 80%
}

.c-solution-layout .main-wrap .side-attr .text-box .title {
    margin-bottom: 5px
}

.c-solution-layout .tab-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-solution-layout .tab-wrap .item {
    display: block;
    width: 14.7%;
    text-align: center
}

.c-solution-layout .tab-wrap .item .thumb {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 80%;
    margin: 0 auto;
    border: 2px solid transparent;
    opacity: .6
}

.c-solution-layout .tab-wrap .item .name {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-top: 10px
}

.c-solution-layout .tab-wrap .item.active {
    color: #196fd2
}

.c-solution-layout .tab-wrap .item.active .thumb {
    border-color: #196fd2;
    opacity: 1
}

.is-vertical .c-solution-layout {
    padding: 50px 0 30px
}

.is-vertical .c-solution-layout .text-wrap {
    width: 100%;
    margin-bottom: 30px
}

.is-vertical .c-solution-layout .text-wrap .title {
    margin-bottom: 10px
}

.is-vertical .c-solution-layout .main-wrap {
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-solution-layout .main-wrap .side-attr {
    width: 100%;
    padding-top: 0;
    padding-bottom: 20px
}

.is-vertical .c-solution-layout .main-wrap .side-attr .item {
    margin-bottom: 20px
}

.is-vertical .c-solution-layout .main-wrap .side-attr .img-box {
    width: 12%;
    margin-left: 0;
    margin-right: 0
}

.is-vertical .c-solution-layout .main-wrap .side-attr .text-box {
    width: 83%
}

.is-vertical .c-solution-layout .main-wrap .img-box {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px
}

.is-vertical .c-solution-layout .c-text-tab {
    padding-bottom: 0
}

.c-solution-layout-detail {
    padding: 100px 0 80px;
    background: #f5f5f5
}

.c-solution-layout-detail .text-wrap {
    display: none;
    width: 65%;
    margin: 0 auto 50px;
    text-align: center
}

.c-solution-layout-detail .text-wrap .title {
    margin-bottom: 20px
}

.c-solution-layout-detail .text-wrap.active {
    display: block
}

.c-solution-layout-detail .top-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eaebec;
    overflow: hidden
}

.c-solution-layout-detail .top-wrap .side-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 20%;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.c-solution-layout-detail .top-wrap .side-tab .tag-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    pointer-events: none
}

.c-solution-layout-detail .top-wrap .side-tab .list {
    position: absolute;
    top: 0;
    right: 0;
    padding: 50px 30px 0 0
}

.c-solution-layout-detail .top-wrap .side-tab .item {
    margin-bottom: 20px
}

.c-solution-layout-detail .top-wrap .side-tab .item span {
    position: relative;
    cursor: pointer
}

.c-solution-layout-detail .top-wrap .side-tab .item span:after {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 4px;
    display: none;
    content: "";
    background: #196fd2
}

.c-solution-layout-detail .top-wrap .side-tab .item.active {
    font-weight: bolder
}

.c-solution-layout-detail .top-wrap .side-tab .item.active span:after {
    display: block
}

.c-solution-layout-detail .top-wrap .side-right {
    position: relative;
    width: 80%
}

.c-solution-layout-detail .top-wrap .content {
    display: none;
    position: relative
}

.c-solution-layout-detail .top-wrap .content.active {
    display: block
}

.c-solution-layout-detail .top-wrap .img-box {
    position: relative;
    width: 50%
}

.c-solution-layout-detail .top-wrap .img-box .pic {
    width: 100%
}

.c-solution-layout-detail .top-wrap .img-box .c-eq-video {
    position: absolute;
    top: 0;
    left: 0
}

.c-solution-layout-detail .top-wrap .text-box {
    position: absolute;
    top: 0;
    left: 50%;
    width: 40%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-solution-layout-detail .top-wrap .text-box .text-row {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b8babc
}

.c-solution-layout-detail .top-wrap .text-box .icon-box {
    margin-bottom: 20px
}

.c-solution-layout-detail .top-wrap .text-box .params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-solution-layout-detail .top-wrap .text-box .params .item {
    margin-right: 20px
}

.c-solution-layout-detail .top-wrap .text-box .params .item .name {
    white-space: nowrap
}

.c-solution-layout-detail .top-wrap .text-box .params .item sup {
    font-size: 12px
}

.c-solution-layout-detail .top-wrap .text-box .params .item:last-of-type {
    margin-right: 0
}

.c-solution-layout-detail .top-wrap .text-box .attrs .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-solution-layout-detail .top-wrap .text-box .attrs .icon-box {
    width: 10%;
    margin-bottom: 0
}

.c-solution-layout-detail .top-wrap .text-box .attrs .icon-box .icon {
    width: 100%;
    height: auto
}

.c-solution-layout-detail .top-wrap .text-box .attrs .description {
    width: 85%
}

.c-solution-layout-detail .top-wrap .text-box .tip {
    margin-top: 20px
}

.c-solution-layout-detail .thumb-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px
}

.c-solution-layout-detail .thumb-tab .side-space {
    width: 20%
}

.c-solution-layout-detail .thumb-tab .side-right {
    width: 80%
}

.c-solution-layout-detail .thumb-tab .content {
    display: none;
    width: 90%
}

.c-solution-layout-detail .thumb-tab .content.active {
    display: block
}

.c-solution-layout-detail .thumb-tab .title-box {
    margin-bottom: 20px
}

.c-solution-layout-detail .thumb-tab .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-solution-layout-detail .thumb-tab .swiper-slide .img-box {
    width: 33%
}

.c-solution-layout-detail .thumb-tab .swiper-slide .img-box .thumb {
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.c-solution-layout-detail .thumb-tab .swiper-slide .text-box {
    width: 62%;
    padding-right: 30px
}

.c-solution-layout-detail .thumb-tab .swiper-slide .text-box .description,
.c-solution-layout-detail .thumb-tab .swiper-slide .text-box .title {
    margin-bottom: 7px
}

.c-solution-layout-detail .thumb-tab .swiper-slide .text-box .c-button a {
    color: #196fd2
}

.c-solution-layout-detail .thumb-tab .swiper-slide .text-box .c-button a .name {
    margin-right: 10px
}

.c-solution-layout-detail .thumb-tab .button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 30px
}

.c-solution-layout-detail .thumb-tab .button-wrap .swiper-button-next,
.c-solution-layout-detail .thumb-tab .button-wrap .swiper-button-prev {
    width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    margin-top: 0
}

.c-solution-layout-detail .thumb-tab .button-wrap .swiper-button-next:after,
.c-solution-layout-detail .thumb-tab .button-wrap .swiper-button-prev:after {
    font-size: 16px
}

.c-solution-layout-detail .thumb-tab .button-wrap .swiper-button-prev {
    left: 0
}

.c-solution-layout-detail .thumb-tab .button-wrap .swiper-button-next {
    right: 0;
    margin-left: 20px
}

@media screen and (max-width:1440px) {
    .c-solution-layout-detail .top-wrap .text-box .icon-box {
        margin-bottom: 15px
    }

    .c-solution-layout-detail .top-wrap .text-box .params {
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .c-solution-layout-detail .top-wrap .text-box .attrs .item {
        margin-bottom: 15px
    }
}

.is-vertical .c-solution-layout-detail {
    padding: 50px 0
}

.is-vertical .c-solution-layout-detail .text-wrap {
    width: 100%;
    margin-bottom: 30px
}

.is-vertical .c-solution-layout-detail .text-wrap .title {
    margin-bottom: 10px
}

.is-vertical .c-solution-layout-detail .top-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-solution-layout-detail .top-wrap .img-box,
.is-vertical .c-solution-layout-detail .top-wrap .side-right {
    width: 100%
}

.is-vertical .c-solution-layout-detail .top-wrap .text-box {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-solution-layout-detail .top-wrap .text-box .attrs .icon-box {
    width: 12%
}

.is-vertical .c-solution-layout-detail .top-wrap .text-box .attrs .description {
    width: 83%
}

.is-vertical .c-solution-layout-detail .thumb-tab {
    padding: 50px 30px 0
}

.is-vertical .c-solution-layout-detail .thumb-tab .content,
.is-vertical .c-solution-layout-detail .thumb-tab .side-right {
    width: 100%
}

.is-vertical .c-solution-layout-detail .thumb-tab .title-box {
    margin-bottom: 30px
}

.is-vertical .c-solution-layout-detail .thumb-tab .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-vertical .c-solution-layout-detail .thumb-tab .swiper-slide {
    margin-bottom: 30px
}

.is-vertical .c-solution-layout-detail .thumb-tab .swiper-slide:last-of-type {
    margin-bottom: 0
}

.product-template-wrap .c-solution-layout-detail.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.product-template-wrap .c-solution-layout-detail.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.product-template-wrap .c-solution-layout-detail.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .product-template-wrap .c-solution-layout-detail.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .product-template-wrap .c-solution-layout-detail.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .product-template-wrap .c-solution-layout-detail.mbs-size-sm {
    padding-bottom: 8vw
}

.c-solution-layout-detail .c-button.btn-text a {
    color: #196fd2
}

.c-solution-layout-detail.skin-black .main-wrap {
    background-color: #000
}

.c-solution-layout-detail.skin-gray .main-wrap {
    background-color: #f5f5f5
}

.c-solution-layout-detail.skin-white .main-wrap {
    background-color: #fff
}

.c-solution-layout-detail.bg-black {
    background-color: #000
}

.c-solution-layout-detail.bg-gray {
    background-color: #f5f5f5
}

.c-solution-layout-detail.bg-white {
    background-color: #fff
}

.c-solution-layout-detail.ps-size-lg .main-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-solution-layout-detail.ps-size-md .main-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-solution-layout-detail.ps-size-sm .main-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-solution-layout-detail.ps-size-lg .main-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-solution-layout-detail.ps-size-md .main-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-solution-layout-detail.ps-size-sm .main-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-solution-customer-stories {
    padding: 100px 0 80px
}

.c-solution-customer-stories .text-wrap {
    width: 65%;
    margin: 0 auto 50px;
    text-align: center
}

.c-solution-customer-stories .text-wrap .title {
    margin-bottom: 20px
}

.c-solution-customer-stories .customer-stories-swiper {
    overflow: visible
}

.c-solution-customer-stories .swiper-slide {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: .5
}

.c-solution-customer-stories .swiper-slide .slide-inner {
    position: relative;
    background: #d6d7dc
}

.c-solution-customer-stories .swiper-slide .img-box {
    width: 45%
}

.c-solution-customer-stories .swiper-slide .img-box .pic {
    width: 100%
}

.c-solution-customer-stories .swiper-slide .text-box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 55%;
    padding: 30px 70px 30px 50px
}

.c-solution-customer-stories .swiper-slide .text-box .tip {
    margin-bottom: 20px
}

.c-solution-customer-stories .swiper-slide .text-box .title {
    margin-bottom: 16px
}

.c-solution-customer-stories .swiper-slide.swiper-slide-active {
    z-index: 2;
    opacity: 1
}

.c-solution-customer-stories .swiper-slide.swiper-slide-prev {
    right: -7%
}

.c-solution-customer-stories .swiper-slide.swiper-slide-next {
    left: -7%
}

.c-solution-customer-stories .swiper-pagination {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-top: 30px
}

.c-solution-customer-stories .swiper-button-prev {
    left: -70px
}

.c-solution-customer-stories .swiper-button-next {
    right: -70px
}

.c-solution-customer-stories .button-wrap {
    margin-top: 40px;
    text-align: center
}

.is-vertical .c-solution-customer-stories {
    padding: 50px 0
}

.is-vertical .c-solution-customer-stories .text-wrap {
    width: 100%;
    margin-bottom: 30px
}

.is-vertical .c-solution-customer-stories .text-wrap .title {
    margin-bottom: 10px
}

.is-vertical .c-solution-customer-stories .swiper-slide .img-box {
    width: 100%
}

.is-vertical .c-solution-customer-stories .swiper-slide .text-box {
    position: relative;
    width: 100%;
    top: 0;
    padding: 20px 20px 70px;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-solution-customer-stories .swiper-slide .text-box .tip {
    margin-bottom: 10px
}

.is-vertical .c-solution-customer-stories .swiper-slide .text-box .title {
    margin-bottom: 15px
}

.is-vertical .c-solution-customer-stories .swiper-slide.swiper-slide-prev {
    right: 0
}

.is-vertical .c-solution-customer-stories .swiper-slide.swiper-slide-next {
    left: 0
}

.is-vertical .c-solution-customer-stories .button-wrap {
    margin-top: 30px
}

.c-news-tab {
    padding-top: 30px;
    background: #fff
}

.c-news-tab .c-text-tab {
    padding-bottom: 0
}

.c-news-tab .c-text-tab .item-list {
    height: 55px
}

.c-news-tab .c-text-tab .line-box {
    background: none
}

.is-vertical .c-news-tab {
    padding-top: 10px
}

.is-vertical .c-news-tab .c-text-tab {
    padding-top: 0
}

.is-vertical .c-news-tab .c-text-tab .tab-list .item {
    margin-right: 30px
}

.is-vertical .c-news-tab .c-text-tab .tab-list .item:last-of-type {
    margin-right: 0
}

.c-about-us-market {
    padding-bottom: 100px;
    background: #f5f5f5
}

.c-about-us-market .kv-wrap {
    position: relative;
    margin-bottom: 100px;
    overflow: hidden
}

.c-about-us-market .kv-wrap .bg {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-about-us-market .kv-wrap .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-about-us-market .kv-wrap .text-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%
}

.c-about-us-market .kv-wrap .text-wrap .text-inner,
.c-about-us-market .kv-wrap .text-wrap .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-about-us-market .kv-wrap .text-wrap .title {
    width: 40%;
    border-right: 1px solid #333;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-us-market .kv-wrap .text-wrap .description {
    width: 60%;
    text-align: center
}

.c-about-us-market .list-wrap .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-us-market .list-wrap .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 49.5%;
    margin-bottom: 1%;
    background: #fff
}

.c-about-us-market .list-wrap .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-about-us-market .list-wrap .img-box {
    width: 60%;
    overflow: hidden
}

.c-about-us-market .list-wrap .img-box .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-us-market .list-wrap .img-box:hover .pic {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.is-vertical .c-about-us-market {
    padding-bottom: 50px
}

.is-vertical .c-about-us-market .kv-wrap {
    margin-bottom: 40px
}

.is-vertical .c-about-us-market .kv-wrap .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-about-us-market .kv-wrap .text-wrap {
    top: 0;
    left: 0;
    position: relative;
    padding-top: 22%;
    width: 100%;
    -webkit-transform: none;
    transform: none
}

.is-vertical .c-about-us-market .kv-wrap .text-wrap .text-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-about-us-market .kv-wrap .text-wrap .title {
    position: relative;
    width: 100%;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    border-right: none;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.is-vertical .c-about-us-market .kv-wrap .text-wrap .title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    height: 1px;
    display: block;
    content: "";
    background: #333
}

.is-vertical .c-about-us-market .kv-wrap .text-wrap .description {
    width: 100%;
    text-align: left
}

.is-vertical .c-about-us-market .list-wrap .item {
    width: 49%;
    margin-bottom: 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.is-vertical .c-about-us-market .list-wrap .item .img-box,
.is-vertical .c-about-us-market .list-wrap .item .text-box {
    width: 100%
}

.is-vertical .c-about-us-market .list-wrap .item:last-of-type,
.is-vertical .c-about-us-market .list-wrap .item:nth-last-of-type(2) {
    margin-bottom: 0
}

.c-about-us-awards {
    padding: 140px 0
}

.c-about-us-awards .title-box {
    margin-bottom: 60px;
    text-align: center
}

.c-about-us-awards .list-wrap {
    position: relative
}

.c-about-us-awards .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 290px;
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #b8babc
}

.c-about-us-awards .swiper-slide .img-box {
    margin-bottom: 10px;
    padding-bottom: 35%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

.c-about-us-awards .swiper-pagination {
    left: 50%;
    bottom: -91px;
    width: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-about-us-awards .button-wrap {
    margin-top: 70px;
    text-align: right
}

.c-about-us-awards .button-wrap .c-button a {
    color: #196fd2
}

.is-vertical .c-about-us-awards {
    padding: 50px 0
}

.is-vertical .c-about-us-awards .title-box {
    margin-bottom: 20px
}

.is-vertical .c-about-us-awards .awards-swiper {
    overflow: visible
}

.is-vertical .c-about-us-awards .swiper-slide {
    display: block;
    height: auto
}

.is-vertical .c-about-us-awards .swiper-slide .img-box {
    padding-bottom: 70%;
    background-position: 50%
}

.is-vertical .c-about-us-awards .swiper-slide .description {
    min-height: 36px
}

.is-vertical .c-about-us-awards .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 20px
}

.is-vertical .c-about-us-awards .button-wrap {
    margin-top: 30px;
    text-align: center
}

.c-about-us-strength {
    padding: 140px 0;
    background: #f5f5f5
}

.c-about-us-strength .strength-swiper {
    overflow: visible
}

.c-about-us-strength .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: visible
}

.c-about-us-strength .swiper-slide .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    padding: 15px 30px 15px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-about-us-strength .swiper-slide .text-box .big-title {
    margin-bottom: 20px;
    margin-left: -15px;
    padding-top: 5px;
    padding-left: 15px;
    border-left: 2px solid #333
}

.c-about-us-strength .swiper-slide .text-box .title {
    margin-bottom: 20px;
    color: #196fd2
}

.c-about-us-strength .swiper-slide .img-box {
    /* width: 65%; */
    width: 600px;
    height: 400px;
}

.c-about-us-strength .swiper-slide .img-box .pic {
    width: 100%
}

.c-about-us-strength .control-container {
    position: absolute;
    /* bottom: 20px; */
    bottom: -122px;
    left: 0;
    right: 0;
    width: 135px;
    height: 55px;
    margin: 0 auto;
}

.c-about-us-strength .control-container .swiper-button-next,
.c-about-us-strength .control-container .swiper-button-prev {
    top: 0;
    margin-top: 0
}

.c-about-us-strength .control-container .swiper-button-prev {
    left: 0
}

.c-about-us-strength .control-container .swiper-button-next {
    right: 0
}

.is-vertical .c-about-us-strength {
    padding: 60px 0 30px
}

.is-vertical .c-about-us-strength .swiper-slide {
    display: block
}

.is-vertical .c-about-us-strength .swiper-slide .text-box {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    opacity: 0
}

.is-vertical .c-about-us-strength .swiper-slide .text-box .big-title {
    margin-left: -10px;
    padding-left: 10px
}

.is-vertical .c-about-us-strength .swiper-slide .text-box .title {
    margin-bottom: 10px
}

.is-vertical .c-about-us-strength .swiper-slide .img-box {
    width: 100%
}

.is-vertical .c-about-us-strength .swiper-slide.swiper-slide-active .text-box {
    opacity: 1
}

.is-vertical .c-about-us-strength .control-container {
    position: relative;
    width: 100%;
    height: auto;
    bottom: 0;
    margin-top: 20px
}

.is-vertical .c-about-us-strength .control-container .swiper-pagination {
    position: relative;
    bottom: 0
}

.c-about-us-corporate {
    padding: 100px 0 150px
}

.c-about-us-corporate .kv-wrap {
    position: relative;
    margin-bottom: 60px
}

.c-about-us-corporate .kv-wrap .text-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    padding: 80px 60px 0 0;
    text-align: right;
    color: #fff
}

.c-about-us-corporate .kv-wrap .text-wrap .title {
    margin-bottom: 15px
}

.c-about-us-corporate .kv-wrap .text-wrap .description {
    line-height: 1.1
}

.c-about-us-corporate .thumb-wrap .title {
    margin-bottom: 20px
}

.c-about-us-corporate .thumb-wrap .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-about-us-corporate .thumb-wrap .item {
    position: relative;
    width: 19%;
    color: #fff;
    overflow: hidden
}

.c-about-us-corporate .thumb-wrap .item .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.c-about-us-corporate .thumb-wrap .item .name {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 0 15px;
    text-align: center
}

.c-about-us-corporate .thumb-wrap .item:hover .pic {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.is-vertical .c-about-us-corporate {
    padding: 60px 0
}

.is-vertical .c-about-us-corporate .title-box {
    margin-bottom: 20px;
    text-align: center
}

.is-vertical .c-about-us-corporate .kv-wrap {
    margin-bottom: 50px
}

.is-vertical .c-about-us-corporate .kv-wrap .text-wrap {
    width: 100%;
    padding: 30px 30px 0;
    text-align: center
}

.is-vertical .c-about-us-corporate .kv-wrap .text-wrap .description {
    line-height: 1.2
}

.is-vertical .c-about-us-corporate .thumb-wrap .title {
    margin-bottom: 20px;
    text-align: center
}

.is-vertical .c-about-us-corporate .thumb-wrap .list {
    display: block
}

.is-vertical .c-about-us-corporate .thumb-wrap .item {
    width: 100%;
    margin-bottom: 10px
}

.is-vertical .c-about-us-corporate .thumb-wrap .item:last-of-type {
    margin-bottom: 0
}

.c-news-search {
    padding: 90px 0 70px
}

.c-news-search .search-box {
    display: block;
    position: relative;
    width: 50%;
    margin: 0 auto 20px
}

.c-news-search .search-box input {
    display: block;
    height: 55px;
    padding: 0 15px;
    text-align: center
}

.c-news-search .search-box input::-webkit-input-placeholder {
    color: #949191
}

.c-news-search .search-box input:-moz-placeholder,
.c-news-search .search-box input::-moz-placeholder {
    color: #949191
}

.c-news-search .search-box input:-ms-input-placeholder {
    color: #949191
}

.c-news-search .search-box .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 75px;
    height: 100%;
    display: block
}

.c-news-search .search-box .input-group-btn .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-news-search .recommend {
    display: none;
    width: 50%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-news-search .recommend .item {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 12px 20px 8px;
    border-radius: 5px;
    border: 1px solid #b8babc;
    cursor: pointer;
    color: #b8b6b6
}

.c-news-search .recommend .item a {
    color: #b8b6b6
}

.c-news-search .recommend .item.active,
.c-news-search .recommend .item:hover {
    color: #196fd2;
    border-color: #196fd2
}

.c-news-search .recommend .item.active a,
.c-news-search .recommend .item:hover a {
    color: #196fd2
}

.c-news-search .recommend .item:last-of-type {
    margin-right: 0
}

.c-news-search .recommend.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.is-vertical .c-news-search {
    padding-top: 40px;
    padding-bottom: 40px
}

.is-vertical .c-news-search .search-box {
    width: 100%;
    margin-bottom: 15px
}

.is-vertical .c-news-search .search-box input {
    height: 40px
}

.is-vertical .c-news-search .search-box .input-group-btn {
    width: 50px
}

.is-vertical .c-news-search .recommend {
    width: 100%
}

.is-vertical .c-news-search .recommend .item {
    padding: 9px 15px 5px
}

.c-news-list {
    padding-bottom: 120px
}

.c-news-list .list-wrap {
    display: none
}

.c-news-list .list-wrap .title-box {
    margin-bottom: 30px;
    text-align: center;
    /*text-transform:uppercase*/
}

.c-news-list .list-wrap .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-news-list .list-wrap .item {
    display: none;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    border-radius: 6px;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-news-list .list-wrap .item .img-box {
    overflow: hidden
}

.c-news-list .list-wrap .item .img-box .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-news-list .list-wrap .item .img-box:hover .pic {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-news-list .list-wrap .item .text-box {
    padding: 30px 20px
}

.c-news-list .list-wrap .item .text-box .title {
    height: auto;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 40px
}

.c-news-list .list-wrap .item .text-box .title span {
    color: red
}

.c-news-list .list-wrap .item:nth-of-type(3n) {
    margin-right: 0
}

.c-news-list .list-wrap .item.active {
    display: block
}

.c-news-list .list-wrap .load-more {
    display: none;
    margin-top: 50px;
    text-align: center
}

.c-news-list .list-wrap .load-more.active {
    display: block
}

.c-news-list .list-wrap .error-tip {
    padding: 60px 0 150px;
    text-align: center
}

.c-news-list .list-wrap.active {
    display: block
}

.is-vertical .c-news-list {
    padding-bottom: 70px
}

.is-vertical .c-news-list .list-wrap .title-box {
    margin-bottom: 20px
}

.is-vertical .c-news-list .list-wrap .list {
    display: block
}

.is-vertical .c-news-list .list-wrap .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px
}

.is-vertical .c-news-list .list-wrap .text-box {
    padding: 20px
}

.is-vertical .c-news-list .list-wrap .text-box .title {
    height: auto;
    margin-bottom: 30px
}

.is-vertical .c-news-list .load-more {
    margin-top: 40px
}

.c-contact-us-form {
    padding: 100px 0 50px
}

.c-contact-us-form .symbol {
    position: relative;
    top: 5px;
    margin-right: 3px;
    line-height: 1;
    color: red
}

.c-contact-us-form .content {
    width: 70%;
    margin: 0 auto
}

.c-contact-us-form .title-box {
    margin-bottom: 40px
}

.c-contact-us-form .title-box .title {
    text-align: center
}

.c-contact-us-form .group-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-contact-us-form .group-box.col-3 {
    margin-bottom: 40px
}

.c-contact-us-form .group-box.col-3 .form-group {
    width: 31.5%
}

.c-contact-us-form .group-box.is-united-states .form-group {
    width: 23%
}

.c-contact-us-form .form-group {
    width: 46%
}

.c-contact-us-form .form-group label {
    font-weight: 400
}

.c-contact-us-form .form-group .input-box {
    position: relative
}

.c-contact-us-form .form-group .input-box select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.c-contact-us-form .form-group .input-box .iconfont {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px
}

.c-contact-us-form .form-group input {
    width: 100%;
    height: 40px;
    display: block;
    padding: 5px 15px 0;
    border-radius: 6px;
    border: 1px solid #b8babc;
    color: #333;
    background: #fdfdfd
}

.c-contact-us-form .form-group input::-webkit-input-placeholder {
    color: #b8babc
}

.c-contact-us-form .form-group input:-moz-placeholder,
.c-contact-us-form .form-group input::-moz-placeholder {
    color: #b8babc
}

.c-contact-us-form .form-group input:-ms-input-placeholder {
    color: #b8babc
}

.c-contact-us-form .form-group input:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #196fd2
}

.c-contact-us-form .form-group input:active,
.c-contact-us-form .form-group input:focus {
    outline: none;
    border-color: #196fd2;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5)
}

.c-contact-us-form .form-group input:focus {
    color: #b8babc
}

.c-contact-us-form .form-group.error {
    color: red
}

.c-contact-us-form .form-group.error input {
    color: red;
    border-color: red
}

.c-contact-us-form .form-group.error input::-webkit-input-placeholder {
    color: red
}

.c-contact-us-form .form-group.error input:-moz-placeholder,
.c-contact-us-form .form-group.error input::-moz-placeholder {
    color: red
}

.c-contact-us-form .form-group.error input:-ms-input-placeholder {
    color: red
}

.c-contact-us-form .form-group.error input:hover {
    border-color: red
}

.c-contact-us-form .form-group.error input:active,
.c-contact-us-form .form-group.error input:focus {
    border-color: red;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(255, 0, 0, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(255, 0, 0, .5)
}

.c-contact-us-form .choose-box {
    margin-bottom: 30px
}

.c-contact-us-form .choose-box .title {
    margin-bottom: 10px
}

.c-contact-us-form .choose-box .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-contact-us-form .choose-box .item {
    width: 33.33%;
    padding-left: 1%
}

.c-contact-us-form .choose-box .item:nth-of-type(3n+1) {
    padding-left: 0
}

.c-contact-us-form .choose-box input {
    position: relative;
    top: 2px;
    margin-top: 0;
    margin-right: 7px
}

.c-contact-us-form .choose-box.error {
    color: red
}

.c-contact-us-form .textarea-box {
    padding-top: 20px;
    margin-bottom: 40px
}

.c-contact-us-form .textarea-box label {
    font-weight: 400
}

.c-contact-us-form .textarea-box textarea {
    display: block;
    padding: 5px 15px 0;
    border-radius: 6px;
    border: 1px solid #b8babc;
    color: #333;
    background: #fdfdfd;
    resize: none
}

.c-contact-us-form .textarea-box textarea::-webkit-input-placeholder {
    color: #b8babc
}

.c-contact-us-form .textarea-box textarea:-moz-placeholder,
.c-contact-us-form .textarea-box textarea::-moz-placeholder {
    color: #b8babc
}

.c-contact-us-form .textarea-box textarea:-ms-input-placeholder {
    color: #b8babc
}

.c-contact-us-form .textarea-box textarea:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #196fd2
}

.c-contact-us-form .textarea-box textarea:active,
.c-contact-us-form .textarea-box textarea:focus {
    outline: none;
    border-color: #196fd2;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5)
}

.c-contact-us-form .textarea-box textarea:focus {
    color: #b8babc
}

.c-contact-us-form .subscription-box .item:first-of-type {
    width: 45%;
    margin-right: 10%
}

.c-contact-us-form .subscription-box .item:nth-of-type(2) {
    width: 20%
}

.c-contact-us-form .subscription-box.error {
    color: red
}

.c-contact-us-form .agree-box {
    margin-bottom: 20px;
    text-align: center
}

.c-contact-us-form .agree-box input {
    position: relative;
    top: 2px;
    margin-right: 4px
}

.c-contact-us-form .agree-box a {
    text-decoration: underline
}

.c-contact-us-form .agree-box.error,
.c-contact-us-form .agree-box.error a {
    color: red
}

.c-contact-us-form .btn-box {
    text-align: center
}

.c-contact-us-form .btn-box button {
    padding: 10px 50px 5px;
    color: #fff !important;
    background: #196fd2 !important;
    border-radius: 6px
}

.is-vertical .c-contact-us-form {
    padding-top: 60px;
    padding-bottom: 80px
}

.is-vertical .c-contact-us-form .content {
    width: 100%
}

.is-vertical .c-contact-us-form .form-group {
    width: 48%
}

.is-vertical .c-contact-us-form .form-group input {
    height: 35px
}

.is-vertical .c-contact-us-form .ce-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-contact-us-form .ce-box .form-group {
    width: 100%;
    margin-bottom: 20px
}

.is-vertical .c-contact-us-form .ce-box .form-group:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-contact-us-form .col-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-vertical .c-contact-us-form .col-3 .form-group {
    width: 48%
}

.is-vertical .c-contact-us-form .col-3 .form-group:first-of-type {
    width: 100%;
    margin-bottom: 20px
}

.is-vertical .c-contact-us-form .region-box .form-group {
    width: 100%;
    margin-bottom: 20px
}

.is-vertical .c-contact-us-form .region-box .form-group:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-contact-us-form .choose-box .item {
    width: 50%;
    padding-left: 0;
    padding-right: 2%
}

.is-vertical .c-contact-us-form .choose-box .item:nth-of-type(3n+1) {
    padding-left: 0
}

.is-vertical .c-contact-us-form .subscription-box .item {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-contact-us-form .subscription-box .item:first-of-type label input {
    top: 1px
}

.c-contact-us-form.skin-black {
    color: #fff
}

.c-contact-us-form.skin-black>.content,
.c-contact-us-form.skin-black>.content-wrap {
    background-color: #000
}

.c-contact-us-form.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-contact-us-form.skin-black .c-button.btn-text a,
.c-contact-us-form.skin-black .c-button.none-bg a {
    color: #fff
}

.c-contact-us-form.skin-gray {
    color: #333
}

.c-contact-us-form.skin-gray>.content,
.c-contact-us-form.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-contact-us-form.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-contact-us-form.skin-white {
    color: #333
}

.c-contact-us-form.skin-white>.content,
.c-contact-us-form.skin-white>.content-wrap {
    background-color: #fff
}

.c-contact-us-form.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-contact-us-form.bg-black {
    background-color: #000
}

.c-contact-us-form.bg-gray {
    background-color: #f5f5f5
}

.c-contact-us-form.bg-white {
    background-color: #fff
}

.c-contact-us-form.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-contact-us-form.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-contact-us-form.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-contact-us-form.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-contact-us-form.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-contact-us-form.mbs-size-sm {
    padding-bottom: 8vw
}

.c-contact-us-form.ps-size-lg>.content,
.c-contact-us-form.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-contact-us-form.ps-size-md>.content,
.c-contact-us-form.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-contact-us-form.ps-size-sm>.content,
.c-contact-us-form.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-contact-us-form.ps-size-lg>.content,
.is-vertical .c-contact-us-form.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-contact-us-form.ps-size-md>.content,
.is-vertical .c-contact-us-form.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-contact-us-form.ps-size-sm>.content,
.is-vertical .c-contact-us-form.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-contact-us-form.skin-black .form-group .input-box .iconfont {
    color: #333
}

.c-contact-us-form.skin-black .agree-box a {
    color: hsla(0, 0%, 100%, .6)
}

.c-contact-us-form.skin-black .agree-box.error a {
    color: red
}

.c-contact-us-form.skin-black .btn-box button {
    border-color: #000
}

.c-contact-us-form-custom {
    padding: 100px 0 50px
}

.c-contact-us-form-custom .symbol {
    position: relative;
    top: 5px;
    margin-right: 3px;
    line-height: 1;
    color: red
}

.c-contact-us-form-custom .content {
    width: 70%;
    margin: 0 auto
}

.c-contact-us-form-custom .title-box {
    margin-bottom: 40px;
    text-align: center
}

.c-contact-us-form-custom .title-box .description {
    margin-top: 15px
}

.c-contact-us-form-custom .group-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-contact-us-form-custom .group-box.col-3 {
    margin-bottom: 40px
}

.c-contact-us-form-custom .group-box.col-3 .form-group {
    width: 31.5%
}

.c-contact-us-form-custom .group-box.is-united-states .form-group {
    width: 23%
}

.c-contact-us-form-custom .group-box.other-group-box .form-group {
    width: 100%
}

.c-contact-us-form-custom .form-group,
.c-contact-us-form-custom .group-box.col-2 .form-group {
    width: 46%
}

.c-contact-us-form-custom .form-group label {
    font-weight: 400
}

.c-contact-us-form-custom .form-group .input-box {
    position: relative
}

.c-contact-us-form-custom .form-group .input-box select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.c-contact-us-form-custom .form-group .input-box .iconfont {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px
}

.c-contact-us-form-custom .form-group input {
    width: 100%;
    height: 40px;
    display: block;
    padding: 5px 15px 0;
    border-radius: 6px;
    border: 1px solid #b8babc;
    color: #333;
    background: #fdfdfd
}

.c-contact-us-form-custom .form-group input::-webkit-input-placeholder {
    color: #b8babc
}

.c-contact-us-form-custom .form-group input:-moz-placeholder,
.c-contact-us-form-custom .form-group input::-moz-placeholder {
    color: #b8babc
}

.c-contact-us-form-custom .form-group input:-ms-input-placeholder {
    color: #b8babc
}

.c-contact-us-form-custom .form-group input:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #196fd2
}

.c-contact-us-form-custom .form-group input:active,
.c-contact-us-form-custom .form-group input:focus {
    outline: none;
    border-color: #196fd2;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5)
}

.c-contact-us-form-custom .form-group input:focus {
    color: #b8babc
}

.c-contact-us-form-custom .form-group.error {
    color: red
}

.c-contact-us-form-custom .form-group.error input {
    color: red;
    border-color: red
}

.c-contact-us-form-custom .form-group.error input::-webkit-input-placeholder {
    color: red
}

.c-contact-us-form-custom .form-group.error input:-moz-placeholder,
.c-contact-us-form-custom .form-group.error input::-moz-placeholder {
    color: red
}

.c-contact-us-form-custom .form-group.error input:-ms-input-placeholder {
    color: red
}

.c-contact-us-form-custom .form-group.error input:hover {
    border-color: red
}

.c-contact-us-form-custom .form-group.error input:active,
.c-contact-us-form-custom .form-group.error input:focus {
    border-color: red;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(255, 0, 0, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(255, 0, 0, .5)
}

.c-contact-us-form-custom .choose-box {
    margin-bottom: 20px;
    padding-top: 10px
}

.c-contact-us-form-custom .choose-box .title {
    margin-bottom: 10px
}

.c-contact-us-form-custom .choose-box .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-contact-us-form-custom .choose-box .item {
    width: 33.33%;
    padding-left: 1%
}

.c-contact-us-form-custom .choose-box .item:nth-of-type(3n+1) {
    padding-left: 0
}

.c-contact-us-form-custom .choose-box input {
    position: relative;
    top: 2px;
    margin-top: 0;
    margin-right: 7px
}

.c-contact-us-form-custom .choose-box.error {
    color: red
}

.c-contact-us-form-custom .textarea-box {
    padding-top: 20px;
    margin-bottom: 40px
}

.c-contact-us-form-custom .textarea-box label {
    font-weight: 400
}

.c-contact-us-form-custom .textarea-box textarea {
    display: block;
    padding: 5px 15px 0;
    border-radius: 6px;
    border: 1px solid #b8babc;
    color: #333;
    background: #fdfdfd;
    resize: none
}

.c-contact-us-form-custom .textarea-box textarea::-webkit-input-placeholder {
    color: #b8babc
}

.c-contact-us-form-custom .textarea-box textarea:-moz-placeholder,
.c-contact-us-form-custom .textarea-box textarea::-moz-placeholder {
    color: #b8babc
}

.c-contact-us-form-custom .textarea-box textarea:-ms-input-placeholder {
    color: #b8babc
}

.c-contact-us-form-custom .textarea-box textarea:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-color: #196fd2
}

.c-contact-us-form-custom .textarea-box textarea:active,
.c-contact-us-form-custom .textarea-box textarea:focus {
    outline: none;
    border-color: #196fd2;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .05), 0 0 5px rgba(25, 111, 210, .5)
}

.c-contact-us-form-custom .textarea-box textarea:focus {
    color: #b8babc
}

.c-contact-us-form-custom .textarea-box.error {
    color: red
}

.c-contact-us-form-custom .textarea-box.error textarea {
    border-color: red
}

.c-contact-us-form-custom .radio-box.error {
    color: red
}

.c-contact-us-form-custom .subscription-box .item:first-of-type {
    width: 45%;
    margin-right: 10%
}

.c-contact-us-form-custom .subscription-box .item:nth-of-type(2) {
    width: 20%
}

.c-contact-us-form-custom .agree-box {
    margin-bottom: 20px;
    text-align: center
}

.c-contact-us-form-custom .agree-box input {
    position: relative;
    top: 2px;
    margin-right: 4px
}

.c-contact-us-form-custom .agree-box a {
    text-decoration: underline
}

.c-contact-us-form-custom .agree-box.error,
.c-contact-us-form-custom .agree-box.error a {
    color: red
}

.c-contact-us-form-custom .btn-box {
    text-align: center
}

.c-contact-us-form-custom .btn-box button {
    padding: 10px 50px 5px;
    color: #fff !important;
    background: #196fd2 !important;
    border-radius: 6px
}

.is-vertical .c-contact-us-form-custom {
    padding-top: 60px;
    padding-bottom: 80px
}

.is-vertical .c-contact-us-form-custom .content {
    width: 100%
}

.is-vertical .c-contact-us-form-custom .title-box .description {
    margin-top: 10px
}

.is-vertical .c-contact-us-form-custom .group-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-contact-us-form-custom .form-group {
    width: 100%;
    margin-bottom: 20px
}

.is-vertical .c-contact-us-form-custom .form-group input {
    height: 35px
}

.is-vertical .c-contact-us-form-custom .form-group:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-contact-us-form-custom .col-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-vertical .c-contact-us-form-custom .col-3 .form-group {
    width: 48%
}

.is-vertical .c-contact-us-form-custom .col-3 .form-group:first-of-type,
.is-vertical .c-contact-us-form-custom .region-box .form-group {
    width: 100%;
    margin-bottom: 20px
}

.is-vertical .c-contact-us-form-custom .region-box .form-group:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-contact-us-form-custom .choose-box .item {
    width: 50%;
    padding-left: 0;
    padding-right: 2%
}

.is-vertical .c-contact-us-form-custom .choose-box .item:nth-of-type(3n+1) {
    padding-left: 0
}

.is-vertical .c-contact-us-form-custom .subscription-box .item {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-contact-us-form-custom .subscription-box .item:first-of-type label input {
    top: 1px
}

.c-contact-us-form-custom.skin-black {
    color: #fff
}

.c-contact-us-form-custom.skin-black>.content,
.c-contact-us-form-custom.skin-black>.content-wrap {
    background-color: #000
}

.c-contact-us-form-custom.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-contact-us-form-custom.skin-black .c-button.btn-text a,
.c-contact-us-form-custom.skin-black .c-button.none-bg a {
    color: #fff
}

.c-contact-us-form-custom.skin-gray {
    color: #333
}

.c-contact-us-form-custom.skin-gray>.content,
.c-contact-us-form-custom.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-contact-us-form-custom.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-contact-us-form-custom.skin-white {
    color: #333
}

.c-contact-us-form-custom.skin-white>.content,
.c-contact-us-form-custom.skin-white>.content-wrap {
    background-color: #fff
}

.c-contact-us-form-custom.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-contact-us-form-custom.bg-black {
    background-color: #000
}

.c-contact-us-form-custom.bg-gray {
    background-color: #f5f5f5
}

.c-contact-us-form-custom.bg-white {
    background-color: #fff
}

.product-template-wrap .c-contact-us-form-custom.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.product-template-wrap .c-contact-us-form-custom.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.product-template-wrap .c-contact-us-form-custom.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .product-template-wrap .c-contact-us-form-custom.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .product-template-wrap .c-contact-us-form-custom.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .product-template-wrap .c-contact-us-form-custom.mbs-size-sm {
    padding-bottom: 8vw
}

.c-contact-us-form-custom.ps-size-lg>.content,
.c-contact-us-form-custom.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-contact-us-form-custom.ps-size-md>.content,
.c-contact-us-form-custom.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-contact-us-form-custom.ps-size-sm>.content,
.c-contact-us-form-custom.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-contact-us-form-custom.ps-size-lg>.content,
.is-vertical .c-contact-us-form-custom.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-contact-us-form-custom.ps-size-md>.content,
.is-vertical .c-contact-us-form-custom.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-contact-us-form-custom.ps-size-sm>.content,
.is-vertical .c-contact-us-form-custom.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-contact-us-form-custom.skin-black .form-group .input-box .iconfont {
    color: #333
}

.c-contact-us-form-custom.skin-black .form-group.error .input-box .iconfont {
    color: red
}

.c-contact-us-form-custom.skin-black .agree-box a {
    color: hsla(0, 0%, 100%, .6)
}

.c-contact-us-form-custom.skin-black .agree-box.error a {
    color: red
}

.c-contact-us-form-custom.skin-black .btn-box button {
    border-color: #000
}

.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 9999
}

.cookies .container {
    position: relative;
    padding: 20px 0
}

.cookies .pop-close {
    position: absolute;
    top: 10px;
    right: -50px;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.cookies .pop-close span {
    color: #fff;
    font-size: 16px
}

.cookies .pop-close:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center;
    transform-origin: center
}

.cookies .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cookies .text-wrap {
    color: #fff
}

.cookies .text-wrap .text {
    text-decoration: underline;
    display: inline-block;
    color: #fff;
    font-weight: 700
}

.cookies .button-box {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

@media screen and (max-width:767px) {
    .cookies .container {
        padding: 20px 0 40px
    }

    .cookies .pop-close {
        right: 10px;
        top: 10px
    }

    .cookies .flex-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cookies .text-wrap {
        width: 90%
    }

    .cookies .text-wrap p {
        line-height: 1.5
    }

    .cookies .button-box {
        margin-top: 3%;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cookies .button-box .none-bg {
        margin-top: 20px
    }

    .cookies .button-box a {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.cookies-detail {
    margin-top: 100px;
    padding: 100px 0
}

.cookies-detail .title {
    text-align: center;
    font-weight: 700
}

.cookies-detail a {
    color: #095bc4
}

.cookies-detail h3 {
    font-weight: 700
}

.cookies-detail .dot {
    position: relative;
    padding-left: 20px
}

.cookies-detail .dot:before {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    left: 0
}

.cookies-detail .table-box {
    width: 100%;
    overflow-x: scroll
}

@media screen and (max-width:767px) {
    .cookies-detail {
        margin-top: 50px;
        padding: 50px 0
    }
}

.nps-layout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: 10000
}

.nps-layout.active {
    display: block
}

.nps-layout .mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    bottom: 0;
    right: 0
}

.nps-layout .nps-close {
    position: absolute;
    top: 20px;
    right: 20px
}

.nps-layout .nps-close .iconfont {
    color: #000
}

.nps-layout .nps-container {
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 1200px;
    border-radius: 10px;
    overflow: hidden
}

.nps-layout .nps-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nps-layout .pic-box {
    width: 46%
}

.nps-layout .pic-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.nps-layout .score-box {
    width: 54%;
    padding: 100px 50px 20px;
    background-color: #f3f3f3
}

.nps-layout .score-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    margin-bottom: 20px;
    width: 84%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nps-layout .score-ul li {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    background-color: #b7b7b7;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 50%;
    cursor: pointer
}

.nps-layout .score-ul li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    padding-top: 2px;
    line-height: 1
}

.nps-layout .score-ul li.active,
.nps-layout .score-ul li.current {
    background-color: #1864cc
}

.nps-layout .score-text {
    width: 84%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333
}

.nps-layout .button-box {
    margin: 50px auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.is-vertical .nps-layout .nps-container {
    width: 85%
}

.is-vertical .nps-layout .nps-close {
    top: 10px;
    right: 10px
}

.is-vertical .nps-layout .nps-close .iconfont {
    color: #000
}

.is-vertical .nps-layout .nps-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 95vh
}

.is-vertical .nps-layout .pic-box {
    width: 100%
}

.is-vertical .nps-layout .pic-box img {
    width: 100%;
    height: auto
}

.is-vertical .nps-layout .score-box {
    width: 100%;
    padding: 30px 10px 50px;
    text-align: center
}

.is-vertical .nps-layout .score-box .text-wrap .title {
    margin-bottom: 10px
}

.is-vertical .nps-layout .score-ul {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px
}

.is-vertical .nps-layout .score-ul li {
    width: 24px;
    height: 24px
}

.is-vertical .nps-layout .score-text {
    width: 100%
}

.is-vertical .nps-layout .button-box {
    margin: 20px auto 0
}

@media screen and (max-height:721px) {
    .is-vertical .nps-layout .pic-box {
        width: 100%
    }

    .is-vertical .nps-layout .pic-box img {
        max-height: 48vh;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.is-tablet .nps-layout .score-box {
    padding: 30px 50px
}

.is-tablet .nps-layout .score-ul li {
    width: 32px;
    height: 32px
}

.is-tablet .nps-layout .pic-box img {
    max-height: 55vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 80%;
    margin: 0 auto
}

@media screen and (min-width:900px) {
    .is-tablet .nps-layout .score-ul li {
        width: 36px;
        height: 36px
    }
}

.c-led-configurator-content {
    padding-top: 100px;
    background: #fff
}

.c-led-configurator-content .title-wrap {
    padding: 28px 0 25px;
    background: #f5f5f5
}

.c-led-configurator-content .title-wrap .title {
    margin: 0 auto;
    padding-left: 20px
}

.c-led-configurator-content .btn-export-wrap {
    margin-top: 20px;
    margin-bottom: 20px
}

.c-led-configurator-content .btn-export-wrap,
.c-led-configurator-content .btn-export-wrap .btn-export {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-led-configurator-content .btn-export-wrap .btn-export {
    width: 200px;
    height: 48px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding-top: 5px;
    font-weight: bolder;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #d6d7dc;
    border-radius: 4px;
    cursor: pointer
}

.c-led-configurator-content .btn-export-wrap .btn-export.active {
    color: #fff;
    background: #196fd2
}

.c-led-configurator-content .btn-export-wrap .btn-export.active:hover {
    background: #2b79d8
}

.c-led-configurator-content .main-wrap {
    position: relative;
    margin: 0 auto;
    background: #fff
}

.c-led-configurator-content .main-wrap .container {
    width: 1230px;
    max-width: none
}

.c-led-configurator-content .main-wrap .content {
    position: relative;
    margin-bottom: 100px
}

.c-led-configurator-content .main-wrap .counter {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 120px;
    border: 1px solid #d6d7dc;
    background: #fdfdfd;
    border-radius: 4px
}

.c-led-configurator-content .main-wrap .counter,
.c-led-configurator-content .main-wrap .counter .iconfont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-led-configurator-content .main-wrap .counter .iconfont {
    width: 34px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.c-led-configurator-content .main-wrap .counter .iconfont:hover {
    background: #196fd2;
    color: #fff
}

.c-led-configurator-content .main-wrap .counter .number {
    width: 52px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 1px;
    line-height: 1;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-led-configurator-content .main-wrap .counter .number em {
    margin-left: 3px
}

.c-led-configurator-content .main-wrap .counter .number input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c-led-configurator-content .main-wrap .counter .number input::-webkit-inner-spin-button,
.c-led-configurator-content .main-wrap .counter .number input::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.c-led-configurator-content .main-wrap .counter .number input[type=number] {
    -moz-appearance: textfield
}

.c-led-configurator-content .main-wrap .tools {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    padding: 30px 0 0 20px
}

.c-led-configurator-content .main-wrap .tools .item {
    margin-right: 20px;
    text-align: center;
    color: #b8babc;
    cursor: pointer
}

.c-led-configurator-content .main-wrap .tools .item:last-of-type {
    margin-right: 0
}

.c-led-configurator-content .main-wrap .tools .item:hover {
    color: #196fd2
}

.c-led-configurator-content .main-wrap .tools .item:hover .icon-box {
    color: #fff;
    background: #196fd2
}

.c-led-configurator-content .main-wrap .tools .item:hover .text {
    color: #196fd2
}

.c-led-configurator-content .main-wrap .tools .icon-box {
    width: 42px;
    height: 42px;
    position: relative;
    border: 1px solid #196fd2;
    border-radius: 50%;
    color: #196fd2
}

.c-led-configurator-content .main-wrap .tools .icon-box .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1
}

.c-led-configurator-content .main-wrap .tools .icon-box .icon-mft {
    -webkit-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8)
}

.c-led-configurator-content .main-wrap .tools .text {
    margin-top: 8px
}

@media screen and (max-width:1440px) {
    .c-led-configurator-content .main-wrap .tools .item {
        margin-right: 10px
    }
}

.c-led-configurator-content .main-wrap .side-left {
    width: calc(100% - 300px);
    padding: 140px 0 0;
    float: left;
    text-align: center
}

.c-led-configurator-content .main-wrap .side-left .stage {
    display: inline-block;
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    padding: 60px 155px 150px
}

.c-led-configurator-content .main-wrap .side-left .wall {
    position: relative;
    width: 600px;
    height: 360px;
    margin: 0 auto;
    background: #d6d7dc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-led-configurator-content .main-wrap .side-left .wall-measure-box-width {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    height: 60px;
    border-left: 2px dotted #196fd2;
    border-right: 2px dotted #196fd2
}

.c-led-configurator-content .main-wrap .side-left .wall-measure-box-width .distance {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    border-bottom: 2px dotted #196fd2
}

.c-led-configurator-content .main-wrap .side-left .wall-measure-box-width .distance .box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -7px 0 0 -30px;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-led-configurator-content .main-wrap .side-left .wall-measure-box-width .distance .box em {
    margin-left: 3px
}

.c-led-configurator-content .main-wrap .side-left .wall-measure-box-height {
    position: absolute;
    top: 0;
    left: -60px;
    width: 60px;
    height: 100%;
    border-top: 2px dotted #196fd2;
    border-bottom: 2px dotted #196fd2
}

.c-led-configurator-content .main-wrap .side-left .wall-measure-box-height .distance {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    border-right: 2px dotted #196fd2
}

.c-led-configurator-content .main-wrap .side-left .wall-measure-box-height .distance .box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -30px 0 0 -15px;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-led-configurator-content .main-wrap .side-left .wall-measure-box-height .distance .box em {
    margin-left: 3px
}

.c-led-configurator-content .main-wrap .side-left .led-screen {
    position: absolute;
    top: 90px;
    left: 140px;
    width: 0;
    height: 0
}

.c-led-configurator-content .main-wrap .side-left .bg-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.c-led-configurator-content .main-wrap .side-left .bg-wrap .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.c-led-configurator-content .main-wrap .side-left .bg-wrap .bg-img.active {
    display: block
}

.c-led-configurator-content .main-wrap .side-left .bg-wrap .video-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.c-led-configurator-content .main-wrap .side-left .bg-wrap .video-box.active {
    display: block
}

.c-led-configurator-content .main-wrap .side-left .bg-wrap video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-led-configurator-content .main-wrap .side-left .mesh {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #b8babc;
    border-left: 1px solid #b8babc;
    opacity: .75
}

.c-led-configurator-content .main-wrap .side-left .mesh .block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid #b8babc;
    border-right: 1px solid #b8babc
}

.c-led-configurator-content .main-wrap .side-left .mesh .row-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.c-led-configurator-content .main-wrap .side-left .mesh.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-led-configurator-content .main-wrap .side-left .led-measure-box-width {
    position: absolute;
    top: -60px;
    left: 140px;
    width: 0;
    height: 0;
    border-left: 2px dotted #196fd2;
    border-right: 2px dotted #196fd2
}

.c-led-configurator-content .main-wrap .side-left .led-measure-box-width:after {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    content: "";
    margin-top: -1px;
    border-bottom: 2px dotted #196fd2
}

.c-led-configurator-content .main-wrap .side-left .led-measure-box-height {
    position: absolute;
    top: 90px;
    left: 460px;
    width: 0;
    height: 0;
    border-top: 2px dotted #196fd2;
    border-bottom: 2px dotted #196fd2
}

.c-led-configurator-content .main-wrap .side-left .led-measure-box-height:after {
    position: absolute;
    top: 0;
    right: 20px;
    width: 2px;
    height: 100%;
    display: block;
    content: "";
    margin-right: -1px;
    border-right: 2px dotted #196fd2
}

.c-led-configurator-content .main-wrap .side-left .person-measure-line {
    position: absolute;
    bottom: -38px;
    left: -91px;
    width: 108px;
    height: 2px;
    border-bottom: 2px dotted #196fd2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-led-configurator-content .main-wrap .side-left .person-measure-line .box {
    position: absolute;
    top: -16px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    line-height: 1;
    white-space: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-led-configurator-content .main-wrap .side-left .person-measure-line .box em {
    margin-left: 3px
}

.c-led-configurator-content .main-wrap .side-left .resolution {
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    white-space: nowrap;
    text-align: center
}

.c-led-configurator-content .main-wrap .side-left .resolution span {
    margin: 0 5px
}

.c-led-configurator-content .main-wrap .side-left .person {
    position: absolute;
    bottom: -103px;
    right: 100%;
    height: 45.75%;
    margin-right: 76px
}

.c-led-configurator-content .main-wrap .side-left .person .man {
    height: 100%
}

.c-led-configurator-content .main-wrap .side-left .person .tip {
    position: absolute;
    bottom: -3px;
    left: 100%;
    margin-left: 20px;
    white-space: nowrap
}

.c-led-configurator-content .main-wrap .side-left .person .tip span {
    color: #b8babc
}

.c-led-configurator-content .main-wrap .side-left .counter {
    position: absolute;
    top: -60px;
    left: 50%;
    display: none;
    margin-left: -60px
}

.c-led-configurator-content .main-wrap .side-left .counter.counter-height {
    top: 50%;
    left: 100%;
    margin-top: -20px;
    margin-left: 20px
}

.c-led-configurator-content .main-wrap .side-left .counter.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-led-configurator-content .main-wrap .side-left.sticky-top {
    position: fixed;
    top: 0;
    left: auto;
    bottom: auto
}

.c-led-configurator-content .main-wrap .side-left.sticky-bottom {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0
}

.c-led-configurator-content .main-wrap .side-left.screen-shot .tools {
    opacity: 0
}

.c-led-configurator-content .main-wrap .side-left.screen-shot .bg-wrap .video-box video {
    display: none
}

.c-led-configurator-content .main-wrap .side-right {
    position: relative;
    width: 300px;
    float: right;
    padding-bottom: 100px;
    background: #f5f5f5
}

.c-led-configurator-content .main-wrap .side-right .panel {
    margin-bottom: 0;
    background: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-led-configurator-content .main-wrap .side-right .panel.open .panel-head .iconfont {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-led-configurator-content .main-wrap .side-right .panel-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #d6d7dc;
    cursor: pointer
}

.c-led-configurator-content .main-wrap .side-right .panel-head .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-led-configurator-content .main-wrap .side-right .panel-body {
    padding: 20px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group {
    margin-bottom: 20px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .title {
    margin-bottom: 5px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group button {
    width: 100%;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fdfdfd
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .select-list,
.c-led-configurator-content .main-wrap .side-right .panel-body .select-group button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .select-list .dropdown {
    width: 47%
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .select-list .btn-gray {
    opacity: .3
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .select-list .btn.selected {
    color: #196fd2;
    border-color: #196fd2;
    opacity: 1
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .dropdown.open .icon-arrow-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .icon-arrow-down {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .dropdown-menu {
    width: 100%
}

.c-led-configurator-content .main-wrap .side-right .panel-body .select-group .dropdown-menu a {
    padding-top: 7px;
    padding-bottom: 5px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .counter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .counter-group .title {
    margin-bottom: 5px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .counter-group .iconfont:hover {
    color: #196fd2;
    border: 1px solid #196fd2;
    background: none
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group {
    margin-bottom: 20px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .title {
    margin-bottom: 30px;
    color: #b8babc
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 12px;
    background: #fdfdfd;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    opacity: .5
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option input {
    margin: 0
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option span {
    position: relative;
    top: 2px;
    margin-left: 7px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option .selected {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: -5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option .radio {
    width: 13px;
    height: 13px;
    display: block;
    position: relative;
    border: 1px solid #333;
    border-radius: 50%
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option .radio:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    display: block;
    content: "";
    background: #196fd2;
    border-radius: 50%;
    opacity: 0
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option.select-model {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option.select-model span {
    margin-left: 0
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option.error {
    border-color: red;
    color: red
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option.error .radio {
    border-color: red
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option:hover {
    opacity: 1
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option.active {
    color: #196fd2;
    border-color: #196fd2;
    opacity: 1
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option.active .radio {
    border-color: #196fd2
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group .option.active .radio:after {
    opacity: 1
}

.c-led-configurator-content .main-wrap .side-right .panel-body .radio-group label.option:last-of-type {
    margin-bottom: 0
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .item {
    width: 47%;
    cursor: pointer;
    text-align: center
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .item:hover .img-box img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .item:hover .text {
    opacity: 1
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .item.active {
    color: #196fd2
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .item.active .img-box {
    opacity: 1
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .item.active .img-box img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .item.active .text {
    opacity: 1
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .img-box {
    border-radius: 8px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: .5
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .img-box img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .pic {
    width: 100%
}

.c-led-configurator-content .main-wrap .side-right .panel-body .thumbnail-list .text {
    margin-top: 6px;
    opacity: .5
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap {
    display: none
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    resize: none;
    border: 1px solid #d6d7dc;
    border-radius: 4px;
    background: #f9f9f9
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea::-webkit-input-placeholder {
    color: #b8babc
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea:-moz-placeholder,
.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea::-moz-placeholder {
    color: #b8babc
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea:-ms-input-placeholder {
    color: #b8babc
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea.error {
    border-color: red
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea.error::-webkit-input-placeholder {
    color: #ebcbcb
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea.error:-moz-placeholder,
.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea.error::-moz-placeholder {
    color: #ebcbcb
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap textarea.error:-ms-input-placeholder {
    color: #ebcbcb
}

.c-led-configurator-content .main-wrap .side-right .panel-body .text-area-wrap.active {
    display: block
}

.c-led-configurator-content .main-wrap .side-right .panel-body .controller-name {
    display: none;
    text-align: center
}

.c-led-configurator-content .main-wrap .side-right .panel-body .controller-name.error {
    color: red
}

.c-led-configurator-content .main-wrap .side-right .panel-body .controller-name.active {
    display: block
}

.c-led-configurator-content .main-wrap .side-right .panel4 .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-led-configurator-content .main-wrap .side-right .panel4 .option-list .option {
    width: 47%;
    margin-bottom: 0
}

.c-led-configurator-content .main-wrap .side-right .btn-export-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 26px;
    padding-bottom: 26px;
    border-top: 1px solid #ccc
}

.c-led-configurator-content .main-wrap .side-right .sticky-bottom {
    position: fixed;
    top: auto;
    left: auto;
    bottom: 0;
    width: 300px;
    background: #f5f5f5
}

.c-led-configurator-content .specification-wrap {
    padding-top: 95px;
    padding-bottom: 100px;
    background: #f5f5f5
}

.c-led-configurator-content .specification-wrap .title-box {
    margin-bottom: 60px
}

.c-led-configurator-content .specification-wrap .panel-list {
    padding: 60px;
    background: #fff
}

.c-led-configurator-content .specification-wrap .panel-list.screen-shot .panel-head .title {
    font-size: 20px
}

.c-led-configurator-content .specification-wrap .panel-list.screen-shot .panel-head .icon-arrow-down {
    display: none
}

.c-led-configurator-content .specification-wrap .panel-list.screen-shot .panel-body {
    display: block !important;
    font-size: 16px
}

.c-led-configurator-content .specification-wrap .panel {
    margin-bottom: 2px;
    background: none
}

.c-led-configurator-content .specification-wrap .panel .panel-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5% 3% 1%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f5;
    border-radius: 2px;
    cursor: pointer
}

.c-led-configurator-content .specification-wrap .panel .panel-head .title {
    margin-bottom: 0;
    line-height: 1.2
}

.c-led-configurator-content .specification-wrap .panel .panel-head .iconfont {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    line-height: 1
}

.c-led-configurator-content .specification-wrap .panel .panel-body {
    display: none;
    padding: 0
}

.c-led-configurator-content .specification-wrap .panel .panel-body .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d7dc
}

.c-led-configurator-content .specification-wrap .panel .panel-body .key {
    width: 42%;
    padding-left: 3%
}

.c-led-configurator-content .specification-wrap .panel .panel-body .value-box {
    width: 54%;
    padding-right: 3%
}

.c-led-configurator-content .specification-wrap .panel.open .panel-head .iconfont {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-led-configurator-content .specification-wrap .btn-export-wrap,
.c-led-configurator-content .specification-wrap .tip {
    margin-top: 60px
}

.c-led-configurator-content .solution-wrap {
    display: none;
    padding-top: 95px;
    padding-bottom: 100px;
    font-size: 16px
}

.c-led-configurator-content .solution-wrap .content {
    max-width: 1050px;
    margin: 0 auto
}

.c-led-configurator-content .solution-wrap .title-box {
    margin-bottom: 20px
}

.c-led-configurator-content .solution-wrap .title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    padding: 1.5% 0;
    background: #196fd2;
    color: #fff
}

.c-led-configurator-content .solution-wrap .title-row .item {
    width: 25%;
    padding: 0 3%;
    line-height: 1;
    border-right: 1px solid #fff
}

.c-led-configurator-content .solution-wrap .title-row .item span {
    position: relative;
    top: -3px
}

.c-led-configurator-content .solution-wrap .title-row .item:last-of-type {
    border-right: none
}

.c-led-configurator-content .solution-wrap .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5% 0 1%;
    border-bottom: 1px solid #ddd
}

.c-led-configurator-content .solution-wrap .table-row .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    padding: 0 3%;
    line-height: 1.3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-led-configurator-content .solution-wrap.screen-shot {
    display: block
}

@media screen and (max-width:1600px) {
    .c-led-configurator-content {
        padding-top: 80px
    }
}

@media screen and (min-width:1700px) {

    .c-led-configurator-content .main-wrap,
    .c-led-configurator-content .title-wrap .title {
        width: 1600px
    }
}

@media screen and (min-width:2200px) {

    .c-led-configurator-content .main-wrap,
    .c-led-configurator-content .title-wrap .title {
        width: 1870px;
        padding-right: 15px
    }

    .c-led-configurator-content .main-wrap .tools,
    .c-led-configurator-content .title-wrap .title {
        padding-left: 10px
    }
}

.is-vertical .c-led-configurator-content {
    padding-top: 0
}

.is-vertical .c-led-configurator-content .remind-wrap {
    height: 100vh;
    padding: 120px 60px 80px;
    background: rgba(0, 0, 0, .6);
    text-align: center
}

.is-vertical .c-led-configurator-content .remind-wrap .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 40% 15%;
    background: #f5f5f5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-vertical .c-led-configurator-content .remind-wrap .text-wrap .title {
    margin-bottom: 40px
}

.is-vertical .c-led-configurator-content .remind-wrap .btn-wrap .btn-back {
    display: block;
    padding: 7px 0;
    color: #fff;
    background: #196fd2;
    border-radius: 5px
}

@media screen and (max-width:480px) {
    .is-vertical .c-led-configurator-content .remind-wrap {
        padding: 90px 30px 50px
    }
}

.c-led-configurator-layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 10000;
    background: rgba(0, 0, 0, .6)
}

.c-led-configurator-layer .container {
    position: relative;
    height: 100%
}

.c-led-configurator-layer .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1200px;
    max-height: 95vh;
    padding: 60px;
    background: #f5f5f5;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 6px
}

.c-led-configurator-layer .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 60px;
    z-index: 2;
    cursor: pointer
}

.c-led-configurator-layer .btn-close .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1
}

.c-led-configurator-layer .btn-close:hover {
    opacity: .7
}

.c-led-configurator-layer .text-wrap {
    margin-bottom: 50px;
    text-align: center
}

.c-led-configurator-layer .text-wrap .title {
    margin-bottom: 10px
}

@media screen and (max-width:1600px) {
    .c-led-configurator-layer .content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .c-led-configurator-layer .text-wrap {
        margin-bottom: 40px
    }
}

.c-led-configurator-layer.header-move-down {
    padding-top: 0
}

.is-vertical .c-led-configurator-layer {
    display: none !important
}

.c-led-configurator-layer.layer-export-pdf .content {
    padding: 100px 200px
}

.c-led-configurator-layer.layer-export-pdf .form-wrap label {
    font-weight: 400
}

.c-led-configurator-layer.layer-export-pdf .form-wrap label span {
    position: relative;
    top: 6px;
    margin-right: 2px;
    color: red
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin-bottom: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .input-group {
    width: 32%
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .input-group input {
    width: 100%;
    height: 40px;
    display: block;
    padding: 10px;
    border: 1px solid #d6d7dc;
    background: #fdfdfd;
    border-radius: 4px
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .input-group.error {
    color: red
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .input-group.error input {
    color: red;
    border-color: red
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .select-group {
    width: 32%
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .select-group button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fdfdfd;
    white-space: normal;
    text-align: left;
    line-height: 1.1
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .select-group .dropdown-menu {
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .select-group .dropdown-menu .dropdown-menu-inner {
    max-height: 300px;
    overflow-y: auto
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .select-group .dropdown-menu li>a {
    display: block;
    padding: 7px 20px 5px;
    white-space: normal
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .select-group .dropdown.open .icon-arrow-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .select-group .icon-arrow-down {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .text-area-group .title {
    margin-bottom: 0
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .text-area-group textarea {
    width: 100%;
    height: 160px;
    padding: 10px;
    background: #fdfdfd;
    border: 1px solid #d6d7dc;
    border-radius: 4px;
    resize: none
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .btn-export-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .btn-export-wrap .btn-export {
    width: 200px;
    height: 48px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5px;
    color: #fff;
    font-weight: bolder;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #196fd2;
    border-radius: 4px;
    cursor: pointer
}

.c-led-configurator-layer.layer-export-pdf .form-wrap .btn-export-wrap .btn-export:hover {
    background: #2b79d8
}

@media screen and (max-width:1600px) {
    .c-led-configurator-layer.layer-export-pdf .form-wrap .text-area-group textarea {
        height: 120px
    }

    .c-led-configurator-layer.layer-export-pdf .form-wrap .btn-export-wrap {
        margin-top: 40px
    }
}

.c-led-configurator-layer.layer-select-model .content {
    padding-bottom: 30px
}

.c-led-configurator-layer.layer-select-model .introduce-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .img-box {
    width: 42.6%;
    padding: 58px 50px;
    background: #e2e3e3
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .img-box .pic {
    width: 100%
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 57.4%;
    padding: 0 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .side {
    width: 55%
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .side .title {
    margin-bottom: 15px
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .side .description .item {
    margin-bottom: 2px
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .side .description .item:last-of-type {
    margin-bottom: 0
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .side .description span {
    display: inline-block;
    margin-right: 3px;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    color: #000
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .btns {
    width: 40%
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .btns .btn-choose-model,
.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .btns .btn-view-detail {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .btns .btn-choose-model {
    margin-bottom: 30px;
    color: #fff;
    background: #196fd2
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .btns .btn-choose-model:hover {
    background: #2b79d8
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .btns .btn-view-detail {
    color: #196fd2;
    border: 1px solid #196fd2
}

.c-led-configurator-layer.layer-select-model .introduce-wrap .text-box .btns .btn-view-detail:hover {
    color: #2b79d8;
    border-color: #2b79d8
}

.c-led-configurator-layer.layer-select-model .table-wrap {
    padding: 50px 50px 20px;
    background: #fff;
    border-radius: 4px
}

.c-led-configurator-layer.layer-select-model .table-wrap .table-scroll {
    height: 29vh;
    overflow-y: scroll
}

.c-led-configurator-layer.layer-select-model .table-wrap tr:hover td {
    background: #fafafa
}

.c-led-configurator-layer.layer-select-model .table-wrap tr:hover td[rowspan] {
    background: #fff
}

.c-led-configurator-layer.layer-select-model .table-wrap tr.active td {
    background: #efefef
}

.c-led-configurator-layer.layer-select-model .table-wrap tr.active td[rowspan] {
    background: #fff
}

.c-led-configurator-layer.layer-select-model .table-wrap td,
.c-led-configurator-layer.layer-select-model .table-wrap th {
    height: 60px;
    vertical-align: middle;
    text-align: center
}

.c-led-configurator-layer.layer-select-model .table-wrap th {
    background: #e2e3e3
}

.c-led-configurator-layer.layer-select-model .table-wrap td {
    cursor: pointer
}

@media screen and (max-width:1600px) {
    .c-led-configurator-layer.layer-select-model .introduce-wrap {
        margin-bottom: 30px
    }

    .c-led-configurator-layer.layer-select-model .introduce-wrap .img-box {
        padding: 30px
    }

    .c-led-configurator-layer.layer-select-model .table-wrap {
        padding: 30px 30px 5px
    }

    .c-led-configurator-layer.layer-select-model .table-wrap .table-scroll {
        height: 22vh
    }

    .c-led-configurator-layer.layer-select-model .table-wrap td,
    .c-led-configurator-layer.layer-select-model .table-wrap th {
        height: 40px
    }
}

@media screen and (max-width:1440px) {
    .c-led-configurator-layer.layer-select-model .content {
        padding-top: 30px
    }

    .c-led-configurator-layer.layer-select-model .text-wrap {
        margin-bottom: 30px
    }

    .c-led-configurator-layer.layer-select-model .table-wrap .table-scroll {
        height: 20vh
    }
}

.c-led-configurator-layer.layer-error .content {
    width: 600px
}

.c-led-configurator-layer.layer-error .text-wrap {
    margin-bottom: 0
}

.c-led-configurator-layer.layer-error .text-wrap .icon-box {
    width: 74px;
    height: 74px;
    position: relative;
    margin: 0 auto 20px;
    color: #fff;
    background: #196fd2;
    border-radius: 50%
}

.c-led-configurator-layer.layer-error .text-wrap .icon-box .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-led-configurator-layer.layer-confirm .content {
    width: 700px
}

.c-led-configurator-layer.layer-confirm .text-wrap {
    margin-bottom: 30px
}

.c-led-configurator-layer.layer-confirm .btns,
.c-led-configurator-layer.layer-confirm .btns .btn-cancel,
.c-led-configurator-layer.layer-confirm .btns .btn-confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-led-configurator-layer.layer-confirm .btns .btn-cancel,
.c-led-configurator-layer.layer-confirm .btns .btn-confirm {
    width: 150px;
    height: 40px;
    margin: 0 5px;
    padding-top: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #333;
    border-radius: 4px;
    cursor: pointer
}

.c-led-configurator-layer.layer-confirm .btns .btn-cancel:hover,
.c-led-configurator-layer.layer-confirm .btns .btn-confirm:hover {
    opacity: .8
}

.c-led-configurator-layer.layer-confirm .btns .btn-confirm {
    color: #fff;
    background: #196fd2;
    border: none
}

.c-led-configurator-layer.layer-loading .loading-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    white-space: nowrap;
    text-align: center;
    color: #fff
}

.c-led-configurator-layer.layer-loading .progress {
    width: 95%;
    max-width: 400px;
    height: 8px;
    margin: 0 auto 15px;
    border-radius: 2px;
    overflow: visible
}

.c-led-configurator-layer.layer-loading .progress .progress-bar {
    position: relative;
    background: #196fd2;
    border-radius: 2px
}

.c-led-configurator-layer.layer-loading .progress .percent {
    position: absolute;
    bottom: 100%;
    right: 0
}

.c-led-configurator-layer.layer-loading .loading-icon {
    display: block;
    width: 32px;
    margin: 0 auto 20px
}

.c-t-partners-alliance .content {
    position: relative
}

.c-t-partners-alliance .text-wrap {
    width: 46%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100px;
    color: #000;
    text-align: center
}

.c-t-partners-alliance .text-wrap .title {
    margin-bottom: 40px
}

@media screen and (max-width:1440px) {
    .c-t-partners-alliance .text-wrap {
        width: 50%;
        top: 80px
    }

    .c-t-partners-alliance .text-wrap .title {
        margin-bottom: 30px
    }
}

.is-vertical .c-t-partners-alliance .text-wrap {
    width: 100%;
    padding: 0 30px;
    top: 50px
}

.is-vertical .c-t-partners-alliance .text-wrap .title {
    margin-bottom: 24px
}

.c-t-partners-tech {
    background: #fff;
    padding: 100px 0
}

.c-t-partners-tech .content {
    position: relative
}

.c-t-partners-tech .text-wrap {
    width: 100%;
    color: #000;
    text-align: center;
    margin: 0 auto
}

.c-t-partners-tech .text-wrap .title {
    margin-bottom: 40px
}

.c-t-partners-tech .tag-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 60px 0 0;
    border-bottom: 1px solid #d6d7dc;
    padding-bottom: 40px;
    position: relative;
    min-height: 100px
}

.c-t-partners-tech .tag-box .tag {
    border-radius: 6px;
    background-color: #f5f5f5;
    color: #b8b6b6;
    padding: 10px 20px 8px;
    margin: 0 30px 20px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-t-partners-tech .tag-box .tag.active,
.c-t-partners-tech .tag-box .tag:hover {
    background-color: #196fd2;
    color: #fff
}

.c-t-partners-tech .tag-box .tag.hide {
    position: absolute;
    top: 0;
    left: 0
}

.c-t-partners-tech .tech-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px
}

.c-t-partners-tech .tech-box .tech-pic {
    position: relative;
    width: 23%;
    height: 78px;
    background-color: #f5f5f5;
    margin: 0 20px 20px 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.c-t-partners-tech .tech-box .tech-pic a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 2
}

.c-t-partners-tech .tech-box .tech-pic:hover .tech-icon {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.c-t-partners-tech .tech-box .tech-pic.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-t-partners-tech .tech-box .tech-icon {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (min-width:1921px) {
    .c-t-partners-tech .tech-box .tech-icon {
        width: 80%
    }
}

.is-vertical .c-t-partners-tech {
    padding: 60px 0
}

.is-vertical .c-t-partners-tech .text-wrap {
    width: 100%;
    padding: 0 30px;
    top: 60px
}

.is-vertical .c-t-partners-tech .text-wrap .title {
    margin-bottom: 24px
}

.is-vertical .c-t-partners-tech .tag-box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding-bottom: 30px;
    margin-top: 40px
}

.is-vertical .c-t-partners-tech .tag-box .tag {
    margin: 0 15px 15px 0;
    padding: 8px 12px 5px
}

.is-vertical .c-t-partners-tech .tag-box .tag.hide {
    position: static
}

.is-vertical .c-t-partners-tech .tech-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px
}

.is-vertical .c-t-partners-tech .tech-box .tech-pic {
    width: 48.5%;
    height: 42px;
    margin-right: 0;
    margin-bottom: 10px
}

.is-vertical .c-t-partners-tech .tech-box .tech-icon {
    width: 100%
}

@media screen and (max-width:375px) {
    .is-vertical .c-t-partners-tech .tech-box .tech-icon {
        width: 110%
    }
}

.c-t-partners-meeting {
    background-color: #f5f5f5;
    padding: 100px 0
}

.c-t-partners-meeting .content {
    position: relative
}

.c-t-partners-meeting .text-wrap {
    width: 60%;
    margin: 0 auto 60px;
    color: #000;
    text-align: center
}

.c-t-partners-meeting .text-wrap .title {
    margin-bottom: 40px
}

.c-t-partners-meeting .list-box {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-t-partners-meeting .list-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    width: 25%;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 0
}

.c-t-partners-meeting .list-box .item .pic {
    width: 25%;
    margin-bottom: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-t-partners-meeting .list-box .item .text-box {
    text-align: center;
    width: 90%;
    margin: 0 auto
}

.c-t-partners-meeting .list-box .item .title {
    margin-bottom: 15px
}

.c-t-partners-meeting .list-box .item:hover .pic {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

@media screen and (min-width:2048px) {
    .is-horizontal .c-t-partners-meeting .text-wrap {
        width: 50%
    }

    .is-horizontal .c-t-partners-meeting .list-box {
        width: 80%
    }
}

.is-vertical .c-t-partners-meeting {
    padding: 60px 0
}

.is-vertical .c-t-partners-meeting .text-wrap {
    width: 100%;
    padding: 0 30px 50px;
    top: 60px
}

.is-vertical .c-t-partners-meeting .text-wrap .title {
    margin-bottom: 24px
}

.is-vertical .c-t-partners-meeting .list-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-vertical .c-t-partners-meeting .list-box .item {
    width: 100%;
    margin-bottom: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 30px 20px 30px 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.is-vertical .c-t-partners-meeting .list-box .item .pic {
    margin-bottom: 0;
    margin-right: 30px;
    width: 15%
}

.is-vertical .c-t-partners-meeting .list-box .item .text-box {
    text-align: left;
    width: 70%
}

.c-t-partners-highlight {
    padding: 100px 0;
    background: #f5f5f5;
    position: relative
}

.c-t-partners-highlight .content-wrap {
    position: relative;
    padding-bottom: 60px
}

.c-t-partners-highlight .tab-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #196fd2;
    margin: 0 auto 80px
}

.c-t-partners-highlight .tab-box .tab {
    color: #b8b6b6;
    padding: 30px 10px;
    position: relative;
    cursor: pointer
}

.c-t-partners-highlight .tab-box .tab:after {
    width: 0;
    height: 2px;
    display: block;
    content: "";
    background-color: #196fd2;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-t-partners-highlight .tab-box .tab.active {
    color: #196fd2
}

.c-t-partners-highlight .tab-box .tab.active:after {
    width: 100%
}

.c-t-partners-highlight .title {
    text-align: center;
    width: 60%;
    margin: 0 auto 30px
}

.c-t-partners-highlight .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    position: relative
}

.c-t-partners-highlight .content .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-t-partners-highlight .tip {
    margin: 0 0 20px;
    width: 42%
}

.c-t-partners-highlight .tip img {
    width: 100%
}

.c-t-partners-highlight .c-button {
    margin-top: 40px
}

.c-t-partners-highlight .side-left {
    position: relative;
    z-index: 2;
    width: 40%;
    height: 100%;
    padding-right: 3%
}

.c-t-partners-highlight .side-left .inner-box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-t-partners-highlight .side-left .text-box {
    position: relative
}

.c-t-partners-highlight .side-left .text-box .item {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.c-t-partners-highlight .side-left .text-box .item.item1 {
    position: static
}

.c-t-partners-highlight .side-left .text-box .item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    pointer-events: auto
}

.c-t-partners-highlight .side-left .text-box .title {
    width: 100%;
    margin-bottom: 10px;
    text-align: left
}

.c-t-partners-highlight .side-right {
    width: 55%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-t-partners-highlight .side-right .img-box {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-t-partners-highlight .side-right .img-box .placeholder {
    width: 100%
}

.c-t-partners-highlight .side-right .img-box .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-t-partners-highlight .side-right .img-box .c-eq-video {
    position: absolute;
    top: 0;
    left: 0
}

.c-t-partners-highlight .swiper {
    width: 85%;
    margin: 0;
    overflow: visible
}

.c-t-partners-highlight .swiper-slide .pic {
    width: 100%
}

.c-t-partners-highlight .page-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-t-partners-highlight .swiper-button-prev {
    position: static;
    margin: 0 20px 0 0
}

.c-t-partners-highlight .swiper-button-next {
    position: static;
    margin: 0
}

.c-t-partners-highlight .swiper-pagination {
    width: 50%;
    left: 43%;
    bottom: 0;
    text-align: left
}

.c-t-partners-highlight .swiper-pagination .swiper-pagination-bullet {
    background: #b8babc
}

.c-t-partners-highlight .swiper-pagination .swiper-pagination-bullet-active {
    background: #196fd2
}

@media screen and (max-width:1440px) {
    .is-horizontal .c-t-partners-highlight .side-left {
        width: 35%
    }

    .is-horizontal .c-t-partners-highlight .side-left .inner-box {
        width: 80%
    }

    .is-horizontal .c-t-partners-highlight .side-right {
        width: 65%
    }
}

.is-vertical .c-t-partners-highlight {
    padding: 60px 0
}

.is-vertical .c-t-partners-highlight .tab-box {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

.is-vertical .c-t-partners-highlight .tab-box .tab {
    padding: 15px 5px
}

.is-vertical .c-t-partners-highlight .title {
    width: 100%;
    margin-bottom: 20px
}

.is-vertical .c-t-partners-highlight .content {
    padding-left: 60px;
    padding-right: 60px
}

.is-vertical .c-t-partners-highlight .c-button {
    margin-top: 20px
}

.is-vertical .c-t-partners-highlight .side-right {
    width: 100%;
    overflow: visible
}

.is-vertical .c-t-partners-highlight .side-right .text-box {
    margin-top: 20px;
    padding-left: 2px
}

.is-vertical .c-t-partners-highlight .side-right .tip {
    margin-bottom: 10px;
    margin-top: 30px;
    width: 36%
}

.is-vertical .c-t-partners-highlight .swiper {
    width: 100%
}

.is-vertical .c-t-partners-highlight .swiper-slide {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: .3
}

.is-vertical .c-t-partners-highlight .swiper-slide .big-title {
    margin-bottom: 40px;
    text-align: center
}

.is-vertical .c-t-partners-highlight .swiper-slide .pic {
    border-radius: 6px
}

.is-vertical .c-t-partners-highlight .swiper-slide .text-box {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.is-vertical .c-t-partners-highlight .swiper-slide .text-box .title {
    margin-bottom: 5px;
    text-align: left
}

.is-vertical .c-t-partners-highlight .swiper-slide-active,
.is-vertical .c-t-partners-highlight .swiper-slide-active .text-box {
    opacity: 1
}

.is-vertical .c-t-partners-highlight .swiper-pagination {
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center
}

@media screen and (max-width:767px) {
    .is-vertical .c-t-partners-highlight .content {
        padding-left: 30px;
        padding-right: 30px
    }
}

.c-t-partners-highlight.skin-black {
    color: #fff
}

.c-t-partners-highlight.skin-black>.content,
.c-t-partners-highlight.skin-black>.content-wrap {
    background-color: #000
}

.c-t-partners-highlight.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-t-partners-highlight.skin-black .c-button.btn-text a,
.c-t-partners-highlight.skin-black .c-button.none-bg a {
    color: #fff
}

.c-t-partners-highlight.skin-gray {
    color: #333
}

.c-t-partners-highlight.skin-gray>.content,
.c-t-partners-highlight.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-t-partners-highlight.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-t-partners-highlight.skin-white {
    color: #333
}

.c-t-partners-highlight.skin-white>.content,
.c-t-partners-highlight.skin-white>.content-wrap {
    background-color: #fff
}

.c-t-partners-highlight.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-t-partners-highlight.bg-black {
    background-color: #000
}

.c-t-partners-highlight.bg-gray {
    background-color: #f5f5f5
}

.c-t-partners-highlight.bg-white {
    background-color: #fff
}

.product-template-wrap .c-t-partners-highlight.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.product-template-wrap .c-t-partners-highlight.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.product-template-wrap .c-t-partners-highlight.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .product-template-wrap .c-t-partners-highlight.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .product-template-wrap .c-t-partners-highlight.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .product-template-wrap .c-t-partners-highlight.mbs-size-sm {
    padding-bottom: 8vw
}

.c-t-partners-highlight.ps-size-lg>.content,
.c-t-partners-highlight.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-t-partners-highlight.ps-size-md>.content,
.c-t-partners-highlight.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-t-partners-highlight.ps-size-sm>.content,
.c-t-partners-highlight.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-t-partners-highlight.ps-size-lg>.content,
.is-vertical .c-t-partners-highlight.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-t-partners-highlight.ps-size-md>.content,
.is-vertical .c-t-partners-highlight.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-t-partners-highlight.ps-size-sm>.content,
.is-vertical .c-t-partners-highlight.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-t-partners-highlight.ps-size-lg .content-wrap {
    padding-bottom: 8.3333333333vw
}

.c-t-partners-highlight.ps-size-lg .swiper-pagination {
    bottom: 5.2083333333vw
}

.c-t-partners-highlight.ps-size-md .content-wrap {
    padding-bottom: 7.2916666667vw
}

.c-t-partners-highlight.ps-size-md .swiper-pagination {
    bottom: 4.1666666667vw
}

.c-t-partners-highlight.ps-size-sm .content-wrap {
    padding-bottom: 6.25vw
}

.c-t-partners-highlight.ps-size-sm .swiper-pagination {
    bottom: 3.125vw
}

.is-vertical .c-t-partners-highlight.ps-size-lg .content-wrap {
    padding-bottom: 26.6666666667vw
}

.is-vertical .c-t-partners-highlight.ps-size-lg .swiper-pagination {
    bottom: 13.3333333333vw
}

.is-vertical .c-t-partners-highlight.ps-size-md .content-wrap {
    padding-bottom: 21.3333333333vw
}

.is-vertical .c-t-partners-highlight.ps-size-md .swiper-pagination {
    bottom: 10.6666666667vw
}

.is-vertical .c-t-partners-highlight.ps-size-sm .content-wrap {
    padding-bottom: 16vw
}

.is-vertical .c-t-partners-highlight.ps-size-sm .swiper-pagination {
    bottom: 8vw
}

.c-page-tab-common {
    position: relative;
    z-index: 11;
    height: 50px
}

.c-page-tab-common,
.c-page-tab-common .tab-box {
    background-color: #fff
}

.c-page-tab-common .tab-box.affixed-top-box {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-page-tab-common .tab-box.fixed-active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%
}

.c-page-tab-common .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-page-tab-common .tab-list {
    height: 60px;
    line-height: 1.2;
    position: relative;
    white-space: nowrap
}

.c-page-tab-common .tab-list .item {
    position: relative;
    margin-right: 80px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer
}

.c-page-tab-common .tab-list .item,
.c-page-tab-common .tab-list .item a {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-page-tab-common .tab-list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000
}

.c-page-tab-common .tab-list .item:after {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    background: #196fd2;
    opacity: 0
}

.c-page-tab-common .tab-list .item.active a,
.c-page-tab-common .tab-list .item:hover a {
    color: #196fd2
}

.c-page-tab-common .tab-list .item.active:after {
    opacity: 1
}

.c-page-tab-common .tab-list .item:last-child {
    margin-right: 0
}

.c-page-tab-common .tab-search {
    width: 275px;
    height: 45px;
    display: none;
    position: relative;
    background: #eff8fe;
    border-radius: 30px
}

.c-page-tab-common .tab-search .search-input {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 60px 0 30px;
    background: none;
    border: none;
    letter-spacing: 4px
}

.c-page-tab-common .tab-search .search-input::-webkit-input-placeholder {
    color: #acb2b7
}

.c-page-tab-common .tab-search .search-input:-moz-placeholder,
.c-page-tab-common .tab-search .search-input::-moz-placeholder {
    color: #acb2b7
}

.c-page-tab-common .tab-search .search-input:-ms-input-placeholder {
    color: #acb2b7
}

.c-page-tab-common .tab-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%
}

.c-page-tab-common .tab-search .btn-search .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #196fd2
}

@media screen and (max-width:1440px) {
    .c-page-tab-common .tab-search {
        width: 220px
    }
}

@media screen and (min-width:1024px) and (max-width:1179px) {
    .c-page-tab-common .container {
        width: 95%
    }
}

.is-vertical .c-page-tab {
    height: 60px;
    overflow: hidden
}

.is-vertical .c-page-tab>.container {
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-page-tab .tab-box {
    overflow: auto
}

.is-vertical .c-page-tab .tab-list {
    padding: 0;
    overflow-x: auto
}

.is-vertical .c-page-tab .tab-list .item {
    margin-right: 30px
}

.is-vertical .c-page-tab .tab-list .item:last-of-type {
    margin-right: 0
}

.c-page-tab.skin-black,
.c-page-tab.skin-black .tab-box {
    background-color: #000
}

.c-page-tab.skin-black .tab-list .item a {
    color: #fff
}

.c-page-tab.skin-black .tab-list .item.active a {
    color: #196fd2
}

.c-page-tab.skin-gray,
.c-page-tab.skin-gray .tab-box {
    background-color: #f5f5f5
}

.c-page-tab.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-page-tab.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-page-tab.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-page-tab.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-page-tab.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-page-tab.mbs-size-sm {
    padding-bottom: 8vw
}

.c-partner-nureva-maxhub .content {
    position: relative
}

.c-partner-nureva-maxhub .text-wrap {
    width: 70%;
    margin: 0 auto;
    padding: 100px 0;
    color: #000;
    text-align: center
}

.c-partner-nureva-maxhub .swiper-wrap {
    position: relative
}

.c-partner-nureva-maxhub .swiper-wrap .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-partner-nureva-maxhub .swiper-wrap .swiper-text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

.c-partner-nureva-maxhub .swiper-wrap .swiper-text-wrap .title {
    text-shadow: rgba(0, 52, 98, .6) 0 0 30px
}

.c-partner-nureva-maxhub .swiper-wrap .comma-left,
.c-partner-nureva-maxhub .swiper-wrap .comma-right {
    width: 155px
}

.c-partner-nureva-maxhub .swiper-wrap .comma-left {
    position: absolute;
    top: 23%;
    left: 0
}

.c-partner-nureva-maxhub .swiper-wrap .comma-right {
    position: absolute;
    top: 43%;
    right: 0
}

.c-partner-nureva-maxhub .swiper-wrap .swiper {
    width: 70%;
    margin: 0 auto;
    overflow: hidden
}

.c-partner-nureva-maxhub .swiper-wrap .swiper .description {
    text-shadow: rgba(0, 52, 98, .6) 0 0 30px
}

.c-partner-nureva-maxhub .swiper-wrap .swiper-slide {
    padding: 30px
}

.c-partner-nureva-maxhub .swiper-wrap .sign-text {
    margin-top: 30px;
    text-shadow: rgba(0, 52, 98, .6) 0 0 30px
}

@media screen and (max-width:1440px) {
    .c-partner-nureva-maxhub .text-wrap {
        width: 50%;
        padding: 80px 0
    }

    .c-partner-nureva-maxhub .sign-text {
        margin-top: 20px
    }
}

.is-vertical .c-partner-nureva-maxhub .text-wrap {
    width: 100%;
    padding: 50px 0;
    top: 60px
}

.is-vertical .c-partner-nureva-maxhub .text-wrap .title {
    margin-bottom: 24px
}

.is-vertical .c-partner-nureva-maxhub .swiper-text-wrap {
    width: 100vw;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10%
}

.is-vertical .c-partner-nureva-maxhub .comma-left,
.is-vertical .c-partner-nureva-maxhub .comma-right {
    width: 75px
}

.is-vertical .c-partner-nureva-maxhub .comma-left {
    position: absolute;
    top: 16%;
    left: 0
}

.is-vertical .c-partner-nureva-maxhub .comma-right {
    position: absolute;
    top: 46%;
    right: 0
}

.is-vertical .c-partner-nureva-maxhub .swiper {
    width: 85%
}

.is-vertical .c-partner-nureva-maxhub .swiper-slide {
    padding: 15px
}

.c-partner-nureva-about,
.c-partner-nureva-about .content {
    position: relative
}

.c-partner-nureva-about .placeholder {
    width: 100%
}

.c-partner-nureva-about .bg,
.c-partner-nureva-about .c-eq-video {
    position: absolute;
    top: 0;
    left: 0
}

.c-partner-nureva-about .icon-play {
    font-weight: bolder
}

.c-partner-nureva-about .slide-inner,
.c-partner-nureva-about .swiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-partner-nureva-about .slide-inner {
    overflow: hidden
}

.c-partner-nureva-about .container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%
}

.c-partner-nureva-about .text-wrap {
    width: 70%;
    margin: 0 auto;
    padding-top: 100px;
    text-align: center
}

.c-partner-nureva-about .text-wrap .title {
    margin-bottom: 30px
}

.c-partner-nureva-about .text-wrap .description,
.c-partner-nureva-about .text-wrap .tip {
    margin-bottom: 15px
}

.c-partner-nureva-about .text-wrap .description a,
.c-partner-nureva-about .text-wrap .tip a {
    display: inline-block;
    color: #196fd2
}

.c-partner-nureva-about .text-wrap .tip.weaken {
    opacity: .7
}

.c-partner-nureva-about.text-white,
.c-partner-nureva-about.text-white .c-button a {
    color: #fff
}

@media screen and (max-width:1440px) {
    .c-partner-nureva-about .text-wrap {
        width: 50%;
        padding-top: 50px
    }

    .c-partner-nureva-about .text-wrap .title {
        margin-bottom: 15px
    }
}

.is-vertical .c-partner-nureva-about .container {
    width: 100%
}

.is-vertical .c-partner-nureva-about .text-wrap {
    width: 100%;
    padding-top: 40px
}

.is-vertical .c-partner-nureva-about .text-wrap .description,
.is-vertical .c-partner-nureva-about .text-wrap .tip,
.is-vertical .c-partner-nureva-about .text-wrap .title {
    margin-bottom: 10px
}

.c-partner-nureva-about.skin-black {
    color: #fff
}

.c-partner-nureva-about.skin-black>.content,
.c-partner-nureva-about.skin-black>.content-wrap {
    background-color: #000
}

.c-partner-nureva-about.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-partner-nureva-about.skin-black .c-button.btn-text a,
.c-partner-nureva-about.skin-black .c-button.none-bg a {
    color: #fff
}

.c-partner-nureva-about.skin-gray {
    color: #333
}

.c-partner-nureva-about.skin-gray>.content,
.c-partner-nureva-about.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-partner-nureva-about.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-partner-nureva-about.skin-white {
    color: #333
}

.c-partner-nureva-about.skin-white>.content,
.c-partner-nureva-about.skin-white>.content-wrap {
    background-color: #fff
}

.c-partner-nureva-about.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-partner-nureva-about.bg-black {
    background-color: #000
}

.c-partner-nureva-about.bg-gray {
    background-color: #f5f5f5
}

.c-partner-nureva-about.bg-white {
    background-color: #fff
}

.c-partner-nureva-about.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-partner-nureva-about.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-partner-nureva-about.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-partner-nureva-about.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-partner-nureva-about.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-partner-nureva-about.mbs-size-sm {
    padding-bottom: 8vw
}

.c-partner-nureva-about .swiper-slide.skin-black {
    color: #333
}

.c-partner-nureva-about .swiper-slide.skin-black .c-button.none-bg {
    border-color: #333
}

.c-partner-nureva-about .swiper-slide.skin-black .c-button.btn-text a,
.c-partner-nureva-about .swiper-slide.skin-black .c-button.none-bg a {
    color: #333
}

.c-partner-nureva-about .swiper-slide.skin-gray {
    color: #f5f5f5
}

.c-partner-nureva-about .swiper-slide.skin-gray .c-button.none-bg {
    border-color: #f5f5f5
}

.c-partner-nureva-about .swiper-slide.skin-gray .c-button.btn-text a,
.c-partner-nureva-about .swiper-slide.skin-gray .c-button.none-bg a {
    color: #f5f5f5
}

.c-partner-nureva-about .swiper-slide.skin-white {
    color: #fff
}

.c-partner-nureva-about .swiper-slide.skin-white .c-button.none-bg {
    border-color: #fff
}

.c-partner-nureva-about .swiper-slide.skin-white .c-button.btn-text a,
.c-partner-nureva-about .swiper-slide.skin-white .c-button.none-bg a {
    color: #fff
}

.c-recommended-products {
    padding: 100px 0;
    background: #f5f5f5
}

.c-recommended-products .first-text-wrap {
    margin-bottom: 50px;
    text-align: center
}

.c-recommended-products .swiper-wrap {
    position: relative
}

.c-recommended-products .swiper-slide {
    height: auto;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 6px
}

.c-recommended-products .swiper-slide:hover {
    -webkit-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, .09);
    box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, .09)
}

.c-recommended-products .swiper-button-next,
.c-recommended-products .swiper-button-prev {
    margin-top: -60px
}

.c-recommended-products .swiper-button-prev {
    left: -80px
}

.c-recommended-products .swiper-button-next {
    right: -80px
}

.c-recommended-products .swiper-pagination {
    position: relative;
    bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.c-recommended-products .swiper-pagination .swiper-pagination-bullet {
    background: #b8babc
}

.c-recommended-products .swiper-pagination .swiper-pagination-bullet-active {
    background: #196fd2
}

.c-recommended-products .img-box {
    display: block;
    position: relative;
    background: #eaeaeb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-recommended-products .img-box .pic {
    width: 100%
}

.c-recommended-products .img-box .c-eq-video,
.c-recommended-products .img-box .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.c-recommended-products .img-box .c-eq-video {
    position: absolute;
    top: 0;
    left: 0
}

.c-recommended-products .text-wrap {
    padding: 40px 25px;
    text-align: center;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.c-recommended-products .text-wrap .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px
}

.c-recommended-products .text-wrap .description {
    height: 48px;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media screen and (max-width:1600px) {
    .c-recommended-products .text-wrap .description {
        height: 42px
    }
}

.c-recommended-products .text-wrap .c-button {
    margin-top: 15px
}

.c-recommended-products.has-hover-scale .img-box:hover .c-eq-video,
.c-recommended-products.has-hover-scale .img-box:hover .pic {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

@media screen and (max-width:1440px) {
    .c-recommended-products {
        padding: 80px 0
    }

    .c-recommended-products .first-text-wrap {
        margin-bottom: 40px
    }
}

@media screen and (max-width:1360px) {
    .c-recommended-products .swiper-button-prev {
        left: 10px
    }

    .c-recommended-products .swiper-button-next {
        right: 10px
    }
}

@media screen and (max-width:1199px) {
    .c-recommended-products .swiper-button-prev {
        left: -70px
    }

    .c-recommended-products .swiper-button-next {
        right: -70px
    }
}

.is-vertical .c-recommended-products {
    padding: 50px 0
}

.is-vertical .c-recommended-products .first-text-wrap,
.is-vertical .c-recommended-products .swiper-slide {
    margin-bottom: 20px
}

.is-vertical .c-recommended-products .text-wrap {
    padding: 20px 15px
}

.is-vertical .c-recommended-products .text-wrap .description {
    height: 96px;
    -webkit-line-clamp: 3
}

@media screen and (max-width:480px) {
    .is-vertical .c-recommended-products .text-wrap .description {
        height: 48px
    }
}

.is-vertical .c-recommended-products .text-wrap .c-button a {
    padding: 12px 15px 8px
}

.is-vertical .c-recommended-products .text-wrap .c-button .name {
    margin-right: 0
}

.is-vertical .c-recommended-products .swiper-pagination {
    margin-top: 10px
}

.c-recommended-products.skin-black {
    color: #fff
}

.c-recommended-products.skin-black>.content,
.c-recommended-products.skin-black>.content-wrap {
    background-color: #000
}

.c-recommended-products.skin-black .c-button.btn-text a {
    color: #fff
}

.c-recommended-products.skin-gray {
    color: #333
}

.c-recommended-products.skin-gray>.content,
.c-recommended-products.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-recommended-products.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-recommended-products.skin-white {
    color: #333
}

.c-recommended-products.skin-white>.content,
.c-recommended-products.skin-white>.content-wrap {
    background-color: #fff
}

.c-recommended-products.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-recommended-products.bg-black {
    background-color: #000
}

.c-recommended-products.bg-gray {
    background-color: #f5f5f5
}

.c-recommended-products.bg-white {
    background-color: #fff
}

.product-template-wrap .c-recommended-products.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.product-template-wrap .c-recommended-products.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.product-template-wrap .c-recommended-products.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .product-template-wrap .c-recommended-products.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .product-template-wrap .c-recommended-products.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .product-template-wrap .c-recommended-products.mbs-size-sm {
    padding-bottom: 8vw
}

.c-recommended-products.ps-size-lg>.content,
.c-recommended-products.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-recommended-products.ps-size-md>.content,
.c-recommended-products.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-recommended-products.ps-size-sm>.content,
.c-recommended-products.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-recommended-products.ps-size-lg>.content,
.is-vertical .c-recommended-products.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-recommended-products.ps-size-md>.content,
.is-vertical .c-recommended-products.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-recommended-products.ps-size-sm>.content,
.is-vertical .c-recommended-products.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-recommended-products.skin-black .swiper-slide {
    background: #333
}

.c-recommended-products.skin-black .img-box {
    background-color: #5f5f5f
}

.c-recommended-products.skin-black .swiper-slide,
.c-recommended-products.skin-black .text-wrap {
    background: #2f2f2f
}

.c-recommended-products.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-recommended-products.skin-black .c-button.none-bg a {
    color: #fff
}

.c-recommended-products.skin-white .swiper-slide,
.c-recommended-products.skin-white .text-wrap {
    background: #f5f5f5
}

.c-recommended-news {
    padding: 100px 0;
    background: #f5f5f5
}

.c-recommended-news .first-text-wrap {
    margin-bottom: 50px;
    text-align: center
}

.c-recommended-news .swiper-wrap {
    position: relative
}

.c-recommended-news .swiper-wrapper.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-recommended-news .swiper-slide {
    margin-bottom: 50px;
    border-radius: 6px;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.c-recommended-news .swiper-slide .img-box {
    overflow: hidden
}

.c-recommended-news .swiper-slide .img-box .pic {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-recommended-news .swiper-slide .img-box:hover .pic {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.c-recommended-news .swiper-slide .text-box {
    padding: 30px 20px
}

.c-recommended-news .swiper-slide .text-box .title {
    height: auto;
    max-height: none;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 40px
}

.c-recommended-news .swiper-slide .text-box .time {
    color: rgba(0, 0, 0, .3)
}

.c-recommended-news .swiper-button-next,
.c-recommended-news .swiper-button-prev {
    margin-top: -60px
}

.c-recommended-news .swiper-button-prev {
    left: -80px
}

.c-recommended-news .swiper-button-next {
    right: -80px
}

.c-recommended-news .swiper-pagination {
    position: relative;
    bottom: 0;
    z-index: 2
}

.c-recommended-news .swiper-pagination .swiper-pagination-bullet {
    background: #b8babc
}

.c-recommended-news .swiper-pagination .swiper-pagination-bullet-active {
    background: #196fd2
}

@media screen and (max-width:1440px) {
    .c-recommended-news {
        padding: 80px 0
    }

    .c-recommended-news .first-text-wrap {
        margin-bottom: 40px
    }
}

@media screen and (max-width:1360px) {
    .c-recommended-news .swiper-button-prev {
        left: 10px
    }

    .c-recommended-news .swiper-button-next {
        right: 10px
    }
}

@media screen and (max-width:1199px) {
    .c-recommended-news .swiper-button-prev {
        left: -70px
    }

    .c-recommended-news .swiper-button-next {
        right: -70px
    }
}

.is-vertical .c-recommended-news {
    padding: 50px 0
}

.is-vertical .c-recommended-news .first-text-wrap {
    margin-bottom: 20px
}

.is-vertical .c-recommended-news .text-box {
    padding: 20px
}

.is-vertical .c-recommended-news .text-box .title {
    height: auto;
    margin-bottom: 30px
}

.is-vertical .c-recommended-news .swiper-pagination {
    position: absolute;
    margin-top: 10px
}

.c-text-info {
    color: #fff
}

.c-text-info .text-wrap {
    text-align: center;
    width: 60%;
    margin: 0 auto
}

.c-text-info .text-wrap .title {
    margin-bottom: 20px
}

.c-text-info .text-wrap .btn-link-wrap {
    margin-top: 60px
}

.c-text-info .text-wrap .txt-anim {
    opacity: 0
}

@media (max-width:1440px) {
    .is-horizontal .c-text-info .container {
        width: 75%
    }
}

.is-vertical .c-text-info .text-wrap {
    width: 100%;
    margin: 0 auto
}

.is-vertical .c-text-info .text-wrap .title {
    margin-bottom: 5.5555555556vw
}

.is-vertical .c-text-info .text-wrap .btn-link-wrap {
    margin-top: 40px
}

.c-text-info.skin-black {
    color: #fff
}

.c-text-info.skin-black>.content,
.c-text-info.skin-black>.content-wrap {
    background-color: #000
}

.c-text-info.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-text-info.skin-black .c-button.btn-text a,
.c-text-info.skin-black .c-button.none-bg a {
    color: #fff
}

.c-text-info.skin-gray {
    color: #333
}

.c-text-info.skin-gray>.content,
.c-text-info.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-text-info.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-text-info.skin-white {
    color: #333
}

.c-text-info.skin-white>.content,
.c-text-info.skin-white>.content-wrap {
    background-color: #fff
}

.c-text-info.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-text-info.bg-black {
    background-color: #000
}

.c-text-info.bg-gray {
    background-color: #f5f5f5
}

.c-text-info.bg-white {
    background-color: #fff
}

.c-text-info.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-text-info.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-text-info.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-text-info.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-text-info.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-text-info.mbs-size-sm {
    padding-bottom: 8vw
}

.c-text-info.ps-size-lg>.content,
.c-text-info.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-text-info.ps-size-md>.content,
.c-text-info.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-text-info.ps-size-sm>.content,
.c-text-info.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-text-info.ps-size-lg>.content,
.is-vertical .c-text-info.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-text-info.ps-size-md>.content,
.is-vertical .c-text-info.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-text-info.ps-size-sm>.content,
.is-vertical .c-text-info.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-single-media .media-wrap {
    position: relative;
    width: 87.5%;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-single-media .placeholder {
    width: 100%
}

.c-single-media .pic-box {
    width: 100%;
    height: 100%
}

.c-single-media .c-eq-video,
.c-single-media .pic-box {
    position: absolute;
    top: 0;
    left: 0
}

.is-vertical .c-single-media .media-wrap {
    width: 100%
}

.c-single-media.skin-black {
    color: #fff
}

.c-single-media.skin-black>.content,
.c-single-media.skin-black>.content-wrap {
    background-color: #000
}

.c-single-media.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-single-media.skin-black .c-button.btn-text a,
.c-single-media.skin-black .c-button.none-bg a {
    color: #fff
}

.c-single-media.skin-gray {
    color: #333
}

.c-single-media.skin-gray>.content,
.c-single-media.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-single-media.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-single-media.skin-white {
    color: #333
}

.c-single-media.skin-white>.content,
.c-single-media.skin-white>.content-wrap {
    background-color: #fff
}

.c-single-media.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-single-media.bg-black {
    background-color: #000
}

.c-single-media.bg-gray {
    background-color: #f5f5f5
}

.c-single-media.bg-white {
    background-color: #fff
}

.c-single-media.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-single-media.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-single-media.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-single-media.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-single-media.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-single-media.mbs-size-sm {
    padding-bottom: 8vw
}

.c-single-media.ps-size-lg>.content,
.c-single-media.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-single-media.ps-size-md>.content,
.c-single-media.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-single-media.ps-size-sm>.content,
.c-single-media.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-single-media.ps-size-lg>.content,
.is-vertical .c-single-media.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-single-media.ps-size-md>.content,
.is-vertical .c-single-media.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-single-media.ps-size-sm>.content,
.is-vertical .c-single-media.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-product-thumbs .swiper-wrap {
    position: relative
}

.c-product-thumbs .swiper {
    width: 87.5%
}

.c-product-thumbs .swiper-wrapper.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-product-thumbs .swiper-slide .placeholder {
    width: 100%
}

.c-product-thumbs .swiper-slide .c-eq-video,
.c-product-thumbs .swiper-slide .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-product-thumbs .swiper-button-prev {
    left: 0
}

.c-product-thumbs .swiper-button-next {
    right: 0
}

.c-product-thumbs .mySwiper2 {
    margin-bottom: 40px
}

.c-product-thumbs .mySwiper .swiper-slide.swiper-slide-thumb-active {
    border: 2px solid #196fd2
}

.c-product-thumbs .swiper-title {
    width: 87.5%;
    margin: 0 auto 30px;
    text-align: center
}

.c-product-thumbs .swiper-title .item {
    display: none
}

.c-product-thumbs .swiper-title .item.active {
    display: block
}

.c-product-thumbs.has-thumb-border .mySwiper .swiper-slide {
    border: 1px solid #d9d9d9
}

.c-product-thumbs.has-thumb-border .mySwiper .swiper-slide.swiper-slide-thumb-active {
    border-width: 2px;
    border-color: #196fd2
}

.is-vertical .c-product-thumbs .swiper {
    width: 100%
}

.is-vertical .c-product-thumbs .mySwiper2 {
    margin-bottom: 30px
}

.is-vertical .c-product-thumbs .swiper-title {
    width: 100%;
    margin-bottom: 15px
}

.is-vertical .c-product-thumbs .swiper-button-next,
.is-vertical .c-product-thumbs .swiper-button-prev {
    width: 40px;
    height: 40px
}

.is-vertical .c-product-thumbs .swiper-button-next:after,
.is-vertical .c-product-thumbs .swiper-button-prev:after {
    font-size: 16px
}

.is-vertical .c-product-thumbs .swiper-button-prev {
    left: -15px
}

.is-vertical .c-product-thumbs .swiper-button-next {
    right: -15px
}

.c-product-thumbs.skin-black {
    color: #fff
}

.c-product-thumbs.skin-black>.content,
.c-product-thumbs.skin-black>.content-wrap {
    background-color: #000
}

.c-product-thumbs.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-product-thumbs.skin-black .c-button.btn-text a,
.c-product-thumbs.skin-black .c-button.none-bg a {
    color: #fff
}

.c-product-thumbs.skin-gray {
    color: #333
}

.c-product-thumbs.skin-gray>.content,
.c-product-thumbs.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-product-thumbs.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-product-thumbs.skin-white {
    color: #333
}

.c-product-thumbs.skin-white>.content,
.c-product-thumbs.skin-white>.content-wrap {
    background-color: #fff
}

.c-product-thumbs.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-product-thumbs.bg-black {
    background-color: #000
}

.c-product-thumbs.bg-gray {
    background-color: #f5f5f5
}

.c-product-thumbs.bg-white {
    background-color: #fff
}

.c-product-thumbs.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-product-thumbs.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-product-thumbs.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-product-thumbs.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-product-thumbs.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-product-thumbs.mbs-size-sm {
    padding-bottom: 8vw
}

.c-product-thumbs.ps-size-lg>.content,
.c-product-thumbs.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-product-thumbs.ps-size-md>.content,
.c-product-thumbs.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-product-thumbs.ps-size-sm>.content,
.c-product-thumbs.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-product-thumbs.ps-size-lg>.content,
.is-vertical .c-product-thumbs.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-product-thumbs.ps-size-md>.content,
.is-vertical .c-product-thumbs.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-product-thumbs.ps-size-sm>.content,
.is-vertical .c-product-thumbs.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-product-thumbs.skin-black.has-thumb-border .mySwiper .swiper-slide {
    border-color: #999
}

.c-product-thumbs.skin-black.has-thumb-border .mySwiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #196fd2
}

.c-text-image .swiper-wrap .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.c-text-image .swiper-wrap .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    background-color: #d6d7dc
}

.c-text-image .swiper-wrap .img-box .placeholder {
    width: 58%
}

.c-text-image .swiper-wrap .img-box .pic {
    position: relative;
    width: 58%;
    margin: 12% 5% 12% 0;
    overflow: hidden
}

.c-text-image .swiper-wrap .img-box .pic img {
    width: 100%
}

.c-text-image .swiper-wrap .img-box .c-eq-video,
.c-text-image .swiper-wrap .img-box .pic .img {
    position: absolute;
    top: 0;
    left: 0
}

.c-text-image .swiper-wrap .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 3% 19% 3% 5%;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-text-image .swiper-wrap .text-box .title {
    margin-bottom: 15px
}

.c-text-image .swiper-wrap .text-box .icon-box {
    margin-bottom: 20px
}

.c-text-image .swiper-wrap .attrs {
    margin-top: 20px
}

.c-text-image .swiper-wrap .attrs .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-text-image .swiper-wrap .attrs .icon-box {
    width: 10%;
    margin-bottom: 0
}

.c-text-image .swiper-wrap .attrs .icon-box .icon {
    width: 100%;
    height: auto
}

.c-text-image .swiper-wrap .attrs .description {
    width: 85%
}

.c-text-image .swiper-wrap .btn-box {
    margin-top: 20px
}

.c-text-image .swiper-wrap .swiper-pagination {
    display: none;
    bottom: 25px
}

.c-text-image .swiper-wrap .swiper-pagination-bullet {
    background: #b8babc
}

.c-text-image .swiper-wrap .swiper-pagination-bullet-active {
    background: #196fd2
}

.c-text-image .swiper-wrap .swiper-button-next,
.c-text-image .swiper-wrap .swiper-button-prev {
    display: none
}

.c-text-image .swiper-wrap .swiper-button-next,
.c-text-image .swiper-wrap .swiper-button-prev {
    margin-top: -65px
}

.c-text-image .swiper-wrap.show-swiper-button .swiper {
    padding-bottom: 80px
}

.c-text-image .swiper-wrap.show-swiper-button .swiper-button-next,
.c-text-image .swiper-wrap.show-swiper-button .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-text-image .swiper-wrap.show-swiper-button .swiper-pagination {
    display: block
}

@media screen and (max-width:1440px) {

    .c-text-image .swiper-wrap .text-box .attrs .item,
    .c-text-image .swiper-wrap .text-box .icon-box {
        margin-bottom: 15px
    }
}

.is-horizontal .c-text-image .swiper-wrap .reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.is-horizontal .c-text-image .swiper-wrap .reverse .text-box {
    padding-left: 19%;
    padding-right: 5%
}

.is-horizontal .c-text-image .swiper-wrap .reverse .img-box {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.is-horizontal .c-text-image .swiper-wrap .reverse .img-box .pic {
    margin-left: 5%;
    margin-right: 0
}

@media screen and (min-width:2300px) {
    .is-horizontal .c-text-image .swiper-wrap .text-box {
        padding-right: 14%
    }

    .is-horizontal .c-text-image .swiper-wrap .reverse .text-box {
        padding-left: 14%
    }
}

@media screen and (max-width:1600px) {
    .is-horizontal .c-text-image .swiper-wrap .img-box .pic {
        width: 65%;
        margin: 12% 10% 12% 0
    }

    .is-horizontal .c-text-image .swiper-wrap .text-box {
        padding-right: 12.5%
    }

    .is-horizontal .c-text-image .swiper-wrap .reverse .text-box {
        padding-left: 12.5%
    }
}

@media screen and (max-width:1440px) {
    .is-horizontal .c-text-image .swiper-wrap .img-box .pic {
        width: 74%
    }

    .is-horizontal .c-text-image .swiper-wrap .text-box {
        padding-right: 8%
    }

    .is-horizontal .c-text-image .swiper-wrap .reverse .text-box {
        padding-left: 8%
    }
}

.is-vertical .c-text-image .swiper-wrap {
    margin-top: 2.7777777778vw
}

.is-vertical .c-text-image .swiper-wrap .swiper-slide {
    display: block
}

.is-vertical .c-text-image .swiper-wrap .img-box {
    width: 100%;
    padding: 14% 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-vertical .c-text-image .swiper-wrap .img-box .pic {
    width: 85%;
    margin: 8% auto
}

.is-vertical .c-text-image .swiper-wrap .text-box {
    width: 100%;
    padding: 30px
}

.is-vertical .c-text-image .swiper-wrap .text-box .attrs .icon-box {
    width: 12%
}

.is-vertical .c-text-image .swiper-wrap .text-box .attrs .description {
    width: 83%
}

.is-vertical .c-text-image .swiper-wrap .text-box .btn-box {
    margin-top: 10px
}

.is-vertical .c-text-image .swiper-wrap.show-swiper-button .swiper {
    padding-bottom: 50px
}

.c-text-image.skin-black {
    color: #fff
}

.c-text-image.skin-black>.content,
.c-text-image.skin-black>.content-wrap {
    background-color: #000
}

.c-text-image.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-text-image.skin-black .c-button.btn-text a,
.c-text-image.skin-black .c-button.none-bg a {
    color: #fff
}

.c-text-image.skin-gray {
    color: #333
}

.c-text-image.skin-gray>.content,
.c-text-image.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-text-image.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-text-image.skin-white {
    color: #333
}

.c-text-image.skin-white>.content,
.c-text-image.skin-white>.content-wrap {
    background-color: #fff
}

.c-text-image.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-text-image.bg-black {
    background-color: #000
}

.c-text-image.bg-gray {
    background-color: #f5f5f5
}

.c-text-image.bg-white {
    background-color: #fff
}

.c-text-image.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-text-image.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-text-image.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-text-image.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-text-image.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-text-image.mbs-size-sm {
    padding-bottom: 8vw
}

.c-text-image.ps-size-lg>.content,
.c-text-image.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-text-image.ps-size-md>.content,
.c-text-image.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-text-image.ps-size-sm>.content,
.c-text-image.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-text-image.ps-size-lg>.content,
.is-vertical .c-text-image.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-text-image.ps-size-md>.content,
.is-vertical .c-text-image.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-text-image.ps-size-sm>.content,
.is-vertical .c-text-image.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-text-image.skin-black .swiper-wrap .swiper-slide {
    background-color: rgba(51, 51, 51, .7)
}

.c-text-image.skin-black .swiper-wrap .text-box {
    color: #fff
}

.c-text-image.skin-gray .swiper-wrap .swiper-slide {
    background-color: #f5f5f5
}

.c-text-image.skin-gray .swiper-wrap .text-box {
    color: #333
}

.c-text-image.skin-white .swiper-wrap .swiper-slide {
    background-color: #fff
}

.c-text-image.skin-white .swiper-wrap .text-box {
    color: #333
}

.c-text-image .swiper-wrap .swiper-slide.skin-black-text-block {
    background-color: #000
}

.c-text-image .swiper-wrap .swiper-slide.skin-black-text-block .text-box {
    color: #fff
}

.c-text-image .swiper-wrap .swiper-slide.skin-black-text-block .c-button.none-bg {
    border-color: #fff
}

.c-text-image .swiper-wrap .swiper-slide.skin-black-text-block .c-button.btn-text a,
.c-text-image .swiper-wrap .swiper-slide.skin-black-text-block .c-button.none-bg a {
    color: #fff
}

.c-text-image .swiper-wrap .swiper-slide.skin-gray-text-block {
    background-color: #f5f5f5
}

.c-text-image .swiper-wrap .swiper-slide.skin-gray-text-block .text-box {
    color: #333
}

.c-text-image .swiper-wrap .swiper-slide.skin-gray-text-block .c-button.btn-text a {
    color: #196fd2
}

.c-text-image .swiper-wrap .swiper-slide.skin-white-text-block {
    background-color: #fff
}

.c-text-image .swiper-wrap .swiper-slide.skin-white-text-block .text-box {
    color: #333
}

.c-text-image .swiper-wrap .swiper-slide.skin-white-text-block .c-button.btn-text a {
    color: #196fd2
}

.c-text-image .swiper-wrap .swiper-slide.skin-black-img-block .img-box {
    background-color: #000
}

.c-text-image .swiper-wrap .swiper-slide.skin-gray-img-block .img-box {
    background-color: #f5f5f5
}

.c-text-image .swiper-wrap .swiper-slide.skin-white-img-block .img-box {
    background-color: #fff
}

.c-text-thumbs .img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-text-thumbs .img-wrap .item {
    border-radius: 6px
}

.c-text-thumbs .img-wrap .pic-box {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-text-thumbs .img-wrap .pic-box .placeholder {
    width: 100%
}

.c-text-thumbs .img-wrap .pic-box .pic {
    -webkit-transform-origin: center;
    transform-origin: center
}

.c-text-thumbs .img-wrap .pic-box .c-eq-video,
.c-text-thumbs .img-wrap .pic-box .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-text-thumbs .img-wrap .text-box {
    text-align: center;
    padding: 40px 130px 60px
}

.c-text-thumbs .img-wrap .btn-box {
    margin-top: 20px
}

.c-text-thumbs.has-hover-scale .img-wrap .pic-box .c-eq-video:hover,
.c-text-thumbs.has-hover-scale .img-wrap .pic-box .pic:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.is-horizontal .c-text-thumbs .img-wrap .item {
    width: 49%;
    margin: 0 18px 18px 0
}

.is-horizontal .c-text-thumbs .img-wrap .item:nth-of-type(2n) {
    margin-right: 0
}

.is-horizontal .c-text-thumbs .img-wrap .item:last-of-type,
.is-horizontal .c-text-thumbs .img-wrap .item:nth-last-of-type(2) {
    margin-bottom: 0
}

.is-horizontal .c-text-thumbs .img-wrap .item .pic-box {
    border-radius: 6px 6px 0 0
}

.is-horizontal .c-text-thumbs .img-wrap .item .text-box .description {
    margin-top: 10px
}

@media (max-width:1440px) {
    .is-horizontal .c-text-thumbs .container {
        width: 75%
    }
}

.is-vertical .c-text-thumbs .img-wrap .item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5.5555555556vw
}

.is-vertical .c-text-thumbs .img-wrap .item:nth-of-type(2n) {
    margin-right: 0
}

.is-vertical .c-text-thumbs .img-wrap .item:last-of-type,
.is-vertical .c-text-thumbs .img-wrap .item:nth-last-of-type(2) {
    margin-bottom: 0
}

.is-vertical .c-text-thumbs .img-wrap .text-box {
    padding: 5.5555555556vw 2.7777777778vw
}

.is-vertical .c-text-thumbs .img-wrap .text-box .description {
    margin-top: 10px
}

.is-vertical .c-text-thumbs .img-wrap .text-box .title {
    width: 80%;
    margin: 0 auto
}

.is-vertical .c-text-thumbs .img-wrap .btn-box {
    margin-top: 10px
}

.is-vertical .c-text-thumbs .img-wrap .c-button a {
    padding: 10px 12px 6px
}

.is-vertical .c-text-thumbs .img-wrap .c-button a .name {
    margin-right: 10px
}

.c-text-thumbs.skin-black {
    color: #fff
}

.c-text-thumbs.skin-black>.content,
.c-text-thumbs.skin-black>.content-wrap {
    background-color: #000
}

.c-text-thumbs.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-text-thumbs.skin-black .c-button.btn-text a,
.c-text-thumbs.skin-black .c-button.none-bg a {
    color: #fff
}

.c-text-thumbs.skin-gray {
    color: #333
}

.c-text-thumbs.skin-gray>.content,
.c-text-thumbs.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-text-thumbs.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-text-thumbs.skin-white {
    color: #333
}

.c-text-thumbs.skin-white>.content,
.c-text-thumbs.skin-white>.content-wrap {
    background-color: #fff
}

.c-text-thumbs.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-text-thumbs.bg-black {
    background-color: #000
}

.c-text-thumbs.bg-gray {
    background-color: #f5f5f5
}

.c-text-thumbs.bg-white {
    background-color: #fff
}

.c-text-thumbs.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-text-thumbs.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-text-thumbs.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-text-thumbs.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-text-thumbs.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-text-thumbs.mbs-size-sm {
    padding-bottom: 8vw
}

.c-text-thumbs.ps-size-lg>.content,
.c-text-thumbs.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-text-thumbs.ps-size-md>.content,
.c-text-thumbs.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-text-thumbs.ps-size-sm>.content,
.c-text-thumbs.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-text-thumbs.ps-size-lg>.content,
.is-vertical .c-text-thumbs.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-text-thumbs.ps-size-md>.content,
.is-vertical .c-text-thumbs.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-text-thumbs.ps-size-sm>.content,
.is-vertical .c-text-thumbs.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-text-thumbs.skin-black .img-wrap .item {
    background-color: rgba(51, 51, 51, .7)
}

.c-text-thumbs.skin-gray .img-wrap .item {
    background-color: #fff
}

.c-text-thumbs.skin-white .img-wrap .item {
    background-color: #f5f5f5
}

.c-parameter-config .text-wrap {
    margin-bottom: 50px;
    text-align: center
}

.c-parameter-config .title {
    margin-bottom: 20px
}

.c-parameter-config .close-wrap {
    margin-bottom: 30px;
    text-align: center
}

.c-parameter-config .close-wrap .c-button:hover .iconfont {
    -webkit-transform: none;
    transform: none
}

.c-parameter-config .close-wrap .c-button.open .iconfont {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-parameter-config .table-wrap {
    margin: 0 auto;
    border-radius: 4px;
    background: #fff
}

.c-parameter-config .table-wrap .table {
    margin-bottom: 0;
    border: none
}

.c-parameter-config .table-wrap .table-scroll {
    overflow: scroll
}

.c-parameter-config .table-wrap tr:last-of-type td {
    border-bottom: none
}

.c-parameter-config .table-wrap td,
.c-parameter-config .table-wrap th {
    height: 60px;
    vertical-align: middle
}

.c-parameter-config .table-wrap th {
    background: #e2e3e3
}

.c-parameter-config .table-wrap td,
.c-parameter-config .table-wrap th {
    padding-left: 20px;
    padding-right: 20px;
    border-left: none;
    border-right: none
}

.c-parameter-config .table-wrap .title {
    padding: 15px 20px 8px;
    text-align: left
}

.c-parameter-config .tip {
    margin-top: 50px;
    text-align: center
}

@media screen and (max-width:1440px) {

    .c-parameter-config .table-wrap td,
    .c-parameter-config .table-wrap th {
        height: 40px
    }
}

.is-vertical .c-parameter-config .c-button.btn-text a .name {
    margin-right: 10px
}

.is-vertical .c-parameter-config .text-wrap {
    margin-bottom: 30px
}

.is-vertical .c-parameter-config .close-wrap,
.is-vertical .c-parameter-config .title {
    margin-bottom: 15px
}

.is-vertical .c-parameter-config .tip {
    margin-top: 30px
}

.c-parameter-config.skin-black {
    color: #fff
}

.c-parameter-config.skin-black>.content,
.c-parameter-config.skin-black>.content-wrap {
    background-color: #000
}

.c-parameter-config.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-parameter-config.skin-black .c-button.btn-text a,
.c-parameter-config.skin-black .c-button.none-bg a {
    color: #fff
}

.c-parameter-config.skin-gray {
    color: #333
}

.c-parameter-config.skin-gray>.content,
.c-parameter-config.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-parameter-config.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-parameter-config.skin-white {
    color: #333
}

.c-parameter-config.skin-white>.content,
.c-parameter-config.skin-white>.content-wrap {
    background-color: #fff
}

.c-parameter-config.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-parameter-config.bg-black {
    background-color: #000
}

.c-parameter-config.bg-gray {
    background-color: #f5f5f5
}

.c-parameter-config.bg-white {
    background-color: #fff
}

.c-parameter-config.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-parameter-config.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-parameter-config.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-parameter-config.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-parameter-config.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-parameter-config.mbs-size-sm {
    padding-bottom: 8vw
}

.c-parameter-config.ps-size-lg>.content,
.c-parameter-config.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-parameter-config.ps-size-md>.content,
.c-parameter-config.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-parameter-config.ps-size-sm>.content,
.c-parameter-config.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-parameter-config.ps-size-lg>.content,
.is-vertical .c-parameter-config.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-parameter-config.ps-size-md>.content,
.is-vertical .c-parameter-config.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-parameter-config.ps-size-sm>.content,
.is-vertical .c-parameter-config.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-parameter-config.skin-black .table-wrap {
    background-color: #000
}

.c-parameter-config.skin-black .table-wrap th {
    background: #333
}

.c-parameter-config.skin-black .table-wrap .table-bordered,
.c-parameter-config.skin-black .table-wrap td,
.c-parameter-config.skin-black .table-wrap th {
    border-color: #333
}

.c-parameter-config.skin-white .table-wrap {
    background-color: #f5f5f5
}

.c-download-list .text-wrap {
    width: 70%;
    margin: 0 auto 3.125vw;
    text-align: center
}

.c-download-list .text-wrap .title {
    margin-bottom: 1.0416666667vw
}

.c-download-list .file-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-download-list .file-list.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-download-list .file-list .item {
    width: 22%;
    padding: 30px 20px;
    border-radius: 6px;
    text-align: center;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
    -webkit-box-shadow: 1px 4px 11px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 4px 11px 0 rgba(0, 0, 0, .1)
}

.c-download-list .file-list .item:last-child {
    margin-right: 0
}

.c-download-list .file-list .icon-box {
    margin-bottom: 30px;
    text-align: center
}

.c-download-list .file-list .icon-box .iconfont {
    font-size: 64px;
    line-height: 1;
    color: #196fd2
}

.c-download-list .file-list .icon {
    width: 54px;
    margin: 0 auto 10px
}

.c-download-list .file-list .name {
    margin-bottom: 10px;
    word-break: break-word;
    padding: 0 10%
}

.c-download-list .file-list .attr {
    margin-bottom: 10px;
    color: #b7babc
}

.c-download-list .file-list .attr .line {
    margin: 0 5px
}

.c-download-list .file-list .download-box a {
    color: #196fd2
}

.c-download-list .file-list .download-box .iconfont {
    margin-left: 7px
}

.c-download-list .btn-wrap {
    margin-top: 30px;
    text-align: center
}

.is-vertical .c-download-list .text-wrap {
    width: 100%;
    margin-bottom: 6.4814814815vw
}

.is-vertical .c-download-list .text-wrap .title {
    margin-bottom: 2.7777777778vw
}

.is-vertical .c-download-list .text-wrap .description {
    line-height: 1.6
}

.is-vertical .c-download-list .file-list .item {
    width: 47%;
    margin-bottom: 2.7777777778vw;
    margin-right: 2.7777777778vw;
    padding: 4.2592592593vw 1.8518518519vw
}

.is-vertical .c-download-list .file-list .item:nth-of-type(2n) {
    margin-right: 0
}

.is-vertical .c-download-list .file-list .name {
    padding: 0;
    margin-bottom: 2.7777777778vw
}

.is-vertical .c-download-list .file-list .icon-box {
    margin-bottom: 2.7777777778vw
}

.is-vertical .c-download-list .file-list .icon-box .iconfont {
    font-size: 50px
}

.is-vertical .c-download-list .btn-wrap {
    margin-top: 20px
}

.c-download-list.skin-black {
    color: #fff
}

.c-download-list.skin-black>.content,
.c-download-list.skin-black>.content-wrap {
    background-color: #000
}

.c-download-list.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-download-list.skin-black .c-button.btn-text a,
.c-download-list.skin-black .c-button.none-bg a {
    color: #fff
}

.c-download-list.skin-gray {
    color: #333
}

.c-download-list.skin-gray>.content,
.c-download-list.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-download-list.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-download-list.skin-white {
    color: #333
}

.c-download-list.skin-white>.content,
.c-download-list.skin-white>.content-wrap {
    background-color: #fff
}

.c-download-list.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-download-list.bg-black {
    background-color: #000
}

.c-download-list.bg-gray {
    background-color: #f5f5f5
}

.c-download-list.bg-white {
    background-color: #fff
}

.c-download-list.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-download-list.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-download-list.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-download-list.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-download-list.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-download-list.mbs-size-sm {
    padding-bottom: 8vw
}

.c-download-list.ps-size-lg>.content,
.c-download-list.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-download-list.ps-size-md>.content,
.c-download-list.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-download-list.ps-size-sm>.content,
.c-download-list.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-download-list.ps-size-lg>.content,
.is-vertical .c-download-list.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-download-list.ps-size-md>.content,
.is-vertical .c-download-list.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-download-list.ps-size-sm>.content,
.is-vertical .c-download-list.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.c-download-list.skin-black .file-list .item {
    background: rgba(51, 51, 51, .6);
    -webkit-box-shadow: 1px 4px 11px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 4px 11px 0 rgba(0, 0, 0, .1)
}

.c-download-list.skin-black .file-list .item:hover {
    background: #333
}

.c-two-image .content {
    padding-left: 40px;
    padding-right: 40px
}

.c-two-image .first-text-wrap {
    width: 70%;
    margin: 0 auto 50px;
    text-align: center
}

.c-two-image .first-text-wrap .title {
    margin-bottom: 10px
}

.c-two-image .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-two-image .list .item {
    position: relative;
    width: 49.5%;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.c-two-image .list .placeholder {
    width: 100%
}

.c-two-image .list .c-eq-video,
.c-two-image .list .mask,
.c-two-image .list .pic,
.c-two-image .list .text-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-two-image .list .mask {
    background: rgba(0, 0, 0, .8)
}

.c-two-image .list .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff
}

.c-two-image .list .text-wrap .icon-box {
    margin-bottom: 15px
}

.c-two-image .list .text-wrap .icon {
    width: 120px;
    margin: 0 auto
}

.c-two-image .list .text-wrap .title {
    margin-bottom: 10px
}

.c-two-image .list .text-wrap .description {
    margin-bottom: 20px;
    text-align: left
}

.c-two-image .list .text-wrap .btn-box {
    margin-top: 5px
}

.c-two-image .list .text-wrap .c-button.none-bg {
    border-color: #fff
}

.c-two-image .list .text-wrap .c-button.btn-text a,
.c-two-image .list .text-wrap .c-button.none-bg a {
    color: #fff
}

@media screen and (max-width:1440px) {
    .c-two-image .list .text-wrap {
        padding-left: 40px;
        padding-right: 40px
    }
}

.is-vertical .c-two-image .content {
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .c-two-image .container {
    padding-left: 0;
    padding-right: 0
}

.is-vertical .c-two-image .first-text-wrap {
    width: 100%;
    margin-bottom: 20px
}

.is-vertical .c-two-image .list {
    display: block
}

.is-vertical .c-two-image .list .item {
    width: 100%;
    margin-bottom: 20px
}

.is-vertical .c-two-image .list .item:last-of-type {
    margin-bottom: 0
}

.is-vertical .c-two-image .list .text-wrap {
    padding-left: 30px;
    padding-right: 30px
}

.is-vertical .c-two-image .list .text-wrap .icon {
    width: 25%
}

.c-two-image.skin-black {
    color: #fff
}

.c-two-image.skin-black>.content,
.c-two-image.skin-black>.content-wrap {
    background-color: #000
}

.c-two-image.skin-black .c-button.none-bg {
    border-color: #fff
}

.c-two-image.skin-black .c-button.btn-text a,
.c-two-image.skin-black .c-button.none-bg a {
    color: #fff
}

.c-two-image.skin-gray {
    color: #333
}

.c-two-image.skin-gray>.content,
.c-two-image.skin-gray>.content-wrap {
    background-color: #f5f5f5
}

.c-two-image.skin-gray .c-button.btn-text a {
    color: #196fd2
}

.c-two-image.skin-white {
    color: #333
}

.c-two-image.skin-white>.content,
.c-two-image.skin-white>.content-wrap {
    background-color: #fff
}

.c-two-image.skin-white .c-button.btn-text a {
    color: #196fd2
}

.c-two-image.bg-black {
    background-color: #000
}

.c-two-image.bg-gray {
    background-color: #f5f5f5
}

.c-two-image.bg-white {
    background-color: #fff
}

.c-two-image.mbs-size-lg {
    padding-bottom: 5.2083333333vw
}

.c-two-image.mbs-size-md {
    padding-bottom: 4.1666666667vw
}

.c-two-image.mbs-size-sm {
    padding-bottom: 3.125vw
}

.is-vertical .c-two-image.mbs-size-lg {
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-two-image.mbs-size-md {
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-two-image.mbs-size-sm {
    padding-bottom: 8vw
}

.c-two-image.ps-size-lg>.content,
.c-two-image.ps-size-lg>.content-wrap {
    padding-top: 5.2083333333vw;
    padding-bottom: 5.2083333333vw
}

.c-two-image.ps-size-md>.content,
.c-two-image.ps-size-md>.content-wrap {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

.c-two-image.ps-size-sm>.content,
.c-two-image.ps-size-sm>.content-wrap {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw
}

.is-vertical .c-two-image.ps-size-lg>.content,
.is-vertical .c-two-image.ps-size-lg>.content-wrap {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw
}

.is-vertical .c-two-image.ps-size-md>.content,
.is-vertical .c-two-image.ps-size-md>.content-wrap {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
}

.is-vertical .c-two-image.ps-size-sm>.content,
.is-vertical .c-two-image.ps-size-sm>.content-wrap {
    padding-top: 8vw;
    padding-bottom: 8vw
}

.solution-detail-wrap,
.solutions-wrap {
    overflow-x: hidden
}

.solution-detail-e-wrap .c-solution-layout .main-wrap,
.solution-detail-e-wrap .c-solution-layout .tab-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.solution-detail-e-wrap .c-solution-layout .tab-wrap .item {
    margin: 0 3%
}

.solution-detail-e-wrap .c-solution-layout .tab-wrap .item .name {
    white-space: nowrap
}

.solution-detail-e-wrap .c-solution-layout .hot-list {
    position: absolute;
    top: 7%;
    left: -7%;
    width: 113%;
    height: 62%;
    -webkit-transform: skew(63deg, -4deg) rotate(-11deg);
    transform: skew(63deg, -4deg) rotate(-11deg)
}

.solution-detail-e-wrap .c-solution-layout .hot-list .hot-block1 {
    top: 0;
    left: 0;
    width: 62%;
    height: 42%
}

.solution-detail-e-wrap .c-solution-layout .hot-list .hot-block2 {
    top: 42%;
    left: 0;
    width: 62%;
    height: 58%
}

.solution-detail-e-wrap .c-solution-layout .hot-list .hot-block3 {
    top: 38%;
    left: 62%;
    width: 38%;
    height: 64%
}

.solution-detail-e-wrap .c-solution-layout .ripple-wrap .ripple-box1 {
    top: 36%;
    left: 24%
}

.solution-detail-e-wrap .c-solution-layout .ripple-wrap .ripple-box2 {
    top: 67%;
    left: 46%
}

.solution-detail-e-wrap .c-solution-layout .ripple-wrap .ripple-box3 {
    top: 34%;
    left: 78%
}

.solution-detail-e-wrap .c-solution-layout-detail .side-tab {
    width: 27%
}

.solution-detail-e-wrap .c-solution-layout-detail .side-right {
    width: 73%
}

.solution-detail-e-wrap .c-solution-layout-detail .top-wrap .img-box {
    width: 100%
}

.solution-detail-e-wrap .c-solution-layout-detail .thumb-tab .side-space {
    width: 27%
}

.solution-detail-e-wrap .c-solution-layout-detail .thumb-tab .content {
    width: 100%
}

.is-vertical .solution-detail-e-wrap .c-solution-layout .main-wrap .ripple-wrap .ripple-box1 {
    top: 30%;
    left: 22%
}

.is-vertical .solution-detail-e-wrap .c-solution-layout .main-wrap .ripple-wrap .ripple-box2 {
    top: 64%;
    left: 46%
}

.is-vertical .solution-detail-e-wrap .c-solution-layout .main-wrap .ripple-wrap .ripple-box3 {
    top: 34%;
    left: 76%
}

.product-wrap {
    overflow-x: hidden
}

.is-horizontal .product-wrap .c-product-tab .line-box .line-bar {
    width: 10%
}

@media screen and (min-width:1600px) {
    .is-horizontal .product-wrap .c-product-tab .container {
        width: 90%
    }
}

.support-wrap {
    overflow-x: hidden
}

.support-wrap #support-warranty-tab {
    padding-top: 0;
    padding-bottom: 60px
}

.support-wrap .c-solution-desc .title {
    margin-bottom: 0
}

.is-vertical .support-wrap #support-warranty-tab {
    padding-bottom: 30px
}

.about-us-wrap .c-v6series {
    padding-top: 0
}

.about-us-wrap .c-v6series .description {
    width: 70%
}

.is-vertical .about-us-wrap .c-v6series .text-wrap {
    width: 100%;
    text-align: left
}

.body-news-wrap {
    background: #f5f5f5
}

.body-news-wrap #main-wrap {
    background: none
}

.body-contact-us-wrap {
    background: #f5f5f5
}

.body-contact-us-wrap #main-wrap {
    background: none
}

.body-nps-wrap {
    height: auto !important;
    overflow: auto !important
}

.nps-wrap .nps-layout {
    display: block !important;
    position: relative;
    opacity: 1 !important
}

.nps-wrap .nps-layout .mask {
    display: none
}

.nps-wrap .nps-layout .nps-container {
    width: 100%;
    max-width: none;
    margin: 0 auto
}

.nps-wrap .nps-layout .nps-close {
    display: none
}

.is-horizontal .nps-wrap .nps-layout {
    height: auto
}

.is-horizontal .nps-wrap .nps-layout .nps-container {
    position: static;
    -webkit-transform: none;
    transform: none
}

.is-horizontal .nps-wrap .nps-layout .score-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-horizontal .nps-wrap .nps-layout .score-box .score-text,
.is-horizontal .nps-wrap .nps-layout .score-box .score-ul,
.is-horizontal .nps-wrap .nps-layout .score-box .text-wrap {
    width: 66%
}

.is-horizontal .nps-wrap .nps-layout .score-box .button-box {
    display: inline-block;
    width: 165px;
    margin-left: 0;
    margin-right: 0
}

.is-vertical .nps-wrap .nps-layout {
    height: auto;
    padding-top: 60px;
    background: #fff
}

.is-vertical .nps-wrap .nps-layout .nps-container {
    border-radius: 0;
    position: static;
    -webkit-transform: none;
    transform: none
}

.body-nps-wrap .c-footer,
.body-nps-wrap .c-header,
.body-nps-wrap .cookies {
    display: none !important
}

.body-nps-wrap.is-vertical {
    background: #f3f3f3
}

.is-vertical .total-partners-wrap .c-banner .text-wrap .title {
    margin-bottom: 24px
}

.total-partners-wrap .c-contact-us-form .title-box .description {
    margin-top: 30px;
    text-align: center
}

.partner-nureva-wrap .c-banner .title {
    margin-bottom: 5px
}

.partner-nureva-wrap .c-banner .title-pic {
    height: 50px
}

.partner-nureva-wrap .c-partner-nureva-about .text-wrap {
    width: 95%
}

.partner-nureva-wrap .c-t-partners-meeting {
    padding-bottom: 0
}

.partner-nureva-wrap .c-solution-layout {
    display: none
}

.partner-nureva-wrap .c-solution-layout-detail {
    padding-bottom: 0
}

.partner-nureva-wrap .c-solution-layout-detail .main-wrap {
    padding-bottom: 80px;
    background: #f5f5f5
}

.partner-nureva-wrap .c-solution-layout-detail .top-wrap .text-box .text-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.partner-nureva-wrap .c-solution-layout-detail .top-wrap .text-box .text-row .icon-box {
    margin-right: 20px;
    margin-bottom: 0
}

.partner-nureva-wrap .c-solution-layout-detail .top-wrap .text-box .text-row .text-title {
    width: 100%;
    margin-top: 20px
}

.partner-nureva-wrap .c-contact-us-form .title-box .description {
    margin-top: 30px;
    text-align: center
}

.is-horizontal .partner-nureva-wrap .c-banner .text-wrap {
    top: 22%
}

.is-vertical .partner-nureva-wrap .c-banner .title {
    margin-bottom: 15px
}

.is-vertical .partner-nureva-wrap .c-banner .title-pic {
    height: auto
}

.is-vertical .partner-nureva-wrap .c-partner-nureva-about .text-wrap {
    width: 100%
}

.is-vertical .partner-nureva-wrap .c-t-partners-meeting {
    padding-bottom: 30px
}

.is-vertical .partner-nureva-wrap .c-solution-layout {
    display: block;
    margin-top: 0
}

.is-vertical .partner-nureva-wrap .c-solution-layout .main-wrap,
.is-vertical .partner-nureva-wrap .c-solution-layout .tab-wrap,
.is-vertical .partner-nureva-wrap .c-solution-layout .text-wrap {
    display: none
}

.is-vertical .partner-nureva-wrap .c-solution-layout-detail {
    padding-top: 0
}

.is-vertical .partner-nureva-wrap .c-solution-layout-detail .top-wrap .text-box .text-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.is-vertical .partner-nureva-wrap .c-solution-layout-detail .top-wrap .text-box .text-row .icon-box {
    margin-bottom: 20px
}

.is-vertical .partner-nureva-wrap .c-solution-layout-detail .top-wrap .text-box .text-row .params {
    margin-bottom: 0;
    padding-bottom: 0
}

.is-vertical .partner-nureva-wrap .c-solution-layout-detail .main-wrap {
    padding-bottom: 50px
}

.body-product-template-wrap.skin-black {
    background: #000
}

.body-product-template-wrap.skin-gray {
    background: #f5f5f5
}

.body-product-template-wrap.skin-white {
    background: #fff
}

.product-template-wrap.skin-black {
    background: #000 !important
}

.product-template-wrap.skin-gray {
    background: #f5f5f5 !important
}

.product-template-wrap.skin-white {
    background: #fff !important
}

.product-template-wrap .c-solution-layout {
    display: none
}

.product-template-wrap .c-solution-layout-detail {
    padding-top: 0;
    padding-bottom: 0
}

.product-template-wrap .c-solution-layout-detail .thumb-tab {
    display: none
}

.product-template-wrap .c-contact-us-form,
.product-template-wrap .c-contact-us-form-custom,
.product-template-wrap .c-recommended-products,
.product-template-wrap .c-t-partners-highlight {
    padding-top: 0
}

.product-template-wrap .c-contact-us-form,
.product-template-wrap .c-contact-us-form-custom,
.product-template-wrap .c-recommended-products,
.product-template-wrap .c-t-partners-highlight {
    padding-bottom: 0
}

.is-vertical .product-template-wrap .c-solution-layout {
    display: block;
    margin-top: 0;
    padding-top: 0
}

.is-vertical .product-template-wrap .c-solution-layout .main-wrap,
.is-vertical .product-template-wrap .c-solution-layout .tab-wrap,
.is-vertical .product-template-wrap .c-solution-layout .text-wrap {
    display: none
}

.is-vertical .product-template-wrap .c-solution-layout .c-text-tab .tab-list .item-list {
    height: 60px
}


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

.clearfix {
    *+height: 1%;
}

.index_about_con {
    width: 100%;
    max-width: 1480px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin: auto;
}

.index_about_con .left_pic {
    width: 57.5%;
    float: left;
    padding-top: 35.37%;
    overflow: hidden;
    position: relative;
}

.index_about_con .left_pic img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.index_about_con .right_con {
    width: 38%;
    float: right;
}

.index_about_con .right_con .li_title {
    height: 76px;
    line-height: 38px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
    font-size: 26px;
    text-align: left;
    font-weight: bold;
}

.index_about_con .right_con .li_des {
    height: 198px;
    line-height: 22px;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    color: #C0C0C0;
    text-align: justify;
    margin-top: 25px
}

.product_sub_nav {
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 9999;
    height: 0px;
    overflow: hidden;
}

.product_sub_nav .con {
    width: 1200px;
    margin: auto;
}

.product_sub_nav .con .product_cate {}

.product_sub_nav .con .product_cate a {
    width: 140px;
    margin-right: 15px;
    color: #333333;
    font-size: 16px;
    display: block;
    float: left;
    text-align: center;
}

.product_sub_nav .con .product_cate a:hover {
    color: #196FD2;
}

.product_sub_nav .con .product_cate a.on {
    color: #196FD2;
}

.product_sub_nav .con .product_con {
    margin-top: 60px;
}

.product_sub_nav .con .product_con .list {
    display: none;
}

.product_sub_nav .con .product_con .list .li {
    width: 140px;
    margin-right: 15px;
    float: left;
    margin-bottom: 20px
}

.product_sub_nav .con .product_con .list .li .li_pic {
    width: 140px;
    height: 160px;
    background-color: #F8F8F8;
    padding: 10px;
    line-height: 210px;
    align-items: center;
    display: flex;
}

.product_sub_nav .con .product_con .list .li .li_pic img {
    width: 100%;
    vertical-align: middle;
    transition: 0.6s;
}

.product_sub_nav .con .product_con .list .li .li_title {
    text-align: center;
    line-height: 18px;
    overflow: hidden;
    margin-top: 10px;
    width: 130px;
}

.product_sub_nav .con .product_con .list .li .li_title a {
    color: #7F7F7F;
    display: flex;
    justify-content: center;
}

.product_sub_nav .con .product_con .list .li:hover .li_title a {
    color: #196FD2;
}

.product_sub_nav .con .product_con .list .li:hover .li_pic img {
    transform: scale(1.1);
}

.product_sub_nav .con .product_con .list.on {
    display: block;
}

.product_sub_nav.on {
    padding: 50px 0px 30px 0px;
    height: auto
}

.solution_sub_nav {
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 9999;
    height: 0px;
    overflow: hidden;
}

.solution_sub_nav .con {
    width: 1200px;
    margin: auto;
}

.solution_sub_nav .con .solution_cate {}

.solution_sub_nav .con .solution_cate a {
    color: #333333;
    font-size: 16px;
    display: block;
    float: left;
    /* font-weight: bold; */
    min-width: 130px;
    margin-right: 15px;
    text-align: center;
}

.solution_sub_nav .con .solution_cate a:hover {
    color: #196FD2;
}

.solution_sub_nav .con .solution_cate a.on {
    color: #196FD2;
}

.solution_sub_nav .con .solution_con {
    margin-top: 60px;
}

.solution_sub_nav .con .solution_con .list {
    display: none;
}

.solution_sub_nav .con .solution_con .list .li {
    float: left;
    margin-bottom: 20px;
    width: 140px;
    margin-right: 15px;
}

.solution_sub_nav .con .solution_con .list .li .li_pic {
    background-color: #F8F8F8;
    padding: 10px;
    line-height: 212px;
    align-items: center;
    display: flex;
    width: 140px;
    height: 160px;
}

.solution_sub_nav .con .solution_con .list .li .li_pic img {
    width: 100%;
    vertical-align: middle;
    transition: 0.6s;
}

.solution_sub_nav .con .solution_con .list .li .li_title {
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 18px;
    overflow: hidden;
    margin-top: 10px;
    width: 130px;
}

.solution_sub_nav .con .solution_con .list .li .li_title a {
    color: #7F7F7F;
    display: flex;
}

.solution_sub_nav .con .solution_con .list .li:hover .li_title a {
    color: #196FD2;
}

.solution_sub_nav .con .solution_con .list .li:hover .li_pic img {
    transform: scale(1.1);
}

.solution_sub_nav .con .solution_con .list.on {
    display: block;
}

.solution_sub_nav.on {
    padding: 50px 0px 30px 0px;
    height: auto
}

.cases_sub_nav {
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 9999;
    height: 0px;
    overflow: hidden;
}

.cases_sub_nav .con {
    width: 1200px;
    margin: auto;
}

.cases_sub_nav .con .cases_cate {}

.cases_sub_nav .con .cases_cate a {
    width: 140px;
    margin-right: 15px;
    color: #333333;
    font-size: 16px;
    display: block;
    float: left;
    text-align: center;
}

.cases_sub_nav .con .cases_cate a:hover {
    color: #196FD2;
}

.cases_sub_nav .con .cases_cate a.on {
    color: #196FD2;
}

.cases_sub_nav.on {
    padding: 50px 0px 30px 0px;
    height: auto
}

.support_sub_nav {
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 9999;
    height: 0px;
    overflow: hidden;
}

.support_sub_nav .con {
    width: 1200px;
    margin: auto;
}

.support_sub_nav .con .support_cate {}

.support_sub_nav .con .support_cate a {
    width: 140px;
    margin-right: 15px;
    color: #333333;
    font-size: 16px;
    display: block;
    float: left;
    text-align: center;
}

.support_sub_nav .con .support_cate a:hover {
    color: #196FD2;
}

.support_sub_nav .con .support_cate a.on {
    color: #196FD2;
}

.support_sub_nav.on {
    padding: 50px 0px 30px 0px;
    height: auto
}

.index_solution {
    padding: 120px 80px;
    width: 100%;
    box-sizing: border-box;
}

.index_solution ul {}

.index_solution ul li {}

.index_solution ul li .li_top {}

.index_solution ul li .li_top .left_con {
    width: 64.88%;
    float: left;
    padding-top: 29.65%;
    overflow: hidden;
    position: relative;
}

.index_solution ul li .li_top .left_con .img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.index_solution ul li .li_top .left_con .li_title {
    font-size: 28px;
    line-height: 40px;
    position: absolute;
    left: 4%;
    top: 36%;
    z-index: 1;
    color: #ffffff;
}

.index_solution ul li .li_top .left_con .li_des {
    width: 30%;
    line-height: 20px;
    font-size: 16px;
    position: absolute;
    left: 4%;
    top: 50%;
    z-index: 1;
    color: #ffffff;
    height: 100px;
    overflow: hidden;
    text-align: justify;
}

.index_solution ul li .li_top .left_con .c-button {
    position: absolute;
    left: 4%;
    bottom: 5%;
    z-index: 1
}

.index_solution ul li .li_top .right_con {
    width: 33.52%;
    float: right;
}

.index_solution ul li .li_top .right_con .li {
    width: 100%;
    padding-top: 43.22%;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.index_solution ul li .li_top .right_con .li .img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.index_solution ul li .li_top .right_con .li .li_title {
    width: 100%;
    height: 55px;
    line-height: 55px;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.index_solution ul li .main_title {
    font-size: 45px;
    line-height: 46px;
    margin-top: 30px;
    font-weight: bold;
}

.index_solution ul li .li_bottom {
    margin-top: 100px
}

.index_solution ul li .li_bottom .li {
    width: 47.7%;
    float: left;
}

.index_solution ul li .li_bottom .li .li_t {
    width: 100%;
    padding-top: 72.89%;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    background: #E2E3E7
}

.index_solution ul li .li_bottom .li .li_t .li_pic {
    width: 100%;
    height: 87%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.index_solution ul li .li_bottom .li .li_t .li_pic .img {
    width: 100%;
    height: 100%;
}

.index_solution ul li .li_bottom .li .li_t .li_pic .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
}

.index_solution ul li .li_bottom .li .li_t .li_pic .cover img {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.4s;
}

.index_solution ul li .li_bottom .li .li_t .li_pic:hover .cover img {
    opacity: 1
}

.index_solution ul li .li_bottom .li .li_t .li_title {
    width: 100%;
    font-size: 22px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 5%;
    z-index: 0
}

.index_solution ul li .li_bottom .li .li_b {
    margin-top: 25px;
}

.index_solution ul li .li_bottom .li .li_b .lb {
    width: 48.8%;
    float: left;
    overflow: hidden;
    border-radius: 15px;
    background: #E2E3E7
}

.index_solution ul li .li_bottom .li .li_b .lb .li_pic {
    width: 100%;
    padding-top: 150%;
    overflow: hidden;
    position: relative;
}

.index_solution ul li .li_bottom .li .li_b .lb .li_pic .img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.index_solution ul li .li_bottom .li .li_b .lb .li_title {
    width: 100%;
    font-size: 22px;
    text-align: center;
}

.index_solution ul li .li_bottom .li .li_b .lb:nth-child(2n) {
    float: right;
}

.index_solution ul li .li_bottom .li:nth-child(2n) {
    float: right;
}

.solution_page {
    top: 34% !important;
    height: 18px !important;
    padding-left: 300px !important;
}

.index_solution .swiper-button-next {
    top: 34% !important;
    z-index: 12;
    background: rgba(25, 111, 210, 0.9)
}

.index_solution .swiper-button-prev {
    top: 34% !important;
    right: 150px !important;
    left: 80% !important;
    z-index: 12;
    background: rgba(25, 111, 210, 0.9)
}

.solution_page .swiper-pagination-bullet {
    width: 16px !important;
    height: 16px !important;
    background: #ffffff;
    --swiper-pagination-color: #ffffff;
    opacity: 1;
    border: 1px solid #666666;
}

.solution_page .swiper-pagination-bullet-active {
    background: #196FD2;
    border: 1px solid #196FD2;
}

@Media screen and (max-width: 1480px) {
    .index_solution ul li .main_title {
        font-size: 40px;
        line-height: 40px
    }
}

@Media screen and (max-width: 768px) {
    .c-banner .text-wrap.top-left {
        left: 0;
    }

    .index_about_con .left_pic {
        width: 100%;
        padding-top: 67%;
    }

    .index_about_con .right_con {
        width: 100%;
        margin-top: 20px
    }

    .index_about_con .right_con .li_title {
        font-size: 22px;
    }

    .index_solution {
        padding: 40px 15px;
    }

    .index_solution ul li .main_title {
        font-size: 22px;
        line-height: 30px;
        margin-top: 20px
    }

    .index_solution ul li .li_top .left_con .li_des {
        display: none;
    }

    .index_solution ul li .li_top .left_con .li_title {
        font-size: 18px;
        top: 30px;
    }

    .index_solution ul li .li_top .right_con .li .li_title {
        display: none;
    }

    .index_solution .swiper-button-prev {
        left: 50% !important;
        top: 39% !important;
    }

    .solution_page {
        top: 39% !important;
        padding-left: 5px !important;
    }

    .index_solution .swiper-button-next {
        top: 39% !important;
    }

    .index_solution .swiper-pagination {
        text-align: left !important;
    }

    .index_solution ul li .li_bottom .li .li_t .li_title {
        display: none;
    }

    .index_solution ul li .li_bottom .li .li_b .lb .li_title {
        display: none;
    }

}

.dede_pages {
    text-align: center;
    margin: 40px auto auto auto;
}

.dede_pages .current {
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #AAAAAA;
    border: 1px solid #2B79D8;
    background-color: #2B79D8;
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 15px;
    color: white;
    border-radius: 3px;
}

.dede_pages a {
    width: 40px;
    height: 30px;
    line-height: 30px;
    padding-top: 0px;
    font-size: 16px;
    color: #AAAAAA;
    background-color: white;
    display: inline-block;
    float: none;
    margin-bottom: 0px;
    margin-left: 15px;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
}

.dede_pages a:hover {
    background-color: #2B79D8;
    color: white;
}

.dede_pages .next {
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding-top: 0px;
    color: white;
    background-color: #2B79D8;
    display: inline-block;
    float: none;
    text-align: center;
    margin-bottom: 0px;
    margin-left: 15px;
    vertical-align: top;
    border: 1px solid #2B79D8
}

.dede_pages .prev {
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding-top: 0px;
    color: white;
    background-color: #2B79D8;
    display: inline-block;
    float: none;
    text-align: center;
    margin-bottom: 0px;
    border: 1px solid #2B79D8;
}

.c-tutorial-video-content .video-list .img-box .video {
    width: 100%;
    height: 100%;
}