.logo{
	width: 1000px;
	margin: auto;
	padding: 10px 0;
}
.logo>ul{
	float: right;
	line-height: 36px;
}
.logo>ul>li{
	float: left;
	padding: 0 10px;
}
.logo>ul>li:last-child{
	padding-right: 0;
}
.logo>ul>li>a{
	color: #282828;
	font-weight: 500;
}
.logo>ul>li>a:hover{
	color: #db0e77;
}
.logo img{
	width: 13%;
}
.banner img,.banner1 img{
	width: 100%;
}
.banner1{
	display: none;
}
.box{
	width: 960px;
	margin: auto;
}
.box>h3{
	background: url(../img/titlebg.jpg) no-repeat;
	background-size: 100%;
	line-height: 50px;
	margin: 20px 0 10px;
	padding: 0 10px;
	border-radius:2px;
	color: #fff;
}
.box>div{
	background: #f3f4f6;
	padding: 20px;
	border-radius:10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.box>div h4{
	background: #fad0d0;
	border-radius:10px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 10px;
}
.box>div>img{
	float: left;
	margin:0 10px;
	width: 27%;
}
.box>div>div{
	float: left;
	width: 70%;
}
.bottom{
	border-top: 1px #888bdc solid;
	padding: 10px 0;
	margin-top: 10px;
	text-align: center;
	background: #e5e7f6;
}
.nav{
	height: 60px;
	width: 100%;
	background: linear-gradient(#840100,#990100);
}
.nav>ul{
	width: 960px;
	margin: auto;
}
.nav>ul>li{
	float: left;
	line-height: 60px;
	padding: 0 36px;
}
.nav>ul>li>a{
	color: #fff;
	font-weight: 700;
}
@media screen and (max-width:1200px){
	.logo,.banner,.nav{
		display: none;
	}
	.banner1{
		display: block;
	}
	.box>h3,.box>div h4,.box>div p{
		font-size: 24px;
	}

}
.huigu{
	display: none;
	background-color:#990100;
	position: absolute;
	margin-left: -36px;
}
#huigu>ul>li>a{
	padding: 12px 36px;
	border-bottom: 1px dotted #fff;
	color: #fff;
}
#huigu>ul>li>a:hover{
	font-weight: 700;
}