@media only screen and (min-width:1200px) {

	#yewu_wp {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #f5f5f5;
		padding: 120px 0px 80px 0px;
		background: #f5f5f5 url(../images/ns1.jpg) top center no-repeat;
	}

	#ywbt {
		width: 1200px;
		height: 60px;
		margin: 0 auto;
		line-height: 60px;
		font-weight: bold;
		font-size: 38px;
		color: #fff;
		text-align: center;
	}

	#ywbtc {
		width: 1000px;
		min-height: 50px;
		margin: 0 auto;
		padding: 20px 0px 30px 0px;
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		text-align: center;
	}

	.ayc_bj {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #f5f5f5;
	}

	#ayc {
		width: 1218px;
		min-height: 50px;
		margin: 0 auto;
		margin-top: 20px;
	}

	#ayc ul li {
		display: block;
		float: left;
		margin: 8px;
		background: #fff;
		padding-top: 44px;
		box-sizing: border-box;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#ayc ul li a {}


	#ayc ul .ay_1,
	.ay_2,
	.ay_3 {
		width: calc(50% - 16px);
		height: 400px;
	}

	#ayc ul .ay_4,
	.ay_5 {
		width: 593px;
		height: 400px;
	}

	#ayc ul .ay_1:hover {
		background: #256fc2;
	}

	#ayc ul .ay_2:hover {
		background: #8b63ce;
	}

	#ayc ul .ay_3:hover {
		background: #39b0ce;
	}

	#ayc ul .ay_4:hover {
		background: #c3aa70;
	}

	#ayc ul .ay_5:hover {
		background: #5bc48d;
	}


	#ayc ul .ayw1 {
		width: 100%;
		height: 120px;
		background-position: top center;
		background-repeat: no-repeat;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#ayc ul .ayw2 {
		width: 50%;
		height: 1px;
		margin: 0 auto;
		background: #eee;
		margin-top: 20px;
		margin-bottom: 20px;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-outs;
		transition: all 0.6s ease-out;
	}

	#ayc ul .ayw3 {
		width: 100%;
		height: 75px;
		font-size: 30px;
		line-height: 45px;
		text-align: center;
	}

	#ayc ul .ayw3 p {
		line-height: 25px;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}

	#ayc ul .ayw4 {
		width: 80%;
		min-height: 50px;
		margin: 0 auto;
		padding-top: 20px;
		font-size: 16px;
		line-height: 30px;
		color: #888;
		text-align: center;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}


	#ayc ul li:hover .ayw1 {
		background-position: bottom center;
	}

	#ayc ul li:hover .ayw2 {
		width: 85%;
		background: #fff;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}

	#ayc ul li:hover .ayw3 {
		color: #fff;
	}

	#ayc ul li:hover .ayw3 p {
		color: #fff;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}

	#ayc ul li:hover .ayw4 {
		color: #fff;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}

}


@media only screen and (max-width:1200px) {

	#yewu_wp {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #f5f5f5;
		padding: 50px 0px;
		background: #f5f5f5 url(../images/ns1.jpg) top center no-repeat;
	}

	#ywbt {
		width: 100%;
		height: 60px;
		margin: 0 auto;
		line-height: 60px;
		font-weight: bold;
		font-size: 30px;
		color: #fff;
		text-align: center;
	}

	#ywbtc {
		width: 100%;
		min-height: 50px;
		margin: 0 auto;
		padding: 20px 0px 30px 0px;
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		text-align: center;
	}

	.ayc_bj {
		width: 100%;
		height: auto;
		overflow: hidden;
		background: #f5f5f5;
	}

	#ayc {
		width: 100%;
		min-height: 50px;
		margin: 0 auto;
		margin-top: 20px;
	}

	#ayc ul li {
		display: block;
		float: left;
		margin: 8px;
		background: #fff;
		padding-top: 44px;
		box-sizing: border-box;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#ayc ul li a {}


	#ayc ul .ay_1,
	.ay_2,
	.ay_3 {
		width: calc(100% - 16px);
		height: 400px;
	}

	#ayc ul .ay_4,
	.ay_5 {
		width: 593px;
		height: 400px;
	}

	#ayc ul .ay_1:hover {
		background: #256fc2;
	}

	#ayc ul .ay_2:hover {
		background: #8b63ce;
	}

	#ayc ul .ay_3:hover {
		background: #39b0ce;
	}

	#ayc ul .ay_4:hover {
		background: #c3aa70;
	}

	#ayc ul .ay_5:hover {
		background: #5bc48d;
	}


	#ayc ul .ayw1 {
		width: 100%;
		height: 120px;
		background-position: top center;
		background-repeat: no-repeat;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#ayc ul .ayw2 {
		width: 50%;
		height: 1px;
		margin: 0 auto;
		background: #eee;
		margin-top: 20px;
		margin-bottom: 20px;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-outs;
		transition: all 0.6s ease-out;
	}

	#ayc ul .ayw3 {
		width: 100%;
		height: 75px;
		font-size: 26px;
		line-height: 45px;
		text-align: center;
	}

	#ayc ul .ayw3 p {
		line-height: 25px;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}

	#ayc ul .ayw4 {
		width: 90%;
		min-height: 50px;
		margin: 0 auto;
		padding-top: 20px;
		font-size: 16px;
		line-height: 30px;
		color: #888;
		text-align: center;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}


	#ayc ul li:hover .ayw1 {
		background-position: bottom center;
	}

	#ayc ul li:hover .ayw2 {
		width: 85%;
		background: #fff;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}

	#ayc ul li:hover .ayw3 {
		color: #fff;
	}

	#ayc ul li:hover .ayw3 p {
		color: #fff;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}

	#ayc ul li:hover .ayw4 {
		color: #fff;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}

}