/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 9, 2017 */
@font-face {
    font-family: 'frutiger_light_cnregular';
    src: url('frutiger_light_cn-webfont.woff2') format('woff2'),
         url('frutiger_light_cn-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'frutiger_light_cnregular';
	color:#969696;
	overflow-x: hidden;
	margin:0;
}

p {
	font-size:13.5pt;
	line-height:1.4;
}

.ppp p {
	position:relative;
	z-index:9;
}

a {
	color:#969696;
	text-decoration:none;
	vertical-align: middle;
}

h1 {
	margin-top:0;
	color:#00a5e6;
	font-size:30.03pt;
	font-weight:normal;
	
}

h2 {
	color:#00a5e6;
	font-size:12.29pt;
	padding-bottom:80px;
	font-weight:normal;
}

h3 {
	color:#00a5e6;
	font-size:12.29pt;
	font-weight:normal;
	font-size:30pt;
	margin-bottom:0;
}

h6 a {
	font-size: 9pt;
	color:#00a5e6;
	cursor:pointer;
}

img {
	max-width:100%;
	height:auto;
}

.abouth3 {
	font-size:16.5pt;
	color:#00a5e6;
	width: 100%;
}

.full {
	width:100%;
	height:auto;
}

.white {
	color:#fff;
}

a:hover, a:focus, label:hover {
	font-size:180%;
	
}

a:hover p {
}

#container {
	margin:0 auto;
	width: 1280px;
	background:#fff;
}

#main {
	padding-top: 15%;
}

#main, #footer {
	width:900px;
	margin:0 auto;
}


#land {
	font-size: 16.5pt;
	text-align:center;
	padding-top:10%;
}

#land2 {
	display:none;
}

#land p {
	font-size: 16.5pt;
}


#entrance {
	padding-top:12%;
	text-align:center;
	font-size:9px;
	padding-bottom: 15%;
	height: 100px;
}

#land p {
	margin: 0 0 10px;
}

#footer p, #entrance p {
	font-size: 9pt;
}

#footer .left {
	width:70%;
	float:left;
}


#footer .right {
	width:30%;
	float:left;
}

#footer .right {
	text-align:right;
}

#footer img {
	padding-left: 10px;
}

#menu {
	width:190px;
	float:left;
}

#coverall {
    transition: margin-left .5s;
}

#back-top {
	padding-top: 30px;
	padding-bottom: 50px;
}

.clearfix {
	width:100%;
	height:30px;
	float:left;
}

.clearbottom {
	padding-bottom:50px;
}

#main .center {
	text-align:center;
}

.center img {
	margin-top:80px;
}

.center {
	position:relative;
	display: block;
	height:auto;
	float:left;	
}
	

.center .overlay {
	position: absolute;
  	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
	background: -webkit-linear-gradient(transparent, rgba(0, 164, 230, 0.5));
}

.center:hover,
.center:hover .overlay {
  	height: 100%;
}

.center:hover p {
	font-size:160%;
	color:#fff;
	line-height:0.7;
}


.center2 {
	position:relative;
	display: block;
	height:auto;
	float:left;	
}
	

.center2 .overlay {
	position: absolute;
  	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
	background: -webkit-linear-gradient(transparent, rgba(0, 164, 230, 0.5));
}

.center2:hover,
.center2:hover .overlay {
  	height: 100%;
}

.id2 {
	position:relative;
	display: block;
	height:auto;
	float:left;	
}

.id2 .overlay {
	position: absolute;
  	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 250px;
	height: 0;
	transition: .5s ease;
	background: -webkit-linear-gradient(transparent, rgba(0, 164, 230, 0.5));
}

.id2:hover,
.id2:hover .overlay {
  	height: 100%;
}

.id3:hover,
.id3:hover .overlay {
  	height: 280px;
}


#main .main-1 {
	width:590px;
	height:280px;
	background:#f9f9f9;
	margin-right: 30px;
}

#main .main-2 {
	width: 280px;
	height:280px;
	background:#000;
}

#main .main-3 {
	width: 280px;
	height:590px;
	background-image:url(../images/people.png);
	margin-right: 30px;
}

#main .main-3 p {
	margin-top:530px;
}

#main .main-3 img {
	padding-top: 180px;
}

#main .main-right {
	width: 590px;
	height:590px;
	float:left;
}

#main .main-4 {
	width: 280px;
	height:280px;	
	margin-right: 30px;
}

#main .main-5 {
	width: 280px;
	height:280px;
	background-image:url(../images/furniture.png);
}

#main .main-5 p {
	padding-top:170px;
}

#main .main-6 {
	width: 590px;
	height:280px;
	background:#f9f9f9;
}

.left {
	width:48%;
	float:left;
}

.right2 {
	width:48%;
	float:left;
	margin-left:4%;
}

.small {
	font-size:10.5px
}

.leftl {
	width: 590px;
	float:left;
	height:280px;
}

.grey {
	background:#f9f9f9;
}

.rights {
	width:280px;
	float:left;
	height:280px;
	margin-left:30px;
}

.bigtitle div {
	display: table-cell;
    vertical-align: bottom;
	height:280px;
}

.linkleft div {
	display: table-cell;
    vertical-align: bottom;
	height:280px;
	padding-left:30px;
}

.blue {
	background:#00a4e6;
}

.lefts {
	width: 280px;
	float:left;
	height:280px;
	margin-right:30px;
	text-align:right;
}

.lefts p {
	padding-right: 30px;
}

.rightl {
	width: 590px;
	float:left;
	height:280px;
}

.id .bigtitle div {
	width: 590px;
	text-align:right;
}

.id .textcenter {
	text-align:center;
}

.id .rights img {
	margin-top:35%;
}

.id .long {
	height : 590px;
}

.id .lefts {
	margin-right:0px;
}

.bgwhite  {
	outline:1px solid #CCC;
	color:#00a4e6;
}

.id p {
	line-height:0.5;
}

.id .rightl {
	margin-left:30px;
	width:590px;
	margin-top:30px;
}

.id .marginright {
	margin-right:30px;
}

.id .left3 {
	float:left;
	width:590px;
	height:590px;
}


.left3 .center2:hover,
.left3 .center2:hover .overlay {
  	height: 280px;
}


.linkright div {
	display: table-cell;
    vertical-align: bottom;
	height:590px;
	padding-left:30px;
	text-align:left;
}

.id .rightl2 {
	margin-left:30px;
	width:590px;
	height:280px;
}

.people {
	width:900px;
	height:660px;
	background: url(../images/people/people.png);
	float:left;
}

.peopledesc {
	float:left;
}

.peopleblue {
	background:#00a4e6;
	color:#fff;
}
	

.peopleblue h1 {
	color:#fff;
}

.peopledesc div {
	margin-left:50%;
	margin-top: 10%;
	margin-bottom:10%;
	margin-right:5%;
}

.peoplegrey {
	background: url(../images/people/11icon.png) no-repeat #f9f9f9;
	background-size:contain;
}

.peoplegrey span {
	color:#00a4e6;
}

.peoleft {
	float:left;
	width:50%;
	color:#00a4e6;
	position:relative;
	}

.peoleft img {
	padding-bottom:15px;
}

.peoleft p {
	line-height:1;
	font-size:10pt;
}

.peoleft span {
	font-size:16pt;
}

.peoleft .botop {
	margin-left:55%;
	margin-top:120%;
}

.peoleft .in {
	position:absolute;
	margin: 50% 5% 10% 5%;
}

.peoleft .in p {
	line-height:2;
	text-align:center;
}

.peoleft .in .inleft {
	float:left;
	width:90%;
	position:relative;
	z-index:11;
}

.peoleft .in .inleft div {
	background: rgba(249, 249, 249, 0.9);
	padding: 60px 40px;
	height:300px;
}

.peoleft .in .inright {
	float:left;
	width:10%;
	text-align:right;
}

.peoleft .in .inright img{
	padding-top:200px;
}

.peoleft a {
	text-decoration:underline;
	color:#000;
	cursor:pointer;
}

#ahf, #nkh {
	display:none;
}

.leftleft {
	text-align:left !important;
}

.contactright h3 {
	color: #969696;
	margin-top:0;
}

.contactright div {
	width: 590px;
	text-align: right;
	display:table-cell;
	vertical-align:bottom;
	height:280px;
	line-height:0.3;
	padding-right:5%
}

.cus div {
	padding-left: 20px;
	padding-top:10px;
}

.cus p {
	line-height:0.5;
}

.autoheight {
	height:auto;
}

input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
	background:#f9f9f9;
}

input[type=submit] {
    border: none;
    cursor: pointer;
	background:none;
	font-size: 36px;
	color:#00a5e6;
	font-family:'frutiger_light_cnregular';
}

.form {
    border-radius: 5px;
}

.g-recaptcha {
	padding: 10px 0;
}

.customh {
	background:#f9f9f9;
	height:750px !important;
	text-align: center;
	position:relative;
}

.customh h2 {
	padding-bottom: 0;
}

.customh img {
	padding: 0 5px;
}

.customh div {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width:100%;
}

.no-effect a:hover {
	font-size:75%;
}

.fullheight {
	height:100%
}

@media only screen and (max-height: 768px), (max-device-height: 768px) {
	#entrance {
		padding-top:8%;
		padding-bottom:8%;
	}
	#main {
		padding-top: 5%;
	}
}

@media only screen and (max-width: 768px), (max-device-width: 768px) {
	#land {
		display:none;
	}
	
	#land2 {
		display:block;
		text-align:center;
		margin-top:20%;
	}
	
	#menu .open {
		left:10px;
		position: fixed;
	}	
	
	.sidenav {
		position:fixed;
		top: 0;
		left: 0;
	}
}

.nomove a:hover {
	font-size:100%;
}