/*main css cmsyou*/
@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;}
.pt0{ padding-top:0!important;}
.hide{opacity: 0;}
.bg-white{background: #fff;}
.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.header-bg{ height:90px;background:#222 url(../images/bg_header.jpg) center top repeat-x;}
.header-inner{position: relative;width: 100%;height: 100%;}
header .logo{position: absolute;left: 40px;top: 20px;z-index:200;}
.topmenu{position: relative;width: 100%;text-align: center;}
.topmenu li{ position:relative; margin: 0 23px;display: inline-block;}
.topmenu li .topa{font-size: 16px;color: #fff;line-height: 36px;position: relative;padding: 28px 0 6px;display: block;}
.topmenu li .topa:after{content: '';bottom: 0;position: absolute;display: block;width: 0;height: 1px;background: #fff;transition: all .4s;}
.topmenu li.active .topa:after,.topmenu li .topa:hover:after{width: 100%;}
.topmenu .subnav{display: none; background: #fff; border: 1px solid #fff; border-radius: 5px; position: relative; position: absolute; top:68px; left: 50%; width:100px; margin-left: -50px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); padding: 10px 0; z-index: 9;}
.topmenu li:hover .subnav{ display:block;}
.topmenu .subnav:before, .topmenu .subnav:after{content: ' '; height: 0; position: absolute; left: 50%; margin-left: -5px; width: 0; border: 5px solid transparent;}
.topmenu .subnav:before{border-bottom-color: #fff; top: -10px; z-index: 2;}
.topmenu .subnav:after{border-bottom-color: #fff; top: -11px; z-index: 1;}
.topmenu .subnav li{ margin:0; }
.topmenu .subnav a{display: block; color: #2c2f33; font-size: 14px; line-height: 30px; padding: 0 20px; white-space: nowrap;}
.topmenu .subnav a:hover, .topmenu .subnav a:focus{color: #03a9f4;}
.header-float{position: absolute;right: 40px;top: 28px;}
.header-phone-number{float:left;font-size:18px;line-height: 36px;color: #fff;background: url(../images/icon1.png) left center no-repeat;padding-left: 30px;font-family: Arial;}
.header-member{ float:right; width:24px; margin-left:10px; margin-top:5px;}
.top-login .icon-user{ width:24px; height:24px; text-indent:-9999em; border-radius:50%; background:url(../images/icon-user.png) center center no-repeat; background-size:24px auto; display:block;}
.top-login .icon-user.active{background:url(../images/icon-user-active.png) center center no-repeat; background-size:24px auto;}
.top-login{}
.top-login .subnav{display: none; background: #fff; border: 1px solid #fff; border-radius: 5px; position: relative; position: absolute; top:38px;right:20px; width:86px; margin-right: -50px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); padding: 10px 0; z-index: 9;}
.top-login li:hover .subnav{ display:block;}
.top-login .subnav:before,.top-login .subnav:after{content: ' '; height: 0; position: absolute;right: 50%; margin-right: -5px; width: 0; border: 5px solid transparent;}
.top-login .subnav:before{border-bottom-color: #fff; top: -10px; z-index: 2;}
.top-login .subnav:after{border-bottom-color: #fff; top: -11px; z-index: 1;}
.top-login .subnav li{ margin:0; }
.top-login .subnav a{display: block; color: #2c2f33; font-size: 14px; line-height: 30px; padding: 0 13px; white-space: nowrap;}
.top-login .subnav a:hover,.top-login .subnav a:focus{color: #03a9f4;}
.js-container{position: relative;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{position: relative;overflow: hidden;}
footer.footer-bg{ margin-top:60px;}
.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;}
@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:144px;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:20px 34px 0 34px;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:18px;}
.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);}
.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-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;}
.index-page-block{ padding-bottom:80px;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{color:#222;font-size:36px;line-height:1;font-weight:bold;text-align:center;margin-bottom:23px;}
.advantage-title .txt{color:#666;font-size:14px;line-height:24px;text-align:center;}
.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:20px;}
.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%;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{color:#222;font-size:16px;font-weight:bold;}
.index-case-list li .tbox .title .t2{color:#666;font-size:14px;line-height:20px;padding-bottom:5px;height: 100px;overflow: hidden;}
.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;padding-top: 30px}
.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;width: 100%;}
.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-news-list .lbox .box3 .tbox .txts{ display:none;}
@media(max-width:1630px){
.index-box{width:100%;padding:0 40px;}
.index-news{overflow:hidden;padding:30px 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);}
.top-foot{padding: 60px 40px 0;}
.friend-link{padding: 41px 40px 21px;}
}
@media(max-width:1330px){
.data-background{height:100%;}
.topmenu li{margin: 0 8px;display: inline-block;}
.header-phone-number{font-size:16px;line-height: 36px;}
}
.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 no-repeat;background-size:auto 100%;}
.foot-top li{width:23%;float:left;margin-right:2.66%;}
.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:90px;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:23%;float:left;margin-right:2.66%;}
.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.hw{padding:8px 0 0 45px;background:url(../images/f-icon2.png) left 4px no-repeat;}
.foot-center li .tbox.add{padding:8px 0 0 45px;background:url(../images/f-icon3.png) left 4px 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 .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:20px;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;}
.copyright{width:100%;color:#999;text-align:center;padding:10px 7.8%;min-height:40px;background:#222;}
.copyright a{color:#999;}
.copyright a:hover{color:#ddd;}
.topmenu .btn-menu{display:none}
/*floatbar*/
.floatbar{position: fixed;right: 0;top: 50%;margin-top: -160px;width: 55px;background: rgba(0, 0, 0, 0.3);padding: 12px 0 12px 0;border-radius: 8px 0 0 8px;z-index: 999999;}
.floatbar{display: block;}
.floatbar li{display: block;height: 50px;width: 140px;padding-left:15px;border-radius: 8px 0 0 8px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.floatbar li a{ color:#fff; font-size:14px; line-height:30px; padding:10px; display: block;}
.floatbar li:hover{margin-left: -80px;background: rgba(0, 0, 0, 0.6);}
.floatbar li .icons{ padding-left:40px; background-position:left center; background-repeat:no-repeat;}
.floatbar li.icon-qq .icons{ background-image:url(../images/icon-qq.png);}
.floatbar li.icon-wx .icons{ background-image:url(../images/icon-wx.png);}
.floatbar li.icon-im .icons{ background-image:url(../images/icon-im.png);}
.floatbar li.icon-tel .icons{ background-image:url(../images/icon-tel.png);}
.floatbar li.icon-tel,.floatbar li.icon-wx{ width:200px;}
.floatbar li.icon-tel:hover,.floatbar li.icon-wx:hover{margin-left: -145px;}
/*totop*/
#toTop{z-index: 1555;display: none;text-decoration: none;position: fixed;bottom:8px;right:8px;overflow: hidden;width: 51px;height: 51px;border: none;text-indent: -999px;background: url(../images/ui.totop.png) no-repeat left top;}
#toTopHover{background: url(../images/ui.totop.png) no-repeat left -51px;width: 51px;height: 51px;display: block;overflow: hidden;float: left;}
#toTop:active, #toTop:focus{outline: none;}
/*responsive css*/
@media(max-width:1600px){
.topmenu li{margin: 0 15px;}
}
@media(max-width:1370px){
.foot-top li .tbox .txt,.foot-top li .tbox .link,.foot-top li .tbox li .tboxs .t2{font-size:12px;}
}
@media (max-width: 1280px){
.topmenu li{margin: 0 10px;}
.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;top:15px;}
header.header-bg{ height:66px;}
.header-phone-number{font-size:14px;line-height: 36px;}
.topmenu li .topa{padding: 15px 0 6px;font-size: 14px;}
.header-float{right: 20px;top: 16px;}
.header-phone-number{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;}
}
@media (max-width: 1080px){
.topmenu li{margin: 0 3px;}
}
@media (max-width: 960px){
header .logo{width:120px;left:20px;top: 10px;}
.header-float{right:20px;top:14px;}
.header-phone-number{font-size:13px;}
.topmenu li{margin:0 1px;}
}
@media (max-width: 900px){
.foot-top{display:none;}
.foot-center{padding:20px 7.8% 18px;}
.foot-center li{width: 100%;margin-right: 0; margin-bottom:10px;}
.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-float{right:75px;}
.header-member{width:auto;margin-top:2px;}
.top-login li:hover .subnav{ display:none;}
.top-login .icon-user,.top-login .icon-user.active{ width:32px; height:32px; background-size:32px auto;}
.topmenu{width:100%;float:right;margin-top:0;margin-right:0;padding-right: 20px;padding-top: 15px;padding: 15px 20px 15px 0;}
.topmenu .btn-menu{float:right;display:block;}
.topmenu .btn-menu img{width:32px;}
.topmenu ul{display:none;background-color: rgba(0,0,0,.9);width: 100%;height: 100vh;position: absolute;top: 0;z-index: -1;padding-top: 75px;}
.topmenu ul li{display:block;}
.topmenu ul li.on{display:block;}
.topmenu ul li a{color:#fff;width:100%;padding:0;height: 50px;line-height: 50px;font-size: 16px;}
.topmenu ul li.on a{color:#f00;}
.topmenu li .topa:after{display: none;}
.topmenu li .topa:after{ display:none;}
.topmenu li:hover .subnav{ 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; display:block; clear:both;}
.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-page-block{padding-bottom:50px;}
.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: 30px 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;}
.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;}
@media (max-width: 767px){
header.header-bg{ height:56px;}
header .logo{width: 94px;}
.header-float{right:65px;}
.header-member{margin-top:1px;}
.top-login .icon-user,.top-login .icon-user.active{ width:24px; height:24px; background-size:24px auto;}
.topmenu .btn-menu img{width: 24px;}
.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-page-block{padding-bottom:30px;}
.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;}
.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: 30px 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;}
.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-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;}
.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;}
.foot-center li.qrcode{ display:none;}
}
@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;}
}