html, body, div, span,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a,del, em, font, img, ins, kbd, q, s, samp,small,strong,sub,sup,tt,var,b,u,i,center,
dl, dt, dd, ol, ul, li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	padding:0;
	margin:0;
}

ul,li{
	list-style:none;
}

a{
	text-decoration:none;
}


body{
	min-width:1200px;
	margin:0 auto;
}


.banner{
	width:100%;
	height:600px;
	background:url(../images/banner.jpg) no-repeat center center;
}



/*·ÖÀർº½*/

.pbclalss{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	margin-top:100px;
}

.pbclalss p{
	width:200px;
	height:50px;
	border:1px solid #CCC;
	line-height:50px;
	box-sizing:border-box;
	text-align:center;
	border-radius:10px;
	font-size:24px;
	cursor:pointer;
}


.pbclalss p a{
	color:#000;
}

.pbclalss p:hover{
	border:1px solid #F00;
}

.pbclalss p:hover a{
	color:#F00;
}

.pbclalss p.change{
	border:none;
	background-image: linear-gradient(to right , #F7593C,#E52228);
	color:#FFF;
}

.pbclalss p.change a{
	color:#FFF;
}


.zuopin{
	width:1200px;
	margin:0 auto;
	margin-top:60px;
}

.zuopin div{
	display:none;
}

.zuopin ul{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.zuopin ul li{
	width:386px;
	position:relative;
	margin-bottom:30px;
}

.zuopin ul li img{
	display:block;
}


.zuopin ul li p{
	width:100%;
	height:40px;
	background:rgba(0,0,0,.7);
	text-align:center;
	line-height:40px;
	color:#EEE;
	font-size:18px;
	position:absolute;
	left:0;
	bottom:0;
}

.zuopin ul li p span{
	color:#FFC926;
}

.zuopin div dl{
	width:800px;
	margin:0 auto;
	margin-top:60px;
	display:flex;
	justify-content:space-between;
	margin-bottom:60px;
}


.zuopin div dl a{
	width:300px;
	height:50px;
	display:block;
	line-height:50px;
	text-align:center;
	font-size:24px;
	background-image: linear-gradient(to bottom , #F7593C,#E52228);
	border-radius:25px;
	color:#FFF;
}

.zuopin div dl a:hover{
	background-image: linear-gradient(to bottom , #FF8000,#F7593C);
}