@media only screen and (min-width: 1200px) {
	.sy-pc.bar.bar-nav {
		height:100px;
	}
	.i {
		width:100%;
		background-repeat: no-repeat;
		background-position: center;
	}
	.i .container {
		position:relative;
	}
	.i .container a {
		position:absolute;
		display:block;
	}
	.i1 {
		height:1340px;
		background-image: url(../image/i1.jpg);
	}
	.i1 a {
		width:250px;
		height:70px;
		top:363px;
		left:475px;
	}
	.i2 {
		height:800px;
		background-image:url(../image/i2.jpg);
	}
	.i2 a {
		width:250px;
		height:70px;
		top:561px;
		left:56px;
	}
	.i3 {
		height:800px;
		background-image:url(../image/i3.jpg);
	}
	.i4 {
		height:800px;
		background-image:url(../image/i4.jpg);
	}
	.i4 a {
		width:250px;
		height:70px;
		left:569px;
		top:663px;
	}
	.i5 {
		height:1600px;
		background-image:url(../image/i5.jpg);
	}
	.i5 a {
		width:250px;
		height:70px;
		top:1480px;
		left:476px;
	}
}

@media only screen and (max-width: 1199px) {
	.i {
		width:100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		display: inline-block;
	}
	.i .container {
		display: inline-block;
		width:100%;
	}
	.i a {
		width:100%;
		height:0;
		display:block;
	}
	.i1 {
		background-image:url(../image/m-i1.jpg);
	}
	.i1 a {
		padding-bottom:155%;
	}
	.i2 {
		background-image:url(../image/m-i2.jpg);
	}
	.i2 a {
		padding-bottom:149%;
	}
	.i3 {
		height:0;
		padding-bottom:135%;
		background-image:url(../image/m-i3.jpg);
		display:block;
	}
	.i4 {
		background-image:url(../image/m-i4.jpg);
	}
	.i4 a {
		padding-bottom:162%;
	}
	.i5 {
		background-image:url(../image/m-i5.jpg);
	}
	.i5 a {
		padding-bottom:155%;
	}
}