﻿/* dede58.com 做最好的织梦模板 */
.banner .contentInfo .sub {
	animation:sub .5s ease-in-out 0s both;
	-moz-animation:sub .5s ease-in-out 0s both;
	-webkit-animation:sub .5s ease-in-out 0s both;
	-o-animation:sub .5s ease-in-out 0s both;
}
.cont1 {
	 padding-top: 20px; padding-bottom: 10px; margin-left:30%;
}
.cont1 li{float:left; display:block; margin-left:20px;}
.cont1 li a{color:#000000;}
.cont2{text-align: center;}
.cont2 p{margin-bottom: 10px;}
.cont2 p a{color:#000000;}
.about2{padding:80px 0;}
.about2 .left {
	width:600px;
	height:284px;
	float:left;
}

.about2 .right {
	position:relative;
	width:524px;
	height:284px;
	float:right;
}
.about2 .right .title {
	font-size:20px;
	color:#923AA4;
	line-height:20px;
	padding-bottom:20px;
	
}
.about2 .right .info {
	font-size:18px;
	color:#666;
	line-height:28px;
}
.cuowu{
	width: auto;
background:url(/skin/images/404.png) no-repeat center center;
	background-size:100%;
}
@keyframes sub {
0% {
height:0px;
}
100% {
height:120px;
}
}
@-moz-keyframes sub {
0% {
height:0px;
}
100% {
height:120px;
}
}
@-webkit-keyframes sub {
0% {
height:0px;
}
100% {
height:120px;
}
}
@-o-keyframes sub {
0% {
height:0px;
}
100% {
height:120px;
}
}
.banner .contentInfo .quan {
	animation:quan .2s ease-in-out .5s both;
	-moz-animation:quan .2s ease-in-out .5s both;
	-webkit-animation:quan .2s ease-in-out .5s both;
	-o-animation:quan .2s ease-in-out .5s both;
}
@keyframes quan {
0% {
transform:scale(0);
}
100% {
transform:scale(1);
}
}
@-moz-keyframes quan {
0% {
-moz-transform:scale(0);
}
100% {
-moz-transform:scale(1);
}
}
@-webkit-keyframes quan {
0% {
-webkit-transform:scale(0);
}
100% {
-webkit-transform:scale(1);
}
}
@-o-keyframes quan {
0% {
-o-transform:scale(0);
}
100% {
-o-transform:scale(1);
}
}
.banner .contentInfo .title {
	animation:tranx .8s ease-in-out .5s both;
	-moz-animation:tranx .8s ease-in-out .5s both;
	-webkit-animation:tranx .8s ease-in-out .5s both;
	-o-animation:tranx .8s ease-in-out .5s both;
}
.banner .contentInfo .info {
	animation:tranx .8s ease-in-out .7s both;
	-moz-animation:tranx .8s ease-in-out .7s both;
	-webkit-animation:tranx .8s ease-in-out .7s both;
	-o-animation:tranx .8s ease-in-out .7s both;
}
.banner .contentInfo .btn {
	animation:tranx .8s ease-in-out .9s both;
	-moz-animation:tranx .8s ease-in-out .9s both;
	-webkit-animation:tranx .8s ease-in-out .9s both;
	-o-animation:tranx .8s ease-in-out .9s both;
}
@keyframes tranx {
0% {
transform:translateX(-700px);
}
100% {
transform:translateX(0);
}
}
@-moz-keyframes tranx {
0% {
-moz-transform:translateX(-700px);
}
100% {
-moz-transform:translateX(0);
}
}
@-webkit-keyframes tranx {
0% {
-webkit-transform:translateX(-700px);
}
100% {
-webkit-transform:translateX(0);
}
}
@-o-keyframes tranx {
0% {
-o-transform:translateX(-700px);
}
100% {
-o-transform:translateX(0);
}
}
 @keyframes bannerNavChildOn {
0% {
background:#fff;
transform:scale(1);
}
50% {
transform:scale(0);
}
100% {
background:#000;
transform:scale(1);
}
}
@-moz-keyframes bannerNavChildOn {
0% {
background:#fff;
-moz-transform:scale(1);
}
50% {
transform:scale(0);
}
100% {
background:#000;
-moz-transform:scale(1);
}
}
@-webkit-keyframes bannerNavChildOn {
0% {
background:#fff;
-webkit-transform:scale(1);
}
50% {
transform:scale(0);
}
100% {
background:#000;
-webkit-transform:scale(1);
}
}
@-o-keyframes bannerNavChildOn {
0% {
background:#fff;
-o-transform:scale(1);
}
50% {
transform:scale(0);
}
100% {
background:#000;
-o-transform:scale(1);
}
}
