@font-face { font-family: 'AkzidenzGrotesk-BoldCondAlt'; src: url('/static/amap/fonts/AkzidenzGrotesk-BoldCondAlt.otf') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham-Bold'; src: url('../font/gotham-bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham-Book'; src: url('../font/gotham-book.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gotham-medium'; src: url('../font/gotham-medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sheepsansbold'; src: url('../font/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; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.wrap:after, .wrap:before, .container:after, .container:before { content: ""; display: table; }
.wrap:after, .container:after { clear: both; }
.container { width: 80%; margin: 0 auto; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.absolute { position: absolute; }
.pors { position: relative; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.hide { opacity: 0; }
.en { font-family: 'gotham-medium'; }
nav li, .index-banner li, .item-list li, .inner-tab li { list-style-type: none; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #6f6f6f; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #6f6f6f; }
body { letter-spacing: 0.5px; }

/*fixed-contact*/
.fixed-contact-wrap { z-index: 999; position: fixed; right: 30px; top: 75%; width: 60px; margin-top: -90px; overflow: hidden; border-radius: 30px; opacity: 0; transition: all .4s; transform: translateX(95px); -webkit-transform: translateX(95px); -moz-transform: translateX(95px); }
.fixed-contact-wrap.show { transform: none; opacity: 1; }
.fixed-contact-wrap.active { width: 215px; }
.fixed-contact-wrap li { position: relative; height: 60px; background: #222; overflow: hidden; }
.fixed-contact-wrap.active li { overflow: inherit; }
.fixed-contact-wrap li a { position: relative; z-index: 1000; display: block; }
.fixed-contact-wrap li i { z-index: 1000; position: absolute; right: 0; display: block; width: 60px; height: 60px; transition: all .4s; }
.fixed-contact-wrap.active li:after { z-index: 1001; content: ''; position: absolute; bottom: 0; left: 50%; display: block; width: 80%; height: 1px; margin-left: -40%; background: rgba(255, 255, 255, .1); }
.fixed-contact-wrap.active li:last-child:after { display: none; }

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

/*.fixed-contact-wrap.black .phone i {
	background: #111 url(/static/amap/images/fix-icon1.png) no-repeat center center;
}

.fixed-contact-wrap.black .qq i {
	background: #111 url(/static/amap/images/fix-icon2.png) no-repeat center center;
}

.fixed-contact-wrap.black .back-top i {
	background: #111 url(/static/amap/images/fix-icon3.png) no-repeat center center;
}*/
@media(max-width:1400px) {
	.fixed-contact-wrap { right: 15px; width: 50px; border-radius: 25px; }
	.fixed-contact-wrap.active { width: 200px; }
	.fixed-contact-wrap li { height: 50px; }
	.fixed-contact-wrap li i { width: 50px; height: 50px; }
	.fixed-contact-wrap li strong { right: -120px; width: 100px; padding: 0 15px 0 20px; font: normal 14px/50px 'gotham-medium'; }
	.fixed-contact-wrap.active li strong { right: 70px; }
}
@media(max-width:1200px) {
	.top-footer .logo { width: 15%; }
	.top-footer .logo img { width: 80px; }
	.top-footer .bottom-item-wrap { width: 100%; }
	.top-footer .each-item dl { width: 95%; padding-right: 5%; }
}
.mb15 { margin-bottom: 1%; }
.index-banner { position: static; width: 100%; height: 100vh; overflow: hidden; }
.index-banner .en { font-family: 'gotham-medium'; }
.index-banner .swiper-container { position: relative; width: 100%; height: 100%; }
.index-banner .carousel-inner { position: absolute; top: -60px; right: 0; bottom: 0; left: 0; padding-top: 60px; overflow: hidden;	/*cursor: -webkit-grab!important;*/	/*cursor: grab!important;*/ }
.page-header-fullscreen-trame { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
@media (min-width:768px) {
	.index-banner .carousel-inner { position: absolute; top: 0; padding-top: 0; }
}
.index-banner .carousel-item { position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; z-index: 10; opacity: 0;	/*opacity: 0;
		transition: .6s opacity cubic-bezier(.19,1,.22,1);
		cursor: move;
		touch-action: pan-y;
		user-select: none;*/ }
	.index-banner .carousel-item .video-inner { height: 100%; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 8; width: 2560px; margin-left: -1280px; background-color: #fff; text-align: center; }
	.index-banner .carousel-item .video video { position: relative; display: inline-block; vertical-align: baseline; }
	.index-banner .carousel-item.carousel-item-prev { transform-origin: center right; transform: translateX(-100%); }
	.index-banner .carousel-item.carousel-item-next { transform-origin: center right; transform: translateX(100%); }
	.index-banner .carousel-item:active { cursor: -webkit-grab !important; cursor: grab !important; }
	.index-banner .carousel-item.active { z-index: 15; opacity: 1; transform-origin: center right; }
	.index-banner .carousel-item1 img { width: 100%; position: absolute; left: 0; top: 0; -moz-transition: all 4.5s linear; -o-transition: all 4.5s linear; transition: all 4.5s linear; }
	.index-banner .carousel-item1.active img { top: -200px; }
	.index-banner .carousel-item2 .bg-img { width: 100%; position: absolute; left: 0; top: 0; }
	.index-banner .carousel-item2 .img-box { width: 1600px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2; }
	.index-banner .carousel-item2 .img-box .img1 { width: 143px; height: 286px; position: absolute; left: 647px; top: 532px; background: url(../image/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(../image/005.png) top center no-repeat; background-size: 100%; padding: 23px 35px 0 35px; z-index: 3; }
	.index-banner .carousel-item2 .img-box .img2 img { width: 100%; opacity: 0; transition: all ease .3s; transition-delay: 1s; }
	.index-banner .carousel-item2.active .img-box .img2 img { opacity: 1; }
	.index-banner .carousel-item2 .img-box .img3 { width: 760px; height: 755px; position: absolute; top: 184px; right: 160px; background: url(../image/006.png) top center no-repeat; background-size: 100%; padding: 20px; }
	.index-banner .carousel-item2 .img-box .img3 img { width: 100%; opacity: 0; transition: all ease .3s; transition-delay: .5s; }
	.index-banner .carousel-item2.active .img-box .img3 img { opacity: 1; }
	@media(max-width:1680px) {
		.index-banner { height: auto; }
		.index-banner .carousel-item2 .img-box .img1 { width: 100px; height: 286px; position: absolute; left: 667px; top: 502px; padding: 7px; }
		.index-banner .carousel-item2 .img-box .img2 { width: 182px; height: 391px; position: absolute; right: 180px; top: 447px; padding: 13px 25px 0 25px; }
		.index-banner .carousel-item2 .img-box .img3 { width: 36%; position: absolute; top: 22%; right: 18%; padding: 20px 10px; }
	}
	.index-banner .carousel-item3 .bg-img { width: 100%; position: absolute; left: 0; top: 0; }
	.index-banner .carousel-item3 .img-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
	.index-banner .carousel-item3 .img-box li { position: absolute; width: 100%; height: 100%; }
	.index-banner .carousel-item3 .img-box li img { width: 100%; height: 100%; }
	.index-banner .carousel-item3 .img-box .img1 { z-index: 2; top: -20px; position: absolute; }
	.index-banner .carousel-item3 .img-box .img2 { z-index: 3; right: -20px; position: absolute; }

	/*.index-banner .carousel-item2.active img,.index-banner .carousel-item3.active img {
		-webkit-transform:  scale(1.2) ;
	    -moz-transform: scale(1.2) ;
	    -ms-transform: scale(1.2);
	    -o-transform:  scale(1.2) ;
	    transform:  scale(1.2);
	}*/
	.static .carousel-item { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); cursor: default !important; }
	.static.is-mobile .carousel-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 0; }
	.index-banner .carousel-item-inner { position: absolute; width: 100%; height: 100%; }
	.carousel-item-image-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
	.carousel-item-image-wrapper:before { z-index: 20; }
	.carousel-item-image-wrapper:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .2; background-color: #000; z-index: 8; }
	@media (min-width:768px) {
		.carousel-item-image-wrapper:after { content: none; }
	}
	.carousel-item-image { position: relative; height: 100%; width: 100%; overflow: hidden; }
	.carousel-item-image:before { opacity: .2; z-index: 20; }
	.banner-background { position: absolute; left: 0; top: 0; width: 100%; }
	.carousel-item-image img { position: relative; width: 100%; height: 100%; max-width: none; z-index: 10; }
	.index-banner .swiper-inner-text-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
	.carousel-item1 .page-header-fullscreen-text { background: url(../image/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(../image/icon22.png) 95px center no-repeat; display: block; font-size: 14px; line-height: 50px; color: #fff; font-family: 'sheepsansbol'; padding-left: 20px; margin-top: 48px; }
	.index-banner .carousel-item2 .swiper-inner-text { text-align: left; }
	.index-banner .carousel-item2 .cansual-title { font-size: 48px; color: #fff; }
	.index-banner .cansual-line { width: 0; height: 3px; margin: 25px 0 20px; background: #fff; }
	.index-banner .cansual-des { font-size: 18px; color: #fff; line-height: 1.8; }
	.index-banner .carousel-item3 .cansual-des { font-size: 36px; line-height: 60px; }
	.index-banner .carousel-item3 .cansual-des .s1 { font-size: 48px; line-height: 78px; font-family: 'gotham-medium'; }
	.index-banner .carousel-item2 .cansual-des { text-align: left; font-size: 22px; }
	.index-banner .carousel-item2 .cansual-des .s1 { font-size: 30px; font-family: 'gotham-medium'; }
	.index-banner .carousel-item2 .cansual-des .s2 { font-size: 48px; font-weight: bold; display: block; }
	.index-banner .carousel-item3 .cansual-des .s2 { font-size: 48px; font-weight: bold; display: block; }
	.index-banner .carousel-item .cansual-title { margin-bottom: 10px; font-size: 40px; font-weight: bold; color: #fff; text-align: left; }
	.index-banner .carousel-item3 .cansual-item-title .en-word { display: block; padding-bottom: 15px; font-family: 'AkzidenzGrotesk-BoldCondAlt'; font-size: 84px; color: #fff; line-height: .9; }
	.index-banner .carousel-item4 .swiper-inner-text { padding-left: 50%; text-align: left; }
	.index-banner .carousel-item4 .cansual-item-title { font-size: 48px; color: #fff; }
	.index-banner .carousel-item3 .cansual-des { margin-bottom: 35px; }
	.index-banner .cansual-item-title { position: relative; margin-bottom: 15px; }
	.index-banner .cansual-item-title .small-title { display: block; margin-bottom: -10px; font-size: 22px; line-height: 36px; }
	.index-banner .cansual-item-title .number { font: normal 180px/1 'AkzidenzGrotesk-BoldCondAlt'; color: #fff; letter-spacing: 3px; margin-left: -6px; }
	.index-banner .carousel-item3 .cansual-item-title .number { padding-bottom: 15px; font: normal 84px/1 'AkzidenzGrotesk-BoldCondAlt'; }
	.index-banner .cansual-item-title .number .add-icon { font-size: 60px; line-height: 180px; vertical-align: 40px; }
	.carousel-item-subtitle-line { position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background-color: #fff; content: ''; }
	.index-banner .cansual-item-title .small-title, .index-banner .cansual-item-title .number, .index-banner .cansual-sub-title, .index-banner .carousel-item .cansual-des, .index-banner .carousel-item .cansual-line, .index-banner .carousel-item3 .cansual-title, .index-banner .carousel-item3 .radiu-button { display: block; opacity: 0; transform: translate3d(-150%, 0, 0); transition: all 1s; transition-delay: .2s; overflow: hidden; }
	.index-banner .carousel-item2 .cansual-des { transform: translate3d(150%, 0, 0); }
	.index-banner .carousel-item3 .cansual-des, .index-banner .carousel-item3 .cansual-line, .index-banner .carousel-item3 .cansual-title, .index-banner .carousel-item3 .radiu-button { text-align: left; transform: translate3d(0, -150%, 0); }
	.index-banner .carousel-item .cansual-line { transition-delay: .2s; }
	.index-banner .carousel-item3 .cansual-des { transition-delay: .4s; }
	.index-banner .active .cansual-item-title .small-title, .index-banner .active .cansual-item-title .number, .index-banner .active .cansual-sub-title, .index-banner .carousel-item.active .cansual-des, .index-banner .carousel-item3.active .cansual-title, .index-banner .carousel-item.active .cansual-line, .index-banner .carousel-item3.active .radiu-button { opacity: 1; transform: none; }
	.index-banner .carousel-item2 .cansual-title { opacity: 0; transform: matrix(1, 0, 0, 1, 0, -80); -webkit-transform: matrix(1, 0, 0, 1, 0, -80); -moz-transform: matrix(1, 0, 0, 1, 0, -80); transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; }
	.index-banner .carousel-item2.active .cansual-title { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); }
	.index-banner .carousel-item .cansual-line { width: 45px; }
	.index-banner .carousel-item3 .radiu-button { color: #fff; text-align: center; border: 1px solid #fff; background: transparent; }
	.index-banner .carousel-item3 .radiu-button:hover { color: #333; background: #fff; }
	.carousel-item-subtitle-line-timer { position: absolute; top: 0; left: 0; background-color: #fff; display: block; height: 100%; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }
	.active .carousel-item-subtitle-line-timer { animation: linewidth 5s; -moz-animation: linewidth 5s; -webkit-animation: linewidth 5s; -o-animation: linewidth 5s; animation-delay: 1s; -webkit-animation-delay: 1s; }
	@keyframes linewidth {
		from { width: 0; }
		to { width: 100%; }
	}
	@-moz-keyframes linewidth {
		from { width: 0; }
		to { width: 100%; }
	}
	@-webkit-keyframes linewidth {
		from { width: 0; }
		to { width: 100%; }
	}
	@-o-keyframes linewidth {
		from { width: 0; }
		to { width: 100%; }
	}
	.page-header-fullscreen-text { position: absolute; top: 50%; right: 0; left: 0; text-align: center; z-index: 25; }
	.collapsing .page-header-fullscreen-text { transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1); transition: .8s transform cubic-bezier(.19, 1, .22, 1); }

	/*@media (min-width: 768px) {
		.page-header-fullscreen-text {
			padding-top: 100px;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}

		.page-header-fullscreen-text:before {
			position: absolute;
			display: block;
			content: "";
			width: 0;
			height: 0;
			background-color: transparent;
			border-radius: 100px;
			box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);
			left: 50%;
			top: 50%;
		}
	}*/
	.index-banner .cansual-sub-title span { display: block; font-size: 20px; line-height: 32px; }
	.page-header-bar { position: absolute; right: 0; left: 0; bottom: 0; height: 70px; line-height: 70px; z-index: 55; transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; transform: rotateX(0deg) translate3d(0, 0, 0); -webkit-transform: rotateX(0deg) translate3d(0, 0, 0); -moz-transform: rotateX(0deg) translate3d(0, 0, 0); transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; }

	/*.page-header-bar.active {
		transform: rotateX(90deg) translate3d(0,0,0);
		-webkit-transform: rotateX(90deg) translate3d(0,0,0);
		-moz-transform: rotateX(90deg) translate3d(0,0,0);
	}*/
	.page-header-bar-inner { transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
	.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner { transition: visibility .4s steps(1, end), -webkit-transform .4s; transition: visibility .4s steps(1, end), transform .4s; visibility: hidden; -webkit-transform: rotateX(94deg) rotateZ(0); transform: rotateX(94deg) rotateZ(0); }
	.no-transition .page-header-bar-inner { transition: none; }
	.page-header-collapsed .page-header-bar-inner { visibility: hidden; transition: none; }
	.carousel-bar-inner { width: 100%; height: 100%; }
	.carousel-bar-title-word { padding-left: 75px; font-size: 12px; color: #666; }
	.carousel-scroll-btn { z-index: 56; position: absolute; bottom: 50px; left: 160px; width: 52px; height: 52px; border: 1px solid #fff; border-radius: 100%; overflow: hidden; cursor: pointer; }
	.carousel-scroll-btn .carousel-scroll-btn-icon { position: absolute; display: block; width: 52px; height: 52px; margin: 0 auto; background: url(../image/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(../image/icon4.png) no-repeat left center; left: 15px; }
	.carousel-controls .swiper-button-next .swiper-button-line { background: url(../image/icon3.png) no-repeat right center; right: 15px; }
	.carousel-controls .swiper-button-prev:hover .swiper-button-line { width: 35px; }
	.carousel-controls .swiper-button-next:hover .swiper-button-line { width: 35px; }

	/*.carousel-controls .swiper-button:after{
	    content:'';
	    position:absolute;
	    top:39px;
	    display:block;
	    width: 14px;
	    height: 2px;
	    background-color: #333;
	    -webkit-transition: -webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
	    transition: transform .45s cubic-bezier(.25,.46,.45,.94) 0s;
	    -webkit-transform: scale(0,1);
	    transform: scale(0,1);
	}
	.carousel-controls .swiper-button-prev:after {left:28px;}
	.carousel-controls .swiper-button-next:after {right:28px;}
	@media(min-width:1200px){
	    .carousel-controls .swiper-button:hover:after{
	        transform: scaleX(1);
	        -webkit-transform: scaleX(1);
	        -moz-transform: scaleX(1);
	    }
	}*/
	.index-page-block {	/*z-index:99;*/

		/*position:relative;*/
	background: #fff; }
	.index-service { position: relative; padding: 90px 0 100px; overflow: hidden; }
	.index-customer .index-title .big-title .big { background: #fff; }
	.swiper-slide-text-scroll { position: relative; }
	.radiu-button { z-index: 2; position: relative; display: block; width: 215px; height: 60px; font: normal 16px/60px 'gotham-medium'; text-align: center; background: #fff; border: 1px solid #fff; border-radius: 30px; transition: all .4s ease-in-out; overflow: hidden; }
	.radiu-button:hover { color: #fff; background: #000; border-color: #000; }
	.radiu-button:hover:after { transform-origin: center bottom; transform: scaleY(1); }
	.ourwork-mobile-images-scroll .work-buttons .iconfont { background: transparent; }
	.ourwork-mobile-images-scroll .work-buttons .iconfont:after { background: #fff; }
	.index-data { position: relative; overflow: hidden; }
	.index-data .video { display: block; }
	.index-data .wrap { z-index: 1; position: relative; background: -moz-linear-gradient(left, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(23, 9, 49, .6)), to(rgba(30, 95, 116, .6)))); background: -webkit-linear-gradient(left, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%); background: -o-linear-gradient(left, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%); background: -ms-linear-gradient(left, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%); background: linear-gradient(to right, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)', GradientType=1); }
	.index-data .index-data-list { width: 1140px; margin: 0 auto; padding: 180px 0; }
	.data-background { position: absolute; top: 0; left: 0; display: block; width: 100%; }
	.index-data .item { float: left; width: 33.33%; height: 240px; }
	.index-data .item-inner { position: relative; height: 240px; text-align: center; border-right: 1px solid rgba(255, 255, 255, .2); }
	.index-data .item:nth-child(3n) .item-inner { border-right: 0; }
	.index-data .item:first-child .item-inner, .index-data .item:nth-child(2) .item-inner, .index-data .item:nth-child(3) .item-inner { border-bottom: 1px solid rgba(255, 255, 255, .2); }
	.index-data .text-wrap { position: absolute; top: 50%; width: 100%; font-size: 16px; color: #fff; transform: translateY(-50%); }
	.index-data .text-wrap .number-wrap { display: block; font: normal 108px/1 'AkzidenzGrotesk-BoldCondAlt'; color: #fff; letter-spacing: 2px; }
	.index-data .text-wrap .number-wrap .icon { display: inline-block; font-size: 72px; vertical-align: 13px; }
	.index-tips { width: 770px; margin: 0 auto 60px; font-size: 14px; color: #666; line-height: 1.8; text-align: center; }
	.index-customer .wrap { padding: 90px 10%; }
	.index-customer-list { transform: translateY(50px); -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; overflow: hidden; }
	.index-customer.active .index-customer-list { transform: none; }
	.index-customer-list li { position: relative; float: left; width: 20%; height: 200px; padding: 27px 0; text-align: center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; transition-delay: .5s; }

	/*.index-customer-list .item600 {top:600px;}*/

	/*.index-customer-list .item450 {top:450px;}*/

	/*.index-customer-list .item550 {top:550px;}*/

	/*.index-customer-list .item400 {top:400px;}*/

	/*.index-customer-list .item300 {top:300px;}*/

	/*.index-customer-list .item700 {top:700px;}*/
	.index-customer.active .index-customer-list li.item { top: 0; }
	.index-customer-list .item-inner { display: block; width: 100%; height: 145px; border-left: 1px solid #e6e6e6; }
	.index-customer-list li:nth-child(5n +1) .item-inner { border-left: 0; }
	.index-customer-list li:nth-child(5n +1) .lt-dot, .index-customer-list li:nth-child(5n +1) .lb-dot, .index-customer-list li:nth-child(5n) .rt-dot, .index-customer-list li:nth-child(5n) .rb-dot { display: none; }
	.index-customer-list li:nth-child(5n) .item-inner { }
	.index-customer-list li a { position: absolute; top: 0; left: 50%; display: block; width: 80%; height: 200px; margin-left: -40%; }
	.index-customer-list li.double-item a { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
	.index-customer-list li img { position: absolute; top: 50%; left: 50%; display: block; margin-left: -75px; transition: all .5s linear 10ms; }
	.index-customer-list li img:first-child { }
	.index-customer-list li img:last-child { opacity: .6; }
	.index-customer-list li:hover img:last-child, .index-customer-list li img:first-child { opacity: 0; transform: translateY(-50%) rotateY(180deg); }
	.index-customer-list li img, .index-customer-list li:hover img:first-child { opacity: 1; transform: translateY(-50%) rotateY(0deg); }
	.index-customer-list .dot { position: absolute; display: block; width: 2px; height: 2px; background: #e6e6e6; }
	.index-customer-list .lt-dot { left: 0; top: 0; }
	.index-customer-list .lb-dot { left: 0; bottom: 0; }
	.index-customer-list .rt-dot { right: 0; top: 0; }
	.index-customer-list .rb-dot { right: 0; bottom: 0; }
	.index-title, .index-service-scroll-wrap { opacity: 0; margin-top: 30px; transition: all .5s ease-in-out; }
	.normal-more-wrap1 { padding-top: 50px; text-align: center; }
	.normal-more-wrap1 .more { position: relative; display: inline-block; width: 60px; height: 60px; padding-top: 23px; background: #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
	.normal-more-wrap1 .more .icon { z-index: 1; position: relative; display: inline-block; width: 22px; height: 10px; background: url(/static/amap/images/more-icon.png) no-repeat center center; transition: all .5s ease-in-out; }
	.normal-more-wrap1 .more:hover .icon { background: url(/static/amap/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(/static/amap/images/more-icon.png) no-repeat center center; }
	.about-wrap-five .normal-more-wrap2:hover:before { background: url(/static/amap/images/more-icon1.png) no-repeat center center; }

	/*about*/
	.fullwindow-banner-inner li .icon-wrap, .fullwindow-banner-inner li .text, .about-wrap-second .item-inner .title, .about-wrap-second .item-inner .line, .about-wrap-second .item-inner .descrition { opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); }
	.fullwindow-banner-inner.active li .icon-wrap, .fullwindow-banner-inner.active li .text, .about-wrap-second .each-item:hover .item-inner .title, .about-wrap-second .each-item:hover .item-inner .line, .about-wrap-second .each-item:hover .item-inner .descrition { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); }
	.fullwindow-banner-inner li:nth-of-type(1) .icon-wrap, .about-wrap-second .item-inner .title, .about-wrap-second .item-inner .line, .about-wrap-second .item-inner .descrition { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; }
	.fullwindow-banner-inner li:nth-of-type(1) .text { transition: all 0.5s ease-out .1s; -webkit-transition: all 0.5s ease-out .1s; -moz-transition: all 0.5s ease-out .1s; }
	.fullwindow-banner-inner li:nth-of-type(2) .icon-wrap { transition: all 0.5s ease-out .2s; -webkit-transition: all 0.5s ease-out .2s; -moz-transition: all 0.5s ease-out .2s; }
	.fullwindow-banner-inner li:nth-of-type(2) .text { transition: all 0.5s ease-out .3s; -webkit-transition: all 0.5s ease-out .3s; -moz-transition: all 0.5s ease-out .3s; }
	.fullwindow-banner-inner li:nth-of-type(3) .icon-wrap { transition: all 0.5s ease-out .4s; -webkit-transition: all 0.5s ease-out .4s; -moz-transition: all 0.5s ease-out .4s; }
	.fullwindow-banner-inner li:nth-of-type(3) .text { transition: all 0.5s ease-out .5s; -webkit-transition: all 0.5s ease-out .5s; -moz-transition: all 0.5s ease-out .5s; }
	.fullwindow-banner-inner li:nth-of-type(4) .icon-wrap { transition: all 0.5s ease-out .6s; -webkit-transition: all 0.5s ease-out .6s; -moz-transition: all 0.5s ease-out .6s; }
	.fullwindow-banner-inner li:nth-of-type(4) .text { transition: all 0.5s ease-out .7s; -webkit-transition: all 0.5s ease-out .7s; -moz-transition: all 0.5s ease-out .7s; }
	.fullwindow-banner-inner li:nth-of-type(5) .icon-wrap { transition: all 0.5s ease-out .8s; -webkit-transition: all 0.5s ease-out .8s; -moz-transition: all 0.5s ease-out .8s; }
	.fullwindow-banner-inner li:nth-of-type(5) .text { transition: all 0.5s ease-out .9s; -webkit-transition: all 0.5s ease-out .9s; -moz-transition: all 0.5s ease-out .9s; }
	.fullwindow-banner-inner li:nth-of-type(6) .icon-wrap { transition: all 0.5s ease-out 1s; -webkit-transition: all 0.5s ease-out 1s; -moz-transition: all 0.5s ease-out 1s; }
	.fullwindow-banner-inner li:nth-of-type(6) .text { transition: all 0.5s ease-out 1.1s; -webkit-transition: all 0.5s ease-out 1.1s; -moz-transition: all 0.5s ease-out 1.1s; }

	/*index-advantage*/
	.index-advantage { width: 100%; background: #fff; padding: 50px 0 30px 0; }
	.index-box { max-width: 1600px; margin: auto; position: relative; }
	.advantage-title { width: 100%; position: relative; padding-bottom: 54px; }
	.advantage-title .bdl { font-size: 70px; line-height: 70px; font-family: Helvetica; color: #000; }
	.advantage-title .tbox { }
	.advantage-title .title { font-size: 36px; line-height: 1; font-weight: bold; color: #222; margin-bottom: 23px; }
	.advantage-title .txt { width: 685px; font-size: 14px; line-height: 24px; color: #666; }
	.advantage-title .bdr { font-size: 70px; line-height: 70px; font-family: Helvetica; color: #000; display: table; position: absolute; right: 0; top: 110px; }
	.advantage-title .bdr span { width: 300px; height: 2px; background: #222; display: inline-block; position: absolute; top: 9px; right: 65px; }
	.advantage-list { width: 100%; display: table; border-bottom: 2px solid #222; padding-bottom: 60px; overflow: hidden; }
	.advantage-list li { width: 20%; float: left; box-sizing: border-box; padding: 60px 20px 54px 40px; background: #fff; transition: all ease .3s; border-radius: 3px; margin: 0 5.125% 0 0.5%; }
	.advantage-list li:nth-child(4n) { margin: 0 0 0 8px; }
	.advantage-list li:hover { background: #21abd7; }
	.advantage-list li .icon { width: 100%; height: 100px; transition: all ease .3s; }
	.advantage-list li .icon1 { background: url(../image/icon8.png) left top no-repeat; }
	.advantage-list li .icon2 { background: url(../image/icon8.png) left top no-repeat; }
	.advantage-list li .icon3 { background: url(../image/icon8.png) left top no-repeat; }
	.advantage-list li .icon4 { background: url(../image/icon8.png) left top no-repeat; }
	.advantage-list li:hover .icon1 { background: url(../image/icon12.png) left top no-repeat; }
	.advantage-list li:hover .icon2 { background: url(../image/icon12.png) left top no-repeat; }
	.advantage-list li:hover .icon3 { background: url(../image/icon12.png) left top no-repeat; }
	.advantage-list li:hover .icon4 { background: url(../image/icon12.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(../image/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(../image/icon21.png) right center no-repeat; padding-right: 35px; display: block; position: absolute; right: 0; top: 50px; }
	.index-case-menu { width: 100%; display: table; margin-top: 30px; }
	.index-case-menu li { height: 28px; line-height: 26px; float: left; border: 1px solid #666; border-radius: 14px; margin-right: 10px; }
	.index-case-menu li:hover { border-radius: 14px; border-color: #222; }
	.index-case-menu li a { padding: 0 20px; display: inline-block; font-size: 16px; border-radius: 14px; color: #666; transition: all ease .3s; }
	.index-case-menu li:hover a { background: #222; color: #fff; }
	.index-case-menu li.on a { background: #222; color: #fff; }
	.index-case-list { width: 100%; display: table; margin-top: 40px; }
	.index-case-list li { width: 32.5%; float: left; margin-right: 1.25%; margin-bottom: 20px; }
	.index-case-list li:nth-child(3n) { margin-right: 0; }
	.index-case-list li:hover { box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1); }
	.index-case-list li .img { width: 100%; overflow: hidden; }
	.index-case-list li .img  img { width: 100%; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
	.index-case-list li:hover .img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
	.index-case-list li .tbox { width: 100%; box-sizing: border-box; border: 1px solid #ebebeb; border-top: none; padding: 20px 20px 0; }
	.index-case-list li .tbox .title { width: 100%; position: relative; line-height: 36px; }
	.index-case-list li .tbox .title .t1 { font-size: 16px; font-weight: bold; color: #222; }
	.index-case-list li .tbox .title .t2 { font-size: 14px; color: #666; }
	.index-case-list li .tbox .title .icon { position: absolute; right: 0; top: 20px; }
	.index-case-list li .tbox .title .icon span { display: inline-block; width: 18px; height: 16px; margin-left: 10px; }
	.index-case-list li .tbox .title .icon a { display: inline-block; width: 18px; height: 16px; margin-left: 10px; }
	.index-case-list li .tbox .title .icon .icon1 { background: url(../image/icon17.png) center center no-repeat; }
	.index-case-list li .tbox .title .icon .icon2 { background: url(../image/icon18.png) center center no-repeat; }
	.index-case-list li .tbox .title .icon .icon3 { background: url(../image/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(../image/icon20.png) right center no-repeat; transition: all ease .3s; }
	.index-case-list li:hover .tbox .more { background: url(../image/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(../image/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(../image/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(../image/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(../image/icon20.png) 95% 60px no-repeat; transition: all ease .3s; }
	.index-news-list .lbox .box3 .tbox:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); }
	.index-news-list .lbox .box3 .tbox a { display: inline-block; }
	.index-news-list .lbox .box3 .tbox .time { font-size: 48px; font-weight: bold; line-height: 50px; font-family: 'sheepsansbold'; color: #999; float: left; margin-right: 30px; transition: all ease .3s; }
	.index-news-list .lbox .box3 .tbox:hover .time { color: #222; }
	.index-news-list .lbox .box3 .tbox .time span { font-size: 16px; display: block; line-height: 20px; }
	.index-news-list .lbox .box3 .tbox .titles { width: 410px; float: left; font-size: 16px; line-height: 26px; color: #000; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.index-client { width: 100%; }
	.index-client-box { width: 100%; display: table; }
	.index-client-img { width: 65%; height: 635px; position: relative; float: left; }
	.index-client-img .img { position: absolute; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); transition: all ease 1.5s; left: 459px; top: 328px; width: 1px; height: 1px; cursor: pointer; transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -moz-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear; }
	.index-client-img .img img { width: 100%; }
	.index-client-img .img10 { z-index: 2; }
	.index-client-img .img:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
	.index-client-img .img6:hover, .index-client-img .img7:hover, .index-client-img .img9:hover, .index-client-img .img11:hover { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
	.index-client-img .img10:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
	.index-client.active .index-client-img .img1 { left: 17px; top: 87px; width: 58px; height: 58px; }
	.index-client.active .index-client-img .img2 { left: 93px; top: 174px; width: 82px; height: 82px; }
	.index-client.active .index-client-img .img3 { left: 46px; top: 317px; width: 71px; height: 71px; }
	.index-client.active .index-client-img .img4 { left: 17px; top: 487px; width: 56px; height: 56px; }
	.index-client.active .index-client-img .img5 { left: 210px; top: 75px; width: 82px; height: 82px; }
	.index-client.active .index-client-img .img6 { left: 244px; top: 200px; width: 96px; height: 96px; }
	.index-client.active .index-client-img .img7 { left: 177px; top: 337px; width: 91px; height: 91px; }
	.index-client.active .index-client-img .img8 { left: 164px; top: 484px; width: 82px; height: 82px; }
	.index-client.active .index-client-img .img9 { left: 412px; top: 112px; width: 105px; height: 105px; }
	.index-client.active .index-client-img .img10 { left: 389px; top: 261px; width: 135px; height: 135px; }
	.index-client.active .index-client-img .img11 { left: 325px; top: 418px; width: 100px; height: 100px; }
	.index-client.active .index-client-img .img12 { left: 591px; top: 80px; width: 82px; height: 82px; }
	.index-client.active .index-client-img .img13 { left: 583px; top: 255px; width: 96px; height: 96px; }
	.index-client.active .index-client-img .img14 { left: 533px; top: 409px; width: 100px; height: 100px; }
	.index-client.active .index-client-img .img15 { left: 782px; top: 100px; width: 65px; height: 65px; }
	.index-client.active .index-client-img .img16 { left: 735px; top: 222px; width: 82px; height: 82px; }
	.index-client.active .index-client-img .img17 { left: 714px; top: 374px; width: 82px; height: 82px; }
	.index-client.active .index-client-img .img18 { left: 688px; top: 518px; width: 67px; height: 67px; }
	.index-client.active .index-client-img .img19 { left: 867px; top: 333px; width: 65px; height: 65px; }
	.index-client.active .index-client-img .img20 { left: 827px; top: 490px; width: 64px; height: 64px; }
	.index-client-tbox { width: 35%; float: right; padding-top: 200px; }
	.index-client-tbox .title { font-size: 36px; line-height: 36px; font-weight: bold; color: #000; margin-bottom: 24px; }
	.index-client-tbox .txt { font-size: 14px; line-height: 24px; color: #666; margin-bottom: 50px; }
	.index-client-tbox .more { font-size: 16px; line-height: 36px; padding-right: 35px; background: url(../image/icon21.png) right center no-repeat; display: inline-block; color: #000; font-family: 'sheepsansbold'; }
	@media(max-width:1630px) {
		.index-box { width: 100%; padding: 0 40px; }
		.index-news { overflow: hidden; padding: 0 40px; }
		.advantage-list li { width: 23%; margin: 0 1.125% 0 0.5%; padding: 60px 20px 20px 20px }
		.index-case .mores, .index-news-more { right: 40px; }
		.index-solution-box .tbox { padding: 4.5% 20px 0 40px; }
		.index-news-list .lbox .box3 .tbox .titles { width: calc(100% - 110px); }
		.index-client-tbox { padding: 100px 20px 0; }
		.top-foot { padding: 60px 40px 0; }
		.friend-link { padding: 41px 40px 21px; }
		.index-client.active .index-client-img .img1 { left: 1.6%; top: 13.7%; }
		.index-client.active .index-client-img .img2 { left: 9%; top: 27.4%; }
		.index-client.active .index-client-img .img3 { left: 4.4%; top: 50%; }
		.index-client.active .index-client-img .img4 { left: 1.6%; top: 76.7%; }
		.index-client.active .index-client-img .img5 { left: 20%; top: 11.8%; }
		.index-client.active .index-client-img .img6 { left: 23.5%; top: 31.5%; }
		.index-client.active .index-client-img .img7 { left: 17%; top: 53%; }
		.index-client.active .index-client-img .img8 { left: 15.8%; top: 76%; }
		.index-client.active .index-client-img .img9 { left: 39.6%; top: 17.6%; }
		.index-client.active .index-client-img .img10 { left: 37.4%; top: 41.1%; }
		.index-client.active .index-client-img .img11 { left: 31.25%; top: 65.8%; }
		.index-client.active .index-client-img .img12 { left: 56.8%; top: 12.6%; }
		.index-client.active .index-client-img .img13 { left: 56%; top: 40%; }
		.index-client.active .index-client-img .img14 { left: 51.25%; top: 64.4%; }
		.index-client.active .index-client-img .img15 { left: 75.2%; top: 15.7%; }
		.index-client.active .index-client-img .img16 { left: 70.6%; top: 35%; }
		.index-client.active .index-client-img .img17 { left: 68.7%; top: 59%; }
		.index-client.active .index-client-img .img18 { left: 66%; top: 81.6%; }
		.index-client.active .index-client-img .img19 { left: 83.4%; top: 52.4%; }
		.index-client.active .index-client-img .img20 { left: 80%; top: 77%; }
	}
	@media(max-width:1330px) {
		.data-background { height: 100%; }
		header .right-side li { margin: 0 13px; display: inline-block; }
	}
	.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
	.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
	.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
		40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
		70% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
		90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
	}
	@keyframes bounce {
		0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
		40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
		70% { -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060); transition-timing-function: cubic-bezier(0.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
		90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
	}
	.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
	@-webkit-keyframes flash {
		0%, 100%, 50% { opacity: 1; }
		25%, 75% { opacity: 0; }
	}
	@keyframes flash {
		0%, 100%, 50% { opacity: 1; }
		25%, 75% { opacity: 0; }
	}
	.flash { -webkit-animation-name: flash; animation-name: flash; }
	@-webkit-keyframes pulse {
		0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
		50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
		100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	}
	@keyframes pulse {
		0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
		50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
		100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	}
	.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
	@-webkit-keyframes rubberBand {
		0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
		30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); }
		40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
		50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); }
		65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); }
		75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); }
		100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	}
	@keyframes rubberBand {
		0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
		30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); }
		40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
		50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); }
		65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); }
		75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); }
		100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	}
	.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }
	@-webkit-keyframes shake {
		0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
		10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
		20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
	}
	@keyframes shake {
		0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
		10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
		20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
	}
	.shake { -webkit-animation-name: shake; animation-name: shake; }
	@-webkit-keyframes swing {
		20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
		40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
		60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
		80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
		100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
	}
	@keyframes swing {
		20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
		40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
		60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
		80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
		100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
	}
	.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
	@-webkit-keyframes tada {
		0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
		10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
		30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
		40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
		100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	}
	@keyframes tada {
		0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
		10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
		30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
		40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
		100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	}
	.tada { -webkit-animation-name: tada; animation-name: tada; }
	@-webkit-keyframes wobble {
		0% { -webkit-transform: none; transform: none; }
		15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
		30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
		45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
		60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
		75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
		100% { -webkit-transform: none; transform: none; }
	}
	@keyframes wobble {
		0% { -webkit-transform: none; transform: none; }
		15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
		30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
		45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
		60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
		75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
		100% { -webkit-transform: none; transform: none; }
	}
	.wobble { -webkit-animation-name: wobble; animation-name: wobble; }
	@-webkit-keyframes bounceIn {
		0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
		20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
		40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
		60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
		80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
		100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	}
	@keyframes bounceIn {
		0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
		20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
		40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
		60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
		80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
		100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
	}
	.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; }
	@-webkit-keyframes bounceInDown {
		0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
		60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
		75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
		90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
		100% { -webkit-transform: none; transform: none; }
	}
	@keyframes bounceInDown {
		0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
		60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
		75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
		90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
		100% { -webkit-transform: none; transform: none; }
	}
	.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
	@-webkit-keyframes bounceInLeft {
		0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
		60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
		75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
		90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
		100% { -webkit-transform: none; transform: none; }
	}
	@keyframes bounceInLeft {
		0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
		60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
		75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
		90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
		100% { -webkit-transform: none; transform: none; }
	}
	.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
	@-webkit-keyframes bounceInRight {
		0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
		60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
		75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
		90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
		100% { -webkit-transform: none; transform: none; }
	}
	@keyframes bounceInRight {
		0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
		60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
		75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
		90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
		100% { -webkit-transform: none; transform: none; }
	}
	.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
	@-webkit-keyframes bounceInUp {
		0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
		60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
		75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
		90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
		100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	}
	@keyframes bounceInUp {
		0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); }
		0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
		60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
		75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
		90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
		100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	}
	.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
	@-webkit-keyframes bounceOut {
		20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
		50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
		100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
	}
	@keyframes bounceOut {
		20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
		50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
		100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
	}
	.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; }
	@-webkit-keyframes bounceOutDown {
		20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
		40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
		100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
	}
	@keyframes bounceOutDown {
		20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
		40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
		100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
	}
	.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }
	@-webkit-keyframes bounceOutLeft {
		20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
		100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
	}
	@keyframes bounceOutLeft {
		20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
		100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
	}
	.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }
	@-webkit-keyframes bounceOutRight {
		20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
		100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
	}
	@keyframes bounceOutRight {
		20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
		100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
	}
	.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }
	@-webkit-keyframes bounceOutUp {
		20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
		40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
		100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
	}
	@keyframes bounceOutUp {
		20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
		40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
		100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
	}
	.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
	@-webkit-keyframes fadeIn {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}
	@keyframes fadeIn {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}
	.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
	@-webkit-keyframes fadeInDown {
		0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes fadeInDown {
		0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
	@-webkit-keyframes fadeInDownBig {
		0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes fadeInDownBig {
		0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
	@-webkit-keyframes fadeInLeft {
		0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes fadeInLeft {
		0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
	@-webkit-keyframes fadeInLeftBig {
		0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes fadeInLeftBig {
		0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
	@-webkit-keyframes fadeInRight {
		0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes fadeInRight {
		0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
	@-webkit-keyframes fadeInRightBig {
		0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes fadeInRightBig {
		0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
	@-webkit-keyframes fadeInUp {
		0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes fadeInUp {
		0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
	@-webkit-keyframes fadeInUpBig {
		0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes fadeInUpBig {
		0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
	@-webkit-keyframes fadeOut {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	@keyframes fadeOut {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
	@-webkit-keyframes fadeOutDown {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	}
	@keyframes fadeOutDown {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	}
	.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
	@-webkit-keyframes fadeOutDownBig {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
	}
	@keyframes fadeOutDownBig {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
	}
	.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }
	@-webkit-keyframes fadeOutLeft {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	}
	@keyframes fadeOutLeft {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	}
	.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
	@-webkit-keyframes fadeOutLeftBig {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
	}
	@keyframes fadeOutLeftBig {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
	}
	.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }
	@-webkit-keyframes fadeOutRight {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
	}
	@keyframes fadeOutRight {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
	}
	.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
	@-webkit-keyframes fadeOutRightBig {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
	}
	@keyframes fadeOutRightBig {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
	}
	.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }
	@-webkit-keyframes fadeOutUp {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	}
	@keyframes fadeOutUp {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	}
	.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
	@-webkit-keyframes fadeOutUpBig {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
	}
	@keyframes fadeOutUpBig {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
	}
	.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }
	@-webkit-keyframes flip {
		0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
		40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
		50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
		80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
		100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
	}
	@keyframes flip {
		0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
		40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
		50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
		80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
		100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
	}
	.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
	@-webkit-keyframes flipInX {
		0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
		40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
		60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
		80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
		100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
	}
	@keyframes flipInX {
		0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
		40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
		60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
		80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
		100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
	}
	.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
	@-webkit-keyframes flipInY {
		0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
		40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
		60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
		80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
		100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
	}
	@keyframes flipInY {
		0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; }
		40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
		60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
		80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
		100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
	}
	.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }
	@-webkit-keyframes flipOutX {
		0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
		30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
		100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
	}
	@keyframes flipOutX {
		0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
		30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
		100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
	}
	.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
	@-webkit-keyframes flipOutY {
		0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
		30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
		100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
	}
	@keyframes flipOutY {
		0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
		30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
		100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
	}
	.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; }
	@-webkit-keyframes lightSpeedIn {
		0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
		60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
		80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
		100% { -webkit-transform: none; transform: none; opacity: 1; }
	}
	@keyframes lightSpeedIn {
		0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
		60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
		80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
		100% { -webkit-transform: none; transform: none; opacity: 1; }
	}
	.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	@-webkit-keyframes lightSpeedOut {
		0% { opacity: 1; }
		100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
	}
	@keyframes lightSpeedOut {
		0% { opacity: 1; }
		100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
	}
	.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
	@-webkit-keyframes rotateIn {
		0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
		100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
	}
	@keyframes rotateIn {
		0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
		100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
	}
	.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
	@-webkit-keyframes rotateInDownLeft {
		0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
		100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
	}
	@keyframes rotateInDownLeft {
		0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
		100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
	}
	.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
	@-webkit-keyframes rotateInDownRight {
		0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
		100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
	}
	@keyframes rotateInDownRight {
		0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
		100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
	}
	.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
	@-webkit-keyframes rotateInUpLeft {
		0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
		100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
	}
	@keyframes rotateInUpLeft {
		0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
		100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
	}
	.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
	@-webkit-keyframes rotateInUpRight {
		0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
		100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
	}
	@keyframes rotateInUpRight {
		0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
		100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
	}
	.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
	@-webkit-keyframes rotateOut {
		0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
		100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
	}
	@keyframes rotateOut {
		0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
		100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
	}
	.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }
	@-webkit-keyframes rotateOutDownLeft {
		0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
		100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
	}
	@keyframes rotateOutDownLeft {
		0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
		100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
	}
	.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }
	@-webkit-keyframes rotateOutDownRight {
		0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
		100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
	}
	@keyframes rotateOutDownRight {
		0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
		100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
	}
	.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }
	@-webkit-keyframes rotateOutUpLeft {
		0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
		100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
	}
	@keyframes rotateOutUpLeft {
		0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
		100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
	}
	.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }
	@-webkit-keyframes rotateOutUpRight {
		0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
		100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
	}
	@keyframes rotateOutUpRight {
		0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
		100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
	}
	.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }
	@-webkit-keyframes hinge {
		0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
		20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
		40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
		100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
	}
	@keyframes hinge {
		0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
		20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
		40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
		100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
	}
	.hinge { -webkit-animation-name: hinge; animation-name: hinge; }
	@-webkit-keyframes rollIn {
		0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	@keyframes rollIn {
		0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
		100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }
	@-webkit-keyframes rollOut {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
	}
	@keyframes rollOut {
		0% { opacity: 1; }
		100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
	}
	.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }
	@-webkit-keyframes zoomIn {
		0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
		50% { opacity: 1; }
	}
	@keyframes zoomIn {
		0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
		50% { opacity: 1; }
	}
	.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
	@-webkit-keyframes zoomInDown {
		0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	@keyframes zoomInDown {
		0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }
	@-webkit-keyframes zoomInLeft {
		0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	@keyframes zoomInLeft {
		0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }
	@-webkit-keyframes zoomInRight {
		0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	@keyframes zoomInRight {
		0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }
	@-webkit-keyframes zoomInUp {
		0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	@keyframes zoomInUp {
		0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }
	@-webkit-keyframes zoomOut {
		0% { opacity: 1; }
		50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
		100% { opacity: 0; }
	}
	@keyframes zoomOut {
		0% { opacity: 1; }
		50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
		100% { opacity: 0; }
	}
	.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
	@-webkit-keyframes zoomOutDown {
		40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	@keyframes zoomOutDown {
		40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }
	@-webkit-keyframes zoomOutLeft {
		40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); }
		100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }
	}
	@keyframes zoomOutLeft {
		40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); }
		100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }
	}
	.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }
	@-webkit-keyframes zoomOutRight {
		40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); }
		100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }
	}
	@keyframes zoomOutRight {
		40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); }
		100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }
	}
	.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }
	@-webkit-keyframes zoomOutUp {
		40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	@keyframes zoomOutUp {
		40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19); animation-timing-function: cubic-bezier(0.55, .055, .675, .19); }
		100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1); animation-timing-function: cubic-bezier(0.175, .885, .32, 1); }
	}
	.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }
	@-webkit-keyframes slideInDown {
		0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; }
		100% { -webkit-transform: translateY(0); transform: translateY(0); }
	}
	@keyframes slideInDown {
		0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; }
		100% { -webkit-transform: translateY(0); transform: translateY(0); }
	}
	.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
	@-webkit-keyframes slideInLeft {
		0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
		100% { -webkit-transform: translateX(0); transform: translateX(0); }
	}
	@keyframes slideInLeft {
		0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; }
		100% { -webkit-transform: translateX(0); transform: translateX(0); }
	}
	.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
	@-webkit-keyframes slideInRight {
		0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
		100% { -webkit-transform: translateX(0); transform: translateX(0); }
	}
	@keyframes slideInRight {
		0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; }
		100% { -webkit-transform: translateX(0); transform: translateX(0); }
	}
	.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
	@-webkit-keyframes slideInUp {
		0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
		100% { -webkit-transform: translateY(0); transform: translateY(0); }
	}
	@keyframes slideInUp {
		0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; }
		100% { -webkit-transform: translateY(0); transform: translateY(0); }
	}
	.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
	@-webkit-keyframes slideOutDown {
		0% { -webkit-transform: translateY(0); transform: translateY(0); }
		100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); }
	}
	@keyframes slideOutDown {
		0% { -webkit-transform: translateY(0); transform: translateY(0); }
		100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); }
	}
	.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }
	@-webkit-keyframes slideOutLeft {
		0% { -webkit-transform: translateX(0); transform: translateX(0); }
		100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
	}
	@keyframes slideOutLeft {
		0% { -webkit-transform: translateX(0); transform: translateX(0); }
		100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
	}
	.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }
	@-webkit-keyframes slideOutRight {
		0% { -webkit-transform: translateX(0); transform: translateX(0); }
		100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); }
	}
	@keyframes slideOutRight {
		0% { -webkit-transform: translateX(0); transform: translateX(0); }
		100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); }
	}
	.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }
	@-webkit-keyframes slideOutUp {
		0% { -webkit-transform: translateY(0); transform: translateY(0); }
		100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
	}
	@keyframes slideOutUp {
		0% { -webkit-transform: translateY(0); transform: translateY(0); }
		100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
	}
	.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

	/*-------footer-end--------*/
	@media (max-width:1280px) {
		.index-case .mores, .index-news-more { top: 10px; }
		.ny-banner .nb-menu ul li a { padding: 0 15px; }
	}
	@media (max-width:1200px) {
		.ny-banner .nb-menu ul { width: 100%; overflow-x: auto; display: flex; white-space: nowrap; }
		.ny-banner .nb-menu ul::-webkit-scrollbar { display: none; }
		.ny-banner .boxs.n2 .box { bottom: 20px; }
		.index-banner .carousel-item2 .img-box .img1 { left: 735px; top: 370px; }
		.index-banner .carousel-item2 .img-box .img2 { right: 295px; top: 355px; }
		.index-case .mores, .index-news-more { top: 10px; }
		.index-case-menu li:last-child { margin-right: 0; }
		.index-case-menu li a, .index-news-menu li a { padding: 0 10px; font-size: 14px; }
		.index-case-list li .tbox .title .icon { top: 5px; }
		.index-data .index-data-list { width: 100%; padding: 110px 30px; }
		.index-solution .index-box { padding: 0; }
		.index-solution-box .tbox .title { font-size: 28px; }
		.index-solution-box .tbox .list { margin-top: 35px; }
		.index-solution-box .tbox .list li a { padding: 0px 10px; }
		.index-solution-box .tbox .list li { margin: 0 20px 15px 0; }
		.index-news-list .lbox .box1 .img { height: 270px; }
		.index-news-list .lbox .box1 .tbox { height: 280px; }
		.index-client.active .index-client-img .img10 { left: 39.4%; top: 41.1%; }
		.index-client.active .index-client-img .img13 { left: 57%; top: 28%; }
		.index-client.active .index-client-img .img16 { left: 68.6%; top: 43%; }
	}
	@media (max-width:900px) {
		.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(../image/icon8.png) left top no-repeat; background-size: 40px; }
		.advantage-list li .icon2 { background: url(../image/icon8.png) left top no-repeat; background-size: 40px; }
		.advantage-list li .icon3 { background: url(../image/icon8.png) left top no-repeat; background-size: 40px; }
		.advantage-list li .icon4 { background: url(../image/icon8.png) left top no-repeat; background-size: 40px; }
		.advantage-list li:hover .icon1 { background: url(../image/icon12.png) left top no-repeat; background-size: 40px; }
		.advantage-list li:hover .icon2 { background: url(../image/icon12.png) left top no-repeat; background-size: 40px; }
		.advantage-list li:hover .icon3 { background: url(../image/icon12.png) left top no-repeat; background-size: 40px; }
		.advantage-list li:hover .icon4 { background: url(../image/icon12.png) left top no-repeat; background-size: 40px; }
		.advantage-list li .title { font-size: 16px; line-height: 30px; margin-bottom: 10px; }
		.advantage-list li .link { margin-top: 25px; }
		.index-case { padding: 30px 0; }
		.index-case-title { font-size: 22px; }
		.index-case-menu { margin-top: 20px; }
		.index-case-menu li { margin-bottom: 10px; }
		.index-case-list { margin-top: 20px; }
		.index-case-list li .tbox .title .t2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
		.index-case .mores, .index-news-more { top: 0; line-height: 26px; }
		.index-data .text-wrap .number-wrap { font: normal 80px/1 'AkzidenzGrotesk-BoldCondAlt'; }
		.index-data .text-wrap .number-wrap .icon { vertical-align: 4px; }
		.index-solution { padding: 50px 3% 50px; }
		.index-solution-box .img { width: 100%; }
		.index-solution-box .tbox { width: 100%; padding: 4.5% 20px 20px 40px; }
		.index-solution-box .tbox .title { font-size: 26px; }
		.index-news { padding: 0 30px; }
		.index-news-title { font-size: 26px; }
		.index-news-menu { margin-top: 20px; }
		.index-news-list { margin-top: 30px; }
		.index-news-list .lbox .box3 .tbox .time { margin-right: 10px; }
		.index-client-img { width: 100%; }
		.index-client-tbox { width: 100%; padding: 0; }
		.index-client-tbox .title { font-size: 26px; margin-bottom: 10px; }
		.index-client-tbox .txt { margin-bottom: 0; }
		.foot-button .link-box { width: 100%; }
		.index-case-menu { display: flex; overflow-x: scroll; white-space: normal; }
		.index-case-menu ul { display: flex; white-space: nowrap; }
		.index-news-menu { display: flex; overflow-x: scroll; white-space: normal; }
		.index-news-menu ul { display: flex; white-space: nowrap; }
		.index-news-list .lbox .box1 .tbox { height: auto; }
		.fixed-contact-wrap  { display: none; }
	}
	.phonebanner { display: none; }
	.phone-banner { display: none; }

	/*------- phone-begin --------*/
	@media (max-width:767px) {
		.about-address { display: none; }
		.index-banner { height: 500px; }
		.index-banner .carousel-item1 img { width: 220%; left: -25%; max-width: initial; }
		.index-banner .carousel-item1.active img { top: -140px; }
		.page-header-bar { display: none; }
		.phonebanner { display: block; position: absolute; left: 0; bottom: 16px; text-align: center; width: 100%; z-index: 9; }
		.phonebanner span { width: 7px; height: 7px; background: #fff; border-radius: 50%; margin: 0 5px; display: inline-block; transition: all ease .5s; }
		.phonebanner span.active { width: 15px; }
		.index-banner { display: none; }
		.phone-banner { width: 100%; position: relative; display: block; }
		.pbanner-box { width: 100%; position: relative; }
		.pbanner-box .img { width: 100%; }
		.pbanner-box .img img { width: 100%; }
		.pbanner-box .tbox { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); }
		.pbanner-box .tbox .t1 { font-size: 26px; line-height: 30px; color: #fff; }
		.pbanner-box .tbox .t2 { font-size: 18px; line-height: 24px; color: #fff; margin-top: 9px; }
		.pbanner-box .tbox2 { width: 100%; position: absolute; left: 0; top: 110px; text-align: center; }
		.pbanner-box .tbox2 .t1 { font-size: 26px; line-height: 1; color: #fff; }
		.pbanner-box .tbox2 .t2 { font-size: 18px; line-height: 24px; color: #fff; margin-top: 11px; }
		.pbanner-box .tbox3 { width: 100%; position: absolute; left: 0; top: 110px; text-align: center; }
		.pbanner-box .tbox3 .t1 { font-size: 26px; line-height: 1; color: #fff; }
		.pbanner-box .tbox3 .t2 { font-size: 18px; line-height: 24px; color: #fff; margin-top: 11px; }
		.phone-banner .swiper-pagination { bottom: 16px; }
		.phone-banner .swiper-pagination .swiper-pagination-bullet { width: 7px; height: 7px; border-radius: 3px; background: #fff; opacity: 1; }
		.phone-banner .swiper-pagination .swiper-pagination-bullet-active { width: 15px; }
		.index-case-menu li a { font-size: 14px; }
		.index-solution { padding: 40px 3%; }
		.index-solution-box { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
		.index-solution-box .tbox { padding: 40px 25px 35px; }
		.index-solution-box .tbox .list { width: 100%; }
		.index-solution-box .tbox .list li { float: left; margin: 0 10px 10px 0; }
		.index-solution-box .tbox .list li:nth-child(2n) { margin-right: 0; }
		.index-solution-box .tbox .list li a { line-height: 30px; border-radius: 15px; padding: 0 10px; font-size: 14px; }
		.index-solution-box .tbox .title { font-size: 18px; margin-bottom: 10px; }
		.index-solution-box .tbox .txt { line-height: 20px; }
		.index-client.active .index-client-img .img9 { left: 36.6%; top: 17.6%; }
		.carousel-scroll-btn { display: none; }
		.carousel-controls { width: 210px; }
		.carousel-controls .count { width: 90px; padding-left: 15px; }
		.carousel-controls .controls { left: 90px; }
		.carousel-controls .carousel-control { width: 60px; height: 50px; }
		.index-banner .carousel-item2 .bg-img { width: 200%; left: -50%; max-width: initial; height: 100%; }
		.index-banner .carousel-item2 .img-box .img3 { width: 70%; top: 28%; right: 15%; height: 330px; padding: 10px 5px; }
		.index-banner .carousel-item2 .img-box .img2 { right: 65px; top: 312px; width: 95px; height: 115px; padding: 8px 10px 0 10px; }
		.index-banner .carousel-item2 .img-box .img1 { left: 115px; top: 335px; height: 82px; width: 40px; padding: 3px; }
		.index-banner .carousel-item3 .bg-img { height: 100%; }
		.index-banner .carousel-item3 .img-box .img2 { top: 20%; height: auto; }
		.index-banner .carousel-item3 .img-box li.img2 img { height: auto; }
		.index-banner .swiper-inner-text { left: 3%; }
		.index-banner .carousel-item1 .swiper-inner-text .cansual-des, .index-banner .carousel-item2 .cansual-des, .index-banner .carousel-item3 .cansual-des { font-size: 18px; line-height: 24px; }
		.index-banner .carousel-item1 .swiper-inner-text .cansual-des span, .index-banner .carousel-item2 .cansual-des .s2, .index-banner .carousel-item3 .cansual-des .s2 { font-size: 26px; line-height: 30px; margin-bottom: 10px; display: block; }
		.index-banner .carousel-item .link { background: #222 url(../image/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: 80%; margin-right: 0; }
		.index-data .text-wrap .number-wrap { font: normal 30px/1 'AkzidenzGrotesk-BoldCondAlt'; }
		.index-data .text-wrap .number-wrap .icon { font-size: 20px; }
		.index-case .mores, .index-news-more { right: 20px; }
		.index-news { padding: 0 10px; }
		.index-news .index-box { padding: 0 10px; }
		.index-news-title { font-size: 18px; }
		.index-news-more { font-size: 14px; }
		.index-news-list .lbox .box1 { margin-bottom: 10px; }
		.index-news-list .lbox .box1, .index-news-list .lbox .box2, .index-news-list .lbox .box3 { width: 100%; margin-right: 0; }
		.index-client-tbox .title { font-size: 18px; line-height: 24px; }
		.index-client-tbox .txt { line-height: 20px; }
		.foot-button .link-box .a-box a { line-height: 20px; }
		.foot-button .makelink { margin-top: 10px; }
		.index-data .index-data-list { padding: 30px 20px; }
		.index-data .item { width: 50%; height: 175px; }
		.index-data .item:nth-child(3n) .item-inner { border-right: 1px solid rgba(255, 255, 255, .2); }
		.index-data .item:nth-child(2n) .item-inner { border-right: 0; }
		.index-data .item:nth-child(4) .item-inner { border-bottom: 1px solid rgba(255, 255, 255, .2); }
		.index-data .item-inner { height: 175px; }
		.index-data .video { display: none; }
		.index-client.active .index-client-img .img2, .index-client.active .index-client-img .img12, .index-client.active .index-client-img .img17, .index-client.active .index-client-img .img18, .index-client.active .index-client-img .img19 { display: none; }
		.index-client.active .index-client-img .img5 { left: 0%; top: 1.8%; }
		.index-client.active .index-client-img .img6 { left: 6.5%; top: 17.5%; }
		.index-client.active .index-client-img .img9 { left: 26.6%; top: 2.6%; }
		.index-client.active .index-client-img .img15 { left: 79.2%; top: 4.7%; }
		.index-client.active .index-client-img .img13 { left: 56%; top: 14%; }
		.index-client.active .index-client-img .img7 { left: 5%; top: 34%; }
		.index-client.active .index-client-img .img16 { left: 77.6%; top: 28%; }
		.index-client.active .index-client-img .img10 { left: 34.4%; top: 31.1%; }
		.index-client.active .index-client-img .img14 { left: 68.25%; top: 51.4%; }
		.index-client.active .index-client-img .img11 { left: 31.25%; top: 57.8%; }
		.index-client.active .index-client-img .img4 { left: 1.6%; top: 66.7%; }
		.index-client.active .index-client-img .img20 { left: 65%; top: 73%; }
		.carousel-controls .carousel-line { top: 8px; }
		.index-case-title { font-size: 18px; }
		.index-case-list li .tbox { padding: 13px; }
		.index-case-list li .tbox .title { line-height: 18px; }
		.index-case-list li .tbox .title .t1 { font-size: 14px; }
		.index-case-list li .tbox .title .t2 { font-size: 12px; margin-top: 6px; }
		.index-case-list li .tbox .more { display: none; }
		.index-data .wrap { background: url(../image/bimg1.jpg) center top no-repeat; background-size: 100% 100%; }
		.relevant-case { padding: 40px 3%; }
		.case-list { margin-top: 30px; }
		.index-client-box { padding-top: 20px; display: flex; flex-direction: column-reverse; }
		.foot-button { background: #fff; }
		.foot-button .link-box .a-box { display: none; }
		.index-news-list .lbox .box1 .tbox { display: flex; flex-wrap: wrap; padding: 17px 15px; }
		.index-news-list .lbox .box1 .tbox .time { order: 2; font-size: 12px; font-weight: initial; font-family: Arial; display: flex; background: none; line-height: 25px; padding: 0; border-bottom: none; }
		.index-news-list .lbox .box1 .tbox .time span { font-size: 12px; display: inline-block; order: -1; line-height: 25px; }
		.index-news-list .lbox .box1 .tbox .titles { order: 1; margin-top: 0; line-height: 22px; }
		.index-news-list .lbox .box1 .tbox .txts { order: 3; font-size: 12px; line-height: 18px; margin-top: 4px; }
		.index-news-list .lbox .box2 .tbox { padding: 17px 15px; height: auto; }
		.index-news-list .lbox .box2 .tbox a { width: 100%; display: flex; flex-wrap: wrap; }
		.index-news-list .lbox .box2 .tbox .time { order: 2; font-size: 12px; font-weight: initial; font-family: Arial; display: flex; background: none; line-height: 25px; padding: 0; border-bottom: none; }
		.index-news-list .lbox .box2 .tbox .time span { font-size: 12px; display: inline-block; order: -1; line-height: 25px; }
		.index-news-list .lbox .box2 .tbox .titles { order: 1; margin-top: 0; line-height: 22px; }
		.index-news-list .lbox .box2 .tbox .txts { order: 3; font-size: 12px; line-height: 18px; margin-top: 4px; }
		.index-news-list .lbox .box3 { display: none; }
	}

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