html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat
}

html,
body {
    margin: 0px;
    padding: 0px;
    font-family: "PingFangSC-Regular", sans-serif, "microsoft yahei";
    font-size: 0.14rem;
    margin: 0px;
    padding: 0px;
    color: #000;
    line-height: 22px;
    height: auto;
    clear: both;
    overflow-x: hidden
}

div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
body,
strong,
span,
pre,
input {
    margin: 0;
    padding: 0;
    border: 0;
    background-repeat: no-repeat
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
    font-weight: normal
}

p {
    margin: 0px;
    padding: 0px
}

body,
button,
input,
select,
textarea {
    font: 14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial;
    color: #000
}

img {
    border: 0px;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat
}

ul,
li {
    list-style: none
}

em,
i {
    font-style: normal
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: #000;
    outline: none;
    cursor: pointer
}

a:hover {
    background-repeat: no-repeat;
    text-decoration: none
}

a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
    cursor: pointer
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input,
textarea,
select,
button {
    border: none;
    outline: none;
    color: inherit;
    font-size: 14px;
    background: none;
    font-family: inherit;
    outline: none
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
    outline-style: none;
    -webkit-appearance: none;
    resize: none
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
    -webkit-appearance: none;
    background: none;
    outline: none;
    border: none
}

a,
button,
input,
optgroup,
select,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #999 !important;
    -webkit-transition: background-color 99999999s ease-in-out 0s !important;
    -o-transition: background-color 99999999s ease-in-out 0s !important;
    transition: background-color 99999999s ease-in-out 0s !important
}

input,
textarea {
    -webkit-appearance: none
}

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

.clearfix {
    *zoom: 1
}

ul.ulclear {
    margin: 0px;
    padding: 0px;
    list-style: none
}

ul.ulclear li {
    margin: 0px;
    padding: 0px;
    list-style: none
}

ol.olclear {
    margin: 0px;
    padding: 0px;
    list-style: none
}

ol.olclear li {
    margin: 0px;
    padding: 0px;
    list-style: none
}

input,
textarea,
button {
    border: none;
    outline: none;
    color: inherit;
    font-size: 14px;
    background: none;
    font-family: inherit;
    outline: none
}

textarea {
    resize: none;
    overflow: auto
}

input {
    -webkit-appearance: none
}

input {
    background: none;
    outline: none;
    border: none
}

.iconfont {
    color: inherit;
    font-size: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fl {
    float: left
}

.fr {
    float: right
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

.visible-sm,
.visible-md,
.visible-lg {
    display: none
}

.hidden-sm,
.hidden-md,
.hidden-lg {
    display: block
}

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

    .hidden-sm,
    .hidden-md,
    .hidden-lg {
        display: none
    }

    .visible-sm,
    .visible-md,
    .visible-lg {
        display: block
    }
}

a {
    -webkit-transform: all 0.3s;
    -ms-transform: all 0.3s;
    -o-transform: all 0.3s;
    transform: all 0.3s
}

@-webkit-keyframes pic_m {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes pic_m {
    0% {
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pic_m {
    0% {
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-0.05rem);
        transform: translateY(-0.05rem)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes jump {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -o-transform: translateY(-0.05rem);
        transform: translateY(-0.05rem)
    }

    100% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-0.05rem);
        -o-transform: translateY(-0.05rem);
        transform: translateY(-0.05rem)
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes round {
    0% {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.2, 1.2, 1.2)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes round {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes round2 {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes round2 {
    0% {
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes round2 {
    0% {
        -webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, 0) rotateZ(0deg);
        transform: translate(-50%, 0) rotateZ(0deg)
    }

    50% {
        -webkit-transform: translate(-50%, -2%) rotateZ(180deg);
        transform: translate(-50%, -2%) rotateZ(180deg)
    }

    100% {
        -webkit-transform: translate(-50%, 0%) rotateZ(360deg);
        transform: translate(-50%, 0%) rotateZ(360deg)
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: translate(-50%, 0) rotateZ(0deg);
        transform: translate(-50%, 0) rotateZ(0deg)
    }

    50% {
        -o-transform: translate(-50%, -2%) rotateZ(180deg);
        transform: translate(-50%, -2%) rotateZ(180deg)
    }

    100% {
        -o-transform: translate(-50%, 0%) rotateZ(360deg);
        transform: translate(-50%, 0%) rotateZ(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, 0) rotateZ(0deg);
        -o-transform: translate(-50%, 0) rotateZ(0deg);
        transform: translate(-50%, 0) rotateZ(0deg)
    }

    50% {
        -webkit-transform: translate(-50%, -2%) rotateZ(180deg);
        -o-transform: translate(-50%, -2%) rotateZ(180deg);
        transform: translate(-50%, -2%) rotateZ(180deg)
    }

    100% {
        -webkit-transform: translate(-50%, 0%) rotateZ(360deg);
        -o-transform: translate(-50%, 0%) rotateZ(360deg);
        transform: translate(-50%, 0%) rotateZ(360deg)
    }
}

@-webkit-keyframes rwidth {
    0% {
        width: 0
    }

    100% {
        width: 72.396vw
    }
}

@-o-keyframes rwidth {
    0% {
        width: 0
    }

    100% {
        width: 72.396vw
    }
}

@keyframes rwidth {
    0% {
        width: 0
    }

    100% {
        width: 72.396vw
    }
}

@-webkit-keyframes rheight {
    0% {
        height: 0
    }

    100% {
        height: 3.88rem
    }
}

@-o-keyframes rheight {
    0% {
        height: 0
    }

    100% {
        height: 3.88rem
    }
}

@keyframes rheight {
    0% {
        height: 0
    }

    100% {
        height: 3.88rem
    }
}

@-webkit-keyframes pwidth {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-o-keyframes pwidth {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes pwidth {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes rotates {
    0% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-o-keyframes rotates {
    0% {
        transform: rotateY(90deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes rotates {
    0% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes animX {
    0% {
        left: -43px
    }

    10% {
        left: 0
    }

    20% {
        left: 50px
    }

    100% {
        left: 603px
    }
}

@-o-keyframes animX {
    0% {
        left: -43px
    }

    10% {
        left: 0
    }

    20% {
        left: 50px
    }

    100% {
        left: 603px
    }
}

@keyframes animX {
    0% {
        left: -43px
    }

    10% {
        left: 0
    }

    20% {
        left: 50px
    }

    100% {
        left: 603px
    }
}

@-webkit-keyframes animY {
    0% {
        top: 30px
    }

    10% {
        left: 60px
    }

    20% {
        left: 100px
    }

    100% {
        top: 388px
    }
}

@-o-keyframes animY {
    0% {
        top: 30px
    }

    10% {
        left: 60px
    }

    20% {
        left: 100px
    }

    100% {
        top: 388px
    }
}

@keyframes animY {
    0% {
        top: 30px
    }

    10% {
        left: 60px
    }

    20% {
        left: 100px
    }

    100% {
        top: 388px
    }
}

@-webkit-keyframes fn3 {
    0% {
        opacity: 0;
        -webkit-transform: matrix(1, -0.1, 0, 1, 0, -20);
        transform: matrix(1, -0.1, 0, 1, 0, -20)
    }

    100% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@-o-keyframes fn3 {
    0% {
        opacity: 0;
        -o-transform: matrix(1, -0.1, 0, 1, 0, -20);
        transform: matrix(1, -0.1, 0, 1, 0, -20)
    }

    100% {
        opacity: 1;
        -o-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes fn3 {
    0% {
        opacity: 0;
        -webkit-transform: matrix(1, -0.1, 0, 1, 0, -20);
        -o-transform: matrix(1, -0.1, 0, 1, 0, -20);
        transform: matrix(1, -0.1, 0, 1, 0, -20)
    }

    100% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -o-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.fn3 {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
    -o-animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
    animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeIniup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes fadeIniup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeIniup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.he_fadeup3 {
    -webkit-animation: fadeIniup 1s ease both;
    -o-animation: fadeIniup 1s ease both;
    animation: fadeIniup 1s ease both;
    -webkit-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s
}

/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color:#000
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

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

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

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

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

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

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

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

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

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

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

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

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

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

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

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

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

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

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

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

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

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

.swiper-pagination-lock {
    display: none
}

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

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

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

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

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.wow {
    visibility: hidden
}

.animated {
    -webkit-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-o-keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-o-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-o-keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@-o-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes wobble {
    0% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@-o-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-o-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-o-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-o-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-o-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-o-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-o-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-o-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -o-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -o-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-o-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@-o-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@-o-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@-o-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@-o-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    -o-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@-o-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@-o-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -o-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-o-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -o-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-o-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -o-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@-o-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -o-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-o-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    -o-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-o-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-o-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.c1700 {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding-left: -webkit-calc((56/1920)*100%);
    padding-left: calc((56/1920)*100%);
    padding-right: -webkit-calc((56/1920)*100%);
    padding-right: calc((56/1920)*100%)
}

.c1500 {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding-left: -webkit-calc((56/1920)*100%);
    padding-left: calc((56/1920)*100%);
    padding-right: -webkit-calc((56/1920)*100%);
    padding-right: calc((56/1920)*100%)
}

.c1420 {
    width: 73.958vw;
    margin: 0 auto
}

a,
img {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.alcc {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.alce {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.jusb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pic_m img {
    -webkit-animation: pic_m 3s ease;
    -o-animation: pic_m 3s ease;
    animation: pic_m 3s ease
}

html {
    font-size: 100px
}

@media screen and (min-width: 1600px) {
    .c1500 {
        padding: 0
    }
}

@media screen and (min-width: 1921px) and (max-width: 4000px) {
    html {
        font-size: 110px
    }
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
    html {
        font-size: 80px
    }
    .index-module-new260603 .bd{
         padding-left: calc((56 / 1920) * 100%);
    }
    .index-module-new260603 .hd{
         padding-left: calc((56 / 1920) * 100%);
         padding-right: calc((56 / 1920) * 100%);
    }
    .index-wisdom-new260604 .left{
         left: calc((56 / 1920) * 100%);
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    html {
        font-size: 60px
    }
}

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

    .c1700,
    .c1500 {
        padding: 0 20px
    }
}

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

.header_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding-left: -webkit-calc((56/1920)*100%);
    padding-left: calc((56/1920)*100%);
    padding-right: -webkit-calc((56/1920)*100%);
    padding-right: calc((56/1920)*100%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*.header_wrap.window_scroll {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}*/

.header_wrap.header_scroll {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
    border-bottom: none
}

.header_wrap.header_scroll .hidden {
    display: block
}

.header_wrap.header_scroll .visible {
    display: none
}

.header_scroll .mNavBtn span {
    background-color: #777
}

.header_subnav {
    background-color: #fff;
    padding: 10px 20px;
    position: absolute;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    width: 1.6rem;
    height: auto;
    border-radius: 0 0 0.3rem 0.3rem;
    display: none;
    -webkit-box-shadow: 6px 8px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 8px 10px rgba(0, 0, 0, 0.1)
}

.header_subnav a {
    display: block;
    padding: 10px 0;
    font-size: 0.14rem;
    text-align: center
}

.header_scroll .header_nav ul li.activehook {
    background-color: var(--sl-primary)
}

.header_scroll .header_nav ul li:hover h4 a,
.header_scroll .header_nav ul li.cur h4 a {
    font-weight: bold;
    color: #333
}

.header_scroll .header_nav ul li a {
    color: #333
}

.header_scroll .header_subnav a:hover {
    color: #000
}

.header_scroll .header_right .tel img {
    filter: none;
}

.header_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header_box .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.header_box .txt {
    margin: 0 0 0 0.18rem
}

.header_box .gp {
    padding: 0 0 0 0.16rem;
    margin-left: 0.16rem;
    color: #adbfdb;
    cursor: auto;
    position: relative;
    line-height: 0.18rem;
    font-size: 0.14rem
}

.header_box .gp::before {
    content: "";
    display: block;
    width: 1px;
    height: 0.3rem;
    background-color: #adbfdb;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.header_scroll .header_box .gp {
    border-left-color: rgba(51, 51, 51, 0.2)
}

.header_scroll .logo {
    overflow: hidden
}

.header_scroll .logo .ac {
    display: inline-block
}

.header_scroll .logo .a {
    display: none
}

.header_scroll .logo .txt {
    color: #333
}

.logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.logo .txt {
    font-size: 0.3rem;
    color: #fff;
    letter-spacing: 0.01rem;
    text-align: center;
    font-family: "albbMedium"
}

.logo .ac {
    display: none
}

.header_nav {
    display: block
}

.header_nav ul {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header_nav ul li {
    position: relative;
    margin: 0 0.28rem
}

.header_nav ul li.activehook {
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.header_nav ul li h4 a {
    color: #fff;
    line-height: 0.9rem;
    font-size: 0.16rem;
    display: block
}

.subnavbtn,
.threenavbtn {
    display: none
}

.header_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.header_right a {
    color: #fff
}

.header_right .tel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header_right .tel img {
    filter: grayscale(100) brightness(500%);
    transition: none;
    margin: 0 0.1rem 0;
    height: 0.2rem;
}

.header_right .search {
    margin-left: 0.42rem
}

.header_right .search span {
    display: block;
    background: url(../images/sousuo.png) no-repeat center;
    width: 0.4rem;
    height: 0.4rem;
    position: relative
}

.header_right .search span::before,
.header_right .search span::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1
}

.header_right .search span::before {
    width: 100%;
    height: 100%;
    background-color:#000
}

.header_right .search span::after {
    width: 0.52rem;
    height: 0.52rem;
    background-color: rgba(15, 53, 121, 0.3)
}

.header_scroll .header_right a {
    color: #000
}

.header_scroll .header_right .search span {
    color: #7a7a7a
}

.headac .logo .txt,
.headac .header_box .gp,
.headac .header_nav ul li h4 a,
.headac .header_right .search span,
.headac .header_right .en {
    color: #fff !important
}

.headac .header_right .en {
    border-color: #fff !important
}

.search_form {
    display: none;
    width: 100%;
    padding: 40px 20px;
    position: absolute;
    top: 0.9rem;
    left: 0;
    background-color: #fff;
    z-index: 3;
    border-top: 1px solid #c9cfd9
}

.search_form .formbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search_form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.search_form .input_text {
    display: block;
    width: 4.9rem;
    font-size: 0.16rem;
    color: #999999
}

.search_form .input_text,
.search_form .filter .info {
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 0.1rem
}

.search_form .inputs {
    position: relative;
    border-bottom: 1px solid #959595;
    padding: 0 0.6rem 0 0.35rem
}

.search_form .inputs span {
    color: #75777b;
    font-size: 0.18rem;
    font-weight: bold;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.search_form .inputs span::after {
    content: "\e61d"
}

.search_form .input_btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000;
    font-size: 0.16rem
}

.search_form .close {
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 50%;
    background-color: var(--sl-primary);
    cursor: pointer;
    color: #fff;
    font-size: 0.16rem;
    font-weight: bold;
    text-align: center;
    margin-left: 1.73rem;
    position: absolute;
    right: 3.4rem
}

.search_form .close::before {
    content: "\e623"
}

.mNavBtn {
    display: none
}

.footer_wrap {
    background-color: #232833
}

.footer_wrap a:hover {
    color: #fff;
}

.footer_top {
    padding-top: 1.03rem;
    padding-bottom: 1.03rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer_top .right {
    font-size: 0.16rem;
    color: #8c95a1;
    text-align: right;
    padding: 0.05rem 0 0
}

.footer_top .right .f30 {
    color: #fff;
    display: flex;
    align-items: center;
}

.footer_top .right p img {
    height: 0.3rem;
    margin: 0 0.15rem 0 0;
}

.footer_top .right .tel {
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
}


.footer_top .right .sharebox {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.29rem 0 0 0
}

.footer_top .right .fshare {
    position: relative
}

.footer_top .right .fshare .icon {
    display: flex;
    width: 0.53rem;
    height: 0.53rem;
    justify-content: center;
    align-content: center;
    border: 1px solid #8c95a1;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 0 0 0.22rem
}

.footer_top .right .fshare .fpopup {
    opacity: 0;
    width: 1rem;
    position: absolute;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    left: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.footer_top .right .fshare .fpopup img {}

.footer_top .right .fshare:hover .fpopup {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px)
}

.footer_nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer_nav ul li {
    padding: 0 0.3rem 0 0
}

.footer_nav ul li a {
    display: block
}

.footer_nav ul li h4 {
    padding: 0 0 0.5rem
}

.footer_nav ul li h4 a {
    font-size: 0.18rem;
    color: #fff
}

.footer_nav ul li:nth-child(1) .footer_subnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 5rem
}

.footer_nav ul li:nth-child(2) .footer_subnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   /* max-width: 3.1rem*/ max-width:7rem
}

.footer_nav ul li:nth-child(1) .footer_subnav a {
    width: 33.333%;
}

.footer_nav ul li:nth-child(2) .footer_subnav a {
    /*width: 50%*/width: 33.333%
}

.footer_nav ul li:last-child {
    display: none;
}

.footer_subnav {
    min-width: 1.4rem
}

.footer_subnav a {
    font-size: 0.14rem;
    padding: 0 0.15rem 0.15rem 0;
    color: #8c95a1
}

.copyRight {
    background-color: #181c24;
    color: #4c5867;
    padding: 0.37rem 0 0.43rem 0
}

.copyRight .c1500 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.copyRight .left {
    overflow: hidden;
    font-size: 0.18rem;
    font-family: "albbMedium"
}

.copyRight .left img {
    -webkit-filter: drop-shadow(#4c5867 30px 0);
    filter: drop-shadow(#4c5867 30px 0);
    -webkit-transform: translateX(-31px);
    -ms-transform: translateX(-31px);
    -o-transform: translateX(-31px);
    transform: translateX(-31px);
    margin: 0 0.24rem 0 0;
    height: 0.34rem
}

.copyRight a {
    color: #4c5867;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin: 0 0 0 0.3rem
}

.copyRight a:first-child {
    margin: 0 0.23rem 0 0
}

.copyRight a:nth-child(2) {
    margin: 0 0 0 0.1rem
}

.indexonbox {
    position: relative;
    z-index: 2;
}

.indexbanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 8.5rem
}

.indexbanner ul {
    width: 100%
}

.indexbanner ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 44;
    position: relative
}

.indexbanner ul li .image {
    position: relative;
    height: 100%;
    overflow: hidden
}

.indexbanner ul li .img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.indexbanner ul li .img img {
    width: 100%;
    /*height: 100%;*/
    height: auto;
    object-fit: cover;
}

.indexbanner ul li .inban-info {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: #fff;
}

.indexbanner ul li .inban-info .info-one {
    opacity: 1;
    font-family: "almmBold";
    position: relative;
    line-height: 0.64rem;
    font-size:0.5rem;
    font-weight:bold;
}

.indexbanner ul li .inban-info .info-two {
    opacity: 1;
    font-family: "albbRegular";
    font-size: 0.2rem;
    padding: 0.6rem 0 0
}

.indexbanner ul li .inban-info .info-two span {
    position: relative
}

.indexbanner ul li .inban-info .info-two span::after {
    content: "/";
    display: inline-block;
    margin: 0 0.2rem
}

.indexbanner ul li .inban-info .info-two span:last-child::after {
    display: none
}

.indexbanner ul li .inban-info .info-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 0.6rem;
    color: #fff;
    font-size: 0.17rem;
    margin: 1rem 0 0 0;
    background-color: var(--color-accent, #C2410C);
    border-color: var(--color-accent, #C2410C);
}
.indexbanner ul li .inban-info .info-btn:hover{
    background-color: #fff;
    border-color: #fff;
    color: var(--color-accent, #C2410C);
}

.indexbanner .slide-inner {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff
}

.indexbanner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    overflow: hidden
}

.indexbanner .swiper-pagination {
    position: absolute;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1.5rem;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s
}

.indexbanner .swiper-pagination.down {
    bottom: 1.74rem;
    opacity: 1
}

.indexbanner .swiper-button-next,
.indexbanner .swiper-button-prev {
    width: 0.45rem;
    height: 0.45rem
}

.indexbanner ul li.active .info-one {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
    -o-animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
    animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes fn3 {
    0% {
        opacity: 0;
        -webkit-transform: matrix(1, -0.1, 0, 1, 0, -20);
        -o-transform: matrix(1, -0.1, 0, 1, 0, -20);
        transform: matrix(1, -0.1, 0, 1, 0, -20)
    }

    100% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -o-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.indexbanner ul li.active .slide-inner {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -ms-transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -o-transform: matrix(1, 0, 0, 1, 0, 0) !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important
}

.indexbanner ul li.active .info-two {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.indexbanner ul li.active .img {
    -webkit-animation: pic_m2 10s ease;
    -o-animation: pic_m2 10s ease;
    animation: pic_m2 10s ease
}

.inxban-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0.95rem;
    right: -webkit-calc((100/1920)*100%);
    right: calc((100/1920)*100%);
    z-index: 3;
    height: 0.53rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.inxban-btn .swiper-button-next,
.inxban-btn .swiper-button-prev {
    position: static;
    margin: 0
}

.inxban-btn .swiper-button-prev {
    margin-right: 0.26rem
}

.inxban-btn .btn {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 100%;
    position: relative;
    margin-left: 0.5rem;
    cursor: pointer
}

.inxban-btn .btn:hover {
    background-color: #fff
}

.inxban-btn .btn:hover span::before {
    color: #000
}

.inxban-btn .btn span {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.inxban-btn .btn span::before {
    font-size: 0.24rem;
    color: #fff
}

.inxban-btn .inxban-prev span::before {
    content: "\e6a5"
}

.inxban-btn .inxban-next span::before {
    content: "\e764"
}

.inside_banner {
    position: relative;
    overflow: hidden
}

.inside_banner .c1500 {
    position: relative
}

.inside_banner>img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.inside_banner .info {
    position: absolute;
    left: 0;
    width: 100%;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

.inside_banner .info h2 {
    padding: 0 0 0.25rem;
    font-weight: bold;
    width: 66.266%
}

.inside_banner .info .tag {
    margin: 0 0 0 0.24rem;
}

.inside_banner .info .tags {
    padding: 0 0 0.25rem
}

.inside_banner .info .tags .tag {
    margin: 0 0.12rem 0 0
}

.inside_banner .info .tags .tag span {
    background-color:#000;
    color: #fff;
    font-size: 0.14rem;
    border-radius: 0.06rem;
    padding: 0.05rem 0.15rem;
    font-weight: normal;
    margin: 0 0.1rem 0 0;
}

.inside_banner .info .tags .tag span:last-child {
    margin: 0;
}

.inside_banner .desc {
    font-size: 0.14rem;
    line-height: 0.3rem;
    width: 52%
}

.inside_pages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inside_pages a {
    min-width: 0.42rem;
    height: 0.42rem;
    line-height: 0.42rem;
    text-align: center;
    color: #000;
    font-size: 0.16rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 0.14rem 0 0;
    background-color: #fff;
    border-radius: 0.06rem;
    border: 1px solid #c0c0c0
}

.inside_pages a:hover,
.inside_pages a.cur {
    background-color: var(--sl-primary);
    color: #fff;
    border-color: var(--sl-primary)
}

.inside_pages a.prev,
.inside_pages a.next {
    min-width: 1rem
}

.inside_pages a.dot {
    background: transparent;
    border-color: transparent;
    cursor: default
}

.inside_pages a.dot:hover {
    color: #000
}

.swiper-button-next,
.swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 0.2rem;
    color: #fff;
    line-height: inherit
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: var(--sl-primary);
    border-color: var(--sl-primary)
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
    color: #fff
}

.swiper-button-next {
    right: -1.14rem
}

.swiper-button-prev {
    left: -1.14rem
}

.common-pagination.swiper-pagination {
    bottom: 0
}

.common-pagination.swiper-pagination span {
    background-color: #b4b4b4;
    opacity: 1
}

.common-pagination.swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--sl-primary)
}

.slide-nav {
    position: fixed;
    right: 0.3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    display: none
}

.slide-nav ul {

    background-color: var(--sl-primary);
    border-radius: 0.3rem;
    padding: 3px;
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
}

.slide-nav ul li {
    text-align: center;
    padding: 0.18rem 0.13rem;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.3rem
}

.slide-nav ul li .icon {
    overflow: hidden
}

.slide-nav ul li .icon img {
    filter: grayscale(100) brightness(500%);
}

.slide-nav ul li .txt {
    font-size: 0.14rem;
    color: #fff
}

.slide-nav ul li .popup {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.8rem;
    background-color: #fff;
    border-radius: 0.1rem;
    -webkit-box-shadow: 1px 6px 10px rgba(0, 66, 174, 0.16);
    box-shadow: 1px 6px 10px rgba(0, 66, 174, 0.16);
    display: none
}

.slide-nav ul li .popup .tel {
    color: #000;
    font-size: 0.24rem;
    padding: 0.05rem 0.1rem;
    width: 2rem
}

.slide-nav ul li .popup .ewm {
    width: 1.13rem
}

.slide-nav ul li:hover {
    /*background-image: -webkit-gradient(linear, left bottom, left top, from(#0538b8), to(#1351ee));*/
    /*background-image: -webkit-linear-gradient(bottom, #0538b8, #1351ee);*/
    /*background-image: -o-linear-gradient(bottom, #0538b8, #1351ee);*/
    /*background-image: linear-gradient(to top, #0538b8, #1351ee)*/
    background-color: var(--color-accent, #C2410C);

}

.slide-nav ul li:hover::before {
    opacity: 1;
    top: 0
}

.slide-nav ul li:hover .icon img {
    filter: none;
}


.slide-nav ul li:hover .popup {
    opacity: 1
}

.playicon {
    display: block;
    width: 1.04rem;
    height: 1.04rem;
    background: url(../images/plbtn3.png) no-repeat center;
    background-size: cover;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s;
    cursor: pointer;

}

.video-player-popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 201;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 0;
    text-align: center
}

.video-player-popup video {
    -o-object-fit: cover;
    object-fit: cover
}

.video-player-popup:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.video-player-popup .video-player {
    width: 94%;
    height: 5.4rem;
    width: 9.6rem;
    margin-top: 0;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-player-popup .close {
    position: absolute;
    bottom: -0.52rem;
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--sl-primary);
    border-radius: 50%;
    line-height: 0.4rem;
    text-align: center
}

.video-player-popup .close span {
    font-size: 0.16rem;
    font-weight: bold;
    color: #fff
}

.video-player-popup .close span::before {
    content: "\e623"
}

.video-player-popup .close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dotSwiper {
    position: absolute;
    bottom: 0.85rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 2
}

.dotBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.dotBox>li {
    position: relative;
    margin: 0 0.3rem 0 0;
    cursor: pointer;
    width: auto;
    height: auto
}

.dotBox>li svg {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 5;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.dotBox>li svg circle {
    stroke-width: 3px;
    stroke: #fff;
    stroke-dasharray: 300%;
    stroke-dashoffset: 300%;
    -webkit-transition: stroke-dashoffset 0.6s ease-out;
    -o-transition: stroke-dashoffset 0.6s ease-out;
    transition: stroke-dashoffset 0.6s ease-out
}

.dotBox>li span {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border: 3px solid transparent;
    border-radius: 50%;
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out
}

.dotBox>li span:after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dotBox>li.swiper-slide-thumb-active svg circle {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 6s ease-out;
    -o-transition: stroke-dashoffset 6s ease-out;
    transition: stroke-dashoffset 6s ease-out
}

.dotBox>li.swiper-slide-thumb-active span {
    border-color: rgba(45, 51, 59, 0.43)
}

.header_nav ul .li2 {
    position: static
}

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

.header_subnav2 {
    border-radius: 0;
    width: 100%;
    border-bottom: 0.06rem solid #007dc6;
    padding: 0;
    border-top: 1px solid #c9cfd9;
    max-height: 86vh;
    overflow-y: auto;
}
.header_subnav2::-webkit-scrollbar {
    width:0;
    background-color: #f0f0f0;
}


.header_subnav2 a {
    text-align: left
}

.header_subnav2 .threenav {
    margin: 0 -0.5rem;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-left: -webkit-calc((56/1920)*100%);
    padding-left: calc((56/1920)*100%);
    padding-right: -webkit-calc((56/1920)*100%);
    padding-right: calc((56/1920)*100%);
    padding-top: 0.52rem;
    padding-bottom: 0.52rem;
    position: relative;
    z-index: 3;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header_subnav2 .threenav dl {
    width: 16.666%;
    padding: 0.36rem 0.5rem
}

.header_subnav2 .threenav dl dt {
    padding: 0 0 0.23rem;
    border-bottom: 0.01rem dashed #d2d2d2
}

.header_subnav2 .threenav dl dt.active a {
    color: #000;
}

.header_subnav2 .threenav dl dt a {
    font-weight: bold;
    font-size: 0.18rem;
    line-height: 0.18rem;
    border-left: 0.04rem solid var(--sl-primary);
    padding: 0 0 0 0.3rem;
    color: #000
}

.header_subnav2 .threenav dl dd a {
    position: relative;
    padding: 0 0 0 0.3rem;
    font-size: 0.14rem;
    color: #555555;
    margin: 0.2rem 0 0
}

.header_subnav2 .threenav dl dd a.act {
    color: #000;
}

.header_subnav2 .threenav dl dd a::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: var(--sl-primary);
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.fiveplab_banner {
    overflow: hidden;
    position: relative
}

.fiveplab_banner .mySwiper {
    height: 100%
}

.fiveplab_banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.fiveplab_banner .pages {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.3rem;
    text-align: center;
    z-index: 2
}

.new_fiveplan_A {
    padding-top: 1.46rem;
    padding-bottom: 1.16rem
}

.nfmore {
    font-size: 0.14rem;
}

.new_fiveplan_A .bd {
    margin: 0.66rem 0;
    border-radius: 0.1rem;
    padding: 0.2rem 0
}

.new_fiveplan_A .mySwiper {
    -webkit-box-shadow: 0px 3px 0.14rem 6px rgba(110, 125, 142, 0.1);
    box-shadow: 0px 3px 0.14rem 6px rgba(110, 125, 142, 0.1);
    overflow: hidden
}

.new_fiveplan_A .mySwiper ul li {
    background-color: #fff;
    padding: 0.53rem 0.46rem 0.4rem;
    border-left: 1px solid #ededed;
    height: auto;
}

.new_fiveplan_A .mySwiper ul li:first-child {
    border-left: 0
}

.new_fiveplan_A .mySwiper ul li .box {
    position: relative;
    z-index: 2
}

.new_fiveplan_A .mySwiper ul li .icon {
    width: 0.57rem;
    height: 0.57rem;
    border-radius: 0.06rem;
    background: rgba(235, 6, 71, 0.1)
}

.new_fiveplan_A .mySwiper ul li .icon .ac {
    display: block
}

.new_fiveplan_A .mySwiper ul li .icon .bc {
    display: none
}

.new_fiveplan_A .mySwiper ul li .name {
    font-size: 0.22rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.22rem 0 1.74rem;
    transition: all 0.5s
}

.new_fiveplan_A .mySwiper ul li .text {
    font-size: 0.14rem;
    color: #a2a9b8;
    display: -webkit-box;
    height: .96rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin: 0 0 0.2rem;
}

/*.new_fiveplan_A .mySwiper ul li::after {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: -0.06rem;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    bottom: -0.06rem;*/
/*    z-index: 1;*/
/*    background: url(../images/25113abg.jpg) no-repeat 0 0;*/
/*    -webkit-background-size: cover;*/
/*    background-size: cover;*/
/*    opacity: 0;*/
/*    border-radius: 0.12rem;*/
/*    -webkit-transition: all 0.5s;*/
/*    -o-transition: all 0.5s;*/
/*    transition: all 0.5s*/
/*}*/
.new_fiveplan_A .mySwiper ul li:hover {
    background: url(../images/25113abg.jpg) no-repeat 0 0;
    background-size: cover;
}

.new_fiveplan_A .mySwiper ul li:hover .icon {
    background-color: #fff
}

.new_fiveplan_A .mySwiper ul li:hover .icon .ac {
    display: none
}

.new_fiveplan_A .mySwiper ul li:hover .icon .bc {
    display: block
}

.new_fiveplan_A .mySwiper ul li:hover .name,
.new_fiveplan_A .mySwiper ul li:hover .text,
.new_fiveplan_A .mySwiper ul li:hover .nfmore {
    color: #fff
}

.new_fiveplan_A .mySwiper ul li:hover::after {
    opacity: 1
}

.new_fiveplan_B {
    background-color: #f0f3f8;
    padding-top: 1.15rem;
    padding-bottom: 1.26rem
}

.new_fiveplan_B .bd {
    margin: 0.63rem 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.new_fiveplan_B .bd .left {
    width: 25.333%
}

.new_fiveplan_B .bd .right {
    width: 75%
}

.new_fiveplan_B .mySwiper {
    overflow: hidden;
    height: 3.9rem;
    border-left: 2px solid #d0d0d0
}

.new_fiveplan_B .mySwiper ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.new_fiveplan_B .mySwiper ul li::before {
    content: "";
    display: block;
    width: 0.04rem;
    height: 100%;
    background-color: var(--color-accent, #C2410C);
    position: absolute;
    left: -1px;
    top: 0;
    opacity: 0;
    z-index: 2
}

.new_fiveplan_B .mySwiper ul li .text {
    font-size: 0.18rem;
    color: #7a7a7a;
    padding: 0 0 0 0.3rem;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.new_fiveplan_B .mySwiper ul li.swiper-slide-thumb-active::before {
    opacity: 1
}

.new_fiveplan_B .mySwiper ul li.swiper-slide-thumb-active .text {
    color: #000;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4)
}

.new_fiveplan_B .mySwiper2 {
    padding: 0.2rem;
    margin: -0.2rem;
    overflow: hidden
}

.new_fiveplan_B .mySwiper2 ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.32rem;
    background-color: #fff;
    border-radius: 0.15rem;
    -webkit-box-shadow: 0px 1px 0.09rem 0.06rem rgba(140, 140, 140, 0.16);
    box-shadow: 0px 1px 0.09rem 0.06rem rgba(140, 140, 140, 0.16)
}

.new_fiveplan_B .mySwiper2 ul li .img {
    width: 50%;
    border-radius: 0.1rem;
    overflow: hidden
}

.new_fiveplan_B .mySwiper2 ul li .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 0.5rem 0 0 0.6rem
}

.new_fiveplan_B .mySwiper2 ul li:hover .info .title {
    color: var(--color-accent, #C2410C);
}

.new_fiveplan_B .mySwiper2 ul li:hover .img img {
    transform: scale(1.1);
}

.new_fiveplan_B .mySwiper2 ul li .info .title::after {
    content: "";
    display: block;
    width: 0.22rem;
    height: 0.04rem;
    background-color: var(--color-accent, #C2410C);
    margin: 0.26rem 0 0
}

.new_fiveplan_B .mySwiper2 ul li .info .desc {
    font-size: 0.16rem;
    line-height: 0.3rem;
    height: 1.2rem;
    overflow-y: auto;
    color: #666666;
    margin: 0.32rem 0
}

.new_fiveplan_B .btn {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -1.42rem
}

.new_fiveplan_B .btn .swiper-button-next,
.new_fiveplan_B .btn .swiper-button-prev {
    position: static;
    border-color: #a9a9a9;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0.2rem 0 0 0
}

.new_fiveplan_B .btn .swiper-button-next::after,
.new_fiveplan_B .btn .swiper-button-prev::after {
    color: #a9a9a9
}

.new_fiveplan_B .btn .swiper-button-next:hover,
.new_fiveplan_B .btn .swiper-button-prev:hover {
    border-color: var(--sl-primary)
}

.new_fiveplan_B .btn .swiper-button-next:hover::after,
.new_fiveplan_B .btn .swiper-button-prev:hover::after {
    color: #fff
}

.new_fiveplan_C {
    padding-top: 1.45rem;
    padding-bottom: 1.2rem
}

.new_fiveplan_C .bd {
    padding: 0.63rem 0
}

.new_fiveplan_C .mySwiper {
    overflow: hidden;
    padding: 0.15rem;
    margin: -0.15rem
}

.new_fiveplan_C .mySwiper ul li {
    border-radius: 0.14rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 0.14rem 6px rgba(110, 125, 142, 0.1);
    box-shadow: 0px 3px 0.14rem 6px rgba(110, 125, 142, 0.1);
    transition: all 0.5s;
    height: auto;
}

.new_fiveplan_C .mySwiper ul li .box {
    padding: 0.6rem 0.5rem 0.8rem
}

.new_fiveplan_C .mySwiper ul li .box .nfmore {
    text-align: center;
}

.new_fiveplan_C .mySwiper ul li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.66rem;
    height: 0.66rem;
    background-color: var(--color-accent, #C2410C);
    border-radius: 0.1rem;
    margin: 0 auto
}

.new_fiveplan_C .mySwiper ul li .name {
    text-align: center;
    font-size: 0.22rem;
    margin: 0.35rem 0 0.2rem
}

.new_fiveplan_C .mySwiper ul li .text {
    font-size: 0.14rem;
    display: -webkit-box;
    height: .96rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #a2a9b8
}

.new_fiveplan_C .mySwiper ul li:hover {
    transform: translateY(-0.1rem);
}

.new_fiveplan_C .mySwiper ul li .icon img {
    transform: rotateY(360deg);
}

.new_fiveplan_D {
    background: url(../images/25113bbg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 1.38rem;
    padding-bottom: 1.23rem
}

.new_fiveplan_D .bd {
    margin: 0.75rem 0 0 0;
    position: relative;
    background-color: #fff;
    border-radius: 0.14rem;
    border: 1px solid #eeeeee;
    padding: 0.88rem 0.5rem 0.8rem
}

.new_fiveplan_D .mySwiper {
    position: relative;
    overflow: hidden
}

.new_fiveplan_D .mySwiper::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dbe4f9;
    position: absolute;
    top: 0.78rem;
    left: 0
}

.new_fiveplan_D .mySwiper ul li .title {
    font-size: 0.2rem;
    font-weight: bold;
    text-align: center;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_fiveplan_D .mySwiper ul li .dot {
    background: rgba(235, 6, 71, 0.12);
    position: relative;
    width: 0.33rem;
    height: 0.33rem;
    border-radius: 50%;
    margin: 0.32rem auto
}

.new_fiveplan_D .mySwiper ul li .dot::before,
.new_fiveplan_D .mySwiper ul li .dot::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.new_fiveplan_D .mySwiper ul li .dot::before {
    width: 0.18rem;
    height: 0.18rem;
    background-color: var(--color-accent, #C2410C)
}

.new_fiveplan_D .mySwiper ul li .dot::after {
    width: 0.06rem;
    height: 0.06rem;
    background-color: #fff
}

.new_fiveplan_D .mySwiper ul li .text {
    font-size: 0.14rem;
    display: -webkit-box;
    height: .96rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #a2a9b8;
    transition: all 0.5s;
    margin: 0 0 0.2rem;
}

.new_fiveplan_D .mySwiper ul li .nfmore {
    text-align: center;
}

.new_fiveplan_D .mySwiper ul li:hover .text {
    transform: translateY(-0.1rem);
}

.new_fiveplan_D .swiper-button-prev,
.new_fiveplan_D .swiper-button-next {
    border-color: #b1b2b4
}

.new_fiveplan_D .swiper-button-prev::after,
.new_fiveplan_D .swiper-button-next::after {
    color: #b1b2b4
}

.new_fiveplan_D .swiper-button-prev:hover,
.new_fiveplan_D .swiper-button-next:hover {
    border-color: var(--sl-primary)
}

.new_fiveplan_D .swiper-button-prev:hover::after,
.new_fiveplan_D .swiper-button-next:hover::after {
    color: #fff
}

.new_fiveplan_E {
    padding-top: 1.5rem;
    padding-bottom: 1.7rem
}

.new_fiveplan_E .hd {
    padding: 0.7rem 0 0 0
}

.new_fiveplan_E .hd img {
    width: 100%
}

.new_fiveplan_E .bd {
    margin-top: -0.64rem
}

.new_fiveplan_E .bd ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.1rem
}

.new_fiveplan_E .bd ul li {
    width: 25%;
    position: relative;
    padding: 1.6rem 0 0
}

.new_fiveplan_E .bd ul li .box {
    display: block;
    max-width: 2.16rem;
    height: 100%;
    margin: 0 auto;
    border: 1px solid var(--sl-primary);
    border-radius: 0.12rem;
    overflow: hidden
}

.new_fiveplan_E .bd ul li .title {
    font-size: 0.18rem;
    font-weight: bold;
    background-color: var(--sl-primary);
    color: #fff;
    text-align: center;
    padding: 0.18rem 0
}

.new_fiveplan_E .bd ul li .text {
    font-size: 0.14rem;
    color: #999999;
    line-height: 1.7;
    padding: 0.16rem 0.15rem 0.3rem
}

.new_fiveplan_E .bd ul li::before {
    content: "";
    display: block;
    width: 0.1rem;
    height: 0.1rem;
    background-color: var(--sl-primary);
    border-radius: 50%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.05rem
}

.new_fiveplan_E .bd ul li::after {
    content: "";
    display: block;
    width: 1px;
    height: 1.3rem;
    background-color: var(--sl-primary);
    position: absolute;
    top: 0.1rem;
    left: 50%
}

.new_fiveplan_E .bd ul li:nth-child(even)::before {
    top: 0.38rem
}

.new_fiveplan_E .bd ul li:nth-child(even)::after {
    top: 0.48rem;
    height: 0.92rem
}

.new_fiveplan_E .bd ul li:hover .box {
    transform: translateY(0.1rem);
}

.new_fiveplan_F {
    background: url(../images/25113gbg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 1.5rem;
    padding-bottom: 1.2rem;
    color: #fff
}

.new_fiveplan_F .list {
    padding: 0.8rem 0 0 0
}

.new_fiveplan_F .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.05rem
}

.new_fiveplan_F .list ul li {
    width: 25%;
    padding: 0.05rem
}

.new_fiveplan_F .list ul li .box {
    display: block;
    background: rgba(255, 255, 255, 0.09);
    color: #fff;
    padding: 0.2rem 0.3rem 0.3rem;
    border-radius: 0.06rem;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    height: 100%
}

.new_fiveplan_F .list ul li .box .num {
    font-family: "albbBold";
    font-size: 0.4rem;
    line-height: 1;
    text-align: right
}

.new_fiveplan_F .list ul li .box .text {
    font-size: 0.19rem;
    line-height: 1.5
}

.new_fiveplan_F .list ul li .box:hover {
    background-color: #fff;
    color: #000;
    transform: translateY(-0.1rem);
}

.new_fiveplan_G {
    padding-top: 1.3rem;
    padding-bottom: 1.1rem
}

.new_fiveplan_G .list {
    padding: 0.85rem 0 0
}

.new_fiveplan_G .list ul li {
    width: 15.2%;
    height: 4.27rem;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.new_fiveplan_G .list ul li .box {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.new_fiveplan_G .list ul li .box::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 38, 136, 0.68)
}

.new_fiveplan_G .list ul li .img {
    height: 100%;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.new_fiveplan_G .list ul li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.new_fiveplan_G .list ul li .info {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    color: #fff
}

.new_fiveplan_G .list ul li .name {
    display: inline-block;
    font-size: 0.16rem;
    font-weight: bold;
    padding: 0 0.35rem;
    line-height: 0.5rem;
    border-radius: 0.25rem
}

.new_fiveplan_G .list ul li .consult {
    width: 1.27rem;
    line-height: 0.38rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 0.06rem;
    margin: 0.8rem auto 0;
    font-size: 0.16rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none
}

.new_fiveplan_G .list ul li .consult:hover {
    background-color: #fff;
    color: #000
}

.new_fiveplan_G .list ul li.cur {
    width: 39.2%
}

.new_fiveplan_G .list ul li.cur .box::after {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 100%)
}

.new_fiveplan_G .list ul li.cur .name {
    background-color: #fff;
    -webkit-animation: fadeIniup 0.6s ease both;
    -o-animation: fadeIniup 0.6s ease both;
    animation: fadeIniup 0.6s ease both;
    color: #000
}

.new_fiveplan_G .list ul li.cur .consult {
    display: block;
    -webkit-animation: fadeIniup 0.6s ease both;
    -o-animation: fadeIniup 0.6s ease both;
    animation: fadeIniup 0.6s ease both
}

@media screen and (max-width: 1680px) {
    .header_nav ul li {
        margin: 0 0.2rem
    }
}

@media screen and (max-width: 980px) {
    .common-pagination.swiper-pagination {
        position: static
    }

    .swiper-button-next,
    .swiper-button-prev {
        position: static;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        margin: 0 0.1rem
    }

    .search_form {
        position: static;
        display: block;
        padding: 0.3rem 20px;
        background: transparent;
        border: 0
    }

    .search_form .formbox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .search_form .txt {
        padding: 0 0 0.3rem;
        font-size: 0.22rem;
        color: #333
    }

    .search_form form {
        width: 100%
    }

    .search_form .inputs {
        width: 100%
    }

    .search_form .close {
        display: none
    }

    .search_form .input_text {
        width: 100%
    }

    .header_wrap {
        padding: 20px
    }

    .logo img {
        height: 0.4rem
    }

    .logo .txt {
        letter-spacing: 0;
        font-size: 0.26rem
    }

    .header_box .gp {
        display: none
    }

    .mNavBtn {
        width: 26px;
        height: 22px;
        position: relative;
        cursor: pointer;
        margin-left: 15px;
        font-size: 17px;
        display: block
    }

    .mNavBtn span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        position: absolute;
        left: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 3px
    }

    .mNavBtn span:first-child {
        top: 0
    }

    .mNavBtn span:nth-child(2) {
        top: 10px;
        width: 60%
    }

    .mNavBtn span:nth-child(3) {
        bottom: 0
    }

    .mNavBtn.close span:nth-child(1) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 10px
    }

    .mNavBtn.close span:nth-child(2) {
        opacity: 0
    }

    .mNavBtn.close span:nth-child(3) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        bottom: 10px
    }

    .subnavbtn,
    .threenavbtn {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        width: 60%;
        height: 100%;
        font-size: 0.22rem;
        color: #777
    }

    .subnavbtn::after,
    .threenavbtn::after {
        content: "\e764";
        position: absolute;
        right: 20px;
        top: 17px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s
    }

    .subnavbtn.up::after,
    .threenavbtn.up::after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .threenavbtn::after {
        right: 0
    }

    .header_nav {
        position: absolute;
        background-color: #f7f7f7;
        left: 0;
        right: 0;
        top: 72px;
        display: none;
        width: 100%;
        height: 100vh;
        overflow-y: auto
    }

    .header_nav ul {
        display: block;
        height: auto
    }

    .header_nav ul li {
        width: 100%;
        padding: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0
    }

    .header_nav ul li.activehook {
        display: none
    }

    .header_nav ul li h4 {
        position: relative
    }

    .header_nav ul li h4 a {
        font-size: .18rem;
        display: block;
        padding: 0 20px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-bottom: 1px solid #e4e4e4;
        line-height: 0.7rem
    }

    .header_subnav {
        position: static;
        background-color: #f0f0f0;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
        transform: inherit;
        width: 100%;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .header_subnav a {
        font-size: 0.18rem;
        text-align: left
    }

    .header_right .search,
    .header_right .en {
        display: none
    }

    .copyRight {
        text-align: center
    }

    .copyRight a {
        display: inline-block
    }

    .copyRight .flex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .copyRight .left img {
        height: 0.4rem
    }

    .copyRight .right {
        width: 100%;
        padding: 0.2rem 0 0
    }

    .footer_nav ul li:nth-child(1) .footer_subnav,
    .footer_nav ul li:nth-child(2) .footer_subnav {
        display: none
    }

    .footer_subnav {
        display: none
    }

    .footer_top {
        display: block;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem
    }

    .footer_top .right {
        padding: 0.3rem 0;
        text-align: left
    }

    .footer_top .right .sharebox {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .footer_top .right .fshare .icon {
        margin: 0 0.22rem 0 0
    }

    .footer_nav ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer_nav ul li {
        width: 100%;
        text-align: left;
        padding: 0
    }

    .footer_nav ul li h4 {
        position: relative;
        padding: 0
    }

    .footer_nav ul li h4 a {
        line-height: 0.7rem
    }

    .footer_nav ul li h4 .subnavbtn::after {
        right: 0
    }

    .inside_banner {
        height: 4.5rem
    }

    .inside_banner>img {
        height: 100%
    }

    .inside_banner .info {
        top: 60%
    }

    .inside_banner .info h2 {
        padding: 0 0 0.1rem 0;
        font-size: 0.26rem;
        line-height: 0.32rem;
        width: 100%
    }

    .inside_banner .info .desc {
        width: 100%;
        line-height: 0.24rem;
        max-height: 0.96rem;
        overflow-y: auto
    }

    .slide-nav {
        display: none !important
    }

    .dotBox>li svg {
        display: none
    }

    .dotBox>li span {
        border: 0
    }

    .dotBox>li span::after {
        width: 8px;
        height: 8px
    }

    .dotBox>li.swiper-slide-thumb-active span::after {
        background-color: #000000
    }

    .flex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header_subnav2 {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .header_subnav2 .threenav {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding: 0 30px
    }

    .header_subnav2 .threenav dl {
        width: 100%;
        padding: 0
    }

    .header_subnav2 .threenav dl dt {
        padding: 0.26rem 0;
        position: relative
    }

    .header_subnav2 .threenav dl dd {
        display: none;
        padding: 0 0 0.3rem 0.3rem
    }
}

.ibgc {
    background-color: #f1f4f8
}

.ibgm {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.albbMedium {
    font-family: "albbMedium"
}

.albbRegular {
    font-family: "albbRegular"
}

.albbBold {
    font-family: "albbBold"
}

.almmBold {
    font-family: "almmBold"
}

.f62 {
    font-size: 0.62rem
}

.f50 {
    font-size: 0.5rem
}

.f48 {
    font-size: 0.48rem;
    line-height: 0.64rem
}

.f42 {
    font-size: 0.42rem
}

.f40 {
    font-size: 0.4rem
}

.f36 {
    font-size: 0.36rem
}

.f32 {
    font-size: 0.32rem
}

.f30 {
    font-size: 0.3rem
}

.f28 {
    font-size: 0.28rem
}

.f24 {
    font-size: 0.24rem
}

.f20 {
    font-size: 0.2rem
}

.tcent {
    text-align: center
}

/*@font-face {*/
/*  font-family: "albbMedium";font-weight: 500;src: url(../fonts/albbMedium_2.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/5kaoA5vnwYH0.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/

/*@font-face {*/
/*  font-family: "albbMedium";font-weight: 500;src: url(../fonts/albbMedium_3.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/2t1kvnvzIVhM.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/

/*@font-face {*/
/*  font-family: "albbMedium";font-weight: 500;src: url(../fonts/albbMedium_4.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/WT66Lukfl6Jw.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "albbMedium";font-weight: 500;src: url(../fonts/albbMedium_5.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/W1euiqs8wNel.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "albbMedium";font-weight: 500;src: url(../fonts/albbMedium_6.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/0MVQsnEkw9Xl.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: "albbRegular";*/
/*    font-weight: 400;*/
/*    src: url(../fonts/albbRegular_7.woff2) format("woff2"), url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/1NqwCayfZ6An.woff") format("woff");*/
/*    font-display: swap*/
/*}*/
/*@font-face {*/
/*  font-family: "albbRegular";font-weight: 400;src: url(../fonts/albbRegular_8.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/FKEUcUMUW2wW.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: "albbBold";*/
/*    font-weight: 700;*/
/*    src: url(../fonts/albbBold_9.woff2) format("woff2"), url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/gzSKYA2RrWbk.woff") format("woff");*/
/*    font-display: swap*/
/*}*/
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/*@font-face {*/
/*  font-family: "albbBold";font-weight: 700;src: url(../fonts/albbBold_10.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/7FjNzaTFn8BS.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/*@font-face {*/
/*  font-family: "albbBold";font-weight: 700;src: url(../fonts/albbBold_11.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/lWWiuGXrmCX6.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: "almmBold";*/
/*    font-weight: 700;*/
/*    src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/gRyfTNyyu0Xw.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/oVK6MAH0HfSZ.woff") format("woff");*/
/*    font-display: swap*/
/*}*/
/*@font-face {*/
/*  font-family: "almmBold";font-weight: 700;src: url(../fonts/almmBold_13.woff2) format("woff2"),*/
/*  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/nrU3lQX2tMbe.woff") format("woff");*/
/*  font-display: swap;*/
/*}*/

@font-face {
    font-family: "manropeB";
    src: url(../fonts/manrope-bold.woff2) format("woff2");
    font-display: swap
}

.com-more1,
.com-more2 {
    display: block;
    width: 1.82rem;
    height: 0.47rem;
    line-height: 0.47rem;
    border-radius: 0.5rem;
    text-align: center;
    -webkit-box-shadow: 8px 8px 13px rgba(225, 225, 225, 0.45);
    box-shadow: 8px 8px 13px rgba(225, 225, 225, 0.45);
    position: relative;
    padding: 0 0.25rem;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    overflow: hidden
}

.com-more1 span,
.com-more2 span {
    position: relative;
    z-index: 2
}

.com-more1::before,
.com-more2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    border-radius: 0.5rem;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.com-more1:hover::before,
.com-more2:hover::before {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.com-more1:hover .iconfont,
.com-more2:hover .iconfont {
    color: #000
}

.com-more1 {
    color: #fff;
    background-color: var(--sl-primary);
    font-size: 0.18rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid var(--sl-primary)
}

.com-more1:hover {
    color: #000
}

.com-more1::before {
    background-color: #fff
}

.com-more1 .iconfont {
    color: #fff
}

.com-more1 .iconfont::before {
    content: "\e764"
}

.com-more2 {
    color: #000;
    background-color: #fff;
    font-size: 0.16rem;
    border: 1px solid #eeeeee
}

.com-more2:hover {
    color: #fff
}

.com-more2::before {
    background-color: var(--sl-primary)
}

.index-about {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 1.13rem;
    padding-bottom: 1.25rem
}

.index-about .com-more1{
    justify-content: center;
}
.index-about .right {
    overflow: hidden
}

.common-title h4 {
    line-height: 0.5rem
}

.cf {
    color: #fff
}

.topnums {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -0.47rem -0.6rem
}

.topnums .couters {
    padding: 0.47rem 0.6rem;
    text-align: center
}

.topnums .couters .unit {
    font-family: "manropeB";
    font-size: 0.48rem;
    line-height: 1;
    color: #000
}

.topnums .couters .nam {
    font-size: 0.18rem;
    color: #666;
    margin-left: -0.1rem;
    margin-right: -0.1rem;
    padding-top: 0.15rem
}

.index-module {
    background-color: #f0f4f8;
    padding-top: 0.9rem;
    padding-bottom: 1.3rem
}

.inmodule-list {
    padding-top: 1rem
}

.inmodule-list ul {
    margin: -0.13rem -0.1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inmodule-list ul li {
    padding: 0.13rem 0.1rem;
    width: 25%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inmodule-list ul li .box {
    background-color: #fff;
    height: 100%;
    -webkit-box-shadow: 5px 8px 29px rgba(163, 170, 215, 0.27);
    box-shadow: 5px 8px 29px rgba(163, 170, 215, 0.27);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inmodule-list ul li .box:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inmodule-list ul li .box:hover .top img {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.inmodule-list ul li .box:hover .more {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.inmodule-list ul li .box .top {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
    min-height: 1.6rem;
    padding: 0.34rem
}

.inmodule-list ul li .box .top .img {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.43rem;
    height: 1rem
}

.inmodule-list ul li .box .top h5 {
    color: #fff;
    font-weight: bold;
    padding: 0 0 0.12rem
}

.inmodule-list ul li .box .top .more {
    display: block;
    color: #000;
    position: relative
}

.inmodule-list ul li .box .text {
    padding: 0.2rem 0.3rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inmodule-list ul li .box .text a {
    color: #888888;
    position: relative;
    width: 50%;
    padding: 0 0 0 0.16rem;
    margin: 0 0 0.08rem;
    font-size: 0.14rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.inmodule-list ul li .box .text a:hover {
    color: #000;
    padding-left: 0.24rem
}

.inmodule-list ul li .box .text a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color:#000;
    margin: 0 0.16rem 0 0
}

.index-wisdom {
    padding-top: 1.1rem;
    padding-bottom: 1.66rem
}

.inwisdom-cont {
    margin: 1.1rem 0 0;
    padding-left: 22.813vw;
    position: relative
}

.inwisdom-cont .left {
    position: absolute;
    width: 21.302vw;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 0.05rem
}

.inwisdom-cont .left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.05rem
}

.inwisdom-cont .left .text {
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0.4rem;
    padding: 0.45rem 0.46rem
}

.inwisdom-cont .left .text .unit {
    display: inline
}

.inwisdom-list {
    overflow: hidden
}

.inwisdom-list ul {
    margin: -0.09rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inwisdom-list ul li {
    padding: 0.09rem;
    width: 25%
}

.inwisdom-list ul li a {
    display: block;
    border: 1px solid #fff;
    border-radius: 0.05rem;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#b6d5fa));
    background-image: -webkit-linear-gradient(top left, #fff, #b6d5fa);
    background-image: -o-linear-gradient(top left, #fff, #b6d5fa);
    background-image: linear-gradient(to bottom right, #fff, #b6d5fa);
    position: relative;
    overflow: hidden
}

.inwisdom-list ul li a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.inwisdom-list ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}


.inwisdom-list ul li a img {
    border-radius: 0.05rem;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.inwisdom-list ul li a:hover span {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.inwisdom-list ul li .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.25rem 0.3rem
}

.inwisdom-list ul li .text h5 {
    font-size: 0.2rem;
    padding: 0 0 0.1rem
}

.inwisdom-list ul li .text span {
    display: block;
    color: #fff;
    width: 0.18rem;
    height: 0.18rem;
    line-height: 0.18rem;
    text-align: center;
    background-color:#000;
    border-radius: 0.01rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inwisdom-list ul li .text span::before {
    content: "\e764"
}

.index-serve {
    background: url(../images/isbg1.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 1.1rem;
    padding-bottom: 1.27rem
}

.index-serve .com-more2 {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.index-serve .com-more2::before {
    background-color: #fff
}

.index-serve .com-more2:hover {
    color: #000
}

.inserve-list {
    position: relative;
    margin: 0.9rem 0 0
}

.inserve-swiper {
    overflow: hidden
}

.inserve-swiper ul li {
    background-color: #fff;
    border: 1px solid #fff;
    overflow: hidden
}

.inserve-swiper ul li:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.inserve-swiper ul li img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.inserve-swiper ul li .img {
    overflow: hidden
}

.inserve-swiper ul li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.inserve-swiper ul li .text {
    padding: 0.3rem 0.37rem;
    position: relative
}

.inserve-swiper ul li .text::after {
    content: "";
    display: block;
    width: 0;
    height: 0.03rem;
    background-color: var(--sl-primary);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    left: 0;
    bottom: 0
}

.inserve-swiper ul li .text h5 {
    font-size: 0.22rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.inserve-swiper ul li .text .tags {
    padding: 0.18rem 0 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.inserve-swiper ul li .text .tags span {
    color: #666;
    border: 1px solid #707070;
    border-radius: 0.05rem;
    margin-right: 0.13rem;
    padding: 0 0.1rem;
    line-height: 0.26rem
}

.inserve-swiper ul li:hover .text::after {
    width: 100%
}

.inserve-swiper ul li:hover .text h5 {
    color: #000
}

.index-partner {
    position: relative;
    padding-top: 1.03rem;
    padding-bottom: 0.6rem;
    background-color: #f0f4f8;
    text-align: center
}

.inpartner-list,
.inpartner-list2 {
    padding: 0.94rem 0 0.9rem 0;
    position: relative
}

.inpartner-swiper,
.inpartner-swiper2 {
    padding: 0.2rem 0;
    overflow: hidden
}

.inpartner-swiper ul,
.inpartner-swiper2 ul {
    display: flex;
    flex-wrap: wrap;
    /*margin:-0.18rem;*/
}

.inpartner-swiper ul li,
.inpartner-swiper2 ul li {
    text-align: center;
    width: 16.6666%;
    /*padding:0.18rem;*/
}

.inpartner-swiper ul li:hover {}

.inpartner-swiper ul li a,
.inpartner-swiper2 ul li {

    -webkit-box-shadow: 0.08rem 0.08rem 0.09rem rgba(200, 199, 199, 0.19);
    box-shadow: 0.08rem 0.08rem 0.09rem rgba(200, 199, 199, 0.19);
    background-color: #fff;
    padding: 0.19rem 0;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inpartner-swiper ul li a:hover,
.inpartner-swiper2 ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0.01rem 0.06rem 0.1rem rgba(0, 66, 174, 0.16);
    box-shadow: 0.01rem 0.06rem 0.1rem rgba(0, 66, 174, 0.16)
}

.index-reports {
    padding-top: 1.16rem;
    padding-bottom: 1rem
}

.inrepors-list {
    padding: 1rem 0 0;
    position: relative
}

.swiper-btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto
}

.swiper-btn .swiper-button-next,
.swiper-btn .swiper-button-prev {
    position: static;
    height: auto;
    line-height: normal;
    width: auto;
    /*display: block;*/
    margin: 0;
    border: 0
}

.swiper-btn .swiper-button-next::after,
.swiper-btn .swiper-button-prev::after {
    color: #c8c8c8;
    font-size: 0.23rem
}

.swiper-btn .swiper-button-next:hover,
.swiper-btn .swiper-button-prev:hover {
    background-color: transparent
}

.swiper-btn .swiper-button-next:hover::after,
.swiper-btn .swiper-button-prev:hover::after {
    color: #000
}

.swiper-btn .swiper-pagination {
    position: static;
    width: auto;
    padding: 0 0.48rem
}

.swiper-btn .swiper-pagination span {
    margin: 0 10px !important
}

.inrepors-swiper {
    overflow: hidden;
    padding: 0.15rem 0 0.8rem
}

.inrepors-swiper ul li {
    /*background: url(../images/ipbg.jpg) no-repeat 0 0;*/
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
    /*font-size: 0.16rem;*/
    /*padding: 0.45rem 0.3rem 0.4rem 0.4rem;*/
    /*-webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
    /*box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    /*box-shadow: 0 0 0.16rem rgba(15, 46, 87, 0.15);*/
}

.inrepors-swiper ul li:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.inrepors-swiper ul li img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

/*.inrepors-swiper ul li:hover {*/
/*    -webkit-transform: translateY(-10px);*/
/*    -ms-transform: translateY(-10px);*/
/*    -o-transform: translateY(-10px);*/
/*    transform: translateY(-10px)*/
/*}*/

.inrepors-swiper ul li a {
    display: block;
}

.inrepors-swiper ul li h5 {
    font-weight: bold;
    font-size: 0.22rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.35rem 0 0;

}

.inrepors-swiper ul li .name {
    color: #999999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.06rem 0 0.55rem
}

.inrepors-swiper ul li .img {
    overflow: hidden;
    position: relative;
}

.inrepors-swiper ul li .img:before {
    content: "";
    display: block;
    padding-top: 141.4%;
}

.inrepors-swiper ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.inrepors-swiper ul li:hover {
    /*-webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
    /*box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)*/
}

.index-work {
    background: url(../images/iwbg.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 0.54rem;
    padding-bottom: 0.5rem
}

.index-work .common-title {
    color: #fff;
    font-size: 0.16rem
}

.index-work .common-title h4 {
    padding: 0 0 0.1rem
}

.index-work .common-title .com-more2 {
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background-color: var(--color-accent, #C2410C);
    border-radius: 0.05rem;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.index-work .common-title .com-more2::before {
    border-radius: 0.05rem;
    background-color: #fff
}

.index-work .common-title .com-more2:hover {
    color: #ea0647
}

.index-news {
    background-color: #f4f5f6;
    padding-top: 0.85rem;
    padding-bottom: 0.6rem
}

.index-news .left h4 {
    position: relative;
    padding: 0 0 0.27rem 0;
    margin: 0 0.7rem 0 0;
    cursor: pointer
}

.index-news .left h4:last-child {
    margin: 0
}

.index-news .left h4::after {
    content: "";
    display: block;
    width: 0;
    height: 0.06rem;
    background-color: var(--sl-primary);
    position: absolute;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.index-news .left h4:hover,
.index-news .left h4.cur {
    color: #000
}

.index-news .left h4:hover::after,
.index-news .left h4.cur::after {
    width: 100%
}

.index-news .right a {
    display: none
}

.index-news .right a.cur {
    display: block
}

.inews-list {
    padding: 0.75rem 0 0 0
}

.inews-list ul {
    margin: 0 -0.22rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inews-list ul li.li1 {
    width: 66.666%
}

.inews-list ul li.li1 a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0.43rem 0.2rem 0.43rem 0.43rem
}

.inews-list ul li.li1 .img {
    width: 18.75vw;
    height: 2.69rem
}

.inews-list ul li.li1 .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.inews-list ul li.li1 .info {
    width: 5.4rem;
    padding-top: 0;
    padding-bottom: 0
}

.inews-list ul li {
    width: 33.3333%;
    padding: 0 0.22rem 0.53rem
}

.inews-list ul li a {
    display: block;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inews-list ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inews-list ul li .info {
    padding: 0.43rem 0.38rem
}

.inews-list ul li .info .title {
    display: -webkit-box;
    height: .72rem;
    line-height: .36rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.2rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inews-list ul li .info .desc {
    color: #999999;
    display: -webkit-box;
    height: .72rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0.25rem 0 0.85rem
}

.inews-list ul li .info .date {
    color: #b5b5b5;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inews-list ul li:hover a {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.inews-list ul li:hover .info .title,
.inews-list ul li:hover .info .date {
    color: #000
}

.index-subject {
    padding: 1.2rem 0 1.05rem;
    background-image: url(../images/indztbg.jpg)
}

.insubject-list {
    padding: 0.6rem 0 0
}

.insubject-swiper {
    overflow: hidden;
    padding: 0.2rem 0 0.7rem
}

.insubject-swiper ul li {
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 0.14rem;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0.13rem rgba(76, 76, 76, 0.13);
    box-shadow: 0 0 0.13rem rgba(76, 76, 76, 0.13);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insubject-swiper ul li:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insubject-swiper ul li img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insubject-swiper ul li:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insubject-swiper ul li a {
    display: block;
    background-color: #fff
}

.insubject-swiper ul li .info {
    padding: 0.3rem 0.35rem 0.40rem
}

.insubject-swiper ul li h5 {
    font-weight: bold;
    font-size: 0.24rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.insubject-swiper ul li .name {
    color: #869ec4;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.1rem 0 0.27rem;
    height: 0.21rem;
}

.insubject-swiper ul li .date {
    color: #777
}

.insubject-swiper ul li .date span {
    margin: 0 0.35rem 0 0
}

.insubject-swiper ul li .img {
    overflow: hidden
}

.insubject-swiper ul li .img img {
    width: 100%
}

.insubject-swiper ul li:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.insubject-swiper ul li:hover h5 {
    color: #000
}

.inews-toggle {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none
}

.inside-content {
    padding: 1.16rem 0 1rem
}

.inside-content .left {

    padding-right: 1.65rem;
    width: 77.3333%;
}

.inside-content .right {
    width: 22.667%;
    position: sticky;
    top: 1rem;
}

.sticky {
    position: sticky;
    top: 1rem;
}

.instczt-list {
    padding: 0 0 1.08rem
}

.instczt-list ul li {
    padding: 0 0 0.33rem 0
}

.instczt-list ul li a {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 0.06rem;
    padding: 0.27rem 0.46rem;
    position: relative
}

.instczt-list ul li a::before {
    content: "";
    display: block;
    width: 0;
    height: 0.02rem;
    background-color: var(--sl-primary);
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.instczt-list ul li a:hover::before {
    width: 100%
}

.instczt-list ul li a:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.instczt-list ul li .date {
    padding: 0 0.4rem 0 0;
    border-right: 1px solid #c0ccdf
}

.instczt-list ul li .date .day {
    color: #000;
    font-size: 0.48rem;
    line-height: 1
}

.instczt-list ul li .date .month {
    font-size: 0.14rem;
    color: #999999;
    font-weight: bold;
    padding: 0.05rem 0 0
}

.instczt-list ul li .info {
    padding: 0 0 0 0.48rem;
    width: 75%
}

.instczt-list ul li .info h5 {
    font-size: 0.18rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.instczt-list ul li .info .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.14rem 0 0
}

.instczt-list ul li .info .tags span {
    color: #000;
    background-color: #e5efff;
    border-radius: 0.06rem;
    padding: 0.04rem 0.12rem;
    margin: 0 0.1rem 0 0;
    font-size: 0.14rem
}

.inside-trouble {
    background-image: url(../images/rbg1.jpg);
    padding: 0.48rem 0.2rem 0.4rem;
    color: #fff;
    text-align: center;
    border-radius: 0.06rem
}

.inside-trouble .p {
    font-size: 0.16rem
}

.inside-trouble .p::before,
.inside-trouble .p::after {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.02rem;
    background-color: #fff;
    vertical-align: middle;
    margin: 0 0.17rem
}

.inside-trouble h4 {
    font-size: 0.3rem;
    font-weight: bold;
    padding: 0 0 0.25rem
}

.inside-trouble .register {
    background-color: #ea0647;
    color: #fff;
    border: 0;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0.14rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*width: 2.18rem;*/
    height: 0.45rem;
    line-height: 0.45rem
}

.inside-trouble .register:hover {
    color: #ea0647
}

.inside-form {
    width: 90%;
    height: auto;
    max-width: 9.6rem;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 0.06rem;
    padding: 0.6rem;
    display: none;
    z-index: 101
}

.inside-form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inside-form form .input {
    display: block;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.22rem;
    padding: 0 0.3rem;
    font-size: 0.16rem
}

.inside-form form .input::-webkit-input-placeholder {
    color: #999999
}

.inside-form form .input::-moz-placeholder {
    color: #999999
}

.inside-form form .input:-ms-input-placeholder {
    color: #999999
}

.inside-form form .input::placeholder {
    color: #999999
}

.inside-form form .input:nth-child(1) {
    margin-right: 0.3rem
}

.inside-form form .input:nth-child(3) {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.inside-form form .input-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f7f8fd
}

.inside-form form textarea {
    width: 100%;
    background-color: #f7f8fd;
    height: 1.5rem;
    margin-bottom: 0.22rem;
    padding: 0.28rem 0.4rem;
    font-size: 0.16rem
}

.inside-form form textarea::-webkit-input-placeholder {
    color: #999999
}

.inside-form form textarea::-moz-placeholder {
    color: #999999
}

.inside-form form textarea:-ms-input-placeholder {
    color: #999999
}

.inside-form form textarea::placeholder {
    color: #999999
}

.inside-form form .input-submit {
    width: 100%;
    background-color: var(--sl-primary);
    color: #fff;
    margin: 0
}

.inside-form .info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0.4rem
}

.inside-form .info h4 {
    font-size: 0.32rem;
    width: 80%
}

.inside-form .close {
    color: #fff;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    background-color: var(--sl-primary);
    border-radius: 50%;
    font-weight: bold;
    font-size: 0.16rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inside-form .close::before {
    content: "\e623"
}

.inside-form .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.inside-advice {
    border: 1px solid #cccccc;
    border-radius: 0.06rem;
    margin: 0.3rem 0;
    background-color: #fff
}

.insad-name {
    border-bottom: 0.03rem solid var(--sl-primary)
}

.insad-name h4 {
    text-align: center;
    font-size: 0.18rem;
    border-radius: 0.06rem 0.06rem 0 0;
    height: 0.56rem;
    line-height: 0.56rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
}

.insad-name h4.cur {
    background-color: var(--sl-primary);
    color: #fff;
    font-weight: bold
}

.insad-toggle {
    padding: 0.23rem 0.18rem
}

.insad-list {
    display: none
}

.insad-list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.05rem
}

.insad-list ul li {
    padding: 0.05rem;
    width: 50%
}

.insad-list ul li a {
    display: block;
    width: 100%;
    font-size: 0.14rem;
    border: 1px solid #cccccc;
    height: 0.5rem;
    line-height: 0.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center
}

.insad-list ul li a:hover {
    background-color: var(--sl-primary);
    color: #fff;
    border-color: var(--sl-primary)
}

.inside-report {
    border: 1px solid #cccccc;
    border-radius: 0.06rem;
    background-color: #fff;
    padding: 0.3rem 0.2rem 0.58rem;
    display: none;
}

.insrepo-list ul li {
    border-bottom: 1px dotted #b7b7b7;
    padding: 0.18rem 0
}

.insrepo-list ul li a {
    display: block;
    display: -webkit-box;
    height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.insrepo-list ul li a:hover {
    color: #000
}

.common-trouble {
    background-image: url(../images/formbg.jpg);
    padding: 0.4rem 0
}

.common-trouble .flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.common-trouble .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff
}

.common-trouble .right {
    width: 74%
}

.common-trouble form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.common-trouble form .input {
    display: block;
    flex: 1;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 0.06rem;
    padding: 0 0.3rem;
    font-size: 0.16rem;
    background-color: #f7f8fd
}

.common-trouble form .input::-webkit-input-placeholder {
    color: #999999
}

.common-trouble form .input::-moz-placeholder {
    color: #999999
}

.common-trouble form .input:-ms-input-placeholder {
    color: #999999
}

.common-trouble form .input::placeholder {
    color: #999999
}

.common-trouble form .input::-webkit-inner-spin-button,
.common-trouble form .input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* 兼容Firefox */
#number-input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


.common-trouble form .input-submit {
    width: 100%;
    background-color: var(--color-accent, #C2410C);
    border-radius: 0.06rem;
    color: #fff;
    font-family: "albbRegular";
    max-width: 2rem
}

.common-trouble form .input-liuyan {
    width: 3.85rem;
    flex: none;
}

.common-trouble .info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0.4rem
}

.common-trouble .info h4 {
    font-size: 0.32rem
}

.inside-title .desct {
    font-size: 0.18rem;
    color: #999999
}

.inside-title.flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inside-title.flex a {
    font-size: 0.18rem
}

.inside-title.flex a:hover {
    color: #000;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.common-case {
    padding: 1.06rem 0 1.1rem
}

.commoncase-list {
    padding: 0.9rem 0 0
}

.commoncase-list ul {
    margin: -0.22rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.commoncase-list ul li {
    padding: 0.22rem;
    width: 33.333%
}

.commoncase-list ul li a {
    display: block;
    -webkit-box-shadow: 0.01rem 0.06rem 0.1rem rgba(140, 140, 140, 0.16);
    box-shadow: 0.01rem 0.06rem 0.1rem rgba(140, 140, 140, 0.16);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    background-color: #fff
}

.commoncase-list ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.commoncase-list ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.commoncase-list ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.commoncase-list ul li a:hover .name {
    color: #000
}

.commoncase-list ul li .img {
    overflow: hidden;
    position: relative
}

.commoncase-list ul li img {
    width: 100%
}

.commoncase-list ul li .hot {
    display: block;
    text-transform: uppercase;
    font-size: 0.16rem;
    font-weight: bold;
    color: #ea0647;
    background: url(../images/sbg.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 0.64rem;
    height: 0.6rem;
    line-height: 0.5rem;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0.35rem
}

.commoncase-list ul li .info {
    padding: 0.23rem 0.3rem 0.15rem
}

.commoncase-list ul li .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.2rem
}

.commoncase-list ul li .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.1rem 0 0
}

.commoncase-list ul li .tags span {
    background-color: #9bafd5;
    border-radius: 0.06rem;
    color: #fff;
    font-size: 0.14rem;
    text-align: center;
    padding: 0 0.1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.08rem 0.16rem 0.08rem 0
}

.inside-reports {
    padding: 0.9rem 0 0.74rem
}

.insrepors-list {
    padding: 0.92rem 0 0
}

.insrepors-list ul li {
    width: 25%;
    border-radius: 0.1rem;
    /*box-shadow: 0 0 0.16rem rgba(15, 46, 87, 0.15)*/
}

.insrepors-list ul li a {
    display: block;
    /*background: url(../images/ipbg.jpg) no-repeat 0 0;*/
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
    font-size: 0.16rem;
    /*padding: 0.45rem 0.3rem 0.4rem 0.4rem;*/
    /*-webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
    /*box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.1rem;
    text-align: center;
}

.insrepors-list ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insrepors-list ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

/*.insrepors-list ul li a:hover {*/
/*    -webkit-transform: translateY(-10px);*/
/*    -ms-transform: translateY(-10px);*/
/*    -o-transform: translateY(-10px);*/
/*    transform: translateY(-10px)*/
/*}*/

/*.insrepors-list ul li a:hover {*/
/*    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
/*    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)*/
/*}*/
.inside-gnrepors .insrepors-list ul {
    margin: -0.3rem;
}

.inside-gnrepors .insrepors-list ul li a {
    padding: 0.3rem;
}

.insrepors-list ul li a:hover h5 {
    color: #000
}

.insrepors-list ul li a:hover .date {
    color: #000
}

.insrepors-list ul li h5 {
    /*font-weight: bold;*/
    font-size: 0.18rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.2rem 0;
    display: none;
}

.insrepors-list ul li .name {
    color: #999999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.06rem 0 0.55rem;
    font-weight: normal;
    display: none;
    min-height: 0.24rem;
}

.insrepors-list ul li .date {
    display: inline-block;
    padding: 0.04rem 0.12rem;
    border: 1px solid var(--sl-primary);
    color: #000;
    display: none;
}

.insrepors-list ul li .img {
    overflow: hidden;
    position: relative;
    border-radius: 0.1rem;
}

.insrepors-list ul li .img:before {
    content: "";
    display: block;
    padding-top: 141.4%;
}

.insrepors-list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.insrepors-swiper {
    padding: 0 0 0.54rem;
    overflow: hidden
}

.inside-comproject {
    padding: 0.84rem 0 1.1rem
}

.inside-comproject .more {
    padding: 0.6rem 0 0
}

.inside-comproject .more a {
    margin: 0 auto
}

.inscomprot-swiper {
    padding: 0.7rem 0 0;
    overflow: hidden
}

.inscomprot-swiper ul li a {
    display: block;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden
}

.inscomprot-swiper ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inscomprot-swiper ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.inscomprot-swiper ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.inscomprot-swiper ul li a:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.inscomprot-swiper ul li .img {
    overflow: hidden
}

.inscomprot-swiper ul li .img img {
    width: 100%
}

.inscomprot-swiper ul li .info {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 0.36rem 0.42rem
}

.inscomprot-swiper ul li .info h5 {
    font-weight: bold
}

.inscomprot-swiper ul li .info .tag {
    padding: 0.1rem 0 0.3rem
}

.inscomprot-swiper ul li .info .tag span {
    font-size: 0.14rem;
    border: 1px solid #8f9aac;
    padding: 0.01rem 0.11rem
}

.inscomprot-swiper ul li .info .tag span.nob,
.insgncomprot-swiper ul li .info .tag span.nob {
    border: 0;
}

.inscomprot-swiper ul li .info .date {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.14rem
}

.swiper-insidebtn {
    position: relative
}

.swiper-insidebtn .swiper-button-next,
.swiper-insidebtn .swiper-button-prev {
    width: 0.55rem;
    height: 0.55rem;
    line-height: 0.55rem;
    position: static;
    border-color: #c6c6c6;
    margin-left: 0.25rem
}

.swiper-insidebtn .swiper-button-next::after,
.swiper-insidebtn .swiper-button-prev::after {
    color: #c6c6c6
}

.common-read {
    padding: 0.95rem 0 1.35rem
}

.common-read>.flex {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.common-read .inside-title.flex {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.common-read .left {
    padding-right: 0.27rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-self: start;
}

.common-read .right {
    width: 32.466%
}

.comread-list {
    padding: 0.4rem 0 0
}

.comread-list ul {
    margin: -0.15rem -0.13rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.comread-list ul li {
    width: 50%;
    padding: 0.15rem 0.13rem
}

.comread-list ul li a {
    display: block;
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 0.34rem 0.3rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.comread-list ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.comread-list ul li a:hover {
    border-radius: 0.1rem
}

.comread-list ul li a:hover .title {
    color: #000;
    font-weight: bold
}

.comread-list ul li .title {
    display: -webkit-box;
    height: .6rem;
    line-height: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.18rem
}

.comread-list ul li .desc {
    font-size: 0.14rem;
    color: #999999;
    display: -webkit-box;
    height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0.2rem 0 0.48rem
}

.comread-list ul li .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 0.14rem
}

.comread-list ul li .info .sous {
    color: var(--sl-primary-light)
}

.comread-list ul li .info .date {
    color: #999999
}

.comread-list ul li .info .date em {
    font-size: 0.16rem;
    font-weight: bold;
    margin-right: 0.19rem
}

.comread-list ul li .info .date em::before {
    content: "\e64d"
}

.common-moreinfo {
    background-image: url(../images/rdbg.jpg);
    padding: 0.78rem 0.67rem 0.6rem;
    color: #fff;
    text-align: center
}

.common-moreinfo .ercodes {
    font-size: 0.16rem;
    line-height: 0.24rem;
    margin: -0.25rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.common-moreinfo .ercodes .item {
    padding: 0.25rem;
    width: 50%;
}

.common-moreinfo .ercodes .img {
    padding: 0.09rem;
    background-color: #fff;
    margin: 0 auto 0.15rem;
    position: relative;
}

.common-moreinfo .ercodes .img:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.common-moreinfo .ercodes .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.common-moreinfo .p {
    font-size: 0.18rem;
    padding: 1.03rem 0 0.15rem
}

.common-moreinfo .p::before,
.common-moreinfo .p::after {
    content: "";
    display: inline-block;
    width: 0.36rem;
    height: 0.01rem;
    background-color: #fff;
    vertical-align: middle
}

.common-moreinfo .p span {
    margin: 0 0.5rem
}

.common-moreinfo .tel {
    font-size: 0.48rem
}

.insnew-date {
    padding: 0.4rem 0 0
}

.insnew-date span {
    margin-right: 1.2rem
}

.insnew-date span:last-child {
    margin: 0
}

.inside-newsdetail .toptitle {
    border: 0.05rem solid #e6efff;
    border-radius: 0.06rem;
    position: relative;
    padding: 0.45rem 0.52rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #949494
}

.inside-newsdetail .toptitle::before {
    content: "";
    display: block;
    width: 0.63rem;
    height: 0.56rem;
    background: url(../images/fuhao.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0.47rem;
    top: -0.3rem
}

.inside-newsdetail .content {
    color: #707070;
    font-size: 0.16rem;
    line-height: 0.3rem;
    padding: 0.74rem 0;
}

.inside-newsdetail .content h5 {
    font-size: 0.24rem;
    font-weight: bold;
    color: #4c4c4c
}

.inside-newsdetail .content h6 {
    font-weight: bold;
    font-size: 0.16rem
}

.inside-newsdetail .content p span {
    text-wrap: wrap !important;
}

.inside-newspage {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inside-newspage .com-more1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.21rem;
    height: 0.5rem;
    line-height: 0.5rem
}

.inside-newspage .tleft {
    font-size: 0.16rem
}

.inside-newspage .tleft p {
    padding: 0.13rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.inside-newspage .tleft p span {
    width: 0.73rem
}

.inside-newspage .tleft a:hover {
    color: #000
}

.inside-newspage .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.common-form {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    max-width: 500px
}

.common-form span {
    font-size: 0.18rem;
    width: 1rem
}

.common-form .input-text {
    font-size: 0.14rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background-color: #fff;
    border-radius: 0.5rem;
    border: 1px solid var(--sl-primary);
    width: 100%;
    padding: 0 1.3rem 0 0.3rem
}

.common-form .input-text::-webkit-input-placeholder {
    color: #999999
}

.common-form .input-text::-moz-placeholder {
    color: #999999
}

.common-form .input-text:-ms-input-placeholder {
    color: #999999
}

.common-form .input-text::placeholder {
    color: #999999
}

.common-form .input-btn {
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--sl-primary);
    color: #fff;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 0.5rem;
    padding: 0 0.37rem
}

.insnews-lists {
    padding: 0.8rem 0 0.65rem
}

.insnews-lists ul li {
    padding: 0 0 0.22rem
}

.insnews-lists ul li a {
    display: block;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ededed;
    padding: 0.45rem 0.76rem 0.42rem 0.36rem;
    position: relative
}

.insnews-lists ul li a::before {
    content: "";
    display: block;
    width: 0;
    height: 0.02rem;
    background-color: var(--sl-primary);
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insnews-lists ul li a:hover::before {
    width: 100%
}

.insnews-lists ul li a:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.insnews-lists ul li a:hover .info .name {
    color: #000
}

.insnews-lists ul li a:hover .info .more {
    color: #000
}

.insnews-lists ul li .img {
    width: 2.46rem
}

.insnews-lists ul li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.insnews-lists ul li .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 0 0 0 0.44rem
}

.insnews-lists ul li .info .name {
    font-size: 0.2rem;
    display: -webkit-box;
    height: .6rem;
    line-height: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.insnews-lists ul li .info .desc {
    font-size: 0.16rem;
    color: #999999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.15rem 0 0.35rem
}

.insnews-lists ul li .info .bot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.16rem;
    color: #999999
}

.inside-dcfilter {
    padding: 0.54rem 0 0
}

.inside-dcfilter dl {
    padding: 0 0 0.3rem
}

.inside-dcfilter dl dt {
    font-size: 0.18rem;
    width: 80px
}

.inside-dcfilter dl dd {
    font-size: 0.16rem;
    padding: 0 1.2rem 0 0.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    line-height: 0.3rem;
    height: 0.3rem;
    overflow: hidden;
    -webkit-transform: all 0.3s;
    -ms-transform: all 0.3s;
    -o-transform: all 0.3s;
    transform: all 0.3s
}

.inside-dcfilter dl dd.cur {
    height: auto
}

.inside-dcfilter dl dd.cur .item {
    padding-bottom: 0.2rem
}

.inside-dcfilter dl dd.cur .last::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.inside-dcfilter dl dd .item {
    padding-right: 0.42rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inside-dcfilter dl dd .item:hover a,
.inside-dcfilter dl dd .item.cur a {
    background-color: var(--sl-primary);
    color: #fff;
    border-radius: 0.06rem
}

.inside-dcfilter dl dd a {
    padding: 0 0.14rem;
    display: block
}

.inside-dcfilter dl dd .last {
    font-size: 0.16rem;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.inside-dcfilter dl dd .last::after {
    content: "";
    display: inline-block;
    border-width: 0.05rem;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    margin-left: 0.08rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inside-dcbgslist {
    padding: 0.5rem 0 1.45rem
}

.inside-dcbgslist ul {
    margin: -0.2rem -0.16rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inside-dcbgslist ul li {
    width: 25%;
    padding: 0.2rem 0.16rem
}

.inside-dcbgslist ul li a {
    display: block;
    background-color: #fff;
    -webkit-box-shadow: 0.05rem 0.03rem 0.13rem rgba(32, 40, 54, 0.13);
    box-shadow: 0.05rem 0.03rem 0.13rem rgba(32, 40, 54, 0.13);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden
}

.inside-dcbgslist ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inside-dcbgslist ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.inside-dcbgslist ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.inside-dcbgslist ul li a:hover .info .name {
    color: #000
}

.inside-dcbgslist ul li .img {
    position: relative
}

.inside-dcbgslist ul li .img::before {
    content: "";
    display: block;
    padding-top: -webkit-calc((263/350)*100%);
    padding-top: calc((263/350)*100%)
}

.inside-dcbgslist ul li .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.inside-dcbgslist ul li .img .tag {
    position: absolute;
    padding: 0.03rem 0.09rem;
    background-color: var(--sl-primary);
    color: #fff;
    font-weight: bold;
    font-size: 0.14rem;
    top: 0.27rem;
    left: 0.25rem
}

.inside-dcbgslist ul li .info {
    padding: 0.24rem 0.3rem 0.28rem
}

.inside-dcbgslist ul li .info .name {
    display: -webkit-box;
    height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.16rem
}

.inside-dcbgslist ul li .info .tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    padding: 0.2rem 0 0
}

.inside-dcbgslist ul li .info .tag span::after {
    content: "|";
    margin: 0 0.14rem
}

.inside-dcbgslist ul li .info .tag span:last-child::after {
    display: none
}

.Breturn {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: #fff;
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0.06rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.Breturn img {
    margin: 0 0.2rem 0 0;
    position: relative;
    z-index: 2
}

.Breturn::before {
    border-radius: 0.06rem
}

.Breturn:hover {
    border-color: var(--sl-primary)
}

.insreporscom-list {
    padding: 0.92rem 0
}

.insreporscom-list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.32rem
}

.insreporscom-list ul li {
    width: 25%;
    padding: 0.32rem
}

.insreporscom-list ul li a {
    display: block;
    /*background: url(../images/ipbg.jpg) no-repeat 0 0;*/
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
    font-size: 0.16rem;
    /*padding: 0.45rem 0.3rem 0.4rem 0.4rem;*/
    /*-webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
    /*box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /*border-radius: 0.1rem*/
    text-align: center;
}

.insreporscom-list ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insreporscom-list ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insreporscom-list ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

/*.insreporscom-list ul li a:hover {*/
/*    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);*/
/*    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)*/
/*}*/

.insreporscom-list ul li h5 {
    /*font-weight: bold;*/
    font-size: 0.18rem;
    margin: 0.2rem 0;
    display: -webkit-box;
    max-height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.insreporscom-list ul li .name {
    color: #999999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.06rem 0 0.55rem;

}

.insreporscom-list ul li .date {
    border: 1px solid var(--sl-primary);
    color: #000;
    display: inline-block;
    padding: 0.04rem 0.12rem;
    font-size: 0.14rem;
}

.insreporscom-list ul li .img {
    overflow: hidden;
    border-radius: 0.1rem;
    position: relative;
}

.insreporscom-list ul li .img:before {
    content: "";
    display: block;
    padding-top: 141.4%;
}

.insreporscom-list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.inscomprotcom-list {
    padding: 0.7rem 0;
    overflow: hidden
}

.inscomprotcom-list ul {
    margin: -0.15rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inscomprotcom-list ul li {
    width: 33.333%;
    padding: 0.15rem
}

.inscomprotcom-list ul li a {
    display: block;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden
}

.inscomprotcom-list ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inscomprotcom-list ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.inscomprotcom-list ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.inscomprotcom-list ul li a:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.inscomprotcom-list ul li .img {
    overflow: hidden
}

.inscomprotcom-list ul li .img img {
    width: 100%
}

.inscomprotcom-list ul li .info {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 0.36rem 0.42rem
}

.inscomprotcom-list ul li .info h5 {
    font-weight: bold
}

.inscomprotcom-list ul li .info .tag {
    padding: 0.1rem 0 0.3rem
}

.inscomprotcom-list ul li .info .tag span {
    font-size: 0.14rem;
    border: 1px solid #8f9aac;
    padding: 0.01rem 0.11rem
}

.inscomprotcom-list ul li .info .date {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.14rem
}

.inside-rdtjdc {
    padding: 0.85rem 0 1.07rem
}

.insrdrj-list {
    padding: 0.6rem 0 0
}

.insrdrj-list ul {
    margin: -0.15rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.insrdrj-list ul li {
    padding: 0.15rem;
    width: 33.333%
}

.insrdrj-list ul dl {
    background-color: #fff;
    border-radius: 0.1rem;
    -webkit-box-shadow: 0.05rem 0.03rem 0.13rem rgba(32, 40, 54, 0.13);
    box-shadow: 0.05rem 0.03rem 0.13rem rgba(32, 40, 54, 0.13);
    height: 100%;
}

.insrdrj-list ul dl dt {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#007dc6), to(#1648a0));
    background-image: -webkit-linear-gradient(top, #007dc6, #1648a0);
    background-image: -o-linear-gradient(top, #007dc6, #1648a0);
    background-image: linear-gradient(to bottom, #007dc6, #1648a0);
    color: #fff;
    padding: 0.22rem 0.27rem 0.2rem;
    border-radius: 0.1rem 0.1rem 0 0
}

.insrdrj-list ul dl dt .en {
    font-size: 0.14rem;
    opacity: 0.24;
    text-transform: uppercase
}

.insrdrj-list ul dl dd {
    padding: 0.15rem 0.25rem 0.37rem
}

.insrdrj-list ul dl dd a {
    display: block;
    border-bottom: 1px dashed #e5e5e5;
    padding: 0.16rem 0
}

.insrdrj-list ul dl dd a:hover {
    border-color: var(--sl-primary)
}

.insrdrj-list ul dl dd a:hover .name {
    color: #000
}

.insrdrj-list ul dl dd .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.16rem;
    margin: 0 0 0.1rem
}

.insrdrj-list ul dl dd .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 0.14rem
}

.insrdrj-list ul dl dd .tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.insrdrj-list ul dl dd .tag span {
    color: #000;
    background-color: #e6efff;
    padding: 0.03rem 0.08rem;
    margin: 0 0.1rem 0 0
}

.insrdrj-list ul dl dd .tag span:last-child {
    margin: 0
}

.insrdrj-list ul dl dd .date {
    color: #999999
}

.inside-dcbdc {
    padding-top: 1rem;
    padding-bottom: 0.9rem
}

.inside-dcbdc .common-title {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inside-dcbdc .more a {
    margin: 0 auto
}

.inside-dcbdctoggle {
    display: none
}

.indcbdc-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.indcbdc-filter a {
    padding: 0.11rem 0.25rem;
    font-size: 0.18rem;
    background-color: #f0f3f8;
    border-radius: 0.06rem;
    margin: 0 0 0 0.17rem
}

.indcbdc-filter a:hover,
.indcbdc-filter a.cur {
    background-color: var(--sl-primary);
    color: #fff
}

.inside-dcbdclist {
    padding: 0.7rem 0
}

.inside-dcbdclist ul {
    margin: -0.15rem -0.12rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inside-dcbdclist ul li {
    width: 20%;
    padding: 0.15rem 0.12rem
}

.inside-dcbdclist ul li a {
    display: block;
    background-color: #fff;
    -webkit-box-shadow: 0.05rem 0.03rem 0.13rem rgba(32, 40, 54, 0.13);
    box-shadow: 0.05rem 0.03rem 0.13rem rgba(32, 40, 54, 0.13);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden
}

.inside-dcbdclist ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inside-dcbdclist ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.inside-dcbdclist ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.inside-dcbdclist ul li a:hover .info .name {
    color: #000
}

.inside-dcbdclist ul li .img {
    position: relative
}

.inside-dcbdclist ul li .img::before {
    content: "";
    display: block;
    padding-top: -webkit-calc((263/350)*100%);
    padding-top: calc((263/350)*100%)
}

.inside-dcbdclist ul li .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.inside-dcbdclist ul li .img .tag {
    position: absolute;
    padding: 0.03rem 0.09rem;
    background-color: var(--sl-primary);
    color: #fff;
    font-weight: bold;
    font-size: 0.14rem;
    top: 0.27rem;
    left: 0.25rem
}

.inside-dcbdclist ul li .info {
    padding: 0.2rem 0.17rem 0.22rem
}

.inside-dcbdclist ul li .info .name {
    display: -webkit-box;
    height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.16rem
}

.inside-dcbdclist ul li .info .tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    padding: 0.2rem 0 0
}

.inside-dcbdclist ul li .info .tag span::after {
    content: "|";
    margin: 0 0.14rem
}

.inside-dcbdclist ul li .info .tag span:last-child::after {
    display: none
}

.insrepors-imparity {
    padding: 0.82rem 0 0
}

.insrepors-imparity ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.32rem -0.24rem
}

.insrepors-imparity ul li {
    width: 25%;
    padding: 0.32rem 0.24rem
}

.insrepors-imparity ul li a {
    display: block;
    background: url(../images/ipbg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 0.16rem;
    padding: 0.45rem 0.3rem 0.4rem 0.4rem;
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.1rem
}

.insrepors-imparity ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insrepors-imparity ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insrepors-imparity ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insrepors-imparity ul li a:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.insrepors-imparity ul li a:hover h5 {
    color: #000
}

.insrepors-imparity ul li a:hover .date {
    color: #000
}

.insrepors-imparity ul li h5 {
    font-weight: bold;
    font-size: 0.22rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.35rem 0 0
}

.insrepors-imparity ul li .name {
    color: #999999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.06rem 0 0.55rem
}

.insrepors-imparity ul li .img {
    overflow: hidden
}

.insrepors-imparity ul li .img img {
    width: 100%
}

.insrepors-imparity-swiper {
    padding: 0 0 0.54rem;
    overflow: hidden
}

.online-form {
    padding: 0.9rem 0;
    color: #fff;
    text-align: center
}

.online-form .toptitle {
    padding: 0 0 0.65rem
}

.online-form .toptitle h4 {
    padding: 0 0 0.08rem
}

.online-form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.online-form form .input {
    display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 0.06rem;
    padding: 0 0.3rem;
    font-size: 0.16rem;
    background-color: #f7f8fd;
    color: #999
}

.online-form form .input::-webkit-input-placeholder {
    color: #999999
}

.online-form form .input::-moz-placeholder {
    color: #999999
}

.online-form form .input:-ms-input-placeholder {
    color: #999999
}

.online-form form .input::placeholder {
    color: #999999
}

.online-form form .input-submit {
    width: 100%;
    background-color: var(--color-accent, #C2410C);
    color: #fff;
    font-family: "albbRegular";
    max-width: 2rem
}

.online-form form .input-liuyan {
    width: 3.85rem
}

.online-form .info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0.4rem
}

.online-form .info h4 {
    font-size: 0.32rem
}

.inside-consult {
    padding-top: 0.92rem;
    padding-bottom: 1.3rem
}

.inside-consult .insult {
    width: 50%
}

.inside-consult .insult ul {
    margin: -0.12rem -0.1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0.63rem
}

.inside-consult .insult ul li {
    padding: 0.12rem 0.1rem
}

.inside-consult .insult ul li a {
    display: block;
    width: 100%;
    font-size: 0.18rem;
    background-color: #f0f3f8;
    text-align: center;
    padding: 0.15rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.inside-consult .insult ul li a:hover,
.inside-consult .insult ul li a.cur {
    background-color: var(--sl-primary);
    color: #fff
}

.inside-consult .insult1 {
    padding-right: 0.9rem
}

.inside-consult .insult1 ul li {
    width: 33%
}

.inside-consult .insult2 {
    padding-left: 0.5rem
}

.inside-consult .insult2 ul li {
    width: 33.333%
}

.dccomread-read {
    padding: 0.7rem 0 1.2rem
}

.dccomread-list {
    padding: 0.5rem 0 0
}

.dccomread-list ul {
    margin: -0.17rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dccomread-list ul li {
    width: 33.333%;
    padding: 0.17rem
}

.dccomread-list ul li a {
    display: block;
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 0.34rem 0.3rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.dccomread-list ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.dccomread-list ul li a::after {
    content: "";
    display: block;
    height: 0.08rem;
    background-color: var(--sl-primary);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.dccomread-list ul li a:hover::after {
    width: 100%
}

.dccomread-list ul li a:hover .title {
    color: #000
}

.dccomread-list ul li .title {
    display: -webkit-box;
    height: .6rem;
    line-height: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.18rem
}

.dccomread-list ul li .desc {
    font-size: 0.14rem;
    color: #999999;
    display: -webkit-box;
    height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0.2rem 0 0.48rem
}

.dccomread-list ul li .info {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.14rem
}

.dccomread-list ul li .info .date em {
    font-size: 0.16rem;
    font-weight: bold;
    margin-right: 0.19rem
}

.dccomread-list ul li .info .date em::before {
    content: "\e64d"
}

.insidecase-list {
    padding: 0.9rem 0 1rem
}

.insidecase-list ul {
    margin: -0.22rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.insidecase-list ul li {
    padding: 0.22rem;
    width: 33.333%
}

.insidecase-list ul li a {
    display: block;
    -webkit-box-shadow: 0.01rem 0.06rem 0.1rem rgba(140, 140, 140, 0.16);
    box-shadow: 0.01rem 0.06rem 0.1rem rgba(140, 140, 140, 0.16);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    background-color: #fff
}

.insidecase-list ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insidecase-list ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insidecase-list ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insidecase-list ul li a:hover .name {
    color: #000
}

.insidecase-list ul li:nth-child(1) .hot,
.insidecase-list ul li:nth-child(2) .hot,
.insidecase-list ul li:nth-child(3) .hot {
    display: block
}

.insidecase-list ul li .img {
    overflow: hidden;
    position: relative
}

.insidecase-list ul li img {
    width: 100%
}

.insidecase-list ul li .hot {
    display: block;
    text-transform: uppercase;
    font-size: 0.16rem;
    font-weight: bold;
    color: #fff;
    background: url(../images/sbgho.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 0.64rem;
    height: 0.6rem;
    line-height: 0.5rem;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0.35rem;
    display: none
}

.insidecase-list ul li .info {
    padding: 0.23rem 0.3rem 0.15rem
}

.insidecase-list ul li .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.2rem
}

.insidecase-list ul li .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.1rem 0 0
}

.insidecase-list ul li .tags span {
    background-color: #9bafd5;
    border-radius: 0.06rem;
    color: #fff;
    font-size: 0.14rem;
    text-align: center;
    padding: 0 0.1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.08rem 0.16rem 0.08rem 0
}

.relevant-case {
    padding-top: 0.8rem;
    padding-bottom: 1.3rem
}

.relecase-swiper {
    overflow: hidden;
    margin: 0.93rem 0 0.54rem;
    -webkit-box-shadow: 0.01rem 0.06rem 0.32rem rgba(89, 89, 89, 0.16);
    box-shadow: 0.01rem 0.06rem 0.32rem rgba(89, 89, 89, 0.16)
}

.relecase-swiper ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.relecase-swiper ul li .img {
    width: 49.066%;
    height: 4.14rem;
    position: relative
}

.relecase-swiper ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.relecase-swiper ul li .info {
    width: 50%;
    padding: 0.6rem 0.6rem 0.5rem 0.8rem
}

.relecase-swiper ul li .info .name {
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.relecase-swiper ul li .info .desc {
    font-size: 0.14rem;
    color: #999999;
    display: -webkit-box;
    height: .9rem;
    line-height: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0.22rem 0 1.13rem
}

.relecase-swiper ul li .info .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.relecase-swiper ul li .info .tags span {
    color: #fff;
    background-color:#000;
    border-radius: 0.06rem;
    margin: 0 0.08rem 0 0;
    padding: 0.04rem 0.12rem
}

.inside-estate {
    padding-top: 1.2rem;
    padding-bottom: 1.4rem;
  /*  -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end*/
}

.inside-estate .com-more1 {
    width: 2.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#092ca4), to(#0458e1));
    background-image: -webkit-linear-gradient(left, #092ca4, #0458e1);
    background-image: -o-linear-gradient(left, #092ca4, #0458e1);
    background-image: linear-gradient(to right, #092ca4, #0458e1);
    border-radius: 0.06rem;
    padding: 0 0.2rem
}

.inside-estate .com-more1 .en {
    font-size: 0.2rem;
    padding-left: 0.1rem
}

.inside-estate .com-more1::before {
    border-radius: 0.06rem
}

.inside-estate .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2.4rem 0 0
}

.inside-estate .left .desc {
    font-size: 0.16rem;
    line-height: 0.36rem;
    color: #666666;
    padding: 0.32rem 0 0.87rem
}

.inside-estate .right {
    width: 50.666%
}

.instate-list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.07rem -0.1rem
}

.instate-list ul li {
    width: 33.333%;
    padding: 0.07rem 0.1rem;
    text-align: center;
    min-height: 0.98rem
}

.instate-list ul li h3 {
    font-size: 0.26rem
}

.instate-list ul li a {
    background-color: #e5f0ff;
    display: block;
    height: 100%;
    padding: 0.35rem 0;
    position: relative
}

.instate-list ul li a h5 {
    width: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 0.18rem
}

.instate-list ul li a span {
    font-size: 0.18rem;
    color: #fff;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    position: absolute;
    left: 0
}

.instate-list ul li a span::before {
    content: "\e8dc"
}

.instate-list ul li a:hover {
    background-color: var(--sl-primary) !important
}

.instate-list ul li a:hover h5 {
    color: #fff;
    font-weight: bold;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.instate-list ul li a:hover span {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.instate-list ul li.li5 {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.instate-list ul li:nth-child(even) a {
    background-color: #f0f6ff
}

.inside-realty {
    background-image: url(../images/albg.jpg);
    padding: 0.88rem 0 1rem
}

.insrealt-list {
    padding: 0.67rem 0 0
}

.insrealt-list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.2rem;
    justify-content: center;
}

.insrealt-list ul li {
    padding: 0.2rem;
    width: 33.333%
}

.insrealt-list ul li a {
    display: block;
}

.insrealt-list ul li .box {
    display: block;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insrealt-list ul li .img {
    position: relative;
}

.insrealt-list ul li .box:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insrealt-list ul li .box img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insrealt-list ul li .box:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insrealt-list ul li .box:hover {
    -webkit-box-shadow: 0.01rem 0.06rem 0.1rem rgba(0, 66, 174, 0.16);
    box-shadow: 0.01rem 0.06rem 0.1rem rgba(0, 66, 174, 0.16);
    border-radius: 0.1rem
}

.insrealt-list ul li .box:hover .img {
    border-radius: 0.1rem 0.1rem 0 0
}

.insrealt-list ul li .box:hover .img img {
    border-radius: 0.1rem 0.1rem 0 0
}

.insrealt-list ul li .box:hover .name {
    padding-right: 0.7rem
}

.insrealt-list ul li .box:hover .name h3 {
    font-weight: bold;
    color: #000;
    text-align: left
}

.insrealt-list ul li .box:hover .name span {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}

.insrealt-list ul li .img {
    position: relative;
}

.insrealt-list ul li .img img {
    width: 100%
}

.insrealt-list ul li .name {
    padding: 0.32rem 0.34rem;
    position: relative
}

.insrealt-list ul li .name h3 {
    text-align: center;
    font-size: 0.18rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insrealt-list ul li .name span {
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    border-radius: 50%;
    background-color: var(--sl-primary);
    color: #fff;
    font-size: 0.16rem;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 0.34rem;
    top: 0.33rem
}

.insrealt-list ul li .name span::before {
    content: "\e8dc"
}

.inside-strate {
    padding-top: 0.8rem;
    padding-bottom: 0.9rem
}

.inside-strate .com-more2 {
    margin: 0 auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #999999;
    color: #000
}

.inside-strate .com-more2:hover {
    color: #fff;
    border-color: var(--sl-primary)
}

.instrate-list {
    padding: 0.6rem 0;
    position: relative
}

.instrate-list ul {
    margin: -0.13rem;
    position: relative;
    padding-left: 51%
}

.instrate-list ul li {
    float: left;
    padding: 0.13rem;
    width: 50%
}

.instrate-list ul li a {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.instrate-list ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.instrate-list ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.instrate-list ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.instrate-list ul li a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4)
}

.instrate-list ul li a:hover {
    border-radius: 0.06rem
}

.instrate-list ul li a:hover dl dd span {
    background-color: var(--sl-primary)
}

.instrate-list ul li a:hover .img {
    border-radius: 0.06rem
}

.instrate-list ul li a:hover .img img {
    border-radius: 0.06rem
}

.instrate-list ul li:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.instrate-list ul li:first-child a::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background-color: transparent;
    height: 50%
}

.instrate-list ul li:first-child dl {
    padding: 0.5rem 0.39rem
}

.instrate-list ul li:first-child dl dt .name {
    font-weight: bold;
    font-size: 0.2rem;
    -webkit-line-clamp: 1;
    height: 0.24rem
}

.instrate-list ul li:first-child dl dt .text {
    font-size: 0.14rem;
    color: #cccccc;
    padding: 0.15rem 0 0
}

.instrate-list ul li:first-child dl dd span {
    width: 0.48rem;
    height: 0.48rem;
    line-height: 0.48rem
}

.instrate-list ul li .img {
    height: 100%
}

.instrate-list ul li .img img {
    width: 100%;
    height: 100%
}

.instrate-list ul li dl {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    color: #fff;
    z-index: 2;
    padding: 0.2rem 0.23rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.instrate-list ul li dl dt {
    width: 80%;
    padding-right: 0.3rem
}

.instrate-list ul li dl dt .name {
    display: -webkit-box;
    height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.16rem
}

.instrate-list ul li dl dd span {
    display: block;
    background-color: rgba(240, 243, 248, 0.2);
    color: #fff;
    text-align: center;
    width: 0.41rem;
    height: 0.41rem;
    line-height: 0.41rem;
    font-size: 0.16rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.instrate-list ul li dl dd span::before {
    content: "\e764"
}

.inside-insight {
    padding-top: 0.9rem;
    padding-bottom: 1.1rem
}

.inside-insight .com-more2 {
    margin: 0 auto
}

.inside-insight .swiper-button-prev,
.inside-insight .swiper-button-next {
    border-color: #b4b4b4;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inside-insight .swiper-button-prev::after,
.inside-insight .swiper-button-next::after {
    color: #b4b4b4
}

.inside-insight .com-more2 {
    margin: 0 auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #999999;
    color: #000
}

.inside-insight .com-more2:hover {
    color: #fff
}

.insight-wrapper {
    position: relative;
    margin: 0.2rem 0 0
}

.insight-swiper {
    padding: 0.7rem 0;
    overflow: hidden
}

.insight-swiper ul li a {
    display: block;
    background-color: #fff;
    -webkit-box-shadow: 0 0.06rem 0.2rem rgba(106, 105, 105, 0.09);
    box-shadow: 0 0.06rem 0.2rem rgba(106, 105, 105, 0.09);
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insight-swiper ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insight-swiper ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insight-swiper ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insight-swiper ul li a:hover {
    -webkit-box-shadow: 0 0.06rem 0.2rem rgba(0, 66, 174, 0.16);
    box-shadow: 0 0.06rem 0.2rem rgba(0, 66, 174, 0.16);
    border-radius: 0.1rem
}

.insight-swiper ul li a:hover .info .name {
    font-weight: bold;
    color: #000
}

.insight-swiper ul li a:hover .img {
    border-radius: 0.1rem 0.1rem 0 0
}

.insight-swiper ul li a:hover .img img {
    border-radius: 0.1rem 0.1rem 0 0
}

.insight-swiper ul li .img {
    overflow: hidden;
    position: relative;
}

.insight-swiper ul li .img:before {
    content: "";
    display: block;
    padding-top: 75.244%;
}

.insight-swiper ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.insight-swiper ul li .info {
    padding: 0.2rem 0.23rem 0.32rem
}

.insight-swiper ul li .info .tag {
    font-size: 0.16rem;
    color: #999999;
    height: 0.24rem;
}

.insight-swiper ul li .info .name {
    display: -webkit-box;
    height: .6rem;
    line-height: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.2rem;
    margin: 0.14rem 0 0.26rem
}

.insight-swiper ul li .info .text {
    font-size: 0.14rem;
    color: #999999
}

.inside-industzt {
    padding-top: 0.98rem;
    padding-bottom: 0.98rem
}

.inside-industzt .left {
    width: 77%;
    padding: 0 0.45rem 0 0
}

.inside-industzt .right {
    width: 23%
}

.insndustzt-wrapper {
    position: relative
}

.insndustzt-wrapper .swiper-pagination {
    text-align: right;
    padding-right: 0.5rem;
    bottom: 0.3rem;
    width: 30%;
    left: auto;
    right: 0
}

.long-pagination span {
    width: 0.15rem;
    height: 0.03rem;
    border-radius: 0;
    position: relative;
    background-color: #dddddd;
    opacity: 1
}

.long-pagination span::before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--sl-primary)
}

.long-pagination .swiper-pagination-bullet-active {
    width: 0.37rem
}

.long-pagination .swiper-pagination-bullet-active::before {
    -webkit-animation: pwidth 3s ease-in-out infinite;
    -o-animation: pwidth 3s ease-in-out infinite;
    animation: pwidth 3s ease-in-out infinite
}

.insndustzt-swiper {
    -webkit-box-shadow: 0.01rem 0 0.1rem rgba(140, 140, 140, 0.16);
    box-shadow: 0.01rem 0 0.1rem rgba(140, 140, 140, 0.16);
    overflow: hidden;
    /* v7.171.7 修复：本地该 swiper 高度异常被撑高（624 vs 官网单张图 3.14rem），
       固定为单张图高度 + 裁剪，使行业大图块与官网一致（不会因轮播容器高度多算而撑高区块） */
    height: 3.14rem
}

.insndustzt-swiper ul li {
    overflow: hidden
}

.insndustzt-swiper ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.insndustzt-swiper ul li:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insndustzt-swiper ul li img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insndustzt-swiper ul li:hover .info .title {
    color: #000
}

.insndustzt-swiper ul li:hover .more span {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.insndustzt-swiper ul li .img {
    width: 50.36%;
    height: 3.14rem;
    overflow: hidden
}

.insndustzt-swiper ul li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.insndustzt-swiper ul li .info {
    width: 49.64%;
    padding: 0.45rem 0.5rem 0.3rem
}

.insndustzt-swiper ul li .info .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.insndustzt-swiper ul li .info .title .tag {
    padding: 0 0.19rem;
    height: 0.3rem;
    line-height: 0.3rem;
    background-color: var(--sl-primary-light);
    border-radius: 0.06rem;
    color: #fff;
    font-size: 0.14rem;
    margin: 0 0.22rem 0 0
}

.insndustzt-swiper ul li .info .title .tag span,
.insight-swiper ul li .info .tag span {
    margin: 0 0.1rem 0 0;
}

.insndustzt-swiper ul li .info .title .tag span:last-child,
.insight-swiper ul li .info .tag span:last-child {
    margin: 0;
}

.insight-swiper ul li .info .tag span {}

.insndustzt-swiper ul li .info .title h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.insndustzt-swiper ul li .info .desc {
    font-size: 0.14rem;
    display: -webkit-box;
    height: .72rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #999999;
    margin: 0.21rem 0 0.85rem
}

.insndustzt-swiper ul li .info .more {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.insndustzt-swiper ul li .info .more span {
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background-color: var(--sl-primary-light);
    color: #fff;
    font-size: 12px;
    margin-left: 0.3rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insndustzt-swiper ul li .info .more span::before {
    content: "\e764"
}

.industzt-form {
    height: 100%;
    background-image: url(../images/ztformbg.jpg);
    color: #fff;
    padding: 0.3rem 0.46rem 0.36rem
}

.industzt-form h4 {
    padding: 0 0 0.1rem
}

.industzt-form .input {
    font-size: 0.14rem;
    padding: 0 0.18rem;
    line-height: 40px;
    background: rgba(40, 187, 255, 0.23);
    display: block;
    width: 100%;
    border-radius: 0.04rem;
    margin: 0.1rem 0 0
}

.industzt-form .input::-webkit-input-placeholder {
    color: #cadcf7
}

.industzt-form .input::-moz-placeholder {
    color: #cadcf7
}

.industzt-form .input:-ms-input-placeholder {
    color: #cadcf7
}

.industzt-form .input::placeholder {
    color: #cadcf7
}

.industzt-form .input-submit {
    background: var(--color-accent, #C2410C);
    border-radius: 0.5rem;
    font-size: 0.16rem;
    margin: 0.27rem 0 0
}

.inside-allindust {
    padding-top: 0.45rem
}

.inside-allindust h4 {
    padding: 0 0 0.13rem
}

.insall-sort {
    padding: 0.5rem 0 0.3rem
}

.insall-sort ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.05rem
}

.insall-sort ul li {
    padding: 0 0.05rem 0.18rem
}

.insall-sort ul li a {
    display: block;
    font-size: 0.18rem;
    padding: 0.05rem 0.22rem;
    border-radius: 0.06rem;
    color: #949494
}

.insall-sort ul li a:hover {
    background-color: var(--sl-primary-light);
    color: #fff
}

.insall-sort ul li.cur a {
    background-color: var(--sl-primary-light);
    color: #fff
}

.insallindust-box {
    padding: 1.25rem 0;
    background-image: url(../images/yeztbg.jpg)
}

.insallindust-box .c1500 {
    position: relative
}

.insallindust-box .swiper-button-prev,
.insallindust-box .swiper-button-next {
    border-color: #d3d5da;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.insallindust-box .swiper-button-prev::after,
.insallindust-box .swiper-button-next::after {
    color: #d3d5da
}

.insallindust-toggle {
    display: none
}

.insallindust-toggle>.flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.insallindust-toggle .left {
    width: 18.6666%
}

.insallindust-toggle .right {
    width: 74.6666%
}

.leftsort-swiper {
    overflow: hidden
}

.leftsort-swiper ul li .text {
    font-size: 0.16rem;
    line-height: 0.65rem;
    padding: 0 0.24rem 0 0.32rem;
    background-color: #fff;
    margin: 0 0 6px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: block;
    cursor: pointer
}

.leftsort-swiper ul li .text::before,
.leftsort-swiper ul li .text::after {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.leftsort-swiper ul li .text::before {
    content: "";
    display: block;
    width: 0.04rem;
    height: 0.14rem;
    background-color: var(--color-accent, #C2410C);
    opacity: 0
}

.leftsort-swiper ul li .text::after {
    content: "\e764";
    right: 0.24rem;
    color: #d4d4d4
}

.leftsort-swiper ul li .text p {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.leftsort-swiper ul li.swiper-slide-thumb-active .text {
    background-image: -webkit-gradient(linear, left top, right top, from(#103876), to(var(--sl-primary-light)));
    background-image: -webkit-linear-gradient(left, #103876, var(--sl-primary-light));
    background-image: -o-linear-gradient(left, #103876, var(--sl-primary-light));
    background-image: linear-gradient(to right, #103876, var(--sl-primary-light));
    color: #fff
}

.leftsort-swiper ul li.swiper-slide-thumb-active .text::before {
    opacity: 1
}

.leftsort-swiper ul li.swiper-slide-thumb-active .text p {
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    -o-transform: translateX(28px);
    transform: translateX(28px)
}

.rightsort-swiper {
    overflow: hidden;
    -webkit-box-shadow: 0.01rem 0 0.1rem rgba(140, 140, 140, 0.16);
    box-shadow: 0.01rem 0 0.1rem rgba(140, 140, 140, 0.16)
}

.rightsort-swiper ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

.rightsort-swiper ul li .img {
    width: 66.607%;
    height: 4.19rem;
    position: relative;
}

.rightsort-swiper ul li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.rightsort-swiper ul li .info {
    width: 33.393%;
    padding: 0.47rem 0.47rem 0
}

.rightsort-swiper ul li .info h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.rightsort-swiper ul li .info h4::after {
    content: "";
    display: block;
    width: 0.22rem;
    height: 0.04rem;
    background-color: var(--color-accent, #C2410C);
    margin: 0.26rem 0 0
}

.rightsort-swiper ul li .info .desc {
    font-size: 0.16rem;
    line-height: 0.3rem;
    height: 1.8rem;
    overflow-y: auto;
    color: #666666;
    margin: 0.32rem 0
}

.rightsort-swiper ul li .info .more {
    color: #666666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 12px
}

.rightsort-swiper ul li .info .more span {
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background-color: var(--sl-primary-light);
    color: #fff;
    margin-left: 0.3rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.rightsort-swiper ul li .info .more span::before {
    content: "\e764"
}

.rightsort-swiper ul li .info .more:hover {
    color: #000
}

.rightsort-swiper ul li .info .more:hover span {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.inside-allcase {
    padding-top: 0.6rem;
    background: #f7f7f7;
}

.inside-allcase h4 {
    padding: 0 0 0.13rem
}

.insallcase-wrapper {
    position: relative
}

.insallcase-box {
    padding: 0.25rem 0 0.7rem
}

.insallcase-box .c1500 {
    position: relative
}

.insallcase-box .swiper-button-prev,
.insallcase-box .swiper-button-next {
    border-color: #d3d5da;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.insallcase-box .swiper-button-prev::after,
.insallcase-box .swiper-button-next::after {
    color: #d3d5da
}

.insallcase-toggle {
    display: none
}

.insallcase-toggle .com-more2 {
    margin: 0.55rem auto 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--sl-primary-light);
    color: var(--sl-primary-light)
}

.insallcase-toggle .com-more2:hover {
    color: #fff
}

.insallcase-swiper {
    overflow: hidden;
    padding: 0.2rem 0
}

.insallcase-swiper ul li a {
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #eeeeee
}

.insallcase-swiper ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insallcase-swiper ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insallcase-swiper ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insallcase-swiper ul li a:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.insallcase-swiper ul li a:hover .name {
    color: #000
}

.insallcase-swiper ul li a:hover .img::after {
    opacity: 1
}

.insallcase-swiper ul li a:hover .view {
    opacity: 1
}

.insallcase-swiper ul li .img {
    overflow: hidden;
    position: relative
}

.insallcase-swiper ul li .img::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0
}

.insallcase-swiper ul li img {
    width: 100%
}

.insallcase-swiper ul li .view {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    color: #fff;
    font-size: 0.16rem;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insallcase-swiper ul li .view:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(38, 99, 191, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.insallcase-swiper ul li .view::after {
    content: "";
    display: block;
    width: 0.76rem;
    height: 0.76rem;
    background-color: var(--sl-primary-light);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -0.38rem;
    left: 50%;
    margin-left: -0.38rem;
    z-index: -1
}

.insallcase-swiper ul li .hot {
    display: block;
    text-transform: uppercase;
    font-size: 0.16rem;
    font-weight: bold;
    color: #fff;
    background: url(../images/sbgho.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 0.64rem;
    height: 0.6rem;
    line-height: 0.5rem;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0.35rem
}

.insallcase-swiper ul li .info {
    padding: 0.28rem 0.3rem 0.23rem
}

.insallcase-swiper ul li .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.2rem
}

.insallcase-swiper ul li .tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.2rem 0 0
}

.insallcase-swiper ul li .tags span {
    background-color: #edf4ff;
    border-radius: 0.06rem;
    color: #000;
    font-size: 0.14rem;
    text-align: center;
    padding: 0 0.08rem;
    height: 0.26rem;
    line-height: 0.26rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 0.18rem 0 0
}

.inside-casepartners {
    background-image: url(../images/hzbg.jpg)
}

.case-common-read h4 {
    padding: 0 0 0.1rem
}

.case-comread-list {
    padding: 0.85rem 0 0
}

.case-comread-list ul {
    position: relative;
    padding-left: 34%;
    margin: -0.15rem
}

.case-comread-list ul li {
    padding: 0.15rem
}

.case-comread-list ul li a {
    height: 100%;
    border-color: #eeeeee
}

.case-comread-list ul li a:hover {
    background-color: var(--sl-primary)
}

.case-comread-list ul li a:hover .title,
.case-comread-list ul li a:hover .sous,
.case-comread-list ul li a:hover .date {
    color: #fff
}

.case-comread-list ul li a:hover .desc {
    color: #a5c0e8
}

.case-comread-list ul .li1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 33.334%
}

.case-comread-list ul .li1 .img {
    height: 2.28rem;
    overflow: hidden;
}

.case-comread-list ul .li1 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-comread-list ul .li1 .title {
    margin: 0.37rem 0 0
}

.case-comread-list ul .li1 .desc {
    height: 0.96rem;
    -webkit-line-clamp: 4;
    margin-bottom: 0.34rem
}

.inside-server {
    padding-top: 1rem;
    padding-bottom: 1.05rem
}

.inserver-list {
    margin: 0.9rem 0 0;
    height: 3.9rem
}

.inserver-list ul {
    margin: -0.1rem
}

.inserver-list ul li {
    width: 33.333%;
    padding: 0.1rem
}

.inserver-list ul li .box {
    -webkit-box-shadow: 0 0.04rem 0.27rem rgba(50, 67, 123, 0.2);
    box-shadow: 0 0.04rem 0.27rem rgba(50, 67, 123, 0.2);
    padding: 0.65rem 0.6rem 0.6rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inserver-list ul li:hover .box,
.inserver-list ul li.cur .box {
    margin-top: -0.6rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--sl-primary)), to(#017cc6));
    background-image: -webkit-linear-gradient(top, var(--sl-primary), #017cc6);
    background-image: -o-linear-gradient(top, var(--sl-primary), #017cc6);
    background-image: linear-gradient(to bottom, var(--sl-primary), #017cc6);
    border-radius: 0.1rem
}

.inserver-list ul li:hover h4,
.inserver-list ul li.cur h4 {
    color: #fff
}

.inserver-list ul li:hover h4::after,
.inserver-list ul li.cur h4::after {
    background-color: #fff
}

.inserver-list ul li:hover .desc,
.inserver-list ul li.cur .desc {
    display: block
}

.inserver-list ul li:hover .consult,
.inserver-list ul li.cur .consult {
    background-color: var(--color-accent, #C2410C);
    color: #fff;
    border-radius: 5rem;
    color: #fff;
    border-color: var(--color-accent, #C2410C)
}

.inserver-list ul li h4 {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 0 0.35rem
}

.inserver-list ul li h4::after {
    content: "";
    display: block;
    width: 0.45rem;
    height: 0.03rem;
    background-color: var(--color-accent, #C2410C);
    margin: 0.28rem auto 0
}

.inserver-list ul li .desc {
    font-size: 0.16rem;
    color: #fff;
    display: -webkit-box;
    height: 1.2rem;
    line-height: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: none;
    margin-bottom: 0.35rem
}

.inserver-list ul li .consult {
    display: block;
    width: 1.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #000;
    border: 1px solid var(--sl-primary);
    font-size: 0.16rem;
    margin: 0.25rem auto 0
}

.inside-severtwo {
    background-image: url(../images/fwzcbg.jpg);
    padding: 1.14rem 0 1.6rem
}

.inside-severtwo .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1rem 0 0;
    color: #fff
}

.inside-severtwo .right {
    width: 54.666%
}

.inside-severtwo .desc {
    font-size: 0.18rem;
    line-height: 0.36rem;
    padding: 0.7rem 0
}

.inside-severtwo .consult {
    color: #fff;
    font-size: 0.18rem;
    padding: 0.1rem 0.5rem;
    background: #fff;
    border-radius: 0.3rem;
    background: var(--color-accent, #C2410C);
    color: #fff;
}

.inside-severtwo .consult:hover {
    text-decoration: underline
}

.inservertwo-list ul {
    margin: -0.16rem -0.13rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inservertwo-list ul li {
    width: 25%;
    padding: 0.16rem 0.13rem
}

.inservertwo-list ul li .box {
    background-color: #fff;
    text-align: center;
    padding: 0.5rem 0.2rem 0.3rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inservertwo-list ul li .box:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inservertwo-list ul li .box h4 {
    color: #000;
    padding: 0 0 0.05rem 0
}

.inservertwo-list ul li .box .text {
    font-size: 0.18rem;
    color: #666666;
    display: -webkit-box;
    height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.inside-serverthree {
    background-image: url(../images/fwzcbg2.jpg);
    padding: 1.2rem 0 1.7rem
}

.inserverthree-list {
    position: relative;
    margin: 0.8rem 0 0
}

.inserverthree-list .scenter {
    position: absolute;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0.28rem;
    width: 4.91rem;
    height: 4.91rem
}

.inserverthree-list .scenter .img {
    width: 100%;
    height: 100%
}

.inserverthree-list .scenter .img img {
    width: 100%;
    height: 100%
}

.inserverthree-list .scenter .icon {
    position: absolute;
    width: 0.61rem;
    height: 0.61rem;
    line-height: 0.56rem;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px dashed #244eff;
    cursor: pointer
}

.inserverthree-list .scenter .icon img {
    height: 0.33rem
}

.inserverthree-list .scenter .icon::after {
    content: "";
    display: block;
    width: 0.82rem;
    height: 0.82rem;
    background: rgba(1, 123, 196, 0.23);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.41rem;
    margin-top: -0.41rem;
    border-radius: 5rem;
    z-index: -1
}

.inserverthree-list .scenter .icon:hover,
.inserverthree-list .scenter .icon.cur {
    border-style: solid;
    border-color:#000
}

.inserverthree-list .scenter .icon:hover img,
.inserverthree-list .scenter .icon.cur img {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.inserverthree-list .scenter .icon:hover::after,
.inserverthree-list .scenter .icon.cur::after {
    -webkit-animation: round 1.6s linear infinite alternate both;
    -o-animation: round 1.6s linear infinite alternate both;
    animation: round 1.6s linear infinite alternate both
}

.inserverthree-list .scenter .icon1 {
    top: -webkit-calc((44/491)*100%);
    top: calc((44/491)*100%);
    left: -webkit-calc((35/491)*100%);
    left: calc((35/491)*100%)
}

.inserverthree-list .scenter .icon2 {
    top: -webkit-calc((44/491)*100%);
    top: calc((44/491)*100%);
    right: -webkit-calc((35/491)*100%);
    right: calc((35/491)*100%)
}

.inserverthree-list .scenter .icon3 {
    bottom: -webkit-calc((44/491)*100%);
    bottom: calc((44/491)*100%);
    left: -webkit-calc((35/491)*100%);
    left: calc((35/491)*100%)
}

.inserverthree-list .scenter .icon4 {
    bottom: -webkit-calc((44/491)*100%);
    bottom: calc((44/491)*100%);
    right: -webkit-calc((35/491)*100%);
    right: calc((35/491)*100%)
}

.inserverthree-list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -0.45rem -1.4rem -0.3rem
}

.inserverthree-list ul li {
    width: 34%;
    padding: 0 0.45rem 1.4rem 0.3rem
}

.inserverthree-list ul li:hover h4,
.inserverthree-list ul li.cur h4 {
    color: #000
}

.inserverthree-list ul li:hover h4::before,
.inserverthree-list ul li.cur h4::before {
    background-color: var(--color-accent, #C2410C)
}

.inserverthree-list ul li h4 {
    position: relative;
    padding: 0 0 0 0.4rem
}

.inserverthree-list ul li h4::before {
    content: "";
    display: block;
    width: 0.07rem;
    height: 0.23rem;
    background-color:#000;
    border-radius: 0.035rem;
    position: absolute;
    left: 0;
    top: 0.08rem
}

.inserverthree-list ul li .text {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666666;
    padding: 0.2rem 0 0 0.4rem
}

.inside-issue {
    padding-top: 1.2rem;
    padding-bottom: 1.4rem;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.inside-issue .com-more1 {
    width: 2.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#092ca4), to(#0458e1));
    background-image: -webkit-linear-gradient(left, #092ca4, #0458e1);
    background-image: -o-linear-gradient(left, #092ca4, #0458e1);
    background-image: linear-gradient(to right, #092ca4, #0458e1);
    border-radius: 0.06rem;
    padding: 0 0.2rem
}

.inside-issue .com-more1 .en {
    font-size: 0.2rem;
    padding-left: 0.1rem
}

.inside-issue .com-more1::before {
    border-radius: 0.06rem
}

.inside-issue .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0.9rem 0 0;
    align-self: start;
}

.inside-issue .left .desc {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666666;
    padding: 0.42rem 0 0.64rem
}

.inside-issue .right {
    width: 63.6%
}

.insissue-list ul {
    margin: -0.13rem
}

.insissue-list ul li {
    width: 33.333%;
    padding: 0.15rem
}

.insissue-list dl {
    -webkit-box-shadow: 0.05rem 0.08rem 0.29rem rgba(163, 170, 215, 0.27);
    box-shadow: 0.05rem 0.08rem 0.29rem rgba(163, 170, 215, 0.27);
    padding: 0.4rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insissue-list dl dt img {
    height: 0.5rem;
}


.insissue-list dl:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insissue-list dl:hover:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insissue-list dl:hover dt img {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.insissue-list dl dt {
    text-align: right
}

.insissue-list dl dd {
    padding: 0.55rem 0 0
}

.insissue-list dl dd h4 {
    font-weight: bold;
    font-size: 0.18rem
}

.insissue-list dl dd h4::after {
    content: "";
    display: block;
    width: 0.26rem;
    height: 0.06rem;
    background-color:#000;
    border-radius: 0.03rem;
    margin: 0.22rem 0 0
}

.insissue-list dl dd .text {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666666;
    padding: 0.16rem 0 0 0
}

.inside-plan {
    padding-top: 0.9rem;
    padding-left: -webkit-calc((210/1920)*100%);
    padding-left: calc((210/1920)*100%);
    padding-bottom: 0.87rem
}

.insplan-swiper {
    overflow: hidden;
    padding: 1rem 0 0.52rem
}

.insplan-swiper ul li {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insplan-swiper ul li .img {
    position: relative;
}

.insplan-swiper ul li .img a {
    display: block;
    position: relative;
}

.insplan-swiper ul li .img a:before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.insplan-swiper ul li:hover .img a:before {
    background: rgba(0, 0, 0, 0.2);
}

.insplan-swiper ul li:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insplan-swiper ul li img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insplan-swiper ul li:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insplan-swiper ul li:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.insplan-swiper ul li::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    left: 0
}

.insplan-swiper ul li.swiper-slide-next::before,
.insplan-swiper ul li.swiper-slide-active::before {
    display: none
}

.insplan-swiper ul li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.insplan-swiper ul li .num {
    position: absolute;
    top: 0.27rem;
    right: 0.37rem;
    color: #fff;
    z-index: 2;
}

.insplan-swiper ul li .num .on {
    font-family: "albbBold";
    font-size: 0.3rem
}

.insplan-swiper ul li .num .all {
    font-family: "albbRegular";
    font-size: 0.18rem
}

.insplan-swiper ul li .num .all::before {
    content: "/";
    font-size: 0.16rem;
    vertical-align: text-top;
    margin-left: 0.02rem
}

.insplan-swiper ul li .info {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 0.5rem 0.4rem;
    pointer-events: none;
}

.insplan-swiper ul li .more {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 0.18rem;
    font-weight: bold
}

.insplan-swiper ul li .more span {
    width: 14px;
    height: 14px;
    background: url(../images/jt.png) no-repeat center;
    margin-left: 0.29rem
}

.insplan-swiper ul li .tag {
    color: #fff;
    font-size: 0.14rem;
    padding: 0.15rem 0 0;
    display: none;
}

.insplan-swiper ul li .tag span {
    display: inline-block
}

.insplan-swiper ul li .tag span::after {
    content: "/";
    margin: 0 0.13rem
}

.insplan-swiper ul li .tag span:last-child::after {
    display: none
}

.insplan-btn {
    padding-right: -webkit-calc((210/1920)*100%);
    padding-right: calc((210/1920)*100%);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.insplan-btn .swiper-pagination {
    padding: 0
}

.insplan-btn .swiper-pagination span {
    background: transparent;
    border: 0.02rem solid #b5b5b5;
    opacity: 1;
    margin: 0 0.22rem 0 0
}

.insplan-btn .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--sl-primary);
    border-color: var(--sl-primary)
}

.insplan-btn dd {
    padding-right: 0.8rem
}

.insplan-btn .swiper-button-prev,
.insplan-btn .swiper-button-next {
    margin-left: 0.7rem
}

.insplan-btn .swiper-button-prev::after,
.insplan-btn .swiper-button-next::after {
    font-size: 0.3rem;
    color: #000
}

.inside-other {
    padding-top: 1rem;
    padding-bottom: 1.15rem
}

.inside-other .com-more1 {
    width: 1.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #000;
    background-color: #fff;
    font-size: 0.18rem;
    border-radius: 0.08rem;
    font-family: "albbRegular";
    margin-top: 1.8rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inside-other .com-more1::before {
    border-radius: 0.06rem
}

.inside-other .com-more1:hover {
    color: #fff
}

.inside-other .com-more1:hover::before {
    background-color: var(--sl-primary)
}

.inside-other .com-more1:hover .iconfont {
    color: #fff
}

.inside-other .com-more1 .iconfont {
    color: #000;
    font-size: 0.14rem;
    font-weight: bold
}

.inside-other .com-more1 .iconfont::before {
    content: "\e8dc"
}

.inside-other .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.inside-other .right {
    width: 68.333%
}

.insotherw-wrapper {
    overflow: hidden;
}

.insother-list ul {
    margin: -0.24rem;
}

.insother2-list ul {
    flex-wrap: wrap;
}

.insother-list ul li {
    width: 33.3333%;
    padding: 0.24rem
}

.insother-list ul li a {
    display: block;
    border-bottom: 0.03rem solid #eeeeee;
    position: relative;
    overflow: hidden
}

.insother-list ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insother-list ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insother-list ul li a::after {
    content: "";
    display: block;
    width: 0;
    height: 0.03rem;
    background-color: var(--sl-primary);
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insother-list ul li a:hover::after {
    width: 100%
}

.insother-list ul li .img {
    overflow: hidden;
    position: relative;
}

.insother-list ul li .img:before {
    content: "";
    display: block;
    padding-top: 54.26%;
}

.insother-list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.insother-list ul li .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    font-size: 0.18rem;
    padding: 0.27rem 0 0.54rem
}

.insother-list ul li .more .text {
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.insother-list ul li .more .iconfont {
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 0.12rem;
    text-align: center;
    background-color: var(--sl-primary-light);
    color: #fff;
    margin-left: 0.3rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insother-list ul li .more .iconfont::before {
    content: "\e764"
}

.insother-list ul li .more:hover {
    color: #000
}

.insother-list ul li .more:hover .iconfont {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.inside-choose {
    padding-top: 0.9rem;
    padding-bottom: 0.46rem
}

.inside-choose .relecase-swiper {
    margin: 0.6rem 0 0.55rem
}

.inside-about {
    background-image: url(../images/abg1.jpg);
    padding: 1.3rem 0 1.72rem
}

.inside-about>.flex {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.inside-about .left {
    width: 50%;
    padding-right: 2.4rem
}

.inside-about .right {
    width: 50%;
    padding-left: 10px
}

.inside-numsbox {
    padding: 1.6rem 0 0 0;
    margin: -0.2rem
}

.inside-numsbox .couters {
    padding: 0.2rem
}

.insabout-desc {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666
}

.inside-better {
    padding: 0.9rem 0 1.23rem
}

.insbetter-list {
    padding: 0.83rem 0 0
}

.insbetter-list ul {
    margin: -0.43rem
}

.insbetter-list ul li {
    width: 33.333%;
    padding: 0.43rem
}

.insbetter-list ul li .box {
    background-color: #fff;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insbetter-list ul li .box:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insbetter-list ul li .box img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insbetter-list ul li .box:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insbetter-list ul li .box:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.insbetter-list ul li .img {
    overflow: hidden
}

.insbetter-list ul li .img img {
    width: 100%
}

.insbetter-list ul li .info {
    padding: 0.3rem 0.25rem 0.32rem
}

.insbetter-list ul li .info .name {
    font-size: 0.2rem;
    font-weight: bold;
    padding: 0 0 0.17rem
}

.insbetter-list ul li .info .desc {
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.24rem
}

.inside-allway {
    height: 8rem;
    position: relative
}

.inside-allway .inside-title {
    width: 100%;
    position: absolute;
    top: 1.15rem;
    left: 0;
    z-index: 2;
    color: #fff
}

.inside-allway .inside-title .c1500 {
    padding-right: 50%
}

.inawayimg-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.inawayimg-wrapper ul li .img {
    width: 100%;
    height: 100%
}

.inawayimg-wrapper ul li .info {
    color: #fff;
    font-size: 0.16rem;
    position: absolute;
    right: 0;
    top: 1.15rem;
    width: 100%;
    /*max-height: 1.8rem;*/
    overflow-y: auto
}

.inawayimg-wrapper ul li .info::-webkit-scrollbar {
    width: 4px;
    background-color: #e8e8e8
}

.inawayimg-wrapper ul li .info::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: #fff
}

/*.inawayimg-wrapper ul li .info .c1500 {*/
/*    padding-left: 53%*/
/*}*/
.inawayimg-wrapper ul li .info dl {
    justify-content: space-between;
}

.inawayimg-wrapper ul li .info dl dt {
    width: 53%;
}

.inawayimg-wrapper ul li .info dl dd {
    line-height: 0.3rem;
    width: 32.133%;
}

.inawayimg-wrapper ul li.swiper-slide-active .info {
    -webkit-animation: fadeIniup 1s ease both;
    -o-animation: fadeIniup 1s ease both;
    animation: fadeIniup 1s ease both
}

.inawayname-wrapper {
    position: absolute;
    left: 0;
    bottom: 1.1rem;
    width: 100%
}

.inawayname-wrapper ul li .name {
    color: #fff;
    text-align: center;
    padding-bottom: 0.3rem;
    font-size: 0.18rem;
    font-weight: bold;
    position: relative;
    cursor: pointer
}

.inawayname-wrapper ul li .name::after {
    content: '';
    display: block;
    width: 0;
    height: 0.04rem;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -1px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s
}

.inawayname-wrapper ul li.swiper-slide-thumb-active .name,
.inawayname-wrapper ul li.cur .name {
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.58)
}

.inawayname-wrapper ul li.swiper-slide-thumb-active .name::after,
.inawayname-wrapper ul li.cur .name::after {
    width: 100%
}

.inside-operat {
    padding-top: 1.3rem;
    padding-bottom: 1.1rem
}

.inside-operat .desc {
    font-size: 0.16rem;
    padding: 0.4rem 0 0
}

.insoperat-list {
    padding: 0.85rem 0 0
}

.insoperat-list ul li {
    width: 12.5%;
    height: 4.3rem;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.insoperat-list ul li .box {
    position: relative;
    width: 100%;
    height: 100%
}

.insoperat-list ul li .box::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 38, 136, 0.7)
}

.insoperat-list ul li .img {
    height: 100%;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insoperat-list ul li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.insoperat-list ul li .info {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    color: #fff
}

.insoperat-list ul li .icon {
    width: 0.56rem;
    height: 0.56rem;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 auto
}

.insoperat-list ul li .name {
    font-weight: bold;
    font-size: 0.24rem;
    padding: 0.2rem 0 0
}

.insoperat-list ul li .tel {
    font-family: "almmBold";
    font-size: 0.24rem;
    padding: 0.08rem 0 0.25rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none
}

.insoperat-list ul li .consult {
    width: 1.27rem;
    height: 0.38rem;
    line-height: 0.38rem;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 0.06rem;
    margin: 0 auto;
    font-size: 0.14rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none
}

.insoperat-list ul li .consult:hover {
    background-color: #fff;
    color: #000
}

.insoperat-list ul li.cur {
    width: 37%
}

.insoperat-list ul li.cur .box::after {
    background-color: rgba(0, 0, 0, 0.5)
}

.insoperat-list ul li.cur .icon,
.insoperat-list ul li.cur .name,
.insoperat-list ul li.cur .tel,
.insoperat-list ul li.cur .consult {
    display: block;
    -webkit-animation: fadeIniup 0.6s ease both;
    -o-animation: fadeIniup 0.6s ease both;
    animation: fadeIniup 0.6s ease both
}

.inside-about-partner .inside-title {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: left
}

.inside-about-partner .couters {
    text-align: center;
    padding: 0 0 0 0.8rem
}

.inside-about-partner .couters .unit {
    font-family: "albbMedium";
    font-size: 0.36rem
}

.inside-about-partner .couters .nam {
    font-size: 0.16rem;
    padding: 0.04rem 0 0
}

.inside-industzt2 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.98rem;
    padding-bottom: 0.77rem
}

.inside-industzt2 .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.24rem
}

.inside-industzt2 .right {
    width: 23%;
    color: #fff;
    background-image: url(../images/glbg.jpg);
    text-align: center;
    padding: 0.6rem 0;
    line-height: 0.34rem
}

.inside-industzt2 .right .tel {
    padding: 0.15rem 0 0
}

.inside-industzt2 .com-more1 {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--color-accent, #C2410C);
    font-size: 0.16rem;
    border-color: var(--color-accent, #C2410C);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.65rem;
    height: 0.41rem;
    line-height: 0.41rem;
    margin: 0.3rem auto 0;
}

.inside-industzt2 .com-more1:hover {
    border-color: #fff
}

.insdust-list2 ul {
    margin: -0.11rem
}

.insdust-list2 ul li {
    padding: 0.11rem;
    width: 33.333%
}

.insdust-list2 ul li a {
    display: block;
    -webkit-box-shadow: 0.01rem 0.06rem 0.1rem rgba(140, 140, 140, 0.16);
    box-shadow: 0.01rem 0.06rem 0.1rem rgba(140, 140, 140, 0.16);
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insdust-list2 ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insdust-list2 ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insdust-list2 ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insdust-list2 ul li .img {
    position: relative;
    overflow: hidden
}

.insdust-list2 ul li .img:before {
    content: "";
    display: block;
    padding-top: 56.354%;
}

.insdust-list2 ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.insdust-list2 ul li .tag {
    padding: 0.05rem 0.17rem;
    font-size: 0.14rem;
    color: #fff;
    background: rgba(23, 70, 158, 0.48);
    border-radius: 0.05rem;
    position: absolute;
    left: 0.24rem;
    bottom: 0.2rem
}

.insdust-list2 ul li .info {
    padding: 0.2rem 0.24rem
}

.insdust-list2 ul li .name {
    font-size: 0.18rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.insdust-list2 ul li .more {
    font-size: 0.14rem;
    color: #666666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.22rem 0 0
}

.insdust-list2 ul li .more .icon {
    width: 0.14rem;
    height: 0.14rem;
    background: url(../images/jt2.png) no-repeat center;
    margin-left: 0.3rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.insdust-list2 ul li:hover .name {
    color: #000
}

.insdust-list2 ul li:hover .more .icon {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.louceng-slidenav {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0.5rem
}

.inside-slidnav {
    width: 2.57rem;
    z-index: 1;
    float: left
}

.inside-slidnav ul {
    border-right: 4px solid #fff
}

.inside-slidnav ul li {
    position: relative;
    padding: 0.11rem 0.54rem 0.11rem 0.2rem;
    font-size: 0.16rem;
    text-align: right;
    margin: 0 0 0.12rem
}

.inside-slidnav ul li:last-child {
    margin: 0
}

.inside-slidnav ul li a {
    color: #666666
}

.inside-slidnav ul li::before {
    content: "";
    display: block;
    width: 0.09rem;
    height: 0.09rem;
    background-color: var(--sl-primary-light);
    border-radius: 50%;
    position: absolute;
    left: 0.18rem;
    top: 0.2rem;
    opacity: 0
}

.inside-slidnav ul li::after {
    content: "";
    display: block;
    width: 4px;
    height: 0;
    background-color:#000;
    position: absolute;
    right: -3px;
    top: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inside-slidnav ul li:hover,
.inside-slidnav ul li.cur {
    background: url(../images/libg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 0.18rem;
    -webkit-box-shadow: 0.07rem 0.06rem 0.07rem rgba(106, 105, 105, 0.06);
    box-shadow: 0.07rem 0.06rem 0.07rem rgba(106, 105, 105, 0.06)
}

.inside-slidnav ul li:hover a,
.inside-slidnav ul li.cur a {
    font-weight: bold;
    color: #000
}

.inside-slidnav ul li:hover::after,
.inside-slidnav ul li.cur::after {
    height: 100%
}

.inside-slidnav ul li:hover::before,
.inside-slidnav ul li.cur::before {
    opacity: 1
}

.inside-csulcont {
    padding: 0.88rem 0 0.6rem
}

.inside-csulcont .desc {
    font-size: 0.18rem;
    color: #999999;
    padding: 0.12rem 0 0
}

.inside-csulcont .clearfix {
    padding: 0.8rem 0 0
}

.inside-csultbox {
    overflow: hidden;
    padding-left: 0.65rem
}

.inside-csult {
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 0.06rem;
    border: 0.02rem solid #fff;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f6f9), to(#fafbfc));
    background-image: -webkit-linear-gradient(top, #f4f6f9, #fafbfc);
    background-image: -o-linear-gradient(top, #f4f6f9, #fafbfc);
    background-image: linear-gradient(to bottom, #f4f6f9, #fafbfc);
    position: relative;
    -webkit-box-shadow: 0.01rem 0.06rem 0.1rem rgba(106, 105, 105, 0.16);
    box-shadow: 0.01rem 0.06rem 0.1rem rgba(106, 105, 105, 0.16);
    margin-bottom: 0.42rem;
    background: #fff;
}

.inside-csult .title {
    border-bottom: 1px dashed #dcdcdc;
    font-size: 0.22rem;
    padding: 0.18rem 0.3rem
}

.inside-csult .title:hover a {
    text-decoration: underline;
    color: #000
}

.inside-csult .icon {
    position: absolute;
    right: 0.37rem;
    top: 0.23rem;
    display: none;
}

.inside-csult .lists {
    padding: 0.35rem 0.3rem 0.42rem
}

.inside-csult .lists .flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.19rem;
    position: relative
}

.inside-csult dl {
    width: 33.3333%;
    border-right: 1px dashed #dcdcdc;
    padding: 0.13rem 0.19rem 0.45rem
}

.inside-csult dl:nth-child(3n) {
    border: 0
}

.inside-csult dl dt .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inside-csult dl dt .name a {
    font-size: 0.16rem;
    color: #555555;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.inside-csult dl dt .name a:hover {
    text-decoration: underline;
    color: #000
}

.inside-csult dl dt .name::before {
    content: "";
    display: block;
    width: 0.04rem;
    height: 0.18rem;
    background-color: var(--color-accent, #C2410C);
    margin-right: 0.2rem
}

.inside-csult dl dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.35rem 0 0
}

.inside-csult dl dd a {
    width: 50%;
    position: relative;
    padding: 0 0 0 0.15rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666666;
    font-size: 0.14rem;
    margin: 0 0 0.18rem
}

.inside-csult dl dd a::before {
    content: "";
    display: block;
    width: 0.04rem;
    height: 0.04rem;
    background-color: var(--sl-primary);
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.inside-csult dl dd a:hover {
    text-decoration: underline;
    color: #000
}

.inside-csult:first-child .lists {
    margin: 0;
    min-height: 2rem
}

.inside-csult:first-child .lists .flex {
    padding: 0 0 0 33.333%;
    margin: 0
}

.inside-csult:first-child dl {
    width: 50%
}

.inside-csult:first-child dl:first-child {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.13rem 0 0;
    width: 33.333%
}

.inside-gnsubnav {
    position: relative;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-top: -0.8rem;
    width: 28.229%;
    padding-left: -webkit-calc((210/1920)*100%);
    padding-left: calc((210/1920)*100%)
}

.inside-gnsubnav::before {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #283586
}

.inside-gnsubnav dl {
    position: relative;
    z-index: 10;
    padding: 0 0.32rem 0 0
}

.inside-gnsubnav dl .title {
    font-size: 0.18rem;
    font-weight: bold
}

.inside-gnsubnav dl a {
    color: #fff
}

.inside-gnsubnav dl dt {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inside-gnsubnav dl dt .icon {
    width: 0.19rem;
    height: 0.17rem;
    background: url(../images/index.png) no-repeat center;
    -webkit-background-size: auto auto;
    background-size: auto
}

.inside-gnsubnav dl dt .navbtn {
    width: 17px;
    height: 17px;
    position: relative;
    cursor: pointer;
    background: url(../images/menu.png) no-repeat center;
    background-size: auto;
}

.inside-gnsubnav dl dt .navbtn.close2 {
    background-image: url(../images/close.png);
}

.inside-gnsubnav dl dd {
    border: 1px solid #283586;
    position: absolute;
    top: 0.8rem;
    right: 0;
    width: 100%;
    background-color: var(--sl-primary);
    color: #fff;
    overflow-y: auto;
    max-height: 5.2rem;
    line-height: 0.49rem;
    display: none
}

.inside-gnsubnav dl dd::-webkit-scrollbar {
    width: 4px;
    background-color: #cccccc
}

.inside-gnsubnav dl dd::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: #5f5f5f
}

.inside-gnsubnav dl dd a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.inside-gnsubnav dl dd .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.17rem;
    border-bottom: 1px solid #283586
}

.inside-gnsubnav dl dd .title::before {
    content: "";
    display: block;
    width: 0.05rem;
    height: 0.16rem;
    background-color: var(--color-accent, #C2410C);
    border-radius: 0.25rem;
    margin-right: 0.24rem
}

/*.inside-gnsubnav dl dd .threenav {*/
/*    border-bottom: 1px solid #283586*/
/*}*/

.inside-gnsubnav dl dd .threenav h4 {
    font-size: 0.16rem;
    border-bottom: 1px solid #283586;
    padding: 0 0.2rem 0 0.47rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inside-gnsubnav dl dd .threenav h4:hover {
    background-color: var(--color-accent, #C2410C)
}

.inside-gnsubnav dl dd .threenav h4::before {
    content: "";
    display: block;
    width: 0.05rem;
    height: 0.01rem;
    background-color: #fff;
    margin-right: 0.11rem
}

.inside-gnsubnav dl dd .fournav {
    font-size: 0.14rem
}

.inside-gnsubnav dl dd .fournav a {
    display: block;
    border-bottom: 1px solid #283586;
    padding: 0 0.2rem 0 0.82rem
}

.inside-gnsubnav dl dd .fournav a:hover {
    background-color: var(--color-accent, #C2410C)
}

/*.inside-gnsubnav dl dd .fournav a:last-child {*/
/*    border-bottom: 0*/
/*}*/

.inside-gndetails {
    position: relative
}

.inside-gndetails .left {
    width: 28.229%;
    height: 100vh;
    padding: 0.7rem 0.78rem 0 0;
    padding-left: -webkit-calc((210/1920)*100%);
    padding-left: calc((210/1920)*100%)
}

.inside-gndetails .right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.inside-gnlc img {
    width: 70% !important;
    /* width: 100% !important; 20260522客户要求改的*/
    height: auto !important;
}

.inside-gndetails .louceng {
    padding-right: 2.1rem;
    padding-left: 1.43rem;
    padding-bottom: 0.9rem;
    background-color: #fff
}

.inside-gndetails .louceng1 {
    padding-top: 0.7rem
}

.inside-gndetails .louceng:first-child {
    padding-top: 0.7rem;
}

.inside-gndetails .gntitle {
    font-size: 0.24rem;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0.35rem;
    margin-left: -0.28rem
}

.inside-gndetails .gntitle::before {
    content: "";
    display: block;
    width: 0.08rem;
    height: 0.2rem;
    background-color: var(--sl-primary);
    margin-right: 0.25rem
}

.inside-gndetails .desc {
    font-size: 0.16rem;
    line-height: 0.36rem;
    color: #666666
}

.inside-gndetails .gnname {
    font-size: 0.2rem;
    font-weight: bold
}

.inside-gndetails .name {
    font-size: 0.16rem;
    color: #000;
    font-weight: bold
}

.inside-gndetails .loutop {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inside-gndetails .loutop .more {
    font-size: 0.18rem;
}

.inside-gndetails .loutop .more:hover {
    color: #000;
}

.inside-gndetails .nopad {
    padding: 0;
}

.mmb2 {
    margin-bottom: 0.2rem;
}

.inside-detailnav ul li {
    padding: 0 0 0.1rem 0;
}

.inside-detailnav ul li a {
    display: block;
    line-height: 0.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #fff;
    font-size: 0.18rem;
    padding: 0 0.32rem
}

.inside-detailnav ul li a:hover {
    background-color: var(--sl-primary);
    color: #fff;
    font-weight: bold
}

.inside-detailnav ul li.cur a {
    background-color: var(--sl-primary);
    color: #fff;
    font-weight: bold
}

.insother2-list {
    padding: 0.45rem 0 0
}

.insother2-list ul li .img {
    position: relative
}

.insother2-list ul li .img .tag {
    background: var(--sl-primary);
    font-size: 0.14rem;
    color: #fff;
    padding: 0.03rem 0.12rem;
    position: absolute;
    right: 0.15rem;
    bottom: 0.15rem
}

.insother2-list ul li .more {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-bottom: 0.22rem
}

.insother2-list ul li .more .stext {
    width: 90%;
    display: -webkit-box;
    height: .6rem;
    line-height: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.inside-gncase {
    padding-top: 0.5rem
}

.inside-gncase .inpartner-swiper {
    padding: 0.52rem 0 0.06rem
}

.inpartner-nglist {
    padding: 0.52rem 0 0.06rem
}

.inpartner-nglist ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.15rem -0.18rem
}

.inpartner-nglist ul li {
    width: 20%;
    padding: 0.15rem 0.18rem;
    text-align: center
}

.inpartner-nglist ul li a {
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0.19rem;
    -webkit-box-shadow: 0.08rem 0.08rem 0.09rem rgba(163, 170, 215, 0.17);
    box-shadow: 0.08rem 0.08rem 0.09rem rgba(163, 170, 215, 0.17)
}

.inpartner-nglist ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inside-gnrepors {
    margin-top: 0.2rem;
    padding-top: 0.5rem
}

.inside-gnrepors .insrepors-list {
    padding: 0.45rem 0 0.2rem;
}

.inside-gnrepors .insrepors-list .insrepors-gnswiper {
    overflow: hidden;
    padding: 0.2rem 0;
}

.inside-gnproject {
    margin-top: 0.2rem;
    padding-top: 0.5rem;
    position: relative;
}

.inside-gnproject .common-pagination {
    bottom: 0.3rem;
}

.insgncomprot-swiper {
    padding: 0.7rem 0 0;
    overflow: hidden
}

.insgncomprot-swiper ul li a {
    display: block;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden
}

.insgncomprot-swiper ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.insgncomprot-swiper ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.insgncomprot-swiper ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}

.insgncomprot-swiper ul li a:hover {
    -webkit-box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19);
    box-shadow: 5px 2px 16px rgba(15, 46, 87, 0.19)
}

.insgncomprot-swiper ul li .img {
    overflow: hidden
}

.insgncomprot-swiper ul li .img img {
    width: 100%
}

.insgncomprot-swiper ul li .info {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 0.36rem 0.42rem
}

.insgncomprot-swiper ul li .info h5 {
    font-weight: bold
}

.insgncomprot-swiper ul li .info .tag {
    padding: 0.1rem 0 0.3rem
}

.insgncomprot-swiper ul li .info .tag span {
    font-size: 0.14rem;
    border: 1px solid #8f9aac;
    padding: 0.01rem 0.11rem
}

.insgncomprot-swiper ul li .info .date {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.14rem
}

.inside-gnserver {
    margin: 0.2rem 0 0;
    padding-top: 0.5rem
}

.insgserver-list {
    padding: 0.5rem 0 0.2rem
}

.insgserver-list ul {
    margin: -0.25rem -0.55rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.insgserver-list ul li {
    padding: 0.25rem 0.55rem;
    position: relative
}

.insgserver-list ul li .icon {
    width: 1.05rem;
    height: 1.05rem;
    line-height: 1.05rem;
    text-align: center;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.insgserver-list ul li .icon:hover img {
    transform: rotateY(360deg);
}

.insgserver-list ul li .icon img {
    border-radius: 50%;
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    background-color: #fff;
    -webkit-box-shadow: 0.05rem 0.08rem 0.29rem rgba(163, 170, 215, 0.27);
    box-shadow: 0.05rem 0.08rem 0.29rem rgba(163, 170, 215, 0.27);
    transition: all 0.4s;
}

.insgserver-list ul li .icon::after {
    content: "";
    display: block;
    width: 0.34rem;
    height: 0.08rem;
    background: url(../images/d.png) no-repeat center;
    background-size: contain;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -0.74rem
}

.insgserver-list ul li .icon .w {
    display: none
}

.insgserver-list ul li .text {
    font-size: 0.16rem;
    text-align: center;
    padding: 0.05rem 0 0
}

.insgserver-list ul li:hover .icon {
    background-color: #fff;
    -webkit-box-shadow: 0.05rem 0.08rem 0.29rem rgba(163, 170, 215, 0.27);
    box-shadow: 0.05rem 0.08rem 0.29rem rgba(163, 170, 215, 0.27)
}

.insgserver-list ul li:hover .icon img {
    background-color: var(--sl-primary);
    -webkit-box-shadow: none;
    box-shadow: none
}

.insgserver-list ul li:hover .icon .b {
    display: none
}

.insgserver-list ul li:hover .icon .w {
    display: block
}

.insgserver-list ul li:nth-child(5) .icon::after,
.insgserver-list ul li:last-child .icon::after {
    display: none
}

.inside-gnfeat {
    padding-top: 0.5rem;
    margin: 0.2rem 0 0
}

.inside-gnfeat .topnums {
    margin: -0.35rem
}

.inside-gnfeat .topnums .couters {
    width: 20%;
    padding: 0.35rem
}

.inside-gnfeat .topnums .couters .unit {
    color: #ea0647
}

.insnfeat-list {
    padding: 0.55rem 0 0.5rem
}

.insnfeat-list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.14rem
}

.insnfeat-list ul li {
    padding: 0.14rem;
    width: 33.333%
}

.insnfeat-list ul dl {
    border: 1px solid #cccccc;
    padding: 0.33rem 0.4rem 0.3rem;
    height: 100%
}

.insnfeat-list ul dl dt {
    background: url(../images/dt.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 0.71rem;
    height: 0.71rem;
    border-radius: 50%;
    margin: 0 auto
}

.insnfeat-list ul dl dd {
    text-align: center
}

.insnfeat-list ul dl dd .name {
    font-size: 0.18rem;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0.27rem 0 0.12rem
}

.insnfeat-list ul dl dd .desc {
    font-size: 14rem;
    color: #777777;
    display: -webkit-box;
    height: .48rem;
    line-height: .24rem;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.insnfeat-list ul dl:hover {
    background: url(../images/libg2.jpg) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    border-color: #fff;
    -webkit-box-shadow: 0.05rem 0.08rem 0.29rem rgba(163, 170, 215, 0.27);
    box-shadow: 0.05rem 0.08rem 0.29rem rgba(163, 170, 215, 0.27)
}

.inside-lxfs {
    padding: 1.13rem 0 1.3rem;
    background-color: #f0f4f8
}

.inslxfs-list {
    padding: 1.56rem 0 0
}

.inslxfs-list ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -0.76rem
}

.inslxfs-list ul li {
    width: 33.3333%;
    text-align: center;
    padding: 0.76rem
}

.inslxfs-list ul li .icon {
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.inslxfs-list ul li:hover .icon {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.inslxfs-list ul li:hover img {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.inslxfs-list ul li .title {
    font-size: 0.18rem;
    padding: 0.5rem 0 0.21rem
}

.inslxfs-list ul li h5 {
    color: #000;
    line-height: 0.24rem
}

.inslxfs-list ul li:first-child .title {
    padding-bottom: 0.1rem
}

.inside-zxly {
    padding: 1.14rem 0 1.47rem
}

.inside-zxly .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inside-zxly .left {
    width: 50%;
    position: relative
}

.inside-zxly .left .info {
    width: 100%;
    font-size: 0.18rem;
    line-height: 0.3rem;
    position: absolute;
    left: 0;
    bottom: 0
}

.inside-zxly .right {
    width: 50%;
    padding-right: 0.24rem
}

.inside-zxly .right form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inside-zxly .right form .input {
    display: block;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.22rem;
    padding: 0 0.3rem;
    font-size: 0.16rem
}

.inside-zxly .right form .input::-webkit-input-placeholder {
    color: #999999
}

.inside-zxly .right form .input::-moz-placeholder {
    color: #999999
}

.inside-zxly .right form .input:-ms-input-placeholder {
    color: #999999
}

.inside-zxly .right form .input::placeholder {
    color: #999999
}

.inside-zxly .right form .input:nth-child(1) {
    margin-right: 0.3rem
}

.inside-zxly .right form .input:nth-child(3) {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.inside-zxly .right form .input-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f7f8fd
}

.inside-zxly .right form textarea {
    width: 100%;
    background-color: #f7f8fd;
    height: 2.19rem;
    margin-bottom: 0.22rem;
    padding: 0.28rem 0.4rem;
    font-size: 0.16rem
}

.inside-zxly .right form textarea::-webkit-input-placeholder {
    color: #999999
}

.inside-zxly .right form textarea::-moz-placeholder {
    color: #999999
}

.inside-zxly .right form textarea:-ms-input-placeholder {
    color: #999999
}

.inside-zxly .right form textarea::placeholder {
    color: #999999
}

.inside-zxly .right form .input-submit {
    width: 100%;
    background-color: var(--sl-primary);
    color: #fff;
    margin: 0
}

.tanlent_lists {
    padding: 0.6rem 0 1.3rem
}

.tanlent_for {
    margin: 0 0 0.3rem;
    border-radius: 0.1rem;
    background-color: #fff;
    border-left: 0.09rem solid var(--sl-primary);
    -webkit-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.13);
    box-shadow: 3px 0 7px rgba(0, 0, 0, 0.13)
}

.toptanlent_info {
    padding: 0.32rem 1.57rem 0.32rem 0.62rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: pointer;
    color: #666666;
    font-size: 0.16rem;
    position: relative
}

.toptanlent_info .jog {
    font-size: 0.18rem;
    font-weight: bold;
    color: #000;
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.toptanlent_info span {
    padding-left: 1.5rem
}

.toptanlent_info .more {
    display: block;
    width: 0.94rem;
    height: 100%;
    background-color: var(--sl-primary);
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    text-align: center;
    border-radius: 0 0.1rem 0.1rem 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0
}

.toptanlent_info .more .icon {
    display: block;
    width: 0.29rem;
    height: 0.29rem;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.toptanlent_info .more .icon::before,
.toptanlent_info .more .icon::after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    width: 0.16rem;
    height: 0.02rem;
    top: 50%;
    left: 50%;
    margin-top: -0.01rem;
    margin-left: -0.08rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.toptanlent_info .more .icon::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.toptanlent_info.cur .more {
    right: 0.13rem;
    width: 0.69rem;
    height: 0.69rem;
    border-radius: 0.1rem
}

.toptanlent_info.cur .more .icon::before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.inside-jobcont {
    padding-top: 1.1rem
}

.job_details {
    padding: 0.1rem 0.62rem 0.2rem;
    display: none
}

.job_details .info {
    padding: 0 0 0.6rem 0;
    color: #666666;
    font-size: 0.16rem;
    line-height: 0.3rem
}

.job_details .info .name {
    font-weight: bold;
    padding: 0 0 0.3rem 0
}

/*---------------------------------------11.3*/
/*.inpartner-swiper .swiper-wrapper {*/
/*    -webkit-transition-timing-function: linear;*/
    /*之前是ease-out*/
/*    -moz-transition-timing-function: linear;*/
/*    -ms-transition-timing-function: linear;*/
/*    -o-transition-timing-function: linear;*/
/*    transition-timing-function: linear !important;*/
/*    transition-property: transform;*/
/*}*/

.inpartner-swiper {
    width: 100%;
    /*height: 412px;*/
    height: 600px;
    margin-left: auto;
    margin-right: auto;
}

.inpartner-swiper .swiper-slide {
    text-align: center;
    height: calc((100% - 110px) / 4) !important;

    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}

/*---------------------------------11.21*/
.article-share {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.3rem 0 0;
}

.article-share a {
    float: none !important;
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center !important;
    padding: 0 !important;
    margin: 0 0 0 10px !important;
}

.bds_tsina {
    background-image: url(../images/sWeibo.png) !important;
}

.bds_sqq {
    background-image: url(../images/Sqq.png) !important;
}

.bds_weixin {
    background-image: url(../images/Sweixin.png) !important;
}

.bd_weixin_popup .bd_weixin_popup_foot {
    display: none;
    !important;
}

.inside-dvideo {
    padding: 0.5rem 0 0;
}

.inside-dvideo .video {
    position: relative;
    height: 6.37rem;
    cursor: pointer;
    margin: 0.45rem 0 0;
}

.inside-dvideo .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inside-dvideo .video iframe video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#inside_ngzxlist {
    display: flex;
    flex-wrap: wrap;
    margin: -0.34rem -0.5rem;
    padding: 0.5rem 0 0;
}

#inside_ngzxlist dl {
    display: flex;
    padding: 0.34rem 0.5rem;
}

#inside_ngzxlist dl dt {
    width: 0.6rem;
}

#inside_ngzxlist dl dd {
    flex: 1;
    overflow: hidden;
    padding: 0 0 0 0.3rem;
}

#inside_ngzxlist dl .cn {
    font-size: 0.22rem;
    color: #000;
}

#inside_ngzxlist dl .en {
    font-size: 0.16rem;
    color: #cccccc;

}

#inside_ngzxlist dl .info {
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #777777;
    padding: 0.2rem 0 0;
}

/*2024.1.4*/
#inside_ngzxlist2 {
    display: flex;
    flex-wrap: wrap;
    margin: -0.34rem -0.5rem;
    padding: 0.5rem 0 0;
}

#inside_ngzxlist2 dl {
    display: flex;
    width: 50%;
    padding: 0.34rem 0.5rem;
}

#inside_ngzxlist2 dl dt {
    width: 0.6rem;
}

#inside_ngzxlist2 dl dd {
    flex: 1;
    overflow: hidden;
    padding: 0 0 0 0.3rem;
}

#inside_ngzxlist2 dl .cn {
    font-size: 0.22rem;
    color: #000;
    margin-bottom: 0.15rem;
}

#inside_ngzxlist2 dl .en {
    font-size: 0.16rem;
    color: #cccccc;

}

#inside_ngzxlist2 dl .info {
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #777777;
    padding: 0.2rem 0 0;
}

@media screen and (min-width: 1921px) {
    .footer_top .right {
        width: 3rem
    }

    .c1500 {
        max-width: 1700px
    }
}

/*2025-3-17*/

.index-module-new {
    background: url(../images/25315bg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 0.9rem;
    padding-bottom: 1.3rem;
}

.index-module-new .com-more2 {
    /*background-color: var(--color-accent, #C2410C);
    border-color: var(--color-accent, #C2410C);*/
    background-color: var(--sl-primary);
    border-color: var(--sl-primary);
    color: #fff;
    border: none;
}

.inmodule-list-new {
    padding-top: 1rem;
}

.inmodule-list-new ul {
    margin: -0.13rem -0.1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.inmodule-list-new ul li {
    padding: 0.13rem 0.1rem;
    width: 33.33%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.inmodule-list-new ul li .box {
    background-color: #fff;
    height: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 8px 0.84rem 0px rgba(23, 70, 158, 0.16);
    box-shadow: 0px 8px 0.84rem 0px rgba(23, 70, 158, 0.16);
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    min-height: 2.36rem;
}


.inmodule-list-new ul li .box .top {
    background-position: 100% center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: relative;
    width: 100%;
    min-height: 1.6rem;
    padding: 0.34rem 0.47rem;
}

.inmodule-list-new ul li .box .top h5 {
    font-weight: bold;
    padding: 0 0 0.12rem;
}

.inmodule-list-new ul li .box .text {
    padding: 0.16rem 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.inmodule-list-new ul li .box .text a {
    color: #888888;
    position: relative;
    width: 50%;
    padding: 0 0 0 0.24rem;
    margin: 0 0 0.08rem;
    font-size: 0.16rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inmodule-list-new ul li .box .text a:hover {
    color: #000;
    padding-left: 0.24rem;
}

.inmodule-list-new ul li .box .text a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    border: 2px solid #4b8db9;
}

.inmodule-list-new ul li .box:hover {
    border-radius: 0.2rem;
}

.inmodule-list-new ul li .box:hover .top h5 {
    /*color: var(--color-accent, #C2410C);*/
    color: #000;
}

.index-wisdom-new {
    padding-top: 1.1rem;
    padding-bottom: 1.66rem;
    background: url(../images/25113vbg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.index-wisdom-new .tdesc {
    font-size: 0.24rem;
    font-family: "albbRegular";
    line-height: 1.66;
    text-align: right;
    max-width: 4.8rem;
}

.inwisdom-cont-new {
    margin: 1.1rem 0 0;
    position: relative;
}

.inwisdom-cont-new .com-more2 {
    background-color: var(--color-accent, #C2410C);
    border-color: var(--color-accent, #C2410C);
    color: #fff;
    border: none;
}

.inwisdom-list-new ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.12rem -0.17rem;
}

.inwisdom-list-new ul li {
    padding: 0.12rem 0.17rem;
    width: 25%;
}

.inwisdom-list-new ul li a {
    display: block;
    border: 1px solid #fff;
    background: url(../images/25113asbg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 0px 10px 0.24rem 2.7px rgba(51, 89, 140, 0.2);
    box-shadow: 0px 10px 0.24rem 2.7px rgba(51, 89, 140, 0.2);
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0.35rem 0.33rem 0.32rem;
    height: 100%;
}

.inwisdom-list-new ul li a:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

.inwisdom-list-new ul li a img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s;
}

.inwisdom-list-new ul li a:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.inwisdom-list-new ul li a img {
    height: 0.56rem;
}

.inwisdom-list-new ul li a:hover {
    border-radius: 0 0 0.1rem 0.1rem;
    border-top-color: var(--color-accent, #C2410C);
}

.inwisdom-list-new ul li a:hover .text span {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    background-color: var(--color-accent, #C2410C);
}

.inwisdom-list-new ul li a:hover img {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.inwisdom-list-new ul li a:hover .com-more2::before {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.inwisdom-list-new ul li .text {
    width: 70%;
}

.inwisdom-list-new ul li .text h5 {
    font-size: 0.2rem;
    padding: 0 0 0.2rem;
}

.inwisdom-list-new ul li .text span {
    display: block;
    color: #fff;
    width: 0.18rem;
    height: 0.18rem;
    line-height: 0.18rem;
    text-align: center;
    background-color:#000;
    border-radius: 0.01rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.inwisdom-list-new ul li .text span::before {
    content: "\e764";
}

.inwisdom-list-new ul li:last-child a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/*2026/6/3*/

.indexbanner .newm {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    text-align: right;
}

.index-about {
  /*  border-bottom: 1px solid #cdcdcd;*/
}

.index-about .right {
    position: relative;
    padding: 2.7rem 0 0 0;
}

.index-about .bgen {
    font-size: 3.86rem;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F5FE), to(#fff));
    background: -webkit-linear-gradient(top, #F2F5FE, #fff);
    background: -o-linear-gradient(top, #F2F5FE, #fff);
    background: linear-gradient(to bottom, #F2F5FE, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-family: "manropeB";
}

.index-about .topnums {
    margin: -0.47rem;
    position: relative;
    z-index: 2;
}

.index-about .topnums .couters {
    width: 16.666%;
    padding: 0.47rem;
}

.index-about .topnums .couters .unit {
    font-family: "manropeB";
}

.index-about .topnums .couters .unit span {
    background: -webkit-gradient(linear, left top, right top, from(#417ae4), to(var(--sl-primary)));
    background: -webkit-linear-gradient(left, #417ae4, var(--sl-primary));
    background: -o-linear-gradient(left, #417ae4, var(--sl-primary));
    background: linear-gradient(to right, #417ae4, var(--sl-primary));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.index-about .common-title {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.index-about .common-title h4 {
    padding: 0;
}

.index-module-new260603 {
    padding-top: 1.4rem;
    padding-bottom: 1rem;
    overflow: hidden;
}

.index-module-new260603 .swiperbtns {
    padding: 0.64rem 0 0 2.05rem;
}

.index-module-new260603 .swiperbtns .btn {
    position: static;
    border-color: #cbcbcb;
    margin: 0 0.2rem 0 0;
}

.index-module-new260603 .swiperbtns .btn::after {
    color: #cbcbcb;
}

.index-module-new260603 .com-more1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.index-module-new260603 .hd {
    padding-left: 2.05rem;
    padding-right: 2.05rem;
}

.index-module-new260603 .bd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.2rem 0 0 2.05rem;
}

.index-module-new260603 .bd .left {
    width: 43.86%;
    padding: 0 1.2rem 0 0;
    overflow: hidden;
}

.index-module-new260603 .bd .right {
    width: 49.7%;
}

.index-module-new260603 .bd .text {
    font-size: 0.16rem;
    padding: 0.2rem 0 0 0;
}

.index-module-new260603 .bd .text a {
    display: block;
    margin: 0 0 0.1rem;
}

.index-module-new260603 .bd .text a:hover {
    color: var(--color-accent, #C2410C);
}

.index-module-new260603 .bd .box {
    background-color: #f2f5f6;
    display: block;
    position: relative;
    padding:0.6rem 0.3rem 0.6rem 0.6rem;
    height: 3.8rem;
    border-radius: 10px;
}

.index-module-new260603 .bd .box .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    margin: 0.5rem 0 0 0;
    display: none;
}

.index-module-new260603 .bd .box .more span {
    width: 100%;
    height: 100%;
    background: url(../images/260603jt.png) no-repeat center center;
    -webkit-background-size: auto auto;
    background-size: auto;
}

.index-module-new260603 .mySwiper .box .info {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.index-module-new260603 .mySwiper .box .img {
    max-width: 3.81rem;
    overflow: hidden;
    position: absolute;
    right: -1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.index-module-new260603 .mySwiper .box .more {
    background-color: var(--color-accent, #C2410C);
}

.index-module-new260603 .mySwiper .box .more span {
    background-image: url(../images/260603jt3.png);
}

.index-module-new260603 .mySwiper .swiper-slide-active .box .info {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.index-module-new260603 .mySwiper .swiper-slide-active .box .img {
    right: -1.2rem;
    opacity: 1;
}

.index-module-new260603 .mySwiper2 {
    overflow: hidden;
    height: 100%;
}

.index-module-new260603 .mySwiper2 .box {
    background: url(../images/260603bg1.jpg) no-repeat 100% 100%;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    border-radius: 10px;
}

.index-module-new260603 .mySwiper2 .box:hover .more span {
    background-image: url(../images/260603jt2.png);
}



.index-wisdom-new260604 {
    background-color: #F0F5F7;
    overflow: hidden;
    height: 100vh;
}

.index-wisdom-new260604 .wrap {
    position: relative;
    height: 100vh;
}

.index-wisdom-new260604 .flex {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.index-wisdom-new260604 .tdesc {
    font-size: 0.2rem;
    color: #777777;
    padding: 0.77rem 0 1.9rem;
}

.index-wisdom-new260604 .left {
    width: 33.333%;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.index-wisdom-new260604 .right {
    width: 58.666%;
    padding-top: 1rem;
    padding-bottom: 2.5rem;
    margin-top: -2rem;
}

.index-wisdom-new260604 .list .list-track {
    -webkit-animation: scroll-up var(--scroll-duration, 20s) linear infinite;
    -o-animation: scroll-up var(--scroll-duration, 20s) linear infinite;
    animation: scroll-up var(--scroll-duration, 20s) linear infinite;
}

.index-wisdom-new260604 .list .list-track:hover {
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.index-wisdom-new260604 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px;
}

.index-wisdom-new260604 .list ul li {
    width: 33.333%;
    padding: 8px;
}

.index-wisdom-new260604 .list ul li .box {
    display: block;
    position: relative;
}

.index-wisdom-new260604 .list ul li:nth-child(3n+2) .box {
    -webkit-transform: translateY(0.9rem);
    -ms-transform: translateY(0.9rem);
    -o-transform: translateY(0.9rem);
    transform: translateY(0.9rem);
}

.index-wisdom-new260604 .list ul li .img {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.index-wisdom-new260604 .list ul li .img::before {
    content: "";
    display: block;
    padding-top: 121.35%;
}

.index-wisdom-new260604 .list ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.index-wisdom-new260604 .list ul li .img::after {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.index-wisdom-new260604 .list ul li .info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.3rem;
    z-index: 4;
    color: #fff;
    font-size: 0.18rem;
    width: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.index-wisdom-new260604 .list ul li .info .more {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    display: none;
    background-color: var(--color-accent, #C2410C);
    margin: 0.34rem 0 0 0;
}

.index-wisdom-new260604 .list ul li .info .more span {
    width: 100%;
    height: 100%;
    background: url(../images/260603jt3.png) no-repeat center center;
    -webkit-background-size: 0.12rem 0.12rem;
    background-size: 0.12rem;
}

.index-wisdom-new260604 .list ul li .box:hover .img::after {
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.index-wisdom-new260604 .list ul li .box:hover .info {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    text-align: center;
}

.index-wisdom-new260604 .list ul li .box:hover .info .more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.index-wisdom-new260604 .clickmore {
    display: none;
}
.index-wisdom-new260604 .com-more1{
    justify-content: center;
}
@-webkit-keyframes scroll-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@-o-keyframes scroll-up {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@keyframes scroll-up {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

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

.slide-nav ul {
    background-color: var(--sl-primary);
}

.slide-nav ul li .txt {
    color: #fff;
}

.slide-nav .go_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: var(--color-accent, #C2410C);
    margin: 0.13rem 0 0 0;
    cursor: pointer;
}
@media screen and (max-width: 768px) {

    .com-more1,
    .com-more2 {
        width: 1.5rem
    }

    .inside-issue .com-more1 {
        width: 100%;
    }

    .inside-estate .com-more1 {
        width: 100%;
    }

    .inside-gnlc img {
        width: 100% !important;
        height: auto !important;
    }

    .mptb6 {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .mpt6 {
        padding-top: 0.6rem
    }

    .mpt5 {
        padding-top: 0.5rem
    }

    .mpb5 {
        padding-bottom: 0.5rem
    }

    .mpt3 {
        padding-top: 0.3rem
    }

    .mpb3 {
        padding-bottom: 0.3rem
    }

    .mptb3 {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem
    }

    .f62 {
        font-size: 0.44rem
    }

    .f50 {
        font-size: 0.4rem;
        line-height: 0.4rem
    }

    .f48 {
        font-size: 0.3rem
    }

    .f42 {
        font-size: 0.3rem
    }

    .f40 {
        font-size: 0.28rem
    }

    .f36 {
        font-size: 0.28rem
    }

    .f30 {
        font-size: 0.26rem
    }

    .common-title h4 {
        line-height: 1.3;
    }
    .indexbanner{
        height: 6.5rem;
    }
    .indexbanner ul li .inban-info{
          text-align: left;
          padding-top:0.3rem;
      }
    .indexbanner ul li .inban-info .info-one {
        line-height: 0.44rem;
        text-align: left;
        font-size:0.3rem;
    }

    .indexbanner ul li .inban-info .info-two span::after {
        margin: 0 0.1rem
    }
    
    .indexbanner ul li .inban-info .info-two{
        text-align: left;
        padding-top:0.1rem;
    }
    
    .indexbanner ul li .inban-info .info-btn{
        width: 1.4rem;
        height: 0.5rem;
        font-size: 0.14rem;
        margin:1rem 0 0 0;
    }
    
    .c1700, .c1500{
        padding:30px;
    }
    .indexbanner .newm{
        text-align: right;
        bottom:0.3rem;
    }
    .index-about {
        display: block
    }

    .index-about .left {
        width: 100%
    }

    .index-about .left h4 {
        padding: 0 0 0.3rem
    }

    .index-about .right {
        width: 100%
    }

    .topnums {
        margin: 0 -0.1rem
    }

    .topnums .couters {
        padding: 0 0.1rem 0.3rem
    }

    .topnums .couters .unit {
        font-size: 0.38rem
    }

    .inmodule-list ul li {
        width: 50%
    }

    .inmodule-list ul li .box .top {
        padding: 0.2rem
    }

    .inmodule-list ul li .box .top .img {
        height: 0.7rem;
        right: 0.1rem;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        bottom: 0.1rem
    }

    .inmodule-list ul li .box .text {
        display: none
    }

    .inwisdom-cont {
        margin: 0;
        padding-left: 0
    }

    .inwisdom-cont .left {
        position: relative;
        width: 100%
    }

    .inwisdom-list ul li {
        width: 50%
    }

    .inserve-swiper ul li .text {
        padding: 0.2rem
    }

    .inserve-swiper ul li .text .tags {
        display: none
    }

    .inserve-list {
        margin: 0;
        text-align: center
    }

    .inrepors-list .swiper-button-next,
    .inrepors-list .swiper-button-prev {
        height: auto;
        margin:  0 0.2rem
    }

    .inews-list ul li.li1 {
        width: 100%
    }

    .inews-list ul li.li1 a {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .inews-list ul li.li1 .img {
        width: 100%
    }

    .inews-list ul li.li1 .info {
        width: 100%;
        padding: 0.4rem 0 0
    }

    .inews-list ul li {
        width: 100%
    }

    .inews-list ul li .info {
        padding: 0.4rem
    }

    .inews-list ul li .info .desc {
        margin: 0.2rem 0 0.5rem
    }

    .index-news .left h4 {
        font-size: 0.28rem;
        padding: 0 0 0.2rem;
        margin: 0 0.2rem 0 0
    }

    .inside-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .inside-content .left {
        padding: 0 0 0.6rem;
        width: 100%
    }

    .inside-content .right {
        width: 100%
    }

    .inside_pages {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .inside_pages a {
        margin: 0 0.05rem
    }

    .inside_pages a.prev,
    .inside_pages a.next {
        min-width: auto;
        padding: 0 0.05rem
    }

    .instczt-list ul li a {
        padding: 0.2rem 0.3rem
    }

    .instczt-list ul li .date {
        padding: 0 0.2rem 0 0
    }

    .instczt-list ul li .date .day {
        font-size: 0.34rem
    }

    .instczt-list ul li .info {
        padding: 0 0 0 0.2rem
    }

    .inside-form {
        padding: 0.3rem
    }

    .inside-form .info h4 {
        font-size: 0.26rem
    }

    .inside-form form .input:nth-child(1) {
        margin-right: 0
    }

    .common-trouble .flex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .common-trouble .right {
        width: 100%;
        padding: 0.3rem 0 0
    }

    .common-trouble form {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .common-trouble form .input {
        width: 100%;
        margin: 0 0 0.2rem
    }

    .common-trouble form .input-submit {
        margin: 0 auto
    }

    .commoncase-list ul {
        margin: 0;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .commoncase-list ul li {
        width: 100%
    }

    .commoncase-list ul li .info {
        padding: 0.2rem
    }

    .commoncase-list ul li .tags {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .commoncase-list ul li .tags span {
        margin: 0.05rem 0.1rem 0.05rem 0
    }

    .insrepors-list ul {
        margin: 0
    }

    .insrepors-list ul li {
        width: 100%
    }

    .inscomprot-swiper ul li .info {
        padding: 0.3rem
    }

    .swiper-insidebtn {
        position: relative
    }

    .swiper-insidebtn .swiper-button-next,
    .swiper-insidebtn .swiper-button-prev {
        margin-left: 0.1rem
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 0.55rem;
        height: 0.55rem;
        line-height: 0.55rem
    }

    .common-read .left {
        padding: 0 0 0.3rem
    }

    .common-read .right {
        width: 100%
    }

    .comread-list ul li {
        width: 100%
    }

    .comread-list ul li .desc {
        display: none
    }

    .comread-list ul li .info {
        padding: 0.3rem 0 0
    }

    .common-moreinfo .p span {
        margin: 0 0.3rem
    }

    .common-moreinfo .tel {
        font-size: 0.34rem
    }

    .inside-newspage .tleft p span {
        width: 100px
    }

    .inside-newspage .tright {
        padding: 0.3rem 0 0
    }

    .common-form {
        width: 100%
    }

    .insnews-lists ul li a {
        padding: 0.3rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .insnews-lists ul li .img {
        width: 100%
    }

    .insnews-lists ul li .info {
        flex: none;
        width: 100%;
        padding: 0.3rem 0 0 0
    }

    .inside-dcfilter dl dd {
        padding: 0 0.6rem 0 0
    }

    .inside-dcfilter dl dd .item {
        padding: 0 0.1rem 0 0
    }

    .inside-dcfilter dl dd.cur .item {
        padding-bottom: 0.1rem
    }

    .inside-dcbgslist ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .inside-dcbgslist ul li {
        width: 100%
    }

    .inpartner-swiper ul li,
    .inpartner-swiper2 ul li {
        padding: 0;
    }

    .inpartner-swiper ul,
    .inpartner-swiper2 ul li {
        margin: 0;
    }

    .Breturn {
        right: 0.2rem;
        bottom: 0;
        width: 1.5rem;
        height: 0.47rem;
        line-height: 0.47rem
    }

    .Breturn img {
        width: 0.2rem
    }

    .insreporscom-list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .insreporscom-list ul li {
        width: 100%
    }

    .inscomprotcom-list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .inscomprotcom-list ul li {
        width: 100%
    }

    .insrdrj-list ul li {
        width: 100%
    }

    .inside-dcbdc {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .inside-dcbdclist {
        padding: 0.3rem 0
    }

    .inside-dcbdclist ul {
        margin: 0
    }

    .inside-dcbdclist ul li {
        width: 100%;
        padding: 0.15rem 0
    }

    .indcbdc-filter {
        padding: 0.3rem 0 0
    }

    .indcbdc-filter a {
        margin: 0 0.15rem 0 0
    }

    .insrepors-imparity ul {
        margin: 0;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .insrepors-imparity ul li {
        width: 100%;
        padding: 0
    }

    .online-form .toptitle {
        padding: 0 0 0.3rem
    }

    .online-form .toptitle h4 {
        padding: 0
    }

    .online-form form {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .online-form form .input {
        width: 100%;
        margin: 0 0 0.2rem
    }

    .online-form form .input-submit {
        margin: 0 auto
    }

    .inside-consult {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0.5rem;
        padding-bottom: 0.3rem
    }

    .inside-consult .insult {
        width: 100%;
        padding: 0 0 0.5rem
    }

    .inside-consult .insult ul {
        margin: -0.1rem;
        padding: 0.3rem 0 0
    }

    .inside-consult .insult ul li {
        padding: 0.1rem
    }

    .inside-consult .insult ul li a {
        padding: 0.1rem 0.05rem
    }

    .dccomread-list {
        padding: 0.3rem 0 0
    }

    .dccomread-list ul li {
        width: 100%
    }

    .dccomread-list ul li .desc {
        display: none
    }

    .dccomread-list ul li .info {
        padding: 0.3rem 0 0
    }

    .inside-newsdetail .content {
        padding: 0.3rem 0
    }

    .insidecase-list ul {
        margin: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .insidecase-list ul li {
        width: 100%;
        padding: 0 0 0.3rem
    }

    .insidecase-list ul li .info {
        padding: 0.2rem
    }

    .insidecase-list ul li .tags {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .insidecase-list ul li .tags span {
        margin: 0.05rem 0.1rem 0.05rem 0
    }

    .relevant-case {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .relecase-swiper {
        margin: 0.3rem 0 0.5rem
    }

    .relecase-swiper ul li a {
        display: block
    }

    .relecase-swiper ul li .img {
        width: 100%;
        height: 3rem
    }

    .relecase-swiper ul li .info {
        width: 100%;
        padding: 0.3rem 0.3rem 0.5rem
    }

    .relecase-swiper ul li .info .desc {
        margin: 0.2rem 0 0.4rem
    }

    .inside-estate .left {
        padding: 0
    }

    .inside-estate .left .desc {
        padding: 0.2rem 0
    }

    .inside-estate .right {
        width: 100%
    }

    .instate-list ul {
        margin: -0.05rem
    }

    .instate-list ul li {
        padding: 0.05rem
    }

    .instate-list ul li h3 {
        font-size: 0.17rem
    }

    .insrealt-list ul {
        margin: -0.1rem
    }

    .insrealt-list ul li {
        /*width: 50%;*/
        width: 100%;
        padding: 0.1rem
    }

    .insrealt-list ul li .name {
        padding: 0.15rem 0.3rem
    }

    .instrate-list ul {
        margin: -0.05rem;
        padding-left: 0
    }

    .instrate-list ul li {
        float: left;
        padding: 0.05rem;
        width: 50%
    }

    .instrate-list ul li:first-child {
        position: static;
        width: 100%
    }

    .instrate-list ul li:first-child dl {
        padding: 0.2rem
    }

    .instrate-list ul li dl {
        padding: 0.1rem
    }

    .insight-swiper {
        padding: 0.5rem 0.1rem
    }

    .insight-wrapper {
        margin: 0
    }

    .inside-insight h4 {
        text-align: left
    }

    .inside-insight .btns {
        position: absolute;
        top: -0.55rem;
        right: 0
    }

    .inside-insight .swiper-button-prev,
    .inside-insight .swiper-button-next {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .inside-industzt {
        display: block
    }

    .inside-industzt .left {
        width: 100%;
        padding: 0 0 0.5rem
    }

    .inside-industzt .right {
        width: 100%
    }

    .insndustzt-swiper ul li a {
        display: block
    }

    .insndustzt-swiper ul li .img {
        width: 100%
    }

    .insndustzt-swiper ul li .info {
        width: 100%;
        padding: 0.3rem
    }

    .insndustzt-swiper ul li .info .desc {
        margin: 0.2rem 0 0.3rem
    }

    .insallcase-swiper ul {
        margin: 0
    }

    .insallcase-swiper ul li {
        width: 100%;
        padding: 0
    }

    .insallcase-swiper ul li .info {
        padding: 0.2rem
    }

    .insallcase-swiper ul li .tags {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .insallcase-swiper ul li .tags span {
        margin: 0.05rem 0.1rem 0.05rem 0
    }

    .insallcase-box {
        padding: 0
    }

    .insall-sort ul {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .insall-sort ul li {
        padding: 0 0.1rem 0 0;
        width: auto;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    .insall-sort ul li a {
        padding: 0.05rem 0.1rem
    }

    .insallindust-toggle>.flex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .insallindust-toggle .left {
        width: 100%
    }

    .insallindust-toggle .right {
        width: 100%
    }

    .rightsort-swiper ul li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .rightsort-swiper ul li .img {
        width: 100%;
        height: 3rem
    }

    .rightsort-swiper ul li .info {
        width: 100%;
        padding: 0.3rem
    }

    .rightsort-swiper ul li .info h4::after {
        margin: 0.15rem 0 0
    }

    .rightsort-swiper ul li .info .desc {
        height: 1.2rem
    }

    .insall-sort {
        padding: 0.3rem 0
    }

    .sort-btns {
        text-align: center;
        padding: 0.3rem 0 0
    }

    .insallindust-box .swiper-button-prev,
    .insallindust-box .swiper-button-next {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .insallcase-toggle .com-more2 {
        margin-top: 0
    }

    .case-comread-list {
        padding-top: 0.6rem
    }

    .case-comread-list ul {
        padding: 0
    }

    .case-comread-list ul .li1 {
        position: static;
        width: 100%
    }

    .inserver-list {
        height: auto;
        margin: 0
    }

    .inserver-list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .inserver-list ul li {
        width: 100%
    }

    .inserver-list ul li:hover .box,
    .inserver-list ul li.cur .box {
        margin: 0
    }

    .inserver-list ul li .box {
        padding: 0.3rem
    }

    .inside-severtwo .flex {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .inside-severtwo .left {
        width: 100%;
        padding: 0
    }

    .inside-severtwo .right {
        width: 100%
    }

    .inside-severtwo .desc {
        padding: 0.3rem 0;
        line-height: 0.3rem
    }

    .inservertwo-list {
        padding: 0.3rem 0 0
    }

    .inservertwo-list ul {
        margin: -0.1rem
    }

    .inservertwo-list ul li {
        width: 50%;
        padding: 0.1rem
    }

    .inside-serverthree {
        background-image: none
    }

    .inserverthree-list {
        margin: 0;
        padding: 0.6rem 0 0
    }

    .inserverthree-list .scenter {
        display: none
    }

    .inserverthree-list ul {
        margin: 0
    }

    .inserverthree-list ul li {
        width: 100%;
        padding: 0 0 0.4rem 0
    }

    .inside-issue .left {
        padding: 0
    }

    .inside-issue .left .desc {
        padding: 0.2rem 0
    }

    .inside-issue .right {
        width: 100%
    }

    .insissue-list {
        padding: 0.5rem 0 0
    }

    .insissue-list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .insissue-list ul li {
        width: 100%;
        position: relative;
    }

    .insissue-list dl {
        padding: 0.3rem
    }

    .insissue-list dl dt img {
        height: 0.6rem;
        position: absolute;
        right: 35px;
    }

    .insissue-list dl dd {
        padding: 0.3rem 0 0
    }

    .insplan-swiper {
        padding: 0.3rem 0
    }

    .insplan-swiper ul li {
        margin: 0 0 15px;
        padding-right: 15px;
    }

    .insplan-swiper ul li.swiper-slide-next::before {
        display: block
    }

    .insplan-swiper ul li .info {
        padding: 0.2rem
    }

    .inside-plan {
        padding-left: 20px;
    }

    .insplan-swiper .insplan-btn {
        display: none;
    }

    .insplan-btn dd {
        padding: 0
    }

    .inside-other .left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .inside-other .right {
        width: 100%
    }

    .inside-other .com-more1 {
        margin: 0
    }

    .insother-list {
        padding: 0.5rem 0 0
    }

    .insother-list ul {
        /*-webkit-flex-wrap: wrap;*/
        /*-ms-flex-wrap: wrap;*/
        /*flex-wrap: wrap*/
        margin: 0;
    }

    .insother-list ul li {
        width: 100%;
        padding: 0;
    }

    .inside-about .left {
        width: 100%;
        padding: 0
    }

    .inside-about .right {
        width: 100%;
        padding: 0.3rem 0 0
    }

    .insbetter-list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -0.15rem
    }

    .insbetter-list ul li {
        width: 100%;
        padding: 0.15rem
    }

    .inside-allway {
        height: 6.5rem
    }

    .inside-allway .inside-title {
        top: 0.6rem
    }

    .inside-allway .inside-title .c1500 {
        padding-right: 20px
    }

    .inawayimg-wrapper ul li .info {
        top: 1rem
    }

    .inawayimg-wrapper ul li .info .c1500 {
        padding-left: 20px
    }

    .inawayimg-wrapper ul li .info dl {
        display: block;
    }

    .inawayimg-wrapper ul li .info dl dt {
        width: 100%;
        padding: 0 0 0.2rem;
    }

    .inawayimg-wrapper ul li .info dl dd {
        width: 100%;
    }

    .inawayname-wrapper {
        bottom: 0.6rem
    }

    .insoperat-list ul {
        margin: -0.05rem
    }

    .insoperat-list ul li {
        width: 50%;
        height: 2rem;
        padding: 0.05rem
    }

    .insoperat-list ul li .box::after {
        background-color: rgba(0, 0, 0, 0.5)
    }

    .insoperat-list ul li .icon {
        width: 0.4rem;
        height: 0.4rem
    }

    .insoperat-list ul li .name {
        font-size: 0.2rem
    }

    .insoperat-list ul li .tel {
        display: block;
        padding: 0
    }

    .insoperat-list ul li .consult {
        display: none
    }

    .insoperat-list ul li.cur {
        width: 50%
    }

    .insoperat-list ul li.cur .consult {
        display: none
    }

    .inside-about-partner .inside-title {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .inside-about-partner .couters {
        padding: 0 0.3rem 0 0
    }

    .inside-industzt2 {
        display: block
    }

    .inside-industzt2 .right {
        width: 100%
    }

    .inside-industzt2 .left {
        padding: 0
    }

    .insdust-list2 ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0
    }

    .insdust-list2 ul li {
        width: 100%;
        padding: 0 0 0.3rem
    }

    .inside-slidnav {
        display: none
    }

    .inside-csultbox {
        padding: 0
    }

    .inside-csult dl {
        width: 100%
    }

    .inside-csult:first-child .lists .flex {
        padding: 0
    }

    .inside-csult:first-child dl {
        width: 100%
    }

    .inside-csult:first-child dl:first-child {
        width: 100%;
        position: static
    }

    .inside-csult .lists {
        padding: 0 0.3rem 0.3rem
    }

    .inside-csult .lists .flex {
        margin: 0
    }

    .inside-csult .icon img {
        height: 0.8rem
    }

    .inside-csult dl {
        border-right: 0;
        border-bottom: 1px dashed #dcdcdc;
        padding: 0
    }

    .inside-csult dl dt .name {
        padding: 0.2rem 0
    }

    .inside-csult dl dd {
        padding: 0
    }

    .inside-csult dl:nth-child(3n) {
        border-bottom: 1px dashed #dcdcdc
    }

    .inside-gnsubnav {
        display: none
    }

    .inside-gndetails {
        background-color: #fff
    }

    .inside-gndetails .left {
        display: none
    }

    .inside-gndetails .right {
        padding: 0.3rem 0;
    }

    .inside-gndetails .louceng {
        padding: 0.3rem 20px
    }

    .insgncomprot-swiper ul li .info {
        padding: 0.2rem;
    }

    .insgncomprot-swiper ul li .info .tag {
        padding: 0.1rem 0 0.15rem;
    }

    .inpartner-nglist ul {
        margin: -0.1rem
    }

    .inpartner-nglist ul li {
        width: 50%;
        padding: 0.1rem
    }

    .inside-gnrepors .insrepors-list {
        padding: 0.3rem 0
    }

    .inside-gnrepors .insrepors-gnswiper {
        padding: 0 0 0.3rem
    }

    .insgserver-list ul {
        margin: -0.3rem
    }

    .insgserver-list ul li {
        width: 33.333%;
        padding: 0.3rem
    }

    .insgserver-list ul li .icon::after {
        display: none
    }

    .insnfeat-list ul li {
        width: 100%
    }

    .inside-gnfeat .topnums {
        margin: -0.2rem;
        padding: 0.3rem 0 0;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .inside-gnfeat .topnums .couters {
        width: 33.333%;
        padding: 0.2rem
    }

    .inside-zxly .left {
        width: 100%
    }

    .inside-zxly .left .info {
        position: static;
        padding: 0.2rem 0 0
    }

    .inside-zxly .right {
        width: 100%;
        padding: 0
    }

    .inside-zxly .right form .input-text {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100%;
        margin-right: 0 !important
    }

    .inside-jobcont {
        padding-top: 1.1rem
    }

    .inslxfs-list ul {
        margin: 0
    }

    .inslxfs-list ul li {
        width: 100%;
        padding: 0.2rem 0
    }

    .inslxfs-list ul li .icon {
        width: 1rem;
        height: 1rem;
        line-height: 1rem
    }

    .inslxfs-list ul li .icon img {
        height: 0.35rem
    }

    .inslxfs-list ul li .title {
        padding-top: 0.3rem
    }

    .toptanlent_info {
        padding: 0.2rem 0.8rem 0.2rem 0.3rem
    }

    .toptanlent_info span {
        padding-left: 0;
        width: 50%
    }

    .toptanlent_info .jog {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        padding-bottom: 0.05rem
    }

    .toptanlent_info .time {
        width: 100%
    }

    .toptanlent_info .more {
        background: none
    }

    .toptanlent_info .more .icon {
        border-color: var(--sl-primary)
    }

    .toptanlent_info .more .icon::before,
    .toptanlent_info .more .icon::after {
        background-color: var(--sl-primary)
    }

    .job_details {
        padding: 0 0.3rem
    }

    .tanlent_lists {
        padding: 0.5rem 0 0
    }

    .insnew-date {
        display: block;
    }

    .insnew-date span {
        display: block;
        ;
    }

    .insrealt-list ul li .name span {
        right: 0.1rem;
        top: 0.15rem;
    }

    /*----------------------------------11.3*/
    .inpartner-swiper {
        height: 400px;
    }

    .inpartner-swiper .swiper-slide {
        height: calc((100% - 30px) / 4) !important;
        padding: 5px;
    }

    /*---------------------------------------11.21*/
    .article-share {
        display: none;
    }

    /*----------------------12.27*/
    .inside-dvideo .video {
        height: 3rem;
        margin: 0 -20px;
    }

    .playicon {
        width: 0.8rem;
        height: 0.8rem;
    }

    #inside_ngzxlist {
        padding: 0.3rem 0 0;
        margin: 0;
    }

    #inside_ngzxlist dl {
        width: 100%;
        padding: 0.15rem 0;
    }

    #inside_ngzxlist dl dd {
        padding: 0 0 0 0.2rem;
    }

    #inside_ngzxlist dl .cn {
        font-size: 0.2rem;
    }

    #inside_ngzxlist dl .info {
        font-size: 0.15rem;
        padding: 0.1rem 0 0;
    }

    /*2024.1.4*/
    #inside_ngzxlist2 {
        padding: 0.3rem 0 0;
        margin: 0;
    }

    #inside_ngzxlist2 dl {
        width: 100%;
        padding: 0.15rem 0;

    }

    #inside_ngzxlist2 dl dd {
        padding: 0 0 0 0.2rem;
    }

    #inside_ngzxlist2 dl .cn {
        font-size: 0.2rem;
    }

    #inside_ngzxlist2 dl .info {
        font-size: 0.15rem;
        padding: 0.1rem 0 0;
    }


    .fiveplab_banner {
        height: 6rem;
    }

    .new_fiveplan_A {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .new_fiveplan_A .bd {
        margin: 0.4rem 0
    }

    .new_fiveplan_A .mySwiper ul li {
        padding: 0.3rem
    }

    .new_fiveplan_A .mySwiper ul li .icon {
        width: 0.4rem;
        height: 0.4rem
    }

    .new_fiveplan_A .mySwiper ul li .name {
        font-size: 0.18rem;
        margin: 0.2rem 0 0.3rem
    }

    .new_fiveplan_B {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .new_fiveplan_B .bd {
        margin: 0.5rem 0 0 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_fiveplan_B .bd .left {
        width: 100%
    }

    .new_fiveplan_B .bd .right {
        width: 100%;
        padding: 0.4rem 0 0
    }

    .new_fiveplan_B .mySwiper {
        height: auto;
        border: 0
    }

    .new_fiveplan_B .mySwiper ul li::before {
        display: none
    }

    .new_fiveplan_B .mySwiper ul li .text {
        font-size: 0.18rem;
        padding: 0
    }

    .new_fiveplan_B .mySwiper ul li.swiper-slide-thumb-active .text {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .new_fiveplan_B .mySwiper2 ul li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0.2rem
    }

    .new_fiveplan_B .mySwiper2 ul li .img {
        width: 100%
    }

    .new_fiveplan_B .mySwiper2 ul li .info {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100%;
        padding: 0.3rem 0 0 0
    }

    .new_fiveplan_B .mySwiper2 ul li .info .title::after {
        margin: 0.2rem 0 0
    }

    .new_fiveplan_B .mySwiper2 ul li .info .desc {
        font-size: 0.14rem;
        line-height: 0.24rem;
        height: 1.2rem;
        margin: 0.2rem 0
    }

    .new_fiveplan_B .btn {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        text-align: center;
        width: 100%;
        padding: 0.3rem 0 0 0
    }

    .new_fiveplan_B .btn .swiper-button-next,
    .new_fiveplan_B .btn .swiper-button-prev {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        margin: 0 0.1rem
    }

    .new_fiveplan_C {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .new_fiveplan_C .bd {
        padding: 0.5rem 0
    }

    .new_fiveplan_C .mySwiper ul li .box {
        padding: 0.4rem
    }

    .new_fiveplan_C .mySwiper ul li .icon {
        width: 0.5rem;
        height: 0.5rem
    }

    .new_fiveplan_D {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .new_fiveplan_D .bd {
        margin: 0.5rem 0 0 0;
        position: relative;
        padding: 0.4rem;
        text-align: center
    }

    .new_fiveplan_D .mySwiper ul li .text {
        text-align: left
    }

    .new_fiveplan_E {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .new_fiveplan_E .hd {
        padding: 0.5rem 0 0 0
    }

    .new_fiveplan_E .bd {
        margin: 0.3rem 0 0 0
    }

    .new_fiveplan_E .bd ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        margin: -0.1rem
    }

    .new_fiveplan_E .bd ul li {
        width: 50%;
        padding: 0.1rem
    }

    .new_fiveplan_E .bd ul li .title {
        font-size: 0.16rem;
        padding: 0.1rem 0
    }

    .new_fiveplan_E .bd ul li .text {
        font-size: 0.13rem
    }

    .new_fiveplan_E .bd ul li::before {
        display: none
    }

    .new_fiveplan_E .bd ul li::after {
        display: none
    }

    .new_fiveplan_F {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .new_fiveplan_F .list {
        padding: 0.5rem 0 0 0
    }

    .new_fiveplan_F .list ul li {
        width: 50%;
        padding: 0.05rem
    }

    .new_fiveplan_F .list ul li .box {
        padding: 0.2rem
    }

    .new_fiveplan_F .list ul li .box .num {
        font-size: 0.3rem
    }

    .new_fiveplan_F .list ul li .box .text {
        font-size: 0.14rem
    }

    .new_fiveplan_G {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .new_fiveplan_G .list {
        padding: 0.4rem 0 0 0
    }

    .new_fiveplan_G .list ul {
        margin: -0.05rem
    }

    .new_fiveplan_G .list ul li {
        width: 50%;
        height: 2rem;
        padding: 0.05rem
    }

    .new_fiveplan_G .list ul li .box::after {
        background-color: rgba(0, 0, 0, 0.5)
    }

    .new_fiveplan_G .list ul li .icon {
        width: 0.4rem;
        height: 0.4rem
    }

    .new_fiveplan_G .list ul li .name {
        font-size: 0.2rem
    }

    .new_fiveplan_G .list ul li .tel {
        display: block;
        padding: 0
    }

    .new_fiveplan_G .list ul li .consult {
        display: none
    }

    .new_fiveplan_G .list ul li.cur {
        width: 50%
    }

    .new_fiveplan_G .list ul li.cur .consult {
        display: none
    }


    .inmodule-list-new ul li {
        width: 50%;
    }

    .inmodule-list-new ul li .box {
        min-height: auto;
    }

    .inmodule-list-new ul li .box .top {
        padding: 0.2rem;
    }

    .inmodule-list-new ul li .box .text a {
        width: 100%;
        font-size: 0.14rem;
    }

    .inmodule-list-new ul li .box .text a::before {
        width: 0.1rem;
        height: 0.1rem;
    }

    .index-wisdom-new {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }

    .index-wisdom-new .tdesc {
        font-size: 0.16rem;
        text-align: left;
    }

    .inwisdom-cont-new {
        margin: 0;
    }

    .inwisdom-list-new ul {
        margin: -0.05rem;
    }

    .inwisdom-list-new ul li {
        padding: 0.05rem;
        width: 50%;
    }

    .inwisdom-list-new ul li a {
        padding: 0.2rem;
    }

    .inwisdom-list-new ul li a img {
        height: 0.46rem;
    }

    .inwisdom-list-new ul li a:hover {
        border-radius: 0 0 0.1rem 0.1rem;
        border-top-color: var(--color-accent, #C2410C);
    }

    .inwisdom-list-new ul li a:hover .text span {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
        background-color: var(--color-accent, #C2410C);
    }

    .inwisdom-list-new ul li a:hover img {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    .inwisdom-list-new ul li a:hover .com-more2::before {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .inwisdom-list-new ul li .text {
        width: 70%;
    }

    .inwisdom-list-new ul li .text h5 {
        font-size: 0.2rem;
        padding: 0 0 0.2rem;
    }

    .inwisdom-list-new ul li .text span {
        display: block;
        color: #fff;
        width: 0.18rem;
        height: 0.18rem;
        line-height: 0.18rem;
        text-align: center;
        background-color:#000;
        border-radius: 0.01rem;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .inwisdom-list-new ul li .text span::before {
        content: "\e764";
    }

    .inwisdom-list-new ul li:last-child a {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    
   
    .index-about {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .index-about .right {
        padding: 0.6rem 0 0 0;
    }
    
    .index-about .bgen {
        font-size: 1.1rem;
        position: static;
        color: #F2F5FE;
        -webkit-text-fill-color: #F2F5FE;
    }
    
    .index-about .topnums {
        margin: -0.1rem;
        padding: 0.5rem 0 0 0;
    }
    
    .index-about .topnums .couters {
        width: 33.333%;
        padding: 0.1rem;
    }
    
    .index-about .topnums .couters .nam {
        font-size: 0.14rem;
    }
    
    .index-about .common-title h4 {
        padding: 0 0 0.3rem;
        margin-top:0.5rem;
    }
    
    .index-module-new260603 {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }
    
    .index-module-new260603 .swiperbtns {
        padding: 0.3rem 0 0 0.2rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none;
    }
    
    .index-module-new260603 .hd {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    
    .index-module-new260603 .bd {
        padding: 0.6rem 0 0 0.2rem;
    }
    
    .index-module-new260603 .bd .swiper-slide {
        height: auto;
    }
    
    .index-module-new260603 .bd .left {
        width: 100%;
        padding: 0 0.3rem 0 0;
    }
    
    .index-module-new260603 .bd .right {
        display: none;
    }
    
    .index-module-new260603 .bd .name {
        font-size: 0.2rem;
        margin:0.1rem 0;
        font-weight: bold;
    }
    
    .index-module-new260603 .bd .text {
        font-size: 0.16rem;
        padding: 0.2rem 0 0 0;
    }
    
    .index-module-new260603 .bd .box {
        padding: 0;
        height: 100%;
    }
    
    .index-module-new260603 .bd .box .more {
        position: static;
        margin: 0.3rem 0 0 0;
        display: none;
    }
    
    .index-module-new260603 .mySwiper ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px;
    }
    
    .index-module-new260603 .mySwiper ul li {
        width: 50%;
        padding: 10px;
    }
    
    .index-module-new260603 .mySwiper .box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 10px;
    }
    
    .index-module-new260603 .mySwiper .box .info {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    
    .index-module-new260603 .mySwiper .box .img {
        width: 100%;
        max-width: 100%;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    
    .index-module-new260603 .mySwiper .box .info {
        padding: 0.1rem;
    }
    
    .index-wisdom-new260604 {
        height: auto;
        position: relative;
    }
    
    .index-wisdom-new260604::after {
        content: "";
        display: block;
        height: 3rem;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(22%, rgba(255, 255, 255, 0.5)), color-stop(43%, white));
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 22%, white 43%);
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 22%, white 43%);
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 22%, white 43%);
        position: absolute;
        z-index: 3;
        left: -0.2rem;
        right: -0.2rem;
        bottom: 0;
    }
    
    .index-wisdom-new260604.hideafter::after {
        display: none;
    }
    
    .index-wisdom-new260604 .wrap {
        height: auto;
    }
    
    .index-wisdom-new260604 .tdesc {
        font-size: 0.16rem;
        padding: 0.3rem 0;
    }
    
    .index-wisdom-new260604 .left {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        width: 100%;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    
    .index-wisdom-new260604 .right {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0.6rem;
        margin: 0;
    }
    
    .index-wisdom-new260604 .list .list-track {
        -webkit-animation: none;
        -o-animation: none;
        animation: none;
    }
    
    .index-wisdom-new260604 .list ul {
        margin: -8px;
    }
    
    .index-wisdom-new260604 .list ul li {
        padding: 6px;
    }
    
    .index-wisdom-new260604 .list ul li:nth-child(3n+2) .box {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    .index-wisdom-new260604 .list ul li .img::after {
        display: none;
    }
    
    .index-wisdom-new260604 .list ul li .info {
        position: static;
        padding: 0.1rem 0 0 0;
        font-size: 0.14rem;
        color: #000;
        text-align: center;
    }
    
    .index-wisdom-new260604 .list ul li .info .more {
        display: none;
    }
    
    .index-wisdom-new260604 .list ul li .box:hover .info {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    .index-wisdom-new260604 .list ul li .box:hover .info .more {
        display: none;
    }
    
    .index-wisdom-new260604 .clickmore,
    .index-wisdom-new260604 .btnmore {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        border-radius: 30px;
        background-color: var(--color-accent, #C2410C);
        height: 0.6rem;
        font-size: 0.16rem;
        color: #fff;
        position: relative;
        z-index: 4;
    }
    
    .index-wisdom-new260604 .btnmore {
        background-color: var(--sl-primary);
        display: none;
        margin: 0.6rem 0 0 0;
    }
}

/* ============================================================================
   v7.233 标题对齐（后台可切 左 / 中 / 右，默认左 = 与线上一致）
   用途一：全站行动号召带（CTA，含「助力企业实现战略转型和健康发展」）——
           模板在 class 里拼 {{siteAlign "cta"}}，后台键 align_cta。
   用途二：首页每个区块——区块外层包一层 .hb-align-<left|center|right>
           （display:contents 不产生盒子，所以不影响既有布局与选择器），
           后台在「首页配置」里按区块设置。
   为什么要同时写 text-align 和 justify-content：这两类标题外层是
   .common-title/.inside-title 的弹性行（左标题 + 右按钮），只改 text-align
   会被 justify-content: space-between 抵消，看起来"还是没对齐"。
   ============================================================================ */
.ta-center,
.hb-align-center { text-align: center }
.ta-center.jusb,
.hb-align-center .common-title,
.hb-align-center .inside-title,
.hb-align-center .toptitle { justify-content: center }
.ta-center > .left,
.ta-center .common-title > .left,
.hb-align-center > .left,
.hb-align-center .common-title > .left,
.hb-align-center .inside-title > .left { text-align: center }

.ta-right,
.hb-align-right { text-align: right }
.ta-right.jusb,
.hb-align-right .common-title,
.hb-align-right .inside-title,
.hb-align-right .toptitle { justify-content: flex-end }
.ta-right > .left,
.ta-right .common-title > .left,
.hb-align-right > .left,
.hb-align-right .common-title > .left,
.hb-align-right .inside-title > .left { text-align: right }

/* ============================================================================
   v7.233 文字统一改黑（用户要求：把文字颜色是蓝色的字体都换成黑色）
   背景：站点里"蓝字"绝大多数不是写死的颜色，而是 color: var(--theme-primary) /
         var(--sl-primary)（--theme-primary 由设计令牌注入，实测 var(--color-primary, #17469e)）。
         那个变量同时用来画按钮/横幅的**背景**，所以不能直接改变量；
         这里改为"压文字颜色"，并把白字蓝底的区域用例外规则还原成白色。
   ============================================================================ */
body a, body p, body span, body em, body strong, body b, body i, body li, body dt, body dd,
body h1, body h2, body h3, body h4, body h5, body h6, body td, body th, body label, body small,
body .name, body .title, body .date, body .desc, body .cnums, body .sous, body .nfmore,
body .page-num, body .info, body .summary, body .tags, body .txt { color: #000 !important }

/* —— 例外：深色/彩色底上的浅色文字保持原样（导航条、Banner、按钮、留言条、页脚、浮窗、当前页码）—— */
.header_wrap .tel, .header_wrap .tel *,
.indexbanner, .indexbanner *, .insidebanner, .insidebanner *, .inban-info, .inban-info *,
.indexbanner a, .insidebanner a, .inban-info a,
.common-trouble, .common-trouble *, .common-trouble a, .common-trouble h4,
.common-tips a, .common-tips .f24,
.footer_wrap, .footer_wrap *, .footer_box, .footer_box *,
.btn, .btn *, .btnmore, .info-btn, .input-submit, .input-liuyan,
.hot, .tel, .page-num-current, .swiper-button-next, .swiper-button-prev,
.hb-hc__cta, .hb-hs__cta, .hb-hb__cta, .hb-bc__cta { color: #fff !important }

/* v7.233 补：深色底区域恢复浅色文字（配合"文字统一改黑"：只改文字，深色底上的浅色字不动） */
.footer_wrap, .footer_wrap a, .footer_wrap p, .footer_wrap span, .footer_wrap h4, .footer_wrap h5, .footer_wrap li, .footer_wrap div,
.footer_box, .footer_box *,
.common-tips, .common-tips *, .common-trouble, .common-trouble a, .common-trouble p, .common-trouble span, .common-trouble em, .common-trouble h4,
.indexbanner a, .indexbanner p, .indexbanner span, .indexbanner em, .indexbanner h1, .indexbanner h2, .indexbanner h4, .indexbanner li,
.insidebanner a, .insidebanner p, .insidebanner span, .insidebanner em, .insidebanner h1, .insidebanner h2, .insidebanner h4, .insidebanner li,
.inban-info, .inban-info *,
.agent-float, .agent-float *, .floatbar, .floatbar *, .side-bar, .side-bar *, .common-side, .common-side *,
.insight-banner, .insight-banner *, .report-banner, .report-banner *,
.tk-hero, .tk-hero *, .cp-hero, .cp-hero *,
.ps-banner, .ps-banner *, .nf-dark, .nf-dark * { color: #fff !important }

/* v7.233 补：高特异性压蓝字（.cnums 数字墙 / .f40 大标题被主题自带规则以更高特异性压住，这里用同级+!important 覆盖） */
.index-about .cnums, .index-about .cnums em, .cnums, .cnums em,
body h4.f40.albbMedium, body h4.f40, body .f40 { color: #000 !important }

/* v7.233 补：深色容器白名单（按体检给出的祖先链逐个覆盖：侧栏导航/按钮/标签/筛选条/深色卡片） */
.slide-nav, .slide-nav *, .slide-nav a, .slide-nav p, .slide-nav li,

.consult, .consult *, .register, .register *,
.insad-name, .insad-name *, .insad-name h4,
.tag, .tag *, 
.insall-sort, .insall-sort *, .insall-sort li, .insall-sort a,
a.box p.title, .box p.title { color: #fff !important }
/* v7.233 补2：首页数字墙/大标题的蓝字（运行期注入的样式表排在 layout.css 之后，同特异性会压过我们，
   这里提高特异性到 html body … 再 !important，确保胜出） */
html body .cnums, html body .cnums em, html body .index-about .cnums, html body .index-about .cnums em,
html body h4.f40.albbMedium, html body h4.f40, html body .f40 { color: #000 !important }

/* v7.233 补3：CTA 合作条（.index-work，全站 16 个页面共用）在蓝色底图上 —— 文字一律白色（用户确认口径） */
.index-work, .index-work a, .index-work p, .index-work span, .index-work em, .index-work h4, .index-work div, .index-work .left { color: #fff !important }

/* v7.233 补5b：只保留**确证深色/彩底**的区块（首页合作条/数字区/合作伙伴、页脚、左侧楼层导航、Banner、留言条） */
.index-work, .index-work *, .index-about, .index-about *, .index-partner, .index-partner *,
.footer_wrap, .footer_wrap *, .slide-nav, .slide-nav *,
.indexbanner, .indexbanner *, .insidebanner, .insidebanner *, .common-trouble, .common-trouble * { color: #fff !important }

/* v7.233 补6：右侧蓝底面板（二维码客服 / 公众号 / 电话）文字统一白色 */
.common-moreinfo, .common-moreinfo *, .common-moreinfo p, .common-moreinfo span, .common-moreinfo em,
.common-moreinfo .ercodes, .common-moreinfo .ercodes *, .common-moreinfo .tel, .common-moreinfo .tel * { color: #fff !important }

/* v7.233 补7：首页数字墙的数字是"渐变文字"（-webkit-text-fill-color:transparent + 背景裁切到文字），
   只改 color 没用 —— 必须同时去掉渐变背景并恢复实心填充，才能按用户要求变成黑色。 */
html body .index-about .topnums .couters .unit span,
html body .index-about .topnums .couters .unit .cnums,
html body .cnums {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #000 !important;
  color: #000 !important;
}
html body .index-about .topnums .couters .unit em { color: #000 !important; -webkit-text-fill-color: #000 !important }

/* v7.233 补8：页面 Banner（.inside_banner/.inside-banner/.insidebanner，均为底图横幅）与侧栏深色卡片文字白色 */
.inside_banner, .inside_banner *, .inside-banner, .inside-banner *, .insidebanner, .insidebanner *,
.inside_banner h1, .inside_banner h2, .inside_banner h3, .inside_banner h4, .inside_banner p, .inside_banner span, .inside_banner em, .inside_banner a,
.inside-banner h1, .inside-banner h2, .inside-banner h3, .inside-banner h4, .inside-banner p, .inside-banner span, .inside-banner em, .inside-banner a,
.inside-trouble, .inside-trouble *, .inside-trouble p, .inside-trouble h4, .inside-trouble span,
.inside-advice .insad-name, .inside-advice .insad-name * { color: #fff !important }

/* v7.233 补9b：详情页 Banner（底图横幅）文字白色 —— 严格限定在 .inside-newsdetail 里，避免误伤卡片里的 .info */
.inside-newsdetail .info, .inside-newsdetail .info h1, .inside-newsdetail .info h2, .inside-newsdetail .info p,
.inside-newsdetail .info span, .inside-newsdetail .info em, .inside-newsdetail .info a, .inside-newsdetail .info .date,
.inside-newsdetail .top, .inside-newsdetail .top *,
.inside_banner .info, .inside_banner .info * { color: #fff !important }

/* v7.233 补10：顶栏两态文字颜色 —— 顶部透明压蓝底=白字；滚动后白底=黑字（.header_scroll 规则在后，同特异性下胜出） */
.header_wrap a, .header_wrap .menu a, .header_wrap .menu li h4 a, .header_wrap .header_nav a,
.header_wrap .tel, .header_wrap .tel *, .header_wrap p, .header_wrap span { color: #fff !important }
.header_scroll a, .header_scroll .menu a, .header_scroll .menu li h4 a, .header_scroll .header_nav a,
.header_scroll .tel, .header_scroll .tel *, .header_scroll p, .header_scroll span { color: #000 !important }

/* v7.233 补11：白底标签=黑字、蓝底当前项=白字（右侧栏标签页、筛选标签通用） */
html body .inside-advice .insad-name h4:not(.cur), html body .insad-name h4:not(.cur),
html body .insall-sort li:not(.cur) a, html body .insall-sort li:not(.cur) { color: #000 !important }
html body .inside-advice .insad-name h4.cur, html body .insad-name h4.cur,
html body .insall-sort li.cur a, html body .insall-sort li.cur { color: #fff !important }

/* v7.233 补12c：隐藏"没有任何卡片"的专题研究区块（FAQ 页那块是空的，圆点也没有意义）；
   :has() 只在区块内确实没有 .swiper-slide 时生效，故案例列表的正常圆点不受影响。 */
.inside-reports:not(:has(.swiper-slide)), .insrepors-list:not(:has(.swiper-slide)) { display: none !important }

/* v7.233 补14b：FAQ 页「专题研究」区块的圆点没有实际内容（同区块卡片不可见），仅在 FAQ 页隐藏。
   用 body:has(.faq-page) 做页面判定 —— 该标记类加在 FAQ 模板的 .content 上，而区块在 .content 之外，
   所以必须从 body 层判定；案例页（9 张卡 + 6 个点）没有这个类，圆点照常显示。 */
body:has(.faq-page) .inside-reports .common-pagination,
body:has(.faq-page) .inside-reports .swiper-pagination,
body:has(.faq-page) .insrepors-list .common-pagination,
body:has(.faq-page) .insrepors-list .swiper-pagination { display: none !important }

/* v7.233 补15：下拉子菜单 / 弹层是**白底面板**，文字必须深色（修正补10 把 .header_wrap a 一律刷白造成的白底白字） */
.header_subnav, .header_subnav *, .header_subnav a, .header_subnav h4, .header_subnav h5, .header_subnav span, .header_subnav p, .header_subnav dt, .header_subnav dd,
.header_subnav2, .header_subnav2 *, .header_subnav2 a, .header_subnav2 span,
.popup, .popup *, .popup p, .popup a, .popup span, .popup h4 { color: #000 !important }

/* v7.233 补16：下拉子菜单/弹层（白底）文字一律深色 —— 用更高特异性压过补10 的 .header_wrap a{color:#fff!important} */
.header_wrap .header_subnav, .header_wrap .header_subnav *, .header_wrap .header_subnav a, .header_wrap .header_subnav h4, .header_wrap .header_subnav span, .header_wrap .header_subnav p, .header_wrap .header_subnav dt, .header_wrap .header_subnav dd,
.header_wrap .header_subnav2, .header_wrap .header_subnav2 *, .header_wrap .header_subnav2 a, .header_wrap .header_subnav2 span,
.header_wrap .popup, .header_wrap .popup *, .header_wrap .popup p, .header_wrap .popup a, .header_wrap .popup span { color: #000 !important }

/* v7.233 补17：案例正文 v3 版式里的元信息标签（导入内容带内联蓝 #0075C2）→ 按区块限定改黑 */
.case-v3-b .v3b-meta-row .v3b-meta-item .meta-value,
.case-v3-b .v3b-meta-item .meta-value,
.case-v3-b .meta-value { color: #000 !important }

/* v7.233 补18：/firm/「按块编辑」的块样式 + 有块时隐藏内置五栏（块内容取自线上真实页面，避免重复展示） */
.firm-blocks .firm-block-content { color: #000; font-size: 16px; line-height: 1.9; max-width: 1200px }
.firm-blocks .firm-block-content p { margin: 0 0 12px }
.firm-blocks .firm-block-gallery { flex-wrap: wrap; gap: 16px; list-style: none; padding: 0 }
.firm-blocks .firm-block-gallery li { width: calc((100% - 32px) / 3) }
.firm-blocks .firm-block-gallery li img { width: 100%; height: auto; border-radius: 0.06rem; display: block }
.firm-blocks .firm-block-image img { max-width: 100%; height: auto; border-radius: 0.06rem; display: block }
.firm-blocks .f18 { color: #666 }

/* v7.233 补19：/firm/「帮助客户创造更多的价值…」整栏压在深色照片上 → 白字。
   作用域限定在该栏（.inside-allway / .inawayimg-wrapper）内，避免误伤浅底文字。 */
.inside-allway, .inside-allway a, .inside-allway span, .inside-allway h4, .inside-allway h5, .inside-allway p, .inside-allway dt, .inside-allway dd,
.inawayimg-wrapper, .inawayimg-wrapper a, .inawayimg-wrapper span, .inawayimg-wrapper h4, .inawayimg-wrapper h5, .inawayimg-wrapper p, .inawayimg-wrapper dt, .inawayimg-wrapper dd,
.inside-allway .info, .inside-allway .info dl, .inside-allway .info dl dt, .inside-allway .info dl dd { color: #fff !important }

/* v7.233 补19b：/firm/「帮助客户创造更多的价值…」底部的四个标签同样压在深色照片上 → 白字 */
.inawayname-wrapper, .inawayname-wrapper .name, .inawayname-wrapper a, .inawayname-wrapper span,
.inawayname-swiper .name, .inside-allway .inawayname-wrapper .name { color: #fff !important }

/* v7.233 补20：/firm/「8大核心运营中心」卡片里的城市名/电话/咨询按钮都压在深色城市照片上 → 白字
   作用域限定在 .insoperat-list 内，避免误伤浅底文字。 */
.insoperat-list .name, .insoperat-list .tel, .insoperat-list .consult,
.insoperat-list .info, .insoperat-list .info p, .insoperat-list .info a,
.inside-operat .insoperat-list .name, .inside-operat .insoperat-list .tel { color: #fff !important }
.insoperat-list .name { text-shadow: 0 1px 6px rgba(0, 0, 0, .35) }

/* v7.233 补21：/firm/「备受中国企业青睐…」整栏是浅灰底 → 标题、百分比数字、标签一律黑字。
   （首页同组件的 .index-partner 是深色底，仍保持白字；这里用该页独有类 .inside-about-partner 限定。） */
.inside-about-partner, .inside-about-partner .inside-title, .inside-about-partner .inside-title h4,
.inside-about-partner .topnums, .inside-about-partner .topnums .couters, .inside-about-partner .topnums .couters p,
.inside-about-partner .cnums, .inside-about-partner .unit, .inside-about-partner .unit em, .inside-about-partner .unit span,
.inside-about-partner p, .inside-about-partner h4, .inside-about-partner span, .inside-about-partner li { color: #000 !important }
.inside-about-partner .cnums, .inside-about-partner .unit, .inside-about-partner .unit em { -webkit-text-fill-color: #000 !important }

/* v7.233 补22/23/24：三处"真深底 + 黑字"改为白字（底图亮度实测：0.155 / 0.276 / 0.486 / 0.26，均为深色底）。
   作用域严格限定在各自区块内；表单输入框等浅底子元素不在其中，避免白底白字。 */
.inside-severtwo .desc, .inside-severtwo h3, .inside-severtwo h4, .inside-severtwo p, .inside-severtwo em, .inside-severtwo span { color: #fff !important }
.online-form h3, .online-form h4, .online-form .desc, .online-form .title, .online-form p.tel { color: #fff !important }
.new_fiveplan_F h3, .new_fiveplan_F h4, .new_fiveplan_F .num, .new_fiveplan_F .name, .new_fiveplan_F .desc, .new_fiveplan_F p, .new_fiveplan_F span { color: #fff !important }
.louceng-slidenav a, .louceng-slidenav li, .louceng-slidenav span, .louceng-slidenav h4,
.inside-detailnav a, .inside-detailnav li, .inside-detailnav span { color: #fff !important }

/* v7.233 补24b：自查修正 —— 补24 里的 .louceng-slidenav 在**列表页**是浅色面板，白字会变白底白字；
   实测只有细分页的 .inside-detailnav 是深色面板（底图亮度 0.26）→ 规则收窄到它。 */
.louceng-slidenav a, .louceng-slidenav li, .louceng-slidenav span, .louceng-slidenav h4 { color: #000 !important }
.inside-detailnav a, .inside-detailnav li, .inside-detailnav span { color: #fff !important }

/* v7.233 补25：正文内联灰阶还原（全局"浅底黑字"规则把 #666/#888/#999 也压成了纯黑，层次感丢失）。
   只放行灰阶，不放行彩色 —— 品牌蓝等仍按"文字统一改黑"处理。 */
[style*="color:#666"], [style*="color: #666"], [style*="color:#666"], [style*="color: #666"] { color: #666 !important }
[style*="color:#777"], [style*="color: #777"], [style*="color:#777"], [style*="color: #777"] { color: #777 !important }
[style*="color:#888"], [style*="color: #888"], [style*="color:#888"], [style*="color: #888"] { color: #888 !important }
[style*="color:#999"], [style*="color: #999"], [style*="color:#999"], [style*="color: #999"] { color: #999 !important }
[style*="color:#aaa"], [style*="color: #aaa"], [style*="color:#AAA"], [style*="color: #AAA"] { color: #aaa !important }
[style*="color:#bbb"], [style*="color: #bbb"], [style*="color:#BBB"], [style*="color: #BBB"] { color: #bbb !important }
[style*="color: rgb(102, 102, 102)"], [style*="color:rgb(102,102,102)"] { color: #666 !important }
[style*="color: rgb(136, 136, 136)"], [style*="color:rgb(136,136,136)"] { color: #888 !important }
[style*="color: rgb(153, 153, 153)"], [style*="color:rgb(153,153,153)"] { color: #999 !important }

/* v7.233 补26：修 /support/ "白底卡片里文字看不见" —— 补22 那条 .inside-severtwo 的强制白字作用域太宽，
   把白底卡片（.inservertwo-list .box，原设计 h4=#000 / .text=#666666）里的字也刷成了白色 → 8 个方块全空。
   这里只针对"始终是白底、悬停只位移不变色"的那组卡片恢复深色文字；左侧深蓝底上的标题/说明保持白字。 */
.insidte-severtwo-guard, .inside-severtwo .inservertwo-list ul li .box h4 { color: #000 !important }
.inside-severtwo .inservertwo-list ul li .box .text,
.inside-severtwo .inservertwo-list ul li .box p { color: #666666 !important }
/* v7.233 补26b：/support/ 第一区块（服务模式多样化）三张白卡里的圆角按钮，实测字色 = rgb(255,255,255)
   而底色 = rgb(255,255,255) → 白底白字，"立即咨询"看不见。原设计是 .com-more2{color:#000;background:#fff}，
   悬停时卡片变蓝、字变白。这里按原设计恢复：常态黑字，悬停白字。 */
.inside-server .inserver-list ul li .box a.com-more2,
.inside-server .inserver-list ul li .box a.com-more2 span,
.inside-server .inserver-list ul li .box a.consult { color: #000 !important }
.inside-server .inserver-list ul li:hover .box a.com-more2,
.inside-server .inserver-list ul li:hover .box a.com-more2 span,
.inside-server .inserver-list ul li.cur .box a.com-more2,
.inside-server .inserver-list ul li.cur .box a.com-more2 span,
.inside-server .inserver-list ul li:hover .box a.consult,
.inside-server .inserver-list ul li.cur .box a.consult { color: #fff !important }
/* v7.233 补27：.inside-trouble 的背景是深色底图（skin/images/rbg1.jpg，canvas 实测亮度 0.127），
   但区块内的标题/文字仍是黑色 → 深底黑字看不清。按"深色底图→白字"统一处理（用户既定规则）。 */
.inside-trouble .common-title h4, .inside-trouble .introuble-list h4,
.inside-trouble h4, .inside-trouble h5, .inside-trouble p, .inside-trouble span,
.inside-trouble .desc, .inside-trouble .text, .inside-trouble em, .inside-trouble strong { color: #fff !important }
/* v7.233 补27b：同一区块里的登记按钮（a.register，底是 rgb(234,6,71) 红/亮度 0.232）也是黑字，
   按"深底白字"改白。只限该区块内的按钮类链接，避免波及浅底按钮。 */
.inside-trouble a.register, .inside-trouble a.register span,
.inside-trouble a.com-more1, .inside-trouble a.com-more1 span,
.inside-trouble a.com-more2, .inside-trouble a.com-more2 span { color: #fff !important }
/* v7.233 补28 已撤销：病根是白名单里按类名放行的 .tags span（L20753 已移除）。.tags span 的浅底/深底两种变体在原 CSS 里各自写好了正确颜色。 */
/* v7.233 补29：导入的正文里有"内联深色底"的区块（例：文章 248 的 rgb(6,67,103) 深蓝），
   而全局"文字统一改黑"规则把区块里的字也刷成了黑色 → 深底黑字看不清。
   这里按"深底 → 白字"把**内联深色背景**容器内的文字恢复为白色（只列实测确认的深色值，避免误伤浅底）。 */
[style*="rgb(6, 67, 103)"], [style*="rgb(6, 67, 103)"] * ,
[style*="rgb(0, 51, 102)"], [style*="rgb(0, 51, 102)"] * ,
[style*="rgb(21, 46, 84)"], [style*="rgb(21, 46, 84)"] * { color: #fff !important }
/* v7.233 补30：/support/ 第一区块（服务模式多样化）—— 用户截图指出三点
   ① 蓝底（悬停/当前态）时标题与说明必须是白字：原设计就是 .inserver-list li:hover h4{color:#fff}、
      .desc{color:#fff}，但被全局"文字改黑"规则压成黑色 → 蓝底黑字看不清
   ② 咨询按钮要**居中**：原设计用 .consult（width 1.6rem + margin auto 居中），
      而导入的 HTML 用的是 .com-more2（inline-block 宽度固定、没有 auto 边距）→ 靠左
   ③ 按钮出现方式按原始设计：常规=白底描边黑字；悬停/当前=红底白字胶囊（原 .consult:hover 设计） */
.inserver-list ul li:hover .box h4, .inserver-list ul li.cur .box h4,
.inserver-list ul li:hover .box .desc, .inserver-list ul li.cur .box .desc { color: #fff !important }

.inserver-list ul li .box a.com-more2 {
  display: block; width: 1.6rem; height: .5rem; line-height: .5rem;
  margin: .25rem auto 0; padding: 0; text-align: center; border-radius: .5rem;
  color: #000 !important; border: 1px solid var(--sl-primary); background-color: #fff;
}
.inserver-list ul li:hover .box a.com-more2, .inserver-list ul li.cur .box a.com-more2 {
  background-color: var(--color-accent, #C2410C) !important; border-color: var(--color-accent, #C2410C) !important; color: #fff !important;
}
/* ::before 的动画填充在窄按钮里会盖住文字，这里在蓝底态关闭它，避免"文字被盖住" */
.inserver-list ul li .box a.com-more2::before { display: none }

/* v7.233 补31：/industry/、/15five/ 的「全部案例」按钮白底白字。
   用 logs/why_this_color_v233.mjs（CDP CSS.getMatchedStylesForNode）定位到两条规则：
   ① .slide-nav, .slide-nav *, … , … { color:#fff !important } —— 按类名放行的白名单（本次已清掉）
   ② .insallcase-toggle .com-more2 { color: var(--sl-primary-light) } —— 浅色变量，落在**白底**按钮上等于看不见
   该按钮底是白色，按"浅底→黑字"统一规则改为黑字；悬停态保持白字（原设计的填充动画会变深底）。 */
.insallcase-toggle .com-more2, .insallcase-toggle .com-more2 span { color: #000 !important }
.insallcase-toggle .com-more2:hover, .insallcase-toggle .com-more2:hover span { color: #fff !important }

/* v7.233 补32：相关案例卡片上的深色标签 chip 是"黑底黑字"。
   用 logs/why_this_color_v233.mjs 定位：原设计 .relecase-swiper ul li .info .tags span{color:#fff}
   被全局 ody span { color:#000 !important } 压掉（!important 胜过普通声明）。
   这里用同选择器 + !important 把原设计的白字恢复（作用域限定在 .relecase-swiper，不波及其它 .tags span）。 */
.relecase-swiper ul li .info .tags span, .relecase-swiper ul li .tags span { color: #fff !important }
.case-v3-b .b-callout-item strong, .case-v3-b .b-callout-item { color: var(--c1) !important }

/* v7.233 补34：/ai-strategy-exec/ai-operation-forecast.html 的 h5.title 位于
   div.in.ide-gn.ubnav > dl > dt 内（why_this_color 给出的祖先链），文字叠在亮度 0.012 的近黑底图上，
   而它的颜色**只**来自全局 body h5{color:#000 !important}（此前没有自己的颜色规则）→ 深底黑字。
   按"深底→白字"给这一作用域补白字（容器看起来像暗色卡片/隐藏导航，若不可见则本规则无副作用）。 */
.in.ide-gn.ubnav h5.title, .ide-gn.ubnav h5.title, .in.ide-gn.ubnav dt h5 { color: #fff !important }
/* v7.233 补35：/insight-whitepaper/ 白皮书卡片图片被裁成横条（用户对比官网指出）。
   实测：原图 600x848（宽高比 0.71 竖版封面），卡片 img 却是 height:263.75px + object-fit:cover
   → 竖版封面被裁掉大半，只剩一条横图。官网是完整竖版封面。
   修法：该列表内图片恢复按自身比例显示（height:auto + 容器 auto/visible），不动其它列表。 */
.inside-dcbgslist ul li .img, .inside-dcbgslist ul li a > .img { height: auto !important; overflow: visible !important; }
.inside-dcbgslist ul li .img img, .inside-dcbgslist ul li a > .img img {
  height: auto !important; max-height: none !important; object-fit: contain !important; width: 100% !important;
}
/* v7.233 补36：/insight-whitepaper/ 三件事（用户指出）
   ① 卡片高度被写死：li 高 403.75px 而封面图 496px → 图片溢出、把下方标题挤出可视区
      （用户反馈"图片高度不对"+"每个白皮书下要有标题"其实是同一个原因）
   ② 筛选条选中项是"蓝底 + 黑字"（.inside-dcfilter .item.cur 底 rgb(23,70,158)）→ 应白字 */
.inside-dcbgslist ul li, .inside-dcbgslist ul li a, .inside-dcbgslist ul li > a > div,
.inside-dcbgslist ul li .img, .inside-dcbgslist ul li .info {
  height: auto !important; max-height: none !important; overflow: visible !important;
}
.inside-dcbgslist ul li img { height: auto !important; max-height: none !important; object-fit: contain !important; }
.inside-dcfilter .item.cur, .inside-dcfilter .item.cur a,
.inside-dcfilter .item.cur span { color: #fff !important }
/* v7.233 补37：卡片图片高度不对 + 标题被挤掉的真正原因 ——
   .img 用的是 padding-top:75% 固定宽高比盒子（351*0.75 ≈ 263.75px），内部 img 绝对定位填满；
   而封面是竖版 0.71 比例（应 496px 高）→ 图片溢出盒子、把下方标题压在下面看不见。
   修法：该列表内取消 padding 占位与绝对定位，回到文档流按图片自身比例排版。 */
.inside-dcbgslist ul li .img { padding-top: 0 !important; height: auto !important; position: static !important; }
.inside-dcbgslist ul li .img img { position: static !important; height: auto !important; width: 100% !important; }
.inside-dcbgslist ul li .info { margin-top: .2rem !important; }
/* v7.233 补38：/insight-report/ 用户指出两点
   ① 卡片封面"有问题"：.img 盒子仍有固定高度（实测 441px）而图片只有 177px（该页封面是横版 1.98/2.7 比例）
      → 图片下方留一大片空白。补37 只清了 padding-top，这里再清 height/min-height。
   ② 筛选项 hover 时是"蓝底黑字"：蓝底落在 a:hover 上（不是 .item.cur）
      → 补 hover/focus 状态的白字（与选中态一致）。 */
.inside-dcbgslist ul li .img, .inside-dcbgslist ul li .img img { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; }
.inside-dcfilter .item a:hover, .inside-dcfilter .item:hover a,
.inside-dcfilter .item a:focus, .inside-dcfilter .item.cur a,
.inside-dcfilter .item.cur:hover a { color: #fff !important }
/* v7.233 补39：卡片图片盒子里仍多出 ~264px（恰好等于 351×0.75，即原 padding-top 占位），
   说明有一条**同样带 !important** 的原始规则在竞争 padding。这里用更高特异性（html body 前缀）压实：
   盒子不占位、图片按块级紧贴顶部 → 图片与卡片内容之间不再出现大片空白。 */
html body .inside-dcbgslist ul li .img { padding: 0 !important; height: auto !important; min-height: 0 !important; line-height: 0 !important; font-size: 0 !important; }
html body .inside-dcbgslist ul li .img img { display: block !important; height: auto !important; margin: 0 !important; vertical-align: top !important; }
html body .inside-dcbgslist ul li .img .tag { line-height: normal !important; font-size: .14rem !important; }
/* v7.233 补40：找到那 263.5px 的真正来源 —— 不是盒子自身的 padding（实测 padding-top=0px 已是我的规则胜出），
   而是 **伪元素占位**（.img::before 用 padding-top:75% 撑出固定宽高比；351×0.75≈263.5px，与实测差值完全吻合）。
   伪元素不受普通规则影响，必须点名 ::before/::after。 */
html body .inside-dcbgslist ul li .img::before,
html body .inside-dcbgslist ul li .img::after,
html body .inside-dcbgslist ul li a::before,
html body .inside-dcbgslist ul li a::after {
  content: none !important; display: none !important; padding: 0 !important; height: 0 !important;
}
/* v7.233 补41：/insight-report/ 卡片与官网两处差异（用户左右对比截图）
   ① 卡片看起来是"灰底块"：li 自身没有背景（透明），露出的是外层区块的灰底 rgb(241,244,248)
      → 官网卡片是**白底**卡片压在浅灰页面上。修法：给卡片补白底。
   ② 卡片下方多出「点击查看」文字按钮（官网没有），且它不在 DOM 里（探测不到元素）
      → 说明是伪元素生成的内容；与补40 同一类陷阱，点名 ::before/::after 去掉。 */
html body .inside-dcbgslist ul li { background-color: #fff !important; }
html body .inside-dcbgslist ul li .info::before,
html body .inside-dcbgslist ul li .info::after,
html body .inside-dcbgslist ul li::before,
html body .inside-dcbgslist ul li::after { content: none !important; display: none !important; }
/* v7.233 补42：用户指出卡片"图片底部与标题底部都有多余白色"（官网没有）
   —— 收紧卡片的下内边距与标题下边距，让内容贴住卡片底部；左右内边距保持不动（官网也有白边）。 */
html body .inside-dcbgslist ul li { padding-bottom: 0 !important; }
html body .inside-dcbgslist ul li .img { margin-bottom: 0 !important; padding-bottom: 0 !important; }
html body .inside-dcbgslist ul li .info { padding: 0 !important; margin: 0 !important; }
html body .inside-dcbgslist ul li .info .name { margin: 0 !important; padding: .12rem 0 .06rem !important; }
/* v7.233 补43：补42 把 .info/.name 的 margin/padding 归零后，标题出现"第二行被裁掉半截"（无省略号）。
   原因：标题本身使用行数限制（line-clamp）+ 固定高度，我把它的间距改动后行盒高度不足。
   处理：用 revert 把 .info / .name 的间距恢复成**原始样式表的值**（保留卡片 padding-bottom:0 的成果），
         并显式放开高度限制，避免任何裁切；★ 不再自定义其间距。 */
html body .inside-dcbgslist ul li .info { padding: revert !important; margin: revert !important; }
html body .inside-dcbgslist ul li .info .name { padding: revert !important; margin: revert !important;
  height: auto !important; max-height: none !important; overflow: visible !important; -webkit-line-clamp: unset !important; }
/* v7.233 补44：用户要求删掉卡片区那 3 个分页圆点（.common-pagination.swiper-pagination）
   该圆点属于报告列表的 swiper 分页器；作用域限定在报告/洞察列表与 .insrepors-swiper 内，
   避免影响首页 banner 等其它轮播的分页器。 */
html body .insrepors-swiper .common-pagination,
html body .insrepors-swiper .swiper-pagination,
html body .insreporscom-list .common-pagination,
html body .insrepors-list .common-pagination,
html body .insrepors-list .swiper-pagination { display: none !important; visibility: hidden !important; }
/* v7.233 补45：补44 的作用域没命中 —— 用 why_this_color 查到的真实祖先链是：
   div.common-pagination.swiper-pagination > div.swiper-btn.flex > body
   即分页器挂在 .swiper-btn 里（不是 .insrepors-swiper 内部），所以补44 不生效。这里按真实结构隐藏。 */
html body .swiper-btn .common-pagination,
html body .swiper-btn .swiper-pagination,
html body > .swiper-btn .common-pagination,
html body .swiper-btn .common-pagination .swiper-pagination-bullet { display: none !important; visibility: hidden !important; }
/* v7.233 补46：相关案例区在清理掉"烤进模板的 swiper 运行时标记"后，卡片变成**竖向堆叠**（用户对比截图）。
   原因：横向排列本来依赖 Swiper 运行时给 .swiper-wrapper 设 display:flex、给每个 slide 设宽度；
   这些运行时样式被清掉后没有替代，<li> 退回块级 → 竖排。
   修法：用静态 CSS 补上这两条（卡片内部布局沿用原站点 .relecase-swiper ul li a 的规则）。 */
html body .relecase-swiper .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; }
html body .relecase-swiper .swiper-wrapper > li.swiper-slide { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
/* v7.233 补47：相关案例卡片"图片被压成窄条"。
   原站点 CSS 给 .img 49.066% / .info 50%（+ 1.2rem 内边距），但 a 是 flex 容器，
   两者相加超过 100% 且 .info 若是 content-box 会把内边距额外算进去 → flex 收缩把 .img 压窄
   （实测 1500px 卡片里 .img 只有 286px，应为 ~736px）。
   修法：在 flex 里锁死两者比例并让 .info 用 border-box，恢复原设计的左图右文。 */
html body .relecase-swiper ul li a { align-items: stretch !important; }
html body .relecase-swiper ul li .img { flex: 0 0 49.066% !important; width: 49.066% !important; }
html body .relecase-swiper ul li .info { flex: 0 0 50% !important; width: 50% !important; box-sizing: border-box !important; }
/* v7.233 补48：相关案例区的**分页圆点与左右箭头不见了**（用户："右边只有一个案例了"）。
   原因是补45 隐藏分页器时用了全局作用域 .swiper-btn .common-pagination ——
   而"相关案例"轮播的圆点/箭头也在 .swiper-btn 里，被一起隐藏了 ✗。
   修法：把相关案例区（.relecase-wrapper 内）的圆点与箭头恢复显示；
   报告列表那边的圆点保持隐藏（用户当初的要求，作用域仍限定在 .insrepors-* ）。 */
html body .relecase-wrapper .swiper-btn .common-pagination,
html body .relecase-wrapper .swiper-btn .swiper-pagination,
html body .relecase-wrapper .swiper-btn .swiper-button-prev,
html body .relecase-wrapper .swiper-btn .swiper-button-next { display: block !important; visibility: visible !important; }
/* v7.233 补49：相关案例卡片上的标签 chip 由"黑底白字"改为"蓝底白字"（用户要求，官网即蓝底）。
   该 chip 的选择器是 .relecase-swiper ul li .info .tags span（原站点 CSS 写死 background:#000），
   这里改用站点主题色变量 --theme-primary（当前 = var(--color-primary, #17469e)），文字保持白色。 */
html body .relecase-swiper ul li .info .tags span {
  /* 用户指定：直接用字面色值 var(--color-primary, #17469e)（与右侧浮窗、官网浮窗同值），不经过变量解析 */
  background-color: var(--color-primary, #17469e) !important;
  color: #fff !important;
  border-radius: 0.06rem !important;
}
/* v7.233 补51：内页 banner 文字"看不见"。
   实测：.inside_banner h1 存在、display:block、class 含 wow/animated（动画已跑完，opacity 非 0），
   颜色为白色 rgb(255,255,255)（来自 .inside_banner * 的白字规则，本意配深色 banner 图）。
   而这些列表页的 banner 图是**浅色照片**（桌面/咖啡杯那张）→ 白字压在浅色区域上就看不见了。
   修法：不加暗色遮罩（会改变设计），改为给文字加强化描边阴影 —— 浅底深底都能看清；
   同时给 .info 区域叠一层极淡的深色渐变，保证长标题也稳定可读。 */
html body .inside_banner h1, html body .inside_banner h2, html body .inside_banner h3,
html body .inside_banner h5, html body .inside_banner p, html body .inside_banner .info h1, html body .inside_banner .info h5 {
  text-shadow: 0 1px 2px rgba(0,0,0,.55), 0 0 12px rgba(0,0,0,.35) !important;
}
/* v7.233 补51b：用户指出 banner 文字背后出现一条深色渐变带 —— 那是补51 给 .c1500 加的渐变，已移除；
   文字可读性仅保留描边阴影（在浅色照片上同样清晰，且不改变画面）。 */
html body .inside_banner .info, html body .inside_banner .c1500 { background-image: none !important; }
/* v7.233 补52：内页 banner 的文字"掉到图片下方"（用户左右对比截图）。
   实测 /insight/：banner 容器 1585x654、图片 1585x560、文字块 .c1500 从 y=560 开始（普通流跟在图片后面）
   → 标题/副标题落在图片之外。官网是**文字绝对定位叠在图片上**（垂直居中）。
   修法：把 .c1500 绝对定位到 banner 中央（保持 1500px 容器宽度与水平居中）。 */
html body .inside_banner { position: relative !important; }
html body .inside_banner .c1500 {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 1500px !important;
  margin-left: -750px !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

/* v7.233 补54：首页「行业方案/睿信智慧」区块（.index-wisdom-new260604）浅底白字不可读。
   实测：该区块 background-color = **#F0F5F7**（浅灰）⇒ 按既定口径应为深色字；
   但标题 h4 自身**没有任何 color 规则**（区块内仅 3 条 color：.tdesc #777、卡片图上 .info #fff、补丁 #000），
   实际被上游规则继承成白色 ⇒ 用户看到"这部分文字是白色的"。
   修法：只作用于该区块**左侧面板**（.common-title h4 与 .tdesc），
   标题用纯黑（浅底黑字口径）；说明文字恢复其原设计灰 #777777（补25 的口径：保留正文层次，不一律压成纯黑）。
   注意：区块内**图片上的卡片信息**（.list ul li .info）是深色覆盖层，白字正确，**不在本次范围内**。 */
html body .index-wisdom-new260604 .common-title h4,
html body .index-wisdom-new260604 h4 {
  color: #000 !important;
}
html body .index-wisdom-new260604 .common-title .tdesc,
html body .index-wisdom-new260604 .tdesc {
  color: #777777 !important;
}
/* v7.233 补55：彩底胶囊按钮"蓝底黑字"——用户反馈「更多功能咨询」文字应为白色。
   实测原因：.com-more1 / .com-more2 是**实心彩底**胶囊按钮（截图：品牌蓝底 + 白圆角），
   但它们的 span 规则（L9688）只声明 position/z-index，**没有 color**，
   于是文字颜色落到全局"浅底黑字"规则（L20716 的 body a/p/span…）⇒ 被压成黑色，不可读。
   修法：为这一类"彩底按钮"显式声明白字。特异性 html body .com-more1 span (0,2,2) > body span (0,0,2)，
   两条都是 !important 时**特异性高者胜**，因此这里能稳定覆盖全局规则。
   范围只限彩底胶囊按钮家族（com-more1/com-more2 及其 span），不动其它文字层次。 */
html body .com-more1,
html body .com-more2,
html body .com-more1 span,
html body .com-more2 span {
  color: #FFFFFF !important;
}
/* v7.233 补56：首页"功能模块"区标题与相邻区块标题左右不齐（用户反馈：两处标题要对齐）。
   根因（实测）：.index-module-new260603 .hd 存在两条**同特异性**规则 ——
     · L6793 用 calc((56 / 1920) * 100%) 做左右内边距（百分比、随视口自适应，与其它区块一致）；
     · L18069 把它覆盖成 2.05rem —— 而本站根字号被主题设成 80~110px，
       2.05rem 实际等于 **164~225px**，比设计值（1920 宽时约 56px）多出 110~170px。
   ⇒ 该区标题左边缘明显右移，与「关于」等区块的标题对不齐。
   修法：恢复为百分比内边距（本项目对尺寸的既定要求：**不用 rem/em 表达长度**），
   并以 html body 提高特异性，避免再被同特异性规则按顺序覆盖。 */
html body .index-module-new260603 .hd {
  padding-left: calc((56 / 1920) * 100%) !important;
  padding-right: calc((56 / 1920) * 100%) !important;
}
/* v7.233 补57：功能模块区标题与其它区块标题不在同一列（用户反馈：只有这一处没对齐）。
   根因（实测，比上一版补56 更根本）：该区块的标记是
     <div class="index-module-new260603"><div class="hd comhd">…<h4>助力企业实现…</h4>
   **没有 .c1500 包裹**；而其它区块（关于 / 洞察 / 案例 / 动态…）的标题都在 .c1500 里。
   .c1500（L6711）= width:100%; max-width:1500px; margin:0 auto; padding:calc((56/1920)*100%)，
   即"**居中的 1500px 列** + 两侧百分比内边距"。
   缺了它，本区标题的左边缘 = 视口左边 + 一点点内边距，与"居中列"必然对不齐
   （补56 只把 2.05rem 换回百分比，治标：仍在视口坐标系里，不在列坐标系里）。
   修法：直接给 .hd 补上与之完全相同的列几何，使它进入同一个"居中列"坐标系。 */
html body .index-module-new260603 .hd {
  width: 100% !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: calc((56 / 1920) * 100%) !important;
  padding-right: calc((56 / 1920) * 100%) !important;
}
/* v7.233 补58：撤销"取消卡片裁切"的历史补丁，恢复主题原本的固定宽高比卡片 —— 与官网对齐（用户要求）。
   背景（这三条补丁都是我为修早期反馈加的，现在与官网的观感冲突）：
     · 补35（L20977-20980）：把 .inside-dcbgslist 的 .img/img 改成 height:auto + object-fit:contain；
     · 补36（L20985-20989）：把 li/a/.img/.info 全改成 height:auto + overflow:visible；
     · 补37：继续沿同一方向加固。
   后果实测（本轮截图）：封面按自身比例显示 ⇒ **每张卡图片高低不一**，网格错乱、标题被切、只有首卡显示分类标签。
   而主题原本的卡片是"**固定宽高比盒子**"：.img{position:relative;padding-top:75%;height:0} + 内部 img 绝对定位
   object-fit:cover（官网即此观感：4 列等高卡片、封面统一裁切）。
   修法：用更高特异性 + !important 把这三条补丁覆盖回主题原行为（不删除历史注释，保留可追溯性）；
   同批次里的**颜色类修复保留**（如 .inside-dcfilter .item.cur 白字 = 补36 的 ②，本规则不含它）。 */
html body .inside-dcbgslist ul li .img,
html body .inside-dcbgslist ul li a > .img {
  height: 0 !important;
  padding-top: 75% !important;
  overflow: hidden !important;
  position: relative !important;
}
html body .inside-dcbgslist ul li .img img,
html body .inside-dcbgslist ul li a > .img img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
}
html body .inside-dcbgslist ul li,
html body .inside-dcbgslist ul li a,
html body .inside-dcbgslist ul li .info {
  height: auto !important;
  overflow: visible !important;
}
/* v7.233 补59：报告页卡片白底 → 透明（用户要求"不要白色的底图"，官网同款）。
   实测对比：官网 CSS 的 .inside-dcbgslist ul li { width:25%; padding:0.2rem 0.16rem } —— **没有 background**；
   而本地该卡片计算色是 rgb(255,255,255)（白底，来源是主题里另一条规则）⇒ 一格格白块盖住了
   .inside-content 的浅灰底（rgb(241,244,248)），观感与官网不一致。
   修法：把卡片背景置空，让内容区浅灰透出来（与官网一致）。 */
html body .inside-dcbgslist ul li { background: transparent !important; }
/* v7.233 补60：报告页卡片"文字标题贴两边太近"（用户反馈）—— 恢复官网的卡片内外边距。
   实测：官网 CSS 里这两条是既有规则，且我们的 layout.css **也抄到了**：
     .inside-dcbgslist ul li        { width:25%; padding: 0.2rem 0.16rem }
     .inside-dcbgslist ul li .info  { padding: 0.24rem 0.3rem 0.28rem }
   但页面上的实际表现是文字贴边 ⇒ 生效值被更晚的规则（含我为修图片高度加的补丁链）压掉了。
   修法：用 html body 提高特异性把官网这两条**原值**重新钉住（rem 与官网同源，观感一致）；
   并给标题与标签补一点点上下呼吸（官网 .tag 自带 padding-top:0.2rem，这里一并钉住）。 */
html body .inside-dcbgslist ul li {
  padding: 0.2rem 0.16rem !important;
}
html body .inside-dcbgslist ul li .info {
  padding: 0.24rem 0.3rem 0.28rem !important;
}
html body .inside-dcbgslist ul li .info .tag {
  padding: 0.2rem 0 0 !important;
}
/* v7.233 补61：报告页卡片"标题下的分类文字看不见"（用户反馈）—— 白字白底。
   实测（why_this_color 胜出规则链）：.inside-dcbgslist ul li .info .tag 本身是 #000，
   但内部的 <span> 被我此前那条"深色区块白字"白名单（形如 .slide-nav *,.consult *{color:#fff!important}）
   命中 ⇒ span 计算值为 **rgb(255,255,255)**，在白卡上完全看不见（DOM 里文字是有的，12 条都在）。
   官网该处颜色：.inside-dcbgslist ul li .info .tag { color: #859cc5 }（灰蓝）。
   修法：按官网值把 p.tag 与其 span 一起钉住；特异性 html body 前缀 (0,2,2) 高于白名单的 (0,1,0)。 */
html body .inside-dcbgslist ul li .info .tag,
html body .inside-dcbgslist ul li .info .tag span {
  color: #859cc5 !important;
}
/* v7.233 补62：报告页卡片"图片高度不一致"（用户反馈）—— 恢复官网的固定比例图片盒。
   实测（官网 vs 本地）：
     官网 .inside-dcbgslist ul li .img::before { padding-top: calc((263/350)*100%) }  ⇒ 固定 75.14% 比例盒；
           .inside-dcbgslist ul li .img        { position: relative }
           .inside-dcbgslist ul li .img img    { position:absolute; width:100%; height:100%; object-fit:cover }
     本地 layout.css 里另有一条**我的历史补丁**：
           html body .inside-dcbgslist ul li .img { padding: 0 !important; height: auto !important;
                                                    min-height: 0 !important; line-height: 0 !important; font-size: 0 !important }
       它把固定比例盒清成 padding:0 + height:auto ⇒ 图片高度改由**原图自身比例**决定 ⇒ 各卡片高低不一。
   修法：按官网原值把比例盒钉回来（仅覆盖 height/padding/overflow，其余保持不动，避免影响图上标签）。 */
html body .inside-dcbgslist ul li .img {
  height: 0 !important;
  padding: 0 0 calc((263 / 350) * 100%) 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
html body .inside-dcbgslist ul li .img img {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* v7.233 补63：补62 未生效的原因 —— 目标选择器在文件里有**多处**同特异性规则（其中一条是我的历史补丁
   … ul li .img { padding:0!important; height:auto!important; … }），同特异性下**后出现者胜**，
   而它的位置在补62 之后 ⇒ 补62 被压掉，固定比例盒仍未生效（截图实测：卡片图片按原图比例显示，
   整块高度从 1632px 涨到 2423px）。
   修法：选择器再多一层 .inside-content（特异性从 (0,2,2) 提到 (0,3,2)），从根上胜过所有同前缀规则。 */
html body .inside-content .inside-dcbgslist ul li .img {
  height: 0 !important;
  padding: 0 0 calc((263 / 350) * 100%) 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
html body .inside-content .inside-dcbgslist ul li .img img {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* v7.233 补64：报告页同一行卡片底边不齐（用户在截图上划横线指出）—— 标题行数不同导致卡片高低不一。
   官网对此有明确规则（此前已抓到原文）：
     .inside-dcbgslist ul li .info .name { display:-webkit-box; height:.48rem; line-height:.24rem;
       text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:0.16rem }
   即标题**固定为 2 行高度**（超出省略号）⇒ 每张卡的信息区等高 ⇒ 同排底边对齐。
   修法：按官网原值钉住（选择器带 .inside-content 一层，特异性 (0,4,2)，胜过此前所有补丁）。 */
html body .inside-content .inside-dcbgslist ul li .info .name {
  display: -webkit-box !important;
  height: .48rem !important;
  line-height: .24rem !important;
  font-size: 0.16rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
/* v7.233 补65：把卡片修复覆盖到**三页各自的容器类**（用户反馈"白皮书页又变回去了"）。
   背景：官网三页的列表容器类不同（/insight/ = inside-dcbdclist；/insight-whitepaper/ = insreporscom-list；
   /insight-report/ = inside-dcbgslist），我按官网改成按路由给类名后，
   补60（内外边距）、补61（标题下分类颜色）、补62/63（固定比例图片盒）、补64（标题两行高、底边对齐）
   的**选择器只写了 .inside-dcbgslist** ⇒ 白皮书页与 /insight/ 没吃到这些修复，观感"退回原样"。
   修法：用同一组值 + 三容器并列的 :is() 选择器统一覆盖（值全部取自官网实测，不改基准）。 */
html body .inside-content :is(.inside-dcbgslist, .insreporscom-list, .inside-dcbdclist) ul li {
  padding: 0.2rem 0.16rem !important;
  background: transparent !important;
}
html body .inside-content :is(.inside-dcbgslist, .insreporscom-list, .inside-dcbdclist) ul li .img {
  height: 0 !important;
  padding: 0 0 calc((263 / 350) * 100%) 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
html body .inside-content :is(.inside-dcbgslist, .insreporscom-list, .inside-dcbdclist) ul li .img img {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
html body .inside-content :is(.inside-dcbgslist, .insreporscom-list, .inside-dcbdclist) ul li .info {
  padding: 0.24rem 0.3rem 0.28rem !important;
}
html body .inside-content :is(.inside-dcbgslist, .insreporscom-list, .inside-dcbdclist) ul li .info .name {
  display: -webkit-box !important;
  height: .48rem !important;
  line-height: .24rem !important;
  font-size: 0.16rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
html body .inside-content :is(.inside-dcbgslist, .insreporscom-list, .inside-dcbdclist) ul li .info .tag,
html body .inside-content :is(.inside-dcbgslist, .insreporscom-list, .inside-dcbdclist) ul li .info .tag span {
  color: #859cc5 !important;
  padding: 0.2rem 0 0 !important;
}
/* v7.233 补66：把白皮书页按官网回正（用户反馈"这个页面怎么又变了"）。
   实测官网 /skin/css/layout.css 中该页容器（insreporscom-list）的规则与报告页**不同**：
     .insreporscom-list ul li          { width:25%; padding: **0.32rem** }
     .insreporscom-list ul li .img     { overflow:hidden; border-radius:0.1rem; position:relative }  ← **没有固定比例盒**
     .insreporscom-list ul li .img img { width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0 }
     （并且**没有** .info .name 的两行高约束）
   而我的补65 用 :is() 把报告页那一套（263/350 比例盒 + 标题两行高 + 0.2/0.16 内边距）套到了三页
   ⇒ 白皮书页观感与官网不符（封面被裁进横盒、标题被截两行）。
   本补丁只针对该容器回正为"按原比例显示 + 官网内边距"，报告页与 /insight/ 不受影响。 */
html body .inside-content .insreporscom-list ul li {
  padding: 0.32rem !important;
}
html body .inside-content .insreporscom-list ul li .img {
  height: auto !important;
  padding: 0 !important;
  border-radius: 0.1rem !important;
  overflow: hidden !important;
  position: relative !important;
}
html body .inside-content .insreporscom-list ul li .img img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
html body .inside-content .insreporscom-list ul li .info .name {
  display: block !important;
  height: auto !important;
  -webkit-line-clamp: none !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
/* v7.233 补67：回退补66（白皮书页"按原比例显示"实测**更差**：封面撑开 ⇒ 行间大片空白、标签悬空）。
   取舍记录：
     · 补65 的效果 = 三页统一的固定比例卡片（截图为 logs/shots/wp_fixed.png）——整齐、可预期；
     · 补66 的效果 = 白皮书封面按原比例（截图为 logs/shots/wp_fixed2.png）——块高从 1664px 涨到 3263px，
       行间空白很大、观感明显更差。
   结论：保留补65 的统一观感，撤销补66。待与用户确认官网白皮书页的真实观感后再定稿
   （官网该页由 JS 渲染，静态抓取无法直接看到最终布局）。 */
html body .inside-content .insreporscom-list ul li {
  padding: 0.2rem 0.16rem !important;
}
html body .inside-content .insreporscom-list ul li .img {
  height: 0 !important;
  padding: 0 0 calc((263 / 350) * 100%) 0 !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 0 !important;
}
html body .inside-content .insreporscom-list ul li .img img {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
html body .inside-content .insreporscom-list ul li .info .name {
  display: -webkit-box !important;
  height: .48rem !important;
  line-height: .24rem !important;
  font-size: 0.16rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
/* v7.233 补68：首页 banner 主标题由 div 改为 h1（SEO：每个页面应有且仅有一个 h1），
   仅替换标签、class 不变（.info-one.f50 仍生效）⇒ 视觉完全一致。
   唯一需要补的是 **h1 的默认外边距**（UA 默认 margin: 0.67em 会把版式顶开）——
   这里只重置 margin，其余字号/字重/行高全部沿用 .info-one 与 .f50 的既有声明。 */
h1.info-one {
  margin: 0;
}/* v7.235 icon sprite */
.icon-sprite{display:inline-block;background:url('/skin/images/260624sicon-sprite.png') no-repeat;vertical-align:middle;background-size:96px 22px;width:24px;height:22px}
.icon-s1{background-position:0 0}
.icon-s2{background-position:-24px 0}
.icon-s3{background-position:-48px 0}
.icon-s4{background-position:-72px 0}