@media (min-width: 768px) {
	.pro-bg {
		width: 100%;
	}
	.pro-bg ul li {
		list-style: none;
	}
	/*宽屏 第1张*/
	.pro-bg ul li.bg-img1 {
		height: auto;
		background: url(../images/img-1.jpg) no-repeat scroll top left;
		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/img-2.jpg) no-repeat scroll top left;
		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/img-3.jpg) no-repeat scroll top left;
		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/img-3-2.jpg) no-repeat scroll top left;
		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/img-4.jpg) no-repeat scroll top left;
		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/img-5.jpg) no-repeat scroll top left;
		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/img-6.jpg) no-repeat scroll top left;
		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/img-7.jpg) no-repeat scroll top left;
		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/img-8.jpg) no-repeat scroll top left;
		background-size: 100% 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/img-9.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img9:before {
		content: "";
		display: block;
		padding-top: 55%;
	}
	/*宽屏 第10张*/
	.pro-bg ul li.bg-img10 {
		height: auto;
		background: url(../images/img-10.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img10:before {
		content: "";
		display: block;
		padding-top: 55%;
	}
	/*宽屏 第11张*/
	.pro-bg ul li.bg-img11 {
		height: auto;
		background: url(../images/img-11.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img11:before {
		content: "";
		display: block;
		padding-top: 55%;
	}
	/*宽屏 第12张*/
	.pro-bg ul li.bg-img12 {
		height: auto;
		background: url(../images/img-12.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img12:before {
		content: "";
		display: block;
		padding-top: 55%;
	}
	.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/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/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/img-s-3-2.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/img-s-3.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/img-s-4.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/img-s-5.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/img-s-6.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/img-s-7.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img7:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*移动端 第8张*/
	.pro-bg ul li.bg-img8 {
		height: 100%;
		background: url(../images/img-s-8.gif) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img8:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*移动端 第9张*/
	.pro-bg ul li.bg-img9 {
		height: 100%;
		background: url(../images/img-s-9.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img9:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*移动端 第10张*/
	.pro-bg ul li.bg-img10 {
		height: 100%;
		background: url(../images/img-s-10.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img10:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*移动端 第11张*/
	.pro-bg ul li.bg-img11 {
		height: 100%;
		background: url(../images/img-s-11.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img11:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	/*移动端 第12张*/
	.pro-bg ul li.bg-img12 {
		height: 100%;
		background: url(../images/img-s-12.jpg) no-repeat scroll top left;
		background-size: 100% auto;
	}
	.pro-bg ul li.bg-img12:before {
		content: "";
		display: block;
		padding-top: 171%;
	}
	.pro-bg ul li img {
		width: 100%;
	}
}


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