.fiveyewu {
	width:100%;
	padding:88px 0 0px;
}
.fiveyewu-list {
	width:100%;
	margin-top:60px;
	overflow:hidden;
	height:560px;
}
.fiveyewu-list li {
	width:20%;
	float:left;
	position:relative;
	overflow:hidden;
	transition:all .4s ease;
}
.fiveyewu-list li:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	transition:all .4s ease;
}
.fiveyewu-img {
	width:100%;
	height:560px;
}
.fiveyewu-img img {
	height:100%;
}
.fiveyewu-wd {
	position:absolute;
	z-index:2;
	width:100%;
	height:100%;
	top:0;
	left:0;
	color:#fff;
	padding:48px 0 48px 48px;
	z-index:2;
	overflow:hidden;
}
.fiveyewu-wd h6 {
	font-size:18px;
	font-weight:700;
	line-height:1.4em;
	padding-bottom:10px;
	position:relative;
	transition:all .4s ease;
}
.fiveyewu-wd h6:after {
	content:"";
	position:absolute;
	width:35px;
	height:2px;
	left:0;
	bottom:0;
	background:#fff;
}
.fiveyewu-wd p {
	font-size:16px;
	line-height:32px;
	margin-top:36px;
	opacity:0;
	padding-right:100px;
	transform:translateY(40px);
}
.fiveyewu-wd i {
	display:block;
	width:100%;
	text-align:center;
	margin-top:40px;
	opacity:0;
	transform:translateY(40px);
}
.fiveyewu-wd i img {
	width:auto;
}
.fiveyewu-list.lihover:hover li {
	width:14%;
}
.fiveyewu-list.lihover li:hover {
	width:44%;
}
.fiveyewu-list li:hover:after {
	background:rgba(0,162,233,.6);
}
.fiveyewu-list li:hover .fiveyewu-wd h6 {
	font-size:24px;
}
.fiveyewu-list li:hover .fiveyewu-wd p {
	opacity:1;
	transform:translateY(0);
	transition:all .4s ease .4s;
}
.fiveyewu-list li:hover .fiveyewu-wd i {
	opacity:1;
	transform:translateY(0);
	transition:all .4s ease .6s;
}

 
@media all and (max-width:1599px) {
.fiveyewu {
	padding:80px 0 0px;
}
.fiveyewu-list {
	margin-top:54px;
}
.fiveyewu-wd p {
	padding-right:80px;
	margin-top:28px;
}
.fiveyewu-img,.fiveyewu-list {
	height:520px;
}
.fiveyewu-wd i {
	margin-top:20px;
}
}@media all and (max-width:1439px) {
	.fiveyewu-wd p {
	padding-right:60px;
}
}@media all and (max-width:1359px) {
	.title-four h3 {
	font-size:26px;
}
.title-four h3 span {
	padding:0 26px;
}
.title-four p {
	margin-top:14px;
}
.fiveyewu-wd {
	padding:34px 0 34px 34px;
}
.fiveyewu-wd p {
	padding-right:40px;
	line-height:28px;
}
.fiveyewu-img,.fiveyewu-list {
	height:488px;
}
.fiveyewu {
	padding:70px 0 0px;
}

}

@media all and (max-width:1279px) {
	.title-four h3 {
	font-size:24px;
}
.title-four h3 span {
	padding:0 24px;
}
.title-four p {
	margin-top:12px;
}
.fiveyewu {
	padding:60px 0 0px;
}
.fiveyewu-list {
	margin-top:44px;
}
.fiveyewu-wd {
	padding:28px 0 28px 28px;
}
.fiveyewu-wd h6 {
	font-size:16px;
	padding-bottom:8px;
}
.fiveyewu-list li:hover .fiveyewu-wd h6 {
	font-size:20px;
}
.fiveyewu-wd p {
	padding-right:28px;
	line-height:26px;
	margin-top:24px;
}
.fiveyewu-img,.fiveyewu-list {
	height:420px;
}
}@media all and (max-width:1151px) {
	.fiveyewu-wd p {
	font-size:14px;
	line-height:24px;
}
}@media all and (max-width:1000px) {
	.fiveyewu-img,.fiveyewu-list {
	height:auto;
}
.fiveyewu-list li {
	width:100%;
	margin-top:20px;
}
.fiveyewu-list li:first-child {
	margin-top:0;
}
.fiveyewu-img img {
	width:100%;
	object-fit:cover;
}
.fiveyewu-wd p,.fiveyewu-wd i {
	opacity:1;
	transform:translateY(0);
}
.fiveyewu-wd i {
	display:none;
}
.fiveyewu-wd p {
	padding-right:0;
}
.fiveyewu-wd {
	padding:28px 4%;
	top:auto;
	bottom:0;
	height:auto;
}
.fiveyewu-wd h6 {
	font-size:18px;
	padding-bottom:10px;
}

.title-four{
	padding: 0 20px;
}

}

@media all and (max-width:640px) {
	.title-four h3 {
	font-size:20px;
}
.title-four h3 span {
	padding:0;
}
.title-four h3:after {
	display:none;
}
.title-four p {
	margin-top:8px;
}
.fiveyewu-wd p {
	font-size:12px;
	line-height:18px;
	margin-top:16px;
}
.fiveyewu-wd {
	padding:16px 4%;
}
.fiveyewu {
	padding:38px 0 40px;
}
.fiveyewu-list {
	margin-top:32px;
}
}