@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/14-bg.jpg) no-repeat center center;
		background-position-y: inherit;
		background-size: cover;
	}
	.generic-content .sustainable-cladding-hero h1 {
	    text-shadow: 2px 2px 10px #333;
	}
	.generic-content p a, .generic-content a {
	    font-weight: 600;
	    color: #10384d;
	    border: 2px solid #10384d;
	    padding-bottom: 1.5rem !important;
	}
	.generic-content p a:hover, .generic-content a:hover {
	    font-weight: 600;
		background-color: #10384d;
		color: #fff;
	    border: 2px solid #10384d;
	    padding-bottom: 1.5rem !important;
	}
	.the-14-5-box .media-block__content .p1 {
		display: flex;
		gap: 2rem;
		align-items: center;
	}
	.the-14-5-box .media-block__content .p1 img{
		flex-basis: 40px;
	}
	.the-14-di-box{
		width: 100%;
		height: 25rem;
		background: url(../pic/14-di.jpg) no-repeat center center;
		background-attachment: fixed;
		position: relative;
		overflow: hidden;
	}
	
	
	
	.the-14-2-box .media-block__image{
	    transform: scale(1) !important;
        transition: all .3s ease-in-out;
	}
	.the-14-2-box .media-block__image:hover{
	    transform: translateY(-1rem) !important;
	}
	.the-14-2-box .media-block__image img{
	    width: 70%; 
	    margin: 0 auto; 
	    -webkit-box-shadow: 2px 2px 5px rgb(119 119 119 / 70%); 
	    box-shadow: 2px 2px 5px rgb(119 119 119 / 70%); 
	    cursor: pointer;
	}
	.the-14-2-box .media-block__image:hover a{
	    color: #10384d !important;
	}
	.the-14-5-box .media-block__image img:first-child {
         margin-left: 35% !important;
         transform: rotate(5deg);
    }
	
	.the-14-5-box .media-block__image img:last-child {
        position: absolute;
        width: 45%%;
        margin: 0 auto;
        -webkit-box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
        box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
        top: 0;
        left: 62%;
        transform: translateX(-80%) rotate(-15deg);
    }
	
	
	/* 混合css */
	.the-14-8-box{
	}
	.the-14-9-box{
		padding-top: 0;
	}
	.the-14-8-box-a{
		border: none !important;
		font-weight: normal !important;
		background: transparent !important;
		color: #295c89 !important;
		padding-bottom: 0rem !important;
	} 
	.the-14-8-box-a:hover{
		color: #10384d !important;
	}   
	.the-14-8-box-son{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}  
	.the-14-8-box-son .media-block__image{
		flex-basis: 35%;
	}  
	.the-14-8-box-son .media-block__image img{
		margin: 0 auto;
		width: 24rem;
	}    
	.the-14-8-box-son .media-block__content{
		flex-basis: 75%;
	}   
	
	
	
	
}



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

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