@media (min-width: 768px) {
	.pro-bg {
		width: 100%;
		background-color:#fff;
	}
	.pro-bg ul li {
		list-style: none;
	} 
	.pro-bg ul li.bg-img1 {
		height: auto;
		background: url(../images/plus-img_01.jpg) no-repeat scroll top center;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img1:before {
		content: "";
		display: block;
		padding-top: 55%; 
	} 
	.pro-bg ul li.bg-img2 {
		height: auto;
		background: url(../images/plus-img_02.jpg)no-repeat scroll top center;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img2:before {
		content: "";
		display: block;
		padding-top: 55%;
	} 
	.pro-bg ul li.bg-img3 {
		height: auto;
		background: url(../images/plus-img_03.jpg)no-repeat scroll top center;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img3:before {
		content: "";
		display: block;
		padding-top: 55%;
	}
	/*���� ��3-2��*/
	.pro-bg ul li.bg-img3-2 {
		height: auto;
		background: url(../images/plus-img_04.jpg)no-repeat scroll top center;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img3-2:before {
		content: "";
		display: block;
		padding-top: 55%;
	} 
	.pro-bg ul li.bg-img4 {
		height: auto;
		background: url(../images/plus-img_05.jpg)no-repeat scroll top center;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img4:before {
		content: "";
		display: block;
		padding-top: 55%;
	} 
	.pro-bg ul li.bg-img5 {
		height: auto;
		background: url(../images/plus-img_06.jpg)no-repeat scroll top center;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img5:before {
		content: "";
		display: block;
		padding-top: 55%;
	} 
	.pro-bg ul li.bg-img6 {
		height: auto;
		background: url(../images/plus-img_07.jpg)no-repeat scroll top center;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img6:before {
		content: "";
		display: block;
		padding-top: 55%;
	} 
	.pro-bg ul li.bg-img7 {
		height: auto;
		background: url(../images/f_08.jpg)no-repeat scroll top center;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img7:before {
		content: "";
		display: block;
		padding-top: 55%;
	} 
	.pro-bg ul li.bg-img8 {
		height: auto;
		background: url(../images/f_09.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img8:before {
		content: "";
		display: block;
		padding-top: 55%;
	} 
	.pro-bg ul li.bg-img9 {
		height: auto;
		background: url(../images/f_10.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img9:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	} 
	.pro-bg ul li.bg-img10 {
		height: auto;
		background: url(../images/f_11.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img10:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	} 
	.pro-bg ul li.bg-img11 {
		height: auto;
		background: url(../images/f_12.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img11:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	} 
	.pro-bg ul li.bg-img12 {
		height: auto;
		background: url(../images/f_13.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img12:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img13 {
		height: auto;
		background: url(../images/f_14.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img13:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img14 {
		height: auto;
		background: url(../images/f_15.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img14:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img15 {
		height: auto;
		background: url(../images/f_16.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img15:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img16 {
		height: auto;
		background: url(../images/f_17.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img16:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img17 {
		height: auto;
		background: url(../images/f_18.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img17:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	}
	/*���� ��19��*/
	.pro-bg ul li.bg-img18 {
		height: auto;
		background: url(../images/f_19.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img18:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img19 {
		height: auto;
		background: url(../images/f_20.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img19:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img20 {
		height: auto;
		background: url(../images/f_21.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img20:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img21 {
		height: auto;
		background: url(../images/f_22.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img21:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img22 {
		height: auto;
		background: url(../images/f_23.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img22:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img22_2 {
		height: auto;
		background: url(../images/f_22_2.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img22_2:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	} 
	.pro-bg ul li.bg-img23 {
		height: auto;
		background: url(../images/f_24.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img23:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	}


	.pro-bg ul li.bg-img24 {
		height: auto;
		background: url(../images/f_25.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img24:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	}


	.pro-bg ul li.bg-img25 {
		height: auto;
		background: url(../images/f_26.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img25:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	}

	.pro-bg ul li.bg-img26 {
		height: auto;
		background: url(../images/f_27.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img26:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	}


	.pro-bg ul li.bg-img27 {
		height: auto;
		background: url(../images/f_28.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img27:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	}

	.pro-bg ul li.bg-img28 {
		height: auto;
		background: url(../images/f_29.jpg)no-repeat scroll top center;
		background-size: 49.9% auto;
	}
	.pro-bg ul li.bg-img28:before {
		content: "";
		display: block;
		padding-top: 27.5%;
	}
	.pro-bg ul li img {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.pro-bg {
		width: 100%;
	}
	.pro-bg ul li {
		list-style: none;
	} 
	.pro-bg ul li.bg-img1 {
		height: 100%;
		background: url(../images/plus-img-s_01.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img1:before {
		content: "";
		display: block;
		padding-top: 171%;
	} 
	.pro-bg ul li.bg-img2 {
		height: 100%;
		background: url(../images/plus-img-s_02.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img2:before {
		content: "";
		display: block;
		padding-top: 171%;
	} 
	.pro-bg ul li.bg-img3-2 {
		height: 100%;
		background: url(../images/plus-img-s_04.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img3-2:before {
		content: "";
		display: block;
		padding-top: 171%;
	} 
	.pro-bg ul li.bg-img3 {
		height: 100%;
		background: url(../images/plus-img-s_03.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img3:before {
		content: "";
		display: block;
		padding-top: 171%;
	} 
	.pro-bg ul li.bg-img4 {
		height: 100%;
		background: url(../images/plus-img-s_05.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img4:before {
		content: "";
		display: block;
		padding-top: 171%;
	} 
	.pro-bg ul li.bg-img5 {
		height: 100%;
		background: url(../images/plus-img-s_06.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img5:before {
		content: "";
		display: block;
		padding-top: 171%;
	} 
	.pro-bg ul li.bg-img6 {
		height: 100%;
		background: url(../images/plus-img-s_07.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img6:before {
		content: "";
		display: block;
		padding-top: 171%;
	} 
	.pro-bg ul li.bg-img7 {
		height: 100%;
		background: url(../images/f_08.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img7:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img8 {
		height: 100%;
		background: url(../images/f_09.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img8:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img9 {
		height: 100%;
		background: url(../images/f_10.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img9:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img10 {
		height: 100%;
		background: url(../images/f_11.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img10:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img11 {
		height: 100%;
		background: url(../images/f_12.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img11:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img12 {
		height: 100%;
		background: url(../images/f_13.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img12:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img13 {
		height: 100%;
		background: url(../images/f_14.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img13:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img14 {
		height: 100%;
		background: url(../images/f_15.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img14:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	/*�ƶ��� ��13��*/
	.pro-bg ul li.bg-img15 {
		height: 100%;
		background: url(../images/f_16.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img15:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img16 {
		height: 100%;
		background: url(../images/f_17.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img16:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	.pro-bg ul li.bg-img17 {
		height: 100%;
		background: url(../images/f_18.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img17:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	.pro-bg ul li.bg-img18 {
		height: 100%;
		background: url(../images/f_19.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img18:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	.pro-bg ul li.bg-img19 {
		height: 100%;
		background: url(../images/f_20.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img19:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	.pro-bg ul li.bg-img20 {
		height: 100%;
		background: url(../images/f_21.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img20:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img21 {
		height: 100%;
		background: url(../images/f_22.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img21:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	 
	.pro-bg ul li.bg-img22_2 {
		height: 100%;
		background: url(../images/f_22_2.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img22_2:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img22 {
		height: 100%;
		background: url(../images/f_23.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img22:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	} 
	.pro-bg ul li.bg-img23 {
		height: 100%;
		background: url(../images/f_24.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img23:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	.pro-bg ul li.bg-img24 {
		height: 100%;
		background: url(../images/f_25.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img24:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	.pro-bg ul li.bg-img25 {
		height: 100%;
		background: url(../images/f_26.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img25:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}

	.pro-bg ul li.bg-img26 {
		height: 100%;
		background: url(../images/f_27.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img26:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}

	.pro-bg ul li.bg-img27 {
		height: 100%;
		background: url(../images/f_28.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img27:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
	.pro-bg ul li.bg-img28 {
		height: 100%;
		background: url(../images/f_29.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img28:before {
		content: "";
		display: block;
		padding-top: 54.9%;
	}
}


/*-- pro-bg-img --*/