.banner{ padding: 0 15px;}
.w1680{ max-width: 1680px; margin:0 auto;}
#content{ position:relative; padding: 0 15px;}
#side-navigation{width:165px;position:absolute;z-index:3;padding:80px 0; word-break:break-word}
#side-navigation .navigation-title{text-transform:uppercase}
#side-navigation li{padding:5px 0}
#side-navigation li ul{display:none;padding-left:10px}
#side-navigation li ul .navigation-title{text-transform:none;line-height:18px}
#side-navigation li.active>a{color:#ff8e2e}
#side-navigation li.active>ul{display:block}
#side-navigation a{color:#00292e;text-decoration:none;font-size:12px}
#side-navigation a:hover{color:#ff8e2e}
#side-navigation.fx{ top:0; position: fixed;}

.content-side{ padding:80px 15px;}
.offset-lg-2 { margin-left: 16.666667%;}
.col-lg-8{ max-width: 66.66666%;}
.field-heading{ margin-bottom: 10px; color: #00292e; font-weight: 600; line-height: 1.3; font-size: 44px;}
.field-heading.big{ font-size:52px;}
.richtext{ font-size: 18px; line-height:32px; color: #6f7c7e;}
.richtext a{color: rgb(255, 142, 46);}
.richtext img{ max-width: 100%; height: auto !important;}
.component-content{ margin-bottom: 80px;}
.ricc-component{ margin: 80px 0;}
.ingress{ margin: 30px 0;  color: #6f7c7e; font-size: 22px; line-height: 38px;}


.richtext h3{ margin-bottom: 15px; font-weight: 600; font-size: 30px; line-height: 1.2; color: #00292e;}
.richtext ol{ padding-left: 20px;}
.richtext ol li{ list-style:decimal;}
.richtext ul{ padding-left: 20px;}
.richtext ul li{ list-style:disc;}
.richtext table tr td { vertical-align: top; border-top: 1px solid #dee2e6; padding: 15px 10px}
.richtext table tr td img{ margin-bottom: 10px;}
.corporate-button{ cursor: pointer; color: #00252b; font-weight: 500; background-color: #fff; font-size: 20px; line-height: 20px; padding: 16px 36px 18px 18px; min-width: 200px; text-decoration: none; position: relative; display: inline-block;  text-align: left; border: 3px solid #00252b;}
.corporate-button:after{ content: ">"; color: #00252b; position: absolute; right: 15px; font-size: 20px; line-height: 20px;}
.corporate-button:hover{ color: #fff !important; background-color: #00292e;}
.corporate-button:hover:after{ color:#FFFFFF;}

.column-splitter{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.column-splitter .component-content{ margin-top: 80px; width: 50%;}
.column-splitter .component-content .col-lg-8{ padding: 0 15px;}
.column-splitter .component-content video{ display: block; width: 100%; border: none; outline: none;}
.our-production-img{ margin: 0 auto; width: 83.33333%;}


@media(max-width:1200px) {
	#side-navigation{ display: none;}
}

@media(max-width:999px) {
	.content-side{ padding: 1.5rem 15px;}
	.col-lg-8{ max-width: 100%;}
	.offset-lg-2{ margin-left: 0;}
	
	.field-heading{ font-size: 0.62rem;}
	.field-heading.big{ font-size:0.8rem;}
	.richtext{ font-size: 0.44rem; line-height:0.72rem;}
	.component-content{ margin-bottom: 1.2rem;}
	.ingress{ margin: 0.6rem 0; font-size: 0.5rem; line-height: 0.9rem;}
	
	.richtext h3{ font-size: 0.6rem;}
	.richtext table tr td { font-size: 0.36rem; line-height: 0.62rem;} 
	.our-production-img{ width: 100%;}
	.scroll-div{ overflow-x: scroll; }
}





/***房子图形***/
.text-and-image{ position: relative;}
.building { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding-top: 130px; font-size: 20px}
.building .box { width: 440px;border-left: 40px solid #efefef;border-bottom: 40px solid #efefef}
.building .roofholder { position: absolute;top: 0}
.building .roofholder .left { border-left: 40px solid #efefef; position: relative;z-index: 5;height: 280px;-webkit-transform: rotate(56deg);transform: rotate(56deg);top: -74px;left: 27px;z-index: 1}

@media(min-width:768px) {
	.building .roofholder .left {top: -54px;left: 7px}
}

.building .roofholder .right {
	border-right: 40px solid #efefef;position: relative;z-index: 5;height: 260px;-webkit-transform: rotate(-56deg);transform: rotate(-56deg);bottom: 349px;right: -231px;z-index: 1
}

@media(min-width:768px) {
	.building { padding-top: 150px;}
	.building .roofholder .right {bottom: 331px;right: -211px}
}
.building .heading {margin: 30px 0}
.building .text-holder {padding: 50px 0 40px 40px;width: 100%;max-width: 400px;z-index: 3;font-size: 20px;line-height: 28px}
.building .text-holder p { margin: 30px 0}
.building .text-holder .field-text { width: 100%; max-width: 528px}

@media(min-width:768px) {
	.building .text-holder {max-width: 528px; width: 528px;	padding: 50px 0 40px 60px }
}
 
.text-and-image--container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center !important;}
.text-and-image--image img {width: 100%;height: auto}

@media(max-width:576px) {
	.text-and-image--image {padding: 0}
}

.text-and-image--tag { text-transform: uppercase; color: #6f7c7e;	margin: 30px 0}
.text-and-image--heading { margin: 30px 0}
.text-and-image--text { color: #6f7c7e;	font-size: 16px; line-height: 28px; margin-top: 30px; margin-bottom: 30px}

@media(min-width:1400px) {
	.text-and-image--text {font-size: 20px; line-height: 36px;}
}
.text-and-image .field-text{  color: #000000;}
.text-and-image .corporate-button{ margin: 30px 0;}
.text-and-image .corporate-button a{color: #000000;}
.text-and-image .corporate-button:hover a{ color: #FFFFFF;}
.text-and-image{max-width: 84%;margin: 0 auto;}
.text-and-image .col-xl-5{  width: 50%; padding: 0 15px ;}
.text-and-image .text-and-image--text{ color: #6f7c7e; margin:0;}


@media(max-width:999px) {
	.text-and-image{ max-width: 100%;}
	.text-and-image .col-xl-5{ width: 100%; padding: 0;}
}

.related-items .row{ margin-top: 30px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.related-items .col-xl-4{ margin-bottom: 30px; padding: 0 10px; display: block; width:33.333%;}

@media(max-width:999px) {
	.related-items .col-xl-4{ width: 100%;}
	.related-items .related-button{ width: 100%;}
	
	
	.flex-column-reverse {
	    -ms-flex-direction: column-reverse !important;
	    flex-direction: column-reverse !important;
	}
}


.related-items .section-headline,
.related-items .field-listing-title,
.related-items img,
.related-items .field-listing-description {
	margin-bottom: 30px
}

.related-items img {
	width: 100%;
	height: auto
}

.related-items .date-tag-wrapper {
	margin-bottom: 30px;
	min-height: 20px
}

.related-items .date-tag-wrapper .tag-holder {
	height: 32px;
	overflow: hidden
}

.related-items .date-tag-wrapper .tag {
	float: left;
	text-transform: uppercase;
	color: #ffa500
}

.related-items .date-tag-wrapper .line {
	float: left;
	margin-right: 5px;
	color: #6f7c7e
}

.related-items .date-tag-wrapper .date {
	float: left;
	color: #6f7c7e
}

.related-items .description {
	margin-bottom: 25px
}

.related-items .LinkText a {
	margin-top: 30px
}

@media(max-width:768px) {
	.related-items .LinkText {
		margin-bottom: 40px
	}
}

.related-items a.related-item {
	text-decoration: none
}

.related-items .related-item {
	margin-bottom: 30px;
	padding-right: 10px
}

.related-items .related-item+.related-item {
	padding-left: 10px
}

.related-items h3 {
	font-size: 20px;
	height: 52px;
	line-height: 1.3em;
	color: #00292e;
}

.related-content-indoors .section-headline {
	text-align: center
}

.related-content-indoors h3 {
	font-size: inherit;
	height: unset
}

.related-select-vertical a.item {
	text-decoration: none
}

.related-select-vertical .item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.related-select-vertical .item:nth-child(odd) .content-item {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media(min-width:992px) {
	.related-select-vertical .item .image-wrapper,
	.related-select-vertical .item .text-wrapper {
		margin-left: 8.3333333333%
	}
}

@media(min-width:1200px) {
	.related-select-vertical .item:nth-child(odd) .text-wrapper {
		margin-left: 16.6666666667%
	}
	.related-select-vertical .item:nth-child(even) .image-wrapper {
		margin-left: 16.6666666667%
	}
}

.related-select-vertical .image-wrapper img {
	width: 100%;
	height: auto
}

.related-select-vertical h2 {
	margin-left: 16.6666666667%
}

@media(max-width:1200px) {
	.related-select-vertical h2 {
		margin-left: 8.3333333333%
	}
}

.related-select-vertical .content-item {
	margin: 60px 0
}

@media(max-width:575px) {
	.related-select-vertical .content-item:last-child {
		margin-bottom: 0
	}
}

@media(max-width:576px) {
	.related-select-vertical .content-item {
		padding: 0 8px
	}
}

.related-select-vertical .content-item .field-listing-title {
	margin-bottom: 30px;
	font-size: 20px
}

@media(max-width:768px) {
	.related-select-vertical .content-item .field-listing-title {
		margin-bottom: 10px
	}
}

.related-select-vertical .content-item .field-listing-description {
	margin-bottom: 30px
}

.related-select-vertical .content-item:last-of-type {
	margin-bottom: 0
}

.related-description {
	position: relative;
	bottom: 0;
	overflow: hidden
}

.related-description p {
	position: relative;
	height: 5.6em;
	color: #6f7c7e;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 300;
	overflow: hidden
}

.related-description p::after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1.5em;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #fff), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(0deg, #fff 35%, rgba(255, 255, 255, 0) 100%)
}

.tag-text {
	color: #6f7c7e;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.1em;
	text-transform: uppercase;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.tag-text .date {
	margin: 5px 0
}

.tag-text .tag {
	display: inline-block;
	color: #ffa500
}

.tag-text .tag:not(:last-child)::after {
	content: "|";
	margin: 0 5px;
	font-size: 18px
}

.tag-text .linked-tag {
	display: inline-block;
	cursor: pointer;
	color: #070707;
	font-weight: 500;
	background-color: #fff;
	font-size: 16px;
	line-height: 22px;
	padding: 9px 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	min-width: 70px;
	text-decoration: none;
	position: relative;
	text-align: left;
	border: 1px solid #070707;
	text-decoration: none
}

.tag-text .linked-tag a {
	color: #070707;
	text-decoration: none
}

.tag-text .linked-tag a:hover {
	color: #ff8e2e
}

.tag-text .line {
	margin-right: 10px;
	height: 15px;
	border-left: 1px solid #6f7c7e;
	margin: 5px 0;
	color: #ffa500
}

.description-text {
	color: #6f7c7e;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 300;
	padding-bottom: 42px
}

@media(max-width:1400px) {
	.description-text {
		font-size: 16px
	}
}



.image-to-right{
	max-width: 1680px;
	margin: 0 auto;
}
.image-to-right .row {
    display: flex; 
    flex-flow: wrap; 
    justify-content: space-between; 
    align-items: center;
    margin-right: -15px;
    margin-left: -15px; 
    
}
.image-to-right .text-wrapper{ 
	margin-left: 250px; 
	flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    margin-right: -10%;
    position: relative;
    z-index: 1;
    width: 30%;
}

.image-to-right .image-wrapper{
	width: 46%;
	overflow: hidden;
}
.image-to-right .image-wrapper img{
	max-width: 1000%;
}
.image-to-right .tag-text {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction:row;
}
.image-to-right .text-wrapper .tag{
	color: #496669;
	display: inline-block;
}
.image-to-right .text-wrapper .tag:after{
	display: none;
}
.image-to-right .tag-text .line{
	display: inline-block;
	margin: 0 8px;
	vertical-align: middle;
}
.image-to-right .tag-text .date{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.image-to-right .field-heading strong{
	color: #ff8e2e;
}


.component-content-news .tag-text {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction:row;
}
.component-content-news .text-wrapper .tag{
	color: #496669;
	display: inline-block;
}
.component-content-news .text-wrapper .tag:after{
	display: none;
}
.component-content-news .tag-text .line{
	display: inline-block;
	margin: 0 8px;
	vertical-align: middle;
}
.component-content-news .tag-text .date{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
 
.component-content-news .field-heading{
	color: #6a787b;
	font-size: 26PX;
	line-height: 36PX;
	font-weight: normal;
}
.component-content-news .richtext{
	width: 50%;
	margin: 40px auto 0;
}
.component-content-news .field-heading.big{
	color: #00252b;
	font-size: 52px;
	line-height: 1.1;
	margin-bottom: 20px;
	font-weight: 600;
} 

@media(max-width:999PX) {
	.image-to-right .row {
	    -ms-flex-direction: column-reverse !important;
	    flex-direction: column-reverse !important;
	    margin: 0;
	}
	.image-to-right .image-wrapper{
		width: 100%;
	}
	.image-to-right .text-wrapper{
		margin: 0;
		width: 100%;
		padding: 0.666666rem 0.4rem;
	}
	
	.component-content-news{
		background: #f5f5f5;
		padding:1rem 0.4rem;
		margin-bottom: 0;
	}
	.component-content-news .richtext{
		margin-top: 0.533333rem;
		width:100%;
	}
	
	
}