*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
.classic{
	width: 100%;
	height: 530px;
	background-color: #fff;
}
.classic header{
	width: 487px;
	margin: 70px auto 0;
	height: 95px;
	background-color: #f7f7f7;
	border-radius: 50px;
	box-sizing: border-box; #区域尺寸包括边框
	padding: 0 15px;
}
.classic p{
	text-align: center;
	color: blue;
	font-size: 14px;
	margin-top: 10px;
}
.classic ul{
	width: 960px;
	margin: 70px auto 0;
}
.classic li{
	width: 266px;
	height: 250px;
	background: url(../img/pic1.jpg) 0 0 no-repeat ;
	float: left;
	margin-right: 8%;
	border: 1px solid royalblue ;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
}
.classic li:nth-child(2){
	background: url(../img/pic2.jpg) 0 0 no-repeat;
}
.classic li:nth-child(3){
	background: url(../img/pic3.jpg) 0 0 no-repeat;
	margin-right: 0;
}
.classic ul hgroup{
	position: absolute;
	left: 0;
	top: -250px;
	width: 266px;
	height: 250px;
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.5s ease-in 0s;#过度
}
.classic ul li:hover hgroup{
	position: absolute;
	left: 0;
	top: 0;
}
.classic ul hgroup h2:nth-child(1){
	font-size: 22px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	margin-top: 55px;
}
.classic ul hgroup h2:nth-child(2){
	font-size: 14px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	margin-top: 15px;
}
.classic ul hgroup h2:nth-child(3){
	width: 26px; height: 26px;
	background: url(../img/jiantou.png) 0 0 no-repeat;
	margin-left: 120px;
	margin-top: 15px;
}
.classic ul hgroup h2:nth-child(4){
	width: 75px; height: 22px;
	background: url(../img/anniu.png) 0 0 no-repeat;
	margin-left: 95px;
	margin-top: 25px;
}
.try{
	width: 100%;
	height: 312px;
	background-color: #299585;
	padding-top: 70px;
}
.try header{
	width: 555px;
	margin: 0 auto ;
	height: 95px;
	background-color: #f7f7f7;
	border-radius: 50px;
	box-sizing: border-box; #区域尺寸包括边框
	padding: 7px 0 0 35px;
}
.try p{
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
}
.try ul{
	width: 960px;
	margin: 70px auto 0;
}
.try li{
	width: 291px;
	height: 251px;
	float: left;
	margin-right: 4%;
	margin-bottom: 40px;
	position: relative;
	perspective: 230px;
}
.try li:last-child{
	margin-right: 0;
}
.try li img{
	position: absolute;
	left: 0;
	top: 0;
	backface-visibility: hidden;
	transition: all 0.3s ease-in 0s;
}
.try li img.fan{
	transform: rotateX(-180deg);
}
.try li:hover img.fan{
	transform: rotateX(0);
}
.try li:hover img.zheng{
	transform: rotateX(180deg);
}
.make{
	width: 100%;
	height: 700px;
	background-color: #fff;
}
.make header{
	width: 508px;
	margin: 220px auto 0;
	height: 95px;
	background-color: #f7f7f7;
	border-radius: 50px;
	box-sizing: border-box; #区域尺寸包括边框
	padding:7px 0 0 35px;
}
.make p{
	text-align: center;
	color: blue;
	font-size: 14px;
	margin-top: 10px;
}
.make ul{
	width: 960px;
	margin: 70px auto 0;
}
.make li{
	width: 195px;
	height: 195px;
	border: 1px solid brown;
	float: left;
	border-radius: 50%;
	margin-bottom: 40px;
	margin-right: 5%;
	position: relative;
}
.make li:nth-child(4){
	margin-right: 0;
}
.make li:nth-child(8){
	margin-right: 0;
}
.make li img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.make li .tihuan{
	opacity: 0;
	transition: all 0.5s ease-in 0.2s;
}
.make li:hover .tihuan{
	opacity: 1;
	transform: translate(-50%,-50%) scale(0.75);
} 
.make li .tu{
	transition: all 0.5s ease-in 0s;
}
.make li:hover .tu{
	opacity: 0;
	transform: translate(-50%,-50%) scale(0.5);
}
/* footer */
footer{width:100%;height:400px;background: #545861;border-bottom: 1px solid #fff;}
footer .logo{width:1000px;height:100px;margin:0 auto;background: url(../img/logo1.jpg) no-repeat center center;border-bottom: 1px solid #8c9299;}
footer .message{width:1000px;margin:20px auto 0;color:#fffada;}
footer .message .left{width:525px;float: left;padding-left: 30px;box-sizing:border-box;}
footer .message .left li{float: left;margin-right: 30px;}
footer .message .left li input{width:215px;height:32px;border-radius: 5px;margin:10px 0 15px 0;padding-left: 10px;box-sizing:border-box;border:none;}
footer .message .left li:last-child input{width:120px;height:39px;padding-left: 0;border:none;background: url(../img/but.jpg) no-repeat;}
footer .message .right{float: left;}
footer .message .right p{margin-bottom: 10px;}
footer .message .right textarea{width:400px;height:172px;padding:10px;box-sizing:border-box;resize:none;}
/* footer */
/* banquan */
.banquan{width:100%;height:60px;background: #333333;text-align: center;}
.banquan a{line-height: 60px;text-decoration: none;
color: #fff;}
/* banquan */