@import 'font_2331177_f7byoti0j6g.css';

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes box2Ani {
    0% {
        stroke-dashoffset: 365px
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes box2Ani {
    0% {
        stroke-dashoffset: 365px
    }

    to {
        stroke-dashoffset: 0
    }
}

@font-face {
    font-family:'webfont';font-display:swap;src:url(../font/webfont.eot);src:url(../font/webfont.eot) format("embedded-opentype"),url(../font/webfont.woff) format("woff"),url(../font/webfont.ttf) format("truetype"),url(https://www.txinnet.com/Templates/css/fonts/webfont.svg) format("svg")
}

body {
    font-family: 'webfont','microsoft yahei','pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif
}

.edit * {
    list-style: initial
}

.edit img {
    max-width: 100%
}

.button-disabled {
    background: #e6e6e6;
    color: #9fa0a0
}

.button-disabled,.button-disabled .iconfont {
    -webkit-transition: all .3s;
    transition: all .3s
}

.button-disabled:hover,.button-normal {
    background: #f98553;
    color: #fff
}

.button-disabled:hover .iconfont,.footer #accordion .heroCollapse a:hover {
    color: #fff
}

.button-normal {
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.button-normal:hover {
    background: #f76222
}

.button-white {
    background: #fff;
    color: #f98553
}

.text-right {
    text-align: right
}

#accordion .panel,.footer #accordion .panel,.rela {
    position: relative
}

.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bold-md {
    font-weight: 500
}

.fl {
    float: left
}

.fr {
    float: right;
    margin-left: auto
}

.transition {
    -webkit-transition: opacity 800ms cubic-bezier(.075,.82,.165,1),-webkit-transform 800ms cubic-bezier(.075,.82,.165,1);
    transition: transform 800ms cubic-bezier(.075,.82,.165,1),opacity 800ms cubic-bezier(.075,.82,.165,1);
    transition: transform 800ms cubic-bezier(.075,.82,.165,1),opacity 800ms cubic-bezier(.075,.82,.165,1),-webkit-transform 800ms cubic-bezier(.075,.82,.165,1)
}

.paging {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px
}

.paging a {
    color: #c9caca;
    height: 33px;
    line-height: 33px;
    padding: 0 5px;
    min-width: 33px;
    text-align: center
}

.paging a.active,.paging a:hover {
    color: #fff;
    border-color: #f98553;
    background: #f98553
}

.paging a.next,.paging a.next span,.paging a.prev,.paging a.prev span {
    display: block
}

.paging a,.paging a.next i,.paging a.prev i {
    display: none
}

.paging a.disabled {
    background: #f2f2f2;
    opacity: .5;
    pointer-events: none
}

.paging .pageSize,.paging .pageSize a,.paging-v2 a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paging .pageSize {
    display: none;
    border: 1px solid #ddd;
    padding: 0 5px
}

.paging .pageSize span,.paging-v2 .prev .iconfont {
    margin-right: 5px
}

.paging .pageSize a,.paging-v2 a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.paging .pageSize a,.text-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.paging .pageSize a {
    line-height: 22px;
    height: 22px;
    width: 22px;
    padding: 0;
    margin: 0
}

.text-center {
    text-align: center
}

.image,body.lb-disable-scrolling,body.stop {
    overflow: hidden
}

.image img {
    -webkit-transition: -webkit-transform .45s ease-in-out;
    transition: transform .45s ease-in-out;
    transition: transform .45s ease-in-out,-webkit-transform .45s ease-in-out
}

.scorll-x {
    overflow-x: auto;
    overflow-y: hidden
}

.paging-v2 {
    color: #c9caca;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px
}

.paging-v2 a {
    color: inherit;
    -webkit-transition: all .3s;
    transition: all .3s
}

.paging-v2 a:hover {
    color: #f98553
}

.paging-v2 .next .iconfont,.sectin-icq .row span img {
    margin-left: 5px
}

.paging-v2 .back .iconfont {
    margin-right: 5px
}

@media (min-width:1024px) {
    .paging-v2 {
        font-size: 18px
    }
}

.lazyload,.lazyloading {
    -o-object-fit: scale-down!important;
    object-fit: scale-down!important;
    background: #fff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

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

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-slide,.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-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: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

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

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

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -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: center;
    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;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyA0NCI+PHBhdGggZD0iTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6IiBmaWxsPSIjMDA0MDk3IiAvPjwvc3ZnPg==);left: 10px;
    right: auto
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+CiAgICAgICAgPHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDQwOTcnIC8+PC9zdmc+);right: 10px;
    left: auto
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    font-size: 0;
    padding: 0 .5rem
}

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

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

.swiper-pagination-bullet {
    width: 43px;
    height: 4px;
    display: inline-block;
    background: rgba(0,0,0,.2);
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff
}

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

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

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

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

.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: 5px 0;
    display: block
}

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

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

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

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

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

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

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-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-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}

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

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

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

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

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

.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,.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-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

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

.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-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-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-zoom-container {
    width: 100%;
    height: 100%;
    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;
    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-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-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%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%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%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@media (max-width:750px) {
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px
    }

    .swiper-pagination-bullet {
        width: 20px;
        height: 2px
    }
}

.global-header {
    height: auto;
    width: 100%;
    -webkit-transition: height .3s ease-in .3s;
    position: fixed;
    z-index: 999;
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%;
    top: 0
}

.pc-logo {
    line-height: 90px; float: left;
}

.pc-logo img {
    max-height: 70px;
    padding: 10px 0;
}

.global-header-nav-logo a {
    height: 55px;
    width: 55px;
    line-height: 55px
}

.global-header-content {
    position: relative;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent
}

.bottom-line-lighter:before {
    content: '';
    height: 1px;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    width: 200%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #dbdbdb;
    visibility: visible
}

.global-header-nav-item {
    vertical-align: top;
    position: relative;
    display: inline-block;
    height: 90px;
    line-height: 90px;
    -webkit-transition: opacity .2s cubic-bezier(.645,.045,.355,1);
    transition: opacity .2s cubic-bezier(.645,.045,.355,1);
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
    color: #000;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0
}

.global-header-nav-item:after {
    content: '';
    position: absolute;
    left: 0;
    height: 2px;
    background-color: transparent;
    bottom: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 0
}

.global-header-nav-item>a {
    color: #fff;
    font-weight: 500
}

.global-header-nav-item a {
    display: block;
    text-align: center;
    font-family: MicrosoftYaHei-Bold
}

.global-header-nav-item:before {
    display: none
}

.global-header-nav-item.active:after {
    width: 100%
}

.global-header-nav-item.active>a {
    color: #fff!important
}

.global-header-nav-search a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    width: 54px;
    background-position: -210px 10px;
    font-size: pxToRem(16px)
}

.global-header-nav-search a .iconfont {
    font-size: pxToRem(16px);
    margin-right: 5px;
    color: #666
}

.icon-arrow-down1 {
    font-size: 14px;
    color: #03296e
}

.global-header-nav-top {
    background-color: transparent
}

.global-header-nav-search a,.global-header-nav-search span {
    float: left;
    line-height: 50px
}

.global-header-nav-top .global-header-nav-search {
    height: inherit;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 16px;
    margin-right: 0;
    -webkit-transition: -webkit-transform .3s linear .2s;
    transition: transform .3s linear .2s;
    transition: transform .3s linear .2s,-webkit-transform .3s linear .2s
}

.global-logo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 170px 40px
}

.global-search-show {
    overflow: hidden;
    height: 100%
}

.global-search-show .global-header-nav-search-wrapper {
    display: block
}

.global-header-nav-search-wrapper {
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 90px;
    z-index: 999;
    -webkit-box-shadow: 0 5px 20px rgba(55,55,55,.3);
    box-shadow: 0 5px 20px rgba(55,55,55,.3);
    padding: 16px 20px;
    background-color: #fff;
    display: none;
    min-height: 82px
}

.global-header-nav-search-wrapper:after {
    display: none;
    content: '';
    width: 10px;
    height: 10px;
    border-left: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    background-color: #fff;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 18px;
    top: -6px
}

.global-header-searchview-wrapper {
    position: relative;
    border-bottom: 3px solid #03296e;
    width: calc(100% - 54px)
}

.dropdown-menu a,.global-header-nav-search-content {
    position: relative;
    text-align: center
}

.global-header-nav-search-content .global-header-searchview-input {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 5px 12px;
    width: 100%;
    background-color: transparent;
    color: #4e4e4e
}

.global-header-searchview-submit {
    width: 30px;
    background-position: -204px 4px;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s cubic-bezier(.645,.045,.355,1);
    transition: opacity .2s cubic-bezier(.645,.045,.355,1);
    height: 34px;
    background-color: transparent;
    border: 0;
    right: -35px;
    font-size: pxToRem(30px)
}

.global-mask {
    position: fixed;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    background: rgba(0,0,0,.5);
    -webkit-transition: opacity 1s ease .1s;
    transition: opacity 1s ease .1s;
    opacity: 0
}

.global-mask-open {
    height: 100%;
    width: 100%;
    opacity: 1;
    z-index: 667
}

.dropdown-menu a {
    display: block;
    color: #fff;
    transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
    line-height: 1;
    text-align: left
}

.open .dropdown-menu {
    margin: -10px 0 6px;
    display: block;
    height: auto
}

.open .dropdown-menu a {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.global-header-nav,.icon-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-toggle {
    right: 0;
    top: 0;
    width: 48px;
    text-align: center;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
    position: absolute
}

.icon-toggle:after {
    content: '+';
    font-size: 25px;
    color: #c1c1c2
}

.footer #accordion .icon-toggle[aria-expanded=true]:after,.icon-toggle[aria-expanded=true]:after,.open .icon-toggle:after {
    content: '-'
}

.global-header-nav {
    position: relative;
    display: block;
    background: 0 0
}

.global-header-nav .global-header-nav-logo {
    width: auto;
    height: 55px;
    position: absolute;
    top: 50%;
    margin-top: -27.5px;
    left: 10px;
    font-size: 0
}

.global-header-nav .global-header-nav-logo>a {
    font-size: 0
}

.global-header-nav-list {
    display: inline-block;
    height: 90px;
    position: relative;
    margin-right: 0; float: right;
}

.global-header-nav-list:hover a {
    -webkit-transition: all .3s;
    transition: all .3s
}

.global-header-nav-list:hover .active:after {
    width: 0
}

.global-header-nav-list .global-header-nav-item:hover:after {
    width: 100%!important
}

.global-header-nav-list .global-header-nav-item:hover>a {
    opacity: 1;
    color: #fff!important
}

.global-mobile-split {
    padding-top: 90px
}

.header-share-bar {
    position: absolute;
    height: 40px;
    width: 100%;
    z-index: 999;
    background: #fff
}

.header-share-bar .bshare-custom,.header-share-bar .flex-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-share-bar .flex-box {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-share-bar .bshare-custom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #e9e9e9;
    border-radius: 0 4px 4px 0;
    font-size: 0
}

.header-share-bar .bshare-custom a {
    padding-top: 24px;
    width: 35px
}

.header-share-bar .header-message {
    border: 1px solid #e9e9e9;
    border-right: 0
}

.header-share-bar .header-message a {
    display: inline-block;
    padding-top: 24px;
    width: 35px;
    vertical-align: middle
}

#bsWXBox {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.subment-active {
    display: block!important;
    -webkit-transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease,-webkit-transform .8s ease
}

.subment-open .subment-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.subment-open .subtitle {
    opacity: 1!important;
    -webkit-transform: none!important;
    transform: none!important
}

.subment-open .global-dropdown-line {
    opacity: 1!important
}

.subment-open .global-header-nav-list {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.global-header-subment-close {
    display: none;
    position: absolute;
    width: 45px;
    height: 45px;
    opacity: 1;
    color: #333;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    left: 0;
    top: 0;
    background: 0 0;
    border: 0;
    z-index: 99
}

.global-header-subment-close .global-dropdown-line {
    display: block;
    z-index: 1;
    opacity: 0;
    -webkit-transition: -webkit-transform .2s linear .6s;
    transition: transform .2s linear .6s;
    transition: transform .2s linear .6s,-webkit-transform .2s linear .6s;
    position: relative;
    width: 100%;
    height: 100%
}

.global-header-subment-close .global-dropdown-line::before {
    content: '';
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    right: 50%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5);
    position: absolute;
    background: #333;
    top: 50%;
    width: 12px;
    height: 1px;
    display: block;
    z-index: 1
}

.global-header-subment-close .global-dropdown-line:after {
    content: '';
    position: absolute;
    background: #333;
    top: 50%;
    width: 12px;
    height: 1px;
    left: 50%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5);
    display: block;
    z-index: 1
}

.subment-open .global-header-nav-menu {
    opacity: 0!important
}

.global-header-hover-block,.nav-item,.section-intro--index .bg img,body:after {
    display: none
}

@media only screen and (max-width:1024px) {
    .contact-top {
        margin-left: 0!important;
        padding: 14px 0
    }

    .header {
        height: 48px
    }

    .pc-logo {
        display: none
    }

    .global-header-content {
        padding: 0
    }

    .dropdown-menu {
        height: 0;
        overflow: hidden
    }

    .dropdown-menu [data-toggle=collapse] {
        position: relative
    }

    .dropdown-menu [data-toggle=collapse]:after {
        content: "";
        z-index: 999;
        right: 20px;
        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;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid #c1c1c2;
        border-right: 1px solid #c1c1c2
    }

    .dropdown-menu [data-toggle=collapse][aria-expanded=true]:after {
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg)
    }

    .global-header-nav-open .global-header-hover-block {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .global-header-hover-block {
        -webkit-transition: all .3s;
        transition: all .3s;
        display: block;
        position: absolute;
        right: 0;
        width: 100px;
        height: inherit;
        z-index: 1000
    }

    .global-header-hover-block .iconfont {
        font-size: 12px;
        margin-left: 10px
    }

    .global-header-hover-block .hover-title {
        color: #fff;
        font-size: 14px;
        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;
        height: 48px
    }

    .global-header-hover-block .hover-panel {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 10;
        width: 100%;
        background: #fff
    }

    .global-header-hover-block .hover-panel li+li {
        border-top: 1px solid #fff
    }

    .global-header-hover-block .hover-panel a {
        color: #fff;
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center
    }

    .dropdown-menu a {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 10px;
        color: #fff!important
    }

    .dropdown-menu .heroCollapse a {
        padding-left: 20px!important
    }

    #js-global-subment-close {
        display: block
    }

    .global-header {
        height: 48px;
        top: 0;
        background: #fff;
        position: fixed
    }

    .global-mobile-split {
        padding-top: 48px
    }

    .header-share-bar {
        display: none
    }

    .global-header-nav-search-wrapper {
        top: 48px
    }

    .global-header-content,.global-header-nav {
        height: 100%;
        overflow: hidden;
        width: 100%;
        background-color: #162027
    }

    .global-header-nav-top {
        background-color: #162027;
        display: block;
        height: 48px;
        position: absolute;
        z-index: 10;
        width: 100%;
        -webkit-transition: all .3s cubic-bezier(.445,.05,.55,.95) .3s;
        transition: all .3s cubic-bezier(.445,.05,.55,.95) .3s;
        left: 0
    }

    .global-header-nav-menu {
        left: 0;
        position: absolute;
        z-index: 2;
        top: 0;
        width: 48px;
        height: inherit
    }

    .global-header-nav-btn {
        display: block;
        width: 48px;
        height: inherit;
        -webkit-tap-highlight-color: transparent
    }

    .global-header-nav-btn span {
        position: absolute;
        width: 18px;
        height: 1px;
        background: #fff;
        left: 16px;
        top: 24px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: scaleY(1.5);
        transform: scaleY(1.5)
    }

    .global-header-nav-btn span:first-child {
        top: 17px
    }

    .global-header-nav-btn span:last-child {
        top: 31px
    }

    .global-header-nav .global-header-nav-logo {
        height: inherit;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        margin-top: 0;
        -webkit-transition: -webkit-transform .15s linear .4s;
        transition: transform .15s linear .4s;
        transition: transform .15s linear .4s,-webkit-transform .15s linear .4s;
        z-index: 9999
    }

    .global-header-nav .global-header-nav-logo a {
        background-size: auto 70%;
        background-position: center center
    }

    .global-header-nav-login a,.global-header-nav-logo a,.global-header-nav-search a,.global-header-searchform-submit {
        display: inline-block;
        overflow: hidden;
        color: #000;
        -webkit-transition: opacity .3s cubic-bezier(.645,.045,.355,1);
        transition: opacity .3s cubic-bezier(.645,.045,.355,1);
        padding: 0;
        text-align: right
    }

    .global-header-nav-logo a,.global-header-nav-search a,.global-header-searchform-submit {
        height: 48px;
        width: 125px
    }

    .global-header-nav-login a .iconfont,.global-header-nav-logo a .iconfont,.global-header-nav-search a .iconfont,.global-header-searchform-submit .iconfont {
        font-size: .8rem;
        color: #fff
    }

    .global-header-nav-login a i:last-child,.global-header-nav-logo a i:last-child,.global-header-nav-search a i:last-child,.global-header-searchform-submit i:last-child {
        display: none
    }

    .global-header-nav-login {
        height: inherit;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 16px;
        margin-right: 0;
        -webkit-transition: -webkit-transform .3s linear .2s;
        transition: transform .3s linear .2s;
        transition: transform .3s linear .2s,-webkit-transform .3s linear .2s;
        -webkit-transform: none;
        transform: none
    }

    .global-header-nav-login a {
        height: 44px;
        width: 20px;
        background-position: -165px 8px
    }

    .global-header-nav-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        z-index: 5;
        top: 48px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: visibility .8s ease,-webkit-transform .8s ease;
        transition: visibility .8s ease,transform .8s ease;
        transition: visibility .8s ease,transform .8s ease,-webkit-transform .8s ease;
        overflow: auto
    }

    .global-header-nav-list .global-header-nav-item {
        width: 100%;
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(-24px);
        transform: scale(1.2) translateY(-24px);
        -webkit-transition: opacity .25s ease-out,-webkit-transform .25s ease-out;
        transition: opacity .25s ease-out,transform .25s ease-out;
        transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
        height: 48px;
        line-height: 48px;
        margin-left: 0;
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        padding: 0
    }

    .global-header-nav-list .global-header-nav-item.active>a,.global-header-nav-list .global-header-nav-item:hover>a {
        color: #fff!important
    }

    .global-header-nav-list .global-header-nav-item:after,.global-header-nav-list .global-header-nav-login,.global-header-nav-list .global-header-nav-logo {
        display: none
    }

    .global-header-nav-list .global-header-nav-item::before {
        display: block;
        background-color: #fff
    }

    .global-header-nav-list .global-header-nav-item>a {
        font-size: 14px;
        padding: 14px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 1.4285714285;
        color: #c1c1c2!important;
        text-align: left
    }

    html.global-header-nav-open,html.global-header-nav-open body {
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 0!important
    }

    .global-header-btn-close span:first-child {
        -webkit-transition: all .3s ease-in-out .2s;
        transition: all .3s ease-in-out .2s;
        -webkit-transform: rotate(45deg) translate(5px,5px);
        transform: rotate(45deg) translate(5px,5px)
    }

    .global-header-btn-close span:nth-child(2) {
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        opacity: 0
    }

    .global-header-btn-close span:nth-child(3) {
        -webkit-transition: all .3s ease-in-out .3s;
        transition: all .3s ease-in-out .3s;
        -webkit-transform: rotate(-45deg) translate(5px,-5px);
        transform: rotate(-45deg) translate(5px,-5px)
    }

    .global-header-nav-open .global-header,.global-header-nav-open .global-header-nav {
        height: 100%
    }

    .global-header-nav-open .global-header-nav-login,.global-header-nav-open .global-header-nav-search {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    .global-header-nav-open .global-header-nav-item {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        height: auto
    }

    .global-header-nav-open .global-header-nav-item:nth-child(2) {
        -webkit-transition-delay: .3s,.3s;
        transition-delay: .3s,.3s
    }

    .global-header-nav-open .global-header-nav-item:nth-child(3) {
        -webkit-transition-delay: .35s,.35s;
        transition-delay: .35s,.35s
    }

    .global-header-nav-open .global-header-nav-item:nth-child(4) {
        -webkit-transition-delay: .4s,.4s;
        transition-delay: .4s,.4s
    }

    .global-header-nav-open .global-header-nav-item:nth-child(5) {
        -webkit-transition-delay: .45s,.45s;
        transition-delay: .45s,.45s
    }

    .global-header-nav-open .global-header-nav-item:nth-child(6) {
        -webkit-transition-delay: .5s,.5s;
        transition-delay: .5s,.5s
    }

    .global-header-nav-open .global-header-nav-item:nth-child(7) {
        -webkit-transition-delay: .55s,.55s;
        transition-delay: .55s,.55s
    }

    .global-header-nav-open .global-header-nav-item:nth-child(8) {
        -webkit-transition-delay: .6s,.6s;
        transition-delay: .6s,.6s
    }

    .global-header-nav-open .global-header-nav-logo {
        -webkit-transform: translate(-50%,-100%);
        transform: translate(-50%,-100%)
    }

    .global-header-nav-open .subment .subtitle {
        font-size: 16px!important;
        margin-bottom: 10px!important;
        width: 100%;
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(-24px);
        transform: scale(1.2) translateY(-24px);
        -webkit-transition: opacity .25s ease-out,-webkit-transform .25s ease-out;
        transition: opacity .25s ease-out,transform .25s ease-out;
        transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out
    }

    .global-header-nav-open .subment ul a {
        font-size: 14px!important;
        padding-left: 15px!important
    }

    .header-panel-content .subment {
        position: absolute;
        background-color: #fff;
        height: 100vh;
        top: 0;
        width: 100%;
        overflow: auto;
        padding: 65px 0 25px!important
    }

    .header-panel-content .subment .row {
        padding-left: 0!important
    }

    .subment ul {
        overflow: hidden
    }

    .subment li {
        opacity: 0;
        -webkit-transform: translateX(24px);
        transform: translateX(24px);
        -webkit-transition: opacity .25s ease-in,-webkit-transform .25s ease-in;
        transition: opacity .25s ease-in,transform .25s ease-in;
        transition: opacity .25s ease-in,transform .25s ease-in,-webkit-transform .25s ease-in
    }

    .subment-open .subment li {
        opacity: 1!important;
        -webkit-transform: none!important;
        transform: none!important
    }

    .global-header-nav-item .icon-toggle {
        position: absolute;
        right: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px;
        z-index: 20;
        height: 48px
    }
}

@media (max-width:321px) {
    .global-header-nav-logo {
        display: none
    }
}

@media (min-width:1024px) {
    .global-header-nav-item {
        overflow: hidden;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 1.5625vw
    }

    .global-header-nav-item .dropdown-menu {
        position: absolute;
        left: 0;
        display: block;
        min-width: 100%;
        opacity: 0;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        z-index: 9999
    }

    .global-header-nav-item .dropdown-menu li.active a {
        color: #fff!important
    }

    .global-header-nav-item .dropdown-menu a {
        color: #000;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        white-space: nowrap;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #fff;
        font-size: 12px;
        -webkit-transition: all .3s;
        transition: all .3s;
        padding: 0 10px
    }

    .global-header-nav-item .dropdown-menu a:hover {
        color: #fff
    }
}

.contact-top {
    color: #fff;display:inline-block; padding-top:35px;
}
.contact-top a{padding: 0px 10px;}
.contact-top .icon {
    margin-right: 10px; margin-left: 20px;
}


.contact-top span,h6 {
    font-size: 14px
}

.nav-popup-list {
    left: 200px
}

.nav-popup-list .arrow {
    width: 0;
    height: 0;
    border-bottom: 10px solid #edf1f4;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.nav-popup-list .nav-popup-item {
    position: absolute;
    top: 75%;
    left: 200px;
    display: none
}

.nav-popup-list .nav-popup-item.active {
    display: block;
    -webkit-animation: moveUp .3s linear 1 forwards;
    animation: moveUp .3s linear 1 forwards
}
.container{width: 100%; max-width: 1500px;}

.nav-popup-list .inner {
    min-height: 100px;
    min-width: 100px;
    background: #edf1f4;
    padding:15px;
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
    border-radius: 4px
}

.nav-popup-list .inner .flex-item li{padding: 5px 0px;}
.nav-popup-list .inner .icon {
    margin-right: 10px;
    width: 26px;
    position: absolute;
    left: 10px;
    top: 50%; margin-right:20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nav-popup-list .inner .text {
    padding-left:40px;
    font-size:16px;
}

.nav-popup-list .inner .flex-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.nav-popup-list .inner .flex-item+.flex-item {
    margin-left: 70px
}

.nav-popup-list .link,.nav-popup-list .title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 0 10px;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.nav-popup-list .title {
    font-weight: 700
}

.nav-popup-list .link {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 4px
}

.nav-popup-list .link:hover {
    background: #dae3e9
}

.fixed {
    position: fixed
}

.opaque .global-header {
    background: #162027
}

.global-header {
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s
}

.global-header.small {
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
}

#accordion .heroCollapse a,.footer #accordion .heroCollapse a {
    line-height: 40px;
    padding: 0 15px;
    display: block;
    color: rgba(255,255,255,.6);
    font-size: 14px
}

.footer #accordion .icon-toggle {
    width: 44px;
    height: 44px;
    right: -15px;
    position: absolute;
    top: 0
}

.footer #accordion .icon-toggle:after {
    content: '+';
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.footer #accordion .icon-toggle[aria-expanded=true] .icon-toggle:after,.footer #accordion .title[aria-expanded=true] .icon-toggle:after {
    content: '-'!important
}

.footer #accordion .title {
    display: block;
    line-height: 44px;
    color: #8cb9d9;
    font-weight: 500
}

#accordion .heroCollapse a {
    padding: 0 30px;
    color: rgba(255,255,255,.8)
}

#accordion .heroCollapse a:hover {
    color: #fff
}

#accordion .title {
    display: block;
    line-height: 44px;
    color: #fff
}

@media (min-width:1024px) {
    .footer .panel-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .footer .panel-group,.footer .panel-group .panel {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .footer .panel-group .panel:last-child {
        border-right: 0
    }

    .footer #accordion .title {
        pointer-events: none;
        line-height: 1;
        margin-bottom: 25px;
        padding: 0;
        font-size: 18px
    }

    .footer #accordion .heroCollapse li+li {
        margin-top: 15px
    }

    .footer #accordion .heroCollapse a {
        line-height: 1;
        padding: 0;
        font-size: 14px
    }

    .footer #accordion .icon-toggle {
        display: none
    }

    .footer #accordion .collapse {
        display: block
    }

    .footer .bottom {
        padding: 30px 0;
        font-size: 14px
    }
}

.footer {
    background: #333;
    padding: 15px 0
}

.footer .contact-panel .title {
    display: block;
    line-height: 44px;
    color: #8cb9d9;
    font-weight: 500
}

.footer .contact-panel ul,.sectin-icq {
    color: rgba(255,255,255,.6)
}

.footer .contact-panel ul li {
    line-height: 30px
}

.footer .contact-panel .qrcode-wrapper {
    max-width: 114px;
    margin-top: 20px
}

.footer .contact-panel .qrcode-wrapper img {
    width: 100%;
    height: auto
}

.footer .contact-panel .qrcode-wrapper .text {
    text-align: center;
    font-size: 14px;
    color: rgba(255,255,255,.6);
    margin-top: 10px
}

.sectin-icq {
    font-size: 12px;
    background: #222;
    padding: 15px 0;
    text-align: center;
    line-height: 24px
}

.sectin-icq .row {
    margin: 0
}

.sectin-icq .row a,.sectin-icq .row span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sectin-icq .row span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sectin-icq .row a {
    color: inherit
}

@media (min-width:1024px) {
    .footer {
        padding: 50px 0 30px
    }

    .footer .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .footer .contact-panel .title {
        line-height: 1;
        margin-bottom: 25px;
        padding: 0;
        font-size: 18px
    }

    .footer .contact-panel ul li {
        line-height: 1
    }

    .footer .contact-panel ul li+li {
        margin-top: 15px
    }

    .sectin-icq {
        font-size: 14px;
        padding: 30px 0;
        line-height: 30px
    }

    .sectin-icq .row span {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0 10px
    }
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid #fff
}

.lightbox a img {
    border: 0
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff
}

.lb-dataContainer:after,.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(data:image/gif;
    base64,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) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-next,.lb-nav a.lb-prev {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-prev {
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAE/klEQVR4AcyZA4wkWxSG37TH9jTWtncHzWfbthmubVvh2rZt49nR2J5+fyenkpPK1u2nvalKvuFZfHPOf+p2zT3BYFCX4DIQRmAijPS1iBC8XtciTMIMLPSeZHQuQj9tE7CBWJAAkolEEANsSocUIb0JGIAZRIMUYAftQWeiHX0tCURRbUQIvUmY6CeeQQJ9TSbTvTab7XHwGD724Ws9gItkIpVR01MezDRKmaALyMvOzn7z9OnTZ+vq6hobGhqazp49e6x79+4vk0wOSetDhCQsTKIbKHA4HB+fO3fuZlB1/fbbb7csFosXNW1AgrIA9CIRB7JAd+BxOp2f4qf/XfAOV21tbQPG7GHUdQBJJGLSQ7BjmYTf5XJ9efHixZ+CGldNTU0VRB6kDCUq20sPwVYkAna7/Zvbt2//qSVRVlZW/v77709B7WAKfKxYRGawqRNZWVlf3Lp163eBRNWQIUMmoNYHuoJ0ECUIu5SbXQxJdAUeBPvzkydP3tKSKC4urvb5fNNQez/oA+wgXs59RCyRRdvJjUx8hmB/ryVRWlpaGwgEFIl+wEHbysrPXdKDzSR8oU5gxWpKNDU1tfj9/pmofRD0V0kY+b8jP9gkkZ6e/hludre1JMrLyysLCgpmoPYhknDSOFn4GUtBbrBJIjMzMzRO3wrGqWrw4MFTqBP9gIt3QpHgyA62OzRO6MS3YYI9HbUPgP4kkahkgktwZAbbg2B/eubMme8EnahBsEMS91EnnOpMaHG3g53Ngh0aJ02JysrK6vz8/KnUib7AwTJhoH9DkghJsHHqrgQbnfhWEOzQzW4qywRtJxZsWSLUDSOIBKmgI8hHsD8OE+xqBHsaSfQFTkGwpYmYaKQcoBsy8QY6cV1LoqioqMbr9c5H7eNgIA82l5Aqwo7k8UajsRXm/ZVr167d0JL49ttvK7GdVqP+TRAAHUAysAmCLVUkwWw2u1auXDkzKLhWrVr1M2rHg3eBm71QEodb0miZQXxEREQrq9XqXbBgwQZ8r+VOIvX19S0jRow4gfoP6RzVFaRRxkzisZIQdnbv6AkenTlz5lZRZ4YPH74HdS+AXNAOpJCMICNyRKwgiUYlFzw/a9asXSKZYcOGbUPd02AIyVBWWGdk30fYCk6hAOciM89PmzZtp0hm1KhRO1D7DMhTdYZkJIrwzjCZdmCwwWB4durUqTt4ZtTX2LFjd6L2WZDPZKKYjDQRtUwUSFVkwHMzZszYLZIZM2bMLhozJTOpXEaqiLozTCYXvAAZYWZGjhy5g2WmvWABSH09YmKdaQ/ywQt/YwFsRd1TIFdDRoKIODPtQa7JZHqOMqN5TZky5QAtgHyVDI2ZWET2AhB2Zvr06QdD2QIFJKPOjFhE4gJ4/p8vAN4Z8VMU2QvgRdxnwi2A7ah7EgwArUEisEgQES8AJtMBFOB89vLy5cuPhTnObMLJ+lE6/mSBaPGTRsmZIZk8PJx+afHixUfCnJp3IlvKaTk+/LNf+ZlpD4bQNttFmdHZrxXEMia1DHgWp+adahkm8hDVkgh1RKcyz8yePXsLapqZR/P27du3ISe5FHj5o/UPTwDtwED8hx8cN27cks2bN5/bunXrOXw8NzY21ku/4c0MG3YdLIAk4ARdQS/Qm953B51ANn9ZzER0J2OjsUkDdtCKsNPX4tQPKXQhIHhaaaPxiSP+Gg9EDLGUA6YPAMmLWVKp5HwxAAAAAElFTkSuQmCC) left 48% no-repeat;width: 34%;
    float: left
}

.lb-data .lb-close:hover,.lb-nav a.lb-next:hover,.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAEvUlEQVR4Ac2aA2xtSxSG31ZxTm3z2kZtP9u2FV7btsJr27aNZ0e1jf8kq8nKydu7udHMJF85TfJlrX/NRp9wWgqhAg3ohAZUQv7lJGEAF2BwGekFWAXcgAfwBf6ED/AEbrRHkVKCMIAN+IFI0B30IXrQzwKAnfaqUgmxVnIniRgwUNf1TDc3t6fBM/g6Bz8bRkIhVDGdyUgl4gEiwMABAwa8ceXKlbNNTU0tDQ0NzZcuXboSHh7+Hn6XDPqCUODJKiN+sWD7gHgXF5eMv//++2G707p69eqDqKioL7AnFfRnMi6yyOgk4gd6opWK6uvrm9r/Z6FKP0dHR3+FfelgAAgDXlLIsGnlC3pApKCurq6m3WTduHHj95iYmO+wN4vJ8DZTRIt4UtATPvnkk9kVFRWVZjKPHj36LzIy8kfszWYyQgcAD7sNBIN+IDMxMXE6ZEwr8/Dhw3/CwsK+ZZURPgD4OeINIsFQkJeZmTm3tLS01kzmwoULDzEAvqHM9AOhrDKKKBEVuNL0igLDQV52dvbc8vLyejMZDIBfkJmvsTcN9OdtJjovXGYEKMjKylrQ0tLSZiaD0fwLVSaTZIQPAIVkXKjNokmmMDU1dX5lZWW1mQwOzUfBwcFfMxnhA0BxqkwMtVlBQkLCbLRZjUWb/RQaGspkxA8AnhlfkhkB8jEA5lkNAFTmJ2qzNDYApMpMNFUmFwNgHipTZyZz+fLlnzEA6ApAngGgssxEgWEgPyUlZU51dXWtRZv9jMrwNguXaQDw0VyAQ3MOBkCNRWV+YgNgAGszoZlxbrNhNAAc50xtFwPgC+xNAb1AIHAHGlBEyvABMAo8k5GRsaykpMQqM/eQmXepxaKApwy3zBpwA/6gJ8gG72Gabfrpp59Mz5m7d+/eR67e1DQtlvIm/NJfZXmJpzH7EZi2cePGP9ot1oYNGxYYhhFDfytURAE69XgQ6AfywGfjx48/39jYaHYZ07Z8+fLtrq6uGYqidFbEEJoRkggA3UESeHXcuHGHrSqxYMGCPdj3FBjEzhRN1AjWWTa6g0TwwtixY/daSSxcuPAg9r1C0vHAD7gKECEJVgmQDF6cOHHifiuJuXPnHkAmOiV6ggA2elUREjYmkQJemjJlygELh7Y5c+bsV1X1JexNAN2dJBRREoEsEy9Mnjz5oJXE/PnzD2Hfy0wiENhESfBg9+jMxIQJEyzbCRIHHQMAJDEJd1kkksDzCPaeroJNEimgB6uELioTXCIFvDh79uzjVhKOTOAZ8csk3UOmTPQAqeDlefPmnehC4qAMwVZMRuzjBPsVKYJNuABfEAdGgucQ7H1dnBOOTLwmQ7D5k0Y7CAODcIX6FC47dlpJrFu37qyiKG9Q+/VkEhRscc9+vUE8ej0NV7EHrCRWrVp1Gg+7X6cTvqd1JiR8rUAn9kGaTol8xIqVoIowkR4QKTQRacNV7AHseclZQpYXpLy14pCPpH379jmuaFuZROuiRYt2O84TqSQswh4K+nh6emZMnTp1yZ49e67u2rXrKr5eDcECukfvbn1iixXht6/hoDcYAAaDIfS5H4gGfo8RbKEPFbxAEIgEsUQk/cwbuMkswVvMYP/94EXY6WcGUGWU6ACHI64cdLL4RQAAAABJRU5ErkJggg==) right 48% no-repeat
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-caption a {
    color: #4ae
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAw0lEQVR4AcXWQQrCMBAFUPe6tWcKyaVC7qCHSE+QZKHbeqeoGTAgQ8niR74DIrTpf5S2kzn8u84/yllGJ0/tZ40xF/mfhGyrnnPcg1yM8V5rfXrv1wnQhhBWyWl5N8nVoBXo9SkIVFDPEvA7Z3HOXfsCCNSQypF8cdTCAQhCclxdD4AABIAYBIMAhIMAhIM55w2AMFAKhXBwDOFgKeWxh6WUNg3x74z5zOhvI/07o3cQem+kd33WfsbfqWkzCHW6os+NbwbK0HobtG1nAAAAAElFTkSuQmCC) top right no-repeat;text-align: right;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer
}

.data-pagination {
    position: relative
}

.data-pagination:after {
    content: '';
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
    height: 2px;
    background: #789db7
}

.data-pagination .swiper-slide {
    cursor: pointer
}

.data-pagination .swiper-slide.active .text::after {
    background: #789db7
}

.data-pagination .swiper-slide .text {
    text-align: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.data-pagination .swiper-slide .text:after {
    background: #fff;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #93a9b8;
    margin: 20px auto 5px
}

.data-content {
    padding: 20px 0
}

.data-content .box {
    background-size: auto 120px!important
}

.data-content .edit-wrapper {
    line-height: 200%;
    min-height: 450px
}

@media (min-width:1024px) {
    .data-pagination .swiper-slide {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .data-content {
        padding: 0
    }

    .data-content .box {
        background-size: initial!important
    }

    .data-content .box .edit-wrapper {
        overflow-y: auto;
        height: 420px;
        padding: 30px 60px
    }

    .data-content .box .edit-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    .data-content .box .edit-wrapper::-webkit-scrollbar-track-piece {
        background-color: rgba(0,0,0,.2);
        -webkit-border-radius: 6px
    }

    .data-content .box .edit-wrapper::-webkit-scrollbar-thumb:vertical {
        height: 5px;
        background-color: rgba(125,125,125,.7);
        -webkit-border-radius: 6px
    }

    .data-content .box .edit-wrapper::-webkit-scrollbar-thumb:horizontal {
        width: 5px;
        background-color: rgba(125,125,125,.7);
        -webkit-border-radius: 6px
    }
}

@media (min-width:1500px) {
    .global-header-nav.container {
        width: 1500px!important
    }
}

.section {
    padding: 30px 0
}

.img-responsive {
    -o-object-fit: cover;
    object-fit: cover
}

.scroll-x {
    overflow-x: auto
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bold {
    font-weight: 700
}

.bold500 {
    font-weight: 500
}

h5 {
    font-size: 16px
}

@media (min-width:1024px) {
    h5 {
        font-size: 22px
    }

    h6 {
        font-size: 20px
    }
}

.section-banner {
    font-size: 0
}

.section-banner .swiper-slide {
    position: relative
}

.section-banner .swiper-slide .img-responsive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: 3s;
    transition: 3s
}

.section-banner .swiper-slide .swiper-box {
    position: relative;
    z-index: 2;
    padding: 60px 0;
    color: #fff;
    line-height: 1
}

.section-banner .swiper-slide .swiper-box .summary,.section-banner .swiper-slide .swiper-box .title {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    -webkit-transition: 1.4s;
    transition: 1.4s
}

.section-banner .swiper-slide .swiper-box .title {
    font-weight: 700;
    font-size: 18px;
}

.section-banner .swiper-slide .swiper-box .summary {
    font-size: 14px;
    margin: 20px 0 40px
}

.section-banner .swiper-slide .swiper-box .swiper-slide__btn {
    color: #fff;
    font-size: 16px; padding: 15px 50px; display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 26px;
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
    opacity: 0;
    -webkit-transition: 1.4s;
    transition: 1.4s
}

.section-banner .swiper-slide.swiper-slide-active .img-responsive {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.section-banner .swiper-slide.swiper-slide-active .swiper-box .summary,.section-banner .swiper-slide.swiper-slide-active .swiper-box .title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.section-banner .swiper-slide.swiper-slide-active .swiper-box .swiper-slide__btn {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media (min-width:1024px) {
    .section-banner .swiper-slide .img-responsive {
        position: static
    }

    .section-banner .swiper-slide .swiper-box {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .section-banner .swiper-slide .swiper-box .title {
        font-size: 52px;
    }

    .section-banner .swiper-slide .swiper-box .summary {
        font-size: 24px;
        margin: 36px 0 90px
    }

    .section-banner .swiper-slide .swiper-box .swiper-slide__btn {
        border-radius: 34px;
        font-size: 16px
    }
}

.circle-first {
    fill: none;
    stroke: rgba(121,157,183,.5);
    stroke-width: 2px
}

.circle-progress {
    stroke-dasharray: 365px;
    stroke-dashoffset: 365px
}

.circle-progress,.circle-second {
    stroke: #486d87;
    stroke-width: 2px;
    fill: none
}

.section-intro--index {
    position: relative;
    min-height: auto;
    overflow: hidden
}

.section-intro--index .swiper-container {
    z-index: 2
}

.section-intro--index .swiper-container .con {
    padding: 0 15px
}

.section-intro--index .swiper-container .title {
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0;
    line-height: 150%
}

.section-intro--index .swiper-container .summary {
    font-size: 12px;
    line-height: 22px;
    color: #666;
    margin: 5px 0;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.section-intro--index .swiper-container .more {
    font-size: 12px;
    color: #273744
}

.section-intro--index .box2Logo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 175px;
    height: 40px;
    background-image: url(../images/box2Logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    z-index: 0;
    opacity: .1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.section-intro--index .box2Page {
    margin: 10px 0;
    text-align: center;
    position: relative;
    z-index: 2
}

.section-intro--index .box2Page li {
    display: inline-block;
    margin: 0 5px
}

.section-intro--index .box2Page li svg {
    display: none;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.section-intro--index .box2Page li .text {
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-size: 16px;
    font-weight: 700;
    z-index: 1;
    color: #486d87;
    text-align: center
}

.section-intro--index .box2Page li.active .text {
    color: #fff;
    background: #486d87;
    padding: 2px 5px
}

.section-intro--index .box2Page li.active .circle-first {
    stroke: rgba(121,157,183,.5)
}

.section-intro--index .box2Page li.active .circle-progress {
    -webkit-animation: box2Ani 5s linear .4s forwards;
    animation: box2Ani 5s linear .4s forwards
}

.section-intro--index .box2Page li.active .circle-second {
    fill: #486d87
}

.section-intro--index .bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.section-intro--index .box2Box {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 100%;
    height: auto;
    margin: 0;
    background: 0 0;
    padding: 15px 0;
    z-index: 2
}

@media (min-width:1024px) {
    .section-intro--index {
        min-height: 100vh;
        padding: 80px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .section-intro--index .box2Box {
        width: 620px;
        height: 620px;
        position: relative;
        background: url(../images/box2Box.png) no-repeat center center;
        background-size: cover;
        margin: auto
    }

    .section-intro--index .box2Logo {
        position: absolute;
        top: 50%;
        left: 50;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 1;
        margin-left: -90px;
        width: 275px;
        height: 63px
    }

    .section-intro--index .box2Page {
        width: 620px;
        position: static
    }

    .section-intro--index .box2Page li {
        position: absolute;
        z-index: 10;
        margin: 0;
        cursor: pointer
    }

    .section-intro--index .box2Page li.active .text {
        padding: 0!important
    }

    .section-intro--index .box2Page li:nth-child(4n+1) {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: -57px
    }

    .section-intro--index .box2Page li:nth-child(4n+1) .text {
        text-indent: -2px
    }

    .section-intro--index .box2Page li:nth-child(4n+2) {
        right: -57px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .section-intro--index .box2Page li:nth-child(4n+3) {
        left: 50%;
        bottom: -57px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .section-intro--index .box2Page li:nth-child(4n+3) .text {
        text-indent: -3px
    }

    .section-intro--index .box2Page li:nth-child(4n+4) {
        left: -57px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .section-intro--index .box2Page li .text {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background: 0 0!important;
        font-size: 20px;
        white-space: nowrap;
        line-height: 1
    }

    .section-intro--index .box2Page li svg {
        display: block;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .section-intro--index .box2Con {
        position: relative;
        width: 800px;
        height: 100%
    }

    .section-intro--index .box2Con .swiper-container {
        width: 100%;
        height: 100%
    }

    .section-intro--index .box2Con .con {
        position: absolute;
        right: 40px;
        bottom: 28px;
        width: 335px
    }

    .section-intro--index .box2Con .con .title {
        font-size: 22px;
        margin-bottom: 20px
    }

    .section-intro--index .box2Con .con .summary {
        font-size: 14px;
        margin-bottom: 40px
    }

    .section-intro--index .box2Con .con .more {
        font-size: 14px
    }

    .load-hidden {
        visibility: hidden
    }
}

.section-partner--index {
    padding: 30px 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.section-partner--index .section-hd {
    text-align: center
}

.section-history .history-inner li+li,.section-partner--index .section-hd .summary {
    margin-top: 30px
}

.section-partner--index .section-hd h5 {
    color: #2c4252;
    font-weight: 500
}

.section-partner--index .section-hd h6 {
    color: #333;
    margin-top: 10px
}

.section-partner--index .logo-wall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section-partner--index .logo-wall .logo-wall__item {
    text-align: center;
    margin-bottom: 15px
}

.section-partner--index .logo-wall .logo-wall__item .image {
    position: relative;
    padding-bottom: 38%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 30px;
    overflow: visible
}

.section-partner--index .logo-wall .logo-wall__item .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.section-partner--index .logo-wall .logo-wall__item .image img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.section-partner--index .btn-wrapper {
    margin-top: 30px;
    text-align: center
}

.section-partner--index .btn {
    display: inline-block; padding: 15px 50px;
    border-radius: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

@media (min-width:1024px) {
    .section-partner--index {
        padding: 90px 0 70px
    }

    .section-partner--index .section-hd {
        margin-bottom: 80px
    }

    .section-partner--index .section-hd .summary {
        margin-top: 80px
    }

    .section-partner--index .section-hd h6 {
        margin-top: 20px
    }

    .section-partner--index .logo-wall {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section-partner--index .logo-wall .logo-wall__item {
        -webkit-box-flex: 0;
        margin-bottom: 30px;
        text-align: center;
        width: 16.66667%;
    }

    .section-partner--index .logo-wall .logo-wall__item .image {
        padding: 0;
        margin: 0
    }

    .section-partner--index .logo-wall .logo-wall__item .image img {
        position: static;
        max-height: 120px;
        width: auto
    }

    .section-partner--index .btn-wrapper {
        margin-top: 0
    }

    .section-partner--index .btn {
        font-size: 16px
    }
}

.scheme-list,.scheme-section {
    color: #333
}

.scheme-section .title {
    position: relative;
    text-align: center;
    font-size: 20px;
    z-index: 10;
    padding: 30px 0;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.scheme-list .con,.scheme-list .con-name {
    display: none
}

.scheme-list .show .name {
    color: #f98553
}

.scheme-list .show .name:after {
    background-image: url(../images/support.png);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.scheme-list .name {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    height: 50px;
    border-bottom: 1px solid #e5e5e5
}

.scheme-list .name:after {
    content: '';
    position: absolute;
    right: 15px;
    background-image: url(../images/supporto.png);
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: right center;
    width: 15px;
    height: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.scheme-list .con .inner {
    background: #f7f8fa;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5
}

.scheme-list .summary {
    font-size: 14px;
    line-height: 1.6
}

.scheme-list .img-wrapper {
    margin-bottom: 20px
}

.scheme-list .img-wrapper .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.scheme-list .img-wrapper a {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    padding: 0 10px;
    margin-bottom: 15px
}

.scheme-list .badge-wrapper {
    margin-top: 20px
}

.scheme-list .badge-wrapper .badge {
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,.2);
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px;
    margin-right: 10px;
    margin-bottom: 10px
}

.scheme-list .button-group {
    margin-top: 10px
}

.scheme-list .button-group .button {
    border-radius: 34px; padding: 15px 50px;
    color: #fff
}

.scheme-list .btn1,.scheme-list .btn13 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAiCAYAAACqeLBIAAAEN0lEQVR4Xu2czU4TURTH/+dWAXWDBmM0RqMhuvUDWpeywZjIxljUVRmTllAEfAPrQupSURCfQDExLlzpE2jiExjjZ6LhI2pMmiqWuWZm7p25Mx1sS9ou5BBCy8zc25npb/7nnHvuPYQ6fnrPTnT27N97JiHEIITsI9BhSOwiQgJEINWH+0rur7fNfe/tJbU9vN/bG2qn/nG3R9vE9Ocd4x2o+wraqf71vuixke3R83Ba676cV+864vr0TtY8Z31eQTt1fvo4dX3Bvan9WXHHhq87fK/9z1bXEfoejGup3q6u1WxnfLcA1ojoGyTeEdFr2PaLUqn0fHJy8nctnDQrsccdGyl0d3VsmxJCXgXQ44Olb746UwZu0wHnPoiBnDhv5QokZgXEbcuyfqwH3rrAnRotXiSJOyDaEzwp+inXT0Bwo9UDwAoXVU1fGf8rhasCTjMCiUUITF3JXFmIg64auHQ6kdp1YoZA+VhFM00BK5xh9jeVSV0XOJ8Zgfsf3n2aLBQKFRO8MHDpx4lU99tHJOiCKZescJ4/yT6c8rd90TH8d9PN0vslPdm+fcfF4eHhNQ1dCLjUaHEWEvmofWbgGDgzoNJBRn2iRHOZjDVeBZzjs0mJR411xj5crYj4P41Sa5tUQ/Fsmy5bluWx5fxxotGOjs43BOxm4LRz7z2/PCxiBogNmlQNGGjZtnHEiV5d4JK5mwWCuO7LXiTkZZPKJnXjJtXTNRu4YWWsAp3MPdiawLcvBPQwcMbAtRokZoVrisK543S/yn/2UTI7fQ5Ez8zogYMGneVgkxqybjrzU2+UGphUzxZLMUT9uel7BBpn4FSIHzNwq1NWPCyyYR9OJwRmKZkrvgSQYuAYuOqBfk/ho1mkhgPLINf9ivqzxSUi7GbgGLg2ALdMyWyxAkKCgWPgWg2cIKo4JlX6kqnCVA4aOGjQc0GabFLBwPnz7ljhWq1wbvDFCmeomZJ6HZVypqHpQQMDF4KLgVMzYnRk2grgOGhQ+VI2qW0wqas8LMI+nK9qbQBuiQd+Gbh2AveKU1sMXNuAg8QcJ+8ZuDYCJ4Z4ehID1ybg1PQknoDJ43A6Gd/KoMGfgMlTzBm4NgC3XCqVj+bz+e9+zj6VvXUJJB82PPWESz2oUhW8LtXMyZs52KpFNHpqeTI3PUegMU7ec/K+Wcl7SJofGbHG/OUL+o3zerpQ2FL+2rVAkOfrW3PIywR5maBKg8UthAaeHjxwaHhgYMBffR9eee+0TacTp3YevwsSY9VOZEznbFLZpEbLf7iYyPmPHz5P/LvUgyF3bjEb0B0AXMwmVFqLy3XV8PMXJTVSzMaAzivX1XlNCHKW6nO5Lq4PF9QCjK5dFliRttx4uS7Tt+udmOnsqZTPJGw5CIE+Ag5JiW5B6OCChLqg4uaJUglYJSKnBtx7gF6D7Beln/UVJPwLlPfrQuwwAJUAAAAASUVORK5CYII=) no-repeat center center/cover
}

.scheme-list .btn14,.scheme-list .btn2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAiCAYAAACqeLBIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNWI3ZGM1Yi1iMTNjLTQ3NGYtYTJkMS1jOTdlMGMwMmM1NjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTRGRkQ2QTM1NkY2MTFFQjlBQjY4M0YzNDY1QkRGRkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTRGRkQ2QTI1NkY2MTFFQjlBQjY4M0YzNDY1QkRGRkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdkODQxNjktYWI3OS00OTQxLTk3ZDgtODMxYTg5YzFiYWE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE1YjdkYzViLWIxM2MtNDc0Zi1hMmQxLWM5N2UwYzAyYzU2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj1TaeQAAAJ4SURBVHja7Jy/T9tAHMXvTEknRCoVuiMVdiT+BMjeAVgSTDs1IOh/UKniD6ARSdWpbj3wY8hOunVF7YyExB/QgoCRIKS+L7aRbfli0sQ30PeRns6+3DnO89NFPueixxqflVYBiVIHZVg3irICzWN7DuUUVMb206jNfd+7fjpZZ5J+eBsn83WdaBOXYziO8Vg6Xa+T7XX+8bOO6yTeXw90fr0/o85s80+eJ66lyrqW19Altk5RHkHfUX34pubeqBx0TuDK0Dvs1VFOpE9UGU+SgXvkgQv3E9f5DGUTfbZXq+6lKXBOjzAuQ8fQe2hCEdKb52FWjr/43nI/gRuBWtAu9II+kj6RzOx6vteCRvICJw0OoLf0jQyIZOjgayp06cBtQ6/oFRkSkqWPpsAtQev0iAyZNYxyS+nAyRRHg96Qgmh8871yPHAy9TFJX0hBTIYZuwtcCarTE1Iwdd/3ShK4BcV5NlI8krGFKHCE2KAigZulD8QSsxK4afpALPFSAjdOH4glxqO7VEJsUHLoAbEJA0cYOPK4A9elDcQSXQncFX0glriSwJ3QB2KJEwncT/pALPFLAtehD8QSnShw5/SCFMwf6DC6S92hH6RgWtWq243m4WTxzG96Qgoc3SRj9xO/slJ6g76Qgtiohavx408a9qEmvSFDprlSdfeinfSjrU2oTY/IkGiHmVKmwN1Ci9AnekUGRDK0iNHtNl75JKOhNJBVXD9UsGqaywdJP8jN56Yb+xrtNcLFkQ4z0AfFeTqSz3mYlZlVQ9hMI1wcubOQv2DagioqWOE1B01Bz6BR+vxfIn88eAGdQkcqeHjQeV1zc3959FeAAQDelWa0SwJAJAAAAABJRU5ErkJggg==) no-repeat center center/cover
}

.scheme-list .btn15,.scheme-list .btn3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAiCAYAAACqeLBIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNWI3ZGM1Yi1iMTNjLTQ3NGYtYTJkMS1jOTdlMGMwMmM1NjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI5NTk0Njk1NkY3MTFFQjg0ODRBODUwNTUxNEQ2RUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI5NTk0Njg1NkY3MTFFQjg0ODRBODUwNTUxNEQ2RUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdkODQxNjktYWI3OS00OTQxLTk3ZDgtODMxYTg5YzFiYWE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE1YjdkYzViLWIxM2MtNDc0Zi1hMmQxLWM5N2UwYzAyYzU2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psu3B5MAAAKMSURBVHja7JxPTxNBGMZnAeuRmijeTZQ7CSfOwt0DcNm1BS6gAb6BifEDALH1pCh7oHLgTr15NXomIfED8CeWozUkPu/OLu5Md7tp6M5Bnl94eWdm33Y2T5402WlnvO2ZGXWN5/W2kdG6g9Yc2k+Rp5EfIVeR79q1KvrTWRnZGoveN+96Rk00R6od9z2rb1zX9270zTnk9b1j5tzm2L95rLlT4zqlx617yhgz9M6516SffV31apKnXW6NndN1Rv6N/x3kn8jfkL8gHwX1lT+qAK/AcGKqTbTW0H6QfVM03C00XFY+R3kDna2gttzJM9xIHzMuIo4RryKzEdKf+7FXjsOP7xcHMdwooonYRzykjmRAxDP74acPTcRokeGk4ACxSt3IDREPHYR7pulsw20hnlErMiTES9t5hltAvKRGZMi8CPd2F2zDVRE71IaUxA5MV00bbhMxQV1ISUzEHosMV1F6nY2QMlkLw92KGG5WcZ2NlI94bDYxHCEumBPDTVEH4ogpMdwT6kAc8VgMN04diCPGk6dUQlxQGaEGxCU0HKHhyP9tuC5lII7oiuEuqQNxxKUY7oQ6EEeciOG+UwfiiB9iuDZ1II5oJ4a7oBakZM4QR8lT6lvqQUqm6fv1brIOJ5tnTqkJKfHTTTx2vfArO6XXqQspiXU/qHfShhM+IxrUhgyZBszWSjr2V1sbiENqRIbEYewplWe4K8Q84h21IjdEPDTvB0tX6cGxjEIpkF1cX5XeNc3tg2QQ5OFzw3++1Mq62O/XIvKCScRrxXU6UsxF7JVJv7bcyisaK3gTebKQI5jeKDmQUO/wmkbIgYT3lD6okNw+5ODBXwh9IKH+8qAd1FYKf3n0V4ABAKwXZrX5NIqSAAAAAElFTkSuQmCC) no-repeat center center/cover
}

.scheme-list .btn16,.scheme-list .btn4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAiCAYAAACqeLBIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNWI3ZGM1Yi1iMTNjLTQ3NGYtYTJkMS1jOTdlMGMwMmM1NjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjNBMDQ2NTQ1NkY5MTFFQjkyRjU4RUVBNTI2NEUxMjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjNBMDQ2NTM1NkY5MTFFQjkyRjU4RUVBNTI2NEUxMjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTM2N2EwYzktYzg1NC0zZTRjLWFlMjUtNTc5YTQxMDQ0MDdhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE1YjdkYzViLWIxM2MtNDc0Zi1hMmQxLWM5N2UwYzAyYzU2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnKEpFoAAAKSSURBVHja7JxBT9RAHMVnFlmPrInizQOJcifh5Fm4ewAurbsqB1cDfAMT4wcA4q4nROgB5MCd9eaV6JmEhA+gEpeja0h8/+0U2zLdpmE7B3m/5PW/nZl2u29fmrS7U7328J5SWhm0eR2rstR6FGUWLx5hbRrNE6g11JvhWLODftVm1bSn+sI2ZcZpa7uKtSfHqESf1Mv7yOjPGJPoL7Jt1K/s2//btlJ8v5eOU+X0295bWfsiny/2oSxjY++nVep7Cft+Y9FF0wnqIepn1AO/sfhH5aBzAlfDYgUfoIl6J3GA9gNh4K5H4Gw5+InaQl3168+7WYGrDAjjAnQEve6HjZDB3DZZOQo+biwUCdwI1IZ2oLv0kRREMrMTbG20g60PI3mBkwF70Av6Rq6IZGgv2E6GLh24VegxvSJDQrK0lhW4eegVPSJD5iXOcvPpwMnV6Dq9ISWxHmxv1uKBW4HG6QspiXGTsX7gqlCTnpCSaQbBZlUCN6N4n42Uj2RsJgocIS6YlcBN0QfiiCkJ3AP6QBxxXwI3Rh+II8aiq1RCXFCt0APiEgaOMHDk/w5cjzYQR/QkcGf0gTjiTAJ3TB+II44lcF/pA3HENwlchz4QR3SiwJ3SC1IyP6CD6Cr1Hf0gJdP2vEYvug8nk2e+0xNS4tlNMnZx41dmSi/RF1ISS57f6MYDJ3yCWvSGDJmW5z/djVbSP20tQ/v0iAyJfZMplRW4c2gOek+vyBWRDM3h7HYeb7xhGSgDZBbXFxXOmub0QVIEufhc9p4827V1Dvq3iGwwCb1RvE9H8jk1WZn06vawZZ3h4siVhTyC6a2SBxKGM7ymoQnoFjRKn68l8uDBX9AJdKjCHw86fn0x959HfwUYAO1gZrZWpHtVAAAAAElFTkSuQmCC) no-repeat center center/cover
}

.scheme-list .btn17,.scheme-list .btn5 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAiCAYAAACqeLBIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNWI3ZGM1Yi1iMTNjLTQ3NGYtYTJkMS1jOTdlMGMwMmM1NjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM3OEJCRkM1NkZFMTFFQjhBMjREQzYyOEE5RUE4MUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM3OEJCRkI1NkZFMTFFQjhBMjREQzYyOEE5RUE4MUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWFjNGY2ZWQtOTljOC1hZjQ5LWFmYTYtMmVmY2YxZDdiYzliIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE1YjdkYzViLWIxM2MtNDc0Zi1hMmQxLWM5N2UwYzAyYzU2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn5/BlAAAAKFSURBVHja7Jy/TxRBHMVn9uAowUSxN1F6Ev4EobcAmlkjoImnASpaE+MfgMQ7GsXktuCgoOfobAnWJCT8ASrxKD1Cwvuys+uC+4MLt1PI+yTvducnd4+XTWbvZvX6yogK0VePWifrBvEyhbqnWukJnD9CHQbqobCLTig51irZB206q822Z53rtPqcMVp7+X3iOi97/pw5tB2nbjDu37m93Pek43PvRp9ZF/mX8n+I/05cViljVVr5D9RB8RjHfcyxh8pd8/zVmSpAFwROGpdxrOH44O8HU9mBYeDuQuCuzGcz8Qt96iivGn+hkxU4LyeMs9Ah9O4ybITkc99m5TBofp7tJXAVqAFtQg/pI+kRycxm0PzSgCpFgZMO29Br+kZuiWRoO2huVPICtwo9o1ekT0iWPmYFbgZ6S49In3kTBBsz1wMnq9E1ekNKYi0Ivo4kA7cMjdIXUhKjNmOXgatCNXpCSqaGq1xVAjepeJ+NlI9kbDIKHCEumJLAjdMH4ohxCdwT+kAc8VgCN0wfiCOGo1UqIS6oevSAuISBIwwc+b8D16UNxBFdCdwpfSCOOJXAHdEH4ogjCdwBfSCO+C6Ba9MH4oh2FLgTekFK5ie0G61SP9EPUjINY150o/twsnnmBz0hJV7dJGPxjV/ZKb1IX0hJLOLq1kkGTtiC6vSG9Jm6MXOtqHD9q60laIcekT6xYzOlsgJ3Dk1D6/SK3BLJ0LTx586TlQMpHaWD7OL6psJd09w+SHpBFp9Lxp9vpTXm/VpEBoxB7xXv05FiTmxWxoy/0MrqNFAwiaws5BFMH5Q8kDDc4WUfSKjuQYP0+U4iDx78DR1D+yr88qBt/JeFvzy6EGAAXQFms7HibK8AAAAASUVORK5CYII=) no-repeat center center/cover
}

.scheme-list .btn18,.scheme-list .btn6 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAiCAYAAACqeLBIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNWI3ZGM1Yi1iMTNjLTQ3NGYtYTJkMS1jOTdlMGMwMmM1NjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY2QTc1NkY1NkZFMTFFQjgzODdFOTg2MUJENjUyQjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY2QTc1NkU1NkZFMTFFQjgzODdFOTg2MUJENjUyQjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWFjNGY2ZWQtOTljOC1hZjQ5LWFmYTYtMmVmY2YxZDdiYzliIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE1YjdkYzViLWIxM2MtNDc0Zi1hMmQxLWM5N2UwYzAyYzU2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pil7ZxkAAAKJSURBVHja7Jw/T9tAGMbfAxpGUqmlOxJlR0LiCzTZOwCLixlLEeEbIFV8ABqRtGPaDLQMLJ1It66IzkhI/QBtETASFIXnre3i+K8i4hvK85NevfbZZ1+ePHJ059yZxQ9fRTEiA9nb7gdlj5CqyC+QF5BnkMvIk3rQq9OPXcPEtvvJx83d8ay60WN3dfuDZQPnJNQzg22JhkSuZ0y8/SZyj1i5SW9zepsS7h36LmJlKe2SjM8joftJQluSriPx9l4jXSL/xM4x8jfsH605qzeSg8kxXBlpC2XryE+TGkbDPUjDJXz/8gfnNbC96zruZZrhxjLMuII4RWyr2YSQbJ74XjlttVsrwxhuHNFE7COeUUcyJOqZ/Y/tVhMxnmc4PeEA8Zq6kXuiHjr4FDFd1HC7iJfUiowI9dK7NMMtIzaoERkxb/CUW44aTnujdWpDCqIO05XDhttCTFMXUhDTvsf+Gq4k3jgbIUWy3m63Smq4inCcjRSPeqwSGI4QG1TVcPPUgVhiXg33nDoQS8yq4aaoA7HEVNBLJcQGpTFqQGxCwxEajvzfhutSBmKJrhruijoQS1yp4c6oA7HEmRruhDoQS/xQw3WoA7FEJzDcObUgBfMbcRT0UveoBymYpuO43WAcTifP/KImpMCnm3rs38CvzpTepC6kIDZf+bPxw28aviAa1IaMmAbM9jnYib7aqiEOqREZEYe+pyTNcD3EEuI9tSL3RD20hKdbL1w4kXCinqCzuL6LN2ua0wfJMGjns7Ya+hnNesKF0QpziLfCcTqSz7nvlTk3xWxpT7gw2rPQJZh2EFXxZngtiLcg4WPxFiokDw9dePBCdEFCkWPxXh501hw3959HtwIMAGJtjbNCqggaAAAAAElFTkSuQmCC) no-repeat center center/cover
}

@media (min-width:1024px) {
    .scheme-section {
        position: relative;
        padding: 80px 0 100px;
        color: #fff;
        min-height: 870px
    }

    .scheme-section .title {
        font-size: 30px;
        margin-bottom: 120px;
        padding: 0;
        color: #fff;
        border: 0
    }

    .scheme-list {
        position: relative;
        z-index: 10;
        max-width: 1100px;
        margin: 0 auto;
        color: #fff;
        padding: 49px 0 46px
    }

    .scheme-list:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #e6f7f8;
        left: 223px
    }

    .scheme-list .inner {
        min-height: 250px
    }

    .scheme-list .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .scheme-list .item:first-child ::after {
        top: -10px
    }

    .scheme-list .item:last-child .name {
        margin-bottom: 0!important
    }

    .scheme-list .show .name {
        color: #f98553;
        background: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.2)),to(transparent));
        background: linear-gradient(to left,rgba(0,0,0,.2),transparent)
    }

    .scheme-list .show .name::before {
        display: none!important;
        content: '';
        top: 0;
        bottom: 0;
        width: 2px;
        background: #f98553;
        right: 0;
        position: absolute;
        z-index: 11
    }

    .scheme-list .show .con .inner {
        opacity: 1;
        z-index: 10
    }

    .scheme-list .name:after,.scheme-list .show .con .inner::before {
        display: none!important;
        content: '';
        position: absolute;
        top: 0;
        width: 2px;
        background: #667080
    }

    .scheme-list .show .con .inner::before {
        left: -2px;
        bottom: 0
    }

    .scheme-list .show .con .inner .img-wrapper {
        border-top: rgba(255,255,255,.2) 1px dashed;
        padding: 30px 0 0
    }

    .scheme-list .show .con .inner .group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px -20px
    }

    .scheme-list .show .con .inner .group a {
        display: block;
        padding: 10px 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        margin-bottom: 0
    }

    .scheme-list .show .con .inner .group a img {
        max-height: 82px
    }

    .scheme-list .con,.scheme-list .name {
        display: block;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .scheme-list .con .inner {
        opacity: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        background: 0 0;
        padding: 0;
        border-bottom: 0;
        position: absolute;
        padding-left: 6.25vw;
        padding-top: 45px;
        padding-right: 10px;
        padding-bottom: 20px;
        top: 0
    }

    .scheme-list .con .con-name {
        font-size: 26px;
        margin-bottom: 40px;
        display: block
    }

    .scheme-list .con .summary {
        font-size: 18px;
        line-height: 2.4;
        margin-bottom: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .scheme-list .con .badge-wrapper {
        margin-bottom: 60px
    }

    .scheme-list .con .badge-wrapper .badge {
        background: rgba(255,255,255,.2);
        height: 30px;
        font-size: 16px;
        margin-right: 15px;
        border-radius: 2px
    }

    .scheme-list .name {
        position: relative;
        color: #fff;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 226px;
        flex: 0 0 226px;
        margin-bottom: 60px;
        padding: 0 100px 0 0;
        text-align: right;
        border-bottom: 0;
        height: auto;
        font-size: 22px;
        line-height: 1
    }

    .scheme-list .name:after {
        right: 0;
        bottom: -15px;
        height: initial;
        -webkit-transform: none;
        transform: none
    }

    .scheme-list .con {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .scheme-list .button-group .button {
        font-size: 16px
    }

    .scheme-bgs,.scheme-bgs li {
        position: absolute;
        top: 0;
        left: 0
    }

    .scheme-bgs {
        right: 0;
        bottom: 0;
        background-color: #434c59
    }

    .scheme-bgs li {
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: all .3s;
        transition: all .3s;
        height: 100%;
        width: 100%;
        opacity: 0
    }

    .scheme-bgs li.show {
        opacity: 1!important
    }
}

.secton-news--index {
    position: relative;
    padding: 30px 0
}

.secton-news--index .container {
    position: relative;
    z-index: 2
}

.secton-news--index .bd {
    background-repeat: no-repeat;
    background-position: calc(100% - 40px) top;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    margin-top: -117px
}

.secton-news--index .section-hd {
    text-align: center;
    margin-bottom: 30px
}

.secton-news--index .section-bd .title {
    font-size: 16px;
    margin-bottom: 20px
}

.secton-news--index .section-bd .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.secton-news--index .section-bd .flex-box .flex-item{
    padding: 0 1%;
}

/*.secton-news--index .section-bd .flex-box .flex-item {*/
/*    padding-left: 1%*/
/*}*/

/*.secton-news--index .section-bd .flex-box .flex-item+.flex-item {*/
/*    margin-top: 10px*/
/*}*/

.secton-news--index .section-bd .list .item {
    margin-bottom: 15px;
    font-size: 14px;
    display: block
}

.secton-news--index .section-bd .list .item .date {
    color: #999;
    margin-bottom: 5px
}

.secton-news--index .section-bd .list .item .con {
    color: #000;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.secton-news--index .section-bd .list .item .more {
    color: #999;
    display: inline-block;
    line-height: 20px
}

@media (min-width:1024px) {
    .secton-news--index {
        padding: 100px 0 90px
    }

    .secton-news--index .section-hd {
        margin-bottom: 55px
    }

    .secton-news--index .section-hd .section-tit {
        font-weight: 500
    }

    .secton-news--index .section-bd .flex-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    /*.secton-news--index .section-bd .flex-item:last-child {*/
    /*    padding-left: 20%*/
    /*}*/

    .secton-news--index .section-bd .title {
        margin-bottom: 48px;
        font-size: 18px
    }

    .secton-news--index .section-bd .list .item {
        line-height: 20px;
        margin-bottom: 30px
    }

    .secton-news--index .section-bd .list .item .date {
        margin-bottom: 12px;
        line-height: 1
    }

    .secton-news--index .section-bd .list .item .con,.secton-news--index .section-bd .list .item .summary {
        margin-bottom: 10px
    }
}

.section-normal {
    padding: 30px 0
}

.section-normal .section-tit {
    font-size: 18px
}

.section-normal .section-des {
    font-size: 14px;
    margin-top: 10px
}

@media (min-width:1024px) {
    .section-normal {
        padding: 80px 0
    }

    .section-normal .section-tit {
        font-size: 30px
    }

    .section-normal .section-des {
        font-size: 22px;
        margin-top: 25px
    }
}

.section-cloud {
    background: #fff
}

.section-cloud .media-panel:hover img:first-child {
    opacity: 0
}

.section-cloud .media-panel:hover img:nth-child(2n+2) {
    opacity: 1!important
}

.section-cloud .media-panel-object {
    position: relative;
    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
}

.section-cloud .media-panel-object img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.section-cloud .media-panel-object img:first-child {
    opacity: 1
}

.section-cloud .media-panel-object img:last-child {
    opacity: 0
}

@media (max-width:1024px) {
    .section-c12 {
        padding: 30px 0
    }
}

@media (min-width:1024px) {
    .section-cloud .radius .radius-line {
        width: 660px;
        margin: 0 auto
    }

    .section-cloud .media-panel-body {
        margin-top: 70px!important
    }

    .section-cloud .media-panel-desc {
        margin-top: 30px!important;
        max-width: 350px;
        margin: 0 auto
    }
}

.commno-nav-bar {
    position: relative;
    background: #f3f3f3;
    z-index: 10
}

.commno-nav-bar .nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    overflow-x: auto
}

.commno-nav-bar .nav-list .nav-cell,.commno-nav-bar .nav-list .nav-cell span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.commno-nav-bar .nav-list .nav-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #000;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    padding: 0 15px;
    position: static
}

.commno-nav-bar .nav-list .nav-cell span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap
}

.commno-nav-bar .nav-list .nav-cell span .iconfont {
    font-size: 12px;
    margin-left: 10px
}

.commno-nav-bar .nav-list .nav-cell .nav-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #f3f3f3
}

.commno-nav-bar .nav-list .nav-cell .nav-menu a:hover,.commno-nav-bar .nav-list .nav-cell .nav-menu li.active a,.commno-nav-bar .nav-list .nav-cell.active span {
    color: #5d0910
}

.commno-nav-bar .nav-list .nav-cell .nav-menu a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.commno-nav-bar .nav-list .nav-cell.active span .iconfont {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width:1024px) {
    .commno-nav-bar .nav-list {
        overflow: initial;
        height: 50px
    }

    .commno-nav-bar .nav-list .nav-cell {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.section-summary {
    font-size: 14px;
    color: #666
}

.section-data .section-tit:after,.section-history .section-tit:after {
    content: '';
    width: 40px;
    height: 3px;
    display: block;
    margin: 10px auto 0;
    background: #000
}

.section-data .data-panel .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-data .data-panel .flex-box .image-wrapper {
    margin-bottom: 10px
}

.section-data .data-panel .flex-box .summary {
    color: #000
}

.section-data .data-panel .button {
    width: 100%;
    padding: 5px 15px;
    color: #fff;
    background: #789db7;
    margin-top: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section-data .data-panel .button img {
    margin-right: 14px;
    width: 15px;
    line-height: 1.45;
    display: inline-block;
    margin-top: 5px
}

.section-data .data-panel .button span {
    display: inline-block;
    line-height: 1.45
}

.section-data--info {
    position: relative;
    padding-bottom: 30px
}

.section-data--info .section-summary {
    font-size: 12px;
    margin-top: 10px
}

@media (min-width:1024px) {
    .section-data .data-panel {
        padding: 40px;
        border: 1px solid #c9c9c9
    }

    .section-data .data-panel .flex-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .section-data .data-panel .flex-box .summary {
        padding-top: 10px;
        line-height: 150%
    }

    .section-data .data-panel .flex-box .image-wrapper {
        margin-right: 4.16667vw;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0
    }

    .section-data .data-panel .flex-box .image-wrapper img {
        width: 490px
    }

    .section-data .data-panel .flex-box .con {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section-data .data-panel .flex-box .con .button {
        margin-top: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 0
    }

    .section-data .data-panel .flex-box .con .button img {
        margin-top: 0;
        width: 23px
    }

    .section-data--info {
        padding-bottom: 80px
    }

    .section-data--info .text-right {
        position: absolute;
        right: 60px;
        bottom: 50px
    }
}

.section-history {
    background: url(../images/history.png) no-repeat center bottom
}

.section-history .section-tit:after {
    margin: 10 auto 0
}

.section-history .history-inner {
    position: relative
}

.section-history .history-inner:before {
    content: '';
    top: 0;
    bottom: 0;
    width: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) scaleX(.5);
    transform: translateX(-50%) scaleX(.5);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAOhCAYAAADc1nT5AAAAyklEQVRoQ+2ZLQ4CMRBGuxZHgsNwGiSOo3ADBAI93a8CwzG4BY6EY6AIgmybmewGSQLmmealP9PJZF5NOzPbpJRSJ2nrsHaYVRiGKZjZ3PfsKpRSDj6zn8J4qW2O45+RJS38+LFC3/dnh9N30OJIapHjrkgj57z0pYvDzeH6Q4hLWxqR2DjVledzd3g5PAGJIogiVM3pBIrQHnw6gSLQCViABViABViABViABViABViABViABViABViABViABViABf+yIP6yH8Nf9huy9+1bZ54ZWAAAAABJRU5ErkJggg==) no-repeat center top;background-size: 100% 100%
}

.section-history .history-inner ul {
    position: relative;
    padding: 70px 0 130px
}

.section-history .history-inner li {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity 1800ms cubic-bezier(.075,.82,.165,1),-webkit-transform 1800ms cubic-bezier(.075,.82,.165,1);
    transition: transform 1800ms cubic-bezier(.075,.82,.165,1),opacity 1800ms cubic-bezier(.075,.82,.165,1);
    transition: transform 1800ms cubic-bezier(.075,.82,.165,1),opacity 1800ms cubic-bezier(.075,.82,.165,1),-webkit-transform 1800ms cubic-bezier(.075,.82,.165,1)
}

.section-history .history-inner li.in {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.section-history .history-inner li:nth-child(odd) .flex-item:first-child {
    padding-right: 20px
}

.section-history .history-inner li:nth-child(odd) .label:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    right: -16px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background: #fff
}

.section-history .history-inner li:nth-child(odd) .label::before {
    right: -37px
}

.section-history .history-inner li:nth-child(even) .flex-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.section-history .history-inner li:nth-child(even) .flex-item:first-child {
    padding-left: 20px
}

.section-history .history-inner li:nth-child(even) .label:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    left: -16px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    background: #fff
}

.section-history .history-inner li:nth-child(even) .label::before {
    left: -37px
}

.section-history .history-inner .flex-box .flex-item {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.section-history .history-inner .flex-box .flex-item .box {
    position: relative;
    border: 1px solid #c9c9c9;
    padding: 10px;
    background: #fff
}

.section-history .history-inner .flex-box .flex-item:last-child {
    font-size: 0
}

.section-history .history-inner .label {
    position: relative;
    display: block;
    color: #333;
    margin-bottom: 10px
}

.section-history .history-inner .label::before {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAACG0lEQVQ4T52UvUvVcRTGP8/5eUsxa7DA2poy7QWaWrRwDsFbQQ1C/0A0BAYO+UIK1VjNQg0OQZYUtBRpa0NQatRQUy+oDYV49Xq/T1zLyxXSpDMdOJyH55zzPEdUha93NhSLNa2GdqTDtveFoi45LUr6jP1GMJnLrUzpyvjPtVatJT+GuxprS3Q64hT2O7KY9rLnslwUSsVUq23aTSm1IDUrpceFjPGdvWPz5f5VEA93NS6hbhJ7IzRdshWoDWgF6oEFYCrhl5nklNxC8GU7vqfesXm5/+yOYrZy1lKzrYkIdxjlgSagrmraReCrzRjyc0Gb0PtcTfG+lq/ljxt6JMZxHLVSN6ixelfrcvNd+G4Jvw5FV8g3VRjKXxbskTRj0wfs3xDgT8H4U8CAodn2nJaG8iOSXjj5hKRzXj/CRngF7FGhCcsnyyBPbd2RXGZxDFS52MaMbOCVYUBwUYWh05NZ8mAK3QKa/zVKpS6mwrpk3PebSfJthfr/m8nqTqwXhE/YOg/UboFNQfJoKWkiyjupXAfeJeuqtIXrmI8hD9ocNJ6t0okfJnREcGFTneB5rJGk9CbQ6RA3NNvT2bCrITvj0AFLk2F12M6jvytW6EFi5ZmctUt8WFVsxTtJ3RJNyZ7JCCzasQ+B6sELSG8lJktODsdBh79VvLOpi5PnnLSk8HZFlYtJT3LiUdl8FRevAf3tn0jU2Wz6T34BFLYsBwV8Kf4AAAAASUVORK5CYII=) no-repeat center;width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    z-index: 50;
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-history .history-inner .con {
    color: #9a9a9a;
    font-size: 12px;
    line-height: 150%
}

@media (min-width:1024px) {
    .section-history {
        padding: 77px 0 210px
    }

    .section-history .section-tit:after {
        margin: 20px auto 0
    }

    .section-history .history-inner li+li {
        margin-top: 60px
    }

    .section-history .history-inner li:nth-child(odd) .flex-item:first-child {
        padding-right: 40px
    }

    .section-history .history-inner li:nth-child(odd) .label:after {
        width: 14px;
        height: 14px;
        right: -33px
    }

    .section-history .history-inner li:nth-child(odd) .label::before {
        right: -74px
    }

    .section-history .history-inner li:nth-child(even) .flex-item:first-child {
        padding-left: 40px
    }

    .section-history .history-inner li:nth-child(even) .label:after {
        width: 15px;
        height: 15px;
        left: -33px
    }

    .section-history .history-inner li:nth-child(even) .label::before {
        left: -74px
    }

    .section-history .history-inner .flex-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section-history .history-inner .flex-box .flex-item {
        max-width: 429px
    }

    .section-history .history-inner .flex-box .flex-item .box {
        padding: 25px
    }

    .section-history .history-inner .flex-box .flex-item:last-child {
        font-size: 0
    }

    .section-history .history-inner .label {
        font-size: 18px
    }

    .section-history .history-inner .label::before {
        width: 16px;
        height: 16px
    }

    .section-history .history-inner .con {
        font-size: 14px
    }
}

.section-certificate .h-title {
    font-size: 20px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-certificate .h-title span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 20px
}

.section-certificate .h-title::after,.section-certificate .h-title::before {
    content: '';
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    height: 1px;
    background: #c7c7c7;
    max-width: 165px
}

.section-certificate .section-bd .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.section-certificate .section-bd .row [class*=col] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

.section-certificate .section-bd .item {
    font-size: 0
}

.section-certificate .section-bd .item .con {
    font-size: 12px;
    line-height: 180%;
    margin-top: 5px;
    padding: 10px
}

.section-certificate .mt {
    margin-top: 30px
}

@media (min-width:1024px) {
    .section-certificate .h-title {
        font-size: 30px;
        margin-bottom: 70px
    }

    .section-certificate .h-title span {
        margin: 0 30px
    }

    .section-certificate .section-bd .scroll-x {
        overflow: hidden
    }

    .section-certificate .section-bd .row {
        display: block;
        margin: 0 -55px
    }

    .section-certificate .section-bd .row [class*=col] {
        padding: 0 55px
    }

    .section-certificate .section-bd .item .con {
        padding: 24px 30px;
        font-size: 16px
    }

    .section-certificate .mt {
        margin-top: 80px
    }

    .section-certificate .yt {
        margin-top: -60px
    }

    .section-certificate .swiper-slide {
        width: 285px;
        height: 385px
    }

    .section-certificate .swiper-slide img {
        width: 100%;
        height: 100%
    }
}

.scene-wrapper .flex-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.scene-wrapper .flex-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.scene-wrapper .flex-item:nth-child(6n+1) .item,.scene-wrapper .flex-item:nth-child(6n+2) .item,.scene-wrapper .flex-item:nth-child(6n+3) .item {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#d6e5f0),to(#fff));
    background: linear-gradient(to bottom,#d6e5f0 50%,#fff 100%)
}

.scene-wrapper .flex-item:nth-child(6n+4) .item,.scene-wrapper .flex-item:nth-child(6n+5) .item,.scene-wrapper .flex-item:nth-child(6n+6) .item {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#b2c7d6),to(#fff));
    background: linear-gradient(to bottom,#b2c7d6 50%,#fff 100%)
}

.scene-wrapper .item {
    padding: 20px 0
}

.scene-wrapper .item img {
    display: block;
    margin: 0 auto 24px;
    max-width: 50px
}

.scene-wrapper .item .text {
    font-size: 12px;
    text-align: center
}

.section-scene .top {
    margin-top: 30px;
    text-align: center
}

@media (min-width:1024px) {
    .section-scene .section-hd {
        margin-bottom: 70px
    }

    .section-scene .top {
        margin-top: 30px
    }

    .scene-wrapper {
        max-width: 976px;
        margin: 0 auto
    }

    .scene-wrapper .scroll-x {
        overflow: hidden
    }

    .scene-wrapper .flex-box {
        margin: 0 -20px
    }

    .scene-wrapper .flex-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        padding: 0 20px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .scene-wrapper .flex-item .item {
        width: 100%;
        margin-top: auto
    }

    .scene-wrapper .flex-item:nth-child(6n+1) .item {
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }

    .scene-wrapper .flex-item:nth-child(6n+2) .item {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    .scene-wrapper .flex-item:nth-child(6n+1) .item,.scene-wrapper .flex-item:nth-child(6n+2) .item,.scene-wrapper .flex-item:nth-child(6n+3) .item,.scene-wrapper .flex-item:nth-child(6n+4) .item {
        padding: 20px 0 40px
    }

    .scene-wrapper .flex-item:nth-child(6n+5) .item {
        padding: 20px 0 80px
    }

    .scene-wrapper .flex-item:nth-child(6n+6) .item {
        padding: 20px 0 120px
    }

    .scene-wrapper .item img {
        max-width: initial
    }

    .scene-wrapper .item .text {
        font-size: 16px
    }
}

.section-case--index {
    padding: 30px 0 0
}

.section-case--index .section-hd img {
    display: none
}

.section-case--index .bg {
    margin: 0 auto;
    display: none
}

.section-case--index .btn {
    display: none;
    font-size: 24px;
    height: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 14.47917vw;
    color: #fff;
    background: #789db7;
    border-radius: 45px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-case--index .logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9
}

.section-case--index .logo-wrapper img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 80px;
    padding: 10px 15px;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9
}

@media (min-width:1024px) {
    .section-case {
        padding: 60px 0
    }

    .section-case .row {
        margin: 0 -22px
    }

    .section-case [class*=col] {
        padding: 0 22px
    }

    .section-case--index {
        padding: 96px 0 0;
        overflow: hidden
    }

    .section-case--index .section-hd {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .section-case--index .section-hd img {
        display: block;
        margin: 0 auto 10px
    }

    .section-case--index .bg {
        display: block
    }

    .section-case--index .box {
        position: relative;
        display: inline-block
    }

    .section-case--index .box .btn {
        position: absolute;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .section-case--index .box .btn:first-child {
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: -16px
    }

    .section-case--index .box .btn:nth-child(5n+2) {
        left: -8.85417vw;
        top: 210px
    }

    .section-case--index .box .btn:nth-child(5n+3) {
        right: -8.85417vw;
        top: 210px
    }

    .section-case--index .box .btn:nth-child(5n+4) {
        bottom: 100px;
        left: 0
    }

    .section-case--index .box .btn:nth-child(5n+5) {
        bottom: 100px;
        right: 0
    }

    .section-case--index .logo-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
        display: block
    }

    .section-case--index .logo-wrapper img {
        position: absolute;
        margin: 0 auto;
        border: 0;
        padding: 0;
        width: auto;
        max-height: initial;
        height: initial;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .section-case--index .logo-wrapper img:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .section-case--index .logo-wrapper img:nth-child(18n+1) {
        top: 84px;
        left: 107px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+2) {
        top: 71px;
        left: 514px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+3) {
        top: 160px;
        left: 547px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+4) {
        top: 264px;
        left: 669px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+5) {
        top: 366px;
        left: 808px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+6) {
        top: 472px;
        left: 711px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+7) {
        top: 553px;
        left: 620px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+8) {
        top: 632px;
        left: 589px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+9) {
        top: 190px;
        left: 163px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+10) {
        top: 660px;
        left: 440px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+11) {
        top: 300px;
        left: 24px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+12) {
        top: 625px;
        left: 144px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+13) {
        top: 540px;
        left: -14px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+14) {
        top: 400px;
        left: -84px
    }

    .section-case--index .logo-wrapper img:nth-child(18n+15) {
        top: 418px;
        left: 0
    }
}

.contact-site {
    position: fixed;
    top: 50%;
    z-index: 100;
    color: #fff;
    right: 0;
    -webkit-transform: scale(.7) translateY(-50%);
    transform: scale(.7) translateY(-50%)
}

.contact-site .wrapper {
    position: relative;
    width: 50px
}

.contact-site .contact-site__inner,.contact-site .contact-site__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px
}

.contact-site .contact-site__trigger {
    background: #486d87;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    min-height: 50px;
    min-width: 50px;
    padding: 0 10px
}

.contact-site .contact-site__trigger>span {
    display: none!important
}

.contact-site .contact-site__trigger>img {
    display: block
}

.contact-site .contact-site__trigger:hover .contact-site__inner {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    z-index: 2
}

.contact-site .contact-site__trigger img {
    width: 30px;
    height: 26px
}

.contact-site .contact-site__trigger .text {
    display: block;
    margin-top: 10px
}

.contact-site .contact-site__inner {
    background: #fff;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    min-height: 196px;
    color: #273744;
    padding: 0 25px;
    font-size: 14px;
    white-space: nowrap;
    line-height: 1;
    min-width: 325px;
    -webkit-transition: opacity .3s .1s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s .1s;
    transition: transform .3s,opacity .3s .1s,-webkit-transform .3s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    z-index: -1
}

.contact-site .contact-site__inner a {
    color: inherit
}

.contact-site .contact-site__inner .cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: left
}

.contact-site .contact-site__inner .cell .flex-box {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #789db7
}

.contact-site .contact-site__inner .cell:last-child .flex-box {
    border-bottom: none
}

.contact-site .contact-site__inner .cell .icon {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    -webkit-transition: all .3s;
    transition: all .3s
}

.contact-site .contact-site__inner .cell .icon_advisory {
    background-image: url("../images/咨询(1).png")
}

.contact-site .contact-site__inner .cell .icon_advisory:hover {
    background-image: url("../images/咨询(1)1.png")
}

.contact-site .contact-site__inner .cell .icon_phone {
    background-image: url("../images/电话(5).png")
}

.contact-site .contact-site__inner .cell .icon_phone:hover {
    background-image: url("../images/电话(4).png")
}

.contact-site .contact-site__inner .cell .icon_skill {
    background-image: url("../images/技术支持服务热线(1).png")
}

.contact-site .contact-site__inner .cell .icon_skill:hover {
    background-image: url(../images/技术支持服务热线.png)
}

.contact-site .contact-site__inner .cell .icon_feedback {
    background-image: url(../images/反馈.png)
}

.contact-site .contact-site__inner .cell .icon_feedback:hover {
    background-image: url("../images/反馈(1).png")
}

#feedbackModal .modal-header,.contact-site .to-top {
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-site .to-top {
    background: #486d87;
    min-width: 50px;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    margin-top: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    line-height: 1
}

.contact-site .to-top.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-site .to-top:before {
    content: '';
    border-style: solid;
    border-color: transparent transparent #fff;
    border-width: 0 10px 13px;
    margin-bottom: 4px
}

@media (min-width:1024px) {
    .contact-site {
        -webkit-transform: scale(1) translateY(-50%);
        transform: scale(1) translateY(-50%)
    }

    .contact-site .contact-site__trigger {
        padding: 30px 10px
    }

    .contact-site .contact-site__trigger>span {
        display: block!important
    }

    .contact-site .contact-site__trigger>img {
        display: none
    }
}

#feedbackModal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#feedbackModal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

#feedbackModal .modal-header {
    background: #687c8a;
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    padding: 0 20px
}

#feedbackModal .modal-header .close {
    background: 0 0;
    border: 0;
    margin-left: auto;
    width: 20px;
    height: 20px;
    line-height: 1;
    background: url(../images/close.png) no-repeat center/16px
}

#feedbackModal .modal-body {
    background: #e0e3e4;
    padding: 28px 20px 0
}

#feedbackModal .modal-footer {
    background: #e0e3e4;
    text-align: center;
    font-size: 14px;
    padding: 20px 0
}

#feedbackModal .modal-footer .btn {
    width: 55px;
    height: 25px;
    border: 0;
    white-space: nowrap;
    -webkit-transition: all .3s;
    transition: all .3s
}

#feedbackModal .modal-footer .btn:hover {
    background: #91a1ac
}

#feedbackModal .modal-footer .btn-default {
    background: #ccd1d3;
    color: #333
}

#feedbackModal .modal-footer .btn-primary {
    color: #333;
    background: #91a1ac
}

#feedbackModal .form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#feedbackModal .form .form-group:nth-child(4n+1) {
    margin-bottom: 30px
}

#feedbackModal .form .form-group .label {
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    text-align: right;
    margin-right: 20px
}

#feedbackModal .form .form-group .label span {
    color: #781f26
}

#feedbackModal .form .textarea-group {
    height: 120px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    resize: none;
    border: 1px solid rgba(39,55,68,.5)!important;
    padding: 10px;
    border-radius: 0;
    outline: 0!important
}

#feedbackModal .form .textarea-group:focus {
    border-color: rgba(120,31,38,.5)!important
}

#feedbackModal .form .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 180px;
    border: 1px solid rgba(39,55,68,.5)
}

#feedbackModal .form .form-control:focus {
    border-color: rgba(120,31,38,.5)
}

#feedbackModal .form .tip {
    background: #687c8a;
    color: #fff;
    padding: 18px 22px;
    margin-top: 30px
}

#feedbackModal .form .tip .title {
    font-size: 14px;
    margin-bottom: 10px
}

#feedbackModal .form .tip .summary {
    font-size: 12px
}

@media (min-width:1024px) {
    #feedbackModal .modal-body {
        background: #e0e3e4;
        padding: 28px 40px 0
    }
}

.section-publicCloud {
    padding: 30px 0
}

.section-publicCloud .media-panel-object {
    text-align: center
}

.line {
    width: 48px;
    height: 3px;
    background: #333;
    display: block;
    margin: 30px auto 0
}

@media (min-width:1024px) {
    .section-scenes .tab-pane-solution-bd {
        margin-top: 66px!important
    }

    .section-publicCloud {
        padding: 80px 0
    }

    .section-publicCloud .section-hd .line {
        margin: 20px auto
    }

    .section-publicCloud .row {
        margin: 0 -53.5px
    }

    .section-publicCloud [class*=col] {
        padding: 0 53.5px
    }

    .section-publicCloud .media-panel-body {
        margin: 0 auto
    }

    .section-publicCloud .media-panel-object {
        margin-bottom: 40px!important
    }

    .section-publicCloud .media-panel-desc {
        margin-top: 28px!important
    }
}

.section-case .desc {
    font-size: 14px;
    color: #000;
    margin-top: 24px;
    line-height: 30px
}

.section-case .col-md-3 {
    margin-bottom: 20px
}

.section-c21,.section-c22,.section-c23,.section-c36 {
    padding: 30px 0
}

.section-c23 .section-bd .tab-content {
    padding: 15px
}

.section-c23 .section-bd .tab-content .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-c23 .section-bd .tab-content .media-img {
    margin-right: 15px
}

.v-image {
    height: 34px;
    margin-left: 10px;
    background: #ccc
}

.section-protect__question .media-panel .media-panel-title,.section-protect__safety .media-panel-title {
    color: #486d87!important
}

.section-protect__safety .media-panel-desc {
    text-align: initial!important
}

.section-protect__advantage .media-panel-title {
    color: #486d87!important;
    text-overflow: initial!important;
    white-space: pre-wrap!important;
    font-size: 14px!important;
    text-align: left!important
}

.section-c9 {
    padding: 30px 0 10px
}

.section-WAF__protect {
    padding: 30px 0
}

.section-WAF__protect .section-bd {
    margin: 0
}

.section-WAF__protect .description {
    list-style: initial;
    line-height: 24px
}

.section-WAF__protect .description ul {
    padding-left: 20px
}

.section-WAF__protect .description li {
    list-style: initial;
    margin-bottom: 0
}

.section-networking__info .tab-pane-solution {
    margin: 30px 0 0!important
}

.section-networking__info .tab-pane-solution .section-hd {
    margin-bottom: 30px!important
}

.section-networking__info .tab-pane-solution-bd {
    margin: 0!important
}

.section-networking__info .section-c19 {
    padding: 30px 0
}

.section-networking__info .section-c19 .media-panel-title {
    color: #273744!important
}

.section-networking__info .section-c19 .media-panel-desc {
    color: #000!important
}

.section-networking__info .section-bd .nav-tabs {
    margin: 0 auto 20px
}

.section-case__retail {
    padding: 30px 0 10px
}

.section-case__financial {
    padding: 30px 0 0
}

.section-case__financial .section-hd {
    margin-bottom: 0
}

.section-case__financial .section-bd,.section-cloduDdvisory_more .section-bd .media-panel {
    margin: 0
}

.section-education__case [class*=col]:last-child .media-panel,.section-financial__super [class*=col]:last-child .media-panel {
    margin-bottom: 0
}

.section-financial__super .media-panel-title {
    color: #273744!important
}

.section-education__scenes .desc {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px
}

.section-education__scenes [class*=col] {
    margin-bottom: 20px
}

.section-game__scenes {
    padding: 0 0 30px
}

.section-game__scenes .desc {
    font-size: 14px;
    color: #000;
    margin-top: 20px;
    line-height: 150%;
    text-align: justify
}

.section-game__scenes .section-hd,.section-game__scenes [class*=col],.section-game__super .section-hd {
    margin-bottom: 20px
}

.section-game__super .media-panel-title {
    color: #273744!important
}

.section-case__partner .case-list {
    margin-top: 30px
}

.section-cloduDdvisory_more .row {
    margin: -10px 0
}

.section-cloduDdvisory_more [class*=col] {
    padding: 10px 0
}

.section-Transformation .list .item+.item {
    margin-top: 20px
}

.section-Transformation .list .item .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.section-Transformation .list .item .flex-box .flex-item {
    padding: 0 15px;
    width: 100%
}

.section-Transformation .list .item .text-info,.section-Transformation .list .item .text-info li+li {
    margin-top: 10px
}

.section-Transformation .list .item .text-info li,.section-Transformation .list .item .text-info li .panel-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-Transformation .list .item .text-info li .panel-icon {
    width: 50px;
    height: 50px;
    background: #f7f5f5;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,.35);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.35);
    border-radius: 5px;
    margin-right: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.section-Transformation .list .item .text-info li h3 {
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section-change__server .section-des,.section-change__server .section-tit {
    line-height: 1
}

.section-change__server .home-developer-icon img {
    width: 25px;
    height: 20px
}

.section-c37 .section-hd .section-des {
    color: #486d87
}

.section-networking__case .media-panel-title {
    color: #273744!important
}

@media (min-width:1024px) {
    .sectino-contact .section-hd {
        margin-bottom: 50px
    }

    .sectino-contact .list-item {
        margin: 0 -55px!important
    }

    .sectino-contact .list-item li {
        margin: 0 55px!important
    }

    .sectino-contact .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -30px
    }

    .sectino-contact [class*=col] {
        padding: 0 30px
    }

    .sectino-contact .media-panel {
        margin-bottom: 0!important;
        height: 100%
    }

    .sectino-contact .media-panel .media-panel-title {
        line-height: 1;
        padding-top: 10px;
        margin-bottom: 20px
    }

    .section-c37 {
        padding: 90px 0 60px
    }

    .section-c37 .section-hd {
        margin-bottom: 90px
    }

    .section-c37 .section-hd .section-des {
        font-size: 22px;
        margin-top: 20px
    }

    .section-c37 .media-panel-desc {
        max-width: 300px!important;
        margin: 0 auto;
        text-align: justify
    }

    .section-c40 {
        padding: 130px 0 120px
    }

    .section-c40 .media-panel-desc {
        height: 220px;
        overflow: hidden;
        text-align: justify!important
    }

    .section-change__server .home-developer-icon {
        padding: 30px 0 50px!important
    }

    .section-change__server .desc {
        line-height: 150%
    }

    .section-evaluation__process {
        padding: 50px 0 30px
    }

    .section-evaluation__process .section-hd {
        margin-bottom: 40px
    }

    .section-c20 {
        padding: 85px 0 60px
    }

    .section-c20 .section-hd {
        margin-bottom: 60px
    }

    .section-c20 .section-bd {
        margin-top: 0
    }

    .section-c20 .media-panel-object {
        margin-bottom: 30px!important
    }

    .section-c20 .media-panel-desc {
        height: 120px;
        overflow: hidden;
        margin-top: 30px!important
    }

    .section-c36 .section-hd {
        line-height: 1;
        margin-bottom: 84px
    }

    .section-c36 .thumbnail-card {
        margin-bottom: 0!important
    }

    .section-c36 .section-bd .media-panel {
        margin-bottom: 46px
    }

    .section-c36 .section-bd .media-panel .media-panel-title {
        line-height: 1!important
    }

    .section-c36 .section-bd .media-panel .media-panel-desc {
        margin-top: 18px!important
    }

    .section-c36 .section-bd .media-panel:last-child {
        margin-bottom: 0
    }

    .section-c35 {
        padding: 80px 0 70px
    }

    .section-c35 .row {
        margin: 0 -33px
    }

    .section-c35 [class*=col] {
        padding: 0 33px
    }

    .section-c35 .media-panel-object {
        margin-bottom: 60px!important
    }

    .section-c35 .media-panel-title {
        padding-bottom: 30px!important
    }

    .section-c35 .media-panel-desc {
        padding-top: 25px!important
    }

    .section-server__process {
        padding: 70px 0 80px
    }

    .section-server__process .section-hd {
        margin-bottom: 70px
    }

    .section-mixin__scenes .section-hd {
        margin-bottom: 60px
    }

    .section-mixin__scenes .description {
        line-height: 200%
    }

    .section-c2 {
        padding: 95px 0 0
    }

    .section-c2 .section-hd {
        margin-bottom: 64px
    }

    .section-c2 .section-bd .media-body .media-heading {
        padding-bottom: 45px
    }

    .section-c2 .section-bd .media-body .media-info {
        padding-top: 40px
    }

    .section-news-detail {
        padding: 0 0 50px
    }

    .section-news-detail .layout-main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 60px 0 0
    }

    .section-news-detail .layout-side {
        margin-left: auto
    }

    .section-partner {
        padding: 77px 0 120px
    }

    .section-partner .border-line {
        margin: 75px 0 67px
    }

    .section-partner .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -25px
    }

    .section-partner [class*=col] {
        padding: 0 25px
    }

    .section-about__item .list-bd .list-item-left img,.section-partner [class*=col] .media-panel {
        height: 100%
    }

    .section-news {
        padding: 78px 0 60px
    }

    .section-news .section-hd {
        margin-bottom: 50px
    }

    .section-news .layout-main {
        padding-right: 4.6875vw!important
    }

    .section-news .layout-main .panel-cell .article-panel-body {
        vertical-align: middle
    }

    .section-news .layout-main .panel-cell .article-panel-infos {
        margin-top: 42px
    }

    .section-about__item {
        padding: 100px 0 110px
    }

    .section-about__item .section-hd {
        margin-bottom: 50px
    }

    .section-about__item .list-bd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px
    }

    .section-about__item .list-bd .list-item-right {
        font-size: 0
    }

    .section-about__item .list-bd .list-item {
        line-height: 1!important;
        height: auto!important
    }

    .section-about__item .list-bd .list-item:nth-child(4n+3),.section-about__item .list-bd .list-item:nth-child(4n+4) {
        margin-bottom: 0!important
    }

    .section-about__item .list-bd .list-item h2 {
        position: relative;
        padding-bottom: 100%
    }

    .section-about__item .list-bd .list-item h2 span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .section-about__item .section-bd-text p {
        margin: 0
    }

    .section-bj h3 {
        padding-top: 57px
    }

    .section-about {
        padding: 80px 0 0
    }

    .section-about .media-panel-desc {
        padding: 0!important;
        max-width: 270px;
        margin: 40px auto 0;
        text-align: left!important
    }

    .section-Transformation {
        padding: 80px 0 160px
    }

    .section-Transformation .section-hd,.section-about .section-bd .section-bd-text {
        margin-bottom: 100px
    }

    .section-Transformation .section-hd .section-des {
        margin-top: 22px
    }

    .section-Transformation .list .item+.item {
        margin-top: 150px
    }

    .section-Transformation .list .item .flex-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .section-Transformation .list .item:nth-child(even) .flex-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .section-Transformation .list .item:nth-child(even) .col-md-5 {
        padding: 0 3.90625vw 0 0
    }

    .section-Transformation .list .item:nth-child(odd) .col-md-5 {
        padding: 0 0 0 3.90625vw
    }

    .section-Transformation .list .item .text-info li .panel-icon {
        width: 90px;
        height: 90px;
        margin-right: 30px
    }

    .section-Transformation .list .item .text-info li h3 {
        font-size: 18px
    }

    .section-Transformation .list .item .text-info li+li {
        margin-top: 70px
    }

    .section-cloduDdvisory_more {
        padding: 80px 0 80px 0;
    }

    .section-cloduDdvisory_more .section-hd {
        margin-bottom: 60px
    }

    .section-cloduDdvisory_more .media-panel-body {
        padding:20px;
    }

    .section-cloduDdvisory_more .row {
        margin: -30px -15px
    }

    .section-cloduDdvisory_more [class*=col] {
        padding: 30px 15px
    }

    .section-cloduDdvisory_more .media-panel-desc {
        text-align: justify!important
    }

    .section-cloduDdvisory_intro {
        padding: 84px 0
    }

    .section-case__partner .section-hd,.section-cloduDdvisory_intro .section-hd {
        margin-bottom: 60px
    }

    .section-case__partner {
        padding: 50px 0 90px
    }

    .section-case__partner .recommend-cell {
        margin-bottom: 10px
    }

    .section-case__partner .case-list {
        margin-top: 50px
    }

    .section-case__partner .case-list .media-panel {
        position: relative
    }

    .section-case__partner .case-list .media-panel:hover::before {
        width: 100%
    }

    .section-case__partner .case-list .media-panel:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 5px;
        background: #789db7;
        width: 0%;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .section-case__partner .row {
        margin: 50px -25px 0
    }

    .section-case__partner [class*=col] {
        padding: 0 25px
    }

    .section-case__server {
        padding: 70px 0 60px
    }

    .section-case__server .line {
        margin: 15px auto 0!important
    }

    .section-case__server .section-hd {
        margin-bottom: 36px
    }

    .section-case__newretail .section-hd {
        margin-bottom: 50px
    }

    .section-game__tx {
        padding: 66px 0 100px
    }

    .section-game__tx .section-hd {
        margin-bottom: 60px
    }

    .section-game__tx .row {
        margin: 0 -10px
    }

    .section-game__tx [class*=col] {
        padding: 0 10px
    }

    .section-game__tx .media-panel-title {
        font-size: 16px!important
    }

    .mb50-lg {
        margin-bottom: 50px!important
    }

    .section-game__super {
        padding: 55px 0 60px
    }

    .section-game__super .section-hd {
        margin-bottom: 60px
    }

    .section-game__super .row {
        margin: 0 -2.29167vw
    }

    .section-game__super [class*=col] {
        padding: 0 2.29167vw
    }

    .section-game__super .media-panel-object {
        margin-bottom: 45px!important
    }

    .section-game__super .media-panel-desc {
        margin-top: 24px!important
    }

    .section-game__scenes {
        padding: 0 0 40px
    }

    .section-game__scenes .section-hd {
        margin-bottom: 50px
    }

    .section-game__scenes .row {
        margin: -20px -15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-game__scenes [class*=col] {
        padding: 20px 15px;
        margin-bottom: 0
    }

    .section-game__scenes .desc {
        margin-top: 24px
    }

    .section-game__case {
        padding: 80px 0 50px
    }

    .section-game__case .row {
        margin: 0 -2.08333vw
    }

    .section-game__case [class*=col] {
        padding: 0 2.08333vw
    }

    .section-game__case .media-panel-desc {
        text-align: justify!important
    }

    .section-video__case .section-des {
        max-width: 940px;
        margin: 25px auto 0
    }

    .section-video__case .row {
        margin: 0 -2.08333vw
    }

    .section-video__case [class*=col] {
        padding: 0 2.08333vw
    }

    .section-video__case .media-panel-desc {
        text-align: justify!important
    }

    .section-education__scenes {
        padding: 115px 0 80px
    }

    .section-education__scenes .row {
        margin: -20px -10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-education__scenes [class*=col] {
        padding: 20px 10px;
        margin-bottom: 0
    }

    .section-education__scenes [class*=col]:last-child {
        margin-bottom: 0
    }

    .section-education__scenes .desc {
        margin-top: 25px
    }

    .section-education__architecture {
        padding: 70px 0;
        height: 875px
    }

    .section-education__case {
        padding: 84px 0 88px
    }

    .section-education__case .row {
        margin: 0 -2.08333vw
    }

    .section-education__case [class*=col] {
        padding: 0 2.08333vw
    }

    .section-education__case .media-panel-desc {
        margin-top: 25px;
        text-align: justify!important
    }

    .section-financial__super {
        padding: 60px 0 45px
    }

    .section-financial__super .section-hd {
        margin-bottom: 70px
    }

    .section-financial__super .row {
        margin: 0 -3.64583vw
    }

    .section-financial__super [class*=col] {
        padding: 0 3.64583vw
    }

    .section-financial__super .media-panel-object {
        margin-bottom: 55px!important
    }

    .section-financial__super .media-panel-desc {
        margin-top: 40px!important
    }

    .section-case__financial {
        padding: 70px 0 0
    }

    .section-case__financial .section-bd {
        margin: 0
    }

    .section-case__financial .list .text-info h3 {
        font-size: 24px!important
    }

    .section-case__financial .list .text-info .description {
        margin-top: 40px
    }

    .section-case__architecture {
        padding: 74px 0 100px
    }

    .section-c6 {
        padding: 70px 0
    }

    .section-c6 .radius-line {
        max-width: 660px;
        margin: 0 auto
    }

    .section-c6 .media-panel-object {
        margin-bottom: 50px!important
    }

    .section-c6 .media-panel-desc {
        margin-top: 30px!important
    }

    .section-c6 .media-panel {
        border-right: 2px solid #98a4b7;
        min-height: 345px
    }

    .section-c6 [class*=col]:last-child .media-panel {
        border-right: none
    }

    .section-case__retail {
        padding: 85px 0
    }

    .section-case__retail .section-hd {
        margin-bottom: 50px
    }

    .section-case__retail .section-des {
        max-width: 575px;
        margin: 26px auto 0
    }

    .section-case__retail .radius-line {
        max-width: 660px;
        margin: 0 auto
    }

    .section-networking__case {
        padding: 94px 0 97px
    }

    .section-networking__case .row {
        margin: 0 -40px
    }

    .section-networking__case [class*=col] {
        padding: 0 40px
    }

    .section-networking__case .media-panel-object,.section-networking__info .tab-pane-solution .section-hd {
        margin-bottom: 50px!important
    }

    .section-networking__case .media-panel-desc {
        margin-top: 23px!important;
        text-align: justify!important
    }

    .section-networking__info {
        padding: 80px 0px;
        margin: 0
    }

    .section-networking__info .tab-pane-des {
        max-width: 1300px;
        margin: 0 auto
    }

    .section-networking__info .tab-pane-solution {
        margin: 90px 0 0!important
    }

    .section-networking__info .tab-pane-solution-bd {
        margin-top: 0!important
    }

    .section-networking__info .section-c18 {
        padding: 110px 0
    }

    .section-networking__info .section-c18 .line {
        margin-top: 20px
    }

    .section-networking__info .section-c18 .section-hd {
        margin-bottom: 70px
    }

    .section-networking__info .section-c18 .media-panel-object {
        width: 142px;
        height: 142px;
        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
    }

    .section-networking__info .section-c19 {
        padding: 94px 0 114px
    }

    .section-networking__info .section-c19 .section-hd {
        margin-bottom: 70px
    }

    .section-networking__info .section-c19 .media-panel-object {
        margin-bottom: 48px!important
    }

    .section-networking__info .section-c19 .media-panel-desc {
        margin-top: 24px!important
    }

    .section-networking__business {
        padding: 80px 0
    }

    .section-networking__business .row {
        margin: 0 -60px
    }

    .section-networking__business [class*=col] {
        padding: 0 60px
    }

    .section-networking__business .media-panel-object {
        margin-bottom: 50px!important
    }

    .section-networking__business .media-panel-desc {
        margin-top: 30px!important
    }

    .section-c25 {
        padding: 100px 0 120px
    }

    .section-c25 .section-hd {
        margin-bottom: 60px
    }

    .section-c25 .section-des {
        font-size: 14px;
        margin-top: 20px
    }

    .section-c25 .media-panel {
        padding: 30px 40px 40px!important
    }

    .section-c25 .media-panel-body {
        margin-top: 24px!important
    }

    .section-c25 .media-panel-desc {
        margin-top: 40px!important;
        height: 72px;
        overflow: hidden
    }

    .section-c26 {
        padding: 70px 0 50px
    }

    .section-c26 .section-hd {
        margin-bottom: 75px
    }

    .section-c26 ul {
        line-height: 1
    }

    .section-c26 ul li {
        margin-bottom: 15px!important
    }

    .section-c26 ul li:first-child::before {
        content: '';
        width: 8px;
        height: 8px;
        display: inline-block;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff;
        margin-right: 15px
    }

    .section-c24 {
        padding: 90px 0 110px
    }

    .section-c24 .section-hd .section-des {
        font-size: 14px;
        line-height: 200%;
        color: #666
    }

    .section-c24 .row {
        margin: -40px -35px
    }

    .section-c24 [class*=col] {
        padding: 40px 35px
    }

    .section-c10 {
        padding: 10px 0 110px
    }

    .section-c10 .section-hd {
        margin-bottom: 50px
    }

    .section-c10 .row {
        margin: 0 -3px
    }

    .section-c10 [class*=col] {
        padding: 0 3px
    }

    .section-c10 .media-panel {
        height: 210px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 6px
    }

    .section-c10 .media-panel-object {
        margin-bottom: 40px
    }

    .section-WAF__protect,.section-c9 {
        padding: 90px 0
    }

    .section-c9 .section-hd {
        margin-bottom: 70px
    }

    .section-c9 .row {
        margin: 0 -18px
    }

    .section-c9 [class*=col-] {
        padding: 0 18px
    }

    .section-c9 .media-panel {
        padding: 60px 18px;
        -webkit-box-shadow: 6px 5px 4px rgba(0,0,0,.2);
        box-shadow: 6px 5px 4px rgba(0,0,0,.2)
    }

    .section-c9 .media-panel-title {
        margin: 60px auto 25px!important
    }

    .section-c9 .media-panel-desc {
        text-align: left
    }

    .section-protect__advantage .section-hd {
        margin-bottom: 60px
    }

    .section-protect__advantage .media-panel-title {
        text-align: left!important;
        margin: 0!important;
        text-overflow: initial!important;
        white-space: pre-wrap!important;
        font-size: 16px!important
    }

    .section-protect__advantage .row {
        margin: -30px -60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-protect__advantage [class*=col-] {
        padding: 30px 60px
    }

    .section-protect__safety {
        padding: 60px 0 50px
    }

    .section-protect__safety .section-hd {
        margin-bottom: 60px
    }

    .section-protect__safety .section-des {
        font-size: 14px
    }

    .section-protect__safety .row {
        margin: 0 -40px
    }

    .section-protect__safety [class*=col-] {
        padding: 0 40px
    }

    .section-protect__safety .media-panel-object {
        margin-bottom: 50px!important;
        width: 100%!important
    }

    .section-protect__safety .media-panel-object img {
        width: 100%;
        display: block;
        max-width: 100%
    }

    .section-protect__safety .media-panel-desc {
        margin-top: 30px!important;
        text-align: justify!important
    }

    .section-protect__question {
        padding: 90px 0 60px
    }

    .section-protect__question .media-panel {
        max-width: 350px;
        margin: 0 auto
    }

    .section-protect__question .media-panel .media-panel-object {
        margin-bottom: 60px!important
    }

    .section-protect__question .media-panel .media-panel-desc {
        margin-top: 30px!important
    }

    .section-process {
        padding: 70px 0 130px
    }

    .section-process .section-hd {
        margin-bottom: 70px
    }

    .section-c33 {
        padding: 70px 0 60px
    }

    .section-c33 .section-hd {
        margin-bottom: 50px
    }

    .section-c33 .section-hd .section-des {
        margin-top: 20px;
        color: #000;
        font-size: 16px
    }

    .section-c33 [class*=col-] {
        border-right: 2px solid #999
    }

    .section-c33 [class*=col-]:last-child {
        border-right: none
    }

    .section-c33 [class*=col-] .media-panel {
        padding: 20px 0;
        max-width: 574px;
        margin: 0 auto
    }

    .section-c32 {
        padding: 90px 0 70px
    }

    .section-c32 .row {
        margin: 0 -30px
    }

    .section-c32 [class*=col-] {
        padding: 0 30px
    }

    .section-c32 .media-heading {
        padding-bottom: 37px!important
    }

    .section-c32 .media-info {
        padding-top: 37px!important
    }

    .section-c11 {
        padding: 60px 0
    }

    .section-c22 {
        padding: 70px 0
    }

    .section-c22 .media-panel-object {
        margin-bottom: 25px!important
    }

    .section-c22 .media-panel-desc {
        margin-top: 25px!important
    }

    .section-c22 [class*=col-md-4] {
        margin-bottom: 105px
    }

    .section-c22 [class*=col-md-6] {
        text-align: center
    }

    .section-c22 [class*=col-md-6] .media-panel {
        display: inline-block
    }

    .section-c22 .media-panel-title {
        font-size: 24px!important
    }

    .section-c23 {
        padding: 85px 0 110px
    }

    .section-c23 .section-bd .tab-content {
        padding: 45px 24px
    }

    .section-c23 .section-bd .tab-content .flex-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .section-c23 .section-bd .tab-content .media-img {
        margin-right: 30px;
        width: 350px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
        flex: 0 0 350px
    }

    .section-c23 .section-bd .nav {
        margin: 0 -10.41667vw
    }

    .section-c23 .section-bd .nav .tabs-item {
        margin: 0 10.41667vw
    }

    .section-c21 {
        padding: 60px 0 70px
    }

    .section-c21 .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .section-c21 [class*=col-] {
        border-right: 2px solid #fff
    }

    .section-c21 [class*=col-]:last-child {
        border-right: none
    }

    .section-c21 [class*=col-] .media-panel {
        max-width: 230px;
        margin: 0 auto;
        padding: 40px 0
    }

    .section-c21 [class*=col-] .media-panel-object {
        margin-bottom: 50px!important
    }

    .section-c21 [class*=col-] .media-panel-desc {
        margin-top: 54px!important;
        max-width: 208px;
        margin: 0 auto
    }

    .section-c34 .section-des {
        line-height: 150%;
        margin-top: 24px
    }

    .section-c34 .section-bd .my-hd h3 {
        margin-bottom: 20px
    }

    .section-c34 .section-bd .my-hd .desc {
        color: #666
    }

    .section-c34 .section-bd .my-hd .desc p {
        margin-top: 0;
        line-height: 150%
    }

    .section-c34 .section-bd .tab-list {
        background: #fff;
        text-align: center
    }

    .section-c34 .section-bd .nav {
        width: auto;
        text-align: center
    }

    .section-c34 .section-bd .nav.nav-tabs {
        margin: 0 -24px
    }

    .section-c34 .section-bd .nav .tabs-item {
        position: relative;
        margin: 0 24px
    }

    .section-c34 .section-bd .nav .tabs-item:first-child:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 100%;
        width: 200px;
        height: 1px;
        background: #98a4b7
    }

    .section-c34 .section-bd .nav .tabs-item:last-child::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        width: 200px;
        height: 1px;
        background: #98a4b7
    }

    .section-c34 .tab-content-bd {
        margin: 90px -43px 80px
    }

    .section-c34 .item {
        padding: 0 43px
    }

    .section-c34 .solution-list {
        margin: 0 -55px 65px
    }

    .section-c34 .solution-list [class*=col-] {
        padding: 0 55px
    }

    .section-c36 {
        padding: 60px 0
    }

    .section-c36 .media-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:1024px) {
    .section-c11 {
        padding: 0 0 15px;
        margin-top: 30px
    }

    .section-c11 .section-tit {
        color: #000!important;
        margin-top: -30px
    }

    .section-advisory {
        height: 290px!important
    }

    .section-c3 {
        min-height: 250px;
        padding: 10px 0 0
    }

    .section-c3 .section-tit {
        margin-bottom: 10px;
        line-height: 1
    }
}

@media (min-width:1024px) {
    .index .global-header-nav-item>a {
        color: #c1c1c2;
        font-size: 16px;
    }
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.youqing-link a{
    display: inline-block !important;
    margin-left: 20px;
}