@media (min-width: 768px) {
	.pro-bg {
		width: 100%;
		background-color:#000;
	}
	.pro-bg ul li {
		list-style: none;
	}
	/*���� ��1��*/
	.pro-bg ul li.bg-img1 {
		height: auto;
		background: url(../images/f-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%;
		/* ����1��1���������Ҫ5��1����20%������ͼƬ��С�������Ǿ��Լ���һ�°�*/
	}
	/*���� ��2��*/
	.pro-bg ul li.bg-img2 {
		height: auto;
		background: url(../images/f-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%;
	}
	/*���� ��3��*/
	.pro-bg ul li.bg-img3 {
		height: auto;
		background: url(../images/f-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/f-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%;
	}
	/*���� ��4��*/
	.pro-bg ul li.bg-img4 {
		height: auto;
		background: url(../images/f-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%;
	}
	/*���� ��5��*/
	.pro-bg ul li.bg-img5 {
		height: auto;
		background: url(../images/f-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%;
	}
	/*���� ��6��*/
	.pro-bg ul li.bg-img6 {
		height: auto;
		background: url(../images/f-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%;
	}
	/*���� ��7��*/
	.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%;
	}
	/*���� ��8��*/
	.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%;
	}
	/*���� ��9��*/
	.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%;
	}
	/*���� ��10��*/
	.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%;
	}
	/*���� ��11��*/
	.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%;
	}
	/*���� ��13��*/
	.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%;
	}
	/*���� ��14��*/
	.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%;
	}
	/*���� ��15��*/
	.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%;
	}
	/*���� ��16��*/
	.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%;
	}
	/*���� ��17��*/
	.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%;
	}
	/*���� ��18��*/
	.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%;
	}
	/*���� ��20��*/
	.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%;
	}
	/*���� ��21��*/
	.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%;
	}
	/*���� ��22��*/
	.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%;
	}
	/*���� ��22��*/
	.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%;
	}
	/*���� ��22_2��*/
	.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%;
	}
	/*���� ��22��*/
	.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;
	}
	/*�ƶ��� ��1��*/
	.pro-bg ul li.bg-img1 {
		height: 100%;
		background: url(../images/f-img-s-1.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img1:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*�ƶ��� ��2��*/
	.pro-bg ul li.bg-img2 {
		height: 100%;
		background: url(../images/f-img-s-2.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img2:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*�ƶ��� ��3-2��*/
	.pro-bg ul li.bg-img3-2 {
		height: 100%;
		background: url(../images/f-img-s-3.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img3-2:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*�ƶ��� ��3��*/
	.pro-bg ul li.bg-img3 {
		height: 100%;
		background: url(../images/f-img-s-4.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img3:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*�ƶ��� ��4��*/
	.pro-bg ul li.bg-img4 {
		height: 100%;
		background: url(../images/f-img-s-5.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img4:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*�ƶ��� ��5��*/
	.pro-bg ul li.bg-img5 {
		height: 100%;
		background: url(../images/f-img-s-6.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img5:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*�ƶ��� ��6��*/
	.pro-bg ul li.bg-img6 {
		height: 100%;
		background: url(../images/f-img-s-7.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img6:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*�ƶ��� ��7��*/
	.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%;
	}
	/*�ƶ��� ��8��*/
	.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%;
	}
	/*�ƶ��� ��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%;
	}
	/*�ƶ��� ��10��*/
	.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%;
	}
	/*�ƶ��� ��11��*/
	.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%;
	}
	/*�ƶ��� ��12��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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%;
	}



	/*�ƶ��� ��13��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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%;
	}
	
	/*�ƶ��� ��13��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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%;
	}
	/*�ƶ��� ��13��*/
	.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 --*/