/*---------------------------------------首页----------------------------*/
/*-------------案例--------------*/
/*遮罩层的效果*/
.show-1{
	display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding-top: 14%;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.41);
}

.show-1 a{
	padding: 2% 10%;
	border: 1px solid #F2F2F2;
	border-radius: 20px;
}
.show-1 a:hover{
	background: #0FAFD1;
	color: #000000;
	text-decoration: none;
}
/*-------------------产品中心-------------------------------------------*/
/*-------产品特色--------------*/
/*翻盘效果*/
 .second { 
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden;
	transition:0.5s;
	 }
.first{
	perspective:800px; 
	opacity:1;
	-webkit-transform-style: preserve-3d ;
	transition:0.5s;
	}
.second { 
	transform: rotateY(-180deg); 
	-moz-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	opacity:0;
	}
.preture .col-md-2:hover .first{
	 transform: rotateY(180deg); 
	 -moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	 opacity:0;
	 }
.preture .col-md-2:hover .second{
	transform: rotateY(0deg); 
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	 opacity:1; 
	 }

/*---------成功客户----------*/
.success .col-md-3 img:hover{
	transform: scale(1.3,1.3);
	-moz-transform: scale(1.3,1.3) ;
	-webkit-transform: scale(1.3,1.3) ;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}

/*---------------------------解决方案--------------------------------------*/
/*-----------按业务----------*/
/*.radius{
	transform-style: preserve-3d; 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective:800px; 
}*/
.radius{
	position: relative;
}
.radius span{
	/*-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;*/
	transition:0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	
}
.radius span:nth-child(1){
	opacity: 1;
	perspective:800px; 
	transform-style: preserve-3d ;
	-webkit-transform-style: preserve-3d ;
	/*transition:0.5s;*/
	
}
.radius span:nth-child(2){
	perspective:800px; 
	opacity:1;
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden;
	transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	opacity: 0;
}
.business .col-md-3:hover span:nth-child(1){
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);	
	opacity: 0;
	transition:0.3s;
}

.business .col-md-3:hover span:nth-child(2){
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	opacity: 1;
	transition:0.4s;
}

/*-----------按行业----------*/
@-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);
		-ms-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);
		-ms-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);
		-ms-transform: translate3d(0,-15px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
		-ms-transform: translate3d(0,-4px,0);
	}
}
.industry .col-md-2:hover{
	animation: bounce .8s both;
	-webkit-animation: bounce .8s both;
	border: 1px #0F0FEF solid;
}


@-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;
	}
}
/*移动端*/
.molile .col-md-6:hover img{
	transform: scale(1.3,1.3);
	-moz-transform: scale(1.3,1.3) ;
	-webkit-transform: scale(1.3,1.3) ;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}

/*-------------------------战略合作------------------------------------*/
/*内发光效果*/
.activities .col-md-2:hover{
	border-color: #0F0FEF;
	-webkit-box-shadow:inset 0px 2px 18px #0F0FEF; 
	box-shadow:inset 0px 2px 18px #0F0FEF ;
	
}
/*产品子网页--产品优势*/
.sales-2 .col-md-2:hover{
	animation: bounce .8s both;
	-webkit-animation: bounce .8s both;
	border: 1px #0F0FEF solid;
}





@-webkit-keyframes with{
	0%
	{
		width: 0%;
		opacity: 1;
	}
	100%
	{
		width: 100%;
		opacity: 1;
		
	}
}
@keyframes with{
0%
	{
		width: 0%;
		opacity: 1;
	}
	100%
	{
		width: 100%;
		opacity: 1;
		
	}
}

/*.smes-3 .container span:hover .yingjian{
	overflow: hidden;
    -webkit-animation: with 2.5s both ease;
    animation: with 2.5s both ease;
}*/