@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	list-style: none;
   border: none;
}

html,body{
	width: 100%;
	height: 100%;
}
a {
   text-decoration: none;
	color:#FFFFFF;
	font-family: abel;
}

ul{
	text-decoration: none;
	color:#FFFFFF;
	box-sizing:border-box;
}

#z{width: 100%;height: 100%;background-color: #bbbbbb;}

.zs{
	width: 100%;
	height: 40%;
	background: url(../image/图片2.png);
	background-repeat: no-repeat;
   background-position: top;
	background-size:cover;
	text-align: center;
position: relative;
}
.zs img{position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top:0;
            margin: auto;

}

.lj{
	width: 100%;
	height: 8%;
	background-color: #bbbbbb;
	text-align: center;
	position: relative;
}
.lj ul{
	width: 10%;
	height: 30%;
	position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top:0;
            margin: 0 auto;
	
}
.lj ul li{
	width: 30%;
	float: left;
}
.nr{
	clear: both;
	width: 100%;
	height: 38%;
	background-color: #bbbbbb;
}
.gst{
	width: 30%;
	height: 100%;
	float: left;
	position: relative;
	margin-left: 50px;
}
.gst img{
	width: 70%;
	position: absolute;
	  left: 0;
     right: 0;
     bottom: 0;
     top:0;
	margin: 0 auto;
	margin-top: 50px;
}
.wenzi{
	width: 50%;
	height: 100%;
	float: left;
	margin-top: 90px;
}
@media screen and (min-width: 300px) and (max-width: 900px){
	*{
	margin: 0;
	padding: 0;
	list-style: none;
   border: none;
}

html,body{
	width: 100%;
	height: 100%;
}
a {
   text-decoration: none;
	color:#FFFFFF;
	font-family: abel;
}

ul{
	text-decoration: none;
	color:#FFFFFF;
	box-sizing:border-box;
}

#z{width: 100%;height: 100%;background-color: #bbbbbb;}

.zs{
	width: 100%;
	height: 30%;
	background: url(../image/图片2.png);
	background-repeat: no-repeat;
   background-position: top;
	background-size:cover;
	text-align: center;
position: relative;
}
.zs img{width: 70%;
	position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top:0;
            margin: auto;

}

.lj{
	width: 100%;
	height: 5%;
	background-color: #bbbbbb;
	text-align: center;
	position: relative;
}
.lj ul{
	width: 20%;
	height: 30%;
	position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top:0;
            margin: 0 auto;
	
}
.lj ul li{
	width: 20%;
	float: left;
}
	.lj ul li img{width: 70%}
.nr{
	clear: both;
	width: 100%;
	height: 60%;
	background-color: #bbbbbb;
}
.gst{
	width: 30%;
	height: 100%;
	float: left;
	position: relative;
	margin-left: 15px;
}
.gst img{
	width: 70%;
	position: absolute;
	  left: 0;
     right: 0;
     bottom: 0;
     top:0;
	margin: 0 auto;
}
.wenzi{
	width: 60%;
	height: 100%;
	float: left;
	margin-top: 2px;	
}