caimei-authentic-ross-static/css/appliance.scss

.banner {
	width: 100%;
	height: 530px;
	img {
		width: 100%;
		height: 100%;
		display: block;
	}
}
.main {
	height: auto;
	box-sizing: border-box;
	.appliance-title {
		width: 100%;
		height: 244px;
		box-sizing: border-box;
		padding: 80px 0;
		h1 {
			font-size: 34px;
			line-height: 45px;
			color: #272727;
			text-align: center;
			font-weight: normal;
		}
		p {
			font-size: 16px;
			line-height: 30px;
			color: #999999;
			text-align: center;
		}
	}
	.appliance-content {
		width: 100%;
		height: auto;
		.appliance-li {
			width: 100%;
			height: 380px;
			margin-bottom: 80px;
			transition: all 0.5s;
			&:hover {
				transform: translateY(-10px);
				box-shadow: 0px 6px 30px rgba(39, 39, 39, 0.1);
			}
			&:last-child {
				margin-bottom: 0;
			}
			.appliance-lil {
				width: 570px;
				height: 100%;
				float: left;
				img {
					width: 570px;
					height: 100%;
					display: block;
				}
			}
			.appliance-lir {
				width: 630px;
				height: 380px;
				background: url(./img/appliance-lbg.png);
				background-size: cover;
				float: right;
				box-sizing: border-box;
				padding: 48px 38px;
				.appliance-lir-top {
					width: 100%;
					height: 31px;
					font-size: 24px;
					color: #272727;
					text-align: left;
					margin-bottom: 30px;
				}
				.appliance-lir-text {
					width: 100%;
					box-sizing: border-box;
					padding-left: 10px;
					p {
						font-size: 16px;
						color: #505050;
						text-align: justify;
						line-height: 35px;
					}
				}
			}
		}
	}
}