@import url(style.css);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    /* margin: 0; */
    /* padding: 0; */
    /* border: 0; */
    /* font-size: 100%; */
    /* font: inherit; */
    /* vertical-align: baseline; */
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
  
    font-family: "Source Han Sans CN","PingFangSC","PingFang SC-Semibold",Hiragino Sans GB,Microsoft YaHei;
    
}
*{margin: 0;padding:0;}

html,body{height: 100%;}


ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

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

a {
    text-decoration: none
}

sup {
    vertical-align: super;
    font-size: .7em
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input,textarea {
    border-radius: 0;
    -webkit-appearance: none
}

.v-rl {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl
}

.v-lr {
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr
}

.list-mb20>li {
    margin-bottom: 20px
}

.list-mb30>li {
    margin-bottom: 30px
}

.list-mb40>li {
    margin-bottom: 40px
}

.list-mb50>li {
    margin-bottom: 50px
}

.mlr-20 {
    margin-left: -10px;
    margin-right: -10px
}

.item-20 {
    margin-left: 10px;
    margin-right: 10px
}

.mlr-30 {
    margin-left: -15px;
    margin-right: -15px
}

.item-30 {
    margin-left: 15px;
    margin-right: 15px
}

.wow {
    visibility: hidden
}

.no-cssanimations .wow {
    visibility: visible
}

.mt-10 {
    margin-top: 10px
}

.pt-10 {
    padding-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.pt-20 {
    padding-top: 20px
}

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

.pt-30 {
    padding-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.pt-40 {
    padding-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.pt-50 {
    padding-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.pt-60 {
    padding-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.pt-70 {
    padding-top: 70px
}

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

.pt-80 {
    padding-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.pt-90 {
    padding-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.pt-100 {
    padding-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.pt-110 {
    padding-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.pt-120 {
    padding-top: 120px
}

.mt-130 {
    margin-top: 130px
}

.pt-130 {
    padding-top: 130px
}

.mt-140 {
    margin-top: 140px
}

.pt-140 {
    padding-top: 140px
}

.mt-150 {
    margin-top: 150px
}

.pt-150 {
    padding-top: 150px
}

.mt-160 {
    margin-top: 160px
}

.pt-160 {
    padding-top: 160px
}

.mt-170 {
    margin-top: 170px
}

.pt-170 {
    padding-top: 170px
}

.mt-180 {
    margin-top: 180px
}

.pt-180 {
    padding-top: 180px
}

.mt-190 {
    margin-top: 190px
}

.pt-190 {
    padding-top: 190px
}

.mt-200 {
    margin-top: 200px
}

.pt-200 {
    padding-top: 200px
}

@media (max-width: 1024px) {
    .mt-40 {
        margin-top:24px
    }

    .pt-40 {
        padding-top: 24px
    }

    .mt-50 {
        margin-top: 30px
    }

    .pt-50 {
        padding-top: 30px
    }

    .mt-60 {
        margin-top: 36px
    }

    .pt-60 {
        padding-top: 36px
    }

    .mt-70 {
        margin-top: 42px
    }

    .pt-70 {
        padding-top: 42px
    }

    .mt-80 {
        margin-top: 48px
    }

    .pt-80 {
        padding-top: 48px
    }

    .mt-90 {
        margin-top: 54px
    }

    .pt-90 {
        padding-top: 54px
    }

    .mt-100 {
        margin-top: 60px
    }

    .pt-100 {
        padding-top: 60px
    }

    .mt-110 {
        margin-top: 66px
    }

    .pt-110 {
        padding-top: 66px
    }

    .mt-120 {
        margin-top: 72px
    }

    .pt-120 {
        padding-top: 72px
    }

    .mt-130 {
        margin-top: 78px
    }

    .pt-130 {
        padding-top: 78px
    }

    .mt-140 {
        margin-top: 84px
    }

    .pt-140 {
        padding-top: 84px
    }

    .mt-150 {
        margin-top: 90px
    }

    .pt-150 {
        padding-top: 90px
    }

    .mt-160 {
        margin-top: 96px
    }

    .pt-160 {
        padding-top: 96px
    }

    .mt-170 {
        margin-top: 102px
    }

    .pt-170 {
        padding-top: 102px
    }

    .mt-180 {
        margin-top: 108px
    }

    .pt-180 {
        padding-top: 108px
    }

    .mt-190 {
        margin-top: 114px
    }

    .pt-190 {
        padding-top: 114px
    }

    .mt-200 {
        margin-top: 120px
    }

    .pt-200 {
        padding-top: 120px
    }

    .list-mb50>li {
        margin-bottom: 28px
    }

    .list-mb40>li {
        margin-bottom: 24px
    }

    .list-mb30>li {
        margin-bottom: 20px
    }

    .list-mb20>li {
        margin-bottom: 16px
    }

    .mlr-30 {
        margin-left: -10px;
        margin-right: -10px
    }

    .item-30 {
        margin-left: 10px;
        margin-right: 10px
    }

    .mlr-20 {
        margin-left: -8px;
        margin-right: -8px
    }

    .item-20 {
        margin-left: 8px;
        margin-right: 8px
    }
}

@media (max-width: 768px) {
    .list-mb30>li {
        margin-bottom:16px
    }

    .list-mb20>li {
        margin-bottom: 12px
    }

    .mlr-30 {
        margin-left: -8px;
        margin-right: -8px
    }

    .item-30 {
        margin-left: 8px;
        margin-right: 8px
    }

    .mlr-20 {
        margin-left: -6px;
        margin-right: -6px
    }

    .item-20 {
        margin-left: 6px;
        margin-right: 6px
    }
}

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

.list-1>li {
    width: 100%
}

.list-2>li {
    width: 50%
}

.list-3>li {
    width: 33.33333%
}

.list-4>li {
    width: 25%
}

.list-5>li {
    width: 20%
}

.list-6>li {
    width: 16.66667%
}

.list-default {
    margin-right: -15px;
    margin-left: -15px
}

.list-item {
    margin-right: 15px;
    margin-left: 15px
}

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

.line-multiy,.line2,.line3,.line4,.line5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.line2 {
    -webkit-line-clamp: 2
}

.line3 {
    -webkit-line-clamp: 3
}

.line4 {
    -webkit-line-clamp: 4
}

.line5 {
    -webkit-line-clamp: 5
}

.wx-share {
    margin-top: -85px;
    margin-left: -70px;
    border-radius: 3px;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    width: 140px;
    padding-top: 20px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}

.wx-share img {
    display: block;
    width: 120px;
    margin: 0 auto
}

.wx-share p {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    color: #000
}

.wx-share i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.img-box {
    position: relative;
    overflow: hidden
}

.img-box::before {
    content: "";
    display: block
}

.img-box>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: "Montserrat-Light";
    src: url('../assets/fonts/Montserrat-Light/Montserrat-Light.eot?1657602492');
    src: url('../fonts/montserrat-light.eot') format('embedded-opentype'),url('../fonts/montserrat-light.woff') format('woff'),url('../fonts/montserrat-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url('../fonts/montserrat-regular.eot');
    src: url('../fonts/montserrat-regular.eot') format('embedded-opentype'),url('../fonts/montserrat-regular.woff') format('woff'),url('../fonts/montserrat-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url('../fonts/montserrat-medium.eot');
    src: url('../fonts/montserrat-medium.eot') format('embedded-opentype'),url('../fonts/montserrat-medium.woff') format('woff'),url('../fonts/montserrat-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url('../fonts/montserrat-bold.eot');
    src: url('../fonts/montserrat-bold.eot') format('embedded-opentype'),url('../fonts/montserrat-bold.woff') format('woff'),url('../fonts/montserrat-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal
}

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

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

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes scaleImg {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleImg {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.scaleImg {
    -webkit-animation-name: scaleImg;
    animation-name: scaleImg;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes text-fade-out {
    from {
        opacity: 1.0;
        filter: Alpha(opacity=100)
    }

    to {
        opacity: 0;
        filter: Alpha(opacity=0)
    }
}

@keyframes text-fade-out {
    from {
        opacity: 1.0;
        filter: Alpha(opacity=100)
    }

    to {
        opacity: 0;
        filter: Alpha(opacity=0)
    }
}

@-webkit-keyframes text-active-animation {
    from {
        opacity: 0;
        filter: Alpha(opacity=0);
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1.0;
        filter: Alpha(opacity=100);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes text-active-animation {
    from {
        opacity: 0;
        filter: Alpha(opacity=0);
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1.0;
        filter: Alpha(opacity=100);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

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

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

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

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

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

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

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

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 680
}

.header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background-color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: -1
}

.no-place .header-place {
    display: none
}

.no-headerBg .header::before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.no-headerBg.delay-600 .header::before {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.logo {
    height: 80px;
    display: block
}

.logo img {
    width: auto;
    height: 100%
}

.hm-link {
    color: #000
}

.hm-link .icon-down {
    display: none
}

.header-lang,.header-search,.header-status {
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer
}

.header-lang {
    position: relative;
    padding-top: 22px;
    padding-bottom: 22px
}

.header-lang svg {
    width: 16px;
    height: 16px
}

.header-lang:hover .other-lang {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.h-sign-out,.other-lang {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 80px;
    height: 40px;
    background-color: #fff;
    margin-left: -40px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    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;
    -webkit-box-shadow: 0px 15px 35px rgba(0,35,101,0.1);
    box-shadow: 0px 15px 35px rgba(0,35,101,0.1)
}

.h-sign-out::before,.other-lang::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.other-lang a {
    font-size: 12px;
    color: #0E1019;
    font-family: "Montserrat-Regular"
}

.h-sign-out {
    font-size: 12px;
    color: #0E1019
}

.header-search .icon-search {
    font-size: 14px;
    color: #000
}

.header-status {
    position: relative;
    padding-top: 22px;
    padding-bottom: 22px
}

.header-status:hover .h-sign-out {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.header-user {
    position: relative;
    display: inline-block
}

.header-user .dec,.header-user .vip {
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    width: 8px;
    height: 8px
}

.header-user .dec {
    background: url(../fonts/icon-08.svg) no-repeat center center;
    background-size: contain
}

.header-user .vip {
    background: url(../fonts/vip.svg) no-repeat center center;
    background-size: contain
}

.header-user .icon-user {
    font-size: 16px;
    color: #000
}

.h-search__modal {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 999
}

.h-search__modal.show .h-search__inner {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.h-search__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.82);
    z-index: 50
}

.h-search__cont {
    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;
    height: 100vh;
    z-index: 120
}

.h-search__inner {
    width: 60%;
    background-color: #fff;
    padding: 50px 30px;
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0;
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.h-search__inner .item-cont {
    position: relative
}

.h-search__inner input {
    padding: 8px 24px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #D0D7E5;
    color: #0E1019;
    font-family: "Montserrat-Medium"
}

.h-search__inner input::-webkit-input-placeholder {
    color: rgba(14,16,25,0.4)
}

.h-search__inner input::-moz-placeholder {
    color: rgba(14,16,25,0.4)
}

.h-search__inner input:-ms-input-placeholder {
    color: rgba(14,16,25,0.4)
}

.h-search__inner input::-ms-input-placeholder {
    color: rgba(14,16,25,0.4)
}

.h-search__inner input::placeholder {
    color: rgba(14,16,25,0.4)
}

.btn-hsearch {
    position: absolute;
    left: 0;
    top: 9px;
    font-size: 14px;
    color: #0E1019
}

.close-search {
    position: absolute;
    right: 12px;
    top: 8px;
    font-size: 12px;
    color: #0E1019;
    cursor: pointer
}

@media (min-width: 1025px) {
    .close-search,.btn-hsearch,.header-user {
        -webkit-transition:color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .close-search:hover,.btn-hsearch:hover,.header-user:hover {
        color: #20A6EE
    }

    .m-menu {
        display: none
    }

    .header-nav {
        margin-right: 15px
    }

    .header-lang path {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .header-lang:hover path {
        fill: #20A6EE
    }

    .other-lang a {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .other-lang a:hover {
        color: #20A6EE
    }

    .h-sign-out {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .h-sign-out:hover {
        color: #20A6EE
    }

    .header-search .icon-search {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .header-search .icon-search:hover {
        color: #20A6EE
    }

    .hm-link {
        display: block;
        padding-left: 30px
    }

    .hm-link span {
        display: block;
        position: relative;
        padding: 32px 0
    }

    .hm-link span::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #20A6EE;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .hm-mlink {
        display: none
    }

    .header-user .icon-user {
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s
    }

    .header-user:hover .icon-user {
        color: #20A6EE
    }

    .header-menu>li:hover .subnav-move,.header-menu>li:hover .subnav1-binner {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .header-menu>li:hover .hm-link span::after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .subnav {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background-color: #fff
    }

    body.show .subnav-ani {
        display: block
    }

    .subnav-ani {
        display: none;
        height: 0;
        overflow: hidden
    }

    .subnav-move,.subnav1-binner {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .subnav-move {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s
    }

    .subnav1-binner {
        -webkit-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s
    }

    .pro-subnav__item {
        display: none
    }

    .pro-subnav__item:first-child {
        display: block
    }

    .pro-subnav__cont {
        border-top: 1px solid rgba(208,215,229,0.6)
    }

    .pro-subnav__lcont {
        width: 23%;
        padding: 60px 40px 34px 0;
        border-right: 1px solid rgba(208,215,229,0.6)
    }

    .pro-subnav__rcont {
        width: 77%;
        padding-bottom: 30px
    }

    .pro-subnav__pic {
        margin-top: 60px
    }

    .pro-subnav__pic::before {
        padding-top: 77.6699%
    }

    .pro-subnav__order li {
        margin-bottom: 26px
    }

    .pro-subnav__order a {
        font-family: "Montserrat-Regular";
        color: rgba(14,16,25,0.4);
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear;
        line-height: 1.5;
        letter-spacing: 1px;
        font-weight: 700
    }

    .pro-subnav__order a:hover {
        color: #0e1019
    }

    .pro-subnav__order .active a {
        color: #0e1019
    }

    .pro-subnav__menu li {
        border-bottom: 1px solid rgba(208,215,229,0.6)
    }

    .pro-subnav__menu li:last-child {
        border-bottom: none
    }

    .pro-subnav__menu li.active a {
        color: #fff
    }

    .pro-subnav__menu li.active a::after {
        opacity: 1
    }

    .pro-subnav__menu li.active a span::after {
        opacity: 1
    }

    .pro-subnav__menu a {
        display: block;
        color: rgba(14,16,25,0.4);
        letter-spacing: .6;
        line-height: 1.5;
        padding: 24px 45px 24px 60px;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear;
        position: relative
    }

    .pro-subnav__menu a::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #0E1019;
        opacity: 0;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        transition: opacity .3s linear;
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    .pro-subnav__menu a:hover {
        color: #fff
    }

    .pro-subnav__menu a:hover::after {
        opacity: 1
    }

    .pro-subnav__menu a:hover span::after {
        opacity: 1
    }

    .pro-subnav__menu span {
        display: block;
        position: relative;
        padding-right: 20px;
        z-index: 10
    }

    .pro-subnav__menu span::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 16px;
        height: 16px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(../fonts/next.svg) no-repeat center center;
        background-size: contain;
        opacity: .2;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        transition: opacity .3s linear
    }

    .subnav1-main {
        border-top: 1px solid rgba(208,215,229,0.6);
        padding: 50px 0
    }

    .subnav1-lcont {
        width: 68%;
        padding-right: 30px
    }

    .subnav1-rcont {
        width: 32%
    }

    .subnav1-menu li {
        margin-bottom: 30px
    }

    .subnav1-menu .active a {
        background-color: #F9FBFF
    }

    .subnav1-menu a {
        display: block;
        padding: 24px 40px;
        -webkit-transition: background .3s linear;
        -o-transition: background .3s linear;
        transition: background .3s linear
    }

    .subnav1-menu a:hover {
        background-color: #F9FBFF
    }

    .subnav1-menu .item-title {
        letter-spacing: .6px;
        line-height: 1.75;
        margin-bottom: 6px;
        color: #0E1019
    }

    .subnav1-menu .item-txt {
        font-size: 14px;
        line-height: 1.66667;
        color: rgba(14,16,25,0.5)
    }

    .subnav1-pic::before {
        padding-top: 70.46632%
    }

    .subnav1-binner {
        border-top: 1px solid rgba(208,215,229,0.6);
        padding-top: 40px;
        margin-left: 40px
    }

    .subnav1-link {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear;
        letter-spacing: .6px;
        line-height: 1.6875;
        color: #0E1019
    }

    .subnav1-link span {
        display: inline-block;
        position: relative;
        padding-right: 26px
    }

    .subnav1-link span::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 14px;
        height: 14px;
        background: url(../fonts/next.svg) no-repeat center center;
        background-size: contain;
        margin-top: -8px;
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .subnav1-link:hover {
        color: #20A6EE
    }

    .subnav1-link:hover span::after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .hnav-handle,.m-pro__order {
        display: none
    }
}

@media (max-width: 1024px) {
    .header-nav {
        display:none;
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 68px;
        padding-bottom: 80px;
        width: 100%;
        height: 100%;
        background-color: #fff;
        overflow-y: auto
    }

    .js-subnav {
        display: none;
        padding-bottom: 24px
    }

    .subnav {
        background-color: #f9fbff;
        padding-top: 20px
    }

    .header-menu>li {
        margin: 0 24px;
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,0.2)
    }

    .header-menu .m-active .hm-link .icon-down {
        color: #20A6EE
    }

    .header-menu .m-active .hm-link .icon-down::before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .hm-link {
        padding: 24px 0;
        font-size: 22px;
        display: block
    }

    .hm-link span {
        display: block;
        position: relative;
        padding-right: 30px
    }

    .hm-link .icon-down {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear;
        position: absolute;
        right: 0;
        top: 50%;
        font-size: 12px;
        margin-top: -6px;
        display: block;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        color: rgba(0,0,0,0.2)
    }

    .hm-link .icon-down::before {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear;
        display: block
    }

    .pro-subnav__cont.w-1220,.subnav1-main.w-1220 {
        margin-right: 0
    }

    .subnav1-menu li {
        width: 100%;
        margin-bottom: 26px
    }

    .subnav1-menu .item-txt {
        display: none
    }

    .subnav1-menu .item-title {
        font-size: 16px;
        color: #0E1019;
        opacity: .9
    }

    .subnav1-binner {
        padding-bottom: 26px
    }

    .subnav1-link {
        color: #0E1019;
        opacity: .9
    }

    .subnav1-link.fs-16 {
        font-size: 16px
    }

    .subnav1-rcont {
        display: none
    }

    .pro-subnav__lcont {
        display: none
    }

    .pro-subnav__rcont {
        width: 100%
    }

    .pro-subnav__item {
        padding-bottom: 20px
    }

    .pro-subnav__item.active .m-pro__order .icon-down {
        color: #20A6EE
    }

    .pro-subnav__item.active .m-pro__order .icon-down::before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .pro-subnav__menu {
        margin-left: 20px
    }

    .pro-subnav__menu li {
        margin-bottom: 26px
    }

    .pro-subnav__menu a {
        font-size: 16px;
        color: #0E1019;
        opacity: .9
    }

    .pro-subnav__menu {
        display: none;
        padding-top: 20px
    }

    .mh-lang__inner,.m-pro__order {
        display: block;
        position: relative;
        padding-right: 30px
    }

    .mh-lang__inner .icon-down,.m-pro__order .icon-down {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0.7);
        transform: translateY(-50%) scale(0.7);
        font-size: 12px;
        color: rgba(0,0,0,0.2);
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .mh-lang__inner .icon-down::before,.m-pro__order .icon-down::before {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear;
        display: block
    }

    .m-pro__order {
        font-size: 18px
    }

    .m-pro__order .icon-down {
        right: 20px
    }

    .hnav-handle {
        margin-left: 24px;
        margin-right: 24px
    }

    .mh-lang__inner {
        cursor: pointer
    }

    .mh-lang__inner .icon-down {
        right: 0
    }

    .mh-lang__inner.m-active .icon-down {
        color: #20A6EE
    }

    .mh-lang__inner.m-active .icon-down::before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .m-other__lang {
        padding-top: 24px;
        display: none
    }

    .m-other__lang .box {
        background-color: #f9fbff;
        padding: 24px
    }

    .m-other__lang .item-link {
        font-size: 16px;
        color: #0E1019
    }

    .m-header__lang {
        padding: 24px 0;
        border-bottom: 1px solid rgba(0,0,0,0.2)
    }

    .m-header__lang svg {
        width: 20px;
        height: 20px
    }

    .m-menu {
        display: block;
        position: relative;
        cursor: pointer;
        margin-left: 10px;
        z-index: 370
    }

    .m-menu i {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        display: block;
        width: 22px;
        height: 2px;
        background-color: #0E1019;
        margin: 5px 0
    }

    .open .m-menu i:nth-child(1) {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg)
    }

    .open .m-menu i:nth-child(2) {
        opacity: 0
    }

    .open .m-menu i:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(-45deg);
        transform: translateY(-6px) rotate(-45deg)
    }

    .hm-plink {
        display: none
    }

    .logo {
        position: relative;
        height: 50px;
        z-index: 200
    }

    .header-handle {
        position: relative;
        z-index: 200
    }

    .header-lang {
        display: none
    }

    .header-search .icon-search {
        font-size: 16px
    }

    .h-search__inner {
        padding: 30px 20px;
        width: 90%
    }

    .close-search {
        font-size: 14px
    }
}

@media (max-width: 650px) {
    .header-search .icon-search,.header-user .icon-user {
        -webkit-transition:color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .no-headerBg:not(.open) .m-menu i {
        /* background-color: #fff; */
    }

    .no-headerBg:not(.open) .header-search .icon-search,.no-headerBg:not(.open) .header-user .icon-user {
        color: #fff
    }
}

@media (max-width: 500px) {
    .hm-link {
        font-size: 16px;
    }
}

.footer {
    background-color: #ffffff;
    position: relative
}

.footer-message {
    width: 43%
}

.footer-nav {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-menu dt {
    color: #fff;
    line-height: 1.6875;
    margin-bottom: 14px;
}

.footer-menu dt a {
    color: #000;
}

.footer-menu dd {
    margin-bottom: 6px
}

.footer-menu p a {
    color: #999;
    line-height: 1.71429
}

.footer-logo {
    display: inline-block;
    height: 32px
}

.footer-logo img {
    width: auto;
    height: 100%
}

.copyright {
    line-height: 1.5;
    margin-top: 18px
}

.footer-hint {
    max-width: 240px;
    color: #ccc;
    line-height: 1.5;
    margin-top: 16px
}

.footer-bcont {
    border-top: 1px solid rgba(153,153,153,0.3);
    padding-top: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-share {
    width: 40%
}

.footer-share a {
    font-size: 14px;
    color: #fff;
    margin-right: 30px;
    position: relative
}

.footer-share a:hover .item-pic {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.footer-share .item-pic {
    position: absolute;
    left: 50%;
    top: -130px;
    width: 120px;
    -webkit-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: opacity .2s,-webkit-transform .3s;
    transition: opacity .2s,-webkit-transform .3s;
    -o-transition: transform .3s,opacity .2s;
    transition: transform .3s,opacity .2s;
    transition: transform .3s,opacity .2s,-webkit-transform .3s
}

.footer-links .item-link {
    color: #ccc;
    display: inline-block;
    margin-right: 14px;
    padding-right: 20px;
    position: relative
}

.footer-links .item-link::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 12px;
    background-color: #ccc
}

.footer-links .item-link:last-child {
    margin-right: 0;
    padding-right: 0
}

.footer-links .item-link:last-child::after {
    display: none
}

.back-top {
    /* position: absolute; */
    /* right: 40px; */
    /* top: 50px; */
    /* cursor: pointer; */
    z-index: 100
}

.back-top .dec {
    display: block;
    width: 28px;
    height: 23px;
    background: url(../fonts/bt.svg) no-repeat center center;
    background-size: contain;
    margin-left: auto;
    margin-right: auto
}

.back-top span {
    display: block;
    color: #20A6EE;
    font-family: "Montserrat-Bold";
    margin-top: 8px
}

@media (min-width: 1025px) {
    .footer-menu p a {
        -webkit-transition:color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .footer-menu dd a:hover {
        color: #000;
    }

    .footer-links .item-link {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .footer-links .item-link:hover {
        color: #fff
    }

    .footer-share a {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .footer-share a:hover {
        color: #20A6EE
    }

    .back-top .dec {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .back-top:hover .dec {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@media (max-width: 1024px) {
    .footer-nav.flex {
        /* display:none; */
    }

    .footer-message {
        width: 100%
    }

    .footer-hint {
        max-width: 100%
    }

    .back-top {
        right: 20px;
        top: 30px
    }

    .footer-share .item-pic {
        left: 0;
        -webkit-transform: translateX(0) scale(0);
        transform: translateX(0) scale(0)
    }

    .footer-share a:hover .item-pic {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }
}

@media (max-width: 500px) {
    .footer-share {
        width:100%
    }

    .footer-links {
        margin-top: 20px
    }

    .footer-links .item-link {
        margin-right: 6px;
        padding-right: 12px
    }

    .back-top .dec {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center
    }
}


.w-1220 {
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto
}

.w-1024 {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto
}

.w-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

.w-970 {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto
}

.relative {
    position: relative
}

.fs-52 {
    font-size: 52px
}

.fs-40 {
    font-size: 40px
}

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

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

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

.fs-20 {
    font-size: 20px
}

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

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px
}

.fs-12 {
    font-size: 12px
}

.fw-700 {
    font-weight: 700
}

.fw-500 {
    font-weight: 500
}

.fw-300 {
    font-weight: 300
}

.white-txt {
    color: #fff
}

.vi-txt {
    color: #20A6EE
}

.bg-color1 {
    background-color: #F9FBFF
}

.bg-color2 {
    background-color: #0E1019
}

.bg-cover {
    background-size: cover;
    background-position: center center
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

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

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

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.text-center {
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

.paragraph {
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: 1px;
    color: #828282
}

.paragraph h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.66667
}

.paragraph h4 {
    color: #000;
    font-weight: 500
}

.paragraph h5 {
    font-weight: 300;
    position: relative;
    padding-left: 76px
}

.paragraph h5::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 64px;
    height: 1px;
    background-color: #0E1019
}

.paragraph table {
    width: 100%
}

.paragraph table td,.paragraph table th {
    border: 1px solid #828282;
    padding: 12px
}

.paragraph img {
    width: auto !important;
    height: auto !important;
    max-width: 100%
}

.paragraph i,.paragraph em {
    font-style: italic
}

.paragraph a {
    color: #20A6EE
}

.paragraph blockquote {
    font-size: 24px;
    color: #20A6EE;
    line-height: 1.5;
    font-weight: 500;
    position: relative;
    padding-left: 30px
}

.paragraph blockquote::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 2px;
    background-color: #20A6EE
}

.paragraph strong {
    font-weight: 700
}

.paragraph ul {
    list-style: disc;
    margin-left: 15px
}

.sec-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f9fbff
}

.sec-bleft {
    width: 50%
}

.sec-bleft .item-cont {
    position: relative
}

.sec-bleft .item-inner,.sec-bleft .item-hint {
    left: 42%
}

.sec-bleft .item-inner {
    position: absolute;
    left: 42%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 380px;
    color: #fff
}

.sec-bleft .item-title {
    line-height: 1.35;
    margin-bottom: .75em
}

.sec-bleft .item-txt {
    line-height: 1.55556
}

.sec-bleft .item-pic::before {
    padding-top: 80.2935%
}

.sec-bleft .item-hint {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sec-bleft .item-link {
    color: #20A6EE;
    text-decoration: underline
}

.sec-bright {
    width: 54%;
    margin-top: 80px;
    margin-left: -4%
}

.sec-bright .item-pic::before {
    padding-top: 77.7451%
}

.sec-bright .item-hint,.sec-bright .item-handle {
    display: none
}

.list-heart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.list-heart .dec {
    width: 14px;
    height: 13px;
    background: url(../fonts/prev.svg) no-repeat center center
}

.pagination .list-next {
    margin-left: 33px
}

.pagination .list-next a {
    background: url(../fonts/next.svg) no-repeat center center
}

.pagination .item-link {
    color: #9F9F9F;
    font-family: "Montserrat-Regular";
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.pagination .on .item-link {
    color: #20A6EE
}

.data-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #D0D7E5
}

.data-toggle .item-link {
    position: relative;
    padding: 0 30px
}

.data-toggle span {
    color: #999
}

.data-toggle .dec {
    position: absolute
}

.data-tprev .dec,.data-tnext .dec {
    width: 12px;
    height: 14px
}

.data-tprev .dec {
    left: 0;
    top: 1px;
    background: url(../fonts/prev.svg) no-repeat center center;
    background-size: contain
}

.data-tback .dec {
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: url(../fonts/back.svg) no-repeat center center;
    background-size: contain
}

.data-tnext .dec {
    right: 0;
    top: 1px;
    background: url(../fonts/next.svg) no-repeat center center;
    background-size: contain
}

.back-list1 {
    color: #20A6EE
}

.back-list1 span {
    display: inline-block;
    padding-right: 26px;
    position: relative
}

.back-list1 span::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 10px;
    height: 12px;
    background: url(../fonts/next.svg) no-repeat center center;
    background-size: contain
}

.column-header .item-etitle {
    color: #20A6EE;
    font-family: "Montserrat-Regular"
}

.column-header .item-ctitle {
    line-height: 1.33333;
    margin-top: .27778em
}

.column-header.white .item-ctitle {
    color: #fff
}

.sec-inner .item-txt {
    line-height: 1.625;
    color: #666
}

.tabs {
    position: relative;
    width: 34%;
    padding-right: 30px
}

.tabs::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    max-width: 280px;
    background-color: #0E1019
}

.tabs li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
    cursor: pointer
}

.tabs .dec {
    width: 12px;
    height: 14px;
    background: url(../fonts/next.svg) no-repeat center center;
    background-size: contain;
    margin-right: 16px
}

.tabs span {
    color: #0E1019;
    letter-spacing: 1px;
    line-height: 1.5;
    opacity: .3;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.tabs .active span {
    font-weight: 700;
    opacity: 1
}

.tabs-cont {
    width: 66%
}

.tab-cont__item {
    display: none
}

.tab-cont__item:first-child {
    display: block
}

.tab-cont__item .item-pic::before {
    padding-top: 50%
}

.tab-cont__item .item-title {
    letter-spacing: 1px;
    line-height: 1.5;
    color: #0E1019;
    margin-bottom: 1.33333em
}

.tab-cont__item .item-txt {
    color: #0E1019;
    line-height: 1.5
}

.tab-cont__item .item-txt a {
    color: #9F9F9F;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 26px;
    margin-right: 60px;
    margin-top: 30px;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.tab-cont__item .item-txt a::before {
    content: "";
    display: block;
    width: 12px;
    height: 14px;
    background: url(../fonts/next.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 4px
}

.tab-cont__item .item-txt a::after {
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: 4px;
    width: 1px;
    height: 15px;
    background-color: #707070
}

.tab-cont__item .item-txt a:last-child {
    margin-right: 0
}

.tab-cont__item .item-txt a:last-child::after {
    display: none
}

.tab-cont__item .item-txt strong {
    font-weight: 700
}

.tab-cont__item .item-link {
    color: #9F9F9F;
    position: relative;
    padding-right: 30px;
    margin-right: 30px;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.tab-cont__item .item-link::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 15px;
    background-color: #707070
}

.tab-cont__item .item-link:last-child {
    margin-right: 0;
    padding-right: 0
}

.tab-cont__item .item-link:last-child::after {
    display: none
}

.list-plus {
    width: 18px;
    height: 18px;
    position: relative
}

.list-plus::before,.list-plus::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #0E1019
}

.list-plus::before {
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    margin-left: -1px
}

.list-plus::after {
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    margin-top: -1px
}

.list-more .item-link {
    display: block;
    position: relative
}

.list-more .item-pic::before {
    padding-top: 71.79487%
}

.list-more .item-inner {
    position: absolute;
    left: 54px;
    right: 54px;
    bottom: 30px;
    color: #fff
}

.list-more .item-etitle {
    font-family: "Montserrat-Light";
    line-height: 1.125
}

.list-more .item-ctitle {
    line-height: 1.5;
    color: #fff;
    margin-top: .41667em
}

.btn-fill {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border-radius: 28px;
    padding: 16px 24px
}

.btn-fill span {
    color: #20A6EE;
    display: inline-block;
    padding-right: 26px;
    position: relative
}

.btn-fill span::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px;
    height: 14px;
    background: url(../fonts/next.svg) no-repeat center center;
    margin-top: -7px
}

.btn-vi-fill {
    border: 1px solid #20A6EE;
    background-color: #20A6EE;
    color: #fff;
    padding: 12px 30px
}

input {
    outline: none;
    background-color: transparent
}

div {
    -webkit-tap-highlight-color: transparent
}

button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0
}

.fi-col-sm {
    width: 20%
}

.fi-col-md {
    width: 28%
}

.fi-col-reset {
    width: 12%
}

.fi-input {
    position: relative
}

.fi-input .icon-down {
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 12px;
    pointer-events: none;
    margin-top: -6px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.fi-input .icon-down::before {
    display: block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.fi-input__inner {
    width: 100%;
    border: 1px solid #D0D7E5;
    padding: 16px;
    height: 52px;
    cursor: pointer
}

.fi-input__inner::-webkit-input-placeholder {
    color: #000;
    font-weight: 500
}

.fi-input__inner::-moz-placeholder {
    color: #000;
    font-weight: 500
}

.fi-input__inner:-ms-input-placeholder {
    color: #000;
    font-weight: 500
}

.fi-input__inner::-ms-input-placeholder {
    color: #000;
    font-weight: 500
}

.fi-input__inner::placeholder {
    color: #000;
    font-weight: 500
}

.fi-search {
    position: relative
}

.fi-group__select.active .icon-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    color: #20A6EE
}

.fi-search__input {
    width: 100%;
    border: 1px solid #D0D7E5;
    padding: 16px 16px 16px 50px;
    height: 52px;
    color: #0E1019
}

.fi-search__input::-webkit-input-placeholder {
    color: rgba(14,16,25,0.4)
}

.fi-search__input::-moz-placeholder {
    color: rgba(14,16,25,0.4)
}

.fi-search__input:-ms-input-placeholder {
    color: rgba(14,16,25,0.4)
}

.fi-search__input::-ms-input-placeholder {
    color: rgba(14,16,25,0.4)
}

.fi-search__input::placeholder {
    color: rgba(14,16,25,0.4)
}

.fi-search__btn {
    color: #0E1019;
    font-size: 18px;
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-slide {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
    z-index: 100
}

.select-list {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(166,180,193,0.22);
    box-shadow: 0 10px 20px rgba(166,180,193,0.22);
    margin-top: 10px;
    padding: 30px 20px
}

.select-list li {
    cursor: pointer;
    margin-bottom: 24px;
    color: #9F9F9F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.select-list li:last-child {
    margin-bottom: 0
}

.select-list a {
    color: #9F9F9F
}

.select-list .item-st__hint {
    font-size: 12px;
    padding: 4px 12px;
    background-color: #9F9F9F;
    color: #fff;
    margin-left: 24px;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear
}

.select-list .on {
    color: #1A2035
}

.select-list .on a {
    color: #1A2035
}

.select-list .on .item-st__hint {
    background-color: #20A6EE
}

.checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer
}

.checkbox-label .dec {
    width: 20px;
    height: 20px;
    border: 2px solid #0E1019;
    position: relative;
    background-color: #fff;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.checkbox-label .dec::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    background: url(../fonts/icon-01.svg) no-repeat center center;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.checkbox-label span {
    line-height: 1.4;
    color: #1A2035;
    width: calc(100% - 20px);
    padding-left: 18px
}

.fi-checkbox {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.fi-checkbox:checked+.item-label .dec {
    background-color: #20A6EE;
    border-color: #20A6EE
}

.fi-checkbox:checked+.item-label .dec::before {
    opacity: 1
}

.btn-down,.btn-play {
    display: inline-block;
    position: relative;
    color: #0E1019;
    line-height: 1.5
}

.btn-down span,.btn-play span {
    display: inline-block;
    position: relative
}

.btn-down span {
    padding-left: 22px
}

.btn-down span::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(../fonts/down-dec.svg) no-repeat center center;
    background-size: contain;
    width: 14px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-play span {
    padding-left: 26px
}

.btn-play span::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(../fonts/play.svg) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-pack {
    background-color: #20A6EE;
    color: #fff;
    padding: 12px 16px;
    display: inline-block
}

.btn-pack span {
    display: inline-block;
    position: relative;
    padding-left: 24px
}

.btn-pack span::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: url(../fonts/icon-02.svg) no-repeat center center;
    background-size: contain
}

.btn-reset {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background-color: #20A6EE;
    text-align: center;
    color: #fff;
    display: block
}

.btn-submit {
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 20px 0;
    background-color: #20A6EE
}

.dots-line {
    text-align: center
}

.dots-line li,.dots-line button {
    display: inline-block;
    vertical-align: middle
}

.dots-line li {
    margin-left: 10px;
    margin-right: 10px
}

.dots-line button {
    font-size: 0;
    width: 14px;
    height: 4px;
    background-color: #999;
    -webkit-transform: skewX(-14deg);
    transform: skewX(-14deg);
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear
}

.dots-line.abs {
    position: absolute;
    left: 0;
    width: 100%
}

.dots-line .slick-active button {
    background-color: #20A6EE
}

.dot-line {
    height: 4px;
    position: relative
}

.dot-line::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #D0D7E5
}

.dot-curLine {
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 100%;
    background-color: #0E1019;
    -webkit-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear
}

.btn-link2 {
    color: #fff
}

.btn-link2 span {
    display: inline-block;
    position: relative;
    padding-right: 26px
}

.btn-link2 span::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url(../fonts/icon-06.svg) no-repeat center center;
    background-size: contain
}

.btn-more2 {
    color: #20A6EE;
    display: inline-block
}

.btn-more2 span {
    display: inline-block;
    position: relative;
    padding-right: 24px;
    background: -webkit-gradient(linear, left top, right top, from(#6cc4f0),to(#008fd5));
    background: linear-gradient(to right, #6cc4f0,#008fd5);
    -webkit-background-clip: text;
    color: transparent;
}

.btn-more2 span::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: url(../fonts/next.svg) no-repeat center center;
    background-size: contain
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none
}

.modal-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0,0,0,0.8)
}

.modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 200
}

.modal-content {
    width: 670px;
    padding-top: 45px;
    background-color: #fff;
    position: relative
}

.modal-close {
    position: absolute;
    right: 12px;
    top: 15px;
    font-size: 14px;
    color: #999;
    cursor: pointer
}

.modal-icon {
    width: 150px;
    margin-left: auto;
    margin-right: auto
}

.modal-icon::before {
    padding-top: 100%
}

.modal-inner {
    max-width: 530px;
    margin: 30px auto 0 auto
}

.modal-title {
    line-height: 1.16667;
    margin-bottom: .5em
}

.modal-txt {
    line-height: 1.71429;
    color: #9F9F9F
}

.modal-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px 0;
    color: #fff;
    text-align: center;
    overflow: hidden
}

.modal-btn.black {
    background-color: #0E1019
}

.modal-btn.vi {
    background-color: #20A6EE
}

.sm-ui__msg {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 8px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 14px;
    padding: 16px 20px;
    z-index: 1000
}

label.error {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 12px;
    color: #20A6EE;
    margin-top: 2px
}

.disabled {
    pointer-events: none;
    opacity: .7
}

.scroll-hint {
    display: none
}

@media (min-width: 1025px) {
    .btn-vi-fill {
        -webkit-transition:all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .btn-vi-fill:hover {
        background-color: transparent;
        color: #20A6EE
    }

    .js-select__list li {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .js-select__list li:hover {
        color: #1A2035
    }

    .tab-cont__item .item-link:hover {
        color: #0E1019
    }

    .tab-cont__item .item-link:hover span {
        text-decoration: underline
    }

    .tab-cont__item .item-txt a:hover {
        color: #0E1019;
        text-decoration: underline
    }

    .tabs span:hover {
        opacity: 1
    }

    .pagination .item-link:hover {
        color: #20A6EE
    }

    .data-toggle .item-link span {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .data-toggle .item-link:hover span {
        color: #20A6EE
    }

    .list-more .item-pic img {
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .list-more a:hover .item-pic img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .btn-more2 span::after {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .btn-more2:hover span::after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .apply-btn::after {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .apply-btn:hover::after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .pagination .list-next a,.pagination .list-prev a {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .pagination .list-prev a:hover {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    .pagination .list-next a:hover {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    .b-content {
        display: inline-block;
        position: relative
    }

    .btn-move .first,.btn-move .second {
        -webkit-transition: opacity 0.6s cubic-bezier(1, 0, 0, 1),-webkit-transform 0.6s cubic-bezier(1, 0, 0, 1);
        transition: opacity 0.6s cubic-bezier(1, 0, 0, 1),-webkit-transform 0.6s cubic-bezier(1, 0, 0, 1);
        -o-transition: transform 0.6s cubic-bezier(1, 0, 0, 1),opacity 0.6s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.6s cubic-bezier(1, 0, 0, 1),opacity 0.6s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.6s cubic-bezier(1, 0, 0, 1),opacity 0.6s cubic-bezier(1, 0, 0, 1),-webkit-transform 0.6s cubic-bezier(1, 0, 0, 1)
    }

    .btn-move .second {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
        opacity: 0
    }

    .btn-move:hover .first {
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
        -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        opacity: 0
    }

    .btn-move:hover .second {
        -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    .btn-link2 span::before {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .btn-link2:hover span::before {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .fi-search__btn {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .fi-search__btn:hover {
        color: #20A6EE
    }

    .fi-search__input {
        -webkit-transition: border .3s linear;
        -o-transition: border .3s linear;
        transition: border .3s linear
    }

    .fi-search__input:focus {
        border-color: #20A6EE
    }

    .btn-pack {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .btn-pack:hover {
        -webkit-box-shadow: 0 0px 42px 0 rgba(32,167,240,0.5);
        box-shadow: 0 0px 42px 0 rgba(32,167,240,0.5)
    }

    .checkbox-label span {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .checkbox-label:hover span {
        color: #20A6EE
    }

    .modal-close {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .modal-close:hover {
        color: #20A6EE
    }
}

@media (max-width: 1600px) {
    .sec-bleft .item-inner {
        left:30%
    }

    .sec-bleft .item-hint {
        left: 30%
    }
}

@media (max-width: 1440px) {
    .sec-bleft .item-inner {
        left:20%
    }
.w-1220{max-width:1230px;}
    .sec-bleft .item-hint {
        left: 20%
    }
	
	.fs-32 {
    font-size: 28px;
}

.fs-18 {
    font-size: 16px;
}

.text h3 {
    font-size: 26px;
    margin-bottom: 30px;
    color: #1c202f;
    font-weight: bold;
}
}

@media (max-width: 1280px) {
    .w-1220 {
        width:94%
    }

    .w-1024 {
        width: 86%
    }

    .w-970 {
        width: 84%
    }

    .w-900 {
        width: 82%
    }

    .list-more .item-inner {
        left: 30px;
        right: 30px;
        bottom: 20px
    }

    .sec-bleft .item-inner {
        max-width: 330px
    }
}

@media (max-width: 1024px) {
    .fs-52 {
        font-size:46px
    }

    .fs-40 {
        font-size: 36px
    }

    .fs-36 {
        font-size: 32px
    }

    .fs-32 {
        font-size: 28px
    }

    .fs-24 {
        font-size: 22px
    }

    .fs-20 {
        font-size: 18px
    }

    .fs-18 {
        font-size: 16px
    }

    .w-1220,.w-1024,.w-970,.w-900 {
        width: auto;
        margin-left: 24px;
        margin-right: 24px
    }

    .btn-vi-fill {
        padding: 10px 26px
    }

    .scroll-hint {
        text-align: center;
        display: block;
        color: #c7c7c7;
        margin-top: 20px
    }

    .scroll-hint i,.scroll-hint span {
        display: inline-block;
        vertical-align: middle
    }

    .scroll-hint i {
        font-size: 24px
    }

    .scroll-hint span {
        margin-left: 4px;
        font-size: 14px
    }

    .sec-bleft .item-inner {
        left: 34px
    }

    .sec-bleft .item-hint {
        left: 34px
    }

    .list-filtrate .item-group {
        margin-bottom: 20px
    }

    .fi-input__inner {
        height: 42px;
        padding: 12px
    }

    .fi-search__input {
        height: 42px;
        padding: 12px 12px 12px 40px
    }

    .fi-search__btn {
        left: 8px;
        font-size: 16px
    }

    .fi-input .icon-down {
        right: 10px
    }

    .fi-col-sm {
        width: 33.33%
    }

    .fi-col-md {
        width: 70%
    }

    .fi-col-reset {
        width: 30%
    }

    .btn-reset {
        height: 42px;
        line-height: 42px
    }

    .paragraph blockquote {
        font-size: 22px
    }

    .paragraph h3 {
        font-size: 16px
    }

    .tabs::before {
        width: 90%
    }

    .btn-submit {
        padding: 16px 0
    }

    .sec-bleft .item-inner {
        max-width: 76%
    }

    .btn-move .second {
        display: none
    }

    .modal-icon {
        width: 120px
    }
}

@media (max-width: 768px) {
    .fs-52 {
        font-size:34px
    }

    .fs-40 {
        font-size: 32px
    }

    .fs-36 {
        font-size: 26px
    }

    .fs-32 {
        font-size: 24px
    }

    .fs-24 {
        font-size: 20px
    }

    .fs-20 {
        font-size: 16px
    }

    .fs-18 {
        font-size: 15px
    }

    .fs-16 {
        font-size: 14px
    }

    .sec-bleft .item-title {
        margin-bottom: 12px
    }

    .btn-vi-fill {
        padding-left: 22px;
        padding-right: 22px
    }

    .paragraph {
        font-size: 14px
    }

    .paragraph blockquote {
        font-size: 20px
    }

    .paragraph h3 {
        font-size: 15px
    }

    .list-more .item-ctitle {
        margin-top: 6px
    }

    .list-more .item-inner {
        left: 20px;
        right: 20px;
        bottom: 14px
    }

    .modal-dialog {
        width: 90%
    }

    .modal-content {
        width: 100%
    }

    .modal-icon {
        width: 90px
    }

    .modal-inner {
        padding: 0 20px
    }

    .checkbox-label span {
        padding-left: 6px
    }

    .checkbox-label .dec {
        width: 18px;
        height: 18px;
        top: 2px
    }
}

@media (max-width: 700px) {
    .sec-banner {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        background-color: transparent
    }

    .sec-bleft {
        width: 100%
    }

    .sec-bleft .item-inner {
        top: 30%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        max-width: inherit;
        left: 24px;
        right: 24px
    }

    .sec-bleft .item-hint,.sec-bleft .item-handle {
        display: none
    }

    .sec-bright {
        width: 100%;
        margin-top: -20%;
        margin-left: 0;
        padding: 0 24px
    }

    .sec-bright .item-hint,.sec-bright .item-handle {
        display: block;
        margin-top: 24px
    }
}

@media (max-width: 650px) {
    .list-more li {
        width:100%
    }

    .sec-inner .item-txt br {
        display: none
    }

    .tabs,.tabs-cont {
        width: 100%
    }

    .tabs::before {
        width: 100%;
        max-width: 100%
    }

    .tabs-cont {
        margin-top: 30px
    }

    .btn-submit {
        padding: 12px 0
    }

    .dots-line li {
        margin-left: 5px;
        margin-right: 5px
    }

    .tab-cont__item .item-link {
        width: 100%;
        color: #0E1019;
        margin-bottom: 14px;
        padding-right: 0;
        margin-right: 0
    }

    .tab-cont__item .item-link span {
        text-decoration: underline
    }

    .tab-cont__item .item-link:last-child::after {
        display: block
    }

    .modal-icon {
        width: 68px
    }
}

@media (max-width: 500px) {
    .fs-52 {
        font-size:28px
    }

    .fs-40 {
        font-size: 24px
    }

    .fs-36 {
        font-size: 22px
    }

    .fs-32 {
        font-size: 20px
    }

    .fs-24 {
        font-size: 18px
    }

    .column-header .item-ctitle {
        line-height: 1.5
    }

    .paragraph blockquote {
        font-size: 18px;
        padding-left: 20px
    }

    .fi-col-sm {
        width: 100%
    }
}

.in-banner__slick .item-box {
    position: relative
}

.in-banner__slick a {
    color: #0E1019
}

.in-banner__slick .item-pic::before {
    padding-top: 49.33333%;
}

.in-banner__slick .item-pic img {
    will-change: transform;
    -webkit-transition: -webkit-transform 10s linear;
    transition: -webkit-transform 10s linear;
    -o-transition: transform 10s linear;
    transition: transform 10s linear;
    transition: transform 10s linear, -webkit-transform 10s linear
}

.in-banner__slick .m-img {
    display: none
}

.in-banner__slick .item-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    z-index: 20
}

.in-banner__slick .item-ctitle,.in-banner__slick .item-etitle {
    line-height: 1.23077
}

.in-banner__slick .item-etitle {
    background: -o-linear-gradient(left, #6cc4f0,#008fd5);
    background: -webkit-gradient(linear, left top, right top, from(#6cc4f0),to(#008fd5));
    background: linear-gradient(to right, #6cc4f0,#008fd5);
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block
}

.in-banner__slick .item-txt {
    max-width: 550px;
    line-height: 1.8;
    color: #666
}

.in-banner__slick .dots-line {
    position: absolute;
    right: 7.6%;
    bottom: 10%;
}

.in-banner__slick .item-word {
    overflow: hidden;
    position: relative
}

.in-banner__slick .item-move {
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.ready-page .in-banner__slick .slick-current .item-move {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ready-page .in-banner__slick .slick-current .item-etitle {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.ready-page .in-banner__slick .slick-current .item-txt {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.ready-page .in-banner__slick .slick-current .item-more {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.ready-page .in-banner__slick .slick-current .item-pic img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.in-product__item:nth-child(even) .item-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.in-product__item:nth-child(even) .item-lcont {
    padding-right: 5%;
    padding-left: 0;
}

.in-product__item .item-lcont,.in-product__item .item-rcont {
    width: 49%;
}

.in-product__item .item-lcont {
    padding-left: 6%;
}

.in-product__item .item-rpic::before {
    padding-top: 60.18033%;
}
.in-product__item2 .item-rpic::before {
    padding-top: 95.18033%;
}

.in-product__item2{background:url(../images/ab.jpg)}
.in-product__item .item-title {
    font-family: "Montserrat-Regular";
    line-height: 1.19444;
    background: -webkit-gradient(linear, left top, right top, from(#6cc4f0),to(#008fd5));
    background: linear-gradient(to right, #6cc4f0,#008fd5);
    -webkit-background-clip: text;
    color: transparent;
}

.in-product__item .item-txt {
    line-height: 2;
    color: #6a6a6a;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8; /*最大行数*/
}

.in-product__item .item-row {
    width: 50%;
    position: relative;
    padding-left: 18px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.in-product__item .item-row::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(153,153,153,0.5)
}

.in-product__item .item-ptitle {
    color: #33414E;
    line-height: 1.33333;
    margin-bottom: 30px;
}

.in-product__item .item-ptxt {
    color: #666;
    line-height: 1.28571
}

.in-solutions {
    position: relative
}


.in-solutions__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

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

.in-solutions__tcont .box {
    position: absolute;
    left: 0;
    right: 0
}

.in-solutions__tcont .item-lcont {
    position: relative;
    z-index: 10;
    max-width: 540px
}

.in-solutions__tcont .item-lcont .item-txt {
    color: #ccc
}

.in-solutions__tcont .item-rcont {
    width: 50%;
    position: relative;
    left: 50%
}

.in-solutions__tcont .item-rpic {
    overflow: visible
}

.in-solutions__tcont .item-rpic::before {
    padding-top: 76.04167%
}

.in-solutions__tcont .item-rpic::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 93%;
    background-color: #20A6EE;
    height: 40px
}

.in-solutions__tcont .item-rpic img {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.in-solutions__slick .item-cont {
    position: relative;
    padding-top: 30px;
    padding-left: 30px;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear
}

.in-solutions__slick .item-order {
    font-family: "Montserrat-Light";
    color: rgba(255,255,255,0.3)
}

.in-solutions__slick .item-title {
    line-height: 1.5;
    color: #fff;
    margin-bottom: 1.25em;
    margin-top: .83333em;
    margin-right: 20px;
    position: relative;
    padding-bottom: 20px
}

.in-solutions__slick .item-title::before {
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 58px;
    height: 2px;
    background-color: #20A6EE
}

.in-solutions__slick .item-txt {
    line-height: 1.5;
    color: #ccc;
    max-width: 316px;
    margin-right: 20px;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.in-solutions__slick .item-pic::before {
    padding-top: 54.16667%
}

.in-solutions__slick .item-icon {
    width: 105px;
    position: absolute;
    left: 30px;
    bottom: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.in-solutions__slick .item-icon::before {
    padding-top: 100%
}

.in-solutions__slick .btn-more2 {
    display: none
}

.in-partner .txt {
    line-height: 1.5;
    color: #666;
    text-align: center;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}

.in-partner__slick .item-pic {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px
}

.in-partner__slick .item-pic::before {
    padding-top: 33.33333%

	
	}

@media (min-width: 1025px) {
    .in-solutions__slick .item-cont:hover {
        background-color:#20A6EE
    }

    .in-solutions__slick .item-cont:hover .item-icon {
        opacity: 0
    }

    .in-solutions__slick .item-cont:hover .item-pic {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .in-solutions__slick .item-cont:hover .item-txt {
        color: #fff
    }

    .in-solutions__slick .item-cont:hover .item-order {
        color: #fff
    }

    .in-solutions__slick .item-cont:hover .item-title::before {
        background-color: #fff
    }

    .in-solutions__slick .item-order {
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s
    }

    .in-solutions__slick .item-pic {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .in-product__item .item-title {
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s
    }

    .in-product__item .item-title:hover {
        color: #20A6EE
    }

    .in-product__item .item-rpb img {
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        -o-transition: transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s
    }

    .in-product__item .item-rpb:hover img {
        /* -webkit-transform: scale(1.006); */
        /* transform: scale(1.006); */
    }
}

@media (max-width: 1280px) {
    .in-solutions__tcont .item-lcont {
        max-width:460px
    }
}

@media (max-width: 1024px) {
    .in-banner__slick .item-cont {
        top:22%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        left: 24px;
        right: 24px
    }

    .in-banner__slick .item-txt {
        display: none
    }

    .in-solutions__tcont .item-lcont {
        max-width: 45%
    }

    .in-solutions__slick .item-icon {
        display: none;
        width: 90px
    }

    .in-solutions__slick .item-title {
        margin-bottom: 30px
    }

    .in-solutions__slick .btn-more2 {
        display: block;
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
	.in-product__item .item-lcont {
    padding-left: 0;
}
    .in-solutions__tcont {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .in-solutions__tcont .box {
        position: relative;
        left: auto;
        right: auto
    }

    .in-solutions__tcont .item-lcont {
        max-width: 100%
    }

    .in-solutions__tcont .item-rcont {
        left: auto;
        width: calc(100% - 48px);
        margin: 60px 24px 0 24px
    }

    .in-solutions__slick .item-icon {
        width: 68px
    }

    .in-solutions__tcont .item-rpic::after {
        height: 28px
    }

    .in-solutions__tcont .item-rpic img {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px)
    }
}

@media (max-width: 650px) {
    .in-product__item:nth-child(even) .item-lcont {
        padding-left:0
    }

    .in-product__item .item-lcont,.in-product__item .item-rcont {
        width: 100%
    }

    .in-product__item .item-lcont {
        padding-right: 0
    }

    .in-product__item .item-rcont {
        margin-top: 30px
    }

    .in-product__item .item-title {
        font-weight: 900;
        font-family: "PingFangSC"
    }

    .in-solutions__slick .item-cont {
        padding-left: 0;
        padding-top: 0
    }

    .in-product .sec-inner .item-txt {
        margin-top: 10px
    }
}

@media (max-width: 500px) {
    .in-banner__slick .item-pic::before {
        padding-top:170.66667%
    }

    .in-banner__slick .item-cont {
        top: 12%
    }

    .in-banner__slick .p-img {
        display: none
    }

    .in-banner__slick .m-img {
        display: block
    }

    .in-banner__slick .fs-52 {
        font-size: 24px;
        font-weight: 900
    }

    .in-banner__slick .item-txt {
        font-size: 14px;
        margin-top: 20px;
        display: block
    }
}

.n-banner__hint {
    line-height: 1.77778;
    color: #0E1019
}

.n-banner__hint a {
    color: #0E1019
}

.list-article .item-box {
    background-color: #F9FBFF;
    position: relative;
    height: 100%
}

.list-article .item-inner {
    padding: 40px 40px 0 40px
}

.list-article .item-attr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.list-article .item-date {
    font-family: "Montserrat-Light"
}

.list-article .item-title {
    display: block;
    margin-top: 30px;
    color: #121212;
    line-height: 1.55556
}

.list-article .item-pic {
    margin-top: 80px
}

.list-article .item-pic::before {
    padding-top: 49.09561%
}

.list-article .item-txt {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 60px;
    line-height: 1.71429;
    color: #999
}

.new-filtrate .item-group {
    width: 25%
}

.new-filtrate .fi-group__search {
    width: calc(50% - 150px)
}

.new-filtrate .fi-col-reset {
    width: 150px
}

.nd-title {
    line-height: 1.38889
}

.nd-message .item {
    padding-right: 34px;
    position: relative;
    margin-right: 40px
}

.nd-message .item::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 15px;
    background-color: #0E1019
}

.nd-message .item:last-child {
    margin-right: 0;
    padding-right: 0
}

.nd-message .item:last-child::after {
    display: none
}

.nd-main {
    position: relative;
    z-index: 200
}

.nd-date {
    font-family: "Montserrat-Light"
}

.nd-wrap {
    position: relative
}

.nds-hint {
    margin-bottom: 24px;
    display: block
}

.nds-icon {
    width: 24px;
    height: 24px;
    background-color: #CCD1D9;
    border-radius: 4px;
    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;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    font-size: 16px;
    color: #fff
}

.nds-icon i {
    color: #fff
}

.nds-icon .icon-weibo::before {
    display: block;
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

@media (min-width: 1025px) {
    .list-article .item-title {
        -webkit-transition:color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .list-article .item-title:hover {
        color: #20A6EE
    }

    .list-article .item-pic img {
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .list-article .item-pic__link:hover .item-pic img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .nd-share {
        position: absolute;
        right: 0;
        top: 200px;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .nds-icon {
        -webkit-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s
    }

    .nds-icon:hover {
        background-color: #20A6EE
    }
}

@media (max-width: 1024px) {
    .list-article .item-inner {
        padding:30px 30px 0 30px
    }

    .list-article .item-txt {
        left: 30px;
        right: 30px;
        bottom: 40px
    }

    .nd-inner {
        margin-top: 50px
    }

    .nd-message .item {
        padding-right: 20px;
        margin-right: 24px
    }

    .nd-share {
        margin-top: 35px
    }

    .nd-share .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nds-hint {
        margin-bottom: 0;
        margin-right: 30px
    }

    .nds-icon {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 20px
    }
}

@media (max-width: 768px) {
    .list-article li {
        width:50%
    }
}

@media (max-width: 650px) {
    .list-article .item-inner {
        padding:20px 20px 0 20px
    }

    .list-article .item-txt {
        left: 20px;
        right: 20px;
        bottom: 20px
    }

    .n-banner__hint {
        padding: 0
    }

    .new-filtrate .item-group {
        width: 50%
    }
}

@media (max-width: 500px) {
    .list-article li {
        width:100%
    }

    .list-article .item-title {
        margin-top: 15px
    }

    .list-article .item-pic {
        margin-top: 50px
    }

    .list-article .item-txt {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 50px 20px 0 20px;
        padding-bottom: 30px
    }

    .new-filtrate .item-group {
        width: 100%;
        margin-bottom: 10px
    }

    .nd-message .item {
        padding-right: 14px;
        margin-right: 14px
    }
}

.list-features .item-box {
    background-color: #fff;
    min-height: 156px;
    padding: 28px 36px;
    position: relative
}

.list-features .item-box::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0E1019;
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.list-features .item-box:hover {
    z-index: 200
}

.list-features .item-box:hover .item-slide {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.list-features .item-box:hover .item-slide .item-plus {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.list-features .item-box:hover .item-title,.list-features .item-box:hover .item-intro {
    color: #fff
}

.list-features .item-box:hover .item-txt {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.list-features .item-slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 350px;
    background-color: #0E1019;
    padding: 28px 36px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 100
}

.list-features .item-slide .item-title,.list-features .item-slide .item-intro {
    visibility: hidden;
    opacity: 0
}

.list-features .item-slide .item-plus {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.list-features .item-slide .item-plus::before {
    opacity: 0
}

.list-features .item-slide .item-plus::after,.list-features .item-slide .item-plus::before {
    background-color: #fff
}

.list-features .item-title,.list-features .item-intro {
    position: relative;
    z-index: 120;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.list-features .item-title {
    line-height: 1.6
}

.list-features .item-intro {
    font-family: "Montserrat-Light";
    margin-top: 10px;
    padding-bottom: 30px;
    line-height: 1.4;
    color: #9F9F9F
}

.list-features .item-txt {
    line-height: 1.5625;
    color: #fff;
    margin: 50px 0;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.list-features .item-plus {
    position: absolute;
    bottom: 28px
}

@media (max-width: 1024px) {
    .list-features .item-box {
        padding:20px
    }

    .list-features .item-plus {
        bottom: 16px
    }

    .list-features .item-slide {
        padding: 20px
    }
}

@media (max-width: 650px) {
    .list-features li {
        width:50%
    }
}

.par-banner__hint span {
    color: #0E1019
}

.apply-btn {
    color: #20A6EE;
    display: inline-block;
    padding-right: 26px;
    position: relative
}

.apply-btn::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 12px;
    height: 14px;
    background: url(../fonts/next.svg) no-repeat center center;
    background-size: contain
}

.list-partner .item-pic {
    border: 1px solid #ddd;
    border-radius: 10px
}

.list-partner .item-pic::before {
    padding-top: 33.33333%
}

@media (max-width: 650px) {
    .list-partner li {
        width:33.33%
    }
}

.ab-slogan__main {
    padding: 90px 100px;
    background-color: #fff
}

.ab-slogan__main .item-lcont {
    width: 245px;
    position: relative;
    padding-left: 28px
}

.ab-slogan__main .item-lcont::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 42px;
    background: url(../fonts/icon-02.svg) no-repeat center center;
    background-size: contain;
    z-index: 20
}

.ab-slogan__main .item-rcont {
    width: calc(100% - 245px)
}

.ab-slogan__main .item-pic {
    width: 104px
}

.ab-slogan__main .item-pic::before {
    padding-top: 100%
}

.ab-slogan__main .item-title {
    line-height: 1.55556;
    margin-bottom: 1.33333em
}

.ab-slogan__main .item-txt {
    line-height: 1.5;
    color: #9F9F9F
}

.ab-slogan__main .item-hint {
    display: inline-block;
    position: relative;
    padding-left: 80px;
    font-family: "Montserrat-Light"
}

.ab-slogan__main .item-hint::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 64px;
    height: 1px;
    background-color: #0E1019
}

.ab-history__box {
    margin-left: 50px;
    margin-right: 50px
}

.slick-sarrow {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 20px;
    height: 24px;
    cursor: pointer
}

.slick-sarrow.prev {
    left: 0;
    background: url(../fonts/prev.svg) no-repeat center center;
    background-size: contain
}

.slick-sarrow.next {
    right: 0;
    background: url(../fonts/next.svg) no-repeat center center;
    background-size: contain
}

.ab-history__ncont {
    position: relative;
    padding-left: 70px;
    padding-right: 70px
}

.ab-history__nav {
    position: relative
}

.ab-history__nav::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: url(../fonts/line.svg) repeat center center
}

.ab-history__nav .item-cont {
    position: relative;
    text-align: center;
    width: 70%;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.ab-history__nav .item-cont::before {
    content: "";
    display: block;
    padding-top: 100%
}

.ab-history__nav .item-cont::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../fonts/round2.svg) no-repeat center center;
    background-size: contain
}

.ab-history__nav .item-year {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20
}

.ab-history__nav .slick-current .item-cont {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ab-history__for {
    width: 67%;
    margin-left: auto;
    margin-right: auto
}

.ab-history__for .item-box {
    position: relative;
    padding-left: 42px
}

.ab-history__for .item-box::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 1px;
    background-color: #59607D
}

.ab-history__for .item-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ab-history__for .item-list li {
    margin-bottom: 60px
}

.ab-history__for .item-list li:last-child {
    margin-bottom: 0
}

.ab-history__for .item-date {
    font-family: "Montserrat-Light";
    color: #fff;
    width: 190px;
    line-height: 1.22222;
    letter-spacing: .6px
}

.ab-history__for .item-txt {
    color: #fff;
    width: calc(100% - 190px);
    line-height: 1.75;
    letter-spacing: .6px;
    margin-top: -2px
}

@media (min-width: 1025px) {
    .slick-sarrow {
        -webkit-transition:-webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .slick-sarrow.prev:hover {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    .slick-sarrow.next:hover {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
}

@media (max-width: 1024px) {
    .ab-slogan__main {
        padding:50px 80px
    }

    .ab-history__box {
        margin-left: 24px;
        margin-right: 24px
    }

    .ab-history__for {
        width: 90%
    }
}

@media (max-width: 768px) {
    .ab-slogan__main {
        padding:30px 20px
    }

    .ab-slogan__main .item-pic {
        width: 82px
    }

    .ab-slogan__main .item-lcont {
        width: 150px
    }

    .ab-slogan__main .item-lcont::before {
        width: 38px;
        height: 35px
    }

    .ab-slogan__main .item-rcont {
        width: calc(100% - 150px)
    }

    .ab-history__for .item-box {
        padding-left: 26px
    }

    .ab-history__for .item-date {
        width: 120px
    }

    .ab-history__for .item-txt {
        width: calc(100% - 120px)
    }

    .ab-history__ncont {
        padding-left: 40px;
        padding-right: 40px
    }

    .slick-sarrow {
        width: 14px;
        height: 18px;
        margin-top: -9px
    }
}

@media (max-width: 500px) {
    .ab-slogan__main .item-pic {
        width:56px
    }

    .ab-slogan__main .item-lcont {
        width: 100px
    }

    .ab-slogan__main .item-lcont::before {
        width: 28px;
        height: 26px;
        left: 10px
    }

    .ab-slogan__main .item-rcont {
        width: 100%;
        margin-top: 24px
    }

    .ab-history__for .item-list li {
        margin-bottom: 35px
    }

    .ab-history__for .item-date,.ab-history__for .item-txt {
        width: 100%
    }

    .ab-history__for .item-date {
        margin-bottom: 6px
    }

    .ab-history__for .item-box {
        padding-left: 18px
    }

    .ab-history__for {
        width: 100%
    }
}

.office-message li {
    position: relative
}

.office-message li::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    bottom: 2px;
    width: 1px;
    background-color: #D0D7E5
}

.office-message li:nth-child(3n+1) .item-box {
    margin-left: 60px
}

.office-message li:nth-child(3n+3)::after {
    display: none
}

.office-message li:nth-child(3n+3) .item-box {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 60px
}

.office-message li:nth-child(3n+2) .item-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.office-message .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

.office-message .item-title {
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: .5em
}

.office-message .item-txt {
    line-height: 1.33333;
    font-family: "Montserrat-Regular"
}

.list-office .item-box {
    padding-bottom: 30px;
    border-bottom: 1px solid #D0D7E5;
    height: 100%
}

.list-office .item-pic::before {
    padding-top: 54.16667%
}

.list-office .item-title {
    line-height: 1.58333;
    margin-top: 1.41667em;
    margin-bottom: .91667em
}

.list-office .item-column {
    position: relative;
    padding-left: 28px;
    line-height: 1.88889
}

.list-office .dec {
    position: absolute;
    left: 0;
    top: 9px
}

.list-office .item-address,.list-office .item-tel {
    color: #999
}

.list-office .item-address a,.list-office .item-tel a {
    color: #999
}

.list-office .item-map {
    color: #0E1019
}

.list-office .icon-address {
    font-size: 16px
}

.list-office .icon-tel {
    font-size: 16px
}

.list-office .item-map a {
    color: #0E1019;
    text-decoration: underline
}

.list-follow .item-pic {
    width: 120px;
    margin-left: auto;
    margin-right: auto
}

.list-follow .item-pic::before {
    padding-top: 100%
}

.list-follow .item-title {
    text-align: center;
    color: #ccc;
    letter-spacing: 1px;
    line-height: 1.58333;
    margin-top: .83333em
}

.cot-customer__box .item-lcont,.cot-customer__box .item-rcont {
    width: 50%;
    position: relative
}

.cot-customer__box .item-pic::before {
    padding-top: 65.57377%
}

.cot-customer__box .item-inner {
    position: absolute;
    left: 20%;
    right: 20%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

.cot-customer__box .item-etitle {
    font-family: "Montserrat-Light";
    line-height: 1.4
}

.cot-customer__box .item-ctitle {
    line-height: 1.5;
    height: 145px
}

.cot-follow__box .sec-inner .item-txt {
    color: #fff
}

@media (min-width: 1025px) {
    .list-office .item-map a {
        -webkit-transition:color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .list-office .item-map a:hover {
        color: #20A6EE
    }
}

@media (max-width: 1024px) {
    .office-message li:nth-child(3n+1) .item-box {
        margin-left:30px
    }

    .office-message li:nth-child(3n+3) .item-box {
        margin-right: 30px
    }

    .cot-customer__box .item-inner {
        left: 10%;
        right: 10%
    }

    .cot-customer__box .item-ctitle {
        height: 106px
    }

    .cot-follow__box .w-970 {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .office-message li:nth-child(3n+1) .item-box {
        margin-left:0
    }

    .office-message li:nth-child(3n+3) .item-box {
        margin-right: 0
    }

    .office-message .item-box {
        padding: 0 20px
    }

    .office-message .item-inner {
        left: 30px;
        right: 30px
    }
}

@media (max-width: 680px) {
    .cot-customer__box .item-lcont,.cot-customer__box .item-rcont {
        width:100%
    }
}

@media (max-width: 650px) {
    .office-message li {
        width:100%;
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #D0D7E5
    }

    .office-message li::after {
        display: none
    }

    .office-message li:nth-child(3n+1) .item-box,.office-message li:nth-child(3n+3) .item-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .list-office .item-box {
        padding-bottom: 20px
    }

    .list-office .item-column {
        padding-left: 22px;
        margin-bottom: 4px
    }

    .list-office .item-title {
        margin-top: 18px;
        margin-bottom: 12px
    }

    .list-office .dec {
        top: 6px
    }

    .list-office .icon-address,.list-office .icon-tel {
        font-size: 14px
    }

    .list-office .icon-tel {
        top: 8px
    }
}

@media (max-width: 500px) {
    .cot-customer__box .item-pic::before {
        padding-top:300px
    }

    .cot-customer__box .item-pic img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .cot-customer__box .item-inner {
        left: 20px;
        right: 20px
    }

    .list-follow li {
        width: 110px
    }

    .list-follow .item-pic {
        width: 100%
    }

    .list-follow .item-title {
        margin-top: 10px
    }

    .list-office .item-column {
        font-size: 14px
    }

    .list-office .item-title {
        font-size: 16px
    }
}

.join-tab__hybr li {
    position: relative;
    padding: 0 20px;
    margin-bottom: 30px
}

.join-tab__hybr li:nth-child(3n+1) {
    padding-left: 0
}

.join-tab__hybr .item-hbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.join-tab__hybr .item-icon {
    width: 110px;
    margin-left: auto;
    margin-right: auto
}

.join-tab__hybr .item-icon::before {
    padding-top: 100%
}

.join-tab__hybr .item-htitle {
    line-height: 1.5;
    letter-spacing: .6px;
    margin-top: 8px;
    text-align: center
}

.list-position .item {
    background-color: #fff;
    padding: 30px 40px;
    margin-bottom: 30px
}

.list-position .active .item-plus::before {
    opacity: 0
}

.list-position .item-slide {
    display: none
}

.list-position .item-caption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.list-position .item-plus {
    width: 12px;
    height: 12px
}

.list-position .item-plus::before {
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.list-position .item-title {
    line-height: 1.4;
    width: 31%
}

.list-position .item-type,.list-position .item-address {
    line-height: 1.75
}

.list-position .item-type {
    width: 32%
}

.list-position .item-address {
    width: calc(37% - 18px)
}

.list-position .item-txt {
    color: #9F9F9F;
    padding-top: 54px;
    border-top: 1px solid #D0D7E5;
    margin-top: 20px
}

.list-position .item-txt h3 {
    color: #1A2035;
    margin-bottom: 10px
}

.list-position .item-mail {
    color: #000
}

.list-position .item-mail a {
    color: #000
}

@-webkit-keyframes slickOpa {
    0% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@keyframes slickOpa {
    0% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

.join-environment__slick .item-pic {
    opacity: .2;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.join-environment__slick .item-pic::before {
    padding-top: 61.73077%
}

.join-environment__slick .slick-current .item-pic {
    opacity: 1
}

.join-position__banner {
    position: relative
}

.join-position__banner .item-pic::before {
    padding-top: 45.08197%
}

.join-position__banner .item-cont {
    position: absolute;
    left: 0;
    top: 25%;
    width: 100%;
    text-align: center;
    padding: 0 20px
}

.join-position__banner .item-ctitle span {
    font-size: 1.05555555em
}

@media (min-width: 1025px) {
    .list-position .item-title {
        -webkit-transition:color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .list-position .item-caption:hover .item-title {
        color: #20A6EE
    }
}

@media (max-width: 1024px) {
    .list-position .item {
        padding:24px;
        margin-bottom: 20px
    }

    .list-position .item-title {
        width: 40%
    }

    .list-position .item-address {
        width: calc(60% - 18px)
    }

    .list-position .item-type {
        display: none
    }

    .join-tab__hybr .item-icon {
        width: 90px
    }
}

@media (max-width: 768px) {
    .join-tab__hybr .item-icon {
        width:68px
    }

    .list-position .item {
        margin-bottom: 16px
    }
}

@media (max-width: 650px) {
    .list-position .item-txt {
        padding-top:36px
    }

    .join-tab__hybr .item-icon {
        width: 56px
    }
}

@media (max-width: 500px) {
    .list-position .item {
        padding:14px 16px
    }

    .list-position .item-address {
        display: none
    }

    .list-position .item-title {
        width: calc(100% - 18px)
    }

    .join-tab__hybr .item-icon {
        width: 48px
    }

    .join-position__banner .item-pic::before {
        padding-top: 74%
    }

    .join-position__banner .item-pic img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .join-position__banner .item-cont {
        top: 20%
    }

    .join-position__banner .item-etitle {
        line-height: 1.4
    }

    .join-position__banner .mt-20 {
        margin-top: 10px
    }
}

.download-filtrate .fi-group__select {
    width: 29.33%
}

.dm-title {
    line-height: 1.11111;
    margin-bottom: .44444em
}

.dm-txt {
    line-height: 1.6
}

.list-download .item-li {
    background-color: #F9FBFF
}

.list-download .item-li:last-child {
    margin-bottom: 0
}

.list-download .item-intro {
    padding-bottom: 30px
}

.list-download .item-header {
    padding: 34px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.list-download .item-title {
    width: 43%;
    line-height: 1.5
}

.list-download .item-attr {
    width: 31%
}

.list-download .item-system {
    width: calc(26% - 12px)
}

.list-download .item-plus {
    width: 12px;
    height: 12px
}

.list-download .item-plus::before {
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.list-download .item-attr {
    font-family: "Montserrat-Medium";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-download .item-hint {
    font-size: 12px;
    padding: 4px 8px;
    background-color: #20A6EE;
    margin-left: 16px;
    height: 18px;
    color: #fff
}

.list-download .item-system {
    font-family: "Montserrat-Medium"
}

.list-download .item-slide {
    display: none
}

.list-download .item-cont {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 30px;
    border-top: 1px solid #D0D7E5
}

.list-download .item-stitle {
    line-height: 1.6
}

.list-download .item-row {
    border-bottom: 1px solid #D0D7E5;
    padding-top: 30px;
    padding-bottom: 30px
}

.list-download .item-lcont {
    width: 46%
}

.list-download .item-rcont {
    width: 54%
}

.list-download .item-list li {
    color: #9F9F9F;
    letter-spacing: 1px;
    line-height: 2.14286;
    padding-right: 20px;
    padding-left: 14px;
    position: relative;
    width: 100%
}

.list-download .item-list li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #20A6EE
}

.list-download .item-down {
    margin-left: 40px
}

.list-download .item-icp {
    color: #121212;
    margin-bottom: .88889em
}

.list-download .item-itxt {
    color: #9F9F9F;
    line-height: 1.78571;
    letter-spacing: 1px
}

.list-download .active .item-plus::before {
    opacity: 0
}

@media (min-width: 1025px) {
    .list-download .item-down {
        -webkit-transition:color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .list-download .item-down:hover {
        color: #20A6EE
    }

    .list-download .item-title {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .list-download .item-header:hover .item-title {
        color: #20A6EE
    }
}

@media (max-width: 1024px) {
    .download-filtrate .fi-group__select {
        width:26.66%
    }

    .download-filtrate .fi-col-reset {
        width: 20%
    }

    .list-download .item-header {
        padding: 28px 20px
    }

    .list-download .item-cont {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width: 650px) {
    .list-download .item-header {
        position:relative
    }

    .list-download .item-title {
        width: 100%;
        margin-bottom: 15px
    }

    .list-download .item-attr {
        width: 68%
    }

    .list-download .item-system {
        width: 100%;
        margin-top: 15px
    }

    .list-download .item-plus {
        position: absolute;
        right: 20px;
        bottom: 30px
    }
}

@media (max-width: 580px) {
    .list-download .item-lcont,.list-download .item-rcont {
        width:100%
    }

    .list-download .item-rcont {
        margin-top: 24px
    }

    .list-download .item-list li {
        min-width: 100%
    }

    .list-download .item-down {
        margin-left: 0
    }
}

@media (max-width: 540px) {
    .download-filtrate .fi-group__select,.download-filtrate .fi-col-reset {
        width:100%
    }
}

.pro-banner__handle .box {
    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
}

.pro-banner__handle .btn-down::before {
    width: 15px;
    height: 18px
}

.pro-banner__handle .item-btn {
    margin-right: 40px;
    padding-right: 40px
}

.pro-banner__handle .item-btn::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 20px;
    background-color: #D0D7E5;
    margin-top: -10px
}

.pro-banner__handle .item-btn:last-child::after {
    display: none
}

.list-pd__overview .item-box {
    position: relative;
    padding-left: 18px
}

.list-pd__overview .item-box::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background-color: rgba(153,153,153,0.5)
}

.list-pd__overview .item-title {
    color: #33414E;
    line-height: 1.33333
}

.list-pd__overview .item-txt {
    line-height: 1.28571;
    color: #666
}

.pd-overview__slick .item-pic::before {
    padding-top: 50.81967%
}

.pd-overview__slick .dots-line {
    bottom: 34px
}

.list-pd__advantage .item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list-pd__advantage .item-box {
    background-color: #161926;
    padding: 45px 45px 50px 30px;
    height: 100%
}

.list-pd__advantage .item-title {
    width: calc(100% - 101px);
    padding-right: 40px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.5
}

.list-pd__advantage .item-icon {
    width: 101px
}

.list-pd__advantage .item-icon::before {
    padding-top: 100%
}

.list-pd__advantage .item-txt {
    margin-top: 30px;
    line-height: 1.71429;
    letter-spacing: .6px;
    color: rgba(255,255,255,0.6)
}

.pd-attract__item:last-child {
    margin-top: 0
}

.pd-attract__caption {
    line-height: 1.5;
    letter-spacing: 1px
}

.pd-attract__cont {
    margin-top: 20px
}

.pd-attract__cont .item-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    border-top: 2px solid #0E1019;
    padding-top: 30px
}

.pd-attract__nav {
    width: 50%;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pd-attract__nav .item-title {
    width: 134px;
    margin-top: 5px
}

.pd-attrace__list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pd-attrace__list li {
    line-height: 2.14286;
    letter-spacing: 1px;
    color: #666;
    border-bottom: 1px solid rgba(208,215,229,0.6);
    margin-bottom: 5px
}

.prodata-table table {
    width: 100%;
    margin-bottom: 40px
}

.prodata-table th:first-child,.prodata-table td:first-child {
    padding-left: 30px;
    width: 34%
}

.prodata-table th:first-child,.prodata-table th:last-child,.prodata-table td:first-child,.prodata-table td:last-child {
    border-right: none
}

.prodata-table th {
    font-size: 18px;
    line-height: 1.5;
    font-family: "Montserrat-Regular";
    background-color: #0E1019;
    font-weight: 700;
    color: #fff;
    padding: 17px 20px;
    border-right: 1px solid #FFF8F8
}

.prodata-table th:first-child {
    background-color: #20A6EE
}

.prodata-table td {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    border-bottom: 1px solid rgba(159,159,159,0.2);
    padding: 18px 20px;
    border-right: 1px solid rgba(159,159,159,0.2);
    text-align: center
}

.prodata-table td:first-child {
    font-size: 18px;
    color: #0E1019;
    background-color: rgba(248,248,248,0.8)
}

.prodata-table p {
    color: #9F9F9F;
    line-height: 1.71429
}

.prodata-table__inner {
    color: #9F9F9F;
    line-height: 1.71429
}

.prodata-table__inner .hint {
    margin-right: 10px
}

.prodata-table__inner .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 1025px) {
    .pro-banner__handle .item-btn {
        -webkit-transition:color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .pro-banner__handle .item-btn:hover {
        color: #20A6EE
    }
}

@media (max-width: 1024px) {
    .pd-overview__slick .dots-line {
        bottom:18px
    }

    .list-pd__advantage .item-icon {
        width: 80px
    }

    .list-pd__advantage .item-title {
        width: calc(100% - 80px)
    }

    .list-pd__advantage .item-box {
        padding: 32px 32px 40px 20px
    }

    .pro-banner__handle .item-btn {
        padding-right: 20px;
        margin-right: 20px
    }

    .prodata-tcont {
        -ms-touch-action: auto;
        touch-action: auto;
        white-space: nowrap;
        overflow: auto
    }

    .prodata-tcont table {
        width: 800px
    }

    .prodata-table th {
        font-size: 16px
    }

    .prodata-table td {
        font-size: 14px
    }

    .prodata-table td:first-child {
        font-size: 16px
    }
}

@media (max-width: 768px) {
    .list-pd__advantage .item-header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .list-pd__advantage .item-icon {
        width: 62px
    }

    .list-pd__advantage .item-title {
        width: 100%;
        margin-top: 12px;
        padding-right: 0
    }

    .list-pd__overview {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .list-pd__overview li {
        width: 50%
    }
}

@media (max-width: 650px) {
    .list-pd__advantage .item-icon {
        width:48px
    }

    .list-pd__advantage .item-box {
        padding: 24px 20px
    }

    .pd-attract__nav {
        width: 100%
    }

    .pd-attract__nav .item-title {
        width: 96px
    }

    .pro-banner__handle .box {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .prodata-table table {
        margin-bottom: 24px
    }

    .prodata-table th,.prodata-table td {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .prodata-table th:first-child,.prodata-table td:first-child {
        padding-left: 14px
    }

    .pd-overview__slick .item-pic::before {
        padding-top: 80%
    }

    .pd-overview__slick .item-pic img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width: 500px) {
    .list-pd__advantage li {
        width:100%
    }
}

.box-cont {
    border-top: 12px solid #20A6EE;
    background-color: #fff;
    padding-left: 6.6%;
    padding-right: 6.6%
}

.box-caption {
    line-height: 1.66667;
    padding-bottom: .66667em;
    border-bottom: 1px solid #D0D7E5
}

.common-form .form-w10 {
    width: 100%
}

.common-form .form-w5 {
    width: 50%
}

.common-form .item-cont {
    position: relative
}

.common-form .item-group {
    margin-bottom: 30px
}

.common-form .item-title {
    line-height: 2.22222;
    color: #121212;
    margin-bottom: .72222em
}

.common-form .item-input input {
    width: 100%;
    font-size: 14px;
    color: #121212;
    border: 1px solid #D0D7E5;
    padding: 0 20px;
    height: 52px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.common-form .item-input input::-webkit-input-placeholder {
    color: #9F9F9F
}

.common-form .item-input input::-moz-placeholder {
    color: #9F9F9F
}

.common-form .item-input input:-ms-input-placeholder {
    color: #9F9F9F
}

.common-form .item-input input::-ms-input-placeholder {
    color: #9F9F9F
}

.common-form .item-input input::placeholder {
    color: #9F9F9F
}

.common-form .item-input input:focus {
    border-color: #20A6EE
}

.common-form .item-input .placeholder-black::-webkit-input-placeholder {
    color: #121212
}

.common-form .item-input .placeholder-black::-moz-placeholder {
    color: #121212
}

.common-form .item-input .placeholder-black:-ms-input-placeholder {
    color: #121212
}

.common-form .item-input .placeholder-black::-ms-input-placeholder {
    color: #121212
}

.common-form .item-input .placeholder-black::placeholder {
    color: #121212
}

.common-form .item-text textarea {
    width: 100%;
    border: 1px solid #D0D7E5;
    font-size: 14px;
    height: 330px;
    resize: none;
    outline: none;
    padding: 20px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.common-form .item-text textarea:focus {
    border-color: #20A6EE
}

.form-code .item-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-code .item-input input {
    width: calc(100% - 150px)
}

.code-box {
    width: 150px;
    padding-left: 26px
}

.btn-code {
    width: 100%;
    height: 52px;
    color: #fff;
    background-color: #20A6EE
}

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

.login-memory .item {
    width: 50%
}

.login-memory .item:last-child {
    text-align: right
}

.n-password {
    color: #20A6EE;
    letter-spacing: 1px;
    display: inline-block
}

.login-hint {
    line-height: 1.66667;
    letter-spacing: 1px;
    color: #9F9F9F
}

.login-hint .item-link {
    color: #20A6EE;
    text-decoration: underline
}

.res-rule {
    border-top: 1px solid #D0D7E5;
    width: 100%
}

.res-rule .dec {
    top: 2px
}

.res-rule .item-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.res-rule .item-cont>div,.res-rule .item-cont>a {
    margin-top: 6px
}

@media (min-width: 1025px) {
    .btn-code {
        -webkit-transition:opacity .3s linear;
        -o-transition: opacity .3s linear;
        transition: opacity .3s linear
    }

    .btn-code:hover {
        opacity: .8
    }

    .n-password:hover {
        text-decoration: underline
    }

    .login-hint .item-link {
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

    .login-hint .item-link:hover {
        opacity: .8
    }

    .res-rule__btn:hover {
        text-decoration: underline
    }
}

@media (max-width: 1024px) {
    .box-cont {
        border-top-width:8px;
        padding-left: 5%;
        padding-right: 5%
    }

    .code-box {
        width: 120px;
        padding-left: 12px
    }

    .form-code .item-input input {
        width: calc(100% - 120px)
    }

    .common-form .item-text textarea {
        height: 280px
    }
}

@media (max-width: 768px) {
    .common-form .item-text textarea {
        height:220px
    }
}

@media (max-width: 650px) {
    .common-form .form-w5 {
        width:100%
    }

    .common-form .item-input input {
        height: 46px
    }

    .box-cont {
        padding-left: 20px;
        padding-right: 20px;
        border-top-width: 6px
    }

    .btn-code {
        height: 46px;
        line-height: 46px
    }

    .common-form .item-text textarea {
        height: 160px
    }

    .common-form .item-input input {
        padding: 0 12px
    }
}

.sol-solution__list li {
    background-color: #F9FBFF;
    padding: 50px 74px 40px 74px
}

.sol-solution__list li:last-child {
    margin-bottom: 0
}

.sol-solution__list li:nth-child(even) .item-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.sol-solution__list li:nth-child(even) .item-inner {
    padding-left: 0;
    padding-right: 70px
}

.sol-solution__list .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sol-solution__list .item-icon {
    width: 116px
}

.sol-solution__list .item-icon::before {
    padding-top: 100%
}

.sol-solution__list .item-inner {
    width: calc(100% - 116px);
    padding-left: 70px
}

.sol-solution__list .item-title {
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: .83333em
}

.sol-solution__list .item-txt {
    line-height: 1.5;
    color: #0E1019
}

.sol-case__tabs {
    border-bottom: 1px solid rgba(73,78,101,0.6);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sol-case__tabs li {
    width: 20%;
    text-align: center
}

.sol-case__tabs .item-title {
    position: relative;
    display: inline-block;
    color: rgba(255,255,255,0.5);
    padding-bottom: 18px;
    cursor: pointer;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.sol-case__tabs .item-title::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #20A6EE;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.sol-case__tabs .active .item-title {
    color: #20A6EE
}

.sol-case__tabs .active .item-title::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.sol-case__item {
    background-color: #161926;
    padding: 70px 120px;
    display: none
}

.sol-case__item:first-child {
    display: block
}

.sol-case__item .item-intro {
    color: #fff;
    letter-spacing: .6px;
    line-height: 1.55556
}

.sol-case__item .item-lcont {
    width: 60%;
    padding-right: 24px
}

.sol-case__item .item-rcont {
    width: 40%
}

.sol-case__item .item-rpic::before {
    padding-top: 92.10526%
}

.sol-case__item .item-list li {
    position: relative;
    padding-left: 30px
}

.sol-case__item .item-round {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 50%;
    background-color: rgba(32,166,238,0.2)
}

.sol-case__item .item-round::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    background-color: #20A6EE;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.sol-case__item .item-title {
    color: #fff;
    letter-spacing: 1px;
    line-height: 2;
    max-width: 480px;
    margin-bottom: .22222em
}

.sol-case__item .item-txt {
    letter-spacing: .6px;
    line-height: 1.71429;
    color: #ccc;
    max-width: 480px
}

.sol-product__list .item-box {
    background-color: #fff
}

.sol-product__list .item-link {
    color: #0E1019
}

.sol-product__list .item-cont {
    padding: 40px 32px
}

.sol-product__list .item-title {
    line-height: 1.20833;
    font-family: "Montserrat-Regular";
    margin-bottom: .5em
}

.sol-product__list .item-txt {
    line-height: 1.5
}

.sol-product__list .item-row {
    width: 33.33%;
    position: relative;
    padding-left: 30px
}

.sol-product__list .item-row::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 6px;
    width: 1px;
    background-color: rgba(204,204,204,0.5)
}

.sol-product__list .item-pic::before {
    padding-top: 50.9434%
}

.sol-product__list .item-t1 {
    line-height: 1.77778
}

.sol-product__list .item-t2 {
    line-height: 1.5
}

@media (min-width: 1025px) {
    .sol-case__tabs .item-title:hover {
        color:#20A6EE
    }

    .sol-product__list .item-pic img {
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .sol-product__list .item-title {
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .sol-product__list .item-link:hover .item-pic img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .sol-product__list .item-link:hover .item-title {
        color: #20A6EE
    }
}

@media (max-width: 1280px) {
    .sol-case__item {
        padding:50px 90px
    }
}

@media (max-width: 1024px) {
    .sol-solution__list li {
        padding:34px 44px 20px 44px
    }

    .sol-solution__list .item-icon {
        width: 94px
    }

    .sol-solution__list .item-inner {
        width: calc(100% - 94px);
        padding-left: 34px
    }

    .sol-case__item {
        padding: 30px 50px
    }

    .sol-product__list .item-row {
        padding-left: 20px
    }

    .sol-product__list .item-cont {
        padding: 24px 20px
    }

    .sol-case__tabs .item-title {
        padding-bottom: 12px
    }
}

.naaner2{display:none;}
@media (max-width: 768px) {
	
	.naaner2{display:block;}
	.naaner1{display:none!important;}
	
	
    .sol-solution__list li {
        padding:24px 34px
    }

    .sol-solution__list .item-icon {
        width: 74px
    }

    .sol-solution__list .item-inner {
        width: calc(100% - 74px);
        padding-left: 24px
    }

    .sol-case__tabs {
        border-bottom: none;
        margin-top: 20px
    }

    .sol-case__tabs li {
        margin-top: 20px
    }

    .sol-case__item {
        padding: 26px 20px
    }

    .sol-product__list .item-row {
        width: 50%;
        padding-left: 14px;
        margin-bottom: 14px
    }
}

@media (max-width: 650px) {
    .sol-case__item .item-lcont {
        width:100%;
        padding-right: 0
    }

    .sol-case__item .item-rcont {
        width: 100%
    }

    .sol-case__item .item-col {
        margin-top: 50px
    }

    .sol-product__list li {
        width: 100%
    }
}

@media (max-width: 580px) {
    .sol-solution__list li {
        padding:24px 20px
    }

    .sol-solution__list li:nth-child(even) .item-box {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .sol-solution__list li:nth-child(even) .item-inner {
        padding-right: 0
    }

    .sol-solution__list .item-icon {
        width: 62px
    }

    .sol-solution__list .item-inner {
        width: 100%;
        padding-left: 0;
        margin-top: 10px
    }
}

@media (max-width: 500px) {
    .sol-case__tabs {
        -webkit-box-pack:left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .sol-case__tabs li {
        width: 33.33%
    }

    .sol-case__tabs .item-title {
        padding-bottom: 8px
    }
}

.ser-select__cont {
    background-color: #fff;
    margin-top: 15px;
    -webkit-box-shadow: 0 10px 20px rgba(166,180,193,0.22);
    box-shadow: 0 10px 20px rgba(166,180,193,0.22);
    padding: 40px 30px 10px 30px
}

.ser-select__item {
    margin-bottom: 15px
}

.ser-select__item:last-child {
    margin-bottom: 0
}

.ser-select__item .item-seq {
    color: #1A2035;
    line-height: 1.5;
    margin-bottom: 20px
}

.select-list__seq {
    margin-left: 8px;
    max-width: 765px
}

.select-list__seq li {
    margin-bottom: 20px
}

.select-list__seq a {
    color: rgba(14,16,25,0.4);
    line-height: 1.5;
    letter-spacing: .6px
}

.select-list__seq .on a {
    color: #0e1019
}

.ser-request .item-lcont {
    width: calc(100% - 141px)
}

.ser-request .item-ltitle {
    line-height: 1.11111;
    margin-bottom: .27778em
}

.ser-request .item-lintro {
    line-height: 2.22222;
    color: #9F9F9F
}

.ser-request .item-linner {
    line-height: 2;
    letter-spacing: 1px;
    color: #0E1019
}

.ser-request .item-ltxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ser-request .item-ltxt span {
    margin-right: 30px
}

.ser-request .item-rcont {
    width: 141px
}

.ser-request .item-rpic {
    width: 100%
}

.ser-request .item-rpic::before {
    padding-top: 100%
}

.ser-request .item-rtxt {
    line-height: 1.42857;
    letter-spacing: 1px;
    color: #9F9F9F;
    text-align: center;
    margin-top: 5px
}

.ser-curtain {
    position: relative
}

.ser-curtain__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.ser-curtain__list {
    position: relative;
    z-index: 30;
    color: #fff;
    text-align: center
}

.ser-curtain__list li {
    position: relative
}

.ser-curtain__list li::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 4px;
    width: 2px;
    background-color: rgba(255,255,255,0.2)
}

.ser-curtain__list li:nth-child(3n+3)::after {
    display: none
}

.ser-curtain__list .item-title {
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: .5em
}

.ser-curtain__list .item-txt {
    line-height: 1.42857;
    letter-spacing: .6px
}

.ser-curtain__list a {
    color: #fff
}

@media (min-width: 1025px) {
    .select-list__seq a {
        -webkit-transition:color .3s;
        -o-transition: color .3s;
        transition: color .3s
    }

    .select-list__seq a:hover {
        color: #0e1019
    }
}

.search-header h3 {
    color: #000;
    font-size: 24px;
    letter-spacing: .1em;
    line-height: 1.5
}

.search-header p {
    color: #666;
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 1.5
}

.search-header p span {
    color: #333
}

.search-item {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: block;
    padding: 10px 20px;
    background-color: #f8f8f8
}

.search-item h4 {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    color: #000;
    margin-bottom: .25em;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .05em
}

.search-item p {
    color: #666;
    font-size: 14px;
    line-height: 1.5
}

.search-item:hover {
    background-color: #f5f5f5
}

.search-item:hover h4 {
    color: #333
}



       #serf{
          /* padding:0 120px; */
        }

      #serf  .swiper-slide {
            position: relative;
            width: 100%;
            height: 100%;
        }

    

       #serf .text {
           width: 40%;
        }
		
.text h3{font-size: 30px;margin-bottom: 30px;color: #1c202f;font-weight: bold;}
.text h3 span{font-size:40px;}
.text p{font-size: 18px;line-height: 2;color: #1c202f;}
#serf .right_lokj{width: 36%;}
#serf .right_lokj img{width:100%;}
.fijrt{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
	.auro_nnews{margin-top:50px;}
.auro_nnews ul 	{display:flex;justify-content: space-between;}
.auro_nnews ul li{width: 31%;padding: 30px;background: #Fff;border-radius: 10px;}
.auro_nnews ul  li img{max-width:100%;}
.auro_nnews ul  li dd{font-size: 12px;color: #a9a9a9;margin-bottom: 20px;}	 
.auro_nnews ul  li h3{font-size:20px;color: #1c202f;margin: 30px 0 20px;line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}	
.auro_nnews ul  li p{font-size: 16px;color: #6a6a6a;line-height: 1.8;}	
.pr-30{padding-right: 5%;/* width: 32%; */margin-right: 5%;border-right: 1px solid #ddd;}

.footer-nav dl.pr-30:last-child{padding-right: 0;margin-right: 0;border-right: none;}
.footer-links{color:#999;}
.footer-links a{color:#999;}


.wader .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 1;
	border-radius:10px;
	margin:0 10px;
}

.wader .swiper-pagination-bullet-active {
    opacity: 1;
    background: #2ca5e1;
}


.wader .swiper-pagination {
 width: 100%;
 left: 0;
}
.wader{position:relative;padding: 0 120px}
.imkrt{overflow:hidden;}
.imkrt img{transition: all 0.6s;}
.auro_nnews ul  li:hover .imkrt img{transform: scale(1.2);
}
@media (max-width: 768px) {
	.slick-slide {
    margin: 0;
}
	.footer-bcont {
  
    padding-top: 0;
   
}
	#serf .text {
    width: 100%;
}

#serf .right_lokj {
    width: 100%;
    margin-top: 50px;
}

.auro_nnews ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.auro_nnews ul li {
    width: 100%;
    padding: 10px;
    background: #Fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

.auro_nnews ul li h3 {
    font-size: 18px;
    color: #1c202f;
    margin: 30px 0 20px;
    line-height: 1.5;
    font-weight: bold;
}

.auro_nnews ul li p {
    font-size: 14px;
    color: #6a6a6a;
    line-height: 1.8;
}

.pr-30 {
    padding-right: 0;
    /* width: 32%; */
    margin-right: 0;
    border-right: none;
    margin-bottom: 20px;
}

.text h3 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #1c202f;
    font-weight: bold;
}
	.text h3 span {
    font-size: 30px;
}

.text p {
    font-size: 14px;
    line-height: 2;
    color: #1c202f;
}
	
	.wader {
    position: relative;
    padding: 0;
}
	
    .ser-request .item-linner {
        line-height:1.6
    }

    .ser-curtain__list .item-box {
        padding: 0 20px
    }

    .ser-curtain__list .item-txt {
        word-break: break-word
    }
}

@media (max-width: 500px) {
    .ser-request .item-lcont {
        width:100%
    }

    .ser-request .item-rcont {
        margin-top: 30px
    }

    .ser-request .item-linner {
        margin-top: 30px
    }

    .ser-request .item-ltxt span {
        width: 100%;
        margin-right: 0
    }

    .ser-curtain__list li {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .ser-curtain__list li::after {
        display: none
    }

    .ser-curtain__list li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 20px
    }
}

.eror-404 {
    overflow-x: hidden
}

.page404 {
    overflow: hidden;
    text-align: center;
    height: calc(100vh - 96px);
    width: 100vw;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page404 #errorText {
    font-size: 22px;
    margin-top: 40px;
    color: #121212
}

.page404 #errorLink {
    font-size: 20px;
    padding: 12px;
    border: 1px solid;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-top: 20px
}

.page404 #errorLink:hover,.page404 #errorLink:active {
    color: #fff;
    background: #20A6EE
}

.page404 #g6219 {
    -webkit-transform-origin: 85px 4px;
    transform-origin: 85px 4px;
    -webkit-animation: an1 12s .5s infinite ease-out;
    animation: an1 12s .5s infinite ease-out
}

@-webkit-keyframes an1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    5% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    15% {
        -webkit-transform: rotate(-2.5deg);
        transform: rotate(-2.5deg)
    }

    25% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    35% {
        -webkit-transform: rotate(-1.5deg);
        transform: rotate(-1.5deg)
    }

    45% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    55% {
        -webkit-transform: rotate(-1.5deg);
        transform: rotate(-1.5deg)
    }

    65% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    75% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    85% {
        -webkit-transform: rotate(2.5deg);
        transform: rotate(2.5deg)
    }

    95% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

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

@keyframes an1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    5% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    15% {
        -webkit-transform: rotate(-2.5deg);
        transform: rotate(-2.5deg)
    }

    25% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    35% {
        -webkit-transform: rotate(-1.5deg);
        transform: rotate(-1.5deg)
    }

    45% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    55% {
        -webkit-transform: rotate(-1.5deg);
        transform: rotate(-1.5deg)
    }

    65% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    75% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    85% {
        -webkit-transform: rotate(2.5deg);
        transform: rotate(2.5deg)
    }

    95% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

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

@media (max-width: 1024px) {
    .page404 {
        height:calc(100vh - 120px)
    }

    .page404 #errorText {
        font-size: 18px;
        margin-top: 0
    }

    .page404 #errorLink {
        font-size: 16px
    }

    .page404 #svg2 {
        width: 80%
    }
}

.serf{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: initial;
    /* justify-content: space-between; */
}

@media (max-width: 980px) {
.serf {

 
  flex-wrap: wrap;

}
}
/*# sourceMappingURL=app.css.map */
/*# sourceMappingURL=app.css.map */
/*# sourceMappingURL=app.css.map */
/*# sourceMappingURL=app.css.map */