@charset "UTF-8";

@font-face{font-family: 'AkzidenzGrotesk-BoldCondAlt';src: url('../other/AkzidenzGrotesk-BoldCondAlt.otf') format('woff');font-weight: normal;font-style: normal;}

@font-face{font-family: 'Gotham-Bold';src: url('../other/gotham-bold.woff') format('woff');font-weight: normal;font-style: normal;}

@font-face{font-family: 'Gotham-Book';src: url('../other/gotham-book.woff') format('woff');font-weight: normal;font-style: normal;}

@font-face{font-family: 'gotham-medium';src: url('../other/gotham-medium.woff') format('woff');font-weight: normal;font-style: normal;}

@font-face{font-family: 'sheepsansbold';src: url('../other/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;}

.index-case-list li .tbox .title .icon{position:absolute;right:0;top:20px;}

.index-case-list li .tbox .title .icon span{display:inline-block;width:18px;height:16px;margin-left:10px;}

.index-case-list li .tbox .title .icon a{display:inline-block;width:18px;height:16px;margin-left:10px;}

.index-case-list li .tbox .title .icon .icon1{background:url(../images/icon17.png) center center no-repeat;}

.index-case-list li .tbox .title .icon .icon2{background:url(../images/icon18.png) center center no-repeat;}

.index-case-list li .tbox .title .icon .icon3{background:url(../images/icon19.png) center center no-repeat;}

.index-case-list li .tbox .more{width:100%;border-top:1px solid #e3e3e3;margin-top:7px;font-size:14px;color:#666;line-height:36px;padding:7px;background:url(../images/icon20.png) right center no-repeat;transition:all ease .3s;}

.index-case-list li:hover .tbox .more{background:url(../images/icon21.png) right center no-repeat;}

.index-solution{width:100%;padding:80px 0;}

.index-solution-box{width:100%;background:#373737;display:table;}

.index-solution-box .img{width:60%;float:left;}

.index-solution-box .tbox{width:40%;float:left;padding:8.5% 0 0 80px;display:inline-block;}

.index-solution-box .tbox .title{font-size:36px;font-weight:bold;color:#fff;line-height:1;margin-bottom:20px;}

.index-solution-box .tbox .txt{max-width:475px;font-size:14px;line-height:28px;color:#fff;}

.index-solution-box .tbox .list{width:100%;margin-top:53px;}

.index-solution-box .tbox .list li{float:left;margin:0 20px 20px 0;}

.index-solution-box .tbox .list li a{line-height:36px;border:1px solid #bbb;border-radius:19px;display:block;padding:0 21px;font-size:14px;color:#bbb;transition:all ease .3s;}

.index-solution-box .tbox .list li:hover a{color:#222;background:#fff;border:1px solid #fff;}

.index-news{width:100%;background:#fff;overflow:hidden;}

.index-news-title{font-size:36px;line-height:1;color:#000;font-weight:bold;}

.index-news-more{font-family: 'sheepsansbold';font-size: 16px;line-height: 36px;color: #000;background: url(../images/icon21.png) right center no-repeat;padding-right: 35px;display: block;position: absolute;right: 5px;top: 30px;}

.index-news-menu{width:100%;margin-top:30px;display:table;}

.index-news-menu li{float:left;margin-right:10px;}

.index-news-menu li a{display:block;line-height:26px;padding:0 20px;border:1px solid #666;font-size:14px;color:#666;border-radius:14px;transition:all ease .3s;}

.index-news-menu li:hover a{color:#fff;background:#222;border-color:#222;}

.index-news-menu li.on a{color:#fff;background:#222;border-color:#222;}

.index-news .index-box{max-width:1610px;overflow:hidden;padding:0 5px;}

.index-news-list{width:calc(700% + 70px);margin-top:40px;display:inline-block;left:0;position:relative;transition:all ease 1s;}

.index-news-list .lbox{width:calc(100% / 7);display:inline-block;float:left;padding-right:10px;}

.index-news-list .lbox .box1{width:30%;margin-right:0.625%;float:left;transition:all ease .3s;}

.index-news-list .lbox .box1 a{display:inline-block;width:100%;}

.index-news-list .lbox .box1 .img{width:100%;height:280px;}

.index-news-list .lbox .box1 .tbox{width:100%;height:270px;box-sizing:border-box;background:#f7f7f7;padding:0 30px;}

.index-news-list .lbox .box1:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.3);}

.index-news-list .lbox .box1 .tbox .time{color:#999;font-family: 'sheepsansbold';font-weight:bold;font-size:48px;line-height:50px;border-bottom:1px solid #dbdbdb;padding:22px 0 16px;background:url(../images/icon20.png) right 54px no-repeat;transition:all ease .3s;}

.index-news-list .lbox .box1 .tbox:hover .time{color:#222;}

.index-news-list .lbox .box1 .tbox .time span{font-size:16px;line-height:20px;font-weight:initial;display:block;}

.index-news-list .lbox .box1 .tbox .titles{font-size:16px;line-height:36px;color:#000;margin-top:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index-news-list .lbox .box1 .tbox .txts{font-size:14px;line-height:24px;color:#666;margin-top:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.index-news-list .lbox .box2{width:30%;margin-right:0.625%;float:left;}

.index-news-list .lbox .box2 .tbox{width:100%;height:270px;background:#f4f4f4;box-sizing:border-box;padding:0 30px;margin-bottom:10px;transition:all ease .3s;}

.index-news-list .lbox .box2 .tbox:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.3);}

.index-news-list .lbox .box2 .tbox a{display:inline-block;width:100%;}

.index-news-list .lbox .box2 .tbox .time{font-size:48px;font-weight:bold;line-height:50px;font-family: 'sheepsansbold';color:#999;padding:22px 0 15px;background:url(../images/icon20.png) right 54px no-repeat;border-bottom:1px solid #dbdbdb;transition:all ease .3s;}

.index-news-list .lbox .box2 .tbox .time span{font-size:16px;line-height:20px;display:block;}

.index-news-list .lbox .box2 .tbox:hover .time{color:#222;}

.index-news-list .lbox .box2 .tbox .titles{font-size:16px;line-height:36px;color:#000;margin-top:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index-news-list .lbox .box2 .tbox .txts{font-size:14px;line-height:24px;color:#666;margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.index-news-list .lbox .box3{width:38.75%;float:left;}

.index-news-list .lbox .box3 .tbox{width:100%;height:130px;margin-bottom:10px;box-sizing:border-box;padding:30px;background:#f4f4f4 url(../images/icon20.png) 95% 60px no-repeat;transition:all ease .3s;}

.index-news-list .lbox .box3 .tbox:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.3);}

.index-news-list .lbox .box3 .tbox a{display:inline-block;}

.index-news-list .lbox .box3 .tbox .time{font-size:48px;font-weight:bold;line-height:50px;font-family: 'sheepsansbold';color:#999;float:left;margin-right:30px;transition:all ease .3s;}

.index-news-list .lbox .box3 .tbox:hover .time{color:#222;}

.index-news-list .lbox .box3 .tbox .time span{font-size:16px;display:block;line-height:20px;}

.index-news-list .lbox .box3 .tbox .titles{width:410px;float:left;font-size:16px;line-height:26px;color:#000;padding-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.index-news-list .lbox .box3 .tbox .txts{ display:none;}

@media(max-width:1630px){

.index-box{width:100%;padding:0 40px;}

.index-news{overflow:hidden;padding:0 40px;}

.advantage-list li{width:23%;margin:0 1.125% 0 0.5%;padding:60px 20px 20px 20px}

.index-case .mores,.index-news-more{right:40px;}

.index-solution-box .tbox{padding:4.5% 20px 0 40px;}

.index-news-list .lbox .box3 .tbox .titles{width:calc(100% - 110px);}

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

.footnav{width:100%;padding:0px 7.8%;display:table;background:#222;}

.footnav li{width:9%;float:left;margin-right:2.66%;color:#fff;}

.footnav li .topa {
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    position: relative;
    padding: 28px 0 6px;
    display: block;
}

.foot-center{width:100%;padding:33px 7.8% 18px;display:table;min-height:136px;background:#222;color:#999;}

.foot-center li{width:46%;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: 70%;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 ,.footnav{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: 0 30px;}

.index-news-title{font-size: 26px;}

.index-news-menu{margin-top: 20px;}

.index-news-list{margin-top: 30px;}

.index-news-list .lbox .box3 .tbox .time{margin-right: 10px;}

.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: 0 10px;}

.index-news .index-box{padding: 0 10px;}

.index-news-title{font-size: 18px;}

.index-news-more{font-size: 14px;}

.index-news-list .lbox .box1{margin-bottom: 10px;}

.index-news-list .lbox .box1,.index-news-list .lbox .box2,.index-news-list .lbox .box3{width: 100%;margin-right: 0;}

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

}