﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "UTF-8";
.wow {
	visibility: hidden
}
.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 bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-100px, 0, 0);
transform:translate3d(-100px, 0, 0)
}
60% {
opacity:1
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-100px, 0, 0);
transform:translate3d(-100px, 0, 0)
}
60% {
opacity:1
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(100px, 0, 0);
transform:translate3d(100px, 0, 0)
}
60% {
opacity:1
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(100px, 0, 0);
transform:translate3d(100px, 0, 0)
}
60% {
opacity:1
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0)
}
60% {
opacity:1
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0)
}
60% {
opacity:1
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -100px, 0);
transform:translate3d(0, -100px, 0)
}
60% {
opacity:1
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -100px, 0);
transform:translate3d(0, -100px, 0)
}
60% {
opacity:1
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.6);
-moz-transform:scale(.6);
-ms-transform:scale(.6);
-o-transform:scale(.6);
transform:scale(.6)
}
100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.6);
-moz-transform:scale(.6);
-ms-transform:scale(.6);
-o-transform:scale(.6);
transform:scale(.6)
}
100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
.contact .you, .support h2, .design_con h2, .home_button, .custom_desc, .home .new_list ul li:nth-child(1), .responsive_list ul li:nth-child(1), .custom_list ul li:nth-child(1), .home .portfolio_list ul li:nth-child(1), .home .product_list ul li:nth-child(1), .service_list ul li:nth-child(1) {
	-webkit-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s
}
.contact .zuo, .support p, .design_con p, .custom_btn a.more, .home .new_list ul li:nth-child(2), .responsive_list ul li:nth-child(2), .custom_list ul li:nth-child(2), .home .portfolio_list ul li:nth-child(2), .home .product_list ul li:nth-child(2), .service_list ul li:nth-child(2) {
	-webkit-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s
}
.support a.home_button, .design_con a.home_button, .custom_btn a.custom, .home .new_list ul li:nth-child(3), .responsive_list ul li:nth-child(3), .custom_list ul li:nth-child(3), .home .portfolio_list ul li:nth-child(3), .home .product_list ul li:nth-child(3), .service_list ul li:nth-child(3) {
	-webkit-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s
}
.responsive button, .design img, .home .new_list ul li:nth-child(4), .custom_list ul li:nth-child(4), .home .portfolio_list ul li:nth-child(4), .home .product_list ul li:nth-child(4), .service_list ul li:nth-child(4) {
	-webkit-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s
}
.custom_list ul li:nth-child(5), .home .new_list ul li:nth-child(5), .home .product_list ul li:nth-child(5), .home .portfolio_list ul li:nth-child(5) {
	-webkit-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s
}
.custom_list ul li:nth-child(6), .home .new_list ul li:nth-child(6), .home .product_list ul li:nth-child(6), .home .portfolio_list ul li:nth-child(6) {
	-webkit-animation-delay: 1.8s;
	-o-animation-delay: 1.8s;
	animation-delay: 1.8s
}
.home .new_list ul li:nth-child(7), .home .product_list ul li:nth-child(7), .home .portfolio_list ul li:nth-child(7) {
	-webkit-animation-delay: 2.1s;
	-o-animation-delay: 2.1s;
	animation-delay: 2.1s
}
.home .new_list ul li:nth-child(8), .home .product_list ul li:nth-child(8), .home .portfolio_list ul li:nth-child(8) {
	-webkit-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	animation-delay: 2.4s
}
.home .new_list ul li:nth-child(9), .home .product_list ul li:nth-child(9), .home .portfolio_list ul li:nth-child(9) {
	-webkit-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	animation-delay: 2.4s
}
.home .new_list ul li:nth-child(10), .home .product_list ul li:nth-child(10), .home .portfolio_list ul li:nth-child(10) {
	-webkit-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	animation-delay: 2.4s
}
.home .new_list ul li:nth-child(11), .home .product_list ul li:nth-child(11), .home .portfolio_list ul li:nth-child(11) {
	-webkit-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	animation-delay: 2.4s
}
.home .new_list ul li:nth-child(12), .home .product_list ul li:nth-child(12), .home .portfolio_list ul li:nth-child(12) {
	-webkit-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	animation-delay: 2.4s
}
