@import url(//fonts.googleapis.com/css?family=Poppins);

body,input,textarea{
	font-family: 'Arial', "Helvetica Neue", 'Helvetica', sans-serif; 
}


/* common */
section{
	clear:both;
}
button{
	border:0; 
	background:#1baeb5; 
	color:#fff;
	font-family: 'Arial', "Helvetica Neue", 'Helvetica', sans-serif; 
	letter-spacing:1px;
	font-size:10px;
}

.section_title{
	padding-top:99px;
	padding-bottom:75px;
}
.section_title .small_title{
	color:#999;
	letter-spacing:2px;
}
.section_title h1{
	font-size:30px;
	font-family: 'Arial', "Helvetica Neue", 'Helvetica', sans-serif; 
	font-weight:normal;
	margin-top:10px;
	letter-spacing:2px;
}
.section_title .line{
	height:16px;
	border-bottom:1px solid #aeaeae;
	width:55px;
	margin:0 auto;
}
.section_gray{
	background:#f7f7f7;
}



/**/
header{
	height:950px; 
	color:#242424; 
	font-size:12px;
	background:url("../img/office.jpg");
	background-size:cover;
}
header .container{
	max-width:1205px;
	width:100%;
	margin:0 auto;
	text-align:right;
	position:relative;
	padding-top:40px;
}
header nav{
	text-align:right;
}
header nav li{
	display:inline-block; 
	margin-left:37px; 
	color:#fff;
	font-size:12px;
	cursor:pointer;
}
header a{
	text-align:left;
	position:absolute;
	left:0;
	top:40px;
}
header img{
	height:26px;
}
header button{
	width:170px;
	height:60px;
	font-size:10px;
	margin-top:54px;
	cursor:pointer;
}
header .contant{
	color:#fff;
	max-width:610px;
	margin:0 auto;
	letter-spacing:1px;
	line-height:30px;
	font-size:14px;
	margin-top:306px;
}
header .small-titie{
	font-size:12px;
}
header h1{
	font-size:47px;
	color:#fff;
	font-weight:bold;
	letter-spacing:2px;
	margin-top:17px;
	margin-bottom:25px;
}
header .menu{
	display:none;
}
header .btn_close{
	display:none;
}





#about{
	padding:110px 0px;
	line-height:30px;
	font-size:14px;
}
#about .contant{
	margin:0 auto;
	margin-top:48px;
	max-width:550px;
	letter-spacing:1px;
}




#about_detail > div{
	float:left;
	width:50%;
	background:#f7f7f7;
	font-size:14px;
	height:694px;
}
#about_detail .image{
	height:694px;
	background:url('../img/bike.jpg') no-repeat;
}

#about_detail ul{
	max-width:705px;
	margin:0 14%;
	margin-top:153px;
}
#about_detail li{
	text-align:left;
}
#about_detail .subject{
	height:30px;
	line-height:30px;
	letter-spacing:2px;
	font-weight:Bold;
}
#about_detail .contant{
	color:#787878;
	line-height:30px;
	letter-spacing:1px;
}
#about_detail li{
	margin-bottom:54px;
}
#about_detail li div{
	padding-left:74px;
}
#about_detail .power{
	background:url('../img/power.png') no-repeat;
	background-position:0px 5px;
}
#about_detail .trophy{
	background:url('../img/trophy.png') no-repeat;
}
#about_detail .box{
	background:url('../img/box.png') no-repeat;
	background-position:0px 5px;
}







#count > div{
	height:308px;
	float:left;
	width:25%;
	background:#242424;
	color:#fff;
}
#count > div:nth-child(even){
	background:#292929;
}
#count .number{
	font-size:43px;
	margin-top:103px;
}
#count .line{
	height:10px;
	width:25px;
	border-bottom:1px solid #565656;
	margin:0 auto;
	margin-bottom:25px;
}
#count .contant{
	letter-spacing:2px;
}






#works ul{
	 display:inline-block;
	 width:100%;
	 position:relative;
	 top:5px;
}
#works li{
	width:25%;
	height:479px;
	float:left;
	background:#1bafb4;
	overflow:hidden;
}
#works li img{
	height:113%;
}
#works li.long{
	height:958px;
}
#works li.wide{
	width:50%;
}
#works li .contants{
	color:#fff;
	margin-top:213px;
	font-size:17px;
	letter-spacing:1px;
}
#works li .contants .small{
	margin-top:16px;
	color:#a8d9dc;
	font-style:italic;
	font-family:'Georgia';
	font-size:12px;
}





#team > div{
	width:25%;
	float:left;
	position:relative;
	overflow:hidden;
}
#team .contants{
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);
	color:#fff;
	width:100%;
	height:60%;
	padding-top:60%;
	letter-spacing:2px;
}
#team .contants div{
	margin-top:16px;
	font-style:italic;
	font-family:'Georgia';
	font-size:12px;
	color:#999;
}
#team > div:hover .contants{
	display:block;
}




#advantages{
	padding-bottom:117px;
}
#advantages > div{
	width:370px;
	height:299px;
	margin:0px 13px;
	background:#fff;
	display:inline-block;
}
#advantages .img_background{
	background:#f7f7f7;
	width:80px;
	height:80px;
	border-radius:40px;
	margin:0 auto;
	margin-top:43px;
	margin-bottom:29px;
}
#advantages .img_background img{
	margin-top:25px;
}
#advantages .title{
	font-weight:Bold;
	font-size:14px;
	color:#262626;
	letter-spacing:1px;
}
#advantages .contants{
	line-height:25px;
	margin:0 43px;
	color:#787878;
	margin-top:16px;
	font-size:14px;
	letter-spacing:0.5px;
}




#take{
	background:#242424;
	color:#fff;
	padding:70px 0px;
}
#take button{
	width:170px;
	height:61px;
	line-height:61px;
}
#take .contants{
	display:inline-block;
	line-height:61px;
	font-size:22px;
	margin-right:6%;
	font-family: 'Poppins', serif;
}


#say_title{
	padding-bottom:65px;
}





#say{
	padding-bottom:128px;
	overflow:hidden;
}
#say > div{
	width:25.3%;
	float:left;
	padding:0% 4%;
}
#say .contants{
	font-style:italic;
	font-family:'Georgia';
	line-height:30px;
	color:#84878c;
	font-size:19px;
}
#say .name{
	font-weight:bold;
	margin-top:30px;
	font-size:16px;
	margin-bottom:8px;
}
#say .kind{
	font-style:italic;
	font-family:'Georgia';
	color:#999;
}



#video img{
	width:100%;
}


#blog{
	padding-bottom:87px;
}
#blog .list{
	max-width:1205px;
	margin:0 auto;
}
#blog .list > div.column{
    width: 370px;
	margin:0px 13px;
	display:inline-block;
	vertical-align:top;
}
#blog div.container{
	margin-bottom:30px;
	background:#fff;
	line-height:30px;
	text-align:left;
}
#blog div.container2{
	margin:32px;
	font-size:14px;
	padding-bottom:32px;
}
#blog .subject{
	color:#242424;
	letter-spacing:1px;
	font-weight:bold;
}
#blog .writer{
	font-size:12px;
	color:#999999;
	font-style:italic;
}
#blog .contants{
	color:#797979;
	line-height:25px;
	margin-top:14px;
}
#blog .list img{
	width:100%;
}





#chat{

}
#chat .container{
	width:50%;
	float:left;
	height:716px;
	text-align:left;
}
#chat input,
#chat textarea
{
	width:92%;
	border:1px solid #e3e3e3;
	height:46px;
	line-height:46px;
	padding:0% 4%;
	margin-bottom:20px;
}
#chat textarea{
	height:134px;
}
#chat input:focus,
#chat textarea:focus{
	outline: none;
	border:1px solid #bcc0bf;
}
#chat .container2{
	margin:125px;
}
#chat button{
	width:154px;
	height:61px;
	line-height:61px;
}
#chat iframe{
	width:100%;
	height:100%;
}





footer{
	clear:both;
	background:#242424;
	color:#fff;
	padding-top:107px;
	padding-bottom:55px;
}
footer a{
	color:#fff;
	display:inline-block;
	margin-top:49px;
	letter-spacing:1px;
	margin:0px 17px;
	margin-top:40px;
}
footer a:hover{
	color:#fff;
}
footer img{
	height:26px;
}
footer .copyright{
	color:#666666;
	font-size:11px;
	margin-top:90px;
}









@media (min-width: 0px) and (max-width: 1224px){
	
	header .container {
		max-width: 1205px;
		width: 98%;
		margin-left: 1%;
	}


	#about_detail ul {
		margin: 0 7%;
		margin-top: 75px;
	}


	#works li {
		height: 300px;
	}
	#works li.long {
		height: 600px;
	}
	#works li .contants {
		margin-top: 136px;
	}


	

	#team img{
		width:100%;
	}

	

	#blog .list > div.column {
		width: 302px;
	}



	#advantages > div {
		width: 310px;
		height: 322px;
	}



	#chat .container2 {
		margin: 74px;
	}

}
@media (min-width: 0px) and (max-width: 1034px){
	

	#about_detail > div:nth-child(1) {
		width: 30%;
	}
	#about_detail > div:nth-child(2) {
		width: 70%;
	}



	#works li {
		height: 230px;
	}
	#works li.long {
		height: 460px;
	}
	#works li .contants {
		margin-top: 94px;
	}

	#advantages > div {
		width: 236px;
		height: 367px;
		margin: 0px 6px;
	}


	#blog .list > div.column {
		width: 235px;
		margin:0 6px;
		margin-bottom:6px;
	}
	#blog div.container {
		margin-bottom: 12px;
	}
	#blog div.container2 {
		margin: 12px;
	}

	
	#chat .container{
		height: 516px;
	}
	#chat .container2 {
		margin: 45px;
	}


}
@media (min-width: 0px) and (max-width: 770px){
	
	header{
		height:568px;
	}

	header h1{
		line-height:47px;
	}
	
	header nav {
		display:none;
		background:#242424;
		text-align: center;
		position:absolute;
		top:0px;
		width:100%;
		z-index:10;
		margin:0;
	}
	header nav li{
		display:block;
		padding:15px;
		margin-left:0;
	}

	header .contant {
		margin-top:77px;
	}

	header .menu{
		display:block;
		background:#242424;
		width:61px;
		position:absolute;
		right:1%;
		top:-49px;
		z-index:5;
	}
	header .btn_close{
		display:block;
	}


	#about_detail > div {
		float:none;
		width:100% !important;
		height:auto;
	}
	#about_detail > div:nth-child(1) {
		height:229px;
	}
	#about_detail > div:nth-child(2) {
		padding-top:54px;
	}
	#about_detail ul {
		overflow:hidden;
		margin: 0 1%;
		margin-top: 0;
	}
	#about_detail li{
		margin-bottom: 0px;
		padding-bottom: 54px;
	}



	#count > div {
		width: 100%;
		height:auto;
		padding-bottom: 36px;
	}
	#count .number {
		margin-top: 36px;
		
	}


	#works li {
		width: 100%;
		height: auto;
		float: none;
		overflow: hidden;
	}
	#works li img{
		width: 100%;
		height: auto;
	}
	#works li.wide {
		width:100%;
	}
	#works li .contants {
		margin-top: 94px;
		padding-bottom: 94px;
	}


	#advantages > div {
		width: 94%;
		height: 340px;
		margin: 1% 2%;
	}


	#take .contants {
		line-height:normal;
		margin-right:0;
		padding-bottom:10px;
	}

	#team > div {
		width: 100%;
	}

	
	#say {
		padding-bottom: 0px;
	}
	#say > div {
		width: 92%;
		padding-bottom:54px;
	}
	


	#blog .list > div.column {
		width: 94%;
		margin: 0 3%;
		margin-bottom: 1%;
	}



	#chat .container{
		width:100%;
		text-align:center;
	}
	#chat .container:nth-child(1){
		display:none;
	}
	#chat .container2 {
		margin: 21px;
	}
	footer a {
		margin:0px 3px;
		margin-top:40px;
	}

}