@charset "utf-8";
/* website layout modules code
------------------------------------------------------------ */

/* layout
---------------------------*/
.layout{
	margin:0 auto;
	max-width:1440px;
	min-width:996px;
}
.header,
.content,
.who,
.choose,
.cooperation,
.about,
.contact{
	min-width:996px;
}

/* header
---------------------------*/
.header{
	left:0;
	top:0;
	z-index:999;
	width:100%;
	height:60px;
	overflow:hidden;
	background-color:#FFF;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.35);
}
.header a:hover{
	color:#2B2B2B;
}
.category{
	font-size:0;
}
.logo{
	position:relative;
	z-index:5;
	padding:0 30px 0 20px;
	background-color:#FFF;
	font:24px/60px 'Gotham-Book', 'Arial';
}
.nav{
	padding:0 20px;
	font:16px/60px 'Gotham-Light', 'Arial';
}
.navCurrent{
	display:none;
	left:0;
	bottom:0;
	z-index:3;
	width:130px;
	height:4px;
	overflow:hidden;
	background-color:#26E8C6;
}

/* share
---------------------------*/
.shareBox{
	margin-top:20px;
}
.shareBox .icons{
	margin-right:10px;
	width:20px;
	height:20px;
}
.share-icon{
	background-position:0 -730px;
}
.button-facebook{
	background-position:-30px -730px;
}
.button-twitter{
	background-position:-60px -730px;
}
.button-email{
	background-position:-90px -730px;
}

.button-facebook:hover{
	background-position:-30px -750px;
}
.button-twitter:hover{
	background-position:-60px -750px;
}
.button-email:hover{
	background-position:-90px -750px;
}

/* content
---------------------------*/
.content{
}
.content-hd{
	padding:30px 0;
	font:16px/24px 'Gotham-Light', 'Arial';
	color:#6D6D6D;
}
.content-tit{
	padding:20px 0 30px;
	font:60px/100% 'Raleway-ExtraLight', 'Arial';
	vertical-align:top;
	color:#2D2D2D;
}

/* footer
---------------------------*/
.copyright{
	padding:20px 0;
	font:16px/20px 'Gotham-Light', 'Arial';
	color:#9C9C9C;
}

/* icons
---------------------------*/
.icons{
	overflow:hidden;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	font:0/0 'Arial';
}

/* back to top
---------------------------*/
.backToTop{
	display:none;
	right:40px;
	bottom:40px;
	z-index:20;
}
.backIcon{
	display:block;
	width:66px;
	height:66px;
	background-position:0 -66px;
	opacity:0.3;
	filter:alpha(opacity:30);
}
.backIcon:hover{
	opacity:1;
	filter:alpha(opacity:100);
}

/* send email layer
---------------------------*/
.send-email{
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:999;
	background-color:rgba(0, 0, 0, .3);
}
.send-outer{
    left:50%;
    top:15%;
    margin-left:-320px;
    width:640px;
    background-color:#FFF;
    border:1px solid #D2D2D1;
    box-shadow:0 0 8px 4px rgba(0,0,0,0.25);
	font:16px/30px 'Gotham-Light', 'Arial';
}
.send-hd{
	padding:0 20px;
    height:50px;
    background-color:#F1F1F1;
    border-bottom:1px solid #D2D2D1;
	line-height:50px;
}
.send-close{
	right:0;
	top:0;
    width:50px;
    height:50px;
	background:url(../images/close.png) center center no-repeat;
    border-left:1px solid #D2D2D1;
    overflow:hidden;
    text-indent:-9999px;
    cursor:pointer;
}
.send-close:hover{
	background-color:#DEDEDE;
}
.send-item{
	padding:13px 20px;
    border-bottom:1px solid #D2D2D1;
	line-height:22px;
}
.send-notice{
	position:absolute;
	right:20px;
	bottom:13px;
	color:#DF3333;
}
.send-field{
	width:50px;
}
.send-txt{
	width:550px;
	height:22px;
	background:none;
	border:none;
	line-height:22px\0;
	*line-height:22px;
	vertical-align:middle;
}
.sendMessage{
	width:600px;
	height:190px;
	overflow:hidden;
	box-shadow:none;
}
.send-ft{
	padding:15px 20px;
}
.send-btn{
	margin:0 5px;
	width:100px;
	height:36px;
	background-color:#1CEAD0;
	border:none;
	border-radius:2px;
	cursor:pointer;
	color:#FFF;
}
.send-btn:hover{
	background-color:#1ED1B2;
}
.send-cancel{
	background-color:#E2E2E2;
	color:#2B2B2B;
}
.send-cancel:hover{
	background-color:#CCC;
}