.z-main{
	width: 100%;
	height: 100%;
	background: url(../images/ydyback.jpg) no-repeat 100% 100%;
}
.logo{
	width: 1200px;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
}
.logo img{
	width: 100%;
	height: 100%;
}
.z-ydy{
	width: 1000px;
	height: 570px;
	margin: auto;
}
.z-ydy ul{
	width: 100%;
	height: 570px;
}
.z-ydy ul li{
	float: left;
    width: 11%;
    height: 100%;
    transition: all 0.2s linear;
    cursor: pointer;
}
.z-ydy ul li:nth-child(1){
	background: url(../images/bag_8.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(2){
	background: url(../images/bag_11.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(3){
	background: url(../images/bag_13.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(4){
	background: url(../images/bag_14.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(5){
	background: url(../images/bag_12.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(1).img_show{
	background: url(../images/bag_1.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(2).img_show{
	background: url(../images/bag_4.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(3).img_show{
	background: url(../images/bag_6.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(4).img_show{
	background: url(../images/bag_99.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li:nth-child(5).img_show{
	background: url(../images/bag_5.png) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.z-ydy ul li.img_show{
	width: 56%;
    height: 100%;
    transition: all 0.2s linear;
}
.z-ydy ul li a{
	display: none;
	width: 100%;
	height: 100%;
}
.z-ydy ul li.img_show a{
	display: block;
}