demo20230512/Browser_Local/css/slider.css

.slider_wrap {
	position: relative;
	width: 100%;
    max-width: 1100px;
    margin: 0 auto;
	height: 130px;
}

.slider_left_arrow {
	position: relative;
	float: left;
	width: 130px;
	height: inherit;
    cursor: pointer;
}

.slider_left_arrow img {
    position: relative;
    top: 30%;
    left: 60%;
    width: 20%;
    height: 40%;
}

.slider_right_arrow {
	position: relative;
	float: right;
	width: 130px;
	height: inherit;
    cursor: pointer;
}

.slider_right_arrow img {
    position: relative;
    top: 30%;
    left: 30%;
    width: 20%;
    height: 40%;
}

.slider_body_wrap {
	position: relative;
	float: left;
	height: inherit;
	overflow: hidden;
    min-width: 100px;
}

.slider_body {
	position: relative;
	/*left: 0px;*/
	width: 100%;
	/*float: left;*/
	height: inherit;
	-webkit-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775); 
		-moz-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775); 
			-o-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775); 
				transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775); /* custom */

	-webkit-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775); 
	   -moz-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775); 
			-o-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775); 
				transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775); /* custom */
}

.slider_content {
	position: relative;
	float: left;
	height: inherit;
    margin: 0 8px;
}

.slider_content img {
    position: relative;
    top: 10%;
    left: 10%;
	width: 80%;
	height: 80%;
}

img {
    width: 100%;
    height: 100%;
}