.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{
	content:" ";
	display:table
}
.clearfix:after{clear:both}
*{
	box-sizing: border-box;
}
html {
	height: 100%;
}	
h2{font-size: 100%;font-weight: normal;}	
body {
	overflow: auto;
	overflow-x: hidden
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}	
body{background-color: #f6ebdd;}
.top .top-img1{width: 100%;}
.top .bg3{    
	width: 80%;
    margin: -24px auto 24px;
    display: block;
    }
.top p{
	font-size: 0.8rem;
    color: white;
    width: 70%;
    display: block;
    position: absolute;
    top: 10%;
    left: 15%;
}
.middel{
	width: 94%;
    margin: 0 auto;
    background-color: white;
    padding-bottom: 50px;
}
.middel .middel-png{width: 100%;padding-top: 20px;}
.middel ul{
	width: 94%;
    display: flex;
    margin-left: 6%;
    /*margin: 27px 0 27px 6%;*/
    position: relative;
    margin: 27px auto;
}
.middel .li1{
	width: 30%;
	overflow: hidden;
	border: 3px solid #cc0000;
    border-radius: 5px;
    height: 85px;
}
.middel .li1 img{
	height: 80px;
}
.middel .li2{
	width: 70%;
	overflow: hidden;
	padding-left: 0.5%;
}
.middel .li2 .bg1{
	height: 85px;
}
.li2 .detail{
	position: absolute;
    right: 20%;
    top: 65%;
    color: white;
    font-size: 14px;
    padding-right: 5px;
}
.li2 .icon1{
	position: absolute;
    right: 10%;
    top: 60%;
    color: white;
    font-size: 14px;
    width: 28px;
    height: 28px
}
.li2 .title{
	color: white;
    font-size: 16px;
    position: absolute;
    top: 10%;
    left: 40%;
}