@charset "utf-8";
#header .headerBox{	background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#header .logo{background-image:url(../img/head-logo1.png);}
#header .menu ul li a span.cn,
#header .menu ul li a span.en{color: #000;}
#header .menu ul li a:hover{background: rgba(0,0,0,0);}
#header .menu ul li a:hover span.cn,
#header .menu ul li a:hover span.en{ color: #000;}
#header .tel span{color: #000;}
#header .menu ul li.nav5 {background: #000}
#header .menu ul li.nav5 a span.cn{top: -5px; color: #fff;}
#header .menu ul li.nav5 a span.en{opacity: 1; margin-top:2px ; color: #fff;}

#main{
	margin-top: 80px;
}

.featured-project {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 71.4%;
	background-color: #ebf5f7
}

@media (min-width: 39.375em) {
	.featured-project {
		padding-top: 35.7%
	}
}

.featured-project__image, .featured-project__image
img {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 102%;
	transition: 0.5s cubic-bezier(0.19,1,0.22,1)
}

.featured-project__description {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}

.featured-project__description .heading-set {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	margin: auto;
	width: 19.23077em;
	height: 9.23077em;
	transition: 0.4s cubic-bezier(0.165,0.84,0.44,1);
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

.featured-project__description__bg {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	top: -.38462em;
	right: -.38462em;
	bottom: -.38462em;
	left: -.38462em;
	opacity: 0.95
}

@media (min-width: 62.5em) {
	.featured-project--small {
		padding-top: 23.8%
	}
}

.featured-project:hover .featured-project__image {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3)
}

.featured-project:hover .featured-project__description {
	opacity: 1
}

.featured-project:hover .heading-set {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.featured-project:active .heading-set, .no-touch .featured-project:active .heading-set {
	opacity: 0.7;
	transition: 0.15s
}
.featured-project video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 102%;
    transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    height: 101%;
    object-fit: cover;
}

.heading-set {
	margin-bottom: 12.5%;
	text-decoration: none;
	display: block
}

@media (min-width: 39.375em) {
	.heading-set {
		margin-bottom: 0
	}
}

.heading-set__primary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 12px;
	font-size: 12px;
	font-size: .12rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	color: #0085a1;
	margin-bottom: 1.06667em
}

.heading-set__primary:after {
	display: block;
	width: 34px;
	height: 0;
	border-bottom: 4px solid;
	content: "";
	color: inherit;
	margin-top: 1.5em
}

.heading-set__secondary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 18px;
	font-size: 18px;
	font-size: .18rem;
	line-height: auto;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	color: #0085a1
}

@media (min-width: 62.5em) {
	.heading-set__secondary {
		font-size: 25px;
		font-size: .25rem;
		line-height: auto
	}
}

.heading-set--centered {
	text-align: center;
	margin-bottom: 0
}

.heading-set--centered .heading-set__primary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 18px;
	font-size: 18px;
	font-size: .18rem;
	line-height: auto;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	color: #0085a1;
	margin-bottom: .5em
}

@media (min-width: 62.5em) {
	.heading-set--centered .heading-set__primary {
		font-size: 25px;
		font-size: .25rem;
		line-height: auto
	}
}

.heading-set--centered .heading-set__primary:after {
	content: none
}

.heading-set--centered .heading-set__secondary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 15px;
	font-size: 15px;
	font-size: .15rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	color: #66b6c7
}

.heading-set--centered--lc .heading-set__primary {
	text-transform: none
}

.heading-set--centered--alt-subhead .heading-set__secondary {
	color: #66b6c7 !important
}

.heading-set--centered--s .heading-set__primary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 19px;
	font-size: 19px;
	font-size: .19rem;
	line-height: auto;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	font-size: 20px;
	font-size: .2rem;
	line-height: 1.4;
	margin-bottom: .8em
}

@media (min-width: 39.375em) {
	.heading-set--large .heading-set__primary {
		font-style: normal;
		font-weight: normal;
		font-weight: 400;
		font-size: 12px;
		font-size: .12rem;
		line-height: 1.6;
		-webkit-font-smoothing: antialiased;
		text-transform: uppercase;
		color: #0085a1;
		margin-bottom: 1.73077em
	}

	.heading-set--large .heading-set__primary:after {
		content: none
	}

	.heading-set--large .heading-set__secondary {
		font-style: normal;
		font-weight: normal;
		font-weight: 400;
		font-size: 36px;
		font-size: .36rem;
		line-height: 1.3;
		-webkit-font-smoothing: antialiased;
		color: #0085a1
	}
}

@media (min-width: 39.375em) and (min-width: 62.5em) {
	.heading-set--large .heading-set__secondary {
		font-size: 50px;
		font-size: .5rem;
		line-height: 1.3
	}
}

@media (min-width: 39.375em) {
	.heading-set--large .heading-set__secondary:after {
		display: block;
		width: 34px;
		height: 0;
		border-bottom: 4px solid;
		content: "";
		margin-top: .74em
	}
}

.heading-set--on-dark .heading-set__primary {
	color: #fff
}

.heading-set--on-dark .heading-set__primary:after {
	border-color: #fff
}

.heading-set--on-dark .heading-set__secondary {
	color: #fff
}

.heading-set--on-dark .heading-set__secondary:after {
	border-color: #fff
}

.heading-set--on-dark--alt-subhead-1 .heading-set__secondary {
	color: #80c2d0
}

.heading-set--on-dark--alt-subhead-2 .heading-set__secondary {
	color: #0085a1
}

.heading-set--link-list .heading-set__primary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 12px;
	font-size: 12px;
	font-size: .12rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: .73333em
}

.heading-set--link-list .heading-set__primary:after {
	display: block;
	width: 34px;
	height: 0;
	border-bottom: 4px solid;
	content: "";
	border-bottom: 3px solid rgba(255, 255, 255, 0.3);
	width: 22px;
	margin-top: 1em
}

.heading-set--link-list .heading-set__secondary {
	color: rgba(255, 255, 255, 0.5)
}

.heading-set--alt .heading-set__primary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 19px;
	font-size: 19px;
	font-size: .19rem;
	line-height: auto;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	color: #222;
	text-transform: none;
	margin-bottom: .63158em
}

.heading-set--alt .heading-set__primary:after {
	content: none
}

.heading-set--alt .heading-set__secondary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 12px;
	font-size: 12px;
	font-size: .12rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	color: #0085a1
}

.heading-set--minor {
	text-align: center
}

.heading-set--minor .heading-set__primary {
	margin-bottom: 1.06667em
}

.heading-set--minor .heading-set__primary:after {
	margin-right: auto;
	margin-left: auto
}

.heading-set--minor .heading-set__secondary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 19px;
	font-size: 19px;
	font-size: .19rem;
	line-height: auto;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase
}

.heading-set--post .heading-set__primary {
	font-size: 10px;
	font-size: 10px;
	font-size: .1rem;
	line-height: auto;
	margin-bottom: .08em
}

.heading-set--post .heading-set__primary:after {
	content: none
}

.heading-set--post .heading-set__secondary:after {
	display: block;
	width: 34px;
	height: 0;
	border-bottom: 4px solid;
	content: "";
	margin-top: .72em
}

.heading-set--upper .heading-set__primary {
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 15px;
	font-size: 15px;
	font-size: .15rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	color: inherit;
	margin-bottom: 0
}

.heading-set--upper .heading-set__primary:after {
	content: none
}


.l-work-projects {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.l-work-projects:after {
	content: " ";
	display: block;
	clear: both
}

.l-work-projects .featured-project {
	width: 100%;
	float: left
}

@media (min-width: 39.375em) {
	.l-work-projects .featured-project {
		width: 50%;
		float: left
	}
}

@media (min-width: 1000px) {
	.l-work-projects .featured-project {
		width: 33.33333%;
		float: left
	}
}



.heading-set__primary,.heading-set__secondary {
	font-weight: bold
}

.heading-set__secondary
span {
	color: #fff;
	background: #0085a1;
	font-size: 10px;
	padding: 4px
8px;
	position: relative;
	top: -5px
}

.heading-set--alt .heading-set__primary,.blurb__content__heading,.blurb__content__heading,.heading-set__primary {
	font-size: 16px !important
}

@media screen and (max-width: 768px) {
	#header .menu ul li a span.cn,
	#header .menu ul li a span.en {
		color: #fff;
	}

	#header .menu ul li.nav6 a span.cn {
		top: 0px;
		color: #FCE442;
	}

	#main {
		margin-top: 50px;
	}

}