/* 
* @Author: zty
* @Date:   2016-04-22 08:45:46
* @Last Modified by:   zty
* @Last Modified time: 2016-07-29 09:35:58
*/
@-webkit-keyframes nextbutton{
	0%{
		-webkit-transform: translateY(0px);
		    transform: translateY(0px);
	}
	50%{
		-webkit-transform: translateY(-35px);
		transform: translateY(-35px);
	}
	100%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes nextbutton{
	0%{
		transform: translateY(0px);
	}
	50%{
		transform: translateY(-35px);
	}
	100%{
		transform: translateY(0px);
	}
}
@-webkit-keyframes titles{
	from{
		transform: translateY(-100%);
		opacity: 0;
	}
	to{
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes titles{
	from{
		transform: translateY(-100%);
		opacity: 0;
	}
	to{
		transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes biger{
	0%{
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}
	to{
		visibility: visible;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}
@keyframes biger{
	0%{
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}
	to{
		visibility: visible;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}
@keyframes right{
	0%{
		opacity: 0;
		-webkit-transform: translateX(-200px);
		-ms-transform: translateX(-200px);
		transform: translateX(-200px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes right{
	0%{
		opacity: 0;
		-webkit-transform: translateX(-200px);
		-ms-transform: translateX(-200px);
		transform: translateX(-200px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes left{
	0%{
		opacity: 0;
		-webkit-transform: translateX(200px);
		-ms-transform: translateX(200px);
		transform: translateX(200px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes left{
	0%{
		opacity: 0;
		-webkit-transform: translateX(200px);
		-ms-transform: translateX(200px);
		transform: translateX(200px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes coin{
	0%{
		-webkit-transform: translate(-50%,-50%) scale(1,1) rotateY(0deg);
		transform: translate(-50%,-50%) scale(1,1) rotateY(0deg);
	}
	50%{
		-webkit-transform: translate(-50%,-50%) scale(1.3,1.3) rotateY(180deg);
		transform: translate(-50%,-50%) scale(1.3,1.3) rotateY(180deg);
	}
	100%{
		-webkit-transform:  translate(-50%,-50%) scale(1,1) rotateY(0deg);
		transform:  translate(-50%,-50%) scale(1,1) rotateY(0deg);
	}
}
@-webkit-keyframes coin{
	0%{
		-webkit-transform: translate(-50%,-50%) scale(1,1) rotateY(0deg);
		transform: translate(-50%,-50%) scale(1,1) rotateY(0deg);
	}
	50%{
		-webkit-transform: translate(-50%,-50%) scale(1.3,1.3) rotateY(180deg);
		transform: translate(-50%,-50%) scale(1.3,1.3) rotateY(180deg);
	}
	100%{
		-webkit-transform:  translate(-50%,-50%) scale(1,1) rotateY(0deg);
		transform:  translate(-50%,-50%) scale(1,1) rotateY(0deg);
	}
}
@keyframes net{
	0%{
		-webkit-transform: translate(-50%,-50%) scale(0,0);
		transform: translate(-50%,-50%) scale(0,0);
		opacity: 1;
	}
	100%{
		-webkit-transform: translate(-50%,-50%) scale(1,1);
		transform: translate(-50%,-50%) scale(1,1);
		opacity: 0;
	}
}
@-webkit-keyframes net{
	0%{
		-webkit-transform: translate(-50%,-50%) scale(0,0);
		transform: translate(-50%,-50%) scale(0,0);
		opacity: 1;
	}
	100%{
		-webkit-transform: translate(-50%,-50%) scale(1,1);
		transform: translate(-50%,-50%) scale(1,1);
		opacity: 0;
	}
}
@-webkit-keyframes yy{
	0%{
		-webkit-transform: rotateX(60deg) skew(10deg,0deg);
		transform: rotateX(60deg) skew(10deg,0deg);
	}
	25%{
		-webkit-transform: rotateX(-45deg) skew(-10deg,0deg);
		transform: rotateX(-45deg) skew(-10deg,0deg);
	}
	50%{
		-webkit-transform: rotateX(30deg) skew(5deg,0deg);
		transform: rotateX(30deg) skew(5deg,0deg);
	}
	75%{
		-webkit-transform: rotateX(-15deg) skew(-5deg,0deg);
		transform: rotateX(-15deg) skew(-5deg,0deg);
	}
	100%{
		-webkit-transform: rotateX(0deg) skew(0deg,0deg);
		transform: rotateX(0deg) skew(0deg,0deg);
	}
}
@keyframes yy{
	0%{
		-webkit-transform: rotateX(60deg) skew(10deg,0deg);
		transform: rotateX(60deg) skew(10deg,0deg);
	}
	25%{
		-webkit-transform: rotateX(-45deg) skew(-10deg,0deg);
		transform: rotateX(-45deg) skew(-10deg,0deg);
	}
	50%{
		-webkit-transform: rotateX(30deg) skew(5deg,0deg);
		transform: rotateX(30deg) skew(5deg,0deg);
	}
	75%{
		-webkit-transform: rotateX(-15deg) skew(-5deg,0deg);
		transform: rotateX(-15deg) skew(-5deg,0deg);
	}
	100%{
		-webkit-transform: rotateX(0deg) skew(0deg,0deg);
		transform: rotateX(0deg) skew(0deg,0deg);
	}
}
@keyframes zhuan{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes zhuan{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes fzhuan{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes fzhuan{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes icons{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform: rotate(-25deg);
		transform: rotate(-25deg);
	}
	75%{
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg);
	}
	100%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes icons{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25%{
		-webkit-transform: rotate(-25deg);
		transform: rotate(-25deg);
	}
	75%{
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg);
	}
	100%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes updown{
	0%{
		transform: translate(-50%,-50%);
	}
	100%{
		transform: translate(-50%,-70%);
	}

}
@keyframes spray{
	0%{
		-webkit-transform: translateX(-350px);
		transform: translateX(-350px);
	}
	100%{
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px);
	}
}
.bubble{
	animation: updown 2s ease-in infinite alternate;
}
.youyou{
	animation: yy 1.4s ease-out;
}

.zoom-in{
	-webkit-animation: biger 1s forwards;
	-ms-animation: biger 1s forwards;
	animation: biger 1s forwards;
}
.icon-list li:nth-child(2){
	animation-delay:0.1s;
}
.icon-list li:nth-child(3){
	animation-delay:0.2s;
}
.icon-list li:nth-child(4){
	animation-delay:0.3s;
}
.fade-in-left{
	-webkit-animation: left 1s forwards;
	-ms-animation: left 1s forwards;
	animation: left 1s forwards;
}
.fade-in-right{
	-webkit-animation: right 1s forwards;
	-ms-animation: right 1s forwards;
	animation: right 1s forwards;
}
.cf3,.ca3{
}
.cf3:nth-child(1){
	animation-delay:0.3s;
}
.cf3:nth-child(2){
	animation-delay:0.1s;
}
.cf3:nth-child(3){
	animation-delay:0.2s;
}
.ca3:nth-child(1){
	animation-delay:0.1s;
}
.ca3:nth-child(2){
	animation-delay:0.3s;
}
.ca3:nth-child(3){
	animation-delay:0.2s;
}
@media all and (min-width: 1366px){
	.big-one .pic-box{
		height: 762px;
	}
}
@media all and (max-width: 640px){
	.strength-list li{
		margin-top: 15px;
		padding-top: 0;
	}
	.strength-list li:before{
		content: "";
	}
}

@media all and (max-width: 1865px){
	.baidu-hlj{
		display: none;
	}
}
@media all and (max-width: 1680px){
	.tel-box{
		display: none;
	}
	.top-nav{
		width: 80%;
	}
}
@media all and (max-width: 1220px){
	.top-nav{
		width: 75%;
	}
}
.dynamic-list li:hover .block1{
	animation: block1 2.2s linear infinite;
	-webkit-animation: block1 2.2s linear infinite;
}
@keyframes block1{
	0%{
		bottom: 37px;
	}
	33%{
		bottom: 95px;
	}
	66%{
		bottom: 0;
	}
	100%{
		bottom: 37px;
	}
}
@-webkit-keyframes block1{
	0%{
		bottom: 37px;
	}
	33%{
		bottom: 95px;
	}
	66%{
		bottom: 0;
	}
	100%{
		bottom: 37px;
	}
}
.dynamic-list li:hover .line1{
	animation: line1 2.2s linear infinite;
	-webkit-animation: line1 2.2s linear infinite;
}
@keyframes line1{
	0%{
		height: 36px;
	}
	33%{
		height: 94px;
	}
	66%{
		height: 0;
	}
	100%{
		height: 36px;
	}
}
@-webkit-keyframes line1{
	0%{
		height: 36px;
	}
	33%{
		height: 94px;
	}
	66%{
		height: 0;
	}
	100%{
		height: 36px;
	}
}
.dynamic-list li:hover .block2{
	animation: block2 2.2s linear infinite;
	-webkit-animation: block2 2.2s linear infinite;
}
@keyframes block2{
	0%{
		right: 268px;
	}
	33%{
		right: 0;
	}
	66%{
		right: 353px;
	}
	100%{
		right: 268px;
	}
}
@-webkit-keyframes block2{
	0%{
		right: 268px;
	}
	33%{
		right: 0;
	}
	66%{
		right: 353px;
	}
	100%{
		right: 268px;
	}
}
.dynamic-list li:hover .line2{
	animation: line2 2.2s linear infinite;
	-webkit-animation: line2 2.2s linear infinite;
}
@keyframes line2{
	0%{
		width: 267px;
	}
	33%{
		width: 0;
	}
	66%{
		width: 352px;
	}
	100%{
		width: 267px;
	}
}
@-webkit-keyframes line2{
	0%{
		width: 267px;
	}
	33%{
		width: 0;
	}
	66%{
		width: 352px;
	}
	100%{
		width: 267px;
	}
}
.gif{
	animation: gif 0.4s infinite;
	-weblit-animation: gif 0.4s infinite;
}
@keyframes gif{
	from{
		transform: scale(0.15);
	}
	to{
		transform: scale(0.3);
	}
}
@-webkit-keyframes gif{
	from{
		transform: scale(0.15);
		-webkit-transform: scale(0.15);
	}
	to{
		transform: scale(0.15);
		-webkit-transform: scale(0.3);
	}
}
.long-nav a{
	text-align: left!important;
	padding-left: 20px;
}
@keyframes click{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(0.6);
	}
	100%{
		transform: scale(1);
	}
}