@media(max-width: 991px) {
	
}

@media(min-width: 992px) {
	.diy-conten .site-content{
		padding-top: 17.2rem !important;
	}
	.media-block__image img {
	    max-width: 100%;
	    margin-left: 0%;
	}
	.generic-content h1, .generic-content h2, .generic-content h3, .generic-content h4, .generic-content h5, .generic-content h6 {
	    color: #10384d;
	}
	.media-block h1, .media-block h2, .media-block h3, .media-block h4, .media-block h5, .media-block h6 {
	    color: #10384d;
	}
	.media-block--blue {
	    background: #10384d;
	}
	.generic-content--blue {
		background: #10384d;
	}
	.media-block p a, .media-block a {
	    font-weight: 600;
	    color: #10384d;
	    border-bottom: none;
	    padding-bottom: 2px;
	}
	.media-block p a:hover, .media-block a:hover {
	    border-bottom: none;
	}
	.media-block__image {
	    flex-basis: 50%;
	}
	.media-block__content {
		flex-basis: 50%;
	}
	.generic-content .sustainable-cladding-hero {
		background: url(../pic/15-bg.jpg) no-repeat center center;
		background-position-y: bottom;
		background-size: cover;
		background-position-y: -13rem;
	}
	.generic-content .sustainable-cladding-hero h1 {
	    text-shadow: 2px 2px 10px #333;
	}
	.the-15-1{
		background: #f4f4f4;
	}
	.finishes__tables ul.tabs {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	}
	.finishes__tables ul.tabs li {
	    font-weight: 600;
	    cursor: pointer;
	    background: rgb(16 56 77);
	    color: #ffffff;
	    transition: all .2s ease-in-out;
	    padding: 1rem 1.5rem;
	    /* flex: 1; */
		flex: 0 0 20%;
	    text-align: center;
	    font-size: 1.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.finishes__tables ul.tabs li.active, .finishes__tables ul.tabs li:hover, .finishes__tables ul.tabs li:focus {
	    background: rgb(255 255 255);
	    color: rgb(16 56 77);
	}
	.finishes__tables .tab_content {
	    padding: 4rem 3rem;
	    background: #ffffff;
	    border-bottom-left-radius: 0rem;
	    border-bottom-right-radius: 0rem;
	}
	.finishes__tables__title-tabs {
	    background: transparent;
	    border-top-left-radius: 0rem;
	    border-top-right-radius: 0rem;
	    overflow: hidden;
	}
	.finishes__tables .tab_content__info {
		display: flex;
		flex-wrap: wrap;
	}
	.finishes__tables .tab_content__info a  {
		flex-basis: 33.3333%;
		padding: 4rem 4rem 4rem 4rem;
		border-bottom: none;
		text-align: center;
		color: #000;
		font-weight: bold;
		display: flex;
		justify-content: center;
		/*align-items: self-end;*/
		
		align-items: flex-start;
		flex-wrap: wrap;
		transition: transform 0.3s ease; /* 动画持续时间为0.3秒 */
		transform: translateY(0); /* 初始状态不移动 */
	}
	.finishes__tables .tab_content__info a:hover  {
		border-bottom: none;
		transform: translateY(-1.0rem); /* 鼠标悬停时向上移动10像素 */
	}
	.finishes__tables .tab_content__info a p {
	    display: flex;
		margin-bottom: 0;
		margin-top: 2rem;
		color: #10384d;
		font-size: 1.6rem;
	}
	.finishes__tables .tab_content__info a p span {
	    color: #10384d !important;
		margin-left: 0.8rem;
	}
	.finishes__tables .tab_content__info a img {
	    -webkit-box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
	    box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
		max-height: 30rem;
	}	
	
	
}

@media(min-width: 992px) {
	
}

@media(min-width: 1200px) {
	
}

@media(min-width: 1400px) {
	
}