.slider-wrap {
			position: absolute;
			width: 100%;
			height: 630px;
 
		}
.slider-list img{width:100%}

		@media screen and (min-width: 1200px) {
			.slider-wrap {height: 530px;}
		}
		@media screen and (min-width: 1400px) {
			.slider-wrap {height: 650px;}
			.yuan{bottom:50px;}
		}
		@media screen and (min-width:1600px) {
			.slider-wrap {height: 740px;}
			.yuan{bottom:60px;}
		}
		@media screen and (min-width:1800px) {
			.slider-wrap {height: 800px;}
			.yuan{bottom:40px;}
		}

		@media screen and (min-width:768px) and (max-width:992px) {
			.slider-wrap {height: 550px;}
		}
		@media screen and (max-width:1200px) {
			.slider-wrap {height: 510px;}
			
		}
		@media screen and (max-width:768px) {
			.slider-wrap {max-height:340px;}
			.yuan{display:none;}
		}

		.slider {
			position: relative;
			height: 100%;
		}

		.slider .slider-list {
			position: relative;
			height: 100%;
		}

		.slider .slider-list .item {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		.slider .slider-list .item.cur {
			display: block;
		}
		.yuan {
			position: absolute;
			left: 48%;
			bottom: 30px;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
		}

		.yuan .yuan-item {
			display: block;
			position: relative;
			float: left;
			width: 18px;
			height: 18px;
			margin-right: 1px;
			cursor: pointer;
		}

		.yuan .yuan-item::after {
			content: "";
			display: block;
			position: absolute;
			top: 4px;
			left: 4px;
			width: 10px;
			height: 10px;
			border: 2px solid rgba(255, 255, 255, .4);
			border-radius: 50%;
			box-sizing: border-box;
		}

		.yuan .yuan-item.cur::after {
			background: #fff;
		}

		.yuan .yuan-item::before {
			content: "";
			display: block;
			width: 18px;
			height: 18px;
			background-color: rgba(255, 255, 255, 0);
			border-radius: 50%;
		}

		.yuan .yuan-item.cur::before {
			background-color: rgba(255, 255, 255, .2);
		}