@charset "utf-8";
/* CSS Document */
li {
	float: left;
}
.bannerImg {
	position: relative;
	height: 480px;
	overflow:hidden;
	
}
.jtuan_img {
	position: absolute;
	left: 50%;
}
.jtuan_img img {
	margin-left: -50%;
}
.dqwz{
	width:100%;
	height:30px;
	background-color:#f5f5f5;
	}
.wz{
	width:1190px;
	height:30px;
	margin:0 auto;
	color:#666;
	
	font-size:14px;
	line-height:30px;
	letter-spacing:1px;
	
	}
.wz a{
	color:#666;
	}
.wz a:hover{
	color:#007DD4;
	}
.sm{
	width:100%;	
	
	}
.sm .top{
	width:1190px;
	height:320px;
	text-align:center;	
	margin:0 auto;
	padding-top:0px;

	}
.sm .top .title{
	color:#333;
	font-size:24px;
	
	font-weight:bold;
	padding-top:60px;
	letter-spacing:1px;
	}
.sm .top p{

	font-size:16px;
	color:#333;
	line-height:32px;
	
	letter-spacing:2px;
	}
.sm .top p.first{
	margin-top:50px;
	}
.sm .top p.second{
	margin-top:25px;
	}
.sm .down{
	width:820px;
	height:940px;
	margin:0 auto;
	
	}
.sm .down ul li{
	width:170px;
	height:260px;
	float:left;
	margin-left:30px;
	margin-top:30px;
	background-color:#E6E6E6;
	}
.sm .down ul li.first{
	margin-left:45px;
	}
.sm .down ul li .Img{
	width:170px;
	height:160px;
	float:left;
	background:url(../images/jtyw/sybqt/13.png) center no-repeat;
	}
.sm .down ul li .Img a img{
	display:block;
	margin:45px auto 0px;
	text-align:center;
	}
.sm .down ul li:hover .Img a img{
	animation: mysecond 1s linear 1;
	-moz-animation: mysecond 1s linear 1; /* Firefox */
	-webkit-animation: mysecond 1s linear 1; /* Safari and Chrome */
	-o-animation: mysecond 1s linear 1; /* Opera */
	}
@keyframes mysecond {
 0% {
 transform:rotateY(0deg);
}
 25% {
 transform:rotateY(90deg);
}
 50% {
 transform:rotateY(180deg);
}
 75% {
 transform:rotateY(270deg);
}
 100% {
 transform:rotateY(360deg);
}
}
@-moz-keyframes mysecond {
 0% {
 transform:rotateY(0deg);
}
 25% {
 transform:rotateY(90deg);
}
 50% {
 transform:rotateY(180deg);
}
 75% {
 transform:rotateY(270deg);
}
 100% {
 transform:rotateY(360deg);
}
}
@-webkit-keyframes mysecond {
 0% {
 transform:rotateY(0deg);
}
 25% {
 transform:rotateY(90deg);
}
 50% {
 transform:rotateY(180deg);
}
 75% {
 transform:rotateY(270deg);
}
 100% {
 transform:rotateY(360deg);
}
}
@-o-keyframes mysecond {
 0% {
 transform:rotateY(0deg);
}
 25% {
 transform:rotateY(90deg);
}
 50% {
 transform:rotateY(180deg);
}
 75% {
 transform:rotateY(270deg);
}
 100% {
 transform:rotateY(360deg);
}
}
.sm .down ul li p{
	
	width:170px;
	text-align:center;
	}
.sm .down ul li p a{
	font-size:12px;
	
	color:#333;
	}

.sm .down ul li p a:hover{
	color:#007DD4;
	}
.sm .down ul li input{
	width:68px;
	height:25px;
	border:none;
	font-size:12px;
	cursor:pointer;
	margin-left:51px;
	margin-top:20px;
	background:url(../images/jtyw/sybqt/14.png) center no-repeat;
	}
.sm .down ul li input:hover{
	background:url(../images/jtyw/sybqt/15.png) center no-repeat;
	color:#fff;
	}