.owl-carousel,

.owl-carousel .owl-item {

    -webkit-tap-highlight-color: transparent;

    position: relative

}



.owl-carousel {

    display: none;

    width: 100%;

    z-index: 1

}



.owl-carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y;

    touch-action: manipulation;

    -moz-backface-visibility: hidden

}



.owl-carousel .owl-stage:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0

}



.owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    -webkit-transform: translateZ(0)

}



.owl-carousel .owl-item,

.owl-carousel .owl-wrapper {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0)

}



.owl-carousel .owl-item {

    min-height: 1px;

    float: left;

    -webkit-backface-visibility: hidden;

    -webkit-touch-callout: none

}



.owl-carousel .owl-item img {

    display: block;

    width: 100%

}



.owl-carousel .owl-dots.disabled,

.owl-carousel .owl-nav.disabled {

    display: none

}



.no-js .owl-carousel,

.owl-carousel.owl-loaded {

    display: block

}



.owl-carousel .owl-dot,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-nav .owl-prev {

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev,

.owl-carousel button.owl-dot {

    background: 0 0;

    color: inherit;

    border: none;

    padding: 0 !important;

    font: inherit

}



.owl-carousel.owl-loading {

    opacity: 0;

    display: block

}



.owl-carousel.owl-hidden {

    opacity: 0

}



.owl-carousel.owl-refresh .owl-item {

    visibility: hidden

}



.owl-carousel.owl-drag .owl-item {

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.owl-carousel.owl-grab {

    cursor: move;

    cursor: -webkit-grab;

    cursor: grab

}



.owl-carousel.owl-rtl {

    direction: rtl

}



.owl-carousel.owl-rtl .owl-item {

    float: right

}



.owl-carousel .animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.owl-carousel .owl-animated-in {

    z-index: 0

}



.owl-carousel .owl-animated-out {

    z-index: 1

}



.owl-carousel .fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1

    }



    to {

        opacity: 0

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1

    }



    to {

        opacity: 0

    }

}



.owl-height {

    -webkit-transition: height .5s ease-in-out;

    transition: height .5s ease-in-out

}



.owl-carousel .owl-item .owl-lazy {

    opacity: 0;

    -webkit-transition: opacity .4s ease;

    transition: opacity .4s ease

}



.owl-carousel .owl-item .owl-lazy:not([src]),

.owl-carousel .owl-item .owl-lazy[src^=""] {

    max-height: 0

}



.owl-carousel .owl-item img.owl-lazy {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.owl-carousel .owl-video-wrapper {

    position: relative;

    height: 100%;

    background: #000

}



.owl-carousel .owl-video-play-icon {

    position: absolute;

    height: 80px;

    width: 80px;

    left: 50%;

    top: 50%;

    margin-left: -40px;

    margin-top: -40px;

    background: url(owl.video.play.png) no-repeat;

    cursor: pointer;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -webkit-transition: -webkit-transform .1s ease;

    transition: -webkit-transform .1s ease;

    transition: transform .1s ease;

    transition: transform .1s ease, -webkit-transform .1s ease

}



.owl-carousel .owl-video-play-icon:hover {

    -webkit-transform: scale(1.3);

    transform: scale(1.3)

}



.owl-carousel .owl-video-playing .owl-video-play-icon,

.owl-carousel .owl-video-playing .owl-video-tn {

    display: none

}



.owl-carousel .owl-video-tn {

    opacity: 0;

    height: 100%;

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: contain;

    -webkit-transition: opacity .4s ease;

    transition: opacity .4s ease

}



.owl-carousel .owl-video-frame {

    position: relative;

    z-index: 1;

    height: 100%;

    width: 100%

}



.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1

}



.swiper-container-no-flexbox .swiper-slide {

    float: left

}



.swiper-container-vertical>.swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



.swiper-container-android .swiper-slide,

.swiper-wrapper {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

}



.swiper-container-multirow>.swiper-wrapper {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto

}



.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform

}



.swiper-slide-invisible-blank {

    visibility: hidden

}



.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

    height: auto

}



.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-transition-property: height, -webkit-transform;

    transition-property: height, -webkit-transform;

    -o-transition-property: transform, height;

    transition-property: transform, height;

    transition-property: transform, height, -webkit-transform

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));

    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));

    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));

    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));

    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)

}



.swiper-container-wp8-horizontal,

.swiper-container-wp8-horizontal>.swiper-wrapper {

    -ms-touch-action: pan-y;

    touch-action: pan-y

}



.swiper-container-wp8-vertical,

.swiper-container-wp8-vertical>.swiper-wrapper {

    -ms-touch-action: pan-x;

    touch-action: pan-x

}



.swiper-button-next,

.swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    background-size: 27px 44px;

    background-position: 50%;

    background-repeat: no-repeat

}



.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none

}



.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

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

    left: 10px;

    right: auto

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");

    right: 10px;

    left: auto

}



.swiper-button-prev.swiper-button-white,

.swiper-container-rtl .swiper-button-next.swiper-button-white {

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

}



.swiper-button-next.swiper-button-white,

.swiper-container-rtl .swiper-button-prev.swiper-button-white {

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

}



.swiper-button-prev.swiper-button-black,

.swiper-container-rtl .swiper-button-next.swiper-button-black {

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

}



.swiper-button-next.swiper-button-black,

.swiper-container-rtl .swiper-button-prev.swiper-button-black {

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

}



.swiper-button-lock {

    display: none

}



.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: opacity .3s;

    -o-transition: .3s opacity;

    transition: opacity .3s;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    z-index: 10

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0

}



.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%

}



.swiper-pagination-bullets-dynamic {

    overflow: hidden;

    font-size: 0

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33);

    position: relative

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    -webkit-transform: scale(.66);

    -ms-transform: scale(.66);

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    -webkit-transform: scale(.66);

    -ms-transform: scale(.66);

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: .2

}



button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff

}



.swiper-container-vertical>.swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 6px 0;

    display: block

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 8px

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    -webkit-transition: top .2s, -webkit-transform .2s;

    -o-transition: .2s top, .2s -webkit-transform;

    transition: top .2s, -webkit-transform .2s;

    -o-transition: .2s transform, .2s top;

    -webkit-transition: transform .2s, top .2s;

    transition: transform .2s, top .2s;

    -webkit-transition: transform .2s, top .2s, -webkit-transform .2s;

    -o-transition: .2s transform, .2s top, .2s -webkit-transform;

    transition: transform .2s, top .2s, -webkit-transform .2s

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    white-space: nowrap

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: left .2s, -webkit-transform .2s;

    -o-transition: .2s left, .2s -webkit-transform;

    transition: left .2s, -webkit-transform .2s;

    -o-transition: .2s transform, .2s left;

    -webkit-transition: transform .2s, left .2s;

    transition: transform .2s, left .2s;

    -webkit-transition: transform .2s, left .2s, -webkit-transform .2s;

    -o-transition: .2s transform, .2s left, .2s -webkit-transform;

    transition: transform .2s, left .2s, -webkit-transform .2s

}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: right .2s, -webkit-transform .2s;

    -o-transition: .2s right, .2s -webkit-transform;

    transition: right .2s, -webkit-transform .2s;

    -o-transition: .2s transform, .2s right;

    -webkit-transition: transform .2s, right .2s;

    transition: transform .2s, right .2s;

    -webkit-transition: transform .2s, right .2s, -webkit-transform .2s;

    -o-transition: .2s transform, .2s right, .2s -webkit-transform;

    transition: transform .2s, right .2s, -webkit-transform .2s

}



.swiper-pagination-progressbar {

    background: rgba(0, 0, 0, .25);

    position: absolute

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0

}



.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-container-vertical>.swiper-pagination-progressbar {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0

}



.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff

}



.swiper-pagination-progressbar.swiper-pagination-white {

    background: hsla(0, 0%, 100%, .25)

}



.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {

    background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000

}



.swiper-pagination-progressbar.swiper-pagination-black {

    background: rgba(0, 0, 0, .25)

}



.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {

    background: #000

}



.swiper-pagination-lock {

    display: none

}



.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0, 0, 0, .1)

}



.swiper-container-horizontal>.swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%

}



.swiper-container-vertical>.swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, .5);

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

    text-align: center

}



.swiper-zoom-container>canvas,

.swiper-zoom-container>img,

.swiper-zoom-container>svg {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.swiper-slide-zoomed {

    cursor: move

}



.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    -webkit-transform-origin: 50%;

    -ms-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;

    animation: swiper-preloader-spin 1s steps(12) infinite

}



.swiper-lazy-preloader:after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

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

    background-position: 50%;

    background-size: 100%;

    background-repeat: no-repeat

}



.swiper-lazy-preloader-white:after {

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

}



@-webkit-keyframes swiper-preloader-spin {

    to {

        -webkit-transform: rotate(1turn);

        transform: rotate(1turn)

    }

}



@keyframes swiper-preloader-spin {

    to {

        -webkit-transform: rotate(1turn);

        transform: rotate(1turn)

    }

}



.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube {

    overflow: visible

}



.swiper-container-cube .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

    visibility: hidden;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 100%;

    height: 100%

}



.swiper-container-cube .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-next,

.swiper-container-cube .swiper-slide-next+.swiper-slide,

.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible

}



.swiper-container-cube .swiper-slide-shadow-bottom,

.swiper-container-cube .swiper-slide-shadow-left,

.swiper-container-cube .swiper-slide-shadow-right,

.swiper-container-cube .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0

}



.swiper-container-flip {

    overflow: visible

}



.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1

}



.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-flip .swiper-slide-active,

.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-flip .swiper-slide-shadow-bottom,

.swiper-container-flip .swiper-slide-shadow-left,

.swiper-container-flip .swiper-slide-shadow-right,

.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-container-coverflow .swiper-wrapper {

    -ms-perspective: 1200px

}



@charset "UTF-8";



/*!

 * Bootstrap v3.3.7 (http://getbootstrap.com)

 * Copyright 2011-2016 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

    display: block

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline

}



audio:not([controls]) {

    display: none;

    height: 0

}



[hidden],

template {

    display: none

}



a {

    background-color: transparent

}



a:active,

a:hover {

    outline: 0

}



abbr[title] {

    border-bottom: 1px dotted

}



b,

strong {

    font-weight: 700

}



dfn {

    font-style: italic

}



h1 {

    font-size: 2em;

    margin: .67em 0

}



mark {

    background: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sup {

    top: -.5em

}



sub {

    bottom: -.25em

}



img {

    border: 0

}



svg:not(:root) {

    overflow: hidden

}



figure {

    margin: 1em 40px

}



hr {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0

}



pre {

    overflow: auto

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em

}



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0

}



button {

    overflow: visible

}



button,

select {

    text-transform: none

}



button,

html input[type=button],

input[type=reset],

input[type=submit] {

    -webkit-appearance: button;

    cursor: pointer

}



button[disabled],

html input[disabled] {

    cursor: default

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0

}



input {

    line-height: normal

}



input[type=checkbox],

input[type=radio] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    height: auto

}



input[type=search] {

    -webkit-appearance: textfield;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



fieldset {

    border: 1px solid silver;

    margin: 0 2px;

    padding: .35em .625em .75em

}



textarea {

    overflow: auto

}



optgroup {

    font-weight: 700

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



td,

th {

    padding: 0

}



/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {



    *,

    :after,

    :before {

        background: transparent !important;

        color: #000 !important;

        -webkit-box-shadow: none !important;

        box-shadow: none !important;

        text-shadow: none !important

    }



    a,

    a:visited {

        text-decoration: underline

    }



    a[href]:after {

        content: " (" attr(href) ")"

    }



    abbr[title]:after {

        content: " (" attr(title) ")"

    }



    a[href^="#"]:after,

    a[href^="javascript:"]:after {

        content: ""

    }



    blockquote,

    pre {

        border: 1px solid #999;

        page-break-inside: avoid

    }



    thead {

        display: table-header-group

    }



    img,

    tr {

        page-break-inside: avoid

    }



    img {

        max-width: 100% !important

    }



    h2,

    h3,

    p {

        orphans: 3;

        widows: 3

    }



    h2,

    h3 {

        page-break-after: avoid

    }



    .navbar {

        display: none

    }



    .btn>.caret,

    .dropup>.btn>.caret {

        border-top-color: #000 !important

    }



    .label {

        border: 1px solid #000

    }



    .table {

        border-collapse: collapse !important

    }



    .table td,

    .table th {

        background-color: #fff !important

    }



    .table-bordered td,

    .table-bordered th {

        border: 1px solid #ddd !important

    }

}



@font-face {

    font-family: Glyphicons Halflings;

    src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");

    src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")

}



.glyphicon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: Glyphicons Halflings;

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.glyphicon-asterisk:before {

    content: "*"

}



.glyphicon-plus:before {

    content: "+"

}



.glyphicon-eur:before,

.glyphicon-euro:before {

    content: "\20AC"

}



.glyphicon-minus:before {

    content: "\2212"

}



.glyphicon-cloud:before {

    content: "\2601"

}



.glyphicon-envelope:before {

    content: "\2709"

}



.glyphicon-pencil:before {

    content: "\270F"

}



.glyphicon-glass:before {

    content: "\E001"

}



.glyphicon-music:before {

    content: "\E002"

}



.glyphicon-search:before {

    content: "\E003"

}



.glyphicon-heart:before {

    content: "\E005"

}



.glyphicon-star:before {

    content: "\E006"

}



.glyphicon-star-empty:before {

    content: "\E007"

}



.glyphicon-user:before {

    content: "\E008"

}



.glyphicon-film:before {

    content: "\E009"

}



.glyphicon-th-large:before {

    content: "\E010"

}



.glyphicon-th:before {

    content: "\E011"

}



.glyphicon-th-list:before {

    content: "\E012"

}



.glyphicon-ok:before {

    content: "\E013"

}



.glyphicon-remove:before {

    content: "\E014"

}



.glyphicon-zoom-in:before {

    content: "\E015"

}



.glyphicon-zoom-out:before {

    content: "\E016"

}



.glyphicon-off:before {

    content: "\E017"

}



.glyphicon-signal:before {

    content: "\E018"

}



.glyphicon-cog:before {

    content: "\E019"

}



.glyphicon-trash:before {

    content: "\E020"

}



.glyphicon-home:before {

    content: "\E021"

}



.glyphicon-file:before {

    content: "\E022"

}



.glyphicon-time:before {

    content: "\E023"

}



.glyphicon-road:before {

    content: "\E024"

}



.glyphicon-download-alt:before {

    content: "\E025"

}



.glyphicon-download:before {

    content: "\E026"

}



.glyphicon-upload:before {

    content: "\E027"

}



.glyphicon-inbox:before {

    content: "\E028"

}



.glyphicon-play-circle:before {

    content: "\E029"

}



.glyphicon-repeat:before {

    content: "\E030"

}



.glyphicon-refresh:before {

    content: "\E031"

}



.glyphicon-list-alt:before {

    content: "\E032"

}



.glyphicon-lock:before {

    content: "\E033"

}



.glyphicon-flag:before {

    content: "\E034"

}



.glyphicon-headphones:before {

    content: "\E035"

}



.glyphicon-volume-off:before {

    content: "\E036"

}



.glyphicon-volume-down:before {

    content: "\E037"

}



.glyphicon-volume-up:before {

    content: "\E038"

}



.glyphicon-qrcode:before {

    content: "\E039"

}



.glyphicon-barcode:before {

    content: "\E040"

}



.glyphicon-tag:before {

    content: "\E041"

}



.glyphicon-tags:before {

    content: "\E042"

}



.glyphicon-book:before {

    content: "\E043"

}



.glyphicon-bookmark:before {

    content: "\E044"

}



.glyphicon-print:before {

    content: "\E045"

}



.glyphicon-camera:before {

    content: "\E046"

}



.glyphicon-font:before {

    content: "\E047"

}



.glyphicon-bold:before {

    content: "\E048"

}



.glyphicon-italic:before {

    content: "\E049"

}



.glyphicon-text-height:before {

    content: "\E050"

}



.glyphicon-text-width:before {

    content: "\E051"

}



.glyphicon-align-left:before {

    content: "\E052"

}



.glyphicon-align-center:before {

    content: "\E053"

}



.glyphicon-align-right:before {

    content: "\E054"

}



.glyphicon-align-justify:before {

    content: "\E055"

}



.glyphicon-list:before {

    content: "\E056"

}



.glyphicon-indent-left:before {

    content: "\E057"

}



.glyphicon-indent-right:before {

    content: "\E058"

}



.glyphicon-facetime-video:before {

    content: "\E059"

}



.glyphicon-picture:before {

    content: "\E060"

}



.glyphicon-map-marker:before {

    content: "\E062"

}



.glyphicon-adjust:before {

    content: "\E063"

}



.glyphicon-tint:before {

    content: "\E064"

}



.glyphicon-edit:before {

    content: "\E065"

}



.glyphicon-share:before {

    content: "\E066"

}



.glyphicon-check:before {

    content: "\E067"

}



.glyphicon-move:before {

    content: "\E068"

}



.glyphicon-step-backward:before {

    content: "\E069"

}



.glyphicon-fast-backward:before {

    content: "\E070"

}



.glyphicon-backward:before {

    content: "\E071"

}



.glyphicon-play:before {

    content: "\E072"

}



.glyphicon-pause:before {

    content: "\E073"

}



.glyphicon-stop:before {

    content: "\E074"

}



.glyphicon-forward:before {

    content: "\E075"

}



.glyphicon-fast-forward:before {

    content: "\E076"

}



.glyphicon-step-forward:before {

    content: "\E077"

}



.glyphicon-eject:before {

    content: "\E078"

}



.glyphicon-chevron-left:before {

    content: "\E079"

}



.glyphicon-chevron-right:before {

    content: "\E080"

}



.glyphicon-plus-sign:before {

    content: "\E081"

}



.glyphicon-minus-sign:before {

    content: "\E082"

}



.glyphicon-remove-sign:before {

    content: "\E083"

}



.glyphicon-ok-sign:before {

    content: "\E084"

}



.glyphicon-question-sign:before {

    content: "\E085"

}



.glyphicon-info-sign:before {

    content: "\E086"

}



.glyphicon-screenshot:before {

    content: "\E087"

}



.glyphicon-remove-circle:before {

    content: "\E088"

}



.glyphicon-ok-circle:before {

    content: "\E089"

}



.glyphicon-ban-circle:before {

    content: "\E090"

}



.glyphicon-arrow-left:before {

    content: "\E091"

}



.glyphicon-arrow-right:before {

    content: "\E092"

}



.glyphicon-arrow-up:before {

    content: "\E093"

}



.glyphicon-arrow-down:before {

    content: "\E094"

}



.glyphicon-share-alt:before {

    content: "\E095"

}



.glyphicon-resize-full:before {

    content: "\E096"

}



.glyphicon-resize-small:before {

    content: "\E097"

}



.glyphicon-exclamation-sign:before {

    content: "\E101"

}



.glyphicon-gift:before {

    content: "\E102"

}



.glyphicon-leaf:before {

    content: "\E103"

}



.glyphicon-fire:before {

    content: "\E104"

}



.glyphicon-eye-open:before {

    content: "\E105"

}



.glyphicon-eye-close:before {

    content: "\E106"

}



.glyphicon-warning-sign:before {

    content: "\E107"

}



.glyphicon-plane:before {

    content: "\E108"

}



.glyphicon-calendar:before {

    content: "\E109"

}



.glyphicon-random:before {

    content: "\E110"

}



.glyphicon-comment:before {

    content: "\E111"

}



.glyphicon-magnet:before {

    content: "\E112"

}



.glyphicon-chevron-up:before {

    content: "\E113"

}



.glyphicon-chevron-down:before {

    content: "\E114"

}



.glyphicon-retweet:before {

    content: "\E115"

}



.glyphicon-shopping-cart:before {

    content: "\E116"

}



.glyphicon-folder-close:before {

    content: "\E117"

}



.glyphicon-folder-open:before {

    content: "\E118"

}



.glyphicon-resize-vertical:before {

    content: "\E119"

}



.glyphicon-resize-horizontal:before {

    content: "\E120"

}



.glyphicon-hdd:before {

    content: "\E121"

}



.glyphicon-bullhorn:before {

    content: "\E122"

}



.glyphicon-bell:before {

    content: "\E123"

}



.glyphicon-certificate:before {

    content: "\E124"

}



.glyphicon-thumbs-up:before {

    content: "\E125"

}



.glyphicon-thumbs-down:before {

    content: "\E126"

}



.glyphicon-hand-right:before {

    content: "\E127"

}



.glyphicon-hand-left:before {

    content: "\E128"

}



.glyphicon-hand-up:before {

    content: "\E129"

}



.glyphicon-hand-down:before {

    content: "\E130"

}



.glyphicon-circle-arrow-right:before {

    content: "\E131"

}



.glyphicon-circle-arrow-left:before {

    content: "\E132"

}



.glyphicon-circle-arrow-up:before {

    content: "\E133"

}



.glyphicon-circle-arrow-down:before {

    content: "\E134"

}



.glyphicon-globe:before {

    content: "\E135"

}



.glyphicon-wrench:before {

    content: "\E136"

}



.glyphicon-tasks:before {

    content: "\E137"

}



.glyphicon-filter:before {

    content: "\E138"

}



.glyphicon-briefcase:before {

    content: "\E139"

}



.glyphicon-fullscreen:before {

    content: "\E140"

}



.glyphicon-dashboard:before {

    content: "\E141"

}



.glyphicon-paperclip:before {

    content: "\E142"

}



.glyphicon-heart-empty:before {

    content: "\E143"

}



.glyphicon-link:before {

    content: "\E144"

}



.glyphicon-phone:before {

    content: "\E145"

}



.glyphicon-pushpin:before {

    content: "\E146"

}



.glyphicon-usd:before {

    content: "\E148"

}



.glyphicon-gbp:before {

    content: "\E149"

}



.glyphicon-sort:before {

    content: "\E150"

}



.glyphicon-sort-by-alphabet:before {

    content: "\E151"

}



.glyphicon-sort-by-alphabet-alt:before {

    content: "\E152"

}



.glyphicon-sort-by-order:before {

    content: "\E153"

}



.glyphicon-sort-by-order-alt:before {

    content: "\E154"

}



.glyphicon-sort-by-attributes:before {

    content: "\E155"

}



.glyphicon-sort-by-attributes-alt:before {

    content: "\E156"

}



.glyphicon-unchecked:before {

    content: "\E157"

}



.glyphicon-expand:before {

    content: "\E158"

}



.glyphicon-collapse-down:before {

    content: "\E159"

}



.glyphicon-collapse-up:before {

    content: "\E160"

}



.glyphicon-log-in:before {

    content: "\E161"

}



.glyphicon-flash:before {

    content: "\E162"

}



.glyphicon-log-out:before {

    content: "\E163"

}



.glyphicon-new-window:before {

    content: "\E164"

}



.glyphicon-record:before {

    content: "\E165"

}



.glyphicon-save:before {

    content: "\E166"

}



.glyphicon-open:before {

    content: "\E167"

}



.glyphicon-saved:before {

    content: "\E168"

}



.glyphicon-import:before {

    content: "\E169"

}



.glyphicon-export:before {

    content: "\E170"

}



.glyphicon-send:before {

    content: "\E171"

}



.glyphicon-floppy-disk:before {

    content: "\E172"

}



.glyphicon-floppy-saved:before {

    content: "\E173"

}



.glyphicon-floppy-remove:before {

    content: "\E174"

}



.glyphicon-floppy-save:before {

    content: "\E175"

}



.glyphicon-floppy-open:before {

    content: "\E176"

}



.glyphicon-credit-card:before {

    content: "\E177"

}



.glyphicon-transfer:before {

    content: "\E178"

}



.glyphicon-cutlery:before {

    content: "\E179"

}



.glyphicon-header:before {

    content: "\E180"

}



.glyphicon-compressed:before {

    content: "\E181"

}



.glyphicon-earphone:before {

    content: "\E182"

}



.glyphicon-phone-alt:before {

    content: "\E183"

}



.glyphicon-tower:before {

    content: "\E184"

}



.glyphicon-stats:before {

    content: "\E185"

}



.glyphicon-sd-video:before {

    content: "\E186"

}



.glyphicon-hd-video:before {

    content: "\E187"

}



.glyphicon-subtitles:before {

    content: "\E188"

}



.glyphicon-sound-stereo:before {

    content: "\E189"

}



.glyphicon-sound-dolby:before {

    content: "\E190"

}



.glyphicon-sound-5-1:before {

    content: "\E191"

}



.glyphicon-sound-6-1:before {

    content: "\E192"

}



.glyphicon-sound-7-1:before {

    content: "\E193"

}



.glyphicon-copyright-mark:before {

    content: "\E194"

}



.glyphicon-registration-mark:before {

    content: "\E195"

}



.glyphicon-cloud-download:before {

    content: "\E197"

}



.glyphicon-cloud-upload:before {

    content: "\E198"

}



.glyphicon-tree-conifer:before {

    content: "\E199"

}



.glyphicon-tree-deciduous:before {

    content: "\E200"

}



.glyphicon-cd:before {

    content: "\E201"

}



.glyphicon-save-file:before {

    content: "\E202"

}



.glyphicon-open-file:before {

    content: "\E203"

}



.glyphicon-level-up:before {

    content: "\E204"

}



.glyphicon-copy:before {

    content: "\E205"

}



.glyphicon-paste:before {

    content: "\E206"

}



.glyphicon-alert:before {

    content: "\E209"

}



.glyphicon-equalizer:before {

    content: "\E210"

}



.glyphicon-king:before {

    content: "\E211"

}



.glyphicon-queen:before {

    content: "\E212"

}



.glyphicon-pawn:before {

    content: "\E213"

}



.glyphicon-bishop:before {

    content: "\E214"

}



.glyphicon-knight:before {

    content: "\E215"

}



.glyphicon-baby-formula:before {

    content: "\E216"

}



.glyphicon-tent:before {

    content: "\26FA"

}



.glyphicon-blackboard:before {

    content: "\E218"

}



.glyphicon-bed:before {

    content: "\E219"

}



.glyphicon-apple:before {

    content: "\F8FF"

}



.glyphicon-erase:before {

    content: "\E221"

}



.glyphicon-hourglass:before {

    content: "\231B"

}



.glyphicon-lamp:before {

    content: "\E223"

}



.glyphicon-duplicate:before {

    content: "\E224"

}



.glyphicon-piggy-bank:before {

    content: "\E225"

}



.glyphicon-scissors:before {

    content: "\E226"

}



.glyphicon-bitcoin:before,

.glyphicon-btc:before,

.glyphicon-xbt:before {

    content: "\E227"

}



.glyphicon-jpy:before,

.glyphicon-yen:before {

    content: "\A5"

}



.glyphicon-rub:before,

.glyphicon-ruble:before {

    content: "\20BD"

}



.glyphicon-scale:before {

    content: "\E230"

}



.glyphicon-ice-lolly:before {

    content: "\E231"

}



.glyphicon-ice-lolly-tasted:before {

    content: "\E232"

}



.glyphicon-education:before {

    content: "\E233"

}



.glyphicon-option-horizontal:before {

    content: "\E234"

}



.glyphicon-option-vertical:before {

    content: "\E235"

}



.glyphicon-menu-hamburger:before {

    content: "\E236"

}



.glyphicon-modal-window:before {

    content: "\E237"

}



.glyphicon-oil:before {

    content: "\E238"

}



.glyphicon-grain:before {

    content: "\E239"

}



.glyphicon-sunglasses:before {

    content: "\E240"

}



.glyphicon-text-size:before {

    content: "\E241"

}



.glyphicon-text-color:before {

    content: "\E242"

}



.glyphicon-text-background:before {

    content: "\E243"

}



.glyphicon-object-align-top:before {

    content: "\E244"

}



.glyphicon-object-align-bottom:before {

    content: "\E245"

}



.glyphicon-object-align-horizontal:before {

    content: "\E246"

}



.glyphicon-object-align-left:before {

    content: "\E247"

}



.glyphicon-object-align-vertical:before {

    content: "\E248"

}



.glyphicon-object-align-right:before {

    content: "\E249"

}



.glyphicon-triangle-right:before {

    content: "\E250"

}



.glyphicon-triangle-left:before {

    content: "\E251"

}



.glyphicon-triangle-bottom:before {

    content: "\E252"

}



.glyphicon-triangle-top:before {

    content: "\E253"

}



.glyphicon-console:before {

    content: "\E254"

}



.glyphicon-superscript:before {

    content: "\E255"

}



.glyphicon-subscript:before {

    content: "\E256"

}



.glyphicon-menu-left:before {

    content: "\E257"

}



.glyphicon-menu-right:before {

    content: "\E258"

}



.glyphicon-menu-down:before {

    content: "\E259"

}



.glyphicon-menu-up:before {

    content: "\E260"

}



*,

:after,

:before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



html {

    font-size: 10px;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

}



body {

    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    font-size: 14px;

    line-height: 1.42857143;

    color: #333;

    background-color: #fff

}



button,

input,

select,

textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit

}



a {

    color: #337ab7

}



a:focus,

a:hover {

    color: #23527c;

    text-decoration: underline

}



a:focus {

    outline: none;

    outline-offset: -2px

}



figure {

    margin: 0

}



img {

    vertical-align: middle

}



.img-responsive {

    display: block;

    max-width: 100%;

    height: auto

}



.img-rounded {

    border-radius: 6px

}



.img-thumbnail {

    padding: 4px;

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    display: inline-block;

    max-width: 100%;

    height: auto

}



.img-circle {

    border-radius: 50%

}



hr {

    margin-top: 20px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #eee

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    width: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    clip: auto

}



[role=button] {

    cursor: pointer

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

    color: inherit

}



.h1 .small,

.h1 small,

.h2 .small,

.h2 small,

.h3 .small,

.h3 small,

.h4 .small,

.h4 small,

.h5 .small,

.h5 small,

.h6 .small,

.h6 small,

h1 .small,

h1 small,

h2 .small,

h2 small,

h3 .small,

h3 small,

h4 .small,

h4 small,

h5 .small,

h5 small,

h6 .small,

h6 small {

    font-weight: 400;

    line-height: 1;

    color: #777

}



.h1,

.h2,

.h3,

h1,

h2,

h3 {

    margin-top: 20px;

    margin-bottom: 10px

}



.h1 .small,

.h1 small,

.h2 .small,

.h2 small,

.h3 .small,

.h3 small,

h1 .small,

h1 small,

h2 .small,

h2 small,

h3 .small,

h3 small {

    font-size: 65%

}



.h4,

.h5,

.h6,

h4,

h5,

h6 {

    margin-top: 10px;

    margin-bottom: 10px

}



.h4 .small,

.h4 small,

.h5 .small,

.h5 small,

.h6 .small,

.h6 small,

h4 .small,

h4 small,

h5 .small,

h5 small,

h6 .small,

h6 small {

    font-size: 75%

}



.h1,

h1 {

    font-size: 36px

}



.h2,

h2 {

    font-size: 30px

}



.h3,

h3 {

    font-size: 24px

}



.h4,

h4 {

    font-size: 18px

}



.h5,

h5 {

    font-size: 14px

}



.h6,

h6 {

    font-size: 12px

}



p {

    margin: 0 0 10px

}



.lead {

    margin-bottom: 20px;

    font-size: 16px;

    font-weight: 300;

    line-height: 1.4

}



@media (min-width:768px) {

    .lead {

        font-size: 21px

    }

}



.small,

small {

    font-size: 85%

}



.mark,

mark {

    background-color: #fcf8e3;

    padding: .2em

}



.text-left {

    text-align: left

}



.text-right {

    text-align: right

}



.text-center {

    text-align: center

}



.text-justify {

    text-align: justify

}



.text-nowrap {

    white-space: nowrap

}



.text-lowercase {

    text-transform: lowercase

}



.initialism,

.text-uppercase {

    text-transform: uppercase

}



.text-capitalize {

    text-transform: capitalize

}



.text-muted {

    color: #777

}



.text-primary {

    color: #337ab7

}



a.text-primary:focus,

a.text-primary:hover {

    color: #286090

}



.text-success {

    color: #3c763d

}



a.text-success:focus,

a.text-success:hover {

    color: #2b542c

}



.text-info {

    color: #31708f

}



a.text-info:focus,

a.text-info:hover {

    color: #245269

}



.text-warning {

    color: #8a6d3b

}



a.text-warning:focus,

a.text-warning:hover {

    color: #66512c

}



.text-danger {

    color: #a94442

}



a.text-danger:focus,

a.text-danger:hover {

    color: #843534

}



.bg-primary {

    color: #fff;

    background-color: #337ab7

}



a.bg-primary:focus,

a.bg-primary:hover {

    background-color: #286090

}



.bg-success {

    background-color: #dff0d8

}



a.bg-success:focus,

a.bg-success:hover {

    background-color: #c1e2b3

}



.bg-info {

    background-color: #d9edf7

}



a.bg-info:focus,

a.bg-info:hover {

    background-color: #afd9ee

}



.bg-warning {

    background-color: #fcf8e3

}



a.bg-warning:focus,

a.bg-warning:hover {

    background-color: #f7ecb5

}



.bg-danger {

    background-color: #f2dede

}



a.bg-danger:focus,

a.bg-danger:hover {

    background-color: #e4b9b9

}



.page-header {

    padding-bottom: 9px;

    margin: 40px 0 20px;

    border-bottom: 1px solid #eee

}



ol,

ul {

    margin-top: 0;

    margin-bottom: 10px

}



ol ol,

ol ul,

ul ol,

ul ul {

    margin-bottom: 0

}



.list-inline,

.list-unstyled {

    padding-left: 0;

    list-style: none

}



.list-inline {

    margin-left: -5px

}



.list-inline>li {

    display: inline-block;

    padding-left: 5px;

    padding-right: 5px

}



dl {

    margin-top: 0;

    margin-bottom: 20px

}



dd,

dt {

    line-height: 1.42857143

}



dt {

    font-weight: 700

}



dd {

    margin-left: 0

}



.dl-horizontal dd:after,

.dl-horizontal dd:before {

    content: " ";

    display: table

}



.dl-horizontal dd:after {

    clear: both

}



@media (min-width:768px) {

    .dl-horizontal dt {

        float: left;

        width: 160px;

        clear: left;

        text-align: right;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }



    .dl-horizontal dd {

        margin-left: 180px

    }

}



abbr[data-original-title],

abbr[title] {

    cursor: help;

    border-bottom: 1px dotted #777

}



.initialism {

    font-size: 90%

}



blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 17.5px;

    border-left: 5px solid #eee

}



blockquote ol:last-child,

blockquote p:last-child,

blockquote ul:last-child {

    margin-bottom: 0

}



blockquote .small,

blockquote footer,

blockquote small {

    display: block;

    font-size: 80%;

    line-height: 1.42857143;

    color: #777

}



blockquote .small:before,

blockquote footer:before,

blockquote small:before {

    content: "\2014   \A0"

}



.blockquote-reverse,

blockquote.pull-right {

    padding-right: 15px;

    padding-left: 0;

    border-right: 5px solid #eee;

    border-left: 0;

    text-align: right

}



.blockquote-reverse .small:before,

.blockquote-reverse footer:before,

.blockquote-reverse small:before,

blockquote.pull-right .small:before,

blockquote.pull-right footer:before,

blockquote.pull-right small:before {

    content: ""

}



.blockquote-reverse .small:after,

.blockquote-reverse footer:after,

.blockquote-reverse small:after,

blockquote.pull-right .small:after,

blockquote.pull-right footer:after,

blockquote.pull-right small:after {

    content: "\A0   \2014"

}



address {

    margin-bottom: 20px;

    font-style: normal;

    line-height: 1.42857143

}



code,

kbd,

pre,

samp {

    font-family: Menlo, Monaco, Consolas, Courier New, monospace

}



code {

    color: #c7254e;

    background-color: #f9f2f4;

    border-radius: 4px

}



code,

kbd {

    padding: 2px 4px;

    font-size: 90%

}



kbd {

    color: #fff;

    background-color: #333;

    border-radius: 3px;

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)

}



kbd kbd {

    padding: 0;

    font-size: 100%;

    font-weight: 700;

    -webkit-box-shadow: none;

    box-shadow: none

}



pre {

    display: block;

    padding: 9.5px;

    margin: 0 0 10px;

    font-size: 13px;

    line-height: 1.42857143;

    word-break: break-all;

    word-wrap: break-word;

    color: #333;

    background-color: #f5f5f5;

    border: 1px solid #ccc;

    border-radius: 4px

}



pre code {

    padding: 0;

    font-size: inherit;

    color: inherit;

    white-space: pre-wrap;

    background-color: transparent;

    border-radius: 0

}



.pre-scrollable {

    max-height: 340px;

    overflow-y: scroll

}



.container {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px

}



.container:after,

.container:before {

    content: " ";

    display: table

}



.container:after {

    clear: both

}



@media (min-width:768px) {

    .container {

        width: 750px

    }

}



@media (min-width:992px) {

    .container {

        width: 970px

    }

}



@media (min-width:1200px) {

    .container {

        width: 1170px

    }

}



.container-fluid {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px

}



.container-fluid:after,

.container-fluid:before {

    content: " ";

    display: table

}



.container-fluid:after {

    clear: both

}



.row {

    margin-left: -15px;

    margin-right: -15px

}



.row:after,

.row:before {

    content: " ";

    display: table

}



.row:after {

    clear: both

}



.col-lg-1,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12,

.col-sm-1,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11,

.col-xs-12 {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11,

.col-xs-12 {

    float: left

}



.col-xs-1 {

    width: 8.33333333%

}



.col-xs-2 {

    width: 16.66666667%

}



.col-xs-3 {

    width: 25%

}



.col-xs-4 {

    width: 33.33333333%

}



.col-xs-5 {

    width: 41.66666667%

}



.col-xs-6 {

    width: 50%

}



.col-xs-7 {

    width: 58.33333333%

}



.col-xs-8 {

    width: 66.66666667%

}



.col-xs-9 {

    width: 75%

}



.col-xs-10 {

    width: 83.33333333%

}



.col-xs-11 {

    width: 91.66666667%

}



.col-xs-12 {

    width: 100%

}



.col-xs-pull-0 {

    right: auto

}



.col-xs-pull-1 {

    right: 8.33333333%

}



.col-xs-pull-2 {

    right: 16.66666667%

}



.col-xs-pull-3 {

    right: 25%

}



.col-xs-pull-4 {

    right: 33.33333333%

}



.col-xs-pull-5 {

    right: 41.66666667%

}



.col-xs-pull-6 {

    right: 50%

}



.col-xs-pull-7 {

    right: 58.33333333%

}



.col-xs-pull-8 {

    right: 66.66666667%

}



.col-xs-pull-9 {

    right: 75%

}



.col-xs-pull-10 {

    right: 83.33333333%

}



.col-xs-pull-11 {

    right: 91.66666667%

}



.col-xs-pull-12 {

    right: 100%

}



.col-xs-push-0 {

    left: auto

}



.col-xs-push-1 {

    left: 8.33333333%

}



.col-xs-push-2 {

    left: 16.66666667%

}



.col-xs-push-3 {

    left: 25%

}



.col-xs-push-4 {

    left: 33.33333333%

}



.col-xs-push-5 {

    left: 41.66666667%

}



.col-xs-push-6 {

    left: 50%

}



.col-xs-push-7 {

    left: 58.33333333%

}



.col-xs-push-8 {

    left: 66.66666667%

}



.col-xs-push-9 {

    left: 75%

}



.col-xs-push-10 {

    left: 83.33333333%

}



.col-xs-push-11 {

    left: 91.66666667%

}



.col-xs-push-12 {

    left: 100%

}



.col-xs-offset-0 {

    margin-left: 0

}



.col-xs-offset-1 {

    margin-left: 8.33333333%

}



.col-xs-offset-2 {

    margin-left: 16.66666667%

}



.col-xs-offset-3 {

    margin-left: 25%

}



.col-xs-offset-4 {

    margin-left: 33.33333333%

}



.col-xs-offset-5 {

    margin-left: 41.66666667%

}



.col-xs-offset-6 {

    margin-left: 50%

}



.col-xs-offset-7 {

    margin-left: 58.33333333%

}



.col-xs-offset-8 {

    margin-left: 66.66666667%

}



.col-xs-offset-9 {

    margin-left: 75%

}



.col-xs-offset-10 {

    margin-left: 83.33333333%

}



.col-xs-offset-11 {

    margin-left: 91.66666667%

}



.col-xs-offset-12 {

    margin-left: 100%

}



@media (min-width:768px) {



    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12 {

        float: left

    }



    .col-sm-1 {

        width: 8.33333333%

    }



    .col-sm-2 {

        width: 16.66666667%

    }



    .col-sm-3 {

        width: 25%

    }



    .col-sm-4 {

        width: 33.33333333%

    }



    .col-sm-5 {

        width: 41.66666667%

    }



    .col-sm-6 {

        width: 50%

    }



    .col-sm-7 {

        width: 58.33333333%

    }



    .col-sm-8 {

        width: 66.66666667%

    }



    .col-sm-9 {

        width: 75%

    }



    .col-sm-10 {

        width: 83.33333333%

    }



    .col-sm-11 {

        width: 91.66666667%

    }



    .col-sm-12 {

        width: 100%

    }



    .col-sm-pull-0 {

        right: auto

    }



    .col-sm-pull-1 {

        right: 8.33333333%

    }



    .col-sm-pull-2 {

        right: 16.66666667%

    }



    .col-sm-pull-3 {

        right: 25%

    }



    .col-sm-pull-4 {

        right: 33.33333333%

    }



    .col-sm-pull-5 {

        right: 41.66666667%

    }



    .col-sm-pull-6 {

        right: 50%

    }



    .col-sm-pull-7 {

        right: 58.33333333%

    }



    .col-sm-pull-8 {

        right: 66.66666667%

    }



    .col-sm-pull-9 {

        right: 75%

    }



    .col-sm-pull-10 {

        right: 83.33333333%

    }



    .col-sm-pull-11 {

        right: 91.66666667%

    }



    .col-sm-pull-12 {

        right: 100%

    }



    .col-sm-push-0 {

        left: auto

    }



    .col-sm-push-1 {

        left: 8.33333333%

    }



    .col-sm-push-2 {

        left: 16.66666667%

    }



    .col-sm-push-3 {

        left: 25%

    }



    .col-sm-push-4 {

        left: 33.33333333%

    }



    .col-sm-push-5 {

        left: 41.66666667%

    }



    .col-sm-push-6 {

        left: 50%

    }



    .col-sm-push-7 {

        left: 58.33333333%

    }



    .col-sm-push-8 {

        left: 66.66666667%

    }



    .col-sm-push-9 {

        left: 75%

    }



    .col-sm-push-10 {

        left: 83.33333333%

    }



    .col-sm-push-11 {

        left: 91.66666667%

    }



    .col-sm-push-12 {

        left: 100%

    }



    .col-sm-offset-0 {

        margin-left: 0

    }



    .col-sm-offset-1 {

        margin-left: 8.33333333%

    }



    .col-sm-offset-2 {

        margin-left: 16.66666667%

    }



    .col-sm-offset-3 {

        margin-left: 25%

    }



    .col-sm-offset-4 {

        margin-left: 33.33333333%

    }



    .col-sm-offset-5 {

        margin-left: 41.66666667%

    }



    .col-sm-offset-6 {

        margin-left: 50%

    }



    .col-sm-offset-7 {

        margin-left: 58.33333333%

    }



    .col-sm-offset-8 {

        margin-left: 66.66666667%

    }



    .col-sm-offset-9 {

        margin-left: 75%

    }



    .col-sm-offset-10 {

        margin-left: 83.33333333%

    }



    .col-sm-offset-11 {

        margin-left: 91.66666667%

    }



    .col-sm-offset-12 {

        margin-left: 100%

    }

}



@media (min-width:992px) {



    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-10,

    .col-md-11,

    .col-md-12 {

        float: left

    }



    .col-md-1 {

        width: 8.33333333%

    }



    .col-md-2 {

        width: 16.66666667%

    }



    .col-md-3 {

        width: 25%

    }



    .col-md-4 {

        width: 20%

    }



    .col-md-5 {

        width: 41.66666667%

    }



    .col-md-6 {

        width: 50%

    }



    .col-md-7 {

        width: 58.33333333%

    }



    .col-md-8 {

        width: 66.66666667%

    }



    .col-md-9 {

        width: 75%

    }



    .col-md-10 {

        width: 83.33333333%

    }



    .col-md-11 {

        width: 91.66666667%

    }



    .col-md-12 {

        width: 100%

    }



    .col-md-14 {

        width: 33.33333333%

    }



    .col-md-pull-0 {

        right: auto

    }



    .col-md-pull-1 {

        right: 8.33333333%

    }



    .col-md-pull-2 {

        right: 16.66666667%

    }



    .col-md-pull-3 {

        right: 25%

    }



    .col-md-pull-4 {

        right: 33.33333333%

    }



    .col-md-pull-5 {

        right: 41.66666667%

    }



    .col-md-pull-6 {

        right: 50%

    }



    .col-md-pull-7 {

        right: 58.33333333%

    }



    .col-md-pull-8 {

        right: 66.66666667%

    }



    .col-md-pull-9 {

        right: 75%

    }



    .col-md-pull-10 {

        right: 83.33333333%

    }



    .col-md-pull-11 {

        right: 91.66666667%

    }



    .col-md-pull-12 {

        right: 100%

    }



    .col-md-push-0 {

        left: auto

    }



    .col-md-push-1 {

        left: 8.33333333%

    }



    .col-md-push-2 {

        left: 16.66666667%

    }



    .col-md-push-3 {

        left: 25%

    }



    .col-md-push-4 {

        left: 33.33333333%

    }



    .col-md-push-5 {

        left: 41.66666667%

    }



    .col-md-push-6 {

        left: 50%

    }



    .col-md-push-7 {

        left: 58.33333333%

    }



    .col-md-push-8 {

        left: 66.66666667%

    }



    .col-md-push-9 {

        left: 75%

    }



    .col-md-push-10 {

        left: 83.33333333%

    }



    .col-md-push-11 {

        left: 91.66666667%

    }



    .col-md-push-12 {

        left: 100%

    }



    .col-md-offset-0 {

        margin-left: 0

    }



    .col-md-offset-1 {

        margin-left: 8.33333333%

    }



    .col-md-offset-2 {

        margin-left: 16.66666667%

    }



    .col-md-offset-3 {

        margin-left: 25%

    }



    .col-md-offset-4 {

        margin-left: 33.33333333%

    }



    .col-md-offset-5 {

        margin-left: 41.66666667%

    }



    .col-md-offset-6 {

        margin-left: 50%

    }



    .col-md-offset-7 {

        margin-left: 58.33333333%

    }



    .col-md-offset-8 {

        margin-left: 66.66666667%

    }



    .col-md-offset-9 {

        margin-left: 75%

    }



    .col-md-offset-10 {

        margin-left: 83.33333333%

    }



    .col-md-offset-11 {

        margin-left: 91.66666667%

    }



    .col-md-offset-12 {

        margin-left: 100%

    }

}



@media (min-width:1200px) {



    .col-lg-1,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12 {

        float: left

    }



    .col-lg-1 {

        width: 8.33333333%

    }



    .col-lg-2 {

        width: 16.66666667%

    }



    .col-lg-3 {

        width: 25%

    }



    .col-lg-4 {

        width: 33.33333333%

    }



    .col-lg-5 {

        width: 41.66666667%

    }



    .col-lg-6 {

        width: 50%

    }



    .col-lg-7 {

        width: 58.33333333%

    }



    .col-lg-8 {

        width: 66.66666667%

    }



    .col-lg-9 {

        width: 75%

    }



    .col-lg-10 {

        width: 83.33333333%

    }



    .col-lg-11 {

        width: 91.66666667%

    }



    .col-lg-12 {

        width: 100%

    }



    .col-lg-pull-0 {

        right: auto

    }



    .col-lg-pull-1 {

        right: 8.33333333%

    }



    .col-lg-pull-2 {

        right: 16.66666667%

    }



    .col-lg-pull-3 {

        right: 25%

    }



    .col-lg-pull-4 {

        right: 33.33333333%

    }



    .col-lg-pull-5 {

        right: 41.66666667%

    }



    .col-lg-pull-6 {

        right: 50%

    }



    .col-lg-pull-7 {

        right: 58.33333333%

    }



    .col-lg-pull-8 {

        right: 66.66666667%

    }



    .col-lg-pull-9 {

        right: 75%

    }



    .col-lg-pull-10 {

        right: 83.33333333%

    }



    .col-lg-pull-11 {

        right: 91.66666667%

    }



    .col-lg-pull-12 {

        right: 100%

    }



    .col-lg-push-0 {

        left: auto

    }



    .col-lg-push-1 {

        left: 8.33333333%

    }



    .col-lg-push-2 {

        left: 16.66666667%

    }



    .col-lg-push-3 {

        left: 25%

    }



    .col-lg-push-4 {

        left: 33.33333333%

    }



    .col-lg-push-5 {

        left: 41.66666667%

    }



    .col-lg-push-6 {

        left: 50%

    }



    .col-lg-push-7 {

        left: 58.33333333%

    }



    .col-lg-push-8 {

        left: 66.66666667%

    }



    .col-lg-push-9 {

        left: 75%

    }



    .col-lg-push-10 {

        left: 83.33333333%

    }



    .col-lg-push-11 {

        left: 91.66666667%

    }



    .col-lg-push-12 {

        left: 100%

    }



    .col-lg-offset-0 {

        margin-left: 0

    }



    .col-lg-offset-1 {

        margin-left: 8.33333333%

    }



    .col-lg-offset-2 {

        margin-left: 16.66666667%

    }



    .col-lg-offset-3 {

        margin-left: 25%

    }



    .col-lg-offset-4 {

        margin-left: 33.33333333%

    }



    .col-lg-offset-5 {

        margin-left: 41.66666667%

    }



    .col-lg-offset-6 {

        margin-left: 50%

    }



    .col-lg-offset-7 {

        margin-left: 58.33333333%

    }



    .col-lg-offset-8 {

        margin-left: 66.66666667%

    }



    .col-lg-offset-9 {

        margin-left: 75%

    }



    .col-lg-offset-10 {

        margin-left: 83.33333333%

    }



    .col-lg-offset-11 {

        margin-left: 91.66666667%

    }



    .col-lg-offset-12 {

        margin-left: 100%

    }

}



table {

    background-color: transparent

}



caption {

    padding-top: 8px;

    padding-bottom: 8px;

    color: #777

}



caption,

th {

    text-align: left

}



.table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 20px

}



.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

    padding: 8px;

    line-height: 1.42857143;

    vertical-align: top;

    border-top: 1px solid #ddd

}



.table>thead>tr>th {

    vertical-align: bottom;

    border-bottom: 2px solid #ddd

}



.table>caption+thead>tr:first-child>td,

.table>caption+thead>tr:first-child>th,

.table>colgroup+thead>tr:first-child>td,

.table>colgroup+thead>tr:first-child>th,

.table>thead:first-child>tr:first-child>td,

.table>thead:first-child>tr:first-child>th {

    border-top: 0

}



.table>tbody+tbody {

    border-top: 2px solid #ddd

}



.table .table {

    background-color: #fff

}



.table-condensed>tbody>tr>td,

.table-condensed>tbody>tr>th,

.table-condensed>tfoot>tr>td,

.table-condensed>tfoot>tr>th,

.table-condensed>thead>tr>td,

.table-condensed>thead>tr>th {

    padding: 5px

}



.table-bordered,

.table-bordered>tbody>tr>td,

.table-bordered>tbody>tr>th,

.table-bordered>tfoot>tr>td,

.table-bordered>tfoot>tr>th,

.table-bordered>thead>tr>td,

.table-bordered>thead>tr>th {

    border: 1px solid #ddd

}



.table-bordered>thead>tr>td,

.table-bordered>thead>tr>th {

    border-bottom-width: 2px

}



.table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #f9f9f9

}



.table-hover>tbody>tr:hover {

    background-color: #f5f5f5

}



table col[class*=col-] {

    position: static;

    float: none;

    display: table-column

}



table td[class*=col-],

table th[class*=col-] {

    position: static;

    float: none;

    display: table-cell

}



.table>tbody>tr.active>td,

.table>tbody>tr.active>th,

.table>tbody>tr>td.active,

.table>tbody>tr>th.active,

.table>tfoot>tr.active>td,

.table>tfoot>tr.active>th,

.table>tfoot>tr>td.active,

.table>tfoot>tr>th.active,

.table>thead>tr.active>td,

.table>thead>tr.active>th,

.table>thead>tr>td.active,

.table>thead>tr>th.active {

    background-color: #f5f5f5

}



.table-hover>tbody>tr.active:hover>td,

.table-hover>tbody>tr.active:hover>th,

.table-hover>tbody>tr:hover>.active,

.table-hover>tbody>tr>td.active:hover,

.table-hover>tbody>tr>th.active:hover {

    background-color: #e8e8e8

}



.table>tbody>tr.success>td,

.table>tbody>tr.success>th,

.table>tbody>tr>td.success,

.table>tbody>tr>th.success,

.table>tfoot>tr.success>td,

.table>tfoot>tr.success>th,

.table>tfoot>tr>td.success,

.table>tfoot>tr>th.success,

.table>thead>tr.success>td,

.table>thead>tr.success>th,

.table>thead>tr>td.success,

.table>thead>tr>th.success {

    background-color: #dff0d8

}



.table-hover>tbody>tr.success:hover>td,

.table-hover>tbody>tr.success:hover>th,

.table-hover>tbody>tr:hover>.success,

.table-hover>tbody>tr>td.success:hover,

.table-hover>tbody>tr>th.success:hover {

    background-color: #d0e9c6

}



.table>tbody>tr.info>td,

.table>tbody>tr.info>th,

.table>tbody>tr>td.info,

.table>tbody>tr>th.info,

.table>tfoot>tr.info>td,

.table>tfoot>tr.info>th,

.table>tfoot>tr>td.info,

.table>tfoot>tr>th.info,

.table>thead>tr.info>td,

.table>thead>tr.info>th,

.table>thead>tr>td.info,

.table>thead>tr>th.info {

    background-color: #d9edf7

}



.table-hover>tbody>tr.info:hover>td,

.table-hover>tbody>tr.info:hover>th,

.table-hover>tbody>tr:hover>.info,

.table-hover>tbody>tr>td.info:hover,

.table-hover>tbody>tr>th.info:hover {

    background-color: #c4e3f3

}



.table>tbody>tr.warning>td,

.table>tbody>tr.warning>th,

.table>tbody>tr>td.warning,

.table>tbody>tr>th.warning,

.table>tfoot>tr.warning>td,

.table>tfoot>tr.warning>th,

.table>tfoot>tr>td.warning,

.table>tfoot>tr>th.warning,

.table>thead>tr.warning>td,

.table>thead>tr.warning>th,

.table>thead>tr>td.warning,

.table>thead>tr>th.warning {

    background-color: #fcf8e3

}



.table-hover>tbody>tr.warning:hover>td,

.table-hover>tbody>tr.warning:hover>th,

.table-hover>tbody>tr:hover>.warning,

.table-hover>tbody>tr>td.warning:hover,

.table-hover>tbody>tr>th.warning:hover {

    background-color: #faf2cc

}



.table>tbody>tr.danger>td,

.table>tbody>tr.danger>th,

.table>tbody>tr>td.danger,

.table>tbody>tr>th.danger,

.table>tfoot>tr.danger>td,

.table>tfoot>tr.danger>th,

.table>tfoot>tr>td.danger,

.table>tfoot>tr>th.danger,

.table>thead>tr.danger>td,

.table>thead>tr.danger>th,

.table>thead>tr>td.danger,

.table>thead>tr>th.danger {

    background-color: #f2dede

}



.table-hover>tbody>tr.danger:hover>td,

.table-hover>tbody>tr.danger:hover>th,

.table-hover>tbody>tr:hover>.danger,

.table-hover>tbody>tr>td.danger:hover,

.table-hover>tbody>tr>th.danger:hover {

    background-color: #ebcccc

}



.table-responsive {

    overflow-x: auto;

    min-height: .01%

}



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

    .table-responsive {

        width: 100%;

        margin-bottom: 15px;

        overflow-y: hidden;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        border: 1px solid #ddd

    }



    .table-responsive>.table {

        margin-bottom: 0

    }



    .table-responsive>.table>tbody>tr>td,

    .table-responsive>.table>tbody>tr>th,

    .table-responsive>.table>tfoot>tr>td,

    .table-responsive>.table>tfoot>tr>th,

    .table-responsive>.table>thead>tr>td,

    .table-responsive>.table>thead>tr>th {

        white-space: nowrap

    }



    .table-responsive>.table-bordered {

        border: 0

    }



    .table-responsive>.table-bordered>tbody>tr>td:first-child,

    .table-responsive>.table-bordered>tbody>tr>th:first-child,

    .table-responsive>.table-bordered>tfoot>tr>td:first-child,

    .table-responsive>.table-bordered>tfoot>tr>th:first-child,

    .table-responsive>.table-bordered>thead>tr>td:first-child,

    .table-responsive>.table-bordered>thead>tr>th:first-child {

        border-left: 0

    }



    .table-responsive>.table-bordered>tbody>tr>td:last-child,

    .table-responsive>.table-bordered>tbody>tr>th:last-child,

    .table-responsive>.table-bordered>tfoot>tr>td:last-child,

    .table-responsive>.table-bordered>tfoot>tr>th:last-child,

    .table-responsive>.table-bordered>thead>tr>td:last-child,

    .table-responsive>.table-bordered>thead>tr>th:last-child {

        border-right: 0

    }



    .table-responsive>.table-bordered>tbody>tr:last-child>td,

    .table-responsive>.table-bordered>tbody>tr:last-child>th,

    .table-responsive>.table-bordered>tfoot>tr:last-child>td,

    .table-responsive>.table-bordered>tfoot>tr:last-child>th {

        border-bottom: 0

    }

}



fieldset {

    margin: 0;

    min-width: 0

}



fieldset,

legend {

    padding: 0;

    border: 0

}



legend {

    display: block;

    width: 100%;

    margin-bottom: 20px;

    font-size: 21px;

    line-height: inherit;

    color: #333;

    border-bottom: 1px solid #e5e5e5

}



label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700

}



input[type=search] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



input[type=checkbox],

input[type=radio] {

    margin: 4px 0 0;

    margin-top: 1px\9;

    line-height: normal

}



input[type=file] {

    display: block

}



input[type=range] {

    display: block;

    width: 100%

}



select[multiple],

select[size] {

    height: auto

}



input[type=checkbox]:focus,

input[type=file]:focus,

input[type=radio]:focus {

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



output {

    padding-top: 7px

}



.form-control,

output {

    display: block;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555

}



.form-control {

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out

}



.form-control:focus {

    border-color: #66afe9;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)

}



.form-control::-moz-placeholder {

    color: #999;

    opacity: 1

}



.form-control:-ms-input-placeholder {

    color: #999

}



.form-control::-webkit-input-placeholder {

    color: #999

}



.form-control::-ms-expand {

    border: 0;

    background-color: transparent

}



.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

    background-color: #eee;

    opacity: 1

}



.form-control[disabled],

fieldset[disabled] .form-control {

    cursor: not-allowed

}



textarea.form-control {

    height: auto

}



input[type=search] {

    -webkit-appearance: none

}



@media screen and (-webkit-min-device-pixel-ratio:0) {



    input[type=date].form-control,

    input[type=datetime-local].form-control,

    input[type=month].form-control,

    input[type=time].form-control {

        line-height: 34px

    }



    .input-group-sm>.input-group-btn>input.btn[type=date],

    .input-group-sm>.input-group-btn>input.btn[type=datetime-local],

    .input-group-sm>.input-group-btn>input.btn[type=month],

    .input-group-sm>.input-group-btn>input.btn[type=time],

    .input-group-sm>input.form-control[type=date],

    .input-group-sm>input.form-control[type=datetime-local],

    .input-group-sm>input.form-control[type=month],

    .input-group-sm>input.form-control[type=time],

    .input-group-sm>input.input-group-addon[type=date],

    .input-group-sm>input.input-group-addon[type=datetime-local],

    .input-group-sm>input.input-group-addon[type=month],

    .input-group-sm>input.input-group-addon[type=time],

    .input-group-sm input[type=date],

    .input-group-sm input[type=datetime-local],

    .input-group-sm input[type=month],

    .input-group-sm input[type=time],

    input[type=date].input-sm,

    input[type=datetime-local].input-sm,

    input[type=month].input-sm,

    input[type=time].input-sm {

        line-height: 30px

    }



    .input-group-lg>.input-group-btn>input.btn[type=date],

    .input-group-lg>.input-group-btn>input.btn[type=datetime-local],

    .input-group-lg>.input-group-btn>input.btn[type=month],

    .input-group-lg>.input-group-btn>input.btn[type=time],

    .input-group-lg>input.form-control[type=date],

    .input-group-lg>input.form-control[type=datetime-local],

    .input-group-lg>input.form-control[type=month],

    .input-group-lg>input.form-control[type=time],

    .input-group-lg>input.input-group-addon[type=date],

    .input-group-lg>input.input-group-addon[type=datetime-local],

    .input-group-lg>input.input-group-addon[type=month],

    .input-group-lg>input.input-group-addon[type=time],

    .input-group-lg input[type=date],

    .input-group-lg input[type=datetime-local],

    .input-group-lg input[type=month],

    .input-group-lg input[type=time],

    input[type=date].input-lg,

    input[type=datetime-local].input-lg,

    input[type=month].input-lg,

    input[type=time].input-lg {

        line-height: 46px

    }

}



.form-group {

    margin-bottom: 15px

}



.checkbox,

.radio {

    position: relative;

    display: block;

    margin-top: 10px;

    margin-bottom: 10px

}



.checkbox label,

.radio label {

    min-height: 20px;

    padding-left: 20px;

    margin-bottom: 0;

    font-weight: 400;

    cursor: pointer

}



.checkbox-inline input[type=checkbox],

.checkbox input[type=checkbox],

.radio-inline input[type=radio],

.radio input[type=radio] {

    position: absolute;

    margin-left: -20px;

    margin-top: 4px\9

}



.checkbox+.checkbox,

.radio+.radio {

    margin-top: -5px

}



.checkbox-inline,

.radio-inline {

    position: relative;

    display: inline-block;

    padding-left: 20px;

    margin-bottom: 0;

    vertical-align: middle;

    font-weight: 400;

    cursor: pointer

}



.checkbox-inline+.checkbox-inline,

.radio-inline+.radio-inline {

    margin-top: 0;

    margin-left: 10px

}



.checkbox-inline.disabled,

.checkbox.disabled label,

.radio-inline.disabled,

.radio.disabled label,

fieldset[disabled] .checkbox-inline,

fieldset[disabled] .checkbox label,

fieldset[disabled] .radio-inline,

fieldset[disabled] .radio label,

fieldset[disabled] input[type=checkbox],

fieldset[disabled] input[type=radio],

input[type=checkbox].disabled,

input[type=checkbox][disabled],

input[type=radio].disabled,

input[type=radio][disabled] {

    cursor: not-allowed

}



.form-control-static {

    padding-top: 7px;

    padding-bottom: 7px;

    margin-bottom: 0;

    min-height: 34px

}



.form-control-static.input-lg,

.form-control-static.input-sm,

.input-group-lg>.form-control-static.form-control,

.input-group-lg>.form-control-static.input-group-addon,

.input-group-lg>.input-group-btn>.form-control-static.btn,

.input-group-sm>.form-control-static.form-control,

.input-group-sm>.form-control-static.input-group-addon,

.input-group-sm>.input-group-btn>.form-control-static.btn {

    padding-left: 0;

    padding-right: 0

}



.input-group-sm>.form-control,

.input-group-sm>.input-group-addon,

.input-group-sm>.input-group-btn>.btn,

.input-sm {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.input-group-sm>.input-group-btn>select.btn,

.input-group-sm>select.form-control,

.input-group-sm>select.input-group-addon,

select.input-sm {

    height: 30px;

    line-height: 30px

}



.input-group-sm>.input-group-btn>select.btn[multiple],

.input-group-sm>.input-group-btn>textarea.btn,

.input-group-sm>select.form-control[multiple],

.input-group-sm>select.input-group-addon[multiple],

.input-group-sm>textarea.form-control,

.input-group-sm>textarea.input-group-addon,

select[multiple].input-sm,

textarea.input-sm {

    height: auto

}



.form-group-sm .form-control {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.form-group-sm select.form-control {

    height: 30px;

    line-height: 30px

}



.form-group-sm select[multiple].form-control,

.form-group-sm textarea.form-control {

    height: auto

}



.form-group-sm .form-control-static {

    height: 30px;

    min-height: 32px;

    padding: 6px 10px;

    font-size: 12px;

    line-height: 1.5

}



.input-group-lg>.form-control,

.input-group-lg>.input-group-addon,

.input-group-lg>.input-group-btn>.btn,

.input-lg {

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px

}



.input-group-lg>.input-group-btn>select.btn,

.input-group-lg>select.form-control,

.input-group-lg>select.input-group-addon,

select.input-lg {

    height: 46px;

    line-height: 46px

}



.input-group-lg>.input-group-btn>select.btn[multiple],

.input-group-lg>.input-group-btn>textarea.btn,

.input-group-lg>select.form-control[multiple],

.input-group-lg>select.input-group-addon[multiple],

.input-group-lg>textarea.form-control,

.input-group-lg>textarea.input-group-addon,

select[multiple].input-lg,

textarea.input-lg {

    height: auto

}



.form-group-lg .form-control {

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px

}



.form-group-lg select.form-control {

    height: 46px;

    line-height: 46px

}



.form-group-lg select[multiple].form-control,

.form-group-lg textarea.form-control {

    height: auto

}



.form-group-lg .form-control-static {

    height: 46px;

    min-height: 38px;

    padding: 11px 16px;

    font-size: 18px;

    line-height: 1.3333333

}



.has-feedback {

    position: relative

}



.has-feedback .form-control {

    padding-right: 42.5px

}



.form-control-feedback {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

    display: block;

    width: 34px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    pointer-events: none

}



.form-group-lg .form-control+.form-control-feedback,

.input-group-lg+.form-control-feedback,

.input-group-lg>.form-control+.form-control-feedback,

.input-group-lg>.input-group-addon+.form-control-feedback,

.input-group-lg>.input-group-btn>.btn+.form-control-feedback,

.input-lg+.form-control-feedback {

    width: 46px;

    height: 46px;

    line-height: 46px

}



.form-group-sm .form-control+.form-control-feedback,

.input-group-sm+.form-control-feedback,

.input-group-sm>.form-control+.form-control-feedback,

.input-group-sm>.input-group-addon+.form-control-feedback,

.input-group-sm>.input-group-btn>.btn+.form-control-feedback,

.input-sm+.form-control-feedback {

    width: 30px;

    height: 30px;

    line-height: 30px

}



.has-success .checkbox,

.has-success .checkbox-inline,

.has-success.checkbox-inline label,

.has-success.checkbox label,

.has-success .control-label,

.has-success .help-block,

.has-success .radio,

.has-success .radio-inline,

.has-success.radio-inline label,

.has-success.radio label {

    color: #3c763d

}



.has-success .form-control {

    border-color: #3c763d;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

}



.has-success .form-control:focus {

    border-color: #2b542c;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168

}



.has-success .input-group-addon {

    color: #3c763d;

    border-color: #3c763d;

    background-color: #dff0d8

}



.has-success .form-control-feedback {

    color: #3c763d

}



.has-warning .checkbox,

.has-warning .checkbox-inline,

.has-warning.checkbox-inline label,

.has-warning.checkbox label,

.has-warning .control-label,

.has-warning .help-block,

.has-warning .radio,

.has-warning .radio-inline,

.has-warning.radio-inline label,

.has-warning.radio label {

    color: #8a6d3b

}



.has-warning .form-control {

    border-color: #8a6d3b;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

}



.has-warning .form-control:focus {

    border-color: #66512c;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b

}



.has-warning .input-group-addon {

    color: #8a6d3b;

    border-color: #8a6d3b;

    background-color: #fcf8e3

}



.has-warning .form-control-feedback {

    color: #8a6d3b

}



.has-error .checkbox,

.has-error .checkbox-inline,

.has-error.checkbox-inline label,

.has-error.checkbox label,

.has-error .control-label,

.has-error .help-block,

.has-error .radio,

.has-error .radio-inline,

.has-error.radio-inline label,

.has-error.radio label {

    color: #a94442

}



.has-error .form-control {

    border-color: #a94442;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

}



.has-error .form-control:focus {

    border-color: #843534;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483

}



.has-error .input-group-addon {

    color: #a94442;

    border-color: #a94442;

    background-color: #f2dede

}



.has-error .form-control-feedback {

    color: #a94442

}



.has-feedback label~.form-control-feedback {

    top: 25px

}



.has-feedback label.sr-only~.form-control-feedback {

    top: 0

}



.help-block {

    display: block;

    margin-top: 5px;

    margin-bottom: 10px;

    color: #737373

}



@media (min-width:768px) {

    .form-inline .form-group {

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle

    }



    .form-inline .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle

    }



    .form-inline .form-control-static {

        display: inline-block

    }



    .form-inline .input-group {

        display: inline-table;

        vertical-align: middle

    }



    .form-inline .input-group .form-control,

    .form-inline .input-group .input-group-addon,

    .form-inline .input-group .input-group-btn {

        width: auto

    }



    .form-inline .input-group>.form-control {

        width: 100%

    }



    .form-inline .control-label {

        margin-bottom: 0;

        vertical-align: middle

    }



    .form-inline .checkbox,

    .form-inline .radio {

        display: inline-block;

        margin-top: 0;

        margin-bottom: 0;

        vertical-align: middle

    }



    .form-inline .checkbox label,

    .form-inline .radio label {

        padding-left: 0

    }



    .form-inline .checkbox input[type=checkbox],

    .form-inline .radio input[type=radio] {

        position: relative;

        margin-left: 0

    }



    .form-inline .has-feedback .form-control-feedback {

        top: 0

    }

}



.form-horizontal .checkbox,

.form-horizontal .checkbox-inline,

.form-horizontal .radio,

.form-horizontal .radio-inline {

    margin-top: 0;

    margin-bottom: 0;

    padding-top: 7px

}



.form-horizontal .checkbox,

.form-horizontal .radio {

    min-height: 27px

}



.form-horizontal .form-group {

    margin-left: -15px;

    margin-right: -15px

}



.form-horizontal .form-group:after,

.form-horizontal .form-group:before {

    content: " ";

    display: table

}



.form-horizontal .form-group:after {

    clear: both

}



@media (min-width:768px) {

    .form-horizontal .control-label {

        text-align: right;

        margin-bottom: 0;

        padding-top: 7px

    }

}



.form-horizontal .has-feedback .form-control-feedback {

    right: 15px

}



@media (min-width:768px) {

    .form-horizontal .form-group-lg .control-label {

        padding-top: 11px;

        font-size: 18px

    }

}



@media (min-width:768px) {

    .form-horizontal .form-group-sm .control-label {

        padding-top: 6px;

        font-size: 12px

    }

}



.btn {

    display: inline-block;

    margin-bottom: 0;

    font-weight: 400;

    text-align: center;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    border-radius: 4px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus {

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.btn.focus,

.btn:focus,

.btn:hover {

    color: #333;

    text-decoration: none

}



.btn.active,

.btn:active {

    outline: 0;

    background-image: none;

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn.disabled,

.btn[disabled],

fieldset[disabled] .btn {

    cursor: not-allowed;

    opacity: .65;

    filter: alpha(opacity=65);

    -webkit-box-shadow: none;

    box-shadow: none

}



a.btn.disabled,

fieldset[disabled] a.btn {

    pointer-events: none

}



.btn-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc

}



.btn-default.focus,

.btn-default:focus {

    color: #333;

    background-color: #e6e5e5;

    border-color: #8c8c8c

}



.btn-default.active,

.btn-default:active,

.btn-default:hover,

.open>.btn-default.dropdown-toggle {

    color: #333;

    background-color: #e6e5e5;

    border-color: #adadad

}



.btn-default.active.focus,

.btn-default.active:focus,

.btn-default.active:hover,

.btn-default:active.focus,

.btn-default:active:focus,

.btn-default:active:hover,

.open>.btn-default.dropdown-toggle.focus,

.open>.btn-default.dropdown-toggle:focus,

.open>.btn-default.dropdown-toggle:hover {

    color: #333;

    background-color: #d4d4d4;

    border-color: #8c8c8c

}



.btn-default.active,

.btn-default:active,

.open>.btn-default.dropdown-toggle {

    background-image: none

}



.btn-default.disabled.focus,

.btn-default.disabled:focus,

.btn-default.disabled:hover,

.btn-default[disabled].focus,

.btn-default[disabled]:focus,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default.focus,

fieldset[disabled] .btn-default:focus,

fieldset[disabled] .btn-default:hover {

    background-color: #fff;

    border-color: #ccc

}



.btn-default .badge {

    color: #fff;

    background-color: #333

}



.btn-primary {

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4

}



.btn-primary.focus,

.btn-primary:focus {

    color: #fff;

    background-color: #286090;

    border-color: #122b40

}



.btn-primary.active,

.btn-primary:active,

.btn-primary:hover,

.open>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #286090;

    border-color: #204d74

}



.btn-primary.active.focus,

.btn-primary.active:focus,

.btn-primary.active:hover,

.btn-primary:active.focus,

.btn-primary:active:focus,

.btn-primary:active:hover,

.open>.btn-primary.dropdown-toggle.focus,

.open>.btn-primary.dropdown-toggle:focus,

.open>.btn-primary.dropdown-toggle:hover {

    color: #fff;

    background-color: #204d74;

    border-color: #122b40

}



.btn-primary.active,

.btn-primary:active,

.open>.btn-primary.dropdown-toggle {

    background-image: none

}



.btn-primary.disabled.focus,

.btn-primary.disabled:focus,

.btn-primary.disabled:hover,

.btn-primary[disabled].focus,

.btn-primary[disabled]:focus,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary.focus,

fieldset[disabled] .btn-primary:focus,

fieldset[disabled] .btn-primary:hover {

    background-color: #337ab7;

    border-color: #2e6da4

}



.btn-primary .badge {

    color: #337ab7;

    background-color: #fff

}



.btn-success {

    color: #fff;

    background-color: #5cb85c;

    border-color: #4cae4c

}



.btn-success.focus,

.btn-success:focus {

    color: #fff;

    background-color: #449d44;

    border-color: #255625

}



.btn-success.active,

.btn-success:active,

.btn-success:hover,

.open>.btn-success.dropdown-toggle {

    color: #fff;

    background-color: #449d44;

    border-color: #398439

}



.btn-success.active.focus,

.btn-success.active:focus,

.btn-success.active:hover,

.btn-success:active.focus,

.btn-success:active:focus,

.btn-success:active:hover,

.open>.btn-success.dropdown-toggle.focus,

.open>.btn-success.dropdown-toggle:focus,

.open>.btn-success.dropdown-toggle:hover {

    color: #fff;

    background-color: #398439;

    border-color: #255625

}



.btn-success.active,

.btn-success:active,

.open>.btn-success.dropdown-toggle {

    background-image: none

}



.btn-success.disabled.focus,

.btn-success.disabled:focus,

.btn-success.disabled:hover,

.btn-success[disabled].focus,

.btn-success[disabled]:focus,

.btn-success[disabled]:hover,

fieldset[disabled] .btn-success.focus,

fieldset[disabled] .btn-success:focus,

fieldset[disabled] .btn-success:hover {

    background-color: #5cb85c;

    border-color: #4cae4c

}



.btn-success .badge {

    color: #5cb85c;

    background-color: #fff

}



.btn-info {

    color: #fff;

    background-color: #5bc0de;

    border-color: #46b8da

}



.btn-info.focus,

.btn-info:focus {

    color: #fff;

    background-color: #31b0d5;

    border-color: #1b6d85

}



.btn-info.active,

.btn-info:active,

.btn-info:hover,

.open>.btn-info.dropdown-toggle {

    color: #fff;

    background-color: #31b0d5;

    border-color: #269abc

}



.btn-info.active.focus,

.btn-info.active:focus,

.btn-info.active:hover,

.btn-info:active.focus,

.btn-info:active:focus,

.btn-info:active:hover,

.open>.btn-info.dropdown-toggle.focus,

.open>.btn-info.dropdown-toggle:focus,

.open>.btn-info.dropdown-toggle:hover {

    color: #fff;

    background-color: #269abc;

    border-color: #1b6d85

}



.btn-info.active,

.btn-info:active,

.open>.btn-info.dropdown-toggle {

    background-image: none

}



.btn-info.disabled.focus,

.btn-info.disabled:focus,

.btn-info.disabled:hover,

.btn-info[disabled].focus,

.btn-info[disabled]:focus,

.btn-info[disabled]:hover,

fieldset[disabled] .btn-info.focus,

fieldset[disabled] .btn-info:focus,

fieldset[disabled] .btn-info:hover {

    background-color: #5bc0de;

    border-color: #46b8da

}



.btn-info .badge {

    color: #5bc0de;

    background-color: #fff

}



.btn-warning {

    color: #fff;

    background-color: #f0ad4e;

    border-color: #eea236

}



.btn-warning.focus,

.btn-warning:focus {

    color: #fff;

    background-color: #ec971f;

    border-color: #985f0d

}



.btn-warning.active,

.btn-warning:active,

.btn-warning:hover,

.open>.btn-warning.dropdown-toggle {

    color: #fff;

    background-color: #ec971f;

    border-color: #d58512

}



.btn-warning.active.focus,

.btn-warning.active:focus,

.btn-warning.active:hover,

.btn-warning:active.focus,

.btn-warning:active:focus,

.btn-warning:active:hover,

.open>.btn-warning.dropdown-toggle.focus,

.open>.btn-warning.dropdown-toggle:focus,

.open>.btn-warning.dropdown-toggle:hover {

    color: #fff;

    background-color: #d58512;

    border-color: #985f0d

}



.btn-warning.active,

.btn-warning:active,

.open>.btn-warning.dropdown-toggle {

    background-image: none

}



.btn-warning.disabled.focus,

.btn-warning.disabled:focus,

.btn-warning.disabled:hover,

.btn-warning[disabled].focus,

.btn-warning[disabled]:focus,

.btn-warning[disabled]:hover,

fieldset[disabled] .btn-warning.focus,

fieldset[disabled] .btn-warning:focus,

fieldset[disabled] .btn-warning:hover {

    background-color: #f0ad4e;

    border-color: #eea236

}



.btn-warning .badge {

    color: #f0ad4e;

    background-color: #fff

}



.btn-danger {

    color: #fff;

    background-color: #d9534f;

    border-color: #d43f3a

}



.btn-danger.focus,

.btn-danger:focus {

    color: #fff;

    background-color: #c9302c;

    border-color: #761c19

}



.btn-danger.active,

.btn-danger:active,

.btn-danger:hover,

.open>.btn-danger.dropdown-toggle {

    color: #fff;

    background-color: #c9302c;

    border-color: #ac2925

}



.btn-danger.active.focus,

.btn-danger.active:focus,

.btn-danger.active:hover,

.btn-danger:active.focus,

.btn-danger:active:focus,

.btn-danger:active:hover,

.open>.btn-danger.dropdown-toggle.focus,

.open>.btn-danger.dropdown-toggle:focus,

.open>.btn-danger.dropdown-toggle:hover {

    color: #fff;

    background-color: #ac2925;

    border-color: #761c19

}



.btn-danger.active,

.btn-danger:active,

.open>.btn-danger.dropdown-toggle {

    background-image: none

}



.btn-danger.disabled.focus,

.btn-danger.disabled:focus,

.btn-danger.disabled:hover,

.btn-danger[disabled].focus,

.btn-danger[disabled]:focus,

.btn-danger[disabled]:hover,

fieldset[disabled] .btn-danger.focus,

fieldset[disabled] .btn-danger:focus,

fieldset[disabled] .btn-danger:hover {

    background-color: #d9534f;

    border-color: #d43f3a

}



.btn-danger .badge {

    color: #d9534f;

    background-color: #fff

}



.btn-link {

    color: #337ab7;

    font-weight: 400;

    border-radius: 0

}



.btn-link,

.btn-link.active,

.btn-link:active,

.btn-link[disabled],

fieldset[disabled] .btn-link {

    background-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none

}



.btn-link,

.btn-link:active,

.btn-link:focus,

.btn-link:hover {

    border-color: transparent

}



.btn-link:focus,

.btn-link:hover {

    color: #23527c;

    text-decoration: underline;

    background-color: transparent

}



.btn-link[disabled]:focus,

.btn-link[disabled]:hover,

fieldset[disabled] .btn-link:focus,

fieldset[disabled] .btn-link:hover {

    color: #777;

    text-decoration: none

}



.btn-group-lg>.btn,

.btn-lg {

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px

}



.btn-group-sm>.btn,

.btn-sm {

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.btn-group-xs>.btn,

.btn-xs {

    padding: 1px 5px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.btn-block {

    display: block;

    width: 100%

}



.btn-block+.btn-block {

    margin-top: 5px

}



input[type=button].btn-block,

input[type=reset].btn-block,

input[type=submit].btn-block {

    width: 100%

}



.fade {

    opacity: 0;

    -webkit-transition: opacity .15s linear;

    transition: opacity .15s linear

}



.fade.in {

    opacity: 1

}



.collapse {

    display: none

}



.collapse.in {

    display: block

}



tr.collapse.in {

    display: table-row

}



tbody.collapse.in {

    display: table-row-group

}



.collapsing {

    position: relative;

    height: 0;

    overflow: hidden;

    -webkit-transition-property: height, visibility;

    transition-property: height, visibility;

    -webkit-transition-duration: .35s;

    transition-duration: .35s;

    -webkit-transition-timing-function: ease;

    transition-timing-function: ease

}



.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px dashed;

    border-top: 4px solid\9;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent

}



.dropdown,

.dropup {

    position: relative

}



.dropdown-toggle:focus {

    outline: 0

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 160px;

    padding: 5px 0;

    margin: 2px 0 0;

    list-style: none;

    font-size: 14px;

    text-align: left;

    background-color: #fff;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: 4px;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    background-clip: padding-box

}



.dropdown-menu.pull-right {

    right: 0;

    left: auto

}



.dropdown-menu .divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}



.dropdown-menu>li>a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #333;

    white-space: nowrap

}



.dropdown-menu>li>a:focus,

.dropdown-menu>li>a:hover {

    text-decoration: none;

    color: #262626;

    background-color: #f5f5f5

}



.dropdown-menu>.active>a,

.dropdown-menu>.active>a:focus,

.dropdown-menu>.active>a:hover {

    color: #fff;

    text-decoration: none;

    outline: 0;

    background-color: #337ab7

}



.dropdown-menu>.disabled>a,

.dropdown-menu>.disabled>a:focus,

.dropdown-menu>.disabled>a:hover {

    color: #777

}



.dropdown-menu>.disabled>a:focus,

.dropdown-menu>.disabled>a:hover {

    text-decoration: none;

    background-color: transparent;

    background-image: none;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    cursor: not-allowed

}



.open>.dropdown-menu {

    display: block

}



.open>a {

    outline: 0

}



.dropdown-menu-right {

    left: auto;

    right: 0

}



.dropdown-menu-left {

    left: 0;

    right: auto

}



.dropdown-header {

    display: block;

    padding: 3px 20px;

    font-size: 12px;

    line-height: 1.42857143;

    color: #777;

    white-space: nowrap

}



.dropdown-backdrop {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 990

}



.pull-right>.dropdown-menu {

    right: 0;

    left: auto

}



.dropup .caret,

.navbar-fixed-bottom .dropdown .caret {

    border-top: 0;

    border-bottom: 4px dashed;

    border-bottom: 4px solid\9;

    content: ""

}



.dropup .dropdown-menu,

.navbar-fixed-bottom .dropdown .dropdown-menu {

    top: auto;

    bottom: 100%;

    margin-bottom: 2px

}



@media (min-width:768px) {

    .navbar-right .dropdown-menu {

        right: 0;

        left: auto

    }



    .navbar-right .dropdown-menu-left {

        left: 0;

        right: auto

    }

}



.btn-group,

.btn-group-vertical {

    position: relative;

    display: inline-block;

    vertical-align: middle

}



.btn-group-vertical>.btn,

.btn-group>.btn {

    position: relative;

    float: left

}



.btn-group-vertical>.btn.active,

.btn-group-vertical>.btn:active,

.btn-group-vertical>.btn:focus,

.btn-group-vertical>.btn:hover,

.btn-group>.btn.active,

.btn-group>.btn:active,

.btn-group>.btn:focus,

.btn-group>.btn:hover {

    z-index: 2

}



.btn-group .btn+.btn,

.btn-group .btn+.btn-group,

.btn-group .btn-group+.btn,

.btn-group .btn-group+.btn-group {

    margin-left: -1px

}



.btn-toolbar {

    margin-left: -5px

}



.btn-toolbar:after,

.btn-toolbar:before {

    content: " ";

    display: table

}



.btn-toolbar:after {

    clear: both

}



.btn-toolbar .btn,

.btn-toolbar .btn-group,

.btn-toolbar .input-group {

    float: left

}



.btn-toolbar>.btn,

.btn-toolbar>.btn-group,

.btn-toolbar>.input-group {

    margin-left: 5px

}



.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

    border-radius: 0

}



.btn-group>.btn:first-child {

    margin-left: 0

}



.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.btn-group>.btn:last-child:not(:first-child),

.btn-group>.dropdown-toggle:not(:first-child) {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.btn-group>.btn-group {

    float: left

}



.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {

    border-radius: 0

}



.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,

.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.btn-group .dropdown-toggle:active,

.btn-group.open .dropdown-toggle {

    outline: 0

}



.btn-group>.btn+.dropdown-toggle {

    padding-left: 8px;

    padding-right: 8px

}



.btn-group-lg.btn-group>.btn+.dropdown-toggle,

.btn-group>.btn-lg+.dropdown-toggle {

    padding-left: 12px;

    padding-right: 12px

}



.btn-group.open .dropdown-toggle {

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn-group.open .dropdown-toggle.btn-link {

    -webkit-box-shadow: none;

    box-shadow: none

}



.btn .caret {

    margin-left: 0

}



.btn-group-lg>.btn .caret,

.btn-lg .caret {

    border-width: 5px 5px 0;

    border-bottom-width: 0

}



.dropup .btn-group-lg>.btn .caret,

.dropup .btn-lg .caret {

    border-width: 0 5px 5px

}



.btn-group-vertical>.btn,

.btn-group-vertical>.btn-group,

.btn-group-vertical>.btn-group>.btn {

    display: block;

    float: none;

    width: 100%;

    max-width: 100%

}



.btn-group-vertical>.btn-group:after,

.btn-group-vertical>.btn-group:before {

    content: " ";

    display: table

}



.btn-group-vertical>.btn-group:after {

    clear: both

}



.btn-group-vertical>.btn-group>.btn {

    float: none

}



.btn-group-vertical>.btn+.btn,

.btn-group-vertical>.btn+.btn-group,

.btn-group-vertical>.btn-group+.btn,

.btn-group-vertical>.btn-group+.btn-group {

    margin-top: -1px;

    margin-left: 0

}



.btn-group-vertical>.btn:not(:first-child):not(:last-child) {

    border-radius: 0

}



.btn-group-vertical>.btn:first-child:not(:last-child) {

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.btn-group-vertical>.btn:last-child:not(:first-child) {

    border-top-right-radius: 0;

    border-top-left-radius: 0;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px

}



.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {

    border-radius: 0

}



.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.btn-group-justified {

    display: table;

    width: 100%;

    table-layout: fixed;

    border-collapse: separate

}



.btn-group-justified>.btn,

.btn-group-justified>.btn-group {

    float: none;

    display: table-cell;

    width: 1%

}



.btn-group-justified>.btn-group .btn {

    width: 100%

}



.btn-group-justified>.btn-group .dropdown-menu {

    left: auto

}



[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],

[data-toggle=buttons]>.btn-group>.btn input[type=radio],

[data-toggle=buttons]>.btn input[type=checkbox],

[data-toggle=buttons]>.btn input[type=radio] {

    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none

}



.input-group {

    position: relative;

    display: table;

    border-collapse: separate

}



.input-group[class*=col-] {

    float: none;

    padding-left: 0;

    padding-right: 0

}



.input-group .form-control {

    position: relative;

    z-index: 2;

    float: left;

    width: 100%;

    margin-bottom: 0

}



.input-group .form-control:focus {

    z-index: 3

}



.input-group-addon,

.input-group-btn,

.input-group .form-control {

    display: table-cell

}



.input-group-addon:not(:first-child):not(:last-child),

.input-group-btn:not(:first-child):not(:last-child),

.input-group .form-control:not(:first-child):not(:last-child) {

    border-radius: 0

}



.input-group-addon,

.input-group-btn {

    width: 1%;

    white-space: nowrap;

    vertical-align: middle

}



.input-group-addon {

    padding: 6px 12px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    color: #555;

    text-align: center;

    background-color: #eee;

    border: 1px solid #ccc;

    border-radius: 4px

}



.input-group-addon.input-sm,

.input-group-sm>.input-group-addon,

.input-group-sm>.input-group-btn>.input-group-addon.btn {

    padding: 5px 10px;

    font-size: 12px;

    border-radius: 3px

}



.input-group-addon.input-lg,

.input-group-lg>.input-group-addon,

.input-group-lg>.input-group-btn>.input-group-addon.btn {

    padding: 10px 16px;

    font-size: 18px;

    border-radius: 6px

}



.input-group-addon input[type=checkbox],

.input-group-addon input[type=radio] {

    margin-top: 0

}



.input-group-addon:first-child,

.input-group-btn:first-child>.btn,

.input-group-btn:first-child>.btn-group>.btn,

.input-group-btn:first-child>.dropdown-toggle,

.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,

.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),

.input-group .form-control:first-child {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.input-group-addon:first-child {

    border-right: 0

}



.input-group-addon:last-child,

.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,

.input-group-btn:first-child>.btn:not(:first-child),

.input-group-btn:last-child>.btn,

.input-group-btn:last-child>.btn-group>.btn,

.input-group-btn:last-child>.dropdown-toggle,

.input-group .form-control:last-child {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.input-group-addon:last-child {

    border-left: 0

}



.input-group-btn {

    font-size: 0;

    white-space: nowrap

}



.input-group-btn,

.input-group-btn>.btn {

    position: relative

}



.input-group-btn>.btn+.btn {

    margin-left: -1px

}



.input-group-btn>.btn:active,

.input-group-btn>.btn:focus,

.input-group-btn>.btn:hover {

    z-index: 2

}



.input-group-btn:first-child>.btn,

.input-group-btn:first-child>.btn-group {

    margin-right: -1px

}



.input-group-btn:last-child>.btn,

.input-group-btn:last-child>.btn-group {

    z-index: 2;

    margin-left: -1px

}



.nav {

    margin-bottom: 0;

    padding-left: 0;

    list-style: none

}



.nav:after,

.nav:before {

    content: " ";

    display: table

}



.nav:after {

    clear: both

}



.nav>li,

.nav>li>a {

    position: relative;

    display: block

}



.nav>li>a {

    padding: 10px 15px

}



.nav>li>a:focus,

.nav>li>a:hover {

    text-decoration: none;

    background-color: #eee

}



.nav>li.disabled>a {

    color: #777

}



.nav>li.disabled>a:focus,

.nav>li.disabled>a:hover {

    color: #777;

    text-decoration: none;

    background-color: transparent;

    cursor: not-allowed

}



.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

    background-color: #eee;

    border-color: #337ab7

}



.nav .nav-divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}



.nav>li>a>img {

    max-width: none

}



.nav-tabs {

    border-bottom: 1px solid #ddd

}



.nav-tabs>li {

    float: left;

    margin-bottom: -1px

}



.nav-tabs>li>a {

    margin-right: 2px;

    line-height: 1.42857143;

    border: 1px solid transparent;

    border-radius: 4px 4px 0 0

}



.nav-tabs>li>a:hover {

    border-color: #eee #eee #ddd

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

    color: #555;

    background-color: #fff;

    border: 1px solid #ddd;

    border-bottom-color: transparent;

    cursor: default

}



.nav-pills>li {

    float: left

}



.nav-pills>li>a {

    border-radius: 4px

}



.nav-pills>li+li {

    margin-left: 2px

}



.nav-pills>li.active>a,

.nav-pills>li.active>a:focus,

.nav-pills>li.active>a:hover {

    color: #fff;

    background-color: #337ab7

}



.nav-stacked>li {

    float: none

}



.nav-stacked>li+li {

    margin-top: 2px;

    margin-left: 0

}



.nav-justified,

.nav-tabs.nav-justified {

    width: 100%

}



.nav-justified>li,

.nav-tabs.nav-justified>li {

    float: none

}



.nav-justified>li>a,

.nav-tabs.nav-justified>li>a {

    text-align: center;

    margin-bottom: 5px

}



.nav-justified>.dropdown .dropdown-menu {

    top: auto;

    left: auto

}



@media (min-width:768px) {



    .nav-justified>li,

    .nav-tabs.nav-justified>li {

        display: table-cell;

        width: 1%

    }



    .nav-justified>li>a,

    .nav-tabs.nav-justified>li>a {

        margin-bottom: 0

    }

}



.nav-tabs-justified,

.nav-tabs.nav-justified {

    border-bottom: 0

}



.nav-tabs-justified>li>a,

.nav-tabs.nav-justified>li>a {

    margin-right: 0;

    border-radius: 4px

}



.nav-tabs-justified>.active>a,

.nav-tabs-justified>.active>a:focus,

.nav-tabs-justified>.active>a:hover,

.nav-tabs.nav-justified>.active>a,

.nav-tabs.nav-justified>.active>a:focus,

.nav-tabs.nav-justified>.active>a:hover {

    border: 1px solid #ddd

}



@media (min-width:768px) {



    .nav-tabs-justified>li>a,

    .nav-tabs.nav-justified>li>a {

        border-bottom: 1px solid #ddd;

        border-radius: 4px 4px 0 0

    }



    .nav-tabs-justified>.active>a,

    .nav-tabs-justified>.active>a:focus,

    .nav-tabs-justified>.active>a:hover,

    .nav-tabs.nav-justified>.active>a,

    .nav-tabs.nav-justified>.active>a:focus,

    .nav-tabs.nav-justified>.active>a:hover {

        border-bottom-color: #fff

    }

}



.tab-content>.tab-pane {

    display: none

}



.tab-content>.active {

    display: block

}



.nav-tabs .dropdown-menu {

    margin-top: -1px;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 20px;

    border: 1px solid transparent

}



.navbar:after,

.navbar:before {

    content: " ";

    display: table

}



.navbar:after {

    clear: both

}



@media (min-width:768px) {

    .navbar {

        border-radius: 4px

    }

}



.navbar-header:after,

.navbar-header:before {

    content: " ";

    display: table

}



.navbar-header:after {

    clear: both

}



@media (min-width:768px) {

    .navbar-header {

        float: left

    }

}



.navbar-collapse {

    overflow-x: visible;

    padding-right: 15px;

    padding-left: 15px;

    border-top: 1px solid transparent;

    -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1);

    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1);

    -webkit-overflow-scrolling: touch

}



.navbar-collapse:after,

.navbar-collapse:before {

    content: " ";

    display: table

}



.navbar-collapse:after {

    clear: both

}



.navbar-collapse.in {

    overflow-y: auto

}



@media (min-width:768px) {

    .navbar-collapse {

        width: auto;

        border-top: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }



    .navbar-collapse.collapse {

        display: block !important;

        height: auto !important;

        padding-bottom: 0;

        overflow: visible !important

    }



    .navbar-collapse.in {

        overflow-y: visible

    }



    .navbar-fixed-bottom .navbar-collapse,

    .navbar-fixed-top .navbar-collapse,

    .navbar-static-top .navbar-collapse {

        padding-left: 0;

        padding-right: 0

    }

}



.navbar-fixed-bottom .navbar-collapse,

.navbar-fixed-top .navbar-collapse {

    max-height: 340px

}



@media (max-device-width:480px) and (orientation:landscape) {



    .navbar-fixed-bottom .navbar-collapse,

    .navbar-fixed-top .navbar-collapse {

        max-height: 200px

    }

}



.container-fluid>.navbar-collapse,

.container-fluid>.navbar-header,

.container>.navbar-collapse,

.container>.navbar-header {

    margin-right: -15px;

    margin-left: -15px

}



@media (min-width:768px) {



    .container-fluid>.navbar-collapse,

    .container-fluid>.navbar-header,

    .container>.navbar-collapse,

    .container>.navbar-header {

        margin-right: 0;

        margin-left: 0

    }

}



.navbar-static-top {

    z-index: 1000;

    border-width: 0 0 1px

}



@media (min-width:768px) {

    .navbar-static-top {

        border-radius: 0

    }

}



.navbar-fixed-bottom,

.navbar-fixed-top {

    position: fixed;

    right: 0;

    left: 0;

    z-index: 1030

}



@media (min-width:768px) {



    .navbar-fixed-bottom,

    .navbar-fixed-top {

        border-radius: 0

    }

}



.navbar-fixed-top {

    top: 0;

    border-width: 0 0 1px

}



.navbar-fixed-bottom {

    bottom: 0;

    margin-bottom: 0;

    border-width: 1px 0 0

}



.navbar-brand {

    float: left;

    padding: 15px;

    font-size: 18px;

    line-height: 20px;

    height: 50px

}



.navbar-brand:focus,

.navbar-brand:hover {

    text-decoration: none

}



.navbar-brand>img {

    display: block

}



@media (min-width:768px) {



    .navbar>.container-fluid .navbar-brand,

    .navbar>.container .navbar-brand {

        margin-left: -15px

    }

}



.navbar-toggle {

    position: relative;

    float: right;

    margin-right: 15px;

    padding: 9px 10px;

    margin-top: 8px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px

}



.navbar-toggle:focus {

    outline: 0

}



.navbar-toggle .icon-bar {

    display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px

}



.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 4px

}



@media (min-width:768px) {

    .navbar-toggle {

        display: none

    }

}



.navbar-nav {

    margin: 7.5px -15px

}



.navbar-nav>li>a {

    padding-top: 10px;

    padding-bottom: 10px;

    line-height: 20px

}



@media (max-width:767px) {

    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }



    .navbar-nav .open .dropdown-menu .dropdown-header,

    .navbar-nav .open .dropdown-menu>li>a {

        padding: 5px 15px 5px 25px

    }



    .navbar-nav .open .dropdown-menu>li>a {

        line-height: 20px

    }



    .navbar-nav .open .dropdown-menu>li>a:focus,

    .navbar-nav .open .dropdown-menu>li>a:hover {

        background-image: none

    }

}



@media (min-width:768px) {

    .navbar-nav {

        float: left;

        margin: 0

    }



    .navbar-nav>li {

        float: left

    }



    .navbar-nav>li>a {

        padding-top: 15px;

        padding-bottom: 15px

    }

}



.navbar-form {

    margin: 8px -15px;

    padding: 10px 15px;

    border-top: 1px solid transparent;

    border-bottom: 1px solid transparent;

    -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .1);

    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .1)

}



@media (min-width:768px) {

    .navbar-form .form-group {

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle

    }



    .navbar-form .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle

    }



    .navbar-form .form-control-static {

        display: inline-block

    }



    .navbar-form .input-group {

        display: inline-table;

        vertical-align: middle

    }



    .navbar-form .input-group .form-control,

    .navbar-form .input-group .input-group-addon,

    .navbar-form .input-group .input-group-btn {

        width: auto

    }



    .navbar-form .input-group>.form-control {

        width: 100%

    }



    .navbar-form .control-label {

        margin-bottom: 0;

        vertical-align: middle

    }



    .navbar-form .checkbox,

    .navbar-form .radio {

        display: inline-block;

        margin-top: 0;

        margin-bottom: 0;

        vertical-align: middle

    }



    .navbar-form .checkbox label,

    .navbar-form .radio label {

        padding-left: 0

    }



    .navbar-form .checkbox input[type=checkbox],

    .navbar-form .radio input[type=radio] {

        position: relative;

        margin-left: 0

    }



    .navbar-form .has-feedback .form-control-feedback {

        top: 0

    }

}



@media (max-width:767px) {

    .navbar-form .form-group {

        margin-bottom: 5px

    }



    .navbar-form .form-group:last-child {

        margin-bottom: 0

    }

}



@media (min-width:768px) {

    .navbar-form {

        width: auto;

        border: 0;

        margin-left: 0;

        margin-right: 0;

        padding-top: 0;

        padding-bottom: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }

}



.navbar-nav>li>.dropdown-menu {

    margin-top: 0;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {

    margin-bottom: 0;

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.navbar-btn {

    margin-top: 8px;

    margin-bottom: 8px

}



.btn-group-sm>.navbar-btn.btn,

.navbar-btn.btn-sm {

    margin-top: 10px;

    margin-bottom: 10px

}



.btn-group-xs>.navbar-btn.btn,

.navbar-btn.btn-xs {

    margin-top: 14px;

    margin-bottom: 14px

}



.navbar-text {

    margin-top: 15px;

    margin-bottom: 15px

}



@media (min-width:768px) {

    .navbar-text {

        float: left;

        margin-left: 15px;

        margin-right: 15px

    }

}



@media (min-width:768px) {

    .navbar-left {

        float: left !important

    }



    .navbar-right {

        float: right !important;

        margin-right: -15px

    }



    .navbar-right~.navbar-right {

        margin-right: 0

    }

}



.navbar-default {

    background-color: #f8f8f8;

    border-color: #e7e7e7

}



.navbar-default .navbar-brand {

    color: #777

}



.navbar-default .navbar-brand:focus,

.navbar-default .navbar-brand:hover {

    color: #5e5d5d;

    background-color: transparent

}



.navbar-default .navbar-nav>li>a,

.navbar-default .navbar-text {

    color: #777

}



.navbar-default .navbar-nav>li>a:focus,

.navbar-default .navbar-nav>li>a:hover {

    color: #333;

    background-color: transparent

}



.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover {

    color: #555;

    background-color: #e7e7e7

}



.navbar-default .navbar-nav>.disabled>a,

.navbar-default .navbar-nav>.disabled>a:focus,

.navbar-default .navbar-nav>.disabled>a:hover {

    color: #ccc;

    background-color: transparent

}



.navbar-default .navbar-toggle {

    border-color: #ddd

}



.navbar-default .navbar-toggle:focus,

.navbar-default .navbar-toggle:hover {

    background-color: #ddd

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #888

}



.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

    border-color: #e7e7e7

}



.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>.open>a:focus,

.navbar-default .navbar-nav>.open>a:hover {

    background-color: #e7e7e7;

    color: #555

}



@media (max-width:767px) {

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {

        color: #777

    }



    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {

        color: #333;

        background-color: transparent

    }



    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {

        color: #555;

        background-color: #e7e7e7

    }



    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {

        color: #ccc;

        background-color: transparent

    }

}



.navbar-default .navbar-link {

    color: #777

}



.navbar-default .navbar-link:hover {

    color: #333

}



.navbar-default .btn-link {

    color: #777

}



.navbar-default .btn-link:focus,

.navbar-default .btn-link:hover {

    color: #333

}



.navbar-default .btn-link[disabled]:focus,

.navbar-default .btn-link[disabled]:hover,

fieldset[disabled] .navbar-default .btn-link:focus,

fieldset[disabled] .navbar-default .btn-link:hover {

    color: #ccc

}



.navbar-inverse {

    background-color: #222;

    border-color: #090909

}



.navbar-inverse .navbar-brand {

    color: #9d9d9d

}



.navbar-inverse .navbar-brand:focus,

.navbar-inverse .navbar-brand:hover {

    color: #fff;

    background-color: transparent

}



.navbar-inverse .navbar-nav>li>a,

.navbar-inverse .navbar-text {

    color: #9d9d9d

}



.navbar-inverse .navbar-nav>li>a:focus,

.navbar-inverse .navbar-nav>li>a:hover {

    color: #fff;

    background-color: transparent

}



.navbar-inverse .navbar-nav>.active>a,

.navbar-inverse .navbar-nav>.active>a:focus,

.navbar-inverse .navbar-nav>.active>a:hover {

    color: #fff;

    background-color: #090909

}



.navbar-inverse .navbar-nav>.disabled>a,

.navbar-inverse .navbar-nav>.disabled>a:focus,

.navbar-inverse .navbar-nav>.disabled>a:hover {

    color: #444;

    background-color: transparent

}



.navbar-inverse .navbar-toggle {

    border-color: #333

}



.navbar-inverse .navbar-toggle:focus,

.navbar-inverse .navbar-toggle:hover {

    background-color: #333

}



.navbar-inverse .navbar-toggle .icon-bar {

    background-color: #fff

}



.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

    border-color: #101010

}



.navbar-inverse .navbar-nav>.open>a,

.navbar-inverse .navbar-nav>.open>a:focus,

.navbar-inverse .navbar-nav>.open>a:hover {

    background-color: #090909;

    color: #fff

}



@media (max-width:767px) {

    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {

        border-color: #090909

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {

        background-color: #090909

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {

        color: #9d9d9d

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {

        color: #fff;

        background-color: transparent

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {

        color: #fff;

        background-color: #090909

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {

        color: #444;

        background-color: transparent

    }

}



.navbar-inverse .navbar-link {

    color: #9d9d9d

}



.navbar-inverse .navbar-link:hover {

    color: #fff

}



.navbar-inverse .btn-link {

    color: #9d9d9d

}



.navbar-inverse .btn-link:focus,

.navbar-inverse .btn-link:hover {

    color: #fff

}



.navbar-inverse .btn-link[disabled]:focus,

.navbar-inverse .btn-link[disabled]:hover,

fieldset[disabled] .navbar-inverse .btn-link:focus,

fieldset[disabled] .navbar-inverse .btn-link:hover {

    color: #444

}



.breadcrumb {

    padding: 8px 15px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px

}



.breadcrumb>li {

    display: inline-block

}



.breadcrumb>li+li:before {

    content: "/\A0";

    padding: 0 5px;

    color: #ccc

}



.breadcrumb>.active {

    color: #777

}



.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px

}



.pagination>li {

    display: inline

}



.pagination>li>a,

.pagination>li>span {

    position: relative;

    float: left;

    padding: 6px 3px;

    line-height: 1.42857143;

    text-decoration: none;

    color: #337ab7;

    background-color: #fff;

    border: 1px solid #ddd;

    margin-left: -1px

}



.pagination>li:first-child>a,

.pagination>li:first-child>span {

    margin-left: 0;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px

}



.pagination>li:last-child>a,

.pagination>li:last-child>span {

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px

}



.pagination>li>a:focus,

.pagination>li>a:hover,

.pagination>li>span:focus,

.pagination>li>span:hover {

    z-index: 2;

    color: #23527c;

    background-color: #eee;

    border-color: #ddd

}



.pagination>.active>a,

.pagination>.active>a:focus,

.pagination>.active>a:hover,

.pagination>.active>span,

.pagination>.active>span:focus,

.pagination>.active>span:hover {

    z-index: 3;

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7;

    cursor: default

}



.pagination>.disabled>a,

.pagination>.disabled>a:focus,

.pagination>.disabled>a:hover,

.pagination>.disabled>span,

.pagination>.disabled>span:focus,

.pagination>.disabled>span:hover {

    color: #777;

    background-color: #fff;

    border-color: #ddd;

    cursor: not-allowed

}



.pagination-lg>li>a,

.pagination-lg>li>span {

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333

}



.pagination-lg>li:first-child>a,

.pagination-lg>li:first-child>span {

    border-bottom-left-radius: 6px;

    border-top-left-radius: 6px

}



.pagination-lg>li:last-child>a,

.pagination-lg>li:last-child>span {

    border-bottom-right-radius: 6px;

    border-top-right-radius: 6px

}



.pagination-sm>li>a,

.pagination-sm>li>span {

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5

}



.pagination-sm>li:first-child>a,

.pagination-sm>li:first-child>span {

    border-bottom-left-radius: 3px;

    border-top-left-radius: 3px

}



.pagination-sm>li:last-child>a,

.pagination-sm>li:last-child>span {

    border-bottom-right-radius: 3px;

    border-top-right-radius: 3px

}



.pager {

    padding-left: 0;

    margin: 20px 0;

    list-style: none;

    text-align: center

}



.pager:after,

.pager:before {

    content: " ";

    display: table

}



.pager:after {

    clear: both

}



.pager li {

    display: inline

}



.pager li>a,

.pager li>span {

    display: inline-block;

    padding: 5px 14px;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 15px

}



.pager li>a:focus,

.pager li>a:hover {

    text-decoration: none;

    background-color: #eee

}



.pager .next>a,

.pager .next>span {

    float: right

}



.pager .previous>a,

.pager .previous>span {

    float: left

}



.pager .disabled>a,

.pager .disabled>a:focus,

.pager .disabled>a:hover,

.pager .disabled>span {

    color: #777;

    background-color: #fff;

    cursor: not-allowed

}



.label {

    display: inline;

    padding: .2em .6em .3em;

    font-size: 75%;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: .25em

}



.label:empty {

    display: none

}



.btn .label {

    position: relative;

    top: -1px

}



a.label:focus,

a.label:hover {

    color: #fff;

    text-decoration: none;

    cursor: pointer

}



.label-default {

    background-color: #777

}



.label-default[href]:focus,

.label-default[href]:hover {

    background-color: #5e5e5e

}



.label-primary {

    background-color: #337ab7

}



.label-primary[href]:focus,

.label-primary[href]:hover {

    background-color: #286090

}



.label-success {

    background-color: #5cb85c

}



.label-success[href]:focus,

.label-success[href]:hover {

    background-color: #449d44

}



.label-info {

    background-color: #5bc0de

}



.label-info[href]:focus,

.label-info[href]:hover {

    background-color: #31b0d5

}



.label-warning {

    background-color: #f0ad4e

}



.label-warning[href]:focus,

.label-warning[href]:hover {

    background-color: #ec971f

}



.label-danger {

    background-color: #d9534f

}



.label-danger[href]:focus,

.label-danger[href]:hover {

    background-color: #c9302c

}



.badge {

    display: inline-block;

    min-width: 10px;

    padding: 3px 7px;

    font-size: 12px;

    font-weight: 700;

    color: #fff;

    line-height: 1;

    vertical-align: middle;

    white-space: nowrap;

    text-align: center;

    background-color: #777;

    border-radius: 10px

}



.badge:empty {

    display: none

}



.btn .badge {

    position: relative;

    top: -1px

}



.btn-group-xs>.btn .badge,

.btn-xs .badge {

    top: 0;

    padding: 1px 5px

}



.list-group-item.active>.badge,

.nav-pills>.active>a>.badge {

    color: #337ab7;

    background-color: #fff

}



.list-group-item>.badge {

    float: right

}



.list-group-item>.badge+.badge {

    margin-right: 5px

}



.nav-pills>li>a>.badge {

    margin-left: 3px

}



a.badge:focus,

a.badge:hover {

    color: #fff;

    text-decoration: none;

    cursor: pointer

}



.jumbotron {

    padding-top: 30px;

    padding-bottom: 30px;

    margin-bottom: 30px;

    background-color: #eee

}



.jumbotron,

.jumbotron .h1,

.jumbotron h1 {

    color: inherit

}



.jumbotron p {

    margin-bottom: 15px;

    font-size: 21px;

    font-weight: 200

}



.jumbotron>hr {

    border-top-color: #d5d5d5

}



.container-fluid .jumbotron,

.container .jumbotron {

    border-radius: 6px;

    padding-left: 15px;

    padding-right: 15px

}



.jumbotron .container {

    max-width: 100%

}



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

    .jumbotron {

        padding-top: 48px;

        padding-bottom: 48px

    }



    .container-fluid .jumbotron,

    .container .jumbotron {

        padding-left: 60px;

        padding-right: 60px

    }



    .jumbotron .h1,

    .jumbotron h1 {

        font-size: 63px

    }

}



.thumbnail {

    display: block;

    padding: 4px;

    margin-bottom: 20px;

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    -webkit-transition: border .2s ease-in-out;

    transition: border .2s ease-in-out

}



.thumbnail>img,

.thumbnail a>img {

    display: block;

    max-width: 100%;

    height: auto;

    margin-left: auto;

    margin-right: auto

}



.thumbnail .caption {

    padding: 9px;

    color: #333

}



a.thumbnail.active,

a.thumbnail:focus,

a.thumbnail:hover {

    border-color: #337ab7

}



.alert {

    padding: 15px;

    margin-bottom: 20px;

    border: 1px solid transparent;

    border-radius: 4px

}



.alert h4 {

    margin-top: 0;

    color: inherit

}



.alert .alert-link {

    font-weight: 700

}



.alert>p,

.alert>ul {

    margin-bottom: 0

}



.alert>p+p {

    margin-top: 5px

}



.alert-dismissable,

.alert-dismissible {

    padding-right: 35px

}



.alert-dismissable .close,

.alert-dismissible .close {

    position: relative;

    top: -2px;

    right: -21px;

    color: inherit

}



.alert-success {

    background-color: #dff0d8;

    border-color: #d6e9c6;

    color: #3c763d

}



.alert-success hr {

    border-top-color: #c9e2b3

}



.alert-success .alert-link {

    color: #2b542c

}



.alert-info {

    background-color: #d9edf7;

    border-color: #bce8f1;

    color: #31708f

}



.alert-info hr {

    border-top-color: #a6e1ec

}



.alert-info .alert-link {

    color: #245269

}



.alert-warning {

    background-color: #fcf8e3;

    border-color: #faebcc;

    color: #8a6d3b

}



.alert-warning hr {

    border-top-color: #f7e1b5

}



.alert-warning .alert-link {

    color: #66512c

}



.alert-danger {

    background-color: #f2dede;

    border-color: #ebccd1;

    color: #a94442

}



.alert-danger hr {

    border-top-color: #e4b9c0

}



.alert-danger .alert-link {

    color: #843534

}



@-webkit-keyframes progress-bar-stripes {

    0% {

        background-position: 40px 0

    }



    to {

        background-position: 0 0

    }

}



@keyframes progress-bar-stripes {

    0% {

        background-position: 40px 0

    }



    to {

        background-position: 0 0

    }

}



.progress {

    overflow: hidden;

    height: 20px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)

}



.progress-bar {

    float: left;

    width: 0;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    background-color: #337ab7;

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    -webkit-transition: width .6s ease;

    transition: width .6s ease

}



.progress-bar-striped,

.progress-striped .progress-bar {

    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);

    background-size: 40px 40px

}



.progress-bar.active,

.progress.active .progress-bar {

    -webkit-animation: progress-bar-stripes 2s linear infinite;

    animation: progress-bar-stripes 2s linear infinite

}



.progress-bar-success {

    background-color: #5cb85c

}



.progress-striped .progress-bar-success {

    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)

}



.progress-bar-info {

    background-color: #5bc0de

}



.progress-striped .progress-bar-info {

    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)

}



.progress-bar-warning {

    background-color: #f0ad4e

}



.progress-striped .progress-bar-warning {

    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)

}



.progress-bar-danger {

    background-color: #d9534f

}



.progress-striped .progress-bar-danger {

    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)

}



.media {

    margin-top: 15px

}



.media:first-child {

    margin-top: 0

}



.media,

.media-body {

    zoom: 1;

    overflow: hidden

}



.media-body {

    width: 10000px

}



.media-object {

    display: block

}



.media-object.img-thumbnail {

    max-width: none

}



.media-right,

.media>.pull-right {

    padding-left: 10px

}



.media-left,

.media>.pull-left {

    padding-right: 10px

}



.media-body,

.media-left,

.media-right {

    display: table-cell;

    vertical-align: top

}



.media-middle {

    vertical-align: middle

}



.media-bottom {

    vertical-align: bottom

}



.media-heading {

    margin-top: 0;

    margin-bottom: 5px

}



.media-list {

    padding-left: 0;

    list-style: none

}



.list-group {

    margin-bottom: 20px;

    padding-left: 0

}



.list-group-item {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-bottom: -1px;

    background-color: #fff;

    border: 1px solid #ddd

}



.list-group-item:first-child {

    border-top-right-radius: 4px;

    border-top-left-radius: 4px

}



.list-group-item:last-child {

    margin-bottom: 0;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px

}



a.list-group-item,

button.list-group-item {

    color: #555

}



a.list-group-item .list-group-item-heading,

button.list-group-item .list-group-item-heading {

    color: #333

}



a.list-group-item:focus,

a.list-group-item:hover,

button.list-group-item:focus,

button.list-group-item:hover {

    text-decoration: none;

    color: #555;

    background-color: #f5f5f5

}



button.list-group-item {

    width: 100%;

    text-align: left

}



.list-group-item.disabled,

.list-group-item.disabled:focus,

.list-group-item.disabled:hover {

    background-color: #eee;

    color: #777;

    cursor: not-allowed

}



.list-group-item.disabled .list-group-item-heading,

.list-group-item.disabled:focus .list-group-item-heading,

.list-group-item.disabled:hover .list-group-item-heading {

    color: inherit

}



.list-group-item.disabled .list-group-item-text,

.list-group-item.disabled:focus .list-group-item-text,

.list-group-item.disabled:hover .list-group-item-text {

    color: #777

}



.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

    z-index: 2;

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7

}



.list-group-item.active .list-group-item-heading,

.list-group-item.active .list-group-item-heading>.small,

.list-group-item.active .list-group-item-heading>small,

.list-group-item.active:focus .list-group-item-heading,

.list-group-item.active:focus .list-group-item-heading>.small,

.list-group-item.active:focus .list-group-item-heading>small,

.list-group-item.active:hover .list-group-item-heading,

.list-group-item.active:hover .list-group-item-heading>.small,

.list-group-item.active:hover .list-group-item-heading>small {

    color: inherit

}



.list-group-item.active .list-group-item-text,

.list-group-item.active:focus .list-group-item-text,

.list-group-item.active:hover .list-group-item-text {

    color: #c7ddef

}



.list-group-item-success {

    color: #3c763d;

    background-color: #dff0d8

}



a.list-group-item-success,

button.list-group-item-success {

    color: #3c763d

}



a.list-group-item-success .list-group-item-heading,

button.list-group-item-success .list-group-item-heading {

    color: inherit

}



a.list-group-item-success:focus,

a.list-group-item-success:hover,

button.list-group-item-success:focus,

button.list-group-item-success:hover {

    color: #3c763d;

    background-color: #d0e9c6

}



a.list-group-item-success.active,

a.list-group-item-success.active:focus,

a.list-group-item-success.active:hover,

button.list-group-item-success.active,

button.list-group-item-success.active:focus,

button.list-group-item-success.active:hover {

    color: #fff;

    background-color: #3c763d;

    border-color: #3c763d

}



.list-group-item-info {

    color: #31708f;

    background-color: #d9edf7

}



a.list-group-item-info,

button.list-group-item-info {

    color: #31708f

}



a.list-group-item-info .list-group-item-heading,

button.list-group-item-info .list-group-item-heading {

    color: inherit

}



a.list-group-item-info:focus,

a.list-group-item-info:hover,

button.list-group-item-info:focus,

button.list-group-item-info:hover {

    color: #31708f;

    background-color: #c4e3f3

}



a.list-group-item-info.active,

a.list-group-item-info.active:focus,

a.list-group-item-info.active:hover,

button.list-group-item-info.active,

button.list-group-item-info.active:focus,

button.list-group-item-info.active:hover {

    color: #fff;

    background-color: #31708f;

    border-color: #31708f

}



.list-group-item-warning {

    color: #8a6d3b;

    background-color: #fcf8e3

}



a.list-group-item-warning,

button.list-group-item-warning {

    color: #8a6d3b

}



a.list-group-item-warning .list-group-item-heading,

button.list-group-item-warning .list-group-item-heading {

    color: inherit

}



a.list-group-item-warning:focus,

a.list-group-item-warning:hover,

button.list-group-item-warning:focus,

button.list-group-item-warning:hover {

    color: #8a6d3b;

    background-color: #faf2cc

}



a.list-group-item-warning.active,

a.list-group-item-warning.active:focus,

a.list-group-item-warning.active:hover,

button.list-group-item-warning.active,

button.list-group-item-warning.active:focus,

button.list-group-item-warning.active:hover {

    color: #fff;

    background-color: #8a6d3b;

    border-color: #8a6d3b

}



.list-group-item-danger {

    color: #a94442;

    background-color: #f2dede

}



a.list-group-item-danger,

button.list-group-item-danger {

    color: #a94442

}



a.list-group-item-danger .list-group-item-heading,

button.list-group-item-danger .list-group-item-heading {

    color: inherit

}



a.list-group-item-danger:focus,

a.list-group-item-danger:hover,

button.list-group-item-danger:focus,

button.list-group-item-danger:hover {

    color: #a94442;

    background-color: #ebcccc

}



a.list-group-item-danger.active,

a.list-group-item-danger.active:focus,

a.list-group-item-danger.active:hover,

button.list-group-item-danger.active,

button.list-group-item-danger.active:focus,

button.list-group-item-danger.active:hover {

    color: #fff;

    background-color: #a94442;

    border-color: #a94442

}



.list-group-item-heading {

    margin-top: 0;

    margin-bottom: 5px

}



.list-group-item-text {

    margin-bottom: 0;

    line-height: 1.3

}



.panel {

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid transparent;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)

}



.panel-body {

    padding: 15px

}



.panel-body:after,

.panel-body:before {

    content: " ";

    display: table

}



.panel-body:after {

    clear: both

}



.panel-heading {

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel-heading>.dropdown .dropdown-toggle,

.panel-title {

    color: inherit

}



.panel-title {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 16px

}



.panel-title>.small,

.panel-title>.small>a,

.panel-title>a,

.panel-title>small,

.panel-title>small>a {

    color: inherit

}



.panel-footer {

    padding: 10px 15px;

    background-color: #f5f5f5;

    border-top: 1px solid #ddd;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel>.list-group,

.panel>.panel-collapse>.list-group {

    margin-bottom: 0

}



.panel>.list-group .list-group-item,

.panel>.panel-collapse>.list-group .list-group-item {

    border-width: 1px 0;

    border-radius: 0

}



.panel>.list-group:first-child .list-group-item:first-child,

.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {

    border-top: 0;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel>.list-group:last-child .list-group-item:last-child,

.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {

    border-bottom: 0;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.list-group+.panel-footer,

.panel-heading+.list-group .list-group-item:first-child {

    border-top-width: 0

}



.panel>.panel-collapse>.table,

.panel>.table,

.panel>.table-responsive>.table {

    margin-bottom: 0

}



.panel>.panel-collapse>.table caption,

.panel>.table-responsive>.table caption,

.panel>.table caption {

    padding-left: 15px;

    padding-right: 15px

}



.panel>.table-responsive:first-child>.table:first-child,

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,

.panel>.table:first-child,

.panel>.table:first-child>tbody:first-child>tr:first-child,

.panel>.table:first-child>thead:first-child>tr:first-child {

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,

.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,

.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,

.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {

    border-top-left-radius: 3px

}



.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,

.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,

.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,

.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {

    border-top-right-radius: 3px

}



.panel>.table-responsive:last-child>.table:last-child,

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,

.panel>.table:last-child,

.panel>.table:last-child>tbody:last-child>tr:last-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child {

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,

.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {

    border-bottom-left-radius: 3px

}



.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,

.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {

    border-bottom-right-radius: 3px

}



.panel>.panel-body+.table,

.panel>.panel-body+.table-responsive,

.panel>.table+.panel-body,

.panel>.table-responsive+.panel-body {

    border-top: 1px solid #ddd

}



.panel>.table>tbody:first-child>tr:first-child td,

.panel>.table>tbody:first-child>tr:first-child th {

    border-top: 0

}



.panel>.table-bordered,

.panel>.table-responsive>.table-bordered {

    border: 0

}



.panel>.table-bordered>tbody>tr>td:first-child,

.panel>.table-bordered>tbody>tr>th:first-child,

.panel>.table-bordered>tfoot>tr>td:first-child,

.panel>.table-bordered>tfoot>tr>th:first-child,

.panel>.table-bordered>thead>tr>td:first-child,

.panel>.table-bordered>thead>tr>th:first-child,

.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,

.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,

.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,

.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,

.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,

.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {

    border-left: 0

}



.panel>.table-bordered>tbody>tr>td:last-child,

.panel>.table-bordered>tbody>tr>th:last-child,

.panel>.table-bordered>tfoot>tr>td:last-child,

.panel>.table-bordered>tfoot>tr>th:last-child,

.panel>.table-bordered>thead>tr>td:last-child,

.panel>.table-bordered>thead>tr>th:last-child,

.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,

.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,

.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,

.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,

.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,

.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {

    border-right: 0

}



.panel>.table-bordered>tbody>tr:first-child>td,

.panel>.table-bordered>tbody>tr:first-child>th,

.panel>.table-bordered>tbody>tr:last-child>td,

.panel>.table-bordered>tbody>tr:last-child>th,

.panel>.table-bordered>tfoot>tr:last-child>td,

.panel>.table-bordered>tfoot>tr:last-child>th,

.panel>.table-bordered>thead>tr:first-child>td,

.panel>.table-bordered>thead>tr:first-child>th,

.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,

.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,

.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,

.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,

.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,

.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,

.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,

.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {

    border-bottom: 0

}



.panel>.table-responsive {

    border: 0;

    margin-bottom: 0

}



.panel-group {

    margin-bottom: 20px

}



.panel-group .panel {

    margin-bottom: 0;

    border-radius: 4px

}



.panel-group .panel+.panel {

    margin-top: 5px

}



.panel-group .panel-heading {

    border-bottom: 0

}



.panel-group .panel-heading+.panel-collapse>.list-group,

.panel-group .panel-heading+.panel-collapse>.panel-body {

    border-top: 1px solid #ddd

}



.panel-group .panel-footer {

    border-top: 0

}



.panel-group .panel-footer+.panel-collapse .panel-body {

    border-bottom: 1px solid #ddd

}



.panel-default {

    border-color: #ddd

}



.panel-default>.panel-heading {

    color: #333;

    background-color: #f5f5f5;

    border-color: #ddd

}



.panel-default>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #ddd

}



.panel-default>.panel-heading .badge {

    color: #f5f5f5;

    background-color: #333

}



.panel-default>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #ddd

}



.panel-primary {

    border-color: #337ab7

}



.panel-primary>.panel-heading {

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7

}



.panel-primary>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #337ab7

}



.panel-primary>.panel-heading .badge {

    color: #337ab7;

    background-color: #fff

}



.panel-primary>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #337ab7

}



.panel-success {

    border-color: #d6e9c6

}



.panel-success>.panel-heading {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6

}



.panel-success>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #d6e9c6

}



.panel-success>.panel-heading .badge {

    color: #dff0d8;

    background-color: #3c763d

}



.panel-success>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #d6e9c6

}



.panel-info {

    border-color: #bce8f1

}



.panel-info>.panel-heading {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1

}



.panel-info>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #bce8f1

}



.panel-info>.panel-heading .badge {

    color: #d9edf7;

    background-color: #31708f

}



.panel-info>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #bce8f1

}



.panel-warning {

    border-color: #faebcc

}



.panel-warning>.panel-heading {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border-color: #faebcc

}



.panel-warning>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #faebcc

}



.panel-warning>.panel-heading .badge {

    color: #fcf8e3;

    background-color: #8a6d3b

}



.panel-warning>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #faebcc

}



.panel-danger {

    border-color: #ebccd1

}



.panel-danger>.panel-heading {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1

}



.panel-danger>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #ebccd1

}



.panel-danger>.panel-heading .badge {

    color: #f2dede;

    background-color: #a94442

}



.panel-danger>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #ebccd1

}



.embed-responsive {

    position: relative;

    display: block;

    height: 0;

    padding: 0;

    overflow: hidden

}



.embed-responsive .embed-responsive-item,

.embed-responsive embed,

.embed-responsive iframe,

.embed-responsive object,

.embed-responsive video {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    border: 0

}



.embed-responsive-16by9 {

    padding-bottom: 56.25%

}



.embed-responsive-4by3 {

    padding-bottom: 75%

}



.well {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)

}



.well blockquote {

    border-color: #ddd;

    border-color: rgba(0, 0, 0, .15)

}



.well-lg {

    padding: 24px;

    border-radius: 6px

}



.well-sm {

    padding: 9px;

    border-radius: 3px

}



.close {

    float: right;

    font-size: 21px;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: .2;

    filter: alpha(opacity=20)

}



.close:focus,

.close:hover {

    color: #000;

    text-decoration: none;

    cursor: pointer;

    opacity: .5;

    filter: alpha(opacity=50)

}



button.close {

    padding: 0;

    cursor: pointer;

    background: transparent;

    border: 0;

    -webkit-appearance: none

}



.modal,

.modal-open {

    overflow: hidden

}



.modal {

    display: none;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    -webkit-overflow-scrolling: touch;

    outline: 0

}



.modal.fade .modal-dialog {

    -webkit-transform: translateY(-25%);

    transform: translateY(-25%);

    -webkit-transition: -webkit-transform .3s ease-out;

    transition: -webkit-transform .3s ease-out;

    transition: transform .3s ease-out;

    transition: transform .3s ease-out, -webkit-transform .3s ease-out

}



.modal.in .modal-dialog {

    -webkit-transform: translate(0);

    transform: translate(0)

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: 10px

}



.modal-content {

    position: relative;

    background-color: #fff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

    background-clip: padding-box;

    outline: 0

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000

}



.modal-backdrop.fade {

    opacity: 0;

    filter: alpha(opacity=0)

}



.modal-backdrop.in {

    opacity: .5;

    filter: alpha(opacity=50)

}



.modal-header {

    padding: 15px;

    border-bottom: 1px solid #e5e5e5

}



.modal-header:after,

.modal-header:before {

    content: " ";

    display: table

}



.modal-header:after {

    clear: both

}



.modal-header .close {

    margin-top: -2px

}



.modal-title {

    margin: 0;

    line-height: 1.42857143

}



.modal-body {

    padding: 15px

}



.modal-footer {

    padding: 15px;

    text-align: right;

    border-top: 1px solid #e5e5e5

}



.modal-footer:after,

.modal-footer:before {

    content: " ";

    display: table

}



.modal-footer:after {

    clear: both

}



.modal-footer .btn+.btn {

    margin-left: 5px;

    margin-bottom: 0

}



.modal-footer .btn-group .btn+.btn {

    margin-left: -1px

}



.modal-footer .btn-block+.btn-block {

    margin-left: 0

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll

}



@media (min-width:768px) {

    .modal-dialog {

        width: 600px;

        margin: 30px auto

    }



    .modal-content {

        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)

    }



    .modal-sm {

        width: 300px

    }

}



@media (min-width:992px) {

    .modal-lg {

        width: 900px

    }

}



.tooltip {

    position: absolute;

    z-index: 1070;

    display: block;

    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    font-style: normal;

    font-weight: 400;

    letter-spacing: normal;

    line-break: auto;

    line-height: 1.42857143;

    text-align: left;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    white-space: normal;

    word-break: normal;

    word-spacing: normal;

    word-wrap: normal;

    font-size: 12px;

    opacity: 0;

    filter: alpha(opacity=0)

}



.tooltip.in {

    opacity: .9;

    filter: alpha(opacity=90)

}



.tooltip.top {

    margin-top: -3px;

    padding: 5px 0

}



.tooltip.right {

    margin-left: 3px;

    padding: 0 5px

}



.tooltip.bottom {

    margin-top: 3px;

    padding: 5px 0

}



.tooltip.left {

    margin-left: -3px;

    padding: 0 5px

}



.tooltip-inner {

    max-width: 200px;

    padding: 3px 8px;

    color: #fff;

    text-align: center;

    background-color: #000;

    border-radius: 4px

}



.tooltip-arrow {

    position: absolute;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid

}



.tooltip.top .tooltip-arrow {

    bottom: 0;

    left: 50%;

    margin-left: -5px;

    border-width: 5px 5px 0;

    border-top-color: #000

}



.tooltip.top-left .tooltip-arrow {

    right: 5px

}



.tooltip.top-left .tooltip-arrow,

.tooltip.top-right .tooltip-arrow {

    bottom: 0;

    margin-bottom: -5px;

    border-width: 5px 5px 0;

    border-top-color: #000

}



.tooltip.top-right .tooltip-arrow {

    left: 5px

}



.tooltip.right .tooltip-arrow {

    top: 50%;

    left: 0;

    margin-top: -5px;

    border-width: 5px 5px 5px 0;

    border-right-color: #000

}



.tooltip.left .tooltip-arrow {

    top: 50%;

    right: 0;

    margin-top: -5px;

    border-width: 5px 0 5px 5px;

    border-left-color: #000

}



.tooltip.bottom .tooltip-arrow {

    top: 0;

    left: 50%;

    margin-left: -5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.tooltip.bottom-left .tooltip-arrow {

    top: 0;

    right: 5px;

    margin-top: -5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.tooltip.bottom-right .tooltip-arrow {

    top: 0;

    left: 5px;

    margin-top: -5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.popover {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1060;

    display: none;

    max-width: 276px;

    padding: 1px;

    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    font-style: normal;

    font-weight: 400;

    letter-spacing: normal;

    line-break: auto;

    line-height: 1.42857143;

    text-align: left;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    white-space: normal;

    word-break: normal;

    word-spacing: normal;

    word-wrap: normal;

    font-size: 14px;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 6px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)

}



.popover.top {

    margin-top: -10px

}



.popover.right {

    margin-left: 10px

}



.popover.bottom {

    margin-top: 10px

}



.popover.left {

    margin-left: -10px

}



.popover-title {

    margin: 0;

    padding: 8px 14px;

    font-size: 14px;

    background-color: #f7f7f7;

    border-bottom: 1px solid #ebebeb;

    border-radius: 5px 5px 0 0

}



.popover-content {

    padding: 9px 14px

}



.popover>.arrow,

.popover>.arrow:after {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid

}



.popover>.arrow {

    border-width: 11px

}



.popover>.arrow:after {

    border-width: 10px;

    content: ""

}



.popover.top>.arrow {

    left: 50%;

    margin-left: -11px;

    border-bottom-width: 0;

    border-top-color: #999;

    border-top-color: rgba(0, 0, 0, .25);

    bottom: -11px

}



.popover.top>.arrow:after {

    content: " ";

    bottom: 1px;

    margin-left: -10px;

    border-bottom-width: 0;

    border-top-color: #fff

}



.popover.right>.arrow {

    top: 50%;

    left: -11px;

    margin-top: -11px;

    border-left-width: 0;

    border-right-color: #999;

    border-right-color: rgba(0, 0, 0, .25)

}



.popover.right>.arrow:after {

    content: " ";

    left: 1px;

    bottom: -10px;

    border-left-width: 0;

    border-right-color: #fff

}



.popover.bottom>.arrow {

    left: 50%;

    margin-left: -11px;

    border-top-width: 0;

    border-bottom-color: #999;

    border-bottom-color: rgba(0, 0, 0, .25);

    top: -11px

}



.popover.bottom>.arrow:after {

    content: " ";

    top: 1px;

    margin-left: -10px;

    border-top-width: 0;

    border-bottom-color: #fff

}



.popover.left>.arrow {

    top: 50%;

    right: -11px;

    margin-top: -11px;

    border-right-width: 0;

    border-left-color: #999;

    border-left-color: rgba(0, 0, 0, .25)

}



.popover.left>.arrow:after {

    content: " ";

    right: 1px;

    border-right-width: 0;

    border-left-color: #fff;

    bottom: -10px

}



.carousel,

.carousel-inner {

    position: relative

}



.carousel-inner {

    overflow: hidden;

    width: 100%

}



.carousel-inner>.item {

    display: none;

    position: relative;

    -webkit-transition: left .6s ease-in-out;

    transition: left .6s ease-in-out

}



.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

    display: block;

    max-width: 100%;

    height: auto;

    line-height: 1

}



@media (-webkit-transform-3d),

(transform-3d) {

    .carousel-inner>.item {

        -webkit-transition: -webkit-transform .6s ease-in-out;

        transition: -webkit-transform .6s ease-in-out;

        transition: transform .6s ease-in-out;

        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-perspective: 1000px;

        perspective: 1000px

    }



    .carousel-inner>.item.active.right,

    .carousel-inner>.item.next {

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

        transform: translate3d(100%, 0, 0);

        left: 0

    }



    .carousel-inner>.item.active.left,

    .carousel-inner>.item.prev {

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

        transform: translate3d(-100%, 0, 0);

        left: 0

    }



    .carousel-inner>.item.active,

    .carousel-inner>.item.next.left,

    .carousel-inner>.item.prev.right {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        left: 0

    }

}



.carousel-inner>.active,

.carousel-inner>.next,

.carousel-inner>.prev {

    display: block

}



.carousel-inner>.active {

    left: 0

}



.carousel-inner>.next,

.carousel-inner>.prev {

    position: absolute;

    top: 0;

    width: 100%

}



.carousel-inner>.next {

    left: 100%

}



.carousel-inner>.prev {

    left: -100%

}



.carousel-inner>.next.left,

.carousel-inner>.prev.right {

    left: 0

}



.carousel-inner>.active.left {

    left: -100%

}



.carousel-inner>.active.right {

    left: 100%

}



.carousel-control {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 15%;

    opacity: .5;

    filter: alpha(opacity=50);

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

    background-color: transparent

}



.carousel-control.left {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));

    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001));

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1)

}



.carousel-control.right {

    left: auto;

    right: 0;

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));

    background-image: linear-gradient(90deg, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5));

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1)

}



.carousel-control:focus,

.carousel-control:hover {

    outline: 0;

    color: #fff;

    text-decoration: none;

    opacity: .9;

    filter: alpha(opacity=90)

}



.carousel-control .glyphicon-chevron-left,

.carousel-control .glyphicon-chevron-right,

.carousel-control .icon-next,

.carousel-control .icon-prev {

    position: absolute;

    top: 50%;

    margin-top: -10px;

    z-index: 5;

    display: inline-block

}



.carousel-control .glyphicon-chevron-left,

.carousel-control .icon-prev {

    left: 50%;

    margin-left: -10px

}



.carousel-control .glyphicon-chevron-right,

.carousel-control .icon-next {

    right: 50%;

    margin-right: -10px

}



.carousel-control .icon-next,

.carousel-control .icon-prev {

    width: 20px;

    height: 20px;

    line-height: 1;

    font-family: serif

}



.carousel-control .icon-prev:before {

    content: "\2039"

}



.carousel-control .icon-next:before {

    content: "\203A"

}



.carousel-indicators {

    position: absolute;

    bottom: 10px;

    left: 50%;

    z-index: 15;

    width: 60%;

    margin-left: -30%;

    padding-left: 0;

    list-style: none;

    text-align: center

}



.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    border: 1px solid #fff;

    border-radius: 10px;

    cursor: pointer;

    background-color: #000\9;

    background-color: transparent

}



.carousel-indicators .active {

    margin: 0;

    width: 12px;

    height: 12px;

    background-color: #fff

}



.carousel-caption {

    position: absolute;

    left: 15%;

    right: 15%;

    bottom: 20px;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)

}



.carousel-caption .btn {

    text-shadow: none

}



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



    .carousel-control .glyphicon-chevron-left,

    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-next,

    .carousel-control .icon-prev {

        width: 30px;

        height: 30px;

        margin-top: -10px;

        font-size: 30px

    }



    .carousel-control .glyphicon-chevron-left,

    .carousel-control .icon-prev {

        margin-left: -10px

    }



    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-next {

        margin-right: -10px

    }



    .carousel-caption {

        left: 20%;

        right: 20%;

        padding-bottom: 30px

    }



    .carousel-indicators {

        bottom: 20px

    }

}



.clearfix:after,

.clearfix:before {

    content: " ";

    display: table

}



.clearfix:after {

    clear: both

}



.center-block {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.pull-right {

    float: right !important

}



.pull-left {

    float: left !important

}



.hide {

    display: none !important

}



.show {

    display: block !important

}



.invisible {

    visibility: hidden

}



.text-hide {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0

}



.hidden {

    display: none !important

}



.affix {

    position: fixed

}



@-ms-viewport {

    width: device-width

}



.visible-lg,

.visible-lg-block,

.visible-lg-inline,

.visible-lg-inline-block,

.visible-md,

.visible-md-block,

.visible-md-inline,

.visible-md-inline-block,

.visible-sm,

.visible-sm-block,

.visible-sm-inline,

.visible-sm-inline-block,

.visible-xs,

.visible-xs-block,

.visible-xs-inline,

.visible-xs-inline-block {

    display: none !important

}



@media (max-width:767px) {

    .visible-xs {

        display: block !important

    }



    table.visible-xs {

        display: table !important

    }



    tr.visible-xs {

        display: table-row !important

    }



    td.visible-xs,

    th.visible-xs {

        display: table-cell !important

    }

}



@media (max-width:767px) {

    .visible-xs-block {

        display: block !important

    }

}



@media (max-width:767px) {

    .visible-xs-inline {

        display: inline !important

    }

}



@media (max-width:767px) {

    .visible-xs-inline-block {

        display: inline-block !important

    }

}



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

    .visible-sm {

        display: block !important

    }



    table.visible-sm {

        display: table !important

    }



    tr.visible-sm {

        display: table-row !important

    }



    td.visible-sm,

    th.visible-sm {

        display: table-cell !important

    }

}



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

    .visible-sm-block {

        display: block !important

    }

}



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

    .visible-sm-inline {

        display: inline !important

    }

}



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

    .visible-sm-inline-block {

        display: inline-block !important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md {

        display: block !important

    }



    table.visible-md {

        display: table !important

    }



    tr.visible-md {

        display: table-row !important

    }



    td.visible-md,

    th.visible-md {

        display: table-cell !important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-block {

        display: block !important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-inline {

        display: inline !important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-inline-block {

        display: inline-block !important

    }

}



@media (min-width:1200px) {

    .visible-lg {

        display: block !important

    }



    table.visible-lg {

        display: table !important

    }



    tr.visible-lg {

        display: table-row !important

    }



    td.visible-lg,

    th.visible-lg {

        display: table-cell !important

    }

}



@media (min-width:1200px) {

    .visible-lg-block {

        display: block !important

    }

}



@media (min-width:1200px) {

    .visible-lg-inline {

        display: inline !important

    }

}



@media (min-width:1200px) {

    .visible-lg-inline-block {

        display: inline-block !important

    }

}



@media (max-width:767px) {

    .hidden-xs {

        display: none !important

    }

}



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

    .hidden-sm {

        display: none !important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .hidden-md {

        display: none !important

    }

}



@media (min-width:1200px) {

    .hidden-lg {

        display: none !important

    }

}



.visible-print {

    display: none !important

}



@media print {

    .visible-print {

        display: block !important

    }



    table.visible-print {

        display: table !important

    }



    tr.visible-print {

        display: table-row !important

    }



    td.visible-print,

    th.visible-print {

        display: table-cell !important

    }

}



.visible-print-block {

    display: none !important

}



@media print {

    .visible-print-block {

        display: block !important

    }

}



.visible-print-inline {

    display: none !important

}



@media print {

    .visible-print-inline {

        display: inline !important

    }

}



.visible-print-inline-block {

    display: none !important

}



@media print {

    .visible-print-inline-block {

        display: inline-block !important

    }

}



@media print {

    .hidden-print {

        display: none !important

    }

}



body.stop-scrolling {

    height: 100%;

    overflow: hidden

}



.sweet-overlay {

    background-color: #000;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

    background-color: rgba(0, 0, 0, .4);

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    display: none;

    z-index: 10000

}



.sweet-alert {

    background-color: #fff;

    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;

    width: 478px;

    padding: 17px;

    border-radius: 5px;

    text-align: center;

    position: fixed;

    left: 50%;

    top: 50%;

    margin-left: -256px;

    margin-top: -200px;

    overflow: hidden;

    display: none;

    z-index: 99999

}



@media (max-width:540px) {

    .sweet-alert {

        width: auto;

        margin-left: 0;

        margin-right: 0;

        left: 15px;

        right: 15px

    }

}



.sweet-alert h2 {

    color: #575757;

    font-size: 30px;

    font-weight: 600;

    text-transform: none;

    margin: 25px 0;

    line-height: 40px;

    display: block

}



.sweet-alert h2,

.sweet-alert p {

    text-align: center;

    position: relative;

    padding: 0

}



.sweet-alert p {

    color: #797979;

    font-size: 16px;

    font-weight: 300;

    text-align: inherit;

    float: none;

    margin: 0;

    line-height: normal

}



.sweet-alert fieldset {

    border: none;

    position: relative

}



.sweet-alert .sa-error-container {

    background-color: #f1f1f1;

    margin-left: -17px;

    margin-right: -17px;

    overflow: hidden;

    padding: 0 10px;

    max-height: 0;

    webkit-transition: padding .15s, max-height .15s;

    -webkit-transition: padding .15s, max-height .15s;

    transition: padding .15s, max-height .15s

}



.sweet-alert .sa-error-container.show {

    padding: 10px 0;

    max-height: 100px;

    webkit-transition: padding .2s, max-height .2s;

    -webkit-transition: padding .25s, max-height .25s;

    transition: padding .25s, max-height .25s

}



.sweet-alert .sa-error-container .icon {

    display: inline-block;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background-color: #ea7d7d;

    color: #fff;

    line-height: 24px;

    text-align: center;

    margin-right: 3px

}



.sweet-alert .sa-error-container p {

    display: inline-block

}



.sweet-alert .sa-input-error {

    position: absolute;

    top: 29px;

    right: 26px;

    width: 20px;

    height: 20px;

    opacity: 0;

    -webkit-transform: scale(.5);

    transform: scale(.5);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-transition: all .1s;

    transition: all .1s

}



.sweet-alert .sa-input-error:after,

.sweet-alert .sa-input-error:before {

    content: "";

    width: 20px;

    height: 6px;

    background-color: #f06e57;

    border-radius: 3px;

    position: absolute;

    top: 50%;

    margin-top: -4px;

    left: 50%;

    margin-left: -9px

}



.sweet-alert .sa-input-error:before {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.sweet-alert .sa-input-error:after {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.sweet-alert .sa-input-error.show {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.sweet-alert input {

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 3px;

    border: 1px solid #d7d7d7;

    height: 43px;

    margin-top: 10px;

    margin-bottom: 17px;

    font-size: 18px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);

    padding: 0 12px;

    display: none;

    -webkit-transition: all .3s;

    transition: all .3s

}



.sweet-alert input:focus {

    outline: none;

    -webkit-box-shadow: 0 0 3px #c4e6f5;

    box-shadow: 0 0 3px #c4e6f5;

    border: 1px solid #b4dbed

}



.sweet-alert input:focus::-moz-placeholder {

    -webkit-transition: opacity .3s ease .03s;

    transition: opacity .3s ease .03s;

    opacity: .5

}



.sweet-alert input:focus:-ms-input-placeholder {

    -webkit-transition: opacity .3s ease .03s;

    transition: opacity .3s ease .03s;

    opacity: .5

}



.sweet-alert input:focus::-webkit-input-placeholder {

    -webkit-transition: opacity .3s ease .03s;

    transition: opacity .3s ease .03s;

    opacity: .5

}



.sweet-alert input::-moz-placeholder {

    color: #bdbdbd

}



.sweet-alert input:-ms-input-placeholder {

    color: #bdbdbd

}



.sweet-alert input::-webkit-input-placeholder {

    color: #bdbdbd

}



.sweet-alert.show-input input {

    display: block

}



.sweet-alert .sa-confirm-button-container {

    display: inline-block;

    position: relative

}



.sweet-alert .la-ball-fall {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -27px;

    margin-top: 4px;

    opacity: 0;

    visibility: hidden

}



.sweet-alert button {

    background-color: #8cd4f5;

    color: #fff;

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    font-size: 17px;

    font-weight: 500;

    border-radius: 5px;

    padding: 10px 32px;

    margin: 26px 5px 0;

    cursor: pointer

}



.sweet-alert button:focus {

    outline: none;

    -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05);

    box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)

}



.sweet-alert button:hover {

    background-color: #7ecff4

}



.sweet-alert button:active {

    background-color: #5dc2f1

}



.sweet-alert button.cancel {

    background-color: #c1c1c1

}



.sweet-alert button.cancel:hover {

    background-color: #b9b9b9

}



.sweet-alert button.cancel:active {

    background-color: #a8a8a8

}



.sweet-alert button.cancel:focus {

    -webkit-box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset !important;

    box-shadow: 0 0 2px rgba(197, 205, 211, .8), inset 0 0 0 1px rgba(0, 0, 0, .0470588) !important

}



.sweet-alert button[disabled] {

    opacity: .6;

    cursor: default

}



.sweet-alert button.confirm[disabled] {

    color: transparent

}



.sweet-alert button.confirm[disabled]~.la-ball-fall {

    opacity: 1;

    visibility: visible;

    -webkit-transition-delay: 0s;

    transition-delay: 0s

}



.sweet-alert button::-moz-focus-inner {

    border: 0

}



.sweet-alert[data-has-cancel-button=false] button {

    -webkit-box-shadow: none !important;

    box-shadow: none !important

}



.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {

    padding-bottom: 40px

}



.sweet-alert .sa-icon {

    width: 80px;

    height: 80px;

    border: 4px solid gray;

    border-radius: 40px;

    border-radius: 50%;

    margin: 20px auto;

    padding: 0;

    position: relative;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



.sweet-alert .sa-icon.sa-error {

    border-color: #f27474

}



.sweet-alert .sa-icon.sa-error .sa-x-mark {

    position: relative;

    display: block

}



.sweet-alert .sa-icon.sa-error .sa-line {

    position: absolute;

    height: 5px;

    width: 47px;

    background-color: #f27474;

    display: block;

    top: 37px;

    border-radius: 2px

}



.sweet-alert .sa-icon.sa-error .sa-line.sa-left {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    left: 17px

}



.sweet-alert .sa-icon.sa-error .sa-line.sa-right {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    right: 16px

}



.sweet-alert .sa-icon.sa-warning {

    border-color: #f8bb86

}



.sweet-alert .sa-icon.sa-warning .sa-body {

    position: absolute;

    width: 5px;

    height: 47px;

    left: 50%;

    top: 10px;

    border-radius: 2px;

    margin-left: -2px;

    background-color: #f8bb86

}



.sweet-alert .sa-icon.sa-warning .sa-dot {

    position: absolute;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    margin-left: -3px;

    left: 50%;

    bottom: 10px;

    background-color: #f8bb86

}



.sweet-alert .sa-icon.sa-info {

    border-color: #c9dae1

}



.sweet-alert .sa-icon.sa-info:before {

    content: "";

    position: absolute;

    width: 5px;

    height: 29px;

    left: 50%;

    bottom: 17px;

    border-radius: 2px;

    margin-left: -2px;

    background-color: #c9dae1

}



.sweet-alert .sa-icon.sa-info:after {

    content: "";

    position: absolute;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    margin-left: -3px;

    top: 19px;

    background-color: #c9dae1

}



.sweet-alert .sa-icon.sa-success {

    border-color: #a5dc86

}



.sweet-alert .sa-icon.sa-success:after,

.sweet-alert .sa-icon.sa-success:before {

    content: "";

    border-radius: 40px;

    border-radius: 50%;

    position: absolute;

    width: 60px;

    height: 120px;

    background: #fff;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.sweet-alert .sa-icon.sa-success:before {

    border-radius: 120px 0 0 120px;

    top: -7px;

    left: -33px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transform-origin: 60px 60px;

    transform-origin: 60px 60px

}



.sweet-alert .sa-icon.sa-success:after {

    border-radius: 0 120px 120px 0;

    top: -11px;

    left: 30px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transform-origin: 0 60px;

    transform-origin: 0 60px

}



.sweet-alert .sa-icon.sa-success .sa-placeholder {

    width: 80px;

    height: 80px;

    border: 4px solid hsla(98, 55%, 69%, .2);

    border-radius: 40px;

    border-radius: 50%;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    position: absolute;

    left: -4px;

    top: -4px;

    z-index: 2

}



.sweet-alert .sa-icon.sa-success .sa-fix {

    width: 5px;

    height: 90px;

    background-color: #fff;

    position: absolute;

    left: 28px;

    top: 8px;

    z-index: 1;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.sweet-alert .sa-icon.sa-success .sa-line {

    height: 5px;

    background-color: #a5dc86;

    display: block;

    border-radius: 2px;

    position: absolute;

    z-index: 2

}



.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {

    width: 25px;

    left: 14px;

    top: 46px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.sweet-alert .sa-icon.sa-success .sa-line.sa-long {

    width: 47px;

    right: 8px;

    top: 38px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.sweet-alert .sa-icon.sa-custom {

    background-size: contain;

    border-radius: 0;

    border: none;

    background-position: 50%;

    background-repeat: no-repeat

}



@-webkit-keyframes showSweetAlert {

    0% {

        transform: scale(.7);

        -webkit-transform: scale(.7)

    }



    45% {

        transform: scale(1.05);

        -webkit-transform: scale(1.05)

    }



    80% {

        transform: scale(.95);

        -webkit-transform: scale(.95)

    }



    to {

        transform: scale(1);

        -webkit-transform: scale(1)

    }

}



@keyframes showSweetAlert {

    0% {

        transform: scale(.7);

        -webkit-transform: scale(.7)

    }



    45% {

        transform: scale(1.05);

        -webkit-transform: scale(1.05)

    }



    80% {

        transform: scale(.95);

        -webkit-transform: scale(.95)

    }



    to {

        transform: scale(1);

        -webkit-transform: scale(1)

    }

}



@-webkit-keyframes hideSweetAlert {

    0% {

        transform: scale(1);

        -webkit-transform: scale(1)

    }



    to {

        transform: scale(.5);

        -webkit-transform: scale(.5)

    }

}



@keyframes hideSweetAlert {

    0% {

        transform: scale(1);

        -webkit-transform: scale(1)

    }



    to {

        transform: scale(.5);

        -webkit-transform: scale(.5)

    }

}



@-webkit-keyframes slideFromTop {

    0% {

        top: 0

    }



    to {

        top: 50%

    }

}



@keyframes slideFromTop {

    0% {

        top: 0

    }



    to {

        top: 50%

    }

}



@-webkit-keyframes slideToTop {

    0% {

        top: 50%

    }



    to {

        top: 0

    }

}



@keyframes slideToTop {

    0% {

        top: 50%

    }



    to {

        top: 0

    }

}



@-webkit-keyframes slideFromBottom {

    0% {

        top: 70%

    }



    to {

        top: 50%

    }

}



@keyframes slideFromBottom {

    0% {

        top: 70%

    }



    to {

        top: 50%

    }

}



@-webkit-keyframes slideToBottom {

    0% {

        top: 50%

    }



    to {

        top: 70%

    }

}



@keyframes slideToBottom {

    0% {

        top: 50%

    }



    to {

        top: 70%

    }

}



.showSweetAlert[data-animation=pop] {

    -webkit-animation: showSweetAlert .3s;

    animation: showSweetAlert .3s

}



.showSweetAlert[data-animation=none] {

    -webkit-animation: none;

    animation: none

}



.showSweetAlert[data-animation=slide-from-top] {

    -webkit-animation: slideFromTop .3s;

    animation: slideFromTop .3s

}



.showSweetAlert[data-animation=slide-from-bottom] {

    -webkit-animation: slideFromBottom .3s;

    animation: slideFromBottom .3s

}



.hideSweetAlert[data-animation=pop] {

    -webkit-animation: hideSweetAlert .2s;

    animation: hideSweetAlert .2s

}



.hideSweetAlert[data-animation=none] {

    -webkit-animation: none;

    animation: none

}



.hideSweetAlert[data-animation=slide-from-top] {

    -webkit-animation: slideToTop .4s;

    animation: slideToTop .4s

}



.hideSweetAlert[data-animation=slide-from-bottom] {

    -webkit-animation: slideToBottom .3s;

    animation: slideToBottom .3s

}



@-webkit-keyframes animateSuccessTip {

    0% {

        width: 0;

        left: 1px;

        top: 19px

    }



    54% {

        width: 0;

        left: 1px;

        top: 19px

    }



    70% {

        width: 50px;

        left: -8px;

        top: 37px

    }



    84% {

        width: 17px;

        left: 21px;

        top: 48px

    }



    to {

        width: 25px;

        left: 14px;

        top: 45px

    }

}



@keyframes animateSuccessTip {

    0% {

        width: 0;

        left: 1px;

        top: 19px

    }



    54% {

        width: 0;

        left: 1px;

        top: 19px

    }



    70% {

        width: 50px;

        left: -8px;

        top: 37px

    }



    84% {

        width: 17px;

        left: 21px;

        top: 48px

    }



    to {

        width: 25px;

        left: 14px;

        top: 45px

    }

}



@-webkit-keyframes animateSuccessLong {

    0% {

        width: 0;

        right: 46px;

        top: 54px

    }



    65% {

        width: 0;

        right: 46px;

        top: 54px

    }



    84% {

        width: 55px;

        right: 0;

        top: 35px

    }



    to {

        width: 47px;

        right: 8px;

        top: 38px

    }

}



@keyframes animateSuccessLong {

    0% {

        width: 0;

        right: 46px;

        top: 54px

    }



    65% {

        width: 0;

        right: 46px;

        top: 54px

    }



    84% {

        width: 55px;

        right: 0;

        top: 35px

    }



    to {

        width: 47px;

        right: 8px;

        top: 38px

    }

}



@-webkit-keyframes rotatePlaceholder {

    0% {

        transform: rotate(-45deg);

        -webkit-transform: rotate(-45deg)

    }



    5% {

        transform: rotate(-45deg);

        -webkit-transform: rotate(-45deg)

    }



    12% {

        transform: rotate(-405deg);

        -webkit-transform: rotate(-405deg)

    }



    to {

        transform: rotate(-405deg);

        -webkit-transform: rotate(-405deg)

    }

}



@keyframes rotatePlaceholder {

    0% {

        transform: rotate(-45deg);

        -webkit-transform: rotate(-45deg)

    }



    5% {

        transform: rotate(-45deg);

        -webkit-transform: rotate(-45deg)

    }



    12% {

        transform: rotate(-405deg);

        -webkit-transform: rotate(-405deg)

    }



    to {

        transform: rotate(-405deg);

        -webkit-transform: rotate(-405deg)

    }

}



.animateSuccessTip {

    -webkit-animation: animateSuccessTip .75s;

    animation: animateSuccessTip .75s

}



.animateSuccessLong {

    -webkit-animation: animateSuccessLong .75s;

    animation: animateSuccessLong .75s

}



.sa-icon.sa-success.animate:after {

    -webkit-animation: rotatePlaceholder 4.25s ease-in;

    animation: rotatePlaceholder 4.25s ease-in

}



@-webkit-keyframes animateErrorIcon {

    0% {

        transform: rotateX(100deg);

        -webkit-transform: rotateX(100deg);

        opacity: 0

    }



    to {

        transform: rotateX(0deg);

        -webkit-transform: rotateX(0deg);

        opacity: 1

    }

}



@keyframes animateErrorIcon {

    0% {

        transform: rotateX(100deg);

        -webkit-transform: rotateX(100deg);

        opacity: 0

    }



    to {

        transform: rotateX(0deg);

        -webkit-transform: rotateX(0deg);

        opacity: 1

    }

}



.animateErrorIcon {

    -webkit-animation: animateErrorIcon .5s;

    animation: animateErrorIcon .5s

}



@-webkit-keyframes animateXMark {

    0% {

        transform: scale(.4);

        -webkit-transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }



    50% {

        transform: scale(.4);

        -webkit-transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }



    80% {

        transform: scale(1.15);

        -webkit-transform: scale(1.15);

        margin-top: -6px

    }



    to {

        transform: scale(1);

        -webkit-transform: scale(1);

        margin-top: 0;

        opacity: 1

    }

}



@keyframes animateXMark {

    0% {

        transform: scale(.4);

        -webkit-transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }



    50% {

        transform: scale(.4);

        -webkit-transform: scale(.4);

        margin-top: 26px;

        opacity: 0

    }



    80% {

        transform: scale(1.15);

        -webkit-transform: scale(1.15);

        margin-top: -6px

    }



    to {

        transform: scale(1);

        -webkit-transform: scale(1);

        margin-top: 0;

        opacity: 1

    }

}



.animateXMark {

    -webkit-animation: animateXMark .5s;

    animation: animateXMark .5s

}



@-webkit-keyframes pulseWarning {

    0% {

        border-color: #f8d486

    }



    to {

        border-color: #f8bb86

    }

}



@keyframes pulseWarning {

    0% {

        border-color: #f8d486

    }



    to {

        border-color: #f8bb86

    }

}



.pulseWarning {

    -webkit-animation: pulseWarning .75s infinite alternate;

    animation: pulseWarning .75s infinite alternate

}



@-webkit-keyframes pulseWarningIns {

    0% {

        background-color: #f8d486

    }



    to {

        background-color: #f8bb86

    }

}



@keyframes pulseWarningIns {

    0% {

        background-color: #f8d486

    }



    to {

        background-color: #f8bb86

    }

}



.pulseWarningIns {

    -webkit-animation: pulseWarningIns .75s infinite alternate;

    animation: pulseWarningIns .75s infinite alternate

}



@-webkit-keyframes rotate-loading {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    to {

        -webkit-transform: rotate(1turn);

        transform: rotate(1turn)

    }

}



@keyframes rotate-loading {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    to {

        -webkit-transform: rotate(1turn);

        transform: rotate(1turn)

    }

}



.sweet-alert .sa-icon.sa-error .sa-line.sa-left {

    -ms-transform: rotate(45deg)\9

}



.sweet-alert .sa-icon.sa-error .sa-line.sa-right {

    -ms-transform: rotate(-45deg)\9

}



.sweet-alert .sa-icon.sa-success {

    border-color: transparent\9

}



.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {

    -ms-transform: rotate(45deg)\9

}



.sweet-alert .sa-icon.sa-success .sa-line.sa-long {

    -ms-transform: rotate(-45deg)\9

}



/*!

 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)

 * Copyright 2015 Daniel Cardoso <@DanielCardoso>

 * Licensed under MIT

 */

.la-ball-fall,

.la-ball-fall>div {

    position: relative;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.la-ball-fall {

    display: block;

    font-size: 0;

    color: #fff

}



.la-ball-fall.la-dark {

    color: #333

}



.la-ball-fall>div {

    display: inline-block;

    float: none;

    background-color: currentColor;

    border: 0 solid currentColor

}



.la-ball-fall {

    width: 54px;

    height: 18px

}



.la-ball-fall>div {

    width: 10px;

    height: 10px;

    margin: 4px;

    border-radius: 100%;

    opacity: 0;

    -webkit-animation: ball-fall 1s ease-in-out infinite;

    animation: ball-fall 1s ease-in-out infinite

}



.la-ball-fall>div:first-child {

    -webkit-animation-delay: -.2s;

    animation-delay: -.2s

}



.la-ball-fall>div:nth-child(2) {

    -webkit-animation-delay: -.1s;

    animation-delay: -.1s

}



.la-ball-fall>div:nth-child(3) {

    -webkit-animation-delay: 0ms;

    animation-delay: 0ms

}



.la-ball-fall.la-sm {

    width: 26px;

    height: 8px

}



.la-ball-fall.la-sm>div {

    width: 4px;

    height: 4px;

    margin: 2px

}



.la-ball-fall.la-2x {

    width: 108px;

    height: 36px

}



.la-ball-fall.la-2x>div {

    width: 20px;

    height: 20px;

    margin: 8px

}



.la-ball-fall.la-3x {

    width: 162px;

    height: 54px

}



.la-ball-fall.la-3x>div {

    width: 30px;

    height: 30px;

    margin: 12px

}



@-webkit-keyframes ball-fall {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-145%);

        transform: translateY(-145%)

    }



    10% {

        opacity: .5

    }



    20% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    80% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    90% {

        opacity: .5

    }



    to {

        opacity: 0;

        -webkit-transform: translateY(145%);

        transform: translateY(145%)

    }

}



@keyframes ball-fall {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-145%);

        transform: translateY(-145%)

    }



    10% {

        opacity: .5

    }



    20% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    80% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    90% {

        opacity: .5

    }



    to {

        opacity: 0;

        -webkit-transform: translateY(145%);

        transform: translateY(145%)

    }

}



.pretty * {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.pretty input:not([type=checkbox]):not([type=radio]) {

    display: none

}



.pretty {

    position: relative;

    display: inline-block;

    margin-right: 1em;

    white-space: nowrap;

    line-height: 1

}



.pretty input {

    position: absolute;

    left: 0;

    top: 0;

    min-width: 1em;

    width: 100%;

    height: 100%;

    z-index: 2;

    opacity: 0;

    margin: 0;

    padding: 0;

    cursor: pointer

}



.pretty .state label {

    position: static;

    display: inline-block;

    font-weight: 400;

    margin: 0;

    text-indent: 1.5em;

    min-width: calc(1em + 2px)

}



.pretty .state label:after,

.pretty .state label:before {

    content: "";

    width: calc(1em + 2px);

    height: calc(1em + 2px);

    display: block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: 0;

    border: 1px solid transparent;

    z-index: 0;

    position: absolute;

    left: 0;

    top: calc((0% - (100% - 1em)) - 8%);

    background-color: transparent

}



.pretty .state label:before {

    border-color: #bdc3c7

}



.pretty .state.p-is-hover,

.pretty .state.p-is-indeterminate {

    display: none

}



@-webkit-keyframes zoom {

    0% {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

}



@keyframes zoom {

    0% {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0)

    }

}



@-webkit-keyframes tada {

    0% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

        -webkit-transform: scale(7);

        transform: scale(7)

    }



    38% {

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    55% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        -webkit-transform: scale(1.5);

        transform: scale(1.5)

    }



    72% {

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    81% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        -webkit-transform: scale(1.24);

        transform: scale(1.24)

    }



    89% {

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    95% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        -webkit-transform: scale(1.04);

        transform: scale(1.04)

    }



    to {

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes tada {

    0% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

        -webkit-transform: scale(7);

        transform: scale(7)

    }



    38% {

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    55% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        -webkit-transform: scale(1.5);

        transform: scale(1.5)

    }



    72% {

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    81% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        -webkit-transform: scale(1.24);

        transform: scale(1.24)

    }



    89% {

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    95% {

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        -webkit-transform: scale(1.04);

        transform: scale(1.04)

    }



    to {

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@-webkit-keyframes jelly {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    30% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }



    40% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }



    50% {

        -webkit-transform: scale3d(.85, 1.15, 1);

        transform: scale3d(.85, 1.15, 1)

    }



    65% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }



    75% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }



    to {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@keyframes jelly {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    30% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }



    40% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }



    50% {

        -webkit-transform: scale3d(.85, 1.15, 1);

        transform: scale3d(.85, 1.15, 1)

    }



    65% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }



    75% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }



    to {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@-webkit-keyframes rotate {

    0% {

        opacity: 0;

        -webkit-transform: translateZ(-200px) rotate(-45deg);

        transform: translateZ(-200px) rotate(-45deg)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0) rotate(0);

        transform: translateZ(0) rotate(0)

    }

}



@keyframes rotate {

    0% {

        opacity: 0;

        -webkit-transform: translateZ(-200px) rotate(-45deg);

        transform: translateZ(-200px) rotate(-45deg)

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0) rotate(0);

        transform: translateZ(0) rotate(0)

    }

}



@-webkit-keyframes pulse {

    0% {

        -webkit-box-shadow: 0 0 0 0 #bdc3c7;

        box-shadow: 0 0 0 0 #bdc3c7

    }



    to {

        -webkit-box-shadow: 0 0 0 1.5em hsla(204, 8%, 76%, 0);

        box-shadow: 0 0 0 1.5em hsla(204, 8%, 76%, 0)

    }

}



@keyframes pulse {

    0% {

        -webkit-box-shadow: 0 0 0 0 #bdc3c7;

        box-shadow: 0 0 0 0 #bdc3c7

    }



    to {

        -webkit-box-shadow: 0 0 0 1.5em hsla(204, 8%, 76%, 0);

        box-shadow: 0 0 0 1.5em hsla(204, 8%, 76%, 0)

    }

}



.pretty.p-default.p-fill .state label:after {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.pretty.p-default .state label:after {

    -webkit-transform: scale(.6);

    transform: scale(.6)

}



.pretty.p-default input:checked~.state label:after {

    background-color: #bdc3c7 !important

}



.pretty.p-default.p-thick .state label:after,

.pretty.p-default.p-thick .state label:before {

    border-width: 0.14286em

}



.pretty.p-default.p-thick .state label:after {

    -webkit-transform: scale(.4) !important;

    transform: scale(.4) !important

}



.pretty.p-icon .state .icon {

    position: absolute;

    font-size: 1em;

    width: calc(1em + 2px);

    height: calc(1em + 2px);

    left: 0;

    z-index: 1;

    text-align: center;

    line-height: normal;

    top: calc((0% - (100% - 1em)) - 8%);

    border: 1px solid transparent;

    opacity: 0

}



.pretty.p-icon .state .icon:before {

    margin: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1

}



.pretty.p-icon input:checked~.state .icon {

    opacity: 1

}



.pretty.p-icon input:checked~.state label:before {

    border-color: #5a656b

}



.pretty.p-svg .state .svg {

    position: absolute;

    font-size: 1em;

    width: calc(1em + 2px);

    height: calc(1em + 2px);

    left: 0;

    z-index: 1;

    text-align: center;

    line-height: normal;

    top: calc((0% - (100% - 1em)) - 8%);

    border: 1px solid transparent;

    opacity: 0

}



.pretty.p-svg .state svg {

    margin: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1

}



.pretty.p-svg input:checked~.state .svg {

    opacity: 1

}



.pretty.p-image .state img {

    opacity: 0;

    position: absolute;

    width: calc(1em + 2px);

    height: calc(1em + 2px);

    top: 0;

    top: calc((0% - (100% - 1em)) - 8%);

    left: 0;

    z-index: 0;

    text-align: center;

    line-height: normal;

    -webkit-transform: scale(.8);

    transform: scale(.8)

}



.pretty.p-image input:checked~.state img {

    opacity: 1

}



.pretty.p-switch input {

    min-width: 2em

}



.pretty.p-switch .state {

    position: relative

}



.pretty.p-switch .state:before {

    content: "";

    border: 1px solid #bdc3c7;

    border-radius: 60px;

    width: 2em;

    -webkit-box-sizing: unset;

    box-sizing: unset;

    height: calc(1em + 2px);

    position: absolute;

    top: 0;

    top: calc((0% - (100% - 1em)) - 16%);

    z-index: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.pretty.p-switch .state label {

    text-indent: 2.5em

}



.pretty.p-switch .state label:after,

.pretty.p-switch .state label:before {

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    border-radius: 100%;

    left: 0;

    border-color: transparent;

    -webkit-transform: scale(.8);

    transform: scale(.8)

}



.pretty.p-switch .state label:after {

    background-color: #bdc3c7 !important

}



.pretty.p-switch input:checked~.state:before {

    border-color: #5a656b

}



.pretty.p-switch input:checked~.state label:before {

    opacity: 0

}



.pretty.p-switch input:checked~.state label:after {

    background-color: #5a656b !important;

    left: 1em

}



.pretty.p-switch.p-fill input:checked~.state:before {

    border-color: #5a656b;

    background-color: #5a656b !important

}



.pretty.p-switch.p-fill input:checked~.state label:before {

    opacity: 0

}



.pretty.p-switch.p-fill input:checked~.state label:after {

    background-color: #fff !important;

    left: 1em

}



.pretty.p-switch.p-slim .state:before {

    height: .1em;

    background: #bdc3c7 !important;

    top: calc(50% - .1em)

}



.pretty.p-switch.p-slim input:checked~.state:before {

    border-color: #5a656b;

    background-color: #5a656b !important

}



.pretty.p-has-hover input:hover~.state:not(.p-is-hover) {

    display: none

}



.pretty.p-has-hover input:hover~.state.p-is-hover,

.pretty.p-has-hover input:hover~.state.p-is-hover .icon {

    display: block

}



.pretty.p-has-focus input:focus~.state label:before {

    -webkit-box-shadow: 0 0 3px 0 #bdc3c7;

    box-shadow: 0 0 3px 0 #bdc3c7

}



.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate) {

    display: none

}



.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate {

    display: block

}



.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon {

    display: block;

    opacity: 1

}



.pretty.p-toggle .state.p-on {

    opacity: 0;

    display: none

}



.pretty.p-toggle .state .icon,

.pretty.p-toggle .state.p-off,

.pretty.p-toggle .state .svg,

.pretty.p-toggle .state img {

    opacity: 1;

    display: inherit

}



.pretty.p-toggle .state.p-off .icon {

    color: #bdc3c7

}



.pretty.p-toggle input:checked~.state.p-on {

    opacity: 1;

    display: inherit

}



.pretty.p-toggle input:checked~.state.p-off {

    opacity: 0;

    display: none

}



.pretty.p-plain.p-toggle .state label:before,

.pretty.p-plain input:checked~.state label:before {

    content: none

}



.pretty.p-plain.p-plain .icon {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.pretty.p-round .state label:after,

.pretty.p-round .state label:before {

    border-radius: 100%

}



.pretty.p-round.p-icon .state .icon {

    border-radius: 100%;

    overflow: hidden

}



.pretty.p-round.p-icon .state .icon:before {

    -webkit-transform: scale(.8);

    transform: scale(.8)

}



.pretty.p-curve .state label:after,

.pretty.p-curve .state label:before {

    border-radius: 20%

}



.pretty.p-smooth .icon,

.pretty.p-smooth .svg,

.pretty.p-smooth label:after,

.pretty.p-smooth label:before {

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.pretty.p-smooth input:checked+.state label:after {

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.pretty.p-smooth.p-default input:checked+.state label:after,

.pretty.p-smooth input:checked+.state .icon,

.pretty.p-smooth input:checked+.state .svg,

.pretty.p-smooth input:checked+.state img {

    -webkit-animation: zoom .2s ease;

    animation: zoom .2s ease

}



.pretty.p-smooth.p-plain input:checked+.state label:before {

    content: "";

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.pretty.p-tada:not(.p-default) input:checked+.state .icon,

.pretty.p-tada:not(.p-default) input:checked+.state .svg,

.pretty.p-tada:not(.p-default) input:checked+.state img,

.pretty.p-tada:not(.p-default) input:checked+.state label:after,

.pretty.p-tada:not(.p-default) input:checked+.state label:before {

    -webkit-animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;

    animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;

    opacity: 1

}



.pretty.p-jelly:not(.p-default) input:checked+.state .icon,

.pretty.p-jelly:not(.p-default) input:checked+.state .svg,

.pretty.p-jelly:not(.p-default) input:checked+.state img,

.pretty.p-jelly:not(.p-default) input:checked+.state label:after,

.pretty.p-jelly:not(.p-default) input:checked+.state label:before {

    -webkit-animation: jelly .7s cubic-bezier(.25, .46, .45, .94);

    animation: jelly .7s cubic-bezier(.25, .46, .45, .94);

    opacity: 1

}



.pretty.p-jelly:not(.p-default) input:checked+.state label:before {

    border-color: transparent

}



.pretty.p-rotate:not(.p-default) input:checked~.state .icon,

.pretty.p-rotate:not(.p-default) input:checked~.state .svg,

.pretty.p-rotate:not(.p-default) input:checked~.state img,

.pretty.p-rotate:not(.p-default) input:checked~.state label:after,

.pretty.p-rotate:not(.p-default) input:checked~.state label:before {

    -webkit-animation: rotate .7s cubic-bezier(.25, .46, .45, .94);

    animation: rotate .7s cubic-bezier(.25, .46, .45, .94);

    opacity: 1

}



.pretty.p-rotate:not(.p-default) input:checked~.state label:before {

    border-color: transparent

}



.pretty.p-pulse:not(.p-switch) input:checked~.state label:before {

    -webkit-animation: pulse 1s;

    animation: pulse 1s

}



.pretty input[disabled] {

    cursor: not-allowed;

    display: none

}



.pretty input[disabled]~* {

    opacity: .5

}



.pretty.p-locked input {

    display: none;

    cursor: not-allowed

}



.pretty.p-toggle .state.p-primary label:after,

.pretty input:checked~.state.p-primary label:after {

    background-color: #428bca !important

}



.pretty.p-toggle .state.p-primary .icon,

.pretty.p-toggle .state.p-primary .svg,

.pretty input:checked~.state.p-primary .icon,

.pretty input:checked~.state.p-primary .svg {

    color: #fff;

    stroke: #fff

}



.pretty.p-toggle .state.p-primary-o label:before,

.pretty input:checked~.state.p-primary-o label:before {

    border-color: #428bca

}



.pretty.p-toggle .state.p-primary-o label:after,

.pretty input:checked~.state.p-primary-o label:after {

    background-color: transparent

}



.pretty.p-toggle .state.p-primary-o .icon,

.pretty.p-toggle .state.p-primary-o .svg,

.pretty.p-toggle .state.p-primary-o svg,

.pretty input:checked~.state.p-primary-o .icon,

.pretty input:checked~.state.p-primary-o .svg,

.pretty input:checked~.state.p-primary-o svg {

    color: #428bca;

    stroke: #428bca

}



.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after {

    background-color: #428bca !important

}



.pretty.p-switch input:checked~.state.p-primary:before {

    border-color: #428bca

}



.pretty.p-switch.p-fill input:checked~.state.p-primary:before {

    background-color: #428bca !important

}



.pretty.p-switch.p-slim input:checked~.state.p-primary:before {

    border-color: #245682;

    background-color: #245682 !important

}



.pretty.p-toggle .state.p-info label:after,

.pretty input:checked~.state.p-info label:after {

    background-color: #5bc0de !important

}



.pretty.p-toggle .state.p-info .icon,

.pretty.p-toggle .state.p-info .svg,

.pretty input:checked~.state.p-info .icon,

.pretty input:checked~.state.p-info .svg {

    color: #fff;

    stroke: #fff

}



.pretty.p-toggle .state.p-info-o label:before,

.pretty input:checked~.state.p-info-o label:before {

    border-color: #5bc0de

}



.pretty.p-toggle .state.p-info-o label:after,

.pretty input:checked~.state.p-info-o label:after {

    background-color: transparent

}



.pretty.p-toggle .state.p-info-o .icon,

.pretty.p-toggle .state.p-info-o .svg,

.pretty.p-toggle .state.p-info-o svg,

.pretty input:checked~.state.p-info-o .icon,

.pretty input:checked~.state.p-info-o .svg,

.pretty input:checked~.state.p-info-o svg {

    color: #5bc0de;

    stroke: #5bc0de

}



.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after {

    background-color: #5bc0de !important

}



.pretty.p-switch input:checked~.state.p-info:before {

    border-color: #5bc0de

}



.pretty.p-switch.p-fill input:checked~.state.p-info:before {

    background-color: #5bc0de !important

}



.pretty.p-switch.p-slim input:checked~.state.p-info:before {

    border-color: #2390b0;

    background-color: #2390b0 !important

}



.pretty.p-toggle .state.p-success label:after,

.pretty input:checked~.state.p-success label:after {

    background-color: #5cb85c !important

}



.pretty.p-toggle .state.p-success .icon,

.pretty.p-toggle .state.p-success .svg,

.pretty input:checked~.state.p-success .icon,

.pretty input:checked~.state.p-success .svg {

    color: #fff;

    stroke: #fff

}



.pretty.p-toggle .state.p-success-o label:before,

.pretty input:checked~.state.p-success-o label:before {

    border-color: #5cb85c

}



.pretty.p-toggle .state.p-success-o label:after,

.pretty input:checked~.state.p-success-o label:after {

    background-color: transparent

}



.pretty.p-toggle .state.p-success-o .icon,

.pretty.p-toggle .state.p-success-o .svg,

.pretty.p-toggle .state.p-success-o svg,

.pretty input:checked~.state.p-success-o .icon,

.pretty input:checked~.state.p-success-o .svg,

.pretty input:checked~.state.p-success-o svg {

    color: #5cb85c;

    stroke: #5cb85c

}



.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after {

    background-color: #5cb85c !important

}



.pretty.p-switch input:checked~.state.p-success:before {

    border-color: #5cb85c

}



.pretty.p-switch.p-fill input:checked~.state.p-success:before {

    background-color: #5cb85c !important

}



.pretty.p-switch.p-slim input:checked~.state.p-success:before {

    border-color: #357935;

    background-color: #357935 !important

}



.pretty.p-toggle .state.p-warning label:after,

.pretty input:checked~.state.p-warning label:after {

    background-color: #f0ad4e !important

}



.pretty.p-toggle .state.p-warning .icon,

.pretty.p-toggle .state.p-warning .svg,

.pretty input:checked~.state.p-warning .icon,

.pretty input:checked~.state.p-warning .svg {

    color: #fff;

    stroke: #fff

}



.pretty.p-toggle .state.p-warning-o label:before,

.pretty input:checked~.state.p-warning-o label:before {

    border-color: #f0ad4e

}



.pretty.p-toggle .state.p-warning-o label:after,

.pretty input:checked~.state.p-warning-o label:after {

    background-color: transparent

}



.pretty.p-toggle .state.p-warning-o .icon,

.pretty.p-toggle .state.p-warning-o .svg,

.pretty.p-toggle .state.p-warning-o svg,

.pretty input:checked~.state.p-warning-o .icon,

.pretty input:checked~.state.p-warning-o .svg,

.pretty input:checked~.state.p-warning-o svg {

    color: #f0ad4e;

    stroke: #f0ad4e

}



.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after {

    background-color: #f0ad4e !important

}



.pretty.p-switch input:checked~.state.p-warning:before {

    border-color: #f0ad4e

}



.pretty.p-switch.p-fill input:checked~.state.p-warning:before {

    background-color: #f0ad4e !important

}



.pretty.p-switch.p-slim input:checked~.state.p-warning:before {

    border-color: #c77c11;

    background-color: #c77c11 !important

}



.pretty.p-toggle .state.p-danger label:after,

.pretty input:checked~.state.p-danger label:after {

    background-color: #d9534f !important

}



.pretty.p-toggle .state.p-danger .icon,

.pretty.p-toggle .state.p-danger .svg,

.pretty input:checked~.state.p-danger .icon,

.pretty input:checked~.state.p-danger .svg {

    color: #fff;

    stroke: #fff

}



.pretty.p-toggle .state.p-danger-o label:before,

.pretty input:checked~.state.p-danger-o label:before {

    border-color: #d9534f

}



.pretty.p-toggle .state.p-danger-o label:after,

.pretty input:checked~.state.p-danger-o label:after {

    background-color: transparent

}



.pretty.p-toggle .state.p-danger-o .icon,

.pretty.p-toggle .state.p-danger-o .svg,

.pretty.p-toggle .state.p-danger-o svg,

.pretty input:checked~.state.p-danger-o .icon,

.pretty input:checked~.state.p-danger-o .svg,

.pretty input:checked~.state.p-danger-o svg {

    color: #d9534f;

    stroke: #d9534f

}



.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after {

    background-color: #d9534f !important

}



.pretty.p-switch input:checked~.state.p-danger:before {

    border-color: #d9534f

}



.pretty.p-switch.p-fill input:checked~.state.p-danger:before {

    background-color: #d9534f !important

}



.pretty.p-switch.p-slim input:checked~.state.p-danger:before {

    border-color: #a02622;

    background-color: #a02622 !important

}



.pretty.p-bigger .icon,

.pretty.p-bigger .img,

.pretty.p-bigger .svg,

.pretty.p-bigger label:after,

.pretty.p-bigger label:before {

    font-size: 1.2em !important;

    top: calc((0% - (100% - 1em)) - 35%) !important

}



.pretty.p-bigger label {

    text-indent: 1.7em

}



@media print {



    .pretty .state .icon,

    .pretty .state:before,

    .pretty .state label:after,

    .pretty .state label:before {

        color-adjust: exact;

        -webkit-print-color-adjust: exact;

        print-color-adjust: exact

    }

}



.activity-191118 .five-box .five-tab-item ul:after,

.activity-200212 .one-box .wz4:after,

.activity-200212 .three-box .three-box-form .form-group:after,

.activity-200212 .two-box .two-box-ul li:after,

.merchants-wrap .three-box .three-box-tabitem .wz-tab:after,

.page-contact-list li:after {

    content: "";

    clear: both;

    display: table

}



.activity-191022 .two-box li h3,

.banner-text li a h4,

.banner-text li a p,

.detail-sort li a,

.merchants-wrap .two-box .two-box-owl .item .wz h3,

.news-img-item h3,

.news-list .news-text-list a,

.page-case-item h4,

.page-next-prev a,

.promote-sure .containers .promote-sure-owl .item .wz h3,

.template-wrap .filter-item.filter-item-industry a {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



body {

    color: #666;

    background: #fff;

    font: 12px/1.5 microsoft yahei ui, microsoft yahei, PingFangSC-Light, helvetica neue, hiragino sans gb, arial, simsun, sans-serif

}



a {

    text-decoration: none

}



a:link,

a:visited {

    color: #666

}



li,

ol,

ul {

    margin: 0;

    padding: 0;

    list-style-type: none

}



a:active,

a:focus,

a:hover {

    color: #1371ff;

    text-decoration: none

}



p {

    margin: 0

}



h1,

h2,

h3,

h4 {

    font-size: 12px;

    font-weight: 700

}



.len {

    width: 320px !important

}



.len50 {

    width: 50px !important

}



.len80 {

    width: 80px !important

}



.len100 {

    width: 100px !important

}



.len150 {

    width: 150px !important

}



.len200 {

    width: 200px !important

}



.len500 {

    width: 500px !important

}



.font-10 {

    font-size: 10px !important

}



.font-12 {

    font-size: 12px !important

}



.font-13 {

    font-size: 13px !important

}



.font-14 {

    font-size: 14px !important

}



.font-15 {

    font-size: 15px !important

}



.font-16 {

    font-size: 16px !important

}



.font-18 {

    font-size: 18px !important

}



.font-20 {

    font-size: 20px !important

}



.font-50 {

    font-size: 50px !important

}



.font-100 {

    font-size: 100px !important

}



.pl-5 {

    padding-left: 5px !important

}



.pl-7 {

    padding-left: 7px !important

}



.pl-10 {

    padding-left: 10px !important

}



.pl-15 {

    padding-left: 15px !important

}



.pl-20 {

    padding-left: 20px !important

}



.pl-30 {

    padding-left: 30px !important

}



.pl-40 {

    padding-left: 40px !important

}



.pl-50 {

    padding-left: 50px !important

}



.pl-119 {

    padding-left: 119px !important

}



.pl-139 {

    padding-left: 139px !important

}



.pl-149 {

    padding-left: 149px !important

}



.pr-5 {

    padding-right: 5px !important

}



.pr-7 {

    padding-right: 7px !important

}



.pr-10 {

    padding-right: 10px !important

}



.pr-15 {

    padding-right: 15px !important

}



.pr-20 {

    padding-right: 20px !important

}



.pr-30 {

    padding-right: 30px !important

}



.pr-40 {

    padding-right: 40px !important

}



.pr-50 {

    padding-right: 50px !important

}



.pt-3 {

    padding-top: 3px !important

}



.pt-5 {

    padding-top: 5px !important

}



.pt-7 {

    padding-top: 7px !important

}



.pt-10 {

    padding-top: 10px !important

}



.pt-15 {

    padding-top: 15px !important

}



.pt-20 {

    padding-top: 20px !important

}



.pb-3 {

    padding-bottom: 3px !important

}



.pb-5 {

    padding-bottom: 5px !important

}



.pb-7 {

    padding-bottom: 7px !important

}



.pb-10 {

    padding-bottom: 10px !important

}



.pb-15 {

    padding-bottom: 15px !important

}



.pb-20 {

    padding-bottom: 20px !important

}



.ml-5 {

    margin-left: 5px !important

}



.ml-7 {

    margin-left: 7px !important

}



.ml-10 {

    margin-left: 10px !important

}



.ml-15 {

    margin-left: 15px !important

}



.ml-20 {

    margin-left: 20px !important

}



.mr-5 {

    margin-right: 5px !important

}



.mr-7 {

    margin-right: 7px !important

}



.mr-10 {

    margin-right: 10px !important

}



.mr-15 {

    margin-right: 15px !important

}



.mr-20 {

    margin-right: 20px !important

}



.mr-30 {

    margin-right: 30px !important

}



.mr-40 {

    margin-right: 40px !important

}



.mt-0 {

    margin-top: 0 !important

}



.mt-3 {

    margin-top: 3px !important

}



.mt-5 {

    margin-top: 5px !important

}



.mt-7 {

    margin-top: 7px !important

}



.mt-10 {

    margin-top: 10px !important

}



.mt-15 {

    margin-top: 15px !important

}



.mt-20 {

    margin-top: 20px !important

}



.mt-30 {

    margin-top: 30px !important

}



.mt-40 {

    margin-top: 40px !important

}



.mt-50 {

    margin-top: 50px !important

}



.mb-3 {

    margin-bottom: 3px !important

}



.mb-5 {

    margin-bottom: 5px !important

}



.mb-7 {

    margin-bottom: 7px !important

}



.mb-10 {

    margin-bottom: 10px !important

}



.mb-15 {

    margin-bottom: 15px !important

}



.mb-20 {

    margin-bottom: 20px !important

}



.mb-30 {

    margin-bottom: 30px !important

}



.mb-40 {

    margin-bottom: 40px !important

}



input::-ms-clear,

input::-ms-reveal {

    display: none

}



.container-big {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:768px) {

    .container-big {

        width: 750px

    }

}



@media (min-width:992px) {

    .container-big {

        width: 970px

    }

}



@media (min-width:1200px) {

    .container-big {

        width: 1170px

    }

}



@media (min-width:1400px) {

    .container-big {

        width: 1370px

    }

}



a.lyxp {

    width: 10em;

    display: block;

    border: 1px solid #fff;

    line-height: 2.3em;

    border-radius: 1.4em;

    font-size: 16px;

    color: #fff;

    margin: 20px auto 0;

    -webkit-transition: all .3s;

    transition: all .3s;

    text-align: center

}



@media (max-width:990px) {

    a.lyxp {

        width: 140px;

        font-size: 14px;

        margin-top: 12px

    }

}



.header {

    position: fixed;

    z-index: 999;

    left: 0;

    right: 0;

    top: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.header .container {

    width: 100% !important;

    padding: 0 40px

}



.header-left {

    position: relative

}



.header-left .logo {

    display: block;

    height: 40px

}



.header-left .logo img {

    height: 100%

}



.header-menu {

    width: calc(100% - 160px)

}



.menu-left {

    width: auto;

    margin-left: 220px;

}



@media (max-width:1440px) {

    .menu-left {

        margin-left: 2%

    }

}



.menu-left>li {

    float: left;

    padding-right: 48px;

    position: relative

}



@media (max-width:1410px) {

    .menu-left>li {

        padding: 0 15px

    }

}



@media (max-width:1380px) {

    .menu-left>li {

        padding: 0 12px

    }

}



@media (max-width:1280px) {

    .menu-left>li {

        padding: 0 17px

    }

}



@media (max-width:1024px) {

    .menu-left>li {

        padding: 0 10px

    }

}



.menu-left>li>a {

    display: block;

    text-align: left;

    padding-left: 2px;

    font-size: 17px;

    color: #222222;

    font-weight: 500;

    line-height: 82px;

    height: 82px;

}



.menu-left>li.active>a,

.menu-left>li:hover>a {

    color: #1E50E6;

    border-bottom: 4px #1E50E6 solid;

}



.menu-left>li.active>a:after,

.menu-left>li:hover>a:after {

    border-top-color: #1E50E6;

    color: #1E50E6;

}



.menu-left .nav-arrow+a {

    position: relative

}



.menu-left .nav-arrow+a:before {

    content: "";

    width: 100%;

    top: 100%;

    height: 15px;

    position: absolute;

    left: 0

}



.menu-left .sub-nav {

    position: absolute;

    z-index: 99;

    width: 400%;

    top: 82px;

    right: 0;

    display: none

}



.menu-left .sub-nav>li {

    background: #ffffff;

    width: 140px;

}



.menu-left .sub-nav>li:not(:last-child) {

    border-bottom: 1px solid hsla(0, 0%, 90%, .1)

}



.menu-left .sub-nav>li a {

    display: block;

    padding: 2px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.menu-left .sub-nav>li a:hover h3 {

    color: #1E50E6

}



.menu-left .sub-nav>li h3 {

    margin: 0;

    padding: 5px 0;

    font-size: 13px;

    font-weight: 400;

    color: #fff;

    line-height: 1;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.menu-left .sub-nav>li .iconfont {

    color: #fff;

    font-size: 16px;

    vertical-align: middle;

    margin-right: 10px

}



.menu-left .sub-nav>li .icon-xiaochengxu3 {

    font-size: 16px

}



.menu-left .sub-nav>li p {

    font-size: 12px;

    color: #97989c

}



.menu-left .sub-nav>li:hover {

    background: #ffffff;

    width: 140px;

    background-color: #f5f5f5;

}



.menu-left .about-sub-nav {

    width: 100%

}



.menu-left .about-sub-nav>li h3 {

    text-align: left;

    color: #333333;

    padding-left: 5px;

    border-bottom: 1px #f5f5f5 solid;

    line-height: 24px;

}



.menu-right {

    text-align: right;

    margin-top: 22px;

}



.menu-right .login {

    display: inline-block;

    padding: 4px 16px;

    background: #1989fa;

    color: #fff;

    margin-left: 10px;

    border-radius: 6px

}



.menu-right .login:hover {

    background: #4696e7

}



.menu-right .user-info {

    color: #fff;

    font-size: 14px

}



.menu-right .user-info .divider {

    padding: 10px

}



.menu-right .user-info #user-email {

    padding-right: 10px

}



.menu-right .user-info #user-logout {

    cursor: pointer

}



.menu-right .btn-primarys {

    display: inline-block;

    padding: 0 16px;

    line-height: 30px;

    font-size: 14px;

    vertical-align: middle;

    border-radius: 0;

    background: none;

    font-size: 18px;

    line-height: 35px;

    cursor: auto;

    padding-right: 0

}

.header:hover .menu-right .btn-primarys{

    color: #222;

}



.menu-right .btn-primarys .iconfont {

    font-size: 20px;

    margin-right: 10px

}







.header.fix,

.header {

    color: #FFFFFF;

}



/* .header.fix,

.header .menu-left>li>a {

    color: #FFFFFF

} */

.header .menu-left>li>a {

    color: #FFFFFF;

    }

    .header.fix .menu-left>li>a {

    color: #222;

    }

	

	.header .menu-right .btn-primarys>a {

    color: #FFFFFF;

    }



    .header.fix .menu-right .btn-primarys>a {

    color: #222;

    }



.header.fix,

.header:hover {

    background: #fff;

    color: #ffffff;

}



.header.fix,

.header:hover .menu-left>li>a {

    color: #000;

}



.header.fix,

.header:hover .menu-right .btn-primarys>a {

    color: #000;

}





@media (max-width:990px) {

    .header {

        position: static;

    }



    .header .container {

        padding: 0 15px

    }



    .header-left {

        width: 100%

    }



    .header-left .logo {

        padding-right: 20%;

        margin-left: 15px

    }



    .header-left .nav-btn {

        position: absolute;

        right: 15px;

        top: 50%;

        margin-top: -17px;

        border: 1px solid #fff;

        border-radius: 5px;

        padding: 9px 10px;

        background: #000;

        -webkit-transition: all .5s ease;

        transition: all .5s ease

    }



    .header-left .nav-btn:after,

    .header-left .nav-btn:before,

    .header-left .nav-btn span {

        display: block;

        height: 2px;

        width: 22px;

        background: #fff;

        -webkit-transition: all .5s ease;

        transition: all .5s ease

    }



    .header-left .nav-btn span {

        margin: 4px 0

    }



    .header-left .nav-btn:after,

    .header-left .nav-btn:before {

        content: "";

        -webkit-transform-origin: 11.2%;

        transform-origin: 11.2%

    }



    .header-left .nav-btn.active {

        padding-right: 5px

    }



    .header-left .nav-btn.active span {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        transform: translateX(-20px)

    }



    .header-left .nav-btn.active:before {

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg)

    }



    .header-left .nav-btn.active:after {

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg)

    }



    .header-menu {

        position: absolute;

        left: 0;

        right: 0;

        top: 64px;

        z-index: 999;

        background: #fff;

        width: 100%;

        display: none;

        padding-bottom: 10px

    }



    .header-menu .menu-left {

        width: 100%;

        margin-left: 0

    }



    .header-menu .menu-left>li {

        width: 100%;

        float: none;

        border-bottom: 1px solid hsla(0, 0%, 90%, .1)

    }



    .header-menu .menu-left>li>a {

        text-align: left;

        padding-right: 20%;

        line-height: 40px;

        padding-left: 15px;

        color: #000 !important;

    }



    .header-menu .menu-left>li>a:after {

        display: none

    }



    .header-menu .menu-left .nav-arrow {

        position: absolute;

        z-index: 999;

        width: 20%;

        text-align: left;

        right: 0;

        top: 0;

        height: 40px

    }



    .header-menu .menu-left .nav-arrow:after {

        content: "";

        position: absolute;

        top: 50%;

        margin-top: -2.5px;

        left: 50%;

        margin-left: -5px;

        border-style: solid dashed dashed;

        border-color: #000 transparent transparent;

        border-bottom: none

    }



    .header-menu .menu-left .nav-arrow.clicked:after,

    .header-menu .menu-left .nav-arrow:after {

        width: 0;

        height: 0;

        line-height: 0;

        font-size: 0;

        overflow: hidden;

        border-width: 5px;

        cursor: pointer

    }



    .header-menu .menu-left .nav-arrow.clicked:after {

        border-style: dashed dashed solid;

        border-color: transparent transparent #fff;

        border-top: none

    }



    .header-menu .menu-left .nav-arrow.clicked+a {

        background: #fff;

        color: #03a9f4

    }



    .header-menu .menu-left .nav-arrow.clicked+a:before {

        display: none

    }



    .header-menu .menu-left .sub-nav {

        position: static;

        width: 100%

    }



    .header-menu .menu-left .sub-nav>li {

        background: none

    }



    .header-menu .menu-left .sub-nav>li a {

        display: block;

        padding: 5px 20px

    }



    .header-menu .menu-left .sub-nav>li h3 {

        margin: 0;

        color: #ddd;

        text-align: left;

        text-indent: 5px

    }



    .header-menu .menu-left .sub-nav>li .iconfont {

        color: #ddd;

        font-size: 14px

    }



    .header-menu .menu-left .sub-nav>li p {

        display: none

    }



    .header-menu .menu-right {

        width: 100%;

        text-align: center;

        padding-top: 10px

    }



    .header-menu .menu-right a {

        width: 110px;

        margin: 0 !important;

        padding: 0

    }



    .header:hover {

        background: #ffffff

    }

}



html {

    overflow-x: hidden

}



@media (min-width:1200px) {

    .container {

        width: 1200px

    }

}



@media (min-width:768px) {

    .w1444 {

        width: 750px

    }

}



@media (min-width:992px) {

    .w1444 {

        width: 970px

    }

}



@media (min-width:1444px) {

    .w1444 {

        width: 1400px

    }

}



.containers,

.w1444 {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:1340px) {

    .containers {

        max-width: 1340px;

        margin: 0 auto

    }

}



.banner {

    position: relative;

    background: #24282c

}



.banner .owl-carousel {

    display: block;

    overflow: hidden;

    position: relative

}



@media (max-width:710px) {

    .banner .owl-carousel {

        height: 300px

    }

}



.banner .owl-loaded {

    height: auto !important

}



.banner .owl-dots {

    position: absolute;

    z-index: 9;

    left: 200px;

    ;

    bottom: 38px;

    text-align: center;

    font-size: 0

}



.banner .owl-dots .owl-dot {

    display: inline-block;

    margin: 0 4px;

    padding: 0 !important;

    width: 40px;

    height: 4px;

    background: hsla(0, 0%, 100%, .2);

    outline: none

}



.banner .owl-dots .owl-dot.active {

    background: #fff

}



@media (max-width:1440px) {

    .banner .owl-dots {

        bottom: 130px

    }

}



@media (max-width:1366px) {

    .banner .owl-dots {

        bottom: 100px

    }

}



.banner .owl-wrap {

    position: relative;

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center

}



.banner .owl-wrap .owl-wrap-item {

    position: absolute;

    z-index: 99;

    -webkit-transition: all .8s;

    transition: all .8s;

    opacity: 0;

    margin: auto;

    left: 9.9vw;

    right: 18.75%;

    top: 50%;

    -webkit-transform: translateY(-20%);

    transform: translateY(-20%)

}



.banner .owl-wrap .owl-wrap-item img {

    max-width: 100%;

    display: inline-block;

    width: auto

}



.banner .owl-wrap .owl-wrap-item h3 {

    font-size: 36px;

    color: #fff;

    margin: 0 0 30px;

    font-weight: 600

}



.banner .owl-wrap .owl-wrap-item h4 {

    font-size: 18px;

    color: #fff;

    font-weight: 400

}



.banner .owl-wrap .owl-wrap-item h4 span {

    display: inline-block;

    line-height: 40px;

    padding: 0 25px;

    height: 40px;

    border: 1px solid hsla(0, 0%, 100%, .7);

    color: #fff;

    font-size: 16px;

    margin-right: 20px

}



.banner .owl-wrap .owl-wrap-item a {

    width: 10em;

    display: block;

    border: 1px solid #fff;

    line-height: 2.3em;

    border-radius: 1.4em;

    font-size: 16px;

    color: #fff;

    margin: 30px auto 0;

    -webkit-transition: all .3s;

    transition: all .3s;

    text-align: center

}



.banner .owl-wrap .owl-wrap-item a:hover {

    background: #fff;

    color: #09003b

}



.banner .owl-wrap .owl-wrap-image {

    position: relative;

    bottom: -100px;

    -webkit-transition: all .8s;

    transition: all .8s;

    opacity: 0

}



.banner .owl-wrap .owl-wrap-image img {

    max-width: 100%

}



.banner .item-nCoV-pc {

    position: relative;

    height: 100%

}



.banner .item-nCoV-pc .pc-bg img {

    width: 100%

}



.banner .item-nCoV-pc .pc-text {

    position: absolute;

    top: 0;

    height: 100%;

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 0;

    -webkit-transition: all .5s ease .3s;

    transition: all .5s ease .3s;

    left: 0;

    width: 100%;

    text-align: center

}



.banner .item-nCoV-pc .pc-text:after {

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle

}



.banner .item-nCoV-pc .pc-text img {

    display: inline-block !important;

    vertical-align: middle;

    max-width: 100%;

    max-height: 80%;

    width: auto !important

}



.banner .item-nCoV-mob {

    display: none

}



.banner .item-one {

    background: #09003b

}



.banner .item-one .owl-wrap .owl-wrap-item {

    padding: 0 10%

}



@media (max-width:990px) {

    .banner .item-one .owl-wrap .owl-wrap-item {

        padding: 0

    }

}



.banner .item-two {

    background: #131318

}



.banner .item-two .owl-wrap-item {

    margin-top: -50px

}



@media (max-width:1366px) {

    .banner .item-two .owl-wrap-item {

        margin-top: -20px

    }

}



.banner .item-three {

    background-color: #18086c

}



.banner .item-three .owl-three-img {

    position: absolute;

    right: 18.75%;

    bottom: 0;

    width: 23%;

    opacity: 0;

    top: 50%;

    -webkit-transform: translateY(-20%);

    transform: translateY(-20%);

    -webkit-transition: all .8s;

    transition: all .8s

}



.banner .item-three .owl-three-img img {

    width: auto;

    max-width: 100%

}



@media (max-width:720px) {

    .banner .item-three .owl-three-img {

        right: 5%;

        width: 35%;

        top: 60%;

        -webkit-transform: translateY(-20%);

        transform: translateY(-20%)

    }

}



.banner .item-three .owl-wrap-item {

    text-align: left

}



.banner .item-three .owl-wrap-item a {

    margin-left: 1px

}



.banner .item-four {

    background-color: #0f005b

}



.banner .item-four .owl-four-img {

    position: absolute;

    right: 15%;

    bottom: 0;

    width: 34%;

    opacity: 0;

    top: 45%;

    -webkit-transform: translateY(-20%);

    transform: translateY(-20%);

    -webkit-transition: all .8s;

    transition: all .8s;

    z-index: 9999

}



.banner .item-four .owl-four-img img {

    width: auto;

    max-width: 100%

}



@media (max-width:720px) {

    .banner .item-four .owl-four-img {

        right: 5%;

        width: 50%;

        top: 70%;

        -webkit-transform: translateY(-20%);

        transform: translateY(-20%)

    }

}



@media (max-width:480px) {

    .banner .item-four .owl-four-img {

        width: 40%

    }

}



.banner .item-four .owl-wrap-item {

    text-align: left;

    top: 50%

}



.banner .item-four .owl-wrap-item a {

    margin-left: 1px

}



.banner .item-on1 {

    background-color: #4a37d5

}



.banner .item-on1 .owl-on1-img {

    position: absolute;

    right: 24%;

    bottom: 0;

    width: 20%;

    opacity: 0;

    top: 31%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .8s;

    transition: all .8s;

    z-index: 9999

}



.banner .item-on1 .owl-on1-img img {

    width: auto;

    max-width: 100%

}



@media (max-width:720px) {

    .banner .item-on1 .owl-on1-img {

        right: 5%;

        width: 50%;

        top: 60%;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%)

    }

}



@media (max-width:480px) {

    .banner .item-on1 .owl-on1-img {

        right: 9%;

        width: 28%

    }

}



@media (max-width:480px) {

    .banner .item-on1 .owl-wrap-image {

        display: none

    }

}



.banner .item-on1 .owl-wrap-item {

    text-align: left;

    top: 47%;

    left: 9.84vw;

    right: 15.1vw

}



.banner .item-on1 .owl-wrap-item h3 {

    font-size: 36px;

    font-weight: 600

}



@media (max-width:992px) {

    .banner .item-on1 .owl-wrap-item h3 {

        font-size: 22px

    }

}



.banner .item-on1 .owl-wrap-item h4 {

    font-size: 18px

}



@media (max-width:1024px) {

    .banner .item-on1 .owl-wrap-item h4 {

        padding-bottom: 0;

        line-height: 24px

    }

}



.banner .item-on1 .owl-wrap-item a {

    margin-left: 1px

}



.banner .item-on2 {

    background-color: #4a37d5

}



.banner .item-on2 .owl-on2-img {

    position: absolute;

    right: 24%;

    bottom: 0;

    width: 20%;

    opacity: 0;

    top: 31%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .8s;

    transition: all .8s;

    z-index: 9999

}



.banner .item-on2 .owl-on2-img img {

    width: auto;

    max-width: 100%

}



@media (max-width:720px) {

    .banner .item-on2 .owl-on2-img {

        right: 16%;

        width: 28%;

        top: 60%;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%)

    }

}



@media (max-width:480px) {

    .banner .item-on2 .owl-wrap-image {

        display: none

    }

}



.banner .item-on2 .owl-wrap-item {

    text-align: left;

    top: 47%;

    left: 9.84vw;

    right: 15.1vw

}



.banner .item-on2 .owl-wrap-item h3 {

    font-size: 36px;

    font-weight: 600

}



@media (max-width:992px) {

    .banner .item-on2 .owl-wrap-item h3 {

        font-size: 22px

    }

}



.banner .item-on2 .owl-wrap-item h4 {

    font-size: 18px;

    margin-top: 34px;

    padding-bottom: 14px

}



@media (max-width:1024px) {

    .banner .item-on2 .owl-wrap-item h4 {

        padding-bottom: 0;

        line-height: 24px

    }

}



.banner .item-on2 .owl-wrap-item a {

    margin-left: 1px

}



.banner .item-six {

    background-color: #141545

}



.banner .item-six .owl-six-img {

    position: absolute;

    width: 100%;

    top: 50%;

    -webkit-transition: all .8s;

    transition: all .8s;

    opacity: 0;

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 1.3s;

    transition-duration: 1.3s

}



.banner .item-six .owl-six-img img {

    width: auto;

    max-width: 100%

}



.banner .item-six .owl-wrap-item {

    text-align: left;

    top: 47%

}



.banner .item-six .owl-wrap-item a {

    margin-left: 1px

}



.banner .item-ecs {

    background: #3859da

}



.banner .item-ecs .owl-wrap-item {

    text-align: left

}



.banner .item-ecs .owl-wrap-item h3 {

    font-weight: 700;

    font-size: 36px;

    margin-bottom: 30px;

    color: #fefefe

}



.banner .item-ecs .owl-wrap-item h4 {

    font-size: 16px;

    line-height: 24px;

    color: #fefefe

}



.banner .item-ecs .owl-wrap-item a {

    margin-left: 1px

}



.banner .item-ecs .owl-ecs-img {

    position: absolute;

    right: 14.5%;

    bottom: 5%;

    width: 35%;

    opacity: 0;

    -webkit-transform: translateY(-20%);

    transform: translateY(-20%);

    -webkit-transition: all .8s;

    transition: all .8s;

    z-index: 9999

}



.banner .item-ecs .owl-ecs-img img {

    width: auto;

    max-width: 100%

}



.banner .item-ecs1 {

    background: #120879

}



@media (max-width:990px) {

    .banner .item-ecs1 .owl-wrap-image {

        display: none

    }

}



.banner .item-ecs1 .owl-wrap-item {

    left: 9.9vw;

    top: 50%;

    text-align: left

}



.banner .item-ecs1 .owl-wrap-item h3 {

    font-weight: 700;

    font-size: 36px;

    margin-bottom: 30px;

    color: #fefefe

}



@media (max-width:990px) {

    .banner .item-ecs1 .owl-wrap-item h3 {

        margin-bottom: 22px

    }

}



.banner .item-ecs1 .owl-wrap-item h4 {

    font-size: 18px;

    line-height: 24px;

    color: #fefefe

}



.banner .item-ecs1 .owl-wrap-item a {

    margin-left: 1px

}



.banner .item-ecs1 .owl-ecs1-img {

    position: absolute;

    right: 18.58%;

    top: 50%;

    width: 24.1%;

    opacity: 1;

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    -webkit-transition: all .8s;

    transition: all .8s;

    z-index: 9;

    text-align: center

}



@media (max-width:1610px) {

    .banner .item-ecs1 .owl-ecs1-img {

        right: 13.58%

    }

}



@media (max-width:980px) {

    .banner .item-ecs1 .owl-ecs1-img {

        right: 12%

    }

}



@media (max-width:480px) {

    .banner .item-ecs1 .owl-ecs1-img {

        right: 4%;

        width: 48%

    }

}



.banner .item-ecs1 .owl-ecs1-img img {

    width: auto;

    max-width: 100%;

    display: inline

}



.banner .item-five {

    background: #3a935d

}



.banner .item-five .owl-wrap-image .pc-img {

    display: block

}



.banner .item-five .owl-wrap-image .mobile-img {

    display: none

}



@media (max-width:768px) {



    .banner .item-five .owl-wrap-image,

    .banner .item-five .owl-wrap-image img {

        height: 100%

    }

}



@media (max-width:480px) {

    .banner .item-five .owl-wrap-image .pc-img {

        display: none

    }



    .banner .item-five .owl-wrap-image .mobile-img {

        display: block

    }

}



.banner .item-ksp {

    background: #181b2c;

    position: relative

}



.banner .item-ksp .owl-wrap .owl-wrap-item {

    right: auto;

    width: 31.25%;

    text-align: left;

    left: 18.75%;

    margin: 0

}



.banner .item-ksp .owl-wrap .owl-wrap-item h3 {

    font-size: 36px;

    color: #fefefe

}



.banner .item-ksp .owl-wrap .owl-wrap-item h3 span {

    font-size: 46px;

    color: #f7b51d;

    margin-right: 10px

}



@media (max-width:1200px) {

    .banner .item-ksp .owl-wrap .owl-wrap-item h3 {

        font-size: 28px

    }



    .banner .item-ksp .owl-wrap .owl-wrap-item h3 span {

        font-size: 38px

    }

}



.banner .item-ksp .owl-wrap .owl-wrap-item a {

    margin-left: 0

}



.banner .item-ksp .owl-ksp-img {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-20%);

    transform: translateY(-20%);

    opacity: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    right: 18.75%;

    width: 31.25%;

    text-align: right

}



.banner .item-ksp .owl-ksp-img img {

    display: inline-block;

    width: auto;

    max-width: 100%

}



.banner .item-2020 {

    position: relative;

    background: #ba1a20

}



.banner .item-2020 .sj {

    display: none

}



.banner .item-2020-bg img {

    width: 100%

}



.banner .item-2020-main {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    text-align: center;

    z-index: 9;

    -webkit-transition: all 1s ease .2s;

    transition: all 1s ease .2s;

    -webkit-transform: scale(.4);

    transform: scale(.4);

    opacity: 0

}



@media (max-width:1024px) {

    .banner .owl-wrap .owl-wrap-item h3 {

        font-size: 30px

    }



    .banner .owl-wrap .owl-wrap-item h4 {

        font-size: 18px;

        margin-top: 15px;

        line-height: 24px

    }



    .banner .owl-wrap .owl-wrap-item a {

        font-size: 16px

    }



    .banner .item-ecs .owl-wrap-item h3 {

        margin-bottom: 15px

    }



    .banner .item-ecs .owl-wrap-item h4 {

        font-size: 16px

    }



    .banner .item-ecs .owl-wrap-item h4 br {

        display: none

    }



    .banner .item-ecs .owl-wrap-item a {

        margin-top: 10px;

        font-size: 14px

    }



    .banner .item-ecs .owl-wrap-item {

        right: 40%

    }

}



@media (max-width:990px) {

    .banner .item-nCoV-pc {

        display: none

    }



    .banner .item-nCoV-mob {

        display: block;

        position: relative;

        height: 100%

    }



    .banner .item-nCoV-mob .mob-bg {

        height: 100%;

        background-size: cover;

        background-position: 50%

    }



    .banner .item-nCoV-mob .mob-text {

        position: absolute;

        top: 0;

        width: 50%;

        height: 100%;

        text-align: center;

        -webkit-transition: all .5s ease .2s;

        transition: all .5s ease .2s;

        -webkit-transform: scale(0);

        transform: scale(0);

        padding: 0 2%;

        left: 0;

        width: 100%;

        opacity: 0

    }



    .banner .item-nCoV-mob .mob-text:after {

        content: "";

        display: inline-block;

        height: 100%;

        vertical-align: middle

    }



    .banner .item-nCoV-mob .mob-text img {

        display: inline-block !important;

        vertical-align: middle;

        max-width: 100%;

        max-height: 80%;

        width: auto !important

    }



    .banner .item {

        height: 260px

    }



    .banner .owl-dots {

        bottom: 20px

    }



    .banner .owl-wrap {

        text-align: center;

        height: 100%

    }



    .banner .owl-wrap .owl-wrap-image {

        position: absolute

    }



    .banner .owl-wrap .owl-wrap-item {

        left: 5%;

        right: 5%

    }



    .banner .owl-wrap .owl-wrap-item h3 {

        font-size: 22px;

        margin-bottom: 12px !important

    }



    .banner .owl-wrap .owl-wrap-item h4 {

        font-size: 15px;

        margin: 10px 0 15px

    }



    .banner .owl-wrap .owl-wrap-item a {

        font-size: 13px;

        margin-top: 16px !important

    }



    .banner .item-ksp .owl-wrap .owl-wrap-item {

        right: 5%;

        width: auto;

        left: 5%;

        top: 40%

    }



    .banner .item-ksp .owl-wrap .owl-wrap-item h3 {

        font-size: 20px

    }



    .banner .item-ksp .owl-wrap .owl-wrap-item h3 span {

        font-size: 30px

    }



    .banner .item-ksp .owl-ksp-img {

        position: absolute;

        top: auto;

        bottom: 5%;

        -webkit-transform: translateY(0) !important;

        transform: translateY(0) !important;

        right: 5%;

        width: 50%

    }



    .banner .item-2020 .web {

        display: none

    }



    .banner .item-2020 .sj {

        display: block

    }



    .banner .item-2020-bg img {

        height: 100%

    }



    .banner .item-2020-main {

        height: 100%;

        padding-top: 5%

    }



    .banner .item-2020-main img {

        width: auto;

        height: 90%;

        display: inline-block

    }



    .banner .item-ecs .owl-ecs-img {

        right: 0

    }

}



.banner .active .item-nCoV-mob .mob-text,

.banner .active .item-nCoV-pc .pc-text {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1

}



.banner .active .owl-wrap .owl-wrap-item {

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 1

}



.banner .active .owl-wrap .owl-wrap-image {

    bottom: 0;

    opacity: 1

}



@media (max-width:990px) {

    .banner .active .owl-wrap .owl-wrap-image {

        display: none

    }

}



.banner .active .item-ecs1 .owl-ecs1-img,

.banner .active .item-four .owl-four-img,

.banner .active .item-three .owl-three-img {

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 1

}



.banner .active .item-on1 .owl-on1-img {

    -webkit-transform: translateY(-25%);

    transform: translateY(-25%);

    opacity: 1

}



.banner .active .item-on2 .owl-on2-img {

    -webkit-transform: translateY(-16%);

    transform: translateY(-16%);

    opacity: 1

}



.banner .active .item-six .owl-six-img {

    opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.banner .active .item-ecs .owl-ecs-img {

    -webkit-transform: translateY(-5%);

    transform: translateY(-5%);

    opacity: 1

}



.banner .active .item-ksp .owl-ksp-img {

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 1

}



.banner .active .item-2020-main {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1

}



.banner .item-hd1 img,

.banner .item-zq img {

    width: 100%

}



.banner-text {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 0;

    z-index: 99999;

    background: rgba(248, 247, 250, .08)

}



.banner-text ul {

    border-left: 1px solid hsla(0, 0%, 100%, .1)

}



.banner-text li {

    width: 20%;

    float: left;

    border-right: 1px solid hsla(0, 0%, 100%, .1);

    text-align: center;

    font-size: 13px;

    padding: 3em 0;

    color: #fff

}



@media (max-width:1440px) {

    .banner-text li {

        padding: 2.5em 0

    }

}



@media (max-width:1366px) {

    .banner-text li {

        padding: 1.5em 0

    }

}



.banner-text li a {

    color: #fff

}



.banner-text li a h4 {

    font-size: 17px;

    margin-bottom: 10px;

    font-weight: 400

}



.banner-text li a p {

    opacity: .5

}



.banner-text li:hover {

    background: hsla(0, 0%, 100%, .1)

}



@media (max-width:990px) {

    .banner-text {

        display: none

    }



    .banner .active .item-six .owl-six-img {

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%)

    }

}



.main-product {

    padding-top: 75px;

    padding-bottom: 35px

}



.main-product-list {

    margin-top: 40px

}



.main-product-list .main-product-item {

    display: block;

    padding: 50px 0 25px;

    text-align: center;

    background: #fff;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.main-product-list .main-product-item .icon {

    margin-bottom: 30px

}



.main-product-list .main-product-item .icon img {

    max-width: 140px

}



.main-product-list .main-product-item h2 {

    font-size: 18px;

    color: #323232;

    font-weight: 400;

    margin: 20px 0 15px;

    line-height: 1

}



.main-product-list .main-product-item p {

    font-size: 14px;

    line-height: 2;

    color: #5a5a5a;

    height: 90px;

    overflow: hidden

}



@media (max-width:420px) {

    .main-product-list .main-product-item p br {

        display: none

    }

}



.main-product-list .main-product-item:hover {

    -webkit-box-shadow: .521px 2.954px 10px 0 rgba(0, 0, 0, .16);

    box-shadow: .521px 2.954px 10px 0 rgba(0, 0, 0, .16);

    -webkit-transform: translateY(-3px);

    transform: translateY(-3px)

}



.index-title {

    text-align: center;

    margin-bottom: 4.16666667%;

    font-weight: 200

}



.index-title h3 {

    font-size: 30px;

    font-weight: 200;

    color: #000;

    line-height: 1.5;

    margin: 0 0 1.66666667%

}



.index-title P {

    font-size: 15px;

    color: #666

}



.index-title.white h3,

.index-title.white p {

    color: #fff

}



@media (max-width:640px) {

    .index-title {

        padding: 0 10%

    }

}



@media (max-width:990px) {

    .main-product {

        padding: 30px 0

    }



    .main-product-list .main-product-item {

        padding: 20px 0

    }



    .main-product-list .main-product-item .iconfont {

        font-size: 50px

    }



    .main-product-list .main-product-item h2 {

        font-size: 16px;

        margin: 10px 0 5px

    }



    .main-product-list .main-product-item p {

        font-size: 14px;

        height: 84px

    }



    .index-title h3 {

        font-size: 20px;

        margin-bottom: 10px

    }



    .index-title P {

        font-size: 14px

    }

}



.about {

    background: #f6f6f6;

    padding: 50px 0

}



.about-content {

    text-align: center;

    position: relative;

    margin: 0 -15px

}



.about-content h3 {

    font-weight: 400;

    margin: 0 0 30px;

    font-size: 34px;

    color: #333;

    line-height: 1.6

}



.about-content .about-info {

    font-size: 15px;

    color: #666;

    line-height: 2.7;

    margin-bottom: 30px

}



.index-more {

    text-align: center

}



.index-more a {

    display: inline-block;

    line-height: 42px;

    font-size: 16px;

    color: #fff;

    background: #03a9f4;

    border-radius: 2.5em;

    width: 190px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.index-more a:hover {

    color: #fff;

    background: #0083cc

}



.index-more.white a {

    border-color: #fff;

    color: #fff

}



.index-more.white a:hover {

    background: #fff;

    color: #03a9f4

}



@media (max-width:990px) {

    .about {

        padding: 30px 0

    }



    .about-content {

        margin: 0

    }



    .about-content h3 {

        margin: 0 0 15px;

        font-size: 22px

    }



    .about-content .about-info {

        font-size: 14px;

        line-height: 2

    }



    .index-more a {

        font-size: 14px

    }

}



.template {

    padding: 8.85416667% 0;

    background: url(//static.cn86.cn/img/2018/12/b91a2ff93erdutvc.png) no-repeat 50%;

    background-attachment: fixed;

    background-size: cover

}



.template-img {

    position: relative;

    margin-top: 6.66666667%;

    text-align: center

}



.template-img a {

    display: inline-block;

    width: 190px;

    line-height: 42px;

    text-align: center;

    background: #00ade9;

    border-radius: 20px;

    color: #fff;

    font-size: 16px;

    -webkit-transition: all .4s;

    transition: all .4s

}



.template-img a:hover {

    background: #0083cc

}



@media (max-width:990px) {

    .template {

        padding: 30px 0

    }



    .template .template-img a {

        width: 100px;

        line-height: 30px;

        font-size: 12px

    }

}



.case {

    padding: 45px 0;

    padding-bottom: 60px

}



@media (min-width:990px) {

    .case-list {

        margin: 75px -20px 0

    }



    .case-list div[class*=col-] {

        padding: 0 20px

    }

}



.case-list .case-item {

    margin-bottom: 60px;

    -webkit-box-shadow: .521px 2.954px 10px 0 rgba(0, 0, 0, .16);

    box-shadow: .521px 2.954px 10px 0 rgba(0, 0, 0, .16)

}



.case-list .case-item a {

    display: block;

    overflow: hidden

}



.case-list .case-item a img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease

}



.case-list .case-item a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.case .case-item a h3 {

    font-size: 14px;

    font-weight: 400;

    text-align: center

}



.case .case-item a:hover h3 {

    color: #00ade9

}



.template-slick {

    position: relative;

    margin-top: 30px;

    margin-bottom: 30px

}



.template-slick .owl-nav {

    display: none;

    -webkit-transition: all .5s;

    transition: all .5s

}



.template-slick .owl-nav .owl-next,

.template-slick .owl-nav .owl-prev {

    position: absolute;

    z-index: 99;

    outline: none;

    border: none;

    font-size: 0 !important;

    top: 45%;

    width: 20px;

    height: 38px;

    margin-top: -19px

}



.template-slick .owl-nav .owl-prev {

    background: url(../images/case-ljt.png) 50% no-repeat !important;

    left: -50px

}



.template-slick .owl-nav .owl-prev:hover {

    background: url(../images/case-ljt1.png) 50% no-repeat !important

}



.template-slick .owl-nav .owl-next {

    background: url(../images/case-rjt.png) 50% no-repeat !important;

    right: -50px

}



.template-slick .owl-nav .owl-next:hover {

    background: url(../images/case-rjt1.png) 50% no-repeat !important

}



.template-slick .slick-con {

    display: block;

    padding: 30px 10px

}



.template-slick .slick-con img {

    display: inline-block;

    width: 100%;

    -webkit-box-shadow: 0 12px 8px -12px rgba(12, 4, 8, .1);

    box-shadow: 0 12px 8px -12px rgba(12, 4, 8, .1)

}



.case:hover .template-slick .owl-nav {

    display: block

}



@media (max-width:990px) {

    .case {

        padding: 30px 0

    }



    .case-list {

        margin-top: 40px

    }



    .case-list .case-item {

        margin-bottom: 30px

    }

}



.news {

    padding: 63px 0

}



.news-list {

    margin-top: 60px

}



.news-img-item {

    margin-bottom: 20px

}



.news-img-item a {

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    display: block

}



.news-img-item .img {

    display: block;

    overflow: hidden

}



.news-img-item .img img {

    width: 100%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.news-img-item h3 {

    border: 1px solid #eee;

    border-top: none;

    margin: 0;

    padding: 14px 12px;

    font-weight: 400;

    line-height: 25px;

    font-size: 14px;

    color: #444

}



.news-img-item:hover a {

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    box-shadow: 0 0 10px rgba(0, 0, 0, .2)

}



.news-img-item:hover .img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.news-img-item:hover h3 {

    color: #03a9f4

}



.news-list .news-text-list ul {

    padding: 10px 0;

    margin: 0 15px;

    border: 1px solid #eee

}



.news-list .news-text-list a {

    font-size: 14px;

    color: #444;

    line-height: 28px;

    display: block

}



.news-list .news-text-list a span {

    font-size: 12px;

    color: #666;

    float: right

}



.news-list .news-text-list a:hover {

    color: #03a9f4

}



@media (max-width:990px) {

    .news {

        padding: 30px 0

    }



    .news .news-list {

        margin-top: 30px

    }

}



.links {

    padding: 50px 0

}



.links .links-title {

    text-align: center;

    font-size: 30px;

    color: #000;

    line-height: 1.5;

    padding-bottom: 25px;

    margin-bottom: 20px;

    font-weight: 400

}



.links .links-list li {

    float: left;

    display: block;

    text-align: center;

    width: 20%;

    height: 50px;

    padding: 0 2.5%;

    margin: 20px 0

}



.links .links-list li img {

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle

}



.links .links-list li:after {

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle

}



.links .links-list li img {

    opacity: .7;

    -webkit-transition: all .3s;

    transition: all .3s

}



.links .links-list li:hover img {

    opacity: 1

}



@media (max-width:768px) {

    .links {

        padding: 30px 0;

        padding-top: 0

    }



    .links .links-title {

        font-size: 20px;

        margin: 0

    }



    .links .links-list li {

        height: 30px;

        margin: 10px 0;

        width: 33.333%

    }



    .links .links-list li:nth-of-type(10) {

        display: none

    }

}



.application {

    background: url(//static.cn86.cn/img/2018/12/915089a913jdtq3f.png) top no-repeat;

    background-size: cover;

    padding: 7.8125% 0

}



.application .index-more {

    margin-top: 30px

}



.application .white a {

    background: #00ade9

}



.application .white a:hover {

    background: #0083cc;

    color: #fff

}



#anchor {

    line-height: 60px;

    border-bottom: 1px solid #e1e8ec

}



#anchor .container .anchor {

    font-size: 14px

}



#anchor .container .anchor span {

    margin: 0 10px

}



#anchor .container .anchor a {

    color: #666

}



#anchor .container .anchor a:hover {

    color: #03a9f4

}



@media (max-width:768px) {

    #anchor {

        padding-top: 5px;

        display: none

    }

}



.map-index {

    background: #f8f8f8;

    padding: 50px 0;

    display: none

}



.map-index .map-content .map-img {

    width: 930px;

    height: 621px;

    position: relative;

    float: left

}



.map-index .map-content .map-img .point-area {

    position: absolute;

    -webkit-transition: opacity .5s ease-out;

    transition: opacity .5s ease-out;

    width: 34px;

    height: 34px;

    visibility: visible;

    opacity: 1

}



.map-index .map-content .map-img .point-area span {

    position: absolute;

    width: 50px

}



.map-index .map-content .map-img .point-area .point-dot {

    z-index: 1;

    background-color: #3bbdf7;

    display: block;

    border: 1px solid rgba(59, 189, 247, .37)

}



.map-index .map-content .map-img .point-area .point-dot.suzhou {

    background-color: #fd6e2e;

    border: 1px solid rgba(253, 110, 46, .37)

}



.map-index .map-content .map-img .point-area .point {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 8px;

    height: 8px;

    margin: auto;

    border-radius: 50%

}



.map-index .map-content .map-img .point-area div.point {

    width: 100%;

    height: 100%

}



.map-index .map-content .map-img .point-area div.point:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: 50%;

    border: 2px solid #00cdec;

    opacity: 0;

    -webkit-animation: ripple 4.5s ease-out 225ms infinite;

    animation: ripple 4.5s ease-out 225ms infinite

}



.map-index .map-content .map-img .point-area div.suzhou:after {

    border-color: #f0082f

}



.map-index .map-content .map-img .point-area div.point-70:after {

    -webkit-animation: ripple 4.5s ease-out 1.57s infinite;

    animation: ripple 4.5s ease-out 1.57s infinite

}



.map-index .map-content .map-text {

    padding: 10px 0;

    text-align: right;

    float: right

}



.map-index .map-content .map-text li {

    padding: 20px 10px;

    position: relative

}



.map-index .map-content .map-text li .num {

    position: relative;

    font-size: 44px;

    font-weight: 700;

    height: 44px;

    padding-right: 20px

}



.map-index .map-content .map-text li span {

    position: absolute;

    top: 15px;

    right: 6px;

    font-size: 31px;

    font-weight: 400

}



.map-index .map-content .map-text li .txt {

    font-size: 16px;

    line-height: 74px

}



@media (max-width:1200px) {

    .map-index .map-content .map-text {

        width: 100%;

        text-align: left;

        padding-top: 30px

    }



    .map-index .map-content .map-text li {

        float: left;

        width: 25%;

        padding-bottom: 0

    }



    .map-index .map-content .map-text li .num span {

        position: static;

        margin-top: -15px

    }

}



@-webkit-keyframes ripple {

    0% {

        opacity: 0;

        -webkit-transform: scale(.1)

    }



    5% {

        opacity: 1

    }



    to {

        opacity: 0;

        -webkit-transform: scale(1)

    }

}



@keyframes ripple {

    0% {

        opacity: 0;

        -webkit-transform: scale(.1);

        transform: scale(.1)

    }



    5% {

        opacity: 1

    }



    to {

        opacity: 0;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.banner-texts {

    background: rgba(0, 0, 0, .3);

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 999

}



.banner-texts ul li {

    float: left;

    width: 25%;

    padding: 35px 0;

    padding-left: 40px;

    border-right: 1px solid hsla(0, 0%, 100%, .1)

}



.banner-texts ul li .imgs {

    float: left;

    width: 56px;

    height: 56px;

    text-align: center;

    line-height: 56px;

    border-radius: 50%;

    background: #fff;

    overflow: hidden;

    -webkit-transition: all 1.8s ease;

    transition: all 1.8s ease;

    position: relative

}



.banner-texts ul li .imgs .images1,

.banner-texts ul li .imgs .images2 {

    position: relative;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    top: 0

}



.banner-texts ul li .wenzi {

    float: left;

    margin-left: 18px;

    padding-top: 8px

}



.banner-texts ul li .wenzi h3 {

    font-size: 20px;

    font-weight: 400;

    color: #fff;

    margin: 0

}



.banner-texts ul li .wenzi span {

    display: block;

    font-size: 14px;

    color: #fff;

    line-height: 14px;

    margin-top: 10px

}



.banner-texts ul li:hover .imgs {

    background: #009cff

}



.banner-texts ul li:hover .imgs .images1,

.banner-texts ul li:hover .imgs .images2 {

    top: -56px

}



@media (max-width:1366px) {

    .banner-texts ul li {

        padding: 15px 0

    }

}



@media (max-width:1024px) {

    .banner-texts ul li {

        padding: 10px 0;

        padding-left: 10px

    }



    .banner-texts ul li .wenzi {

        margin-left: 12px

    }

}



@media (max-width:768px) {

    .banner-texts {

        display: none

    }

}



.search1 {

    padding: 30px 0;

    max-width: 840px;

    font-size: 0;

    margin: 0 auto

}



.search1 input {

    background: none;

    outline: none

}



.search1 .keyword1 {

    border: 1px solid #e9e9e9;

    width: 75%;

    font-size: 16px;

    color: #c4c4c4;

    line-height: 64px;

    text-indent: 24px

}



.search1 .btn1 {

    background: #0d9ffd;

    width: 25%;

    line-height: 64px;

    text-align: center;

    font-size: 18px;

    color: #fff;

    border: none

}



@media (max-width:768px) {



    .search1 .btn1,

    .search1 .keyword1 {

        line-height: 40px

    }

}



.sample-product {

    background: #f7f7f7;

    padding-top: 75px;

    padding-bottom: 85px

}



.sample-product canvas {

    opacity: .3 !important

}



.sample-product .product-title {

    text-align: center

}



.sample-product .product-title h3 {

    font-size: 36px;

    font-weight: 400;

    color: #333;

    line-height: 36px;

    text-align: center;

    margin: 0

}



.sample-product .product-title span {

    display: block;

    font-size: 18px;

    color: #999;

    line-height: 18px;

    margin-top: 20px

}



@media (max-width:768px) {

    .sample-product .product-title h3 {

        font-size: 20px

    }



    .sample-product .product-title span {

        font-size: 14px;

        margin-top: 0

    }

}



.sample-product .index_step3 {

    margin-top: 60px;

    position: relative

}



.sample-product .index_step3 .swiper-button-next,

.sample-product .index_step3 .swiper-button-prev {

    outline: none

}



.sample-product .index_step3 .swiper-button-prev {

    position: absolute;

    left: -5%;

    top: 50%

}



.sample-product .index_step3 .swiper-button-next {

    position: absolute;

    right: -5%;

    top: 50%

}



@media (max-width:1024px) {



    .sample-product .index_step3 .swiper-button-next,

    .sample-product .index_step3 .swiper-button-prev {

        display: none

    }

}



.sample-product .index_step3 .swiper-slide {

    text-align: left;

    background: #fff;

    height: 510px;

    position: relative

}



@media (max-width:320px) {

    .sample-product .index_step3 .swiper-slide {

        height: 460px

    }

}



.sample-product .index_step3 .swiper-slide .ptitle {

    padding-bottom: 25px;

    padding-top: 25px;

    border-bottom: 1px solid #e3e3e3;

    padding-left: 10%;

    line-height: 1.5;

    background: #ececec

}



@media (max-width:1024px) {

    .sample-product .index_step3 .swiper-slide .ptitle {

        padding-left: 3%

    }

}



@media (max-width:320px) {

    .sample-product .index_step3 .swiper-slide .ptitle {

        padding-left: 5%;

        padding-top: 15px;

        padding-bottom: 15px

    }

}



.sample-product .index_step3 .swiper-slide .ptitle span {

    display: block;

    font-weight: 400

}



.sample-product .index_step3 .swiper-slide .ptitle .ptitle-t {

    font-size: 24px;

    color: #333

}



.sample-product .index_step3 .swiper-slide .ptitle .ptitle-p {

    font-size: 16px;

    color: #888

}



.sample-product .index_step3 .swiper-slide .ptitle:after {

    height: 50px;

    border-left: 4px solid #ececec;

    content: "";

    position: absolute;

    top: 34px;

    left: 1px

}



@media (max-width:768px) {

    .sample-product .index_step3 .swiper-slide .ptitle {

        background: #099efd

    }



    .sample-product .index_step3 .swiper-slide .ptitle .ptitle-t {

        color: #fff;

        font-weight: 600;

        font-size: 20px

    }



    .sample-product .index_step3 .swiper-slide .ptitle .ptitle-p {

        font-size: 13px;

        color: #fff

    }



    .sample-product .index_step3 .swiper-slide .ptitle:after {

        border-color: #fff;

        top: 5%

    }

}



@media (max-width:320px) {

    .sample-product .index_step3 .swiper-slide .ptitle:after {

        top: 3%

    }

}



.sample-product .index_step3 .swiper-slide .p-active-t {

    background: #099efd

}



.sample-product .index_step3 .swiper-slide .p-active-t .ptitle-t {

    color: #fff;

    font-weight: 600

}



.sample-product .index_step3 .swiper-slide .p-active-t .ptitle-p {

    color: #fff

}



.sample-product .index_step3 .swiper-slide .p-active-t:after {

    height: 50px;

    border-left: 4px solid #fff;

    content: "";

    position: absolute;

    top: 34px;

    left: 0

}



@media (max-width:768px) {

    .sample-product .index_step3 .swiper-slide .p-active-t:after {

        top: 5%

    }

}



@media (max-width:320px) {

    .sample-product .index_step3 .swiper-slide .p-active-t:after {

        top: 3%

    }

}



.sample-product .index_step3 .swiper-slide .detail {

    padding: 30px

}



.sample-product .index_step3 .swiper-slide .detail h3 {

    font-size: 16px;

    font-weight: 400;

    color: #000;

    line-height: 16px;

    margin-top: 0;

    margin-bottom: 25px

}



.sample-product .index_step3 .swiper-slide .detail .wz1 {

    padding-bottom: 20px;

    border-bottom: 1px dashed #f0f0f0

}



.sample-product .index_step3 .swiper-slide .detail .wz2 {

    margin-top: 30px

}



.sample-product .index_step3 .swiper-slide .detail ul li {

    font-size: 14px;

    color: #000;

    line-height: 16px;

    background: url(//static.cn86.cn/img/2020/04/e91d80ba57ykmhba.png) no-repeat 0;

    padding-left: 28px;

    width: 50%;

    float: left;

    margin-bottom: 15px

}



@media (max-width:768px) {

    .sample-product .index_step3 .swiper-slide .detail ul li {

        width: 100%;

        background: url(//static.cn86.cn/img/2020/04/07c45f059ft8ys8n.png) no-repeat 0

    }

}



@media (max-width:320px) {

    .sample-product .index_step3 .swiper-slide .detail {

        padding: 20px

    }



    .sample-product .index_step3 .swiper-slide .detail .wz1 {

        padding-bottom: 10px

    }



    .sample-product .index_step3 .swiper-slide .detail .wz2 {

        margin-top: 15px

    }



    .sample-product .index_step3 .swiper-slide .detail h3 {

        margin-bottom: 15px

    }



    .sample-product .index_step3 .swiper-slide .detail ul li {

        margin-bottom: 8px

    }

}



.sample-product .index_step3 .swiper-slide .product-more {

    width: 100%;

    position: absolute;

    font-size: 0;

    display: none;

    left: 0;

    bottom: 0

}



.sample-product .index_step3 .swiper-slide .product-more a {

    display: inline-block;

    width: 50%;

    line-height: 48px;

    font-size: 14px;

    color: #069efe;

    text-align: center;

    border: 1px solid #13a1fb

}



.sample-product .index_step3 .swiper-slide .product-more a:first-child {

    background: #069efe;

    color: #fff

}



.sample-product .index_step3 .p-active {

    -webkit-transition: top .2s ease-in-out;

    transition: top .2s ease-in-out;

    width: 480px;

    top: 0 !important;

    height: 540px;

    -webkit-box-shadow: 8px 5px 59px 0 rgba(0, 0, 0, .15);

    box-shadow: 8px 5px 59px 0 rgba(0, 0, 0, .15);

    z-index: 999

}



.sample-product .index_step3 .p-active .detail ul li {

    background: url(//static.cn86.cn/img/2020/04/07c45f059ft8ys8n.png) no-repeat 0

}



.sample-product .index_step3 .p-active .product-more {

    display: block

}



@media (max-width:768px) {

    .sample-product {

        padding-top: 20px;

        padding-bottom: 20px

    }



    .sample-product .index_step3 {

        margin-top: 15px

    }

}



.sample-case {

    margin-top: 61px

}



@media (max-width:768px) {

    .sample-case {

        margin-top: 20px

    }

}



.sample-case .sample-title h3 {

    font-size: 36px;

    font-weight: 400;

    color: #333;

    line-height: 36px;

    text-align: center;

    margin: 0

}



@media (max-width:768px) {

    .sample-case .sample-title h3 {

        font-size: 20px

    }

}



.sample-case .case-cate {

    text-align: center;

    font-size: 0;

    margin-top: 20px

}



@media (max-width:768px) {

    .sample-case .case-cate {

        margin-top: 0

    }

}



.sample-case .case-cate li {

    display: inline-block;

    font-size: 18px;

    line-height: 18px;

    padding: 0 20px;

    border-right: 1px solid #999

}



@media (max-width:768px) {

    .sample-case .case-cate li {

        font-size: 14px;

        padding: 0 15px

    }

}



.sample-case .case-cate li:hover a {

    color: #00ace8

}



.sample-case .case-cate li:last-child {

    border: none

}



.sample-case .case-cate li a {

    color: #999

}



.sample-case .case-con {

    margin-top: 46px

}



.sample-case .case-con .sample-case-list .case-item {

    margin-bottom: 29px;

    overflow: hidden

}



.sample-case .case-con .sample-case-list .case-item a {

    display: block;

    position: relative

}



.sample-case .case-con .sample-case-list .case-item img.imgall {

    width: 100%

}



.sample-case .case-con .sample-case-list .case-item h3 {

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    color: #444;

    line-height: 60px;

    background: #f8f8f8;

    text-align: center;

    margin: 0

}



@media (max-width:768px) {

    .sample-case .case-con .sample-case-list .case-item h3 {

        line-height: 20px;

        padding: 10px;

        font-size: 13px

    }

}



.sample-case .case-con .sample-case-list .case-item:hover h3 {

    background: #00ace8;

    color: #fff

}



.sample-advantage {

    padding: 60px 0;

    background: url(//static.cn86.cn/img/2020/05/10d86e536dugudmb.jpg) no-repeat 50%;

    background-size: cover;

    margin-top: 60px

}



@media (max-width:768px) {

    .sample-advantage {

        margin-top: 20px;

        padding: 30px 0

    }

}



.sample-advantage .advantage-title {

    text-align: center

}



.sample-advantage .advantage-title h3 {

    font-size: 36px;

    color: #fff;

    line-height: 36px;

    font-weight: 400

}



.sample-advantage .advantage-title span {

    display: block;

    font-size: 18px;

    color: #fff;

    line-height: 18px;

    margin-top: 20px

}



@media (max-width:768px) {

    .sample-advantage .advantage-title h3 {

        font-size: 20px

    }



    .sample-advantage .advantage-title span {

        font-size: 14px;

        margin-top: 0

    }

}



.sample-advantage .advantage-con {

    padding: 0 40px;

    margin-top: 80px

}



.sample-advantage .advantage-con .advantage-list .advantage-tu {

    float: left

}



.sample-advantage .advantage-con .advantage-list .advantage-tu img {

    max-width: 100%

}



.sample-advantage .advantage-con .advantage-list .advantage-wz {

    float: right;

    width: 41%;

    padding-bottom: 10%

}



.sample-advantage .advantage-con .advantage-list .advantage-wz h3 {

    font-size: 30px;

    line-height: 30px;

    font-weight: 400;

    color: #fff;

    margin-top: 40px;

    margin-bottom: 0

}



.sample-advantage .advantage-con .advantage-list .advantage-wz i {

    display: block;

    width: 42px;

    height: 3px;

    background: #fff;

    margin-top: 25px

}



.sample-advantage .advantage-con .advantage-list .advantage-wz span {

    display: block;

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    margin-top: 30px

}



@media (max-width:1024px) {

    .sample-advantage .advantage-con .advantage-list .advantage-tu {

        width: 45%

    }



    .sample-advantage .advantage-con .advantage-list .advantage-wz {

        width: 50%

    }



    .sample-advantage .advantage-con .advantage-list .advantage-wz h3 {

        margin-top: 20px

    }



    .sample-advantage .advantage-con .advantage-list .advantage-wz i,

    .sample-advantage .advantage-con .advantage-list .advantage-wz span {

        margin-top: 15px

    }

}



@media (max-width:768px) {

    .sample-advantage .advantage-con {

        margin-top: 20px;

        padding: 0 15px

    }



    .sample-advantage .advantage-con .advantage-list .advantage-tu,

    .sample-advantage .advantage-con .advantage-list .advantage-wz {

        float: none;

        width: 100%

    }



    .sample-advantage .advantage-con .advantage-list .advantage-wz h3 {

        margin-top: 10px;

        font-size: 20px

    }



    .sample-advantage .advantage-con .advantage-list .advantage-wz i {

        margin-top: 10px

    }



    .sample-advantage .advantage-con .advantage-list .advantage-wz span {

        font-size: 15px;

        margin-top: 10px

    }

}



.sample-advantage .advantage-cate {

    max-width: 463px;

    margin: 0 auto;

    margin-top: 20px;

    background: #fff;

    border-radius: 50px;

    position: relative

}



.sample-advantage .advantage-cate ul {

    text-align: center;

    font-size: 0

}



.sample-advantage .advantage-cate ul li {

    display: inline-block;

    width: 33.3%;

    font-size: 16px;

    color: #333;

    line-height: 48px;

    text-align: center;

    position: relative;

    -webkit-transition: all .8s;

    transition: all .8s;

    cursor: pointer

}



.sample-advantage .advantage-cate ul li.cur {

    color: #fff

}



.sample-advantage .advantage-cate .gl {

    width: 170px;

    height: 48px;

    border-radius: 50px;

    background: #00ace8;

    position: absolute;

    top: 0;

    left: 0

}



.sample-advantage .advantage-cate .gl:after {

    content: "";

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 8px solid #00ace8;

    position: absolute;

    top: -5px;

    left: 45%

}



@media (max-width:768px) {

    .sample-advantage .advantage-cate .gl {

        width: 120px

    }

}



.sample-praise {

    margin-top: 60px;

    position: relative;

    padding-bottom: 80px

}



@media (max-width:768px) {

    .sample-praise {

        margin-top: 20px;

        padding-bottom: 20px

    }

}



.sample-praise:after {

    content: "";

    display: block;

    width: 100%;

    height: 46%;

    background: #f8f8f8;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1

}



.sample-praise .praise-title {

    text-align: center

}



.sample-praise .praise-title h3 {

    font-size: 36px;

    font-weight: 400;

    color: #333;

    line-height: 36px;

    text-align: center;

    margin: 0

}



.sample-praise .praise-title span {

    display: block;

    font-size: 18px;

    color: #999;

    margin-top: 20px;

    line-height: 20px

}



@media (max-width:768px) {

    .sample-praise .praise-title h3 {

        font-size: 20px

    }



    .sample-praise .praise-title span {

        font-size: 14px;

        margin-top: 0

    }

}



.sample-praise .prsise-list {

    margin-top: 55px

}



.sample-praise .prsise-list .owl-stage-outer {

    padding-bottom: 10px;

    padding-top: 10px

}



.sample-praise .prsise-list .praise-item {

    position: relative;

    top: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.sample-praise .prsise-list .praise-item img {

    width: 100%

}



.sample-praise .prsise-list .praise-item:hover {

    top: -10px

}



.sample-praise .prsise-list .praise-item:hover .praise-wz {

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    box-shadow: 0 0 10px rgba(0, 0, 0, .1)

}



.sample-praise .prsise-list .praise-item .praise-wz {

    background: #fff;

    padding: 20px

}



.sample-praise .prsise-list .praise-item .praise-wz h3 {

    margin: 0;

    font-size: 17px;

    font-weight: 400;

    color: #333;

    line-height: 18px

}



.sample-praise .prsise-list .praise-item .praise-wz span {

    display: block;

    font-size: 12px;

    color: #999;

    line-height: 21px;

    padding-bottom: 11px;

    border-bottom: 1px solid #efefef;

    margin-top: 10px

}



.sample-praise .prsise-list .praise-item .praise-wz a {

    display: block;

    font-size: 12px;

    color: #999;

    font-family: Arial;

    background: url(//static.cn86.cn/img/2020/04/08b160f419puwdet.png) no-repeat 0;

    padding-left: 34px;

    line-height: 12px;

    margin-top: 15px

}



@media (max-width:768px) {

    .sample-praise .prsise-list {

        margin-top: 25px

    }



    .sample-praise .prsise-list .praise-item {

        margin-bottom: 15px

    }

}



.sample-news {

    margin-top: 60px;

    margin-bottom: 40px

}



@media (max-width:768px) {

    .sample-news {

        margin-top: 30px;

        margin-bottom: 20px

    }

}



.sample-news .news-title h3 {

    font-size: 36px;

    font-weight: 400;

    color: #333;

    line-height: 36px;

    text-align: center;

    margin: 0

}



@media (max-width:768px) {

    .sample-news .news-title h3 {

        font-size: 20px

    }

}



.sample-news .news-cate {

    text-align: center;

    font-size: 0;

    margin-top: 20px

}



.sample-news .news-cate li {

    display: inline-block;

    font-size: 18px;

    line-height: 18px;

    padding: 0 20px;

    border-right: 1px solid #999

}



.sample-news .news-cate li.cur a {

    color: #00ace8

}



.sample-news .news-cate li:last-child {

    border: none

}



.sample-news .news-cate li a {

    color: #999

}



@media (max-width:768px) {

    .sample-news .news-cate {

        margin-top: 10px

    }



    .sample-news .news-cate li {

        font-size: 13px;

        margin: 5px 0

    }

}



.sample-news .news-con {

    margin-top: 75px

}



@media (max-width:768px) {

    .sample-news .news-con {

        margin-top: 25px

    }

}



.sample-news .news-con .news-left {

    float: left;

    width: 36.5%;

    position: relative

}



@media (max-width:1024px) {

    .sample-news .news-con .news-left {

        float: none;

        width: 100%

    }

}



.sample-news .news-con .news-left .left-list {

    background: #f8f8f8;

    padding-bottom: 55px

}



.sample-news .news-con .news-left .left-list a.image {

    display: block;

    position: relative

}



.sample-news .news-con .news-left .left-list a.image h3 {

    margin: 0;

    position: absolute;

    width: 100%;

    line-height: 54px;

    background: rgba(0, 0, 0, .5);

    font-size: 18px;

    color: #fff;

    padding-left: 20px;

    padding-right: 20px;

    z-index: 99;

    bottom: 0;

    left: 0;

    font-weight: 400;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



@media (max-width:768px) {

    .sample-news .news-con .news-left .left-list a.image h3 {

        font-size: 14px;

        line-height: 40px

    }

}



.sample-news .news-con .news-left .left-list span {

    display: block;

    background: #f8f8f8;

    padding: 22px 20px 0;

    font-size: 14px;

    color: #666;

    line-height: 24px;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2

}



.sample-news .news-con .news-left .owl-dots {

    width: 80%;

    position: absolute;

    bottom: 5%;

    left: 20px

}



.sample-news .news-con .news-left .owl-dots .owl-dot {

    display: inline-block;

    margin: 0 4px;

    padding: 0 !important;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #c5c5c5;

    outline: none

}



.sample-news .news-con .news-left .owl-dots .owl-dot.active {

    background: #00ace8

}



.sample-news .news-con .news-right {

    float: right;

    width: 60%;

    margin-top: 8px

}



.sample-news .news-con .news-right .right-list ul li {

    float: left;

    width: 48%;

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 25px;

    margin-bottom: 40px

}



.sample-news .news-con .news-right .right-list ul li span {

    display: block;

    font-size: 12px;

    color: #999;

    line-height: 12px

}



.sample-news .news-con .news-right .right-list ul li h3 {

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

    margin-top: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.sample-news .news-con .news-right .right-list ul li h3 a {

    color: #333

}



.sample-news .news-con .news-right .right-list ul li p {

    font-size: 12px;

    color: #999;

    line-height: 12px;

    margin-top: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: 12px

}



.sample-news .news-con .news-right .right-list ul li:hover {

    border-color: #00ace8

}



.sample-news .news-con .news-right .right-list ul li:hover h3 a {

    color: #00ace8

}



.sample-news .news-con .news-right .right-list ul li:nth-child(2n) {

    float: right

}



@media (max-width:1024px) {

    .sample-news .news-con .news-right {

        float: none;

        width: 100%

    }

}



@media (max-width:768px) {

    .sample-news .news-con .news-right .right-list ul li {

        float: none;

        width: 100%;

        margin-bottom: 15px

    }



    .sample-news .news-con .news-right .right-list ul li h3 {

        font-size: 15px

    }

}



.bannerzi {

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    z-index: 11;

    background: hsla(0, 0%, 100%, .2)

}



.bannerzi,

.bannerzi .zi {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.bannerzi .zi {

    height: 60px;

    color: #fffefe;

    font-size: 16px;

    text-align: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.bannerzi .zi a {

    display: block;

    margin-left: 35px;

    width: 130px;

    line-height: 32px;

    background-image: linear-gradient(101deg, #5466fb, #4393fd 0, #32c0ff 0, #0a54ff);

    border-radius: 5px;

    color: #fffefe;

    font-size: 12px;

    -webkit-transition: all .6s;

    transition: all .6s;

    background-size: 200% 100%

}



.bannerzi .zi a:hover {

    background-position: 100% 0;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out

}



.bannerzi .zi a img {

    vertical-align: baseline

}



.bannerzi .xw {

    margin-right: 4%;

    width: 30%;

    line-height: 60px;

    font-size: 16px;

    color: #fff;

    max-width: 488px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



@media (max-width:1530px) {

    .bannerzi .xw {

        left: 15px

    }

}



.bannerzi .xw span {

    padding: 0 10px

}



.bannerzi .xw a {

    color: #fff;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out

}



.bannerzi .xw a:hover {

    color: #0052ff

}



h2.bt {

    text-align: center;

    line-height: 1;

    margin: 0

}



h2.bt b {

    display: block;

    font-size: 32px;

    color: #242f40

}



@media (max-width:780px) {

    h2.bt b {

        font-size: 24px

    }

}



h2.bt p {

    font-weight: 500;

    margin-top: 20px;

    color: #9aa7b9;

    font-size: 14px

}



@media (max-width:780px) {

    h2.bt p {

        margin-top: 14px

    }

}



@media (max-width:480px) {

    h2.bt p {

        margin-top: 8px;

        line-height: 24px

    }

}



.c1 {

    padding-bottom: 3.75vw;

    padding-top: 3.54vw;

    max-width: 1530px;

    margin-left: auto;

    margin-right: auto

}



@media (max-width:1530px) {

    .c1 {

        padding-left: 15px;

        padding-right: 15px

    }

}



@media (max-width:780px) {

    .c1 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



@media (max-width:480px) {

    .c1 {

        padding-bottom: 24px

    }

}



.c1 .con {

    margin-top: 2.08vw

}



@media (max-width:780px) {

    .c1 .con {

        margin-top: 20px

    }

}



.c1 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    text-align: center

}



@media (max-width:480px) {

    .c1 .con .list1 {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



@media (max-width:480px) {

    .c1 .con .list1 li {

        width: 49%;

        margin-bottom: 16px

    }

}



.c1 .con .list1 li .img {

    line-height: 154px;

    -webkit-transition: .3s ease;

    transition: .3s ease

}



@media (max-width:780px) {

    .c1 .con .list1 li .img {

        line-height: 100px;

        margin-bottom: 6px

    }

}



@media (max-width:780px) {

    .c1 .con .list1 li .img img {

        max-height: 100px

    }

}



.c1 .con .list1 li .zi h3 {

    font-weight: 500;

    font-size: 22px;

    color: #242f40;

    margin: 0

}



@media (max-width:780px) {

    .c1 .con .list1 li .zi h3 {

        font-size: 18px

    }

}



.c1 .con .list1 li .zi dd {

    font-size: 14px;

    line-height: 24px;

    color: #5b6b82;

    margin-top: 18px

}



@media (max-width:1025px) {

    .c1 .con .list1 li .zi dd br {

        display: none

    }

}



@media (max-width:780px) {

    .c1 .con .list1 li .zi dd {

        margin-top: 8px

    }

}



.c1 .con .list1 li:hover .img {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px)

}



.c1 .con .list1 .su {

    padding-top: 9.6%

}



@media (max-width:1450px) {

    .c1 .con .list1 .su {

        padding-top: 10.5%

    }

}



@media (max-width:780px) {

    .c1 .con .list1 .su {

        display: none

    }

}



.c1 .con .list1 .su img {

    max-width: 100%

}



.c1 .con .list1 .su:last-child {

    display: none

}



.cec1 {

    padding: 3.54vw 4.74vw 3.13vw;

}



@media (max-width:1530px) {

    .cec1 {

        padding-left: 15px;

        padding-right: 15px

    }

}



@media (max-width:780px) {

    .cec1 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



@media (max-width:480px) {

    .cec1 {

        padding-bottom: 44px

    }

}



.cec1 .con {

    margin-top: 130px

}



@media (max-width:780px) {

    .cec1 .con {

        margin-top: 90px

    }

}



@media (max-width:480px) {

    .cec1 .con {

        margin-top: 60px

    }

}



.cec1 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    text-align: center

}



@media (max-width:780px) {

    .cec1 .con .list1 {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }

}



.cec1 .con .list1 li {

    width: 50%;

    padding: 0 .91vw

}



@media (max-width:780px) {

    .cec1 .con .list1 li {

        width: 33.33%;

        margin-bottom: 80px

    }



    .cec1 .con .list1 li:nth-child(4),

    .cec1 .con .list1 li:nth-child(5) {

        margin-bottom: 0

    }

}



@media (max-width:480px) {

    .cec1 .con .list1 li {

        width: 49%;

        margin-bottom: 54px

    }



    .cec1 .con .list1 li:last-child {

        margin-bottom: 0

    }

}



.cec1 .con .list1 li a {

    display: block;

    border-radius: 10px;

    padding: 30px 10px;

    position: relative;

}



.cec1 .con .list1 li a:before {

    left: 25%

}



.cec1 .con .list1 li a:after,

.cec1 .con .list1 li a:before {

    content: "";

    height: 1px;

    width: 30%;

    background: #f4f9ff;

    position: absolute;

    top: -1px

}



.cec1 .con .list1 li a:after {

    right: 25%

}



@media (max-width:780px) {

    .cec1 .con .list1 li a {

        padding: 30px 10px

    }

}



.cec1 .con .list1 li .img {

    line-height: 151px;

    -webkit-transition: .3s ease;

    transition: .3s ease;

    position: absolute;

    -webkit-transform: translate(-50%, -58%);

    transform: translate(-50%, -58%);

    left: 50%;

    top: 0;

    width: 140px;

    z-index: 2

}



@media (max-width:1025px) {

    .cec1 .con .list1 li .img {

        width: 68%

    }

}



@media (max-width:780px) {

    .cec1 .con .list1 li .img {

        width: 40%;

        line-height: 100px

    }

}



@media (max-width:480px) {

    .cec1 .con .list1 li .img {

        line-height: 80px

    }

}



.cec1 .con .list1 li .img img {

    max-width: 100%

}



@media (max-width:480px) {

    .cec1 .con .list1 li .img img {

        max-height: 80px

    }

}



.cec1 .con .list1 li .zi {

    margin-top: 39px

}



@media (max-width:780px) {

    .cec1 .con .list1 li .zi {

        margin-top: 26px

    }

}



@media (max-width:480px) {

    .cec1 .con .list1 li .zi {

        margin-top: 12px

    }

}



.cec1 .con .list1 li .zi h3 {

    font-weight: 500;

    font-size: 22px;

    color: #242f40;

    margin: 0

}



@media (max-width:780px) {

    .cec1 .con .list1 li .zi h3 {

        font-size: 18px

    }

}



.cec1 .con .list1 li .zi dd {

    font-size: 14px;

    line-height: 24px;

    color: #5b6b82;

    margin-top: 18px

}



@media (max-width:1630px) {

    .cec1 .con .list1 li .zi dd br {

        display: none

    }

}



@media (max-width:780px) {

    .cec1 .con .list1 li .zi dd {

        margin-top: 8px

    }

}



@media (max-width:480px) {

    .cec1 .con .list1 li .zi dd {

        line-height: 20px

    }

}



.cec1 .con .list1 li:hover .img {

    -webkit-transform: translate(-50%, -60%);

    transform: translate(-50%, -60%)

}



.cec1 .con .list1 .su {

    padding-top: 9.6%

}



@media (max-width:1450px) {

    .cec1 .con .list1 .su {

        padding-top: 10.5%

    }

}



@media (max-width:780px) {

    .cec1 .con .list1 .su {

        display: none

    }

}



.cec1 .con .list1 .su img {

    max-width: 100%

}



.cec1 .con .list1 .su:last-child {

    display: none

}



.fen img {

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.fen:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.of {

    overflow: hidden

}



.c2 {

    padding: 3.54vw 4.74vw 2.24vw;

    background-color: #f5f5f5;

    ) no-repeat 50% 0;

    background-size: cover

}



@media (max-width:780px) {

    .c2 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



.c2 h2.bt b {

    color: #fff

}



.c2 h2.bt p {

    color: #ccc

}



.c2 .con {

    margin-top: 3.96vw

}



@media (max-width:780px) {

    .c2 .con {

        margin-top: 30px

    }

}



.c2 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -1.38vw;

    margin-right: -1.38vw

}



.c2 .con .list1 li {

    padding: 0 1.38vw;

    width: 33.33333333%;

    margin-bottom: 1.2vw

}



@media (max-width:780px) {

    .c2 .con .list1 li {

        width: 50%

    }

}



.c2 .con .list1 li .img {

    border-radius: 6px;

    position: relative;

    height: auto

}



@media (max-width:1025px) {

    .c2 .con .list1 li .img {

        height: auto

    }

}



.c2 .con .list1 li .img img {

    width: 20%;

    -o-object-fit: cover;

    object-fit: cover

}



.c2 .con .list1 li .img .sec1 {

    position: absolute;

    z-index: 11;

    bottom: -38px;

    left: 0;

    width: 100%;

    opacity: 0;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.c2 .con .list1 li .img .sec1 .sec {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    line-height: 36px

}



.c2 .con .list1 li .img .sec1 .sec a {

    color: #fff;

    font-size: 16px;

    width: 41%

}



@media (max-width:1025px) {

    .c2 .con .list1 li .img .sec1 .sec a {

        font-size: 14px

    }

}



.c2 .con .list1 li .img .sec1 .sec a:first-child {

    background-image: linear-gradient(-86deg, #773db2, #1371ff 50%, #0a76ff 0, #007aff 0, #3267f0 0, #6353e1 0);

    border-radius: 18px 0 0 18px;

    -webkit-box-shadow: 0 10px 20px -10px #773db2;

    box-shadow: 0 10px 20px -10px #773db2;

    background-size: 200% 100%;

    -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s

}



.c2 .con .list1 li .img .sec1 .sec a:first-child:hover {

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    background-position: 100% 0

}



.c2 .con .list1 li .img .sec1 .sec a:nth-child(2) {

    background-image: linear-gradient(101deg, #5466fb, #2a89fc 0, #00abfd 0, #09ebbb 50%);

    border-radius: 0 18px 18px 0;

    -webkit-box-shadow: 0 10px 20px -10px #09ebbb;

    box-shadow: 0 10px 20px -10px #09ebbb;

    background-size: 200% 100%;

    -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s

}



.c2 .con .list1 li .img .sec1 .sec a:nth-child(2):hover {

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    background-position: 100% 0

}



.c2 .con .list1 li .zi {

    padding: 1.46vw 25px

}



@media (max-width:780px) {

    .c2 .con .list1 li .zi {

        padding: 14px 15px

    }

}



.c2 .con .list1 li .zi h3 {

    margin: 0;

    font-size: 16px;

    color: #fff;

    font-weight: 500

}



@media (max-width:480px) {

    .c2 .con .list1 li .zi h3 {

        font-size: 14px

    }

}



.c2 .con .list1 li .zi p {

    font-size: 14px;

    color: #ccc;

    margin-top: .8vw

}



@media (max-width:480px) {

    .c2 .con .list1 li .zi p {

        margin-top: 4px;

        font-size: 12px

    }

}



@media (min-width:1025px) {

    .c2 .con .list1 li:hover .img .sec1 {

        opacity: 1;

        bottom: 18px

    }

}



.w1320 {

    max-width: 1320px;

    margin-left: auto;

    margin-right: auto

}



@media (max-width:1320px) {

    .w1320 {

        padding-left: 15px;

        padding-right: 15px

    }

}



.c3 {

    padding: 3.54vw 4.74vw 2.24vw;

    ) no-repeat 100% 0;

    background-size: cover

}



@media (max-width:1320px) {

    .c3 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



.c3 .con {

    margin-top: 3.91vw

}



@media (max-width:780px) {

    .c3 .con {

        margin-top: 30px

    }

}



.c3 .con .list1 {

    margin-left: -1.35vw;

    margin-right: -1.35vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



@media (max-width:1320px) {

    .c3 .con .list1 {

        margin-left: 0;

        margin-right: 0

    }

}



.c3 .con .list1 li {

    margin-bottom: 2.03vw;

    padding: 0 1.35vw;

    width: 25%;

}



.c3 .con .list11 li {

    width: 20%;

    padding-bottom: 1.35vw;

    padding-right: 1.35vw;

    float: left;

}



@media (max-width:480px) {

    .c3 .con .list1 li {

        width: 50%;

        margin-bottom: 14px;

        padding: 0 7px

    }

}



.c3 .con .list1 li .img {

    position: relative;

    border-radius: 6px

}



.c3 .con .list1 li .img img {

    width: 100%

}



.c3 .con .list1 li .img img.img2 {

    position: absolute;

    opacity: 0;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0

}



.c3 .con .list1 li .img h3 {

    color: #fff;

    font-size: 26px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 11;

    margin: 0;

    width: 100%;

    text-align: center;

    font-weight: 500;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    line-height: 1;

    padding: 0 15px

}



@media (max-width:1025px) {

    .c3 .con .list1 li .img h3 {

        font-size: 20px

    }

}



@media (max-width:780px) {

    .c3 .con .list1 li .img h3 {

        font-size: 16px

    }

}



.c3 .con .list1 li .img h3 p {

    font-size: 16px;

    margin-top: 20px

}



@media (max-width:780px) {

    .c3 .con .list1 li .img h3 p {

        margin-top: 8px;

        font-size: 13px;

        line-height: 1.6

    }

}



.c3 .con .list1 li:hover .img img.img2 {

    opacity: 0;

    opacity: 1

}



.c4 {

    background: url("dt.jpg") no-repeat 50% 2px;

    height: 1173px;

    background-size: cover;

    text-align: center;

    padding: 4.3vw 15px 2.97vw;

    line-height: 1;

    color: #fff

}



@media (max-width:1025px) {

    .c4 {

        padding-top: 4px;

        padding-bottom: 4px

    }

}



.c4 h2 {

    display: block;

    font-size: 24px;

    margin: 0

}



.c4 p {

    font-size: 18px;

    margin-top: 1.2vw;

    margin-bottom: 1.6vw

}



@media (max-width:1025px) {

    .c4 p {

        margin-top: 20px;

        margin-bottom: 20px

    }

}



@media (max-width:480px) {

    .c4 p {

        font-size: 16px;

        line-height: 28px

    }

}



.c4 a {

    display: block;

    background-image: linear-gradient(101deg, #5466fb, #4393fd 0, #32c0ff 0, #0a54ff 50%);

    border-radius: 5px;

    line-height: 42px;

    width: 200px;

    font-size: 14px;

    color: #fff;

    margin-left: auto;

    margin-right: auto;

    -webkit-transition: all .6s;

    transition: all .6s;

    background-size: 200% 100%

}



.c4 a:hover {

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    background-position: 100% 0

}



.c5 {

    background-color: #17191e;

    padding-top: 3.54vw;

    padding-bottom: 1.2vw

}



@media (max-width:780px) {

    .c5 {

        padding-top: 40px;

        padding-bottom: 20px

    }

}



.c5 h2.bt b {

    color: #fff

}



.c5 h2.bt p {

    color: #ccc

}



.c5 .con {

    margin-top: 3.23vw

}



@media (max-width:780px) {

    .c5 .con {

        margin-top: 30px

    }

}



.c5 .con .list1 {

    margin-left: -1.33vw;

    margin-right: -1.33vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.c5 .con .list1 li {

    width: 33.33%;

    margin-bottom: 1.56vw;

    padding: 0 1.33vw

}



@media (max-width:780px) {

    .c5 .con .list1 li {

        margin-bottom: 14px

    }

}



@media (max-width:480px) {

    .c5 .con .list1 li {

        width: 50%

    }

}



.c5 .con .list1 li a {

    border: 1px solid #2a2c33;

    display: block;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    padding: 1.67vw 1.67vw 1.8vw

}



@media (max-width:1025px) {

    .c5 .con .list1 li a {

        padding: 26px

    }

}



@media (max-width:480px) {

    .c5 .con .list1 li a {

        padding: 20px 15px

    }

}



.c5 .con .list1 li a .img {

    line-height: 45px

}



@media (max-width:780px) {

    .c5 .con .list1 li a .img {

        line-height: 34px

    }

}



@media (max-width:780px) {

    .c5 .con .list1 li a .img img {

        height: 34px

    }

}



.c5 .con .list1 li a .zi h3 {

    margin: 0;

    color: #fff;

    font-size: 20px;

    margin-top: 1.8vw;

    margin-bottom: 1vw

}



@media (max-width:780px) {

    .c5 .con .list1 li a .zi h3 {

        font-size: 16px;

        margin-top: 20px;

        margin-bottom: 10px

    }

}



.c5 .con .list1 li a .zi dd {

    font-size: 14px;

    line-height: 24px;

    color: #ccc

}



@media (max-width:480px) {

    .c5 .con .list1 li a .zi dd {

        font-size: 13px;

        line-height: 1.8

    }

}



.c5 .con .list1 li:hover a {

    -webkit-box-shadow: 0 0 16px 0 rgba(19, 113, 255, .9);

    box-shadow: 0 0 16px 0 rgba(19, 113, 255, .9);

    border: 1px solid #1371ff

}



.w1530 {

    max-width: 1530px;

    margin-left: auto;

    margin-right: auto

}



@media (max-width:1530px) {

    .w1530 {

        padding: 0 15px

    }

}



.c6 {

    background-color: #f5faff;

    padding-top: 6.25vw;

    padding-bottom: 5.52vw

}



@media (max-width:780px) {

    .c6 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



.c6 .con {

    margin-top: 3.07vw;

    position: relative

}



@media (max-width:780px) {

    .c6 .con {

        margin-top: 30px

    }

}



.c6 .con .xx {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 1;

    cursor: pointer;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.c6 .con .xx:hover {

    opacity: .2

}



.c6 .con .xx.zb {

    left: -5.47vw

}



@media (max-width:1850px) {

    .c6 .con .xx.zb {

        left: -4vw

    }

}



.c6 .con .xx.yb {

    right: -5.47vw

}



@media (max-width:1850px) {

    .c6 .con .xx.yb {

        right: -4vw

    }

}



.c6 .con .list1 {

    margin-left: -1.145vw;

    margin-right: -1.145vw

}



.c6 .con .list1 li {

    text-align: center;

    padding: 0 1.145vw;

    outline: none

}



.c6 .con .list1 li a {

    display: block;

    background-color: #fff;

    padding: 47px 24px 50px;

    outline: none

}



@media (max-width:480px) {

    .c6 .con .list1 li a {

        padding-top: 30px;

        padding-bottom: 30px

    }

}



.c6 .con .list1 li .img {

    border-radius: 100%;

    width: 98px;

    margin-left: auto;

    margin-right: auto

}



.c6 .con .list1 li .img img {

    display: inline;

    max-width: 100%

}



.c6 .con .list1 li .zi dd {

    font-size: 16px;

    color: #242f40;

    line-height: 24px;

    margin-top: 26px

}



@media (max-width:1025px) {

    .c6 .con .list1 li .zi dd {

        margin-top: 20px;

        font-size: 14px

    }

}



.c6 .con .list1 li .zi p {

    color: #242f40;

    font-weight: 600;

    font-family: arial;

    margin-top: 2.34vw;

    margin-bottom: 12px;

    font-size: 16px

}



.c6 .con .list1 li .zi h3 {

    margin: 0;

    font-size: 14px;

    color: #9aa7b9;

    font-weight: 500

}



.c7 .list1 {

    position: relative

}



.c7 .list1 li .img img {

    width: 100%

}



@media (max-width:780px) {

    .c7 .list1 li .img img.img1 {

        display: none

    }

}



.c7 .list1 li .img img.img2 {

    display: none

}



@media (max-width:780px) {

    .c7 .list1 li .img img.img2 {

        display: inline

    }

}



.c7 .list1 .slick-dots {

    position: absolute;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    bottom: 7.66vw;

    left: 10.16vw;

    z-index: 11

}



.c7 .list1 .slick-dots li {

    width: 40px;

    height: 5px;

    background-color: #1371ff;

    opacity: .2;

    margin-right: 10px;

    cursor: pointer

}



@media (max-width:780px) {

    .c7 .list1 .slick-dots li {

        width: 32px;

        height: 2.5px;

        margin-right: 5px

    }

}



.c7 .list1 .slick-dots li button {

    display: none

}



.c7 .list1 .slick-dots li.slick-active {

    opacity: 1

}



.c8 {

    padding: 4.64vw 4.74vw 2.55vw;

    background-color: #f5faff

}



@media (max-width:780px) {

    .c8 {

        padding-top: 40px;

        padding-bottom: 30px

    }

}



.c8 .con {

    margin-top: 5.36vw

}



@media (max-width:780px) {

    .c8 .con {

        margin-top: 30px

    }

}



.c8 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -1.405vw;

    margin-right: -1.405vw

}



.c8 .con .list1 li {

    width: 25%;

    text-align: center;

    padding: 0 1.405vw;

    margin-bottom: 2.71vw

}



@media (max-width:780px) {

    .c8 .con .list1 li {

        width: 50%

    }

}



.c8 .con .list1 li a {

    display: block;

    background: #fff;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.c8 .con .list1 li .img img {

    width: 100%

}



.c8 .con .list1 li h3 {

    font-size: 16px;

    color: #242f40;

    line-height: 4.0625em;

    padding: 0 15px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    margin: 0;

    font-weight: 500;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



@media (max-width:1025px) {

    .c8 .con .list1 li h3 {

        line-height: 3em;

        font-size: 14px

    }

}



.c8 .con .list1 li:hover a {

    -webkit-transform: translateY(-1.25vw);

    transform: translateY(-1.25vw);

    -webkit-box-shadow: 0 0 16px 0 #aeb1b4;

    box-shadow: 0 0 16px 0 #aeb1b4

}



.c8 .con .list1 li:hover h3 {

    border: 1px solid #1371ff;

    border-top: none

}



.c9 {

    margin-top: 0.04vw;

    margin-bottom: 0.08vw

}



@media (max-width:780px) {

    .c9 {

        margin-top: 40px;

        margin-bottom: 40px

    }

}



@media (max-width:1380px) {

    .c9 .w1530 {

        width: 100%;

        padding-left: 15px;

        padding-right: 15px

    }

}



.c9 h2.bt p a {

    color: #9aa7b9;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.c9 h2.bt p a:hover {

    color: #136ef8

}



.c9 .con {

    margin-top: 3.07vw;

    margin-bottom: 1.6vw

}



@media (max-width:780px) {

    .c9 .con {

        margin-top: 30px;

        margin-bottom: 15px

    }

}



.c9 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -1.565vw;

    margin-right: -1.565vw

}



.c9 .con .list1 li {

    width: 33.33%;

    padding: 0 1.565vw

}



@media (max-width:480px) {

    .c9 .con .list1 li {

        width: 100%;

        margin-bottom: 20px

    }



    .c9 .con .list1 li:last-child {

        margin-bottom: 0

    }

}



.c9 .con .list1 li .img {

    border-radius: 5px

}



.c9 .con .list1 li .img img {

    width: 100%

}



.c9 .con .list1 li .zi {

    margin-top: 18px;

    padding-bottom: 16px;

    border-bottom: 1px dashed rgba(154, 167, 185, .2)

}



@media (max-width:780px) {

    .c9 .con .list1 li .zi {

        margin-top: 14px

    }

}



.c9 .con .list1 li .zi h3 {

    margin: 0;

    font-size: 18px;

    font-weight: 500;

    color: #242f40;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



@media (max-width:780px) {

    .c9 .con .list1 li .zi h3 {

        font-size: 16px

    }

}



.c9 .con .list1 li .zi dd {

    font-size: 14px;

    color: #5b6b82;

    line-height: 30px;

    margin-top: 12px;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



@media (max-width:780px) {

    .c9 .con .list1 li .zi dd {

        margin-top: 6px;

        line-height: 20px;

        font-size: 13px

    }

}



.c9 .con .list1 li:hover .zi h3 {

   

}



.c9 .con1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -1.565vw;

    margin-right: -1.565vw

}



.c9 .con1 .tu {

    border-radius: 5px;

}



.c9 .con1 .tu img {

    width: 100%

}



.c9 .con1 .c9-1 {

    width: 33.33%;

    padding: 0 1.565vw

}



@media (max-width:480px) {

    .c9 .con1 .c9-1 {

        width: 100%

    }

}



.c9 .con1 .c9-1 .list1 li a {

    position: relative;

    font-size: 14px;

    display: block;

    line-height: 35px;

    color: #242f40;

    padding-right: 90px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.c9 .con1 .c9-1 .list1 li a .timex {

    position: absolute;

    top: 0;

    right: 0;

    color: #5b6b82;

    font-family: arial

}



.c9 .con1 .c9-1 .list1 li:hover a {

    color: #136ef8

}



.c9 .con1 .collect-news {

    width: 100%;

    padding: 0;

    margin-top: 1vw

}



.c9 .con1 .collect-news .list1 li {

    width: 33.33%;

    padding: 0 1.565vw;

    float: left

}



.c10 {

    text-align: center;

    padding: 5.05vw 15px 3.44vw;

    line-height: 1;

    color: #fff;

    background: url(743b269175i8sypj.png) no-repeat 50% 0;

    background-size: cover

}



@media (max-width:780px) {

    .c10 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



.c10 b {

    display: block;

    font-size: 24px

}



.c10 p {

    font-size: 14px;

    margin-top: 19px;

    margin-bottom: 1.98vw

}



@media (max-width:780px) {

    .c10 p {

        line-height: 28px

    }

}



@media (max-width:480px) {

    .c10 p {

        margin-bottom: 19px

    }

}



.c10 a {

    width: 200px;

    line-height: 43px;

    display: block;

    margin-left: auto;

    margin-right: auto;

    background: #136ef8;

    border-radius: 5px;

    font-size: 14px;

    color: #fff;

    -webkit-transition: all .6s;

    transition: all .6s

}



.c10 a:hover {

    background: #6f41b7

}



.foot {

    background-color: #1c2134

}



.foot .con {

    border-bottom: 1px solid hsla(0, 0%, 100%, .1);

    padding-top: 48px;

    padding-bottom: 48px

}



@media (max-width:780px) {

    .foot .con {

        padding-top: 30px;

        padding-bottom: 30px

    }

}



@media (max-width:480px) {

    .foot .con {

        padding-bottom: 10px

    }

}



.foot .con .foot-num {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    text-align: center;

    padding: 0 1.875vw

}



@media (max-width:480px) {

    .foot .con .foot-num {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        padding: 0

    }

}



.foot .con .foot-num li {

    color: #fff;

    line-height: 1

}



@media (max-width:480px) {

    .foot .con .foot-num li {

        width: 50%;

        margin-bottom: 20px

    }

}



.foot .con .foot-num li .nums {

    font-size: 36px

}



@media (max-width:780px) {

    .foot .con .foot-num li .nums {

        font-size: 24px

    }

}



.foot .con .foot-num li .txts {

    font-size: 16px;

    margin-top: 20px

}



@media (max-width:780px) {

    .foot .con .foot-num li .txts {

        margin-top: 12px;

        font-size: 14px

    }

}



.foot .con .foot-num li .num-all {

    font-size: 36px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



@media (max-width:780px) {

    .foot .con .foot-num li .num-all {

        font-size: 24px

    }

}



.foot .con1 {

    padding-top: 4.58vw;

    padding-bottom: 5.52vw;

    border-bottom: 1px solid hsla(0, 0%, 100%, .1)

}



.foot .con1 .conx {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width:780px) {

    .foot .con1 .conx {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



.foot .con1 .conx .foot1 {

    width: 41.63%

}



.foot .con1 .conx .foot11 {

    width: 43.63%;

    background-color: #ffffff;

    color: #ffffff;

}



.foot .con1 .conx .foot12 li {

    width: 100%

}



.foot .con1 .conx .foot12 li :hover {

    background-color: #153574;

    color: #FFFFFF;

}



.foot .con1 .conx .foot12 {

    width: 56.06%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width:780px) {

    .foot .con1 .conx .foot1 {

        width: 100%

    }

}



.foot .con1 .conx .foot1 .logox img {

    max-width: 100%

}



.foot .con1 .conx .foot1 dd {

    line-height: 26px;

    font-size: 14px;

    color: #fff;

    margin-top: 16px;

    margin-bottom: 18px

}



.foot .con1 .conx .foot1 .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.foot .con1 .conx .foot1 .list1 li {

    margin-right: 14px

}



.foot .con1 .conx .foot1 .list1 li a .img img {

    max-width: 100%;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.foot .con1 .conx .foot1 .list1 li a .img:hover img {

    opacity: .6

}



.foot .con1 .conx .foot2 {

    width: 54.56%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width:780px) {

    .foot .con1 .conx .foot2 {

        width: 100%;

        margin-top: 30px;

        margin-bottom: 30px;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }

}



@media (max-width:780px) {

    .foot .con1 .conx .foot2 li {

        width: 33.33%

    }

}



.foot .con1 .conx .foot2 li h2 {

    color: #fff;

    font-size: 17px;

    margin: 0

}



.foot .con1 .conx .foot2 li .sec {

    margin-top: 20px

}



.foot .con1 .conx .foot2 li .sec dd a {

    font-size: 14px;

    line-height: 32px;

    color: #E0E0E0;

}

.foot .con1 .conx .foot2 li .sec dd a:hover {

    font-size: 14px;

    line-height: 32px;

    color: #FFFFFF;

}



.foot .con1 .conx .foot3 {

    width: 23.69%

}



@media (max-width:780px) {

    .foot .con1 .conx .foot3 {

        width: 100%

    }

}



.foot .con1 .conx .foot3 .lx h2 {

    color: #fff;

    font-size: 17px;

    margin: 0

}



.foot .con1 .conx .foot3 .lx h3 {

    font-size: 22px;

    color: #fff;

    margin: 0;

    margin-top: 28px;

    margin-bottom: 4px

}



.foot .con1 .conx .foot3 .lx dd {

    font-size: 14px;

    line-height: 32px;

    color: hsla(0, 0%, 100%, .5)

}



.foot .con1 .conx .foot3 .op {

    margin-top: 22px;

    margin-bottom: 22px

}



.foot .con1 .conx .foot3 .lx1 a {

    color: #fff;

    font-size: 14px

}



.foot .link1 {

    font-size: 14px;

    line-height: 25px;

    padding: 12px 0;

    color: hsla(0, 0%, 100%, .5)

}



.foot .link1 .cc h3 {

    font-weight: 500;

    margin: 0;

    font-size: 14px;

    line-height: 25px;

    float: left

}



.foot .link1 .cc ul li {

    float: left

}



.foot .link1 .cc ul li a {

    color: hsla(0, 0%, 100%, .5);

    padding-right: 8px

}



.w15301 {

    max-width: 1530px;

    margin-left: auto;

    margin-right: auto

}



@media (max-width:1530px) {

    .w15301 {

        padding: 0 15px

    }

}



.homec1 {

    padding: 0.54vw 4.74vw 2.24vw;

}



@media (max-width:780px) {

    .homec1 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



.homec1 .con {

    margin-top: 3.85vw;

    padding: 0 5.47vw;

    position: relative

}



.homec1 .con .xx {

    position: absolute;

    z-index: 11;

    top: calc(50% - 29px);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

    font-size: 0;

    width: 3.33vw;

    height: 3.33vw;

    border-radius: 100%

}



@media (max-width:780px) {

    .homec1 .con .xx {

        width: 30px;

        height: 30px

    }

}



.homec1 .con .xx.zb {

    left: 0;

    background: url("//static.cn86.cn/img/2022/10/8f9a73898dey7to4.png") no-repeat 50% rgba(19, 113, 255, .05)

}



@media (max-width:480px) {

    .homec1 .con .xx.zb {

        left: -10px

    }

}



.homec1 .con .xx.yb {

    right: 0;

    background: url("//static.cn86.cn/img/2022/10/1342537052xl4syu.png") no-repeat 50% rgba(19, 113, 255, .05)

}



@media (max-width:480px) {

    .homec1 .con .xx.yb {

        right: -10px

    }

}



@media (max-width:480px) {

    .homec1 .con {

        margin-top: 30px

    }

}



.homec1 .con .list1 {

    margin-bottom: 2.92vw;

    position: relative

}



@media (max-width:480px) {

    .homec1 .con .list1 {

        margin-bottom: 24px

    }

}



.homec1 .con .list1 li {

    float: left;

    width: 100%;

}



.homec1 .con .list1 li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content:center;

   

}

.line{

    width: 2.1vw;

    border: 2px solid rgb(128,152,40);

    float: right;

    margin-right: 60px;

    margin-top: 30px;

}



@media (max-width:780px) {

    .homec1 .con .list1 li a {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



.homec1 .con .list1 li a .tu {

    width: 44.3%

}



@media (max-width:780px) {

    .homec1 .con .list1 li a .tu {

        width: 100%

    }

}



.homec1 .con .list1 li a .tu img {

    width: 100%

}



.homec1 .con .list1 li a .zi {

    width: 43.7%;

    padding-right: 2.6vw;

    margin-left: 60px;

}



@media (max-width:780px) {

    .homec1 .con .list1 li a .zi {

        width: 100%;

        padding: 0;

    }

}



@media (max-width:480px) {

    .homec1 .con .list1 li a .zi {

        padding: 20px;

    }

}



.homec1 .con .list1 li a .zi h3 {

    color: #242f40;

    font-size: 45px;

    line-height: 1.6;

    font-weight: 900;

    margin: 0;

    margin-bottom: 20px;

    font-weight: 500

}



@media (max-width:780px) {

    .homec1 .con .list1 li a .zi h3 {

        font-size: 22px;

        margin-bottom: 10px

    }

}



.homec1 .con .list1 li a .zi h3:after {

    content: "";

    width: 24px;

    height: 5px;

    border-radius: 2px;

    margin-top: 1.46vw;

    display: block

}



@media (max-width:780px) {

    .homec1 .con .list1 li a .zi h3:after {

        margin-top: 14px;

        height: 2px

    }

}



.homec1 .con .list1 li a .zi dd {

    color: #666666;

    font-size: 24px;

    line-height: 48px;

}



@media (max-width:780px) {

    .homec1 .con .list1 li a .zi dd {

        font-size: 14px

    }

}



.homec1 .con .list1 li a .zi .list2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    margin-top: 2.34375vw

}



.homec1 .con .list1 li a .zi .list2 li {

    margin-right: 0.88vw;

    width: 33%;

}



.homec1 .con .list1 li a .zi .list2 li:last-child {

    margin-right: 0;

    width: 47%;

}



.homec1 .con .list1 li a .zi .list2 li p {

    color: #5b6b82;

    font-size: 12px

}



@media (max-width:780px) {

    .homec1 .con .list1 li a .zi .list2 li p {

        font-size: 14px

    }

}



.homec1 .con .list1 li a .zi .list2 li p:first-child {

    font-size: 14px;

    color: #242f40

}



@media (max-width:780px) {

    .homec1 .con .list1 li a .zi .list2 li p:first-child {

        font-size: 15px

    }

}



.homec1 .con .list1 li a .zi .list2 li p:first-child b {

    font-size: 40px;

    font-family: Impact

}



@media (max-width:780px) {

    .homec1 .con .list1 li a .zi .list2 li p:first-child b {

        font-size: 28px

    }

}



.homec1 .con .list1 .slick-dots {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 24px

}



@media (max-width:780px) {

    .homec1 .con .list1 .slick-dots {

        margin-top: 14px

    }

}



.homec1 .con .list1 .slick-dots li {

    height: 2px;

    background-color: #d5dade;

    width: 20px;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out

}



.homec1 .con .list1 .slick-dots li.slick-active {

    background-color: #000

}



.homec1 .con .list1 .slick-dots button {

    display: none

}



.homec1 a.ck {

    cursor: pointer;

    margin-left: auto;

    margin-right: auto;

    width: 280px;

    line-height: 49px;

    display: block;

    background-color: #1371ff;

    border-radius: 5px;

    color: #fff;

    font-size: 16px;

    text-align: center

}



@media (max-width:780px) {

    .homec1 a.ck {

        width: 200px;

        line-height: 43px;

        font-size: 14px

    }

}



.homec2 {

    background-color: #17191e;

    padding-top: 4.58vw;

    padding-bottom: 3.65vw

}



@media (max-width:780px) {

    .homec2 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



@media (max-width:480px) {

    .homec2 {

        padding-bottom: 26px

    }

}



.homec2 .bt b {

    color: #fff

}



.homec2 .bt p {

    color: #ccc

}



.homec2 .con {

    margin-top: 3.85vw

}



@media (max-width:780px) {

    .homec2 .con {

        margin-top: 30px

    }

}



.homec2 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: -1.565vw;

    margin-right: -1.565vw

}



@media (max-width:780px) {

    .homec2 .con .list1 {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }

}



.homec2 .con .list1 li {

    padding: 0 1.565vw;

    width: 25%

}



@media (max-width:480px) {

    .homec2 .con .list1 li {

        width: 50%;

        margin-bottom: 14px

    }

}



.homec2 .con .list1 li a {

    display: block;

    background-color: #292929

}



.homec2 .con .list1 li a .img {

    position: relative

}



.homec2 .con .list1 li a .img img {

    -webkit-transition: all 1s;

    transition: all 1s;

    width: 100%

}



.homec2 .con .list1 li a .img img.img2 {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0

}



.homec2 .con .list1 li a .zi {

    padding: 25px 20px 36px;

    border-radius: 0 0 8px 8px

}



@media (max-width:780px) {

    .homec2 .con .list1 li a .zi {

        padding: 20px

    }

}



.homec2 .con .list1 li a .zi h3 {

    margin: 0;

    color: #fff;

    font-size: 24px;

    font-weight: 500

}



@media (max-width:780px) {

    .homec2 .con .list1 li a .zi h3 {

        font-size: 18px

    }

}



.homec2 .con .list1 li a .zi dd {

    font-size: 14px;

    line-height: 22px;

    color: hsla(0, 0%, 100%, .3);

    margin-top: 14px

}



@media (max-width:780px) {

    .homec2 .con .list1 li a .zi dd {

        margin-top: 8px

    }

}



.homec2 .con .list1 li a:hover .img img.img1 {

    opacity: 0

}



.homec2 .con .list1 li a:hover .img img.img2 {

    opacity: 1

}



.homec2 .con a.ck {

    margin-top: 3.13vw;

    cursor: pointer;

    margin-left: auto;

    margin-right: auto;

    width: 280px;

    line-height: 49px;

    display: block;

    background-color: #1371ff;

    border-radius: 5px;

    color: #fff;

    font-size: 16px;

    text-align: center

}



@media (max-width:780px) {

    .homec2 .con a.ck {

        width: 200px;

        line-height: 43px;

        font-size: 14px

    }

}



.page-banner {

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover !important;

    height: 570px;

    position: relative

}



.page-banner.pc-banner .wz {

    height: 140px

}



.page-banner .wz {

    position: absolute;

    width: 1380px;

    padding: 0 15px;

    text-align: left;

    height: 110px;

    top: 40%;

    right: 0;

    left: 0;

    margin: auto;

    color: #fff

}



.page-banner .wz h3 {

    font-size: 34px;

    line-height: 1.3;

    font-weight: 400

}



.page-banner .wz p {

    font-size: 16px

}



@media (max-width:1200px) {

    .page-banner .wz {

        width: 990px

    }

}



@media (max-width:990px) {

    .page-banner {

        height: 250px

    }



    .page-banner .wz {

        width: 95%;

        height: 60px;

        top: 28%

    }



    .page-banner .wz h3 {

        font-size: 24px;

        margin-bottom: 10px

    }



    .page-banner .wz p {

        font-size: 14px;

        line-height: 25px !important

    }

}



.page-about-one {

    background: #f6f6f6;

    padding: 120px 0

}



.page-about-title {

    text-align: center;

    font-size: 26px;

    color: #444;

    font-weight: 200

}



.page-about-title span {

    display: block;

    font-size: 17px

}



.page-about-info {

    text-align: center;

    font-size: 14px;

    line-height: 32px;

    color: #444;

    padding: 0 10%;

    margin-top: 60px

}



.about-one-list {

    margin-top: 60px;

    padding: 0 9%

}



.about-one-list .about-one-item {

    text-align: center

}



.about-one-list .about-one-item .num {

    font-size: 40px;

    color: #333;

    font-weight: 100

}



.about-one-list .about-one-item p {

    font-size: 13px;

    color: #444;

    margin-top: 10px

}



@media (max-width:990px) {

    .page-about-one {

        padding: 40px 0

    }



    .page-about-title {

        font-size: 18px

    }



    .about-one-list,

    .page-about-info {

        margin-top: 20px;

        padding: 0

    }



    .about-one-list .about-one-item {

        text-align: center;

        margin-bottom: 10px

    }



    .about-one-list .about-one-item .num {

        font-size: 26px

    }

}



.page-about-two {

    background: #fff;

    padding: 120px 0

}



.about-two-list {

    margin-top: 100px;

    padding: 0 12.5%

}



.about-two-list>div {

    width: 20%;

    position: relative

}



.about-two-list>div:after {

    background: #ddd

}



.about-two-list>div:after,

.about-two-list>div:last-child:after {

    position: absolute;

    width: 1px;

    height: 60px;

    content: "";

    right: 0;

    top: 14%

}



.about-two-list>div:last-child:after {

    background: none

}



.about-two-list .about-two-item {

    text-align: center

}



.about-two-list .about-two-item .icon {

    display: block

}



.about-two-list .about-two-item .icon i {

    color: #445780;

    font-size: 40px

}



.about-two-list .about-two-item p {

    margin-top: 10px;

    font-size: 14px;

    color: #444;

    min-height: 42px

}



@media (max-width:768px) {

    .page-about-two {

        padding: 35px 0

    }



    .about-two-list {

        padding: 0;

        margin-top: 30px

    }



    .about-two-list>div {

        width: 33.3333%

    }



    .about-two-list div[class*=col-] {

        margin-bottom: 20px

    }



    .about-two-list div[class*=col-]:nth-child(3n) {

        border-right: none

    }

}



.page-about-three {

    background: #f6f6f6;

    padding: 120px 0;

    padding-bottom: 50px

}



.page-about-three .about-three-img {

    text-align: center;

    margin-top: 40px

}



.page-about-three .about-three-img img {

    max-width: 100%

}



@media (max-width:990px) {

    .page-about-three {

        padding: 40px 0

    }

}



.page-about-four {

    padding: 100px 0;

    background: #fff

}



.page-about-four .about-four-item {

    border: 1px solid #e0e0e0;

    text-align: center;

    padding: 0 10%;

    height: 480px

}



.page-about-four .about-four-item .icon {

    padding-top: 70px

}



.page-about-four .about-four-item .icon i {

    font-size: 45px;

    color: #445780

}



.page-about-four .about-four-item h3 {

    font-size: 18px;

    color: #000;

    font-weight: 400;

    margin: 30px 0

}



.page-about-four .about-four-item p {

    font-size: 14px;

    line-height: 32px;

    color: #444

}



.page-about-four .hezuo {

    background: url(//static.cn86.cn/img/2019/01/0e918be2eapimbzf.png) no-repeat 50%;

    padding: 50px 10%;

    margin-top: 30px

}



@media (max-width:990px) {

    .page-about-four .about-four-item .icon {

        padding-top: 30px

    }

}



@media (max-width:768px) {

    .page-about-four {

        padding: 30px 0

    }



    .page-about-four .about-four-item {

        margin: 0 0 20px;

        padding: 30px 5%;

        height: auto

    }



    .page-about-four .about-four-item .icon {

        padding-top: 0

    }



    .page-about-four .about-four-item h3 {

        margin: 10px 0

    }



    .page-about-four .hezuo {

        padding: 20px 10%

    }

}



@media (max-width:768px) {

    #xiangyun-map {

        overflow: hidden;

        height: 350px !important

    }



    #xiangyun-map>div {

        position: absolute !important;

        top: 50% !important;

        margin-top: -175px !important

    }

}



.page-info-one {

    background: #fff;

    margin-top: 30px;

}



.page-info-one .title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #000

}



.page-info-one .info {

    text-align: center;

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 30px

}



.page-info-one .info-container {

    padding: 20px 0;

    background: url("bdbc960335o9y7rg.png") 50% no-repeat;

    background-size: contain

}



.page-info-one .info-container .title {

    font-size: 36px;

    font-weight: 700;

    line-height: 40px;

    margin-top: -10px;

    padding-left: 5px;

    margin-bottom: 40px;

    text-align: left;

    color: #000

}



.page-info-one .info-container .content {

    padding: 0 5px

}



.page-info-one .info-container .content p {

    font-size: 18px;

    color: #666;

    line-height: 30px

}



.page-info-one .info-container .img {

    text-align: center

}



.page-info-one .info-container .img img {

    max-width: 100%

}



@media (max-width:990px) {

    .page-info-one {

        padding: 40px 0

    }



    .page-info-one .info-container {

        padding: 0;

        background: none

    }



    .page-info-one .info-container .title {

        font-size: 20px;

        text-align: center;

        margin-bottom: 20px

    }



    .page-info-one .info-container .content {

        margin-bottom: 20px

    }



    .page-info-one .info-container .content p {

        font-size: 16px;

        color: #666;

        line-height: 25px;

        text-indent: 2em

    }

}



.page-info-two {

    background: url("qywh.jpg") 50% no-repeat;

    background-size: cover;

    padding: 80px 0

}



.page-info-two .title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 40px;

    color: #fff

}



.page-info-two .info-list .info-item {

    color: #fff;

    text-align: center;

    margin: 20px;

    padding: 20px 40px;

    background: hsla(0, 0%, 100%, .2);

    min-height: 400px

}



.page-info-two .info-list .info-item:hover {

    background: #16110D

}



.page-info-two .info-list .info-item:first-child {

    margin-left: 0

}



.page-info-two .info-list .info-item:last-child {

    margin-right: 0

}



.page-info-two .info-list .info-item-img {

    margin-top: 40px

}



.page-info-two .info-list .info-item-title {

    font-size: 28px;

    margin: 30px 0

}



.page-info-two .info-list .info-item-content p {

    font-size: 18px;

    line-height: 30px

}



@media (max-width:990px) {

    .page-info-two {

        padding: 40px 0

    }



    .page-info-two .info-list .info-item {

        min-height: 260px;

        margin: 15px;

        padding: 10px

    }



    .page-info-two .info-list .info-item-img {

        margin-top: 10px

    }



    .page-info-two .info-list .info-item-title {

        margin: 20px 0;

        font-size: 16px

    }



    .page-info-two .info-list .info-item-content p {

        font-size: 14px;

        line-height: 25px

    }



    .page-info-two .title {

        font-size: 20px;

        margin-bottom: 20px

    }

}



.page-info-three {

    padding-top: 100px;

    background: #f6f6f6

}



.page-info-three .top {

    margin-bottom: 30px

}



.page-info-three .top .title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #000

}



.page-info-three .top .info {

    font-size: 18px;

    text-align: center

}



.page-info-three .row .right {

    width: 80%;

    float: right;

    margin-top: 200px

}



.page-info-three .row .right .tab li {

    background: #fff;

    width: 49%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

    cursor: pointer

}



.page-info-three .row .right .tab li:first-child {

    float: left

}



.page-info-three .row .right .tab li:last-child {

    float: right

}



.page-info-three .row .right .tab li.cur {

    background: #0fa0fd;

    color: #fff

}



.page-info-three .row .right .content {

    margin: 50px 0

}



.page-info-three .row .right .content .tab-content ul li {

    font-size: 18px;

    line-height: 30px;

    background: url("90ddfc5b79h8xj7f.png") 0 no-repeat;

    padding-left: 30px;

    margin: 10px 0

}



.page-info-three .row .right .content .tab-content ul li span {

    color: #0fa0fd

}



@media (max-width:990px) {

    .page-info-three {

        padding-top: 40px

    }



    .page-info-three .top {

        margin-bottom: 20px

    }



    .page-info-three .top .title {

        font-size: 20px;

        margin-bottom: 20px

    }



    .page-info-three .top .info {

        font-size: 16px

    }



    .page-info-three .row .right {

        margin-top: 0;

        width: 100%

    }



    .page-info-three .row .right .tab li {

        font-size: 16px

    }



    .page-info-three .row .right .content {

        margin: 30px 0

    }



    .page-info-three .row .right .content .tab-content ul li {

        font-size: 14px

    }

}



.page-info-four {

    padding: 100px 0;

    background: url("144d6eb8d8kf170u.png") 50% no-repeat;

    background-size: cover;

    color: #fff

}



.page-info-four .divide {

    height: 1px;

    background: #fff

}



.page-info-four .title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 40px;

    color: #fff

}



.page-info-four #development ul.owl-carousel li .slide-item {

    position: relative

}



.page-info-four #development ul.owl-carousel li .slide-item-title {

    font-size: 36px;

    font-weight: 700;

    padding: 60px 0

}



.page-info-four #development ul.owl-carousel li .slide-item-content {

    font-size: 16px;

    line-height: 30px;

    border-radius: 10px;

    padding: 20px 60px 20px 10px;

    background: hsla(0, 0%, 100%, .2)

}



.page-info-four #development ul.owl-carousel li .slide-item-icon {

    position: absolute;

    top: 0;

    right: 10px;

    height: 226px;

    width: 33px;

    background: url("a938153db3s1h0kl.png") bottom no-repeat

}



.page-info-four #development ul.owl-carousel li:hover .slide-item-content {

    background: #0fa0fd

}



.page-info-four #development ul.owl-carousel .owl-nav {

    width: 250px;

    height: 40px;

    margin: 0 auto;

    position: relative;

    text-align: center;

    margin-top: 60px;

    background: url("be7762a8981dkssa.png") 50% no-repeat

}



.page-info-four #development ul.owl-carousel .owl-nav button {

    position: absolute;

    top: 0;

    line-height: 40px;

    width: 40px;

    height: 40px;

    background: hsla(0, 0%, 100%, .1)

}



.page-info-four #development ul.owl-carousel .owl-nav button span {

    display: block;

    font-size: 0

}



.page-info-four #development ul.owl-carousel .owl-nav button.owl-prev {

    left: 0

}



.page-info-four #development ul.owl-carousel .owl-nav button.owl-prev span {

    background: url("a4d7d1a7c8u0ktvv.png") 50% no-repeat

}



.page-info-four #development ul.owl-carousel .owl-nav button.owl-next {

    right: 0

}



.page-info-four #development ul.owl-carousel .owl-nav button.owl-next span {

    background: url("e829da6148cclmqi.png") 50% no-repeat

}



.page-info-four #development ul.owl-carousel .owl-nav button.disabled {

    background: none

}



@media (max-width:990px) {

    .page-info-four {

        padding: 40px 0

    }



    .page-info-four .title {

        font-size: 20px;

        margin-bottom: 20px

    }



    .page-info-four #development ul.owl-carousel li .slide-item-title {

        font-size: 18px;

        padding: 30px 0

    }



    .page-info-four #development ul.owl-carousel li .slide-item-content {

        font-size: 14px;

        line-height: 25px;

        padding: 20px 50px 20px 10px

    }



    .page-info-four #development ul.owl-carousel li .slide-item-icon {

        height: 150px

    }

}



.page-info-five {

    padding: 100px 0

}



.page-info-five .title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 40px;

    color: #000

}



.page-info-five .content img {

    max-width: 100%

}



@media (max-width:990px) {

    .page-info-five {

        padding: 40px 0

    }



    .page-info-five .title {

        font-size: 20px;

        margin-bottom: 20px

    }

}



.page-info-six {

    padding: 100px 0;

    background: url("0908d5b089wwj8mz.jpg") 50% no-repeat;

    background-size: cover

}



.page-info-six .title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 40px;

    color: #fff

}



.page-info-six .content {

    position: relative

}



.page-info-six .content img {

    max-width: 100%

}



.page-info-six .content .owl-nav {

    position: absolute;

    text-align: center;

    width: 100%;

    top: 50%

}



.page-info-six .content .owl-nav button {

    position: absolute;

    top: 0;

    line-height: 40px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 1px solid #0fa0fd

}



.page-info-six .content .owl-nav button span {

    font-size: 0;

    border-radius: 50%;

    display: block

}



.page-info-six .content .owl-nav button.owl-prev {

    left: -50px;

    background: #0fa0fd

}



.page-info-six .content .owl-nav button.owl-prev span {

    background: url("a4d7d1a7c8u0ktvv.png") 50% no-repeat

}



.page-info-six .content .owl-nav button.owl-next {

    right: -50px;

    background: #0fa0fd

}



.page-info-six .content .owl-nav button.owl-next span {

    background: url("e829da6148cclmqi.png") 50% no-repeat

}



.page-info-six .content .owl-nav button.disabled {

    background: none

}



@media (max-width:990px) {

    .page-info-six {

        padding: 40px 0

    }



    .page-info-six .title {

        font-size: 20px;

        margin-bottom: 20px

    }

}



.page-info-seven {

    padding: 60px 0

}



.page-info-seven .title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #000

}



.page-info-seven .info {

    text-align: center;

    font-size: 18px;

    margin-bottom: 60px

}



.page-info-seven .list-img {

    overflow: hidden

}



.page-info-seven .list-img img {

    max-width: 100%

}



.page-info-seven .list-img:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all .5s ease-in;

    transition: all .5s ease-in

}



.page-info-seven .list-title {

    text-align: center;

    font-size: 16px;

    line-height: 40px;

    margin-bottom: 10px

}



@media (max-width:990px) {

    .page-info-seven {

        padding: 40px 0

    }



    .page-info-seven .title {

        font-size: 20px;

        margin-bottom: 10px

    }



    .page-info-seven .info {

        font-size: 14px;

        margin-bottom: 20px

    }



    .page-info-seven .list-title {

        font-size: 14px

    }

}



.page-info-eight {

    padding: 60px 0;

    background: #f1f4f7

}



.page-info-eight .title {

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #000

}



.page-info-eight .info {

    text-align: center;

    font-size: 18px;

    margin-bottom: 60px

}



.page-info-eight .praise {

    margin-bottom: 20px

}



.page-info-eight .praise-item {

    background: #fff;

    padding: 20px

}



.page-info-eight .praise-item-img {

    width: 100px;

    height: 100px;

    float: left;

    border-radius: 50%;

    overflow: hidden

}



.page-info-eight .praise-item-img img {

    max-width: 100%

}



.page-info-eight .praise-item-content {

    float: left;

    margin-left: 20px;

    width: calc(100% - 120px)

}



.page-info-eight .praise-item-content .title {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 20px;

    font-weight: 400;

    text-align: left

}



.page-info-eight .praise-item-content .content {

    font-size: 14px;

    line-height: 25px;

    height: 50px;

    overflow: hidden;

    text-overflow: ellipsis

}



.page-info-eight .praise .owl-carousel {

    position: relative

}



.page-info-eight .praise .owl-carousel .owl-nav button {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 25px;

    height: 25px;

    line-height: 25px

}



.page-info-eight .praise .owl-carousel .owl-nav button span {

    font-size: 0;

    border-radius: 50%;

    display: block

}



.page-info-eight .praise .owl-carousel .owl-nav button.owl-prev {

    left: -50px

}



.page-info-eight .praise .owl-carousel .owl-nav button.owl-prev span {

    background: url("60d8c6299bdkegbz.png") 50% no-repeat;

    background-size: cover

}



.page-info-eight .praise .owl-carousel .owl-nav button.owl-next {

    right: -50px

}



.page-info-eight .praise .owl-carousel .owl-nav button.owl-next span {

    background: url("e9ac750c90cwmpop.png") 50% no-repeat;

    background-size: cover

}



.page-info-eight .praise .owl-carousel .owl-nav button.disabled {

    opacity: .5

}



@media (max-width:990px) {

    .page-info-eight {

        padding: 40px 0

    }



    .page-info-eight .title {

        font-size: 20px;

        margin-bottom: 10px

    }



    .page-info-eight .info {

        font-size: 14px;

        margin-bottom: 20px

    }



    .page-info-eight .praise-item-img {

        margin: 0 auto;

        float: none;

        text-align: center

    }



    .page-info-eight .praise-item-content {

        margin-left: 0;

        width: 100%

    }



    .page-info-eight .praise-item-content .title {

        margin-top: 20px;

        text-align: center;

        font-size: 16px

    }



    .page-info-eight .praise-item-content .content {

        font-size: 14px

    }

}



.statement {

    background: #f8f8f8;

    font-size: 12px;

    margin-bottom: 30px;

    padding: 20px 14px 20px 20px;

    line-height: 26px;

    margin-top: 30px

}



.page-banner .search {

    position: relative;

    max-width: 480px;

    margin: 0 auto

}



.page-banner .search .keyword {

    width: 100%;

    border-radius: 18px;

    line-height: 42px;

    height: 42px;

    border: none;

    border-bottom: 1px solid #d2d2d2;

    font-size: 14px;

    text-indent: 15px;

    outline: none;

    color: #000

}



.page-banner .search .input-submit {

    position: absolute;

    width: 52px;

    height: 42px;

    top: 2px;

    right: 0;

    border: none;

    outline: none;

    background: none;

    z-index: 99;

    font-size: 0

}



.page-banner .search .icon-sousuo1 {

    position: absolute;

    top: 5px;

    right: 15px;

    font-size: 23px;

    z-index: 9;

    color: #919191

}



.page-sort {

    margin-bottom: 10px

}



.page-sort .sort-list {

    font-size: 0;

    text-align: center

}



.page-sort .sort-list li {

    display: inline-block;

    margin: 0 40px

}



.page-sort .sort-list li>a {

    display: block;

    padding: 0 10px 15px;

    font-size: 14px;

    color: #444;

    border-bottom: 1px solid transparent

}



.page-sort .sort-list li.active>a,

.page-sort .sort-list li:hover>a {

    color: #03a9f4;

    font-weight: 700;

    border-bottom-color: #03a9f4

}



@media (max-width:990px) {

    .page-sort .sort-list li {

        margin: 0;

        padding: 0 15px

    }



    .page-sort .sort-list li>a {

        padding: 0;

        line-height: 30px

    }

}



.page-news-wrap {

    padding: 20px 0 50px;

}



@media (max-width:768px) {

    .page-news-wrap {

        padding-left: 15px;

        padding-right: 15px

    }

}



.page-news-wrap .newscon {

    width: calc(100% - 243px);

    padding: 35px 24px 75px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #fff;

    float: right

}



@media (max-width:990px) {

    .page-news-wrap .newscon {

        float: none;

        width: 100%;

        margin-top: 20px

    }

}



.page-news-wrap .news-sort {

    width: 220px;

    float: left;

}



@media (max-width:990px) {

    .page-news-wrap .news-sort {

        float: none;

        width: 100%;

        padding-bottom: 1px

    }

}



.page-news-wrap .news-sort .sort-list {

    text-align: left;

    margin-bottom: 30px

}



.page-news-wrap .news-sort .sort-list>li {

    margin: 0;

    display: block

}



.page-news-wrap .news-sort .sort-list>li a {

    font-weight: 500;

    padding: 0;

    border-bottom: none;

    color: #333;

    font-size: 16px;

    display: block;

    transition: color .2s;

    -moz-transition: color .2s;

    -webkit-transition: color .2s;

    -o-transition: color .2s;

    background: url(kuanga.jpg) no-repeat 3%;

    padding-left: 25px;

    position: relative;

    line-height: 54px

}



.page-news-wrap .news-sort .sort-list>li a:before {

    content: "";

    position: absolute;

    display: block;

    left: 23px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 0;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.page-news-wrap .news-sort .sort-list>li a:active {

    color: #333333;

    no-repeat 74%

}





.page-news-wrap .news-sort .sort-list>li.active a,

.page-news-wrap .news-sort .sort-list>li:hover a {

    color: #1371ff;

    no-repeat 74%

}



.page-news-wrap .news-sort .sort-list>li.active a:before,

.page-news-wrap .news-sort .sort-list>li:hover a:before {

    opacity: 1

}



.page-news-wrap .news-sort .sort-list>.page-news-sort1>li {

    margin: 0;

    display: block

}



.page-news-wrap .news-sort .sort-list>.page-news-sort1>li>a {

    display: block;

    padding: 0;

    font-size: 14px;

    color: #888;

    border: none;

    line-height: 46px;

    padding-left: 40px

}



.page-news-wrap .news-sort .sort-list>.page-news-sort1>li.active a,

.page-news-wrap .news-sort .sort-list>.page-news-sort1>li:hover a {

    font-weight: 500;

    color: #1371ff;

    background-color: #e3eeff

}



.page-news-list {

    margin-bottom: 2.4vw

}



.page-news-list li {

    padding-bottom: 20px;

    padding-top: 20px

}



.page-news-list li:first-of-type {

    padding-top: 0

}



.page-news-list li h3 {

    font-size: 21px;

    margin: 10px 0;

    font-weight: 400;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    padding-right: 130px

}



.page-news-list li h3 a {

    color: #2f3033;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.page-news-list li .date1 {

    margin: 0 5px;

    font-size: 12px;

    color: #97989c

}



.page-news-list li .date1 span {

    padding-left: 20px

}



.page-news-list li .date {

    margin: 0 5px;

    font-size: 12px;

    color: #97989c;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.page-news-list li .info {

    font-size: 14px;

    line-height: 2;

    color: #888;

    margin: 20px 0 10px

}



.page-news-list li:hover h3 a {

    color: #1371ff

}



.page-news-list h4 {

    text-align: center;

    padding: 50px 0;

    font-size: 20px;

    font-weight: 100

}



@media (max-width:768px) {

    .page-news-wrap {

        padding-bottom: 40px

    }



    .page-news-sort {

        margin: 10px 0 20px

    }



    .page-news-sort>li {

        display: inline-block;

        padding-left: 0

    }



    .page-news-sort>li a {

        font-size: 18px

    }



    .page-news-list li h3 {

        font-size: 16px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }



    .page-news-list li .info {

        font-size: 14px;

        margin: 10px 0

    }

}



.pagination-wrap {

    text-align: center;

    font-size: 14px

}



.pagination-wrap .pagination {

    margin: 25px 0;

    vertical-align: middle

}



.pagination-wrap .pagination li span {

 

    border: none;

    font-weight: 100

}



.pagination-wrap .pagination li a,

.pagination-wrap .pagination li span {

    height: 30px;

    line-height: 30px;

    padding:4;

    background: none;

    font-size: 14px

}



.pagination-wrap .pagination li a {

    

    border-radius: 2px;

    color: #333;

    border: none

}



.pagination-wrap .pagination li a:hover {

    color: #1371ff !important;

    background: none

}



@media (max-width:760px) {



    .pagination-wrap .pagination li a,

    .pagination-wrap .pagination li span {

        height: 30px;

        line-height: 30px;

        font-size: 18px;

        width: 30px;

        margin: 0

    }

}



@media (max-width:480px) {



    .pagination-wrap .pagination li a,

    .pagination-wrap .pagination li span {

        font-size: 13px;

        height: 22px;

        line-height: 22px

    }

}



.pagination-wrap .pagination li.active span {

    color: #fff;

    background-color: #1371ff;

    border-radius: 100%

}



@media (max-width:480px) {

    .pagination-wrap .pagination li.active span {

        background: none;

        color: #1371ff

    }

}



.pagination-wrap .pagination .pagina a .iconfont,

.pagination-wrap .pagination .pagina span .iconfont {

    font-size: 30px;

    line-height: 32px;

    color: #000;

    display: block;

    height: 30px

}



.pagination-wrap .pagination .pagina a .iconfont:hover,

.pagination-wrap .pagination .pagina span .iconfont:hover {

    color: #1371ff

}



@media (max-width:760px) {



    .pagination-wrap .pagination .pagina a .iconfont,

    .pagination-wrap .pagination .pagina span .iconfont {

        line-height: 32px;

        height: 30px

    }

}



@media (max-width:480px) {



    .pagination-wrap .pagination .pagina a .iconfont,

    .pagination-wrap .pagination .pagina span .iconfont {

        line-height: 24px;

        height: 22px

    }

}



.pagination-wrap .pagination .paginb a .iconfont,

.pagination-wrap .pagination .paginb span .iconfont {

    font-size: 30px;

    line-height: 32px;

    color: #000;

    display: block;

    height: 30px

}



.pagination-wrap .pagination .paginb a .iconfont:hover,

.pagination-wrap .pagination .paginb span .iconfont:hover {

    color: #1371ff

}



@media (max-width:760px) {



    .pagination-wrap .pagination .paginb a .iconfont,

    .pagination-wrap .pagination .paginb span .iconfont {

        line-height: 32px;

        height: 30px

    }

}



@media (max-width:480px) {



    .pagination-wrap .pagination .paginb a .iconfont,

    .pagination-wrap .pagination .paginb span .iconfont {

        line-height: 24px;

        height: 22px

    }

}



.pagination-wrap .pagination .active span {

    color: #bebebe

}



.pagination-wrap .paginatt {

    display: inline-block;

    vertical-align: middle

}



.pagination-wrap .paginatt .iconfont {

    font-size: 30px;

    line-height: 32px;

    color: #000;

    display: block;

    height: 30px

}



.pagination-wrap .paginatt .iconfont:hover {

    color: #1371ff

}



@media (max-width:768px) {

    .pagination-wrap {

        text-align: center

    }



    .pagination-wrap .paginatt {

        display: none

    }



    .pagination-wrap .pagination li span {

        margin: 0

    }

}



.news-detail-wrap {

    padding: 20px 0 50px;

    background-color: #f7f7f7

}



@media (max-width:768px) {

    .news-detail-wrap {

        padding-left: 15px;

        padding-right: 15px

    }

}



.detail-title {

    font-size: 22px;

    color: #000;

    font-weight: 400;

    line-height: 1.5;

    margin: 0 0 10px -9px

}



.detail-info {

    font-size: 14px;

    color: #999;

    border-bottom: 1px solid #e0e0e0;

    padding-bottom: 25px;

    margin-bottom: 25px

}



.detail-info .date {

    margin-right: 30px

}



.detail-content {

    font-size: 14px;

    line-height: 34px;

    color: #000

}



.detail-content .key-tag {

    color: #1371ff

}



.detail-content img,

.detail-content p img {

    max-width: 100%;

    width: auto !important;

    height: auto !important

}



.detail-content h3 {

    font-size: 16px

}



.detail-search {

    margin-top: 13px;

    border: 1px solid #e0e0e0;

    height: 40px;

    margin-bottom: 39px

}



.detail-search input[type=text] {

    width: calc(100% - 40px);

    height: 38px;

    background: none;

    outline: none;

    border: none;

    font-size: 14px;

    color: #bbb;

    padding-left: 10px

}



.detail-search button[type=submit] {

    float: right;

    width: 40px;

    height: 38px;

    background: none;

    outline: none;

    border: none;

    font-size: 20px

}



.detail-sort {

    border-top: 1px solid #e0e0e0;

    padding-top: 25px

}



.detail-sort li a {

    font-size: 14px;

    color: #333;

    display: block;

    line-height: 40px

}



.detail-sort li a:hover {

    color: #03a9f4

}



.hot-news {}



.hot-news h3 {

    margin: 0 0 10px;

    padding-bottom: 10px;

    font-size: 18px;

    color: #333;

    font-weight: 400;

    border-bottom: 1px solid #e0e0e0

}



.hot-news .hot-news-list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 36px

}



.hot-news .hot-news-list1 li {

    margin-bottom: 6px;

    padding: 9px 6px;

    width: 47%;

    background-color: #f2f2f2;

    text-align: center

}



.hot-news .hot-news-list1 li a {

    display: block;

    color: #666;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.hot-news .hot-news-list1 li:hover {

    background-color: #e3eeff

}



.hot-news .hot-news-list1 li:hover a {

    color: #1371ff

}



.hot-news .hot-news-list li {

    line-height: 32px

}



.hot-news .hot-news-list li a {

    font-size: 14px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-top: 0;

    color: #666;

    position: relative;

    padding-left: 13px

}



.hot-news .hot-news-list li a .timex {

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #1371ff

}



.hot-news .hot-news-list li a:hover {

    color: #1371ff

}



.hot-news .hot-news-list li a:before {

    content: "";

    position: absolute;

    margin-left: -13px;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #1371ff;

    margin-top: 14.5px

}



.hot-news .hot-news-zs {

    display: block;

    margin-top: 20px

}



.hot-news .hot-news-zs img {

    max-width: 100%

}



@media (max-width:990px) {

    .detail-title {

        margin-left: 0;

        margin-top: 10px

    }



    .detail-search {

        margin-top: 0

    }



    .news-detail-wrap .hot-news {

        margin-top: 40px

    }

}



.page-next-prev {

    background: #f6f6f6;

    padding: 11px 15px;

    margin-top: 60px

}



.page-next-prev span {

    display: inline-block;

    border: 1px solid #666;

    border-radius: 2px;

    font-size: 12px;

    color: #666;

    width: 65px;

    text-align: center;

    margin-right: 15px

}



.page-next-prev a {

    font-size: 14px;

    color: #666;

    display: block;

    line-height: 40px

}



.page-next-prev a:hover {

    opacity: .5

}



.page-next-prev .page-next,

.page-next-prev .page-prev {

    width: 50%;

    float: left

}



.page-next-prev .page-next {

    text-align: right;

    position: relative

}



.page-next-prev .page-next a {

    padding-right: 85px

}



.page-next-prev .page-next span {

    position: absolute;

    right: 0;

    top: 0;

    margin-right: 0

}



@media (max-width:990px) {



    .page-next-prev .page-next,

    .page-next-prev .page-prev {

        width: 100%;

        float: none

    }



    .page-next-prev a {

        line-height: 30px

    }



    .page-next-prev .page-next {

        text-align: left;

        margin-top: 15px

    }



    .page-next-prev .page-next a {

        padding-left: 85px;

        padding-right: 0

    }



    .page-next-prev .page-next span {

        position: absolute;

        right: auto;

        top: 0;

        left: 0

    }

}



@media (max-width:768px) {

    .news-detail-wrap .detail-content img {

        max-width: 100%;

        height: auto !important

    }

}



.tag_list a {

    background-color: #f2f2f2;

    color: #666;

    padding: 5px 8px;

    text-decoration: none;

    margin-right: 5px;

    margin-bottom: 10px;

    display: inline-block

}



.tag_list a:hover {

    background-color: #ddd

}



.page-product-pcbox {

    background: #f6f6f6;

    padding: 90px 0;

    font-size: 0

}



.page-product-title {

    text-align: center;

    margin-bottom: 70px

}



.page-product-title.special {

    margin-bottom: 50px

}



.page-product-title h3 {

    margin: 0;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.page-product-title h4 {

    margin: 40px 0 0;

    font-weight: 200;

    font-size: 16px;

    color: #333;

    line-height: 28px

}



.page-product-title p {

    font-size: 26px;

    margin-bottom: 10px;

    font-weight: 500;

    color: #000

}



.page-product-title .info {

    font-size: 16px;

    line-height: 1.875;

    color: #555;

    margin-top: 35px;

    padding: 0 8%

}



.page-product-title .info p {

    font-weight: 400;

    font-size: 16px

}



.page-product-pcbox .page-product-img {

    display: inline-block;

    vertical-align: middle;

    text-align: left;

    width: 50%

}



.page-product-pcbox .page-product-img img {

    max-width: 100%

}



.page-product-pcbox .page-product-text {

    width: 36%;

    margin-left: 14%;

    display: inline-block;

    vertical-align: middle

}



.page-product-pcbox .page-product-text h4 {

    font-size: 24px;

    color: #445780;

    font-weight: 400;

    margin: 0 0 30px

}



.page-product-pcbox .page-product-text h4 .iconfont {

    font-size: 35px;

    color: #445780;

    margin-right: 10px;

    display: inline-block;

    vertical-align: middle

}



.page-product-pcbox .page-product-text h4 span {

    display: inline-block;

    vertical-align: middle

}



.page-product-pcbox .page-product-text p {

    font-size: 18px;

    line-height: 1.6;

    color: #444;

    font-weight: 200

}



.page-product-pcbox:nth-of-type(odd) {

    background: #fff

}



.page-product-pcbox:nth-of-type(odd) .page-product-img {

    text-align: right

}



.page-product-pcbox:nth-of-type(odd) .page-product-text {

    width: 36%;

    margin-right: 14%;

    margin-left: 0

}



@media (max-width:990px) {

    .page-product-pcbox {

        padding: 40px 0

    }



    .page-product-pcbox .container {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .page-product-title {

        margin-bottom: 25px

    }



    .page-product-title p {

        font-size: 18px;

        line-height: 25px

    }



    .page-product-title h3 {

        font-size: 16px;

        margin-bottom: 5px;

        line-height: 1.5

    }



    .page-product-title .info {

        font-size: 14px;

        padding: 0;

        margin-top: 15px

    }



    .page-product-pcbox .page-product-img {

        width: 100% !important;

        text-align: center !important;

        margin-bottom: 30px !important;

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1

    }



    .page-product-pcbox .page-product-img img {

        max-width: 90%

    }



    .page-product-pcbox .page-product-text {

        width: 100% !important;

        margin: 0 !important;

        -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

        order: 2

    }



    .page-product-pcbox .page-product-text h4 {

        font-size: 18px;

        margin: 0 0 10px

    }



    .page-product-pcbox .page-product-text h4 .iconfont {

        font-size: 18px

    }



    .page-product-pcbox .page-product-text p {

        font-size: 16px

    }

}



.pca-list .pca-item {

    padding: 50px 30px;

    text-align: center

}



.pca-list .pca-item .icon {

    display: block;

    line-height: 1;

    margin-bottom: 25px

}



.pca-list .pca-item .icon .iconfont {

    font-size: 58px;

    color: #333

}



.pca-list .pca-item .icon .icon-operatete {

    color: #efbb67

}



.pca-list .pca-item .icon .icon-yingxiao {

    color: #55c9f2

}



.pca-list .pca-item .icon .icon-kehuduan {

    color: #f56983

}



.pca-list .pca-item h4 {

    font-weight: 400;

    font-size: 18px;

    margin: 0 0 15px;

    color: #444

}



.pca-list .pca-item p {

    font-size: 16px;

    color: #444;

    line-height: 32px

}



@media (max-width:990px) {

    .pca-list .pca-item {

        width: 100%;

        text-align: left;

        padding: 15px 0;

        font-size: 0

    }



    .pca-list .pca-item .icon {

        width: 60px;

        display: inline-block;

        vertical-align: middle;

        margin-bottom: 0

    }



    .pca-list .pca-item .icon .iconfont {

        font-size: 45px

    }



    .pca-list .pca-item .text {

        display: inline-block;

        vertical-align: middle;

        width: calc(100% - 60px)

    }



    .pca-list .pca-item .text h4 {

        font-size: 16px;

        margin: 0 0 5px

    }



    .pca-list .pca-item .text p {

        font-size: 14px;

        line-height: 25px

    }

}



.page-product-pcbox.page-product-pcb .page-product-img {

    display: inline-block;

    width: 60%;

    text-align: right;

    vertical-align: middle

}



.page-product-pcbox.page-product-pcb .page-product-text {

    display: inline-block;

    width: 38%;

    margin-right: 2%;

    vertical-align: middle

}



.page-product-wmbox {

    padding: 90px 0

}



.page-product-wmbox:nth-of-type(2n) {

    background: #f6f6f6

}



.page-product-wmbox .page-product-wmimg {

    text-align: center

}



.page-product-wmbox .page-product-wmimg img {

    max-width: 100%

}



.page-product-wmbox .wmapp-download {

    text-align: center

}



.page-product-wmbox .wmapp-download>div {

    width: calc(50% - 12px);

    border: 1px solid #f3f3f3;

    background-color: #fff;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .03);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .03);

    padding: 40px 0;

    display: inline-block;

    margin: 0 5px

}



.page-product-wmbox .wmapp-download>div .img {

    width: 45%;

    text-align: center;

    line-height: 120px;

    font-size: 0;

    display: inline-block;

    vertical-align: middle

}



.page-product-wmbox .wmapp-download>div .img img {

    display: inline-block;

    vertical-align: middle

}



.page-product-wmbox .wmapp-download>div .img .ewm-img {

    display: none

}



.page-product-wmbox .wmapp-download>div .wz {

    display: inline-block;

    width: 50%;

    vertical-align: middle;

    text-align: left

}



.page-product-wmbox .wmapp-download>div .wz h4 {

    font-size: 28px;

    color: #555;

    font-weight: 400;

    margin-bottom: 15px

}



.page-product-wmbox .wmapp-download>div .wz h4 span {

    display: block;

    font-size: 22px;

    margin-top: 10px

}



.page-product-wmbox .wmapp-download>div .wz a {

    display: block;

    width: 103px;

    height: 31px;

    border-radius: 2px;

    background: #008af4;

    font-size: 16px;

    color: #fff;

    text-align: center;

    line-height: 31px;

    -webkit-transition: all .3s;

    transition: all .3s

}



.page-product-wmbox .wmapp-download>div .wz a:hover {

    background: #0083cc

}



.page-product-wmbox .wmapp-download>div .wz p {

    display: none;

    font-size: 18px;

    color: #555;

    line-height: 31px

}



.page-product-wmbox .wmapp-download>div:hover {

    background: #fafdff

}



.page-product-wmbox .wmapp-download>div:hover .img img {

    display: none

}



.page-product-wmbox .wmapp-download>div:hover .img .ewm-img {

    display: inline-block

}



.page-product-wmbox .wmapp-download>div:hover .wz p {

    display: block

}



.page-product-wmbox .wmapp-download .ios-app:hover .wz a {

    display: none

}



@media (max-width:990px) {

    .page-product-wmbox .wmapp-download>div {

        width: 100%;

        margin: 10px 0

    }

}



@media (max-width:990px) {

    .page-product-wmbox {

        padding: 40px 0

    }

}



.wm-language {

    background: url(../images/wm-map.png) no-repeat center 210px;

    padding: 120px 0;

    padding-bottom: 150px

}



@media (max-width:768px) {

    .wm-language {

        padding: 30px 0

    }

}



.wma-list {

    font-size: 0

}



.wma-list li {

    display: inline-block;

    vertical-align: top;

    text-align: center;

    width: 14.2857%

}



.wma-list li .icon {

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.wma-list li .icon img {

    max-width: 100%

}



.wma-list li .dots {

    margin: 13px 0;

    position: relative;

    height: 15px

}



.wma-list li .dots:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 7px;

    border-top: 1px dashed #999

}



.wma-list li .dots:before {

    content: "";

    position: absolute;

    z-index: 9;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    background: #fff;

    left: 50%;

    margin-left: -7.5px;

    border: 3px solid #c9c9c9;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.wma-list li p {

    font-size: 14px;

    color: #555;

    margin-bottom: 0

}



.wma-list li:hover .icon {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

}



.wma-list li:hover .dots:before {

    background: #03a9f4;

    border-color: hsla(0, 0%, 100%, .6)

}



@media (max-width:990px) {

    .page-product-wma .wma-list li {

        width: 25%;

        margin-bottom: 10px

    }



    .page-product-wma .wma-list li:nth-of-type(7) {

        display: none

    }

}



@media (max-width:520px) {

    .page-product-wma .wma-list li {

        width: 33.33333%

    }

}



.page-product-wmb .wmb-list {

    padding: 0 5%

}



.page-product-wmb .wmb-list li {

    float: left;

    width: 20%;

    margin: 12.5px 0;

    font-size: 16px;

    color: #666;

    padding-left: 4%

}



.page-product-wmb .wmb-list li img {

    margin-right: 10px

}



@media (max-width:1200px) {

    .page-product-wmb .wmb-list {

        padding: 0

    }

}



@media (max-width:990px) {

    .page-product-wmb .wmb-list li {

        width: 25%;

        margin: 3px 0

    }

}



@media (max-width:768px) {

    .page-product-wmb .wmb-list li {

        font-size: 0;

        text-align: center;

        margin-bottom: 12px

    }



    .page-product-wmb .wmb-list li img {

        max-width: 100%

    }

}



.page-product-wxbox {

    background: #fff;

    padding: 90px 0

}



.page-product-wxbox:nth-of-type(odd) {

    background: #f6f6f6

}



@media (max-width:990px) {

    .page-product-wxbox {

        padding: 40px 0

    }

}



.page-product-wxa {

    padding-bottom: 0

}



.page-product-wxa .wxa-text {

    float: left;

    width: 35%;

    padding-top: 10%

}



.page-product-wxa .wxa-text h4 {

    font-size: 22px;

    color: #444;

    font-weight: 400

}



.page-product-wxa .wxa-text p {

    font-size: 16px;

    line-height: 2.625;

    color: #444

}



.page-product-wxa .wxa-img img {

    max-width: 100%

}



@media (max-width:1200px) {

    .page-product-wxa .wxa-text {

        padding-top: 5%

    }

}



@media (max-width:990px) {

    .page-product-wxa .wxa-text {

        width: 100%;

        display: block;

        margin-bottom: 20px

    }

}



.wxb-list div[class*=col-] {

    margin: 15px 0;

    margin-top: 0

}



.wxb-list .wechat-item {

    border: 1px solid silver;

    padding: 40px 50px;

    color: #444;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    text-align: center

}



.wxb-list .wechat-item h5 {

    font-size: 16px;

    font-weight: 700;

    margin: 0 0 10px;

    color: #222

}



.wxb-list .wechat-item p {

    font-size: 14px;

    line-height: 30px;

    min-height: 60px

}



.wxb-list .wechat-item:hover {

    -webkit-box-shadow: 0 3px 7.6px .4px rgba(2, 2, 2, .15);

    box-shadow: 0 3px 7.6px .4px rgba(2, 2, 2, .15)

}



@media (max-width:768px) {

    .page-product-wxb .wxb-list .wechat-item {

        padding: 30px

    }



    .page-product-wxb .wxb-list .wechat-item h5 {

        font-weight: 400

    }

}



.wxc-list .wxc-item {

    text-align: center;

    padding: 0 10%

}



.wxc-list .wxc-item .icon {

    display: block;

    margin-bottom: 20px;

    line-height: 1

}



.wxc-list .wxc-item .icon .iconfont {

    font-size: 40px;

    color: #444

}



.wxc-list .wxc-item .icon .icon-hulianwang1 {

    color: #efbb67

}



.wxc-list .wxc-item .icon .icon-kehuqunzurenxianxing {

    color: #55c9f2

}



.wxc-list .wxc-item .icon .icon-qiye {

    color: #f56983

}



.wxc-list .wxc-item h4 {

    font-size: 16px;

    color: #242424;

    font-weight: 400;

    margin: 0 0 10px

}



.wxc-list .wxc-item p {

    font-size: 14px;

    line-height: 30px;

    color: #444;

    font-weight: 200

}



@media (max-width:768px) {

    .wxc-list .wxc-item {

        margin-bottom: 30px;

        padding: 0

    }



    .wxc-list .wxc-item .icon {

        margin-bottom: 10px

    }

}



.page-product-wxd .wxd-text {

    width: 49%;

    padding-right: 8%;

    display: inline-block;

    vertical-align: middle

}



.page-product-wxd .wxd-text dl {

    margin-bottom: 25px

}



.page-product-wxd .wxd-text dl dt {

    font-weight: 400;

    font-size: 22px;

    color: #444;

    line-height: 45px

}



.page-product-wxd .wxd-text dl dd {

    font-size: 16px;

    color: #444;

    font-weight: 200

}



.page-product-wxd .wxd-img {

    display: inline-block;

    vertical-align: middle;

    width: 49%;

    text-align: right

}



.page-product-wxd .wxd-img img {

    max-width: 100%

}



@media (max-width:990px) {

    .page-product-wxd .wxd-text {

        display: block;

        width: 100%;

        padding-right: 0

    }



    .page-product-wxd .wxd-text dl dt {

        font-size: 18px

    }



    .page-product-wxd .wxd-text dl dd {

        font-size: 14px

    }



    .page-product-wxd .wxd-img {

        display: block;

        width: 100%;

        text-align: center

    }

}



.wxe-list div[class*=col-]:not(:last-child) {

    border-right: 1px solid #bababa

}



.wxe-list .wxe-item .icon {

    display: inline-block;

    vertical-align: middle;

    width: 55px

}



.wxe-list .wxe-item .icon .iconfont {

    font-size: 40px;

    color: #7b7b7b

}



.wxe-list .wxe-item .text {

    display: inline-block;

    vertical-align: middle;

    width: calc(100% - 60px);

    color: #444

}



.wxe-list .wxe-item .text h5 {

    font-size: 16px;

    font-weight: 400;

    margin: 0 0 10px

}



.wxe-list .wxe-item .text p {

    font-size: 14px;

    font-weight: 200

}



@media (max-width:990px) {

    .wxe-list div[class*=col-] {

        margin: 10px 0

    }



    .wxe-list div[class*=col-]:nth-of-type(2n) {

        border-right: none

    }

}



@media (max-width:500px) {

    .wxe-list div[class*=col-] {

        border-right: none !important

    }

}



.page-product-wxf {

    text-align: center

}



.page-product-wxf h3 {

    font-size: 36px;

    font-weight: 200;

    color: #444;

    margin: 0 0 30px

}



.page-product-wxf h3 span {

    font-weight: 400;

    color: #45a89e

}



.page-product-wxf h4 {

    font-size: 20px;

    color: #444;

    margin-bottom: 15px;

    font-weight: 400

}



.page-product-wxf h4 .iconfont {

    font-size: 20px;

    color: #444;

    margin-right: 5px

}



.page-product-wxf h5 {

    margin: 0;

    font-size: 16px;

    color: #444

}



@media (max-width:768px) {

    .page-product-wxf h3 {

        font-size: 28px

    }

}



.page-product-jst {

    position: relative

}



.page-product-jst .jst-app-list img {

    max-width: 100%

}



.page-product-jst1 {

    position: relative;

    z-index: -2

}



.page-product-jst {

    background: #f6f6f6

}



.page-product-jst:nth-of-type(odd) {

    background: #fff

}



.page-product-jst .jst-summary {

    text-align: center;

    font-size: 14px;

    color: #787878;

    line-height: 35px;

    max-width: 1080px;

    margin: 0 auto

}



.page-product-jst .wxb-list {

    font-size: 0

}



.page-product-jst .wxb-list .jst-influence {

    width: 33.3333%;

    display: inline-block;

    vertical-align: top

}



.page-product-jst .wxb-list .jst-influence .web-item {

    text-align: center;

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    padding: 25px 20px

}



.page-product-jst .wxb-list .jst-influence .web-item .icon {

    display: block;

    text-align: center

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .iconfont {

    font-size: 100px;

    line-height: 1

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--1 {

    color: #64ba71

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--2 {

    color: #52c1e7

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--3 {

    color: #50bec1

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--4 {

    color: #7ca5d6

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--5 {

    color: #2f91a7

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--6 {

    color: #7ca5d6

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--7 {

    color: #58a564

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--8 {

    color: #39afb3

}



.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--9 {

    color: #cddf79

}



.page-product-jst .wxb-list .jst-influence .web-item h5 {

    line-height: 35px;

    font-size: 18px;

    margin-bottom: 0;

    margin-top: 10px

}



.page-product-jst .wxb-list .jst-influence .web-item p {

    font-size: 14px;

    color: #838383;

    min-height: 42px

}



@media (min-width:990px) {

    .page-product-jst .wxb-list .jst-influence:nth-of-type(3n) .web-item {

        border-right: none

    }



    .page-product-jst .wxb-list .jst-influence:nth-of-type(7) .web-item,

    .page-product-jst .wxb-list .jst-influence:nth-of-type(8) .web-item,

    .page-product-jst .wxb-list .jst-influence:nth-of-type(9) .web-item {

        border-bottom: none

    }

}



@media (max-width:990px) {

    .page-product-jst .wxb-list .jst-influence {

        width: 50%

    }



    .page-product-jst .wxb-list .jst-influence .web-item {

        padding: 20px 20px 10px

    }



    .page-product-jst .wxb-list .jst-influence .web-item .icon .iconfont {

        font-size: 60px

    }



    .page-product-jst .wxb-list .jst-influence .web-item h5 {

        font-weight: 400;

        font-size: 14px;

        margin-top: 0

    }



    .page-product-jst .wxb-list .jst-influence .web-item p {

        font-size: 12px

    }



    .page-product-jst .wxb-list .jst-influence:nth-of-type(2n) .web-item {

        border-right: none

    }



    .page-product-jst .wxb-list .jst-influence:nth-of-type(9) .web-item {

        border-bottom: none

    }

}



@media (max-width:370px) {

    .page-product-jst .wxb-list .jst-influence {

        width: 100%;

        border-right: none

    }



    .page-product-jst .wxb-list .jst-influence .web-item {

        padding-bottom: 20px

    }



    .page-product-jst .wxb-list .jst-influence .web-item p {

        min-height: auto

    }

}



.jst-introduct {

    padding-bottom: 0

}



.jst-introduct .page-product-title {

    margin-bottom: 50px

}



.jst-introduct .jst-app-list {

    margin-top: 60px

}



.page-product-jst .zc-img {

    width: 100%;

    text-align: center

}



.page-product-jst .zc-img img {

    max-width: 100%

}



.page-product-khd {

    text-align: center;

    position: static

}



.page-product-khd .jst-kehuduan {

    width: 100%;

    text-align: center;

    margin-top: -20px

}



.page-product-khd .jst-kehuduan img {

    max-width: 100%;

    display: block

}



.page-product-khd .khd-download {

    width: 153px;

    height: 38px;

    line-height: 38px;

    border: 1px solid #333;

    border-radius: 25px;

    color: #333;

    font-size: 14px;

    text-align: center;

    display: inline-block;

    margin: 0 30px;

    -webkit-transition: all .3s;

    transition: all .3s;

    background: none;

    cursor: pointer

}



.page-product-khd .khd-download span {

    display: inline-block;

    vertical-align: middle

}



.page-product-khd .khd-download .icon {

    margin-right: 2px

}



.page-product-khd .khd-download .icon .iconfont {

    font-size: 20px;

    color: #333

}



.page-product-khd .khd-download:hover {

    background: #1bb1f4;

    border: 1px solid #1bb1f4

}



.page-product-khd .khd-download:hover .icon .iconfont,

.page-product-khd .khd-download:hover span {

    color: #fff

}



.page-product-khd .pc-version-box {

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .7);

    left: 0;

    top: 0;

    z-index: 9999;

    display: none

}



.page-product-khd .pc-version-box .pc-version {

    position: absolute;

    padding: 40px 50px;

    background: #fff;

    left: 0;

    right: 0;

    margin: auto;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 580px

}



.page-product-khd .pc-version-box .pc-version h3 {

    font-weight: 400;

    margin-top: 0;

    position: relative

}



.page-product-khd .pc-version-box .pc-version h3 .icon {

    display: block

}



.page-product-khd .pc-version-box .pc-version h3 .icon .iconfont {

    font-size: 62px;

    color: #333

}



.page-product-khd .pc-version-box .pc-version h3 .title {

    font-size: 22px;

    color: #333;

    line-height: 35px

}



.page-product-khd .pc-version-box .pc-version h3 p {

    font-size: 14px;

    color: #666;

    padding: 10px 0;

    padding-bottom: 20px

}



.page-product-khd .pc-version-box .pc-version h3 .version-hide {

    width: 20px;

    height: 20px;

    position: absolute;

    right: -43px;

    top: -31px;

    cursor: pointer

}



.page-product-khd .pc-version-box .pc-version h3 .version-hide .iconfont {

    color: #8f8e8f;

    font-size: 16px

}



.page-product-khd .pc-version-box .pc-version .button a {

    display: inline-block;

    width: 175px;

    height: 38px;

    background: #1bb1f4;

    color: #fff;

    font-size: 14px;

    text-align: center;

    line-height: 38px;

    border-radius: 25px;

    margin: 0 20px;

    -webkit-transition: all .3s;

    transition: all .3s

}



.page-product-khd .pc-version-box .pc-version .button a:hover {

    background: #0083cc

}



@media (max-width:768px) {

    .page-product-khd .jst-kehuduan .open-version {

        margin-bottom: 10px

    }



    .page-product-khd .pc-version-box .pc-version {

        width: 90%

    }



    .page-product-khd .pc-version-box .pc-version .button a {

        margin-bottom: 10px

    }

}



.page-product-wmbox .jst-kehuduan {

    width: 100%;

    text-align: center;

    margin-top: -20px

}



.page-product-wmbox .jst-kehuduan .khd-download {

    width: 153px;

    height: 38px;

    line-height: 38px;

    border: 1px solid #333;

    border-radius: 25px;

    color: #333;

    font-size: 14px;

    text-align: center;

    display: inline-block;

    margin: 0 30px;

    -webkit-transition: all .3s;

    transition: all .3s;

    background: none;

    cursor: pointer

}



.page-product-wmbox .jst-kehuduan .khd-download span {

    display: inline-block;

    vertical-align: middle

}



.page-product-wmbox .jst-kehuduan .khd-download .icon {

    margin-right: 2px

}



.page-product-wmbox .jst-kehuduan .khd-download .icon .iconfont {

    font-size: 20px;

    color: #333

}



.page-product-wmbox .jst-kehuduan .khd-download:hover {

    background: #1bb1f4;

    border: 1px solid #1bb1f4

}



.page-product-wmbox .jst-kehuduan .khd-download:hover .icon .iconfont,

.page-product-wmbox .jst-kehuduan .khd-download:hover span {

    color: #fff

}



.page-product-wmbox .pc-version-box {

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .7);

    left: 0;

    top: 0;

    z-index: 9999;

    display: none;

    text-align: center

}



.page-product-wmbox .pc-version-box .pc-version {

    position: absolute;

    padding: 40px 50px;

    background: #fff;

    left: 0;

    right: 0;

    margin: auto;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 580px

}



.page-product-wmbox .pc-version-box .pc-version h3 {

    font-weight: 400;

    margin-top: 0;

    position: relative

}



.page-product-wmbox .pc-version-box .pc-version h3 .icon {

    display: block

}



.page-product-wmbox .pc-version-box .pc-version h3 .icon .iconfont {

    font-size: 62px;

    color: #333

}



.page-product-wmbox .pc-version-box .pc-version h3 .title {

    font-size: 22px;

    color: #333;

    line-height: 35px

}



.page-product-wmbox .pc-version-box .pc-version h3 p {

    font-size: 14px;

    color: #666;

    padding: 10px 0;

    padding-bottom: 20px

}



.page-product-wmbox .pc-version-box .pc-version h3 .version-hide {

    width: 20px;

    height: 20px;

    position: absolute;

    right: -43px;

    top: -31px;

    cursor: pointer

}



.page-product-wmbox .pc-version-box .pc-version h3 .version-hide .iconfont {

    color: #8f8e8f;

    font-size: 16px

}



.page-product-wmbox .pc-version-box .pc-version .button {

    text-align: left

}



.page-product-wmbox .pc-version-box .pc-version .button .anniu {

    display: inline-block;

    vertical-align: middle;

    width: 175px;

    height: 38px;

    background: #1bb1f4;

    color: #fff;

    font-size: 14px;

    text-align: center;

    line-height: 38px;

    border-radius: 25px;

    margin-right: 60px;

    -webkit-transition: all .3s;

    transition: all .3s

}



.page-product-wmbox .pc-version-box .pc-version .button .anniu:hover {

    background: #0083cc

}



.page-product-wmbox .pc-version-box .pc-version .button .code {

    display: inline-block;

    vertical-align: middle;

    padding-left: 72px;

    border-left: 1px solid #ddd

}



.page-product-wmbox .pc-version-box .pc-version .button .code p {

    text-align: center;

    color: #333;

    line-height: 30px;

    font-size: 14px

}



.page-product-wmbox .pc-version-box .ios-version {

    width: 300px

}



.page-product-wmbox .pc-version-box .ios-version .button {

    text-align: center

}



.page-product-wmbox .pc-version-box .ios-version .button .code {

    display: inline-block;

    vertical-align: middle;

    padding-left: 0;

    border-left: none

}



.page-product-wmbox .pc-version-box .ios-version .button .code p {

    text-align: center;

    color: #333;

    line-height: 30px;

    font-size: 14px

}



@media (max-width:768px) {

    .page-product-wmbox .jst-kehuduan .open-versions {

        margin-top: 10px

    }



    .page-product-wmbox .pc-version-box .pc-version {

        width: 90%

    }



    .page-product-wmbox .pc-version-box .pc-version .button {

        text-align: center

    }



    .page-product-wmbox .pc-version-box .pc-version .button .anniu {

        margin-right: 0

    }



    .page-product-wmbox .pc-version-box .pc-version .button .code {

        padding-left: 0;

        border-left: none;

        margin-top: 20px

    }

}



.page-product-pcbox .jst-kehuduan {

    width: 100%;

    text-align: center;

    margin-top: -20px

}



.page-product-pcbox .jst-kehuduan .khd-download {

    width: 153px;

    height: 38px;

    line-height: 38px;

    border: 1px solid #333;

    border-radius: 25px;

    color: #333;

    font-size: 14px;

    text-align: center;

    display: inline-block;

    margin: 0 30px;

    -webkit-transition: all .3s;

    transition: all .3s;

    background: none;

    cursor: pointer

}



.page-product-pcbox .jst-kehuduan .khd-download span {

    display: inline-block;

    vertical-align: middle

}



.page-product-pcbox .jst-kehuduan .khd-download .icon {

    margin-right: 2px

}



.page-product-pcbox .jst-kehuduan .khd-download .icon .iconfont {

    font-size: 20px;

    color: #333

}



.page-product-pcbox .jst-kehuduan .khd-download:hover {

    background: #1bb1f4;

    border: 1px solid #1bb1f4

}



.page-product-pcbox .jst-kehuduan .khd-download:hover .icon .iconfont,

.page-product-pcbox .jst-kehuduan .khd-download:hover span {

    color: #fff

}



@media (max-width:460px) {

    .page-product-pcbox .jst-kehuduan .khd-download {

        margin-top: 10px

    }

}



.demo-link {

    text-align: center;

    margin-top: 2em;

    font-size: 15px

}



.demo-link a {

    display: inline-block;

    padding: .5em 3em;

    background: #1891ff;

    border-radius: 2em;

    color: #fff

}



.demo-link a:hover {

    background: #1eaeff

}



.partner-row {

    text-align: justify

}



.partner-row .partner-col {

    margin-bottom: 30px;

    position: relative;

    display: inline-block;

    width: 23%;

    vertical-align: top;

    border: 1px solid #ddd

}



.partner-row .partner-col a {

    display: block;

    text-align: center;

    height: 130px;

    padding: 0 5%

}



.partner-row .partner-col a:after {

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle

}



.partner-row .partner-col a img {

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    transition: transform .5s ease;

    transition: transform .5s ease, -webkit-transform .5s ease;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    -webkit-filter: gray;

    filter: gray

}



.partner-row .partner-col a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0);

    -o-filter: grayscale(0);

    filter: grayscale(0);

    -webkit-filter: none;

    filter: none

}



.partner-row:after {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    height: 0;

    content: ""

}



@media (max-width:768px) {

    .jst-partner {

        padding: 30px 0

    }



    .partner-row {

        padding: 0

    }



    .partner-row .partner-col {

        width: 46%

    }

}



.page-product-ksp {

    padding: 4.94791667% 0;

    background: #fff

}



.page-product-ksp:nth-of-type(2n) {

    background: #f6f6f6

}



@media (min-width:990px) {

    .page-product-ksp .page-product-title {

        margin-bottom: 50px

    }

}



.page-product-ksp .jst-kehuduan {

    margin-top: 0

}



.page-product-ksp .ksp-about-imgs {

    position: relative;

    width: 75.21367521%;

    padding-top: 5.72649573%;

    margin: 0 auto

}



.page-product-ksp .ksp-about-imgs .bg-img {

    max-width: 100%

}



.page-product-ksp .ksp-about-imgs span {

    position: absolute

}



.page-product-ksp .ksp-about-imgs span img {

    width: 114px

}



.page-product-ksp .ksp-about-imgs .icon1 {

    left: 0;

    bottom: 18.84700665%

}



.page-product-ksp .ksp-about-imgs .icon2 {

    left: 24.65909091%;

    bottom: 65.85365854%

}



.page-product-ksp .ksp-about-imgs .icon3 {

    left: 62.27272727%;

    bottom: 65.85365854%

}



.page-product-ksp .ksp-about-imgs .icon4 {

    right: 0;

    bottom: 18.84700665%

}



@media (max-width:990px) {

    .page-product-ksp .ksp-about-imgs {

        width: 100%;

        font-size: 0

    }



    .page-product-ksp .ksp-about-imgs .bg-img {

        display: none;

        padding-top: 0

    }



    .page-product-ksp .ksp-about-imgs span {

        position: static;

        width: 50%;

        text-align: center;

        display: inline-block;

        vertical-align: top;

        margin: 5px 0

    }



    .page-product-ksp .ksp-about-imgs span img {

        width: auto;

        max-width: 100%

    }

}



.ksp-summary {

    text-align: center;

    font-size: 16px;

    color: #555;

    line-height: 1.7;

    margin-top: 2.08333333%

}



@media (min-width:990px) {

    .ksp-summary {

        padding: 0 4.16666667%

    }

}



.page-product-khd .khd-download {

    width: 170px

}



.page-product-khd .ksp-32 {

    padding-top: 10px;

    display: inline-block;

    text-decoration: underline !important

}



.ksp-product-about {

    text-align: center;

    padding-bottom: 0

}



.ksp-product-about img {

    max-width: 100%

}



.ksp-function-list {

    margin: 0 -10px

}



.ksp-function-list div[class^=col-] {

    padding: 0 10px;

    margin-bottom: 20px

}



.ksp-function-item {

    border: 1px solid #e6e6e6;

    padding: 40px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.ksp-function-item h3 {

    font-size: 18px;

    color: #444;

    font-weight: 400;

    line-height: 40px;

    margin: 0 0 20px;

    padding-left: 50px;

    position: relative

}



.ksp-function-item h3 .iconfont {

    font-size: 37px;

    line-height: 1;

    position: absolute;

    left: 0

}



.ksp-function-item p {

    font-size: 14px;

    line-height: 24px;

    color: #666

}



.ksp-function-item:hover {

    -webkit-box-shadow: 0 3px 7.6px .4px rgba(2, 2, 2, .15);

    box-shadow: 0 3px 7.6px .4px rgba(2, 2, 2, .15)

}



.ksp-goods-item {

    margin: 0 25px;

    text-align: center

}



.ksp-goods-item .icon {

    width: 60px;

    height: 60px;

    margin: 0 auto 35px;

    line-height: 60px;

    border-radius: 50%

}



.ksp-goods-item .icon .iconfont {

    color: #fff;

    line-height: 1;

    vertical-align: middle;

    font-size: 28px

}



.ksp-goods-item .icon-bg1 {

    background: #47cbb5;

    -webkit-box-shadow: 0 0 0 10px rgba(71, 203, 181, .08);

    box-shadow: 0 0 0 10px rgba(71, 203, 181, .08)

}



.ksp-goods-item .icon-bg2 {

    background: #59bce5;

    -webkit-box-shadow: 0 0 0 10px rgba(89, 188, 229, .08);

    box-shadow: 0 0 0 10px rgba(89, 188, 229, .08)

}



.ksp-goods-item .icon-bg3 {

    background: #9da7ec;

    -webkit-box-shadow: 0 0 0 10px rgba(157, 167, 236, .08);

    box-shadow: 0 0 0 10px rgba(157, 167, 236, .08)

}



.ksp-goods-item .icon-bg4 {

    background: #fb7159;

    -webkit-box-shadow: 0 0 0 10px hsla(9, 95%, 67%, .08);

    box-shadow: 0 0 0 10px hsla(9, 95%, 67%, .08)

}



.ksp-goods-item h3 {

    font-size: 18px;

    color: #333;

    margin: 0 0 20px;

    font-weight: 400

}



.ksp-goods-item p {

    font-size: 14px;

    line-height: 28px;

    color: #666

}



@media (max-width:990px) {

    .ksp-goods-item {

        margin: 0 0 20px

    }



    .ksp-function-item {

        padding: 15px

    }



    .ksp-function-item h3 {

        line-height: 20px;

        padding-left: 30px;

        font-size: 16px;

        margin-bottom: 15px

    }



    .ksp-function-item h3 .iconfont {

        font-size: 20px

    }



    .ksp-summary {

        font-size: 14px;

        line-height: 1.5

    }

}



.ksp-speed-btn {

    text-align: center

}



.ksp-speed-btn a {

    display: inline-block;

    font-size: 16px;

    color: #fff;

    padding: .5em 2.5em;

    background: #1891ff;

    border-radius: 2em

}



.ksp-speed-btn a:hover {

    opacity: .8

}



.sample-pc {

    margin-top: 60px

}



@media (max-width:768px) {

    .sample-pc {

        margin-top: 30px

    }

}



.sample-pc .sample-pc-title {

    text-align: center

}



.sample-pc .sample-pc-title h3 {

    font-size: 36px;

    color: #333;

    font-weight: 400;

    line-height: 36px;

    margin: 0

}



.sample-pc .sample-pc-title h3 span {

    font-weight: 600

}



@media (max-width:768px) {

    .sample-pc .sample-pc-title h3 {

        font-size: 18px

    }

}



.sample-pc .pc-list1 {

    margin-top: 60px

}



@media (max-width:768px) {

    .sample-pc .pc-list1 {

        margin-top: 20px

    }

}



.sample-pc .pc-list1 .pc-item1 {

    text-align: center;

    background: #f6810d;

    padding: 50px 0;

    position: relative;

    -webkit-transition: all 1s ease;

    transition: all 1s ease

}



.sample-pc .pc-list1 .pc-item1:before {

    left: 50%

}



.sample-pc .pc-list1 .pc-item1:after,

.sample-pc .pc-list1 .pc-item1:before {

    content: "";

    width: 0;

    height: 100%;

    background: #dd750d;

    position: absolute;

    top: 0;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}



.sample-pc .pc-list1 .pc-item1:after {

    right: 50%

}



.sample-pc .pc-list1 .pc-item1:hover:before {

    width: 52%;

    left: 0

}



.sample-pc .pc-list1 .pc-item1:hover:after {

    width: 52%;

    right: 0

}



.sample-pc .pc-list1 .pc-item1 h3 {

    font-size: 32px;

    color: #fff;

    font-weight: 400;

    line-height: 32px;

    margin: 0;

    position: relative;

    z-index: 9

}



.sample-pc .pc-list1 .pc-item1 span {

    display: block;

    font-size: 18px;

    color: #fff;

    line-height: 18px;

    margin-top: 15px;

    position: relative;

    z-index: 9

}



@media (max-width:990px) {

    .sample-pc .pc-list1 .pc-item1 {

        margin-bottom: 10px

    }

}



@media (max-width:768px) {

    .sample-pc .pc-list1 .pc-item1 {

        padding: 20px 0

    }



    .sample-pc .pc-list1 .pc-item1 h3 {

        font-size: 18px;

        line-height: 18px

    }



    .sample-pc .pc-list1 .pc-item1 span {

        font-size: 14px;

        line-height: 14px

    }

}



.sample-pc .pc-list1 .pc-item2 {

    background: #237bc9

}



.sample-pc .pc-list1 .pc-item2:after,

.sample-pc .pc-list1 .pc-item2:before {

    background: #1e6cb0

}



.sample-pc .pc-list1 .pc-item3 {

    background: #5243af

}



.sample-pc .pc-list1 .pc-item3:after,

.sample-pc .pc-list1 .pc-item3:before {

    background: #4a3c9f

}



.sample-pc .pc-list1 .pc-item4 {

    background: #12b1bc

}



.sample-pc .pc-list1 .pc-item4:after,

.sample-pc .pc-list1 .pc-item4:before {

    background: #11a3ad

}



.sample-seo {

    background: #f7f7fb;

    padding: 65px 0;

    margin-top: 80px

}



.sample-seo .sample-seo-title {

    text-align: center

}



.sample-seo .sample-seo-title h3 {

    font-size: 36px;

    color: #333;

    margin: 0;

    line-height: 36px;

    font-weight: 600

}



.sample-seo .sample-seo-title span {

    display: block;

    font-size: 24px;

    color: #524f4f;

    line-height: 24px;

    margin-top: 15px

}



.sample-seo .sample-seo-tu {

    text-align: center;

    margin-top: 80px

}



.sample-seo .sample-seo-tu img {

    max-width: 100%

}



.sample-seo .sample-seo-more {

    max-width: 250px;

    line-height: 54px;

    border-radius: 50px;

    background: url(//static.cn86.cn/img/2020/05/028a2bff95dwcyr2.png) no-repeat 85% #0fa0fd;

    font-size: 22px;

    text-indent: 35px;

    -webkit-box-shadow: 0 0 8px rgba(15, 160, 253, .3);

    box-shadow: 0 0 8px rgba(15, 160, 253, .3);

    margin: 0 auto;

    margin-top: 35px

}



.sample-seo .sample-seo-more a {

    color: #fff

}



@media (max-width:768px) {

    .sample-seo {

        padding: 30px 0;

        margin-top: 40px

    }



    .sample-seo .sample-seo-title h3 {

        font-size: 18px;

        line-height: 18px

    }



    .sample-seo .sample-seo-title span {

        font-size: 14px;

        line-height: 14px

    }



    .sample-seo .sample-seo-tu {

        margin-top: 30px

    }



    .sample-seo .sample-seo-more {

        max-width: 150px;

        margin-top: 20px;

        line-height: 34px;

        font-size: 16px;

        text-indent: 10px;

        background: url(//static.cn86.cn/img/2020/05/028a2bff95dwcyr2.png) no-repeat 92% #0fa0fd

    }

}



.sample-paiming {

    padding-top: 75px;

    padding-bottom: 50px

}



.sample-paiming .sample-paiming-title {

    text-align: center

}



.sample-paiming .sample-paiming-title h3 {

    font-size: 36px;

    line-height: 36px;

    color: #333;

    font-weight: 400;

    margin: 0

}



.sample-paiming .paiming-con {

    margin-top: 70px

}



.sample-paiming .paiming-con .paiming-left {

    float: left;

    width: 42%

}



.sample-paiming .paiming-con .paiming-left img {

    max-width: 100%

}



.sample-paiming .paiming-con .paiming-right {

    float: right;

    width: 55%;

    margin-top: 30px

}



.sample-paiming .paiming-con .paiming-right ul {

    font-size: 0;

    border-top: 1px solid #f4f4f4;

    border-left: 1px solid #f4f4f4

}



.sample-paiming .paiming-con .paiming-right ul li {

    display: inline-block;

    width: 25%;

    border-right: 1px solid #f4f4f4;

    border-bottom: 1px solid #f4f4f4;

    text-align: center;

    padding-top: 22px;

    padding-bottom: 28px

}



.sample-paiming .paiming-con .paiming-right ul li img {

    max-width: 100%;

    position: relative;

    top: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.sample-paiming .paiming-con .paiming-right ul li:hover img {

    top: -10px

}



.sample-paiming .paiming-con .paiming-right ul li h3 {

    font-size: 16px;

    font-weight: 400;

    color: #333;

    line-height: 16px;

    margin: 0;

    margin-top: 15px

}



@media (max-width:768px) {

    .sample-paiming {

        padding-top: 35px;

        padding-bottom: 20px

    }



    .sample-paiming .sample-paiming-title h3 {

        font-size: 18px;

        line-height: 18px;

        font-weight: 600

    }



    .sample-paiming .paiming-con {

        margin-top: 35px

    }



    .sample-paiming .paiming-con .paiming-left,

    .sample-paiming .paiming-con .paiming-right {

        float: none;

        width: 100%

    }



    .sample-paiming .paiming-con .paiming-right ul li h3 {

        font-size: 12px

    }

}



.sample-dingzhi {

    background: url(//static.cn86.cn/img/2020/05/1747baf2b0x3vv5b.jpg) no-repeat 50%;

    padding-top: 80px;

    padding-bottom: 20px;

    background-size: cover

}



.sample-dingzhi .sample-dingzhi-title {

    text-align: center

}



.sample-dingzhi .sample-dingzhi-title h3 {

    font-size: 36px;

    color: #fff;

    font-weight: 600;

    line-height: 36px;

    margin: 0

}



.sample-dingzhi .sample-dingzhi-title span {

    display: block;

    font-size: 24px;

    color: #fff;

    line-height: 24px;

    margin-top: 18px

}



.sample-dingzhi .dingzhi-con {

    margin-top: 50px

}



.sample-dingzhi .dingzhi-con .dingzhi-left {

    float: left;

    width: 43.5%;

    margin-top: 20px

}



.sample-dingzhi .dingzhi-con .dingzhi-left ul {

    background: url(//static.cn86.cn/img/2020/05/b834093c11dhiy9m.png) no-repeat 0 0;

    padding-left: 65px

}



.sample-dingzhi .dingzhi-con .dingzhi-left ul li {

    font-size: 20px;

    color: #fff;

    margin-bottom: 42px

}



.sample-dingzhi .dingzhi-con .dingzhi-left ul li span {

    font-weight: 600

}



.sample-dingzhi .dingzhi-con .dingzhi-left a {

    display: block;

    max-width: 250px;

    line-height: 54px;

    border-radius: 50px;

    background: url(//static.cn86.cn/img/2020/05/028a2bff95dwcyr2.png) no-repeat 85% #0fa0fd;

    font-size: 22px;

    text-indent: 35px;

    color: #fff;

    margin-top: 70px

}



.sample-dingzhi .dingzhi-con .dingzhi-right {

    float: right;

    width: 48%

}



.sample-dingzhi .dingzhi-con .dingzhi-right img {

    max-width: 100%

}



@media (max-width:768px) {

    .sample-dingzhi {

        padding-top: 40px

    }



    .sample-dingzhi .sample-dingzhi-title h3 {

        font-size: 18px;

        line-height: 18px

    }



    .sample-dingzhi .sample-dingzhi-title span {

        font-size: 14px;

        line-height: 14px

    }



    .sample-dingzhi .dingzhi-con {

        margin-top: 10px

    }



    .sample-dingzhi .dingzhi-con .dingzhi-left {

        float: none;

        width: 100%

    }



    .sample-dingzhi .dingzhi-con .dingzhi-left ul {

        padding-left: 30px;

        background-size: contain

    }



    .sample-dingzhi .dingzhi-con .dingzhi-left ul li {

        margin-bottom: 20px;

        font-size: 12px

    }



    .sample-dingzhi .dingzhi-con .dingzhi-left a {

        margin-top: 15px;

        width: 50%;

        line-height: 35px;

        font-size: 15px

    }



    .sample-dingzhi .dingzhi-con .dingzhi-right {

        float: none;

        width: 100%;

        margin-top: 20px

    }

}



.sample-rukou {

    position: relative

}



.sample-rukou img {

    width: 100%

}



.sample-rukou .rukou-title {

    text-align: center;

    width: 100%;

    position: absolute;

    top: 5%

}



.sample-rukou .rukou-title h3 {

    font-size: 36px;

    font-weight: 600;

    line-height: 36px;

    color: #333;

    margin: 0

}



.sample-rukou .rukou-title span {

    display: block;

    font-size: 24px;

    color: #524f4f;

    line-height: 24px;

    margin-top: 20px

}



@media (max-width:768px) {

    .sample-rukou {

        margin-top: 20px

    }



    .sample-rukou .rukou-title {

        position: static

    }



    .sample-rukou .rukou-title h3 {

        font-size: 18px;

        line-height: 18px

    }



    .sample-rukou .rukou-title span {

        font-size: 14px;

        line-height: 14px;

        margin-top: 10px

    }



    .sample-rukou img {

        margin-top: 15px

    }

}



.sample-shuju {

    margin-top: 75px

}



.sample-shuju .shuju-title {

    text-align: center

}



.sample-shuju .shuju-title h3 {

    font-size: 36px;

    color: #333;

    line-height: 36px;

    font-weight: 600;

    margin: 0

}



.sample-shuju .shuju-title span {

    display: block;

    font-size: 24px;

    color: #524f4f;

    line-height: 24px;

    margin-top: 18px

}



.sample-shuju .pc-list2 {

    margin-top: 65px

}



.sample-shuju .pc-list2 .pc-item2 {

    text-align: center;

    padding-top: 30px;

    padding-bottom: 40px;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);

    box-shadow: 0 0 20px rgba(0, 0, 0, .05);

    border-radius: 10px;

    position: relative;

    top: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.sample-shuju .pc-list2 .pc-item2:hover {

    top: -10px

}



.sample-shuju .pc-list2 .pc-item2 .imgs {

    line-height: 90px

}



.sample-shuju .pc-list2 .pc-item2 .imgs img {

    max-width: 100%

}



.sample-shuju .pc-list2 .pc-item2 h3 {

    font-size: 24px;

    font-weight: 400;

    color: #333;

    line-height: 24px;

    margin: 0;

    margin-top: 20px

}



.sample-shuju .pc-list2 .pc-item2 span {

    display: block;

    font-size: 16px;

    color: #666;

    line-height: 16px;

    margin-top: 16px

}



@media (max-width:768px) {

    .sample-shuju {

        margin-top: 30px

    }



    .sample-shuju .shuju-title h3 {

        font-size: 18px;

        line-height: 18px

    }



    .sample-shuju .shuju-title span {

        font-size: 14px;

        line-height: 14px;

        margin-top: 10px

    }



    .sample-shuju .pc-list2 {

        margin-top: 30px

    }



    .sample-shuju .pc-list2 .pc-item2 {

        padding-top: 15px;

        padding-bottom: 20px;

        margin-bottom: 10px

    }



    .sample-shuju .pc-list2 .pc-item2 .imgs {

        line-height: 60px

    }



    .sample-shuju .pc-list2 .pc-item2 .imgs img {

        width: 35%

    }



    .sample-shuju .pc-list2 .pc-item2 h3 {

        font-size: 18px;

        font-weight: 600;

        margin-top: 10px

    }



    .sample-shuju .pc-list2 .pc-item2 span {

        font-size: 12px;

        margin-top: 10px

    }

}



.sample-message {

    background: url(//static.cn86.cn/img/2020/05/ba1b207654ecfdo3.png) no-repeat 50%;

    background-size: cover;

    padding-top: 55px;

    padding-bottom: 60px;

    margin-top: 90px

}



.sample-message .message-title {

    text-align: center

}



.sample-message .message-title h3 {

    font-size: 36px;

    color: #fff;

    margin: 0;

    line-height: 36px;

    font-weight: 400

}



.sample-message .message-title span {

    display: block;

    font-size: 24px;

    color: #e3e3e3;

    line-height: 24px;

    margin-top: 15px

}



.sample-message .message-con {

    margin-top: 45px

}



.sample-message .message-con .form-group {

    float: left;

    width: 23%;

    margin-right: 2.5%;

    position: relative

}



.sample-message .message-con .form-group input {

    background: #fff;

    outline: none;

    border: none;

    width: 100%;

    line-height: 64px;

    text-indent: 20px;

    font-size: 16px;

    height: 64px

}



.sample-message .message-con .code-wrap {

    background: #fff;

    margin-right: 0

}



.sample-message .message-con .code-wrap input {

    width: calc(100% - 150px)

}



.sample-message .message-con .code-wrap #captcha {

    position: absolute;

    z-index: 9;

    right: 15px;

    top: calc(50% - 17px)

}



.sample-message .message-con .submit {

    line-height: 60px;

    background: #0d9ffd;

    max-width: 328px;

    margin: 0 auto;

    margin-top: 40px

}



.sample-message .message-con .submit button {

    width: 100%;

    background: none;

    border: none;

    outline: none;

    font-size: 18px;

    color: #fff

}



@media (max-width:768px) {

    .sample-message {

        margin-top: 30px;

        padding-top: 30px;

        padding-bottom: 30px

    }



    .sample-message .message-title h3 {

        font-size: 18px;

        line-height: 18px;

        font-weight: 600

    }



    .sample-message .message-title span {

        font-size: 14px;

        line-height: 14px

    }



    .sample-message .message-con {

        margin-top: 25px

    }



    .sample-message .message-con .form-group {

        float: none;

        width: 100%

    }



    .sample-message .message-con .form-group input {

        line-height: 40px

    }



    .sample-message .message-con .submit {

        margin-top: 20px;

        line-height: 40px

    }

}



.sample-tedian {

    margin-top: 60px

}



.sample-tedian .tedian-title {

    text-align: center;

    margin-bottom: 50px

}



.sample-tedian .tedian-title h3 {

    font-size: 36px;

    font-weight: 400;

    line-height: 36px;

    color: #333;

    margin: 0

}



.sample-tedian .tedian-title span {

    display: block;

    font-size: 22px;

    color: #999;

    line-height: 22px;

    margin-top: 15px

}



.sample-tedian .tedian-con {

    margin-top: 20px

}



.sample-tedian .tedian-con .tedian-item {

    border: 1px solid #f7f7f7;

    padding: 30px 40px;

    text-align: center;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.sample-tedian .tedian-con .tedian-item .imgs {

    position: relative;

    width: 76px;

    height: 76px;

    text-align: center;

    line-height: 76px;

    border-radius: 50%;

    background: #f7f7f7;

    margin: 0 auto;

    -webkit-transition: all 1.5s ease;

    transition: all 1.5s ease

}



.sample-tedian .tedian-con .tedian-item .imgs div {

    position: absolute;

    left: 0;

    top: 0;

    width: 76px;

    height: 76px;

    text-align: center

}



.sample-tedian .tedian-con .tedian-item .imgs .img1 {

    opacity: 1

}



.sample-tedian .tedian-con .tedian-item .imgs .img2 {

    opacity: 0

}



.sample-tedian .tedian-con .tedian-item h3 {

    font-size: 22px;

    color: #333;

    line-height: 22px;

    margin: 0;

    margin-top: 25px

}



.sample-tedian .tedian-con .tedian-item span {

    display: block;

    font-size: 16px;

    color: #999;

    line-height: 18px;

    margin-top: 18px;

    height: 36px

}



.sample-tedian .tedian-con .tedian-item:hover {

    -webkit-box-shadow: 0 0 15px rgba(13, 159, 253, .2);

    box-shadow: 0 0 15px rgba(13, 159, 253, .2)

}



.sample-tedian .tedian-con .tedian-item:hover .imgs {

    background: #0d9ffd

}



.sample-tedian .tedian-con .tedian-item:hover .imgs .img1 {

    opacity: 0

}



.sample-tedian .tedian-con .tedian-item:hover .imgs .img2 {

    opacity: 1

}



@media (max-width:1024px) {

    .sample-tedian .tedian-con .tedian-item span {

        font-size: 14px

    }

}



@media (max-width:768px) {

    .sample-tedian .tedian-con .tedian-item {

        margin-bottom: 15px

    }

}



@media (max-width:520px) {

    .sample-tedian {

        margin-top: 30px

    }



    .sample-tedian .tedian-title {

        margin-bottom: 30px

    }



    .sample-tedian .tedian-title h3 {

        font-size: 18px;

        font-weight: 600;

        line-height: 18px

    }



    .sample-tedian .tedian-title span {

        font-size: 14px;

        line-height: 14px

    }



    .sample-tedian .tedian-con {

        margin-top: 0

    }



    .sample-tedian .tedian-con .tedian-item {

        padding: 15px

    }



    .sample-tedian .tedian-con .tedian-item h3 {

        font-size: 14px;

        line-height: 14px;

        margin-top: 15px

    }



    .sample-tedian .tedian-con .tedian-item span {

        margin-top: 5px;

        font-size: 12px

    }

}



.sample-pingtai {

    background: url(//static.cn86.cn/img/2020/05/3b1e8da0a7pda7dc.jpg) no-repeat 50%;

    background-size: cover;

    padding-top: 60px;

    padding-bottom: 80px;

    margin-top: 75px

}



.sample-pingtai .pingtai-title {

    text-align: center

}



.sample-pingtai .pingtai-title h3 {

    font-size: 36px;

    font-weight: 400;

    line-height: 36px;

    color: #333;

    margin: 0

}



.sample-pingtai .pingtai-title span {

    display: block;

    font-size: 22px;

    color: #999;

    line-height: 22px;

    margin-top: 15px

}



.sample-pingtai .pintai-list {

    margin-top: 33px

}



.sample-pingtai .pintai-list li {

    float: left;

    width: 18%;

    margin-right: 2.5%;

    margin-top: 27px

}



.sample-pingtai .pintai-list li:nth-child(5n) {

    margin-right: 0

}



.sample-pingtai .pintai-list li img {

    width: 100%

}



.sample-pingtai .pintai-list1 {

    margin-top: 20px

}



.sample-pingtai .pintai-list1 li {

    float: left;

    width: 48%;

    margin-bottom: 10px

}



.sample-pingtai .pintai-list1 li img {

    width: 100%

}



.sample-pingtai .pintai-list1 li:nth-child(2n) {

    float: right

}



@media (max-width:520px) {

    .sample-pingtai {

        margin-top: 30px;

        padding-top: 30px;

        padding-bottom: 40px

    }



    .sample-pingtai .pingtai-title h3 {

        font-size: 18px;

        line-height: 18px;

        font-weight: 600

    }



    .sample-pingtai .pingtai-title span {

        font-size: 14px;

        line-height: 14px

    }



    .sample-pingtai .pintai-list {

        margin-top: 15px

    }



    .sample-pingtai .pintai-list li {

        width: 100%;

        float: none;

        margin-right: 0;

        margin-top: 10px

    }

}



.jst-case {

    margin-top: 55px

}



.jst-case .jst-case-title {

    text-align: center

}



.jst-case .jst-case-title h3 {

    font-size: 36px;

    color: #333;

    font-weight: 400;

    line-height: 36px;

    margin: 0

}



.jst-case .jst-case-title .jst-case-cate {

    text-align: center;

    font-size: 0;

    margin-top: 20px

}



.jst-case .jst-case-title .jst-case-cate li {

    display: inline-block;

    font-size: 22px;

    line-height: 22px;

    padding: 0 20px;

    border-right: 1px solid #999;

    color: #999

}



.jst-case .jst-case-title .jst-case-cate li:nth-child(2) {

    border: none

}



.jst-case .jst-case-title .jst-case-cate li.cur {

    color: #0d9ffd

}



.jst-case .jst-case-con {

    margin-top: 40px

}



.jst-case .jst-case-con .jst-case-list li {

    float: left;

    width: 32%;

    text-align: center;

    margin-right: 2%

}



.jst-case .jst-case-con .jst-case-list li:nth-child(3n) {

    margin-right: 0

}



.jst-case .jst-case-con .jst-case-list li .images {

    border: 1px solid #eee

}



.jst-case .jst-case-con .jst-case-list li .images img {

    width: 100%

}



.jst-case .jst-case-con .jst-case-list li h3 {

    font-size: 22px;

    color: #333;

    font-weight: 400;

    line-height: 22px;

    margin: 0;

    margin-top: 30px

}



@media (max-width:768px) {

    .jst-case .jst-case-con .jst-case-list li h3 {

        font-size: 16px;

        line-height: 16px

    }

}



.jst-case .jst-case-con .jst-case-list li span {

    display: block;

    font-size: 14px;

    font-family: Arial;

    margin-top: 20px;

    line-height: 16px;

    overflow: hidden

}



.jst-case .jst-case-con .jst-case-list li span a {

    color: #0d9ffd

}



.jst-case .jst-case-con .jst-case-list li h2 {

    margin: 0;

    font-size: 14px;

    color: #666;

    font-weight: 400;

    line-height: 14px;

    margin-top: 10px

}



.jst-case .jst-case-con .jst-case-list li a.case-more {

    display: block;

    max-width: 140px;

    line-height: 36px;

    background: url(//static.cn86.cn/img/2020/05/ed60c17eb7x0tmxw.png) no-repeat 15% #0d9ffd;

    margin: 0 auto;

    margin-top: 15px;

    font-size: 14px;

    color: #fff;

    text-indent: 10%

}



@media (max-width:520px) {

    .jst-case {

        margin-top: 25px

    }



    .jst-case .jst-case-title h3 {

        font-size: 18px;

        line-height: 18px;

        font-weight: 600

    }



    .jst-case .jst-case-title .jst-case-cate {

        margin-top: 15px

    }



    .jst-case .jst-case-title .jst-case-cate li {

        font-size: 14px;

        line-height: 14px

    }



    .jst-case .jst-case-con {

        margin-top: 20px

    }



    .jst-case .jst-case-con .jst-case-list li {

        float: none;

        width: 100%;

        margin-top: 15px

    }



    .jst-case .jst-case-con .jst-case-list li h3,

    .jst-case .jst-case-con .jst-case-list li span {

        margin-top: 10px

    }

}



.sample-yemian {

    background: #f8f8f8;

    padding-top: 60px;

    padding-bottom: 35px;

    margin-top: 70px

}



.sample-yemian .yemian-title {

    text-align: center

}



.sample-yemian .yemian-title h3 {

    font-size: 36px;

    color: #333;

    line-height: 36px;

    font-weight: 400;

    margin: 0

}



.sample-yemian .yemian-list li {

    float: left;

    width: 32%;

    margin-right: 2%;

    position: relative;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    top: 0;

    margin-top: 30px

}



.sample-yemian .yemian-list li .images img {

    width: 100%

}



.sample-yemian .yemian-list li:nth-child(3n) {

    margin-right: 0

}



.sample-yemian .yemian-list li h3 {

    text-align: center;

    line-height: 70px;

    font-size: 18px;

    font-weight: 400;

    margin: 0

}



.sample-yemian .yemian-list li h3 a {

    color: #333

}



@media (max-width:768px) {

    .sample-yemian .yemian-list li h3 {

        font-size: 12px;

        line-height: 30px;

        height: 52px

    }

}



.sample-yemian .yemian-list li:hover {

    top: -10px

}



.sample-yemian .yemian-list li:hover h3 {

    background: #fff;

    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);

    box-shadow: 0 0 8px rgba(0, 0, 0, .1)

}



@media (max-width:520px) {

    .sample-yemian {

        margin-top: 30px;

        padding-top: 25px

    }



    .sample-yemian .yemian-title h3 {

        font-size: 18px;

        line-height: 18px;

        font-weight: 600

    }



    .sample-yemian .yemian-list li {

        width: 48%;

        margin-right: 0

    }



    .sample-yemian .yemian-list li h3 {

        line-height: 16px;

        padding: 10px 0

    }



    .sample-yemian .yemian-list li:nth-child(2n) {

        float: right

    }

}



.sample-gjc {

    padding-top: 60px;

    padding-bottom: 90px

}



.sample-gjc .gjc-title {

    text-align: center

}



.sample-gjc .gjc-title h3 {

    font-size: 36px;

    line-height: 36px;

    color: #333;

    margin: 0;

    font-weight: 400

}



.sample-gjc .gjc-title span {

    display: block;

    font-size: 22px;

    color: #999;

    line-height: 22px;

    margin-top: 20px

}



@media (max-width:520px) {

    .sample-gjc {

        padding-top: 30px;

        padding-bottom: 40px

    }



    .sample-gjc .gjc-title h3 {

        font-size: 18px;

        line-height: 18px;

        font-weight: 600

    }



    .sample-gjc .gjc-title span {

        font-size: 14px;

        line-height: 14px;

        margin-top: 10px

    }

}



#certify {

    position: relative;

    width: 100%;

    margin: 0 auto;

    margin-top: 40px

}



#certify .swiper-container {

    padding-top: 10px;

    padding-bottom: 10px

}



#certify .swiper-slide {

    width: 62%

}



@media (max-width:768px) {

    #certify .swiper-slide {

        width: 100%

    }

}



#certify .swiper-slide img {

    display: block;

    width: 100%

}



#certify .swiper-slide h3 {

    display: none

}



#certify .swiper-slide.swiper-slide-active {

    -webkit-box-shadow: 0 0 15px rgba(13, 159, 253, .2);

    box-shadow: 0 0 15px rgba(13, 159, 253, .2)

}



#certify .swiper-slide.swiper-slide-active h3 {

    display: block;

    font-size: 16px;

    color: #000;

    text-align: center;

    line-height: 40px;

    font-weight: 400

}



#certify .swiper-slide .shadow {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: rgba(13, 159, 253, .2)

}



#certify .swiper-slide.swiper-slide-active .shadow {

    display: none

}



#certify .swiper-slide p {

    line-height: 98px;

    padding-top: 0;

    text-align: center;

    color: #636363;

    font-size: 1.1em;

    margin: 0;

    display: none

}



#certify .swiper-slide.swiper-slide-active p {

    display: block;

    width: 100%;

    position: absolute;

    bottom: 45px

}



@media (max-width:520px) {

    #certify .swiper-slide.swiper-slide-active p {

        bottom: 5px

    }

}



#certify .swiper-slide.swiper-slide-active p a {

    display: block;

    max-width: 144px;

    line-height: 34px;

    background: #0d9ffd;

    text-align: center;

    border-radius: 5px;

    font-size: 14px;

    color: #fff;

    margin: 0 auto

}



#certify .swiper-pagination {

    width: 100%;

    bottom: 20px

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px;

    border: 3px solid #fff;

    background-color: #d5d5d5;

    width: 10px;

    height: 10px;

    opacity: 1

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {

    border: 3px solid #00aadc;

    background-color: #fff

}



#certify .swiper-button-prev {

    left: 0;

    width: 45px;

    height: 45px;

    background: url(//static.cn86.cn/img/2020/05/182069f685wxkacs.png) no-repeat;

    background-size: 100%;

    top: 50%;

    outline: none

}



#certify .swiper-button-next {

    right: 0;

    width: 45px;

    height: 45px;

    background: url(//static.cn86.cn/img/2020/05/9dd7cdc66bghp9bz.png) no-repeat;

    background-size: 100%;

    top: 50%;

    outline: none

}



.sample-message1 {

    margin-top: 0

}



body,

html {

    scroll-behavior: smooth

}



.contents {

    max-width: 1380px;

    margin: 0 auto

}



@media (max-width:768px) {

    .contents {

        padding: 0 15px

    }

}



.ksp-head {

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 999

}



.ksp-head .ksp-logo {

    float: left;

    line-height: 84px

}



.ksp-head .ksp-logo img {

    max-width: 100%

}



.ksp-head .ksp-contact {

    float: right;

    line-height: 84px;

    font-size: 20px;

    color: #fff;

    background: url(../images/ksps.png) no-repeat 0;

    padding-left: 35px

}



.ksp-head .ksp-list {

    float: right

}



.ksp-head .ksp-list a {

    display: block;

    float: left;

    line-height: 84px;

    margin-right: 40px;

    font-size: 15px;

    color: #fff;

    cursor: pointer

}



@media (max-width:1024px) {

    .ksp-head .ksp-list a {

        margin-right: 20px

    }

}



@media (max-width:768px) {

    .ksp-head {

        position: static;

        background: #000

    }



    .ksp-head .ksp-logo {

        line-height: 50px

    }



    .ksp-head .ksp-logo img {

        width: 60%

    }



    .ksp-head .ksp-contact {

        line-height: 50px;

        padding-left: 15px;

        font-size: 15px

    }



    .ksp-head .ksp-list {

        display: none

    }

}



.page-banners {

    height: auto

}



.page-banners .banner-wzs {

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, .2);

    min-height: 120px;

    z-index: 999

}



.page-banners .banner-wzs li {

    float: left;

    width: 16.6666%;

    border-right: 1px solid #272d39

}



.page-banners .banner-wzs li:first-child {

    border-left: 1px solid #272d39

}



.page-banners .banner-wzs li .imgs {

    float: left;

    width: 52px;

    height: 52px;

    background: #fff;

    border-radius: 50%;

    margin-top: 36px;

    margin-left: 50px;

    text-align: center;

    line-height: 52px;

    -webkit-transition: all 1s ease;

    transition: all 1s ease

}



.page-banners .banner-wzs li .imgs img {

    max-width: 100%;

    -webkit-transition: all .8s ease;

    transition: all .8s ease

}



.page-banners .banner-wzs li h3 {

    float: left;

    font-size: 22px;

    color: #fefefe;

    font-weight: 400;

    line-height: 120px;

    margin: 0;

    margin-left: 12px

}



.page-banners .banner-wzs li.active .imgs {

    background: #009cff

}



.page-banners .banner-wzs li.active .imgs img {

    -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(21deg) brightness(107%) contrast(102%);

    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(21deg) brightness(107%) contrast(102%)

}



.page-banners .banner-wzs li:nth-child(2).active .imgs {

    background: #bb3d20

}



.page-banners .banner-wzs li:nth-child(3).active .imgs {

    background: #866da4

}



.page-banners .banner-wzs li:nth-child(4).active .imgs {

    background: #1b8886

}



.page-banners .banner-wzs li:nth-child(5).active .imgs {

    background: #feb300

}



.page-banners .banner-wzs li:nth-child(6).active .imgs {

    background: #4b78b2

}



@media (max-width:1024px) {

    .page-banners .banner-wzs li .imgs {

        margin-left: 20px

    }

}



@media (max-width:990px) {

    .page-banners {

        height: 400px

    }

}



@media (max-width:520px) {

    .page-banners {

        height: 157px

    }

}



.title {

    text-align: center

}



.title h3 {

    font-size: 36px;

    color: #030303;

    line-height: 36px;

    font-weight: 400;

    margin: 0

}



.title span {

    display: block;

    font-size: 24px;

    color: #858585;

    line-height: 24px;

    margin-top: 20px

}



@media (max-width:520px) {

    .title h3 {

        font-size: 20px;

        line-height: 26px

    }



    .title span {

        font-size: 16px

    }

}



.one-ksp {

    margin-top: 60px;

    padding-bottom: 70px

}



.one-ksp .ksp-con {

    margin-top: 58px

}



.one-ksp .ksp-con li {

    float: left;

    width: 22.5%;

    margin-right: 3.333%;

    border: 1px solid #f4f1f2;

    padding: 40px 48px 10px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.one-ksp .ksp-con li .img {

    width: 74px;

    height: 74px;

    border-radius: 50%;

    margin: 0 auto;

    background: url(//static.cn86.cn/img/2020/05/44fd3cd9b48gio5n.png) no-repeat 50% #f9f9f9;

    -webkit-transition: all .8s ease;

    transition: all .8s ease

}



.one-ksp .ksp-con li h3 {

    text-align: center;

    font-size: 24px;

    color: #333;

    font-weight: 400;

    line-height: 24px;

    margin-top: 20px

}



.one-ksp .ksp-con li span {

    display: block;

    font-size: 16px;

    color: #858585;

    line-height: 22px;

    margin-top: 24px;

    text-align: center;

    height: 110px

}



.one-ksp .ksp-con li:hover {

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    box-shadow: 0 0 10px rgba(0, 0, 0, .1)

}



.one-ksp .ksp-con li:hover .img {

    background: url(//static.cn86.cn/img/2020/05/5289005781mxa3np.png) no-repeat 50% #4cbaff

}



.one-ksp .ksp-con li:nth-child(2) .img {

    background: url(//static.cn86.cn/img/2020/05/1e51b6c903glxc2r.png) no-repeat 50% #f9f9f9

}



.one-ksp .ksp-con li:nth-child(2):hover .img {

    background: url(//static.cn86.cn/img/2020/05/1da48a8fd5gfy5wh.png) no-repeat 50% #4cbaff

}



.one-ksp .ksp-con li:nth-child(3) .img {

    background: url(//static.cn86.cn/img/2020/05/6143cf3a5ayc0dnc.png) no-repeat 50% #f9f9f9

}



.one-ksp .ksp-con li:nth-child(3):hover .img {

    background: url(//static.cn86.cn/img/2020/05/2719051b2anjedqe.png) no-repeat 50% #4cbaff

}



.one-ksp .ksp-con li:nth-child(4) {

    margin-right: 0

}



.one-ksp .ksp-con li:nth-child(4) .img {

    background: url(//static.cn86.cn/img/2020/05/d0ba9a1b8f3c2all.png) no-repeat 50% #f9f9f9

}



.one-ksp .ksp-con li:nth-child(4):hover .img {

    background: url(//static.cn86.cn/img/2020/05/bff8694ab9lwspmm.png) no-repeat 50% #4cbaff

}



@media (max-width:1280px) {

    .one-ksp .ksp-con li {

        padding: 20px

    }



    .one-ksp .ksp-con li h3 {

        font-size: 22px

    }

}



@media (max-width:1024px) {

    .one-ksp .ksp-con li {

        padding: 20px

    }



    .one-ksp .ksp-con li span {

        font-size: 13px

    }

}



@media (max-width:768px) {

    .one-ksp .ksp-con li {

        width: 48%;

        margin-right: 0;

        margin-bottom: 15px

    }



    .one-ksp .ksp-con li:nth-child(2n) {

        float: right

    }

}



@media (max-width:520px) {

    .one-ksp {

        margin-top: 30px;

        padding-bottom: 30px

    }



    .one-ksp .ksp-con {

        margin-top: 15px

    }



    .one-ksp .ksp-con li {

        padding: 5px

    }



    .one-ksp .ksp-con li h3 {

        font-size: 15px;

        margin-top: 10px;

        margin-bottom: 0

    }



    .one-ksp .ksp-con li span {

        font-size: 12px;

        height: 135px;

        margin-top: 10px

    }

}



.two-ksp {

    background: #f7f7fb;

    padding-top: 65px;

    padding-bottom: 24px

}



.two-ksp .ksp-con {

    margin-top: 70px

}



.two-ksp .ksp-con li {

    float: left;

    width: 31%;

    margin-right: 3.5%;

    border: 1px solid #38a519;

    margin-bottom: 50px;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

    padding: 35px 35px 30px 30px

}



.two-ksp .ksp-con li h3 {

    margin: 0;

    font-size: 24px;

    color: #030303;

    font-weight: 400;

    line-height: 24px

}



.two-ksp .ksp-con li i {

    display: block;

    width: 34%;

    height: 6px;

    background: #38a519;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

    margin-top: 18px

}



.two-ksp .ksp-con li span {

    display: block;

    margin-top: 25px;

    font-size: 16px;

    color: #858585;

    line-height: 26px;

    height: 78px

}



.two-ksp .ksp-con li:hover {

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    box-shadow: 0 0 10px rgba(0, 0, 0, .2)

}



.two-ksp .ksp-con li:hover i {

    width: 69%

}



.two-ksp .ksp-con li:nth-child(2) {

    border-color: #feb300

}



.two-ksp .ksp-con li:nth-child(2) i {

    background: #feb300

}



.two-ksp .ksp-con li:nth-child(3) {

    border-color: #bb3d20

}



.two-ksp .ksp-con li:nth-child(3) i {

    background: #bb3d20

}



.two-ksp .ksp-con li:nth-child(4) {

    border-color: #4b78b2

}



.two-ksp .ksp-con li:nth-child(4) i {

    background: #4b78b2

}



.two-ksp .ksp-con li:nth-child(5) {

    border-color: #1b8886

}



.two-ksp .ksp-con li:nth-child(5) i {

    background: #1b8886

}



.two-ksp .ksp-con li:nth-child(6) {

    border-color: #866da4

}



.two-ksp .ksp-con li:nth-child(6) i {

    background: #866da4

}



.two-ksp .ksp-con li:nth-child(3n) {

    margin-right: 0

}



@media (max-width:768px) {

    .two-ksp {

        padding-top: 30px

    }



    .two-ksp .ksp-con {

        margin-top: 20px

    }



    .two-ksp .ksp-con li {

        float: left;

        width: 100%;

        margin-right: 0;

        margin-bottom: 20px

    }

}



.ksp-seo {

    margin-top: 60px

}



.ksp-seo .ksp-con {

    margin-top: 75px

}



.ksp-seo .ksp-con li {

    float: left;

    width: 20%;

    text-align: center;

    position: relative

}



.ksp-seo .ksp-con li:after {

    content: "";

    display: block;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #fec096;

    position: absolute;

    right: 0;

    top: 20%

}



.ksp-seo .ksp-con li:last-child:after {

    display: none

}



.ksp-seo .ksp-con li .imgs {

    line-height: 131px

}



.ksp-seo .ksp-con li .imgs img {

    max-width: 100%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.ksp-seo .ksp-con li:hover .imgs img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2)

}



.ksp-seo .ksp-con li:hover .wz h3 {

    color: #4cbaff

}



.ksp-seo .ksp-con li .wz {

    margin-top: 65px

}



.ksp-seo .ksp-con li .wz h3 {

    font-size: 24px;

    font-weight: 400;

    color: #030303;

    line-height: 24px;

    margin: 0

}



.ksp-seo .ksp-con li .wz span {

    display: block;

    font-size: 16px;

    color: #858585;

    line-height: 22px;

    padding: 0 9%;

    margin-top: 18px

}



.ksp-seo .ksp-con li:nth-child(2n) .wz {

    margin-top: 40px

}



@media (max-width:768px) {

    .ksp-seo {

        margin-top: 30px

    }



    .ksp-seo .ksp-con {

        margin-top: 25px

    }



    .ksp-seo .ksp-con li {

        float: none;

        width: 100%;

        margin-bottom: 15px

    }



    .ksp-seo .ksp-con li:after {

        display: none

    }



    .ksp-seo .ksp-con li .wz {

        margin-top: 20px

    }



    .ksp-seo .ksp-con li .wz h3 {

        font-size: 18px

    }



    .ksp-seo .ksp-con li .wz span {

        margin-top: 5px;

        font-size: 15px;

        padding: 0 5%

    }



    .ksp-seo .ksp-con li:nth-child(2n) .wz {

        margin-top: 20px

    }

}



.three-ksp {

    background: url(//static.cn86.cn/img/2020/05/17b5b0e9410xuy3z.jpg);

    padding-top: 85px;

    padding-bottom: 70px;

    margin-top: 70px

}



.three-ksp .title h3 {

    color: #fff

}



.three-ksp .ksp-number {

    margin-top: 65px

}



.three-ksp .ksp-number li {

    float: left;

    width: 25%;

    text-align: center;

    font-size: 0

}



.three-ksp .ksp-number li p {

    display: inline-block

}



.three-ksp .ksp-number li p.nums {

    font-size: 53px;

    color: #fefcfc;

    line-height: 53px;

    font-weight: 600;

    font-family: Arial

}



.three-ksp .ksp-number li p.wzs {

    font-size: 34px;

    color: #fefcfc;

    padding: 0 5px

}



.three-ksp .ksp-number li span {

    font-size: 53px;

    color: #fefcfc;

    line-height: 53px;

    font-weight: 600;

    font-family: Arial

}



.three-ksp .ksp-tu {

    margin-top: 55px

}



.three-ksp .ksp-tu li {

    float: left;

    width: 20%;

    text-align: center

}



.three-ksp .ksp-tu li .imgs1 img {

    max-width: 100%

}



.three-ksp .ksp-tu li h3 {

    font-size: 24px;

    color: #fff;

    font-weight: 400;

    line-height: 24px;

    margin-top: 28px

}



@media (max-width:1024px) {



    .three-ksp .ksp-number li p.nums,

    .three-ksp .ksp-number li span {

        font-size: 34px

    }



    .three-ksp .ksp-number li p.wzs {

        font-size: 26px

    }

}



@media (max-width:768px) {

    .three-ksp {

        padding-top: 30px;

        padding-bottom: 30px

    }



    .three-ksp,

    .three-ksp .ksp-number {

        margin-top: 30px

    }



    .three-ksp .ksp-number li {

        float: left;

        width: 50%

    }



    .three-ksp .ksp-number li p.nums,

    .three-ksp .ksp-number li span {

        font-size: 22px;

        line-height: 22px

    }



    .three-ksp .ksp-number li p.wzs {

        font-size: 18px

    }



    .three-ksp .ksp-tu {

        margin-top: 25px

    }



    .three-ksp .ksp-tu li h3 {

        font-size: 14px;

        line-height: 14px;

        margin-top: 10px;

        margin-bottom: 0

    }

}



.four-ksp {

    background: url(//static.cn86.cn/img/2020/05/aa6bc3a9e50lpd4n.jpg);

    padding-top: 75px;

    padding-bottom: 60px

}



.four-ksp .ksp-con li {

    float: left;

    width: 32%;

    margin-right: 2%;

    text-align: center;

    margin-top: 65px;

    border: 1px solid #fff;

    padding: 30px 0

}



.four-ksp .ksp-con li h3 {

    margin: 0;

    font-size: 24px;

    color: #050505;

    line-height: 24px;

    font-weight: 400;

    margin-top: 10px

}



.four-ksp .ksp-con li span {

    display: block;

    font-size: 16px;

    color: #727272;

    line-height: 22px;

    text-align: center;

    margin-top: 15px;

    height: 66px

}



.four-ksp .ksp-con li .imgs {

    position: relative;

    top: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    line-height: 110px

}



.four-ksp .ksp-con li .imgs img {

    max-width: 100%;

    height: 110px

}



.four-ksp .ksp-con li:nth-child(3n) {

    margin-right: 0

}



.four-ksp .ksp-con li:hover .imgs {

    top: -10px

}



.four-ksp .ksp-con li:hover h3 {

    color: #4cbaff

}



@media (max-width:768px) {

    .four-ksp {

        padding-top: 30px;

        padding-bottom: 30px

    }



    .four-ksp .ksp-con li {

        margin-top: 10px;

        width: 49%;

        margin-right: 0

    }



    .four-ksp .ksp-con li:nth-child(2n) {

        float: right

    }



    .four-ksp .ksp-con li .imgs img {

        height: 111px

    }



    .four-ksp .ksp-con li h3 {

        font-size: 18px

    }



    .four-ksp .ksp-con li span {

        font-size: 12px;

        margin-top: 5px;

        line-height: 16px

    }

}



.five-ksp {

    margin-top: 85px

}



.five-ksp #news_rec {

    padding: 0 6.2%;

    margin: 0 auto;

    margin-top: 60px;

    position: relative

}



.five-ksp #news_rec img {

    width: 100%

}



.five-ksp #news_rec .swiper-button-next {

    width: 41px;

    height: 41px;

    background: url(../images/ris.png) no-repeat 50%;

    position: absolute;

    right: 0;

    top: 45%

}



.five-ksp #news_rec .swiper-button-prev {

    width: 41px;

    height: 41px;

    background: url(../images/les.png) no-repeat 50%;

    top: 45%;

    left: 0

}



@media (max-width:768px) {

    .five-ksp {

        margin-top: 30px

    }



    .five-ksp #news_rec {

        margin-top: 20px

    }

}



.case-ksp {

    background: #f7f7fb;

    padding-top: 65px;

    padding-bottom: 85px;

    margin-top: 85px

}



.case-ksp .ksp-con {

    margin-top: 20px

}



.case-ksp .ksp-con li {

    float: left;

    width: 32%;

    margin-right: 2%;

    position: relative;

    margin-top: 30px;

    overflow: hidden

}



.case-ksp .ksp-con li:nth-child(3n) {

    margin-right: 0

}



.case-ksp .ksp-con li .imgs img {

    width: 100%

}



.case-ksp .ksp-con li .shadows {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .7);

    padding: 32px;

    opacity: 0;

    top: 100%;

    left: 0;

    -webkit-transition: all 1s ease;

    transition: all 1s ease

}



.case-ksp .ksp-con li .shadows a {

    display: block;

    border: 1px solid #fff;

    text-align: center;

    padding-bottom: 30px

}



.case-ksp .ksp-con li .shadows a h3 {

    font-size: 22px;

    font-weight: 400;

    margin: 0;

    color: #fff;

    margin-top: 74px

}



.case-ksp .ksp-con li .shadows a img {

    max-width: 100%;

    margin-top: 26px

}



.case-ksp .ksp-con li:hover .shadows {

    opacity: 1;

    top: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



@media (max-width:1024px) {

    .case-ksp .ksp-con li .shadows {

        padding: 25px

    }



    .case-ksp .ksp-con li .shadows a h3 {

        margin-top: 2%;

        font-size: 18px

    }

}



@media (max-width:768px) {

    .case-ksp {

        margin-top: 40px;

        padding-top: 30px;

        padding-bottom: 30px

    }



    .case-ksp .ksp-con {

        margin-top: 15px

    }



    .case-ksp .ksp-con li {

        width: 48%;

        margin-right: 0;

        margin-top: 5px

    }



    .case-ksp .ksp-con li:nth-child(2n) {

        float: right

    }



    .case-ksp .ksp-con li .shadows {

        padding: 0;

        position: static;

        background: none;

        opacity: 1

    }



    .case-ksp .ksp-con li .shadows a {

        padding-bottom: 0;

        border: none

    }



    .case-ksp .ksp-con li .shadows a h3 {

        margin-top: 2%;

        font-size: 12px;

        color: #000;

        line-height: 20px

    }



    .case-ksp .ksp-con li .shadows a img {

        margin-top: 5px;

        display: none

    }

}



.contact-ksp {

    background: #242424;

    padding-top: 32px;

    padding-bottom: 25px

}



.contact-ksp .contact-left {

    float: left

}



.contact-ksp .contact-left .ksp-list1 a {

    font-size: 15px;

    color: #dadada;

    margin-right: 45px

}



.contact-ksp .contact-left .contact-jishu {

    font-size: 13px;

    color: #949698;

    margin-top: 30px

}



.contact-ksp .contact-right {

    float: right;

    border-left: 1px solid #e0e6f2;

    padding-left: 65px

}



.contact-ksp .contact-right li:first-child {

    font-size: 20px;

    color: #fff;

    background: url(../images/phones.png) no-repeat 0;

    padding-left: 35px;

    line-height: 25px

}



.contact-ksp .contact-right li:nth-child(2) {

    font-size: 13px;

    color: #949698;

    background: url(../images/dizhis.png) no-repeat 0;

    padding-left: 35px;

    line-height: 25px;

    margin-top: 15px

}



.contact-ksp .contact-right li:nth-child(3) {

    font-size: 13px;

    color: #949698;

    background: url(../images/dizhis2.png) no-repeat 0;

    padding-left: 35px;

    line-height: 25px;

    margin-top: 15px

}



@media (max-width:1024px) {

    .contact-ksp .contact-left .ksp-list1 a {

        margin-right: 30px

    }



    .contact-ksp .contact-right {

        padding-left: 40px

    }

}



@media (max-width:768px) {

    .contact-ksp .contact-left {

        float: none

    }



    .contact-ksp .contact-left .ksp-list1 {

        display: none

    }



    .contact-ksp .contact-left .contact-jishu {

        margin-top: 0

    }



    .contact-ksp .contact-right {

        padding-left: 0;

        border: none;

        float: none

    }

}



.ecs-con {

    max-width: 1200px;

    margin: 0 auto

}



@media (max-width:1200px) {

    .ecs-con {

        padding: 0 15px

    }

}



.sample-nbanner {

    width: 100%

}



.sample-nbanner img {

    max-width: 100%

}



.sample-ecs {

    margin: 65px 0

}



@media (max-width:768px) {

    .sample-ecs {

        margin: 25px 0

    }

}



.sample-ecs ul {

    text-align: justify

}



.sample-ecs ul li {

    position: relative;

    display: inline-block;

    width: 42.6%;

    vertical-align: top;

    overflow: hidden;

    text-align: center

}



@media (max-width:768px) {

    .sample-ecs ul li {

        width: 48%

    }

}



.sample-ecs ul li h3 {

    font-size: 24px;

    color: #333;

    line-height: 24px;

    margin-bottom: 40px;

    margin-top: 0;

    font-weight: 400

}



@media (max-width:768px) {

    .sample-ecs ul li h3 {

        margin-bottom: 5px;

        font-size: 12px;

        line-height: 12px

    }

}



.sample-ecs ul li img {

    width: 100%

}



.sample-ecs ul:after {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    height: 0;

    content: ""

}



.sample-ecs-youshi {

    background: #f5f5f6;

    padding: 65px 0

}



@media (max-width:768px) {

    .sample-ecs-youshi {

        padding: 30px 0

    }

}



.sample-ecs-youshi .titles {

    text-align: center;

    font-size: 24px;

    color: #333;

    line-height: 24px

}



@media (max-width:768px) {

    .sample-ecs-youshi .titles {

        font-size: 18px

    }

}



.sample-ecs-youshi .youshi-list {

    text-align: justify

}



.sample-ecs-youshi .youshi-list:after {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    height: 0;

    content: ""

}



.sample-ecs-youshi .youshi-list li {

    position: relative;

    display: inline-block;

    width: 31%;

    vertical-align: top;

    overflow: hidden;

    text-align: center;

    margin-top: 48px

}



@media (max-width:768px) {

    .sample-ecs-youshi .youshi-list li {

        width: 48%;

        margin-top: 20px

    }

}



.sample-ecs-youshi .youshi-list li .imgs {

    line-height: 54px

}



.sample-ecs-youshi .youshi-list li .imgs img {

    max-width: 100%

}



.sample-ecs-youshi .youshi-list li h3 {

    font-size: 16px;

    color: #333;

    line-height: 16px;

    margin-top: 12px;

    font-weight: 400;

    margin-bottom: 0

}



.sample-ecs-youshi .youshi-list li span {

    display: block;

    font-size: 12px;

    color: #666;

    margin-top: 12px

}



.sample-ecs-gongneng {

    padding-top: 65px;

    background: #c6c6c6;

    padding-bottom: 65px

}



@media (max-width:768px) {

    .sample-ecs-gongneng {

        padding: 30px 0

    }

}



.sample-ecs-gongneng .ecs-gongneng-title {

    text-align: center;

    font-size: 24px;

    color: #fdfefe;

    line-height: 24px;

    margin-bottom: 65px

}



@media (max-width:768px) {

    .sample-ecs-gongneng .ecs-gongneng-title {

        margin-bottom: 20px

    }

}



.sample-ecs-gongneng .gongneng {

    background: #fff;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    box-shadow: 0 0 10px rgba(0, 0, 0, .2)

}



.sample-ecs-gongneng .gongneng li {

    border-bottom: 1px solid #e2e2e3;

    position: relative

}



.sample-ecs-gongneng .gongneng li a.mores3 {

    display: block;

    width: 33px;

    height: 33px;

    text-align: center;

    line-height: 28px;

    font-size: 32px;

    color: #fff;

    background: #0d9ffd;

    border-radius: 50%;

    font-weight: 400;

    position: absolute;

    right: 30px;

    top: 28px;

    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);

    box-shadow: 0 0 6px rgba(0, 0, 0, .2)

}



@media (max-width:768px) {

    .sample-ecs-gongneng .gongneng li a.mores3 {

        right: 10px;

        top: 5px

    }

}



.sample-ecs-gongneng .gongneng li.on a.mores3 {

    background: #fff;

    color: #0d9ffd

}



.sample-ecs-gongneng .gongneng li.on .wzs1 {

    background: #0d9ffd

}



.sample-ecs-gongneng .gongneng li.on .wzs1 .images img {

    -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(303deg) brightness(103%) contrast(101%);

    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(303deg) brightness(103%) contrast(101%)

}



.sample-ecs-gongneng .gongneng li.on .wzs1 .content-bodys h3,

.sample-ecs-gongneng .gongneng li.on .wzs1 .content-bodys span {

    color: #fff

}



.sample-ecs-gongneng .gongneng li .wzs1 {

    padding-left: 30px

}



@media (max-width:768px) {

    .sample-ecs-gongneng .gongneng li .wzs1 {

        padding-left: 10px;

        padding-bottom: 10px

    }

}



.sample-ecs-gongneng .gongneng li .wzs1 .images {

    float: left;

    line-height: 87px

}



@media (max-width:768px) {

    .sample-ecs-gongneng .gongneng li .wzs1 .images {

        width: 15%

    }

}



.sample-ecs-gongneng .gongneng li .wzs1 .images img {

    max-width: 100%

}



.sample-ecs-gongneng .gongneng li .wzs1 .content-bodys {

    float: left;

    margin-left: 16px

}



@media (max-width:768px) {

    .sample-ecs-gongneng .gongneng li .wzs1 .content-bodys {

        width: 85%;

        margin-left: 0

    }

}



.sample-ecs-gongneng .gongneng li .wzs1 .content-bodys h3 {

    font-size: 18px;

    color: #444;

    line-height: 18px;

    margin-top: 22px;

    margin-bottom: 0

}



.sample-ecs-gongneng .gongneng li .wzs1 .content-bodys span {

    display: block;

    font-size: 14px;

    color: #999;

    line-height: 14px;

    margin-top: 12px

}



.sample-ecs-gongneng .gongneng li .wzs2 {

    margin: 25px 0;

    padding-left: 25px;

    display: none

}



.sample-ecs-gongneng .gongneng li .wzs2 h3 {

    font-size: 16px;

    color: #333;

    line-height: 16px;

    margin-top: 0;

    font-weight: 400

}



.sample-ecs-gongneng .gongneng li .wzs2 span {

    display: block;

    font-size: 14px;

    color: #999;

    margin-top: 8px;

    line-height: 18px

}



.sample-ecs-gongneng .gongneng li .wzs2 span a {

    color: #0d9ffd

}



@media (max-width:768px) {

    .sample-ecs-gongneng .gongneng li .wzs2 span a {

        display: block

    }

}



.sample-ecs-gongneng .gongneng li .wzs2 .biaoti2 {

    margin-top: 20px

}



.sample-ecs-case {

    margin-top: 65px

}



@media (max-width:768px) {

    .sample-ecs-case {

        margin-top: 30px;

        margin-bottom: 20px

    }

}



.sample-ecs-case .ecs-case-title {

    text-align: center;

    font-size: 24px;

    color: #333;

    line-height: 24px

}



.sample-ecs-case .slick-list {

    padding: 5px 0

}



.sample-ecs-case .ecs-case-list {

    margin: 0 -47px;

    margin-top: 65px

}



@media (max-width:768px) {

    .sample-ecs-case .ecs-case-list {

        margin: 0;

        margin-top: 15px

    }

}



.sample-ecs-case .ecs-case-list li {

    margin: 0 47px;

    padding: 10px;

    padding-bottom: 15px;

    border: 1px solid #ececec;

    text-align: center

}



@media (max-width:768px) {

    .sample-ecs-case .ecs-case-list li {

        margin: 0 20px

    }

}



.sample-ecs-case .ecs-case-list li .image img {

    max-width: 100%

}



.sample-ecs-case .ecs-case-list li h3 {

    text-align: center;

    font-size: 18px;

    color: #444;

    line-height: 18px;

    font-weight: 400

}



.sample-ecs-case .ecs-case-list li span {

    display: block;

    font-size: 12px;

    color: #999;

    text-align: center;

    line-height: 12px;

    margin-top: 13px

}



.sample-ecs-case .ecs-case-list li:hover {

    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);

    box-shadow: 0 0 6px rgba(0, 0, 0, .2)

}



.sample-ecs-case .ecs-case-list li:hover h3 {

    color: #0d9ffd

}



.sample-ecs-case .ecs-case-list .slick-dots {

    left: 0;

    right: 0;

    text-align: center;

    font-size: 0;

    z-index: 9;

    margin-top: 64px;

    margin-bottom: 38px

}



.sample-ecs-case .ecs-case-list .slick-dots li {

    display: inline-block;

    margin: 0 15px;

    width: 48px;

    height: 6px;

    border: 1px solid #0d9ffd;

    cursor: pointer;

    padding: 0

}



.sample-ecs-case .ecs-case-list .slick-dots li button {

    background: none;

    outline: none;

    border: none;

    font-size: 0

}



.sample-ecs-case .ecs-case-list .slick-dots li.slick-active {

    background-color: #0d9ffd

}



.activity-con {

    max-width: 1200px;

    margin: 0 auto

}



@media (max-width:1200px) {

    .activity-con {

        padding: 0 15px

    }

}



.sample-activity {

    min-height: 945px;

    background: url(//static.cn86.cn/img/2020/10/67365db006nkkl3q.jpg) no-repeat 50%;

    background-size: cover

}



@media (max-width:1024px) {

    .sample-activity {

        display: none

    }

}



.sample-activity .huo-title {

    text-align: center;

    font-size: 48px;

    color: #fdfdfc;

    font-weight: 600;

    padding-top: 30px

}



.sample-activity .huo-list {

    padding: 0 34px

}



.sample-activity .huo-list li {

    float: left;

    width: 360px;

    margin-right: 25px;

    padding-top: 142px

}



.sample-activity .huo-list li h3 {

    font-size: 36px;

    color: #fdfdfc;

    font-weight: 400;

    text-align: center;

    margin: 0

}



.sample-activity .huo-list li h4 {

    margin: 0;

    font-size: 30px;

    color: #333;

    font-weight: 400;

    text-align: center;

    margin-top: 110px

}



.sample-activity .huo-list li h4 span {

    font-size: 36px;

    color: #bb26d5;

    font-weight: 600

}



.sample-activity .huo-list li h2 {

    font-size: 20px;

    color: #444;

    font-weight: 400;

    text-align: center;

    margin: 0;

    margin-top: 32px;

    line-height: 28px;

    height: 58px

}



.sample-activity .huo-list li h2 span {

    font-size: 24px;

    color: #bb26d5;

    font-weight: 600

}



.sample-activity .huo-list li h1 {

    width: 160px;

    height: 54px;

    text-align: center;

    line-height: 54px;

    font-size: 20px;

    color: #fdfdfc;

    font-weight: 600;

    background: url(//static.cn86.cn/img/2020/10/ddab8f6c65jmzqtp.png) no-repeat 50%;

    margin: 0 auto;

    margin-top: 25px

}



.sample-activity .huo-list li:nth-child(3) {

    margin-right: 0

}



.sample-activity .huo-wenzi {

    padding-left: 70px;

    padding-right: 85px;

    margin-top: 75px

}



.sample-activity .huo-wenzi .wz {

    float: left;

    margin-top: 18px

}



.sample-activity .huo-wenzi .wz h3 {

    font-size: 18px;

    color: #333;

    font-weight: 400;

    line-height: 28px;

    margin: 0

}



.sample-activity .huo-wenzi a {

    display: block;

    float: left;

    width: 160px;

    height: 54px;

    text-align: center;

    line-height: 54px;

    font-size: 20px;

    color: #fdfdfc;

    font-weight: 400;

    background: url(//static.cn86.cn/img/2020/10/ddab8f6c65jmzqtp.png) no-repeat 50%;

    margin-left: 85px;

    margin-top: 22px

}



.sample-activity .huo-wenzi .huo-erweima {

    float: right

}



.sample-activity .huo-wenzi .huo-erweima img {

    max-width: 100%

}



.sample-gongyi {

    height: 952px;

    background: url(//static.cn86.cn/img/2020/10/40819cbf9fqyrrt0.jpg) no-repeat 50%;

    background-size: cover

}



@media (max-width:1024px) {

    .sample-gongyi {

        display: none

    }

}



.sample-gongyi .gongyi-title {

    text-align: center;

    font-size: 48px;

    color: #fdfdfc;

    font-weight: 600;

    padding-top: 30px

}



.sample-gongyi .gongyi-content .gongyi-list {

    float: left;

    padding-left: 125px;

    padding-top: 140px

}



.sample-gongyi .gongyi-content .gongyi-list li {

    margin-bottom: 43px

}



.sample-gongyi .gongyi-content .gongyi-list li h3 {

    font-size: 20px;

    font-weight: 400;

    color: #fff;

    margin: 0

}



.sample-gongyi .gongyi-content .gongyi-list li span {

    display: block;

    font-size: 20px;

    color: #fff;

    margin-top: 5px

}



.sample-gongyi .gongyi-content .gongyi-tu {

    float: right;

    padding-right: 120px;

    padding-top: 150px

}



.sample-gongyi .gongyi-content .gongyi-tu li {

    margin-bottom: 8px

}



.sample-zhunong {

    height: 909px;

    background: url(//static.cn86.cn/img/2020/10/5fe67ee674sgpvm0.jpg) no-repeat 50%;

    background-size: cover

}



@media (max-width:1024px) {

    .sample-zhunong {

        display: none

    }

}



.sample-zhunong .zhunong-title {

    text-align: center;

    font-size: 48px;

    color: #fdfdfc;

    font-weight: 600;

    padding-top: 155px

}



.sample-zhunong .zhunong-title2 {

    text-align: left;

    font-size: 31px;

    color: #fafcfd;

    font-weight: 600;

    line-height: 31px;

    padding-left: 90px;

    padding-top: 120px

}



.sample-zhunong .zhunong-list {

    padding: 0 45px;

    margin-top: 40px

}



.sample-zhunong .zhunong-list li {

    float: left;

    margin-right: 8px

}



.sample-zhunong .zhunong-list li img {

    width: 100%

}



.sample-zhunong .zhunong-list li h3 {

    width: 41px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    background: #5eacd7;

    border-radius: 5px;

    font-size: 18px;

    margin: 0 auto;

    font-weight: 600;

    color: #fff;

    margin-top: 19px

}



.sample-zhunong .zhunong-list li:last-child {

    margin-right: 0

}



.sample-shijian {

    height: 492px;

    background: url(//static.cn86.cn/img/2020/10/e2d8e3d3d12ccf7v.jpg) no-repeat 50%

}



@media (max-width:1024px) {

    .sample-shijian {

        display: none

    }

}



.sample-shijian .shijian-wz {

    padding-top: 165px

}



.sample-shijian .shijian-wz h3 {

    margin: 0;

    font-size: 36px;

    color: #fff;

    font-weight: 600

}



.sample-shijian .shijian-wz h2,

.sample-shijian .shijian-wz h3 span {

    color: #fff;

    font-size: 24px;

    font-weight: 400

}



.sample-shijian .shijian-wz h2 {

    margin: 0;

    line-height: 36px;

    margin-top: 65px

}



.sample-mid-tu {

    display: none

}



.sample-mid-tu img {

    max-width: 100%

}



@media (max-width:1024px) {

    .sample-mid-tu {

        display: block

    }

}



.sample-dingzhi-wangzhan-title span {

    color: #fff;

    opacity: .6

}



.sample-wangzhan-city {

    background: #242424;

    font-size: 12px;

    color: hsla(0, 0%, 100%, .53);

    line-height: 2.8;

    padding-bottom: 2vw

}



.sample-wangzhan-city span {

    width: 3%;

    float: left

}



@media (max-width:768px) {

    .sample-wangzhan-city span {

        width: 5%

    }

}



@media (max-width:500px) {

    .sample-wangzhan-city span {

        width: 7%

    }

}



.sample-wangzhan-city .sample-wangzhan-city-link {

    width: 97%;

    float: right

}



@media (max-width:768px) {

    .sample-wangzhan-city .sample-wangzhan-city-link {

        width: 95%

    }

}



@media (max-width:500px) {

    .sample-wangzhan-city .sample-wangzhan-city-link {

        width: 92%

    }

}



.sample-wangzhan-city .sample-wangzhan-city-link a {

    color: #fff;

    opacity: .53

}



.promote-solution {

    background: url(//static.cn86.cn/img/2022/05/a656c4bd69dbvbey.jpg) no-repeat 50%;

    padding-top: 150px;

    padding-bottom: 120px;

    background-size: cover

}



.promote-solution .containers {

    max-width: 1200px

}



.promote-solution .containers .solution-left {

    width: 42%;

    float: left

}



.promote-solution .containers .solution-left .solution-title h3 {

    color: #444;

    font-size: 34px;

    margin-bottom: 20px;

    font-weight: 600

}



.promote-solution .containers .solution-left .solution-title span {

    color: #666;

    font-size: 16px

}



.promote-solution .containers .solution-left ul {

    margin-top: 60px

}



.promote-solution .containers .solution-left ul li {

    margin-bottom: 14px;

    background: url(//static.cn86.cn/img/2022/05/55783ab71fnctrkx.png) no-repeat 50%;

    height: 50px;

    line-height: 50px;

    color: #333;

    font-size: 16px;

    padding-left: 22px

}



.promote-solution .containers .solution-left ul li span {

    color: #fff;

    font-size: 14px;

    font-family: arial;

    background: #5b82fb;

    display: inline-block;

    width: 24px;

    height: 24px;

    border-radius: 5px;

    line-height: 24px;

    text-align: center;

    margin-right: 22px

}



.promote-solution .containers .solution-left ul li:hover {

    background: url(//static.cn86.cn/img/2022/05/95d4ec65505ufmvy.png) no-repeat 50%;

    color: #fff

}



.promote-solution .containers .solution-left ul li:hover span {

    color: #5b82fb;

    background: #fff

}



.promote-solution .containers .solution-left .inquiry {

    display: block;

    width: 182px;

    height: 58px;

    text-align: center;

    line-height: 58px;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    background: #5b82fb;

    margin-top: 50px

}



.promote-solution .containers .solution-right {

    width: 40%;

    float: right

}



.promote-solution .containers .solution-right img {

    max-width: 100%

}



.promote-solution .containers .trouble-con {

    margin-top: 200px

}



.promote-solution .containers .trouble-con .trouble-left {

    width: 42%;

    float: left

}



.promote-solution .containers .trouble-con .trouble-left img {

    max-width: 100%

}



.promote-solution .containers .trouble-con .trouble-right {

    width: 40%;

    float: right

}



.promote-solution .containers .trouble-con .trouble-right .trouble-title h3 {

    color: #444;

    font-size: 34px

}



.promote-solution .containers .trouble-con .trouble-right ul {

    margin-top: 36px

}



.promote-solution .containers .trouble-con .trouble-right ul li {

    margin-bottom: 28px;

    color: #333;

    font-size: 18px

}



.promote-solution .containers .trouble-con .trouble-right ul li span {

    display: inline-block;

    background: url(//static.cn86.cn/img/2022/05/c0fb1b8709y6ipsb.png) no-repeat 50%;

    width: 22px;

    height: 22px;

    text-align: center;

    line-height: 22px;

    color: #fff;

    font-size: 14px;

    font-family: arial;

    margin-right: 10px

}



.promote-solution .containers .trouble-con .trouble-right ul li p {

    color: #9696a7;

    font-size: 14px;

    padding-left: 32px;

    line-height: 30px

}



.promote-solution .containers .trouble-con .trouble-right .inquiry {

    display: block;

    width: 178px;

    height: 56px;

    text-align: center;

    line-height: 56px;

    color: #fff;

    font-size: 18px;

    background: url(//static.cn86.cn/img/2022/05/7ff04d56487hna59.png) no-repeat 50%;

    margin-top: 40px

}



@media (max-width:768px) {

    .promote-solution {

        padding-top: 30px;

        padding-bottom: 30px

    }



    .promote-solution .containers .solution-left {

        width: 100%;

        float: none

    }



    .promote-solution .containers .solution-left .solution-title h3 {

        font-size: 18px;

        margin-bottom: 5px

    }



    .promote-solution .containers .solution-left .solution-title span {

        font-size: 14px

    }



    .promote-solution .containers .solution-left ul {

        margin-top: 30px

    }



    .promote-solution .containers .solution-left ul li {

        background: url(//static.cn86.cn/img/2022/05/55783ab71fnctrkx.png) no-repeat 0 0;

        font-size: 12px;

        padding-left: 10px;

        background-size: 100% 100%

    }



    .promote-solution .containers .solution-left ul li span {

        font-size: 12px;

        margin-right: 5px

    }



    .promote-solution .containers .solution-left ul li:hover {

        background: url(//static.cn86.cn/img/2022/05/95d4ec65505ufmvy.png) no-repeat 0 0;

        background-size: 100% 100%

    }



    .promote-solution .containers .solution-left .inquiry {

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px;

        margin-top: 30px

    }



    .promote-solution .containers .solution-right {

        width: 100%;

        float: none;

        text-align: center;

        margin-top: 20px

    }



    .promote-solution .containers .trouble-con {

        margin-top: 50px

    }



    .promote-solution .containers .trouble-con .trouble-left {

        width: 100%;

        float: none;

        text-align: center

    }



    .promote-solution .containers .trouble-con .trouble-right {

        width: 100%;

        float: none;

        margin-top: 30px

    }



    .promote-solution .containers .trouble-con .trouble-right .trouble-title h3 {

        font-size: 18px

    }



    .promote-solution .containers .trouble-con .trouble-right ul li {

        font-size: 14px;

        margin-bottom: 15px

    }



    .promote-solution .containers .trouble-con .trouble-right ul li p {

        font-size: 12px

    }



    .promote-solution .containers .trouble-con .trouble-right .inquiry {

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px;

        margin-top: 30px;

        background-size: 120px 40px

    }

}



.promote-advantage {

    background: url(//static.cn86.cn/img/2022/05/fa071ce415nyl2jj.jpg) no-repeat 50%;

    padding-top: 120px;

    padding-bottom: 90px;

    background-size: cover

}



.promote-advantage .containers {

    max-width: 1200px

}



.promote-advantage .containers .promote-advantage-title h3 {

    text-align: center;

    color: #444;

    font-size: 34px

}



.promote-advantage .containers .advantage-list {

    margin-top: 85px

}



.promote-advantage .containers .advantage-list .item {

    text-align: center;

    padding: 30px;

    position: relative;

    top: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    background: #fff;

    margin: 0 25px

}



.promote-advantage .containers .advantage-list .item .img {

    text-align: center

}



.promote-advantage .containers .advantage-list .item .img img {

    max-width: 100%

}



.promote-advantage .containers .advantage-list .item h3 {

    font-size: 20px;

    font-weight: 400;

    color: #333;

    line-height: 24px;

    margin-top: 20px

}



.promote-advantage .containers .advantage-list .item span {

    display: block;

    font-size: 14px;

    color: #9696a7;

    line-height: 30px;

    margin-top: 15px;

    height: 90px;

    overflow: hidden

}



.promote-advantage .containers .advantage-list .item:hover {

    top: -30px;

    -webkit-box-shadow: 0 0 20px #ecf1ff;

    box-shadow: 0 0 20px #ecf1ff

}



.promote-advantage .containers .inquiry {

    display: block;

    width: 180px;

    height: 58px;

    background: #5b82fb;

    text-align: center;

    line-height: 58px;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    margin: 60px auto 0

}



@media (max-width:768px) {

    .promote-advantage {

        padding-top: 30px;

        padding-bottom: 20px

    }



    .promote-advantage .containers .promote-advantage-title h3 {

        font-size: 18px

    }



    .promote-advantage .containers .advantage-list {

        margin-top: 40px

    }



    .promote-advantage .containers .advantage-list .item {

        margin: 0 0 10px;

        padding: 20px

    }



    .promote-advantage .containers .advantage-list .item h3 {

        font-size: 16px

    }



    .promote-advantage .containers .advantage-list .item span {

        font-size: 12px;

        line-height: 22px;

        height: auto

    }



    .promote-advantage .containers .advantage-list .item:hover {

        top: 0

    }



    .promote-advantage .containers .inquiry {

        margin-top: 30px;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }

}



.promote-monitor {

    background: url(//static.cn86.cn/img/2022/05/ad654d6852hisy0j.jpg) no-repeat 50%;

    padding-top: 100px;

    padding-bottom: 70px;

    background-size: cover

}



.promote-monitor .containers {

    max-width: 1200px

}



.promote-monitor .containers .promote-monitor-title h3 {

    text-align: center;

    color: #fff;

    font-size: 34px

}



.promote-monitor .containers .monitor-list {

    margin-top: 95px

}



.promote-monitor .containers .monitor-list .item {

    text-align: center;

    position: relative

}



.promote-monitor .containers .monitor-list .item .img {

    text-align: center

}



.promote-monitor .containers .monitor-list .item .img img {

    max-width: 100%

}



.promote-monitor .containers .monitor-list .item h3 {

    font-size: 20px;

    font-weight: 400;

    color: #fff;

    line-height: 24px;

    margin-top: 30px

}



.promote-monitor .containers .monitor-list .item span {

    display: block;

    font-size: 14px;

    color: #fff;

    line-height: 30px;

    margin-top: 10px

}



.promote-monitor .containers .inquiry {

    display: block;

    width: 180px;

    height: 58px;

    background: #fff;

    text-align: center;

    line-height: 58px;

    color: #5b82fb;

    font-size: 18px;

    border-radius: 30px;

    margin: 60px auto 0

}



@media (max-width:768px) {

    .promote-monitor {

        padding-top: 30px;

        padding-bottom: 20px

    }



    .promote-monitor .containers .promote-monitor-title h3 {

        font-size: 18px

    }



    .promote-monitor .containers .monitor-list {

        margin-top: 40px

    }



    .promote-monitor .containers .monitor-list .item {

        margin: 0 0 10px

    }



    .promote-monitor .containers .monitor-list .item h3 {

        margin-top: 15px;

        font-size: 16px

    }



    .promote-monitor .containers .monitor-list .item span {

        font-size: 12px;

        line-height: 22px

    }



    .promote-monitor .containers .inquiry {

        margin-top: 30px;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }

}



.promote-seo {

    background: url(//static.cn86.cn/img/2022/05/64deee0ff3jiedyg.jpg) no-repeat 50%;

    padding-top: 150px;

    padding-bottom: 80px;

    background-size: cover

}



.promote-seo .containers {

    max-width: 1200px

}



.promote-seo .containers .promote-seo-title h3 {

    text-align: center;

    color: #444;

    font-size: 34px

}



.promote-seo .containers .seo-list {

    margin-top: 85px

}



.promote-seo .containers .seo-list .item {

    text-align: center;

    position: relative;

    margin-bottom: 35px

}



.promote-seo .containers .seo-list .item .img {

    text-align: center

}



.promote-seo .containers .seo-list .item .img img {

    max-width: 100%;

    position: relative;

    top: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.promote-seo .containers .seo-list .item h3 {

    font-size: 18px;

    font-weight: 400;

    color: #333;

    line-height: 24px;

    margin-top: 30px

}



.promote-seo .containers .seo-list .item span {

    display: block;

    font-size: 14px;

    color: #9696a7;

    line-height: 30px;

    margin-top: 10px

}



.promote-seo .containers .seo-list .item:hover .img img {

    top: -10px

}



.promote-seo .containers .inquiry {

    display: block;

    width: 180px;

    height: 58px;

    background: #5b82fb;

    text-align: center;

    line-height: 58px;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    margin: 60px auto 0

}



@media (max-width:768px) {

    .promote-seo {

        padding-top: 30px;

        padding-bottom: 20px

    }



    .promote-seo .containers .promote-seo-title h3 {

        font-size: 18px

    }



    .promote-seo .containers .seo-list {

        margin-top: 40px

    }



    .promote-seo .containers .seo-list .item {

        margin: 0 0 15px

    }



    .promote-seo .containers .seo-list .item h3 {

        margin-top: 15px;

        font-size: 16px

    }



    .promote-seo .containers .seo-list .item span {

        font-size: 12px;

        line-height: 22px

    }



    .promote-seo .containers .inquiry {

        margin-top: 30px;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }

}



.promote-sure {

    background: url(//static.cn86.cn/img/2022/05/be498409afnmfjmb.jpg) no-repeat 50%;

    padding-top: 115px;

    padding-bottom: 90px;

    background-size: cover

}



.promote-sure .containers {

    max-width: 1200px

}



.promote-sure .containers .promote-sure-title h3 {

    text-align: center;

    color: #fff;

    font-size: 34px

}



.promote-sure .containers .promote-sure-title span {

    display: block;

    color: #fff;

    font-size: 16px;

    margin-top: 20px;

    text-align: center

}



.promote-sure .containers .promote-sure-owl {

    position: relative;

    margin-top: 80px

}



.promote-sure .containers .promote-sure-owl .slick-arrow {

    position: absolute;

    top: calc(50% - 27px);

    width: 54px;

    height: 54px;

    font-size: 0;

    border: none;

    outline: none;

    border-radius: 50%

}



.promote-sure .containers .promote-sure-owl .slick-arrow.slick-prev {

    left: -60px;

    background: url(//static.cn86.cn/img/2022/05/420b106895cjqayp.png) 50% no-repeat rgba(7, 16, 57, .2)

}



.promote-sure .containers .promote-sure-owl .slick-arrow.slick-next {

    right: -60px;

    background: url(//static.cn86.cn/img/2022/05/58c4aefaa2vsmx6i.png) 50% no-repeat rgba(7, 16, 57, .2)

}



.promote-sure .containers .promote-sure-owl .slick-arrow:hover.slick-prev {

    background: url(//static.cn86.cn/img/2022/05/420b106895cjqayp.png) 50% no-repeat rgba(7, 16, 57, .4)

}



.promote-sure .containers .promote-sure-owl .slick-arrow:hover.slick-next {

    background: url(//static.cn86.cn/img/2022/05/58c4aefaa2vsmx6i.png) 50% no-repeat rgba(7, 16, 57, .4)

}



.promote-sure .containers .promote-sure-owl .item {

    padding: 45px 28px;

    outline: none;

    background: #fff;

    border-radius: 8px;

    margin: 0 25px

}



.promote-sure .containers .promote-sure-owl .item .img {

    width: 90px;

    margin: 0 auto 20px;

    text-align: center

}



.promote-sure .containers .promote-sure-owl .item .img img {

    border-radius: 50%;

    width: 90px;

    height: 90px

}



.promote-sure .containers .promote-sure-owl .item .wz {

    text-align: center

}



.promote-sure .containers .promote-sure-owl .item .wz h3 {

    font-size: 16px;

    margin: 0 0 15px;

    color: #666;

    font-weight: 400

}



.promote-sure .containers .promote-sure-owl .item .wz h3 a {

    display: block;

    font-weight: 400;

    margin-top: 10px;

    font-size: 16px;

    color: #666;

    outline: none

}



.promote-sure .containers .promote-sure-owl .item .wz h3 a:hover {

    opacity: .9

}



.promote-sure .containers .promote-sure-owl .item .wz p {

    font-size: 14px;

    color: #999;

    line-height: 20px;

    height: 40px;

    overflow: hidden

}



.promote-sure .containers .promote-sure-owl .item .number {

    margin-top: 25px

}



.promote-sure .containers .promote-sure-owl .item .number .number-left {

    width: 66%;

    float: left;

    border-right: 1px solid #e5e5e5;

    text-align: center

}



.promote-sure .containers .promote-sure-owl .item .number .number-left span {

    color: #5b82fb;

    font-size: 20px

}



.promote-sure .containers .promote-sure-owl .item .number .number-left p {

    color: #999;

    font-size: 14px

}



.promote-sure .containers .promote-sure-owl .item .number .number-right {

    width: 34%;

    float: left;

    text-align: center

}



.promote-sure .containers .promote-sure-owl .item .number .number-right span {

    color: #5b82fb;

    font-size: 20px

}



.promote-sure .containers .promote-sure-owl .item .number .number-right p {

    color: #999;

    font-size: 14px

}



@media (max-width:768px) {

    .promote-sure {

        padding: 30px 0

    }



    .promote-sure .containers .promote-sure-title h3 {

        font-size: 18px

    }



    .promote-sure .containers .promote-sure-title span {

        font-size: 14px

    }



    .promote-sure .containers .promote-sure-owl {

        margin: 30px 10px 0

    }



    .promote-sure .containers .promote-sure-owl .slick-arrow {

        position: absolute;

        top: calc(50% - 20px);

        width: 40px;

        height: 40px;

        font-size: 0;

        border: none;

        outline: none;

        border-radius: 50%

    }



    .promote-sure .containers .promote-sure-owl .slick-arrow.slick-prev {

        left: -20px;

        background: url(//static.cn86.cn/img/2022/05/420b106895cjqayp.png) 50% no-repeat rgba(7, 16, 57, .2)

    }



    .promote-sure .containers .promote-sure-owl .slick-arrow.slick-next {

        right: -20px;

        background: url(//static.cn86.cn/img/2022/05/58c4aefaa2vsmx6i.png) 50% no-repeat rgba(7, 16, 57, .2)

    }



    .promote-sure .containers .promote-sure-owl .slick-arrow:hover.slick-prev {

        background: url(//static.cn86.cn/img/2022/05/420b106895cjqayp.png) 50% no-repeat rgba(7, 16, 57, .4)

    }



    .promote-sure .containers .promote-sure-owl .slick-arrow:hover.slick-next {

        background: url(//static.cn86.cn/img/2022/05/58c4aefaa2vsmx6i.png) 50% no-repeat rgba(7, 16, 57, .4)

    }



    .promote-sure .containers .promote-sure-owl .item {

        padding: 30px 15px

    }



    .promote-sure .containers .promote-sure-owl .item .number .number-left p,

    .promote-sure .containers .promote-sure-owl .item .number .number-right p,

    .promote-sure .containers .promote-sure-owl .item .wz p {

        font-size: 12px

    }

}



.promote-message {

    margin-top: 0

}



.operate-design {

    background: url(//static.cn86.cn/img/2022/05/5297f50357xofroj.jpg) no-repeat 50%;

    padding-top: 105px;

    padding-bottom: 40px;

    background-size: cover

}



.operate-design .containers {

    max-width: 1200px

}



.operate-design .containers .operate-design-title {

    text-align: center

}



.operate-design .containers .operate-design-title h3 {

    color: #2b2e3c;

    font-size: 36px;

    font-weight: 400;

    margin-bottom: 15px

}



.operate-design .containers .operate-design-title span {

    color: #2b2e3c;

    font-size: 16px

}



.operate-design .containers .ali-con {

    margin-top: 90px

}



.operate-design .containers .ali-con .ali-left {

    width: 60%;

    float: left

}



.operate-design .containers .ali-con .ali-left img {

    max-width: 100%

}



.operate-design .containers .ali-con .ali-right {

    width: 40%;

    float: right

}



.operate-design .containers .ali-con .ali-right .ali-title {

    color: #2b2e3c;

    font-size: 24px;

    text-align: right;

    margin-top: 50px

}



.operate-design .containers .ali-con .ali-right .ali-text {

    color: #444b5e;

    font-size: 16px;

    line-height: 30px;

    text-align: right;

    margin-top: 40px

}



.operate-design .containers .ali-con .ali-right .inquiry {

    display: block;

    width: 152px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    background: #0077fe;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    float: right;

    margin-top: 60px

}



.operate-design .containers .baidu-con {

    margin-top: 15px

}



.operate-design .containers .baidu-con .baidu-left {

    width: 40%;

    float: left

}



.operate-design .containers .baidu-con .baidu-left .baidu-title {

    color: #2b2e3c;

    font-size: 24px;

    margin-top: 180px

}



.operate-design .containers .baidu-con .baidu-left .baidu-text {

    color: #444b5e;

    font-size: 16px;

    line-height: 30px;

    margin-top: 40px

}



.operate-design .containers .baidu-con .baidu-left .inquiry {

    display: block;

    width: 152px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    background: #0077fe;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    margin-top: 60px

}



.operate-design .containers .baidu-con .baidu-right {

    width: 60%;

    float: left

}



.operate-design .containers .baidu-con .baidu-right img {

    max-width: 100%

}



@media (max-width:768px) {

    .operate-design {

        padding-top: 40px

    }



    .operate-design .containers .operate-design-title h3 {

        font-size: 18px

    }



    .operate-design .containers .operate-design-title span {

        font-size: 12px

    }



    .operate-design .containers .ali-con {

        margin-top: 30px

    }



    .operate-design .containers .ali-con .ali-left {

        width: 100%;

        float: none;

        text-align: center

    }



    .operate-design .containers .ali-con .ali-right {

        width: 100%;

        float: none;

        margin-top: 15px

    }



    .operate-design .containers .ali-con .ali-right .ali-title {

        font-size: 16px;

        margin-top: 15px

    }



    .operate-design .containers .ali-con .ali-right .ali-text {

        font-size: 12px;

        margin-top: 15px

    }



    .operate-design .containers .ali-con .ali-right .inquiry {

        margin-top: 15px;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }



    .operate-design .containers .baidu-con .baidu-left {

        width: 100%;

        float: none

    }



    .operate-design .containers .baidu-con .baidu-left .baidu-title {

        font-size: 16px;

        margin-top: 15px

    }



    .operate-design .containers .baidu-con .baidu-left .baidu-text {

        font-size: 12px;

        margin-top: 15px

    }



    .operate-design .containers .baidu-con .baidu-left .inquiry {

        margin-top: 15px;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }



    .operate-design .containers .baidu-con .baidu-right {

        width: 100%;

        float: none;

        margin-top: 15px;

        text-align: center

    }

}



.operate-decorate {

    background: url(//static.cn86.cn/img/2022/05/cc7dc1f6871mb9ay.jpg) no-repeat 50%;

    padding-top: 85px;

    padding-bottom: 95px;

    background-size: cover

}



.operate-decorate .containers {

    max-width: 1200px

}



.operate-decorate .containers .operate-decorate-title h3 {

    text-align: center;

    color: #fff;

    font-size: 36px;

    font-weight: 400

}



.operate-decorate .containers ul {

    margin-top: 90px

}



.operate-decorate .containers ul li {

    float: left

}



.operate-decorate .containers ul li .img {

    overflow: hidden;

    text-align: center

}



.operate-decorate .containers ul li .img img {

    max-width: 100%

}



.operate-decorate .containers ul li h3 {

    text-align: center;

    color: #fff;

    font-size: 20px;

    margin-top: 25px;

    font-weight: 400

}



.operate-decorate .containers ul li.other {

    text-align: center;

    font-size: 70px;

    color: #fff;

    margin: 25px 8px 0

}



@media (max-width:768px) {

    .operate-decorate {

        padding: 30px 0

    }



    .operate-decorate .containers .operate-decorate-title h3 {

        font-size: 18px

    }



    .operate-decorate .containers ul {

        margin-top: 30px

    }



    .operate-decorate .containers ul li {

        width: 100%

    }



    .operate-decorate .containers ul li h3 {

        font-size: 14px

    }



    .operate-decorate .containers ul li.other {

        margin: 0;

        font-size: 50px

    }

}



.operate-quality {

    background: url(//static.cn86.cn/img/2022/05/397dd06fe1azhxva.jpg) no-repeat 50%;

    padding-top: 130px;

    padding-bottom: 55px;

    background-size: cover

}



.operate-quality .containers {

    max-width: 1200px

}



.operate-quality .containers .quality-con .quality-left {

    width: 38%;

    float: left;

    position: relative;

    height: 450px;

    margin-top: 110px

}



.operate-quality .containers .quality-con .quality-left .img {

    position: absolute;

    left: 0;

    top: 0;

    -webkit-animation: all .6s;

    animation: all .6s;

    text-align: center

}



.operate-quality .containers .quality-con .quality-left .img img {

    max-width: 100%

}



.operate-quality .containers .quality-con .quality-left .img.hide {

    opacity: 0

}



.operate-quality .containers .quality-con .quality-left .img.animate {

    -webkit-animation: .6s ease 0s 1 normal none running fadeInRight;

    animation: .6s ease 0s 1 normal none running fadeInRight

}



.operate-quality .containers .quality-con .quality-right {

    width: 45%;

    float: right

}



.operate-quality .containers .quality-con .quality-right .quality-title h3 {

    color: #2b2e3c;

    font-size: 36px;

    font-weight: 400

}



.operate-quality .containers .quality-con .quality-right ul {

    margin-top: 50px

}



.operate-quality .containers .quality-con .quality-right ul li {

    padding: 18px;

    border-radius: 5px

}



.operate-quality .containers .quality-con .quality-right ul li .img {

    float: left;

    text-align: center;

    margin-right: 18px

}



.operate-quality .containers .quality-con .quality-right ul li .img img {

    max-width: 100%

}



.operate-quality .containers .quality-con .quality-right ul li .wz h3 {

    color: #7c7e87;

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 5px;

    margin-top: 0;

    height: 22px;

    line-height: 22px

}



.operate-quality .containers .quality-con .quality-right ul li .wz span {

    color: #7c7e87;

    font-size: 15px

}



.operate-quality .containers .quality-con .quality-right ul li:hover {

    background: #fff

}



.operate-quality .containers .quality-con .quality-right ul li:hover .wz h3 {

    font-size: 20px;

    color: #0077fe;

    font-weight: 700

}



.operate-quality .containers .quality-con .quality-right ul .inquiry {

    display: block;

    width: 152px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    background: #0077fe;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    margin-top: 50px

}



@media (max-width:768px) {

    .operate-quality {

        padding: 30px 0

    }



    .operate-quality .containers .quality-con .quality-left {

        width: 100%;

        float: none;

        margin-top: 0;

        height: 380px

    }



    .operate-quality .containers .quality-con .quality-right {

        width: 100%;

        float: none

    }



    .operate-quality .containers .quality-con .quality-right .quality-title h3 {

        font-size: 18px;

        text-align: center

    }



    .operate-quality .containers .quality-con .quality-right ul {

        margin-top: 20px

    }



    .operate-quality .containers .quality-con .quality-right ul li {

        padding: 5px

    }



    .operate-quality .containers .quality-con .quality-right ul li .wz h3 {

        font-size: 12px;

        margin-bottom: 0

    }



    .operate-quality .containers .quality-con .quality-right ul li .wz span {

        font-size: 12px

    }



    .operate-quality .containers .quality-con .quality-right ul li:hover .wz h3 {

        font-size: 14px

    }



    .operate-quality .containers .quality-con .quality-right ul .inquiry {

        margin: 20px auto 0;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }

}



@media (max-width:425px) {

    .operate-quality .containers .quality-con .quality-left {

        height: 280px

    }

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(50%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }



    40% {

        opacity: 0

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(50%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }



    40% {

        opacity: 0

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0)

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



.operate-effect {

    padding-top: 110px;

    padding-bottom: 60px

}



.operate-effect .containers {

    max-width: 1200px

}



.operate-effect .containers .operate-effect-title h3 {

    text-align: center;

    color: #2b2e3c;

    font-size: 36px;

    font-weight: 400

}



.operate-effect .containers .effect-list {

    margin-top: 55px

}



.operate-effect .containers .effect-list .item {

    text-align: center;

    position: relative;

    -webkit-transition: all .3s;

    transition: all .3s;

    margin: 0 5px 35px

}



.operate-effect .containers .effect-list .item .top-img {

    text-align: center

}



.operate-effect .containers .effect-list .item .top-img img {

    width: 100%

}



.operate-effect .containers .effect-list .item .img {

    text-align: center;

    overflow: hidden;

    height: 220px

}



.operate-effect .containers .effect-list .item .img img {

    width: 100%;

    position: relative;

    top: 0;

    left: 0;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.operate-effect .containers .effect-list .item h3 {

    font-size: 16px;

    font-weight: 400;

    color: #444b5e;

    line-height: 55px;

    margin: 0;

    -webkit-transition: all .3s;

    transition: all .3s

}



.operate-effect .containers .effect-list .item:hover h3 {

    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .11);

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .11);

    color: #0077fe

}



.operate-effect .containers .inquiry {

    display: block;

    width: 152px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    background: #0077fe;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    margin: 30px auto 0

}



@media (max-width:768px) {

    .operate-effect {

        padding: 30px 0

    }



    .operate-effect .containers .operate-effect-title h3 {

        font-size: 18px

    }



    .operate-effect .containers .effect-list {

        margin-top: 30px

    }



    .operate-effect .containers .effect-list .item {

        margin: 0 0 20px

    }



    .operate-effect .containers .effect-list .item h3 {

        font-size: 14px;

        line-height: 40px

    }



    .operate-effect .containers .inquiry {

        margin: 20px auto 0;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }

}



.operate-choose {

    background: #fbfcff;

    padding-top: 60px;

    padding-bottom: 35px

}



.operate-choose .containers {

    max-width: 1200px

}



.operate-choose .containers .operate-choose-title h3 {

    text-align: center;

    color: #2b2e3c;

    font-size: 36px;

    font-weight: 400

}



.operate-choose .containers .choose-list {

    margin-top: 60px;

    position: relative

}



.operate-choose .containers .choose-list .item {

    text-align: center;

    margin: 0 45px

}



.operate-choose .containers .choose-list .item .img {

    text-align: center;

    overflow: hidden;

    height: 200px;

    margin-bottom: 100px

}



.operate-choose .containers .choose-list .item .img img {

    max-width: 100%

}



.operate-choose .containers .choose-list .item h3 {

    font-size: 24px;

    font-weight: 400;

    color: #2b2e3c;

    text-align: center;

    margin-bottom: 25px

}



.operate-choose .containers .choose-list .item span {

    color: #444b5e;

    font-size: 14px;

    text-align: center

}



.operate-choose .containers .choose-list .step-line {

    position: absolute;

    left: 0;

    top: 230px;

    width: 100%;

    height: 1px;

    border-bottom: 1px dashed #9ccdff;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.operate-choose .containers .choose-list .step-line .step-circle {

    width: 17px;

    height: 17px;

    background: #f4f6f8;

    border: 3px solid #278dfd;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.operate-choose .containers .inquiry {

    display: block;

    width: 152px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    background: #0077fe;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    box-shadow: 0 0 20px rgba(0, 119, 254, .5);

    margin: 30px auto 0

}



@media (max-width:768px) {

    .operate-choose {

        padding: 30px 0

    }



    .operate-choose .containers .operate-choose-title h3 {

        font-size: 18px

    }



    .operate-choose .containers .choose-list {

        margin-top: 30px

    }



    .operate-choose .containers .choose-list .item {

        margin: 0 0 20px

    }



    .operate-choose .containers .choose-list .item h3 {

        font-size: 14px

    }



    .operate-choose .containers .choose-list .item span {

        font-size: 12px

    }



    .operate-choose .containers .choose-list .item .img {

        margin-bottom: 0;

        height: auto

    }



    .operate-choose .containers .choose-list .step-line {

        display: none

    }



    .operate-choose .containers .inquiry {

        margin: 20px auto 0;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }

}



.operate-service {

    background: url(//static.cn86.cn/img/2022/05/f635f130d89ervqc.jpg) no-repeat 50%;

    padding-top: 110px;

    padding-bottom: 120px;

    background-size: cover

}



.operate-service .containers {

    max-width: 1340px

}



.operate-service .containers .operate-choose-title h3 {

    text-align: center;

    color: #2b2e3c;

    font-size: 36px;

    font-weight: 400

}



.operate-service .containers .service-con {

    margin-top: 85px

}



.operate-service .containers .service-con .service-left {

    width: 45%;

    float: left

}



.operate-service .containers .service-con .service-left .service-list .service-item {

    padding: 0;

    margin-bottom: 10px;

    background: url(//static.cn86.cn/img/2022/05/d34b16807aelce0d.png) no-repeat 50%;

    background-size: cover;

    height: 294px;

    position: relative

}



.operate-service .containers .service-con .service-left .service-list .service-item .img {

    position: absolute;

    top: 10px;

    left: 10px;

    height: 72px

}



.operate-service .containers .service-con .service-left .service-list .service-item .img img {

    max-width: 100%

}



.operate-service .containers .service-con .service-left .service-list .service-item .item {

    position: relative;

    text-align: center;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.operate-service .containers .service-con .service-left .service-list .service-item .item h3 {

    color: #2b2e3c;

    font-size: 24px;

    display: inline-block;

    width: 100%

}



.operate-service .containers .service-con .service-left .service-list .service-item .item span {

    color: #444b5e;

    font-size: 16px;

    line-height: 26px;

    display: inline-block;

    padding: 0 24px;

    margin-top: 10px;

    width: 100%

}



.operate-service .containers .service-con .service-left .service-list .service-item:hover {

    background: url(//static.cn86.cn/img/2022/05/cd3d3bcf7b8i2khb.png) no-repeat 50%

}



.operate-service .containers .service-con .service-left .service-list .service-item:hover h3,

.operate-service .containers .service-con .service-left .service-list .service-item:hover span {

    color: #fff

}



.operate-service .containers .service-con .service-right {

    width: 50%;

    float: right

}



.operate-service .containers .service-con .service-right img {

    max-width: 100%

}



@media (max-width:1280px) {

    .operate-service .containers .service-con .service-left {

        width: 48%

    }

}



@media (max-width:768px) {

    .operate-service {

        padding: 30px 0

    }



    .operate-service .containers .operate-choose-title h3 {

        font-size: 18px

    }



    .operate-service .containers .service-con {

        margin-top: 30px

    }



    .operate-service .containers .service-con .service-left {

        width: 100%;

        float: none

    }



    .operate-service .containers .service-con .service-left .service-list .service-item {

        background-size: 100% 100%

    }



    .operate-service .containers .service-con .service-left .service-list .service-item .item h3 {

        font-size: 16px

    }



    .operate-service .containers .service-con .service-left .service-list .service-item .item span {

        font-size: 14px

    }



    .operate-service .containers .service-con .service-left .service-list .service-item:hover {

        background-size: 100% 100%

    }



    .operate-service .containers .service-con .service-right {

        width: 100%;

        float: none;

        margin-top: 10px

    }

}



.operate-network {

    background: url(//static.cn86.cn/img/2022/05/b57ffaadf72uevgd.jpg) no-repeat 50%;

    padding-top: 75px;

    padding-bottom: 80px;

    background-size: cover

}



.operate-network .containers {

    max-width: 1200px

}



.operate-network .containers .operate-network-title h3 {

    text-align: center;

    color: #fff;

    font-size: 36px;

    font-weight: 400

}



.operate-network .containers .inquiry {

    width: 152px;

    height: 45px;

    display: block;

    text-align: center;

    line-height: 45px;

    color: #0077fe;

    font-size: 18px;

    border-radius: 30px;

    background: #fff;

    margin: 45px auto 0

}



@media (max-width:768px) {

    .operate-network {

        padding: 30px 0

    }



    .operate-network .containers .operate-network-title h3 {

        font-size: 18px;

        line-height: 24px

    }



    .operate-network .containers .inquiry {

        margin: 20px auto 0;

        width: 120px;

        height: 40px;

        line-height: 40px;

        font-size: 16px

    }

}



.page-cooperation-box {

    background: #fff;

    padding: 100px 0

}



.page-cooperation-title {

    text-align: center;

    color: #444;

    margin-bottom: 60px

}



.page-cooperation-title p {

    font-size: 17px;

    color: #444

}



.page-cooperation-title h4 {

    font-weight: 200;

    margin: 15px 0 0;

    font-size: 30px;

    color: #333;

    font-weight: 400

}



@media (max-width:990px) {

    .page-cooperation-box {

        padding: 40px 0

    }



    .page-cooperation-title {

        margin-bottom: 40px

    }



    .page-cooperation-title p {

        font-size: 14px

    }



    .page-cooperation-title h4 {

        margin: 10px 0 0;

        font-size: 20px

    }

}



.table-title {

    margin-bottom: 50px

}



.cooperation-table {

    text-align: justify;

    min-height: 316px

}



.cooperation-table .cooperation-item {

    position: relative;

    display: inline-block;

    width: 31%;

    vertical-align: bottom;

    -webkit-transition: all .3s;

    transition: all .3s;

    background: #fff;

    padding: 6px;

    border: 1px solid #ddd

}



.cooperation-table .cooperation-item .img-box {

    position: relative

}



.cooperation-table .cooperation-item .img-box .img1 {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: auto;

    -webkit-transform: translateY(-75%);

    transform: translateY(-75%);

    z-index: 99

}



.cooperation-table .cooperation-item .img-box .img2 {

    width: 100%

}



.cooperation-table .cooperation-item .img-box h3 {

    text-align: center;

    font-size: 20px;

    margin: 0;

    color: #fff;

    width: 100%;

    position: absolute;

    top: 62%;

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

    z-index: 99

}



.cooperation-table .cooperation-item .img-box .shadow {

    width: 100%;

    height: 100%;

    position: absolute;

    background: rgba(0, 0, 0, .5);

    top: 0;

    left: 0;

    z-index: 9;

    -webkit-transition: all .5s;

    transition: all .5s

}



.cooperation-table .cooperation-item .text {

    text-align: center;

    padding: 50px 0

}



.cooperation-table .cooperation-item .text p {

    font-size: 14px;

    color: #666;

    line-height: 30px

}



.cooperation-table .cooperation-item:hover {

    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);

    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)

}



.cooperation-table .cooperation-item:hover .img-box .shadow {

    background: rgba(20, 177, 239, .7)

}



@media (max-width:768px) {

    .cooperation-table .cooperation-item .text {

        padding: 20px 0

    }

}



.cooperation-table:after {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    height: 0;

    content: ""

}



@media (max-width:768px) {

    .cooperation-table .cooperation-item {

        width: 100%;

        margin-bottom: 55px

    }



    .cooperation-table .cooperation-item:nth-of-type(3) {

        margin-bottom: 0

    }

}



.cooperation-pro .cooperation-pro-item {

    text-align: center

}



.cooperation-pro .cooperation-pro-item h3 {

    font-size: 20px;

    color: #5a5a5a;

    font-weight: 400

}



.cooperation-pro .cooperation-pro-item .img {

    margin-top: 40px;

    line-height: 230px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    padding: 0 55px

}



.cooperation-pro .cooperation-pro-item .img img {

    max-width: 100%

}



.cooperation-pro .cooperation-pro-item p {

    font-size: 16px;

    color: #5a5a5a

}



.cooperation-pro .cooperation-pro-item:nth-of-type(2) {

    position: relative

}



.cooperation-pro .cooperation-pro-item:nth-of-type(2):after,

.cooperation-pro .cooperation-pro-item:nth-of-type(2):before {

    content: "";

    position: absolute;

    top: 25%;

    bottom: 25%;

    width: 1px;

    background: #ededed

}



.cooperation-pro .cooperation-pro-item:nth-of-type(2):after {

    right: 0

}



.cooperation-pro .cooperation-pro-item:nth-of-type(2):before {

    left: 0

}



.cooperation-pro .cooperation-pro-item:hover .img {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px)

}



@media (max-width:768px) {

    .cooperation-pro .cooperation-pro-item h3 {

        margin-top: 30px

    }



    .cooperation-pro .cooperation-pro-item:last-child p {

        border-bottom: none

    }



    .cooperation-pro .cooperation-pro-item .img {

        line-height: normal

    }



    .cooperation-pro .cooperation-pro-item p {

        padding-bottom: 30px;

        border-bottom: 1px solid #eee

    }

}



.cooperation-mode {

    background: url(//static.cn86.cn/img/2018/12/30e91f6864fi894c.jpg) no-repeat 50% fixed !important;

    background-size: cover !important

}



.cooperation-mode .page-cooperation-title {

    margin-bottom: 100px

}



.cooperation-mode .page-cooperation-title h4,

.cooperation-mode .page-cooperation-title p {

    color: #fff

}



.cooperation-mode .cooperation-mode-center {

    text-align: center

}



.cooperation-mode .cooperation-mode-center .mode-list {

    display: inline-block;

    margin: 0 80px

}



.cooperation-mode .cooperation-mode-center .mode-list .icon .iconfont {

    font-size: 45px;

    color: #fff

}



.cooperation-mode .cooperation-mode-center .mode-list p {

    font-size: 20px;

    color: #fff

}



@media (max-width:768px) {

    .cooperation-mode .page-cooperation-title {

        margin-bottom: 30px

    }



    .cooperation-mode .cooperation-mode-center .mode-list {

        margin: 0 15px;

        margin-bottom: 20px

    }



    .cooperation-mode .cooperation-mode-center .mode-list .icon .iconfont {

        font-size: 35px

    }



    .cooperation-mode .cooperation-mode-center .mode-list p {

        font-size: 18px

    }

}



.cooperation-standby {

    background: url(//static.cn86.cn/img/2018/12/ba3116c413wshcjq.jpg) no-repeat 50% !important;

    background-size: cover !important

}



.cooperation-standby .page-cooperation-title {

    margin-bottom: 50px

}



.cooperation-standby .page-cooperation-title h4,

.cooperation-standby .page-cooperation-title p {

    color: #fff

}



.cooperation-standby .stand-tab {

    text-align: center

}



.cooperation-standby .stand-tab span {

    display: inline-block;

    margin: 10px 30px;

    font-size: 18px;

    color: hsla(0, 0%, 100%, .8);

    padding-bottom: 5px;

    cursor: pointer

}



.cooperation-standby .stand-tab .on {

    color: #fff;

    border-bottom: 2px solid #fff

}



.cooperation-standby .stand-tab-list {

    margin-top: 35px

}



.cooperation-standby .stand-tab-list .standby-list {

    position: relative;

    -webkit-transition: all .5s;

    transition: all .5s;

    background: #3e444a;

    font-size: 0;

    display: none

}



.cooperation-standby .stand-tab-list .standby-list .img {

    width: 57%;

    display: inline-block;

    vertical-align: top

}



.cooperation-standby .stand-tab-list .standby-list .img img {

    width: 100%;

    -webkit-transition: all .5s;

    transition: all .5s

}



.cooperation-standby .stand-tab-list .standby-list .standby-text {

    display: inline-block;

    width: 43%;

    padding: 50px 40px;

    vertical-align: top

}



.cooperation-standby .stand-tab-list .standby-list .standby-text .title {

    margin-bottom: 30px;

    margin-top: 30px

}



.cooperation-standby .stand-tab-list .standby-list .standby-text .title .icon {

    display: inline-block;

    vertical-align: middle

}



.cooperation-standby .stand-tab-list .standby-list .standby-text .title .icon .iconfont {

    font-size: 30px;

    color: #fff

}



.cooperation-standby .stand-tab-list .standby-list .standby-text .title .text {

    display: inline-block;

    vertical-align: middle;

    font-size: 26px;

    color: #fff;

    margin-left: 15px

}



.cooperation-standby .stand-tab-list .standby-list .standby-text .test {

    font-size: 15px;

    color: hsla(0, 0%, 100%, .8);

    line-height: 30px

}



@media (max-width:990px) {

    .cooperation-standby .stand-tab span {

        width: 25%;

        margin: 10px

    }



    .cooperation-standby .on {

        border-bottom: 1px solid #fff !important

    }



    .cooperation-standby .stand-tab-list {

        margin-top: 20px

    }



    .cooperation-standby .stand-tab-list .standby-list .img {

        width: 100%

    }



    .cooperation-standby .stand-tab-list .standby-list .standby-text {

        width: 100%;

        padding: 10px 20px

    }



    .cooperation-standby .stand-tab-list .standby-list .standby-text .title {

        margin: 10px 0

    }



    .cooperation-standby .stand-tab-list .standby-list .standby-text .title .icon .iconfont {

        font-size: 25px

    }



    .cooperation-standby .stand-tab-list .standby-list .standby-text .title .text {

        font-size: 20px

    }

}



@media (max-width:768px) {

    .cooperation-standby .standby-list {

        width: 100%;

        margin-bottom: 15px

    }



    .cooperation-standby .standby-list .standby-text p {

        display: block

    }

}



.cooperation-choose .cooperation-kehu .choose-xiangyun {

    text-align: justify

}



.cooperation-choose .cooperation-kehu .choose-xiangyun div {

    position: relative;

    display: inline-block;

    width: 32%;

    vertical-align: top;

    border: 1px solid #ddd

}



.cooperation-choose .cooperation-kehu .choose-xiangyun div:first-of-type,

.cooperation-choose .cooperation-kehu .choose-xiangyun div:nth-of-type(2),

.cooperation-choose .cooperation-kehu .choose-xiangyun div:nth-of-type(3) {

    margin-bottom: 50px

}



.cooperation-choose .cooperation-kehu .choose-xiangyun div img {

    width: 100%

}



.cooperation-choose .cooperation-kehu .choose-xiangyun div h3 {

    font-size: 17px;

    font-weight: 400;

    color: #333;

    background: #fff;

    margin: 0;

    line-height: 48px;

    text-align: center

}



.cooperation-choose .cooperation-kehu .choose-xiangyun div p {

    text-align: center;

    padding-bottom: 20px;

    font-size: 14px

}



.cooperation-choose .cooperation-kehu .choose-xiangyun div:hover {

    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, .1);

    box-shadow: 0 1px 12px rgba(0, 0, 0, .1)

}



.cooperation-choose .cooperation-kehu .choose-xiangyun:after {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    height: 0;

    content: ""

}



@media (max-width:768px) {

    .cooperation-choose .cooperation-kehu .choose-xiangyun div {

        width: 100%;

        margin-bottom: 30px !important

    }

}



.cooperation-partner {

    margin: 0 -6px

}



.cooperation-partner div[class*=col-] {

    margin-bottom: 12px;

    padding: 0 6px

}



.cooperation-partner div[class*=col-] a {

    display: block;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.cooperation-partner div[class*=col-] a img {

    width: 100%

}



.cooperation-partner div[class*=col-]:hover a {

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    box-shadow: 0 0 10px rgba(0, 0, 0, .1)

}



.cooperation-application {

    margin: 0;

    position: relative;

    text-align: justify

}



.cooperation-application div[class*=col-] {

    padding: 0;

    margin-bottom: 20px

}



.cooperation-application .app-list {

    width: 15%;

    position: relative;

    display: inline-block;

    vertical-align: top

}



.cooperation-application:after {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    height: 0;

    content: ""

}



.cooperation-application .application-item {

    position: relative;

    text-align: center;

    cursor: pointer

}



.cooperation-application .application-item .icon {

    display: inline-block;

    width: 82px;

    height: 82px;

    border-radius: 50%;

    background: none;

    line-height: 82px;

    margin-bottom: 20px;

    border: 2px solid #fff

}



.cooperation-application .application-item .icon .iconfont {

    font-size: 40px;

    color: #fff

}



.cooperation-application .application-item p {

    font-size: 16px;

    color: #fff;

    font-weight: 200

}



.cooperation-application .application-item:before {

    content: "";

    position: absolute;

    width: 92%;

    height: 1px;

    border-top: 1px dashed #fff;

    left: 127px;

    bottom: 83px

}



.cooperation-application .application-item:hover .icon {

    background: #fff

}



.cooperation-application .application-item:hover .icon .iconfont {

    color: #333

}



.cooperation-application .application-item:hover:after {

    border-color: #fff

}



.cooperation-application :last-child .application-item:before {

    display: none

}



@media (max-width:1200px) {

    .cooperation-application .application-item:before {

        display: none

    }

}



@media (max-width:768px) {

    .cooperation-application {

        text-align: left

    }



    .cooperation-application .app-list {

        width: 32.5%;

        margin-bottom: 15px

    }



    .cooperation-application .app-list .application-item .icon {

        width: 65px;

        height: 65px;

        line-height: 65px

    }



    .cooperation-application .app-list .application-item .icon .iconfont {

        font-size: 30px

    }

}



.jionmore {

    width: 192px;

    height: 44px;

    display: block;

    border-radius: 20px;

    background: #1fa1ea;

    color: #fff !important;

    text-align: center;

    line-height: 44px;

    font-size: 16px;

    margin: 0 auto;

    margin-top: 30px

}



.applications {

    background: url(//static.cn86.cn/img/2018/12/210249f85cfqmmon.png) top no-repeat !important;

    background-size: cover !important

}



.applications .page-cooperation-title h4 {

    color: #fff

}



@media (max-width:768px) {

    .applications {

        padding-bottom: 20px

    }

}



@media (max-width:768px) {

    .page-cooperation-title {

        padding: 0 15px

    }

}



.joinapply {

    max-width: 760px

}



.joinapply .mb-15 {

    font-size: 0;

    margin-bottom: 30px !important

}



.joinapply .mb-15 .title {

    display: inline-block;

    vertical-align: top;

    width: 100px;

    font-size: 14px;

    line-height: 34px;

    text-align: right;

    color: #333

}



.joinapply .mb-15 .title span {

    color: red;

    margin-right: 3px

}



.joinapply .mb-15 .form-input {

    line-height: 34px;

    display: inline-block;

    vertical-align: top;

    width: calc(100% - 150px);

    margin-left: 50px;

    position: relative

}



.joinapply .mb-15 .form-input .valid {

    color: #555 !important

}



.joinapply .mb-15 .form-input .form-control {

    -webkit-box-shadow: none;

    box-shadow: none

}



.joinapply .mb-15 .form-input .form-control.error {

    border: 1px solid red

}



.joinapply .mb-15 .form-input label {

    font-size: 15px;

    color: red;

    font-weight: 400;

    position: absolute;

    left: 102%;

    display: block;

    width: 200px;

    top: 0

}



.joinapply .mb-15 .form-input #distpicker {

    text-align: justify;

    height: 34px;

    line-height: 34px

}



.joinapply .mb-15 .form-input #distpicker select {

    display: inline-block;

    width: 32%;

    height: 34px;

    line-height: 34px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #999;

    background: url(../images/more.png) no-repeat 96%;

    border: 1px solid #ccc;

    border-radius: 4px

}



.joinapply .mb-15 .form-input #distpicker select:focus {

    border-color: #66afe9;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)

}



.joinapply .mb-15 .form-input #distpicker select.error {

    border: 1px solid red

}



.joinapply .mb-15 .form-input #distpicker:after {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    height: 0;

    content: ""

}



.joinapply .mb-15 .btn-primary {

    margin-left: 150px;

    width: 100px;

    background: #03a9f4;

    border: none

}



@media (max-width:768px) {

    .joinapply .mb-15 .title {

        width: 66px

    }



    .joinapply .mb-15 .form-input {

        width: calc(100% - 76px);

        margin-left: 10px

    }



    .joinapply .mb-15 .form-input #distpicker {

        height: 105px

    }



    .joinapply .mb-15 .form-input #distpicker select {

        font-size: 13px;

        width: 100%

    }



    .joinapply .mb-15 .form-input label {

        width: auto;

        left: auto;

        right: 33px;

        font-size: 12px

    }



    .joinapply .mb-15 .btn-primary {

        margin-left: 76px

    }

}



.joinapply-anchor {

    padding: 0 !important;

    line-height: 75px !important;

    background: #fff

}



.joinapply-anchor .container {

    border: none !important

}



.joinapply-anchor .container .anchor {

    font-size: 24px !important;

    color: #333

}



.joinapply-form {

    padding: 0 !important;

    margin: 0 !important

}



.joinapply-form .container {

    background: #fff;

    padding-top: 30px;

    margin-top: 30px;

    margin-bottom: 30px

}



.contact-banner {

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    height: 350px;

    line-height: 350px

}



.contact-banner .wz {

    display: inline-block;

    line-height: 1;

    vertical-align: middle;

    width: 100%;

    text-align: center;

    color: #fff

}



.contact-banner .wz h3 {

    font-size: 34px;

    color: #fff;

    font-weight: 400;

    margin: 0 0 30px

}



.contact-banner .wz p {

    font-size: 15px;

    text-transform: uppercase

}



@media (max-width:990px) {

    .contact-banner {

        height: 220px;

        line-height: 220px

    }



    .contact-banner .wz h3 {

        font-size: 30px

    }



    .contact-banner .wz p {

        font-size: 16px;

        line-height: 25px

    }

}



.page-contact-wrap .container {

    background: #fff;

    padding-bottom: 40px

}



.page-contact-list {

    font-size: 0;

    padding: 20px 0

}



.page-contact-list li {

    display: inline-block;

    vertical-align: top;

    width: 50%;

    padding-left: 2%;

    margin: 30px 0

}



.page-contact-list li .text-wrap+.text-wrap {

    margin-top: 25px

}



.page-contact-list li .icon {

    float: left;

    line-height: 35px;

    margin-right: 20px

}



.page-contact-list li .icon .iconfont {

    font-size: 35px

}



.page-contact-list li .wz {

    overflow: hidden

}



.page-contact-list li .wz h5 {

    font-size: 18px;

    font-weight: 400;

    margin: 0 0 10px

}



.page-contact-list li .wz p {

    font-size: 14px;

    color: #444;

    line-height: 1.8

}



.page-contact-list li .wz p a {

    font-size: 14px

}



.page-contact-list li .wz p+p {

    margin-top: 10px

}



@media (max-width:768px) {

    .page-contact-wrap .page-contact-list li .wz h5 {

        font-size: 16px;

        color: #333

    }

}



.page-contact-wrap .page-pay-list {

    padding-top: 60px

}



.page-contact-wrap .page-pay-list li {

    padding-left: 0;

    width: 100%;

    border-bottom: 1px solid #ddd

}



.page-contact-wrap .page-pay-list li .pay-title {

    padding-bottom: 20px

}



.page-contact-wrap .page-pay-list li .pay-title img {

    max-width: 100%

}



.page-contact-wrap .page-pay-list li .wz {

    font-size: 0;

    margin-bottom: 25px

}



.page-contact-wrap .page-pay-list li .wz span {

    display: inline-block;

    font-size: 16px

}



.page-contact-wrap .page-pay-list li .wz span:first-of-type,

.page-contact-wrap .page-pay-list li .wz span:nth-of-type(2) {

    width: 36%

}



.page-contact-wrap .page-pay-list li .wz span:nth-of-type(3) {

    width: 28%

}



@media (max-width:1200px) {

    .page-contact-wrap .page-pay-list {

        padding-top: 30px

    }



    .page-contact-wrap .page-pay-list li .wz span {

        width: 100% !important;

        line-height: 30px

    }

}



.page-contact-wrap .contact-map {

    margin: 0 -15px

}



.page-contact-wrap .contact-map img {

    width: 100%

}



.contact-branch {

    margin-top: 40px

}



.contact-branch h2 {

    font-size: 26px;

    color: #444;

    line-height: 2.2;

    border-bottom: 1px solid #e4e2e2;

    margin: 0 0 25px;

    text-indent: 20px

}



.contact-branch .contact-item {

    margin-bottom: 20px

}



.contact-branch .contact-item p {

    font-size: 16px;

    color: #444;

    line-height: 1.8;

    margin-bottom: 10px;

    padding-left: 20px

}



.contact-branch .contact-item p strong {

    font-size: 18px;

    font-weight: 400

}



.contact-branch .contact-item p:nth-of-type(2),

.contact-branch .contact-item p:nth-of-type(3) {

    font-size: 14px

}



@media (max-width:990px) {

    .page-contact-list li {

        display: block;

        width: 100%;

        padding-left: 5%

    }



    .page-contact-wrap .contact-branch h2 {

        font-size: 22px

    }

}



.page-contact-wrap .page-links-list {

    padding-top: 50px

}



.page-contact-wrap .page-links-list li {

    text-align: center;

    margin-bottom: 50px

}



.page-contact-wrap .page-links-list li a {

    display: block;

    width: 100%;

    height: 100%

}



.page-contact-wrap .page-links-list li .iconfont {

    font-size: 40px;

    color: #666

}



.page-contact-wrap .page-links-list li span {

    display: block;

    font-size: 18px;

    color: #666;

    line-height: 45px

}



.page-contact-wrap .page-links-list li:hover .iconfont,

.page-contact-wrap .page-links-list li:hover span {

    color: #03a9f4

}



.form-horizontal {

    padding: 50px 0

}



.form-horizontal .mes-left {

    width: 46%;

    float: left

}



.form-horizontal .mes-left img {

    max-width: 100%

}



.form-horizontal .mes-right {

    width: 45.8%;

    float: right

}



.form-horizontal .mes-right h2 {

    font-size: 28px;

    color: #000;

    font-weight: 400;

    line-height: 35px;

    padding-bottom: 15px

}



.form-horizontal .mes-right h2 p {

    font-size: 16px

}



.form-horizontal .mes-right input {

    border-radius: 0;

    border: 1px solid #ddd

}



.form-horizontal .mes-right input:focus {

    -webkit-box-shadow: none;

    box-shadow: none

}



.form-horizontal .mes-right textarea {

    border-radius: 0;

    border: 1px solid #ddd

}



.form-horizontal .mes-right textarea:focus {

    -webkit-box-shadow: none;

    box-shadow: none

}



.form-horizontal .mes-right button {

    width: 100px;

    height: 40px;

    border: 1px solid #ddd;

    border-radius: 0;

    background: none;

    color: #333;

    text-align: center;

    line-height: 40px;

    padding: 0;

    -webkit-transition: all .3s;

    transition: all .3s;

    font-size: 14px;

    outline: none

}



.form-horizontal .mes-right button:first-of-type,

.form-horizontal .mes-right button:hover {

    background: #03a9f4;

    color: #fff;

    border: 1px solid #03a9f4

}



.form-horizontal .mes-right button:first-of-type:hover {

    background: #0083cc;

    border: 1px solid #0083cc

}



.form-horizontal .mes-right .code,

.form-horizontal .mes-right .codes {

    display: block;

    width: calc(100% - 130px);

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;

    float: left

}



.form-horizontal .mes-right .tel-btn {

    float: right;

    width: calc(100% - 415px);

    height: 34px;

    text-align: center;

    line-height: 34px;

    border: 1px solid #ccc;

    font-size: 14px;

    color: #999;

    cursor: pointer

}



#captcha {

    float: right

}



@media (max-width:990px) {

    .form-horizontal {

        padding: 50px 0

    }



    .form-horizontal .mes-left,

    .form-horizontal .mes-right {

        width: 100%;

        float: none

    }

}



.modal-body {

    position: relative;

    padding: 0 10px

}



.modal-body .icon-error {

    font-size: 33px;

    color: red

}



.modal-body .icon-icon {

    font-size: 33px;

    color: #01d501

}



.modal-body .breakall {

    display: block;

    line-height: 45px;

    font-size: 16px

}



.js-write p>span {

    display: inline-block;

    width: 70px;

    font-weight: 700

}



.js-write p a {

    display: inline-block;

    margin-left: 10px;

    font-size: 0

}



.page-product-text .js-write p {

    font-size: 16px;

    line-height: 2.5

}



.page-product-text .js-write p>span {

    width: 100px

}



.page-product-text .js-write p a {

    vertical-align: middle

}



.page-product-text .js-write .wx-box {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    margin: 0 5px;

    width: 30px;

    text-align: center

}



.page-product-text .js-write .wx-box>img {

    width: 25px;

    display: block

}



.page-product-text .js-write .wx-box .wx-pop {

    position: absolute;

    z-index: 999;

    background: #fff;

    padding: 2px;

    border-radius: 2px;

    right: 0;

    top: 100%;

    border: 1px solid #efefef;

    display: none

}



.page-product-text .js-write .wx-box .wx-pop>img {

    width: 130px;

    display: block

}



.page-product-text .js-write .wx-box:hover .wx-pop {

    display: block

}



@media (max-width:990px) {

    .page-product-text .js-write p {

        font-size: 14px;

        line-height: 2

    }



    .page-product-text .js-write p>span {

        width: 100%;

        display: block

    }



    .page-product-text .js-write .wx-box>img {

        width: 20px

    }

}



.page-product-contact .page-product-text {

    width: 40%;

    margin-left: 10%

}



.page-product-contact .page-product-text .js-write p a {

    margin-left: 0

}



@media (max-width:1200px) {

    .page-product-contact .page-product-text {

        width: 45%;

        margin-left: 5%

    }



    .page-product-contact .page-product-text .js-write p {

        font-size: 14px

    }



    .page-product-contact .page-product-text .js-write p>span {

        width: 80px

    }

}



.page-job-box {

    background: #fff;

    padding: 50px 0;

    font-size: 0

}



.page-job-box .job-sort {

    width: 180px;

    display: inline-block;

    vertical-align: top;

    padding-top: 0

}



.page-job-box .job-sort .sort-list {

    text-align: left

}



.page-job-box .job-sort .sort-list li {

    margin: 0;

    display: block

}



.page-job-box .job-sort .sort-list li a {

    border-bottom: none;

    padding: 25px 0;

    padding-top: 0

}



.page-job-box .job-sort .sort-list .active a,

.page-job-box .job-sort .sort-list li a:hover {

    border-bottom: none;

    font-weight: 400

}



.page-job-box .job-sort .scan-qr {

    margin-top: 10px;

    text-align: center;

    border: 1px solid #efefef;

    padding: 2px

}



.page-job-box .job-sort .scan-qr p {

    font-size: 14px;

    color: #333;

    line-height: 1.6

}



.page-job-box .job-sort .scan-qr .img img {

    max-width: 100%

}



.job-list {

    width: calc(100% - 280px);

    display: inline-block;

    vertical-align: top

}



.job-head {

    background: #f6f6f6;

    display: table;

    width: 100%

}



.job-head li {

    display: table-cell;

    width: 25%;

    font-size: 14px;

    color: #666;

    font-weight: 400;

    padding: 15px 0 15px 5%;

    vertical-align: middle

}



.job-body .job-item {

    display: table;

    width: 100%

}



.job-body .job-item li {

    font-size: 14px;

    color: #333;

    padding: 12px 0 12px 5%;

    display: table-cell;

    width: 25%;

    vertical-align: middle

}



.job-body .job-item li a:hover {

    color: #03a9f4

}



@media (min-width:990px) {

    .job-body .job-item:not(:last-child) {

        border-bottom: 1px dashed #e0e0e0

    }

}



@media (max-width:990px) {

    .job-sort {

        width: 100% !important

    }



    .job-sort .sort-list li {

        display: inline-block !important;

        width: 33%;

        padding: 0 5px;

        padding-left: 0

    }



    .job-sort .sort-list li a {

        font-size: 16px

    }



    .job-list {

        border: none;

        display: block;

        width: 100%

    }



    .job-head {

        display: none

    }



    .job-body {

        display: block

    }



    .job-body .job-item {

        border: 1px solid #e0e0e0;

        margin-bottom: 10px;

        display: block;

        width: 100%;

        margin-bottom: 20px

    }



    .job-body .job-item li {

        display: block;

        width: 100%;

        border-bottom: none;

        font-size: 14px;

        color: #333;

        padding: 12px;

        text-align: right

    }



    .job-body .job-item li:first-child {

        background: #eee

    }



    .job-body .job-item li:not(:last-child) {

        border-bottom: 1px dashed #e0e0e0

    }



    .job-body .job-item li:before {

        content: attr(data-title);

        float: left;

        font-weight: 700

    }

}



.page-job-welfare {

    background: #f6f6f6;

    padding: 60px 0

}



.page-job-welfare .welfare-title {

    text-align: center;

    font-size: 20px;

    color: #333;

    margin-bottom: 30px

}



.welfare-list .welfare-item {

    text-align: center;

    margin-bottom: 20px

}



.welfare-list .welfare-item .icon {

    display: block;

    margin-bottom: 20px

}



.welfare-list .welfare-item .icon .iconfont {

    font-size: 60px;

    color: #333

}



.welfare-list .welfare-item p {

    font-size: 14px;

    color: #333

}



@media (max-width:768px) {

    .welfare-list .welfare-item .icon {

        margin-bottom: 5px

    }



    .welfare-list .welfare-item .icon .iconfont {

        font-size: 40px

    }

}



.page-job-detail {

    padding: 50px 0;

    border-bottom: 1px solid #e0e0e0

}



.page-job-detail .job-sort {

    width: 180px;

    display: inline-block;

    vertical-align: top;

    padding-top: 0

}



.page-job-detail .job-sort .sort-list {

    text-align: left

}



.page-job-detail .job-sort .sort-list li {

    margin: 0;

    display: block

}



.page-job-detail .job-sort .sort-list li a {

    border-bottom: none;

    padding: 25px 0;

    padding-top: 0

}



.page-job-detail .job-sort .sort-list .active a,

.page-job-detail .job-sort .sort-list li a:hover {

    border-bottom: none;

    font-weight: 400

}



.page-job-detail .job-detail {

    width: calc(100% - 280px);

    display: inline-block

}



.page-job-detail .job-detail .job-detail-title {

    font-size: 22px;

    color: #333;

    font-weight: 400;

    padding-left: 20px;

    padding-bottom: 25px;

    margin: 0

}



.page-job-detail .job-detail .job-detail-title .time {

    font-size: 14px;

    color: #999;

    margin-left: 40px

}



.page-job-detail .job-detail .job-detail-title .time i {

    padding: 0 3px

}



.page-job-detail .job-detail .job-detail-body {

    padding: 20px

}



.page-job-detail .job-detail .job-detail-body .job-detail-list {

    margin-bottom: 20px

}



.page-job-detail .job-detail .job-detail-body .job-detail-list li {

    display: inline-block;

    width: 48%;

    font-size: 14px;

    color: #333

}



@media (max-width:990px) {

    .page-job-detail .job-detail .job-detail-body .job-detail-list li {

        display: block;

        width: 100%;

        margin: 10px 0

    }

}



.page-job-detail .job-detail .job-detail-body .job-detail-item {

    margin-bottom: 25px

}



.page-job-detail .job-detail .job-detail-body .job-detail-item h4 {

    font-size: 14px;

    color: #333;

    line-height: 26px

}



.page-job-detail .job-detail .job-detail-body .job-detail-item .job-content {

    font-size: 14px;

    line-height: 28px;

    color: #666

}



.page-job-detail .job-detail .job-detail-body .job-email {

    color: #445780;

    font-size: 13px;

    text-decoration: underline

}



.page-job-detail .job-detail .job-detail-body .job-email a {

    color: #445780

}



.page-job-detail .job-detail .job-detail-body .job-email a:hover {

    text-decoration: underline

}



.page-job-detail .job-detail .job-detail-body .job-email .iconfont {

    color: inherit;

    margin-right: 5px

}



@media (max-width:990px) {

    .job-detail {

        width: 100% !important

    }

}



@media (max-width:768px) {

    .job-detail-title {

        padding-bottom: 0 !important;

        padding-left: 0 !important;

        font-size: 15px !important;

        font-weight: 700 !important

    }



    .job-detail-title .time {

        font-weight: 400 !important

    }



    .job-detail-body {

        padding: 20px 0 !important

    }



    .time {

        display: block;

        margin-left: 0 !important;

        margin-top: 20px

    }

}



.template-banner-box {

    position: relative

}



.template-banner-box .template-banner .template-search {

    position: absolute;

    left: 0;

    width: 100%;

    top: 120px;

    line-height: 1

}



.template-banner-box .template-banner .template-search .search-title {

    text-align: center;

    font-size: 34px;

    color: #fff;

    margin-bottom: 30px

}



.template-banner-box .template-banner .template-search .search-title span {

    color: #00ffba

}



.template-banner-box .template-banner .template-search .search-title p {

    display: inline-block

}



.template-banner-box .template-banner .template-search .search-title p+p {

    margin-left: 24px

}



.template-banner-box .template-banner .template-search .search {

    position: relative;

    max-width: 480px;

    margin: 0 auto

}



.template-banner-box .template-banner .template-search .search .keyword {

    width: 100%;

    border-radius: 18px;

    line-height: 42px;

    height: 42px;

    border: none;

    border-bottom: 1px solid #d2d2d2;

    font-size: 14px;

    text-indent: 15px;

    outline: none

}



.template-banner-box .template-banner .template-search .search .input-submit {

    position: absolute;

    width: 52px;

    height: 42px;

    top: 0;

    right: 0;

    border: none;

    outline: none;

    background: none;

    z-index: 99;

    font-size: 0

}



.template-banner-box .template-banner .template-search .search .icon-sousuo1 {

    position: absolute;

    top: calc(50% - 10px);

    right: 15px;

    font-size: 23px;

    z-index: 9;

    color: #919191

}



@media (max-width:990px) {

    .template-banner-box .template-banner .template-search {

        top: 20px

    }



    .template-banner-box .template-banner .template-search .search-title {

        font-size: 24px

    }

}



.template-nav {

    height: 80px;

    background: #f8f8f8

}



.template-nav ul li {

    width: 20%;

    float: left;

    text-align: center;

    -webkit-transition: all .3s;

    transition: all .3s;

    border-left: 1px solid #e8e8e8

}



.template-nav ul li h3 {

    font-size: 16px;

    font-weight: 400;

    margin: 0;

    height: 80px;

    line-height: 80px;

    position: relative

}



.template-nav ul li h3 .iconfont {

    font-size: 20px;

    margin-right: 10px

}



.template-nav ul li:hover h3,

.template-nav ul li:hover h3 .iconfont {

    color: #0dafee

}



.template-nav ul .active {

    background: #f1f1f1

}



.template-nav ul .active h3,

.template-nav ul .active h3 .iconfont {

    color: #0dafee

}



@media (max-width:768px) {

    .template-nav .container {

        padding-left: 0;

        padding-right: 0

    }



    .template-nav ul li h3,

    .template-nav ul li h3 .iconfont {

        font-size: 12px

    }

}



.template-wrap {

    margin-top: 20px

}



.template-wrap .filter-item {

    overflow: hidden

}



.template-wrap .filter-item a {

    display: inline-block;

    line-height: 28px;

    font-size: 14px;

    cursor: pointer;

    margin-bottom: 15px;

    text-align: center;

    background: #f8f8f8;

    border: 1px solid #f8f8f8

}



.template-wrap .filter-item a.active {

    background: #f5fcff;

    color: #00abee;

    border-color: #a6e2f9

}



.template-wrap .filter-item.filter-item-type {

    margin: 8px 0 10px;

    border-bottom: 1px solid #ededed

}



.template-wrap .filter-item.filter-item-type a {

    margin-right: 15px;

    padding: 0 15px

}



.template-wrap .filter-item.filter-item-mixed {

    border-top: 1px solid #ededed;

    margin-top: 10px;

    padding-top: 15px;

    margin-bottom: 10px

}



.template-wrap .filter-item.filter-item-mixed a {

    width: 80px;

    margin-right: 15px

}



.template-wrap .filter-item.filter-item-industry a {

    width: 131px;

    margin: 8px 10px 8px 0

}



@media (max-width:768px) {

    .template-wrap .filter-item.filter-item-industry a {

        width: 45%

    }

}



.template-wrap .filter-color-item {

    margin: 10px 0

}



.template-wrap .filter-color-item a {

    display: inline-block;

    width: 42px;

    height: 14px;

    line-height: 14px;

    overflow: hidden;

    text-align: center;

    margin: 8px 6px

}



.template-wrap .filter-color-item a .iconfont {

    display: none

}



.template-wrap .filter-color-item a.active .iconfont {

    display: block;

    color: #fff

}



.template-wrap .filter-color-item a.color-white.active .iconfont {

    color: #000

}



.template-wrap .filter-color-item .all-color {

    background: url(//static.cn86.cn/img/2019/05/d6b43d3f38ksceeq.jpg) 50% no-repeat;

    margin-left: 0

}



.template-wrap .filter-color-item .color-red {

    background: #cd001f

}



.template-wrap .filter-color-item .color-orange {

    background: #f48735

}



.template-wrap .filter-color-item .color-yellow {

    background: #f3e047

}



.template-wrap .filter-color-item .color-green {

    background: #5ecb3a

}



.template-wrap .filter-color-item .color-blue {

    background: #4398e8

}



.template-wrap .filter-color-item .color-purple {

    background: #6a2fd7

}



.template-wrap .filter-color-item .color-pink {

    background: #e85e9f

}



.template-wrap .filter-color-item .color-magenta {

    background: #d200cc

}



.template-wrap .filter-color-item .color-brown {

    background: #8c5126

}



.template-wrap .filter-color-item .color-black {

    background: #000

}



.template-wrap .filter-color-item .color-gray {

    background: #979797

}



.template-wrap .filter-color-item .color-white {

    background: #fff;

    border: 1px solid #d0cece

}



.template-wrap .filter-color-item .color-white .iconfont {

    color: #000

}



.template-lists-wrap {

    margin: 0 -15px

}



.template-lists {

    vertical-align: top;

    padding-bottom: 30px;

    position: relative

}



.search-keyword-tip {

    border-bottom: 1px solid #efefef;

    line-height: 40px;

    margin-bottom: 20px;

    font-size: 14px;

    padding-left: 5px

}



.search-keyword-tip .count {

    color: #ffb199;

    padding: 0 5px

}



.template-lists .template-pro {

    padding: 0 15px;

    width: 25%;

    float: left;

    position: relative;

    margin-bottom: 25px

}



.template-lists-item .img {

    display: block;

    position: relative;

    border: 1px solid #e5e5e5

}



.template-lists-item .img img {

    width: 100%

}



.template-lists-item .img .isnew {

    width: auto;

    max-width: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.template-lists-item .img .preview {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .7);

    opacity: 0;

    -webkit-transition: all .3s;

    transition: all .3s;

    z-index: 9

}



.template-lists-item .img .preview .sec {

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: 59%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.template-lists-item .img .preview .sec a {

    width: 122px;

    height: 36px;

    display: block;

    border-radius: 20px;

    background: #03a9f4;

    color: #fff;

    font-size: 13px;

    line-height: 36px;

    text-align: center;

    -webkit-transition: all .3s;

    transition: all .3s;

    margin: 0 4px

}



.template-lists-item .img .preview .sec a:hover {

    background: #0083cc

}



@media (max-width:760px) {

    .template-lists-item .img .preview .sec a {

        width: 80px;

        height: 30px;

        font-size: 12px;

        line-height: 30px

    }

}



.template-lists-item .img .preview span {

    height: 36px;

    display: block;

    border-radius: 3px;

    color: #fff;

    font-size: 13px;

    line-height: 36px;

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: 47%;

    -webkit-transform: translateY(-30%);

    transform: translateY(-50%);

    text-transform: Uppercase

}



@media (max-width:760px) {

    .template-lists-item .img .preview span {

        width: 100%

    }

}



.template-lists-item .text {

    position: relative;

    padding: 15px;

    -webkit-transition: all .3s;

    transition: all .3s;

    line-height: 14px

}



.template-lists-item .text .numbering {

    font-size: 14px;

    font-weight: 200;

    margin: 0;

    color: #444;

    width: calc(100% - 68px);

    padding-bottom: 4px

}



.template-lists-item .text .hits .iconfont {

    position: relative;

    top: 2px

}



@media (max-width:760px) {

    .template-lists-item .text {

        padding: 7px

    }

}



.template-lists-item:hover {

    -webkit-transition: all .3s;

    transition: all .3s

}



.template-lists-item:hover .img .preview {

    opacity: 1

}



.template-lists-item:hover .text {

    background: #fff

}



.template-lists-item:hover .text h3 a span {

    color: #03a9f4

}



@media (max-width:1440px) {

    .template-lists .template-pro {

        width: 33.3333333%

    }

}



@media (max-width:780px) {

    .template-lists .template-pro {

        width: 50%

    }

}



@media (max-width:480px) {

    .template-lists .template-pro {

        width: 100%

    }

}



.template-search-error-title {

    text-align: center;

    padding-bottom: 80px

}



.template-search-error-title h3 {

    font-size: 36px;

    color: #666;

    font-weight: 100;

    padding-bottom: 10px

}



.template-search-error-title h3 .keys {

    color: #0dafee

}



.template-search-error-title p {

    font-size: 18px;

    color: #999

}



.template-paging {

    height: 58px;

    border: 1px solid #e3e2e2;

    background: #fff;

    position: relative;

    padding: 10px 0

}



.template-paging .next-page,

.template-paging .prev-page {

    width: 77px;

    height: 38px;

    border: 1px solid #999;

    text-align: center;

    line-height: 36px;

    font-size: 12px;

    border-radius: 2px;

    position: absolute;

    top: 10px

}



.template-paging .next-page a,

.template-paging .prev-page a {

    color: #474747

}



.template-paging .next-page:hover,

.template-paging .prev-page:hover {

    opacity: .6

}



.template-paging .prev-page {

    left: 10px

}



.template-paging .next-page {

    right: 10px

}



.template-paging .all-page {

    text-align: center;

    line-height: 38px;

    font-size: 13px;

    color: #333;

    font-weight: 100;

    padding: 0 100px

}



.template-paging .disabled {

    cursor: not-allowed;

    opacity: .6

}



.template-paging .disabled a {

    cursor: not-allowed

}



@media (max-width:768px) {

    .template-wrap .container {

        padding: 0 15px

    }



    .template-wrap .template-lists {

        width: 100%;

        background: #fff;

        padding: 20px 15px

    }



    .template-wrap .template-lists .secondarytype {

        margin: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }

}



.template-filter {

    margin-bottom: 50px;

    width: 335px;

    display: inline-block;

    vertical-align: top;

    background: #fff;

    padding: 70px 50px;

    padding-left: 0;

    position: relative

}



.template-filter .filter-type-wrap {

    font-weight: 200;

    margin-bottom: 40px

}



.template-filter .filter-type-wrap .filter-type {

    padding-top: 10px

}



.template-filter .filter-type-wrap .filter-title {

    font-size: 18px;

    color: #000;

    line-height: 30px;

    margin-bottom: 25px

}



.template-filter .filter-type-wrap .filter-title .icon-xiajiantou {

    margin-right: 5px

}



.template-filter .filter-type-wrap .filter-title span {

    margin-right: 5px;

    color: #03a9f4

}



.template-filter .filter-type-wrap .filter-item {

    overflow: hidden

}



.template-filter .filter-type-wrap .filter-item span {

    display: inline-block;

    line-height: 28px;

    font-size: 14px;

    cursor: pointer;

    margin-bottom: 15px;

    text-align: center;

    background: #f8f8f8;

    border: 1px solid #f8f8f8

}



.template-filter .filter-type-wrap .filter-item span:nth-of-type(4n) {

    margin-right: 0

}



.template-filter .filter-type-wrap .filter-item span a {

    position: relative;

    display: block;

    font-weight: 400

}



.template-filter .filter-type-wrap .filter-item span a:before {

    content: "";

    position: absolute;

    top: -4px;

    bottom: -4px;

    left: -10px;

    right: -10px

}



.template-filter .filter-type-wrap .filter-item span a:hover {

    color: #fff

}



.template-filter .filter-type-wrap .filter-item span.active {

    background: #f5fcff;

    border-color: #a6e2f9

}



.template-filter .filter-type-wrap .filter-item span.active a,

.template-filter .filter-type-wrap .filter-item span:hover a {

    color: #00abee

}



@media (max-width:768px) {

    .template-filter .filter-type-wrap .filter-title {

        margin-bottom: 10px

    }



    .template-filter .filter-type-wrap .filter-item {

        display: none

    }

}



.template-filter .filter-type-wrap .filter-business span {

    width: 136px;

    display: inline-block;

    padding: 0;

    margin-right: 13px;

    text-align: center;

    margin-bottom: 15px

}



.template-filter .filter-type-wrap .filter-business span:nth-of-type(2n) {

    margin-right: 0

}



.template-filter .filter-type-wrap .filter-business .active {

    background: #f5fcff !important;

    border-color: #a6e2f9 !important

}



.template-filter .filter-type-wrap .filter-business .active a {

    color: #fff

}



.template-filter .filter-type-wrap .filter-business:after {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    height: 0;

    content: ""

}



.template-filter .filter-type-item {

    padding-top: 10px;

    margin-bottom: 40px

}



.template-filter .filter-type-item .filter-item {

    position: relative

}



.template-filter .filter-type-item .filter-item .more-btn {

    position: absolute;

    line-height: 28px;

    right: 0;

    bottom: 2px;

    padding-left: 20px;

    font-size: 14px;

    color: #03a9f4;

    cursor: pointer

}



.template-filter .filter-type-item .filter-item .more-btn .iconfont {

    color: #03a9f4;

    font-size: 25px;

    line-height: 1;

    vertical-align: -4px

}



.template-filter.case-filter .filter-type-item {

    border-bottom: none;

    border-top: 1px solid #e4e4e4

}



.page-template-detail {

    background: #f1f1f1

}



.page-template-detail .container-big {

    position: relative

}



.template-detail-left {

    width: 68.5%;

    padding: 40px 40px 100px 0

}



.template-thumbnail {

    text-align: center;

    font-size: 0;

    margin-bottom: 35px;

    position: relative

}



.template-thumbnail .tpl-item {

    display: inline-block;

    width: calc(20% - 10px);

    cursor: pointer;

    margin-right: 12.5px;

    position: relative

}



.template-thumbnail .tpl-item.last {

    margin-right: 0

}



.template-thumbnail .tpl-item img {

    border-radius: 5px;

    width: 100%

}



.template-thumbnail .tpl-item:after {

    position: absolute;

    content: "";

    z-index: 9;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    background: rgba(0, 0, 0, .5);

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.template-thumbnail .tpl-item.active:after,

.template-thumbnail .tpl-item:hover:after {

    opacity: 0

}



.template-thumbnail .tpl-item-bg {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: calc(20% - 10px);

    border-radius: 3px;

    -webkit-box-shadow: inset 0 0 0 3px #323a48;

    box-shadow: inset 0 0 0 3px #323a48;

    opacity: 0

}



.template-thumbnail .tpl-item-bg:after {

    content: "";

    width: 0;

    height: 0;

    line-height: 0;

    font-size: 0;

    overflow: hidden;

    border-width: 5px;

    cursor: pointer;

    border-style: solid dashed dashed;

    border-color: #323a48 transparent transparent;

    border-bottom: none;

    position: absolute;

    bottom: -5px;

    left: calc(50% - 5px)

}



.template-thumbnail.template-thumbnail-all .tpl-item {

    width: calc(16.666666% - 10px);

    margin-right: 12px

}



.template-thumbnail.template-thumbnail-all .tpl-item.last {

    margin-right: 0

}



.template-thumbnail.template-thumbnail-all .tpl-item-bg {

    width: calc(16.666666% - 10px)

}



.template-normal {

    position: relative;

    border: 5px solid #ccc

}



.template-normal img {

    display: inline-block;

    max-width: 100%

}



.template-normal .slick-slide {

    outline: none

}



.template-detail-right {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    width: 31.5%;

    background: #fff;

    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, .15);

    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, .15);

    padding: 35px

}



.template-detail-right h3 {

    font-size: 24px;

    color: #444;

    font-weight: 400;

    margin: 5px 0 25px

}



.template-detail-right ul li {

    margin-bottom: 20px;

    font-size: 16px;

    font-weight: lighter;

    color: #444

}



.template-detail-right ul li .iconfont {

    font-size: 22px;

    color: #464646;

    margin-right: 10px;

    vertical-align: middle

}



.template-detail-right ul li .price {

    color: #f92828;

    font-size: 30px;

    font-weight: 400;

    display: inline-block;

    vertical-align: -4px

}



.template-detail-right a.preview {

    display: block;

    border-radius: 5px;

    background: #03a9f4;

    font-size: 24px;

    line-height: 2.6;

    text-align: center;

    color: #fff

}



@media (max-width:990px) {

    .template-detail-right {

        position: static;

        width: 100%;

        padding: 20px

    }



    .template-detail-right h3 {

        font-size: 20px;

        margin-bottom: 10px

    }



    .template-detail-right ul li {

        margin-bottom: 10px

    }



    .template-detail-right a.preview {

        font-size: 16px

    }



    .template-detail-left {

        width: 100%;

        padding: 20px 0

    }



    .template-thumbnail {

        display: none

    }

}



.secondarytype {

    margin: 0 15px;

    margin-bottom: 60px;

    border-bottom: 1px solid #ddd;

    padding-bottom: 14px

}



.secondarytype span {

    font-size: 15px;

    padding: 0 20px;

    margin-right: 10px;

    line-height: 30px;

    display: inline-block;

    border-radius: 20px;

    border: 1px solid #fff

}



.secondarytype span:hover a,

.secondarytype span a:hover {

    color: #00ade9

}



.secondarytype .active {

    border: 1px solid #00ade9;

    border-radius: 3px;

    background: url(../images/choose.png) no-repeat 100% 100%

}



.secondarytype .active a {

    color: #00ade9

}



@media (max-width:768px) {

    .secondarytype {

        margin: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

        padding: 20px 15px

    }



    .secondarytype span {

        padding: 0 15px

    }

}



.preview-img {

    background: #f6f6f6;

    position: relative;

    top: 58px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.preview-img .thumb-imgs {

    text-align: center;

    font-size: 0;

    padding: 20px 0

}



.preview-img .thumb-imgs .img-wrap {

    display: inline-block;

    vertical-align: middle;

    width: calc(12.5% - 20px);

    margin: 0 10px;

    position: relative;

    height: 106px;

    overflow: hidden;

    border: 1px solid #ebebeb;

    cursor: pointer;

    background-position: center 0;

    background-size: cover

}



.preview-img .thumb-imgs .img-wrap img {

    width: 100%;

    display: none

}



.preview-img .thumb-imgs .img-wrap:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 61, 85, .41);

    opacity: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.preview-img .thumb-imgs .img-wrap.active:after,

.preview-img .thumb-imgs .img-wrap:hover:after {

    opacity: 1

}



@media (max-width:990px) {

    .preview-img .thumb-imgs .img-wrap {

        height: 56px

    }

}



.preview-img .original-img {

    text-align: center;

    position: relative

}



.preview-img .original-img img {

    max-width: 100%

}



.preview-img .original-img:hover .arrows-btn a {

    opacity: 1

}



.preview-img .original-img .arrows-btn a {

    position: fixed;

    z-index: 99;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    top: calc(50% - 35px);

    opacity: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    background: rgba(0, 0, 0, .3);

    border-right: 5px

}



.preview-img .original-img .arrows-btn a i {

    font-size: 20px;

    color: #fff

}



.preview-img .original-img .arrows-btn a:hover {

    background: rgba(0, 0, 0, .8)

}



.preview-img .original-img .arrows-btn .img-prev {

    left: 10px

}



.preview-img .original-img .arrows-btn .img-next {

    right: 10px

}



.phone-input {

    position: relative;

    padding-right: 120px

}



.phone-input .send-code {

    top: 0;

    position: absolute;

    right: 0;

    width: 100px;

    height: 34px;

    border: 1px solid #ddd;

    line-height: 32px;

    text-align: center;

    font-size: 14px;

    color: #1fb3ee;

    -moz-user-select: none;

    cursor: pointer

}



.phone-input .send-code:not(.clicked):hover {

    border-color: #1fb3ee;

    background: #1fb3ee;

    color: #fff

}



.phone-input .send-code.clicked {

    opacity: .7;

    cursor: not-allowed

}



#preview-body {

    overflow-y: hidden;

    background: #f6f6f6;

    min-height: 100vh

}



#preview-bar {

    position: fixed;

    z-index: 99999;

    top: 0;

    width: 100%;

    height: 58px;

    background: #fff;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);

    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)

}



#preview-bar .response-icon {

    float: left;

    width: 30%;

    padding: 0 2.5%;

    line-height: 56px

}



#preview-bar .response-icon a {

    display: inline-block;

    vertical-align: middle;

    margin: 0 20px;

    font-size: 14px;

    color: #949494

}



#preview-bar .response-icon a.active,

#preview-bar .response-icon a.active .iconfont,

#preview-bar .response-icon a:not(.no-hover):hover,

#preview-bar .response-icon a:not(.no-hover):hover .iconfont {

    color: #03a9f4

}



#preview-bar .response-icon .iconfont {

    font-size: 34px;

    color: #949494;

    line-height: 1;

    vertical-align: middle;

    margin-right: 5px

}



#preview-bar .preview-change {

    float: right;

    margin-right: 100px

}



#preview-bar .preview-change span {

    display: inline-block;

    width: 62px;

    height: 32px;

    line-height: 32px;

    border-radius: 3px;

    background: #666;

    color: #fff;

    font-size: 16px;

    text-align: center;

    position: relative;

    vertical-align: middle;

    cursor: pointer

}



#preview-bar .preview-change span a {

    font-size: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0

}



#preview-bar .preview-change span:hover {

    background: #03a9f4

}



#preview-bar .preview-info {

    float: right;

    margin-top: 17px;

    margin-right: 5.72916667%

}



#preview-bar .preview-info span {

    display: inline-block;

    vertical-align: middle

}



#preview-bar .preview-info a.ljgm {

    width: 110px;

    line-height: 26px;

    border-radius: 20px;

    background: #03a9f4;

    color: #fff;

    text-align: center;

    display: inline-block;

    font-size: 14px;

    margin-right: 20px;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out

}



#preview-bar .preview-info a.ljgm:hover {

    background: #0083cc

}



#preview-bar .preview-info .number {

    color: #111;

    font-size: 16px;

    text-transform: uppercase;

    margin-right: 25px

}



#preview-bar .preview-info .number:after {

    content: "|";

    color: #999;

    margin-left: 25px

}



#preview-bar .preview-info .number i {

    margin-right: 5px

}



#preview-bar .preview-info .web-tag {

    position: relative;

    line-height: 25px;

    padding: 0 10px;

    background: #f6f5f5;

    border-right: 2px;

    font-size: 13px;

    color: #747474

}



#preview-bar .preview-info .web-tag i {

    margin-right: 5px

}



.preview-toggle {

    position: absolute;

    width: 40px;

    height: 40px;

    top: calc(50% - 20px);

    right: 2.08333333%

}



.preview-toggle .hidden-iocn {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    line-height: 40px;

    cursor: pointer

}



.preview-toggle .hidden-iocn .iconfont {

    font-size: 35px;

    color: #000

}



.preview-toggle .show-icon {

    position: absolute;

    z-index: 999;

    top: 49px;

    right: -100%;

    width: 58px;

    height: 58px;

    background: url(../images/preview-bg.png);

    text-align: right;

    display: none;

    cursor: pointer

}



.preview-toggle .show-icon .iconfont {

    font-size: 30px;

    color: #fff

}



#preview-iframe {

    position: relative;

    z-index: 50;

    top: 58px;

    height: 100%;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.tablet-width {

    margin: 40px auto 0;

    padding: 96px 100px 115px 49px;

    width: 785px;

    background: url(../images/bgipad.png) no-repeat 0 0;

    -webkit-transition: all .5s ease 0s;

    transition: all .5s ease 0s

}



.tablet-width,

.tablet-width iframe {

    height: 960px !important

}



.tablet-horizontal-width {

    height: 703px !important;

    margin: 40px auto 0;

    padding: 41px 115px 100px 75px;

    width: 1041px;

    background: url(../images/bgipadw.png) no-repeat;

    -webkit-transition: all .5s ease 0s;

    transition: all .5s ease 0s

}



.tablet-horizontal-width iframe {

    height: 704px !important

}



.mobile-width {

    height: 540px !important;

    margin: 40px auto 0;

    padding: 102px 25px 159px 23px;

    width: 337px;

    background: url(../images/bgiphone.png) no-repeat;

    -webkit-transition: all .5s ease 0s;

    transition: all .5s ease 0s

}



.mobile-width iframe {

    height: 585px !important

}



.mobile-horizontal-width {

    height: 273px !important;

    margin: 40px auto 0;

    padding: 43px 115px 69px 82px;

    width: 605px;

    background: url(../images/bgiphonew.png) no-repeat;

    -webkit-transition: all .5s ease 0s;

    transition: all .5s ease 0s

}



.mobile-horizontal-width iframe {

    height: 317px !important

}



.case-banner .wz {

    display: inline-block;

    line-height: 1;

    vertical-align: middle;

    width: 100%;

    text-align: center;

    color: #fff

}



.case-banner .wz h3 {

    font-size: 34px;

    color: #fff;

    font-weight: 400;

    margin: 0 0 30px

}



.case-banner .wz p {

    font-size: 16px;

    text-transform: uppercase

}



.case-banner .wz .view-wrap {

    text-align: center

}



@media (max-width:768px) {

    .case-banner .wz h3 {

        font-size: 20px

    }

}



.page-case {

    padding: 0 0 70px

}



.page-case-title {

    text-align: center;

    margin-bottom: 50px

}



.page-case-title h3 {

    margin: 0 0 15px;

    font-size: 34px;

    color: #333;

    font-weight: 200

}



.page-case-title p {

    font-size: 14px;

    line-height: 2.3;

    color: #333;

    font-weight: 200

}



.page-case .case-filter {

    width: 100%;

    padding: 20px 0;

    margin-bottom: 0

}



.page-case .case-filter .filter-type-wrap {

    margin-bottom: 0

}



.page-case .case-filter .filter-type-wrap .filter-title {

    width: 6%;

    margin-right: 3%;

    display: inline-block;

    vertical-align: middle;

    font-weight: 600;

    font-size: 14px;

    line-height: 30px;

    margin-bottom: 10px

}



.page-case .case-filter .filter-type-wrap .filter-title span {

    font-weight: 400

}



.page-case .case-filter .filter-type-item {

    border-top: none;

    margin-bottom: 0

}



.page-case .case-filter .filter-type-wrap .filter-business span {

    width: auto;

    padding: 0 15px;

    margin: 0 3px;

    margin-bottom: 15px !important

}



.page-case .case-filter .filter-type-wrap .filter-item {

    display: inline-block;

    width: 90%;

    padding-right: 100px;

    vertical-align: top;

    height: 30px

}



.page-case .case-filter .filter-type-wrap .filter-item>span {

    width: auto;

    padding: 0 15px;

    margin: 0 3px

}



@media (max-width:990px) {

    .page-case .case-filter .filter-type-wrap .filter-title {

        width: 100%;

        margin-right: 0

    }



    .page-case .case-filter .filter-type-wrap .filter-item {

        width: 100%;

        padding-right: 0;

        height: auto;

        display: none

    }



    .page-case .case-filter .filter-type-wrap .filter-item>span {

        margin-bottom: 10px

    }



    .page-case .case-filter .filter-type-wrap .filter-item .more-btn {

        display: none

    }

}



.page-case .type-child-title {

    font-size: 15px;

    margin-bottom: 15px

}



.page-case .type-child-title .filter-title {

    width: 6%;

    margin-right: 3%;

    display: inline-block;

    vertical-align: middle;

    font-weight: 600;

    font-size: 14px;

    line-height: 30px;

    margin-bottom: 10px;

    color: #000

}



.page-case .type-child-title .type-child {

    display: inline-block;

    width: 90%;

    padding-right: 100px;

    vertical-align: top;

    height: 40px

}



.page-case .type-child-title .type-child span {

    display: inline-block;

    line-height: 28px;

    font-size: 14px;

    cursor: pointer;

    margin-bottom: 15px;

    text-align: center;

    background: #f8f8f8;

    border: 1px solid #f8f8f8;

    margin-right: 8px

}



.page-case .type-child-title .type-child span a {

    padding: 0 15px;

    position: relative;

    display: block

}



.page-case .type-child-title .type-child span.active {

    background: #f5fcff;

    border-color: #a6e2f9

}



.page-case .type-child-title .type-child span.active a {

    color: #00abee

}



@media (max-width:990px) {

    .page-case .type-child-title .filter-title {

        width: 100%

    }



    .page-case .type-child-title .filter-title span {

        margin-right: 5px;

        color: #03a9f4;

        font-weight: 400

    }



    .page-case .type-child-title .type-child {

        width: 100%;

        padding-right: 0

    }

}



.page-case .page-case-content .secondarytype {

    margin-left: 0;

    margin-right: 0

}



.page-case-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.page-case-item {

    margin-bottom: 30px

}



.page-case-item .shadow-box {

    position: relative;

    margin-bottom: 20px

}



.page-case-item .shadow-box a {

    display: block;

    position: relative;

    z-index: 9;

    text-align: center

}



.page-case-item .shadow-box a img {

    max-width: 100%

}



.page-case-item .shadow-box .shadow-img {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 1;

    bottom: 0;

    -webkit-transform: translateY(50%);

    transform: translateY(50%)

}



.page-case-item .shadow-box .shadow-img img {

    width: 100%

}



.page-case-item h4 {

    font-weight: 400;

    color: #666;

    font-size: 14px;

    margin: 0;

    line-height: 27px;

    text-align: center;

    margin-bottom: 20px

}



.page-case-item:hover .case-img img {

    opacity: .9

}



.page-case-list .search-error {

    padding: 15px 0

}



.page-case-list .search-error-title {

    text-align: center

}



.page-case-list .search-error-title h3 {

    font-size: 36px;

    color: #666;

    font-weight: 100;

    padding-bottom: 10px

}



.page-case-list .search-error-title p {

    font-size: 18px;

    color: #999

}



@media (max-width:990px) {

    .page-case .page-case-content .page-case-list .search-error {

        margin-bottom: 30px

    }



    .page-case .page-case-content .page-case-list .search-error-title h3 {

        font-size: 20px

    }



    .page-case .page-case-content .page-case-list .search-error-title p {

        font-size: 14px

    }

}



@media (max-width:990px) {

    .page-case {

        padding: 40px 0;

        padding-top: 0

    }



    .page-case .page-case-title {

        margin-right: 0

    }



    .page-case .page-case-title h3 {

        font-size: 28px

    }



    .page-case .page-case-title p br {

        display: none

    }



    .page-case .container {

        padding: 0 30px

    }



    .page-case .case-filter {

        margin-right: 0;

        width: 100%;

        padding-top: 10px

    }



    .page-case .page-case-content {

        width: 100%

    }



    .page-case .page-case-content .page-case-item {

        margin-bottom: 15px

    }



    .page-case .page-case-content .page-case-item .shadow-box,

    .page-case .page-case-content .page-case-item h4 {

        margin-bottom: 10px

    }

}



@media (max-width:768px) {

    .page-case .page-case-content {

        width: 100%;

        padding: 20px 15px;

        background: #fff

    }

}



.page-case-detail {

    padding-top: 40px;

    background: #f6f6f6

}



.case-detail-img .img {

    background: url(../images/case-detail-img-bg.png) top no-repeat;

    text-align: center;

    padding-top: 33px;

    margin-bottom: 30px;

    height: 748px

}



.case-detail-img .img img {

    width: 868px;

    height: 503px

}



.case-detail-img .view {

    display: block;

    font-size: 16px;

    color: #03a9f4;

    border: 1px solid #03a9f4;

    border-radius: 1.25em;

    width: 11.875em;

    line-height: 2.8;

    text-align: center;

    text-transform: capitalize

}



.case-detail-img .view:hover {

    background: #03a9f4;

    color: #fff

}



.case-detail-info {

    margin-bottom: 35px

}



.case-detail-info>h3 {

    border-bottom: 1px solid #d2d1d1;

    line-height: 35px;

    padding: 10px 20px;

    font-size: 18px;

    color: #444;

    font-weight: 400;

    margin: 0

}



.case-detail-info .info-wrap {

    padding: 20px

}



.case-detail-info .info-wrap p {

    font-size: 14px;

    line-height: 33px;

    color: #444;

    font-weight: 200

}



.case-detail-info .info-wrap p img {

    max-width: 100%

}



.case-detail-info .preview-prve {

    width: 44px;

    height: 44px;

    border-radius: 25px;

    line-height: 44px;

    color: #fff;

    font-size: 12px;

    text-indent: 55px;

    position: fixed;

    left: 100px;

    bottom: 36%;

    overflow: hidden;

    text-align: left;

    -webkit-transition: all .5s;

    transition: all .5s

}



.case-detail-info .preview-prve>div {

    position: relative

}



.case-detail-info .preview-prve>div span {

    width: 44px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    border-radius: 50%;

    background: rgba(0, 0, 0, .3);

    text-indent: 0;

    -webkit-transition: all .5s;

    transition: all .5s;

    position: absolute;

    left: 0;

    top: 0

}



.case-detail-info .preview-prve>div span .iconfont {

    font-size: 15px;

    color: #fff

}



.case-detail-info .preview-prve>div a {

    font-size: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 999;

    background: #fff;

    opacity: 0

}



.case-detail-info .preview-prve>div:hover span {

    background: #03a9f4

}



.case-detail-info .preview-prve.on {

    width: 142px;

    background: #2e2e2e

}



.case-detail-info .preview-next {

    width: 44px;

    height: 44px;

    border-radius: 25px;

    line-height: 44px;

    color: #fff;

    font-size: 12px;

    text-indent: -120px;

    position: fixed;

    right: 100px;

    bottom: 36%;

    text-align: center;

    overflow: hidden;

    -webkit-transition: all .5s;

    transition: all .5s

}



.case-detail-info .preview-next>div {

    position: relative

}



.case-detail-info .preview-next>div span {

    width: 44px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    border-radius: 50%;

    background: rgba(0, 0, 0, .3);

    text-indent: 0;

    -webkit-transition: all .5s;

    transition: all .5s;

    position: absolute;

    right: 0;

    top: 0

}



.case-detail-info .preview-next>div span .iconfont {

    font-size: 15px;

    color: #fff

}



.case-detail-info .preview-next>div a {

    font-size: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 999;

    background: #fff;

    opacity: 0

}



.case-detail-info .preview-next>div:hover span {

    background: #03a9f4

}



.case-detail-info .preview-next.on {

    width: 142px;

    background: #2e2e2e;

    text-indent: -30px

}



.case-detail-tag {

    border: 1px solid #47aca1;

    padding: 20px;

    font-size: 18px;

    color: #444

}



.case-detail-tag span {

    float: left

}



.case-detail-tag .tag-content {

    overflow: hidden

}



.case-detail-tag .tag-content a {

    display: inline-block;

    color: #444;

    margin: 0 20px

}



.case-detail-tag .tag-content a:hover {

    color: #03a9f4

}



@media (max-width:990px) {

    .page-case-detail {

        padding-top: 1px

    }



    .case-detail-img {

        padding: 0 5%

    }



    .case-detail-img .img {

        height: auto;

        background-size: cover;

        padding: 3.7% 4% 22.5%

    }



    .case-detail-img .img img {

        width: 100%;

        height: auto

    }



    .case-detail-img .view {

        font-size: 14px

    }



    .case-detail-info {

        margin: 30px 0

    }



    .case-detail-tag {

        padding: 10px;

        font-size: 14px

    }



    .case-detail-tag .tag-content a {

        margin: 0 10px

    }

}



@media (max-width:990px) {

    .casebutton {

        display: none

    }

}



.case-detail-mobile-wrap {

    margin: 0 auto;

    width: 665px

}



.case-detail-mobile {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 540px;

    padding: 102px 25px 159px 23px;

    width: 337px;

    background: url(../images/bgiphone.png) no-repeat;

    -webkit-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

    float: left

}



.case-detail-mobile-content {

    height: 585px;

    overflow-x: hidden;

    overflow-y: auto

}



.case-detail-mobile-content img,

.case-detail-mobile-content p img {

    width: 100%

}



.case-detail-mobile-ewm {

    width: 150px;

    margin-left: 15%;

    float: left;

    margin-top: 10%

}



.case-detail-mobile-ewm p {

    text-align: center;

    margin-bottom: 10px

}



.case-detail-mobile-ewm img {

    width: 150px;

    height: 150px

}



.case-type-filter {

    border-bottom: 1px solid #e5e5e5;

    color: #333

}



.case-type-filter .case-category {

    text-align: justify;

    font-size: 0

}



.case-type-filter .case-category:after {

    content: "";

    display: inline-block;

    width: 100%;

    height: 0

}



.case-type-filter .case-category li {

    display: inline-block;

    vertical-align: middle;

    width: 12.5%;

    position: relative

}



.case-type-filter .case-category li:after {

    content: "";

    position: absolute;

    height: 2px;

    left: 0;

    right: 0;

    background: transparent;

    bottom: -1px

}



.case-type-filter .case-category li a {

    display: block;

    text-align: center;

    padding: 20px 0;

    font-size: 16px

}



@media (max-width:990px) {

    .case-type-filter .case-category li a {

        padding: 10px 0

    }

}



.case-type-filter .case-category li.active a,

.case-type-filter .case-category li:hover a {

    color: #00abee

}



.case-type-filter .case-category li.active:after {

    background: #00abee

}



.page-case {

    padding-top: 12px

}



.case-version-filter {

    padding: 15px 0;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 20px

}



.case-version-filter-item span {

    line-height: 25px;

    font-size: 14px;

    color: #444;

    margin-right: 30px

}



.case-version-filter-item span a {

    color: inherit

}



@media (min-width:990px) {

    .case-version-filter-item span:first-child {

        display: inline-block;

        width: 12.5%;

        text-align: center;

        margin-right: 0

    }

}



.case-version-filter-item span.active a,

.case-version-filter-item span:hover a {

    color: #00abee

}



.case-industry-filter {

    margin-bottom: 30px

}



.case-industry-filter-item span {

    font-size: 14px;

    color: #444;

    margin-right: 32px;

    text-align: center;

    line-height: 1.6;

    float: left

}



.case-industry-filter-item span:first-child {

    width: 12.5%;

    margin-right: 0

}



.case-industry-filter-item span a {

    display: block;

    padding: 10px 5px;

    color: inherit

}



.case-industry-filter-item span.active a,

.case-industry-filter-item span:hover a {

    color: #00abee

}



@media (max-width:990px) {

    .case-type-filter {

        padding: 10px 0

    }



    .case-type-filter .case-category:after {

        display: none

    }



    .case-type-filter .case-category li {

        width: 25%

    }



    .case-type-filter .case-category li a {

        font-size: 14px

    }



    .mob-case-filter-title {

        position: relative;

        height: 30px;

        line-height: 29px

    }



    .mob-case-filter-title h3 {

        font-size: 14px;

        color: #000;

        margin: 0;

        line-height: 30px

    }



    .mob-case-filter-title span {

        position: absolute;

        right: 0;

        top: 0;

        margin-right: 5px;

        color: #03a9f4

    }



    .mob-case-filter-title i {

        font-size: 16px;

        color: #333

    }



    .case-version-filter {

        padding-top: 0;

        padding-bottom: 10px;

        margin-bottom: 10px

    }



    .case-version-filter-item {

        display: none

    }



    .case-version-filter-item span {

        float: left;

        padding: 0;

        text-align: center;

        width: calc(50% - 10px);

        margin: 5px

    }



    .case-industry-filter {

        margin-bottom: 0

    }



    .case-industry-filter-item {

        display: none

    }



    .case-industry-filter-item span {

        width: 50%;

        padding: 5px;

        margin-right: 0

    }



    .case-industry-filter-item span:first-child {

        width: 50%

    }

}



.want-buy {

    text-align: center;

    margin-top: 20px

}



.want-buy a {

    font-size: 17px;

    padding: 0 20px;

    line-height: 40px;

    background: #03a9f4;

    border-radius: 2px;

    color: #fff;

    display: inline-block

}



.want-buy a:hover {

    background: #0083cc

}



.tan {

    display: none;

    text-align: center;

    background: #fff;

    position: fixed;

    left: 50%;

    top: 50%;

    z-index: 111;

    width: 320px;

    padding: 20px;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    color: #000;

    cursor: pointer

}



.tan .gb {

    position: absolute;

    color: #000;

    right: 10px;

    top: 10px;

    font-size: 16px;

    z-index: 11

}



.tan h2 {

    font-weight: 500;

    font-size: 16px

}



.tan .zi {

    margin-bottom: 14px

}



.tan .zi input {

    background: none;

    font-size: 14px

}



.tan .zi input,

.tan button {

    border: none;

    line-height: 24px

}



.tan button {

    background: #03a9f4;

    color: #fff

}



.page-faq-cover {

    padding: 60px 0

}



.faq-cover-list .faq-item {

    display: block;

    text-align: center;

    padding: 40px 0

}



.faq-cover-list .faq-item .icon {

    display: block;

    margin-bottom: 20px;

    line-height: 1

}



.faq-cover-list .faq-item .iconfont {

    font-size: 48px;

    color: #4b4b4b

}



.faq-cover-list .faq-item h5 {

    margin: 0 0 15px;

    font-size: 18px;

    font-weight: 200;

    color: #444

}



.faq-cover-list .faq-item p {

    font-size: 16px;

    color: #444;

    font-weight: 200

}



.faq-cover-list .faq-item:hover .iconfont,

.faq-cover-list .faq-item:hover h5,

.faq-cover-list .faq-item:hover p {

    color: #03a9f4

}



.page-anchor {

    padding-top: 32px

}



.page-anchor .breadcrumbs {

    padding-bottom: 16px;

    border-bottom: 1px solid #eceef0;

    color: #707070;

    font-weight: 400;

    letter-spacing: .8px;

    font-size: 0

}



.page-anchor .breadcrumbs li {

    font-size: 14px;

    display: inline-block;

    color: #0a0a0a

}



.page-anchor .breadcrumbs li a {

    color: #707070;

    font-size: 14px

}



.page-anchor .breadcrumbs li a:hover {

    text-decoration: underline;

    color: #0a0a0a

}



.page-anchor .breadcrumbs li:not(:last-child):after {

    color: #cacaca;

    content: "/";

    margin: 0 12px;

    opacity: 1

}



.page-faq-wrap {

    padding: 30px 0

}



.page-faq-wrap .faq-sort li {

    margin-bottom: 7px

}



.page-faq-wrap .faq-sort li a {

    display: block;

    padding: 11.2px 16px;

    line-height: 1;

    color: #0a0a0a;

    border-radius: 3px;

    font-size: 14px

}



.page-faq-wrap .faq-sort li a.active,

.page-faq-wrap .faq-sort li a:hover {

    background-color: #f5f5f5

}



.page-faq-list li {

    margin-bottom: 40px

}



.page-faq-list li h4 {

    color: #0a0a0a;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 200;

    margin: 0 0 .5em

}



.page-faq-list li p {

    color: #575757;

    font-size: 14px

}



.page-faq-list li:hover h4,

.page-faq-list li:hover p {

    color: #03a9f4

}



.customer-wrap {

    background-color: #f8f8f8;

    margin-top: 0;

    padding: 20px 0

}



.customer-wrap .container {

    background-color: #fff;

    padding-bottom: 40px

}



.customer-wrap .customer-wrap {

    margin-bottom: 40px

}



.customer-wrap .customer-top {

    text-align: center;

    padding: 80px 0

}



.customer-wrap .customer-top i {

    font-size: 90px;

    color: #3d8cff

}



.customer-wrap .customer-top span {

    font-size: 15px;

    padding-top: 10px;

    display: inline-block

}



.customer-wrap .customer-content {

    padding: 30px

}



.customer-wrap .customer-content .customer-amount .customer-price {

    color: #f90

}



.customer-wrap .customer-content .customer-text {

    margin-top: 10px;

    margin-bottom: 20px;

    font-size: 15px;

    color: #333

}



.customer-wrap .customer-content .customer-text .customer-name {

    font-size: 18px

}



.customer-wrap .customer-content .customer-text .price {

    color: #f90

}



.customer-wrap .customer-content .customer-text .amount {

    color: #4aab42

}



.table tbody>tr>td,

.table thead>tr>th {

    padding: 16px;

    word-break: break-all;

    font-size: 14px

}



.cost-list tbody>tr>td,

.cost-list thead>tr>th {

    padding: 12px

}



.table>thead>tr>th {

    background: #fafafa;

    border-bottom: 1px solid #e8e8e8;

    -webkit-transition: background .3s ease;

    transition: background .3s ease;

    color: rgba(0, 0, 0, .85);

    font-weight: 500

}



.customer-price {

    color: #f90

}



.customer-btn {

    color: #555

}



.customer-btn:hover {

    color: #1989fa

}



.customer-btn:visited {

    color: #555

}



.customer-page {

    color: #999;

    border-color: #999

}



.customer-page:hover {

    border-color: #333;

    color: #333;

    background: #fff

}



.modal-header .modal-title {

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    padding-top: 5px

}



.cost-dialog {

    margin-top: 120px

}



.modal-body {

    padding: 20px

}



.costs-top {

    font-size: 14px;

    color: #333

}



.keyword-deleted {

    display: inline-block;

    padding: 2px 6px;

    color: #f90;

    background: #fdfaf6;

    border: 1px solid #fac16b;

    font-size: 12px

}



.search-tip {

    position: relative;

    max-width: 480px;

    margin: 0 auto;

    font-size: 15px;

    color: #fbcf01

}



.download-box {

    background: #fff;

    font-size: 0;

    padding: 7.8125% 0

}



.download-box .container {

    padding: 0

}



.download-box:nth-of-type(2n) {

    background: #f6f6f6

}



.download-box:nth-of-type(2n) .download-content {

    padding-right: 5.83333333%;

    padding-left: 0

}



@media (min-width:990px) {



    .download-content,

    .download-img {

        display: inline-block;

        vertical-align: middle

    }

}



.download-img {

    width: 51.91666667%

}



.download-img img {

    max-width: 100%

}



.download-content {

    width: 90%;

    padding-left: 5.83333333%

}



.download-content h3 {

    font-size: 26px;

    color: #222;

    margin: 0 0 20px;

    font-weight: 400

}



.download-content p {

    font-size: 15px;

    color: #444;

    font-weight: 200

}



.download-content .download-list {

    margin-top: 30px

}



.download-content .download-list li {

    display: inline-block;

    vertical-align: top;

    width: 20%;

    margin-right: 1.5%;

    margin-bottom: 10px;

    line-height: 44px

}



.download-content .download-list li a {

    display: block;

    border: 1px solid #7e8097;

    border-radius: 2px;

    position: relative;

    padding-left: 20px;

    padding-right: 60px;

    color: #636689;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.download-content .download-list li a:hover {

    background: #393a47;

    color: #fff;

    border-color: #393a47

}



.download-content .download-list li .iconfont {

    font-size: 18px;

    margin-right: 10px

}



.download-content .download-list li b {

    font-weight: 400;

    font-size: 13px

}



.download-content .download-list li .iconfont,

.download-content .download-list li b {

    display: inline-block;

    vertical-align: middle

}



.download-content .download-list li span {

    position: absolute;

    right: 20px;

    font-size: 12px;

    opacity: .6

}



@media (max-width:1200px) {

    .download-content .download-list li a {

        padding-left: 10px;

        padding-right: 50px

    }



    .download-content .download-list li span {

        right: 10px

    }

}



.download-content .download-list li.type-ewm {

    position: relative

}



.download-content .download-list li.type-ewm .mac-ewm {

    opacity: 0;

    -webkit-transform: translateY(50px);

    transform: translateY(50px);

    visibility: hidden;

    -webkit-transition: all .7s ease;

    transition: all .7s ease;

    position: absolute;

    left: 0;

    right: 0;

    background: #fff;

    text-align: center;

    padding: 15px

}



.download-content .download-list li.type-ewm .mac-ewm img {

    max-width: 100%

}



.download-content .download-list li.type-ewm:hover .mac-ewm {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.download-btn {

    text-align: center

}



.download-btn a {

    display: inline-block;

    border: 1px solid #333;

    border-radius: 2em;

    font-size: 14px;

    color: #333;

    padding: .5em 2em;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.download-btn a:hover {

    background: #333;

    color: #fff

}



@media (max-width:990px) {

    .download-box .container {

        padding: 0 15px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .download-content,

    .download-img {

        width: 100%;

        padding: 0

    }



    .download-img {

        text-align: center;

        margin-bottom: 20px

    }



    .download-content {

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1

    }



    .download-content h3 {

        font-size: 16px;

        margin-bottom: 15px

    }



    .download-content p {

        font-size: 12px

    }



    .download-content .download-list {

        margin-top: 15px

    }



    .download-content .download-list li {

        width: 100%;

        margin: 0 0 10px;

        line-height: 40px

    }



    .download-content .download-list li.type-ewm .mac-ewm {

        position: static;

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

        visibility: visible

    }

}



.banner .owl-carousel .item-zq {

    position: relative;

    background: #032088 url(//static.cn86.cn/img/2019/10/134c3e3870kdhznz.jpg) 50% no-repeat;

    background-size: cover

}



.banner .owl-carousel .item-zq .img-a,

.banner .owl-carousel .item-zq .img-b {

    text-align: center;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

    -webkit-transition-delay: .1s;

    transition-delay: .1s;

    opacity: 0;

    -webkit-transform: translateY(50%);

    transform: translateY(50%)

}



.banner .owl-carousel .item-zq .img-a img,

.banner .owl-carousel .item-zq .img-b img {

    max-width: 100%;

    width: auto;

    display: inline-block

}



@media (max-width:1600px) {



    .banner .owl-carousel .item-zq .img-a img,

    .banner .owl-carousel .item-zq .img-b img {

        max-width: 66%

    }

}



@media (max-width:990px) {



    .banner .owl-carousel .item-zq .img-a,

    .banner .owl-carousel .item-zq .img-b {

        height: 100%

    }



    .banner .owl-carousel .item-zq .img-a img,

    .banner .owl-carousel .item-zq .img-b img {

        max-height: 100%;

        max-width: 100%

    }

}



@media (max-width:420px) {

    .banner .owl-carousel .item-zq .img-a {

        padding: 13% 20px 0

    }

}



.banner .owl-carousel .item-zq .img-b {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    -webkit-transition-delay: .2s;

    transition-delay: .2s

}



@media (max-width:420px) {

    .banner .owl-carousel .item-zq .img-b {

        padding: 7% 20px 0

    }

}



.banner .owl-carousel .active .item-zq .img-a,

.banner .owl-carousel .active .item-zq .img-b {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.activity-content {

    background: #ab0207;

    padding-bottom: 1px

}



.activity-content .one-box {

    padding-top: 40px

}



.activity-content .activity-container {

    width: 1144px;

    margin: 0 auto;

    position: relative;

    z-index: 2

}



.activity-content .activity-title {

    background: url(//static.cn86.cn/img/2019/10/322d5031edwpbgte.png) top no-repeat;

    height: 140px;

    text-align: center;

    padding-top: 60px

}



.activity-content .activity-title span {

    display: inline-block;

    font-size: 45px;

    color: #f8d745

}



.activity-content .one-box {

    position: relative

}



.activity-content .one-box:before {

    content: url(//static.cn86.cn/img/2019/10/e3fc44b3703iphq4.png);

    position: absolute;

    top: 40px;

    left: 0

}



.activity-content .one-box:after {

    content: url(//static.cn86.cn/img/2019/10/350f096589nm6pur.png);

    position: absolute;

    bottom: 80px;

    right: 0

}



.activity-content .one-content {

    background: url(//static.cn86.cn/img/2019/10/3cf7df8010nz2yd4.png) 50% no-repeat;

    height: 780px;

    width: 1294px;

    margin: 0 -75px;

    padding: 220px 178px 0

}



.activity-content .one-content .title {

    font-size: 28px;

    color: #a60207;

    text-align: center;

    margin-bottom: 20px

}



.activity-content .one-content .title span {

    font-size: 39px;

    position: relative;

    color: #fcda46;

    font-weight: 700;

    top: 5px;

    text-shadow: 3px 2px 0 #a70207

}



.activity-content .one-content .desc {

    text-align: center

}



.activity-content .one-content .desc h3 {

    font-size: 36px;

    color: #a60207;

    font-weight: 400

}



.activity-content .one-content .desc p {

    font-size: 22px;

    color: #a60207;

    line-height: 2

}



.activity-content .one-content .desc p span {

    border-bottom: 1px solid #a60207

}



.activity-content .two-box {

    margin-bottom: 100px;

    position: relative

}



.activity-content .two-box:before {

    content: url(//static.cn86.cn/img/2019/10/28bb8e5006xjxkgi.png);

    position: absolute;

    top: 110px;

    left: 0

}



.activity-content .two-box:after {

    content: url(//static.cn86.cn/img/2019/10/ab51b8c1938o4djt.png);

    position: absolute;

    bottom: 0;

    right: 0

}



.activity-content .two-box .activity-title {

    margin-bottom: 60px

}



.activity-content .two-box .two-content {

    border-radius: 20px;

    background: #fff4d1;

    padding: 70px 25px

}



.activity-content .two-box .two-content ul {

    margin: 0 -30px

}



.activity-content .two-box .two-content ul li {

    float: left;

    width: calc(25% - 60px);

    margin: 0 30px;

    position: relative

}



.activity-content .two-box .two-content ul li:not(:last-child):after {

    content: url(//static.cn86.cn/img/2019/10/c56cf9ff66tsfmdf.png);

    position: absolute;

    right: -50px;

    top: 55%

}



.activity-content .two-box .two-content ul li .num {

    margin: 0 auto 40px;

    width: 55px;

    height: 55px;

    border-radius: 50%;

    background: #ab0207;

    font-size: 40px;

    color: #fff4d1;

    text-align: center;

    line-height: 55px

}



.activity-content .two-box .two-content ul .img img {

    width: 100%

}



.activity-content .three-box {

    margin-bottom: 50px;

    position: relative

}



.activity-content .three-box:before {

    content: url(//static.cn86.cn/img/2019/10/91ae54910b6ciuse.png);

    position: absolute;

    top: 20px;

    left: 50px

}



.activity-content .three-box .activity-title {

    background: url(//static.cn86.cn/img/2019/10/737ffa6b9bozcchi.png) top no-repeat;

    margin-bottom: 60px

}



.activity-content .three-box .three-content {

    border-radius: 20px;

    background: #fff4d1;

    padding: 70px 150px

}



.activity-content .three-box .form-group {

    margin-bottom: 25px;

    position: relative;

    padding-left: 150px;

    font-size: 0

}



.activity-content .three-box .form-group .title {

    font-size: 30px;

    color: #2b2b2b;

    position: absolute;

    margin-left: -150px;

    line-height: 57px

}



.activity-content .three-box .form-group input[type=text] {

    width: 100%;

    border: 1px solid #666;

    border-radius: 5px;

    height: 55px;

    padding: 0 15px;

    font-size: 16px;

    color: #333;

    outline: none;

    background: transparent

}



.activity-content .three-box .form-group input[type=text].phone {

    width: 45%;

    margin-right: 3%

}



.activity-content .three-box .form-group input[type=text].code {

    width: 25%;

    margin-right: 3%

}



.activity-content .three-box #captcha {

    display: inline-block;

    width: 24%

}



.activity-content .three-box .submit {

    text-align: center

}



.activity-content .three-box .submit button {

    width: 240px;

    height: 60px;

    border-radius: 30px;

    background: #ab0207;

    font-size: 28px;

    color: #fff4d1;

    border: none;

    outline: none

}



@media (max-width:1366px) {

    .activity-content .activity-container {

        width: 990px

    }



    .activity-content .one-content {

        background-size: 100%;

        width: 1140px;

        height: 700px;

        padding: 170px 148px 0

    }



    .activity-content .one-content .title {

        font-size: 24px

    }



    .activity-content .one-content .title span {

        font-size: 30px;

        top: 2px

    }

}



@media (max-width:1150px) {

    .activity-content .one-content {

        width: 100%;

        margin: 0;

        height: 540px;

        padding: 125px 125px 0

    }



    .activity-content .one-box:after,

    .activity-content .two-box:after {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        -webkit-transform-origin: bottom right;

        transform-origin: bottom right

    }



    .activity-content .one-box:before,

    .activity-content .three-box:before,

    .activity-content .two-box:before {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        -webkit-transform-origin: top left;

        transform-origin: top left

    }



    .activity-content .activity-title {

        height: 80px;

        background-size: auto 100% !important;

        padding-top: 35px

    }



    .activity-content .activity-title span {

        font-size: 24px

    }



    .activity-content .three-box .three-content {

        paddoing: 50px 100px

    }



    .activity-content .two-box .two-content ul {

        margin: 0 -15px

    }



    .activity-content .two-box .two-content ul li {

        margin: 0 15px;

        width: calc(25% - 30px)

    }



    .activity-content .two-box .two-content ul li:not(:last-child):after {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        right: -35px

    }

}



@media (max-width:990px) {



    .activity-content .one-box:after,

    .activity-content .one-box:before,

    .activity-content .three-box:before,

    .activity-content .two-box:after,

    .activity-content .two-box:before {

        display: none

    }



    .activity-content .activity-container {

        width: 95%

    }



    .activity-content .activity-title {

        height: 50px;

        padding-top: 22px

    }



    .activity-content .activity-title span {

        font-size: 16px

    }



    .activity-content .one-content {

        background-size: auto 100%;

        padding: 104px 20px;

        margin: -50px 0

    }



    .activity-content .one-content .title {

        font-size: 16px

    }



    .activity-content .one-content .title span {

        font-size: 20px;

        text-shadow: 1px 1px 0 #a70207

    }



    .activity-content .one-content .desc h3 {

        font-size: 18px

    }



    .activity-content .one-content .desc p {

        font-size: 14px

    }



    .activity-content .two-box {

        margin-bottom: 40px

    }



    .activity-content .two-box .activity-title {

        margin-bottom: 30px

    }



    .activity-content .two-box .two-content {

        padding: 30px 20px

    }



    .activity-content .two-box .two-content ul li {

        width: calc(50% - 30px);

        margin-top: 15px;

        margin-bottom: 15px

    }



    .activity-content .two-box .two-content ul li .num {

        width: 30px;

        height: 30px;

        line-height: 30px;

        font-size: 16px;

        margin-bottom: 15px

    }



    .activity-content .two-box .two-content ul li:nth-of-type(2):after {

        display: none

    }



    .activity-content .three-box .three-content {

        padding: 30px 20px

    }



    .activity-content .three-box .activity-title {

        margin-bottom: 30px

    }



    .activity-content .three-box .form-group {

        margin-bottom: 15px;

        padding-left: 0

    }



    .activity-content .three-box .form-group .title {

        position: static;

        margin-left: 0;

        font-size: 16px;

        margin-bottom: 10px;

        line-height: 1;

        display: block

    }



    .activity-content .three-box .form-group input[type=text] {

        height: 35px

    }



    .activity-content .three-box .form-group input[type=text].phone {

        width: 100%;

        margin-right: 0;

        margin-bottom: 15px

    }



    .activity-content .three-box .form-group input[type=text].code {

        width: 60%;

        vertical-align: middle

    }



    .activity-content .three-box #captcha {

        width: 37%

    }



    .activity-content .three-box .submit button {

        width: 140px;

        height: 35px;

        border-radius: 20px;

        font-size: 14px

    }

}



.activity-191022 {

    padding-top: 1px;

    background: #0b144f

}



.activity-191022-title {

    background: #52b4f9;

    text-align: center;

    font-size: 54px;

    color: #fff;

    line-height: 2

}



.activity-191022-container {

    max-width: 1600px;

    margin: 0 auto

}



.activity-191022 .one-box {

    margin-top: 6.77083333%;

    margin-bottom: 4.16666667%;

    background: #323a75

}



.activity-191022 .one-box ul {

    padding: 5% 0

}



.activity-191022 .one-box li {

    float: left;

    width: 33.3333%;

    padding: 0 3%;

    text-align: center

}



.activity-191022 .one-box li .icon {

    display: block;

    margin-bottom: 20px

}



.activity-191022 .one-box li .icon img {

    max-width: 100%

}



.activity-191022 .one-box li h3 {

    font-size: 25px;

    color: #fffefe;

    margin: 0 0 15px;

    font-weight: 400

}



.activity-191022 .one-box li p {

    font-size: 20px;

    color: #fffefe;

    line-height: 1.7

}



.activity-191022 .two-box {

    background: #323a75;

    padding-bottom: 3.125%;

    margin-bottom: 4.6875%

}



.activity-191022 .two-box ul {

    margin: 4.6875% -4px 0

}



.activity-191022 .two-box li {

    width: calc(25% - 8px);

    margin: 0 4px 30px;

    float: left;

    background: #3f4ba7

}



.activity-191022 .two-box li .img {

    display: block

}



.activity-191022 .two-box li .img img {

    max-width: 100%

}



.activity-191022 .two-box li h3 {

    font-size: 18px;

    color: #fdfefe;

    line-height: 3;

    text-align: center;

    margin: 0;

    font-weight: 400

}



.activity-191022 .three-box {

    background: #323a75;

    margin-bottom: 3.38541667%

}



.activity-191022 .three-box ul {

    margin: 0 -10px;

    padding: 3.125% 0

}



.activity-191022 .three-box li {

    float: left;

    width: calc(50% - 20px);

    margin: 0 10px;

    text-align: center

}



.activity-191022 .three-box li img {

    max-width: 100%

}



.activity-191022 .four-box {

    background: #323a75;

    padding: 4.6875%

}



.activity-191022 .four-box ul {

    margin: 0 -30px

}



.activity-191022 .four-box li {

    width: calc(33.3333% - 60px);

    float: left;

    font-size: 42px;

    margin: 0 30px;

    color: #fdfbfc;

    text-align: center

}



.activity-191022 .four-box li span {

    font-size: 50px;

    color: #fafd01

}



.activity-191022 .fire-box {

    background: #9ea3c7;

    padding: 6.25% 0

}



.activity-191022 .fire-box form {

    max-width: 1200px;

    margin: 0 auto

}



.activity-191022 .fire-box .form-group {

    position: relative;

    padding-left: 220px;

    font-size: 0;

    margin-bottom: 40px

}



.activity-191022 .fire-box .form-group span.title {

    position: absolute;

    font-size: 42px;

    line-height: 80px;

    color: #2b2b2b;

    left: 0

}



.activity-191022 .fire-box .form-group input[type=text] {

    width: 100%;

    height: 80px;

    background: transparent;

    outline: none;

    padding: 0 15px;

    border: 2px solid #141414;

    font-size: 16px;

    color: #333

}



.activity-191022 .fire-box .form-group input[type=text].phone {

    width: 50%;

    margin-right: 3%

}



.activity-191022 .fire-box .form-group input[type=text].code {

    width: 25%;

    margin-right: 3%

}



.activity-191022 .fire-box .form-group #captcha {

    width: 19%;

    margin-top: 13px

}



.activity-191022 .fire-box .submit {

    text-align: center

}



.activity-191022 .fire-box .submit [type=submit] {

    width: 338px;

    height: 85px;

    background: #ab0207;

    font-size: 43px;

    color: #fff4d1;

    border-radius: 85px;

    outline: none;

    border: none

}



@media (max-width:1600px) {

    .activity-191022-container {

        max-width: 1200px

    }



    .activity-191022-title {

        font-size: 40px

    }



    .activity-191022 .four-box li {

        font-size: 30px

    }



    .activity-191022 .four-box li span {

        font-size: 40px

    }



    .activity-191022 .fire-box .form-group {

        padding-left: 150px

    }



    .activity-191022 .fire-box .form-group span.title {

        font-size: 30px;

        line-height: 60px

    }



    .activity-191022 .fire-box .form-group input[type=text] {

        height: 60px;

        border-width: 1px

    }



    .activity-191022 .fire-box .form-group #captcha {

        margin-top: 0

    }



    .activity-191022 .fire-box .submit [type=submit] {

        width: 300px;

        height: 70px;

        font-size: 30px;

        border-radius: 35px

    }

}



@media (max-width:1240px) {

    .activity-191022-title {

        font-size: 30px

    }



    .activity-191022-container {

        max-width: 990px

    }



    .activity-191022 .fire-box form {

        padding: 0 5%

    }



    .activity-191022 .four-box li {

        font-size: 24px

    }



    .activity-191022 .four-box li span {

        font-size: 30px

    }



    .activity-191022 .one-box li h3 {

        font-size: 18px

    }



    .activity-191022 .one-box li p,

    .activity-191022 .two-box li h3 {

        font-size: 16px

    }

}



@media (max-width:990px) {

    .activity-191022-container {

        width: 95%

    }



    .activity-191022-title {

        font-size: 18px

    }



    .activity-191022 .one-box li .icon {

        float: left;

        margin-right: 20px;

        margin-bottom: 0;

        width: 90px;

        text-align: center;

        padding: 20px

    }



    .activity-191022 .one-box li {

        width: 100%;

        float: none;

        margin-bottom: 20px;

        padding: 0;

        text-align: left

    }



    .activity-191022 .one-box li h3 {

        font-size: 16px;

        margin-bottom: 10px;

        font-weight: 700

    }



    .activity-191022 .one-box li p {

        font-size: 14px;

        line-height: 1.5

    }



    .activity-191022 .two-box li {

        margin-bottom: 15px;

        width: calc(50% - 8px)

    }



    .activity-191022 .two-box li h3 {

        font-size: 14px

    }



    .activity-191022 .three-box ul {

        margin: 0

    }



    .activity-191022 .three-box li {

        width: 100%;

        margin: 0 0 20px

    }



    .activity-191022 .four-box ul {

        margin: 0

    }



    .activity-191022 .four-box li {

        width: 100%;

        text-align: left;

        margin: 0 0 10px

    }



    .activity-191022 .fire-box .form-group {

        padding-left: 0;

        margin-bottom: 10px

    }



    .activity-191022 .fire-box .form-group span.title {

        position: static;

        font-size: 16px;

        display: block;

        line-height: 1;

        margin-bottom: 10px

    }



    .activity-191022 .fire-box .form-group input[type=text] {

        height: 40px

    }



    .activity-191022 .fire-box .form-group input[type=text].phone {

        width: 100%;

        margin-right: 0;

        margin-bottom: 10px

    }



    .activity-191022 .fire-box .form-group input[type=text].code {

        width: 60%

    }



    .activity-191022 .fire-box .form-group #captcha {

        width: 35%

    }



    .activity-191022 .fire-box .submit [type=submit] {

        width: 100%;

        height: 40px;

        border-radius: 5px;

        font-size: 14px

    }

}



.activity-banner img {

    width: 100%

}



.activity-191112 {

    background: url(//static.cn86.cn/img/2019/11/d358773fc0hudbj7.jpg) top no-repeat;

    background-size: 100%;

    padding-bottom: 1px

}



.activity-191112 .one-box {

    padding: 150px 0 95px

}



.activity-191112 .activity-container {

    width: 1144px;

    margin: 0 auto;

    position: relative;

    z-index: 2

}



.activity-191112 .activity-title {

    text-align: center;

    margin-bottom: 45px

}



.activity-191112 .activity-title span {

    display: inline-block;

    background: #1557cf;

    border-radius: 10px;

    -webkit-box-shadow: 0 5px 5px 0 rgba(19, 5, 9, .75);

    box-shadow: 0 5px 5px 0 rgba(19, 5, 9, .75);

    line-height: 2.1;

    font-size: 45px;

    padding: 0 2em;

    color: #fdfdfb

}



.activity-191112 .one-content {

    background: #fff;

    border: 12px solid #52d1fd;

    border-radius: 40px;

    padding: 70px 0

}



.activity-191112 .one-content .title {

    font-size: 28px;

    color: #171717;

    text-align: center;

    margin-bottom: 20px

}



.activity-191112 .one-content .title span {

    font-size: 39px;

    position: relative;

    color: #1557cf;

    font-weight: 700;

    top: 5px

}



.activity-191112 .one-content .desc {

    text-align: center

}



.activity-191112 .one-content .desc h3 {

    font-size: 36px;

    color: #1557cf;

    font-weight: 400

}



.activity-191112 .one-content .desc p {

    font-size: 22px;

    color: #171717;

    line-height: 2

}



.activity-191112 .one-content .desc p span {

    border-bottom: 1px solid #171717

}



.activity-191112 .two-box {

    margin-bottom: 100px;

    position: relative

}



.activity-191112 .two-box .activity-title {

    margin-bottom: 60px

}



.activity-191112 .two-box .two-content {

    background: #fff;

    border: 12px solid #52d1fd;

    border-radius: 40px;

    padding: 70px 25px

}



.activity-191112 .two-box .two-content ul {

    margin: 0 -30px

}



.activity-191112 .two-box .two-content ul li {

    float: left;

    width: calc(25% - 60px);

    margin: 0 30px;

    position: relative

}



.activity-191112 .two-box .two-content ul li:not(:last-child):after {

    content: url(//static.cn86.cn/img/2019/10/c56cf9ff66tsfmdf.png);

    position: absolute;

    right: -50px;

    top: 55%

}



.activity-191112 .two-box .two-content ul li .num {

    margin: 0 auto 40px;

    width: 55px;

    height: 55px;

    border-radius: 50%;

    background: #1557cf;

    font-size: 40px;

    color: #fdfdfb;

    text-align: center;

    line-height: 55px

}



.activity-191112 .two-box .two-content ul .img img {

    width: 100%

}



.activity-191112 .three-box {

    margin-bottom: 50px;

    position: relative

}



.activity-191112 .three-box .three-content {

    background: #fff;

    border: 12px solid #52d1fd;

    border-radius: 40px;

    padding: 70px 150px

}



.activity-191112 .three-box .form-group {

    margin-bottom: 25px;

    position: relative;

    padding-left: 150px;

    font-size: 0

}



.activity-191112 .three-box .form-group .title {

    font-size: 30px;

    color: #2b2b2b;

    position: absolute;

    margin-left: -150px;

    line-height: 57px

}



.activity-191112 .three-box .form-group input[type=text] {

    width: 100%;

    border: 1px solid #666;

    border-radius: 5px;

    height: 55px;

    padding: 0 15px;

    font-size: 16px;

    color: #333;

    outline: none;

    background: transparent

}



.activity-191112 .three-box .form-group input[type=text].phone {

    width: 45%;

    margin-right: 3%

}



.activity-191112 .three-box .form-group input[type=text].code {

    width: 25%;

    margin-right: 3%

}



.activity-191112 .three-box #captcha {

    display: inline-block;

    width: 24%

}



.activity-191112 .three-box .submit {

    text-align: center

}



.activity-191112 .three-box .submit button {

    width: 240px;

    height: 60px;

    border-radius: 30px;

    background: #1557cf;

    font-size: 28px;

    color: #fefefe;

    border: none;

    outline: none

}



@media (max-width:1366px) {

    .activity-191112 {

        background-size: cover

    }



    .activity-191112 .activity-container {

        width: 990px

    }



    .activity-191112 .one-content {

        padding: 50px 0

    }



    .activity-191112 .one-content .title {

        font-size: 24px

    }



    .activity-191112 .one-content .title span {

        font-size: 30px;

        top: 2px

    }

}



@media (max-width:1150px) {

    .activity-191112 .one-box {

        padding: 80px 0 60px

    }



    .activity-191112 .activity-title span {

        font-size: 24px

    }



    .activity-191112 .three-box .three-content {

        paddoing: 50px 100px

    }



    .activity-191112 .two-box .two-content ul {

        margin: 0 -15px

    }



    .activity-191112 .two-box .two-content ul li {

        margin: 0 15px;

        width: calc(25% - 30px)

    }



    .activity-191112 .two-box .two-content ul li:not(:last-child):after {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        right: -35px

    }

}



@media (max-width:990px) {

    .activity-191112 .activity-container {

        width: 95%

    }



    .activity-191112 .activity-title {

        margin-bottom: 20px

    }



    .activity-191112 .activity-title span {

        font-size: 16px;

        border-radius: 5px

    }



    .activity-191112 .one-box {

        padding: 40px 0 20px

    }



    .activity-191112 .one-content {

        border-radius: 10px;

        border-width: 5px

    }



    .activity-191112 .one-content .title {

        font-size: 16px

    }



    .activity-191112 .one-content .title span {

        font-size: 20px

    }



    .activity-191112 .one-content .desc h3 {

        font-size: 18px

    }



    .activity-191112 .one-content .desc p {

        font-size: 14px

    }



    .activity-191112 .two-box {

        margin-bottom: 40px

    }



    .activity-191112 .two-box .activity-title {

        margin-bottom: 30px

    }



    .activity-191112 .two-box .two-content {

        padding: 30px 20px;

        border-radius: 10px;

        border-width: 5px

    }



    .activity-191112 .two-box .two-content ul li {

        width: calc(50% - 30px);

        margin-top: 15px;

        margin-bottom: 15px

    }



    .activity-191112 .two-box .two-content ul li .num {

        width: 30px;

        height: 30px;

        line-height: 30px;

        font-size: 16px;

        margin-bottom: 15px

    }



    .activity-191112 .two-box .two-content ul li:nth-of-type(2):after {

        display: none

    }



    .activity-191112 .three-box .three-content {

        padding: 30px 20px;

        border-radius: 10px;

        border-width: 5px

    }



    .activity-191112 .three-box .activity-title {

        margin-bottom: 30px

    }



    .activity-191112 .three-box .form-group {

        margin-bottom: 15px;

        padding-left: 0

    }



    .activity-191112 .three-box .form-group .title {

        position: static;

        margin-left: 0;

        font-size: 16px;

        margin-bottom: 10px;

        line-height: 1;

        display: block

    }



    .activity-191112 .three-box .form-group input[type=text] {

        height: 35px

    }



    .activity-191112 .three-box .form-group input[type=text].phone {

        width: 100%;

        margin-right: 0;

        margin-bottom: 15px

    }



    .activity-191112 .three-box .form-group input[type=text].code {

        width: 60%;

        vertical-align: middle

    }



    .activity-191112 .three-box #captcha {

        width: 37%

    }



    .activity-191112 .three-box .submit button {

        width: 140px;

        height: 35px;

        border-radius: 20px;

        font-size: 14px

    }

}



@media (max-width:320px) {

    .activity-content .one-content .desc p {

        font-size: 12px

    }



    .activity-content .two-box .two-content ul {

        margin-left: 0;

        margin-right: 0

    }



    .activity-content .two-box .two-content ul li {

        width: 100%;

        margin-left: 0;

        margin-right: 0

    }



    .activity-content .two-box .two-content ul li:after {

        display: none

    }

}



.item-191118 {

    position: relative;

    overflow: hidden;

    background: #37b5f7

}



.item-191118 .ban-191118-text {

    position: absolute;

    width: 48.95833333%;

    top: 30%;

    left: 0;

    text-align: right;

    opacity: 0;

    -webkit-transform: translateY(40%);

    transform: translateY(40%);

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.item-191118 .ban-191118-text img {

    max-width: 100%;

    width: auto;

    display: inline-block

}



@media (max-width:1440px) {

    .item-191118 .ban-191118-text {

        padding-left: 15%

    }

}



@media (max-width:1200px) {

    .item-191118 .ban-191118-text {

        padding-left: 12%

    }

}



@media (max-width:1024px) {

    .item-191118 .ban-191118-text {

        top: 35%

    }

}



.item-191118 .ban-191118-img {

    opacity: 0;

    -webkit-transform: translateY(40%);

    transform: translateY(40%);

    -webkit-transition: all .5s ease .2s;

    transition: all .5s ease .2s;

    top: 5%

}



.item-191118 .ban-191118-img .ban-191118-gif {

    -webkit-transform: scale(.9);

    transform: scale(.9);

    -webkit-transform-origin: left center;

    transform-origin: left center

}



@media (max-width:1440px) {

    .item-191118 .ban-191118-img {

        top: -12%

    }



    .item-191118 .ban-191118-img .ban-191118-gif {

        -webkit-transform: scale(.6);

        transform: scale(.6)

    }

}



@media (max-width:1366) {

    .item-191118 .ban-191118-img {

        top: -15%

    }

}



@media (max-width:1200px) {

    .item-191118 .ban-191118-img {

        top: -20%

    }



    .item-191118 .ban-191118-img .ban-191118-gif {

        -webkit-transform: scale(.5);

        transform: scale(.5)

    }

}



@media (max-width:1024px) {

    .item-191118 .ban-191118-img {

        top: -28%

    }

}



@media (max-width:990px) {

    .item-191118 {

        background: url(//static.cn86.cn/img/2019/11/0eec5847da5ntcez.jpg) 50% no-repeat;

        background-size: cover

    }



    .item-191118 .ban-191118-bg {

        display: none

    }



    .item-191118 .ban-191118-text {

        top: 40%

    }



    .item-191118 .ban-191118-img {

        top: 30%

    }



    .item-191118 .ban-191118-img .ban-191118-gif {

        -webkit-transform-origin: left top;

        transform-origin: left top;

        -webkit-transform: scale(.2);

        transform: scale(.2)

    }

}



.active .ban-191118-img,

.active .ban-191118-text {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.active .ban-191118-gif .ban-gif-show {

    -webkit-animation-name: show;

    animation-name: show;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.active .ban-191118-gif .ban-191118-gif-img2 {

    -webkit-animation-delay: 1s;

    animation-delay: 1s

}



.active .ban-191118-gif .ban-191118-gif-img3 {

    -webkit-animation-delay: 1.7s;

    animation-delay: 1.7s

}



.active .ban-191118-gif .ban-191118-gif-img4 {

    -webkit-animation-delay: 2.4s;

    animation-delay: 2.4s

}



.active .ban-191118-gif .ban-191118-gif-img5 {

    -webkit-animation-delay: 3.1s;

    animation-delay: 3.1s

}



.active .ban-191118-gif .ban-191118-gif-img6 {

    -webkit-animation-delay: 3.5s;

    animation-delay: 3.5s

}



.activity-191118-banner {

    position: relative;

    overflow: hidden

}



.activity-191118-banner .ban-191118-bg img {

    width: 100%

}



.activity-191118-banner .ban-191118-text {

    position: absolute;

    width: 57.03125%;

    left: 0;

    text-align: right;

    top: 50%;

    -webkit-transform: translateY(-40%);

    transform: translateY(-40%)

}



.activity-191118-banner .ban-191118-text img {

    max-width: 100%

}



.ban-191118-img {

    position: absolute;

    width: 42.96875%;

    text-align: left;

    top: 50%;

    -webkit-transform: translateY(-45%);

    transform: translateY(-45%);

    right: 0

}



@media (max-width:990px) {

    .ban-191118-img {

        -webkit-transform: translateY(-48%);

        transform: translateY(-48%)

    }

}



.ban-191118-img img {

    max-width: 100%

}



.ban-191118-gif {

    width: 626px;

    height: 585px;

    position: relative

}



.ban-191118-gif .ban-gif-show {

    position: absolute;

    opacity: 0

}



.ban-191118-gif-img0 {

    position: absolute;

    left: 177px;

    bottom: 0;

    z-index: 9

}



.ban-191118-gif-img1 {

    left: 88px;

    bottom: 107px

}



.ban-191118-gif-img2 {

    left: 0;

    bottom: 282px

}



.ban-191118-gif-img3 {

    left: 153px;

    top: 0

}



.ban-191118-gif-img4 {

    right: 68px;

    top: 49px

}



.ban-191118-gif-img5 {

    right: 0;

    bottom: 230px

}



.ban-191118-gif-img6 {

    right: 48px;

    bottom: 72px

}



.ban-191118-gif.show-effect .ban-gif-show {

    -webkit-animation-name: show;

    animation-name: show;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.ban-191118-gif.show-effect .ban-191118-gif-img2 {

    -webkit-animation-delay: 1s;

    animation-delay: 1s

}



.ban-191118-gif.show-effect .ban-191118-gif-img3 {

    -webkit-animation-delay: 1.7s;

    animation-delay: 1.7s

}



.ban-191118-gif.show-effect .ban-191118-gif-img4 {

    -webkit-animation-delay: 2.4s;

    animation-delay: 2.4s

}



.ban-191118-gif.show-effect .ban-191118-gif-img5 {

    -webkit-animation-delay: 3.1s;

    animation-delay: 3.1s

}



.ban-191118-gif.show-effect .ban-191118-gif-img6 {

    -webkit-animation-delay: 3.5s;

    animation-delay: 3.5s

}



@-webkit-keyframes show {

    0% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



@keyframes show {

    0% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



.activity-191118 .activity-container {

    max-width: 1200px;

    margin: 0 auto

}



.activity-191118 .activity-title {

    text-align: center

}



.activity-191118 .activity-title h3 {

    font-size: 40px;

    background: url(//static.cn86.cn/img/2019/11/61d301304btkborz.png) bottom no-repeat;

    padding-bottom: 30px;

    margin: 0;

    color: #333

}



.activity-191118 .activity-title p {

    font-size: 22px;

    margin: 20px 0 0;

    color: #333

}



.activity-191118 .one-box {

    background: #f7f7f7;

    padding: 5.72916667% 0 3.125%

}



.activity-191118 .one-box .one-left {

    width: 62.5%;

    margin-left: -10.83333333%;

    float: left;

    text-align: left

}



.activity-191118 .one-box .one-left img {

    max-width: 100%

}



.activity-191118 .one-box .one-right {

    width: 39.16666667%;

    float: right

}



.activity-191118 .one-box .one-right li {

    margin-top: 40px

}



.activity-191118 .one-box .one-right li h3 {

    height: 54px;

    margin: 0 0 10px;

    line-height: 54px

}



.activity-191118 .one-box .one-right li h3 em {

    width: 54px;

    display: inline-block;

    font-weight: 400;

    text-align: center;

    font-style: normal;

    font-size: 30px;

    color: #fff;

    text-shadow: 0 3px 4px rgba(0, 0, 0, .1);

    font-family: Impact;

    vertical-align: middle

}



.activity-191118 .one-box .one-right li h3 span {

    display: inline-block;

    margin-left: 15px;

    text-shadow: 0 3px 4px rgba(0, 0, 0, .1);

    font-size: 20px;

    color: #fff;

    vertical-align: middle

}



.activity-191118 .one-box .one-right li p {

    font-size: 18px;

    line-height: 1.56;

    color: #333

}



.activity-191118 .one-box .one-right li:first-of-type h3 {

    background: url(//static.cn86.cn/img/2019/11/7875341806ugl4ks.png) no-repeat 0 0

}



.activity-191118 .one-box .one-right li:nth-of-type(2) h3 {

    background: url(//static.cn86.cn/img/2019/11/a2a5190771ewbg3j.png) no-repeat 0 0

}



.activity-191118 .one-box .one-right li:nth-of-type(3) h3 {

    background: url(//static.cn86.cn/img/2019/11/9080d4c4cd3nyoej.png) no-repeat 0 0

}



.activity-191118 .one-box .one-right li:nth-of-type(4) h3 {

    background: url(//static.cn86.cn/img/2019/11/cd925db044uo2tun.png) no-repeat 0 0

}



.activity-191118 .two-box {

    background: #fff;

    padding: 4.42708333% 0 5.46875%

}



.activity-191118 .two-box .two-content {

    margin-top: 55px

}



.activity-191118 .two-box .two-tab-main {

    width: 69.16666667%;

    float: left;

    background: #f7f7f7;

    border: 1px solid #ccc;

    padding: 14px

}



.activity-191118 .two-box .two-tab-main img {

    width: 100%;

    display: block

}



.activity-191118 .two-box .two-tab-main a {

    display: block;

    margin-top: 15px;

    color: #207cf1;

    font-family: arial;

    word-break: break-all

}



.activity-191118 .two-box .two-tab-ul {

    width: 27.08333333%;

    float: right

}



.activity-191118 .two-box .two-tab-li {

    position: relative;

    cursor: pointer

}



.activity-191118 .two-box .two-tab-li.active p {

    display: none

}



.activity-191118 .two-box .two-tab-li img {

    width: 100%

}



.activity-191118 .two-box .two-tab-li p:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(6, 7, 7, .6)

}



.activity-191118 .two-box .two-tab-li p span {

    z-index: 9;

    position: absolute;

    white-space: nowrap;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    border: 1px solid #fff;

    border-radius: 5px;

    padding: 8px 15px;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.activity-191118 .two-box .two-tab-li:not(:last-child) {

    margin-bottom: 35px

}



.activity-191118 .three-box {

    background: url(//static.cn86.cn/img/2019/11/4eb4b5f4c09k7wvw.jpg) top no-repeat;

    background-size: cover;

    padding: 5.98958333% 0 6.51041667%

}



.activity-191118 .three-box .activity-title h3 {

    background: url(//static.cn86.cn/img/2019/11/865b0343b23lzjwi.png) bottom no-repeat;

    color: #fff

}



.activity-191118 .three-box .three-content {

    margin-top: 70px

}



.activity-191118 .three-box .three-content h4 {

    text-align: center;

    font-size: 24px;

    color: #fff;

    font-weight: 400

}



.activity-191118 .three-box .three-content .img-list {

    margin-bottom: 70px

}



.activity-191118 .three-box .three-content .img-list li {

    float: left;

    width: calc(16.6666% - 10px);

    margin: 0 12px 27px 0;

    overflow: hidden;

    border-radius: 5px

}



.activity-191118 .three-box .three-content .img-list li img {

    width: 100%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.activity-191118 .three-box .three-content .img-list li:nth-of-type(6n) {

    margin-right: 0

}



.activity-191118 .three-box .three-content .img-list li:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.activity-191118 .four-box {

    background: url(//static.cn86.cn/img/2019/11/73259e752dmmhrcg.png) top;

    padding: 4.16666667% 0

}



.activity-191118 .four-box .four-content-left {

    width: 49.16666667%;

    float: left

}



.activity-191118 .four-box .four-content-right {

    width: 49.16666667%;

    float: right

}



.activity-191118 .four-box .input-g {

    position: relative;

    margin-bottom: 10px;

    height: 55px;

    background: #fff;

    border-radius: 5px;

    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);

    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1);

    overflow: hidden

}



.activity-191118 .four-box .input-g input,

.activity-191118 .four-box .input-g textarea {

    width: 100%;

    border: none;

    font-size: 14px;

    color: #333;

    outline: none

}



.activity-191118 .four-box .input-g input::-webkit-input-placeholder,

.activity-191118 .four-box .input-g textarea::-webkit-input-placeholder {

    color: #666

}



.activity-191118 .four-box .input-g input::-moz-placeholder,

.activity-191118 .four-box .input-g textarea::-moz-placeholder {

    color: #666

}



.activity-191118 .four-box .input-g input::-ms-input-placeholder,

.activity-191118 .four-box .input-g textarea::-ms-input-placeholder {

    color: #666

}



.activity-191118 .four-box .input-g input::placeholder,

.activity-191118 .four-box .input-g textarea::placeholder {

    color: #666

}



.activity-191118 .four-box .input-g textarea {

    height: 120px;

    resize: none;

    padding: 10px

}



.activity-191118 .four-box .input-g input {

    height: 55px;

    padding-left: 30px

}



.activity-191118 .four-box #captcha {

    position: absolute;

    right: 10px;

    top: 6px;

    height: 43px

}



.activity-191118 .four-box .textarea {

    height: 120px

}



.activity-191118 .four-box button[type=submit] {

    width: 100%;

    height: 55px;

    font-size: 18px;

    color: #fff;

    border: none;

    background: #111626;

    border-radius: 5px;

    outline: none

}



.activity-191118 .five-box {

    background: #f7f7f7;

    padding: 2.34375% 0

}



.activity-191118 .five-box .five-tab-wrap {

    background-color: #fcfcfd;

    -webkit-box-shadow: 0 5px 5px 0 hsla(330, 8%, 95%, .75);

    box-shadow: 0 5px 5px 0 hsla(330, 8%, 95%, .75)

}



.activity-191118 .five-box .five-tab-ul {

    border-bottom: 1px solid #e7e7e7;

    margin-top: 40px

}



.activity-191118 .five-box .five-tab-ul li {

    width: 33.3333%;

    float: left;

    text-align: center;

    line-height: 70px;

    font-size: 20px;

    color: #010101;

    cursor: pointer

}



.activity-191118 .five-box .five-tab-ul li.active {

    background: #2581f5;

    color: #fff

}



.activity-191118 .five-box .five-tab-box {

    padding: 3.33333333% 5%

}



.activity-191118 .five-box .five-tab-item:not(:first-child) {

    display: none

}



.activity-191118 .five-box .five-tab-item ul {

    background: #f7f7f7;

    border: 1px solid #e4e4e4;

    padding: 15px 45px;

    margin-bottom: 15px

}



.activity-191118 .five-box .five-tab-item ul li {

    float: left;

    width: 20%;

    font-size: 14px;

    color: #55575a;

    line-height: 2

}



.activity-191118 .five-box .five-tab-item ul li:before {

    content: "";

    display: inline-block;

    vertical-align: 3px;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    margin-right: 5px;

    background: #55575a

}



.activity-191118 .five-box .five-tab-item .desc {

    font-size: 14px;

    color: #55575a;

    padding-right: 210px;

    position: relative;

    margin-top: 40px

}



.activity-191118 .five-box .five-tab-item .desc .more-link {

    position: absolute;

    top: 0;

    right: 0;

    text-align: center

}



.activity-191118 .five-box .five-tab-item .desc .more-link a {

    line-height: 47px;

    width: 124px;

    color: #333;

    font-size: 18px;

    display: inline-block;

    background: #fee301

}



.activity-191118 .five-box .five-tab-item .desc .desc-top {

    margin-bottom: 10px

}



.activity-191118 .five-box .five-tab-item .desc .desc-top p {

    display: inline-block;

    font-size: 15px;

    margin-right: 40px

}



.activity-191118 .five-box .five-tab-item .desc p {

    font-size: 15px;

    color: #55575a

}



.activity-191118 .five-box .five-tab-item .desc p span {

    font-size: 26px;

    font-weight: 700;

    color: #1296db

}



@media (max-width:1440px) {

    .activity-191118 .one-box .one-left {

        width: 55.41666667%;

        margin-left: 0;

        margin-top: 40px

    }



    .activity-191118-banner .ban-191118-gif {

        -webkit-transform-origin: left center;

        transform-origin: left center;

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

}



@media (max-width:1200px) {

    .activity-191118 .activity-container {

        max-width: 990px

    }



    .activity-191118-banner .ban-191118-text {

        padding-left: 5%

    }



    .activity-191118-banner .ban-191118-gif {

        -webkit-transform: scale(.7);

        transform: scale(.7)

    }



    .activity-191118 .one-box .one-right li {

        margin-top: 20px

    }



    .activity-191118 .one-box .one-right li p {

        font-size: 14px

    }



    .activity-191118 .two-box .two-tab-li:not(:last-child) {

        margin-bottom: 29px

    }

}



@media (max-width:990px) {



    .activity-191118 .four-box,

    .activity-191118 .one-box,

    .activity-191118 .three-box,

    .activity-191118 .two-box {

        padding: 40px 0

    }



    .activity-191118 .activity-container {

        max-width: auto;

        width: calc(100% - 20px)

    }



    .activity-191118-banner .ban-191118-gif {

        -webkit-transform: scale(.2);

        transform: scale(.2)

    }



    .activity-191118 .activity-title h3 {

        font-size: 20px;

        padding-bottom: 10px;

        background-size: 60%

    }



    .activity-191118 .activity-title p {

        font-size: 14px;

        margin-top: 10px

    }



    .activity-191118 .one-box .one-left {

        width: 100%;

        margin-top: 0

    }



    .activity-191118 .one-box .one-right {

        width: 100%

    }



    .activity-191118 .two-box .two-tab-ul {

        width: 100%;

        margin-bottom: 10px

    }



    .activity-191118 .two-box .two-tab-ul:after {

        content: "";

        display: table;

        clear: both

    }



    .activity-191118 .two-box .two-tab-li {

        width: calc(25% - 7.5px);

        float: left;

        margin-bottom: 0 !important

    }



    .activity-191118 .two-box .two-tab-li:not(:last-child) {

        margin-right: 10px

    }



    .activity-191118 .two-box .two-tab-li p span {

        padding: 4px 7px;

        font-size: 12px

    }



    .activity-191118 .two-box .two-content {

        margin-top: 20px

    }



    .activity-191118 .two-box .two-tab-main {

        width: 100%

    }



    .activity-191118 .three-box .activity-title h3 {

        background-size: 65%

    }



    .activity-191118 .three-box .three-content {

        margin-top: 20px

    }



    .activity-191118 .three-box .three-content .img-list {

        margin-bottom: 20px

    }



    .activity-191118 .three-box .three-content .img-list li {

        width: calc(33.3333% - 8px);

        margin: 0 5px 10px 0

    }



    .activity-191118 .three-box .three-content h4 {

        font-size: 14px

    }



    .activity-191118 .four-box .four-content-left,

    .activity-191118 .four-box .four-content-right {

        width: 100%

    }



    .activity-191118 .four-box .input-g,

    .activity-191118 .four-box .input-g input {

        height: 35px

    }



    .activity-191118 .four-box #captcha {

        height: 25px

    }



    .activity-191118 .four-box .input-g textarea,

    .activity-191118 .four-box .textarea {

        height: 100px

    }



    .activity-191118 .four-box button[type=submit] {

        height: 35px

    }



    .activity-191118 .five-box {

        padding: 20px 0

    }



    .activity-191118 .five-box .five-tab-ul {

        margin-top: 20px

    }



    .activity-191118 .five-box .five-tab-ul li {

        font-size: 14px;

        line-height: 35px

    }



    .activity-191118 .five-box .five-tab-item ul {

        padding: 10px 15px

    }



    .activity-191118 .five-box .five-tab-item ul li {

        width: 50%

    }



    .activity-191118 .five-box .five-tab-item .desc {

        margin-top: 20px;

        padding-right: 0

    }



    .activity-191118 .five-box .five-tab-item .desc .more-link {

        text-align: left;

        position: static;

        margin-top: 20px

    }



    .activity-191118 .five-box .five-tab-item .desc p span {

        font-size: 20px

    }



    .activity-191118 .five-box .five-tab-item .desc .more-link a {

        line-height: 35px;

        font-size: 14px;

        text-align: center;

        width: 100px

    }

}



.activity-200212 {

    background: url(//static.cn86.cn/img/2020/02/b4815572cayzutca.jpg) top no-repeat;

    background-size: cover

}



.activity-200212 .one-box {

    padding-top: 16.66666667%

}



.activity-200212 .one-box .img1 {

    text-align: center;

    margin-bottom: 40px

}



.activity-200212 .one-box .img1 img {

    max-width: 100%

}



.activity-200212 .one-box .wz1 {

    font-size: 42px;

    color: #f9f8f6;

    font-weight: 700;

    text-shadow: 0 3px 7px rgba(0, 0, 0, .35);

    margin: 0 75px;

    line-height: 90px;

    background: #e97e0b;

    border-radius: 90px;

    text-align: center

}



.activity-200212 .one-box .img2 {

    text-align: center;

    margin-top: 40px

}



.activity-200212 .one-box .img2 img {

    max-width: 100%

}



.activity-200212 .one-box .wz3 {

    font-size: 28px;

    color: #fff;

    font-family: arial;

    text-transform: uppercase;

    text-align: center;

    margin: 10px 0 25px

}



.activity-200212 .one-box .wz4 {

    padding: 0 11.66666667%

}



.activity-200212 .one-box .wz4-left {

    float: left

}



.activity-200212 .one-box .wz4-right {

    float: right

}



.activity-200212 .one-box .wz4 span {

    display: inline-block;

    vertical-align: middle;

    width: 86px;

    height: 86px;

    border-radius: 50%;

    background: #50baf7;

    font-size: 60px;

    color: #f9f8f6;

    font-weight: 700;

    text-align: center;

    line-height: 86px

}



.activity-200212 .one-box .wz4 span:not(:last-child) {

    margin-right: 10px

}



.activity-200212 .two-box {

    padding-top: 15%

}



.activity-200212 .two-box .two-box-ul {

    margin-top: 60px

}



.activity-200212 .two-box .two-box-ul li {

    background: #fff;

    border-radius: 10px;

    padding: 40px 30px;

    height: 226px

}



.activity-200212 .two-box .two-box-ul li:not(:last-child) {

    margin-bottom: 40px

}



.activity-200212 .two-box .two-box-ul li .img {

    float: left;

    width: 28.33333333%;

    text-align: center;

    height: 150px;

    margin-right: 7.5%

}



.activity-200212 .two-box .two-box-ul li .img img {

    max-width: 100%;

    max-height: 100%;

    display: inline-block;

    vertical-align: middle

}



.activity-200212 .two-box .two-box-ul li .img:after {

    display: inline-block;

    content: "";

    height: 100%;

    vertical-align: middle

}



.activity-200212 .two-box .two-box-ul li .wz {

    overflow: hidden

}



@media (min-width:1200px) {

    .activity-200212 .two-box .two-box-ul li .wz {

        padding-top: 10px

    }

}



.activity-200212 .two-box .two-box-ul li .wz .wz-title {

    margin: 15px 0

}



.activity-200212 .two-box .two-box-ul li .wz .wz-title h3 {

    font-size: 26px;

    color: #111;

    display: inline-block;

    margin: 0 20px 0 0

}



.activity-200212 .two-box .two-box-ul li .wz .wz-title span {

    font-size: 18px;

    color: #444

}



.activity-200212 .two-box .two-box-ul li .wz p {

    font-size: 30px;

    color: #fff;

    background: #e97e0a;

    border-radius: 5px;

    line-height: 50px;

    width: 70%;

    padding-left: 30px;

    font-weight: 700

}



.activity-200212 .activity-title {

    background: url(//static.cn86.cn/img/2020/02/894c5cdead2qkgsw.png) 50% no-repeat;

    height: 150px;

    background-size: auto 100%;

    text-align: center

}



.activity-200212 .activity-title span {

    font-size: 48px;

    color: #fff;

    padding-top: 10px;

    font-weight: 700

}



.activity-200212 .three-box {

    padding-top: 16.66666667%;

    padding-bottom: 8.33333333%

}



.activity-200212 .three-box .three-box-form {

    width: 500px;

    margin: 50px auto 0

}



.activity-200212 .three-box .three-box-form .form-group {

    margin-bottom: 10px

}



.activity-200212 .three-box .three-box-form .form-group input[type=text],

.activity-200212 .three-box .three-box-form .form-group textarea {

    width: 100%;

    border-radius: 5px;

    background: #d5d5d5;

    border: none;

    height: 50px;

    padding: 0 20px;

    font-size: 16px;

    color: #333;

    outline: none

}



.activity-200212 .three-box .three-box-form .form-group input[type=text]::-webkit-input-placeholder,

.activity-200212 .three-box .three-box-form .form-group textarea::-webkit-input-placeholder {

    color: #545454

}



.activity-200212 .three-box .three-box-form .form-group input[type=text]::-moz-placeholder,

.activity-200212 .three-box .three-box-form .form-group textarea::-moz-placeholder {

    color: #545454

}



.activity-200212 .three-box .three-box-form .form-group input[type=text]::-ms-input-placeholder,

.activity-200212 .three-box .three-box-form .form-group textarea::-ms-input-placeholder {

    color: #545454

}



.activity-200212 .three-box .three-box-form .form-group input[type=text]::placeholder,

.activity-200212 .three-box .three-box-form .form-group textarea::placeholder {

    color: #545454

}



.activity-200212 .three-box .three-box-form .form-group textarea {

    height: 140px;

    padding-top: 10px;

    resize: none

}



.activity-200212 .three-box .three-box-form .form-group input[type=text].code {

    width: calc(100% - 140px);

    float: left

}



.activity-200212 .three-box .three-box-form .form-group #captcha {

    float: right;

    margin-top: 8px

}



.activity-200212 .three-box .three-box-form button[type=submit] {

    width: 100px;

    height: 50px;

    background: #e97e0a;

    color: #fff;

    font-size: 16px;

    border-radius: 5px;

    border: none;

    outline: none

}



@media (max-width:1200px) {

    .activity-200212 .one-box .img1 img {

        height: 130px

    }



    .activity-200212 .one-box .wz1 {

        font-size: 26px;

        line-height: 50px;

        border-radius: 50px;

        margin: 0 18%

    }



    .activity-200212 .one-box .img2 img {

        height: 40px

    }



    .activity-200212 .one-box .wz3 {

        font-size: 18px;

        margin: 5px 0 10px

    }



    .activity-200212 .one-box .wz4 {

        padding: 0 18%

    }



    .activity-200212 .one-box .wz4 span {

        width: 60px;

        height: 60px;

        font-size: 36px;

        line-height: 60px

    }



    .activity-200212 .activity-title {

        height: 100px

    }



    .activity-200212 .activity-title span {

        font-size: 36px

    }



    .activity-200212 .two-box .two-box-ul li .wz p {

        font-size: 20px;

        line-height: 40px

    }



    .activity-200212 .two-box .two-box-ul li {

        height: 200px

    }



    .activity-200212 .two-box .two-box-ul li .img {

        height: 110px

    }

}



@media (max-width:990px) {

    .activity-200212 .one-box {

        padding-top: 40px

    }



    .activity-200212 .one-box .img1 img {

        height: auto;

        max-height: 80px

    }



    .activity-200212 .one-box .wz1 {

        margin: 0;

        font-size: 16px;

        line-height: 1.5;

        padding: 10px;

        border-radius: 30px;

        white-space: nowrap

    }



    .activity-200212 .one-box .img2 img {

        height: auto

    }



    .activity-200212 .one-box .wz4 {

        padding: 0;

        text-align: center

    }



    .activity-200212 .one-box .wz4 span {

        width: 40px;

        height: 40px;

        font-size: 20px;

        line-height: 40px

    }



    .activity-200212 .one-box .wz3 {

        font-size: 14px

    }



    .activity-200212 .activity-title {

        height: 60px

    }



    .activity-200212 .activity-title span {

        font-size: 20px

    }



    .activity-200212 .two-box .two-box-ul li {

        height: auto;

        padding: 15px

    }



    .activity-200212 .two-box .two-box-ul li .img {

        height: auto;

        float: none;

        margin: 0 0 15px;

        width: 100%;

        text-align: center

    }



    .activity-200212 .two-box .two-box-ul li:not(:last-child) {

        margin-bottom: 15px

    }



    .activity-200212 .two-box .two-box-ul li .wz p {

        width: 100%;

        line-height: 1.5;

        font-size: 14px;

        padding: 7px

    }



    .activity-200212 .two-box .two-box-ul li .wz .wz-title {

        margin: 0 0 10px

    }



    .activity-200212 .two-box .two-box-ul li .wz .wz-title h3 {

        font-size: 18px

    }



    .activity-200212 .two-box .two-box-ul li .wz .wz-title span {

        font-size: 14px;

        display: block

    }



    .activity-200212 .three-box .three-box-form {

        width: 100%;

        margin: 20px 0 0

    }



    .activity-200212 .three-box .three-box-form .form-group input[type=text] {

        height: 35px;

        font-size: 14px

    }



    .activity-200212 .three-box .three-box-form .form-group textarea {

        height: 80px;

        font-size: 14px

    }



    .activity-200212 .three-box .three-box-form .form-group #captcha {

        margin-top: 0

    }



    .activity-200212 .three-box .three-box-form button[type=submit] {

        width: 100%;

        height: 35px

    }



    .activity-200212 .two-box .two-box-ul {

        margin-top: 30px

    }

}



@media (max-width:480px) {

    .activity-200212 .one-box .wz4 span {

        width: 30px;

        height: 30px;

        font-size: 18px;

        line-height: 30px

    }

}



.activity-200218 {

    background: url(//static.cn86.cn/img/2020/02/cac94d920dnxvv0m.png) top repeat;

    background-size: 100%

}



.activity-200218 .top-banner img {

    width: 100%

}



.activity-200218 .activity-200218-title {

    text-align: center

}



.activity-200218 .activity-200218-title img {

    height: 102px

}



.activity-200218 .one-box {

    margin-top: 8.33333333%

}



.activity-200218 .one-box-ul {

    counter-reset: cs

}



.activity-200218 .one-box-ul li {

    margin-top: 4.16666667%;

    border: 6px solid #ffc04c;

    background: #fff;

    border-radius: 20px;

    padding: 7px 30px;

    position: relative;

    font-size: 0

}



.activity-200218 .one-box-ul li:before {

    content: counter(cs);

    counter-increment: cs;

    font-size: 300px;

    font-family: Impact;

    color: #d74631;

    position: absolute;

    right: 40px;

    bottom: -30px;

    opacity: .08;

    line-height: 1

}



.activity-200218 .one-box-ul li .img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 12.5%

}



.activity-200218 .one-box-ul li .img img {

    width: 178px

}



.activity-200218 .one-box-ul li .img p {

    font-size: 14px;

    color: #343434;

    font-weight: 700;

    padding-top: 5px;

    text-align: center

}



.activity-200218 .one-box-ul li .wz,

.activity-200218 .one-box-ul li .wz .wz-con,

.activity-200218 .one-box-ul li .wz .wz-img {

    display: inline-block;

    vertical-align: middle

}



.activity-200218 .one-box-ul li .wz .wz-img img {

    width: 159px

}



.activity-200218 .one-box-ul li .wz .wz-con {

    margin-left: 40px

}



.activity-200218 .one-box-ul li .wz .wz-con h3 {

    font-size: 22px;

    color: #ae2110;

    margin: 0 0 10px

}



.activity-200218 .one-box-ul li .wz .wz-con p {

    font-size: 16px;

    color: #343434;

    font-weight: 700;

    margin: 0 0 10px

}



.activity-200218 .one-box-ul li .wz .wz-con a {

    display: block;

    font-size: 18px;

    color: #343434;

    font-family: arial;

    word-break: break-all

}



.activity-200218 .one-box-ul li .wz .wz-con a:hover {

    color: #ffc04c

}



.activity-200218 .more-class {

    border-top: 1px solid #ffce9a;

    margin-top: 6.66666667%;

    padding-bottom: 6.66666667%;

    padding-top: 35px;

    font-size: 0

}



.activity-200218 .more-class h3,

.activity-200218 .more-class p {

    display: inline-block

}



.activity-200218 .more-class h3 {

    padding-left: 20px;

    font-size: 22px;

    font-weight: 700;

    color: #fff;

    margin: 0 40px 0 0

}



.activity-200218 .more-class p {

    font-size: 18px;

    color: #fff;

    font-weight: 700

}



.activity-200218 .more-class a {

    font-family: arial;

    color: #fff;

    font-weight: 400

}



.activity-200218 .more-class a:hover {

    color: #ffc04c

}



@media (max-width:1200px) {

    .activity-200218 .one-box-ul li .img {

        margin-right: 3%

    }

}



@media (max-width:990px) {

    .activity-200218 .one-box-ul li .wz .wz-img {

        display: none

    }



    .activity-200218 .one-box-ul li .wz .wz-con {

        margin-left: 0

    }



    .activity-200218 .one-box-ul li {

        padding-left: 15px;

        padding-right: 15px;

        border-width: 3px;

        border-radius: 10px

    }



    .activity-200218 .activity-200218-title img {

        height: 60px

    }



    .activity-200218 .one-box-ul li:before {

        display: none

    }



    .activity-200218 .one-box-ul li .img {

        display: block;

        margin: 0 0 10px;

        text-align: center

    }



    .activity-200218 .one-box-ul li .wz .wz-con h3 {

        font-size: 18px;

        margin-bottom: 5px

    }



    .activity-200218 .one-box-ul li .wz .wz-con p {

        font-size: 14px;

        margin-bottom: 5px

    }



    .activity-200218 .one-box-ul li .wz .wz-con a {

        font-size: 12px

    }



    .activity-200218 .more-class {

        padding-top: 15px

    }



    .activity-200218 .more-class h3 {

        display: block;

        padding-left: 0;

        margin: 0 0 10px;

        font-size: 18px

    }



    .activity-200218 .more-class p {

        font-size: 14px;

        display: block

    }



    .activity-200218 .one-box:nth-of-type(2) .one-box-ul li .wz .wz-con p {

        display: none

    }

}



@media (min-width:1366px) {

    .merchants-wrap .container {

        padding: 0

    }

}



.merchants-wrap .merchants-title {

    text-align: center;

    margin-bottom: 30px

}



.merchants-wrap .merchants-title h3 {

    font-size: 30px;

    color: #333;

    font-weight: 400;

    margin: 0 0 10px

}



.merchants-wrap .merchants-title p {

    font-size: 18px;

    color: #666

}



.merchants-wrap .merchants-title p b {

    color: red

}



@media (min-width:1200px) {

    .merchants-wrap .merchants-title p b {

        font-size: 28px

    }

}



.merchants-wrap .merchants-title.white h3,

.merchants-wrap .merchants-title.white p {

    color: #fff

}



.merchants-wrap .one-box {

    background: #f6f6f6;

    padding: 50px 0 70px

}



.merchants-wrap .one-box .one-item {

    float: left;

    width: calc(33.3333% - 13.3333px);

    background: #fff;

    border: 1px solid transparent

}



.merchants-wrap .one-box .one-item:hover {

    border-color: #1891ff

}



.merchants-wrap .one-box .one-item:nth-of-type(2) {

    margin: 0 20px

}



.merchants-wrap .one-box .one-item-title {

    height: 95px;

    background: url(//static.cn86.cn/img/2020/03/bffb969f37fxbhgw.png) no-repeat;

    background-size: cover;

    padding: 25px 0 0 25px;

    position: relative

}



.merchants-wrap .one-box .one-item-title h3 {

    font-size: 24px;

    color: #fff;

    margin: 0 0 10px

}



.merchants-wrap .one-box .one-item-title p {

    font-size: 14px;

    color: #fff

}



.merchants-wrap .one-box .one-item-title .hots {

    position: absolute;

    background: url(//static.cn86.cn/img/2020/03/e11fc75c2agnbbcq.png);

    width: 46px;

    height: 40px;

    top: -4px;

    right: 23px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    padding-top: 7px

}



.merchants-wrap .one-box .one-item-body {

    padding: 10px 20px

}



.merchants-wrap .one-box .one-item-body .one-item-body-item {

    font-size: 0;

    position: relative;

    margin-top: 20px

}



.merchants-wrap .one-box .one-item-body .one-item-body-item.item2 {

    height: 156px

}



.merchants-wrap .one-box .one-item-body .one-item-body-item.item3 {

    border-top: 1px dashed #ddd;

    height: 60px

}



.merchants-wrap .one-box .one-item-body .one-item-body-item.item3 h3 {

    margin-top: 0;

    line-height: 60px;

    padding-bottom: 0

}



.merchants-wrap .one-box .one-item-body .one-item-body-item h3 {

    font-size: 14px;

    color: #333;

    font-weight: 700;

    padding-bottom: 10px;

    border-bottom: 1px dashed #ddd

}



.merchants-wrap .one-box .one-item-body .one-item-body-item .price {

    position: absolute;

    right: 0;

    top: 7px;

    font-size: 12px;

    color: #666

}



.merchants-wrap .one-box .one-item-body .one-item-body-item .price b {

    font-style: normal;

    font-size: 28px;

    color: #c7000b;

    margin-right: 10px

}



.merchants-wrap .one-box .one-item-body .one-item-body-item span {

    font-size: 14px;

    color: #333;

    line-height: 20px;

    display: inline-block;

    vertical-align: middle;

    width: 50%;

    margin-bottom: 10px;

    background: url(//static.cn86.cn/img/2020/03/ac38d05936anyfm1.png) 0 no-repeat;

    padding-left: 25px;

    white-space: nowrap

}



.merchants-wrap .one-box .one-item-body .one-item-body-btn {

    padding-top: 30px;

    padding-bottom: 20px;

    font-size: 0;

    text-align: justify

}



.merchants-wrap .one-box .one-item-body .one-item-body-btn a {

    display: inline-block;

    width: calc(50% - 12px);

    font-size: 14px;

    color: #1891ff;

    border: 1px solid #1891ff;

    text-align: center;

    line-height: 34px

}



.merchants-wrap .one-box .one-item-body .one-item-body-btn a:first-child,

.merchants-wrap .one-box .one-item-body .one-item-body-btn a:hover {

    background: #1891ff;

    color: #fff

}



.merchants-wrap .one-box .one-item-body .one-item-body-btn a:first-child:hover {

    opacity: .8

}



.merchants-wrap .one-box .one-item-body .one-item-body-btn:after {

    display: inline-block;

    content: "";

    width: 100%;

    height: 0

}



.merchants-wrap .two-box {

    background: url(//static.cn86.cn/img/2020/03/fd790fe926nfx8ww.jpg) 50% no-repeat;

    padding: 60px 0;

    background-size: cover

}



.merchants-wrap .two-box .two-box-owl {

    position: relative

}



.merchants-wrap .two-box .two-box-owl .slick-arrow {

    position: absolute;

    top: calc(50% - 15px);

    width: 30px;

    height: 30px;

    opacity: .5;

    font-size: 0;

    border: none;

    outline: none

}



.merchants-wrap .two-box .two-box-owl .slick-arrow:hover {

    opacity: 1

}



.merchants-wrap .two-box .two-box-owl .slick-arrow.slick-prev {

    left: -60px;

    background: url(//static.cn86.cn/img/2020/03/5eb4bcddf2omkbzv.png) 50% no-repeat

}



.merchants-wrap .two-box .two-box-owl .slick-arrow.slick-next {

    right: -60px;

    background: url(//static.cn86.cn/img/2020/03/e953388e4br5joyb.png) 50% no-repeat

}



.merchants-wrap .two-box .two-box-owl .item {

    border-right: 1px solid #3d5e96;

    padding: 0 20px;

    outline: none

}



.merchants-wrap .two-box .two-box-owl .item .img {

    width: 148px;

    margin: 0 auto 20px;

    text-align: center;

    padding: 8px;

    border: 1px solid #3d5e96;

    border-radius: 50%

}



.merchants-wrap .two-box .two-box-owl .item .img img {

    display: inline-block;

    width: auto;

    max-width: 100%

}



.merchants-wrap .two-box .two-box-owl .item .wz {

    text-align: center

}



.merchants-wrap .two-box .two-box-owl .item .wz h3 {

    font-size: 16px;

    margin: 0 0 15px;

    color: #fff;

    font-weight: 400

}



.merchants-wrap .two-box .two-box-owl .item .wz h3 a {

    display: block;

    font-weight: 400;

    margin-top: 10px;

    font-size: 12px;

    color: #fff;

    outline: none

}



.merchants-wrap .two-box .two-box-owl .item .wz h3 a:hover {

    opacity: .9

}



.merchants-wrap .two-box .two-box-owl .item .wz p {

    font-size: 12px;

    color: #fff;

    line-height: 20px

}



.merchants-wrap .two-box .two-box-owl .item:hover .wz h3 {

    font-weight: 700

}



.merchants-wrap .two-box .two-box-owl .item:hover .img {

    background: #1867c0;

    border: 1px solid transparent

}



.merchants-wrap .three-box {

    background: #fff;

    padding: 60px 0

}



.merchants-wrap .three-box .three-box-content {

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);

    box-shadow: 0 0 20px rgba(0, 0, 0, .05)

}



.merchants-wrap .three-box .three-box-tab li {

    float: left;

    width: 20%;

    text-align: center;

    line-height: 55px;

    border-top: 3px solid #1a2f5c;

    background: #f8f8f8;

    font-size: 16px;

    color: #333;

    cursor: pointer

}



.merchants-wrap .three-box .three-box-tab li span {

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 30px;

    height: 30px;

    background: url(//static.cn86.cn/img/2020/03/be2f0d9429lh30oi.png) no-repeat

}



.merchants-wrap .three-box .three-box-tab li.active {

    border-top-color: #1891ff;

    background: #fff;

    color: #1891ff

}



.merchants-wrap .three-box .three-box-tab li:hover {

    color: #1891ff

}



.merchants-wrap .three-box .three-box-tab li:first-of-type span {

    background-position: 0 0

}



.merchants-wrap .three-box .three-box-tab li:first-of-type.active span,

.merchants-wrap .three-box .three-box-tab li:first-of-type:hover span {

    background-position: 0 -30px

}



.merchants-wrap .three-box .three-box-tab li:nth-of-type(2) span {

    background-position: -30px 0

}



.merchants-wrap .three-box .three-box-tab li:nth-of-type(2).active span,

.merchants-wrap .three-box .three-box-tab li:nth-of-type(2):hover span {

    background-position: -30px -30px

}



.merchants-wrap .three-box .three-box-tab li:nth-of-type(3) span {

    background-position: -60px 0

}



.merchants-wrap .three-box .three-box-tab li:nth-of-type(3).active span,

.merchants-wrap .three-box .three-box-tab li:nth-of-type(3):hover span {

    background-position: -60px -30px

}



.merchants-wrap .three-box .three-box-tab li:nth-of-type(4) span {

    background-position: -90px 0

}



.merchants-wrap .three-box .three-box-tab li:nth-of-type(4).active span,

.merchants-wrap .three-box .three-box-tab li:nth-of-type(4):hover span {

    background-position: -90px -30px

}



.merchants-wrap .three-box .three-box-tab li:nth-of-type(5) span {

    background-position: -120px 0

}



.merchants-wrap .three-box .three-box-tab li:nth-of-type(5).active span,

.merchants-wrap .three-box .three-box-tab li:nth-of-type(5):hover span {

    background-position: -120px -30px

}



.merchants-wrap .three-box .three-box-tabitem {

    padding: 50px 60px;

    display: none

}



.merchants-wrap .three-box .three-box-tabitem.active {

    display: block

}



.merchants-wrap .three-box .three-box-tabitem .img {

    width: 52.77777778%;

    float: left;

    margin-right: 5%

}



.merchants-wrap .three-box .three-box-tabitem .img img {

    width: 100%;

    display: none

}



.merchants-wrap .three-box .three-box-tabitem .img img.active {

    display: block

}



.merchants-wrap .three-box .three-box-tabitem .wz {

    overflow: hidden

}



.merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item {

    padding-top: 30px;

    display: none

}



.merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item h3 {

    font-size: 20px;

    color: #333;

    font-weight: 400;

    margin: 0 0 25px

}



.merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item p {

    font-size: 15px;

    color: #666;

    background: url(//static.cn86.cn/img/2020/03/f2eccb6d9fhju1h7.png) 0 no-repeat;

    padding-left: 20px;

    line-height: 25px;

    margin-bottom: 15px

}



.merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item.active {

    display: block

}



.merchants-wrap .three-box .three-box-tabitem .wz-tab {

    margin-top: 40px

}



.merchants-wrap .three-box .three-box-tabitem .wz-tab span {

    float: left;

    width: calc(33.3333% - 8px);

    margin-right: 12px;

    font-size: 14px;

    color: #1891ff;

    border: 1px solid #1891ff;

    text-align: center;

    line-height: 34px;

    cursor: pointer

}



.merchants-wrap .three-box .three-box-tabitem .wz-tab span:last-child {

    margin-right: 0

}



.merchants-wrap .three-box .three-box-tabitem .wz-tab span.active,

.merchants-wrap .three-box .three-box-tabitem .wz-tab span:hover {

    background: #1891ff;

    color: #fff

}



.merchants-wrap .four-box {

    background: url(//static.cn86.cn/img/2020/03/b51b054c35iznmtz.jpg) 50% no-repeat;

    background-size: cover;

    padding: 60px 0

}



.merchants-wrap .four-box .four-box-list li {

    float: left;

    width: calc(20% - 9.6px);

    background: #fff;

    padding: 35px 20px 0;

    text-align: center;

    height: 310px

}



.merchants-wrap .four-box .four-box-list li:not(:last-child) {

    margin-right: 12px

}



.merchants-wrap .four-box .four-box-list li .num {

    background: url(//static.cn86.cn/img/2020/03/24c04a8eafc1qkyx.png) 50% no-repeat;

    height: 80px;

    font-size: 60px;

    color: #1891ff;

    line-height: 1;

    padding: 17px 0 0 40px;

    letter-spacing: -3px;

    font-family: Bahnschrift;

    background-position-y: -80px

}



.merchants-wrap .four-box .four-box-list li h3 {

    font-size: 18px;

    color: #1891ff;

    margin: 30px 0 25px

}



.merchants-wrap .four-box .four-box-list li p {

    font-size: 13px;

    color: #333;

    line-height: 1.8

}



.merchants-wrap .four-box .four-box-list li:hover {

    -webkit-box-shadow: 0 0 20px rgba(24, 145, 255, .5);

    box-shadow: 0 0 20px rgba(24, 145, 255, .5);

    background: #1891ff

}



.merchants-wrap .four-box .four-box-list li:hover .num {

    background-position-y: 0;

    color: #fff

}



.merchants-wrap .four-box .four-box-list li:hover h3,

.merchants-wrap .four-box .four-box-list li:hover p {

    color: #fff

}



.merchants-wrap .five-box {

    background: #fff;

    padding: 50px 0 20px

}



.merchants-wrap .five-box .five-box-list li {

    float: left;

    width: calc(33.3333% - 18px);

    margin: 0 27px 30px 0;

    cursor: pointer

}



.merchants-wrap .five-box .five-box-list li:nth-of-type(3n) {

    margin-right: 0

}



.merchants-wrap .five-box .five-box-list li .img {

    margin-bottom: 20px;

    position: relative

}



.merchants-wrap .five-box .five-box-list li .img img {

    max-width: 100%

}



.merchants-wrap .five-box .five-box-list li .img span {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: hsla(0, 0%, 100%, .5);

    text-align: center;

    line-height: 45px

}



.merchants-wrap .five-box .five-box-list li .img span:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    border: 0 solid hsla(0, 0%, 100%, .2)

}



.merchants-wrap .five-box .five-box-list li p {

    text-align: center;

    font-size: 16px;

    color: #333

}



.merchants-wrap .five-box .five-box-list li p span {

    padding-top: 5px;

    display: block;

    font-size: 14px;

    color: #666

}



.merchants-wrap .five-box .five-box-list li:hover .img span:after {

    left: -10px;

    top: -10px;

    border: 10px solid hsla(0, 0%, 100%, .2)

}



.merchants-wrap .five-box .five-box-list li:hover p {

    color: #1891ff

}



.merchants-wrap .six-box {

    padding: 70px 0 50px;

    background: url(//static.cn86.cn/img/2020/03/7893dd84cbkibwh0.jpg) 50% no-repeat;

    background-size: cover

}



.merchants-wrap .six-box .six-box-left {

    float: left;

    width: 56.66666667%;

    margin-right: 20px

}



.merchants-wrap .six-box .six-box-owl {

    position: relative

}



.merchants-wrap .six-box .six-box-owl .item {

    outline: none

}



.merchants-wrap .six-box .six-box-owl .item img {

    width: 100%

}



.merchants-wrap .six-box .six-box-owl .slick-dots {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .302);

    height: 38px;

    z-index: 9;

    text-align: center;

    padding-top: 13px

}



.merchants-wrap .six-box .six-box-owl .slick-dots li {

    display: inline-block;

    font-size: 0;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 2px solid transparent;

    background: hsla(0, 0%, 100%, .6);

    margin: 0 5px

}



.merchants-wrap .six-box .six-box-owl .slick-dots li.slick-active {

    background: transparent;

    border-color: #fff

}



.merchants-wrap .six-box .six-box-owl .slick-dots li button {

    display: none

}



.merchants-wrap .six-box .six-box-right {

    overflow: hidden

}



.merchants-wrap .six-box .six-box-right li {

    float: left;

    width: calc(50% - 20px);

    margin: 0 0 20px 20px;

    height: 189px;

    border: 1px solid #fff;

    background: transparent;

    color: #fff;

    text-align: center

}



.merchants-wrap .six-box .six-box-right li:nth-of-type(2),

.merchants-wrap .six-box .six-box-right li:nth-of-type(3) {

    background: #fff;

    color: #333

}



.merchants-wrap .six-box .six-box-right li h3 {

    font-size: 60px;

    font-family: Impact;

    padding: 20px 0 10px;

    position: relative

}



.merchants-wrap .six-box .six-box-right li h3:after {

    content: "+";

    font-size: 20px;

    color: inherit;

    position: absolute;

    margin-left: 10px

}



.merchants-wrap .six-box .six-box-right li p {

    font-size: 15px

}



.merchants-wrap .seven-box {

    background: #fafafb;

    padding: 60px 0

}



.merchants-wrap .seven-box .seven-box-list {

    text-align: justify;

    font-size: 0

}



.merchants-wrap .seven-box .seven-box-list:after {

    content: "";

    display: inline-block;

    height: 0;

    width: 100%

}



.merchants-wrap .seven-box .seven-box-list li {

    display: inline-block;

    width: calc(33.3333% - 53.3333px);

    background: #fff;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    -webkit-box-shadow: 0 0 30px rgba(24, 145, 255, .2);

    box-shadow: 0 0 30px rgba(24, 145, 255, .2)

}



.merchants-wrap .seven-box .seven-box-list li:not(:last-child) {

    margin-right: 80px

}



.merchants-wrap .seven-box .seven-box-list-title {

    background: #1891ff;

    line-height: 70px;

    padding-left: 17%;

    font-size: 18px;

    color: #fff;

    font-weight: 700

}



.merchants-wrap .seven-box .seven-box-list-title img {

    margin-left: 27%

}



.merchants-wrap .seven-box .seven-box-list-body {

    height: 195px;

    padding: 45px 0 0 75px;

    border: 1px solid #eee;

    border-top: none

}



.merchants-wrap .seven-box .seven-box-list-body p {

    margin-bottom: 15px;

    font-size: 15px;

    color: #666

}



.merchants-wrap .eight-box {

    background: url(//static.cn86.cn/img/2020/03/185759348cm4yeuz.jpg) 50% no-repeat;

    background-size: cover;

    padding: 60px 0

}



.merchants-wrap .eight-box-form .form-group {

    width: 27%;

    float: left;

    margin-right: 1%;

    position: relative;

    background: #fff

}



.merchants-wrap .eight-box-form .form-group input {

    background: transparent;

    height: 70px;

    padding: 0 15px;

    font-size: 16px;

    color: #333;

    width: 100%;

    border: none;

    outline: none

}



.merchants-wrap .eight-box-form .form-group input::-webkit-input-placeholder {

    color: #666

}



.merchants-wrap .eight-box-form .form-group input::-moz-placeholder {

    color: #666

}



.merchants-wrap .eight-box-form .form-group input::-ms-input-placeholder {

    color: #666

}



.merchants-wrap .eight-box-form .form-group input::placeholder {

    color: #666

}



.merchants-wrap .eight-box-form .form-group.code-wrap input {

    width: calc(100% - 150px)

}



.merchants-wrap .eight-box-form .form-group.code-wrap #captcha {

    position: absolute;

    z-index: 9;

    right: 15px;

    top: calc(50% - 17px)

}



.merchants-wrap .eight-box-form .submit {

    margin-left: auto;

    margin-right: auto;

    width: 16%

}



.merchants-wrap .eight-box-form .submit button {

    border: none;

    font-size: 16px;

    color: #fff;

    height: 45px;

    width: 100%;

    outline: none;

    background: #000;

    border-radius: 30px

}



#video {

    width: 100%;

    height: 50vh;

    outline: none

}



@media (max-width:1366px) {

    .merchants-wrap .two-box .two-box-owl {

        margin: 0 40px

    }



    .merchants-wrap .two-box .two-box-owl .slick-arrow.slick-prev {

        left: -40px

    }



    .merchants-wrap .two-box .two-box-owl .slick-arrow.slick-next {

        right: -40px

    }

}



@media (max-width:1024px) {

    .merchants-wrap .one-box .one-item-title h3 {

        font-size: 20px

    }



    .merchants-wrap .one-box .one-item-title p {

        font-size: 12px

    }



    .merchants-wrap .one-box .one-item-body .one-item-body-item .price b {

        font-size: 20px

    }



    .merchants-wrap .one-box .one-item-body .one-item-body-item span {

        padding-left: 20px;

        font-size: 12px

    }



    .merchants-wrap .one-box .one-item-body .one-item-body-item.item3 h3 {

        line-height: 45px

    }



    .merchants-wrap .one-box .one-item-body .one-item-body-item.item3 {

        height: 45px

    }



    .merchants-wrap .one-box .one-item-body .one-item-body-btn {

        padding: 20px 0 10px

    }



    .merchants-wrap .three-box .three-box-tabitem {

        padding: 25px

    }



    .merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item.active {

        padding-top: 15px

    }



    .merchants-wrap .six-box .six-box-right li {

        height: 146px

    }



    .merchants-wrap .six-box .six-box-right li p {

        font-size: 12px

    }



    .merchants-wrap .six-box .six-box-right li h3 {

        font-size: 50px;

        padding: 10px;

        line-height: 50px

    }



    .merchants-wrap .six-box .six-box-right li h3:after {

        top: -10px;

        margin-left: 0

    }



    .merchants-wrap .seven-box .seven-box-list li:not(:last-child) {

        margin-right: 50px

    }



    .merchants-wrap .seven-box .seven-box-list li {

        width: calc(33.3333% - 33.3333px)

    }



    .merchants-wrap .seven-box .seven-box-list-body {

        padding-left: 55px

    }

}



@media (max-width:990px) {

    .merchants-wrap .merchants-title {

        margin-bottom: 30px

    }



    .merchants-wrap .merchants-title h3 {

        font-size: 20px

    }



    .merchants-wrap .merchants-title p {

        font-size: 14px

    }



    .merchants-wrap .one-box {

        padding: 30px 0 40px

    }



    .merchants-wrap .one-box .one-item {

        float: none;

        width: 100%

    }



    .merchants-wrap .one-box .one-item:nth-of-type(2) {

        margin: 20px 0

    }



    .merchants-wrap .one-box .one-item-body .one-item-body-item.item2 {

        height: auto

    }



    .merchants-wrap .three-box {

        padding: 30px 0

    }



    .merchants-wrap .three-box .three-box-tab li span {

        display: none

    }



    .merchants-wrap .three-box .three-box-tab li {

        font-size: 12px;

        line-height: 20px;

        padding: 10px

    }



    .merchants-wrap .three-box .three-box-tabitem {

        padding: 10px

    }



    .merchants-wrap .three-box .three-box-tabitem .img {

        float: none;

        width: 100%;

        margin: 0

    }



    .merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item h3 {

        font-size: 16px;

        margin-bottom: 10px

    }



    .merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item p {

        font-size: 12px;

        margin-bottom: 5px

    }



    .merchants-wrap .three-box .three-box-tabitem .wz-tab {

        margin-top: 20px

    }



    .merchants-wrap .three-box .three-box-tabitem .wz-tab span {

        font-size: 12px;

        line-height: 30px

    }



    .merchants-wrap .four-box {

        padding: 30px 0

    }



    .merchants-wrap .four-box .four-box-list li {

        float: none;

        width: 100%;

        padding: 15px;

        font-size: 0;

        height: auto;

        text-align: left

    }



    .merchants-wrap .four-box .four-box-list li:not(:last-child) {

        margin-bottom: 15px;

        margin-right: 0

    }



    .merchants-wrap .four-box .four-box-list li h3 {

        margin: 0 0 10px

    }



    .merchants-wrap .four-box .four-box-list li .num {

        margin-top: 10px;

        width: 60px;

        padding: 0;

        line-height: 80px;

        float: left;

        margin-right: 30px

    }



    .merchants-wrap .five-box {

        padding: 30px 0 10px

    }



    .merchants-wrap .five-box .five-box-list li {

        width: calc(50% - 8px);

        margin-right: 16px;

        margin-bottom: 16px

    }



    .merchants-wrap .five-box .five-box-list li .img {

        margin-bottom: 10px

    }



    .merchants-wrap .five-box .five-box-list li .img span {

        width: 30px;

        height: 30px;

        line-height: 30px

    }



    .merchants-wrap .five-box .five-box-list li .img span:after {

        width: 30px;

        height: 30px

    }



    .merchants-wrap .five-box .five-box-list li .img span img {

        width: 10px

    }



    .merchants-wrap .five-box .five-box-list li p {

        font-size: 14px

    }



    .merchants-wrap .five-box .five-box-list li p span {

        font-size: 12px

    }



    .merchants-wrap .five-box .five-box-list li:nth-of-type(3n) {

        margin-right: 16px

    }



    .merchants-wrap .five-box .five-box-list li:nth-of-type(2n) {

        margin-right: 0

    }



    .merchants-wrap .five-box .five-box-list li:hover .img span:after {

        left: -5px;

        top: -5px;

        border-width: 5px

    }



    .merchants-wrap .six-box {

        padding: 30px 0 20px

    }



    .merchants-wrap .six-box .six-box-left {

        width: 100%;

        margin-right: 0;

        float: none;

        margin-bottom: 15px

    }



    .merchants-wrap .six-box .six-box-right li {

        width: calc(50% - 8px);

        margin-right: 16px;

        margin-left: 0

    }



    .merchants-wrap .six-box .six-box-right li:nth-of-type(2n) {

        margin-right: 0

    }



    .merchants-wrap .seven-box {

        padding: 30px 0

    }



    .merchants-wrap .seven-box .seven-box-list li:not(:last-child) {

        margin-right: 0

    }



    .merchants-wrap .seven-box .seven-box-list li {

        width: 100%;

        float: none;

        margin-bottom: 15px

    }



    .merchants-wrap .seven-box .seven-box-list-title {

        line-height: 50px;

        font-size: 16px;

        padding-left: 20px

    }



    .merchants-wrap .seven-box .seven-box-list-title img {

        margin-left: 10px

    }



    .merchants-wrap .seven-box .seven-box-list-body {

        padding: 15px;

        height: auto

    }



    .merchants-wrap .eight-box-form .form-group {

        float: none;

        width: 100%;

        margin-right: 0;

        margin-bottom: 10px

    }



    .merchants-wrap .eight-box-form .form-group input {

        font-size: 14px;

        height: 40px

    }



    .merchants-wrap .eight-box-form .submit {

        float: none;

        width: 100%

    }



    .merchants-wrap .eight-box-form .submit button {

        font-size: 14px;

        height: 40px

    }



    .merchants-wrap .eight-box-form .form-group.code-wrap #captcha {

        right: 5px

    }

}



.school-recruit {

    padding: 15px 0 30px !important

}



.school-recruit .school-image img {

    max-width: 100%

}



.school-recruit .school-content .mb-15 {

    font-size: 15px;

    margin-bottom: 5px !important

}



.school-recruit .school-content .ps {

    margin: 15px 0 30px

}



.school-recruit .school-content .notice {

    margin-bottom: 30px

}



.school-recruit .school-content .form-input label span {

    color: red;

    font-size: 14px;

    padding: 0 5px;

    vertical-align: middle

}



.school-recruit .school-content .form-input.form-edu .radio-item {

    border: 1px solid #ccc

}



.school-recruit .school-content .form-input.form-edu .radio-item .form-radio {

    border-bottom: 1px solid #ccc;

    padding: 5px 8px

}



.school-recruit .school-content .form-input.form-edu .radio-item .form-radio span {

    padding: 0 0 0 8px;

    position: relative;

    top: -2px

}



.school-recruit .school-content .form-input.form-edu .radio-item .form-radio:last-child {

    border-bottom: none

}



.school-recruit .school-content .form-input .attachments li {

    text-align: center;

    border: none

}



.school-recruit .school-content .form-input .attachments li img {

    height: 100px

}



.school-recruit .school-content .form-input .attachments li .thumbnail-remove {

    line-height: 27px

}



.school-recruit .school-content .form-input .btn {

    display: block;

    text-align: left;

    font-size: 12px;

    border: 1px dashed #ccc

}



.school-recruit .school-content .form-input .fileupload {

    line-height: 27px;

    width: 100%;

    padding: 0 5px;

    border: none

}



.school-recruit .school-content .btn-primary {

    width: 100%

}



.handpick-wrap {

    padding: 20px 8.02083333%

}



.handpick-wrap .handpick-item {

    margin: 20px 0

}



.handpick-wrap .handpick-item a {

    display: inline-block;

    vertical-align: middle;

    width: 150px;

    font-size: 14px;

    color: #444;

    margin: 10px 10px 10px 0

}



.handpick-wrap .handpick-item a.active {

    font-weight: 700;

    color: #0090ff

}



.handpick-wrap .handpick-item a:hover {

    color: #0090ff

}



.handpick-wrap .handpick-main {

    padding: 10px 0

}



.handpick-wrap .handpick-list:after {

    content: "";

    display: table;

    clear: both

}



.handpick-wrap .handpick-list-item {

    float: left;

    width: calc(33.3333% - 32px);

    margin: 0 48px 48px 0

}



.handpick-wrap .handpick-list-item:nth-of-type(3n) {

    margin-right: 0

}



.handpick-wrap .handpick-list-item .img-wrap {

    overflow: hidden;

    position: relative;

    padding: 0 0 92%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.handpick-wrap .handpick-list-item .img-wrap img {

    width: 100%;

    height: 100%;

    position: absolute;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.handpick-wrap .handpick-list-item .img-wrap:hover {

    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .16);

    box-shadow: 0 3px 20px rgba(0, 0, 0, .16)

}



.handpick-wrap .handpick-list-item .img-wrap:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.handpick-wrap .handpick-list-item h3 {

    text-align: center;

    font-size: 18px;

    color: #444;

    margin: 20px 0 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-weight: 400;

    line-height: 25px

}



.handpick-wrap .handpick-list-item h3 span {

    font-size: 14px;

    color: #666;

    vertical-align: 1px

}



#quality-preview-bar {

    position: fixed;

    z-index: 99999;

    top: 0;

    width: 100%;

    height: 58px;

    line-height: 58px;

    background: #fff;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);

    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)

}



.quality-preview-info {

    margin-left: 64px;

    font-size: 14px;

    color: #444;

    position: relative;

    z-index: 9999;

    max-width: 350px

}



.quality-response-icon {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center;

    top: 0

}



.quality-response-icon a {

    display: inline-block;

    vertical-align: middle;

    font-size: 0;

    margin: 0 10px

}



.quality-response-icon a.active i {

    color: #0090ff

}



.quality-response-icon i {

    font-size: 26px;

    color: #b5b5b5

}



@media (max-width:1200px) {

    .handpick-wrap .handpick-list-item {

        width: calc(33.3333% - 14px);

        margin: 0 21px 21px 0

    }



    .handpick-wrap .handpick-list-item h3 {

        font-size: 16px;

        margin: 10px 0 0

    }

}



@media (max-width:990px) {

    .handpick-wrap {

        padding: 20px 15px

    }



    .template-banner-box .template-banner .template-search {

        top: 60px;

        padding: 0 10px

    }



    .handpick-wrap .handpick-item a {

        width: auto;

        font-size: 13px;

        padding: 3px;

        margin: 2px

    }



    .handpick-wrap .handpick-list-item {

        width: calc(50% - 8px);

        margin: 0 16px 16px 0

    }



    .handpick-wrap .handpick-list-item:nth-of-type(2n) {

        margin-right: 0

    }



    .handpick-wrap .handpick-list-item:nth-of-type(3n) {

        margin-right: 16px

    }



    .handpick-wrap .handpick-list-item h3 {

        font-size: 14px;

        margin: 5px 0 0

    }

}



@media (max-width:425px) {

    .handpick-wrap .handpick-list-item {

        width: 100%;

        margin: 0 0 15px !important

    }

}



.web-first {

    position: relative;

    background: url(//static.cn86.cn/img/2022/06/1437b24cdbpui3oj.jpg) no-repeat 100% 0;

    background-size: 100%;

    padding-top: 120px;

    padding-bottom: 350px

}



.web-first .web_f_text {

    position: relative;

    max-width: 720px;

    margin-left: 8.3333vw

}



.web-first .web_f_text .web_f_wel {

    font-size: 16px;

    color: #fca80f;

    width: 158px;

    line-height: 35px;

    background: #fff4e0;

    border-radius: 30px;

    text-align: center;

    margin-bottom: 1.5625vw

}



.web-first .web_f_text .web_f_hd {

    font-size: 3.22916vw;

    color: #473288;

    font-weight: 700;

    margin-bottom: 2.60416vw

}



.web-first .web_f_text .web_f_p {

    font-size: 18px;

    color: #222;

    margin-bottom: 2.60416vw

}



.web-first .web_f_text .web_f_a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.web-first .web_f_text .web_f_a>a {

    display: block;

    width: 155px;

    line-height: 45px;

    border-radius: 30px;

    text-align: center;

    background: #6c58e0;

    color: #fff;

    font-size: .9375vw;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    margin-right: 25px;

    opacity: .5

}



.web-first .web_f_text .web_f_a>a:hover {

    opacity: 1

}



.max1200 {

    max-width: 1230px;

    padding-left: 15px;

    padding-right: 15px;

    margin: 0 auto

}



.website_tit {

    text-align: center;

    margin-bottom: 70px

}



.website_tit h3 {

    font-size: 2.1875vw;

    color: #473288;

    font-weight: 700

}



.website_tit p {

    font-size: 1.0416vw;

    color: #222;

    font-weight: 400;

    padding-top: 10px

}



.web-two {

    position: relative;

    background: url(//static.cn86.cn/img/2022/06/33ed776870gryddm.jpg) no-repeat 100% 0 #fff;

    padding-top: 50px;

    padding-bottom: 5.2083vw

}



.web-two .xun-pan {

    text-align: center;

    margin-top: 20px

}



.web-two .xun-pan a {

    display: inline-block;

    width: 180px;

    line-height: 52px;

    background: #6c58e0;

    font-size: 18px;

    border-radius: 30px;

    color: #fff;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.web-two .xun-pan a:hover {

    opacity: .5

}



.web_two_list {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.web_two_list .web-item {

    position: relative;

    text-align: center;

    width: 23%;

    margin: 0 1% 3.125vw;

    padding: 0 30px

}



.web_two_list .web-item .imgs {

    line-height: 115px

}



.web_two_list .web-item .imgs img {

    max-width: 100%;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    cursor: pointer

}



.web_two_list .web-item h3 {

    font-size: 20px;

    color: #473288;

    font-weight: 700;

    line-height: 28px;

    margin-top: 20px

}



.web_two_list .web-item span {

    display: block;

    font-size: 14px;

    color: #222;

    margin-top: 15px;

    line-height: 1.7;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical

}



.web_two_list .web-item:first-child {

    padding: 0 30px

}



.web_two_list .web-item:hover .imgs img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1)

}



.web-three {

    position: relative;

    background: url(//static.cn86.cn/img/2022/06/8620344cb2dxhlyd.jpg) no-repeat top;

    background-size: 100% 100%;

    padding: 60px 0;

    overflow: hidden

}



.web_three_con {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.web_three_con .three_left {

    position: relative;

    width: 25%

}



.web_three_con .three_left .story_hd {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: left

}



.web_three_con .three_left .story_hd li {

    -webkit-transition: .5s ease;

    transition: .5s ease;

    position: relative;

    padding-left: 30px;

    width: 100%;

    margin: 0

}



.web_three_con .three_left .story_hd li .story_gress {

    position: absolute;

    left: 0;

    top: 0;

    width: 30px;

    display: block;

    text-align: center;

    height: 100%

}



.web_three_con .three_left .story_hd li .story_gress .track1,

.web_three_con .three_left .story_hd li .story_gress .track2 {

    position: absolute;

    display: block;

    top: 1.9rem;

    right: auto;

    bottom: -1.2rem;

    left: .9rem;

    width: .1rem;

    height: auto

}



.web_three_con .three_left .story_hd li .story_gress .track1 {

    border: none;

    border-top: .1rem solid #fff;

    border-bottom: .1rem solid #fff;

    background: repeating-linear-gradient(180deg, #ced6fe 0, #ced6fe 6px, transparent 0, transparent 12px);

    background-repeat: repeat-y

}



.web_three_con .three_left .story_hd li .story_gress .track2 {

    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s linear;

    transition: opacity .3s ease-out, -webkit-transform .3s linear;

    transition: transform .3s linear, opacity .3s ease-out;

    transition: transform .3s linear, opacity .3s ease-out, -webkit-transform .3s linear;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    opacity: 0;

    background-color: #334ac0;

    -webkit-transform: scaleY(0);

    transform: scaleY(0)

}



.web_three_con .three_left .story_hd li .story_gress .track3 {

    position: absolute;

    top: .6rem;

    left: 0;

    display: block;

    width: 1.9rem;

    height: 1.9rem;

    -webkit-transition: opacity .3s;

    transition: opacity .3s;

    opacity: .2;

    border-radius: 50%;

    opacity: 1

}



.web_three_con .three_left .story_hd li .story_gress .track3:before {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    height: 100%;

    content: "";

    -webkit-transition: -webkit-transform .3s ease-in;

    transition: -webkit-transform .3s ease-in;

    transition: transform .3s ease-in;

    transition: transform .3s ease-in, -webkit-transform .3s ease-in;

    -webkit-transform: scale(.3);

    transform: scale(.3);

    -webkit-transform-origin: center center;

    transform-origin: center center;

    border: .1rem solid #334ac0;

    border-radius: 50%;

    background-color: #fff

}



.web_three_con .three_left .story_hd li .story_gress .track3:after {

    position: absolute;

    top: .5rem;

    left: .5rem;

    display: block;

    width: .9rem;

    height: .9rem;

    content: "";

    border-radius: 50%;

    background: linear-gradient(91.46deg, #344bc1, #834bf3 111.67%)

}



.web_three_con .three_left .story_hd li h3 {

    font-size: 22px;

    color: #473288;

    font-weight: 700;

    margin-top: 5px;

    margin-bottom: 1.0416vw;

    -webkit-transition: opacity .3s, color .4s;

    transition: opacity .3s, color .4s;

    cursor: pointer

}



.web_three_con .three_left .story_hd li .story_content {

    display: block;

    font-size: 14px;

    color: #333;

    overflow: hidden;

    width: 100%;

    height: 0;

    margin-bottom: 30px;

    -webkit-transition: opacity .2s linear, height .4s ease-in-out, -webkit-transform .2s ease-in-out .2s;

    transition: opacity .2s linear, height .4s ease-in-out, -webkit-transform .2s ease-in-out .2s;

    transition: opacity .2s linear, height .4s ease-in-out, transform .2s ease-in-out .2s;

    transition: opacity .2s linear, height .4s ease-in-out, transform .2s ease-in-out .2s, -webkit-transform .2s ease-in-out .2s;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

    opacity: 0

}



.web_three_con .three_left .story_hd li:last-child .track1,

.web_three_con .three_left .story_hd li:last-child .track2 {

    display: none

}



.web_three_con .three_left .story_hd li.on h3 {

    color: #7b66ef

}



.web_three_con .three_left .story_hd li.on .story_content {

    height: 65px;

    -webkit-transition: opacity .2s linear .3s, height .4s ease-in-out, -webkit-transform .2s ease-in-out .2s;

    transition: opacity .2s linear .3s, height .4s ease-in-out, -webkit-transform .2s ease-in-out .2s;

    transition: opacity .2s linear .3s, height .4s ease-in-out, transform .2s ease-in-out .2s;

    transition: opacity .2s linear .3s, height .4s ease-in-out, transform .2s ease-in-out .2s, -webkit-transform .2s ease-in-out .2s;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1

}



.web_three_con .three_left .story_hd li.on .story_gress .track2 {

    -webkit-transition: opacity .3s ease-out, -webkit-transform 3s linear;

    transition: opacity .3s ease-out, -webkit-transform 3s linear;

    transition: transform 3s linear, opacity .3s ease-out;

    transition: transform 3s linear, opacity .3s ease-out, -webkit-transform 3s linear;

    -webkit-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 3s;

    transition-duration: 3s;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1

}



.web_three_con .three_left .story_hd li.on .story_gress .track3 {

    opacity: 1

}



.web_three_con .three_left .story_hd li.on .story_gress .track3:before {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.web_three_con .three_right {

    width: 77%;

    margin-left: -2%;

    position: relative

}



.web_three_con .three_right .story_bd {

    position: relative

}



.web_three_con .three_right .story_bd li {

    position: relative;

    text-align: center

}



.web_three_con .three_right .story_bd li img {

    display: block;

    max-width: 100%;

    margin: 0 auto;

    cursor: -webkit-grab;

    cursor: grab

}



.web-four {

    position: relative;

    margin-top: 5.2083vw

}



.web-four .number {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: relative;

    background: #3b2f85;

    border-radius: 30px;

    z-index: 999

}



.web-four .number li {

    position: relative;

    text-align: center;

    width: 25%;

    transition: all .8s;

    -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -o-transition: all .8s;

    padding: 30px 0

}



.web-four .number li h3 {

    color: #fff;

    display: inline-block;

    font-weight: 400;

    margin: 10px 0

}



.web-four .number li h3 i {

    font-family: Microsoft Yahei

}



.web-four .number li h3 i,

.web-four .number li h3 span {

    font-style: inherit;

    color: #fff;

    font-size: 2.8125vw;

    font-weight: 400

}



.web-four .number li h3 span {

    display: inline-block

}



.web-four .number li p {

    font-size: .9375vw;

    line-height: 1.7;

    color: #fca80f;

    padding-top: 5px;

    font-weight: 400

}



.web-five {

    position: relative;

    background: url(//static.cn86.cn/img/2022/06/0c25b133a8zjjd0l.png) no-repeat;

    background-size: 100% 100%;

    padding-top: 230px;

    padding-bottom: 80px

}



.web-five .five_list {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.web-five .five_list,

.web-five .five_list li {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.web-five .five_list li {

    width: calc(50% - 30px);

    margin: 0 15px 2.60416vw;

    border-radius: 20px;

    background: #fff;

    transition: .3s;

    -webkit-transition: .3s;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    padding: 70px 30px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer

}



.web-five .five_list li .aay {

    position: relative;

    text-align: center;

    width: 100px

}



.web-five .five_list li .aay img {

    display: inline-block;

    max-width: 100%

}



.web-five .five_list li .bby {

    position: relative;

    width: calc(100% - 120px)

}



.web-five .five_list li .bby h3 {

    font-size: 20px;

    color: #473288;

    font-weight: 700;

    margin: 0;

    margin-bottom: 15px;

    padding: 0

}



.web-five .five_list li .bby span {

    display: block;

    font-size: 16px;

    color: #222;

    line-height: 1.7

}



.web-five .five_list li:hover {

    background: #6c58e0

}



.web-five .five_list li:hover .bby h3,

.web-five .five_list li:hover .bby span {

    color: #fff

}



.web-five .xun-pan {

    text-align: center;

    margin-top: 10px

}



.web-five .xun-pan a {

    display: inline-block;

    width: 180px;

    line-height: 52px;

    background: #6c58e0;

    font-size: 18px;

    border-radius: 30px;

    color: #fff;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.web-five .xun-pan a:hover {

    opacity: .5

}



.web-six {

    z-index: 999;

    background: url(//static.cn86.cn/img/2022/06/821cbb31a3f3g5lg.jpg) no-repeat;

    padding-top: 60px

}



.web-six,

.web-six .six_list {

    position: relative

}



.web-six .six_list li {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.web-six .six_list li .six_img {

    position: relative;

    width: 50%

}



.web-six .six_list li .six_img img {

    max-width: 100%

}



.web-six .six_list li .six_text {

    position: relative;

    width: 50%;

    padding: 0 4.1666vw

}



.web-six .six_list li .six_text h3 {

    font-size: 24px;

    color: #473288;

    font-weight: 700;

    margin-bottom: 20px

}



.web-six .six_list li .six_text span {

    display: block;

    font-size: 16px;

    color: #222;

    margin-bottom: 40px

}



.web-six .six_list li .six_text a {

    display: block;

    width: 148px;

    line-height: 45px;

    background: #6c58e0;

    font-size: 16px;

    border-radius: 30px;

    text-align: center;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    color: #fff

}



.web-six .six_list li .six_text a:hover {

    opacity: .7

}



.web-six .six_list li:nth-child(2) .six_img {

    text-align: right

}



.web-message {

    position: relative;

    background: url(//static.cn86.cn/img/2022/06/f5144d3678smq5ku.png) no-repeat;

    background-size: cover;

    padding-top: 350px;

    margin-top: -160px;

    padding-bottom: 70px

}



.web-message .website_tit2 {

    margin-bottom: 3.125vw

}



.web-message .website_tit2 h3,

.web-message .website_tit2 p {

    color: #fff

}



.web-message .message-con {

    position: relative

}



.web-message .message-con .form-group {

    float: left;

    width: 31.33%;

    margin: 0 1%;

    position: relative

}



.web-message .message-con .form-group input[type=text] {

    color: hsla(0, 0%, 100%, .5);

    background: #5047a0;

    outline: none;

    border: none;

    width: 100%;

    border-radius: 10px;

    line-height: 48px;

    text-indent: 10px;

    height: 48px;

    font-size: 14px

}



.web-message .message-con .form-group input[type=text]::-webkit-input-placeholder {

    color: hsla(0, 0%, 100%, .5);

    font-size: 14px

}



.web-message .message-con .code-wrap {

    background: #5047a0;

    border-radius: 10px;

    margin-right: 0

}



.web-message .message-con .code-wrap input {

    width: calc(100% - 150px)

}



.web-message .message-con .code-wrap #captcha {

    position: absolute;

    z-index: 9;

    right: 15px;

    top: calc(50% - 17px)

}



.web-message .message-con .submit {

    line-height: 45px;

    background: #fca80f;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    width: 148px;

    margin: 0 auto;

    margin-top: 3.125vw;

    border-radius: 30px

}



.web-message .message-con .submit button {

    width: 100%;

    background: none;

    border: none;

    outline: none;

    font-size: 16px;

    color: #fff

}



.web-message .message-con .submit:hover {

    background: rgba(252, 168, 15, .6)

}



@media (max-width:1366px) {

    .web-first {

        padding-top: 150px;

        padding-bottom: 150px

    }



    .web-first .web_f_text .web_f_a a {

        font-size: 15px

    }



    .website_tit {

        margin-bottom: 45px

    }



    .website_tit h3 {

        font-size: 30px

    }



    .website_tit p {

        font-size: 16px

    }



    .web-two .xun-pan a {

        font-size: 15px;

        width: 145px;

        line-height: 45px

    }



    .web_three_con .three_left .story_hd li h3 {

        font-size: 18px

    }



    .web-four {

        margin-top: 30px

    }



    .web-five {

        padding-top: 110px;

        padding-bottom: 50px

    }



    .web-six {

        padding-top: 30px

    }



    .web-five .xun-pan a {

        font-size: 15px;

        width: 145px;

        line-height: 45px

    }



    .web-message {

        padding-top: 180px;

        margin-top: -100px

    }

}



@media (max-width:990px) {

    .web-first {

        padding-top: 100px;

        padding-bottom: 100px

    }



    .web-first .web_f_text .web_f_p {

        font-size: 15px

    }



    .web-first .web_f_text .web_f_a a {

        width: 120px;

        line-height: 38px;

        margin-right: 15px

    }



    .web-four .number li h3 i,

    .web-four .number li h3 span {

        font-size: 30px

    }



    .web-four .number li p {

        font-size: 14px

    }



    .web-five .five_list li {

        padding: 30px 20px;

        margin: 0 15px 30px

    }



    .web-five .five_list li .aay {

        width: 80px

    }



    .web-five .five_list li .bby {

        width: calc(100% - 100px)

    }



    .web-five .five_list li .bby h3 {

        font-size: 16px

    }



    .web-five .five_list li .bby span {

        font-size: 14px

    }



    .web-five .xun-pan {

        margin-top: 20px

    }

}



@media (max-width:768px) {

    .web-first {

        padding-top: 50px;

        padding-bottom: 50px;

        background-size: 90% 90%

    }



    .web-first .web_f_text {

        margin-left: 20px

    }



    .web-first .web_f_text .web_f_hd {

        font-size: 18px;

        margin-bottom: 15px

    }



    .web-first .web_f_text .web_f_wel {

        font-size: 14px;

        line-height: 30px;

        width: 118px;

        margin-bottom: 15px

    }



    .web-first .web_f_text .web_f_p {

        font-size: 14px;

        margin-bottom: 15px;

        max-width: 350px

    }



    .web-first .web_f_text .web_f_a a {

        width: 100px;

        line-height: 32px;

        font-size: 13px

    }



    .web-message .message-con {

        margin-top: 25px

    }



    .web-message .message-con .form-group {

        float: none;

        width: 100%;

        margin-bottom: 15px

    }



    .web-message .message-con .form-group input {

        line-height: 40px

    }



    .web-message .message-con .submit {

        margin-top: 20px;

        line-height: 30px

    }



    .web_two_list .web-item {

        width: 48%;

        margin: 0 1% 30px;

        padding: 0 5px

    }



    .web_two_list .web-item h3 {

        font-size: 16px;

        margin-top: 10px

    }



    .web_two_list .web-item span {

        margin-top: 10px

    }



    .website_tit h3 {

        font-size: 20px

    }



    .website_tit p {

        font-size: 14px;

        padding-top: 5px

    }



    .web-three {

        padding: 30px 0

    }



    .web_three_con .three_left {

        width: 100%

    }



    .web_three_con .three_left .story_hd li h3 {

        margin-bottom: 15px

    }



    .web_three_con .three_left .story_hd li.on .story_content {

        height: 65px;

        margin-bottom: 15px

    }



    .web_three_con .three_right {

        width: 100%;

        margin-top: 0

    }



    .web-four {

        margin-top: 0

    }



    .web-four .number {

        border-radius: 20px

    }



    .web-four .number li {

        width: 50%;

        padding: 15px 0

    }



    .web-four .number li h3 {

        margin-bottom: 5px

    }



    .web-four .number li h3 i,

    .web-four .number li h3 span {

        font-size: 25px

    }



    .web-four .number li p {

        padding-top: 0;

        font-size: 13px

    }



    .web-five {

        padding-top: 50px

    }



    .web-five .five_list li {

        width: calc(100% - 0px);

        padding: 25px 15px;

        margin: 0 0 20px

    }



    .web-five .five_list li .bby h3 {

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden

    }



    .web-six .six_list li {

        padding: 20px 0

    }



    .web-six .six_list li .six_img,

    .web-six .six_list li .six_text {

        width: 100%

    }



    .web-six .six_list li .six_text h3 {

        font-size: 18px

    }



    .web-six .six_list li .six_text span {

        font-size: 14px;

        margin-bottom: 20px

    }



    .web-six .six_list li .six_text a {

        width: 118px;

        line-height: 35px;

        font-size: 14%

    }



    .web-six .six_list li:nth-child(2) {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse

    }



    .web-six .six_list li:nth-child(2) .six_img {

        text-align: center

    }



    .web-message {

        margin-top: -80px;

        padding-top: 150px;

        background-size: initial;

        background-position: 28%;

        padding-bottom: 35px

    }



    .web-message .message-con .submit button {

        font-size: 14px

    }

}



.mob_dy {

    position: relative;

    padding-bottom: 40px

}



.mob_dyimg {

    text-align: center

}



.mob_dyimg img {

    max-width: 100%;

    display: block;

    margin: 0 auto

}



.mob_dy_message {

    position: relative;

    background: #eefaff;

    padding: 10px

}



.mob_dy_message .message-con .message-con-top {

    background: url(//static.cn86.cn/img/2022/06/805be6577euznsqk.png) no-repeat 50%;

    background-size: 100% 100%;

    padding: 30px;

    padding-top: 50px;

    padding-bottom: 30px

}



.mob_dy_message .message-con .message-con-top h2 {

    font-size: 18px;

    text-align: center;

    color: #000;

    margin-bottom: 30px

}



.mob_dy_message .message-con .message-con-top span {

    display: block;

    width: 100px;

    color: #585858;

    font-size: 14px;

    letter-spacing: 5px

}



.mob_dy_message .message-con .message-con-top .form-group {

    width: calc(100% - 100px);

    position: relative;

    margin-bottom: 0

}



.mob_dy_message .message-con .message-con-top .form-group input[type=text] {

    color: #585858;

    background: none;

    outline: none;

    border: none;

    border: 1px solid #5ccaff;

    width: 100%;

    border-radius: 10px;

    line-height: 38px;

    text-indent: 10px;

    height: 38px;

    font-size: 14px

}



.mob_dy_message .message-con .message-con-top .form-group input[type=text]::-webkit-input-placeholder {

    color: #585858;

    font-size: 14px

}



.mob_dy_message .message-con .message-con-top .code-wrap {

    background: none;

    border-radius: 10px;

    margin-right: 0

}



.mob_dy_message .message-con .message-con-top .code-wrap input {

    width: calc(100% - 150px)

}



.mob_dy_message .message-con .message-con-top .code-wrap #captcha {

    position: absolute;

    z-index: 9;

    right: 15px;

    top: calc(50% - 17px)

}



.mob_dy_message .message-con .submit {

    line-height: 45px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    margin: 10px;

    border-radius: 5px;

    background: -webkit-gradient(linear, left top, right top, from(#6889ff), color-stop(#5175fd), to(#365dfb));

    background: linear-gradient(90deg, #6889ff, #5175fd, #365dfb)

}



.mob_dy_message .message-con .submit button {

    width: 100%;

    background: none;

    border: none;

    outline: none;

    font-size: 16px;

    color: #fff

}



.mob_dy_message .message-con .submit:hover {

    background: -webkit-gradient(linear, left top, right top, from(#6889ff), color-stop(#5175fd), to(#365dfb));

    background: linear-gradient(90deg, #6889ff, #5175fd, #365dfb)

}



.flexd {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 25px

}



.mob_dy_phone {

    position: relative;

    background: #eefaff;

    text-align: center;

    padding: 30px 20px 50px

}



.mob_dy_phone div:first-child {

    color: #365dfb;

    font-size: 20px;

    font-weight: 700

}



.mob_dy_phone a {

    margin-top: 10px;

    display: inline-block;

    background: #ffeb3b;

    padding: 8px 20px;

    font-size: 16px;

    font-weight: 700;

    border-radius: 30px;

    color: #000

}



.consult {

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 99999

}



.consult a {

    display: block;

    color: #fff;

    font-size: 20px;

    width: 100%;

    line-height: 40px;

    text-align: center;

    background: -webkit-gradient(linear, left top, right top, from(#6889ff), color-stop(#5175fd), to(#365dfb));

    background: linear-gradient(90deg, #6889ff, #5175fd, #365dfb)

}



.tonglan {

    background: #242424;

    padding: 75px 0 15px

}



.tonglan-nav dl {

    padding-left: 10%

}



.tonglan-nav dt {

    line-height: 40px

}



.tonglan-nav dt a {

    color: #fff;

    font-size: 15px

}



.tonglan-nav dd {

    line-height: 40px

}



.tonglan-nav dd a {

    font-size: 13px;

    color: #adaeb3

}



.tonglan-nav dd a:hover {

    color: #03a9f4

}



.tonglan-contact h3 {

    font-size: 15px;

    color: #fff;

    line-height: 40px;

    margin: 0

}



.tonglan-contact p {

    font-size: 13px;

    padding: 10px 0;

    line-height: 20px;

    color: #adaeb3

}



.tonglan-contact p:first-of-type {

    font-size: 24px;

    font-weight: 700;

    color: #fff

}



.tonglan-contact .sec {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.tonglan-contact .sec a {

    color: #fff;

    text-align: center;

    line-height: 40px;

    display: block;

    padding-right: 10px;

    font-size: 13px

}



.share {

    margin-top: 10px

}



.share a {

    display: inline-block;

    margin-right: 15px;

    line-height: 1

}



.share a .iconfont {

    font-size: 25px;

    color: #a3a3a3

}



.share a:hover .iconfont {

    color: #03a9f4

}



.link {

    color: #adaeb3

}



.link h3 {

    float: left;

    display: block;

    width: 60px;

    margin-top: 20px

}



.link ul {

    margin-left: 60px

}



.link ul li {

    float: left;

    line-height: 1.1;

    padding: 20px 5px

}



.link ul li a,

.link ul li a:visited {

    color: #adaeb3

}



.link ul li a:hover {

    color: #03a9f4

}



@media (max-width:990px) {

    .tonglan {

        padding: 40px 0

    }



    .tonglan-nav {

        margin-bottom: 10px

    }



    .tonglan-nav dl {

        padding-left: 15px;

        min-height: 160px

    }



    .tonglan-nav dt {

        line-height: 30px

    }



    .tonglan-nav dt a {

        font-size: 17px

    }



    .tonglan-nav dd {

        line-height: 30px

    }



    .tonglan-contact p {

        padding: 5px 0

    }

}



#tool-bar {

    display: none;

    position: fixed;

    right: 5px;

    bottom: 10%;

    z-index: 99999;

    height: 284px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



#tool-bar li {

    position: relative

}



#tool-bar li:first-child a {

    border-radius: 5px 0 0 0

}



#tool-bar li.message.on a {

    border-radius: 0 0 0 5px

}



#tool-bar li a {

    display: block;

    width: 56px;

    height: 58px;

    background: #1fb3ee;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    text-align: center

}



#tool-bar li a:hover {

    background: #09aaea

}



#tool-bar li a .iconfont {

    color: #fff;

    font-size: 23px;

    font-weight: 100;

    padding-top: 3px;

    position: relative;

    display: inline-block

}



#tool-bar li a span {

    display: block;

    color: #fff;

    position: relative;

    margin-top: -3px

}



#tool-bar .wechat:hover .pop-box {

    display: block

}



#tool-bar .wechat .pop-box {

    position: absolute;

    background: #f2f2f2;

    padding: 5px;

    right: 70px;

    top: -65.5%;

    display: none

}



#tool-bar .wechat .pop-box p {

    text-align: center;

    font-size: 12px;

    color: #666;

    margin-top: 10px

}



#tool-bar .wechat .pop-box:after {

    content: "";

    width: 0;

    height: 0;

    border-width: 5px;

    border-style: solid;

    border-color: transparent transparent transparent #f2f2f2;

    position: absolute;

    right: -10px;

    top: 50%;

    margin-top: -5px

}



#tool-bar .phone:hover .pop-box {

    display: block

}



#tool-bar .phone .pop-box {

    position: absolute;

    background: #f2f2f2;

    padding: 5px;

    right: 70px;

    top: 0;

    display: none

}



#tool-bar .phone .pop-box p {

    text-align: center;

    font-size: 16px;

    padding: 10px;

    color: #666;

    line-height: 28px

}



#tool-bar .phone .pop-box:after {

    content: "";

    width: 0;

    height: 0;

    border-width: 5px;

    border-style: solid;

    border-color: transparent transparent transparent #f2f2f2;

    position: absolute;

    right: -10px;

    top: 50%;

    margin-top: -5px

}



#tool-bar .back-top {

    border-bottom: none;

    display: none

}



#tool-bar .back-top a {

    background: #1bb1f4;

    height: 52px;

    border-radius: 0 0 0 5px

}



#tool-bar .back-top a:hover {

    background: rgba(27, 177, 244, .9)

}



#tool-bar .back-top a .iconfont {

    font-size: 20px;

    position: relative;

    display: inline-block

}



#tool-bar .back-top a span {

    display: block;

    color: #fff;

    position: relative;

    margin-top: -3px

}



.footer {

    background: #111626;

    border-top: 1px solid #4c5461

}



.footer .links {

    font-size: 12px;

    padding: 15px 0;

    line-height: 2;

    color: #adaeb3;

    float: left

}



.footer .links a {

    color: #adaeb3

}



.footer .copyright {

    text-align: center;

    font-size: 12px;

    padding: 15px 0;

    line-height: 2;

    color: #adaeb3

}



.footer .copyright a {

    color: #adaeb3

}



.footer .copyright a:hover {

    text-decoration: underline

}



.footer .copyright img {

    margin-right: 3px

}



@media (max-width:768px) {



    #tool-bar,

    .footer .links {

        display: none

    }



    .footer .copyright {

        float: none;

        text-align: center

    }

}



.sample-foot {

    background: #242424;

    padding-top: 50px

}



.sample-foot .foot-num {

    padding-bottom: 45px;

    border-bottom: 1px solid #353535

}



.sample-foot .foot-num li {

    float: left;

    width: 20%;

    text-align: center

}



.sample-foot .foot-num li .num-all {

    display: inline-block;

    position: relative

}



.sample-foot .foot-num li p.nums {

    font-size: 38px;

    color: #fff;

    text-align: center;

    line-height: 38px;

    position: relative;

    font-family: Arial

}



.sample-foot .foot-num li p.txts {

    font-size: 15px;

    color: #949698;

    text-align: center;

    margin-top: 15px

}



.sample-foot .foot-num li span {

    display: block;

    position: absolute;

    font-size: 38px;

    color: #fff;

    font-family: Arial;

    right: -22px;

    line-height: 38px;

    top: 0

}



@media (max-width:768px) {

    .sample-foot .foot-num {

        padding-bottom: 10px;

        padding-top: 15px

    }



    .sample-foot .foot-num li {

        width: 50%;

        margin-bottom: 10px

    }



    .sample-foot .foot-num li:first-child {

        display: none

    }



    .sample-foot .foot-num li p.nums {

        font-size: 28px

    }



    .sample-foot .foot-num li p.txts {

        font-size: 13px;

        margin-top: 5px

    }



    .sample-foot .foot-num li span {

        font-size: 28px

    }

}



.sample-foot .sample-foot-con {

    padding-top: 35px;

    padding-bottom: 22px

}



.sample-foot .sample-foot-con .foot-left {

    float: left;

    width: 53%

}



.sample-foot .sample-foot-con .foot-left .foot-nav li {

    float: left;

    font-size: 15px;

    line-height: 44px;

    margin-right: 5%

}



.sample-foot .sample-foot-con .foot-left .foot-nav li:last-child {

    margin-right: 0

}



.sample-foot .sample-foot-con .foot-left .foot-nav li a {

    color: #dadada

}



.sample-foot .sample-foot-con .foot-left .foot-copyright {

    font-size: 13px;

    color: #949698;

    line-height: 13px;

    margin-top: 28px;

    margin-bottom: 15px

}



.sample-foot .sample-foot-con .foot-left .foot-copyright a {

    color: #949698

}



.sample-foot .sample-foot-con .foot-left .foot-link {

    font-size: 0

}



.sample-foot .sample-foot-con .foot-left .foot-link h3 {

    display: inline-block;

    font-size: 14px;

    color: #949698;

    font-weight: 400;

    line-height: 14px;

    margin: 0

}



.sample-foot .sample-foot-con .foot-left .foot-link ul {

    display: inline-block;

    font-size: 0

}



.sample-foot .sample-foot-con .foot-left .foot-link ul li {

    display: inline-block;

    font-size: 12px;

    color: #949698;

    border-right: 1px solid #949698;

    line-height: 12px;

    padding-right: 10px;

    margin-right: 10px

}



.sample-foot .sample-foot-con .foot-left .foot-link ul li:last-child {

    border: none

}



.sample-foot .sample-foot-con .foot-left .foot-link ul li a {

    color: #949698

}



.sample-foot .sample-foot-con .foot-mid {

    float: left

}



.sample-foot .sample-foot-con .foot-mid p {

    font-size: 13px;

    color: #949698;

    line-height: 24px

}



.sample-foot .sample-foot-con .foot-mid p:first-child {

    font-size: 30px;

    color: #fff;

    font-family: Arial;

    line-height: 65px

}



.sample-foot .sample-foot-con .foot-right {

    float: right

}



.sample-foot .sample-foot-con .foot-right img {

    max-width: 100%

}



.sample-foot .sample-foot-con .foot-right h3 {

    text-align: center;

    font-size: 12px;

    color: #949698;

    font-weight: 400;

    line-height: 30px;

    margin: 0

}



@media (max-width:768px) {

    .sample-foot .sample-foot-con {

        padding-top: 10px

    }



    .sample-foot .sample-foot-con .foot-left {

        float: none;

        width: 100%

    }



    .sample-foot .sample-foot-con .foot-left .foot-nav {

        display: none

    }



    .sample-foot .sample-foot-con .foot-left .foot-copyright {

        line-height: 24px

    }



    .sample-foot .sample-foot-con .foot-left .foot-link ul li {

        padding-right: 5px;

        margin-right: 5px

    }



    .sample-foot .sample-foot-con .foot-mid {

        float: none;

        width: 100%

    }



    .sample-foot .sample-foot-con .foot-right {

        display: none

    }

}



@media (max-width:768px) {

    .sample-foot {

        padding-top: 0

    }

}



h2.bbtt {

    text-align: center;

    line-height: 1;

    margin: 0

}



h2.bbtt p {

    font-size: 18px;

    color: #f8981c;

    margin-bottom: 18px;

    font-weight: 500

}



@media (max-width:780px) {

    h2.bbtt p {

        font-size: 16px;

        margin-bottom: 10px

    }

}



h2.bbtt b {

    font-size: 36px;

    color: #383a65;

    line-height: 1.33

}



@media (max-width:780px) {

    h2.bbtt b {

        font-size: 28px

    }

}



@media (max-width:480px) {

    h2.bbtt b {

        font-size: 22px

    }



    h2.bbtt b br {

        display: none

    }

}



.w1510 {

    max-width: 1510px;

    margin-left: auto;

    margin-right: auto

}



@media (max-width:1510px) {

    .w1510 {

        padding-left: 15px;

        padding-right: 15px

    }

}



.sc1 {

    padding-top: 5.21vw;

    background: url(3b3c0f6dacxjnu8e.png) no-repeat 50% 0;

    background-size: cover;

    padding-bottom: 6.4vw

}



@media (max-width:780px) {

    .sc1 {

        padding-top: 40px;

        padding-bottom: 20px

    }

}



.sc1 .con {

    margin-top: 3.125vw

}



@media (max-width:780px) {

    .sc1 .con {

        margin-top: 28px

    }

}



.sc1 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: -1.04vw;

    margin-right: -1.04vw;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.sc1 .con .list1 li {

    padding: 0 1.04vw;

    text-align: center;

    width: 16.666%;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



@media (max-width:780px) {

    .sc1 .con .list1 li {

        width: 33.33%;

        margin-bottom: 20px

    }

}



@media (max-width:480px) {

    .sc1 .con .list1 li {

        width: 50%

    }

}



.sc1 .con .list1 li a {

    display: block;

    background-color: #fff;

    -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    border-radius: 10px;

    padding: 2.6vw 15px 2.08vw

}



@media (max-width:780px) {

    .sc1 .con .list1 li a {

        padding: 30px 15px 20px

    }

}



.sc1 .con .list1 li a .img {

    line-height: 72px

}



@media (max-width:1025px) {

    .sc1 .con .list1 li a .img {

        line-height: 52px

    }

}



@media (max-width:1025px) {

    .sc1 .con .list1 li a .img img {

        max-height: 52px;

        max-width: 52px

    }

}



.sc1 .con .list1 li a h3 {

    margin: 0;

    color: #383a65;

    font-size: 24px;

    margin-top: 2.28vw

}



@media (max-width:1025px) {

    .sc1 .con .list1 li a h3 {

        font-size: 16px;

        margin-top: 20px

    }

}



.sc1 .con .list1 li:hover {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px)

}



.sc2 {

    padding-top: 46px;

    background: url(d79dd07aafucrm14.png) no-repeat 50% 0;

    background-size: cover;

    padding-bottom: 3.4375vw

}



@media (max-width:780px) {

    .sc2 {

        padding-top: 40px;

        padding-bottom: 20px

    }

}



.sc2 .con {

    margin-top: 4.375vw

}



@media (max-width:780px) {

    .sc2 .con {

        margin-top: 30px

    }

}



.sc2 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: .9vw;

    margin-left: -2.37vw;

    nav-right: -2.37vw

}



.sc2 .con .list1 li {

    width: 33.33%;

    padding: 0 2.37vw;

    margin-bottom: 1.98vw;

    position: relative

}



@media (max-width:780px) {

    .sc2 .con .list1 li {

        width: 50%;

        margin-bottom: 20px

    }

}



@media (max-width:480px) {

    .sc2 .con .list1 li {

        width: 100%

    }

}



.sc2 .con .list1 li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.sc2 .con .list1 li .img {

    text-align: center;

    width: 70px;

    background-color: #383a65;

    line-height: 70px;

    border-radius: 100%;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out

}



.sc2 .con .list1 li .zi {

    width: calc(100% - 94px)

}



.sc2 .con .list1 li .zi h3 {

    margin: 8px 0;

    color: #f8981c;

    font-size: 20px

}



@media (max-width:780px) {

    .sc2 .con .list1 li .zi h3 {

        font-size: 16px

    }

}



.sc2 .con .list1 li .zi dd {

    font-size: 16px;

    color: #1e1e30;

    line-height: 30px

}



@media (max-width:780px) {

    .sc2 .con .list1 li .zi dd {

        font-size: 14px;

        line-height: 26px

    }

}



.sc2 .con .list1 li:hover .img {

    background-color: #f8981c

}



.sc2 .con a.ck {

    width: 161px;

    line-height: 58px;

    -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    border-radius: 29px;

    text-align: center;

    font-weight: 600;

    font-size: 18px;

    letter-spacing: 1.8px;

    color: #fff;

    display: block;

    margin-left: auto;

    margin-right: auto;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    background: #f8981c

}



.sc2 .con a.ck:hover {

    background: #383a65

}



@media (max-width:780px) {

    .sc2 .con a.ck {

        line-height: 42px;

        width: 140px;

        font-size: 16px

    }

}



@media (max-width:480px) {

    .sc2 .con a.ck {

        line-height: 34px;

        width: 132px;

        font-size: 14px

    }

}



.w1420 {

    max-width: 1420px;

    margin: 0 auto

}



@media (max-width:1420px) {

    .w1420 {

        padding: 0 15px

    }

}



.sc3 {

    padding-top: 3.229vw;

    background: url(0e0291ee4fo2cwnr.png) no-repeat 50% 0;

    background-size: cover;

    padding-bottom: 4.6875vw

}



@media (max-width:780px) {

    .sc3 {

        padding-top: 40px;

        padding-bottom: 20px

    }

}



.sc3 .con {

    margin-top: 3.23vw

}



@media (max-width:780px) {

    .sc3 .con {

        margin-top: 30px

    }

}



.sc3 .con .list1 {

    margin-left: -6.5px;

    margin-right: -6.5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.sc3 .con .list1 li {

    padding: 0 6.5px;

    width: 11.45%;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.sc3 .con .list1 li.on {

    width: 43%

}



.sc3 .con .list1 li.on a h3 {

    opacity: 0

}



.sc3 .con .list1 li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    overflow: hidden;

    border-radius: 10px

}



.sc3 .con .list1 li a .img {

    background: #000

}



.sc3 .con .list1 li a .img img {

    opacity: .8

}



.sc3 .con .list1 li a:before {

    content: "";

    height: 100%;

    top: 0;

    z-index: 1;

    background: url("c2ddbb159ah2umrp.png") no-repeat 0 0;

    opacity: 1;

    display: block

}



.sc3 .con .list1 li a:before,

.sc3 .con .list1 li a h3 {

    width: 100%;

    position: absolute;

    left: 0;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.sc3 .con .list1 li a h3 {

    margin: 0;

    text-align: center;

    color: #fff;

    bottom: 39px;

    font-weight: 500;

    z-index: 11;

    font-size: 16px

}



.sc3 .con .list1 li.on a .img img {

    opacity: 1

}



.sc3 .con .list1 li.on a:before {

    opacity: 0

}



.sc3 .con .list2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -6.5px;

    margin-right: -6.5px

}



.sc3 .con .list2 li {

    padding: 0 6.5px;

    width: 50%;

    margin-bottom: 20px

}



.sc3 .con .list2 li a {

    position: relative;

    display: block

}



.sc3 .con .list2 li .img img {

    width: 100%

}



.sc3 .con .list2 li h3 {

    margin: 0;

    text-align: center;

    color: #fff;

    bottom: 14px;

    position: absolute;

    left: 0;

    width: 100%;

    font-weight: 500;

    z-index: 11;

    font-size: 16px;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.sc4 {

    padding-top: 3.75vw;

    background: url(55f0f4cc5dzja1az.png) no-repeat 50% 0;

    background-size: cover;

    padding-bottom: 3.3854vw

}



@media (max-width:780px) {

    .sc4 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



.sc4 .con {

    margin-top: 2.5vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



@media (max-width:780px) {

    .sc4 .con {

        margin-top: 30px

    }

}



.sc4 .con .sc4-1 {

    max-width: 520px

}



@media (max-width:1200px) {

    .sc4 .con .sc4-1 {

        width: 46%

    }

}



@media (max-width:780px) {

    .sc4 .con .sc4-1 {

        width: 100%;

        max-width: 100%

    }

}



.sc4 .con .sc4-1 .list1 li {

    -webkit-box-shadow: -3.5px 4.9px 7px 0 #d6d6d6;

    box-shadow: -3.5px 4.9px 7px 0 #d6d6d6;

    border-radius: 5px;

    overflow: hidden;

    margin-bottom: 9px;

    cursor: pointer

}



.sc4 .con .sc4-1 .list1 li h3 {

    margin: 0;

    color: #383a65;

    font-size: 18px;

    background: url("c1151b61fdmydbgf.png") no-repeat 96% 50% #fcc379;

    padding-left: 20px;

    line-height: 61px;

    border-radius: 5px;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



@media (max-width:780px) {

    .sc4 .con .sc4-1 .list1 li h3 {

        font-size: 16px;

        line-height: 42px

    }

}



.sc4 .con .sc4-1 .list1 li .sec {

    font-size: 16px;

    color: #1e1e30;

    line-height: 36px;

    background: #fff;

    height: 0;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



@media (max-width:1200px) {

    .sc4 .con .sc4-1 .list1 li .sec {

        line-height: 26px

    }

}



@media (max-width:780px) {

    .sc4 .con .sc4-1 .list1 li .sec {

        font-size: 14px;

        line-height: 24px

    }

}



.sc4 .con .sc4-1 .list1 li.on h3 {

    background: url("d41f959b7bmcmuze.png") no-repeat 96% 50% #e8eaf6

}



.sc4 .con .sc4-1 .list1 li.on .sec {

    height: 109px;

    padding: 11px 42px 26px 14px

}



.sc4 .con .sc4-2 {

    max-width: 540px;

    text-align: center

}



@media (max-width:1200px) {

    .sc4 .con .sc4-2 {

        width: 46%

    }

}



@media (max-width:780px) {

    .sc4 .con .sc4-2 {

        width: 100%;

        margin-top: 30px;

        max-width: 100%

    }

}



.sc4 .con .sc4-2 img {

    max-width: 100%

}



.w1203 {

    max-width: 1203px;

    margin: 0 auto

}



@media (max-width:1203px) {

    .w1203 {

        padding: 0 15px

    }

}



.w1264 {

    max-width: 1264px;

    margin: 0 auto

}



@media (max-width:1264px) {

    .w1264 {

        padding: 0 15px

    }

}



.sc5 {

    padding-top: 4.6875vw;

    background: url(504b6e954btraeu5.png) no-repeat 50% 0;

    background-size: cover;

    padding-bottom: 3.54vw

}



@media (max-width:780px) {

    .sc5 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



.sc5 .con {

    margin-top: 3.59vw

}



@media (max-width:780px) {

    .sc5 .con {

        margin-top: 30px

    }

}



.sc5 .con .list1 {

    margin-left: -2.58vw;

    margin-right: -2.58vw;

    margin-bottom: .8vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    text-align: center

}



@media (max-width:780px) {

    .sc5 .con .list1 {

        margin-left: 0;

        margin-right: 0;

        margin-bottom: 10px

    }

}



.sc5 .con .list1 li {

    padding: 0 2.58vw;

    width: 33.33%;

    margin-bottom: 2.08vw

}



@media (max-width:780px) {

    .sc5 .con .list1 li {

        width: 50%;

        margin-bottom: 20px;

        padding: 0 10px

    }

}



@media (max-width:480px) {

    .sc5 .con .list1 li {

        width: 100%

    }

}



.sc5 .con .list1 li a {

    display: block;

    background-color: #fff;

    -webkit-box-shadow: -5px 8.7px 7px 0 hsla(0, 0%, 84%, .8);

    box-shadow: -5px 8.7px 7px 0 hsla(0, 0%, 84%, .8);

    border-radius: 10px;

    padding: 2.66vw 1.38vw 1.5625vw

}



@media (max-width:780px) {

    .sc5 .con .list1 li a {

        padding: 20px 15px

    }

}



.sc5 .con .list1 li a .img {

    line-height: 100px

}



@media (max-width:780px) {

    .sc5 .con .list1 li a .img {

        line-height: 60px

    }

}



@media (max-width:780px) {

    .sc5 .con .list1 li a .img img {

        max-width: 60px;

        max-height: 60px

    }

}



.sc5 .con .list1 li a .zi {

    margin-top: 1.5625vw

}



.sc5 .con .list1 li a .zi h3 {

    font-size: 24px;

    color: #383a65;

    margin: 0;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



@media (max-width:780px) {

    .sc5 .con .list1 li a .zi h3 {

        font-size: 18px

    }

}



.sc5 .con .list1 li a .zi dd {

    line-height: 24px;

    font-size: 14px;

    color: #1e1e30;

    margin-top: 1.3vw;

    height: 48px

}



@media (max-width:780px) {

    .sc5 .con .list1 li a .zi dd {

        height: auto

    }

}



@media (max-width:480px) {

    .sc5 .con .list1 li a .zi dd {

        line-height: 20px;

        margin-top: 6px

    }

}



.sc5 .con .list1 li a:hover .zi h3 {

    color: #f8981c

}



.sc5 .con a.ck {

    width: 161px;

    line-height: 58px;

    -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    border-radius: 29px;

    text-align: center;

    font-weight: 600;

    font-size: 18px;

    letter-spacing: 1.8px;

    color: #fff;

    display: block;

    margin-left: auto;

    margin-right: auto;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    background: #f8981c

}



.sc5 .con a.ck:hover {

    background: #383a65

}



@media (max-width:780px) {

    .sc5 .con a.ck {

        line-height: 42px;

        width: 140px;

        font-size: 16px

    }

}



@media (max-width:480px) {

    .sc5 .con a.ck {

        line-height: 34px;

        width: 132px;

        font-size: 14px

    }

}



.sc6 {

    padding-top: 3.4375vw;

    background: url(be23a2c91bh7foua.png) no-repeat 50% 0;

    background-size: cover;

    padding-bottom: 6.66vw

}



@media (max-width:780px) {

    .sc6 {

        padding-top: 40px;

        padding-bottom: 20px

    }

}



.sc6 .con {

    margin-top: 3.02vw;

    background: url("5601e11d83ztg4ma.png") no-repeat 50%

}



@media (max-width:780px) {

    .sc6 .con {

        margin-top: 30px

    }

}



.sc6 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    text-align: center

}



@media (max-width:780px) {

    .sc6 .con .list1 {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between

    }

}



.sc6 .con .list1 li {

    width: 20%

}



@media (max-width:780px) {

    .sc6 .con .list1 li {

        width: 49%;

        margin-bottom: 20px

    }

}



@media (max-width:480px) {

    .sc6 .con .list1 li {

        width: 100%

    }

}



.sc6 .con .list1 li a {

    border-radius: 30px;

    display: block;

    position: relative

}



@media (max-width:480px) {

    .sc6 .con .list1 li a {

        border-radius: 10px

    }

}



.sc6 .con .list1 li a:after {

    content: "";

    display: block;

    width: 46px;

    height: 143px;

    position: absolute;

    z-index: 1

}



@media (max-width:780px) {

    .sc6 .con .list1 li a:after {

        display: none

    }

}



.sc6 .con .list1 li a h3 {

    margin: 0;

    font-size: 24px;

    color: #383a65;

    line-height: 72px;

    background-color: #fff

}



@media (max-width:780px) {

    .sc6 .con .list1 li a h3 {

        line-height: 58px;

        font-size: 16px

    }

}



@media (max-width:480px) {

    .sc6 .con .list1 li a h3 {

        line-height: 44px

    }

}



.sc6 .con .list1 li a .zi dd {

    margin-top: 10px;

    font-size: 14px;

    line-height: 30px;

    color: #fff;

    padding: 0 5px;

    height: 60px

}



@media (max-width:1264px) {

    .sc6 .con .list1 li a .zi dd {

        font-size: 13px

    }



    .sc6 .con .list1 li a .zi dd br {

        display: none

    }

}



@media (max-width:1025px) {

    .sc6 .con .list1 li a .zi dd {

        line-height: 22px

    }

}



@media (max-width:780px) {

    .sc6 .con .list1 li a .zi dd {

        height: auto;

        font-size: 14px;

        line-height: 26px

    }

}



@media (max-width:480px) {

    .sc6 .con .list1 li a .zi dd {

        margin-top: 14px

    }

}



.sc6 .con .list1 li a .zi .img {

    line-height: 51px;

    margin-top: 22px

}



@media (max-width:780px) {

    .sc6 .con .list1 li a .zi .img {

        line-height: 40px

    }



    .sc6 .con .list1 li a .zi .img img {

        max-width: 40px;

        max-height: 40px

    }

}



@media (max-width:480px) {

    .sc6 .con .list1 li a .zi .img {

        margin-top: 12px

    }

}



.sc6 .con .list1 li:nth-child(odd) a {

    padding-bottom: 28px;

    background: #383a65

}



.sc6 .con .list1 li:nth-child(odd) a h3 {

    border-radius: 30px 30px 0 0

}



@media (max-width:480px) {

    .sc6 .con .list1 li:nth-child(odd) a h3 {

        border-radius: 10px 10px 0 0

    }

}



.sc6 .con .list1 li:nth-child(odd) a:after {

    left: 50%;

    bottom: -58%;

    background: url("1244e66d93i8bxeg.png") no-repeat 50% 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



@media (max-width:780px) {

    .sc6 .con .list1 li:nth-child(2n) a {

        padding-bottom: 28px;

        background: #383a65

    }



    .sc6 .con .list1 li:nth-child(2n) a h3 {

        border-radius: 30px 30px 0 0

    }

}



@media (max-width:780px) and (max-width:480px) {

    .sc6 .con .list1 li:nth-child(2n) a h3 {

        border-radius: 10px 10px 0 0

    }

}



@media (max-width:780px) {

    .sc6 .con .list1 li:nth-child(2n) a:after {

        left: 50%;

        bottom: -58%;

        background: url("1244e66d93i8bxeg.png") no-repeat 50% 0;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }

}



@media (min-width:780px) {

    .sc6 .con .list1 li:nth-child(2n) {

        margin-top: 392px

    }



    .sc6 .con .list1 li:nth-child(2n) a {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

        background: #f8981c

    }



    .sc6 .con .list1 li:nth-child(2n) a h3 {

        border-radius: 0 0 30px 30px;

        margin-top: 28px

    }



    .sc6 .con .list1 li:nth-child(2n) a .zi {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse

    }



    .sc6 .con .list1 li:nth-child(2n) a:after {

        left: 50%;

        top: -58%;

        background: url("8e79518854vscosp.png") no-repeat 50% 0;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }

}



.sc7 {

    padding-top: 3.4375vw;

    background: url(0e3115cb1a9myvyu.png) no-repeat 50% 0;

    background-size: cover;

    padding-bottom: 6.46vw

}



@media (max-width:780px) {

    .sc7 {

        padding-top: 40px;

        padding-bottom: 20px

    }

}



.sc7 .con {

    margin-top: 3.49vw

}



@media (max-height:780px) {

    .sc7 .con {

        margin-top: 30px

    }

}



.sc7 .con .list1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -.675vw;

    margin-right: -.675vw

}



.sc7 .con .list1 li {

    text-align: center;

    width: 33.33%;

    padding: 0 .675vw

}



@media (max-width:480px) {

    .sc7 .con .list1 li {

        width: 100%;

        margin-bottom: 20px

    }

}



.sc7 .con .list1 li a .img {

    border-radius: 10px 10px 0 0

}



.sc7 .con .list1 li a .img img {

    width: 100%

}



.sc7 .con .list1 li a dd {

    -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    border-radius: 0 0 10px 10px;

    line-height: 1;

    padding: 1.14583vw 0

}



@media (max-width:1025px) {

    .sc7 .con .list1 li a dd {

        padding: 15px

    }

}



.sc7 .con .list1 li a dd p {

    color: #f8981c;

    font-size: 12px

}



.sc7 .con .list1 li a dd b {

    font-size: 18px;

    color: #383a65;

    font-weight: 600;

    margin-top: 6px;

    display: block

}



.sc8 {

    background: url("e11fd30dc3mp7pfv.png") no-repeat 50%;

    background-size: cover;

    padding-top: 78px;

    padding-bottom: 50px;

    text-align: center;

    color: #fff

}



@media (max-width:780px) {

    .sc8 {

        padding-top: 40px;

        padding-bottom: 40px

    }

}



.sc8 p {

    font-size: 36px

}



@media (max-width:780px) {

    .sc8 p {

        font-size: 24px

    }

}



@media (max-width:480px) {

    .sc8 p {

        font-size: 20px

    }

}



.sc8 p:nth-child(2) {

    font-size: 24px;

    margin-top: 6px;

    margin-bottom: 16px

}



@media (max-width:780px) {

    .sc8 p:nth-child(2) {

        font-size: 16px

    }

}



@media (max-width:480px) {

    .sc8 p:nth-child(2) {

        font-size: 14px

    }

}



.sc8 p:nth-child(2) b {

    color: #f8981c;

    font-size: 30px

}



@media (max-width:780px) {

    .sc8 p:nth-child(2) b {

        font-size: 18px

    }

}



@media (max-width:480px) {

    .sc8 p:nth-child(2) b {

        font-size: 16px

    }

}



.sc8 a.ck {

    width: 161px;

    line-height: 58px;

    -webkit-box-shadow: -3px 5.2px 6px 0 rgba(0, 0, 0, .3);

    box-shadow: -3px 5.2px 6px 0 rgba(0, 0, 0, .3);

    border-radius: 29px;

    background: #f8981c;

    text-align: center;

    font-weight: 600;

    font-size: 18px;

    letter-spacing: 1.8px;

    color: #fff;

    display: block;

    margin-left: auto;

    margin-right: auto;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



.sc8 a.ck:hover {

    background: #383a65

}



@media (max-width:780px) {

    .sc8 a.ck {

        line-height: 42px;

        width: 140px;

        font-size: 16px

    }

}



@media (max-width:480px) {

    .sc8 a.ck {

        line-height: 34px;

        width: 132px;

        font-size: 14px

    }

}



.site_list>li {

    margin-bottom: 16px

}



.site_list>li a.bt1 {

    font-size: 20px;

    color: #333;

    display: block;

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

    padding-bottom: 6px;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    cursor: pointer

}



@media (max-width:480px) {

    .site_list>li a.bt1 {

        font-size: 18px

    }

}



.site_list>li a.bt1:hover {

    color: #03a9f4

}



.site_list>li .hh .list1 li {

    line-height: 28px

}



.site_list>li .hh .list1 li a.bt2 {

    font-size: 16px;

    color: #333;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    font-weight: 600

}



@media (max-width:480px) {

    .site_list>li .hh .list1 li a.bt2 {

        font-size: 15px

    }

}



.site_list>li .hh .list1 li a.bt2:hover {

    color: #03a9f4

}



.site_list>li .hh .list1 li .hh1 .list2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.site_list>li .hh .list1 li .hh1 .list2 li a {

    font-size: 14px;

    color: #333;

    line-height: 24px;

    padding: 4px 8px 4px 0;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out

}



@media (max-width:480px) {

    .site_list>li .hh .list1 li .hh1 .list2 li a {

        font-size: 13px

    }

}



.site_list>li .hh .list1 li .hh1 .list2 li a:hover {

    color: #03a9f4

}



.w1200 {

    max-width: 1200px;

    margin: 0 auto

}



.city-cont .pb30 {

    padding-bottom: 30px

}



.city-cont .cont-title {

    text-align: center;

    color: #2e2c3e;

    font-size: 18px;

    margin: 50px 0

}



@media (max-width:780px) {

    .city-cont .cont-title {

        margin: 30px 0;

        font-size: 16px

    }

}



.city-cont .cont-title span {

    position: relative

}



.city-cont .cont-title span:before {

    left: -15px

}



.city-cont .cont-title span:after,

.city-cont .cont-title span:before {

    width: 4px;

    height: 16px;

    background: #203d81;

    display: block;

    content: "";

    position: absolute;

    bottom: 3px

}



.city-cont .cont-title span:after {

    right: -15px

}



.city-cont .about1 .content {

    text-align: center;

    font-size: 14px;

    line-height: 27px

}



.city-cont .product-list {

    margin-bottom: 40px

}



.city-cont .product-list .cate-title {

    color: #333;

    font-size: 18px;

    font-weight: 700;

    position: relative;

    line-height: 30px;

    height: 30px

}



@media (max-width:780px) {

    .city-cont .product-list .cate-title {

        font-size: 15px

    }

}



.city-cont .product-list .cate-title span {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    background: #fff;

    padding-right: 25px

}



.city-cont .product-list .cate-title:after {

    width: 100%;

    height: 2px;

    background: #eee;

    display: block;

    content: "";

    position: absolute;

    right: 0;

    bottom: 12px

}



.city-cont .product-list .item-list {

    margin: 25px -8px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.city-cont .product-list .item-list li {

    width: 25%;

    text-align: center;

    padding: 0 8px

}



@media (max-width:780px) {

    .city-cont .product-list .item-list li {

        width: 50%

    }

}



.city-cont .product-list .item-list li .item {

    -webkit-box-shadow: 0 0 5px #eee;

    box-shadow: 0 0 5px #eee

}



.city-cont .product-list .item-list li .item .img {

    overflow: hidden

}



.city-cont .product-list .item-list li .item .img img {

    width: 100%;

    transition: all .8s;

    -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -o-transition: all .8s

}



.city-cont .product-list .item-list li .item h3 {

    line-height: 60px;

    text-align: center;

    font-size: 14px;

    color: #2e2c3e;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-top: 0

}



.city-cont .product-list .item-list li:hover .item .img img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1)

}



.city-cont .cityx {

    font-size: 14px;

    margin-bottom: 30px

}



.dy_wh1200 {

    width: 100%;

    max-width: 1200px;

    display: block;

    margin: 0 auto;

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: cover

}



.dy_banner {

    padding-top: 70px

}



@media (max-width:990px) {

    .dy_banner {

        padding: 0

    }

}



.hwebsite_banner {

    max-width: 1200px;

    display: block;

    margin: 0 auto

}



.hwebsite_banner .dy_wh1200 {

    text-align: center;

    padding: 18.2% 7.9% 15.5%

}



.hwebsite_banner h3 {

    margin: 0;

    font-size: 140px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1;

    letter-spacing: .15em;

    color: #fff

}



.hwebsite_banner .h3_bt {

    background-color: #d60f0f;

    border-radius: .75em;

    font-size: 60px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: .1em;

    color: #fff;

    width: 12.3em;

    margin: 1em auto 0

}



.hwebsite_banner .wzjs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-top: 17.5%

}



.hwebsite_banner .wzjs li {

    max-width: 260px;

    width: 30%;

    background-image: url("//static.cn86.cn/img/2022/10/ec02da0ef230ski7.png");

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: contain;

    padding: 0

}



.hwebsite_banner .wzjs li .wzs {

    display: block;

    padding: 26% 8px 20%

}



.hwebsite_banner .wzjs li h4 {

    color: #d60f0f;

    font-size: 62px;

    line-height: 1;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.hwebsite_banner .wzjs li h4 span {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 139px;

    letter-spacing: -.07em;

    line-height: .7;

    margin-right: .08em

}



.hwebsite_banner .wzjs li h5 {

    font-size: 42px;

    font-weight: 700;

    font-stretch: normal;

    letter-spacing: 0;

    color: #d60f0f;

    line-height: 1;

    margin: .4em 0 0

}



.hwebsite_banner .wzjs li p {

    font-size: 14px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1;

    letter-spacing: 0;

    color: rgba(214, 15, 15, .5);

    margin: .45em 0 0

}



@media (max-width:1200px) {

    .hwebsite_banner h3 {

        font-size: 11.6vw

    }



    .hwebsite_banner .h3_bt {

        font-size: 5vw

    }



    .hwebsite_banner .wzjs li h4 {

        font-size: 5.1vw

    }



    .hwebsite_banner .wzjs li h4 span {

        font-size: 11.6vw

    }



    .hwebsite_banner .wzjs li h5 {

        font-size: 3.5vw

    }

}



@media (max-width:640px) {

    .hwebsite_banner .dy_wh1200 {

        padding: 18% 2% 15%

    }



    .hwebsite_banner h3 {

        font-size: 11.6vw

    }



    .hwebsite_banner .h3_bt {

        font-size: 5vw

    }



    .hwebsite_banner .wzjs li {

        width: 32%

    }



    .hwebsite_banner .wzjs li .wzs {

        padding: 30% 6px 24%

    }



    .hwebsite_banner .wzjs li h4 {

        font-size: 20px

    }



    .hwebsite_banner .wzjs li h4 span {

        font-size: 50px

    }



    .hwebsite_banner .wzjs li h5 {

        font-size: 17px

    }



    .hwebsite_banner .wzjs li p {

        font-size: 12px

    }

}



.page_1200 {

    max-width: 1200px;

    width: 100%;

    margin: 0 auto;

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: cover;

    overflow: hidden

}



.hwebsite_title {

    background-color: #ce130a;

    padding: 26px 28px 42px;

    position: relative;

    text-align: center

}



.hwebsite_title:before {

    content: "";

    display: block;

    width: calc(100% - 56px);

    height: calc(100% - 68px);

    position: absolute;

    left: 28px;

    top: 26px;

    border: 1px solid #fff;

    border-bottom: none;

    z-index: 1

}



.hwebsite_title h3 {

    position: relative;

    z-index: 10;

    font-size: 60px;

    line-height: 1;

    color: #fff;

    font-weight: 700;

    margin: .95em 0 0

}



.hwebsite_title h5 {

    position: relative;

    z-index: 11;

    font-size: 26px;

    line-height: 1.1;

    font-weight: 400;

    color: #fff;

    margin: .8em 1px -.55em;

    height: 1.1em;

    background-color: #ce130a;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.hwebsite_title h5:after,

.hwebsite_title h5:before {

    content: "";

    display: block;

    width: auto;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    height: 1px;

    background-color: #fff

}



.hwebsite_title h5:before {

    margin-right: 1.27em

}



.hwebsite_title h5:after {

    margin-left: 1.27em

}



@media (max-width:1200px) {

    .hwebsite_title {

        padding: 2.2vw 2.3vw 3.5vw

    }



    .hwebsite_title:before {

        width: calc(100% - 4.6vw);

        height: calc(100% - 5.7vw);

        left: 2.3vw;

        top: 2.2vw

    }



    .hwebsite_title h3 {

        font-size: 5vw

    }



    .hwebsite_title h5 {

        font-size: 2.2vw

    }

}



@media (max-width:640px) {

    .hwebsite_title {

        padding: 14px 12px 20px

    }



    .hwebsite_title:before {

        width: calc(100% - 24px);

        height: calc(100% - 34px);

        left: 12px;

        top: 14px

    }



    .hwebsite_title h3 {

        font-size: 24px

    }



    .hwebsite_title h5 {

        font-size: 13px

    }



    .hwebsite_title h5:before {

        margin-right: 1em

    }



    .hwebsite_title h5:after {

        margin-left: 1em

    }

}



@media (max-width:400px) {

    .hwebsite_title h3 {

        font-size: 22px

    }



    .hwebsite_title h5 {

        font-size: 12px

    }

}



.hwebsite_scope_conturl {

    padding: 5.75% 4.2% 8.25%

}



.hwebsite_scope_conturl ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.hwebsite_scope_conturl ul li {

    width: 22.8%;

    text-align: center

}



.hwebsite_scope_conturl ul li a {

    display: block;

    background-color: #2a2a2a;

    border-radius: 15px;

    padding: 18% 8px 15.2%

}



.hwebsite_scope_conturl ul li a .img {

    height: 80px;

    overflow: hidden

}



.hwebsite_scope_conturl ul li a .img img {

    max-width: 80%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.hwebsite_scope_conturl ul li a h4 {

    font-size: 30px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: .05em;

    color: #fff;

    margin: 5px 0 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.hwebsite_scope_conturl ul li:nth-child(n+5) {

    margin-top: 1.8%

}



@media (max-width:1200px) {

    .hwebsite_scope_conturl ul li a .img {

        height: 6.75vw

    }



    .hwebsite_scope_conturl ul li a h4 {

        font-size: 2.5vw

    }

}



@media (max-width:640px) {

    .hwebsite_scope_conturl {

        padding: 5% 15px 6%

    }



    .hwebsite_scope_conturl ul li {

        width: 32%

    }



    .hwebsite_scope_conturl ul li a {

        padding: 16% 6px 13%

    }



    .hwebsite_scope_conturl ul li a .img {

        height: 42px

    }



    .hwebsite_scope_conturl ul li a h4 {

        font-size: 14px;

        margin-top: 8px

    }



    .hwebsite_scope_conturl ul li:nth-child(n+4) {

        margin-top: 2%

    }

}



@media (max-width:400px) {

    .hwebsite_scope_conturl {

        padding: 5% 12px 6%

    }



    .hwebsite_scope_conturl ul li a {

        padding: 15% 4px 10%

    }



    .hwebsite_scope_conturl ul li a .img {

        height: 36px

    }



    .hwebsite_scope_conturl ul li a h4 {

        font-size: 13px

    }

}



.hwebsite_phone2,

.hwebsite_phone3,

.hwebsite_phonegg,

.svideoo_consult1,

.svideoo_consult2,

.svideoo_consult3 {

    background-image: url("//static.cn86.cn/img/2022/10/6da7fb6bf7vzhdhb.jpg");

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: cover

}



.hwebsite_phone2 .dy_wh1200,

.hwebsite_phone3 .dy_wh1200,

.hwebsite_phonegg .dy_wh1200,

.svideoo_consult1 .dy_wh1200,

.svideoo_consult2 .dy_wh1200,

.svideoo_consult3 .dy_wh1200 {

    padding: 6.2% 15px 4.75%;

    text-align: center

}



.hwebsite_phone2 h3,

.hwebsite_phone3 h3,

.hwebsite_phonegg h3,

.svideoo_consult1 h3,

.svideoo_consult2 h3,

.svideoo_consult3 h3 {

    font-size: 32px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1;

    letter-spacing: 0;

    color: #fff;

    margin: 0

}



.hwebsite_phone2 h4,

.hwebsite_phone3 h4,

.hwebsite_phonegg h4,

.svideoo_consult1 h4,

.svideoo_consult2 h4,

.svideoo_consult3 h4 {

    margin: .7em auto 1em;

    font-size: 22px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: #fff

}



.hwebsite_phone2 .zx_message,

.hwebsite_phone3 .zx_message,

.hwebsite_phonegg .zx_message,

.svideoo_consult1 .zx_message,

.svideoo_consult2 .zx_message,

.svideoo_consult3 .zx_message {

    background-color: #ce130a;

    border-radius: 5px;

    font-size: 18px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 2;

    letter-spacing: 0;

    color: #fff;

    display: inline-block;

    padding: .2em 3.5em;

    cursor: pointer

}



@media (max-width:990px) {



    .hwebsite_phone2 h3,

    .hwebsite_phone3 h3,

    .hwebsite_phonegg h3,

    .svideoo_consult1 h3,

    .svideoo_consult2 h3,

    .svideoo_consult3 h3 {

        font-size: 26px

    }



    .hwebsite_phone2 h4,

    .hwebsite_phone3 h4,

    .hwebsite_phonegg h4,

    .svideoo_consult1 h4,

    .svideoo_consult2 h4,

    .svideoo_consult3 h4 {

        font-size: 18px

    }



    .hwebsite_phone2 .zx_message,

    .hwebsite_phone3 .zx_message,

    .hwebsite_phonegg .zx_message,

    .svideoo_consult1 .zx_message,

    .svideoo_consult2 .zx_message,

    .svideoo_consult3 .zx_message {

        font-size: 15px

    }

}



@media (max-width:640px) {



    .hwebsite_phone2 .dy_wh1200,

    .hwebsite_phone3 .dy_wh1200,

    .hwebsite_phonegg .dy_wh1200,

    .svideoo_consult1 .dy_wh1200,

    .svideoo_consult2 .dy_wh1200,

    .svideoo_consult3 .dy_wh1200 {

        padding: 40px 12px 32px

    }



    .hwebsite_phone2 h3,

    .hwebsite_phone3 h3,

    .hwebsite_phonegg h3,

    .svideoo_consult1 h3,

    .svideoo_consult2 h3,

    .svideoo_consult3 h3 {

        font-size: 20px

    }



    .hwebsite_phone2 h4,

    .hwebsite_phone3 h4,

    .hwebsite_phonegg h4,

    .svideoo_consult1 h4,

    .svideoo_consult2 h4,

    .svideoo_consult3 h4 {

        font-size: 14px

    }



    .hwebsite_phone2 .zx_message,

    .hwebsite_phone3 .zx_message,

    .hwebsite_phonegg .zx_message,

    .svideoo_consult1 .zx_message,

    .svideoo_consult2 .zx_message,

    .svideoo_consult3 .zx_message {

        font-size: 13px;

        padding: .4em 3em

    }

}



.hwebsite_rdata_cont {

    width: 100%;

    max-width: 800px;

    padding: 5% 0 10%;

    margin: 0 auto

}



.hwebsite_rdata_cont li {

    background-color: #2a2a2a;

    border-radius: 15px

}



.hwebsite_rdata_cont li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 5% 10px 5% 6%

}



.hwebsite_rdata_cont li a .img {

    width: 18%;

    max-width: 125px;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 5%;

    text-align: center

}



.hwebsite_rdata_cont li a .img img {

    max-width: 100%

}



.hwebsite_rdata_cont li a .text {

    overflow: hidden;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



.hwebsite_rdata_cont li a .text h4 {

    font-size: 32px;

    font-weight: 700;

    line-height: 1.5;

    white-space: nowrap;

    margin: 0

}



.hwebsite_rdata_cont li a .text h4,

.hwebsite_rdata_cont li a .text p {

    font-stretch: normal;

    letter-spacing: 0;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis

}



.hwebsite_rdata_cont li a .text p {

    font-size: 18px;

    font-weight: 400;

    line-height: 1.7;

    max-width: 460px;

    margin-top: .8em;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical

}



.hwebsite_rdata_cont li:nth-child(2n) {

    background-color: #ce130a

}



.hwebsite_rdata_cont li:nth-child(n+2) {

    margin-top: 14px

}



@media (max-width:900px) {

    .hwebsite_rdata_cont {

        padding: 5% 4% 8%;

        max-width: 100%

    }



    .hwebsite_rdata_cont li a .text h4 {

        font-size: 3.6vw

    }



    .hwebsite_rdata_cont li a .text p {

        font-size: 2vw

    }

}



@media (max-width:640px) {

    .hwebsite_rdata_cont {

        padding: 5% 12px;

        max-width: 100%

    }



    .hwebsite_rdata_cont li a {

        padding: 4vw 3vw

    }



    .hwebsite_rdata_cont li a .text h4 {

        font-size: 18px

    }



    .hwebsite_rdata_cont li a .text p {

        font-size: 13px

    }

}



@media (max-width:500px) {

    .hwebsite_rdata_cont li a .img {

        width: 16%;

        margin-right: 4%

    }



    .hwebsite_rdata_cont li a .text h4 {

        font-size: 17px

    }



    .hwebsite_rdata_cont li a .text p {

        margin-top: .5em

    }

}



@media (max-width:400px) {

    .hwebsite_rdata_cont li a .img {

        width: 15%;

        margin-right: 3%

    }



    .hwebsite_rdata_cont li a .text h4 {

        font-size: 15px

    }



    .hwebsite_rdata_cont li a .text p {

        font-size: 12px;

        margin-top: .4em

    }

}



.hwebsite_service_cont img {

    max-width: 100%

}



.hwebsite_combo_cont {

    padding: 5.8% 15px 8.3%

}



.hwebsite_combo_cont ul {

    display: block;

    max-width: 800px;

    margin: 0 auto

}



.hwebsite_combo_cont ul li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #000;

    border-radius: 20px

}



.hwebsite_combo_cont ul li .tis {

    background-color: #ce130a;

    font-size: 36px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1.8;

    letter-spacing: 0;

    color: #fff;

    text-align: center;

    width: 30%;

    padding: 1.3em .5em;

    border-radius: 20px 0 0 20px

}



.hwebsite_combo_cont ul li .tcwb {

    width: 70%;

    padding: 0 2.5% 0 3.8%;

    border-radius: 0 20px 20px 0

}



.hwebsite_combo_cont ul li .tcwb h5 {

    font-size: 24px;

    font-weight: 700;

    font-stretch: normal;

    letter-spacing: 0;

    line-height: 1.2;

    color: #fff;

    margin: 0

}



.hwebsite_combo_cont ul li .tcwb .com_ad {

    margin-top: 4.2%

}



.hwebsite_combo_cont ul li .tcwb .com_ad,

.hwebsite_combo_cont ul li .tcwb .com_ad1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.hwebsite_combo_cont ul li .tcwb .com_ad1 {

    width: 79.2%;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    text-align: center

}



.hwebsite_combo_cont ul li .tcwb .com_ad1 span {

    width: 47.5%;

    display: block;

    font-size: 30px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1.72;

    letter-spacing: 0;

    color: #fff;

    padding: 0 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background-color: #ce130a;

    border-radius: 10px

}



.hwebsite_combo_cont ul li .tcwb .com_ad1 span:nth-child(n+3) {

    margin-top: 5.6%

}



.hwebsite_combo_cont ul li .tcwb .com_ad2 {

    width: 16.1%;

    background-color: #ce130a;

    border-radius: 10px;

    font-size: 24px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1.4;

    letter-spacing: 0;

    color: #fff;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0 .4em

}



.hwebsite_combo_cont ul li:nth-child(n+2) {

    margin-top: 30px

}



.hwebsite_combo_cont ul li:nth-child(2) a {

    background-color: #ffff01

}



.hwebsite_combo_cont ul li:nth-child(2) .tis {

    background-color: #000;

    position: relative

}



.hwebsite_combo_cont ul li:nth-child(2) .tis:after {

    content: "";

    display: block;

    background-image: url("//static.cn86.cn/img/2022/10/80b1389533brmngr.png");

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: contain;

    position: absolute;

    left: calc(50% - 1.4em);

    top: -1.75em;

    width: 2.8em;

    height: 3.14em

}



.hwebsite_combo_cont ul li:nth-child(2) .tcwb h5 {

    color: #000

}



@media (max-width:900px) {

    .hwebsite_combo_cont {

        padding: 6% 4%

    }



    .hwebsite_combo_cont ul li .tis {

        font-size: 4vw

    }



    .hwebsite_combo_cont ul li .tcwb h5 {

        font-size: 2.7vw

    }



    .hwebsite_combo_cont ul li .tcwb .com_ad1 span {

        font-size: 3.3vw

    }



    .hwebsite_combo_cont ul li .tcwb .com_ad2 {

        font-size: 2.7vw

    }

}



@media (max-width:640px) {

    .hwebsite_combo_cont {

        padding: 30px 12px 24px

    }



    .hwebsite_combo_cont ul li a {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-flow: column;

        flex-flow: column;

        border-radius: 10px;

        overflow: hidden

    }



    .hwebsite_combo_cont ul li .tis {

        font-size: 4vw;

        width: 100%;

        border-radius: 0;

        padding: .5em 1em;

        font-size: 20px

    }



    .hwebsite_combo_cont ul li .tis br {

        display: none

    }



    .hwebsite_combo_cont ul li .tcwb {

        width: 100%;

        border-radius: 0;

        padding: 20px 15px

    }



    .hwebsite_combo_cont ul li .tcwb h5 {

        font-size: 17px;

        white-space: nowrap

    }



    .hwebsite_combo_cont ul li .tcwb .com_ad1 span {

        font-size: 18px;

        line-height: 2.4

    }



    .hwebsite_combo_cont ul li .tcwb .com_ad2 {

        font-size: 17px

    }



    .hwebsite_combo_cont ul li:nth-child(n+2) {

        margin-top: 20px

    }



    .hwebsite_combo_cont ul li:nth-child(2) .tis {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }



    .hwebsite_combo_cont ul li:nth-child(2) .tis:after {

        content: "";

        position: relative;

        left: 0;

        top: 0;

        width: 1.4em;

        height: 1.5em;

        display: inline-block;

        margin-right: .4em

    }



    .hwebsite_combo_cont ul li:nth-child(2) .tcwb h5 {

        color: #000

    }

}



.hwebsite_adv_cont {

    padding: 3.8% 0 7%

}



.hwebsite_adv_cont ul {

    max-width: 800px;

    margin: 0 auto

}



.hwebsite_adv_cont ul li a {

    position: relative;

    display: block;

    width: 100%;

    padding: 13px 16px

}



.hwebsite_adv_cont ul li a .img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1

}



.hwebsite_adv_cont ul li a .img img {

    display: block;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center

}



.hwebsite_adv_cont ul li a .text {

    border: 1px solid #d60f0f;

    position: relative;

    z-index: 20;

    text-align: center;

    padding: 6% 4%

}



.hwebsite_adv_cont ul li a .text h4 {

    margin: 0;

    font-size: 50px;

    font-weight: 700;

    color: #ce130a;

    -webkit-text-stroke: 1px #fff

}



.hwebsite_adv_cont ul li a .text h4,

.hwebsite_adv_cont ul li a .text p {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0

}



.hwebsite_adv_cont ul li a .text p {

    font-size: 24px;

    font-weight: 400;

    color: #fff;

    margin-top: 1%

}



.hwebsite_adv_cont ul li:nth-child(n+2) {

    margin-top: 2%

}



@media (max-width:900px) {

    .hwebsite_adv_cont {

        padding: 5% 4%

    }



    .hwebsite_adv_cont ul li a {

        padding: 1.5vw 1.8vw

    }



    .hwebsite_adv_cont ul li a .text h4 {

        font-size: 5.6vw

    }



    .hwebsite_adv_cont ul li a .text p {

        font-size: 2.7vw

    }

}



@media (max-width:640px) {

    .hwebsite_adv_cont {

        padding: 24px 12px 30px

    }



    .hwebsite_adv_cont ul li a {

        padding: 8px 10px

    }



    .hwebsite_adv_cont ul li a .text h4 {

        font-size: 28px

    }



    .hwebsite_adv_cont ul li a .text p {

        font-size: 13px

    }

}



@media (max-width:400px) {

    .hwebsite_adv_cont ul li a .text h4 {

        font-size: 24px

    }



    .hwebsite_adv_cont ul li a .text p {

        font-size: 12px

    }

}



.hwebsite_process_cont {

    display: block;

    max-width: 800px;

    margin: 0 auto;

    padding: 3.5% 0 5%

}



.hwebsite_process_cont ul {

    display: block;

    padding: 0 0 0 16%;

    background-image: url("//static.cn86.cn/img/2022/11/4264ad78c8srf4a9.png");

    background-position: 0 100%;

    background-size: auto 100%;

    background-repeat: no-repeat

}



.hwebsite_process_cont ul li a {

    display: block;

    position: relative;

    border-radius: 30px;

    overflow: hidden

}



.hwebsite_process_cont ul li a .img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1

}



.hwebsite_process_cont ul li a .img img {

    width: 100%;

    height: 100%;

    display: block;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center

}



.hwebsite_process_cont ul li a .text {

    position: relative;

    z-index: 20;

    padding: 18px 10px 14px 5%

}



.hwebsite_process_cont ul li a .text h4 {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 44px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1.4;

    letter-spacing: 0;

    color: #fff;

    background-color: #d60f0f;

    border-radius: 1em;

    padding: 0 .8em 0 .6em;

    margin: 0

}



.hwebsite_process_cont ul li a .text h4 img {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: .25em;

    max-width: 1em;

    height: auto;

    -o-object-fit: contain;

    object-fit: contain

}



.hwebsite_process_cont ul li a .text p {

    font-size: 24px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: #fff;

    height: 3em;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-top: .2em

}



.hwebsite_process_cont ul li:nth-child(n+2) {

    margin-top: 4.4%

}



@media (max-width:900px) {

    .hwebsite_process_cont {

        padding: 5% 4%;

        max-width: 100%

    }



    .hwebsite_process_cont ul li a {

        border-radius: 24px

    }



    .hwebsite_process_cont ul li a .text h4 {

        font-size: 4.9vw

    }



    .hwebsite_process_cont ul li a .text p {

        font-size: 2.7vw

    }

}



@media (max-width:500px) {

    .hwebsite_process_cont {

        padding: 32px 15px;

        max-width: 100%

    }



    .hwebsite_process_cont ul li a {

        border-radius: 15px

    }



    .hwebsite_process_cont ul li a .text h4 {

        font-size: 18px;

        line-height: 2

    }



    .hwebsite_process_cont ul li a .text h4 img {

        width: 24px;

        max-width: 24px;

        margin-right: .5em

    }



    .hwebsite_process_cont ul li a .text p {

        font-size: 14px;

        margin-top: 1em

    }

}



@media (max-width:400px) {

    .hwebsite_process_cont {

        padding: 32px 12px;

        max-width: 100%

    }



    .hwebsite_process_cont ul li a {

        border-radius: 10px

    }



    .hwebsite_process_cont ul li a .text h4 {

        font-size: 18px

    }



    .hwebsite_process_cont ul li a .text p {

        font-size: 13px

    }

}



.hwebsite_scenes_cont {

    padding: 5% 20px

}



.hwebsite_scenes_cont ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.hwebsite_scenes_cont ul li {

    width: 18.8%

}



.hwebsite_scenes_cont ul li a {

    display: block;

    position: relative

}



.hwebsite_scenes_cont ul li a .img {

    width: 100%;

    overflow: hidden

}



.hwebsite_scenes_cont ul li a .img img {

    width: 100%

}



.hwebsite_scenes_cont ul li a .text {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 5% 4%

}



.hwebsite_scenes_cont ul li a .text h4 {

    font-size: 24px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: #fff;

    display: block;

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.hwebsite_scenes_cont ul li:nth-child(n+6) {

    margin-top: 2.2%

}



@media (max-width:1200px) {

    .hwebsite_scenes_cont ul li a .text h4 {

        font-size: 2vw

    }

}



@media (max-width:640px) {

    .hwebsite_scenes_cont {

        padding: 20px 12px

    }



    .hwebsite_scenes_cont ul li {

        width: calc(50% - 8px)

    }



    .hwebsite_scenes_cont ul li a .text h4 {

        font-size: 4vw

    }



    .hwebsite_scenes_cont ul li:nth-child(n+3) {

        margin-top: 16px

    }

}



@media (max-width:400px) {

    .hwebsite_scenes_cont ul li {

        width: calc(50% - 5px)

    }



    .hwebsite_scenes_cont ul li a .text h4 {

        font-size: 4vw

    }



    .hwebsite_scenes_cont ul li:nth-child(n+3) {

        margin-top: 10px

    }

}



.svideoo_banner {

    max-width: 1200px;

    display: block;

    margin: 0 auto

}



.svideoo_banner .dy_wh1200 {

    padding: 10% 0 63%

}



.svideoo_banner .wzs {

    text-align: center;

    padding: 0 4%

}



.svideoo_banner .wzs h2 {

    margin: 0;

    font-size: 110px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1;

    letter-spacing: 0;

    color: #52fdf9

}



.svideoo_banner .wzs h3 {

    margin: 4.2% 0 0;

    font-size: 60px;

    letter-spacing: -.025em

}



.svideoo_banner .wzs h3,

.svideoo_banner .wzs h4 {

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    color: #fff

}



.svideoo_banner .wzs h4 {

    margin: 2.5% 0 0;

    font-size: 36px;

    letter-spacing: 0;

    display: inline-block;

    padding: 0 1.5em;

    background: url("//static.cn86.cn/img/2022/11/685e1d66794ulew5.png") no-repeat 100%, url("//static.cn86.cn/img/2022/11/10ea73583cyzqrpo.png") no-repeat 0;

    background-size: .94em auto

}



.svideoo_banner .wzs h5 {

    margin: .9% 0 0;

    font-size: 18px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: #fff

}



@media (max-width:1200px) {

    .svideoo_banner .wzs h2 {

        font-size: 9.1vw

    }



    .svideoo_banner .wzs h3 {

        font-size: 5vw

    }



    .svideoo_banner .wzs h4 {

        font-size: 3vw

    }



    .svideoo_banner .wzs h5 {

        font-size: 1.5vw

    }

}



@media (max-width:990px) {

    .svideoo_banner .wzs h5 {

        font-size: 12px

    }

}



@media (max-width:640px) {

    .svideoo_banner .wzs h4 {

        font-size: 14px

    }



    .svideoo_banner .wzs h5 {

        margin-top: 5px

    }

}



.svideoo_title {

    position: relative;

    text-align: center;

    padding: 3.2% 4% 1.8%;

    background-color: #52fdf9

}



.svideoo_title h3 {

    position: relative;

    z-index: 10;

    font-size: 60px;

    font-weight: 700;

    line-height: 1.5;

    color: #000

}



.svideoo_title h3,

.svideoo_title h4 {

    font-stretch: normal;

    letter-spacing: 0;

    margin: 0

}



.svideoo_title h4 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 178px;

    font-weight: 400;

    line-height: 1;

    position: absolute;

    z-index: 1;

    left: 0;

    top: 0;

    width: 100%;

    color: rgba(0, 0, 0, .05)

}



.svideoo_title h5 {

    margin: 0;

    position: relative;

    z-index: 10;

    font-size: 18px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: rgba(0, 0, 0, .5);

    margin-top: .25em;

    min-height: 1.5em

}



.svideoo_title.white {

    background-color: transparent

}



.svideoo_title.white h3 {

    color: #fff

}



.svideoo_title.white h4 {

    color: hsla(0, 0%, 100%, .05)

}



.svideoo_title.white h5 {

    color: hsla(0, 0%, 100%, .5)

}



@media (max-width:1200px) {

    .svideoo_title h3 {

        font-size: 5vw

    }



    .svideoo_title h4 {

        font-size: 14.8vw

    }



    .svideoo_title h5 {

        font-size: 1.5vw

    }

}



@media (max-width:990px) {

    .svideoo_title h5 {

        font-size: 14px

    }

}



@media (max-width:640px) {

    .svideoo_title h3 {

        font-size: 22px

    }



    .svideoo_title h4 {

        font-size: 64px

    }



    .svideoo_title h5 {

        font-size: 13px

    }

}



@media (max-width:400px) {

    .svideoo_title h4 {

        font-size: 56px

    }

}



.svideoo_production {

    background-color: #000

}



.svideoo_production .dy_wh1200 {

    padding: 3.75% 0 4.5%

}



.svideoo_production .svideoo_title h4 {

    font-weight: 700

}



.svideoo_production_cont {

    max-width: 970px;

    margin: 5% auto 0

}



.svideoo_production_cont ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.svideoo_production_cont ul li {

    max-width: 130px;

    width: 13.4%

}



.svideoo_production_cont ul li .img {

    width: 100%;

    display: block;

    text-align: center

}



.svideoo_production_cont ul li .img img {

    width: 100%

}



@media (max-width:990px) {

    .svideoo_production_cont {

        padding: 0 15px

    }

}



.svideoo_consult1,

.svideoo_consult2,

.svideoo_consult3 {

    background-image: url("//static.cn86.cn/img/2022/10/6da7fb6bf7vzhdhb.jpg")

}



.svideoo_consult1 h4,

.svideoo_consult2 h4,

.svideoo_consult3 h4 {

    font-weight: 700

}



.svideoo_consult1 .zx_message,

.svideoo_consult2 .zx_message,

.svideoo_consult3 .zx_message {

    font-weight: 700;

    background-color: #52fdf9;

    color: #000

}



.svideoo_troubled {

    background-image: url("//static.cn86.cn/img/2022/11/3e1899a3bd3mlfwv.png");

    background-size: auto

}



.svideoo_troubled_cont {

    padding: 5.2% 15px;

    max-width: 1130px

}



.svideoo_troubled_cont ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.svideoo_troubled_cont ul li {

    text-align: center;

    width: 23.5%;

    padding: 2.1% 0 1.5%;

    max-width: 260px

}



.svideoo_troubled_cont ul li .img img {

    max-width: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.svideoo_troubled_cont ul li .text h4 {

    font-size: 24px;

    font-weight: 700;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: #000;

    margin: .3em 0 0

}



.svideoo_troubled_cont ul li .text p {

    font-size: 16px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.75;

    letter-spacing: 0;

    color: #999;

    display: block;

    margin: .5em auto 0

}



.svideoo_troubled_cont ul li:nth-child(2) .text p {

    width: 8em

}



.svideoo_troubled_cont ul li:nth-child(3) .text p {

    width: 12em

}



@media (max-width:1024px) {

    .svideoo_troubled_cont ul li .img img {

        height: 70px

    }



    .svideoo_troubled_cont ul li .text h4 {

        font-size: 20px

    }



    .svideoo_troubled_cont ul li .text p {

        font-size: 14px

    }

}



@media (max-width:768px) {

    .svideoo_troubled_cont ul {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -ms-flex-pack: distribute;

        justify-content: space-around

    }



    .svideoo_troubled_cont ul li {

        width: 47%

    }



    .svideoo_troubled_cont ul li .img img {

        height: 64px

    }



    .svideoo_troubled_cont ul li:nth-child(n+3) {

        margin-top: 20px

    }

}



@media (max-width:500px) {

    .svideoo_troubled_cont {

        padding: 32px 20px

    }



    .svideoo_troubled_cont ul {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between

    }



    .svideoo_troubled_cont ul li {

        width: 45%

    }



    .svideoo_troubled_cont ul li .img img {

        height: 50px

    }



    .svideoo_troubled_cont ul li .text h4 {

        font-size: 18px

    }

}



.svideoo_service {

    background-image: url("//static.cn86.cn/img/2022/11/c959be0539ksw1az.jpg")

}



.svideoo_service .dy_wh1200 {

    padding: 5% 0 6%

}



.svideoo_service_cont {

    margin: 0 auto;

    margin-top: 5%;

    max-width: 884px

}



.svideoo_service_cont ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.svideoo_service_cont ul li {

    width: 32%;

    max-width: 242px

}



.svideoo_service_cont ul li a {

    display: block;

    pointer-events: none;

    text-align: center

}



.svideoo_service_cont ul li a .img img {

    max-width: 100%

}



.svideoo_service_cont ul li a .text h4 {

    font-size: 20px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: #52fdf9;

    margin: .8em auto 0

}



.svideoo_service_cont ul li a .text p {

    font-size: 16px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: hsla(0, 0%, 100%, .5);

    margin-top: .4em;

    max-width: 220px

}



.svideoo_service_cont ul li:nth-child(n+4) {

    margin-top: 5%

}



@media (max-width:900px) {

    .svideoo_service_cont {

        padding: 0 4%

    }

}



@media (max-width:768px) {

    .svideoo_service_cont ul li a .img img {

        height: 70px

    }



    .svideoo_service_cont ul li a .text h4 {

        font-size: 17px

    }



    .svideoo_service_cont ul li a .text p {

        font-size: 14px;

        margin-top: .8em

    }

}



@media (max-width:640px) {

    .svideoo_service .dy_wh1200 {

        padding: 8% 0 10%

    }



    .svideoo_service_cont {

        margin-top: 8%;

        padding: 0 15px

    }



    .svideoo_service_cont ul li {

        width: 48%

    }



    .svideoo_service_cont ul li a .img img {

        height: 50px

    }



    .svideoo_service_cont ul li a .text h4 {

        font-size: 16px

    }



    .svideoo_service_cont ul li a .text p {

        font-size: 13px

    }



    .svideoo_service_cont ul li:nth-child(n+3) {

        margin-top: 8%

    }

}



.svideoo_about {

    padding-bottom: 1.6%

}



.svideoo_about_cont {

    background-image: url("//static.cn86.cn/img/2022/11/627dce9570ei6kxh.png");

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: cover;

    padding: 8.6% 2.2% 7.5%

}



.svideoo_about_cont ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.svideoo_about_cont ul li {

    text-align: center

}



.svideoo_about_cont ul li h4 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-family: Arial;

    font-size: 36px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1;

    letter-spacing: 0;

    color: #000;

    margin: 0

}



.svideoo_about_cont ul li h4 img {

    height: 2.05em;

    width: auto;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 5px

}



.svideoo_about_cont ul li p {

    font-size: 24px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: .05em;

    color: #000;

    margin-top: .5em

}



.svideoo_about_cont_bottom {

    margin-top: 6.2%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.svideoo_about_cont_bottom .left {

    width: 59.1%

}



.svideoo_about_cont_bottom .left img {

    max-width: 100%

}



.svideoo_about_cont_bottom .right {

    width: 37%;

    padding-top: 1.2%

}



.svideoo_about_cont_bottom .right .right_li {

    background-color: #52fdf9;

    border-radius: 5px;

    padding: 2.3%

}



.svideoo_about_cont_bottom .right .right_li .xt {

    border-radius: 5px;

    border: 1px solid #fff;

    padding: 5% 4%

}



.svideoo_about_cont_bottom .right .right_li h5 {

    font-size: 22px;

    font-weight: 700;

    margin: 0

}



.svideoo_about_cont_bottom .right .right_li h5,

.svideoo_about_cont_bottom .right .right_li p {

    font-stretch: normal;

    line-height: 1.5;

    letter-spacing: 0;

    color: #000;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.svideoo_about_cont_bottom .right .right_li p {

    font-size: 17px;

    font-weight: 400;

    margin-top: .5em

}



.svideoo_about_cont_bottom .right .right_li:nth-child(n+2) {

    margin-top: 2.5%

}



@media (max-width:1200px) {

    .svideoo_about_cont ul li h4 {

        font-size: 3vw

    }



    .svideoo_about_cont ul li p {

        font-size: 2vw

    }



    .svideoo_about_cont_bottom .right .right_li h5 {

        font-size: 1.84vw

    }



    .svideoo_about_cont_bottom .right .right_li p {

        font-size: 1.42vw

    }

}



@media (max-width:990px) {

    .svideoo_about_cont ul li h4 {

        font-size: 3vw

    }



    .svideoo_about_cont ul li p {

        font-size: 2vw

    }



    .svideoo_about_cont_bottom .right .right_li h5 {

        font-size: 18px

    }



    .svideoo_about_cont_bottom .right .right_li p {

        font-size: 14px

    }

}



@media (max-width:768px) {

    .svideoo_about_cont ul li h4 {

        font-size: 20px

    }



    .svideoo_about_cont ul li p {

        font-size: 14px

    }



    .svideoo_about_cont_bottom {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-flow: column;

        flex-flow: column

    }



    .svideoo_about_cont_bottom .left {

        width: 100%;

        text-align: center

    }



    .svideoo_about_cont_bottom .right {

        margin-top: 4%;

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .svideoo_about_cont_bottom .right .right_li {

        width: 48%

    }



    .svideoo_about_cont_bottom .right .right_li:nth-child(n+2) {

        margin-top: 0

    }



    .svideoo_about_cont_bottom .right .right_li:nth-child(n+3) {

        margin-top: 4%

    }

}



@media (max-width:640px) {

    .svideoo_about_cont ul li h4 {

        font-size: 16px

    }



    .svideoo_about_cont ul li p {

        font-size: 13px

    }



    .svideoo_about_cont_bottom .right .right_li {

        width: 100%

    }



    .svideoo_about_cont_bottom .right .right_li:nth-child(n+2) {

        margin-top: 10px

    }

}



.svideoo_combo {

    background-image: url("//static.cn86.cn/img/2022/11/8daa0f9e25auurum.jpg");

    background-position: bottom;

    padding-bottom: 6.7%

}



.svideoo_combo_cont img {

    width: 100%

}



@media (max-width:768px) {

    .svideoo_combo {

        display: none

    }

}



.svideoo_tikTok {

    background-color: #ecf6f6

}



.svideoo_tikTok_cont {

    padding: 4% 15px 6%

}



.svideoo_tikTok_cont ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.svideoo_tikTok_cont ul li {

    width: 32%

}



.svideoo_tikTok_cont ul li a {

    pointer-events: none;

    border-radius: 10px;

    overflow: hidden;

    display: block;

    -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;

    box-shadow: -3px 5.2px 6px 0 #d6d6d6

}



.svideoo_tikTok_cont ul li a .img {

    margin: 0

}



.svideoo_tikTok_cont ul li a .img img {

    width: 100%

}



.svideoo_tikTok_cont ul li a .text {

    margin: 0;

    background-color: #fff;

    text-align: center;

    padding: 3.7% 12px

}



.svideoo_tikTok_cont ul li a .text h4 {

    font-size: 22px;

    font-weight: 400;

    font-stretch: normal;

    line-height: 2;

    letter-spacing: 0;

    color: #000;

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block

}



@media (max-width:1200px) {

    .svideoo_tikTok_cont ul li a .text h4 {

        font-size: 1.84vw

    }

}



@media (max-width:640px) {

    .svideoo_tikTok_cont {

        padding: 32px 15px 30px

    }



    .svideoo_tikTok_cont ul {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .svideoo_tikTok_cont ul li {

        width: 100%

    }



    .svideoo_tikTok_cont ul li a .text h4 {

        font-size: 16px

    }



    .svideoo_tikTok_cont ul li:nth-child(n+2) {

        margin-top: 24px

    }

}



#package {

    background: #f5f5f7

}



.tableDiv {

    height: auto;

    margin-top: 30px;

    width: 100%;

    margin: 0 auto;

    padding: 20px 0

}



.tableDiv .table-fixed {

    position: fixed;

    width: 100%;

    z-index: 1000;

    left: 50%;

    top: 70px;

    display: none;

    max-width: 1200px;

    margin-left: -600px;

    padding: 0 15px

}



.tableDiv .table-fixed .fixed-title {

    width: 100%;

    margin: 0 auto

}



.tableDiv .table-fixed .fixed-title .table-cell {

    border-bottom: 1px solid #f0f0f5

}



.tableDiv .table-fixed .fixed-title .version .table-cell-free {

    border-top: none;

    border-bottom: 4px solid red;

    height: auto

}



.tableDiv .table-fixed .fixed-title .version .table-cell-stand {

    border-top: none;

    border-bottom: 4px solid #ff7d00;

    height: auto

}



.tableDiv .table-fixed .fixed-title .version .table-cell-pro {

    border-top: none;

    border-bottom: 4px solid #ff0;

    height: auto

}



.tableDiv .table-fixed .fixed-title .version .table-cell-crown {

    border-top: none;

    border-bottom: 4px solid #0f0;

    height: auto

}



.tableDiv .table-fixed .fixed-title .version .table-cell-empty {

    border-top: none;

    border-bottom: 4px solid #0ff;

    height: 144px

}



.tableDiv .table-fixed .fixed-title .version .table-cell-xiang {

    border-top: none;

    border-bottom: 4px solid #00f;

    height: auto

}



.tableDiv .table-fixed .fixed-title .version .table-cell-fu {

    border-top: none;

    border-bottom: 4px solid #f0f;

    height: auto

}



.tableDiv .table-fixed.active {

    display: block

}



.tableDiv .table-title {

    width: auto;

    height: 140px;

    margin-bottom: 0

}



.tableDiv .table-title .table-classic-area {

    width: 116px;

    height: 82px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -58px;

    margin-top: -42px

}



.tableDiv .table-title .table-classic-area .f-tri {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0;

    border-right: 58px solid transparent;

    border-left: 58px solid #e3e3e6;

    border-top: 41px solid transparent;

    border-bottom: 41px solid #e3e3e6

}



.tableDiv .table-title .table-classic-area .f-whiteTri {

    top: 1px;

    border-bottom-color: #fff;

    border-left-color: #fff

}



.tableDiv .table-title .table-classic-bottom,

.tableDiv .table-title .table-classic-top {

    width: auto;

    height: auto;

    position: absolute;

    z-index: 1;

    font-size: 16px;

    font-family: \\5FAE\8F6F\96C5\9ED1;

    color: #333

}



.tableDiv .table-title .table-classic-top {

    top: 0;

    right: 0

}



.tableDiv .table-title .table-classic-bottom {

    bottom: 0;

    left: 0

}



.tableDiv .table-cell {

    border-right: 1px solid #f0f0f5;

    font-size: 16px;

    font-family: \\5FAE\8F6F\96C5\9ED1;

    color: #333;

    height: 139px;

    background: #fff;

    float: left;

    text-align: center;

    width: 12.83333%

}



.tableDiv .table-classic {

    border-top-left-radius: 7px;

    position: relative

}



.tableDiv .table-cell-mid {

    width: 23%

}



.tableDiv .version {

    line-height: 140px

}



.tableDiv .version .table-cell-free {

    border-top: 4px solid red;

    height: 285px

}



.tableDiv .version .table-cell-stand {

    border-top: 4px solid #ff7d00;

    height: 285px

}



.tableDiv .version .table-cell-pro {

    border-top: 4px solid #ff0;

    height: 285px

}



.tableDiv .version .table-cell-crown {

    border-top: 4px solid #0f0;

    height: 285px

}



.tableDiv .version .table-cell-empty {

    border-top: 4px solid #0ff;

    height: 285px

}



.tableDiv .version .table-cell-xiang {

    border-top: 4px solid #00f;

    height: 285px

}



.tableDiv .version .table-cell-fu {

    border-top: 4px solid #f0f;

    height: 285px;

    border-top-right-radius: 7px

}



.tableDiv .site {

    border-top-right-radius: 7px

}



.tableDiv .table-content {

    height: auto;

    text-align: center

}



.tableDiv .table-content table {

    margin-bottom: 4px;

    border-collapse: collapse

}



.tableDiv .table-content table .table-func-row {

    background: #fff

}



.tableDiv .table-content table .table-func-row .smallDesc {

    color: #666;

    font-size: 12px;

    font-family: \\5FAE\8F6F\96C5\9ED1;

    display: block

}



.tableDiv .table-content table .table-func-row .table-func-desc {

    width: 12%;

    background: #fff;

    font-size: 16px;

    font-family: \\5FAE\8F6F\96C5\9ED1;

    color: #333;

    border-right: 1px solid #f0f0f5;

    border-bottom: 1px solid #f0f0f5

}



.tableDiv .table-content table .table-func-row .table-func-title {

    width: 11%;

    font-size: 14px;

    font-family: \\5FAE\8F6F\96C5\9ED1;

    color: #333;

    height: 60px;

    border-right: 1px solid #f0f0f5;

    border-bottom: 1px solid #f0f0f5

}



.tableDiv .table-content table .table-func-row .table-func-value {

    width: 160px;

    height: 60px;

    line-height: 60px;

    font-size: 14px;

    font-family: \\5FAE\8F6F\96C5\9ED1;

    border-right: 1px solid #f0f0f5;

    border-bottom: 1px solid #f0f0f5

}



.tableDiv .table-content table .table-func-row .icon-no {

    width: 16px;

    height: 16px;

    display: block;

    background-repeat: no-repeat;

    margin: 22px auto;

    background-image: url(//static.cn86.cn/img/2023/07/c81f1f42c4ozjabi.png)

}



.tableDiv .table-content table .table-func-row .icon-yes {

    width: 24px;

    height: 16px;

    display: block;

    background-repeat: no-repeat;

    margin: 22px auto;

    background-image: url(//static.cn86.cn/img/2023/07/0858c362d7s1qrxi.png)

}



.floatTool {

    width: 96px;

    height: 200px;

    position: fixed;

    font-family: \\5FAE\8F6F\96C5\9ED1;

    font-size: 14px;

    z-index: 10000;

    margin-top: 400px;

    top: 0;

    bottom: 5%;

    margin-left: -115px

}



.floatTool .point {

    position: absolute;

    width: 9px;

    height: 9px;

    background-color: #98afd2;

    border-radius: 4.5px;

    right: 1px

}



.floatTool .point0 {

    top: 76px

}



.floatTool .point1 {

    top: 109px

}



.floatTool .point2 {

    top: 142px

}



.floatTool .point3 {

    top: 175px

}



.floatTool .title {

    width: 90px;

    height: 100%;

    float: left;

    margin-top: 63px

}



.floatTool .title .option {

    width: 80px;

    height: 33px;

    line-height: 33px;

    text-align: right;

    font-size: 13px;

    color: #a5a8b2;

    cursor: pointer

}



.floatTool .title .option.active {

    color: #333

}



.floatTool .ruler {

    width: 1px;

    height: 125%;

    float: left;

    border: 1px solid #e3e3e6

}



.am-container {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-left: auto;

    margin-right: auto;

    max-width: 1500px

}



.am-container:after,

.am-container:before {

    content: " ";

    display: table

}



.am-container:after {

    clear: both

}



.am-container>.am-g {

    width: auto;

    margin-left: -1rem;

    margin-right: -1rem

}



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

    .am-container>.am-g {

        margin-left: -1.5rem;

        margin-right: -1.5rem

    }

}



.am-g {

    margin: 0 auto;

    width: 100%

}



.am-g:after,

.am-g:before {

    content: " ";

    display: table

}



.am-g:after {

    clear: both

}



.am-g .am-g {

    margin-left: -1rem;

    margin-right: -1rem;

    width: auto

}



.am-g .am-g.am-g-collapse {

    margin-left: 0;

    margin-right: 0;

    width: auto

}



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

    .am-g .am-g {

        margin-left: -1.5rem;

        margin-right: -1.5rem

    }

}



.am-g.am-g-collapse .am-g {

    margin-left: 0;

    margin-right: 0

}



.am-g-collapse [class*=am-u-] {

    padding-left: 0;

    padding-right: 0

}



.am-g-fixed {

    max-width: 1200px

}



[class*=am-u-] {

    width: 100%;

    float: left;

    position: relative

}



[class*=am-u-]+[class*=am-u-]:last-child {

    float: right

}



[class*=am-u-]+[class*=am-u-].am-u-end {

    float: left

}



[class*=am-u-pull-] {

    left: auto

}



[class*=am-u-push-] {

    right: auto

}



@media only screen {

    .am-u-sm-1 {

        width: 8.33333333%

    }



    .am-u-sm-2 {

        width: 16.66666667%

    }



    .am-u-sm-3 {

        width: 25%

    }



    .am-u-sm-4 {

        width: 33.33333333%

    }



    .am-u-sm-5 {

        width: 41.66666667%

    }



    .am-u-sm-6 {

        width: 50%

    }



    .am-u-sm-7 {

        width: 58.33333333%

    }



    .am-u-sm-8 {

        width: 66.66666667%

    }



    .am-u-sm-9 {

        width: 75%

    }



    .am-u-sm-10 {

        width: 83.33333333%

    }



    .am-u-sm-11 {

        width: 91.66666667%

    }



    .am-u-sm-12 {

        width: 100%

    }



    .am-u-sm-pull-0 {

        right: 0

    }



    .am-u-sm-pull-1 {

        right: 8.33333333%

    }



    .am-u-sm-pull-2 {

        right: 16.66666667%

    }



    .am-u-sm-pull-3 {

        right: 25%

    }



    .am-u-sm-pull-4 {

        right: 33.33333333%

    }



    .am-u-sm-pull-5 {

        right: 41.66666667%

    }



    .am-u-sm-pull-6 {

        right: 50%

    }



    .am-u-sm-pull-7 {

        right: 58.33333333%

    }



    .am-u-sm-pull-8 {

        right: 66.66666667%

    }



    .am-u-sm-pull-9 {

        right: 75%

    }



    .am-u-sm-pull-10 {

        right: 83.33333333%

    }



    .am-u-sm-pull-11 {

        right: 91.66666667%

    }



    .am-u-sm-push-0 {

        left: 0

    }



    .am-u-sm-push-1 {

        left: 8.33333333%

    }



    .am-u-sm-push-2 {

        left: 16.66666667%

    }



    .am-u-sm-push-3 {

        left: 25%

    }



    .am-u-sm-push-4 {

        left: 33.33333333%

    }



    .am-u-sm-push-5 {

        left: 41.66666667%

    }



    .am-u-sm-push-6 {

        left: 50%

    }



    .am-u-sm-push-7 {

        left: 58.33333333%

    }



    .am-u-sm-push-8 {

        left: 66.66666667%

    }



    .am-u-sm-push-9 {

        left: 75%

    }



    .am-u-sm-push-10 {

        left: 83.33333333%

    }



    .am-u-sm-push-11 {

        left: 91.66666667%

    }



    .am-u-sm-offset-0 {

        margin-left: 0

    }



    .am-u-sm-offset-1 {

        margin-left: 8.33333333%

    }



    .am-u-sm-offset-2 {

        margin-left: 16.66666667%

    }



    .am-u-sm-offset-3 {

        margin-left: 25%

    }



    .am-u-sm-offset-4 {

        margin-left: 33.33333333%

    }



    .am-u-sm-offset-5 {

        margin-left: 41.66666667%

    }



    .am-u-sm-offset-6 {

        margin-left: 50%

    }



    .am-u-sm-offset-7 {

        margin-left: 58.33333333%

    }



    .am-u-sm-offset-8 {

        margin-left: 66.66666667%

    }



    .am-u-sm-offset-9 {

        margin-left: 75%

    }



    .am-u-sm-offset-10 {

        margin-left: 83.33333333%

    }



    .am-u-sm-offset-11 {

        margin-left: 91.66666667%

    }



    .am-u-sm-reset-order {

        margin-left: 0;

        margin-right: 0;

        left: auto;

        right: auto;

        float: left

    }



    [class*=am-u-].am-u-sm-centered {

        margin-left: auto;

        margin-right: auto;

        float: none

    }



    [class*=am-u-].am-u-sm-centered:last-child {

        float: none

    }



    [class*=am-u-].am-u-sm-uncentered {

        margin-left: 0;

        margin-right: 0;

        float: left

    }



    [class*=am-u-].am-u-sm-uncentered:last-child {

        float: left

    }

}



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

    .am-u-md-1 {

        width: 8.33333333%

    }



    .am-u-md-2 {

        width: 16.66666667%

    }



    .am-u-md-3 {

        width: 25%

    }



    .am-u-md-4 {

        width: 33.33333333%

    }



    .am-u-md-5 {

        width: 41.66666667%

    }



    .am-u-md-6 {

        width: 50%

    }



    .am-u-md-7 {

        width: 58.33333333%

    }



    .am-u-md-8 {

        width: 66.66666667%

    }



    .am-u-md-9 {

        width: 75%

    }



    .am-u-md-10 {

        width: 83.33333333%

    }



    .am-u-md-11 {

        width: 91.66666667%

    }



    .am-u-md-12 {

        width: 100%

    }



    .am-u-md-pull-0 {

        right: 0

    }



    .am-u-md-pull-1 {

        right: 8.33333333%

    }



    .am-u-md-pull-2 {

        right: 16.66666667%

    }



    .am-u-md-pull-3 {

        right: 25%

    }



    .am-u-md-pull-4 {

        right: 33.33333333%

    }



    .am-u-md-pull-5 {

        right: 41.66666667%

    }



    .am-u-md-pull-6 {

        right: 50%

    }



    .am-u-md-pull-7 {

        right: 58.33333333%

    }



    .am-u-md-pull-8 {

        right: 66.66666667%

    }



    .am-u-md-pull-9 {

        right: 75%

    }



    .am-u-md-pull-10 {

        right: 83.33333333%

    }



    .am-u-md-pull-11 {

        right: 91.66666667%

    }



    .am-u-md-push-0 {

        left: 0

    }



    .am-u-md-push-1 {

        left: 8.33333333%

    }



    .am-u-md-push-2 {

        left: 16.66666667%

    }



    .am-u-md-push-3 {

        left: 25%

    }



    .am-u-md-push-4 {

        left: 33.33333333%

    }



    .am-u-md-push-5 {

        left: 41.66666667%

    }



    .am-u-md-push-6 {

        left: 50%

    }



    .am-u-md-push-7 {

        left: 58.33333333%

    }



    .am-u-md-push-8 {

        left: 66.66666667%

    }



    .am-u-md-push-9 {

        left: 75%

    }



    .am-u-md-push-10 {

        left: 83.33333333%

    }



    .am-u-md-push-11 {

        left: 91.66666667%

    }



    .am-u-md-offset-0 {

        margin-left: 0

    }



    .am-u-md-offset-1 {

        margin-left: 8.33333333%

    }



    .am-u-md-offset-2 {

        margin-left: 16.66666667%

    }



    .am-u-md-offset-3 {

        margin-left: 25%

    }



    .am-u-md-offset-4 {

        margin-left: 33.33333333%

    }



    .am-u-md-offset-5 {

        margin-left: 41.66666667%

    }



    .am-u-md-offset-6 {

        margin-left: 50%

    }



    .am-u-md-offset-7 {

        margin-left: 58.33333333%

    }



    .am-u-md-offset-8 {

        margin-left: 66.66666667%

    }



    .am-u-md-offset-9 {

        margin-left: 75%

    }



    .am-u-md-offset-10 {

        margin-left: 83.33333333%

    }



    .am-u-md-offset-11 {

        margin-left: 91.66666667%

    }



    .am-u-md-reset-order {

        margin-left: 0;

        margin-right: 0;

        left: auto;

        right: auto;

        float: left

    }



    [class*=am-u-].am-u-md-centered {

        margin-left: auto;

        margin-right: auto;

        float: none

    }



    [class*=am-u-].am-u-md-centered:last-child {

        float: none

    }



    [class*=am-u-].am-u-md-uncentered {

        margin-left: 0;

        margin-right: 0;

        float: left

    }



    [class*=am-u-].am-u-md-uncentered:last-child {

        float: left

    }

}



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

    .am-u-lg-1 {

        width: 8.33333333%

    }



    .am-u-lg-2 {

        width: 16.66666667%

    }



    .am-u-lg-3 {

        width: 25%

    }



    .am-u-lg-4 {

        width: 33.33333333%

    }



    .am-u-lg-5 {

        width: 41.66666667%

    }



    .am-u-lg-6 {

        width: 50%

    }



    .am-u-lg-7 {

        width: 58.33333333%

    }



    .am-u-lg-8 {

        width: 66.66666667%

    }



    .am-u-lg-9 {

        width: 75%

    }



    .am-u-lg-10 {

        width: 83.33333333%

    }



    .am-u-lg-11 {

        width: 91.66666667%

    }



    .am-u-lg-12 {

        width: 100%

    }



    .am-u-lg-pull-0 {

        right: 0

    }



    .am-u-lg-pull-1 {

        right: 8.33333333%

    }



    .am-u-lg-pull-2 {

        right: 16.66666667%

    }



    .am-u-lg-pull-3 {

        right: 25%

    }



    .am-u-lg-pull-4 {

        right: 33.33333333%

    }



    .am-u-lg-pull-5 {

        right: 41.66666667%

    }



    .am-u-lg-pull-6 {

        right: 50%

    }



    .am-u-lg-pull-7 {

        right: 58.33333333%

    }



    .am-u-lg-pull-8 {

        right: 66.66666667%

    }



    .am-u-lg-pull-9 {

        right: 75%

    }



    .am-u-lg-pull-10 {

        right: 83.33333333%

    }



    .am-u-lg-pull-11 {

        right: 91.66666667%

    }



    .am-u-lg-push-0 {

        left: 0

    }



    .am-u-lg-push-1 {

        left: 8.33333333%

    }



    .am-u-lg-push-2 {

        left: 16.66666667%

    }



    .am-u-lg-push-3 {

        left: 25%

    }



    .am-u-lg-push-4 {

        left: 33.33333333%

    }



    .am-u-lg-push-5 {

        left: 41.66666667%

    }



    .am-u-lg-push-6 {

        left: 50%

    }



    .am-u-lg-push-7 {

        left: 58.33333333%

    }



    .am-u-lg-push-8 {

        left: 66.66666667%

    }



    .am-u-lg-push-9 {

        left: 75%

    }



    .am-u-lg-push-10 {

        left: 83.33333333%

    }



    .am-u-lg-push-11 {

        left: 91.66666667%

    }



    .am-u-lg-offset-0 {

        margin-left: 0

    }



    .am-u-lg-offset-1 {

        margin-left: 8.33333333%

    }



    .am-u-lg-offset-2 {

        margin-left: 16.66666667%

    }



    .am-u-lg-offset-3 {

        margin-left: 25%

    }



    .am-u-lg-offset-4 {

        margin-left: 33.33333333%

    }



    .am-u-lg-offset-5 {

        margin-left: 41.66666667%

    }



    .am-u-lg-offset-6 {

        margin-left: 50%

    }



    .am-u-lg-offset-7 {

        margin-left: 58.33333333%

    }



    .am-u-lg-offset-8 {

        margin-left: 66.66666667%

    }



    .am-u-lg-offset-9 {

        margin-left: 75%

    }



    .am-u-lg-offset-10 {

        margin-left: 83.33333333%

    }



    .am-u-lg-offset-11 {

        margin-left: 91.66666667%

    }



    .am-u-lg-reset-order {

        margin-left: 0;

        margin-right: 0;

        left: auto;

        right: auto;

        float: left

    }



    [class*=am-u-].am-u-lg-centered {

        margin-left: auto;

        margin-right: auto;

        float: none

    }



    [class*=am-u-].am-u-lg-centered:last-child {

        float: none

    }



    [class*=am-u-].am-u-lg-uncentered {

        margin-left: 0;

        margin-right: 0;

        float: left

    }



    [class*=am-u-].am-u-lg-uncentered:last-child {

        float: left

    }

}



[class*=am-avg-] {

    display: block;

    padding: 0;

    margin: 0;

    list-style: none

}



[class*=am-avg-]:after,

[class*=am-avg-]:before {

    content: " ";

    display: table

}



[class*=am-avg-]:after {

    clear: both

}



[class*=am-avg-]>li {

    display: block;

    height: auto;

    float: left

}



@media only screen {

    .am-avg-sm-1>li {

        width: 100%

    }



    .am-avg-sm-1>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-1>li:nth-of-type(1n+1) {

        clear: both

    }



    .am-avg-sm-2>li {

        width: 50%

    }



    .am-avg-sm-2>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-2>li:nth-of-type(odd) {

        clear: both

    }



    .am-avg-sm-3>li {

        width: 33.33333333%

    }



    .am-avg-sm-3>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-3>li:nth-of-type(3n+1) {

        clear: both

    }



    .am-avg-sm-4>li {

        width: 25%

    }



    .am-avg-sm-4>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-4>li:nth-of-type(4n+1) {

        clear: both

    }



    .am-avg-sm-5>li {

        width: 20%

    }



    .am-avg-sm-5>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-5>li:nth-of-type(5n+1) {

        clear: both

    }



    .am-avg-sm-6>li {

        width: 16.66666667%

    }



    .am-avg-sm-6>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-6>li:nth-of-type(6n+1) {

        clear: both

    }



    .am-avg-sm-7>li {

        width: 14.28571429%

    }



    .am-avg-sm-7>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-7>li:nth-of-type(7n+1) {

        clear: both

    }



    .am-avg-sm-8>li {

        width: 12.5%

    }



    .am-avg-sm-8>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-8>li:nth-of-type(8n+1) {

        clear: both

    }



    .am-avg-sm-9>li {

        width: 11.11111111%

    }



    .am-avg-sm-9>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-9>li:nth-of-type(9n+1) {

        clear: both

    }



    .am-avg-sm-10>li {

        width: 10%

    }



    .am-avg-sm-10>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-10>li:nth-of-type(10n+1) {

        clear: both

    }



    .am-avg-sm-11>li {

        width: 9.09090909%

    }



    .am-avg-sm-11>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-11>li:nth-of-type(11n+1) {

        clear: both

    }



    .am-avg-sm-12>li {

        width: 8.33333333%

    }



    .am-avg-sm-12>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-sm-12>li:nth-of-type(12n+1) {

        clear: both

    }

}



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

    .am-avg-md-1>li {

        width: 100%

    }



    .am-avg-md-1>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-1>li:nth-of-type(1n+1) {

        clear: both

    }



    .am-avg-md-2>li {

        width: 50%

    }



    .am-avg-md-2>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-2>li:nth-of-type(odd) {

        clear: both

    }



    .am-avg-md-3>li {

        width: 33.33333333%

    }



    .am-avg-md-3>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-3>li:nth-of-type(3n+1) {

        clear: both

    }



    .am-avg-md-4>li {

        width: 25%

    }



    .am-avg-md-4>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-4>li:nth-of-type(4n+1) {

        clear: both

    }



    .am-avg-md-5>li {

        width: 20%

    }



    .am-avg-md-5>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-5>li:nth-of-type(5n+1) {

        clear: both

    }



    .am-avg-md-6>li {

        width: 16.66666667%

    }



    .am-avg-md-6>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-6>li:nth-of-type(6n+1) {

        clear: both

    }



    .am-avg-md-7>li {

        width: 14.28571429%

    }



    .am-avg-md-7>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-7>li:nth-of-type(7n+1) {

        clear: both

    }



    .am-avg-md-8>li {

        width: 12.5%

    }



    .am-avg-md-8>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-8>li:nth-of-type(8n+1) {

        clear: both

    }



    .am-avg-md-9>li {

        width: 11.11111111%

    }



    .am-avg-md-9>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-9>li:nth-of-type(9n+1) {

        clear: both

    }



    .am-avg-md-10>li {

        width: 10%

    }



    .am-avg-md-10>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-10>li:nth-of-type(10n+1) {

        clear: both

    }



    .am-avg-md-11>li {

        width: 9.09090909%

    }



    .am-avg-md-11>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-11>li:nth-of-type(11n+1) {

        clear: both

    }



    .am-avg-md-12>li {

        width: 8.33333333%

    }



    .am-avg-md-12>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-md-12>li:nth-of-type(12n+1) {

        clear: both

    }

}



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

    .am-avg-lg-1>li {

        width: 100%

    }



    .am-avg-lg-1>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-1>li:nth-of-type(1n+1) {

        clear: both

    }



    .am-avg-lg-2>li {

        width: 50%

    }



    .am-avg-lg-2>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-2>li:nth-of-type(odd) {

        clear: both

    }



    .am-avg-lg-3>li {

        width: 33.33333333%

    }



    .am-avg-lg-3>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-3>li:nth-of-type(3n+1) {

        clear: both

    }



    .am-avg-lg-4>li {

        width: 25%

    }



    .am-avg-lg-4>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-4>li:nth-of-type(4n+1) {

        clear: both

    }



    .am-avg-lg-5>li {

        width: 20%

    }



    .am-avg-lg-5>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-5>li:nth-of-type(5n+1) {

        clear: both

    }



    .am-avg-lg-6>li {

        width: 16.66666667%

    }



    .am-avg-lg-6>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-6>li:nth-of-type(6n+1) {

        clear: both

    }



    .am-avg-lg-7>li {

        width: 14.28571429%

    }



    .am-avg-lg-7>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-7>li:nth-of-type(7n+1) {

        clear: both

    }



    .am-avg-lg-8>li {

        width: 12.5%

    }



    .am-avg-lg-8>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-8>li:nth-of-type(8n+1) {

        clear: both

    }



    .am-avg-lg-9>li {

        width: 11.11111111%

    }



    .am-avg-lg-9>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-9>li:nth-of-type(9n+1) {

        clear: both

    }



    .am-avg-lg-10>li {

        width: 10%

    }



    .am-avg-lg-10>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-10>li:nth-of-type(10n+1) {

        clear: both

    }



    .am-avg-lg-11>li {

        width: 9.09090909%

    }



    .am-avg-lg-11>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-11>li:nth-of-type(11n+1) {

        clear: both

    }



    .am-avg-lg-12>li {

        width: 8.33333333%

    }



    .am-avg-lg-12>li:nth-of-type(n) {

        clear: none

    }



    .am-avg-lg-12>li:nth-of-type(12n+1) {

        clear: both

    }

}



.web-box {

    padding: 100px 0;

    line-height: 1.6

}



.web1 {

    background: #104eaf;

    color: #fff

}



.web2 {

    background: #fff;

    color: #3c3c3c

}



.web3 {

    background: #76c03a;

    color: #fff

}



.web4 {

    background: #fff;

    color: #3c3c3c

}



.web5 {

    background: #f29000;

    color: #fff

}



.web6 {

    background: #fff;

    color: #3c3c3c

}



.web-tit h2 {

    font-size: 50px;

    font-weight: 400;

    margin: 0;

    line-height: 1.6

}



.web-tit p {

    font-size: 25px;

    margin: 0

}



.web-text {

    font-size: 16px;

    line-height: 30px;

    margin-top: 40px

}



.web-num {

    padding-top: 125px

}



.web-num1 {

    background: url(//static.cn86.cn/img/2024/08/f054afdf2ebu3rsa.png) no-repeat 0 0;

    padding-right: 60px

}



.web-num2 {

    background: url(//static.cn86.cn/img/2024/08/ac11625391w0rnjd.png) no-repeat 80px top;

    padding-left: 80px

}



.web-num3 {

    background: url(//static.cn86.cn/img/2024/08/8d5e855f18e5ww2u.png) no-repeat 0 0;

    padding-right: 60px

}



.web-num4 {

    background: url(//static.cn86.cn/img/2024/08/e227961976beycoj.png) no-repeat 80px top;

    padding-left: 80px

}



.web-num5 {

    background: url(//static.cn86.cn/img/2024/08/e340212d68xft2qq.png) no-repeat 0 0;

    padding-right: 60px

}



.web-num6 {

    background: url(//static.cn86.cn/img/2024/08/043f50d7ffqlndcz.png) no-repeat 80px top;

    padding-left: 80px

}



.web-img {

    position: relative

}



.web-img img {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



a.web-more {

    width: 260px;

    height: 56px;

    line-height: 56px;

    font-size: 18px;

    display: block;

    border-radius: 25px;

    text-indent: 60px;

    margin-top: 70px

}



a.web-more1 {

    color: #104eaf;

    background: #fff url(//static.cn86.cn/img/2024/08/6ddbca39a6xewdqw.png) no-repeat 95%

}



a.web-more2 {

    color: #fff;

    background: #104eaf url(//static.cn86.cn/img/2024/08/6930ca768d0fo3wc.png) no-repeat 95%

}



a.web-more3 {

    color: #76c13a;

    background: #fff url(//static.cn86.cn/img/2024/08/b182a70209rshzys.png) no-repeat 95%

}



a.web-more4 {

    color: #fff;

    background: #76c13a url(//static.cn86.cn/img/2024/08/916b43d918kjteel.png) no-repeat 95%

}



a.web-more5 {

    color: #f29000;

    background: #fff url(//static.cn86.cn/img/2024/08/5abaade0balgf2yu.png) no-repeat 95%

}



a.web-more6 {

    color: #fff;

    background: #f29000 url(//static.cn86.cn/img/2024/08/c3d4966cd9ileyfz.png) no-repeat 95%

}



a.web-more:hover {

    background-position: 90%

}



.web-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row

}



.web-list a,

.web-list a:hover {

    -webkit-filter: none;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.web-list img {

    max-width: 100%

}



@media (max-width:1720px) {

    .am-container {

        max-width: 1400px

    }

}



@media (max-width:1600px) {

    .am-container {

        max-width: 1320px

    }

}



@media (max-width:1400px) {

    .am-container {

        max-width: 1200px

    }

}



.am-menu-dropdown1 .am-menu-toggle {

    top: -42px

}



@media (max-width:1198px) {

    .am-container {

        padding: 0 10px

    }



    .email-list2,

    .web-list {

        display: block

    }



    .web-img img {

        position: static;

        left: 0;

        top: 0;

        -webkit-transform: translate(0);

        transform: translate(0);

        width: 80%;

        margin: 0 auto

    }



    .web-box {

        padding: 50px 0

    }



    .web-num1,

    .web-num3,

    .web-num5 {

        padding-right: 0

    }



    .web-num2,

    .web-num4,

    .web-num6 {

        background-position: 0 0

    }



    a.web-more {

        margin-top: 50px;

        width: 200px;

        font-size: 16px;

        height: 50px;

        line-height: 50px;

        text-indent: 32px;

        background-size: 18%

    }



    .web-num2,

    .web-num4,

    .web-num6 {

        padding-left: 0

    }



    .web1 .web-img,

    .web3 .web-img,

    .web5 .web-img {

        margin-top: 60px

    }



    .web2 .web-img,

    .web4 .web-img,

    .web6 .web-img {

        margin-bottom: 60px

    }

}



@media (max-width:640px) {

    .web-img img {

        width: 90%

    }



    .web-num1,

    .web-num2,

    .web-num3,

    .web-num4,

    .web-num5,

    .web-num6 {

        background-size: 50%

    }



    .web-tit h6 {

        font-size: 46px

    }



    .web-tit p {

        font-size: 23px

    }



    .web-num {

        padding-top: 80px

    }



    .web-text {

        font-size: 16px;

        margin-top: 30px

    }



    .web1 .web-img,

    .web3 .web-img,

    .web5 .web-img {

        margin-top: 40px

    }



    .web2 .web-img,

    .web4 .web-img,

    .web6 .web-img {

        margin-bottom: 40px

    }



    a.web-more {

        width: 180px;

        text-indent: 23px;

        height: 45px;

        line-height: 45px

    }

}



@media (max-width:374px) {

    .web-tit h6 {

        font-size: 44px

    }



    .web-tit p {

        font-size: 21px

    }



    .web-text {

        font-size: 15px;

        line-height: 28px

    }



    a.web-more {

        width: 170px;

        text-indent: 23px;

        margin-top: 45px

    }

}



section.slider {

    padding: 0 !important;

    overflow: hidden;

    position: relative;

    font-size: 16px

}



@media (max-width:999px) {

    section.slider {

        font-size: 14px

    }

}



section.slider .owl-carousel .owl-item img {

    display: none

}



@media (max-width:767px) {

    section.slider .owl-carousel .owl-item img {

        display: none

    }

}



section.slider .owl-carousel .owl-item.active .imagebg .pos-vertical-center .text-center {

    opacity: 1;

    transform: translateZ(0);

    -webkit-transform: translateZ(0)

}



section.slider .imagebg {

    position: relative

}



section.slider .imagebg .row {

    margin: 0

}



section.slider .imagebg .background-image-holder {

    height: 100vh;

    background-size: cover

}



@media (max-width:767px) {

    section.slider .imagebg .background-image-holder {

        position: absolute;

        top: 0;

        width: 100%;

        left: 0;

        height: 100%

    }

}



section.slider .imagebg .pos-vertical-center {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



@media (max-width:767px) {

    section.slider .imagebg .pos-vertical-center {

        position: static;

        padding: 6.5em 0;

        -webkit-transform: none;

        transform: none

    }

}



section.slider .imagebg .pos-vertical-center .text-center {

    transition: 1s ease;

    -webkit-transition: 1s ease;

    -moz-transition: 1s ease;

    transform: translate3d(0, 100px, 0);

    -webkit-transform: translate3d(0, 100px, 0);

    -webkit-transition-delay: .5s;

    transition-delay: .5s;

    opacity: 0

}



section.slider .owl-nav {

    position: absolute;

    z-index: 99;

    top: 50%;

    width: 100%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



section.slider .owl-nav button {

    position: absolute;

    width: 31px;

    height: 57px;

    opacity: .3;

    -webkit-transition: .3s ease;

    transition: .3s ease

}



section.slider .owl-nav button:hover {

    opacity: 1

}



section.slider .owl-nav button.owl-prev {

    left: 1.625em;

    background: url("//static.cn86.cn/img/2024/08/cc2a089c04jcrcqy.png") no-repeat 50%

}



section.slider .owl-nav button.owl-next {

    right: 1.625em;

    background: url("//static.cn86.cn/img/2024/08/f9b2b9aae8ibbg6s.png") no-repeat 50%

}



section.slider .owl-dots {

    position: absolute;

    width: 100%;

    bottom: 1.625em;

    z-index: 99;

    text-align: center

}



section.slider .owl-dots .owl-dot {

    display: inline-block;

    margin: 0 .40625em;

    overflow: hidden

}



section.slider .owl-dots .owl-dot span {

    -webkit-transition: .3s ease;

    transition: .3s ease;

    display: inline-block;

    height: 6px;

    width: 6px;

    border-radius: 50%;

    background: hsla(0, 0%, 100%, .4);

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    margin: 0;

    vertical-align: middle

}



section.slider .owl-dots .owl-dot.active span {

    background: #fff;

    width: 9px;

    height: 9px

}



.diyh {

    font-size: 16px;

    color: #fff

}



@media (max-width:999px) {

    .diyh {

        font-size: 14px

    }

}



.diyh h2 {

    margin-top: 0;

    font-size: 3.8em;

    line-height: 1.015625em;

    margin-bottom: .40625em

}



@media (max-width:999px) {

    .diyh h2 {

        font-size: 3.5em;

        line-height: 1.015625em;

        margin-bottom: .40625em

    }

}



@media (max-width:767px) {

    .diyh h2 {

        font-size: 1.7em;

        line-height: 1.421875em;

        margin-bottom: .40625em

    }

}



.diyh p {

    opacity: .9;

    font-size: 1em;

    margin-bottom: 2em;

    font-weight: 400

}



.diyh a {

    font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;

    transition: .1s linear;

    -webkit-transition: .1s linear;

    -moz-transition: .1s linear;

    border-radius: 100px;

    padding: .54166667em 3.25em .65em;

    border-width: 2px;

    line-height: 1.625em;

    text-transform: uppercase;

    border-color: #425cbb;

    background: #425cbb;

    font-size: 1em

}



.diyh a span {

    color: #fff

}



.diyh a:hover {

    border-color: #546cc3

}



.shtit {

    background: #f9f9f9;

    font-size: 16px;

    color: #343434;

    padding-top: 6.5em;

    padding-bottom: 8.125em

}



@media (max-width:999px) {

    .shtit {

        font-size: 14px

    }

}



@media (max-width:767px) {

    .shtit {

        padding: 2.875em 0

    }

}



.shtit h3 {

    margin-bottom: .3125em;

    font-size: 2em;

    line-height: 1.421875em;

    margin-top: 0;

    color: #343434

}



@media (max-width:767px) {

    .shtit h3 {

        font-size: 1.4375em;

        line-height: 1.625em

    }

}



.shtit .lead {

    font-size: 1em;

    line-height: 1.69565217em;

    margin-bottom: 0;

    color: #767676;

    font-weight: 400

}



@media (max-width:767px) {

    .shtit .lead {

        line-height: 1.41304348em

    }

}



.bgyy2 {

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);

    box-shadow: 0 0 5px rgba(0, 0, 0, .1)

}



.bgyy,

.bgyy2 {

    border: none !important

}



.bgyy {

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .08);

    box-shadow: 0 0 5px rgba(0, 0, 0, .08)

}



.features-10 {

    background: #f9f9f9;

    padding: 0;

    overflow: hidden;

    font-size: 16px

}



@media (max-width:999px) {

    .features-10 {

        font-size: 14px

    }

}



.features-10 .feature {

    margin: 0;

    padding: 6.5em 0;

    min-height: 434px

}



.features-10 .feature .i {

    display: inline-block;

    font-size: 4em;

    margin-bottom: .40625em;

    width: 64px;

    height: 64px

}



.features-10 .feature .i img {

    vertical-align: top

}



.features-10 .feature p {

    max-width: 60%;

    margin: 0 auto;

    min-height: 4.875em

}



.features-10 h4 {

    font-size: 1.4375em;

    line-height: 1.41304348em;

    margin-bottom: 1.1304347826087em;

    margin-top: 0;

    color: #232323

}



.features-10 a {

    color: #232323

}



@media (max-width:1500px) {

    .features-10 .feature p {

        max-width: 80%

    }

}



@media (max-width:1200px) {

    .features-10 .feature p {

        max-width: 90%

    }

}



@media (max-width:990px) {

    .features-10 .feature {

        padding: 3.25em 0;

        margin-bottom: 0;

        min-height: 0

    }



    .features-10 .feature p {

        max-width: 80%;

        min-height: 0

    }

}



.bg--white a:not(.btn),

.bg--white p,

.bg--white span,

.bg--white ul {

    color: #767676

}



.bg--primary {

    background: #425cbb

}



.bg--primary h1,

.bg--primary h2,

.bg--primary h3,

.bg--primary h4,

.bg--primary h5,

.bg--primary h6,

.bg--primary i {

    color: #fff

}



.bg--primary a:not(.btn),

.bg--primary p,

.bg--primary span,

.bg--primary ul {

    color: #fff;

    opacity: .9

}



.icon--sm {

    font-size: 2em;

    line-height: 1em;

    height: 32px;

    overflow: hidden;

    display: block

}



.icon--sm img {

    vertical-align: top

}



.feature {

    margin-bottom: 3.25em

}



.feature.boxed {

    background: #fff;

    transition: .2s linear;

    -webkit-transition: .2s linear;

    -moz-transition: .2s linear

}



.feature.boxed:hover {

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);

    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

    z-index: 2

}



.feature:not(.bg--primary):not(.bg--dark) i {

    color: #232323

}



.imagebg .feature:not(.bg--primary):not(.bg--dark) i {

    color: #fff

}



.imagebg .feature-1 span {

    color: #fff;

    opacity: .9

}



@media (max-width:767px) {

    .feature {

        margin-bottom: 1.625em

    }

}



.feature-1 {

    margin-bottom: 30px

}



.feature-1 i+h5 {

    margin: 1.625em 0 .8125em;

    font-size: 1em;

    line-height: 1.625em;

    color: #343434;

    font-weight: 700 !important

}



.feature-1 i+h6 {

    margin-top: 1.3em;

    margin-bottom: 1.3em

}



.feature-1 i+h4 {

    margin-top: 1.23076923076923em;

    margin-bottom: 1.23076923076923em

}



.feature-1 h4:last-child,

.feature-1 h5:last-child,

.feature-1 h6:last-child {

    margin-bottom: 0

}



.feature-1 p {

    min-height: 4.875em;

    font-size: 14px !important;

    line-height: 24px;

    color: #767676

}



@media (max-width:767px) {

    .feature-1 {

        margin-bottom: 1.625em

    }

}



.bgsh {

    background: #f9f9f9;

    font-size: 16px

}



@media (max-width:999px) {

    .bgsh {

        font-size: 14px

    }

}



@media (max-width:767px) {

    .bgsh {

        padding: 2.875em 0 !important

    }

}



.bgsh .h1 {

    font-weight: 700;

    margin-top: 0;

    font-size: 4em;

    line-height: 1.015625em;

    margin-bottom: .40625em

}



.bgsh h4 {

    color: #343434;

    font-weight: 700 !important;

    margin-bottom: 1.1304347826087em;

    font-size: 1.4375em;

    line-height: 1.41304348em;

    margin-top: 0

}



.bgsh .h5 {

    margin-bottom: 1.625em;

    font-size: 1em;

    line-height: 1.625em;

    font-weight: 700;

    margin-top: 0

}



.bgsh h3 {

    margin-bottom: .3125em;

    font-size: 2em;

    line-height: 1.421875em;

    margin-top: 0;

    color: #343434

}



@media (max-width:767px) {

    .bgsh h3 {

        font-size: 1.4375em;

        line-height: 1.625em

    }

}



.bgsh .lead {

    font-size: 1em;

    line-height: 1.69565217em;

    margin-bottom: 0;

    color: #767676;

    font-weight: 400

}



@media (max-width:767px) {

    .bgsh .lead {

        line-height: 1.41304348em

    }

}



.pricing {

    transition: .2s linear;

    -webkit-transition: .2s linear;

    -moz-transition: .2s linear;

    color: #343434

}



.pricing i:first-child {

    color: #232323

}



.pricing h5:first-child,

.pricing h6:first-child {

    margin: 0

}



.pricing .pricing__price {

    margin-top: 1.625em

}



.pricing .pricing__dollar {

    vertical-align: top

}



.pricing p:last-of-type {

    margin-bottom: 3.25em

}



.pricing:not(.pricing-1):not(.pricing--emphasise) hr {

    border-color: #efefef

}



@media (max-width:990px) {

    .pricing {

        margin-bottom: 30px

    }

}



@media (max-width:767px) {

    .pricing {

        margin-bottom: 15px

    }

}



.pricing-1 {

    padding: 2.16666667em 3.25em 3.25em;

    background: #fff

}



.pricing-1 h6 {

    font-size: .8em;

    font-weight: 400;

    opacity: .8

}



.pricing-1:hover {

    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);

    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07)

}



.pricing-1 p {

    min-height: 3.25em;

    color: #767676;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400

}



.pricing .btn {

    border-color: #425cbb;

    background: #425cbb;

    border-radius: 100px;

    padding: .54166667em 3.25em .65em;

    border-width: 2px;

    font-size: inherit;

    line-height: 1.625em;

    text-transform: uppercase;

    -webkit-transition: .1s linear;

    transition: .1s linear;

    text-align: center;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    white-space: nowrap;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    color: #232323

}



.pricing .btn span {

    color: #fff

}



.pricing .btn:hover {

    background: #546cc3;

    border-color: #546cc3

}



.elements--title {

    margin-bottom: 3.25em

}



.masonry-blog {

    padding-top: 8.125em

}



@media (max-width:767px) {

    .masonry-blog {

        padding-top: 0 !important

    }

}



.masonry-blog .masonry__item {

    margin-bottom: 30px

}



.masonry-blog .masonry__item .card-3 {

    margin-bottom: 30px;

    -webkit-transition: .2s ease;

    transition: .2s ease

}



.masonry-blog .masonry__item .card-3 .newimg {

    height: 12em;

    overflow: hidden

}



.masonry-blog .masonry__item .card-3 .newimg img {

    max-width: 100%;

    min-height: 12em;

    -webkit-transition: .4s ease;

    transition: .4s ease

}



.masonry-blog .masonry__item .card-3 .card__body {

    padding: 1.625em

}



.masonry-blog .masonry__item .card-3 .card__body h4 {

    margin: 0

}



.masonry-blog .masonry__item:hover .card-3 {

    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05)

}



.masonry-blog .masonry__item:hover .card-3 .newimg img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05)

}



.bg--white {

    background: #fff

}



.b-r10 {

    border-radius: 10px;

    overflow: hidden

}



.bg--secondary {

    background: #f3f3f3

}



.stats-1 {

    font-size: 16px;

    padding-top: 6.5em;

    padding-bottom: 8.125em

}



@media (max-width:999px) {

    .stats-1 {

        font-size: 14px

    }

}



.stats-1 .elements--title h3 {

    margin-bottom: .3125em;

    font-size: 2em;

    line-height: 1.421875em;

    margin-top: 0;

    color: #343434

}



@media (max-width:767px) {

    .stats-1 .elements--title h3 {

        font-size: 1.4375em;

        line-height: 1.625em

    }

}



.stats-1 .elements--title .lead {

    font-size: 1em;

    line-height: 1.69565217em;

    margin-bottom: 0;

    color: #767676;

    font-weight: 400

}



@media (max-width:767px) {

    .stats-1 .elements--title .lead {

        line-height: 1.41304348em

    }

}



@media (max-width:767px) {

    .stats-1 .row:last-child div[class*=col-]:last-child .boxed:last-child {

        margin-bottom: 0

    }

}



.stats-1 .feature-1 {

    max-height: 282px;

    margin-bottom: 30px;

    padding: 3.65625em

}



.stats-1 .feature-1 i {

    font-size: 4em;

    line-height: 1em;

    color: #425cbb !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    height: 64px;

    display: block

}



.stats-1 .feature-1 i img {

    vertical-align: top

}



.stats-1 .feature-1 h4 {

    font-size: 1.4375em;

    line-height: 1.41304348em;

    color: #343434;

    margin: .50625em 0 !important

}



.stats-1 .feature-1 span em {

    font-style: normal;

    color: #767676;

    font-weight: 400;

    font-size: 1em;

    line-height: 1.625em

}



@media (max-width:1200px) {

    .wztd .col-sm-4 {

        width: 50%

    }

}



@media (max-width:768px) {

    .wztd .col-sm-4 {

        width: 100%

    }

}



.anli {

    padding-top: 6.5em;

    padding-bottom: 8.125em;

    font-size: 16px

}



@media (max-width:999px) {

    .anli {

        font-size: 14px

    }

}



.anli .slider-controlsoutside {

    overflow: hidden;

    width: 100%;

    position: relative

}



.anli .slider-controlsoutside .owl-nav {

    position: absolute;

    z-index: 99;

    top: 35% !important;

    width: 100%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



.anli .slider-controlsoutside .owl-nav button {

    position: absolute;

    width: 31px;

    height: 57px;

    opacity: .3;

    -webkit-transition: .3s ease;

    transition: .3s ease

}



@media (max-width:992px) {

    .anli .slider-controlsoutside .owl-nav button {

        height: 46px

    }

}



.anli .slider-controlsoutside .owl-nav button:hover {

    opacity: 1

}



.anli .slider-controlsoutside .owl-nav button.owl-prev {

    left: 0;

    background: url("//static.cn86.cn/img/2024/08/58054e4859xdvczj.png") no-repeat 50%

}



@media (max-width:992px) {

    .anli .slider-controlsoutside .owl-nav button.owl-prev {

        background-size: auto 100%

    }

}



.anli .slider-controlsoutside .owl-nav button.owl-next {

    right: 0;

    background: url("//static.cn86.cn/img/2024/08/4d453061fbqlgxxm.png") no-repeat 50%

}



@media (max-width:992px) {

    .anli .slider-controlsoutside .owl-nav button.owl-next {

        background-size: auto 100%

    }

}



.anli .slider-controlsoutside li .card {

    margin: 0 15px 3.25em;

    -webkit-transition: .2s ease;

    transition: .2s ease

}



.anli .slider-controlsoutside li .card .card__image img {

    width: 100%

}



.anli .slider-controlsoutside li .card .card__body {

    padding: 2.4375em

}



.anli .slider-controlsoutside li .card .card__body .card__title h5 {

    margin: 0;

    font-weight: 400 !important;

    font-size: 1em;

    line-height: 1.625em;

    color: #232323

}



.anli .slider-controlsoutside li .card:hover {

    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05)

}



.anli .btn {

    border-color: #425cbb;

    background: #425cbb;

    border-radius: 100px;

    padding: .54166667em 3.25em .65em;

    border-width: 2px;

    font-size: inherit;

    line-height: 1.625em;

    text-transform: uppercase;

    -webkit-transition: .1s linear;

    transition: .1s linear;

    text-align: center;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    white-space: nowrap;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    color: #232323

}



.anli .btn span {

    color: #fff

}



.anli .btn:hover {

    background: #546cc3;

    border-color: #546cc3

}



@media (max-width:767px) {

    .bg--secondary {

        padding: 4.875em 0

    }

}



@media (max-width:767px) {

    .pt00 {

        padding-top: 0

    }

}



.weblg {

    max-width: 1600px;

    margin: 0 auto;

    position: relative;

    z-index: 1

}



@media (max-width:1720px) {

    .weblg {

        max-width: 1400px

    }

}



@media (max-width:1600px) {

    .weblg {

        max-width: 1320px

    }

}



@media (max-width:1400px) {

    .weblg {

        max-width: 1200px

    }

}



@media (max-width:1230px) {

    .weblg {

        width: 100%;

        padding: 0 15px

    }

}



.project-cover {

    padding: 61px 0 90px

}



@media (max-width:780px) {

    .project-cover {

        padding: 0 15px

    }

}



.project-cover a {

    text-decoration: none;

    color: #333;

    outline: 0

}



.project-cover .article {

    padding: 0 6.75% 67px;

    font-size: 16px;

    line-height: 30px;

    text-align: center;

    color: #333

}



@media (max-width:780px) {

    .project-cover .article {

        padding: 20px 0;

        font-size: 14px;

        line-height: 26px

    }

}



.project-cover .article .title {

    margin: 0 0 12px;

    font-size: 36px;

    line-height: 72px;

    font-weight: 700;

    color: #1a1a1a

}



@media (max-width:780px) {

    .project-cover .article .title {

        margin: 0 0 12px;

        font-size: 20px;

        line-height: 30px

    }

}



.m-case-division {

    border-left: 1px solid #dcdcdc

}



@media (max-width:780px) {

    .m-case-division {

        border: 0

    }

}



.m-case-division li {

    float: left;

    width: 33.3333%

}



@media (max-width:780px) {

    .m-case-division li {

        float: none;

        width: 100%;

        margin-bottom: 15px

    }

}



.m-case-division li a {

    display: block

}



.m-case-division li img {

    display: block;

    width: 100%

}



.m-case-division li .thumb a {

    position: relative

}



.m-case-division li .thumb .shadow {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    background: url("//static.cn86.cn/img/2024/09/761f8cd039wpae73.png") repeat 0 0;

    opacity: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.m-case-division li .thumb .shadow img {

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -25px 0 0 -25px;

    width: 50px;

    -webkit-transform: translateY(50px);

    transform: translateY(50px);

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.m-case-division li:hover .shadow {

    opacity: 1

}



.m-case-division li:hover .shadow img {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.m-case-division li:hover .content {

    background-position: 45px 190px;

    background-color: #f8f8f8

}



.m-case-division li:hover .content .title {

    color: #d90000

}



.m-case-division li:hover .content .desc,

.m-case-division li:hover .content .title {

    -webkit-transform: translateX(10px);

    transform: translateX(10px)

}



.m-case-division li .content {

    padding: 21px 48px 102px 35px;

    border-bottom: 1px solid #dcdcdc;

    background: url("//static.cn86.cn/img/2024/09/4bd3a10bbagra8jf.png") no-repeat 35px 190px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    border-right: 1px solid #dcdcdc

}



@media (max-width:780px) {

    .m-case-division li .content {

        padding: 10px 10px 20px;

        border-left: 1px solid #dcdcdc

    }

}



.m-case-division li .content .title {

    margin: 0;

    text-align: left;

    margin-bottom: 15px;

    font-size: 20px;

    line-height: 48px;

    color: #333;

    font-weight: 700;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



@media (max-width:780px) {

    .m-case-division li .content .title {

        margin-bottom: 10px;

        font-size: 18px;

        line-height: 30px

    }

}



.m-case-division li .content .desc {

    font-size: 16px;

    color: #999;

    display: -webkit-box;

    height: 66px;

    line-height: 22px;

    text-overflow: ellipsis;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



@media (max-width:780px) {

    .m-case-division li .content .desc {

        font-size: 14px

    }

}



.case-wrapper {

    padding-bottom: 73px

}



@media (max-width:780px) {

    .case-wrapper {

        padding-top: 20px;

        padding-bottom: 10px

    }

}



.case-wrapper .caseban {

    position: relative;

    overflow: hidden;

    font-size: 0

}



.case-wrapper .caseban img {

    display: block;

    width: 100%;

    -webkit-transition: all .7s ease;

    transition: all .7s ease

}



@media (max-width:780px) {

    .case-wrapper .caseban img {

        height: 100px;

        -o-object-fit: cover;

        object-fit: cover;

        position: relative;

        left: 50%;

        -webkit-transform: translate3d(-50%, 0, 0);

        transform: translate3d(-50%, 0, 0)

    }

}



.case-wrapper .caseban:hover img {

    -webkit-transform: scale(1.02);

    transform: scale(1.02)

}



.case-wrapper .caseban .title {

    position: absolute;

    width: 280px;

    height: 280px;

    left: 80px;

    top: 50%;

    z-index: 3;

    margin-top: -140px;

    background-color: #ce3f39;

    text-align: center;

    color: #fff

}



@media (max-width:780px) {

    .case-wrapper .caseban .title {

        left: 0;

        top: 0;

        margin-top: 0;

        width: 100%;

        height: 100%;

        background-color: rgba(0, 0, 0, .3)

    }

}



.case-wrapper .caseban .title .middle {

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 100%

}



.case-wrapper .caseban .title h2 {

    display: inline-block;

    vertical-align: middle;

    padding: 0 10px;

    font-size: 30px;

    line-height: 48px;

    font-weight: 700

}



@media (max-width:780px) {

    .case-wrapper .caseban .title h2 {

        font-size: 18px;

        line-height: 36px

    }

}



.case-wrapper .case-intro-wrapper {

    background-color: #fff;

    padding: 45px 75px 75px

}



@media (max-width:780px) {

    .case-wrapper .case-intro-wrapper {

        padding: 10px

    }

}



.case-wrapper .case-intro-wrapper img {

    max-width: 100%;

    height: auto !important

}



.case-wrapper .case-intro-wrapper table {

    border-collapse: collapse

}



.case-wrapper .case-intro-wrapper table tr {

    margin: 0;

    padding: 0;

    border: 0;

    background-repeat: no-repeat

}



.case-wrapper .case-intro-wrapper table tr td {

    border: 1px solid #666;

    padding: 3px 8px;

    min-width: 5em

}



.case-wrapper .case-intro-wrapper .jiejuelist dl {

    position: relative;

    padding: 53px 20px 66px 19.72414%;

    border-bottom: 1px solid #d9d9d9;

    font-size: 16px;

    line-height: 30px;

    color: #666;

    margin-bottom: 0;

    font-family: Arial, Microsoft YaHei, Hiragino Sans GB, sans-serif

}



@media (max-width:780px) {

    .case-wrapper .case-intro-wrapper .jiejuelist dl {

        padding: 20px 10px;

        font-size: 14px;

        line-height: 26px

    }

}



.case-wrapper .case-intro-wrapper .jiejuelist dl li {

    list-style-type: disc

}



@media (max-width:780px) {

    .case-wrapper .case-intro-wrapper .jiejuelist dl li {

        margin-left: 20px

    }

}



.case-wrapper .case-intro-wrapper .jiejuelist dl dd {

    line-height: 30px

}



@media (max-width:780px) {

    .case-wrapper .case-intro-wrapper .jiejuelist dl dd {

        line-height: 26px

    }

}



.case-wrapper .case-intro-wrapper .jiejuelist dl dd.id {

    position: absolute;

    left: 0;

    top: 50px;

    z-index: 3;

    font-size: 110px;

    font-style: italic;

    color: #e5e5e5;

    line-height: 110px;

    font-weight: lighter;

    font-family: Arial, Microsoft YaHei, Hiragino Sans GB, sans-serif

}



@media (max-width:780px) {

    .case-wrapper .case-intro-wrapper .jiejuelist dl dd.id {

        position: static;

        font-size: 30px;

        line-height: 30px

    }

}



.case-wrapper .case-intro-wrapper .jiejuelist dl a {

    color: #333

}



.case-wrapper .case-intro-wrapper .jiejuelist dl dt {

    position: relative;

    margin-bottom: 45px;

    font-size: 28px;

    line-height: 48px;

    font-weight: 700;

    color: #333

}



@media (max-width:780px) {

    .case-wrapper .case-intro-wrapper .jiejuelist dl dt {

        margin-bottom: 20px;

        font-size: 18px;

        line-height: 32px

    }

}



.case-wrapper .case-intro-wrapper .jiejuelist dl dt a {

    color: #333

}



.case-wrapper .case-intro-wrapper .jiejuelist dl dt:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -20px;

    z-index: 3;

    width: 30px;

    height: 3px;

    background-color: #d93f3d

}



@media (max-width:780px) {

    .case-wrapper .case-intro-wrapper .jiejuelist dl dt:after {

        bottom: -10px

    }

}



.case-wrapper .case-intro-list li {

    position: relative;

    padding: 53px 20px 66px 19.72414%;

    border-bottom: 1px solid #d9d9d9;

    font-size: 16px;

    line-height: 30px;

    color: #666;

    font-family: Arial, Microsoft YaHei, Hiragino Sans GB, sans-serif

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li {

        padding: 10px 10px 20px;

        font-size: 14px;

        line-height: 24px

    }

}



.case-wrapper .case-intro-list li .m-letter-item {

    margin: 0;

    padding-top: 63px;

    font-size: 14px;

    line-height: 24px;

    color: #666

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .m-letter-item {

        padding-top: 15px

    }

}



.case-wrapper .case-intro-list li .m-letter-item .letter {

    margin-bottom: 18px;

    font-size: 48px;

    line-height: 48px;

    font-weight: 700;

    color: #d90000

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .m-letter-item .letter {

        margin-bottom: 13px;

        font-size: 28px;

        line-height: 28px

    }

}



.case-wrapper .case-intro-list li .m-letter-item .sub-title {

    margin: 0;

    margin-bottom: 26px;

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    color: #1a1a1a

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .m-letter-item .sub-title {

        margin-bottom: 10px;

        font-size: 16px;

        line-height: 22px

    }

}



.case-wrapper .case-intro-list li .bold {

    font-weight: 700;

    margin: 0;

    font-size: 14px;

    line-height: 24px;

    color: #666

}



.case-wrapper .case-intro-list li .rhalfimg img {

    float: right;

    max-width: 48.6%;

    margin-left: 30px

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .rhalfimg img {

        float: right;

        max-width: 48.6%;

        margin-left: 30px

    }

}



.case-wrapper .case-intro-list li a {

    color: #666

}



.case-wrapper .case-intro-list li .id {

    position: absolute;

    left: 0;

    top: 50px;

    z-index: 3;

    font-size: 110px;

    font-style: italic;

    color: #e5e5e5;

    line-height: 110px;

    font-weight: lighter;

    font-family: Arial, Microsoft YaHei, Hiragino Sans GB, sans-serif

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .id {

        position: static;

        font-size: 30px;

        line-height: 30px

    }

}



.case-wrapper .case-intro-list li .title {

    position: relative;

    margin-bottom: 45px;

    font-size: 28px;

    line-height: 48px;

    font-weight: 700;

    color: #333;

    text-align: left;

    margin-top: 0

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .title {

        margin-bottom: 20px;

        font-size: 18px;

        line-height: 32px

    }

}



.case-wrapper .case-intro-list li .title:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -20px;

    z-index: 3;

    width: 30px;

    height: 3px;

    background-color: #d93f3d

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .title:after {

        bottom: -10px

    }

}



.case-wrapper .case-intro-list li .text {

    overflow: hidden

}



.case-wrapper .case-intro-list li .text .m-letter-item {

    padding-top: 63px;

    font-size: 14px;

    line-height: 24px;

    color: #666

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .text .m-letter-item {

        padding-top: 15px

    }

}



.case-wrapper .case-intro-list li .text .m-letter-item .letter {

    margin: 0;

    margin-bottom: 18px;

    font-size: 48px;

    line-height: 48px;

    font-weight: 700;

    color: #d90000;

    font-family: Arial, Microsoft YaHei, Hiragino Sans GB, sans-serif

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .text .m-letter-item .letter {

        margin-bottom: 13px;

        font-size: 28px;

        line-height: 28px

    }

}



.case-wrapper .case-intro-list li .text .m-letter-item .sub-title {

    margin: 0;

    margin-bottom: 26px;

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    color: #1a1a1a

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .text .m-letter-item .sub-title {

        margin-bottom: 10px;

        font-size: 16px;

        line-height: 22px

    }

}



.case-wrapper .case-intro-list li .text .m-letter-item .rimg {

    position: relative;

    overflow: hidden;

    padding-right: 39.73799%

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .text .m-letter-item .rimg {

        padding: 0

    }

}



.case-wrapper .case-intro-list li .text .m-letter-item .rimg .letimg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 39.73799%;

    text-align: center;

    float: right

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .text .m-letter-item .rimg .letimg {

        position: static;

        width: auto;

        max-width: 100%;

        float: none

    }

}



.case-wrapper .case-intro-list li .text .m-letter-item .rimg .letimg:before {

    content: "";

    width: 0;

    height: 100%;

    display: inline-block;

    vertical-align: middle

}



.case-wrapper .case-intro-list li .text .m-letter-item .rimg .letimg img {

    float: none;

    max-width: 80%;

    margin: 0;

    vertical-align: middle

}



.case-wrapper .case-intro-list li .price-top {

    font-size: 0;

    overflow: hidden

}



.case-wrapper .case-intro-list li .price-top .top-item {

    float: left;

    margin-right: 22.70742%

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .price-top .top-item {

        float: left;

        width: 50%;

        margin-right: 0

    }

}



.case-wrapper .case-intro-list li .price-top .top-item .prico-title {

    margin: 0;

    padding: 24px 0 28px;

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    color: #1a1a1a

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .price-top .top-item .prico-title {

        padding: 10px 0 15px;

        font-size: 16px;

        line-height: 22px

    }

}



.case-wrapper .case-intro-list li .price-icolist {

    overflow: hidden

}



.case-wrapper .case-intro-list li .price-icolist .icolist {

    width: 112.31441%;

    font-size: 0

}



.case-wrapper .case-intro-list li .price-icolist .icolist .ico-item {

    width: 38.56921%;

    padding: 30px 11.35303% 50px 0;

    display: inline-block;

    vertical-align: top;

    font-size: 14px;

    line-height: 24px;

    color: #666;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .price-icolist .icolist .ico-item {

        float: none;

        width: 100%;

        margin: 0;

        padding: 15px 0

    }

}



.case-wrapper .case-intro-list li .price-icolist .icolist .ico-item img {

    display: block;

    max-width: 100%;

    height: auto !important

}



.case-wrapper .case-intro-list li .price-icolist .icolist .ico-item .prico-title {

    padding: 24px 0 28px;

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    color: #1a1a1a;

    margin: 0

}



@media (max-width:780px) {

    .case-wrapper .case-intro-list li .price-icolist .icolist .ico-item .prico-title {

        padding: 10px 0 15px;

        font-size: 16px;

        line-height: 22px

    }

}



.case-wrapper .foot_nav_list {

    display: inline-block;

    padding: 5px 20px;

    margin-right: 20px;

    margin-bottom: 20px;

    border: 1px solid #ccc;

    font-size: 14px

}



.case-wrapper .foot_nav_list a {

    text-decoration: none;

    color: #333;

    outline: 0;

    line-height: 30px

}



.case-wrapper .foot_nav_list_cur {

    background-color: #d80000;

    border-color: #d80000

}



.case-wrapper .foot_nav_list_cur a {

    color: #f7f7f7 !important

}



.case-wrapper .g-return-wrapper {

    text-align: center;

    font-size: 0;

    padding: 30px 0 50px

}



@media (max-width:780px) {

    .case-wrapper .g-return-wrapper {

        padding: 15px 0 25px

    }

}



.case-wrapper .g-return-wrapper a {

    display: inline-block;

    vertical-align: top;

    min-width: 80px;

    margin: 0 10px;

    padding: 0 30px;

    font-size: 16px;

    line-height: 35px;

    border: 1px solid #ccc;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

    color: #666;

    overflow: hidden;

    text-align: center

}



@media (max-width:780px) {

    .case-wrapper .g-return-wrapper a {

        margin: 0 5px;

        padding: 0 20px;

        font-size: 14px

    }

}



.seo-top-list {

    overflow: hidden

}



.seo-top-list .top-seoabc {

    width: 110.04367%

}



.seo-top-list .m-letter-item {

    width: 25.79365%;

    float: left;

    padding-right: 6.7%;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



@media (max-width:780px) {

    .seo-top-list .m-letter-item {

        float: none;

        width: 100%;

        padding-right: 0

    }

}



.seo-thr-list {

    position: relative;

    padding-left: 385px;

    padding-top: 40px

}



@media (max-width:780px) {

    .seo-thr-list {

        padding-left: 0;

        padding-top: 20px

    }

}



.seo-thr-list .dash-border {

    margin-bottom: 24px;

    padding: 0 0 67px;

    border-bottom: 1px dashed #d9d9d9

}



@media (max-width:780px) {

    .seo-thr-list .dash-border {

        margin-bottom: 15px;

        padding: 0;

        border-bottom: 0

    }

}



.seo-thr-list .thr-right {

    padding: 0 0 35px 33px;

    overflow: hidden;

    border-left: 1px dashed #d9d9d9

}



@media (max-width:780px) {

    .seo-thr-list .thr-right {

        padding: 0;

        border-left: 0

    }

}



.seo-thr-list .thr-left {

    position: absolute;

    left: 0;

    top: 40px;

    width: 350px

}



@media (max-width:780px) {

    .seo-thr-list .thr-left {

        position: static;

        width: 100%

    }

}



.seo-thr-list .red-dot-list {

    font-size: 0

}



.seo-thr-list .red-dot-list .red-item {

    width: 50%;

    margin-bottom: 42px;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    font-size: 14px;

    line-height: 24px;

    color: #666

}



@media (max-width:780px) {

    .seo-thr-list .red-dot-list .red-item {

        width: 100%;

        margin-bottom: 15px

    }

}



.seo-thr-list .red-dot-list h4 {

    margin: 0;

    font-size: 16px;

    line-height: 30px;

    font-weight: 700;

    color: #d90000

}



.seo-thr-list .red-dot-list p {

    padding-right: 15px

}



.inside-banner {

    position: relative;

    overflow: hidden;

    font-family: Arial, Microsoft YaHei, Hiragino Sans GB, sans-serif;

    background: #000

}



.inside-banner img {

    display: block;

    width: 100%

}



@media (max-width:780px) {

    .inside-banner img {

        position: relative;

        left: 50%;

        height: 133px;

        -o-object-fit: cover;

        object-fit: cover;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }

}



.inside-banner .ban-info {

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 10;

    width: 100%;

    text-align: center;

    color: #fff

}



@media (max-width:780px) {

    .inside-banner .ban-info {

        padding: 0 15px

    }

}



.inside-banner .ban-info h2 {

    margin: 0;

    margin-bottom: 10px;

    font-size: 50px;

    line-height: 66px;

    font-weight: 400

}



@media (max-width:780px) {

    .inside-banner .ban-info h2 {

        margin-bottom: 5px;

        font-size: 18px;

        line-height: 34px

    }

}



.inside-banner .ban-info p {

    font-size: 20px;

    line-height: 30px

}



@media (max-width:780px) {

    .inside-banner .ban-info p {

        font-size: 14px;

        line-height: 24px

    }

}



.u-ue-title {

    font-size: 36px;

    line-height: 72px;

    color: #333;

    text-align: center;

    font-weight: 400;

    margin: 0

}



@media (max-width:780px) {

    .u-ue-title {

        font-size: 20px;

        line-height: 30px;

        margin-bottom: 10px

    }

}



.app-singlepage {

    padding-top: 60px;

    padding-bottom: 88px;

    text-align: center;

    font-size: 16px;

    line-height: 30px;

    color: #333;

    border-bottom: 1px solid #d9d9d9

}



@media (max-width:780px) {

    .app-singlepage {

        padding-top: 20px;

        padding-bottom: 30px;

        font-size: 14px;

        line-height: 26px

    }

}



.app-singlepage .span {

    margin: 0;

    font-size: 20px;

    line-height: 50px;

    font-weight: 400

}



@media (max-width:780px) {

    .app-singlepage .span {

        font-size: 16px;

        line-height: 30px

    }

}



.app-singlepage .sub-title {

    font-size: 24px;

    line-height: 48px;

    font-weight: 400;

    margin: 0

}



@media (max-width:780px) {

    .app-singlepage .sub-title {

        font-size: 18px;

        line-height: 30px

    }

}



.app-singlepage img {

    vertical-align: top;

    max-width: 100%

}



.app-icodesc {

    -webkit-text-emphasis: center;

    text-emphasis: center

}



.app-icodesc ul {

    padding: 26px 30px 100px

}



@media (max-width:780px) {

    .app-icodesc ul {

        padding: 10px 0 20px

    }

}



.app-icodesc li {

    float: left;

    width: 20%

}



@media (max-width:780px) {

    .app-icodesc li {

        width: 50%

    }

}



.app-icodesc .ico {

    margin-bottom: 10px;

    height: 60px;

    line-height: 60px

}



.app-icodesc .ico img {

    vertical-align: middle

}



@media (max-width:780px) {

    .app-icodesc .ico img {

        max-height: 80%

    }

}



.rn-web-topdesc {

    padding-bottom: 25px;

    border: 0

}



.rn-web-topdesc .lh48 {

    margin: 0;

    line-height: 48px;

    font-weight: 400

}



.native-app-desc {

    font-size: 16px;

    line-height: 30px;

    color: #333;

    font-family: Arial, Microsoft YaHei, Hiragino Sans GB, sans-serif;

    padding: 49px 0 0;

    border-bottom: 1px solid #ccc

}



@media (max-width:780px) {

    .native-app-desc {

        padding: 10px 15px 0

    }

}



.native-app-desc .item {

    width: 50%;

    display: table-cell;

    vertical-align: top;

    padding: 0 55px

}



@media (max-width:780px) {

    .native-app-desc .item {

        display: block;

        width: 100%;

        padding: 0

    }

}



.native-app-desc .item .ico-txt {

    color: #d93f3d

}



@media (max-width:780px) {

    .native-app-desc .item .ico-txt {

        padding: 10px 0

    }

}



.native-app-desc .item .ico-txt span {

    padding: 0 7px;

    font-size: 24px;

    line-height: 30px

}



@media (max-width:780px) {

    .native-app-desc .item .ico-txt span {

        padding: 0;

        font-size: 20px;

        line-height: 26px

    }

}



@media (max-width:780px) {

    .native-app-desc .item .ico-txt img {

        display: none

    }

}



.native-app-desc .item img {

    max-width: 100%;

    vertical-align: baseline

}



.native-app-desc .text-right {

    text-align: right;

    border-right: 1px solid #ccc

}



@media (max-width:780px) {

    .native-app-desc .text-right {

        text-align: left;

        border: 0

    }

}



.native-app-desc .text-left {

    text-align: left

}



.m-diff-content {

    display: table;

    width: 90%;

    margin: 0 auto;

    padding: 38px 0 70px;

    table-layout: fixed

}



@media (max-width:780px) {

    .m-diff-content {

        width: 100%;

        padding: 20px 0;

        font-size: 14px;

        line-height: 24px

    }

}



.rn-web-bottom {

    border: 0;

    padding: 47px 0 19px

}



@media (max-width:780px) {

    .rn-web-bottom {

        padding: 15px 15px 0

    }

}



.full-case-crumbs {

    position: relative;

    z-index: 10;

    width: 100%;

    height: 42px;

    padding: 14px 0;

    background-color: #ededed;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



@media (max-width:780px) {

    .full-case-crumbs {

        display: none

    }

}



.full-case-crumbs .crumbs {

    float: left;

    font-size: 0

}



.full-case-crumbs .crumbs a {

    display: inline-block;

    vertical-align: top;

    font-size: 16px;

    line-height: 42px;

    color: #333

}



.full-case-crumbs .crumbs a.home {

    padding-left: 36px;

    background: url(//static.cn86.cn/img/2024/09/d09f61c40euxsga9.png) no-repeat 0 10px

}



.full-case-crumbs .crumbs i {

    padding: 0 1em;

    font-family: consolas;

    font-style: normal

}



.full-case-crumbs .crumbs i,

.full-case-crumbs .crumbs span {

    display: inline-block;

    vertical-align: top;

    font-size: 16px;

    line-height: 42px

}



.full-case-crumbs .crumbs span {

    color: #d90000

}



.full-case-crumbs .other-channel {

    position: relative;

    float: right;

    z-index: 10;

    width: 307px;

    font-size: 16px;

    line-height: 42px;

    color: #666

}



.full-case-crumbs .other-channel .channel-title {

    margin: 0;

    padding-left: 28px;

    background: #fff url(//static.cn86.cn/img/2024/09/f8bca35a7czbxj0e.png) no-repeat 270px;

    cursor: pointer;

    line-height: 42px;

    color: #666;

    font-weight: 400;

    font-size: 16px

}



.full-case-crumbs .other-channel .channel-dropdown {

    display: none;

    position: absolute;

    left: 0;

    top: 42px;

    width: 100%;

    padding-bottom: 18px;

    border: 1px solid #d2d2d2;

    background-color: #fff;

    max-height: 462px;

    overflow-y: auto

}



.full-case-crumbs .other-channel .channel-dropdown a {

    display: block;

    padding-left: 28px

}



.full-case-crumbs .other-channel .channel-dropdown a:hover {

    background-color: #d80000;

    color: #fff

}

.jieshao{

    padding-right:200px;

}

.mySwbox-box{

    height: 1140px;

}

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

    .jieshao{

        padding:0;

    }

    #yslz{

        width: 96% !important;

    }

    .mySwbox-box{

        height: 820px  !important;

    }

    .gallery-top{

        height: 100% !important;

    }

    .asbs2{

        margin-top: 700px  !important; 

    }

    .mySwbox{

        height: 820px !important;

    }

    .asbs1{

        height: 820px !important;

    }

    .cloud-product-ul li.active{

        width: 100% !important;

        margin: 10px 0;

    }

    .cloud-product-ul li{

        width: 50% !important;

        margin:0 !important;

    }

    .foot .con1 .conx .foot12{

        width: 100% !important;

    }

    .syxwgd{

        width: 13vw !important;

        height: 4vw !important;

        line-height:4vw !important;

    }

    .foot12 h3{

        height: 9vw;

        overflow: hidden;

    }

    .menu-left .sub-nav>li{

        width: 100% !important;

    }

    .header-menu .menu-left .sub-nav>li h3{

        color: #222;

    }

    .header-left .logo-bai{

        display: none !important;

        height: 40px;

    }

    .header-left .logo-hei{

        display: block !important;

        height: 40px;

    }

}

.header-left .logo-bai{

    display: block;

    height: 40px;

}

.header-left .logo-hei{

    display: none;

    height: 40px;

}

.header.fix .header-left .logo-bai {

    display: none;

}

.header.fix   .header-left .logo-hei {

    display: block;

}

.header:hover .header-left .logo-hei{

    display: block;

}

.header:hover .header-left .logo-bai{

    display: none;

}

.page-news-wrap .news-sort .sort-list>li a.active{

    background: none;

}

.slick-slide .text{

    font-size: 2.1vw;

    line-height: 60px;

    width: 30vw;

    text-align: right;

    margin-right: 60px;

    color: #000;

}



.asbs {

    position: absolute;

    /* 使用绝对定位 */

    width: 100%;

    height: 1080px;

}



.asbs1 {

    width: 100%;

    height: 1040px;

    z-index: 111;

}



.asbs2 {

    margin-top: 830px;

    width: 100%;

    height: 142px;

    z-index: 222;

}



.mySwbox-main {}



.mySwbox {

    margin: 0 auto;

    position: relative;

    width: 100%;

    height: 100%;

    color: #CCCCCC;

}



.swiper-container {

    width: 100%;

    height: 1440px;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden;

}



.swiper-slide {

    background-size: cover;

    height: auto;

    background-position: center;

}



.gallery-top {

    height: 80%;

    width: 100%;

}



.gallery-thumbs {

    height: 20%;

    box-sizing: border-box;

}



.gallery-thumbs .swiper-slide {

    width: 25%;

    height: 142px;

    opacity: 1;

}



.gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

}



.slide .text {

    width: 60%;

    color: #ffffff;

    padding-top: 10%;

    overflow: hidden;

    padding-right: 5%;

    flex-shrink: 0;

}



.slide .text h2 {

    margin: 0;

}



.slide .text h2 .s1 {

    font-size: 30px;

    line-height: 46px;

    padding-left: 3%;

}



.slide .text h2 .s2 {

    font-size: 14px;

    font-weight: normal;

    line-height: 46px;

    padding-left: 3%;

}



.slide .text p {

    font-size: 14px;

    line-height: 36px;

    border-bottom: 1px #7C8BA0 solid;

    color: #ffffff;

    width: 54%;

    margin-left: 3%;

}



.slide .text div {

    font-size: 14px;

    line-height: 30px;

    color: #ffffff;

    width: 94%;

    height: auto;

    clear: both;

    margin: 0px auto;

}



.slide {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    width: 100%;

    height: 1440px;

    color: #FFFFFF;

    margin: 0px auto;

}



.slide img {

    max-width: 100%;

}



.mySwbox-thumbs {

    border: none

}



.mySwbox-thumbs .gallery-thumbs {

    max-width: 100%;

    margin: 0 auto;

}



.gallery-thumbs .swiper-slide {

    flex: 1;

    position: relative;

    transition: all ease .5s;

    cursor: pointer;

    display: flex;

    justify-content:center;

    padding: 20px;



}



.img-center {

    position: relative;

    z-index: 999;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 80px;

}



.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .i1 {

    display: none;

}



.gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before {

    width: 100%;

}



.gallery-thumbs .swiper-slide:before {

    width: 0;

    height: 100%;

    background: #ffffff;

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all 0.5s;

}



.gallery-thumbs .slide-icon {

    display: flex;

}



.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text {

    color: #333333;

}



.gallery-thumbs .swiper-slide .i2 {

    display: none;

}



.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .i2 {

    display: block;

}



.gallery-thumbs .swiper-slide .text {

    position: relative;

    z-index: 999;

    padding-left: 25px;

    color: #ffffff;

}



.gallery-thumbs .swiper-slide .text h2 {

    font-size: 16px;

    margin: 0;

    line-height: 30px;

}



.gallery-thumbs .swiper-slide:last-child {

    border-right: 0;

    margin-right: 0 !important;

}



.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text p {

    color: #333333;

}



.gallery-thumbs .swiper-slide .text p {

    font-size: 12px;

    color: #ffffff;

    margin: 0;

    line-height: 25px;

}



.gallery-thumbs .swiper-slide .icon {

    width: 50px;

    height: 50px;

    vertical-align: -0.15em;

    fill: #333333;

    overflow: hidden;

    transition: all ease .5s;

}



.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .icon {

    fill: #ffffff;

}





@media (max-width:992px) {

    .mySwbox-thumbs .gallery-thumbs {

        padding: 0px;

    }



    .gallery-thumbs .swiper-slide {

        padding: 0px;

    }



    .img-center {

        width: 55px;

    }



    .titlebox .section-title1 {

        font-size: 24px;

    }



    .gallery-thumbs .swiper-slide .text {

        padding-left: 15px;

    }

}



@media (max-width:768px) {

    .mySwbox-thumbs {

        margin-left: 10px;

        margin-right: 10px;

    }



    .mySwbox {

        padding-top: 15px;

    }



    .titlebox .section-title1 {

        font-size: 24px;

        padding: 0;

    }



    .slide .text {

        width: 100%;

        padding: 6%;

    }



    .slide {

        flex-direction: column;

        height: 550px;

    }



    .titlebox {

        width: 100%;

        position: relative;

        left: 0;

        top: 5%;

        z-index: 10;

    }



    .slide .img {

        margin-top: 10px;

    }



    .gallery-thumbs .swiper-slide .text {

        display: none;

    }



    .gallery-thumbs .slide-icon {

        width: 100%;

    }



    .img-center {

        border-right: 0;

        width: 100%;

    }



    .mySwbox-main {

        padding: 5px 0 30px 0;

    }



    .gallery-thumbs .swiper-slide {

        margin-right: 0 !important;

    }



    .slide .text h2 .s3 {

        display: none;

    }



    .slide .text div {

        font-size: 14px;

        line-height: 30px;

        color: #ffffff;

        width: 94%;

        height: auto;

        clear: both;

        margin: 0px auto;

    }

}



.zoom-image {

    width: 100%; /* 确保图片容器占满父元素 */

    height: 100%;

    overflow: hidden; /* 隐藏超出容器的部分 */

}



.zoom-image img {

    width: 100%;

    height: auto;

    transition: transform 0.5s ease; /* 添加过渡效果，持续时间 0.5 秒，缓动函数为 ease */

}



.owl-item.active .zoom-image img {

    transform: scale(1); /* 正常状态下，缩放比例为 1 */

    transition-duration:6000ms;

}



.owl-item .zoom-image img {

    transform: scale(1.3); /* 非活动状态下，放大到 1.1 倍 */

}