/*公共文件common*/
*{
	font-family:'微软雅黑';
}
a,img,.cursor{
	cursor: pointer;
}
.wapper{
	width:100%;
}
.fixed{
	position: fixed;
	left:10px;
	top:20%;
	width: 10%;
	z-index: 9999;
}
.fixed img{
	width: 100%;
}
/*animate*/
@keyframes abc{
	0%{
		transform:scale(1);
	}
	100%{
		transform:scale(1.2);
	}
}
.scale .active{
	animation-name:abc;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
	z-index:9999;
}
@keyframes cba{
	0%{
		transform:scale(1.2);
	}
	100%{
		transform:scale(1);
	}
}
.scale .li{
	animation-name:cba;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
	z-index:0;
}
/*header start*/
header{
	width:80%;
	margin:0 auto;
	height: 4.67rem;
	background: url('../images/header_bg.png') no-repeat center center;
	background-size: 100% 100%;
}
header .logo{
	display: block;
	width:17%;
	height: 4.67rem;
	margin-top: 0.83rem;
	float: left;
}
header .nav{
	display: flex;
	justify-content : space-around;
	padding: 0 60px 0 10px;
	margin-left: 20px;
	width: 60%;
}
header .nav li{
	float: left;
	line-height: 4.67rem;
	margin-left: 2%;
}
header .nav .active a{
	color:#df4a1b;
}
header .nav li a{
	color: #000;
	font-size: 0.85rem;
}
header .nav li:hover a{
	color:#df4a1b;
}
header .tel{
	/*width: 11rem;*/
	width: 20%;
	margin-top: 1.125rem;
	display: block;
	float: right;
}
/*header end*/

@media screen and (max-width:1920px){
	html{
		font-size:24px;
	}
	footer .p{
		font-size: 2rem;
		left: 5rem;
	}
}
@media screen and (max-width:1600px){
	html{
		font-size:22px;
	}
	footer .p{
		font-size: 2rem;
		left: 4rem;
	}
}
@media screen and (max-width:1440px){
	html{
		font-size:20px;
	}
	footer .p{
		font-size: 2rem;
		left: 4rem;
	}
}
@media screen and (max-width:1200px){
	html{
		font-size:18px;
	}
	footer .p{
		font-size: 2rem;
		left: 4rem;
	}
}
@media screen and (max-width:992px){
	html{
		font-size:16px;
	}
	header .tel{
		width: 15%;
	}
	header{
		width: 85%;
	}
	footer .p{
		font-size: 1.5rem;
		left: 2rem;
	}
}