@charset "utf-8";
/* banner */
.c-banner {
	width: 100%;
	max-height: 621px;
	position: relative;
	margin-bottom: 6rem;
}

	.c-banner img {
		width: 100%;
	}

	.c-banner .banner ul {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 0px;
	}

		.c-banner .banner ul li {
			position: absolute display: none;
			opacity: 0;
		}

			.c-banner .banner ul li:nth-child(1) {
				opacity: 1;
				display: block;
			}

			.c-banner .banner ul li img {
				width: 100%;
				/* max-height:621px; */
				position: absolute;
				top: 0px;
			}

			.c-banner .banner ul li:first-child img {
				position: relative;
			}

	.c-banner .nexImg, .c-banner .preImg {
		position: absolute;
		top: 22%;
		background: #00000052;
		width: 4rem;
		height: 4rem;
		opacity: 0.5;
		border-radius: 50%;
		z-index: 10;
	}

		.c-banner .nexImg:hover, .c-banner .preImg:hover {
			opacity: 0.8;
		}

	.c-banner .nexImg {
		right: 4%;
		width: 4rem;
		height: 4rem;
	}

	.c-banner .preImg {
		left: 4%;
		width: 4rem;
		height: 4rem;
	}

		.c-banner .nexImg img, .c-banner .preImg img {
			width: 4rem;
			height: 4rem;
		}