@charset "UTF-8";

@font-face {font-family: 'AkzidenzGrotesk-BoldCondAlt';src: url('../fonts/AkzidenzGrotesk-BoldCondAlt.otf') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Gotham-Bold';src: url('../fonts/gotham-bold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Gotham-Book';src: url('../fonts/gotham-book.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'gotham-medium';src: url('../fonts/gotham-medium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sheepsansbold';src: url('../fonts/sheepsansbold.ttf') format('woff');font-weight: normal;font-style: normal;}
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {margin: 0;padding: 0;border: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
body {font-family: 'Microsoft Yahei';font-size: 12px;overflow-x: hidden;overflow-y: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;}
input, textarea, button {padding: 0;font-family: Verdana, Arial;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
img {border: 0;vertical-align: middle;max-width: 100%;}
input[type=submit], input[type=text], button {appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;cursor: pointer;}
input:focus, textarea:focus, button:focus, input:active {outline-color: transparent;border: 0;}
select, input, select, textarea {vertical-align: middle;outline: none;-webkit-tap-highlight-color: transparent;}
ul, ol, li {list-style-type: none;}
a {color: #333;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;cursor: pointer;}
a:active {text-decoration: none;}
.hidden {display: none;visibility: hidden;}
.wrap {border: 0;padding: 0;margin: 0 auto;*zoom: 1;position: relative;}
.wrap:after {clear: both;content: "";display: table;}
.clear {clear: both;font-size: 0;line-height: 0;height: 0;visibility: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.wrap:after,
.wrap:before,
.container:after,
.container:before {content: "";display: table;}
.wrap:after,
.container:after {clear: both;}
.container {width: 80%;margin: 0 auto;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.absolute {position: absolute;}
.pors {position: relative;}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.hide {opacity: 0;}
.en {font-family: 'gotham-medium';}
nav li, .index-banner li, .item-list li, .inner-tab li {list-style-type: none;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #6f6f6f;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #6f6f6f;}

body {letter-spacing:0.5px;}
/*header*/
header {position: absolute;z-index: 9991;top: 0;left: 0;width: 100%;transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;-webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;-moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;}
.header-inner {width: 100%;position: relative;}
header .logo {position: absolute;left: 40px;top: 20px;z-index:200;}
header .right-side {position: relative;width: 100%;text-align: center;}
header .right-side li {margin: 0 23px;display: inline-block;}
header .right-side li a {font-size: 16px;color: #fff;line-height: 36px;position: relative;padding: 28px 0 6px;display: block;}
header .right-side li a:after {content: '';bottom: 0;position: absolute;display: block;width: 0;height: 1px;background: #fff;transition: all .4s;}
header .right-side li.on a:after,
header .right-side li a:hover:after {width: 100%;}
.header-phone-number {position: absolute;right: 40px;top: 28px;font-size: 22px;line-height: 36px;color: #fff;background: url(/images/icon6.png) left center no-repeat;padding-left: 30px;font-family: Arial;}
.js-container {position: relative;/*overflow-x: hidden;*//*overflow-y: auto;*/overflow:hidden;-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;}
footer {overflow: hidden;}
.top-foot {width: 100%;min-height: 260px;
        height: 260px;padding: 60px 160px 0;background: #222;display: table;}
.top-foot li {width: 20%;color: #fff;font-size: 14px;line-height: 28px;float: left;}
.top-foot li .ewm {width: 100px;float: left;margin-right: 10px;}
.top-foot li .titles {font-weight: bold;padding-top: 22px;}
.top-foot li .txt {}
.top-foot li .txt a {color: #fff;}
.friend-link {width: 100%;background: #fff;padding: 41px 160px 21px;}
.friend-link a {display: inline-block;color: #666;line-height: 30px;margin-right: 24px;transition: all ease .3s;
        }
.friend-link span {display: inline-block;color: #666;line-height: 30px;margin-right: 24px;transition: all ease .3s;
        }
.friend-link a:hover {color: #000;}
/*fixed-contact*/
.fixed-contact-wrap {z-index: 999;position: fixed;right: 30px;top: 75%;width: 60px;margin-top: -90px;overflow: hidden;border-radius: 30px;opacity: 0;transition: all .4s;transform: translateX(95px);-webkit-transform: translateX(95px);-moz-transform: translateX(95px);}
.fixed-contact-wrap.show {transform: none;opacity: 1;}
.fixed-contact-wrap.active {width: 215px;}
.fixed-contact-wrap li {position: relative;height: 60px;background: #222;overflow: hidden;}
.fixed-contact-wrap.active li {overflow: inherit;}
.fixed-contact-wrap li a {position: relative;z-index: 1000;display: block;}
.fixed-contact-wrap li i {z-index: 1000;position: absolute;right: 0;display: block;width: 60px;height: 60px;transition: all .4s;}
.fixed-contact-wrap.active li:after {z-index: 1001;content: '';position: absolute;bottom: 0;left: 50%;display: block;width: 80%;height: 1px;margin-left: -40%;background: rgba(255,255,255,.1);}
.fixed-contact-wrap.active li:last-child:after {display: none;}
/*.fixed-contact-wrap li:hover i, .fixed-contact-wrap li:hover strong {opacity: .5;
}*/

.fixed-contact-wrap .phone i {background: #222 url(/images/icon5.png) no-repeat center center;border-top-left-radius: 30px;-moz-border-top-left-radius: 30px;-webkit-border-top-left-radius: 30px;border-top-right-radius: 30px;-moz-border-top-right-radius: 30px;-webkit-border-top-right-radius: 30px;}
.fixed-contact-wrap .qq i {background: #222 url(/images/icon6.png) no-repeat center center;}
.fixed-contact-wrap .back-top i {background: #222 url(/images/icon7.png) no-repeat center center;}
.fixed-contact-wrap.active .back-top i {border-bottom-left-radius: 0;-moz-border-bottom-left-radius: 0;-webkit-border-bottom-left-radius: 0;}
.fixed-contact-wrap li strong {position: absolute;top: 0;right: -145px;display: block;width: 125px;padding: 0 15px 0 30px;font: normal 16px/60px 'gotham-medium';color: #fff;background: #222;white-space: nowrap;transition: all .4s;}
.fixed-contact-wrap.active li strong {right: 60px;}
.fixed-contact-wrap.black li {background: #111;}
.fixed-contact-wrap.black li strong {background: #111;}
/*.fixed-contact-wrap.black .phone i {background: #111 url(/images/fix-icon1.png) no-repeat center center;}
.fixed-contact-wrap.black .qq i {background: #111 url(/images/fix-icon2.png) no-repeat center center;}
.fixed-contact-wrap.black .back-top i {background: #111 url(/images/fix-icon3.png) no-repeat center center;
}*/

@media(max-width:1400px) {.fixed-contact-wrap {right: 15px;width: 50px;border-radius: 25px;}
.fixed-contact-wrap.active {width: 200px;}
.fixed-contact-wrap li {height: 50px;}
.fixed-contact-wrap li i {width: 50px;height: 50px;}
.fixed-contact-wrap li strong {right: -120px;width: 100px;padding: 0 15px 0 20px;font: normal 14px/50px 'gotham-medium';}
.fixed-contact-wrap.active li strong {right: 70px;}}
@media(max-width:1200px) {.top-footer .logo {width: 15%;}
.top-footer .logo img {width: 80px;}
.top-footer .bottom-item-wrap {width: 100%;}
.top-footer .each-item dl {width: 95%;padding-right: 5%;}}
.mb15 {margin-bottom: 1%;}
footer .wrap .gotop {display: none;}
.index-banner {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: 0;top: 0;width: 100%;height: 100%;}
@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;/*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;}
.index-banner .carousel-item1 img {width:100%;position:absolute;left:0;top:0;-moz-transition: all 4.5s linear;
    -o-transition:  all 4.5s linear;
    transition: all 4.5s linear;}
.index-banner .carousel-item1.active img {top:-200px;}
.index-banner .carousel-item2 .bg-img {width:100%;position:absolute;left:0;top:0;}
.index-banner .carousel-item2 .img-box {width:1600px;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;}
.index-banner .carousel-item2 .img-box .img1 {width:143px;height:286px;position:absolute;left:647px;top:532px;background:url(/images/004.png) top center no-repeat;background-size:100%;padding:10px;z-index:3;}
.index-banner .carousel-item2 .img-box .img1 img {width:100%;opacity:0;transition:all ease .3s;transition-delay:1.5s;}
.index-banner .carousel-item2.active .img-box .img1 img {opacity:1;}
.index-banner .carousel-item2 .img-box .img2 {width:332px;height:391px;position:absolute;right:-44px;top:447px;background:url(/images/005.png) top center no-repeat;background-size:100%;padding:23px 35px 0 35px;z-index:3;}
.index-banner .carousel-item2 .img-box .img2 img {width:100%;opacity:0;transition:all ease .3s;transition-delay:1s;}
.index-banner .carousel-item2.active .img-box .img2 img {opacity:1;}
.index-banner .carousel-item2 .img-box .img3 {width:760px;height:755px;position:absolute;top:184px;right:160px;background:url(/images/006.png) top center no-repeat;background-size:100%;padding:20px;}
.index-banner .carousel-item2 .img-box .img3 img {width:100%;opacity:0;transition:all ease .3s;transition-delay:.5s;}
.index-banner .carousel-item2.active .img-box .img3 img {opacity:1;}
@media(max-width:1680px) {.index-banner {height: auto;}.index-banner .carousel-item2 .img-box .img1 {width:100px;height:286px;position:absolute;left:667px;top:502px;padding:7px;}.index-banner .carousel-item2 .img-box .img2 {width:182px;height:391px;position:absolute;right:180px;top:447px;padding:13px 25px 0 25px;}.index-banner .carousel-item2 .img-box .img3 {width:36%;position:absolute;top:22%;right:18%;padding:20px 10px;}
}
.index-banner .carousel-item3 .bg-img {width:100%;position:absolute;left:0;top:0;}
.index-banner .carousel-item3 .img-box {width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.index-banner .carousel-item3 .img-box li {
    position: absolute;
    width: 100%;
    height: 100%; }
.index-banner .carousel-item3 .img-box li img {
      width: 100%;
      height: 100%; }
.index-banner .carousel-item3 .img-box .img1 {
    z-index: 2; top:-20px;position:absolute;}
.index-banner .carousel-item3 .img-box .img2 {
    z-index: 3; right:-20px;position:absolute;}
/*.index-banner .carousel-item2.active img,.index-banner .carousel-item3.active img {-webkit-transform:  scale(1.2) ; 
    -moz-transform: scale(1.2) ; 
    -ms-transform: scale(1.2);     
    -o-transform:  scale(1.2) ; 
    transform:  scale(1.2);
}*/
.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:url(/images/bannerbg.png) center center no-repeat;background-size:cover;}
/*.carousel-item .page-header-fullscreen-text{
    background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
    background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );
}*/
.index-banner .swiper-inner-text {position: absolute;top: 50%;left: 8.6%;/*right: 12%;*/width: auto;color: #fff;line-height: 1.3;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index-banner .carousel-item1 .swiper-inner-text {text-align: left;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {font-size:36px;line-height:60px;}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des span {font-size:48px;display:block;margin-bottom:10px;}
.index-banner .carousel-item .link {width:135px;height:50px;background:#222 url(/images/icon22.png) 95px center no-repeat;display:block;font-size:14px;line-height:50px;color:#fff;font-family: 'sheepsansbol';padding-left:20px;margin-top:48px;}
.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 {font-size:36px;line-height:60px;}
.index-banner .carousel-item3 .cansual-des .s1 {font-size:48px;line-height:78px;font-family: 'gotham-medium';}
.index-banner .carousel-item2 .cansual-des {text-align: left;font-size: 22px;}
.index-banner .carousel-item2 .cansual-des .s1 {font-size:30px;font-family: 'gotham-medium';}
.index-banner .carousel-item2 .cansual-des .s2 {font-size:48px;font-weight:bold;display: block;}
.index-banner .carousel-item3 .cansual-des .s2 {font-size:48px;font-weight:bold;display: block;}
.index-banner .carousel-item .cansual-title {margin-bottom: 10px;font-size: 40px;font-weight:bold;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: 22px;line-height: 36px;}
.index-banner .cansual-item-title .number {font: normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';color: #fff;letter-spacing:3px;margin-left:-6px;}
.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: 0;left: 0;width: 30px;height: 3px;background-color: #fff;content: '';}
.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 {display: block;opacity: 0;transform: translate3d(-150%, 0, 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: #fff;display: block;height: 100%;-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;}
.active .carousel-item-subtitle-line-timer {animation: linewidth 5s;-moz-animation: linewidth 5s;-webkit-animation: linewidth 5s;-o-animation: linewidth 5s;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%;}
}*/

.index-banner .cansual-sub-title span {display: block;font-size: 20px;line-height: 32px;}
.page-header-bar {position: absolute;right: 0;left: 0;bottom: 0;height: 70px;line-height: 70px;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);
}*/

.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;}
.carousel-bar-inner {width: 100%;height: 100%;}
.carousel-bar-title-word {padding-left: 75px;font-size: 12px;color: #666;}
.carousel-scroll-btn {z-index: 56;position: absolute;bottom: 50px;left: 160px;width: 52px;height: 52px;border: 1px solid #fff;border-radius: 100%;overflow: hidden;cursor: pointer;}
.carousel-scroll-btn .carousel-scroll-btn-icon {position: absolute;display: block;width: 52px;height: 52px;margin: 0 auto;background: url(/images/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: 465px;height: 70px;background: rgba(255,255,255,.6);}
.carousel-controls .count {position: absolute;left: 0;width: 180px;padding-left: 66px;font: bold 18px/80px 'gotham-medium';color: #999;}
.carousel-controls .count span {display: inline-block;}
.carousel-controls .count .current {color: #222;}
.carousel-controls .controls {position: absolute;left: 180px;}
.carousel-controls .carousel-line {z-index: 1;position: absolute;left: 50%;top: 18px;display: block;width: 1px;height: 35px;background: #e5e5e5;opacity:.3;}
.carousel-controls .carousel-control {float: left;width: 70px;height: 70px;cursor: pointer;}
.carousel-controls .swiper-button-next,
.carousel-controls .swiper-button-prev {position: relative;width: 100%;height: 100%;overflow: hidden;background: none;top: 0;margin-top: 0;}
.carousel-controls .swiper-button-line {z-index: 1;position: absolute;top: 0;display: block;width: 25px;height: 100%;overflow: hidden;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{left: initial;}
.carousel-controls .swiper-button-next{right: initial;}
.carousel-controls .swiper-button-prev .swiper-button-line {background: url(/images/icon4.png) no-repeat left center;left: 15px;}
.carousel-controls .swiper-button-next .swiper-button-line {background: url(/images/icon3.png) no-repeat right center;right: 15px;}
.carousel-controls .swiper-button-prev:hover .swiper-button-line {width: 35px;}
.carousel-controls .swiper-button-next:hover .swiper-button-line {width: 35px;}
/*.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-controls .swiper-button:hover:after{
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
    }
}*/

.index-page-block {/*z-index:99;*//*position:relative;*/background: #fff;}
.index-service {position: relative;padding: 90px 0 100px;overflow: hidden;}

.index-customer .index-title .big-title .big {background: #fff;}
.swiper-slide-text-scroll {position: relative;}
.radiu-button {z-index: 2;position: relative;display: block;width: 215px;height: 60px;font: normal 16px/60px 'gotham-medium';text-align: center;background: #fff;border: 1px solid #fff;border-radius: 30px;transition: all .4s ease-in-out;overflow: hidden;}
.radiu-button:hover {color: #fff;background: #000;border-color: #000;}
.radiu-button:hover:after {transform-origin: center bottom;transform: scaleY(1);}
.ourwork-mobile-images-scroll .work-buttons .iconfont {background: transparent;}
.ourwork-mobile-images-scroll .work-buttons .iconfont:after {background: #fff;}
.index-data {position: relative;overflow: hidden;}
.index-data .video{display: block;}
.index-data .wrap {z-index: 1;position: relative;background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );}
.index-data .index-data-list {width: 1140px;margin: 0 auto;padding: 180px 0;}
.data-background {position: absolute;top: 0;left: 0;display: block;width: 100%;}
.index-data .item {float: left;width: 33.33%;height: 240px;}
.index-data .item-inner {position: relative;height: 240px;text-align: center;border-right: 1px solid rgba(255,255,255,.2);}
.index-data .item:nth-child(3n) .item-inner {border-right: 0;}
.index-data .item:first-child .item-inner,
.index-data .item:nth-child(2) .item-inner,
.index-data .item:nth-child(3) .item-inner {border-bottom: 1px solid rgba(255,255,255,.2);}
.index-data .text-wrap {position: absolute;top: 50%;width: 100%;font-size: 16px;color: #fff;transform: translateY(-50%);}
.index-data .text-wrap .number-wrap {display: block;font: normal 108px/1 'AkzidenzGrotesk-BoldCondAlt';color: #fff;letter-spacing:2px;}
.index-data .text-wrap .number-wrap .icon {display: inline-block;font-size: 72px;vertical-align: 13px;}
.index-tips {width: 770px;margin: 0 auto 60px;font-size: 14px;color: #666;line-height: 1.8;text-align: center;}
.index-customer .wrap {padding: 90px 10%;}
.index-customer-list {transform: translateY(50px);-webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s;-ms-transition: all .8s ease-in-out 0s;-o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;overflow: hidden;}
.index-customer.active .index-customer-list {transform: none;}
.index-customer-list li {position: relative;float: left;width: 20%;height: 200px;padding: 27px 0;text-align: center;-webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s;-ms-transition: all .8s ease-in-out 0s;-o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;transition-delay: .5s;}
/*.index-customer-list .item600 {top:600px;}*/
/*.index-customer-list .item450 {top:450px;}*/
/*.index-customer-list .item550 {top:550px;}*/
/*.index-customer-list .item400 {top:400px;}*/
/*.index-customer-list .item300 {top:300px;}*/
/*.index-customer-list .item700 {top:700px;}*/
.index-customer.active .index-customer-list li.item {top: 0;}
.index-customer-list .item-inner {display: block;width: 100%;height: 145px;border-left: 1px solid #e6e6e6;}
.index-customer-list li:nth-child(5n +1) .item-inner {border-left: 0;}
.index-customer-list li:nth-child(5n +1) .lt-dot,
.index-customer-list li:nth-child(5n +1) .lb-dot,
.index-customer-list li:nth-child(5n) .rt-dot,
.index-customer-list li:nth-child(5n) .rb-dot {display: none;}
.index-customer-list li:nth-child(5n) .item-inner {}
.index-customer-list li a {position: absolute;top: 0;left: 50%;display: block;width: 80%;height: 200px;margin-left: -40%;}
.index-customer-list li.double-item a {border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.index-customer-list li img {position: absolute;top: 50%;left: 50%;display: block;margin-left: -75px;transition: all .5s linear 10ms;}
.index-customer-list li img:first-child {}
.index-customer-list li img:last-child {opacity: .6;}
.index-customer-list li:hover img:last-child,
.index-customer-list li img:first-child {opacity: 0;transform: translateY(-50%) rotateY(180deg);}
.index-customer-list li img,
.index-customer-list li:hover img:first-child {opacity: 1;transform: translateY(-50%) rotateY(0deg);}
.index-customer-list .dot {position: absolute;display: block;width: 2px;height: 2px;background: #e6e6e6;}
.index-customer-list .lt-dot {left: 0;top: 0;}
.index-customer-list .lb-dot {left: 0;bottom: 0;}
.index-customer-list .rt-dot {right: 0;top: 0;}
.index-customer-list .rb-dot {right: 0;bottom: 0;}
.index-title, .index-service-scroll-wrap {opacity: 0;margin-top: 30px;transition: all .5s ease-in-out;}
.normal-more-wrap1 {padding-top: 50px;text-align: center;}
.normal-more-wrap1 .more {position: relative;display: inline-block;width: 60px;height: 60px;padding-top: 23px;background: #fff;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
.normal-more-wrap1 .more .icon {z-index: 1;position: relative;display: inline-block;width: 22px;height: 10px;background: url(/images/more-icon.png) no-repeat center center;transition: all .5s ease-in-out;}
.normal-more-wrap1 .more:hover .icon {background: url(/images/more-icon1.png) no-repeat center center;}
.normal-more-wrap1 .more:after {content: '';position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background: #339ec1;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;transform: scale(0);transition: all .5s ease-in-out;}
.normal-more-wrap1 .more:hover:after {transform: scale(1);}
.swiper-container {position: relative;width: 100%;height: 100%;}
.inner-main-container {background: #f2f2f2;}
.inner-main-container img {max-width: 100%;vertical-align: middle;}
.inner-main-container.contact-us {background: #f6f6f6;}
.ourwork-mobile-article .code-wrap img {max-width: 120px;}
.inner-main-container .each-item .image-wrap img {display: block;width: 100%;height: 100%;max-width: none;transition: all .4s;}
.ourwork-list .each-item .image-wrap,
.solution-list .each-item .image-wrap {position: relative;overflow: hidden;}
.ourwork-list .each-item:hover .image-wrap img,
.solution-list .each-item:hover .image-wrap img {transform: scale(1.025);}
.inner-main-container .fullwindow-banner .each-item img {height: 70px;}
.normal-inner-banner,
.fullwindow-banner {position: relative;width: 100%;height: 100%;}
.fullwindow-banner {height: 100vh;}
.fullwindow-banner img {width: 100%;height: 100%;}
.normal-inner-banner .normal-banner-inner-wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;background: -moz-linear-gradient(left, rgba(30,95,116,.7) 0%, rgba(23,9,49,.7) 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.7)), to(rgba(23,9,49,.7))));background: -webkit-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);background: -o-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);background: -ms-linear-gradient(left, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);background: linear-gradient(to right, rgba(30,95,116,.7) 0%,rgba(23,9,49,.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.7)', endColorstr='rgba(23,9,49,.7)',GradientType=1 );}
.normal-inner-banner.left-text-banner .normal-banner-inner {padding-top: 90px;color: #fff;text-align: left;}
.news-page .normal-inner-banner .container {max-width: 1350px;}
.normal-inner-banner .normal-banner-inner {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}
.normal-inner-banner img {display: block;height: 100%;min-height: 450px;}
.solution-info-banner.normal-inner-banner img {-webkit-filter: blur(4px);-moz-filter: blur(4px);-ms-filter: blur(4px);filter: blur(4px);}
.left-text-banner .inner-banner-title1 {font: 42px/1 'Gotham-Bold';text-transform: uppercase;}
.left-text-banner .inner-banner-title2 {font-size: 28px;font-weight: bold;color: #fff;}
.left-text-banner .inner-line {margin: 25px 0 20px;background: #fff;}
.inner-banner-title {padding-top: 40px;font-weight: bold;font-size: 32px;color: #fff;text-align: center;}
.inner-banner-title .mark img {display: inline-block;max-width: 100%;height: 26px;min-height: 26px;}
.normal-inner-banner .descrition {margin-top: 16px;font-size: 16px;color: #fff;line-height: 28px;}
.fullwindow-banner-inner-wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6)));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6)));background: -webkit-linear-gradient(left,rgba(30,95,116,.6),rgba(23,9,49,.6));background: -moz-linear-gradient(left, rgba(30,95,116,.6) 0%, rgba(23,9,49,.6) 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(30,95,116,.6)), to(rgba(23,9,49,.6))));background: -webkit-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);background: -o-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);background: -ms-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);background: linear-gradient(to right, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)', endColorstr='rgba(23,9,49,.6)',GradientType=1 );}
.fullwindow-banner-inner {position: absolute;top: 50%;left: 50%;width: 60.5%;margin-left: -30%;transform: translateY(-50%);}
.fullwindow-banner-inner li {position: relative;float: left;width: 34.33%;height: 25vh;text-align: center;border-top: 1px solid rgba(255,255,255,.15);border-left: 1px solid rgba(255,255,255,.15);}
.fullwindow-banner-inner li:nth-child(2),
.fullwindow-banner-inner li:nth-child(5) {width: 31.33%;}
.fullwindow-banner-inner li:first-child,
.fullwindow-banner-inner li:nth-child(2),
.fullwindow-banner-inner li:nth-child(3) {border-top: 0;}
.fullwindow-banner-inner li:first-child,
.fullwindow-banner-inner li:nth-child(3n+1) {border-left: 0;}
.fullwindow-banner-inner .each-item img {width: auto;max-width: 100%;margin: 0 auto;}
.fullwindow-banner-inner .item-inner {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}
.fullwindow-banner-inner .item-inner .icon-wrap {display: block;height: 70px;}
.fullwindow-banner-inner .item-inner .text-inner {display: block;padding-top: 15px;font-weight: normal;font-size: 16px;color: #fff;}
.inner-title {font-weight: bold;font-size: 42px;color: #333;}
.inner-line {display: inline-block;width: 55px;height: 4px;margin: 15px 0 30px;background: #333;}
.inner-descrition {font-size: 16px;color: #333;line-height: 1.75;}
.about-page {padding-bottom: 85px;}
.about-page .each-item .image-wrap img {width: 100%;}
.about-wrap-first {z-index: 1;position: relative;height: 43vh;text-align: center;background: #fff;}
.about-wrap-first .inner-descrition {width: 720px;margin: 0 auto;}
.about-wrap-first .inner-text-wrap {position: absolute;top: 50%;left: 50%;width: 60%;margin-left: -30%;transform: translateY(-50%);}
.about-wrap-second .item-list {margin-left: -1%;}
.about-wrap-second .each-item {float: left;width: 49%;margin: 0 0 1% 1%;}
.about-page .image-wrap {position: relative;overflow: hidden;}
.about-page .image-wrap:after,
.join-list .each-item .image-wrap:after,
.ourwork-list .each-item .image-wrap:after,
.solution-list .each-item .image-wrap:after {content: '';position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background: rgba(0,0,0,.4);opacity: 0;transition: all .6s ease-in-out;}
.ourwork-list .each-item .image-wrap:after,
.solution-list .each-item .image-wrap:after {background: rgba(0,0,0,0);}
.about-wrap-second .each-item:hover .image-wrap:after,
.about-wrap-four .each-item:hover .image-wrap:after,
.about-page .each-item .image-wrap:hover:after,
.join-list .each-item:hover .image-wrap:after,
.ourwork-list .each-item:hover .image-wrap:after,
.solution-list .each-item:hover .image-wrap:after {opacity: 1;}
.about-page .each-item img,
.join-list .each-item .image-wrap img {transition: all .4s ease-in-out;}
.about-wrap-second .each-item:hover .image-wrap img,
.about-page .each-item .image-wrap:hover img,
.join-list .each-item:hover .image-wrap img {transform: scale(1.05);}
.about-wrap-second .item-inner {position: relative;}
.about-wrap-second .item-inner .text-wrap {position: absolute;bottom: 0;left: 0;width: 100%;background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));}
.about-wrap-second .item-inner .text-inner {padding: 5%;color: #fff;}
.about-wrap-second .item-inner .title {font-weight: bold;font-size: 20px;color: #fff;}
.about-wrap-second .item-inner .line {display: inline-block;width: 55px;height: 2px;margin: 10px 0 5px;background: #fff;}
.about-wrap-second .item-inner .descrition {width: 66%;font-size: 12px;color: #fff;line-height: 2;}
.about-wrap-three .each-item, .about-wrap-five .each-item {margin-bottom: 1%;overflow: hidden;}
.about-wrap-three .each-item .item-inner > div,
.about-wrap-five .each-item .item-inner a > div {float: left;}
.about-wrap-three .each-item .item-inner > div.image-wrap, .about-wrap-five .each-item .item-inner a > div.image-wrap {float: right;}
.about-wrap-three .each-item .item-inner > div {width: 50%;}
.about-wrap-three .each-item,
.about-wrap-five .each-item {position: relative;background: #fff;}
.about-wrap-three .each-item .text-inner {padding: 9.25%;}
.about-wrap-three .each-item .inner-title {font-size: 36px;}
.about-wrap-three .each-item .inner-line {width: 40px;margin: 20px 0;}
.about-wrap-three .each-item .inner-descrition {width: 80%;}
.about-wrap-four .each-item {position: relative;}
.about-wrap-four .each-item .text-wrap {position: absolute;top: 0;width: 100%;height: 100%;text-align: center;}
.about-wrap-four .each-item .text-inner {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}
.about-wrap-four .each-item .text-inner .title {margin-bottom: 50px;font-size: 36px;font-weight: bold;color: #fff;transform: translateY(20px);opacity: 0;transition: all .6s ease-in-out;}
.about-wrap-four .each-item .normal-more-wrap2 {transform: translateY(-20px);opacity: 0;transition: all .6s ease-in-out;}
.about-wrap-four .each-item .normal-more-wrap2:before {border-color: #fff;}
.about-wrap-four .each-item .normal-more-wrap2:after {background: #fff;}
.about-wrap-four .each-item:hover .text-inner .title,
.about-wrap-four .each-item:hover .normal-more-wrap2 {opacity: 1;transform: none;}
.about-wrap-five .each-item .text-wrap {width: 42.5%;}
.about-wrap-five .each-item .text-inner {padding: 11.5%;}
.about-wrap-five .each-item .inner-title {margin-bottom: 23px;font-size: 36px;text-transform: uppercase;}
.about-wrap-five .each-item .image-wrap {width: 57.5%;}
.about-wrap-five .each-item .inner-descrition {width: 77.5%;font-size: 18px;}
.about-wrap-five .normal-more-wrap2 {position: absolute;bottom: 10%;border-color: #333;transition: all .4s;}
.about-wrap-five .normal-more-wrap2:hover {border-color: #fff;}
.about-wrap-five .normal-more-wrap2:before {background: url(/images/more-icon.png) no-repeat center center;}
.about-wrap-five .normal-more-wrap2:hover:before {background: url(/images/more-icon1.png) no-repeat center center;}
/*about*/
.fullwindow-banner-inner li .icon-wrap,
.fullwindow-banner-inner li .text,
.about-wrap-second .item-inner .title,
.about-wrap-second .item-inner .line,
.about-wrap-second .item-inner .descrition {opacity: 0;transform: translateY(50px);-webkit-transform: translateY(50px);-moz-transform: translateY(50px);}
.fullwindow-banner-inner.active li .icon-wrap,
.fullwindow-banner-inner.active li .text,
.about-wrap-second .each-item:hover .item-inner .title,
.about-wrap-second .each-item:hover .item-inner .line,
.about-wrap-second .each-item:hover .item-inner .descrition {opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);}
.fullwindow-banner-inner li:nth-of-type(1) .icon-wrap,
.about-wrap-second .item-inner .title,
.about-wrap-second .item-inner .line,
.about-wrap-second .item-inner .descrition {transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;}
.fullwindow-banner-inner li:nth-of-type(1) .text {transition: all 0.5s ease-out .1s;-webkit-transition: all 0.5s ease-out .1s;-moz-transition: all 0.5s ease-out .1s;}
.fullwindow-banner-inner li:nth-of-type(2) .icon-wrap {transition: all 0.5s ease-out .2s;-webkit-transition: all 0.5s ease-out .2s;-moz-transition: all 0.5s ease-out .2s;}
.fullwindow-banner-inner li:nth-of-type(2) .text {transition: all 0.5s ease-out .3s;-webkit-transition: all 0.5s ease-out .3s;-moz-transition: all 0.5s ease-out .3s;}
.fullwindow-banner-inner li:nth-of-type(3) .icon-wrap {transition: all 0.5s ease-out .4s;-webkit-transition: all 0.5s ease-out .4s;-moz-transition: all 0.5s ease-out .4s;}
.fullwindow-banner-inner li:nth-of-type(3) .text {transition: all 0.5s ease-out .5s;-webkit-transition: all 0.5s ease-out .5s;-moz-transition: all 0.5s ease-out .5s;}
.fullwindow-banner-inner li:nth-of-type(4) .icon-wrap {transition: all 0.5s ease-out .6s;-webkit-transition: all 0.5s ease-out .6s;-moz-transition: all 0.5s ease-out .6s;}
.fullwindow-banner-inner li:nth-of-type(4) .text {transition: all 0.5s ease-out .7s;-webkit-transition: all 0.5s ease-out .7s;-moz-transition: all 0.5s ease-out .7s;}
.fullwindow-banner-inner li:nth-of-type(5) .icon-wrap {transition: all 0.5s ease-out .8s;-webkit-transition: all 0.5s ease-out .8s;-moz-transition: all 0.5s ease-out .8s;}
.fullwindow-banner-inner li:nth-of-type(5) .text {transition: all 0.5s ease-out .9s;-webkit-transition: all 0.5s ease-out .9s;-moz-transition: all 0.5s ease-out .9s;}
.fullwindow-banner-inner li:nth-of-type(6) .icon-wrap {transition: all 0.5s ease-out 1s;-webkit-transition: all 0.5s ease-out 1s;-moz-transition: all 0.5s ease-out 1s;}
.fullwindow-banner-inner li:nth-of-type(6) .text {transition: all 0.5s ease-out 1.1s;-webkit-transition: all 0.5s ease-out 1.1s;-moz-transition: all 0.5s ease-out 1.1s;}

/*index-advantage*/
.index-advantage {width:100%;background:#fff;padding:50px 0 30px 0;}
.index-box {max-width:1600px;margin:auto;position:relative;}
.advantage-title {width:100%;position:relative;padding-bottom:54px;}
.advantage-title .bdl {font-size:70px;line-height:70px;font-family:Helvetica;color:#000;}
.advantage-title .tbox {
}
.advantage-title .title {font-size:36px;line-height:1;font-weight:bold;color:#222;margin-bottom:23px;}
.advantage-title .txt {width:685px;font-size:14px;line-height:24px;color:#666;}
.advantage-title .bdr {font-size:70px;line-height:70px;font-family:Helvetica;color:#000;display:table;position:absolute;right:0;top:110px;}
.advantage-title .bdr span {width:300px;height:2px;background:#222;display:inline-block;position:absolute;top:9px;right:65px;}
.advantage-list {width:100%;display:table;border-bottom:2px solid #222;padding-bottom:60px;overflow:hidden;}
.advantage-list li {width:20%;float:left;box-sizing:border-box;padding:60px 20px 54px 40px;background:#fff;transition:all ease .3s;border-radius:3px;margin:0 5.125% 0 0.5%;}
.advantage-list li:nth-child(4n) {margin:0 0 0 8px;}
.advantage-list li:hover {background:#21abd7;}
.advantage-list li .icon {width:100%;height:100px;transition:all ease .3s;}
.advantage-list li .icon1 {background:url(/images/icon8.png) left top no-repeat;}
.advantage-list li .icon2 {background:url(/images/icon9.png) left top no-repeat;}
.advantage-list li .icon3 {background:url(/images/icon10.png) left top no-repeat;}
.advantage-list li .icon4 {background:url(/images/icon11.png) left top no-repeat;}
.advantage-list li:hover .icon1 {background:url(/images/icon12.png) left top no-repeat;}
.advantage-list li:hover .icon2 {background:url(/images/icon13.png) left top no-repeat;}
.advantage-list li:hover .icon3 {background:url(/images/icon14.png) left top no-repeat;}
.advantage-list li:hover .icon4 {background:url(/images/icon15.png) left top no-repeat;}
.advantage-list li .title {font-size:24px;color:#222;line-height:36px;font-weight:bold;margin-bottom:28px;transition:all ease .3s;}
.advantage-list li:hover .title {color:#fff;}
.advantage-list li .txt {color:#666;font-size:14px;line-height:24px;transition:all ease .3s;}
.advantage-list li:hover .txt {color:#fff;}
.advantage-list li .link {width:0;height:10px;margin-top:45px;background:url(/images/icon16.png) right center no-repeat;transition:all ease .3s;}
.advantage-list li:hover .link {width:48px;}

/*index-case*/
.index-case {width:100%;padding:30px 0 80px;}
.index-case-title {font-size:36px;line-height:36px;color:#222;font-weight:bold;}
.index-case .mores {font-family: 'sheepsansbold';font-size:16px;line-height:36px;color:#000;background:url(/images/icon21.png) right center no-repeat;padding-right:35px;display:block;position:absolute;right:0;top:50px;}
.index-case-menu {width:100%;display:table;margin-top:30px;}
.index-case-menu li {height:28px;line-height:26px;float:left;border:1px solid #666;border-radius:14px;margin-right:10px;}
.index-case-menu li:hover {border-radius:14px;border-color:#222;}
.index-case-menu li a {padding:0 20px;display:inline-block;font-size:16px;border-radius:14px;color:#666;transition:all ease .3s;}
.index-case-menu li:hover a {background:#222;color:#fff;}
.index-case-menu li.on a {background:#222;color:#fff;}
.index-case-list {width:100%;display:table;margin-top:40px;}
.index-case-list li {width:32.5%;float:left;margin-right:1.25%;margin-bottom:20px;}
.index-case-list li:nth-child(3n) {margin-right:0;}
.index-case-list li:hover {box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.index-case-list li .img {width:100%;height:234px;overflow:hidden;}
.index-case-list li .img  img {
    width:100%;
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;}
.index-case-list li:hover .img img {
    -webkit-transform:  scale(1.05) ; 
    -moz-transform: scale(1.05) ; 
    -ms-transform: scale(1.05);     
    -o-transform:  scale(1.05) ; 
    transform:  scale(1.05);}
.index-case-list li .tbox {width:100%;box-sizing:border-box;border:1px solid #ebebeb;border-top:none;padding:20px 20px 0;}
.index-case-list li .tbox .title {width:100%;position:relative;line-height:36px;}
.index-case-list li .tbox .title .t1 {font-size:16px;font-weight:bold;color:#222;}
.index-case-list li .tbox .title .t2 {font-size:14px;color:#666;}
.index-case-list li .tbox .title .icon {position:absolute;right:0;top:20px;}
.index-case-list li .tbox .title .icon span {display:inline-block;width:18px;height:16px;margin-left:10px;}
.index-case-list li .tbox .title .icon a {display:inline-block;width:18px;height:16px;margin-left:10px;}
.index-case-list li .tbox .title .icon .icon1 {background:url(/images/icon17.png) center center no-repeat;}
.index-case-list li .tbox .title .icon .icon2 {background:url(/images/icon18.png) center center no-repeat;}
.index-case-list li .tbox .title .icon .icon3 {background:url(/images/icon19.png) center center no-repeat;}
.index-case-list li .tbox .more {width:100%;border-top:1px solid #e3e3e3;margin-top:7px;font-size:14px;color:#666;line-height:36px;padding:7px;background:url(/images/icon20.png) right center no-repeat;transition:all ease .3s;}
.index-case-list li:hover .tbox .more {background:url(/images/icon21.png) right center no-repeat;}
.index-solution {width:100%;padding:80px 0;}
.index-solution-box {width:100%;background:#373737;display:table;}
.index-solution-box .img {width:60%;float:left;}
.index-solution-box .tbox {width:40%;float:left;padding:8.5% 0 0 80px;display:inline-block;}
.index-solution-box .tbox .title {font-size:36px;font-weight:bold;color:#fff;line-height:1;margin-bottom:20px;}
.index-solution-box .tbox .txt {max-width:475px;font-size:14px;line-height:28px;color:#fff;}
.index-solution-box .tbox .list {width:100%;margin-top:53px;}
.index-solution-box .tbox .list li {float:left;margin:0 20px 20px 0;}
.index-solution-box .tbox .list li a {line-height:36px;border:1px solid #bbb;border-radius:19px;display:block;padding:0 21px;font-size:14px;color:#bbb;transition:all ease .3s;}
.index-solution-box .tbox .list li:hover a {color:#222;background:#fff;border:1px solid #fff;}

.index-news {width:100%;background:#fff;overflow:hidden;}
.index-news-title {font-size:36px;line-height:1;color:#000;font-weight:bold;}
.index-news-more {font-family: 'sheepsansbold';
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background: url(/images/icon21.png) right center no-repeat;
    padding-right: 35px;
    display: block;
    position: absolute;
    right: 5px;
    top: 30px;}
.index-news-menu {width:100%;margin-top:30px;display:table;}
.index-news-menu li {float:left;margin-right:10px;}
.index-news-menu li a {display:block;line-height:26px;padding:0 20px;border:1px solid #666;font-size:14px;color:#666;border-radius:14px;transition:all ease .3s;}
.index-news-menu li:hover a {color:#fff;background:#222;border-color:#222;}
.index-news-menu li.on a {color:#fff;background:#222;border-color:#222;}
.index-news .index-box {max-width:1610px;overflow:hidden;padding:0 5px;}
.index-news-list {width:calc(700% + 70px);margin-top:40px;display:inline-block;left:0;position:relative;transition:all ease 1s;}
.index-news-list .lbox {width:calc(100% / 7);display:inline-block;float:left;padding-right:10px;}
.index-news-list .lbox .box1 {width:30%;margin-right:0.625%;float:left;transition:all ease .3s;}
.index-news-list .lbox .box1 a {display:inline-block;width:100%;}
.index-news-list .lbox .box1 .img {width:100%;height:280px;}
.index-news-list .lbox .box1 .tbox {width:100%;height:270px;box-sizing:border-box;background:#f7f7f7;padding:0 30px;}
.index-news-list .lbox .box1:hover {box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.index-news-list .lbox .box1 .tbox .time {color:#999;font-family: 'sheepsansbold';font-weight:bold;font-size:48px;line-height:50px;border-bottom:1px solid #dbdbdb;padding:22px 0 16px;background:url(/images/icon20.png) right 54px no-repeat;transition:all ease .3s;}
.index-news-list .lbox .box1 .tbox:hover .time {color:#222;}
.index-news-list .lbox .box1 .tbox .time span {font-size:16px;line-height:20px;font-weight:initial;display:block;}
.index-news-list .lbox .box1 .tbox .titles {font-size:16px;line-height:36px;color:#000;margin-top:30px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.index-news-list .lbox .box1 .tbox .txts {font-size:14px;line-height:24px;color:#666;margin-top:14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.index-news-list .lbox .box2 {width:30%;margin-right:0.625%;float:left;}
.index-news-list .lbox .box2 .tbox {width:100%;height:270px;background:#f4f4f4;box-sizing:border-box;padding:0 30px;margin-bottom:10px;transition:all ease .3s;}
.index-news-list .lbox .box2 .tbox:hover {box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.index-news-list .lbox .box2 .tbox a {display:inline-block;width:100%;}
.index-news-list .lbox .box2 .tbox .time {font-size:48px;font-weight:bold;line-height:50px;font-family: 'sheepsansbold';color:#999;padding:22px 0 15px;background:url(/images/icon20.png) right 54px no-repeat;border-bottom:1px solid #dbdbdb;transition:all ease .3s;}
.index-news-list .lbox .box2 .tbox .time span {font-size:16px;line-height:20px;display:block;}
.index-news-list .lbox .box2 .tbox:hover .time {color:#222;}
.index-news-list .lbox .box2 .tbox .titles {font-size:16px;line-height:36px;color:#000;margin-top:30px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.index-news-list .lbox .box2 .tbox .txts {font-size:14px;line-height:24px;color:#666;margin-top:10px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.index-news-list .lbox .box3 {width:38.75%;float:left;}
.index-news-list .lbox .box3 .tbox {width:100%;height:130px;margin-bottom:10px;box-sizing:border-box;padding:30px;background:#f4f4f4 url(/images/icon20.png) 95% 60px no-repeat;transition:all ease .3s;}
.index-news-list .lbox .box3 .tbox:hover {box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.index-news-list .lbox .box3 .tbox a {display:inline-block;}
.index-news-list .lbox .box3 .tbox .time {font-size:48px;font-weight:bold;line-height:50px;font-family: 'sheepsansbold';color:#999;float:left;margin-right:30px;transition:all ease .3s;}
.index-news-list .lbox .box3 .tbox:hover .time {color:#222;}
.index-news-list .lbox .box3 .tbox .time span {font-size:16px;display:block;line-height:20px;}
.index-news-list .lbox .box3 .tbox .titles {width:410px;float:left;font-size:16px;line-height:26px;color:#000;padding-top:10px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.index-client {width:100%;
}
.index-client-box {width:100%;display:table;}
.index-client-img {width:65%;height:635px;position:relative;float:left;}
.index-client-img .img {position:absolute;border-radius:50%;overflow:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.1);transition:all ease 1.5s;left:459px;top:328px;width:1px;height:1px;cursor:pointer;transform-origin: 50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;
-moz-transition: all .8s linear;
    -o-transition:  all .8s linear;
    transition: all .8s linear;}
.index-client-img .img img {width:100%;}
.index-client-img .img10 {z-index:2;}
.index-client-img .img:hover {-webkit-transform:  scale(1.5) ; 
    -moz-transform: scale(1.5) ; 
    -ms-transform: scale(1.5);     
    -o-transform:  scale(1.5) ; 
    transform:  scale(1.5);}
.index-client-img .img6:hover,.index-client-img .img7:hover,.index-client-img .img9:hover,.index-client-img .img11:hover    {-webkit-transform:  scale(1.3) ; 
    -moz-transform: scale(1.3) ; 
    -ms-transform: scale(1.3);     
    -o-transform:  scale(1.3) ; 
    transform:  scale(1.3);}
.index-client-img .img10:hover {-webkit-transform:  scale(1.2) ; 
    -moz-transform: scale(1.2) ; 
    -ms-transform: scale(1.2);     
    -o-transform:  scale(1.2) ; 
    transform:  scale(1.2);}
.index-client.active .index-client-img .img1 {left:17px;top:87px;width:58px;height:58px;}
.index-client.active .index-client-img .img2 {left:93px;top:174px;width:82px;height:82px;}
.index-client.active .index-client-img .img3 {left:46px;top:317px;width:71px;height:71px;}
.index-client.active .index-client-img .img4 {left:17px;top:487px;width:56px;height:56px;}
.index-client.active .index-client-img .img5 {left:210px;top:75px;width:82px;height:82px;}
.index-client.active .index-client-img .img6 {left:244px;top:200px;width:96px;height:96px;}
.index-client.active .index-client-img .img7 {left:177px;top:337px;width:91px;height:91px;}
.index-client.active .index-client-img .img8 {left:164px;top:484px;width:82px;height:82px;}
.index-client.active .index-client-img .img9 {left:412px;top:112px;width:105px;height:105px;}
.index-client.active .index-client-img .img10 {left:389px;top:261px;width:135px;height:135px;}
.index-client.active .index-client-img .img11 {left:325px;top:418px;width:100px;height:100px;}
.index-client.active .index-client-img .img12 {left:591px;top:80px;width:82px;height:82px;}
.index-client.active .index-client-img .img13 {left:583px;top:255px;width:96px;height:96px;}
.index-client.active .index-client-img .img14 {left:533px;top:409px;width:100px;height:100px;}
.index-client.active .index-client-img .img15 {left:782px;top:100px;width:65px;height:65px;}
.index-client.active .index-client-img .img16 {left:735px;top:222px;width:82px;height:82px;}
.index-client.active .index-client-img .img17 {left:714px;top:374px;width:82px;height:82px;}
.index-client.active .index-client-img .img18 {left:688px;top:518px;width:67px;height:67px;}
.index-client.active .index-client-img .img19 {left:867px;top:333px;width:65px;height:65px;}
.index-client.active .index-client-img .img20 {left:827px;top:490px;width:64px;height:64px;}
.index-client-tbox {width:35%;float:right;padding-top:200px;}
.index-client-tbox .title {font-size:36px;line-height:36px;font-weight:bold;color:#000;margin-bottom:24px;}
.index-client-tbox .txt {font-size:14px;line-height:24px;color:#666;margin-bottom:50px;}
.index-client-tbox .more {font-size:16px;line-height:36px;padding-right:35px;background:url(/images/icon21.png) right center no-repeat;display:inline-block;color:#000;font-family: 'sheepsansbold';}


@media(max-width:1630px) {.index-box {width:100%;padding:0 40px;}.index-news {overflow:hidden;padding:0 40px;}
.advantage-list li {width:23%;margin:0 1.125% 0 0.5%;padding:60px 20px 20px 20px}
.index-case .mores,.index-news-more {right:40px;}
.index-solution-box .tbox {padding:4.5% 20px 0 40px;}
.index-news-list .lbox .box3 .tbox .titles {width:calc(100% - 110px);}.index-client-tbox {padding:100px 20px 0;}
.top-foot {    padding: 60px 40px 0;}.friend-link {padding: 41px 40px 21px;}

.index-client.active .index-client-img .img1 {left:1.6%;top:13.7%;}
.index-client.active .index-client-img .img2 {left:9%;top:27.4%;}
.index-client.active .index-client-img .img3 {left:4.4%;top:50%;}
.index-client.active .index-client-img .img4 {left:1.6%;top:76.7%;}
.index-client.active .index-client-img .img5 {left:20%;top:11.8%;}
.index-client.active .index-client-img .img6 {left:23.5%;top:31.5%;}
.index-client.active .index-client-img .img7 {left:17%;top:53%;}
.index-client.active .index-client-img .img8 {left:15.8%;top:76%;}
.index-client.active .index-client-img .img9 {left:39.6%;top:17.6%;}
.index-client.active .index-client-img .img10 {left:37.4%;top:41.1%;}
.index-client.active .index-client-img .img11 {left:31.25%;top:65.8%;}
.index-client.active .index-client-img .img12 {left:56.8%;top:12.6%;}
.index-client.active .index-client-img .img13 {left:56%;top:40%;}
.index-client.active .index-client-img .img14 {left:51.25%;top:64.4%;}
.index-client.active .index-client-img .img15 {left:75.2%;top:15.7%;}
.index-client.active .index-client-img .img16 {left:70.6%;top:35%;}
.index-client.active .index-client-img .img17 {left:68.7%;top:59%;}
.index-client.active .index-client-img .img18 {left:66%;top:81.6%;}
.index-client.active .index-client-img .img19 {left:83.4%;top:52.4%;}
.index-client.active .index-client-img .img20 {left:80%;top:77%;}
}
@media(max-width:1330px) {.data-background {height:100%;}header .right-side li {margin: 0 13px;display: inline-block;}}
.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.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;}
@-webkit-keyframes bounce {0%,100%,20%,53%,80% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
40%,43% {-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);transition-timing-function: cubic-bezier(0.755,.050,.855,.060);-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);}
70% {-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);transition-timing-function: cubic-bezier(0.755,.050,.855,.060);-webkit-transform: translate3d(0,-15px,0);transform: translate3d(0,-15px,0);}
90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}}
@keyframes bounce {0%,100%,20%,53%,80% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
40%,43% {-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);transition-timing-function: cubic-bezier(0.755,.050,.855,.060);-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);}
70% {-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);transition-timing-function: cubic-bezier(0.755,.050,.855,.060);-webkit-transform: translate3d(0,-15px,0);transform: translate3d(0,-15px,0);}
90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}}
.bounce {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
@-webkit-keyframes flash {0%,100%,50% {opacity: 1;}
25%,75% {opacity: 0;}}
@keyframes flash {0%,100%,50% {opacity: 1;}
25%,75% {opacity: 0;}}
.flash {-webkit-animation-name: flash;animation-name: flash;}
@-webkit-keyframes pulse {0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
50% {-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05);}
100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
@keyframes pulse {0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
50% {-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05);}
100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
.pulse {-webkit-animation-name: pulse;animation-name: pulse;}
@-webkit-keyframes rubberBand {0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
30% {-webkit-transform: scale3d(1.25,.75,1);transform: scale3d(1.25,.75,1);}
40% {-webkit-transform: scale3d(0.75,1.25,1);transform: scale3d(0.75,1.25,1);}
50% {-webkit-transform: scale3d(1.15,.85,1);transform: scale3d(1.15,.85,1);}
65% {-webkit-transform: scale3d(.95,1.05,1);transform: scale3d(.95,1.05,1);}
75% {-webkit-transform: scale3d(1.05,.95,1);transform: scale3d(1.05,.95,1);}
100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
@keyframes rubberBand {0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
30% {-webkit-transform: scale3d(1.25,.75,1);transform: scale3d(1.25,.75,1);}
40% {-webkit-transform: scale3d(0.75,1.25,1);transform: scale3d(0.75,1.25,1);}
50% {-webkit-transform: scale3d(1.15,.85,1);transform: scale3d(1.15,.85,1);}
65% {-webkit-transform: scale3d(.95,1.05,1);transform: scale3d(.95,1.05,1);}
75% {-webkit-transform: scale3d(1.05,.95,1);transform: scale3d(1.05,.95,1);}
100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
.rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand;}
@-webkit-keyframes shake {0%,100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
10%,30%,50%,70%,90% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0);}
20%,40%,60%,80% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0);}}
@keyframes shake {0%,100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
10%,30%,50%,70%,90% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0);}
20%,40%,60%,80% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0);}}
.shake {-webkit-animation-name: shake;animation-name: shake;}
@-webkit-keyframes swing {20% {-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg);}
40% {-webkit-transform: rotate3d(0,0,1,-10deg);transform: rotate3d(0,0,1,-10deg);}
60% {-webkit-transform: rotate3d(0,0,1,5deg);transform: rotate3d(0,0,1,5deg);}
80% {-webkit-transform: rotate3d(0,0,1,-5deg);transform: rotate3d(0,0,1,-5deg);}
100% {-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}}
@keyframes swing {20% {-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg);}
40% {-webkit-transform: rotate3d(0,0,1,-10deg);transform: rotate3d(0,0,1,-10deg);}
60% {-webkit-transform: rotate3d(0,0,1,5deg);transform: rotate3d(0,0,1,5deg);}
80% {-webkit-transform: rotate3d(0,0,1,-5deg);transform: rotate3d(0,0,1,-5deg);}
100% {-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}}
.swing {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}
@-webkit-keyframes tada {0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
10%,20% {-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
40%,60%,80% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
@keyframes tada {0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
10%,20% {-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
40%,60%,80% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
.tada {-webkit-animation-name: tada;animation-name: tada;}
@-webkit-keyframes wobble {0% {-webkit-transform: none;transform: none;}
15% {-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}
30% {-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);}
45% {-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}
60% {-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);}
75% {-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}
100% {-webkit-transform: none;transform: none;}}
@keyframes wobble {0% {-webkit-transform: none;transform: none;}
15% {-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}
30% {-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);}
45% {-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}
60% {-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);}
75% {-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}
100% {-webkit-transform: none;transform: none;}}
.wobble {-webkit-animation-name: wobble;animation-name: wobble;}
@-webkit-keyframes bounceIn {0%,100%,20%,40%,60%,80% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}
20% {-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);}
40% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9);}
60% {opacity: 1;-webkit-transform: scale3d(1.03,1.03,1.03);transform: scale3d(1.03,1.03,1.03);}
80% {-webkit-transform: scale3d(.97,.97,.97);transform: scale3d(.97,.97,.97);}
100% {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
@keyframes bounceIn {0%,100%,20%,40%,60%,80% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}
20% {-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);}
40% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9);}
60% {opacity: 1;-webkit-transform: scale3d(1.03,1.03,1.03);transform: scale3d(1.03,1.03,1.03);}
80% {-webkit-transform: scale3d(.97,.97,.97);transform: scale3d(.97,.97,.97);}
100% {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
.bounceIn {-webkit-animation-name: bounceIn;animation-name: bounceIn;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes bounceInDown {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: translate3d(0,-3000px,0);transform: translate3d(0,-3000px,0);}
60% {opacity: 1;-webkit-transform: translate3d(0,25px,0);transform: translate3d(0,25px,0);}
75% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
90% {-webkit-transform: translate3d(0,5px,0);transform: translate3d(0,5px,0);}
100% {-webkit-transform: none;transform: none;}}
@keyframes bounceInDown {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: translate3d(0,-3000px,0);transform: translate3d(0,-3000px,0);}
60% {opacity: 1;-webkit-transform: translate3d(0,25px,0);transform: translate3d(0,25px,0);}
75% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
90% {-webkit-transform: translate3d(0,5px,0);transform: translate3d(0,5px,0);}
100% {-webkit-transform: none;transform: none;}}
.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: translate3d(-3000px,0,0);transform: translate3d(-3000px,0,0);}
60% {opacity: 1;-webkit-transform: translate3d(25px,0,0);transform: translate3d(25px,0,0);}
75% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0);}
90% {-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);}
100% {-webkit-transform: none;transform: none;}}
@keyframes bounceInLeft {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: translate3d(-3000px,0,0);transform: translate3d(-3000px,0,0);}
60% {opacity: 1;-webkit-transform: translate3d(25px,0,0);transform: translate3d(25px,0,0);}
75% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0);}
90% {-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);}
100% {-webkit-transform: none;transform: none;}}
.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
@-webkit-keyframes bounceInRight {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: translate3d(3000px,0,0);transform: translate3d(3000px,0,0);}
60% {opacity: 1;-webkit-transform: translate3d(-25px,0,0);transform: translate3d(-25px,0,0);}
75% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0);}
90% {-webkit-transform: translate3d(-5px,0,0);transform: translate3d(-5px,0,0);}
100% {-webkit-transform: none;transform: none;}}
@keyframes bounceInRight {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: translate3d(3000px,0,0);transform: translate3d(3000px,0,0);}
60% {opacity: 1;-webkit-transform: translate3d(-25px,0,0);transform: translate3d(-25px,0,0);}
75% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0);}
90% {-webkit-transform: translate3d(-5px,0,0);transform: translate3d(-5px,0,0);}
100% {-webkit-transform: none;transform: none;}}
.bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
@-webkit-keyframes bounceInUp {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0);}
60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0);}
100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}}
@keyframes bounceInUp {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);transition-timing-function: cubic-bezier(0.215,.61,.355,1);}
0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0);}
60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0);}
100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}}
.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
@-webkit-keyframes bounceOut {20% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9);}
50%,55% {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);}
100% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}}
@keyframes bounceOut {20% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9);}
50%,55% {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);}
100% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}}
.bounceOut {-webkit-animation-name: bounceOut;animation-name: bounceOut;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes bounceOutDown {20% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
40%,45% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
100% {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0);}}
@keyframes bounceOutDown {20% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
40%,45% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
100% {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0);}}
.bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}
@-webkit-keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px,0,0);transform: translate3d(20px,0,0);}
100% {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0);}}
@keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px,0,0);transform: translate3d(20px,0,0);}
100% {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0);}}
.bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}
@-webkit-keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px,0,0);transform: translate3d(-20px,0,0);}
100% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0);}}
@keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px,0,0);transform: translate3d(-20px,0,0);}
100% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0);}}
.bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}
@-webkit-keyframes bounceOutUp {20% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
40%,45% {opacity: 1;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
100% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0);}}
@keyframes bounceOutUp {20% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
40%,45% {opacity: 1;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
100% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0);}}
.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
@-webkit-keyframes fadeIn {0% {opacity: 0;}
100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}
100% {opacity: 1;}}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInDownBig {0% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDownBig {0% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@-webkit-keyframes fadeOut {0% {opacity: 1;}
100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;}
100% {opacity: 0;}}
.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOutDown {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}}
@keyframes fadeOutDown {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}}
.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeOutDownBig {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0);}}
@keyframes fadeOutDownBig {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0);}}
.fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}}
@keyframes fadeOutLeft {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}}
.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0);}}
@keyframes fadeOutLeftBig {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0);}}
.fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}}
@keyframes fadeOutRight {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}}
.fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}
@-webkit-keyframes fadeOutRightBig {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0);}}
@keyframes fadeOutRightBig {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0);}}
.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}
@-webkit-keyframes fadeOutUp {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}}
@keyframes fadeOutUp {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}}
.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@-webkit-keyframes fadeOutUpBig {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0);}}
@keyframes fadeOutUpBig {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0);}}
.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}
@-webkit-keyframes flip {0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);transform: perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
40% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
50% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
80% {-webkit-transform: perspective(400px) scale3d(.95,.95,.95);transform: perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
@keyframes flip {0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);transform: perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
40% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
50% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
80% {-webkit-transform: perspective(400px) scale3d(.95,.95,.95);transform: perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
.animated.flip {-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}
@-webkit-keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);transform: perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);transform: perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60% {-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);transform: perspective(400px) rotate3d(1,0,0,10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);transform: perspective(400px) rotate3d(1,0,0,-5deg);}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);}}
@keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);transform: perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);transform: perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60% {-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);transform: perspective(400px) rotate3d(1,0,0,10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);transform: perspective(400px) rotate3d(1,0,0,-5deg);}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);}}
.flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
@-webkit-keyframes flipInY {0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60% {-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg);}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);}}
@keyframes flipInY {0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60% {-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg);}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);}}
.flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}
@-webkit-keyframes flipOutX {0% {-webkit-transform: perspective(400px);transform: perspective(400px);}
30% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);transform: perspective(400px) rotate3d(1,0,0,-20deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);transform: perspective(400px) rotate3d(1,0,0,90deg);opacity: 0;}}
@keyframes flipOutX {0% {-webkit-transform: perspective(400px);transform: perspective(400px);}
30% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);transform: perspective(400px) rotate3d(1,0,0,-20deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);transform: perspective(400px) rotate3d(1,0,0,90deg);opacity: 0;}}
.flipOutX {-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-animation-duration: .75s;animation-duration: .75s;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;}
@-webkit-keyframes flipOutY {0% {-webkit-transform: perspective(400px);transform: perspective(400px);}
30% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);transform: perspective(400px) rotate3d(0,1,0,-15deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);opacity: 0;}}
@keyframes flipOutY {0% {-webkit-transform: perspective(400px);transform: perspective(400px);}
30% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);transform: perspective(400px) rotate3d(0,1,0,-15deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);opacity: 0;}}
.flipOutY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes lightSpeedIn {0% {-webkit-transform: translate3d(100%,0,0) skewX(-30deg);transform: translate3d(100%,0,0) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}
80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;}
100% {-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes lightSpeedIn {0% {-webkit-transform: translate3d(100%,0,0) skewX(-30deg);transform: translate3d(100%,0,0) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}
80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;}
100% {-webkit-transform: none;transform: none;opacity: 1;}}
.lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
@-webkit-keyframes lightSpeedOut {0% {opacity: 1;}
100% {-webkit-transform: translate3d(100%,0,0) skewX(30deg);transform: translate3d(100%,0,0) skewX(30deg);opacity: 0;}}
@keyframes lightSpeedOut {0% {opacity: 1;}
100% {-webkit-transform: translate3d(100%,0,0) skewX(30deg);transform: translate3d(100%,0,0) skewX(30deg);opacity: 0;}}
.lightSpeedOut {-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
@-webkit-keyframes rotateIn {0% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0,0,1,-200deg);transform: rotate3d(0,0,1,-200deg);opacity: 0;}
100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateIn {0% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0,0,1,-200deg);transform: rotate3d(0,0,1,-200deg);opacity: 0;}
100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn;}
@-webkit-keyframes rotateInDownLeft {0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);opacity: 0;}
100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInDownLeft {0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);opacity: 0;}
100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight {0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);opacity: 0;}
100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInDownRight {0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);opacity: 0;}
100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft {0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);opacity: 0;}
100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInUpLeft {0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);opacity: 0;}
100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight {0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0,0,1,-90deg);transform: rotate3d(0,0,1,-90deg);opacity: 0;}
100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInUpRight {0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0,0,1,-90deg);transform: rotate3d(0,0,1,-90deg);opacity: 0;}
100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;}
@-webkit-keyframes rotateOut {0% {-webkit-transform-origin: center;transform-origin: center;opacity: 1;}
100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0,0,1,200deg);transform: rotate3d(0,0,1,200deg);opacity: 0;}}
@keyframes rotateOut {0% {-webkit-transform-origin: center;transform-origin: center;opacity: 1;}
100% {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0,0,1,200deg);transform: rotate3d(0,0,1,200deg);opacity: 0;}}
.rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut;}
@-webkit-keyframes rotateOutDownLeft {0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);opacity: 0;}}
@keyframes rotateOutDownLeft {0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);opacity: 0;}}
.rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight {0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);opacity: 0;}}
@keyframes rotateOutDownRight {0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);opacity: 0;}}
.rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft {0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);opacity: 0;}}
@keyframes rotateOutUpLeft {0% {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100% {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);opacity: 0;}}
.rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight {0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0,0,1,90deg);transform: rotate3d(0,0,1,90deg);opacity: 0;}}
@keyframes rotateOutUpRight {0% {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100% {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0,0,1,90deg);transform: rotate3d(0,0,1,90deg);opacity: 0;}}
.rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;}
@-webkit-keyframes hinge {0% {-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%,60% {-webkit-transform: rotate3d(0,0,1,80deg);transform: rotate3d(0,0,1,80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40%,80% {-webkit-transform: rotate3d(0,0,1,60deg);transform: rotate3d(0,0,1,60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;}
100% {-webkit-transform: translate3d(0,700px,0);transform: translate3d(0,700px,0);opacity: 0;}}
@keyframes hinge {0% {-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%,60% {-webkit-transform: rotate3d(0,0,1,80deg);transform: rotate3d(0,0,1,80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40%,80% {-webkit-transform: rotate3d(0,0,1,60deg);transform: rotate3d(0,0,1,60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;}
100% {-webkit-transform: translate3d(0,700px,0);transform: translate3d(0,700px,0);opacity: 0;}}
.hinge {-webkit-animation-name: hinge;animation-name: hinge;}
@-webkit-keyframes rollIn {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes rollIn {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
.rollIn {-webkit-animation-name: rollIn;animation-name: rollIn;}
@-webkit-keyframes rollOut {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}
@keyframes rollOut {0% {opacity: 1;}
100% {opacity: 0;-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}
.rollOut {-webkit-animation-name: rollOut;animation-name: rollOut;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}
50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}
50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes zoomInDown {0% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
60% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);transform: scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
@keyframes zoomInDown {0% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
60% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);transform: scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
.zoomInDown {-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}
@-webkit-keyframes zoomInLeft {0% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
60% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);transform: scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
@keyframes zoomInLeft {0% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
60% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);transform: scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
.zoomInLeft {-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;}
@-webkit-keyframes zoomInRight {0% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
60% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
@keyframes zoomInRight {0% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
60% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
.zoomInRight {-webkit-animation-name: zoomInRight;animation-name: zoomInRight;}
@-webkit-keyframes zoomInUp {0% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
60% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
@keyframes zoomInUp {0% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
60% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
.zoomInUp {-webkit-animation-name: zoomInUp;animation-name: zoomInUp;}
@-webkit-keyframes zoomOut {0% {opacity: 1;}
50% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}
100% {opacity: 0;}}
@keyframes zoomOut {0% {opacity: 1;}
50% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);}
100% {opacity: 0;}}
.zoomOut {-webkit-animation-name: zoomOut;animation-name: zoomOut;}
@-webkit-keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
100% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
@keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
100% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
.zoomOutDown {-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;}
@-webkit-keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);transform: scale3d(.475,.475,.475) translate3d(42px,0,0);}
100% {opacity: 0;-webkit-transform: scale(.1) translate3d(-2000px,0,0);transform: scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin: left center;transform-origin: left center;}}
@keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);transform: scale3d(.475,.475,.475) translate3d(42px,0,0);}
100% {opacity: 0;-webkit-transform: scale(.1) translate3d(-2000px,0,0);transform: scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin: left center;transform-origin: left center;}}
.zoomOutLeft {-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft;}
@-webkit-keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);}
100% {opacity: 0;-webkit-transform: scale(.1) translate3d(2000px,0,0);transform: scale(.1) translate3d(2000px,0,0);-webkit-transform-origin: right center;transform-origin: right center;}}
@keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);}
100% {opacity: 0;-webkit-transform: scale(.1) translate3d(2000px,0,0);transform: scale(.1) translate3d(2000px,0,0);-webkit-transform-origin: right center;transform-origin: right center;}}
.zoomOutRight {-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight;}
@-webkit-keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);transform: scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
100% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
@keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);transform: scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);animation-timing-function: cubic-bezier(0.55,.055,.675,.19);}
100% {opacity: 0;-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);animation-timing-function: cubic-bezier(0.175,.885,.32,1);}}
.zoomOutUp {-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;}
@-webkit-keyframes slideInDown {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%);visibility: visible;}
100% {-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes slideInDown {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%);visibility: visible;}
100% {-webkit-transform: translateY(0);transform: translateY(0);}}
.slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;}
@-webkit-keyframes slideInLeft {0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);visibility: visible;}
100% {-webkit-transform: translateX(0);transform: translateX(0);}}
@keyframes slideInLeft {0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);visibility: visible;}
100% {-webkit-transform: translateX(0);transform: translateX(0);}}
.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}
@-webkit-keyframes slideInRight {0% {-webkit-transform: translateX(100%);transform: translateX(100%);visibility: visible;}
100% {-webkit-transform: translateX(0);transform: translateX(0);}}
@keyframes slideInRight {0% {-webkit-transform: translateX(100%);transform: translateX(100%);visibility: visible;}
100% {-webkit-transform: translateX(0);transform: translateX(0);}}
.slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;}
@-webkit-keyframes slideInUp {0% {-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}
100% {-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes slideInUp {0% {-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}
100% {-webkit-transform: translateY(0);transform: translateY(0);}}
.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;}
@-webkit-keyframes slideOutDown {0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {visibility: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);}}
@keyframes slideOutDown {0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {visibility: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);}}
.slideOutDown {-webkit-animation-name: slideOutDown;animation-name: slideOutDown;}
@-webkit-keyframes slideOutLeft {0% {-webkit-transform: translateX(0);transform: translateX(0);}
100% {visibility: hidden;-webkit-transform: translateX(-100%);transform: translateX(-100%);}}
@keyframes slideOutLeft {0% {-webkit-transform: translateX(0);transform: translateX(0);}
100% {visibility: hidden;-webkit-transform: translateX(-100%);transform: translateX(-100%);}}
.slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}
@-webkit-keyframes slideOutRight {0% {-webkit-transform: translateX(0);transform: translateX(0);}
100% {visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);}}
@keyframes slideOutRight {0% {-webkit-transform: translateX(0);transform: translateX(0);}
100% {visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);}}
.slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}
@-webkit-keyframes slideOutUp {0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {visibility: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);}}
@keyframes slideOutUp {0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {visibility: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);}}
.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}
/*--------footer--------*/
footer {width:100%;}
.foot-top {width:100%;min-height:365px;padding:60px 7.8% 18px;display:table;background:url(/images/f-bg1.jpg) center center repeat-x;background-size:auto 100%;}
.foot-top li {width:22%;float:left;margin-right:2.6%;}
.foot-top li:last-child {margin-right:0;}
.foot-top li .title {font-size:14px;line-height:28px;color:#fff;font-weight:bold;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;}
.foot-top li .tbox {font-size:14px;line-height:28px;padding-top:22px;}
.foot-top li .tbox .txt {color:#999;}
.foot-top li .tbox .more {width:96px;height:32px;border:1px solid #504f4f;border-radius:16px;display:block;color:#666;font-size:12px;margin-top:32px;padding-left:20px;background:url(/images/f-icon4.png) 62px center no-repeat;transition:all ease .5s;}
.foot-top li .tbox .more:hover {border:1px solid #fff;color:#fff;background:url(/images/f-icon5.png) 62px center no-repeat;}
.foot-top li .tbox .link {width:50%;display:block;color:#999;float:left;transition:all ease .5s;}
.foot-top li .tbox .link:hover {color:#fff;}
.foot-top li .tbox li {width:100%;display:table;padding:12px 0;border-bottom:1px dashed #494848;}
.foot-top li .tbox li:last-child {border:none;}
.foot-top li .tbox li .img {width:70px;float:left;}
.foot-top li .tbox li .tboxs {width:calc(100% - 110px);float:right;font-size:14px;line-height:28px;color:#999;}
.foot-top li .tbox li .tboxs .t1 {color:#fff;font-weight:bold;}
.foot-top li .tbox li .tboxs .t2 {width:100%;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.foot-center {width:100%;padding:60px 7.8% 18px;display:table;min-height:220px;background:#222;color:#999;}
.foot-center li {width:22%;float:left;margin-right:2.6%;}
.foot-center li:last-child {margin-right:0;}
.foot-center li .f-ewm {width:100px;margin-right:10px;float:left;}
.foot-center li .tbox {display:inline-block;line-height:28px;}
.foot-center li .tbox.ewm {padding-top:22px;}
.foot-center li .tbox.tel {padding:6px 0 0 45px;background:url(/images/f-icon1.png) left 8px no-repeat;}
.foot-center li .tbox.sz {padding:8px 0 0 45px;background:url(/images/f-icon2.png) left 4px no-repeat;}
.foot-center li .tbox.gz {padding:8px 0 0 45px;background:url(/images/f-icon3.png) left top no-repeat;}
.foot-center li .tbox .t1 {font-size:14px;color:#fff;font-weight:bold;}
.foot-center li .tbox .t2 {}

.foot-button {width:100%;padding:30px 7.8% 18px;display:table;}
.foot-button .city-box {width:100%;float:left;}
.foot-button .city-box .a-box {width:100%;}
.foot-button .city-box .a-box a {font-size:12px;line-height:30px;color:#666;margin-right:5px;transition:all ease .5s;}
.foot-button .city-box .a-box a:hover {color:#222;}
.foot-button .link-box {width:88%;float:left;}
.foot-button .link-box .a-box {width:100%;}
.foot-button .link-box .a-box a {font-size:12px;line-height:30px;color:#666;margin-right:10px;transition:all ease .5s;}
.foot-button .link-box .a-box span {font-size:12px;line-height:30px;color:#666;margin-right:20px;transition:all ease .5s;}
.foot-button .link-box .a-box a:hover {color:#222;}
.foot-button .link-box .copyright {line-height:28px;color:#999;margin-top:10px;}
.foot-button .link-box .copyright a {color:#999;}
.foot-button .makelink {width:106px;height:30px;border:1px solid #e4e4e4;text-align:center;line-height:28px;display:block;color:#999;float:right;transition:all ease .5s;}
.foot-button .makelink:hover {color:#222;}
.right-side .menu_ico{
    display:none}
@media(max-width:1370px) {.foot-top li .tbox .txt,.foot-top li .tbox .link,.foot-top li .tbox li .tboxs .t2 {font-size:12px;}}
/*-------footer-end--------*/

@media (max-width: 1280px){.index-case .mores, .index-news-more{top: 10px;}.ny-banner .nb-menu ul li a{padding: 0 15px;}}
@media (max-width: 1280px){.foot-top{padding: 60px 3.8% 18px;}.foot-top li{margin-right: 2%;}.foot-top li{width: 23%;}}
@media (max-width: 1200px){header .logo{width: 100px;left: 20px;}header .right-side li a{padding: 15px 0 6px;font-size: 14px;}.header-phone-number{right: 20px;top: 16px;font-size: 16px;padding-left: 22px;}
.ny-banner .nb-menu ul {width: 100%;overflow-x: auto;display: flex;white-space: nowrap;}.ny-banner .nb-menu ul::-webkit-scrollbar{display: none;}.ny-banner .boxs.n2 .box{bottom: 20px;}.index-banner .carousel-item2 .img-box .img1{left: 735px;top: 370px;}.index-banner .carousel-item2 .img-box .img2{right: 295px;top: 355px;}

.index-case .mores, .index-news-more{top: 10px;}.index-case-menu li:last-child{margin-right: 0;}.index-case-menu li a, .index-news-menu li a{padding: 0 10px;font-size: 14px;}.index-case-list li .tbox .title .icon{top: 5px;}
.index-data .index-data-list{width: 100%;padding: 110px 30px;}.index-solution .index-box{padding: 0;}.index-solution-box .tbox .title{font-size: 28px;}.index-solution-box .tbox .list{margin-top: 35px;}.index-solution-box .tbox .list li a{padding: 0px 10px;}.index-solution-box .tbox .list li{margin: 0 20px 15px 0;}.index-news-list .lbox .box1 .img{height: 270px;}.index-news-list .lbox .box1 .tbox{height: 280px;}.index-client.active .index-client-img .img10{left: 39.4%;
    top: 41.1%;}.index-client.active .index-client-img .img13{left: 57%;
    top: 28%;}.index-client.active .index-client-img .img16{left: 68.6%;top: 43%;}}
@media (max-width: 960px){
header .logo {
        width:120px;
        left:20px;top: 10px;
    }
    .header-phone-number {right:20px;top:14px;font-size:16px;line-height: 36px;
    }
    header .right-side li{
        margin:0 5px;
    }}

@media (max-width: 900px){.foot-top{
        display:none;}.foot-center {padding:20px 7.8% 18px;}.foot-center li{width: 100%;margin-right: 0;}.foot-center li:first-child{display: none;}
.foot-button{padding: 15px 3%;}.foot-button .link-box .copyright{text-align: center;margin-top: 0;display: block;}

header .right-side{
        width:100%;
        float:right;
        margin-top:0;margin-right:0;padding-right: 20px;padding-top: 15px;padding: 15px 20px 15px 0;
    }
    header .right-side .menu_ico{
        float:right;
    }
    header .right-side .menu_ico img{
        width:34px;
    }
    .right-side .menu_ico{
        display:block;
    }
    header .right-side ul{
        display:none;background-color: rgba(0,0,0,.9);width: 100%;height: 100vh;position: absolute;top: 0;z-index: -1;padding-top: 75px;
    }
    header .right-side ul li{
        display:block;
    }
    header .right-side ul li.on{
        display:block;
    }
    header .right-side ul li a{
        color:#fff;
        width:100%;padding:0;height: 50px;line-height: 50px;font-size: 16px;
    }
    header .right-side ul li.on a{color:#f00;
    }
    header .right-side li a:after{display: none;}
    .header-phone-number{
        display:none;}

.index-banner .carousel-item1 .swiper-inner-text .cansual-des{font-size: 18px;line-height: 24px;}.index-banner .carousel-item1 .swiper-inner-text .cansual-des span{font-size: 26px;line-height: 30px;margin-bottom: 10px;}.index-banner .carousel-item2 .cansual-des{font-size: 18px;line-height: 24px;}.index-banner .carousel-item2 .cansual-des .s2{font-size: 26px;line-height: 30px;}.index-banner .carousel-item2 .img-box{width: 100%;}.index-banner .carousel-item2 .img-box .img1{left: 335px;top: 235px;height: 205px;}.index-banner .carousel-item2 .img-box .img2{height: 210px;right: 0;top: 218px;}.index-banner .carousel-item2 .img-box .img3{width: 50%;top: 15%;right: 6%;height: 330px;padding: 20px 1px;}

.index-banner .carousel-item3 .cansual-des{font-size: 18px;line-height: 24px;}.index-banner .carousel-item3 .cansual-des .s2{font-size: 26px;line-height: 30px;}.index-banner .carousel-item .link {width: 135px;height: 40px;line-height: 40px;margin-top: 30px;}.carousel-scroll-btn{left: 70px;}
.page-header-bar{height: 50px;line-height: 50px;}.carousel-controls{width: 400px;
    height: 50px;}.carousel-controls .count{width: 150px;
    padding-left: 40px;
    font: bold 18px/50px 'gotham-medium';}.carousel-controls .controls{left: 150px;}.carousel-controls .carousel-control{height: 50px;}
.advantage-title{padding-bottom: 30px;}.advantage-title .bdl{line-height: 20px;}.advantage-title .title{font-size: 26px;margin-bottom: 10px;}.advantage-title .bdr{line-height: 52px;}
.index-box{padding: 0 30px;}.advantage-list{padding-bottom: 30px;}.advantage-list li{padding: 30px 10px 30px 10px;}.advantage-list li .icon{height: 60px;}.advantage-list li .icon1 {background:url(/images/icon8.png) left top no-repeat;background-size: 40px;}.advantage-list li .icon2 {background:url(/images/icon9.png) left top no-repeat;background-size: 40px;}.advantage-list li .icon3 {background:url(/images/icon10.png) left top no-repeat;background-size: 40px;}.advantage-list li .icon4 {background:url(/images/icon11.png) left top no-repeat;background-size: 40px;}.advantage-list li:hover .icon1 {background:url(/images/icon12.png) left top no-repeat;background-size: 40px;}.advantage-list li:hover .icon2 {background:url(/images/icon13.png) left top no-repeat;background-size: 40px;}.advantage-list li:hover .icon3 {background:url(/images/icon14.png) left top no-repeat;background-size: 40px;}.advantage-list li:hover .icon4 {background:url(/images/icon15.png) left top no-repeat;background-size: 40px;}.advantage-list li .title{font-size: 16px;line-height: 30px;margin-bottom: 10px;}.advantage-list li .link{margin-top: 25px;}
.index-case{padding: 30px 0;}.index-case-title{font-size: 22px;}.index-case-menu{margin-top: 20px;}.index-case-menu li{margin-bottom: 10px;}.index-case-list{margin-top: 20px;}.index-case-list li .tbox .title .t2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-case .mores, .index-news-more{top: 0;line-height: 26px;}.index-data .text-wrap .number-wrap{font: normal 80px/1 'AkzidenzGrotesk-BoldCondAlt';}.index-data .text-wrap .number-wrap .icon{vertical-align: 4px;}
.index-solution{padding: 50px 3% 50px;}.index-solution-box .img{width: 100%;}.index-solution-box .tbox{width: 100%;padding: 4.5% 20px 20px 40px;}.index-solution-box .tbox .title{font-size: 26px;}.index-news{padding: 0 30px;}.index-news-title{font-size: 26px;}.index-news-menu{margin-top: 20px;}.index-news-list{margin-top: 30px;}.index-news-list .lbox .box3 .tbox .time{margin-right: 10px;}.index-client-img{width: 100%;}.index-client-tbox{width: 100%;padding: 0;}.index-client-tbox .title{font-size: 26px;margin-bottom: 10px;}.index-client-tbox .txt{margin-bottom: 0;}.foot-button .link-box{width: 100%;}
.index-case-menu{display: flex;overflow-x: scroll;white-space: normal;}.index-case-menu ul{display: flex;white-space: nowrap;}.index-news-menu{display: flex;overflow-x: scroll;white-space: normal;}.index-news-menu ul{display: flex;white-space: nowrap;}
.index-news-list .lbox .box1 .tbox{height: auto;}}
.phonebanner{display: none;}
.phone-banner{display: none;}
/*------- phone-begin --------*/
@media (max-width: 767px){header .logo{width: 94px;}
header .right-side .menu_ico img{width: 25px;}.ny-banner {height: 360px;}.foot-button .makelink{display: none;}.about-address{display: none;}
.index-banner{height: 500px;}.index-banner .carousel-item1 img{width: 220%;left: -25%;max-width: initial;}.index-banner .carousel-item1.active img {top: -140px;}
.page-header-bar{display: none;}
.phonebanner{display: block;position: absolute;left: 0;bottom: 16px;text-align: center;width: 100%;z-index: 9;}.phonebanner span{width: 7px;height: 7px;background: #fff;border-radius: 50%;margin: 0 5px;display: inline-block;transition: all ease .5s;}.phonebanner span.active{width: 15px;}
.index-banner{display: none;}.phone-banner{width: 100%;position: relative;display: block;}.pbanner-box{width: 100%;position: relative;}.pbanner-box .img{width: 100%;}.pbanner-box .img img{width: 100%;}.pbanner-box .tbox{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);}.pbanner-box .tbox .t1{font-size: 26px;line-height: 30px;color: #fff;}.pbanner-box .tbox .t2{font-size: 18px;line-height: 24px;color: #fff;margin-top: 9px;}.pbanner-box .tbox2{width: 100%;position: absolute;left: 0;top: 110px;text-align: center;}.pbanner-box .tbox2 .t1{font-size: 26px;line-height: 1;color: #fff;}.pbanner-box .tbox2 .t2{font-size: 18px;line-height: 24px;color: #fff;margin-top: 11px;}.pbanner-box .tbox3{width: 100%;position: absolute;left: 0;top: 110px;text-align: center;}.pbanner-box .tbox3 .t1{font-size: 26px;line-height: 1;color: #fff;}.pbanner-box .tbox3 .t2{font-size: 18px;line-height: 24px;color: #fff;margin-top: 11px;}



.phone-banner .swiper-pagination{bottom: 16px;}.phone-banner .swiper-pagination .swiper-pagination-bullet{width: 7px;height: 7px;border-radius: 3px;background: #fff;opacity: 1;}.phone-banner .swiper-pagination .swiper-pagination-bullet-active{width: 15px;}



.index-case-menu li a{font-size: 14px;}.index-solution{padding: 40px 3%;}.index-solution-box{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}.index-solution-box .tbox{padding: 40px 25px 35px;}.index-solution-box .tbox .list {width:100%;}.index-solution-box .tbox .list li {float:left;margin: 0 10px 10px 0;}.index-solution-box .tbox .list li:nth-child(2n){margin-right: 0;}.index-solution-box .tbox .list li a {line-height: 30px;border-radius: 15px;padding: 0 10px;font-size:14px;}.index-solution-box .tbox .title{font-size: 18px;margin-bottom: 10px;}.index-solution-box .tbox .txt{line-height: 20px;}.index-client.active .index-client-img .img9 {left: 36.6%;top: 17.6%;}.carousel-scroll-btn {display: none;}
.carousel-controls{width: 210px;}.carousel-controls .count {width: 90px;padding-left: 15px;}.carousel-controls .controls{left: 90px;}.carousel-controls .carousel-control{width: 60px;height: 50px;}.index-banner .carousel-item2 .bg-img{width: 200%;left: -50%;max-width: initial;height: 100%;}.index-banner .carousel-item2 .img-box .img3{width: 70%;top: 28%;right: 15%;height: 330px;padding: 10px 5px;}.index-banner .carousel-item2 .img-box .img2{right: 65px;top: 312px;width: 95px;height: 115px;padding: 8px 10px 0 10px;}.index-banner .carousel-item2 .img-box .img1{left: 115px;
    top: 335px;height: 82px;width: 40px;padding: 3px;}.index-banner .carousel-item3 .bg-img{height: 100%;}.index-banner .carousel-item3 .img-box .img2{top: 20%;height: auto;}.index-banner .carousel-item3 .img-box li.img2 img{height: auto;}.index-banner .swiper-inner-text{left: 3%;}.index-banner .carousel-item1 .swiper-inner-text .cansual-des,.index-banner .carousel-item2 .cansual-des,.index-banner .carousel-item3 .cansual-des{font-size: 18px;line-height: 24px;}.index-banner .carousel-item1 .swiper-inner-text .cansual-des span,.index-banner .carousel-item2 .cansual-des .s2,.index-banner .carousel-item3 .cansual-des .s2{font-size: 26px;line-height: 30px;margin-bottom: 10px;display: block;}.index-banner .carousel-item .link{background: #222 url(/images/icon22.png) 68px center no-repeat;width: 100px;font-size: 12px;padding-left: 10px;margin-top: 10px;}

.index-box{padding: 0 20px;}.advantage-title .bdl{font-size: 40px;}.advantage-title .bdr{font-size: 40px;line-height: 70px;}.advantage-title .title{font-size: 18px;}.advantage-title .txt{width: 100%;}.advantage-title .bdr span {width: 170px;top: 23px;right: 50px;}.advantage-list li {width: 47%;margin: 0 1.5%;}.advantage-list li .txt{min-height: 96px;}
.index-case-list li{width: 100%;margin-right: 0;}.index-data .text-wrap .number-wrap{font: normal 30px/1 'AkzidenzGrotesk-BoldCondAlt';}.index-data .text-wrap .number-wrap .icon{font-size: 20px;}.index-case .mores, .index-news-more{right: 20px;}.index-news{padding: 0 10px;}.index-news .index-box{padding: 0 10px;}.index-news-title{font-size: 18px;}.index-news-more{font-size: 14px;}.index-news-list .lbox .box1{margin-bottom: 10px;}.index-news-list .lbox .box1,.index-news-list .lbox .box2,.index-news-list .lbox .box3{width: 100%;margin-right: 0;}
.index-client-tbox .title{font-size: 18px;line-height: 24px;}.index-client-tbox .txt{line-height: 20px;}.foot-button .link-box .a-box a{line-height: 20px;}.foot-button .makelink{margin-top: 10px;}
.index-data .index-data-list{padding: 30px 20px;}.index-data .item{width: 50%;height: 175px;}.index-data .item:nth-child(3n) .item-inner{border-right: 1px solid rgba(255,255,255,.2);}.index-data .item:nth-child(2n) .item-inner{border-right: 0;}.index-data .item:nth-child(4) .item-inner {border-bottom: 1px solid rgba(255,255,255,.2);}.index-data .item-inner{height: 175px;}
.index-data .video{display: none;}
.index-client.active .index-client-img .img2,.index-client.active .index-client-img .img12,.index-client.active .index-client-img .img17,.index-client.active .index-client-img .img18,.index-client.active .index-client-img .img19{display: none;}

.index-client.active .index-client-img .img5 {left: 0%;top: 1.8%;}.index-client.active .index-client-img .img6 {left: 6.5%;top: 17.5%;}.index-client.active .index-client-img .img9 {left: 26.6%;top: 2.6%;}.index-client.active .index-client-img .img15 {left: 79.2%;top: 4.7%;}.index-client.active .index-client-img .img13 {left: 56%;top: 14%;}.index-client.active .index-client-img .img7 {left: 5%;top: 34%;}.index-client.active .index-client-img .img16 {left: 77.6%;top: 28%;}.index-client.active .index-client-img .img10 {left: 34.4%;
    top: 31.1%;}.index-client.active .index-client-img .img14 {left: 68.25%;top: 51.4%;}.index-client.active .index-client-img .img11 {left: 31.25%;top: 57.8%;}.index-client.active .index-client-img .img4 {left: 1.6%;top: 66.7%;}.index-client.active .index-client-img .img20 {left: 65%;top: 73%;}
.carousel-controls .carousel-line{top: 8px;}
.index-case-title{font-size: 18px;}.index-case-list li .tbox{padding: 13px;}.index-case-list li .tbox .title{line-height: 18px;}.index-case-list li .tbox .title .t1{font-size: 14px;}.index-case-list li .tbox .title .t2{font-size: 12px;margin-top: 6px;}.index-case-list li .tbox .more{display: none;}.index-data .wrap{background: url(/images/bimg1.jpg) center top no-repeat;background-size: 100% 100%;}.relevant-case {padding: 40px 3%;}.case-list{margin-top: 30px;}
.index-client-box{padding-top: 20px;display: flex;
    flex-direction: column-reverse;}
.foot-button{background: #fff;}.foot-button .link-box .a-box{display: none;}
.index-news-list .lbox .box1 .tbox{display: flex;flex-wrap: wrap;padding: 17px 15px;}.index-news-list .lbox .box1 .tbox .time{order: 2;font-size: 12px;font-weight: initial;font-family: Arial;display: flex;background: none;line-height: 25px;padding: 0;border-bottom: none;}.index-news-list .lbox .box1 .tbox .time span{font-size: 12px;display: inline-block;order: -1;line-height: 25px;}.index-news-list .lbox .box1 .tbox .titles{order: 1;margin-top: 0;line-height: 22px;}.index-news-list .lbox .box1 .tbox .txts{order: 3;font-size: 12px;line-height: 18px;margin-top: 4px;}
.index-news-list .lbox .box2 .tbox{padding: 17px 15px;height: auto;}.index-news-list .lbox .box2 .tbox a{width: 100%;display: flex;flex-wrap: wrap;}.index-news-list .lbox .box2 .tbox .time{order: 2;font-size: 12px;font-weight: initial;font-family: Arial;display: flex;background: none;line-height: 25px;padding: 0;border-bottom: none;}.index-news-list .lbox .box2 .tbox .time span{font-size: 12px;display: inline-block;order: -1;line-height: 25px;}.index-news-list .lbox .box2 .tbox .titles{order: 1;margin-top: 0;line-height: 22px;}.index-news-list .lbox .box2 .tbox .txts{order: 3;font-size: 12px;line-height: 18px;margin-top: 4px;}.index-news-list .lbox .box3{display: none;}
}
/*------- phone-end --------*/


@media (max-width: 414px){
.advantage-title .bdr{top: initial;bottom: -5px;}
.advantage-title .bdr span{width: 100px;}.index-banner .swiper-inner-text{top: 60%;}.advantage-list li{padding: 30px 5px;}

}