@font-face { font-family:'AkzidenzGrotesk-BoldCondAlt'; src:url('../fonts/akzidenzgrotesk-boldcondalt.woff') format('woff'); font-weight: normal; font-style: normal;}img {border:0;}a {color:#333;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;
}a:hover{text-decoration:none;cursor:pointer;}.clear {clear:both;}.fl{float: left;}.fr{float: right;}
.js-container {position: relative;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; width:100%; top:0px;
}.js-container.active {transform:translateX(560px);-webkit-transform: translateX(560px);-moz-transform: translateX(560px);transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;-webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;-moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
}
.index-banner { margin-top:0px;position:static;width:100%;height:100vh;overflow:hidden;
}.index-banner .en {font-family:'gotham-medium';
}.index-banner .swiper-container {position: relative;width: 100%;height: 100%;
}
.index-banner .carousel-inner{position: absolute;top: -60px;right: 0;bottom: 0;left: 0;padding-top: 60px;overflow: hidden;/*cursor: -webkit-grab!important;*/

    /*cursor: grab!important;*/}.page-header-fullscreen-trame {position:absolute;left:-10%;top:-10%;width:120%;height:120%;}
@media (min-width: 768px) {.index-banner .carousel-inner{    position: absolute;    top: 0;    padding-top: 0;}}.index-banner .carousel-item {position: absolute;top: 0;right: 0;left: 0;bottom: 0;overflow: hidden;z-index: 10;opacity:0;transition: .6s opacity cubic-bezier(.19,1,.22,1);cursor: move;touch-action: pan-y;user-select: none;
}.index-banner .carousel-item .video-inner {height: 100%;overflow: hidden;position: absolute;top: 0;right: 0;bottom: 0;left: 50%;z-index: 8;width: 2560px;margin-left: -1280px;background-color: #fff;text-align: center;
}.index-banner .carousel-item .video video {position:relative;display: inline-block;vertical-align: baseline;
}.index-banner .carousel-item.carousel-item-prev {transform-origin:center right;transform: translateX(-100%);
}.index-banner .carousel-item.carousel-item-next {transform-origin:center right;transform: translateX(100%);
}.index-banner .carousel-item:active {cursor: -webkit-grab!important;cursor: grab!important;
}.index-banner .carousel-item.active {z-index: 15;opacity:1;transform-origin:center right;
}.static .carousel-item {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);cursor: default !important}
.static.is-mobile .carousel-item {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 0}.index-banner .carousel-item-inner {position: absolute;width: 100%;height: 100%;
}.carousel-item-image-wrapper {position:relative;width: 100%;height: 100%;overflow: hidden}
.carousel-item-image-wrapper:before {z-index: 20}
.carousel-item-image-wrapper:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: .2;background-color: #000;z-index: 8}
@media (min-width: 768px) {.carousel-item-image-wrapper:after {    content: none

    }}
.carousel-item-image {position: relative;height: 100%;width: 100%;overflow: hidden}
.carousel-item-image:before {opacity: .2;z-index: 20}.banner-background {position:absolute;left:0;top:0;width:100%;}.carousel-item-image img {position:relative;width: 100%;height:100%;max-width: none;z-index: 10}.index-banner .swiper-inner-text-wrap {position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;
}.carousel-item1 .page-header-fullscreen-text {background:rgba(0,0,0,.1);
}/*.carousel-item .page-header-fullscreen-text{background: -moz-linear-gradient(left, rgba(0,43,91,.6) 0%, rgba(0,43,92,.6) 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,43,91,.6)), to(rgba(0,43,92,.6))));background: -webkit-linear-gradient(left, rgba(0,43,91,.6) 0%,rgba(0,43,92,.6) 100%);background: -o-linear-gradient(left, rgba(0,43,91,.6) 0%,rgba(0,43,92,.6) 100%);background: -ms-linear-gradient(left, rgba(0,43,91,.6) 0%,rgba(0,43,92,.6) 100%);background: linear-gradient(to right, rgba(0,43,91,.6) 0%,rgba(0,43,92,.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,43,91,.6)', endColorstr='rgba(0,43,92,.6)',GradientType=1 );
}*/
.index-banner .swiper-inner-text {position:absolute;top:50%;left:12%;right:12%;width:auto;color:#fff;line-height:1.3;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);
}.index-banner .carousel-item2 .swiper-inner-text {

   text-align:left;
}.index-banner .carousel-item2 .cansual-title {font-size:48px;color:#fff;
}.index-banner .cansual-line {width:0;height:3px;margin:25px 0 20px;background:#fff;
}.index-banner .cansual-des {font-size:18px;color:#fff;line-height:1.8;
}.index-banner .carousel-item3 .cansual-des {width:50%;margin-bottom:25px;}.index-banner .carousel-item2 .cansual-des {text-align:left;font-size:38px;
}.index-banner .carousel-item .cansual-title {margin-bottom:10px;font-size:48px;color:#fff;text-align:left;
}.index-banner .carousel-item3 .cansual-item-title .en-word {display:block;padding-bottom:15px;font-family:'AkzidenzGrotesk-BoldCondAlt';font-size:84px;color:#fff;line-height:.9;
}.index-banner .carousel-item4 .swiper-inner-text {padding-left:50%;text-align:left;
}.index-banner .carousel-item4 .cansual-item-title {font-size:48px;color:#fff;
}.index-banner .carousel-item3 .cansual-des {margin-bottom:35px;
}.index-banner .cansual-item-title {position:relative;margin-bottom:15px;
}.index-banner .cansual-item-title .small-title {display:block;margin-bottom:-10px;font-size:20px;
}.index-banner .cansual-item-title .number {font:normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';color:#fff;
}.index-banner .carousel-item3 .cansual-item-title .number {padding-bottom:15px;font:normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';
}.index-banner .cansual-item-title .number .add-icon {font-size:60px;line-height:180px;vertical-align:40px;
}.carousel-item-subtitle-line {position: absolute;bottom: -10px;left: 50%;width: 32px;height: 1px;margin-left: -16px; background-color: rgba(163, 201, 74, .55);content: '';  width: 799px;
    margin-left: -400px;}
.index-banner .cansual-item-title .small-title,
.index-banner .cansual-item-title .number,
.index-banner .cansual-sub-title,
.index-banner .carousel-item .cansual-des,
.index-banner .carousel-item .cansual-line,
.index-banner .carousel-item3 .cansual-title,
.index-banner .carousel-item3 .radiu-button { font-family: AkzidenzGrotesk-BoldCondAlt;display:block;opacity: 0;transform: translate3d(0, 150%, 0);transition:all 1s;transition-delay:.2s;overflow:hidden;
}.index-banner .carousel-item2 .cansual-des {transform: translate3d(150%, 0, 0);
}.index-banner .carousel-item3 .cansual-des,
.index-banner .carousel-item3 .cansual-line,
.index-banner .carousel-item3 .cansual-title,
.index-banner .carousel-item3 .radiu-button {text-align:left;transform: translate3d(0, -150%, 0);
}.index-banner .carousel-item .cansual-line {transition-delay:.2s;}.index-banner .carousel-item3 .cansual-des {transition-delay:.4s;}.index-banner .active .cansual-item-title .small-title,
.index-banner .active .cansual-item-title .number,
.index-banner .active .cansual-sub-title,
.index-banner .carousel-item.active .cansual-des,
.index-banner .carousel-item3.active .cansual-title,
.index-banner .carousel-item.active .cansual-line,
.index-banner .carousel-item3.active .radiu-button{opacity: 1;transform: none;
}.index-banner .carousel-item2 .cansual-title{opacity:0;transform: matrix(1, 0, 0, 1, 0, -80);-webkit-transform: matrix(1, 0, 0, 1, 0, -80);-moz-transform: matrix(1, 0, 0, 1, 0, -80);transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;}.index-banner .carousel-item2.active .cansual-title {opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-moz-transform: matrix(1, 0, 0, 1, 0, 0);
}.index-banner .carousel-item .cansual-line {

   width:45px;
}.index-banner .carousel-item3 .radiu-button {color:#fff;text-align:center;border:1px solid #fff;background:transparent;}.index-banner .carousel-item3 .radiu-button:hover {color:#333;background:#fff;}
.carousel-item-subtitle-line-timer {position: absolute;top: 0;left: 0;background-color: #a3c94a;display: block;height: 100%;-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;
}.active .carousel-item-subtitle-line-timer {animation:linewidth 19s;-moz-animation:linewidth 19s;-webkit-animation:linewidth 19s;-o-animation:linewidth 19s;animation-delay:1s;-webkit-animation-delay:1s;
}@keyframes linewidth

{from {width:0;}    to {width:100%;}}
@-moz-keyframes linewidth

{from {width:0;}    to {width:100%;}}
@-webkit-keyframes linewidth

{from {width:0;}    to {width:100%;}}
@-o-keyframes linewidth

{from {width:0;}    to {width:100%;}}.page-header-fullscreen-text{position: absolute;top: 50%;right: 0;left: 0;text-align: center;z-index: 25}
.collapsing .page-header-fullscreen-text {transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1);transition: .8s transform cubic-bezier(.19, 1, .22, 1)}
@media (min-width: 768px) {.page-header-fullscreen-text {    padding-top: 100px;    -webkit-transform: none;    -ms-transform: none;    transform: none }
.page-header-fullscreen-text:before {    position: absolute;    display: block;    content: "";    width: 0;    height: 0;    background-color: transparent;    border-radius: 100px;    box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);    left: 50%;    top: 50%

    }}
@media (min-width: 768px) and (max-height: 750px) {/*.page-header-fullscreen-text {*/

    /*bottom: 150px*/

    /*}*/}
@media (min-width: 768px) and (min-height: 900px) {/*.page-header-fullscreen-text {*/

    /*bottom: 250px*/

    /*}*/}
.index-banner .cansual-sub-title span {display:block;font-size:20px;line-height:32px; font-weight:400;
}.page-header-bar {position: absolute;right: 0;left:0;bottom: 0;height: 80px;line-height: 80px;z-index: 55;transform-origin: bottom;-webkit-transform-origin: bottom;-moz-transform-origin: bottom;transform: rotateX(0deg) translate3d(0,0,0);-webkit-transform: rotateX(0deg) translate3d(0,0,0);-moz-transform: rotateX(0deg) translate3d(0,0,0);transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;-moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}.page-header-bar.active {transform: rotateX(90deg) translate3d(0,0,0);-webkit-transform: rotateX(90deg) translate3d(0,0,0);-moz-transform: rotateX(90deg) translate3d(0,0,0);
}
@media (min-width: 768px) {.page-header-collapsed .page-header-bar {    visibility: hidden;    transition: none }
.page-header-bar:after {    content: "";    position: absolute;    left: 0;    bottom: -70px;    height: 70px;    width: 100%;    background-color: #fff }
.page-header-bar-hidden .page-header-bar:after, .static.home .page-header-bar:after {    transition: visibility .4s steps(1, end);    visibility: hidden }
.no-transition .page-header-bar:after {    transition: none }
.page-header-collapsed .page-header-bar:after {    visibility: hidden;    transition: none   }}
@media (min-width: 1200px) {.page-header-bar {    height: 80px;    line-height: 100px;    margin-top: -80px;}}
.page-header-bar-inner {transition: -webkit-transform .4s;transition: transform .4s;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom}
.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {transition: visibility .4s steps(1, end), -webkit-transform .4s;transition: visibility .4s steps(1, end), transform .4s;visibility: hidden;-webkit-transform: rotateX(94deg) rotateZ(0);transform: rotateX(94deg) rotateZ(0)}
.no-transition .page-header-bar-inner {transition: none}
.page-header-collapsed .page-header-bar-inner {visibility: hidden;transition: none}
@media (min-width: 768px) {.page-header-bar-inner {    position: absolute;    width: auto;    height: 100%;    right:4.5%;    left:4.5%;}}
.carousel-bar-inner {width: 100%;height: 100%}
@media (min-width: 768px) {.carousel-bar-inner {    width: auto

    }}.carousel-bar-title-word {padding-left:75px;font-size:12px;color:#666;
}
@media (max-width:991px) {.carousel-bar-title {position:relative;height:100%;}    .carousel-bar-title-word{position:absolute;top:50%; width:40%; padding-left:4.5%;line-height:1.5;transform:translateY(-50%);}}.carousel-scroll-btn {z-index:56;position:absolute;left:50%;width:44px;height:44px;margin-left:-22px;border:1px solid #fff;border-radius:100%;overflow:hidden;cursor:pointer;
}.carousel-scroll-btn .carousel-scroll-btn-icon {position:absolute;display:block;width:44px;height:44px;margin:0 auto;background:url(../images/down-icon2.png) no-repeat center center;cursor:pointer;animation: downico 1.5s ease-out infinite;
}@keyframes downico {0% {    top: 0;    opacity: 1;}    35% {    top: 50%;    opacity: 0;}    65% {    top: -50%;    opacity: 0;}    100% {    top: 0;    opacity: 1;}}.carousel-controls {position:absolute;right:0;top:0;width:330px;height:80px;background: none;
}.carousel-controls .count {position:absolute;left:0;width:135px;padding-left:35px;font:bold 16px/80px 'Gotham-Book';color:#999;
}.carousel-controls .count span {display:inline-block;padding:0 3px;
}.carousel-controls .count .current {color:#333;}.carousel-controls .controls {position:absolute;right:0;}.carousel-controls .carousel-line {z-index:1;position:absolute;left:50%;top:20px;display:block;width:1px;height:30px;background:#e5e5e5;
}.carousel-controls .carousel-control {float:left;width:60px;height:60px;cursor:pointer;
}

.carousel-scroll-btn {bottom:36px;}    .carousel-controls .carousel-control {width:80px;  height:80px;}}.carousel-controls .swiper-button-next,
.carousel-controls .swiper-button-prev {position:relative;width:100%;height:100%;overflow:hidden;
}.carousel-controls .swiper-button-line {z-index:1;position:absolute;top:31px;left:35px;display:block;width:10px;height:18px;transition: all .45s ease-out 0s;-webkit-transition: all .45s ease-out 0s;-moz-transition: all .45s ease-out 0s;
}.carousel-controls .swiper-button-prev .swiper-button-line {background:url(../images/left-icon3.png) no-repeat center center;}.carousel-controls .swiper-button-next .swiper-button-line {margin-left:1px;background:url(../images/right-icon3.png) no-repeat center center;}.carousel-controls .swiper-button-prev:hover .swiper-button-line{ left: 25px;}.carousel-controls .swiper-button-next:hover .swiper-button-line{ left: 44px;}.carousel-controls .swiper-button:after{content:'';position:absolute;top:39px;display:block;width: 14px;height: 2px;background-color: #333;-webkit-transition: -webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;transition: transform .45s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform: scale(0,1);transform: scale(0,1);
}.carousel-controls .swiper-button-prev:after {left:28px;}.carousel-controls .swiper-button-next:after {right:28px;}
@media (min-width: 1200px)
.carousel-item-subtitle-line {
    width: 799px;
    margin-left: -400px;
}