*{
	margin: 0px;
	padding: 0px;
	list-style: none;/*去掉列表样式*/
	font-family: "微软雅黑";
}
body{
	font-size: 14px;
	line-height: 26px;
	color: #333;
}
a{
	color: #333;
	text-decoration: none;/*去掉文字下划线*/
}
a:hover{
	color: #c00;
	text-decoration: none;
}
/*全局样式定义*/
/* 通配符* 优先级大于 id(只能取一个名字) 优先级大于 class(可以取多个名字,名字之间使用空格分开) */
.header{
	overflow: hidden;
}
.header .top{
	height: 29px;
	line-height: 29px;
	border-bottom: 1px solid #dedede;
	background: #f9f9f9;
	font-size: 12px;
}
.header .top dl{
	width: 1200px;
	margin: auto;/*盒子居中*/
}
.header .top dl dt{
	float: left;
}
.header .top dl dd{
	float: right;
}
.header .box{
	width: 1200px;
	margin: auto;
	overflow: hidden;
}
.header .box .logo{
	float: left;
	margin: 10px 0;
}
.header .box .logo img{
	display: block;
	height: 120px;
}
.header .box .tel{
	float: right;
	margin-top: 20px;
	font-size: 22px;
	text-align: center;
	line-height: 30px;
}
.header .box .tel fieldset{
	border: 0;
	border-top: 1px solid #dedede;
	padding: 0 30px;
	margin: 0;
}
.header .box .tel fieldset legend{
	padding: 0 10px;
	font-size: 15px;
}
.header .nav{
	clear: both;
	height: 50px;
	line-height: 50px;
	background: #c00;
}
.header .nav h1{
	display: none;
}
.header .nav ul{
	width: 1200px;
	margin: auto;
}
.header .nav ul li{
	float: left;
	font-size: 15px;
}
.header .nav ul li a{
	color: #fff;
	display: block;
	padding: 0 24px;
}
.header .nav ul li:hover a{
	background: #f00;
}
.header .nav ul li span{
	display: none;
	background: #f00;
	position: absolute;/*绝对定位*/
	left: auto;/*正左下方*/
	width: 108px;
	text-align: center;
	z-index: 1;/*层级：*/
}
.header .nav ul li:hover span{
	display: block;
}
.header .nav ul li span a:hover{
	background: #c00;
}
.banner{
	position: relative;/*相对定位*/
	overflow: hidden;
}
.banner .bd ul li img{
	display: block;
	width: 100%;
}
.banner .hd{
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 5px;
}/*注：块元素默认宽度为100%，如果给力绝对定位、固定定位后，默认的宽度将不存在*/
.banner .hd ul li{
	width: 60px;
	height: 6px;
	background: #fff;
	border-radius: 6px;
	display: inline-block;/*转换为行内块元素*/
	cursor: pointer;/*鼠标手型*/
}
.banner .hd ul li.on{/*li.on=on  li.on 意思：li的名字叫on*/
	background: #f00;
}
.banner span{
	width: 60px;
	height: 60px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	display: block;
	position: absolute;/*绝对定位*/
	left: 5%;
	top: 50%;
	margin-top: -30px;
	font-size: 45px;
	font-weight: bold;
	font-family: "黑体";
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
.banner .prev{
	right: 5%;
	left: initial;/*initial 取消原定义的属性*/
}

.footer{
	background: #272828;
	overflow: hidden;
}
.footer .bottom{
	width: 1200px;
	margin:50px auto;/*外边距：上下各为50px  左右居中*/
	overflow: hidden;
}
.footer .bottom .logo{
	float: left;
	width: 400px;
	box-sizing: border-box;/*不计算描边和内边距的参数*/
	height: 220px;
	border-right: 1px solid rgba(0,0,0,0.3);
}
.footer .bottom .logo img{
	display: block;
	height: 150px;
	margin:35px auto;
}
.footer .bottom ul{
	width: 400px;
	height: 220px;
	float: left;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-right: 1px solid rgba(0,0,0,0.3);
	box-sizing: border-box;/*不计算描边和内边距的参数*/
	padding:0 100px;
}
.footer .bottom b{
	display: block;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	overflow: hidden;
}
.footer .bottom b font{
	font-weight: 500;
	font-size: 13px;
}
.footer .bottom ul li{
	float: left;
	width: 50%;
	line-height: 30px;
}
.footer .bottom ul li a{
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
}
.footer .bottom ul li a:hover{
	color: #c00;
}
.footer .bottom ol{
	width: 400px;
	float: left;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	height: 220px;
	padding-left: 100px;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.5);
}
.footer .bottom ol li{
	line-height: 50px;
	overflow: hidden;
}
.footer .bottom ol li span{
	float: left;
	border: 1px solid rgba(255, 255, 255, 0.5);
	width: 14px;
	height: 14px;
	margin: 17px 5px 0 0;
	border-radius: 4px;
	line-height: 14px;
	font-size: 10px;
	text-align: center;
}
.footer .bq{
	background: #221815;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	padding: 5px 0;
	font-size: 12px;
}
/*媒体查询 最大宽度为1080时被以下样式所定义（媒体查询用于响应式）*/
@media (max-width: 1080px){
	body{
		font-size: 0.740741rem;/*40px*/
		line-height: 1.296296rem;/*70px*/
	}
	.header{
		position: fixed;/*固定定位*/
		top: 0;
		width: 100%;
		z-index: 99;
		background: #fff;
		box-shadow: 0 3px 5px #dedede;
	}
	.header .top{
		display: none;
	}
	.header .box{
		width: initial;/*initial 取消原定义的属性*/
		float: left;
		margin-left: 3%;
	}
	.header .box .logo{
		margin: 0.185185rem 0;/*10px 0*/
	}
	.header .box .logo img{
		height: 2.222222rem;/*120px*/
	}
	.header .box .tel{
		display: none;
	}
	.header .nav{
		height: 2.592593rem;/*140px*/
		line-height: 2.592593rem;
		background: initial;
		float: right;
		clear: initial;
	}
	.header .nav h1{
		display: block;
		padding: 0 0.740741rem;
		font-size: 1rem;
	}
	/* .header .nav .icon-guanbi{
		display: none;
	}
	.header .nav:hover .icon-caidan{
		display: none;
	}
	.header .nav:hover .icon-guanbi{
		display: block;
	} */
	.header .nav ul{
		width: initial;
		position: fixed;
		right: 0rem;
		top: 2.592593rem;/*140px*/
		height: calc(100vh - 2.5592593rem);
		width: 5rem;
		background: #fff;
		overflow: auto;
		text-align: center;
		transition: all 0.5s;
		box-shadow: -3px 3px 5px #dedede;
	}
	.header .nav:hover ul{
		right: 0;
	}
	.header .nav ul li{
		width: 100%;
		font-size: 0.740741rem;/*40px*/
		line-height: 2rem;
	}
	.header .nav ul li a{
		color: #333;
		padding: 0;
	}
	.header .nav ul li:hover a{
		background: initial;
	}
	.header .nav ul li span{
		display: none;
	}
	.header .nav ul li:hover span{
		display: none;
	}
	.banner{
		margin-top: 2.592593rem;/*140px*/
	}
	.banner .hd{
		bottom: 0.185185rem;/*10px*/
	}/*注：块元素默认宽度为100%，如果给力绝对定位、固定定位后，默认的宽度将不存在*/
	.banner .hd ul li{
		width: 1rem;/*54px*/
		height: 0.2rem;/*10.8px*/
		border-radius: 0.2rem;
	}
	.banner span{
		width: 1rem;
		height: 1.5rem;
		left: 0;
		margin-top: -0.75rem;
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.banner .prev{
		right: 0;
	}


	.footer .bottom{
		width: 94%;
		margin:1rem auto;/*外边距：上下各为54px  左右居中*/
	}
	.footer .bottom .logo{
		width: 40%;
		height: initial;
	}
	.footer .bottom .logo img{
		height: 3rem;
		margin:1.851852rem auto;/*100px auto*/
	}
	.footer .bottom ul{
		display: none;
	}
	.footer .bottom b{
		font-size: 1rem;
		margin-bottom: 0.2rem;
	}
	.footer .bottom b font{
		font-size: 0.740741rem;/*40px*/
	}
	.footer .bottom ol{
		width: 60%;
		height: inherit;
		padding-left: 1.5rem;
	}
	.footer .bottom ol li{
		line-height: 1.296296rem;/*70px*/
	}
	.footer .bottom ol li span{
		width: 0.740741rem;
		height: 0.740741rem;/*40px*/
		margin: 0.277778rem 0.185185rem 0 0;/*15px 10px 0 0*/
		border-radius: 0.185185rem;/*10px*/
		line-height: 0.740741rem;/*40px*/
		font-size: 0.740741rem;
	}
	.footer .bq{
		padding: 0.185185rem 3%;/*10px 3%*/
		font-size: 0.648148rem;/*35px*/
	}

}