body {
    background-color: #fff;
    color: #333;
    font-family: \5FAE\8F6F\96C5\9ED1, arial, tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1
}

a,
aside,
blockquote,
body,
caption,
dd,
div,
dl,
dt,
embed,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
input,
li,
mark,
nav,
object,
ol,
p,
pre,
section,
span,
table,
td,
textarea,
th,
ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
    table-layout: fixed;
    width: 100%
}

body,
html {
    -webkit-overflow-scrolling: touch
}

fieldset,
iframe,
img {
    border: 0;
    text-decoration: none
}

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

caption,
th {
    text-align: left
}

ol,
ul {
    list-style: none
}

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

q:after,
q:before {
    content: ""
}

button,
input,
textarea {
    -webkit-appearance: none;
    font-size: 100%;
    resize: none
}

abbr,
acronym {
    border: 0
}

:focus {
    outline: 0
}

a {
    color: #333;
    transition: all .3s ease
}

a,
a[href^=tel] {
    text-decoration: none
}

a[href^=tel] {
    -webkit-tap-highlight-color: transparent;
    color: inherit
}

cite,
dfn,
em {
    font-style: italic
}

input,
select {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-size: 100%;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: normal
}

input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

img,
input[type=text] {
    vertical-align: middle
}

.inlineb {
    *zoom: 1;
    display: inline-block;
    *display: inline
}

.clearfix {
    *zoom: 1;
    clear: both;
    *overflow: hidden
}

.clearfix:after {
    clear: both;
    content: "";
    display: table;
    width: 0
}

::-ms-clear,
::-ms-reveal {
    display: none
}

.ios-scroll {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

button {
    border: none;
    outline: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0
}

video {
    object-fit: contain
}

.global-mask {
    background: rgba(0, 0, 0, .6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.global-notify {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    display: none;
    left: 50%;
    line-height: 1;
    margin-left: -170px;
    margin-top: -45px;
    min-height: 90px;
    position: absolute;
    top: 50%;
    width: 340px;
    z-index: 12000
}

.global-alert-close,
.global-confirm-close,
.global-notify-close {
    color: #666;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 15px;
    position: absolute;
    right: 0;
    top: 0;
    transition: color .3s ease
}

.global-alert-close:hover,
.global-confirm-close:hover,
.global-notify-close:hover {
    color: #222
}

.global-notify-title-icon {
    height: 20px;
    left: 16px;
    line-height: 18px;
    position: absolute;
    top: 18px;
    width: 20px
}

.global-alert-icon,
.global-notify-title-icon {
    border-radius: 20px;
    font-size: 12px;
    text-align: center
}

.global-alert-icon {
    background: #f99c34;
    color: #fff;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    width: 16px
}

.global-notify .message {
    background-color: #e7f3ff;
    color: #4195fc;
    font-weight: 700;
    line-height: 14px
}

.global-notify .correct {
    background-color: #f0f9eb;
    color: #5bba69;
    font-weight: 700
}

.global-notify .wrong {
    background-color: #ffeff0;
    color: #f5222d;
    font-weight: 700
}

.global-notify .alert {
    background-color: #fef6ec;
    color: #f99c34;
    font-weight: 700
}

.global-notify-title .global-notify-title-span {
    color: #666;
    display: inline-block;
    font-weight: 700;
    height: 50px;
    padding: 20px 0 0 48px
}

.global-notify-content {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    padding: 0 40px 10px 48px
}

.global-loading {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50' xml:space='preserve'%3E%3Cpath fill='%23f99c34' d='M26.827 6.153c-10.277-.917-19.352 6.67-20.27 16.949-.916 10.277 6.672 19.352 16.95 20.269l.361-4.052c-8.039-.717-13.976-7.816-13.258-15.856.717-8.04 7.815-13.976 15.856-13.258l.361-4.052z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
    display: none;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 10000
}

.global-pos {
    overflow: hidden !important;
    position: relative !important
}

.global-alert,
.global-confirm {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    display: none;
    left: 50%;
    margin-left: -200px;
    margin-top: -88px;
    min-height: 176px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width: 400px;
    z-index: 10000
}

.global-alert-title {
    background-color: #fbfbfb;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 16px
}

.global-alert-det,
.global-confirm-det {
    padding-left: 10px
}

.global-alert-content {
    height: 80px;
    line-height: 80px;
    padding: 0 16px
}

.global-alert-footer {
    box-shadow: 0 -1px 0 0 #eee;
    height: 56px;
    line-height: 56px;
    padding: 0 16px;
    text-align: right
}

.global-alert-footer button {
    border-radius: 2px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    margin-left: 6px;
    width: 64px
}

.global-alert-footer button:hover {
    opacity: .8
}

.global-alert-enter,
.global-confirm-enter {
    background-color: #f99c34;
    color: #fff
}

.global-alert-cancel,
.global-confirm-cancel {
    background: #f2f3f5;
    color: #666
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
    background: #000;
    bottom: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

body {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_2056160_gn5d87y2qxa.eot?t=1600858121222);
    src: url(//at.alicdn.com/t/font_2056160_gn5d87y2qxa.eot?t=1600858121222#iefix) format("embedded-opentype"), url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"), url(//at.alicdn.com/t/font_2056160_gn5d87y2qxa.woff?t=1600858121222) format("woff"), url(//at.alicdn.com/t/font_2056160_gn5d87y2qxa.ttf?t=1600858121222) format("truetype"), url(//at.alicdn.com/t/font_2056160_gn5d87y2qxa.svg?t=1600858121222#iconfont) format("svg")
}

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

.icongengduo1:before {
    content: "\e642"
}

.iconhanbao:before {
    content: "\e78c"
}

.iconsousuo:before {
    content: "\e616"
}

.iconshangyipian-1:before {
    content: "\e641"
}

.iconbantaihangzhengzhuo:before {
    content: "\e62e"
}

.iconfenxiang:before {
    content: "\e62f"
}

.icongengduo:before {
    content: "\e630"
}

.iconchucun:before {
    content: "\e631"
}

.iconpeijian:before {
    content: "\e633"
}

.icongongzuozhan:before {
    content: "\e634"
}

.iconquxiao:before {
    content: "\e635"
}

.iconshangyipian1:before {
    content: "\e636"
}

.iconzuoyi:before {
    content: "\e637"
}

.iconxiayipian:before {
    content: "\e638"
}

.iconhuiyizhuo:before {
    content: "\e639"
}

.iconxiuxianxiezhu:before {
    content: "\e63a"
}

.iconshafa:before {
    content: "\e63b"
}

.iconzhaobiaogongshi:before {
    content: "\e63c"
}

.iconzhantingyuyue:before {
    content: "\e63d"
}

.iconlianxiwomen:before {
    content: "\e63e"
}

.iconquanping:before {
    content: "\e63f"
}

.iconxinxi:before {
    content: "\e640"
}

.li-search input::-webkit-input-placeholder {
    color: #fff
}

.li-fuwu-form-text::-webkit-input-placeholder {
    color: #121212
}

.li-fuwu-form-text::-moz-input-placeholder {
    color: #121212
}

.li-fuwu-form-text::-ms-input-placeholder {
    color: #121212
}

.li-search input:-moz-placeholder,
.li-search input::-moz-placeholder {
    color: #fff
}

.li-search input:-ms-input-placeholder {
    color: #fff
}

.g-28 {
    font-size: 28px
}

.g-48 {
    font-size: 48px
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: auto;
    right: 10px
}

.swiper-button-next,
.swiper-button-prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    background: none;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10
}

.iconshangyipian:before {
    content: "\e78d"
}

.iconshangyipian-:before {
    content: "\e643"
}

.iconshangyipian-:after,
.iconshangyipian:after {
    content: ""
}

.swiper-pagination-bullet {
    background-color: #fff;
    border-radius: 5px;
    height: 10px;
    opacity: 1;
    transition: width 1s;
    width: 10px
}

.swiper-pagination-bullet-active {
    background-color: #c0a353;
    height: 10px;
    width: 20px
}

.swiper-link-prev {
    left: -50px
}

.swiper-link-next {
    right: -50px
}

.li-banner-swiper,
.li-content-article-swiper,
.li-content-link-swiper-main,
.li-pro-swiper {
    overflow: hidden;
    position: relative;
    width: 100%
}

.li-content-article-swiper .swiper-button-prev {
    left: -40px;
    top: 51%
}

.li-content-article-swiper .swiper-button-next {
    right: -40px;
    top: 51%
}

.li-banner-swiper .banner-pagination {
    bottom: 30px
}

.li-banner-swiper {
    height: 100%;
    position: relative
}

.li-banner-swiper .banner-pagination {
    bottom: 16px;
    width: 100%
}

.li-banner-swiper .banner-pagination .swiper-pagination-bullet {
    background-color: #fff;
    border-radius: 5px;
    height: 10px;
    margin: 0 5px;
    opacity: 1;
    transition: width 1s;
    width: 10px
}

.li-banner-swiper .banner-pagination .swiper-pagination-bullet-active {
    background-color: #c0a353;
    height: 10px;
    width: 20px
}

.li-content-link-swiper {
    position: relative
}

.li-intro-sel {
    color: #4a4e5a !important
}

.li-in {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.li-header {
    height: 120px;
    left: 0;
    line-height: 120px;
    position: fixed;
    top: 0;
    transition: all .4s;
    width: 100%;
    z-index: 100
}

.li-header:hover {
    background: #fff;
    border-bottom: 1px solid #e9e9e9
}

.li-header:hover .li-search-area,
.li-header:hover a {
    color: #333
}

.li-header:hover input::-webkit-input-placeholder {
    color: #333
}

.li-header:hover input:-moz-placeholder,
.li-header:hover input::-moz-placeholder {
    color: #333
}

.li-header:hover input:-ms-input-placeholder {
    color: #333
}

.li-header .li-nav-href:hover {
    background: #c0a353;
    color: #fff
}

.li-det-header,
.li-header-fly {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    height: 100px;
    line-height: 100px
}

.li-det-header div.li-search,
.li-header-fly div.li-search {
    margin-top: 30px
}

.li-det-header .li-logo-href,
.li-det-header a.li-nav-href,
.li-header-fly .li-logo-href,
.li-header-fly a.li-nav-href {
    color: #333
}

.li-det-header .li-search-area,
.li-header-fly .li-search-area {
    color: #333 !important
}

.li-det-header input::-webkit-input-placeholder,
.li-header-fly input::-webkit-input-placeholder {
    color: #333
}

.li-det-header input:-moz-placeholder,
.li-det-header input::-moz-placeholder,
.li-header-fly input:-moz-placeholder,
.li-header-fly input::-moz-placeholder {
    color: #333
}

.li-det-header input:-ms-input-placeholder,
.li-header-fly input:-ms-input-placeholder {
    color: #333
}

.flex {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.g-24 {
    font-size: 24px
}

.g-32 {
    font-size: 32px
}

.g-30 {
    font-size: 30px
}

.g-42 {
    font-size: 42px
}

.g-18 {
    font-size: 18px
}

.g-22 {
    font-size: 22px
}

.g-16 {
    font-size: 16px
}

.g-34 {
    font-size: 34px
}

.g-36 {
    font-size: 36px
}

.li-more-href {
    color: #343434;
    cursor: pointer;
    display: block;
    margin-top: 28px
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.swiper-button-next,
.swiper-button-prev {
    color: rgba(74, 78, 90, .3)
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #4a4e5a
}

.li-logo-href:before {
    content: "\e632"
}

.li-banner {
    height: 79vh
}

.li-footer {
    background-image: url(../image/li-footer-bg.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.li-logo-href {
    color: #fff;
    font-family: iconfont !important;
    font-size: 32px
}

.li-nav {
    display: flex;
    float: right
}

.li-nav .li-nav-href {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 0 1.5em
}

.li-nav .li-search {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 20px;
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
    display: flex;
    height: 42px;
    margin-left: 42px;
    margin-top: 39px;
    overflow: hidden;
    width: 200px
}

.li-nav .li-search>div {
    color: #fff;
    font-size: 22px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    width: 48px
}

.li-nav .li-search input {
    background-color: transparent;
    border: none;
    color: inherit;
    height: 40px;
    line-height: 40px;
    width: 152px
}

.li-banner .swiper {
    height: 79vh;
    position: relative;
    width: 100%
}

.li-banner .swiper .li-banner-bg {
    background: url(../image/banner1.jpg) no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 79vh
}

.li-open-icon {
    background: #fff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 1px 3px 30px 0 rgba(0, 0, 0, .06);
    display: block;
    font-size: 16px;
    line-height: 1;
    padding: 21px 24px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 50%;
    z-index: 999
}

.li-open-icon span {
    display: inline-block;
    padding-top: 18px
}

.li-open-icon .li-open-href img {
    width: 36px
}

.li-open-icon:hover {
    box-shadow: 1px 3px 30px 0 rgba(0, 0, 0, .16)
}

.li-content-pro-tab {
    font-size: 18px
}

.li-content>div {
    padding: 2% 0 6%
}

.li-content div.li-content-pro {
    padding: 2.2% 0 6%
}

.li-content .li-content-title {
    color: #121212;
    font-size: 48px;
    line-height: 1.25;
    padding: 6% 0 1%;
    text-align: center
}

.li-content .li-content-desc {
    color: #999;
    font-size: 24px;
    margin: 1.5% 0 3%;
    text-align: center
}

.li-content .li-content-pro-tab {
    color: #9a9a9a;
    line-height: 1.667;
    margin: 4.8% 0 3.5%;
    text-align: Center;
    white-space: nowrap
}

.li-content .li-content-pro-tab span {
    cursor: pointer;
    padding: 0 3.8333333%
}

.li-content .li-content-pro-tab .li-content-pro-tab-act {
    color: #343434
}

.li-content .pro-swiper-item {
    display: flex;
    padding-bottom: 42%;
    position: relative;
    text-align: center
}

.li-content .pro-swiper-item img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 86%;
    max-width: 86%;
    position: absolute;
    right: 0;
    top: 0
}

.li-content .pro-swiper-desc {
    color: #9a9a9a;
    font-size: 16px;
    line-height: 1.875;
    padding: 2% 10.5% 5%;
    text-align: center
}

.li-content .li-content-href {
    background: #4a4e5a;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 2.5;
    margin: 0 auto;
    min-width: 120px;
    text-align: center;
    width: 17%
}

.li-content .li-content-article {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background: url(../image/li-article-bg.png) no-repeat;
    background-size: cover;
    padding: 2% 0 6%
}

.li-content .li-content-article .li-content-desc {
    color: #343434
}

.li-content .li-content-article-main {
    box-shadow: 1px 3px 37px 4px rgba(0, 0, 0, .1);
    margin: 7% 0 5%;
    position: relative
}

.li-content .li-content-article-item {
    overflow: hidden
}

.li-content .li-content-article-pic,
.li-content .li-content-article-wrap {
    overflow: hidden;
    padding-bottom: 34.5%;
    position: relative;
    width: 50%
}

.li-content .li-content-article-item:nth-child(odd) .li-content-article-pic {
    float: left;
    width: 50%
}

.li-content .li-content-catlog {
    text-align: center
}

.li-content .li-content-catlog .li-content-catlog-item {
    display: inline-block;
    padding: 4.16% 0;
    width: 25%
}

.li-content .li-content-catlog .li-content-catlog-item:nth-child(2) {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

.li-content .li-content-catlog .li-content-catlog-item:hover {
    box-shadow: 1px 3px 30px 0 rgba(0, 0, 0, .1)
}

.li-content .li-content-catlog .li-content-catlog-item:hover .li-content-catlog-href .iconfont {
    background-color: #ceb66e;
    border: 1px solid #ceb66e;
    color: #fff
}

.li-content .li-content-catlog .li-content-catlog-href .name {
    color: #343434;
    margin-top: 11%;
    text-align: center
}

.li-content .li-content-catlog .li-content-catlog-href .child {
    margin: 0 auto;
    padding-bottom: 36%;
    position: relative;
    width: 36%
}

.li-content .li-content-catlog .li-content-catlog-href .iconfont {
    align-items: center;
    border: 1px solid #4a4e5a;
    border-radius: 50%;
    bottom: 0;
    color: #4a4e5a;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.li-content .li-content-link {
    background: #f8f8f8;
    padding-bottom: 8%
}

.li-content .li-content-link-item a {
    background: url(../image/logo2.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: block;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    float: left;
    height: 100%;
    margin: 1%;
    padding-bottom: 50%;
    width: 100%
}

.li-content .li-content-link-item a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.li-footer {
    padding-top: 3.8%
}

.li-footer .li-footer-nav {
    border-right: 1px solid rgba(192, 163, 83, .48);
    float: left;
    min-height: 300px;
    width: 66%
}

.li-footer .li-footer-nav .li-footer-li {
    float: left;
    margin-right: 15%
}

.li-footer .li-footer-nav .li-footer-li .li-footer-li-href {
    color: #fff
}

.li-footer .li-footer-nav .li-footer-li .li-footer-li-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 20px
}

.li-footer .li-footer-nav .li-footer-li .li-footer-li-son {
    line-height: 2.1428
}

.li-footer .li-footer-nav .li-footer-li .li-footer-li-son a {
    color: #bdbdbd
}

.li-footer .li-footer-qrcode {
    color: #fff;
    float: right;
    line-height: 1;
    padding-left: 9.5%;
    width: 34%
}

.li-footer .li-footer-qrcode .li-footer-qrcode-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10%
}

.li-footer .li-footer-qrcode .li-footer-qrcode-num {
    font-size: 36px;
    padding-bottom: 17.6%
}

.li-footer .li-footer-qrcode .li-footer-qrcode-ewm {
    background-color: #fff;
    display: inline-block;
    height: 5.2vw;
    margin-right: 9%;
    padding: 2px;
    vertical-align: bottom;
    width: 5.2vw
}

.li-footer .li-footer-qrcode .li-footer-qrcode-ewm img {
    width: 100%
}

.li-footer .li-footer-qrcode .li-footer-qrcode-href {
    background: #c0a353;
    color: #fff;
    display: inline-block;
    height: 2.5em;
    line-height: 2.5;
    text-align: center;
    width: 7.3vw
}

.li-footer .li-footer-bot {
    clear: both;
    color: #999;
    padding: 5.6% 0 2.5%;
    text-align: center
}

.li-footer .li-footer-bot a {
    color: #999
}

.li-content-article-case-item {
    overflow: hidden
}

.li-content-article-case-item .li-content-article-case-text {
    background: #fff
}

.li-content-article-case-item:nth-child(2n) .li-content-article-case-item-href {
    float: right
}

.li-content-article-case-item:nth-child(2n) .li-content-article-case-item-href .li-content-article-case-text {
    background: #4a4e5a
}

.li-content-article-case-item:nth-child(2n) .li-content-article-case-item-href .li-content-article-case-text div {
    color: #fff
}

.li-content-article-case-item-href {
    float: left;
    height: 414px;
    width: 50%
}

.li-content-article-case-item-href>div {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.li-content-article-case-item-href .li-content-article-case-pic-in {
    background: url(../image/bg1.jpg) no-repeat;
    background-size: cover;
    height: 100%;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: 100%
}

.li-content-article-case-item-href .li-content-article-case-pic-in:hover {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

.li-content-article-case-item-href .li-content-article-case-text-in {
    padding: 12.5%
}

.li-content-article-case-item-href .li-content-article-case-text-in .li-content-article-case-text-title {
    color: #343434;
    font-size: 24px;
    line-height: 1
}

.li-content-article-case-item-href .li-content-article-case-text-in .li-content-article-case-text-line {
    background-color: #c0a454;
    height: 3px;
    margin: 20px 0 14px;
    position: relative;
    width: 60px
}

.li-content-article-case-item-href .li-content-article-case-text-in .li-content-article-case-text-desc {
    color: #9a9a9a;
    font-size: 16px;
    line-height: 1.875
}

.li-list-banner {
    background: url(../image/jianjie.jpg) no-repeat 50%;
    background-size: cover;
    height: 398px
}

.li-intro-tab {
    font-size: 18px;
    line-height: 2;
    padding-left: 16px;
    padding-top: 5%;
    text-align: center
}

.li-intro-tab .li-intro-item {
    color: #9a9a9a;
    cursor: pointer;
    display: inline-block;
    padding: 0 6.6%;
    transition: all .2s ease
}

.li-intro-tab .li-intro-item:hover {
    color: #4a4e5a
}

.li-intro-wrap {
    display: none
}

.li-intro-wrap img {
    max-width: 100%
}

.li-intro-wrap .li-intro-zi-li {
    float: left;
    height: 200px;
    margin-bottom: 30px;
    text-align: center;
    width: 300px
}

.li-intro-wrap .li-intro-zi-li img {
    max-height: 100%;
    max-width: 100%
}

.li-intro-wrap .li-intro-zi-wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 20px 0;
    width: 940px
}

.li-intro-wrap .li-intro-zi-wrap .li-intro-zi-ch {
    font-size: 32px;
    font-weight: 700
}

.li-intro-wrap .li-intro-zi-wrap .li-intro-zi-en {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0
}

.li-intro-wrap .li-intro-zi-wrap .li-intro-zi-main {
    overflow: hidden;
    padding-top: 10px
}

.li-intro-main {
    padding: 0 0 6%
}

.li-intro-main .li-intro-main-title {
    text-align: center
}

.li-intro-main .li-intro-main-title .li-intro-title {
    font-size: 32px;
    font-weight: 700;
    padding: 60px 0 20px
}

.li-intro-main .li-intro-main-title .li-intro-title-en {
    font-size: 16px;
    font-weight: 700
}

.li-intro-main .li-intro-main-title .li-intro-title-sub {
    font-size: 18px;
    padding: 20px 0 0
}

.li-intro-main .li-intro-main-title hr {
    margin: 15px 0 30px
}

.li-intro-main .li-intro-main-det {
    padding: 6% 0;
    text-align: center
}

.li-intro-main .li-intro-main-pic,
.li-intro-main .li-intro-main-text {
    float: left;
    height: 400px;
    line-height: 1.7;
    width: 600px
}

.li-intro-main .li-intro-main-li {
    overflow: hidden;
    padding-bottom: 120px
}

.li-intro-main .li-intro-main-li:nth-child(odd) .li-intro-main-text {
    padding: 0 0 0 100px;
    text-align: right
}

.li-intro-main .li-intro-main-li:nth-child(2n) .li-intro-main-text {
    padding: 0 100px 0 0
}

.li-intro-main .li-intro-ke {
    line-height: 2;
    padding: 6% 0
}

.li-intro-main .li-intro-ke img {
    max-width: 100%
}

.li-show {
    display: block !important
}

.li-case-tab {
    line-height: 2;
    padding-top: 3.12%;
    text-align: center
}

.li-case-tab .li-case-item {
    color: #9a9a9a;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 0 8.65%
}

.li-case-main {
    padding: 0 0 5%
}

.li-case-main .li-case-wrap {
    display: none
}

.li-case-main .li-case-wrap-item-pic {
    overflow: hidden;
    padding-bottom: 34.5%;
    position: relative;
    width: 50%
}

.li-case-main .li-case-wrap-item-pic .li-case-wrap-item-pic-in {
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.li-case-main .li-case-wrap-item-pic .li-case-wrap-item-pic-in:hover {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

.li-case-main .li-case-wrap-item-inner {
    margin: 0 auto;
    overflow: hidden;
    padding: 5% 0;
    width: 1200px
}

.li-case-main .li-case-wrap-item-inner .li-case-wrap-item-desc-catlog {
    color: #9a9a9a;
    line-height: 1.875;
    margin-top: 24px
}

.li-case-wrap .li-case-wrap-item:nth-child(odd) {
    background: #fff
}

.li-case-wrap .li-case-wrap-item:nth-child(odd) .li-case-wrap-item-pic {
    float: left
}

.li-case-wrap .li-case-wrap-item:nth-child(odd) .li-case-wrap-item-desc {
    float: left;
    overflow: hidden;
    padding: 2% 6%;
    position: relative;
    width: 50%
}

.li-case-wrap .li-case-wrap-item:nth-child(2n) {
    background: #f8f8f8
}

.li-case-wrap .li-case-wrap-item:nth-child(2n) .li-case-wrap-item-pic {
    float: right
}

.li-case-wrap .li-case-wrap-item:nth-child(2n) .li-case-wrap-item-desc {
    float: left;
    overflow: hidden;
    padding: 2% 6.2%;
    position: relative;
    width: 50%
}

.li-news-tab,
.li-study-tab {
    justify-content: center;
    line-height: 2;
    padding: 5% 0 0
}

.li-news-tab div,
.li-study-tab div {
    color: #9a9a9a;
    cursor: pointer;
    display: inline-block;
    padding: 0 7.333%;
    text-align: center
}

.li-news-tab a,
.li-study-tab a {
    color: #9a9a9a
}

.li-news-main .li-news-li {
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
    padding: 5% 0
}

.li-news-main .li-news-li:last-child {
    border: none
}

.li-news-main .li-news-li-desc {
    float: right;
    line-height: 1.6;
    width: 61.2%
}

.li-news-main .li-news-li-desc .li-news-li-title {
    line-height: 1.6
}

.li-news-main .li-news-li-desc .li-news-li-time {
    color: #9a9a9a;
    font-size: 18px;
    margin: 1.6% 0 2.8%
}

.li-news-main .li-news-li-desc .li-news-li-desc-desc {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #9a9a9a;
    display: -webkit-box;
    font-size: 18px;
    height: 4.8em;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important
}

.li-news-main .li-news-li-pic {
    float: left;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
    width: 34%
}

.li-news-main .li-news-li-pic .li-news-li-pic-in {
    background: url(../image/bg1.jpg) no-repeat 50%;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: 100%
}

.li-news-main .li-news-li-pic .li-news-li-pic-in:hover {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

.li-news-main .crc-pub-page-sel {
    border-color: #343434;
    color: #343434
}

.li-news-main .crc-pub-page {
    padding: 0 0 85px;
    margin-top: 20px;
}

.li-news-main .crc-pub-page-num:hover {
    border-color: #111
}

.li-news-main .crc-pub-page-enter {
    background: #343434;
    border-color: #343434
}

.li-study {
    padding: 5% 0
}

.li-study .li-study-more {
    color: #9a9a9a;
    cursor: pointer;
    display: none;
    font-size: 22px;
    padding-bottom: 6%;
    text-align: center;
    width: 100%
}

.li-study-main {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    column-gap: 0;
    flex-flow: row wrap
}

.li-study-item {
    -webkit-column-break-inside: avoid;
    align-items: center;
    box-sizing: border-box;
    break-inside: avoid;
    display: none;
    justify-content: center;
    padding: 0 2.5% 10%;
    page-break-inside: avoid
}

.li-study-item .li-study-wrap {
    box-shadow: 1px 3px 30px 0 rgba(0, 0, 0, .05)
}

.li-study-item .li-study-wrap>a {
    display: block;
    overflow: hidden
}

.li-study-item .li-study-pic {
    overflow: hidden
}

.li-study-item .li-study-pic img {
    display: block;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: 100%
}

.li-study-item .li-study-pic img:hover {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

.li-study-item .li-study-name {
    background-color: #fff;
    font-size: 24px;
    line-height: 1.25;
    padding: 7.75% 7% 0
}

.li-study-item .li-study-desc {
    color: #9a9a9a;
    font-size: 18px;
    line-height: 1.6;
    margin: 12px 0;
    padding: 0 7%
}

.li-study-item .li-study-time {
    color: #9a9a9a;
    font-size: 18px;
    line-height: 1.6;
    padding: 3% 7% 8%
}

.li-pro-tab {
    justify-content: space-between;
    padding: 4% 60px 7% 0
}

.li-pro-tab .li-pro-item {
    color: #343434;
    cursor: pointer;
    float: left;
    line-height: 1.6;
    opacity: .75
}

.li-pro-tab .li-pro-item img {
    margin-right: 10px;
    vertical-align: middle;
    width: 32px
}

.li-pro-tab .li-pro-item:hover,
.li-pro-tab .li-pro-sel {
    opacity: 1
}

.li-pro-main,
.li-pro-main .li-pro-wrap {
    position: relative
}

.li-pro-main .li-pro-wrap-main {
    overflow: hidden;
    padding: 3.33333% 0 8%
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href {
    display: none;
    float: left;
    line-height: 1;
    margin-bottom: 3.1%;
    overflow: hidden;
    padding: 0 10px 3.1%;
    position: relative;
    text-align: center;
    width: 33.33333333%
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href:hover .li-pro-wrap-main-line {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href:hover .li-pro-wrap-main-desc,
.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href:hover .li-pro-wrap-main-title {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-pic {
    overflow: hidden;
    padding-bottom: 74.9%;
    position: relative
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-desc {
    color: #9a9a9a;
    height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-desc,
.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-title {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-title {
    color: #343434;
    margin: 30px 0 20px
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-line {
    bottom: 0;
    left: 0;
    padding: 0 10px;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-line span {
    background: #e9e9e9;
    display: block;
    height: 1px
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.li-com {
    padding: 2.5% 0 6%
}

.li-com-title {
    border-bottom: 1px solid #e9e9e9;
    color: #343434;
    line-height: 1.1;
    margin-bottom: 3%;
    padding: 3% 0 3% 12px
}

.li-com-cont {
    line-height: 1.6;
    padding: 0 0 3.5% 24%
}

.li-fuwu-tab {
    justify-content: center;
    line-height: 2;
    padding: 5% 0
}

.li-fuwu-tab div {
    color: #9a9a9a;
    cursor: pointer;
    padding: 0 9.1%;
    text-align: center
}

.li-fuwu-tab a {
    color: #9a9a9a
}

.li-fuwu-tab .li-fuwu-item-sel {
    color: #4a4a4a
}

.li-fuwu-main {
    color: #343434
}

.li-fuwu-main,
.li-fuwu-main .li-fuwu-main-det {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 6%;
    padding-bottom: 3.5%
}

.li-fuwu-main .li-intro-title-en {
    color: #999;
    font-size: 24px;
    line-height: 1
}

.li-fuwu-form {
    padding: 5% 0 0
}

.li-fuwu-form .li-fuwu-form-title {
    line-height: 1;
    padding-bottom: 3%
}

.li-fuwu-form .li-fuwu-form-select option {
    border-bottom: 1px solid #eee;
    padding: 10px
}

.li-fuwu-form .li-fuwu-form-wrap {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1.5%
}

.li-fuwu-form .li-fuwu-form-wrap .li-fuwu-form-item {
    border-bottom: 1px solid #9a9a9a;
    cursor: pointer;
    line-height: 2.4;
    position: relative;
    vertical-align: baseline;
    width: 33.3%
}

.li-fuwu-form .li-fuwu-form-wrap .li-fuwu-form-item .li-fuwu-form-text {
    background: none;
    border: none;
    height: 100%;
    width: 100%
}

.li-fuwu-form .li-fuwu-form-wrap .li-fuwu-form-item select {
    border: none;
    width: 100%
}

.li-fuwu-form .li-fuwu-form-wrap .li-fuwu-center {
    margin: 0 6.6666%
}

.li-fuwu-form .li-fuwu-form-wrap .li-fuwu-small {
    margin-left: 5%;
    width: 16.66%
}

.li-fuwu-form .li-fuwu-form-wrap .li-fuwu-form-item-first {
    margin-right: 1.6667%
}

.li-fuwu-form .li-fuwu-area-title {
    color: #121212;
    line-height: 2.4
}

.li-fuwu-form .li-fuwu-form-area-in textarea {
    border: 1px solid #9a9a9a;
    height: 200px;
    line-height: 1.6;
    padding: 0 12px;
    width: 100%
}

.li-fuwu-form .li-fuwu-form-area-in .yzm-ipt {
    border: 1px solid #9a9a9a;
    padding: 8px 10px;
    width: 200px
}

.li-fuwu-form .li-fuwu-form-btn {
    background: #4a4e5a;
    color: #fff;
    cursor: pointer;
    line-height: 2.5;
    margin: 3.5% auto 5%;
    min-width: 120px;
    text-align: center;
    width: 17%
}

.li-fuwu-zt-swiper-in {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 5.4%;
    position: relative
}

.li-fuwu-zt-swiper-in .li-fuwu-box-pic {
    background-size: cover !important;
    margin: 0 16px;
    padding-bottom: 86%;
    position: relative
}

.li-fuwu-zt {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 5.8%;
    padding-bottom: 5.8%;
    position: relative;
    text-align: center
}

.li-fuwu-zt .li-fuwu-zt-pic {
    background: url(../image/fuwu1.jpg);
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 6%;
    padding-bottom: 56.25%
}

.li-fuwu-zt .li-fuwu-box {
    cursor: pointer;
    margin: 0 16px;
    position: relative
}

.li-fuwu-zt .li-fuwu-box .li-fuwu-box-pic {
    background: red;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    opacity: .6;
    padding-bottom: 86%;
    width: 100%
}

.li-fuwu-zt .li-fuwu-box .li-fuwu-box-sel {
    opacity: 1
}

.li-fuwu-zt .li-fuwu-box .li-fuwu-box-title {
    line-height: 1.5;
    margin-top: 2.5%;
    text-align: left
}

.li-case-det-intro-desc-li {
    font-size: 18px;
    margin: 5px 0
}

.li-jiameng-main-li {
    padding: 1.5% 0
}

.li-jiameng-main-li .li-jiameng-num,
.li-jiameng-main-li .li-jiameng-title {
    color: #121212;
    font-weight: 700;
    line-height: 2.4;
    min-height: 1em
}

.li-det {
    padding-bottom: 5.8%;
    padding-top: 100px
}

.li-det .li-bread {
    color: #9a9a9a;
    font-size: 18px;
    padding: 6.2% 0
}

.li-det .li-bread a {
    color: #9a9a9a
}

.li-det .li-det-blank {
    color: #666;
    padding: 30px 0;
    text-align: center;
    width: 100%
}

.li-det .li-det-main img {
    max-width: 100%
}

.li-det .li-det-share {
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    line-height: 3.2;
    margin-top: 2%;
    position: relative
}

.li-det .li-det-share:after {
    clear: both;
    content: "";
    display: block;
    height: 0
}

.li-det .li-det-share .li-det-share-name {
    color: #dbdbdb;
    font-size: 14px
}

.li-det .li-det-tui {
    padding: 6.666666% 0 12%
}

.li-det .li-det-tui .li-det-tui-title {
    color: #121212;
    font-size: 36px;
    line-height: 1;
    padding-bottom: 5.833333%;
    text-align: center
}

.li-det .li-det-tui .li-det-tui-title-about {
    color: #343434;
    font-size: 24px;
    margin: 40px 0 20px;
    overflow: hidden;
    text-align: Center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.li-det .li-det-tui-swiper {
    position: relative
}

.li-det .li-det-tui-swiper-main {
    overflow: hidden;
    position: relative
}

.li-det .li-det-tui-swiper-main .li-det-tui-item {
    padding: 0 6px
}

.li-det .li-det-tui-swiper-main .swiper-det-prev {
    left: -50px
}

.li-det .li-det-tui-swiper-main .swiper-det-next {
    right: -50px
}

.li-det .li-det-tui-pic {
    background-size: 100% auto;
    background: url(../image/prodet.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-bottom: 74.35%;
    position: relative
}

.li-det .li-det-tui-desc {
    color: #9a9a9a;
    font-size: 18px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.li-hasbg-det {
    padding-top: 0
}

.li-case-swiper-big .li-case-swiper-max-wrap {
    padding-bottom: 5.8%;
    position: relative;
    text-align: center;
    width: 100%
}

.li-case-det-intro .li-case-det-intro-title {
    color: #343434;
    line-height: 1;
    text-align: Center
}

.li-case-det-intro .li-case-det-intro-desc {
    color: #9a9a9a;
    line-height: 1.6666;
    margin: 2% 0 5.4%;
    text-align: left
}

.li-case-det-pic {
    padding-top: 6%
}

.li-case-det-pic-li {
    margin-bottom: 10px;
    text-align: center
}

.li-case-det-pic-li img {
    max-width: 100%
}

.li-case-swiper-max {
    overflow: hidden
}

.li-det-main .li-det-main-title {
    color: #343434;
    font-size: 48px;
    line-height: 1;
    padding-bottom: 4%;
    text-align: center
}

.li-det-main .li-det-main-sub {
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    color: #343434;
    font-size: 16px;
    line-height: 3.375;
    text-align: center
}

.li-det-main .li-det-main-wrap {
    line-height: 2;
    padding: 3% 0
}

.li-det-updown a {
    color: #e9e9e9;
    float: left;
    font-size: 24px;
    line-height: 3.2
}

.li-det-updown a:hover {
    color: #ceb66e
}

.li-det-updown .li-det-updown-mid {
    margin: 0 4.16%
}

.li-share {
    position: relative
}

.li-det-share-main {
    color: #e9e9e9;
    cursor: pointer;
    float: right;
    font-size: 24px;
    line-height: 3.2;
    position: relative
}

.li-det-share-main .li-det-share-support {
    align-items: center;
    background: #fff;
    box-shadow: 0 0 35px 0 hsla(215, 9%, 64%, .15);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 50%;
    line-height: 1.4;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-96%) translateX(-50%);
    transform: translateY(-96%) translateX(-50%);
    transition: opacity .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 160px;
    z-index: 8;
    z-index: -1
}

.li-det-share-main .li-det-share-support .li-det-share-icon {
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 33.33333%
}

.li-form-area-main {
    font-size: 22px
}

.li-fuwu-form-wrap-first input {
    width: 33%
}

.li-zhanting-main {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.li-det-weixin-wrap {
    border-radius: 8px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12);
    height: 102px;
    left: 50%;
    opacity: 0;
    padding: 5px;
    position: absolute;
    top: -15px;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    transition: all .4s;
    width: 102px
}

.swiper-article-prev {
    left: -40px
}

.swiper-article-next {
    right: -40px
}

.li-pro-wrap-in {
    overflow: hidden
}

.li-pro-more-line {
    color: #9a9a9a;
    cursor: pointer;
    display: none;
    font-size: 22px;
    text-align: center
}

.li-case-det-swiper-small .swiper-scrollbar,
.li-fuwu-zt-swiper .swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 0;
    bottom: 3px;
    display: block !important;
    height: 8px;
    left: 16px;
    position: absolute;
    right: 16px;
    width: auto;
    z-index: 50
}

.li-case-det-swiper-small .swiper-scrollbar .swiper-scrollbar-drag,
.li-fuwu-zt-swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background: #cdb56e;
    border-radius: 0
}

.xin-find-zhao {
    background: #4a4e5a;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 2.5;
    margin: 3.5% auto 5%;
    min-width: 120px;
    text-align: center;
    width: 17%
}

.li-jiameng-num,
.li-jiameng-title {
    font-size: 32px
}

.li-mob-block,
.li-mob-header {
    display: none
}

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

    .swiper-button-next,
    .swiper-button-prev {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .g-34 {
        font-size: 22px
    }

    .g-22,
    .g-24,
    .li-study-item .li-study-name {
        font-size: 16px
    }

    .g-30 {
        font-size: 20px
    }

    .g-28 {
        font-size: 18px !important
    }

    .g-16,
    .g-18,
    .li-case-tab .li-case-item,
    .li-content-pro-tab,
    .li-footer-qrcode-title,
    .li-intro-tab,
    .li-news-main .li-news-li-desc .li-news-li-desc-desc,
    .li-news-main .li-news-li-desc .li-news-li-time,
    .li-study-desc,
    .li-study-item .li-study-time {
        font-size: 14px !important
    }

    .g-32,
    .li-jiameng-num,
    .li-jiameng-title,
    .li-logo-href {
        font-size: 20px !important
    }

    .g-14,
    .li-footer-li-href {
        font-size: 12px !important
    }

    .li-nav .li-nav-href {
        font-size: 14px
    }

    .li-content .li-content-title {
        font-size: 30px;
        padding: 4% 0 1%
    }

    .li-content .li-content-desc {
        font-size: 16px;
        margin: 1.5% 0 1%
    }

    .li-content .li-content-article-main {
        margin: 5% 0
    }

    .li-case-wrap-item-inner,
    .li-in {
        margin: 0 12px;
        max-width: 100%;
        width: auto
    }

    .li-footer .li-footer-nav .li-footer-li .li-footer-li-title {
        font-size: 14px !important
    }

    .li-footer-qrcode-num {
        font-size: 24px !important
    }

    .li-content-article-case-item-href {
        float: none;
        height: auto;
        width: 100%
    }

    .li-det-share-main .li-det-share-support {
        background: none !important;
        box-shadow: none;
        opacity: 1 !important;
        position: static;
        -webkit-transform: none !important;
        -webkit-transform: initial !important;
        transform: none !important;
        width: auto;
        z-index: auto
    }

    .li-intro-main-other .RCMS_EDITOR .li-det-cms-item {
        margin-bottom: 50px !important
    }

    .li-intro-main-other .RCMS_EDITOR .li-det-cms-item .li-det-cms-pic {
        width: 100% !important
    }

    .li-intro-main-other .RCMS_EDITOR .li-det-cms-item .li-det-cms-wenben {
        text-align: left !important;
        width: 100% !important
    }

    .li-intro-main-other .RCMS_EDITOR .li-det-cms-item .g-24 {
        font-size: 16px !important
    }

    .li-intro-main-other .RCMS_EDITOR .li-det-cms-item .g-32 {
        font-size: 18px !important
    }

    .li-open-icon {
        background: hsla(0, 0%, 100%, .84);
        border-radius: 50%;
        box-shadow: 1px 3px 30px 0 rgba(0, 0, 0, .24);
        display: block;
        padding: 12px;
        position: fixed;
        right: 8px;
        top: 68% !important;
        z-index: 100
    }

    .li-open-icon img {
        width: 24px
    }

    .li-open-icon span {
        display: none
    }

    .li-header {
        display: none
    }

    .li-header,
    .li-mob-header {
        background: #fff;
        border-bottom: 1px solid #e9e9e9;
        height: 60px;
        left: 0;
        line-height: 60px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 666
    }

    .li-mob-header {
        display: block
    }

    .li-mob-header .li-in {
        height: 100%;
        margin: 0 12px;
        position: relative
    }

    .li-mob-header .li-in .li-control {
        cursor: pointer;
        font-size: 24px;
        left: auto;
        right: 0
    }

    .li-logo-href,
    .li-mob-header .li-in .li-control {
        line-height: 1;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .li-logo-href {
        color: #494d59;
        font-size: 20px;
        left: 0
    }

    .li-logo-href:before {
        content: "\e632"
    }

    .li-banner {
        height: auto;
        overflow: hidden;
        position: relative
    }

    .li-banner .swiper {
        height: 68vw
    }

    .li-banner-swiper {
        height: 100%;
        position: relative
    }

    .li-banner-swiper .banner-pagination {
        bottom: 16px;
        width: 100%
    }

    .li-banner-swiper .banner-pagination .swiper-pagination-bullet {
        background-color: #fff;
        border-radius: 5px;
        height: 10px;
        margin: 0 5px;
        opacity: 1;
        transition: width 1s;
        width: 10px
    }

    .li-banner-swiper .banner-pagination .swiper-pagination-bullet-active {
        background-color: #c0a353;
        height: 10px;
        width: 20px
    }

    .li-banner-bg {
        background: url(../image/banner1.jpg) no-repeat 50%;
        background-size: cover;
        height: 68vw
    }

    .banner-pagination {
        bottom: 16px;
        width: 100%
    }

    .banner-pagination .swiper-pagination-bullet {
        background-color: #fff;
        border-radius: 5px;
        height: 10px;
        margin: 0 5px;
        opacity: 1;
        transition: width 1s;
        width: 10px
    }

    .banner-pagination .swiper-pagination-bullet-active {
        background-color: #c0a353;
        height: 10px;
        width: 20px
    }

    .li-content-title {
        line-height: 1.25
    }

    .li-content-desc {
        line-height: 1.5;
        margin-top: 1.25%
    }

    .li-content-pro {
        color: #343434;
        line-height: 1.25;
        padding: 6% 12px;
        text-align: center
    }

    .li-content-pro .li-content-pro-tab {
        line-height: 1.6667;
        margin: 4.8% 0 3.5%;
        text-align: center;
        white-space: normal
    }

    .li-content-pro .li-content-pro-tab .li-content-pro-tab-span {
        color: #9a9a9a;
        cursor: pointer;
        display: inline-block;
        padding: 0 3.8333333%
    }

    .li-content-pro .li-content-pro-tab .li-content-pro-tab-act {
        color: #343434
    }

    .li-content-pro .li-content-pro-swiper {
        position: relative
    }

    .li-content-pro .li-content-pro-swiper .pro-swiper-item {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 42%;
        position: relative
    }

    .li-content-pro .li-content-pro-swiper .pro-swiper-item img {
        bottom: 0;
        left: 0;
        margin: auto;
        max-height: 86%;
        max-width: 86%;
        position: absolute;
        right: 0;
        top: 0
    }

    .li-content-pro .li-content-pro-swiper .pro-swiper-desc {
        color: #9a9a9a;
        line-height: 1.875;
        padding: 2% 10.5% 5%
    }

    .li-content-article {
        background: url(../image/li-article-bg.png) no-repeat 50%;
        background-size: cover;
        padding: 6% 0;
        position: relative;
        text-align: Center
    }

    .li-content-article .li-in {
        margin: 0 12px
    }

    .li-content-article .li-content-article-main {
        box-shadow: 1px 3px 37px 4px rgba(0, 0, 0, .1);
        margin: 6.6666667% 0 5%;
        position: relative
    }

    .li-content-article .li-content-article-main .li-content-article-swiper {
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        position: relative;
        z-index: 1
    }

    .li-content-article .li-content-article-main .li-content-article-case-item {
        background: #fff
    }

    .li-content-article .li-content-article-main .li-content-article-case-item .li-content-article-case-text {
        bottom: 0;
        left: 0;
        position: relative;
        right: 0;
        text-align: left;
        top: 0
    }

    .li-content-article .li-content-article-main .li-content-article-case-item .li-content-article-case-text .li-content-article-case-text-title {
        font-size: 16px
    }

    .li-content-article .li-content-article-main .li-content-article-case-item .li-content-article-case-text .li-content-article-case-text-line {
        background-color: #c0a454;
        height: 3px;
        margin: 20px 0 14px;
        position: relative;
        width: 60px
    }

    .li-content-article .li-content-article-main .li-content-article-case-item .li-content-article-case-text .li-content-article-case-text-desc {
        color: #9a9a9a;
        font-size: 14px;
        line-height: 1.875
    }

    .li-content-article .li-content-article-main .li-content-article-case-item:nth-child(2n) {
        background: #4a4e5a
    }

    .li-content-article .li-content-article-main .li-content-article-case-item:nth-child(2n) .li-content-article-case-text,
    .li-content-article .li-content-article-main .li-content-article-case-item:nth-child(2n) .li-content-article-case-text .li-content-article-case-text-desc {
        color: #fff
    }

    .li-content-article .li-content-article-main .li-content-article-case-pic {
        overflow: hidden;
        padding-bottom: 68%;
        position: relative;
        width: 100%
    }

    .li-content-article .li-content-article-main .li-content-article-case-pic .li-content-article-case-pic-in {
        background: url(../image/a.jpg) no-repeat 50%;
        background-size: cover;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .li-content-catlog {
        padding: 6% 0
    }

    .li-content-catlog .li-in {
        margin: 0 12px;
        text-align: center
    }

    .li-content-catlog .li-in .li-content-catlog-item {
        display: inline-block;
        padding: 4.16% 0;
        width: 25%
    }

    .li-content-catlog .li-in .li-content-catlog-item .child {
        margin: 0 auto;
        padding-bottom: 36%;
        position: relative;
        width: 36%
    }

    .li-content-catlog .li-in .li-content-catlog-item .child .iconfont {
        align-items: center;
        border: 1px solid #4a4e5a;
        border-radius: 50%;
        bottom: 0;
        color: #4a4e5a;
        display: flex;
        flex-wrap: wrap;
        font-size: 16px;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .li-content-catlog .li-in .li-content-catlog-item .name {
        color: #343434;
        font-size: 14px;
        margin-top: 11%;
        text-align: center
    }

    .li-content-catlog .li-in .li-content-catlog-item:nth-child(2) {
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9
    }

    .li-content-link {
        padding: 6% 0
    }

    .li-content-link .li-in {
        margin: 0 12px;
        text-align: Center
    }

    .li-content-link .li-content-title {
        color: #121212;
        font-size: 24px;
        line-height: 1.25
    }

    .li-content-link .li-content-desc {
        color: #999;
        line-height: 1.7;
        margin-top: 2%
    }

    .li-content-link .li-content-link-item {
        margin-top: 2%;
        overflow: hidden
    }

    .li-content-link .li-content-link-item a {
        background: url(../image/logo1.png) no-repeat;
        background-size: cover;
        cursor: pointer;
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        float: left;
        height: 100%;
        margin: 1%;
        padding-bottom: 50%;
        width: 18%;
        width: 100%
    }

    .li-content-link-swiper-main {
        overflow: hidden
    }

    .li-footer {
        background: url(../image/li-footer-bg.png) no-repeat;
        background-position: 50% 50%;
        background-size: cover
    }

    .li-footer .li-in {
        margin: 0 12px
    }

    .li-footer .li-in .li-footer-nav {
        border: none;
        float: none;
        min-height: auto;
        overflow: hidden;
        padding-bottom: 20px;
        padding-top: 6%;
        width: 100%
    }

    .li-footer .li-in .li-footer-nav .li-footer-li {
        float: left;
        margin: 0;
        text-align: center;
        width: 25%
    }

    .li-footer .li-in .li-footer-nav .li-footer-li .li-footer-li-title {
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        padding-bottom: 20px
    }

    .li-footer .li-in .li-footer-nav .li-footer-li .li-footer-li-son {
        line-height: 2.1428
    }

    .li-footer .li-in .li-footer-nav .li-footer-li .li-footer-li-son a {
        color: #bdbdbd
    }

    .li-footer .li-footer-qrcode {
        color: #fff;
        float: none;
        text-align: Center;
        width: 100%
    }

    .li-footer .li-footer-qrcode .li-footer-qrcode-title {
        margin-bottom: 12px
    }

    .li-footer .li-footer-qrcode .li-footer-qrcode-num {
        font-size: 24px;
        padding-bottom: 24px
    }

    .li-footer .li-footer-qrcode .li-footer-qrcode-ewm {
        height: auto;
        margin: 0;
        width: auto
    }

    .li-footer .li-footer-qrcode .li-footer-qrcode-ewm img {
        width: 100px
    }

    .li-footer .li-footer-qrcode .li-footer-qrcode-span {
        display: block
    }

    .li-footer .li-footer-qrcode .li-footer-qrcode-href {
        background: #c0a353;
        color: #fff;
        display: block;
        height: 2.5em;
        line-height: 2.5;
        margin: 18px auto 0;
        min-width: 100px;
        text-align: center;
        width: 7.3vw
    }

    .li-footer .li-footer-bot {
        color: #999;
        padding: 5.5% 2.5%;
        text-align: center
    }

    .li-footer .li-footer-bot a {
        color: #999
    }

    .li-mob-catlog {
        background: #fff;
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 60px;
        width: 100%;
        z-index: 100
    }

    .li-search {
        align-items: center;
        background: hsla(0, 0%, 100%, .2);
        border-radius: 20px;
        box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
        display: flex;
        flex-wrap: wrap;
        height: 42px;
        margin: 16px auto 10px;
        overflow: hidden;
        width: 200px
    }

    .li-search .li-search-area {
        height: 42px;
        line-height: 42px;
        text-align: center;
        width: 48px
    }

    .li-search input {
        background-color: transparent;
        border: none;
        color: inherit;
        height: 40px;
        line-height: 40px;
        width: 152px
    }

    .li-mob-catlog-wrap {
        font-size: 16px;
        line-height: 2.4;
        padding: 0 1.6em
    }

    .li-mob-catlog-wrap .li-mob-catlog-title {
        position: relative
    }

    .li-mob-catlog-wrap .li-mob-catlog-title a {
        display: block
    }

    .li-mob-catlog-wrap .li-mob-catlog-span {
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }

    .li-mob-catlog-wrap .li-mob-catlog-span-sel .iconfont {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    .li-mob-catlog-wrap .li-mob-catlog-det-li {
        font-size: 14px;
        line-height: 2.6
    }

    .li-mob-catlog-wrap .li-mob-catlog-det-li a {
        display: block
    }

    .li-mob-catlog-wrap .li-mob-catlog-det {
        display: none
    }

    .li-news-main .li-news-li-pic {
        float: none;
        margin-bottom: 12px;
        padding-bottom: 60%;
        width: 100%
    }

    .li-news-main .li-news-li-desc {
        float: none;
        width: 100%
    }

    .li-intro-wrap .li-intro-zi-wrap {
        width: 100%
    }

    .li-intro-wrap .li-intro-zi-wrap .li-intro-zi-li {
        float: none;
        width: 100%
    }

    .li-study-main {
        -webkit-column-count: auto;
        -webkit-column-count: initial;
        column-count: auto
    }

    .li-pro-swiper {
        overflow: hidden
    }

    .li-mob-block {
        height: 60px
    }

    .li-list-banner {
        background: url(../image/jianjie.jpg) no-repeat 50%;
        background-size: cover;
        height: 38vw
    }

    .li-case-tab,
    .li-intro-main,
    .li-intro-tab,
    .li-pro-main,
    .li-pro-tab {
        margin: 0 12px
    }

    .li-fuwu-tab,
    .li-intro-tab,
    .li-news-tab,
    .li-study-tab {
        font-size: 14px;
        justify-content: center;
        line-height: 2;
        padding-top: 5%;
        text-align: center
    }

    .li-fuwu-tab .li-fuwu-item,
    .li-fuwu-tab .li-intro-item,
    .li-fuwu-tab .li-study-item-tab,
    .li-intro-tab .li-fuwu-item,
    .li-intro-tab .li-intro-item,
    .li-intro-tab .li-study-item-tab,
    .li-news-tab .li-fuwu-item,
    .li-news-tab .li-intro-item,
    .li-news-tab .li-study-item-tab,
    .li-study-tab .li-fuwu-item,
    .li-study-tab .li-intro-item,
    .li-study-tab .li-study-item-tab {
        color: #9a9a9a;
        cursor: pointer;
        display: inline-block;
        padding: 0 6.6%
    }

    .li-fuwu-tab .li-fuwu-item a,
    .li-fuwu-tab .li-intro-item a,
    .li-fuwu-tab .li-study-item-tab a,
    .li-intro-tab .li-fuwu-item a,
    .li-intro-tab .li-intro-item a,
    .li-intro-tab .li-study-item-tab a,
    .li-news-tab .li-fuwu-item a,
    .li-news-tab .li-intro-item a,
    .li-news-tab .li-study-item-tab a,
    .li-study-tab .li-fuwu-item a,
    .li-study-tab .li-intro-item a,
    .li-study-tab .li-study-item-tab a {
        color: #9a9a9a
    }

    .li-study-tab {
        padding-bottom: 5%
    }

    .li-intro-main {
        padding: 10% 0 6%
    }

    .li-intro-main .li-intro-main-title {
        line-height: 1.5;
        text-align: Center
    }

    .li-intro-main .li-intro-main-title .li-intro-title {
        font-size: 32px;
        font-weight: 700
    }

    .li-intro-main .li-intro-main-title .li-intro-title-en {
        font-size: 16px;
        font-weight: 700;
        margin: 10px 0
    }

    .li-intro-main .li-intro-main-video {
        padding: 10px 0 15px
    }

    .li-intro-wrap {
        display: none
    }

    .li-intro-wrap .li-intro-main-other {
        line-height: 1.5
    }

    .li-intro-wrap .li-intro-main-other img {
        margin: 0 auto;
        max-width: 100%
    }

    .li-intro-wrap .li-intro-zi-li {
        float: left;
        margin: 10px 0;
        padding: 0 5px;
        width: 50%
    }

    .li-intro-wrap .li-intro-zi-li img {
        max-width: 100%
    }

    .li-intro-wrap .li-intro-zi-ch {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 5px
    }

    .li-intro-wrap .li-intro-zi-en {
        font-weight: 700;
        padding: 5px 0
    }

    .li-intro-wrap .li-intro-zi-wrap {
        margin-bottom: 20px;
        overflow: hidden
    }

    .li-pro-tab {
        justify-content: space-between;
        padding: 4% 0 7%;
        text-align: center
    }

    .li-pro-tab .li-pro-item {
        color: #343434;
        cursor: pointer;
        float: left;
        line-height: 1.6;
        margin: 12px 0;
        opacity: .75
    }

    .li-pro-tab .li-pro-item:first-child {
        margin-left: 0
    }

    .li-pro-tab .li-pro-item img {
        display: inline-block;
        font-size: 24px;
        margin-right: 10px;
        width: 32px
    }

    .li-pro-wrap-main {
        left: -10px;
        padding: 3.33333% 0 8%;
        position: relative;
        width: calc(100% + 20px)
    }

    .li-pro-wrap-main .li-pro-wrap-main-href {
        display: none;
        float: left;
        line-height: 1;
        margin-bottom: 3.1%;
        overflow: hidden;
        padding: 0 10px 3.1%;
        position: relative;
        text-align: center;
        width: 50%
    }

    .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-pic {
        overflow: hidden;
        padding-bottom: 74.9%;
        position: relative
    }

    .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-pic img {
        bottom: 0;
        left: 0;
        margin: auto;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-title {
        color: #343434;
        font-size: 16px;
        margin: 30px 0 20px
    }

    .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-desc,
    .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-title {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }

    .li-pro-wrap-main .li-pro-wrap-main-href .li-pro-wrap-main-desc {
        color: #9a9a9a;
        height: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .li-pro-wrap-main .li-pro-wrap-in {
        overflow: hidden
    }

    .li-pro-wrap-main .li-pro-more-line {
        color: #9a9a9a;
        cursor: pointer;
        display: none;
        font-size: 22px;
        position: relative;
        text-align: center
    }

    .li-pro-main .li-pro-wrap-main .li-pro-wrap-main-href {
        width: 50%
    }

    .li-case-tab {
        line-height: 2;
        padding-top: 5%;
        text-align: center
    }

    .li-case-tab .li-case-item {
        color: #9a9a9a;
        cursor: pointer;
        display: inline-block;
        padding: 0 8.8333%
    }

    .li-case-wrap-item {
        padding: 5% 12px
    }

    .li-case-wrap-item .li-case-wrap-item-pic {
        overflow: hidden;
        padding-bottom: 68%;
        position: relative;
        width: 100%
    }

    .li-case-wrap-item .li-case-wrap-item-pic .li-case-wrap-item-pic-in {
        background: url(../image/study.jpg) no-repeat 50%;
        background-size: cover;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .li-case-wrap-item .li-case-wrap-item-desc {
        bottom: 0;
        float: none;
        left: 0;
        padding: 4% 12.5% !important;
        position: relative;
        right: 0;
        text-align: left;
        top: 0;
        width: 100% !important
    }

    .li-case-wrap-item .li-case-wrap-item-desc-catlog {
        color: #9a9a9a;
        line-height: 1.875;
        margin-top: 24px
    }

    .li-case-wrap-item .li-case-wrap-item-desc-more {
        color: #343434;
        cursor: pointer;
        display: block;
        margin-top: 24px
    }

    .li-case-wrap {
        display: none
    }

    .li-case-wrap>.li-case-wrap-item:nth-child(2n) {
        background: #f8f8f8
    }

    .li-fuwu-form .li-fuwu-form {
        margin: 0 12px
    }

    .li-fuwu-form .li-fuwu-form-title {
        line-height: 1;
        padding-bottom: 3%
    }

    .li-fuwu-form .li-fuwu-form-wrap {
        margin-bottom: 1.5%;
        overflow: hidden
    }

    .li-fuwu-form .li-fuwu-form-wrap .li-fuwu-form-item {
        border-bottom: 1px solid #9a9a9a;
        color: #121212;
        cursor: pointer;
        float: left;
        line-height: 2.4;
        position: relative;
        width: 28.8%
    }

    .li-fuwu-form .li-fuwu-form-wrap .li-fuwu-form-item input {
        border: none;
        font-size: 16px;
        line-height: 100%;
        width: 100%
    }

    .li-fuwu-form .li-fuwu-form-wrap .li-fuwu-form-item select {
        background: none;
        border: none;
        width: 100%
    }

    .li-fuwu-form .li-fuwu-form-wrap .li-fuwu-center {
        margin: 0 6.6666%
    }

    .li-fuwu-form .li-fuwu-area-title {
        font-size: 16px;
        line-height: 2.4
    }

    .li-fuwu-form .li-fuwu-form-area-in textarea {
        border: 1px solid #9a9a9a;
        height: 200px;
        line-height: 1.6;
        padding: 0 12px;
        width: 100%
    }

    .li-fuwu-form .li-fuwu-form-btn {
        background: #4a4e5a;
        color: #fff;
        cursor: pointer;
        line-height: 2.5;
        margin: 3.5% auto 5%;
        min-width: 120px;
        text-align: center;
        width: 17%
    }

    .li-fuwu-main-det {
        border-bottom: 1px solid #e9e9e9;
        color: #343434;
        margin-bottom: 6%;
        padding-bottom: 3.5%
    }

    .li-fuwu-main {
        margin: 0 12px;
        padding-top: 5%
    }

    .li-news-tab {
        padding: 5% 12px 0
    }

    .li-news-tab .li-intro-item {
        /* padding: 0 8.8333% */
        padding: 0  7.8333%
    }

    .li-fuwu-zt {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 5.8%;
        padding-bottom: 5.8%;
        text-align: center
    }

    .li-fuwu-zt .li-fuwu-zt-pic {
        margin-bottom: 6%;
        padding-bottom: 56.25%
    }

    .li-fuwu-zt-swiper-in {
        padding: 0 0 5.4%
    }

    .li-fuwu-zt-swiper-in .li-fuwu-box {
        cursor: pointer;
        margin: 0 16px;
        position: relative
    }

    .li-fuwu-zt-swiper-in .li-fuwu-box .li-fuwu-box-pic {
        background-size: cover !important;
        padding-bottom: 86%;
        width: 100%
    }

    .li-fuwu-zt-swiper-in .li-fuwu-box .li-fuwu-box-title {
        margin-top: 2.5%;
        text-align: left
    }

    .li-jiameng-main {
        margin: 0 12px;
        padding-top: 6%
    }

    .li-jiameng-main .li-jiameng-num {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .li-jiameng-main .li-jiameng-title {
        font-size: 16px;
        padding: 10px 0
    }

    .li-jiameng-main .li-jiameng-main-li {
        margin-bottom: 20px
    }

    .li-jiameng-main .li-jiameng-desc {
        line-height: 1.5
    }

    .li-news-li-pic {
        display: block;
        float: left;
        margin-bottom: 12px;
        overflow: hidden;
        padding-bottom: 68%;
        position: relative;
        width: 100%
    }

    .li-news-li-pic .li-news-li-pic-in {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .li-news-main {
        padding: 0 0 5%
    }

    .li-news-main .li-news-li {
        border-bottom: 1px solid #e9e9e9;
        padding: 5% 0
    }

    .li-news-wrap {
        line-height: 1.6;
        margin: 0 12px
    }

    .li-news-wrap .li-news-li-time {
        color: #9a9a9a;
        margin: 1.6% 0 2.8%
    }

    .li-news-wrap .li-news-li-desc-desc {
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        color: #9a9a9a;
        display: -webkit-box;
        height: 4.8em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal !important
    }

    .li-news-wrap .li-news-li-more {
        color: #343434;
        cursor: pointer;
        display: block;
        margin-top: 24px
    }

    .li-study {
        margin: 0 12px
    }

    .li-study .li-study-item {
        padding: 0 2.5% 10%
    }

    .li-study .li-study-wrap {
        box-shadow: 1px 3px 30px 0 rgba(0, 0, 0, .05);
        line-height: 1.6
    }

    .li-study .li-study-wrap .li-study-pic img {
        max-width: 100%
    }

    .li-study .li-study-wrap .li-study-name {
        background-color: #fff;
        font-size: 16px;
        line-height: 1.6;
        padding: 7.75% 7.75% 0
    }

    .li-study .li-study-wrap .li-study-desc {
        color: #9a9a9a;
        margin-top: 12px;
        padding: 0 7.75%
    }

    .li-study .li-study-wrap .li-study-time {
        color: #9a9a9a;
        margin-top: 7%;
        padding: 0 7.75% 7.75%
    }

    .li-single {
        margin: 0 12px;
        max-width: 100%;
        padding: 2.5% 0 6%;
        position: relative
    }

    .li-single .li-com-title {
        border-bottom: 1px solid #e9e9e9;
        color: #343434;
        line-height: 1.1;
        margin-bottom: 3%;
        padding: 3% 0 3% 12px
    }

    .li-single .li-com-cont {
        line-height: 1.6;
        padding: 0 0 3.5% 24%
    }

    #li-gys,
    #li-liuyan {
        margin: 15px 12px 0
    }

    .li-det {
        margin: 0 12px
    }

    .li-det .li-bread {
        color: #9a9a9a;
        font-size: 14px;
        overflow: hidden;
        padding: 5.8% 0;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .li-det .li-bread a {
        color: #9a9a9a
    }

    .li-det .li-det-main-title {
        color: #343434;
        font-size: 30px;
        line-height: 1;
        padding-bottom: 4%;
        text-align: center
    }

    .li-det .li-det-main-sub {
        border-bottom: 1px solid #e9e9e9;
        border-top: 1px solid #e9e9e9;
        color: #343434;
        line-height: 3.375;
        text-align: center
    }

    .li-det .li-det-main img {
        max-width: 100%
    }

    .li-det .li-det-main-wrap {
        line-height: 2;
        padding: 3% 0
    }

    .li-det .li-det-tui-item {
        text-align: center
    }

    .li-det .li-det-share {
        align-items: center;
        border-bottom: 1px solid #e9e9e9;
        border-top: 1px solid #e9e9e9;
        display: block;
        display: flex;
        flex-wrap: wrap;
        font-size: 16px;
        justify-content: flex-end;
        line-height: 3.2;
        margin-bottom: 20px;
        position: relative
    }

    .li-det .li-det-share .li-det-share-icon {
        margin-left: 10px
    }

    .li-det .li-det-share .li-det-updown {
        width: 100%
    }

    .li-det .li-det-share .li-det-updown a {
        color: #e9e9e9;
        float: left
    }

    .li-det .li-det-share .li-det-updown a:hover {
        color: #ceb66e
    }

    .li-det .li-det-share .li-det-updown .li-det-updown-mid {
        margin: 0 4.16%
    }

    .li-det .li-det-updown+div {
        position: absolute
    }

    .li-det .li-det-share-main:before {
        content: ""
    }

    .li-det .li-det-share-main .icon-weixin,
    .li-det .li-det-share-main .li-det-share-name {
        display: none
    }

    .li-det .li-det-tui {
        padding: 6.666666% 0 7.5%
    }

    .li-det .li-det-tui .li-det-tui-title {
        color: #121212;
        font-size: 36px;
        line-height: 1;
        padding-bottom: 5.833333%;
        text-align: center
    }

    .li-det .li-det-tui .li-det-tui-pic {
        background-size: 100% auto;
        padding-bottom: 74.35%
    }

    .li-det .li-det-tui .li-det-tui-title-about {
        color: #343434;
        font-size: 24px;
        margin: 40px 0 20px
    }

    .li-det .li-det-tui .li-det-tui-desc {
        color: #9a9a9a;
        font-size: 18px
    }

    .li-det .li-det-tui .swiper-det-next,
    .li-det .li-det-tui .swiper-det-prev {
        display: none
    }

    .li-det .li-det-tui .li-det-tui-swiper-main {
        overflow: hidden
    }

    .li-study-more {
        color: #9a9a9a;
        cursor: pointer;
        font-size: 22px;
        padding-bottom: 6%;
        text-align: center
    }

    .li-case-swiper-big {
        overflow: hidden
    }

    .li-case-swiper-big .li-case-swiper-max-wrap {
        padding-bottom: 5.8%
    }

    .li-case-det-intro-title {
        text-align: center
    }

    .li-case-det-intro-desc {
        color: #9a9a9a;
        line-height: 1.6666;
        margin: 2% 0 5.4%;
        text-align: left
    }

    .li-fuwu-box-pic {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover !important;
        padding-bottom: 86%;
        width: 100%
    }

    .li-case-det-pic {
        border-bottom: 1px solid #e9e9e9;
        border-top: 1px solid #e9e9e9;
        padding: 6% 0
    }

    .li-case-det-pic img {
        margin-bottom: 1em
    }

    .xin-find-zhao {
        background: #4a4e5a;
        color: #fff;
        cursor: pointer;
        display: block;
        line-height: 2.5;
        margin: 3.5% auto 5%;
        min-width: 120px;
        text-align: center;
        width: 17%
    }

    .li-fuwu-zt-swiper-in {
        overflow: hidden;
        padding-bottom: 5.8%;
        position: relative
    }

    .li-fuwu-zt-swiper-in .swiper-scrollbar {
        background: rgba(0, 0, 0, .1);
        border-radius: 0;
        bottom: 3px;
        display: block !important;
        height: 8px;
        left: 16px;
        position: absolute;
        right: 16px;
        width: auto;
        z-index: 50
    }

    .li-fuwu-zt-swiper-in .swiper-scrollbar-drag {
        background: #cdb56e;
        border-radius: 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1280px) {
    .g-34 {
        font-size: 22px
    }

    .g-22,
    .g-24,
    .li-study-item .li-study-name {
        font-size: 16px
    }

    .g-30 {
        font-size: 20px
    }

    .g-28 {
        font-size: 18px !important
    }

    .g-16,
    .g-18,
    .li-case-tab .li-case-item,
    .li-content-pro-tab,
    .li-footer-qrcode-title,
    .li-intro-tab,
    .li-news-main .li-news-li-desc .li-news-li-desc-desc,
    .li-news-main .li-news-li-desc .li-news-li-time,
    .li-study-desc,
    .li-study-item .li-study-time {
        font-size: 14px !important
    }

    .g-32,
    .li-jiameng-num,
    .li-jiameng-title,
    .li-logo-href {
        font-size: 20px !important
    }

    .g-14,
    .li-footer-li-href {
        font-size: 12px !important
    }

    .li-nav .li-nav-href {
        font-size: 14px
    }

    .li-content .li-content-title {
        font-size: 30px;
        padding: 4% 0 1%
    }

    .li-content .li-content-desc {
        font-size: 16px;
        margin: 1.5% 0 1%
    }

    .li-content .li-content-article-main {
        margin: 5% 0
    }

    .li-case-wrap-item-inner,
    .li-in {
        max-width: 900px
    }

    .li-footer .li-footer-nav .li-footer-li .li-footer-li-title {
        font-size: 14px !important
    }

    .li-footer-qrcode-num {
        font-size: 24px !important
    }

    .li-banner-swiper {
        height: 100%;
        position: relative
    }

    .li-banner-swiper .banner-pagination {
        bottom: 16px;
        width: 100%
    }

    .li-banner-swiper .banner-pagination .swiper-pagination-bullet {
        background-color: #fff;
        border-radius: 5px;
        height: 10px;
        margin: 0 5px;
        opacity: 1;
        transition: width 1s;
        width: 10px
    }

    .li-banner-swiper .banner-pagination .swiper-pagination-bullet-active {
        background-color: #c0a353;
        height: 10px;
        width: 20px
    }
}

@media only screen and (min-width:1280px) and (max-width:1440px) {
    .li-banner-swiper {
        height: 100%;
        position: relative
    }

    .li-banner-swiper .banner-pagination {
        bottom: 16px;
        width: 100%
    }

    .li-banner-swiper .banner-pagination .swiper-pagination-bullet {
        background-color: #fff;
        border-radius: 5px;
        height: 10px;
        margin: 0 5px;
        opacity: 1;
        transition: width 1s;
        width: 10px
    }

    .li-banner-swiper .banner-pagination .swiper-pagination-bullet-active {
        background-color: #c0a353;
        height: 10px;
        width: 20px
    }

    .g-34 {
        font-size: 30px
    }

    .g-30 {
        font-size: 26px
    }

    .g-24,
    .li-study-item .li-study-name {
        font-size: 20px
    }

    .g-14,
    .li-footer-li-href {
        font-size: 12px !important
    }

    .g-22 {
        font-size: 18px
    }

    .g-28 {
        font-size: 24px !important
    }

    .g-16,
    .g-18,
    .li-case-tab .li-case-item,
    .li-content-pro-tab,
    .li-footer-qrcode-title,
    .li-intro-tab,
    .li-news-main .li-news-li-desc .li-news-li-desc-desc,
    .li-news-main .li-news-li-desc .li-news-li-time,
    .li-study-desc,
    .li-study-item .li-study-time {
        font-size: 16px !important
    }

    .g-32,
    .li-jiameng-num,
    .li-jiameng-title,
    .li-logo-href {
        font-size: 28px !important
    }

    .li-footer .li-footer-nav .li-footer-li .li-footer-li-title {
        font-size: 16px !important
    }

    .li-footer-qrcode-num {
        font-size: 30px !important
    }

    .li-nav .li-nav-href {
        font-size: 16px
    }

    .li-content .li-content-title {
        font-size: 42px
    }

    .li-content .li-content-desc {
        font-size: 20px
    }

    .li-case-wrap-item-inner,
    .li-in {
        max-width: 1080px
    }
}