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

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

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

a,
address,
article,
aside,
audio,
b,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
img,
ins,
kbd,
label,
legend,
li,
menu,
nav,
object,
ol,
p,
section,
small,
span,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    line-height: 1;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ol,
ul {
    list-style: none
}

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

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

* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

a {
    outline: 0;
    text-decoration: none;
    color: #333
}

body,
input,
textarea {
    font-family: "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", sans-serif
}

input[type='text']:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset
}

img {
    display: inline-block
}

[class*=' icon-'],
[class^=icon-] {
    font-family: "iconfont";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none
}

input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear {
    display: none
}

.wow {
    visibility: hidden
}

.no-cssanimations .wow {
    visibility: visible
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-80 {
    margin-bottom: 80px
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.d-inline-block {
    display: inline-block
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.contact-map .BMapLabel {
    border: 0
}

.contact-map .anchorBL {
    display: none
}

.list {
    position: relative;
    font-size: 0
}

.list>li {
    display: inline-block;
    vertical-align: top
}

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

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

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

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

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

.img-box {
    position: relative
}

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 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, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    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: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-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::after,
.slick-track::before {
    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;
    outline: 0
}

.slick-slide a {
    outline: 0
}

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

.slick-slide img {
    display: block;
    width: 40%;
    margin: 0 auto;
}

.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
}

.banner-dots {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    font-size: 0;
    text-align: center
}

.banner-dots li {
    margin: 0 8px;
    display: inline-block;
    vertical-align: top
}

.banner-dots li button {
    position: relative;
    display: inline-block;
    padding: 0;
    border: 0;
    font-size: 0;
    background-color: transparent;
    outline: 0;
    cursor: pointer
}

.banner-dots li button::before {
    -moz-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #e0e0e0
}

.banner-dots li.slick-active button::before {
    background-color: #000
}

.header,
.search-full {
    -webkit-transition: all .4s;
    transition: all .4s;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff
}

.search-full {
    position: absolute
}

.search-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
    background-color: rgba(17, 17, 17, 0.2)
}

.header {
    display: none;
    position: fixed;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
    padding: 25px 0;
    z-index: 600
}

.logo {
    display: inline-block;
    height: 30px;
    margin-left: 7.8%;
    position: relative;
    z-index: 100
}

.logo img {
    -webkit-transition: all .6s;
    transition: all .6s;
    height: 110%;
    width: auto
}

.logo .lw {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.navigation .nav-list>li {
    margin-left: 50px
}

.header-sub {
    margin-left: 70px;
    position: relative;
    top: 2px
}

.hd-lang {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 12px;
    font-family: "FutworaProTrialMedium";
    color: rgba(17, 17, 17, 0.8);
    text-decoration: underline
}

.hd-line {
    margin: 0 20px;
    width: 1px;
    height: 15px;
    background-color: rgba(17, 17, 17, 0.3)
}

.search-btn {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 16px;
    color: rgba(17, 17, 17, 0.8)
}

.search-btn span {
    display: none
}

.header-white .header {
    background-color: transparent;
    box-shadow: none
}

.header-white .nav-link {
    color: #fff
}

.header-white .nav-link i {
    color: #fff
}

.header-white .hd-lang,
.header-white .search-btn {
    color: #fff
}

.header-white .hd-line {
    background-color: rgba(255, 255, 255, 0.3)
}

.header-white .logo .lw {
    opacity: 1;
    visibility: visible
}

.header-white .logo .lb {
    opacity: 0;
    visibility: hidden
}

.pw-val .wrap {
    padding-top: 0
}

.meganav-subnav__marker {
    text-align: justify
}

.meganav-subnav__marker .more-btn {
    margin-top: 34px;
    color: #fff
}

.meganav-subnav__marker .more-btn i {
    color: #fff
}

.meganav-subnav__marker .more-btn:after {
    background-color: #fff
}

.search-full {
    display: none;
    height: 82px;
    z-index: 640
}

.search-full .icon-close {
    -webkit-transition: transform .4s;
    transition: transform .4s;
    position: absolute;
    right: 7.8%;
    top: 50%;
    font-size: 16px;
    color: rgba(17, 17, 17, 0.8);
    margin-top: -8px
}

.search-head {
    max-width: 600px;
    margin: 0 auto;
    padding-right: 40px;
    position: relative;
    height: 100%
}

.search-content {
    height: 82px;
    position: relative;
    padding-left: 40px
}

.search-content input {
    position: absolute;
    left: 40px;
    top: 0;
    width: calc(100% - 40px);
    height: 100%;
    border: none;
    background-color: transparent;
    font-size: 16px;
    color: rgba(17, 17, 17, 0.8)
}

.search-content input::-webkit-input-placeholder {
    color: rgba(17, 17, 17, 0.5)
}

.search-content .icon-search {
    -webkit-transition: color .4s;
    transition: color .4s;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 18px;
    color: rgba(17, 17, 17, 0.8);
    border: none;
    padding: 0;
    margin-top: -9px
}

.no-header__bg.opa .header {
    opacity: .5
}

@media (min-width: 1025px) {
    .header-bg {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.9);
        z-index: 450
    }

    .navigation,
    .navigation .nav-list>li,
    .header-sub,
    .header-sub a,
    .header-sub i {
        display: inline-block;
        vertical-align: middle
    }

    .menu-box,
    .close-nav,
    .header-share,
    .back-nav {
        display: none
    }

    .header-white .marker-side__full {
        transition-delay: 0s;
        visibility: visible;
        opacity: 0
    }

    .marker-side__full {
        transition: opacity 0s .25s;
        position: absolute;
        top: 47px;
        left: 0;
        width: 100%;
        height: 10px;
        z-index: 300;
        overflow: hidden;
        pointer-events: none;
        backface-visibility: hidden
    }

    .marker-side__full div {
        border-top-color: transparent;
        border-top: 10px solid #fff;
        position: absolute
    }

    .marker-side__left {
        left: 0;
        width: 50vw;
        border-right: 10px solid transparent;
        will-change: width
    }

    .marker-side__right {
        left: 50vw;
        width: 100%;
        border-top: 10px solid #fff;
        border-left: 10px solid transparent;
        will-change: left
    }

    .nav-link {
        -webkit-transition: color .4s;
        transition: color .4s;
        display: inline-block;
        padding-right: 18px;
        position: relative;
        font-size: 16px;
        color: rgba(17, 17, 17, 0.8)
    }

    .nav-link .icon-jiantou {
        -webkit-transition: all .4s;
        transition: all .4s;
        position: absolute;
        left: 50%;
        bottom: -39px;
        color: rgba(17, 17, 17, 0.4);
        font-size: 14px;
        margin-left: -7px;
        opacity: 0;
        visibility: hidden
    }

    .nav-link i {
        -webkit-transition: color .4s;
        transition: color .4s;
        display: none;
        position: absolute;
        right: -5px;
        top: 50%;
        font-size: 12px;
        color: #b9b9b9;
        -webkit-transform: translateY(-50%) scale(0.4);
        transform: translateY(-50%) scale(0.4)
    }

    .nav-item__sub .nav-link i {
        display: block
    }

    .nav-item__sub .nav-link:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -40px;
        height: 40px;
        width: 100%;
        pointer-events: none
    }

    .nav-item__sub:hover .meganav-pane {
        pointer-events: auto
    }

    .nav-item__sub:hover .nav-link:after {
        pointer-events: auto
    }

    .nav-item__sub.open .icon-jiantou {
        opacity: 1;
        visibility: visible
    }

    .nav-item__sub.open .meganav-pane {
        opacity: 1;
        visibility: visible
    }

    .nav-link:hover {
        color: #e60012
    }

    .nav-link:hover i {
        color: #e60012
    }

    .meganav-subnav__content a:hover {
        color: #e60012
    }

    .meganav-subnav__content a:hover:after {
        bottom: 0;
        background-color: #e60012
    }

    .hd-lang:hover,
    .search-btn:hover {
        color: #e60012
    }

    .header-nav__cont {
        position: absolute;
        right: 0;
        top: 6px;
        font-size: 0;
        width: 100%;
        text-align: right;
        padding-right: 7.8%
    }

    .meganav-pane {
        -webkit-transition: opacity .4s, visibility .4s;
        transition: opacity .4s, visibility .4s;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 46px;
        width: 100%;
        height: calc(100vh - 162px);
        background-size: cover;
        background-position: center center;
        z-index: 200;
        padding-top: 100px;
        pointer-events: none
    }

    .meganav-pane:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(17, 17, 17, 0.3)
    }

    .meganav-pane .meganav-subnav__content li {
        margin-left: 0
    }

    .meganav-pane__inner {
        padding-left: 420px;
        position: relative
    }

    .meganav-subnav__content li {
        display: inline-block;
        vertical-align: top;
        width: 105px;
        margin: 0 42px 45px 0;
        position: relative
    }

    .meganav-subnav__content a {
        -webkit-transition: color .3s;
        transition: color .3s;
        font-size: 14px;
        line-height: 1.8;
        color: #fff;
        display: block;
        position: relative;
        padding-bottom: 3px
    }

    .meganav-subnav__content a:after {
        -webkit-transition: bottom .3s, background .3s;
        transition: bottom .3s, background .3s;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 100%;
        height: 1px;
        background-color: #fff;
        z-index: 60
    }

    .meganav-pane__box {
        transition: left .6s;
        text-align: left;
        width: 865px;
        margin: 0 auto;
        position: relative;
        z-index: 40
    }

    .meganav-subnav__marker {
        position: absolute;
        left: 0;
        top: 0;
        width: 260px
    }

    .meganav-subnav__marker p {
        letter-spacing: 1px;
        font-size: 26px;
        line-height: 1.5;
        color: #fff
    }

    .search-content .icon-search:hover {
        color: #e60012
    }

    .search-full .icon-close:hover {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .close-subnav {
        position: absolute;
        right: 8.3%;
        bottom: 10%;
        z-index: 40
    }

    .close-subnav span,
    .close-subnav i {
        -webkit-transition: color .4s;
        transition: color .4s;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        font-size: 14px
    }

    .close-subnav span {
        margin-right: 14px
    }

    .close-subnav:hover span,
    .close-subnav:hover i {
        color: #e60012
    }

    .pro-item__sub .meganav-pane__box {
        max-width: 1090px;
        width: auto
    }

    .pro-item__sub .meganav-pane__inner {
        padding-left: 0;
        left: 32px
    }

    .pro-col__subnav,
    .pro-col__submarker,
    .pro-col__subnav-content {
        display: inline-block;
        vertical-align: top
    }

    .pro-subnav__list li {
        margin-bottom: 70px
    }

    .pro-subnav__list li:last-child {
        margin-bottom: 0
    }

    .pro-subnav__list h4.pls-item {
        display: none
    }

    .pro-subnav__list .pls-item {
        -webkit-transition: color .3s;
        transition: color .3s;
        position: relative;
        display: block;
        font-size: 22px;
        color: #fff;
        padding-bottom: 8px
    }

    .pro-subnav__list .pls-item i {
        display: none
    }

    .pro-subnav__list .pls-item:after {
        -webkit-transition: bottom .3s, background .3s;
        transition: bottom .3s, background .3s;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 100%;
        height: 1px;
        background-color: rgba(229, 229, 229, 0.6);
        z-index: 60
    }

    .pro-subnav__list .pls-item:hover {
        color: #e60012
    }

    .pro-subnav__list .pls-item:hover:after {
        bottom: 0;
        background-color: #e60012
    }

    .pro-col__subnav {
        position: relative;
        width: 310px;
        padding-right: 105px
    }

    .pro-col__submarker {
        width: 115px;
        height: 100%;
        position: absolute;
        left: 310px;
        top: 0;
        overflow: hidden
    }

    .pro-col__submarker img {
        -webkit-transition: top .5s ease-out;
        transition: top .5s ease-out;
        position: absolute;
        left: 0;
        top: -740px
    }

    .pro-col__subnav-content {
        width: 665px;
        margin-left: 115px
    }

    .pro-content__item {
        padding-right: 25px;
        width: 25%;
        display: inline-block;
        vertical-align: top
    }

    .pro-item__attr {
        -webkit-transition: color .3s;
        transition: color .3s;
        font-size: 18px;
        color: #fff;
        line-height: 1.4;
        padding-bottom: 3px;
        position: relative;
        display: inline-block;
        margin-bottom: 60px
    }

    .pro-item__attr:after {
        -webkit-transition: opacity .3s, background .3s;
        transition: opacity .3s, background .3s;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 100%;
        height: 1px;
        background-color: #fff;
        opacity: 0;
        z-index: 60
    }

    .pro-item__attr:hover {
        color: #e60012
    }

    .pro-item__attr:hover:after {
        opacity: .5;
        background-color: #e60012
    }

    .pro-list__cols-three li {
        margin-bottom: 35px
    }

    .pro-list__cols-three a {
        -webkit-transition: color .3s;
        transition: color .3s;
        font-size: 14px;
        color: #fff;
        letter-spacing: 1px;
        line-height: 1.4
    }

    .pro-list__cols-three a:hover {
        color: #e60012
    }

    .pro-subnav__dom {
        display: none
    }
}

@media (max-width: 1600px) {
    .navigation .nav-list>li {
        margin-left: 40px
    }

    .header-sub {
        margin-left: 40px
    }

    .meganav-subnav__marker p {
        font-size: 22px
    }
}

@media (max-width: 1440px) {
    .logo {
        margin-left: 5%
    }

    .header-nav__cont {
        padding-right: 5%
    }

    .meganav-pane {
        min-height: 510px;
        padding-top: 80px
    }

    .nav-link {
        font-size: 15px
    }

    .pro-subnav__list .pls-item {
        font-size: 20px
    }
}

@media (max-width: 1366px) {
    .header {
        padding: 20px 0
    }

    .logo {
        margin-left: 30px;
        height: 26px
    }

    .header-nav__cont {
        padding-right: 30px;
        top: 4px
    }

    .navigation .nav-list>li {
        margin-left: 32px
    }

    .nav-link {
        font-size: 14px
    }

    .header-sub {
        margin-left: 25px;
        top: 1px
    }

    .hd-line {
        margin: 0 14px
    }

    .search-full,
    .search-content {
        height: 68px
    }
}

@media (max-width: 1200px) {
    .navigation .nav-list>li {
        margin-left: 22px
    }

    .header-sub {
        margin-left: 18px
    }

    .pro-item__sub .meganav-pane__box {
        max-width: 900px
    }

    .pro-col__subnav {
        width: 240px;
        padding-right: 70px
    }

    .pro-col__submarker {
        width: 80px;
        left: 240px
    }

    .pro-col__subnav-content {
        width: 580px;
        margin-left: 80px
    }
}

@media (max-width: 1024px) {
    .menu-box {
        position: absolute;
        right: 40px;
        top: 2px;
        display: block
    }

    .menu-btn,
    .m-lang {
        display: inline-block;
        vertical-align: middle
    }

    .menu-btn i {
        width: 24px;
        height: 2px;
        background-color: rgba(17, 17, 17, 0.8);
        margin-bottom: 5px;
        display: block
    }

    .menu-btn i:last-child {
        margin-bottom: 0
    }

    .m-lang {
        font-size: 12px;
        color: rgba(17, 17, 17, 0.8);
        text-decoration: underline;
        font-family: "FutworaProTrialMedium";
        margin-right: 15px
    }

    .header-white .menu-btn i {
        background-color: #fff
    }

    .header-white .m-lang {
        color: #fff
    }

    .header-nav__cont {
        display: none;
        padding-right: 0;
        padding-bottom: 96px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        overflow-y: auto;
        z-index: 400
    }

    .close-nav {
        position: absolute;
        right: 20px;
        top: 30px;
        font-size: 20px;
        color: #111
    }

    .navigation {
        margin: 100px 80px 0 80px
    }

    .navigation .nav-list>li {
        display: block;
        margin-left: 0;
        margin-bottom: 50px
    }

    .nav-link {
        font-size: 20px;
        display: block;
        padding-right: 20px;
        position: relative;
        padding-bottom: 18px;
        border-bottom: 1px solid rgba(17, 17, 17, 0.1)
    }

    .nav-link i {
        opacity: 0;
        display: inline-block;
        -webkit-transform: scale(0.6, 0.6) rotate(-90deg);
        transform: scale(0.6, 0.6) rotate(-90deg);
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 6px
    }

    .nav-link .icon-jiantou {
        display: none
    }

    .nav-item__sub .nav-link i {
        opacity: 1
    }

    .header-white .nav-link {
        color: rgba(17, 17, 17, 0.8)
    }

    .header-white .nav-link i {
        color: rgba(17, 17, 17, 0.5)
    }

    .header-white .hd-lang,
    .header-white .search-btn {
        color: rgba(17, 17, 17, 0.8)
    }

    .header-sub {
        margin: 0 80px 40px 80px
    }

    .hd-lang,
    .hd-line {
        /* display: none */
    }

    .search-btn i {
        font-size: 20px
    }

    .search-btn span {
        display: inline-block;
        position: relative;
        top: -2px;
        font-size: 16px;
        margin-left: 6px
    }

    .header-share {
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #f5f5f5;
        width: 100%;
        padding: 40px 0;
        text-align: center
    }

    .header-share a {
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
        color: #7b7b7b;
        margin: 0 20px
    }

    .header-share .icon-wx {
        position: relative
    }

    .header-share .icon-wx img {
        -webkit-transition: all .8s;
        transition: all .8s;
        -webkit-transform: scale(0);
        transform: scale(0);
        position: absolute;
        top: -95px;
        width: 90px;
        left: -36px;
        pointer-events: none;
        opacity: 0;
        visibility: hidden
    }

    .header-share .icon-wx:hover img {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .meganav-subnav__marker {
        position: absolute;
        right: 70px;
        top: 145px;
        z-index: 200
    }

    .meganav-subnav__marker p {
        display: none
    }

    .meganav-subnav__marker .more-btn {
        margin-top: 0
    }

    .meganav-pane {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding-top: 140px;
        background-size: cover;
        background-position: center center;
        background-color: rgba(17, 17, 17, 0.8);
        overflow-y: scroll;
        z-index: 300;
        min-height: auto
    }

    .meganav-pane:after {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(17, 17, 17, 0.3);
        z-index: 20
    }

    .meganav-pane__inner {
        padding-left: 0
    }

    .back-nav,
    .close-subnav {
        position: absolute;
        top: 60px;
        z-index: 40
    }

    .back-nav {
        font-size: 16px;
        left: 28px;
        color: #fff
    }

    .close-subnav {
        right: 36px;
        color: #fff
    }

    .close-subnav i {
        font-size: 22px;
        color: #fff
    }

    .close-subnav span {
        display: none
    }

    .meganav-subnav__content {
        margin-left: 70px;
        margin-right: 70px;
        position: relative;
        z-index: 40
    }

    .meganav-subnav__content ul li {
        margin-bottom: 40px
    }

    .meganav-subnav__content li {
        position: relative
    }

    .meganav-subnav__content li:first-child a {
        font-size: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08)
    }

    .meganav-subnav__content a {
        display: block;
        padding-bottom: 15px;
        font-size: 18px;
        color: #fff
    }

    .pro-item__sub .meganav-pane__box {
        max-width: 100%;
        margin-left: 70px;
        margin-right: 70px;
        position: relative;
        z-index: 100
    }

    .pro-col__subnav {
        width: auto;
        padding-right: 0
    }

    .pro-subnav__list>li {
        margin-bottom: 50px
    }

    .pro-subnav__list>li.on .pls-item i {
        -webkit-transform: scale(0.5) rotate(-180deg);
        transform: scale(0.5) rotate(-180deg)
    }

    .pro-subnav__list a,
    .pro-subnav__list h4 {
        color: #fff
    }

    .pro-subnav__list a.pls-item {
        display: none;
        font-size: 18px
    }

    .pro-subnav__list h4.pls-item {
        display: block;
        font-size: 18px
    }

    .pro-subnav__list .no-pro__dom a.pls-item {
        display: block
    }

    .pro-subnav__list .no-pro__dom a.pls-item i {
        display: none
    }

    .pro-subnav__list .no-pro__dom h4.pls-item {
        display: none
    }

    .pro-subnav__list .pls-item {
        position: relative;
        display: block;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08)
    }

    .pro-subnav__list .pls-item i {
        -webkit-transition: transform .4s;
        transition: transform .4s;
        position: absolute;
        right: 0;
        top: 4px;
        font-size: 12px;
        color: #fff;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    .pro-content__item a {
        font-size: 14px
    }

    .pro-col__submarker {
        display: none
    }

    .pro-col__subnav-content {
        display: none
    }

    .pro-subnav__dom {
        display: none;
        padding-top: 15px
    }

    .pro-subnav__dom li {
        padding-bottom: 20px
    }

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

    .pro-content__item {
        padding-bottom: 30px
    }

    .pro-content__item:last-child {
        padding-bottom: 0
    }
}

@media (max-width: 768px) {

    .navigation,
    .header-sub {
        margin-left: 40px;
        margin-right: 40px
    }

    .meganav-subnav__content {
        margin-left: 50px;
        margin-right: 50px
    }

    .pro-item__sub .meganav-pane__box {
        margin-left: 50px;
        margin-right: 50px
    }
}

@media (max-width: 640px) {
    .logo {
        height: 20px;
        margin-left: 20px
    }

    .menu-box {
        right: 20px
    }

    .menu-btn i {
        width: 22px
    }

    .navigation,
    .header-sub {
        margin-left: 24px;
        margin-right: 24px
    }

    .nav-link {
        font-size: 16px;
        padding-bottom: 12px
    }

    .nav-link i {
        -webkit-transform: scale(0.4, 0.4) rotate(-90deg);
        transform: scale(0.4, 0.4) rotate(-90deg)
    }

    .navigation {
        margin-top: 80px
    }

    .navigation .nav-list>li {
        margin-bottom: 35px
    }

    .meganav-subnav__content {
        margin-left: 30px;
        margin-right: 30px
    }

    .meganav-subnav__content li:first-child a {
        font-size: 16px
    }

    .meganav-subnav__content a {
        font-size: 14px
    }

    .close-nav {
        font-size: 18px
    }

    .close-subnav i {
        font-size: 18px
    }

    .meganav-subnav__marker {
        right: 30px;
        top: 100px
    }

    .search-btn i {
        font-size: 18px
    }

    .search-btn span {
        font-size: 14px;
        margin-left: 4px;
        top: -1px
    }

    .meganav-pane {
        padding-top: 100px
    }

    .back-nav,
    .close-subnav {
        top: 30px
    }

    .meganav-subnav__content a {
        padding-bottom: 12px
    }

    .meganav-subnav__content ul li {
        margin-bottom: 25px
    }

    .header-share {
        padding: 30px 0
    }

    .header-share a {
        font-size: 14px;
        margin: 0 12px
    }

    .search-full,
    .search-content {
        height: 46px
    }

    .search-head {
        margin-left: 20px;
        margin-right: 20px;
        padding-right: 30px
    }

    .search-head .icon-close {
        font-size: 14px;
        margin-top: -7px
    }

    .search-content {
        padding-left: 30px
    }

    .search-content .icon-search {
        font-size: 16px;
        margin-top: -8px
    }

    .search-content input {
        width: calc(100% - 30px)
    }

    .pro-item__sub .meganav-pane__box {
        margin-left: 30px;
        margin-right: 30px
    }

    .pro-subnav__list>li {
        margin-bottom: 40px
    }

    .pro-subnav__list .pls-item {
        padding-bottom: 12px;
        font-size: 16px
    }

    .pro-content__item a {
        font-size: 12px
    }
}

@media (max-width: 500px) {
    .menu-btn {
        top: 0
    }

    .close-nav {
        right: 22px;
        top: 23px
    }
}

.footer {
    background-color: #f5f5f5;
    padding: 60px 0;
    position: relative
}

.foot-logo {
    height: 30px;
    width: auto;
    display: inline-block
}

.foot-logo img {
    height: 100%
}

.foot-share a {
    -webkit-transition: color .4s;
    transition: color .4s;
    display: inline-block;
    vertical-align: middle;
    color: #7b7b7b;
    font-size: 16px;
    margin-left: 34px
}

.foot-share .icon-wx {
    position: relative
}

.foot-share .icon-wx img {
    -webkit-transition: all .8s;
    transition: all .8s;
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute;
    top: -130px;
    width: 120px;
    left: -52px;
    opacity: 0;
    visibility: hidden
}

.foot-share .icon-wx:hover img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.fm-left__list {
    letter-spacing: 1px
}

.fm-left__list ul {
    font-size: 0
}

.fm-left__list li {
    display: inline-block;
    vertical-align: top
}

.fm-left__list li:nth-child(1) {
    width: 265px
}

.fm-left__list li:nth-child(1) dd {
    width: 105px
}

.fm-left__list li:nth-child(2) {
    width: 245px
}

.fm-left__list li:nth-child(2) dd {
    width: 80px
}

.fm-left__list li:nth-child(3) {
    width: 170px
}

.fm-left__list li:nth-child(4) {
    width: 240px
}

.fm-left__list li:nth-child(4) dd {
    width: 88px
}

.fm-left__list li:nth-child(3) dd,
.fm-left__list li:nth-child(5) dd {
    display: block;
    margin-right: 0
}

.fm-left__list dd {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 2;
    color: rgba(17, 17, 17, 0.8)
}

.fm-left__list dt {
    font-weight: 700;
    font-size: 14px;
    color: rgba(17, 17, 17, 0.8);
    margin-bottom: 12px
}

.fm-left__list a {
    -webkit-transition: color .4s ease-out;
    transition: color .4s ease-out;
    color: rgba(17, 17, 17, 0.8)
}

.fm-right__area {
    text-align: right;
    letter-spacing: 1px
}

.fm-right__area .fr-item {
    margin-bottom: 38px;
    max-width: 155px
}

.fm-right__area .fr-item:last-child {
    margin-bottom: 0
}

.fm-right__area span {
    font-size: 14px;
    color: rgba(17, 17, 17, 0.8);
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 700
}

.fm-right__area p {
    font-size: 12px;
    line-height: 1.7;
    color: rgba(17, 17, 17, 0.7)
}

.copyright {
    font-size: 12px;
    color: rgba(17, 17, 17, 0.5);
    letter-spacing: 1px
}

.foot-bottom__cont {
    position: relative;
    padding-left: 60px;
    font-size: 0
}

.foot-bottom__cont a {
    display: inline-block;
    vertical-align: top
}

.foot-bottom__cont span {
    font-size: 12px;
    color: rgba(17, 17, 17, 0.8);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px
}

.foot-bottom__cont a {
    width: 5.88%
}

.foot-bottom__cont a:last-child {
    margin-right: 0
}

.foot-bottom__cont img {
    max-width: 100%
}

.foot-sidebar__plug {
    position: fixed;
    right: 4px;
    bottom: 40px;
    z-index: 400
}

.fsp-row {
    position: relative;
    margin-bottom: 4px
}

.fsp-row:nth-child(1) i {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3
}

.fsp-row:nth-child(2) i {
    font-size: 34px
}

.fsp-row:nth-child(3) i {
    font-size: 24px
}

.fsp-row:nth-child(4) i {
    font-size: 32px
}

.fsp-row:nth-child(4) i:before {
    display: block;
    height: 14px
}

.fsp-row:nth-child(4) span {
    font-size: 14px;
    font-family: "FutworaProTrialMedium";
    letter-spacing: 1px;
    position: relative;
    left: 1px
}

.fsp-row>a {
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    pointer-events: auto;
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    text-align: center;
    background-color: #f5f5f5;
    z-index: 10
}

.fsp-row i {
    -webkit-transition: color .4s;
    transition: color .4s;
    display: inline-block;
    color: #e60012;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 12
}

.fsp-row1 .fsp-inner,
.fsp-row2 .fsp-inner {
    -webkit-transition: all .6s;
    transition: all .6s;
    background-color: rgba(245, 245, 245, 0.9);
    width: 0;
    opacity: 1;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 60px;
    overflow: hidden;
    z-index: 1
}

.fsp-row1 .fsp-inner a,
.fsp-row2 .fsp-inner a {
    display: block
}

.fsp-row1 .fsp-inner p,
.fsp-row1 .fsp-inner a,
.fsp-row2 .fsp-inner p,
.fsp-row2 .fsp-inner a {
    width: 210px;
    font-size: 18px;
    font-family: "FutworaProTrialMedium";
    color: #e60012
}

.fsp-row1.active .fsp-inner,
.fsp-row2.active .fsp-inner {
    opacity: 1;
    width: 210px
}

.fsp-row1 .fsp-inner a {
    font-weight: 700;
    letter-spacing: 4px
}

.foot-sidebar__plug .fsp-row1.active .fsp-inner {
    width: 160px
}

.foot-sidebar__plug .fsp-row1.active .fsp-inner a {
    width: 160px
}

.fsp-row3 .fsp-inner {
    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 64px;
    top: -24px;
    width: 110px;
    height: 110px;
    padding: 15px;
    background-color: rgba(245, 245, 245, 0.9)
}

.fsp-row3 .fsp-inner img {
    max-width: 100%
}

.fsp-row3.active .fsp-inner {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (min-width: 1351px) {
    .fm-right__area .copyright {
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 2
    }
}

@media (min-width: 1025px) {
    .m-copyright {
        display: none
    }

    .fsp-row {
        pointer-events: none
    }

    .fsp-row a:hover {
        opacity: .9
    }

    .foot-share a:hover,
    .fm-left__list a:hover {
        color: #e60012
    }

    .copyright:hover {
        text-decoration: underline
    }

    .foot-share {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 0
    }

    .foot-nav {
        display: none
    }
}

@media (max-width: 1600px) {
    .fm-left__list li:nth-child(1) {
        width: 240px
    }

    .fm-left__list li:nth-child(1) dd {
        width: 105px
    }

    .fm-left__list li:nth-child(2) {
        width: 215px
    }

    .fm-left__list li:nth-child(2) dd {
        width: 80px
    }

    .fm-left__list li:nth-child(3) {
        width: 145px
    }

    .fm-left__list li:nth-child(4) {
        width: 210px
    }

    .fm-left__list li:nth-child(4) dd {
        width: 85px
    }
}

@media (max-width: 1440px) {
    .foot-bottom__cont img {
        padding-left: 20px
    }

    .fsp-row {
        margin-bottom: 2px
    }

    .fsp-row>a {
        width: 52px;
        height: 52px
    }

    .fsp-row:nth-child(1) i {
        font-size: 16px
    }

    .fsp-row:nth-child(2) i {
        font-size: 28px
    }

    .fsp-row:nth-child(3) i {
        font-size: 20px
    }

    .fsp-row:nth-child(4) i {
        font-size: 30px
    }

    .fsp-row:nth-child(4) span {
        left: 3px
    }

    .fsp-row1 .fsp-inner,
    .fsp-row2 .fsp-inner {
        height: 52px;
        line-height: 52px;
        right: 52px
    }

    .fsp-row1 .fsp-inner p,
    .fsp-row1 .fsp-inner a,
    .fsp-row2 .fsp-inner p,
    .fsp-row2 .fsp-inner a {
        font-size: 16px;
        width: 180px
    }

    .fsp-row1.active .fsp-inner,
    .fsp-row2.active .fsp-inner {
        opacity: 1;
        width: 180px
    }

    .fsp-row3 .fsp-inner {
        right: 56px
    }
}

@media (max-width: 1350px) {
    .fm-left__area {
        max-width: 80%
    }

    .fm-left__area li {
        margin-bottom: 40px
    }
}

@media (max-width: 1024px) {
    .foot-share {
        text-align: center
    }

    .foot-share .icon-wx img {
        top: -95px;
        width: 90px;
        left: -36px
    }

    .foot-logo,
    .fm-left__area,
    .fm-right__area,
    .foot-bottom__cont {
        display: none
    }

    .footer {
        padding: 50px 0
    }

    .foot-nav {
        font-size: 0;
        text-align: center
    }

    .foot-nav a {
        margin: 0 20px;
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
        color: rgba(17, 17, 17, 0.8)
    }

    .copyright {
        margin-top: 40px;
        display: block;
        text-align: center;
        font-size: 14px
    }

    .foot-share a {
        margin-left: 12px;
        margin-right: 12px
    }

    .foot-middle__cont.mt-50 {
        margin-top: 40px
    }

    .fsp-row a {
        width: 48px;
        height: 48px
    }

    .fsp-row:nth-child(1) i {
        font-size: 14px
    }

    .fsp-row:nth-child(2) i {
        font-size: 24px
    }

    .fsp-row:nth-child(3) i {
        font-size: 16px
    }

    .fsp-row:nth-child(4) i {
        font-size: 20px
    }

    .fsp-row:nth-child(4) span {
        font-size: 10px;
        left: 0
    }

    .fsp-row2 .fsp-inner {
        height: 48px;
        line-height: 48px;
        right: 48px
    }

    .fsp-row2 .fsp-inner p,
    .fsp-row2 .fsp-inner a {
        width: 160px;
        font-size: 14px
    }

    .fsp-row2.active .fsp-inner {
        width: 160px
    }

    .fsp-row3 .fsp-inner {
        right: 52px;
        top: -15px;
        width: 80px;
        height: 80px;
        padding: 5px
    }
}

@media (max-width: 640px) {
    .footer {
        padding: 30px 0
    }

    .foot-share a {
        font-size: 12px
    }

    .foot-nav a {
        font-size: 12px;
        margin: 0 10px
    }

    .copyright {
        font-size: 10px;
        margin-top: 30px
    }

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

body {
    background-color: #fff
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.hide {
    display: none
}

.show {
    display: block
}

.opa {
    opacity: 0
}

.ovh {
    overflow: hidden
}

.lazy {
    background: url(../images/loading.gif) no-repeat 45% 30%;
    background-size: 24px
}

.lazy.insert {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px
}

.w1620 {
    margin-left: 7.8%;
    margin-right: 7.8%
}

.wrap {
    padding-top: 32px
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.fs34 {
    font-size: 34px
}

.fs44 {
    font-size: 44px
}

.btn {
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    width: 150px;
    height: 52px;
    line-height: 52px;
    background-color: #e60012;
    text-align: center;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 6px;
    outline: none
}

.more-btn {
    -webkit-transition: color .4s ease-out;
    transition: color .4s ease-out;
    display: inline-block;
    font-size: 12px;
    font-family: "FutworaProTrialMedium";
    color: rgba(17, 17, 17, 0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 5px;
    padding-right: 20px
}

.more-btn:after {
    -webkit-transition: bottom .3s, background .3s;
    transition: bottom .3s, background .3s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 20px;
    bottom: 3px;
    height: 1px;
    background-color: rgba(17, 17, 17, 0.8);
    backface-visibility: hidden
}

.more-btn i {
    -webkit-transition: transform .4s, color .4s;
    transition: transform .4s, color .4s;
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 12px;
    color: #111
}

.page-intro {
    text-align: center
}

.page-intro .pi-title {
    font-size: 42px;
    color: rgba(17, 17, 17, 0.8);
    letter-spacing: 1px;
    line-height: 1.6;
    display: block;
    font-weight: 700
}

.page-intro .pi-txt {
    text-align: left;
    display: inline-block;
    font-size: 20px;
    line-height: 1.5;
    color: rgba(17, 17, 17, 0.8);
    letter-spacing: 1px
}

.paragraph {
    color: rgba(17, 17, 17, 0.8);
    text-align: justify;
    letter-spacing: 1px
}

.paragraph h4 {
    font-size: 12px;
    line-height: 2;
    color: rgba(17, 17, 17, 0.5);
    margin-bottom: 30px
}

.paragraph p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 20px
}

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

.paragraph strong {
    font-weight: 700
}

.list-more__full {
    text-align: center;
    font-size: 0;
    position: relative;
    padding-top: 10px
}

.list-more__full i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #e60012;
    opacity: .8;
    margin: 0 5px;
    border-radius: 50px
}

.list-more__full span {
    display: block;
    font-size: 14px;
    color: #111;
    letter-spacing: 2px;
    margin-top: 16px
}

.loading-anime {
    position: absolute;
    left: 50%;
    top: -24px;
    display: inline-block;
    width: 60px;
    margin-left: -33px
}

.slick-dots li,
.slick-dots button {
    display: inline-block;
    vertical-align: top
}

.slick-dots li {
    margin: 0 12px
}

.slick-dots button {
    width: 10px;
    height: 10px;
    position: relative;
    padding: 0;
    border: none;
    font-size: 0;
    outline: none;
    cursor: pointer;
    background-color: transparent
}

.slick-dots button:after {
    -webkit-transition: background .4s;
    transition: background .4s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8)
}

.slick-dots .slick-active button:after {
    background-color: #e60012
}

.slick-arrow:not(.ay-arrow) {
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100
}

.slick-arrow:not(.ay-arrow) i {
    -webkit-transition: transform .4s;
    transition: transform .4s;
    display: inline-block;
    font-size: 18px;
    color: #fff
}

.slick-arrow:not(.ay-arrow) .il-arrow,
.slick-arrow:not(.ay-arrow) .ir-arrow {
    width: 18px;
    height: 28px
}

.slick-arrow:not(.ay-arrow) .il-arrow {
    background: url(../images/arrow-l.png) no-repeat center center;
    background-size: 18px 28px
}

.slick-arrow:not(.ay-arrow) .ir-arrow {
    background: url(../images/arrow-r.png) no-repeat center center;
    background-size: 18px 28px
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

.panel-scoll__icon i {
    font-size: 30px;
    color: #fff;
    display: inline-block;
    animation: move 2s infinite;
    margin-bottom: 18px
}

.panel-scoll__icon b {
    display: block;
    width: 1px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.5);
    margin-left: auto;
    margin-right: auto
}

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

    70% {
        transform: translateY(10px)
    }

    100% {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes move {
    0% {
        transform: translateY(0)
    }

    70% {
        transform: translateY(10px)
    }

    100% {
        opacity: 0;
        transform: translateY(0)
    }
}

.back-list i {
    font-size: 12px;
    display: inline-block;
    margin-left: 5px
}

.list-toggle__full div {
    margin-bottom: 14px
}

.list-toggle__full a {
    -webkit-transition: color ease-out .4s;
    transition: color ease-out .4s;
    display: inline-block;
    font-size: 14px;
    color: #111;
    line-height: 1.6;
    letter-spacing: 1px
}

.list-next,
.list-prev {
    padding-left: 60px;
    position: relative
}

.list-next span,
.list-prev span {
    display: inline-block;
    vertical-align: top
}

.list-next span:first-child,
.list-prev span:first-child {
    position: absolute;
    left: 0;
    top: 0
}

.list-main {
    padding-top: 40px;
    border-top: 1px solid rgba(17, 17, 17, 0.1)
}

.page-bgPic {
    position: relative
}

.page-bgPic .pic {
    position: relative;
    padding-top: 32.29%
}

.page-bgPic .pic:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.3)
}

.page-bgPic .small-pic {
    display: none
}

.page-bgPic .cont {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px;
    z-index: 10
}

.page-bgPic .cont span {
    font-size: 44px;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 1px;
    font-weight: 700
}

.page-bgPic .cont p {
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1.5
}

.scroll-pagePic:after,
.album-shadow:after {
    content: "";
    display: block;
    background: url(../images/img-03.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 11.46%;
    animation: delayPic 10s 1
}

body #newBridge #nb_icon_wrap {
    display: none
}

@keyframes delayPic {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media (min-width: 1025px) {
    .slick-prev:hover i {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    .slick-next:hover i {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    .list-toggle__full a:hover {
        color: #e60012
    }

    .more-btn:hover {
        color: #e60012
    }

    .more-btn:hover:after {
        bottom: 0;
        background-color: #e60012
    }

    .more-btn:hover i {
        color: #e60012;
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    .btn:hover {
        opacity: .8
    }
}

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

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

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

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

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

    .mb-80 {
        margin-bottom: 70px
    }

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

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

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

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

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

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

    .w1620 {
        margin-left: 5%;
        margin-right: 5%
    }

    .page-bgPic .cont span {
        font-size: 40px
    }

    .page-bgPic .cont p {
        font-size: 18px
    }

    .fs34 {
        font-size: 30px
    }

    .fs44 {
        font-size: 40px
    }

    .page-intro .pi-title {
        font-size: 38px
    }

    .page-intro .pi-txt {
        font-size: 18px
    }

    body #newBridge .icon-right-center {
        bottom: 206px
    }
}

@media (max-width: 1366px) {
    .wrap {
        padding-top: 68px
    }

    .page-bgPic .cont span {
        font-size: 36px
    }

    .page-bgPic .cont p {
        font-size: 16px
    }

    .list-more__full i {
        width: 8px;
        height: 8px;
        margin: 0 4px
    }

    .list-more__full span {
        margin-top: 12px;
        font-size: 12px
    }

    .btn {
        font-size: 16px;
        letter-spacing: 1px
    }

    .fs44 {
        font-size: 34px
    }

    .page-intro .pi-title {
        font-size: 34px
    }

    .page-intro .pi-txt {
        font-size: 16px
    }

    .slick-arrow:not(.ay-arrow) {
        width: 42px;
        height: 42px;
        line-height: 42px
    }

    .slick-arrow:not(.ay-arrow) i {
        font-size: 14px
    }

    .panel-scoll__icon i {
        font-size: 26px
    }

    .panel-scoll__icon b {
        height: 26px
    }
}

@media (max-width: 1200px) {
    .fs34 {
        font-size: 26px
    }
}

@media (max-width: 1024px) {
    .w1620 {
        margin-left: 40px;
        margin-right: 40px
    }

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

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

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

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

    .mb-80 {
        margin-bottom: 60px
    }

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

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

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

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

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

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

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

    .page-bgPic .cont span {
        font-size: 32px
    }

    .btn {
        width: 140px;
        height: 46px;
        line-height: 46px;
        font-size: 14px
    }

    .fs34 {
        font-size: 24px
    }

    .fs44 {
        font-size: 30px
    }

    .page-intro .pi-title {
        font-size: 30px
    }

    .slick-dots li {
        margin: 0 8px
    }

    .slick-dots button {
        width: 8px;
        height: 8px
    }

    .panel-scoll__icon {
        display: none
    }

    body .layui-m-layer0 .layui-m-layerchild {
        width: 80%
    }

    body .layui-m-layercont {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (max-width: 640px) {
    .w1620 {
        margin-left: 20px;
        margin-right: 20px
    }

    .wrap {
        padding-top: 62px
    }

    .lazy {
        background-size: 18px
    }

    .btn {
        width: 140px;
        height: 42px;
        line-height: 42px
    }

    .page-bgPic .larze-pic {
        display: none
    }

    .page-bgPic .small-pic {
        display: block;
        padding-top: 320px
    }

    .page-bgPic .cont span {
        font-size: 26px
    }

    .fs34 {
        font-size: 22px
    }

    .fs44 {
        font-size: 26px
    }

    .page-intro .pi-title {
        font-size: 24px
    }

    .page-intro .pi-txt {
        font-size: 14px
    }

    .paragraph p {
        font-size: 14px
    }

    .slick-arrow:not(.ay-arrow) {
        width: 32px;
        height: 32px;
        line-height: 32px
    }

    .slick-arrow:not(.ay-arrow) i {
        font-size: 12px
    }
}

@media (max-width: 500px) {
    .mt-50 {
        margin-top: 25px
    }

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

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

    .mb-80 {
        margin-bottom: 40px
    }

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

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

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

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

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

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

    .fs34 {
        font-size: 18px
    }

    .fs44 {
        font-size: 22px
    }

    .list-toggle__full a {
        font-size: 12px
    }
}

.guide-vid__full {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #111;
    display: none
}

.close-vid {
    -webkit-transition: transform .4s;
    transition: transform .4s;
    position: absolute;
    right: 20px;
    top: 30px;
    color: #fff;
    font-size: 16px;
    z-index: 40
}

.guide-vid__content video {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.home .foot-sidebar__plug {
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.home .foot-sidebar__plug.fs-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.index-sec__item {
    margin-top: 110px
}

.index-banner__full.section {
    margin-top: 0
}

.index-sec__item3 {
    margin-top: 70px
}

.index-sec__item4 {
    margin-top: 90px
}

.index-banner__full {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.index-banner__full .ib-pic {
    -webkit-transition: transform 3s;
    transition: transform 3s;
    height: 100vh;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    position: relative
}

.index-banner__full .ib-pic:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.2)
}

.index-banner__full .slick-dots {
    position: absolute;
    left: 0;
    bottom: 2.08333vw;
    text-align: center;
    width: 100%
}

.index-banner__full .m-pic {
    display: none;
    position: relative
}

.index-banner__full .m-pic:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(17, 17, 17, 0.4);
    width: 100%;
    height: 100%
}

.index-banner__full .panel-scoll__icon {
    position: absolute;
    right: 7.8%;
    bottom: 0;
    z-index: 100
}

.index-banner__full .scale-pic .ib-pic {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.fp-auto-height,
.fp-auto-height .fp-tableCell {
    height: auto !important
}

.ib-item {
    overflow: hidden
}

.ib-cont {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 900px;
    text-align: center;
    letter-spacing: 1px
}

.ib-cont h3 {
    text-align: center;
    font-size: 62px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 1.3;
    font-weight: 700
}

.ib-cont p {
    text-align: center;
    font-size: 26px;
    color: #fff;
    line-height: 1.6
}

.ib-cont .more-btn {
    font-size: 18px;
    color: #fff;
    padding-right: 25px;
    margin-top: 100px
}

.ib-cont .more-btn i {
    color: #fff;
    top: 3px;
    font-size: 14px
}

.ib-cont .more-btn:after {
    background-color: #fff
}

.ib-txt {
    text-align: left
}

.ic1-list__full {
    font-size: 0;
    margin-left: -2px;
    margin-right: -2px
}

.ic1-list__full a {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    overflow: hidden
}

.ic1-list__full .pic {
    -webkit-transition: transform .6s;
    transition: transform .6s;
    padding-top: 161.25%;
    position: relative
}

.ic1-list__full .pic:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.2)
}

.ic1-list__full .m-pic {
    display: none
}

.ic1-cont {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 46px;
    letter-spacing: 1px;
    text-align: justify;
    z-index: 20
}

.ic1-cont h4 {
    text-align: center;
    font-size: 34px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 14px;
    font-weight: 700
}

.ic1-cont p {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.ic1-cont .more-btn {
    color: #fff;
    margin-top: 46px
}

.ic1-cont .more-btn i {
    color: #fff
}

.ic1-cont .more-btn:after {
    background-color: #fff
}

.index-sec__item2 .pro-list__full li,
.index-sec__item4 .pro-list__full li {
    margin-bottom: 40px
}

.ic3-list__full ul {
    font-size: 0;
    margin-left: -2px;
    margin-right: -2px
}

.ic3-list__full li {
    display: inline-block;
    vertical-align: top;
    width: 16.66%
}

.ic3-list__full .item-box {
    margin-left: 2px;
    margin-right: 2px
}

.ic3-pic__full {
    overflow: hidden;
    margin-bottom: 55px;
    display: block
}

.ic3-pic {
    padding-top: 165.41%;
    position: relative;
    -webkit-transition: transform .6s;
    transition: transform .6s
}

.ic3-cont {
    letter-spacing: 1px
}

.ic3-cont span {
    font-size: 18px;
    color: rgba(17, 17, 17, 0.8);
    display: block;
    margin-bottom: 18px;
    font-weight: 700
}

.ic3-cont span a {
    -webkit-transition: color .4s;
    transition: color .4s
}

.ic3-cont p>a {
    -webkit-transition: color .4s;
    transition: color .4s;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(17, 17, 17, 0.8);
    margin-bottom: 12px
}

@media (min-width: 1881px) {

    .index-sec__item2 .pro-list__full h1,
    .index-sec__item2 .pro-list__full p,
    .index-sec__item4 .pro-list__full h1,
    .index-sec__item4 .pro-list__full p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width: 1025px) {
    .no-scroll {
        overflow: hidden
    }

    .close-vid:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .ic3-pic__full:hover .ic3-pic {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .ic3-cont a:hover {
        color: #e60012
    }

    .ib-cont .more-btn:hover,
    .ic1-cont .more-btn:hover {
        color: #e60012
    }

    .ib-cont .more-btn:hover i,
    .ic1-cont .more-btn:hover i {
        color: #e60012
    }

    .ib-cont .more-btn:hover:after,
    .ic1-cont .more-btn:hover:after {
        background-color: #e60012
    }

    .ic1-list__full a:hover .pic {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}

@media (max-width: 1800px) {
    .ib-cont h3 {
        font-size: 62px;
        text-align: center
    }

    .ib-cont p {
        font-size: 24px;
        text-align: center;
    }

    .ic1-cont h4 {
        font-size: 30px
    }

    .ic1-cont p {
        font-size: 16px
    }
}

@media (max-width: 1440px) {
    .ib-cont {
        max-width: 690px
    }

    .ib-cont h3 {
        font-size: 52px
    }

    .ib-cont p {
        font-size: 20px
    }

    .ib-cont .more-btn {
        font-size: 16px;
        padding-right: 22px;
        margin-top: 80px
    }

    .ic1-cont h4 {
        font-size: 26px
    }

    .index-sec__item {
        margin-top: 90px
    }

    .index-sec__item3.section {
        margin-top: 50px
    }

    .index-sec__item4.section {
        margin-top: 70px
    }

    .ic3-pic__full {
        margin-bottom: 35px
    }

    .ic3-cont span {
        margin-bottom: 15px
    }

    .ic3-cont p>a {
        margin-bottom: 10px
    }

    .index-banner__full .panel-scoll__icon {
        right: 5%
    }
}

@media (max-width: 1366px) {
    .ic1-cont h4 {
        font-size: 24px
    }

    .ic1-cont p {
        font-size: 14px
    }
}

@media (max-width: 1200px) {
    .ib-cont {
        max-width: 375px
    }

    .ib-cont h3 {
        font-size: 46px
    }

    .ib-cont p {
        font-size: 18px
    }

    .ic1-cont h4 {
        font-size: 20px
    }
}

@media (max-width: 1024px) {
    .guide-vid__full {
        display: none
    }

    .ic3-pic__full {
        margin-bottom: 24px
    }

    .ic1-cont h4 {
        font-size: 18px
    }

    .ic1-cont p {
        display: none
    }

    .ic1-cont .more-btn {
        margin-top: 0
    }

    .ic3-list__full li {
        width: 33.33%
    }

    .ic3-cont p {
        display: none
    }

    .pro-list__full article p {
        display: none
    }

    .ib-cont {
        max-width: 100%;
        width: 85%
    }

    .ib-cont h3 {
        font-size: 36px
    }

    .ib-cont p {
        font-size: 16px
    }

    .ib-cont .more-btn {
        font-size: 12px;
        margin-top: 48px;
        padding-right: 22px
    }

    .ib-cont .more-btn i {
        font-size: 12px;
        top: 0
    }

    .ic3-list__full li {
        margin-bottom: 30px
    }

    .ic3-pic__full {
        margin-bottom: 14px
    }

    .ic3-cont span {
        font-size: 16px;
        margin-bottom: 0
    }

    .index-sec__item2 .pro-list__full li,
    .index-sec__item4 .pro-list__full li {
        margin-bottom: 30px
    }

    .ic1-list__full>div {
        width: 100%
    }

    .ic1-list__full .slick-slide {
        width: 33.33%
    }

    .ic1-list__full .slick-dots {
        text-align: center;
        margin-top: 22px
    }

    .ic1-list__full .slick-dots button:after {
        background-color: rgba(164, 164, 164, 0.6)
    }

    .ic1-list__full .slick-dots .slick-active button:after {
        background-color: #e60012
    }
}

@media (max-width: 768px) {
    .ic1-cont {
        padding: 0 16px
    }

    .ic1-cont h4 {
        font-size: 16px
    }

    .index-sec__item {
        margin-top: 70px
    }

    .index-sec__item3.section,
    .index-sec__item4.section,
    .footer-section.section {
        margin-top: 40px
    }
}

@media (max-width: 750px) {
    .index-banner__full .m-pic {
        display: block
    }

    .index-banner__full .p-pic {
        display: none
    }
}

@media (max-width: 740px) {
    .ic1-cont h4 {
        font-size: 14px
    }
}

@media (max-width: 640px) {
    .ic1-list__full .slick-slide {
        width: 50%
    }

    .ic1-cont h4 {
        font-size: 16px
    }

    .ic1-cont .more-btn {
        position: relative;
        left: 6px
    }

    .ib-cont {
        max-width: 75%;
        width: 100%
    }

    .ib-cont h3 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .ib-cont p {
        font-size: 14px;
        display: none
    }

    .ib-cont .more-btn {
        margin-top: 35px
    }

    .index-banner__full .ib-pic {
        height: 80vh
    }
}

@media (max-width: 500px) {
    .ic3-pic {
        padding-top: 161.25%
    }

    .ic3-list__full li {
        width: 50%
    }
}

.pro-filtare ul {
    font-size: 0
}

.pro-filtare li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 20px
}

.pro-filtare a {
    font-size: 18px;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    padding-bottom: 8px;
    color: rgba(32, 32, 32, 0.8)
}

.pro-filtare a:after {
    -webkit-transition: width .4s;
    transition: width .4s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #e60012
}

.pro-filtare .on a:after {
    width: 100%
}

.project .pro-list__full {
    margin-top: 15px;
    min-height: 100px
}

.pro-list__full ul {
    font-size: 0;
    margin-left: -2px;
    margin-right: -2px
}

.pro-list__full li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-bottom: 40px
}

.pro-list__full figure {
    position: relative;
    padding-top: 60%;
    overflow: hidden
}

.pro-list__full img {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.pro-list__full article {
    margin-top: 20px;
    letter-spacing: 1px;
    padding-right: 15%
}

.pro-list__full article h1 {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 18px;
    line-height: 1.4;
    color: rgba(17, 17, 17, 0.8);
    font-weight: 700
}

.pro-list__full article p {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(17, 17, 17, 0.5);
    margin-top: 3px
}

.pro-list__full .pl-filtare {
    padding-right: 15%
}

.pl-item__box {
    margin-left: 2px;
    margin-right: 2px
}

.pl-filtare {
    margin-top: 10px;
    font-size: 0
}

.pl-filtare a {
    margin-bottom: 10px
}

.pl-filtare a,
.pl-filtare span {
    display: inline-block;
    font-size: 14px;
    color: rgba(17, 17, 17, 0.5);
    margin-right: 18px;
    position: relative;
    padding-bottom: 6px
}

.pl-filtare a:before,
.pl-filtare a:after,
.pl-filtare span:before,
.pl-filtare span:after {
    content: "";
    display: block;
    position: absolute
}

.pl-filtare a:before,
.pl-filtare span:before {
    -webkit-transition: width ease-out .4s;
    transition: width ease-out .4s;
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 2px;
    background-color: #e60012
}

.pl-filtare a:after,
.pl-filtare span:after {
    right: -10px;
    bottom: 8px;
    width: 2px;
    height: 2px;
    background-color: rgba(17, 17, 17, 0.5);
    border-radius: 50%
}

.pl-filtare a:last-child:after,
.pl-filtare span:last-child:after {
    opacity: 0
}

.pro-data__benner .pic {
    height: 100vh
}

.pro-data__benner .slick-dots {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    text-align: center
}

.pro-data__benner .panel-scoll__icon {
    position: absolute;
    right: 7.7%;
    bottom: 0
}

.pro-data__title h1 {
    font-size: 34px;
    color: #202020;
    letter-spacing: 1px;
    margin-bottom: 18px
}

.pd-main {
    font-size: 0
}

.pd-left__area,
.pd-right__area {
    display: inline-block;
    vertical-align: top
}

.pd-left__area {
    width: 66%
}

.pd-right__area {
    width: 34%;
    padding-left: 9%
}

.small-pd-attrs {
    display: none
}

.pd-attrs {
    font-size: 0
}

.pd-attrs div {
    margin-bottom: 10px
}

.pd-attrs div:last-child {
    margin-bottom: 0
}

.pd-attrs p,
.pd-attrs span,
.pd-attrs strong {
    display: inline-block;
    vertical-align: top
}

.pd-attrs p {
    position: relative;
    width: 38%;
    font-size: 14px;
    color: rgba(17, 17, 17, 0.5);
    line-height: 1.5;
    letter-spacing: 1px;
    padding-left: 90px;
    padding-right: 30px
}

.pd-attrs span {
    width: 90px;
    position: absolute;
    left: 0;
    top: 0
}

.pd-attrs strong {
    font-weight: 400;
    color: rgba(17, 17, 17, 0.8)
}

.pdr-awards span {
    font-size: 18px;
    line-height: 1.4;
    color: rgba(17, 17, 17, 0.5);
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 20px
}

.pdr-awards li,
.pdr-awards p {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(17, 17, 17, 0.5);
    letter-spacing: 1px;
    margin-bottom: 10px
}

.pdr-awards li:last-child,
.pdr-awards p:last-child {
    margin-bottom: 0
}

.pd-list__title {
    font-size: 34px;
    color: #202020;
    letter-spacing: 1px
}

@media (min-width: 1025px) {
    .pro-filtare a:hover:after {
        width: 100%
    }

    .pl-item__box a:hover img {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .pl-item__box a:hover h1 {
        color: #e60012
    }

    .pl-filtare a:hover:before {
        width: 100%
    }

    .pro-data__benner img {
        margin: 0 auto;
        height: 100vh
    }
}

@media (max-width: 1440px) {
    .pro-filtare a {
        font-size: 16px
    }

    .pro-data__benner .slick-dots {
        bottom: 30px
    }
}

@media (max-width: 1366px) {
    .pro-list__full article {
        margin-top: 14px
    }

    .pro-list__full article h1 {
        font-size: 16px
    }

    .pl-filtare a,
    .pl-filtare span {
        font-size: 12px
    }

    .pd-attrs p {
        width: 50%
    }

    .pd-list__title {
        font-size: 30px
    }

    .pro-data__title h1 {
        font-size: 30px
    }

    .pd-right__area {
        padding-left: 5%
    }

    .pro-data__benner .slick-dots {
        bottom: 24px
    }
}

@media (max-width: 1200px) {
    .pro-data__title h1 {
        font-size: 26px;
        margin-bottom: 12px
    }

    .pd-list__title {
        font-size: 26px
    }
}

@media (max-width: 1100px) {

    .pd-left__area,
    .pd-right__area {
        width: 100%
    }

    .pd-right__area {
        padding-left: 0;
        margin-top: 65px
    }
}

@media (max-width: 1024px) {
    .pro-data__benner:after {
        opacity: 0
    }

    .pro-list__full li {
        width: 33.33%
    }

    .pl-filtare a {
        margin-bottom: 5px
    }

    .pro-filtare li {
        margin-right: 20px
    }

    .pd-main {
        margin-top: 60px
    }

    .pdl-inner {
        margin-top: 35px
    }

    .pro-data__title h1 {
        font-size: 24px
    }

    .pd-list__title {
        font-size: 24px
    }

    .pro-data__benner .pic {
        height: auto;
        padding-top: 80%
    }

    .pro-data__benner img {
        width: 100%
    }

    .pro-data__benner .slick-dots {
        bottom: 12px
    }

    .pro-data__benner .slick-arrow {
        opacity: 0;
        pointer-events: none
    }
}

@media (max-width: 640px) {
    .pro-filtare li {
        margin-bottom: 15px
    }

    .pro-filtare a {
        font-size: 14px;
        padding-bottom: 5px
    }

    .pro-list__full li {
        width: 50%;
        margin-bottom: 15px
    }

    .pdr-awards li,
    .pdr-awards p {
        font-size: 12px
    }

    .small-pd-attrs {
        display: block
    }

    .large-pd-attrs {
        display: none
    }

    .pd-attrs div {
        margin-bottom: 0
    }

    .pd-attrs p {
        width: 100%;
        margin-bottom: 10px
    }

    .pd-main {
        margin-top: 30px
    }

    .pdl-inner {
        margin-top: 25px
    }

    .pro-data__title h1 {
        font-size: 22px
    }

    .pd-list__title {
        font-size: 22px
    }

    .project-data .pro-list__full ul {
        margin-top: 20px
    }

    .pd-attrs p {
        padding-left: 80px
    }
}

@media (max-width: 500px) {
    .pro-list__full article h1 {
        font-size: 14px;
        letter-spacing: 0
    }

    .pl-filtare a,
    .pl-filtare span {
        margin-right: 15px;
        font-size: 10px
    }

    .pl-filtare a:after,
    .pl-filtare span:after {
        right: -8px
    }

    .pro-data__title .pl-filtare a,
    .pro-data__title .pl-filtare span {
        width: auto;
        margin-right: 12px
    }

    .pro-data__title .pl-filtare a:after,
    .pro-data__title .pl-filtare span:after {
        right: -8px
    }

    .pro-data__title h1 {
        font-size: 20px
    }

    .pd-list__title {
        font-size: 20px
    }

    .pd-attrs p {
        padding-left: 65px;
        font-size: 12px;
        padding-right: 0
    }
}

.company-list__full ul {
    font-size: 0;
    margin-left: -2px;
    margin-right: -2px
}

.company-list__full li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-bottom: 50px
}

.cl-item__box {
    margin-left: 2px;
    margin-right: 2px;
    position: relative
}

.cl-item__box .pic {
    position: relative
}

.cl-item__box .pic:before {
    content: "";
    display: block;
    padding-top: 60%
}

.cl-item__box .pic:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.4)
}

.cl-item__box img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.cl-item__box .cl-names {
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    padding: 0 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.4;
    z-index: 20
}

.cl-address {
    z-index: 20;
    opacity: 0;
    padding-right: 15px
}

.cl-address p,
.cl-address a {
    font-size: 14px;
    line-height: 1.6;
    color: #fff
}

.cl-link__map {
    -webkit-transition: color .4s;
    transition: color .4s;
    display: inline-block;
    padding-left: 26px;
    position: relative;
    margin-top: 25px
}

.cl-link__map i {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 1px
}

.cf-title {
    font-size: 30px;
    color: #111;
    letter-spacing: 1px
}

input,
textarea {
    outline: none;
    font-size: 14px;
    letter-spacing: 1px;
    color: #111;
    background-color: rgba(247, 247, 247, 0.8);
    border: none
}

input::placeholder,
textarea::placeholder {
    color: rgba(32, 32, 32, 0.5)
}

.contact-form__box {
    font-size: 0
}

.cfi-left__area,
.cfi-right__area {
    display: inline-block;
    vertical-align: top
}

.cfi-left__area {
    width: 38%;
    padding-right: 10px
}

.cfi-left__area input {
    padding: 0 30px;
    width: 100%;
    height: 80px
}

.cfi-right__area {
    padding-left: 10px;
    width: 62%
}

.cfi-right__area textarea {
    width: 100%;
    height: 280px;
    resize: none;
    padding: 30px
}

.cf-item {
    margin-bottom: 20px
}

.error-message {
    font-size: 12px;
    color: #e60012;
    letter-spacing: 1px;
    height: 20px
}

@media (min-width: 1025px) {
    .cl-item__box:hover .cl-names {
        opacity: 0
    }

    .cl-item__box:hover .cl-address {
        transform: translateY(-50%);
        opacity: 1
    }

    .cl-item__box .cl-address {
        -webkit-transition: transform ease-out .6s, opacity ease-out .2s;
        transition: transform ease-out .6s, opacity ease-out .2s;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        padding: 0 24px
    }

    .cl-link__map:hover {
        color: #e60012
    }

    .cl-link__map:hover i {
        color: #e60012
    }
}

@media (max-width: 1440px) {
    .cl-item__box .cl-names {
        font-size: 22px
    }

    .cf-title {
        font-size: 28px
    }
}

@media (max-width: 1366px) {
    .cl-item__box .cl-names {
        font-size: 20px
    }

    .cf-title {
        font-size: 26px
    }

    .company-list__full li {
        margin-bottom: 40px
    }

    .cfi-left__area input {
        height: 60px
    }

    .cfi-right__area textarea {
        height: 220px
    }
}

@media (max-width: 1200px) {
    .cl-link__map {
        margin-top: 15px
    }
}

@media (max-width: 1100px) {
    .company-list__full li {
        width: 33.33%
    }
}

@media (max-width: 1024px) {
    .cl-address {
        position: relative
    }

    .cl-item__box .cl-names {
        font-size: 18px
    }

    .cl-item__box .cl-address {
        opacity: 1;
        margin-top: 10px
    }

    .cl-item__box .cl-address p,
    .cl-item__box .cl-address a {
        color: rgba(17, 17, 17, 0.8)
    }

    .cl-item__box .cl-address p {
        margin-bottom: 5px
    }

    .cf-title {
        font-size: 24px
    }

    .company-list__full li {
        margin-bottom: 55px
    }

    .contact-form__full {
        margin-top: 30px
    }
}

@media (max-width: 768px) {
    .cf-item {
        margin-bottom: 15px
    }

    .cfi-left__area input {
        padding: 0 20px;
        height: 48px
    }

    .cfi-right__area textarea {
        padding: 20px;
        height: 175px
    }

    .cf-title {
        font-size: 22px
    }
}

@media (max-width: 640px) {
    .company-list__full li {
        width: 50%
    }

    .cfi-left__area,
    .cfi-right__area {
        width: 100%
    }

    .cfi-left__area {
        padding-right: 0
    }

    .cfi-right__area {
        padding-left: 0
    }

    .cl-item__box .cl-names {
        font-size: 16px
    }

    .cl-item__box .cl-address p {
        margin-bottom: 3px
    }

    .cl-item__box .cl-address p,
    .cl-item__box .cl-address a {
        font-size: 12px
    }

    .cl-link__map i {
        font-size: 18px
    }

    .cf-title {
        font-size: 20px
    }

    .contact-form__full {
        margin-top: 0
    }

    .cb-box.mt-20 {
        margin-top: 0
    }

    .cl-link__map {
        margin-top: 8px
    }

    .company-list__full li {
        margin-bottom: 35px
    }

    .contact-form__full {
        margin-top: 20px
    }
}

@media (max-width: 500px) {
    .cl-item__box .cl-names {
        font-size: 14px
    }
}

.join-list__full li {
    background-color: rgba(245, 245, 245, 0.5);
    padding: 35px 40px 35px 50px;
    margin-bottom: 50px
}

.join-list__full li:last-child {
    margin-bottom: 0
}

.join-list__full .on .jl-title i {
    -webkit-transform: scale(0.8) rotate(180deg);
    transform: scale(0.8) rotate(180deg)
}

.jl-title {
    cursor: pointer;
    padding-right: 30px;
    position: relative;
    letter-spacing: 1px
}

.jl-title span {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 24px;
    color: #111;
    line-height: 1.6;
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 700
}

.jl-title p {
    font-size: 14px;
    line-height: 20px;
    color: rgba(17, 17, 17, 0.5)
}

.jl-title i {
    -webkit-transition: transform .4s;
    transition: transform .4s;
    font-size: 12px;
    color: rgba(17, 17, 17, 0.8);
    position: absolute;
    right: -2px;
    top: 4px;
    display: block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.jl-inner {
    margin-top: 42px
}

.jl-inner h4 {
    font-size: 14px;
    line-height: 20px;
    color: rgba(17, 17, 17, 0.5);
    margin-bottom: 16px
}

.jl-inner p {
    font-size: 14px;
    line-height: 26px;
    color: #111;
    letter-spacing: 1px
}

.jl-cont {
    display: none
}

.jl-form__content {
    font-size: 0;
    margin-bottom: 60px;
    margin-top: 120px
}

.jl-form__content .form-item {
    position: relative
}

.jl-form__content .form-item3 {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding-right: 15px
}

.jl-form__content .form-item3 input {
    border: 1px solid rgba(17, 17, 17, 0.1);
    width: 100%;
    height: 80px;
    padding: 0 30px
}

.jl-form__content label.error {
    font-size: 12px;
    color: #e60012;
    margin-top: 8px;
    display: block;
    position: absolute;
    bottom: -20px;
    border-bottom: none
}

.form-file__upload {
    text-align: center;
    margin-top: 80px
}

.form-file__upload .btn,
.form-file__upload .form-item {
    display: inline-block;
    vertical-align: bottom
}

.form-file__upload .form-item {
    margin-right: 23px
}

.form-file__upload .btn {
    margin-left: 23px
}

.form-file__upload input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 0
}

.form-file__upload label:not(.error) {
    display: block;
    text-align: left;
    width: 200px;
    height: 44px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.4;
    color: #111
}

@media (min-width: 1025px) {
    .jl-title:hover span {
        color: #e60012
    }
}

@media (max-width: 1440px) {
    .jl-title span {
        font-size: 22px
    }

    .jl-form__content {
        margin-top: 100px;
        margin-bottom: 40px
    }

    .form-file__upload {
        margin-top: 60px
    }
}

@media (max-width: 1366px) {
    .jl-title span {
        font-size: 20px
    }

    .jl-title i {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }

    .join-list__full li {
        padding: 45px 35px 45px 40px;
        padding-right: 35px;
        padding-left: 40px;
        margin-bottom: 40px
    }

    .join-list__full .on .jl-title i {
        -webkit-transform: scale(0.6) rotate(180deg);
        transform: scale(0.6) rotate(180deg)
    }

    .jl-form__content .form-item3 input {
        height: 60px
    }
}

@media (max-width: 1024px) {
    .jl-title span {
        font-size: 18px
    }

    .join-list__full li {
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 30px
    }

    .jl-form__content {
        margin-top: 80px
    }
}

@media (max-width: 768px) {
    .join-list__full li {
        padding: 30px 24px
    }

    .jl-inner {
        margin-top: 32px
    }

    .jl-inner h4 {
        margin-bottom: 15px
    }

    .jl-form__content {
        margin-top: 60px
    }
}

@media (max-width: 750px) {
    .jl-form__content .form-item3 input {
        height: 48px;
        padding: 0 20px
    }

    .form-file__upload label:not(.error) {
        height: 35px
    }
}

@media (max-width: 640px) {
    .jl-title span {
        font-size: 16px;
        margin-bottom: 5px
    }

    .jl-title p {
        font-size: 12px
    }

    .jl-inner p {
        font-size: 12px
    }

    .jl-form__content {
        margin-top: 50px;
        margin-bottom: 30px
    }

    .jl-form__content .form-item3 {
        width: 100%;
        padding-right: 0;
        margin-bottom: 22px
    }

    .jl-form__content label.error {
        bottom: -16px;
        text-align: left
    }

    .form-file__upload {
        margin-top: 15px
    }

    .form-file__upload:after {
        content: "";
        display: block;
        clear: both
    }

    .form-file__upload .form-item {
        display: block;
        margin-right: 0;
        margin-bottom: 40px
    }

    .form-file__upload .form-item label {
        width: 100%
    }

    .form-file__upload .btn {
        margin-left: 0;
        float: right
    }
}

.investor .page-bgPic .pic {
    padding-top: 620px
}

.investor .page-bgPic .m-cont {
    display: none
}

.investor-bp__box {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}

.investor-bp__box .cont {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.investor-bp__val {
    font-size: 0;
    margin-top: 75px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.investor-bp__val p {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 25%;
    padding: 0 10px
}

.investor-bp__val span {
    display: block;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 20px
}

.investor-bp__val strong {
    display: inline-block;
    font-size: 42px;
    font-family: "HelveticaBold";
    color: #fff;
    letter-spacing: 1px
}

.investor-bp__val .iv-fitem strong {
    color: #e60012
}

.investor-bp__val .iv-fitem.iv-down strong {
    color: #0f990f
}

.investor-bp__val .iv-fitem.iv-down strong i {
    color: #0f990f;
    -webkit-transform: scale(0.7, 0.7) rotate(180deg);
    transform: scale(0.7, 0.7) rotate(180deg)
}

.investor-bp__intro {
    font-size: 0;
    margin-top: 45px
}

.investor-bp__intro span {
    margin: 0 22px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.9
}

.iv-fitem strong {
    position: relative;
    padding-right: 16px
}

.iv-fitem i {
    position: absolute;
    right: -4px;
    top: -4px;
    color: #e60012;
    font-size: 12px;
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7)
}

.investor-outer__link ul {
    margin-left: -2px;
    margin-right: -2px;
    font-size: 0
}

.investor-outer__link li {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.investor-outer__link a {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    position: relative
}

.investor-outer__link .pic {
    position: relative
}

.investor-outer__link .pic:before {
    content: "";
    display: block;
    padding-top: 30.97%
}

.investor-outer__link .pic:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.3)
}

.investor-outer__link .cont {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    padding: 0 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20
}

.investor-outer__link span {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 24px;
    color: #fff;
    letter-spacing: 2px;
    display: inline-block;
    padding-right: 30px;
    position: relative;
    font-weight: 700
}

.investor-outer__link span i {
    -webkit-transition: color .4s;
    transition: color .4s;
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 14px;
    margin-top: -7px;
    color: #fff;
    font-weight: 700
}

.investor-outer__link img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

@media (min-width: 1025px) {
    .investor-outer__link a:hover span {
        color: #e60012
    }

    .investor-outer__link a:hover span i {
        color: #e60012
    }
}

@media (max-width: 1440px) {
    .investor .page-bgPic .pic {
        padding-top: 550px
    }

    .investor-bp__val strong {
        font-size: 38px
    }

    .investor-outer__link span {
        font-size: 20px
    }
}

@media (max-width: 1366px) {
    .investor .page-bgPic .pic {
        padding-top: 470px
    }

    .investor-bp__val {
        margin-top: 52px
    }

    .investor-bp__val span {
        margin-bottom: 12px
    }

    .investor-bp__val strong {
        font-size: 32px
    }

    .investor-outer__link span {
        font-size: 18px;
        padding-right: 20px;
        letter-spacing: 1px
    }
}

@media (max-width: 1024px) {
    .investor-bp__intro span {
        margin: 0 16px
    }

    .investor .page-bgPic .pic {
        padding-top: 420px
    }

    .investor-bp__val {
        margin-top: 42px
    }

    .investor-bp__val strong {
        font-size: 28px
    }
}

@media (max-width: 750px) {
    .investor-outer__link span {
        font-size: 16px
    }
}

@media (max-width: 700px) {
    .investor-bp__val span {
        font-size: 12px
    }

    .investor-bp__val strong {
        font-size: 24px
    }

    .investor-bp__intro span {
        font-size: 12px;
        margin: 0 10px
    }
}

@media (max-width: 640px) {
    .investor .page-bgPic .pic {
        padding-top: 300px;
        position: relative
    }

    .investor .page-bgPic .m-cont {
        display: block
    }

    .investor-bp__box {
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateX(0)
    }

    .investor-bp__box .cont {
        display: none
    }

    .investor-bp__val {
        margin-top: 20px
    }

    .investor-bp__val p {
        width: 50%;
        margin: 0 0 20px 0;
        padding: 0 24px
    }

    .investor-bp__val span {
        color: rgba(17, 17, 17, 0.8);
        margin-bottom: 10px
    }

    .investor-bp__val strong {
        color: rgba(17, 17, 17, 0.5);
        display: inline-block;
        font-size: 22px
    }

    .investor-outer__link li {
        width: 100%;
        margin-bottom: 10px
    }

    .investor-outer__link li:last-child {
        margin-bottom: 0
    }

    .investor-outer__link span {
        padding-right: 15px
    }

    .investor-outer__link span i {
        font-size: 10px;
        margin-top: -5px
    }

    .investor-bp__intro {
        text-align: left;
        margin: 10px 24px 0 24px
    }

    .investor-bp__intro span {
        display: block;
        color: rgba(17, 17, 17, 0.8);
        margin-bottom: 10px
    }

    .investor-bp__intro span:last-child {
        margin-bottom: 0
    }
}

.news-main .pro-filtare {
    width: calc(100% - 246px);
    position: relative;
    top: 4px
}

.news-main .pro-filtare li {
    margin-bottom: 0
}

.fy-hint,
.filtare-year__cont,
.pro-filtare,
.filtare-year__full {
    display: inline-block;
    vertical-align: middle
}

.filtare-year__full {
    font-size: 0
}

.fy-hint {
    font-size: 14px;
    letter-spacing: 1px;
    color: rgba(17, 17, 17, 0.8);
    margin-right: 30px
}

.fy-select {
    -webkit-transition: background .4s, border .3s;
    transition: background .4s, border .3s;
    position: relative;
    width: 160px;
    height: 50px;
    line-height: 50px;
    padding-left: 24px;
    border: 1px solid rgba(17, 17, 17, 0.2);
    display: inline-block
}

.fy-select span,
.fy-select i {
    -webkit-transition: color .4s;
    transition: color .4s
}

.fy-select span {
    font-size: 14px;
    color: rgba(17, 17, 17, 0.8);
    letter-spacing: 1px
}

.fy-select i {
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
    position: absolute;
    right: 26px;
    top: 20px;
    font-size: 12px;
    color: rgba(17, 17, 17, 0.8);
    display: block;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
}

.fy-select.on i {
    -webkit-transform: scale(0.5, 0.5) rotate(180deg);
    transform: scale(0.5, 0.5) rotate(180deg)
}

.filtare-year__list {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    display: none;
    background-color: #fff;
    border: 1px solid rgba(17, 17, 17, 0.2);
    border-top: none;
    text-align: center;
    z-index: 120;
    max-height: 220px;
    overflow-y: auto
}

.filtare-year__list li {
    margin: 20px 10px
}

.filtare-year__list a {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
    display: inline-block;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    color: rgba(17, 17, 17, 0.5);
    padding-bottom: 5px
}

.filtare-year__list a:after {
    -webkit-transition: background 0.4s, bottom .3s;
    transition: background 0.4s, bottom .3s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background-color: rgba(17, 17, 17, 0.2)
}

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

.nwes-list__full {
    margin-top: 35px
}

.nwes-list__full ul {
    font-size: 0
}

.nwes-list__full li {
    background-color: rgba(245, 245, 245, 0.5);
    position: relative;
    margin-bottom: 50px
}

.nwes-list__full .nl-box {
    max-width: 750px
}

.nwes-list__full figure,
.nwes-list__full article {
    display: inline-block;
    vertical-align: top
}

.nwes-list__full figure {
    overflow: hidden;
    width: 25%;
    position: relative
}

.nwes-list__full figure:before {
    content: "";
    display: block;
    padding-top: 240px
}

.nwes-list__full .pic {
    -webkit-transition: transform 0.6s;
    transition: transform 0.6s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.nwes-list__full article {
    width: 75%;
    padding: 35px 200px 0 65px
}

.nwes-list__full h1 {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
    font-size: 24px;
    color: rgba(17, 17, 17, 0.8);
    font-weight: 700;
    line-height: 1.4;
    height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.nwes-list__full .nl-txt {
    overflow: hidden
}

.nwes-list__full .nl-txt p {
    font-size: 14px;
    line-height: 1.9;
    color: rgba(17, 17, 17, 0.8)
}

.nwes-list__full .more-btn {
    margin-top: 35px
}

.nl-year {
    position: absolute;
    right: 52px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nl-year p,
.nl-year span {
    font-family: "FutworaProTrialRegular";
    letter-spacing: 1px;
    color: rgba(32, 32, 32, 0.5)
}

.nl-year p {
    font-size: 40px;
    margin-bottom: 14px
}

.nl-year span,
.nl-year i {
    display: inline-block;
    vertical-align: middle
}

.nl-year i {
    width: 4px;
    height: 1px;
    background-color: rgba(17, 17, 17, 0.5);
    margin: 0 8px
}

.nl-year span {
    font-size: 16px
}

.nd-caption {
    max-width: 1000px
}

.nd-caption h1 {
    color: rgba(17, 17, 17, 0.8);
    letter-spacing: 1px;
    margin-bottom: 14px;
    line-height: 1.4;
    font-weight: 700
}

.nd-caption time {
    font-size: 14px;
    line-height: 2;
    color: rgba(17, 17, 17, 0.5)
}

.nd-left__area {
    width: 66.66%
}

.nd-right__area {
    width: 25%
}

.nd-right__area .mlt-full {
    display: none
}

.nd-txt iframe {
    width: 100%;
    height: 600px
}

.nd-guide__box span {
    font-size: 18px;
    color: rgba(17, 17, 17, 0.5);
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 24px
}

.nd-guide__list ul {
    font-size: 0
}

.nd-guide__list li {
    padding-top: 30px;
    padding-bottom: 25px;
    border-top: 1px solid rgba(112, 112, 112, 0.1)
}

.nd-guide__list li:last-child {
    border-bottom: 1px solid rgba(112, 112, 112, 0.1)
}

.nd-guide__list figure,
.nd-guide__list article {
    display: inline-block;
    vertical-align: top
}

.nd-guide__list figure {
    width: 120px;
    overflow: hidden
}

.nd-guide__list figure img {
    -webkit-transition: transform .6s;
    transition: transform .6s;
    width: 100%
}

.nd-guide__list article {
    width: calc(100% - 126px);
    padding-left: 26px
}

.nd-guide__list time {
    font-size: 14px;
    color: rgba(17, 17, 17, 0.5);
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 10px
}

.nd-guide__list h1 {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(17, 17, 17, 0.8)
}

@media (min-width: 501px) {
    .nwes-list__full .nl-txt {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        display: -webkit-box;
        display: box;
        max-height: 54px
    }
}

@media (min-width: 1025px) {
    .nwes-list__full a:hover h1 {
        color: #e60012
    }

    .nwes-list__full figure img:hover {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .nwes-list__full figure .pic:hover {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .fy-select.on {
        border-bottom-color: transparent
    }

    .filtare-year__list a:hover {
        color: #e60012
    }

    .filtare-year__list a:hover:after {
        background-color: #e60012;
        bottom: 0
    }

    .nd-guide__list a:hover h1 {
        color: #e60012
    }

    .nd-guide__list figure img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .fy-select:hover {
        border-color: transparent;
        background-color: #e60012
    }

    .fy-select:hover span,
    .fy-select:hover i {
        color: #fff
    }

    .nd-txt {
        position: relative;
        top: -8px
    }
}

@media (max-width: 1440px) {
    .nwes-list__full h1 {
        font-size: 22px
    }

    .nwes-list__full article {
        padding-left: 50px
    }

    .nl-year p {
        font-size: 34px
    }

    .nl-year span {
        font-size: 14px
    }

    .nd-guide__list article {
        padding-left: 18px
    }

    .nd-guide__box span {
        font-size: 16px
    }
}

@media (max-width: 1366px) {
    .nwes-list__full figure:before {
        padding-top: 210px
    }

    .nwes-list__full article {
        padding-top: 30px
    }

    .nwes-list__full h1 {
        font-size: 20px;
        height: 50px
    }

    .nl-year p {
        font-size: 30px
    }

    .nl-year span {
        font-size: 12px
    }

    .nl-year i {
        margin: 0 4px
    }

    .fy-hint {
        margin-right: 20px
    }

    .nd-caption h1 {
        margin-bottom: 8px
    }
}

@media (max-width: 1200px) {
    .nd-right__area {
        width: 30%
    }

    .nd-txt iframe {
        height: 500px
    }
}

@media (max-width: 1024px) {
    .nwes-list__full article {
        padding: 25px 150px 0 20px
    }

    .nwes-list__full figure:before {
        padding-top: 200px
    }

    .nl-year {
        right: 30px
    }

    .nd-guide__list article {
        padding-left: 8px
    }

    .nd-txt iframe {
        height: 420px
    }
}

@media (max-width: 900px) {

    .nd-left__area,
    .nd-right__area {
        width: 100%
    }

    .nd-guide__box.mb-80 {
        margin-bottom: 0
    }

    .nd-right__area .mlt-full {
        display: block;
        margin-bottom: 65px
    }

    .nd-right__area .plt-full {
        display: none
    }

    .nd-right__area {
        margin-top: 55px
    }

    .nd-guide__box span {
        margin-bottom: 18px
    }

    .nd-guide__list li {
        padding-top: 25px;
        padding-bottom: 20px
    }
}

@media (max-width: 768px) {
    .nwes-list__full ul {
        margin-left: -2px;
        margin-right: -2px
    }

    .nwes-list__full li {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .nwes-list__full a {
        display: block;
        margin-left: 2px;
        margin-right: 2px
    }

    .nwes-list__full h1 {
        font-size: 18px;
        height: 40px
    }

    .nwes-list__full figure,
    .nwes-list__full article {
        width: 100%
    }

    .nwes-list__full article {
        padding: 25px 20px
    }

    .nwes-list__full figure:before {
        padding-top: 60%
    }

    .nwes-list__full .nl-year {
        display: none
    }

    .news .list-more__full {
        margin-top: 25px
    }

    .filtare-year__full {
        display: block
    }

    .news-main .pro-filtare {
        width: 100%
    }

    .news-main .pro-filtare li {
        margin-bottom: 20px
    }

    .nd-caption h1 {
        margin-bottom: 0
    }

    .nd-txt iframe {
        height: 360px
    }
}

@media (max-width: 640px) {
    .nwes-list__full article {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .nwes-list__full h1 {
        font-size: 16px;
        height: 30px
    }

    .nwes-list__full .nl-txt p {
        font-size: 12px
    }

    .nwes-list__full .more-btn {
        margin-top: 30px
    }

    .fy-select {
        width: 150px;
        height: 40px;
        line-height: 40px;
        padding-left: 18px
    }

    .fy-select i {
        top: 13px;
        right: 10px
    }

    .filtare-year__list {
        top: 39px
    }

    .filtare-year__full {
        margin-top: 15px
    }

    .nd-txt iframe {
        height: 300px
    }
}

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

    .nwes-list__full .nl-txt {
        height: auto
    }

    .nd-txt iframe {
        height: 240px
    }

    .nd-guide__list time {
        font-size: 12px
    }

    .nd-guide__list h1 {
        font-size: 12px
    }

    .nd-caption time {
        font-size: 12px
    }

    .nd-caption h1 {
        font-size: 22px
    }
}

.service-list__top ul {
    font-size: 0
}

.service-list__top li {
    position: relative;
    margin-bottom: 70px
}

.service-list__top .sl-cont {
    letter-spacing: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 40
}

.service-list__top .more-btn {
    color: #fff
}

.service-list__top .more-btn i {
    color: #fff
}

.service-list__top .more-btn:after {
    background-color: #fff
}

.service-list__top .sl-pic:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.3)
}

.service-list__top .sl-pic:after {
    content: "";
    display: block;
    padding-top: 37.5%
}

.service-list__top img {
    width: 100%
}

.sl-title {
    font-size: 34px;
    color: #fff;
    margin-bottom: 32px
}

.sl-txt {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 40px;
    padding: 0 24px
}

.sl-txt p {
    font-size: 18px;
    color: #fff;
    line-height: 1.9
}

.service-list__bottom {
    letter-spacing: 1px
}

.service-list__bottom li {
    padding-top: 460px;
    margin-bottom: 70px;
    position: relative;
    background-color: rgba(245, 245, 245, 0.8)
}

.service-list__bottom .sl-pic {
    height: 100%
}

.service-list__bottom img {
    width: 100%
}

.service-list__top figure,
.service-list__bottom figure {
    overflow: hidden
}

.service-list__top img,
.service-list__top .sl-pic,
.service-list__bottom img,
.service-list__bottom .sl-pic {
    -webkit-transition: transform .6s;
    transition: transform .6s
}

.service-list__top .sl-pic,
.service-list__bottom .sl-pic {
    position: relative;
    backface-visibility: hidden
}

.slb-title {
    font-size: 34px;
    color: rgba(17, 17, 17, 0.8);
    margin-bottom: 26px
}

.slb-txt {
    margin-bottom: 50px
}

.slb-txt h3 {
    font-size: 34px;
    color: rgba(17, 17, 17, 0.8);
    margin-bottom: 26px
}

.slb-txt p {
    font-size: 14px;
    line-height: 2;
    color: rgba(17, 17, 17, 0.8)
}

.service-inner1,
.service-inner2 {
    letter-spacing: 1px;
    width: 66%;
    margin-left: auto;
    margin-right: auto
}

.service-inner1 h4 {
    font-size: 34px;
    color: rgba(17, 17, 17, 0.8);
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center
}

.service-inner1 p {
    font-size: 18px;
    line-height: 2;
    color: rgba(17, 17, 17, 0.8)
}

.service-inner2 p {
    font-size: 14px;
    color: rgba(17, 17, 17, 0.8);
    line-height: 1.5
}

.service-inner2 strong,
.service-inner2 p {
    font-weight: 700
}

@media (min-width: 769px) {
    .service-list__bottom li:nth-child(even) figure {
        left: 0
    }

    .service-list__bottom li:nth-child(even) article {
        left: 50%;
        padding: 0 60px
    }

    .service-list__bottom li:nth-child(odd) figure {
        right: 0
    }

    .service-list__bottom li:nth-child(odd) article {
        left: 0;
        padding: 0 50px
    }

    .service-list__bottom figure,
    .service-list__bottom article {
        width: 50%;
        position: absolute
    }

    .service-list__bottom figure {
        top: 0;
        height: 100%
    }

    .service-list__bottom article {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 675px
    }
}

@media (min-width: 1025px) {

    .service-list__top a:hover img,
    .service-list__top a:hover .sl-pic {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .service-list__bottom img:hover,
    .service-list__bottom .sl-pic:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .service-list__top .more-btn:hover,
    .service-list__bottom .more-btn:hover {
        color: #e60012
    }

    .service-list__top .more-btn:hover i,
    .service-list__bottom .more-btn:hover i {
        color: #e60012
    }

    .service-list__top .more-btn:hover:after,
    .service-list__bottom .more-btn:hover:after {
        background-color: #e60012
    }
}

@media (max-width: 1366px) {

    .sl-title,
    .slb-title {
        font-size: 30px
    }

    .service-inner1 h4 {
        font-size: 30px
    }

    .service-inner1 p {
        font-size: 16px
    }

    .sl-txt p {
        font-size: 16px
    }
}

@media (max-width: 1200px) {

    .sl-title,
    .slb-title {
        font-size: 26px
    }

    .service-inner1 h4 {
        font-size: 26px
    }

    .service-list__bottom li {
        padding-top: 400px
    }
}

@media (max-width: 1024px) {

    .sl-title,
    .slb-title {
        font-size: 24px
    }

    .service-inner1 h4 {
        font-size: 24px
    }

    .sl-txt p {
        font-size: 14px
    }

    .sl-title {
        margin-bottom: 24px
    }

    .slb-title {
        margin-bottom: 16px
    }

    .service-list__bottom li {
        padding-top: 380px
    }

    .service-list__bottom li:nth-child(odd) article,
    .service-list__bottom li:nth-child(even) article {
        padding: 40px 24px
    }

    .slb-txt {
        margin-bottom: 30px
    }

    .service-inner1,
    .service-inner2 {
        width: auto
    }
}

@media (max-width: 768px) {
    .slb-txt {
        max-height: 140px;
        overflow: hidden
    }

    .sl-title,
    .slb-title {
        font-size: 22px
    }

    .service-inner1 h4 {
        font-size: 22px;
        text-align: left
    }

    .service-inner1 p {
        font-size: 14px
    }

    .service-list__top .sl-cont {
        text-align: left;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background-color: #f5f5f5;
        padding: 40px 0
    }

    .service-list__top .more-btn {
        color: rgba(17, 17, 17, 0.8);
        margin-left: 24px;
        margin-right: 24px
    }

    .service-list__top .more-btn i {
        color: rgba(17, 17, 17, 0.8)
    }

    .service-list__top .more-btn:after {
        background-color: rgba(17, 17, 17, 0.8)
    }

    .service-list__top .sl-pic:before {
        display: none
    }

    .service-list__top .sl-pic:after {
        padding-top: 57.07%
    }

    .sl-title {
        color: rgba(17, 17, 17, 0.8);
        padding: 0 20px
    }

    .sl-txt {
        padding: 0 20px
    }

    .sl-txt p,
    .sl-txt h3 {
        color: rgba(17, 17, 17, 0.8)
    }

    .service-list__bottom li {
        padding-top: 0
    }

    .service-list__bottom li:last-child {
        margin-bottom: 35px
    }

    .service-list__bottom .sl-pic:after {
        content: "";
        display: block;
        padding-top: 57.07%
    }
}

@media (max-width: 500px) {

    .sl-title,
    .slb-title {
        font-size: 20px
    }

    .service-inner1 h4 {
        font-size: 20px
    }

    .service-inner2 p {
        font-size: 12px;
        line-height: 1.8
    }

    .sl-txt {
        margin-bottom: 30px
    }

    .service-list__top .sl-cont {
        padding: 30px 0
    }

    .service-list__bottom li:nth-child(odd) article,
    .service-list__bottom li:nth-child(odd) article {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.case-list__full ul {
    font-size: 0
}

.case-list__full li {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 70px
}

.ci-rows {
    margin-bottom: 70px
}

.ci-row5 {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.ci-row5 .ci-pic:after {
    content: "";
    display: block;
    padding-top: 57.14%
}

.ci-row5 .ci-title {
    margin-bottom: 10px
}

.ci-row5 .ci-title h1 {
    color: rgba(17, 17, 17, 0.8)
}

.ci-row5 .ci-txt {
    max-width: 610px
}

.ci-row5 .ci-txt h5 {
    margin-bottom: 10px
}

.ci-row5 .ci-txt p {
    font-size: 14px;
    line-height: 1.9;
    color: rgba(17, 17, 17, 0.8)
}

.ci-row5 .ci-cont {
    height: 350px;
    padding: 60px 50px 70px 50px;
    background-color: rgba(245, 245, 245, 0.8)
}

.ci-row5 .more-btn {
    margin-top: 50px
}

.ci-row10 .ci-row__main {
    position: relative
}

.ci-row10 .ci-pic:after {
    content: "";
    display: block;
    padding-top: 44.44%
}

.ci-row10 .ci-pic:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.2)
}

.ci-row10 .ci-title {
    text-align: center;
    color: #fff;
    margin-bottom: 36px
}

.ci-row10 .ci-txt {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    color: #fff
}

.ci-row10 .ci-txt h5 {
    margin-bottom: 36px
}

.ci-row10 .more-btn {
    color: #fff;
    margin-top: 70px
}

.ci-row10 .more-btn i {
    color: #fff
}

.ci-row10 .more-btn:after {
    background-color: #fff
}

.ci-row10 .pl-filtare span {
    color: #fff
}

.ci-row10 .pl-filtare span:after {
    background-color: #fff
}

.ci-row__main {
    overflow: hidden;
    position: relative;
    margin-left: 2px;
    margin-right: 2px;
    display: block
}

.ci-row__main figure {
    overflow: hidden
}

.ci-row__main:before {
    content: "";
    display: block
}

.ci-pic {
    -webkit-transition: transform 1s;
    transition: transform 1s;
    position: relative;
    backface-visibility: hidden
}

.ci-title h1 {
    line-height: 1.4;
    font-weight: 700
}

.ci-title p {
    font-size: 14px;
    line-height: 2
}

.ci-cont {
    z-index: 40
}

.ci-txt {
    letter-spacing: 1px
}

.ci-txt h4 {
    font-size: 34px;
    line-height: 1.4
}

.ci-txt h5 {
    font-size: 14px;
    line-height: 2
}

.ci-txt p {
    font-size: 18px;
    line-height: 1.9
}

.cd-banner__full {
    position: relative;
    padding-right: 29%;
    overflow: hidden
}

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

.cd-banner__slick .pic {
    height: 100vh
}

.cd-banner__slick .pic:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.2)
}

.cd-banner__slick .cont {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 0 24px;
    z-index: 100;
    letter-spacing: 1px
}

.cd-banner__slick .cont h3 {
    font-size: 56px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 22px
}

.cd-banner__slick .cont p {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    padding: 0 26px
}

.cd-banner__slick .cont p:before,
.cd-banner__slick .cont p:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 18px;
    height: 1px;
    background-color: #fff
}

.cd-banner__slick .cont p:before {
    left: 0
}

.cd-banner__slick .cont p:after {
    right: 0
}

.cd-banner__slick .slick-dots {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    text-align: center
}

.cd-banner__slick {
    width: 100%;
    padding-right: 4px
}

.cd-banner__sidebar {
    width: 29%;
    position: absolute;
    right: 0;
    top: 0;
    letter-spacing: 1px;
    z-index: 200
}

.cds-item {
    margin-bottom: 4px;
    position: relative;
    cursor: pointer
}

.cds-pic {
    position: relative
}

.cds-pic:after {
    -webkit-transition: background .4s;
    transition: background .4s;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.4)
}

.cds-txt {
    -webkit-transition: opacity .3s, visibility .2s;
    transition: opacity .3s, visibility .2s;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px
}

.cds-txt p {
    font-size: 18px;
    line-height: 1.6;
    color: #fff
}

.cds-num3 .cds-pic {
    padding-top: calc(33.33vh - 3px)
}

.cds-num4 .cds-item {
    float: left;
    width: 50%
}

.cds-num4 .cds-item:nth-child(odd) {
    padding-right: 2px
}

.cds-num4 .cds-item:nth-child(even) {
    padding-left: 2px
}

.cds-num4 .cds-pic {
    padding-top: 50vh
}

.cd-list__full {
    letter-spacing: 1px
}

.cdl-title {
    color: #111;
    line-height: 1.6;
    margin-bottom: 30px
}

.cdl-txt h4 {
    font-size: 34px;
    color: #111
}

.cdl-txt p {
    font-size: 16px;
    line-height: 2;
    color: rgba(17, 17, 17, 0.5)
}

.cdl-txt img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    margin-top: 30px
}

.cd-list__full {
    width: 66.66%
}

.cd-list__full li {
    margin-bottom: 85px
}

.cd-push__full {
    width: 26%
}

.cd-target__box {
    letter-spacing: 1px
}

.cd-target__box span {
    font-size: 18px;
    line-height: 1.4;
    color: rgba(17, 17, 17, 0.5);
    display: block;
    margin-bottom: 25px
}

.cd-target__list li {
    margin-bottom: 15px
}

.cd-target__list a {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 14px;
    line-height: 1.8;
    color: rgba(17, 17, 17, 0.8)
}

.cd-target__list .current a {
    color: #e60012
}

@media (min-width: 741px) {
    .ci-row10 .ci-cont {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 24px
    }
}

@media (min-width: 1025px) {

    .ci-row__main:hover .ci-pic,
    .ci-row__main:hover .ci-pic img {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .cd-target__list a:hover {
        color: #e60012
    }

    .cds-item:hover .cds-pic:after {
        background-color: rgba(17, 17, 17, 0)
    }

    .cds-item:hover .cds-txt {
        opacity: 0;
        visibility: hidden
    }

    .cd-push__content {
        position: relative;
        top: 0
    }

    .cd-push__content.fix {
        position: fixed;
        top: 140px;
        width: 22.4%
    }

    .ci-row10 .more-btn:hover {
        color: #e60012
    }

    .ci-row10 .more-btn:hover i {
        color: #e60012
    }

    .ci-row10 .more-btn:hover:after {
        background-color: #e60012
    }
}

@media (max-width: 1440px) {
    .cd-banner__slick .cont h3 {
        font-size: 46px
    }

    .cd-banner__slick .cont p {
        font-size: 16px
    }

    .cd-banner__slick .slick-dots {
        bottom: 30px
    }

    .cds-txt {
        padding: 0 32px
    }

    .cds-txt p {
        font-size: 16px
    }

    .cdl-title {
        margin-bottom: 30px
    }

    .ci-row5 .ci-cont {
        height: 330px;
        padding: 45px 45px 60px 45px
    }

    .case-list__full li {
        margin-bottom: 50px
    }

    .cd-push__full {
        width: 28%
    }
}

@media (max-width: 1366px) {
    .ci-txt h4 {
        font-size: 30px
    }

    .ci-txt p {
        font-size: 16px
    }

    .ci-title p {
        font-size: 16px
    }

    .ci-rows {
        margin-bottom: 50px
    }

    .ci-row5 .ci-cont {
        padding-left: 36px;
        padding-right: 36px;
        padding-top: 50px
    }

    .case-list__full li {
        margin-bottom: 50px
    }

    .cd-banner__slick .cont h3 {
        font-size: 38px;
        margin-bottom: 12px
    }
}

@media (max-width: 1300px) {
    .cd-push__full {
        width: 30%
    }
}

@media (max-width: 1200px) {
    .ci-txt h4 {
        font-size: 26px
    }

    .ci-row5 .ci-cont {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 30px
    }

    .cds-txt {
        padding: 0 20px
    }

    .cd-banner__slick .cont h3 {
        font-size: 32px
    }
}

@media (max-width: 1100px) {
    .ci-txt p {
        font-size: 14px
    }

    .ci-title p {
        font-size: 14px
    }

    .ci-row10 .ci-title {
        margin-bottom: 25px
    }

    .ci-row10 .ci-txt h5 {
        margin-bottom: 25px
    }

    .ci-row10 .more-btn {
        margin-top: 46px
    }

    .cd-banner__sidebar {
        display: none
    }

    .cd-banner__full {
        padding-right: 0
    }
}

@media (max-width: 1024px) {
    .ci-txt h4 {
        font-size: 24px
    }

    .cd-banner__slick .pic {
        height: auto;
        padding-top: 60%
    }

    .cdl-txt p {
        font-size: 14px
    }

    .cdl-title {
        margin-bottom: 24px
    }

    .cd-list__full li {
        margin-bottom: 75px
    }

    .cd-banner__slick .slick-dots {
        bottom: 20px
    }
}

@media (max-width: 900px) {

    .cd-list__full,
    .cd-push__full {
        width: 100%
    }

    .cd-target__box {
        display: none
    }

    .cd-push__full .list-toggle__full {
        margin-top: 0;
        margin-bottom: 80px
    }
}

@media (max-width: 740px) {
    .case-list__full li {
        margin-bottom: 0
    }

    .ci-row10 .ci-cont {
        background-color: #f5f5f5;
        padding: 40px 20px
    }

    .ci-row10 .ci-txt h4,
    .ci-row10 .ci-txt h5,
    .ci-row10 .ci-txt p {
        color: rgba(17, 17, 17, 0.8)
    }

    .ci-row10 .ci-title {
        color: rgba(17, 17, 17, 0.8);
        text-align: left
    }

    .ci-row10 .more-btn {
        color: rgba(17, 17, 17, 0.8)
    }

    .ci-row10 .more-btn:after {
        background-color: rgba(17, 17, 17, 0.8)
    }

    .ci-row10 .more-btn i {
        color: rgba(17, 17, 17, 0.8)
    }

    .ci-row10 .pl-filtare a,
    .ci-row10 .pl-filtare span {
        color: rgba(17, 17, 17, 0.8)
    }

    .ci-row10 .pl-filtare a:after,
    .ci-row10 .pl-filtare span:after {
        background-color: rgba(17, 17, 17, 0.8)
    }

    .ci-row5 {
        width: 100%;
        margin-bottom: 40px
    }

    .ci-row5 .ci-cont {
        height: auto;
        padding: 40px 20px
    }

    .ci-row5 .ci-cont h4,
    .ci-row5 .ci-cont h5 {
        text-align: center
    }

    .ci-cont {
        position: relative
    }
}

@media (max-width: 640px) {
    .ci-txt h4 {
        font-size: 22px
    }

    .cd-banner__slick .pic {
        padding-top: 100%
    }

    .cd-banner__slick .cont h3 {
        font-size: 26px;
        margin-bottom: 10px
    }

    .cd-banner__slick .cont p {
        font-size: 14px
    }

    .cdl-title {
        margin-bottom: 10px
    }

    .cd-list__full li {
        margin-bottom: 52px
    }

    .ci-row10 .pl-filtare a {
        width: auto;
        margin-right: 18px
    }

    .ci-row10 .pl-filtare a:after {
        right: -8px
    }

    .ci-row10 .ci-row__main:before {
        padding-top: 0
    }

    .ci-row10 .ci-pic:after {
        padding-top: 57.14%
    }

    .ci-row10 .more-btn,
    .ci-row5 .more-btn {
        margin-top: 30px
    }
}

@media (max-width: 500px) {
    .ci-txt h4 {
        font-size: 20px
    }

    .cd-banner__slick .cont h3 {
        font-size: 24px
    }

    .ci-rows .pl-filtare a,
    .ci-rows .pl-filtare span {
        width: auto;
        margin-right: 0;
        padding-right: 13px
    }

    .ci-rows .pl-filtare a:after,
    .ci-rows .pl-filtare span:after {
        right: 5px
    }
}

.about-sec__item {
    position: relative
}

.about .as-bgPic {
    background-position: left center
}

.as-bgPic {
    position: relative;
    height: 100vh
}

.as-bgPic:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.3)
}

.about-sec__item1 .as-bgPic:before,
.about-sec__item4 .as-bgPic:before,
.about-sec__item5 .as-bgPic:before {
    display: none
}

.ai-cont {
    text-align: justify;
    letter-spacing: 1px;
    color: #fff
}

.ai-cont h3 {
    font-size: 44px;
    line-height: 1.8;
    font-weight: 500
}

.ai-cont h4 {
    font-size: 24px;
    line-height: 1.8
}

.ai-cont h5 {
    font-size: 20px;
    margin-bottom: 40px;
    margin-top: 5px;
    letter-spacing: 2px
}

.ai-cont h6 {
    font-size: 16px;
    line-height: 1.8
}

.ai-cont p {
    font-size: 18px;
    line-height: 1.9
}

.ai1-cont,
.ai4-cont,
.ai5-cont {
    max-width: 950px
}

.ai1-cont .page-intro span {
    color: #fff
}

.ai2-main {
    font-size: 0;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 30px
}

.ai2-subject {
    position: relative;
    padding-left: 45%;
    width: 80%;
    margin-bottom: 40px
}

.ai2-spic,
.ai2-inner1,
.ai2-inner2,
.ai2-subject {
    display: inline-block;
    vertical-align: bottom
}

.ai2-spic {
    width: 19%;
    position: relative
}

.ai2-spic:after {
    content: "";
    display: block;
}

.ai2-spic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.ai2-inner1 {
    width: 45%;
    padding-left: 5%;
    padding-right: 24px
}

.ai2-inner1 h4 {
    font-size: 24px;
    line-height: 1.4;
    color: rgba(17, 17, 17, 0.8);
    margin-bottom: 20px;
    font-weight: 700
}

.ai2-inner1 p {
    font-size: 14px;
    line-height: 2;
    color: rgba(17, 17, 17, 0.8)
}

.ai2-inner2 {
    width: 100%;
    margin-bottom: 26px;
    margin-top: 52px;
}

.ai2-inner2 p {
    font-size: 14px;
    line-height: 1.9;
    color: rgba(17, 17, 17, 0.8)
}

.ai2-list {
    position: relative
}

.ai2-list ul {
    font-size: 0;
    margin-left: -2px;
    margin-right: -2px
}

.ai2-list li {
    display: inline-block;
    vertical-align: top;
    width: 14.285%
}

.ai2-list .item-box {
    margin-left: 2px;
    margin-right: 2px
}

.ai2-list .pic {
    position: relative;
    margin-bottom: 25px
}

.ai2-list .pic:before {
    content: "";
    display: block;
    padding-top: 90.22%
}

.ai2-list img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-bottom: 14px
}

.ai2-list span {
    font-size: 18px;
    line-height: 1.4;
    color: rgba(17, 17, 17, 0.8);
    display: inline-block;
    margin-bottom: 2px
}

.ai2-list p {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(17, 17, 17, 0.5);
    letter-spacing: 1px
}

.ai4-cont {
    margin-top: -20px
}

.about-sec__item2 .page-intro,
.about-sec__item3 .page-intro,
.about-sec__item6 .page-intro {
    position: relative;
    top: 0
}

.about-sec__item2 .ai2-main {
    top: -30px
}

.ai5-award__full {
    text-align: center
}

.ai5-award__full h4 {
    margin-bottom: 30px
}

.ai5-txt {
    margin-bottom: 80px
}

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

.ai5-award__list .slick-dots {
    margin-top: 25px
}

.ai5-award__list p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px
}

.ai6-tab {
    text-align: center;
    font-size: 0
}

.ai6-tab a {
    -webkit-transition: color ease-out .4s;
    transition: color ease-out .4s;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: rgba(17, 17, 17, 0.5);
    margin: 0 50px;
    padding-bottom: 7px;
    position: relative
}

.ai6-tab a:after {
    -webkit-transition: width ease-out .4s;
    transition: width ease-out .4s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    margin: auto;
    background-color: #e60012
}

.ai6-tab a.on {
    color: rgba(17, 17, 17, 0.8)
}

.ai6-tab a.on:after {
    width: 100%
}

.ai6-partner__slick {
    margin-left: -10px;
    margin-right: -10px;
    font-size: 0
}

.ai6-partner__slick>div {
    margin-bottom: 40px
}

.ai6-partner__slick span {
    font-size: 16px;
    font-weight: 700;
    color: rgba(17, 17, 17, 0.8);
    letter-spacing: 1px;
    display: block;
    padding: 0 10px;
    margin-bottom: 20px
}

.ai6-partner__slick .item-box {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    margin-bottom: 24px;
    overflow: hidden
}

.ai6-partner__slick .pic {
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.ai6-partner__slick .pic:before {
    content: "";
    display: block;
    padding-top: 38.87%
}

.ai6-partner__slick .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.ai6-partner__slick .slick-dots {
    text-align: center;
    margin-top: 30px
}

.ai6-partner__slick .slick-dots button:after {
    background-color: rgba(17, 17, 17, 0.3)
}

.ai6-partner__slick .slick-dots .slick-active button:after {
    background-color: #e60012
}

.ai3-year__full {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 0
}

.ay-arrow,
.ai3-year__slick {
    display: inline-block;
    vertical-align: middle
}

.ay-arrow {
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(17, 17, 17, 0.5);
    border-radius: 50px;
    position: absolute;
    top: 0
}

.ay-arrow i {
    -webkit-transition: color .4s;
    transition: color .4s;
    position: absolute;
    left: 50%;
    top: 50%;
    color: rgba(17, 17, 17, 0.5);
    font-size: 12px;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    margin-left: -6px;
    margin-top: -6px
}

.ay-prev {
    left: 0
}

.ay-next {
    right: 0
}

.ai3-year__slick {
    width: calc(100% - 56px);
    margin-left: 28px;
    margin-right: 28px;
    font-size: 0
}

.ai3-year__slick a {
    -wenkit-transition: color .4s;
    transition: color .4s;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 14px;
    color: rgba(17, 17, 17, 0.5);
    letter-spacing: 1px;
    font-family: "FutworaProTrialRegular";
    width: 100%;
    font-weight: 700;
    height: 65px;
    padding-top: 50px;
    z-index: 200
}

.ai3-year__slick .slick-slide {
    position: relative;
    text-align: center;
    height: 65px;
    cursor: pointer
}

.ai3-year__slick .slick-slide:before,
.ai3-year__slick .slick-slide:after {
    content: "";
    display: block
}

.ai3-year__slick .slick-slide:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(17, 17, 17, 0.1);
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 40
}

.ai3-year__slick .slick-slide:after {
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 7px;
    height: 7px;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    top: 26px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 60
}

.ai3-year__slick .slick-current a {
    color: rgba(17, 17, 17, 0.8)
}

.ai3-year__slick .slick-current:after {
    top: 25px;
    width: 10px;
    height: 10px;
    border: none;
    border-color: #e60012;
    background-color: #e60012
}

.ai3-list__full {
    font-size: 0;
    margin-left: -2px;
    margin-right: -2px
}

.ai3-list__full .item-box {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.ai3-list__full a {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    padding-bottom: 250px
}

.ai3-list__full a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.ai3-list__full figure {
    position: relative
}

.ai3-list__full figure:after {
    content: "";
    display: block;
    padding-top: 57.14%
}

.ai3-list__full img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.ai3-list__full article {
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #f5f5f5;
    padding: 50px 35px 65px 40px;
    letter-spacing: 1px;
    height: 250px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.ai3-list__full article:after {
    -webkit-transition: all .4s;
    transition: all .4s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #e60012
}

.ai3-list__full h1 {
    font-size: 18px;
    line-height: 1.5;
    color: #111;
    font-weight: 700;
    height: 50px;
    overflow: hidden
}

.ai3-list__full .ai3-txt {
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: justify;
    margin-top: 18px;
    height: 80px;
    overflow: hidden
}

.ai3-list__full .ai3-txt p {
    font-size: 14px;
    line-height: 1.9;
    color: #111
}

.ai2-more__full,
.ai2-mcont {
    display: none
}

.about-sec__item {
    margin-top: 70px;
    padding-top: 0px
}

.about-sec__item1.section,
.about-sec__item5.section {
    margin-top: 0;
    padding-top: 0
}

.about-sec__item4 {
    padding-top: 0;
    margin-top: 120px
}

.ai3-year__full {
    margin-top: 60px
}

@media (min-width: 1337px) {
    .ai3-list__full .item-box a:hover article {
        height: 310px;
        padding-top: 75px
    }

    .ai3-list__full .item-box a:hover article:after {
        width: 100%
    }

    .ai3-list__full .item-box a:hover .ai3-txt {
        height: 134px
    }
}

@media (min-width: 1025px) {
    .ai1-cont {
        min-height: 413px
    }

    .ai6-tab a:hover {
        color: rgba(17, 17, 17, 0.8)
    }

    .ai6-tab a:hover:after {
        width: 100%
    }

    .ai3-list__full a:hover article {
        height: 280px;
        padding-top: 40px
    }

    .ai3-list__full a:hover article:after {
        width: 100%
    }

    .ai3-list__full a:hover .ai3-txt {
        height: 136px
    }

    .ay-arrow:hover {
        background-color: #e60012;
        border-color: #e60012
    }

    .ay-arrow:hover i {
        color: #fff
    }

    .ai3-year__slick .slick-slide:hover a {
        color: rgba(17, 17, 17, 0.8)
    }

    .ai-cont {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 0 30px;
        z-index: 40
    }

    .mai-cont {
        display: none
    }

    .ai2-inner1 {
        position: absolute;
        left: 0;
        top: 0
    }
}

@media (max-width: 1800px) {
    .about-sec__item2 .ai2-main {
        top: 0
    }

    .ai4-cont {
        margin-top: 0
    }

    .ai3-year__full {
        margin-top: 60px
    }

    .ai5-cont {
        margin-top: 0
    }
}

@media (max-width: 1500px) {
    .ai2-subject {
        margin-bottom: 0
    }
}

@media (max-width: 1440px) {
    .about-sec__item {
        margin-top: 5px
    }

    .about-sec__item4 {
        margin-top: 100px
    }

    .ai-cont h4 {
        font-size: 22px
    }

    .ai-cont h5 {
        font-size: 18px
    }

    .ai-cont p {
        font-size: 16px
    }

    .ai-cont h3 {
        font-size: 40px
    }

    .ai5-txt {
        margin-bottom: 60px
    }

    .ay-arrow {
        width: 52px;
        height: 52px
    }

    .ai3-year__slick .slick-slide:before {
        top: 25px
    }

    .ai3-year__slick .slick-slide:after {
        top: 21px
    }

    .ai3-year__slick a {
        height: 60px;
        padding-top: 40px
    }

    .ai6-partner__slick .item-box {
        width: 12.5%
    }
}

@media (max-width: 1366px) {
    .ai3-list__full a {
        padding-bottom: 230px
    }

    .ai3-list__full article {
        height: 230px;
        padding: 30px 24px 46px 24px
    }

    .ai-cont h3 {
        font-size: 34px
    }

    .ai6-tab a {
        margin: 0 30px
    }

    .ai3-year__full {
        margin-top: 50px
    }

    .ai6-partner__slick .item-box {
        width: 14%
    }
}

@media (max-width: 1300px) {
    .ai2-inner1 {
        width: 27%;
        padding-left: 20px
    }
}

@media (max-width: 1200px) {
    .ai2-list ul {
        margin-bottom: -30px
    }

    .ai2-list li {
        margin-bottom: 30px;
        width: 25%
    }

    .ai3-list__full .slick-dots {
        text-align: center;
        margin-top: 20px
    }

    .ai3-list__full .slick-dots button:after {
        background-color: rgba(164, 164, 164, 0.6)
    }

    .ai3-list__full .slick-dots .slick-active button:after {
        background-color: #e60012
    }
}

@media (max-width: 1024px) {
    .ai-cont {
        color: rgba(17, 17, 17, 0.8);
        padding: 40px
    }

    .ai-cont h3 {
        font-size: 30px
    }

    .ai-cont h4 {
        font-size: 18px
    }

    .ai-cont h5 {
        font-size: 16px
    }

    .ai-cont h6 {
        font-size: 12px
    }

    .ai-cont p {
        font-size: 14px
    }

    .ai5-cont,
    .ai1-cont {
        padding-bottom: 0
    }

    .pai-title {
        display: none
    }

    .mai-cont {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        padding: 0 20px;
        color: #fff;
        letter-spacing: 1px;
        text-align: center
    }

    .mai-cont span {
        font-size: 36px;
        font-weight: 700;
        display: block;
        line-height: 1.3
    }

    .mai-cont p {
        font-size: 16px;
        margin-top: 16px;
        line-height: 1.5
    }

    .as-bgPic {
        height: auto;
        padding-top: 60%
    }

    .about-sec__item {
        margin-top: 50px
    }

    .about-sec__item4 {
        margin-top: 65px
    }

    .ai5-award__list .slick-dots button:after {
        background-color: rgba(164, 164, 164, 0.6)
    }

    .ai5-award__list .slick-dots .slick-active button:after {
        background-color: #e60012
    }

    .ai2-main {
        margin-top: 40px
    }

    .ai5-txt {
        margin-bottom: 40px
    }

    .ai5-award__full h4 {
        margin-bottom: 20px
    }

    .ai5-award__list p {
        margin-bottom: 8px
    }

    .ai5-award__list .slick-dots {
        margin-top: 25px
    }

    .ai6-partner__slick .slick-dots {
        margin-top: 10px
    }

    .ay-arrow {
        display: none;
        opacity: 0;
        visibility: hidden
    }

    .ai3-year__full {
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px
    }

    .ai3-year__full:after,
    .ai3-year__full:before {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 1px;
        top: 25px;
        background-color: rgba(17, 17, 17, 0.1)
    }

    .ai3-year__full:before {
        left: -40px
    }

    .ai3-year__full:after {
        right: -40px
    }

    .ai3-year__slick {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .ai3-list__full {
        margin-top: 40px
    }

    .ai3-list__full .slick-track {
        margin-left: 0;
        margin-right: 0
    }

    .ai3-list__full a {
        padding-bottom: 200px
    }

    .ai3-list__full h1 {
        font-size: 16px;
        max-height: 46px
    }

    .ai3-list__full article {
        height: auto;
        min-height: 200px;
        padding: 20px 26px 30px 20px
    }

    .ai3-list__full .ai3-txt {
        height: auto;
        overflow: auto
    }

    .ai2-inner2 {
        width: 100%;
        margin-top: 30px
    }

    .ai2-spic {
        width: 55%
    }

    .ai2-inner1 {
        width: 100%;
        padding-left: 10px;
        padding-right: 0;
        margin-bottom: 0
    }

    .ai2-list {
        margin-top: 70px
    }

    .ai2-list li {
        width: 33.33%
    }

    .ai2-list span {
        font-size: 16px
    }

    .ai6-partner__slick {
        margin-top: 35px
    }

    .ai2-subject {
        width: 100%
    }

    .ai2-more__full {
        text-align: center;
        margin-top: 40px;
        display: block
    }

    .ai2-more__full i {
        -webkit-transition: transform .4s;
        transition: transform .4s;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .ai2-more__full .on i {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .ai2-subject {
        padding-left: 0
    }

    .ai2-subject .ai2-inner2 {}

    .ai2-spic,
    .ai2-subject {
        vertical-align: middle
    }
}

@media (max-width: 768px) {
    .ai6-partner__slick .item-box {
        width: 20%;
        margin-bottom: 24px
    }

    .ai6-partner__slick .slick-dots {
        margin-top: 10px
    }
}

@media (max-width: 640px) {
    .ai-cont {
        padding-left: 20px;
        padding-right: 20px
    }

    .ai-cont h3 {
        font-size: 26px
    }

    .ai2-list li {
        width: 50%
    }

    .ai2-list span {
        font-size: 14px
    }

    .ai2-list p {
        font-size: 12px
    }

    .ai2-inner1,
    .ai2-spic {
        vertical-align: top
    }

    .ai2-spic {
        width: 49%
    }

    .ai2-inner1 h4 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .ai2-inner1 p {
        font-size: 12px
    }

    .mai-cont span {
        font-size: 26px
    }

    .mai-cont p {
        font-size: 14px;
        margin-top: 10px
    }

    .ai6-partner__slick .item-box {
        width: 25%
    }

    .ai3-year__full:after,
    .ai3-year__full:before {
        width: 20px
    }

    .ai3-year__full:before {
        left: -20px
    }

    .ai3-year__full:after {
        right: -20px
    }

    .as-bgPic {
        padding-top: 300px
    }
}

@media (max-width: 500px) {
    .ai-cont h3 {
        font-size: 22px
    }

    .ai6-tab a {
        margin: 0 10px
    }

    .ai6-partner__slick {
        margin-left: -5px;
        margin-right: -5px
    }

    .ai6-partner__slick .item-box {
        width: 33.33%;
        margin-bottom: 20px
    }

    .ai6-partner__slick .pic {
        margin-left: 5px;
        margin-right: 5px
    }

    .ai6-partner__slick span {
        font-size: 14px;
        margin-bottom: 15px;
        padding: 0 5px
    }
}

.error-404 {
    padding: 60px 20px;
    text-align: center
}

.error-404 h3 {
    color: rgba(17, 17, 17, 0.8);
    font-size: 30px;
    letter-spacing: .1em;
    line-height: 1.5
}

.error-404 p {
    font-size: 16px;
    letter-spacing: .05em;
    line-height: 1.5
}

@media (max-width: 1440px) {
    .error-404 h3 {
        font-size: 26px
    }

    .error-404 p {
        font-size: 15px
    }
}

@media (max-width: 1024px) {
    .error-404 h3 {
        font-size: 24px
    }
}

@media (max-width: 640px) {
    .error-404 h3 {
        font-size: 20px
    }

    .error-404 p {
        font-size: 14px
    }

    /*.icon-ad{*/
    /*    float: left;*/
    /*    font-size: 12px;*/
    /*    color: rgba(17, 17, 17, 0.5);*/
    /*        transform: scale(0.4, 0.4) rotate(-90deg)!important;*/
    /*}*/
}

.search-header h3 {
    color: rgba(17, 17, 17, 0.8);
    font-size: 24px;
    letter-spacing: .1em;
    line-height: 1.5;
    margin-bottom: 10px
}

.search-header p {
    color: rgba(17, 17, 17, 0.5);
    font-size: 18px;
    letter-spacing: .05em;
    line-height: 1.5
}

.search-header p span {
    color: #e60012
}

.search-item {
    -webkit-transition: all .4s;
    transition: all .4s;
    display: block;
    padding: 35px 30px
}

.search-item h4 {
    -webkit-transition: color .4s;
    transition: color .4s;
    color: rgba(17, 17, 17, 0.8);
    margin-bottom: .25em;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .05em
}

.search-item p {
    color: rgba(17, 17, 17, 0.5);
    font-size: 14px;
    line-height: 1.5
}

.search-item:hover {
    background-color: #f5f5f5
}

.search-item:hover h4 {
    color: #e60012
}

.list-search li {
    background-color: #f5f5f5;
    margin-bottom: 20px
}

@media (min-width: 1025px) {
    .search-item:hover {
        background-color: #f5f5f5
    }

    .search-item:hover h4 {
        color: #e60012
    }
}

@media (max-width: 1024px) {
    .search-header h3 {
        font-size: 22px;
        margin-bottom: 5px
    }

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

    .search-item h4 {
        font-size: 16px
    }

    .search-item p {
        font-size: 12px
    }
}

/*# sourceMappingURL=main.css.map */