m@font-face {
    font-family: "FutworaProTrialMedium";
src:url(../../../en/default/assets/fonts/FutworaProTrialMedium/FutworaProTrialMedium.eot~1574073017.eot7');src:url(https://jaid.cn/themes/en/default/assets/fonts/FutworaProTrialMedium/FutworaProTrialMedium.eot?&1574073017#iefixx') format('embedded-opentype'), url(../../../en/default/assets/fonts/FutworaProTrialMedium/FutworaProTrialMedium.woff2~1574073017.woff27') format('woff2'),url(../../../en/default/assets/fonts/FutworaProTrialMedium/FutworaProTrialMedium.woff~1574073017.woff7') format('woff'), url(../../../en/default/assets/fonts/FutworaProTrialMedium/FutworaProTrialMedium.ttf~1574073017.ttf7') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:"HelveticaBold";src:url(../../../en/default/assets/fonts/HelveticaBold/HelveticaBold.eot~1574073017.eot7');
src:url(https://jaid.cn/themes/en/default/assets/fonts/HelveticaBold/HelveticaBold.eot?&1574073017#iefixx') format('embedded-opentype'),url(../../../en/default/assets/fonts/HelveticaBold/HelveticaBold.woff2~1574073017.woff27') format('woff2'), url(../../../en/default/assets/fonts/HelveticaBold/HelveticaBold.woff~1574073017.woff7') format('woff'),url(../../../en/default/assets/fonts/HelveticaBold/HelveticaBold.ttf~1574073017.ttf7') format('truetype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "FutworaProTrialRegular";
src:url(../../../en/default/assets/fonts/FutworaProTrialRegular/FutworaProTrialRegular.eot~1574073017.eot7');src:url(https://jaid.cn/themes/en/default/assets/fonts/FutworaProTrialRegular/FutworaProTrialRegular.eot?&1574073017#iefixx') format('embedded-opentype'), url(../../../en/default/assets/fonts/FutworaProTrialRegular/FutworaProTrialRegular.woff2~1574073017.woff27') format('woff2'),url(../../../en/default/assets/fonts/FutworaProTrialRegular/FutworaProTrialRegular.woff~1574073017.woff7') format('woff'), url('../../../en/default/assets/fonts/FutworaProTrialRegular/FutworaProTrialRegular.ttf~1574073017.ttf7') 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
}
.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: 50px;
    margin-left: 7.8%;
    position: relative;
    z-index: 100
}
.logo img {
    -webkit-transition: all .6s;
    transition: all .6s;
    height: 100%;
    width: auto
}
.logo .lw {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden
}
.navigation .nav-list>li {
    margin-left: 20px
}
.header-sub {
    margin-left: 30px;
    position: relative;
    top: 2px
}
.hd-lang {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 14px;
    font-family: "FutworaProTrialMedium";
    color: rgba(17,17,17,0.8)
}
.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 .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: 32px;
    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
}

 
.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: 20px;
    font-size: 0;
    width: 100%;
    text-align: right;
    padding-right: 5.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: 320px;
    position: relative
}
.meganav-subnav__content li {
    display: inline-block;
    vertical-align: top;
    width: 135px;
    margin: 0 32px 35px 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: 665px;
    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: 10.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: 50px
}
.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: 85px
}
.pro-content__item {
    padding-right: 15px;
    width: 30%;
    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: 25px
}
.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: 30px
}
.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: 30px
}
.pro-list__cols-three {
    display: none;
    padding-top: 20px
}
.pro-content__item {
    padding-bottom: 20px
}
.pro-content__item:last-child {
    padding-bottom: 0
}
}

@media (max-width: 668px) {
.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: 30px;
    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: 50px;
    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: 120px
}
.fm-left__list li:nth-child(1) dd {
    width: 120px
}
.fm-left__list li:nth-child(2) {
    width: 120px
}
.fm-left__list li:nth-child(2) dd {
    width: 120px
}
.fm-left__list li:nth-child(3) {
    width: 120px
}
.fm-left__list li:nth-child(4) {
    width: 120px
}
.fm-left__list li:nth-child(4) dd {
    width: 120px
}
.fm-left__list li:nth-child(5) {
    width: 120px
}
.fm-left__list li:nth-child(5) dd {
    width: 120px
}
.fm-left__list li:nth-child(6) {
    width: 120px
}
.fm-left__list li:nth-child(6) dd {
    width: 120px
}
.fm-left__list li:nth-child(7) {
    width: 120px
}
.fm-left__list li:nth-child(7) dd {
    width: 120px
}
.fm-left__list li:nth-child(8) {
    width: 120px
}
.fm-left__list li:nth-child(8) dd {
    width: 120px
}
.fm-left__list li:nth-child(9) {
    width: 120px
}
.fm-left__list li:nth-child(9) dd {
    width: 120px
}
.fm-left__list li:nth-child(10) {
    width: 120px
}
.fm-left__list li:nth-child(10) dd {
    width: 120px
}
.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: 30%
}
.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(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: 82px
}
.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: 16px;
    font-family: "FutworaProTrialMedium";
    color: rgba(17,17,17,0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 1px;
    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: 5px;
 
    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: 2px;
    font-size: 14px;
    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: 0px
}
.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(arrow-l.png) no-repeat center center;
    background-size: 18px 28px
}
.slick-arrow:not(.ay-arrow) .ir-arrow {
    background: url(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 10px;
    z-index: 10
}
.page-bgPic .cont span {
    font-size: 42px;
    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(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: 60px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 1.2;
    font-weight: 800
}
.ib-cont p {
    text-align:  center;
    font-size: 24px;
    color: #fff;
    line-height: 1.6
}
.ib-cont .more-btn {
    font-size: 14px;
    color: #fff;
    padding-right: 25px;
    margin-top: 100px
}
.ib-cont .more-btn i {
    color: #fff;
    top: -1px;
    font-size: 14px
}
.ib-cont .more-btn:after {
    background-color: #fff
}
.ib-txt {
    text-align: center;
}
.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: 0px;
	
}
.ic3-cont span {
    font-size: 16px;
    color: rgba(17,17,17,0.8);
    margin-bottom: 15px;
	text-align: left;
    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.2;
    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: 72px;
    text-align: center
}
.ib-cont p {
    font-size: 24px
}
.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: 5px
}
.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: 860px;
    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: 750px
}
}

@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: 21px;
    line-height: 2.2
}
.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: 22%;
    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;
    padding-top: 115.13%
}
.ai2-spic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}
.ai2-inner1 {
    width: 22%;
    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
}
.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.28%;
    margin-bottom: 40px
}
.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
}

@media (min-width: 1025px) {
.about-ai2-spic {
    width: 10%;
    width: 14%;
    vertical-align: top;
    top: 5px
}
.about-ai2-subject {
    width: 89%;
    width: 85%;
    vertical-align: top;
    padding-left: 18%
}
.about-ai2-subject .ai2-inner1 {
    padding-left: 1%;
    padding-right: 10px;
    width: 18%
}
.about-ai2-subject .ai2-inner2 {
    display: block
}
}
.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 {
    margin-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: 105px;
    padding-top: 15px
}
.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: 615px
}
.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: 85px
}
.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 {
    display: none;
    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: 44%
}
.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 {
    display: none
}
.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
}
}
.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 */