@charset "utf-8";
/* website home module code
------------------------------------------------------------ */

/* banner
---------------------------*/
.banner{
	margin-top:60px;
	height:600px;
	background:url(../images/20140401001.jpg) center center no-repeat;
	background-size:cover;
}
.banner .layout{
	z-index:2;
}
.banner-bd{
	padding:125px 0 0 50px;
	font-size:18px;
	line-height:36px;
	color:#FFF;
}
.banner-bd h2{
	padding-bottom:30px;
	font:66px/70px 'Raleway-Thin', 'Arial';
}
.scaleBanner{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

/* who
---------------------------*/
.who{
	padding:40px 0 100px;
	background:linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgb(237, 237, 237) 100%);
}
.computer-outer{
	margin:20px auto 0;
	padding:40px 129px 78px 130px;
	width:718px;
	height:450px;
	background:url(../../base/images/computer.png) center top no-repeat;
}
.viewport{
	width:718px;
	height:450px;
	overflow:hidden;
}
.overview{
	left:0;
	top:0;
	width:100%;
}

/* choose
---------------------------*/
.choose{
	padding-bottom:2px;
}
.choose-section{
	width:49.999999%;
	min-height:720px;
}
.choose-item{
	width:49.999999%;
	cursor:pointer;
}
.choose-current{
	z-index:15;
}
.choose-active{
	z-index:9;
}
.choose-active .anim{
	-webkit-animation:choose-active .5s ease-out;
	   -moz-animation:choose-active .5s ease-out;
		 -o-animation:choose-active .5s ease-out;
			animation:choose-active .5s ease-out;
}
@-webkit-keyframes choose-active{
	from{
		border:0 solid rgba(0, 0, 0, 0.35);
		opacity:0.85;		
		-webkit-transform:scale(1);
	}
	to{
		border:6px solid rgba(0, 0, 0, 0.35);
		opacity:1;		
		-webkit-transform:scale(1.1);
	}	
}
@-moz-keyframes choose-active{
	from{
		border:0 solid rgba(0, 0, 0, 0.35);
		opacity:0.85;	
		-moz-transform:scale(1);
	}
	to{
		border:6px solid rgba(0, 0, 0, 0.35);
		opacity:1;
		-moz-transform:scale(1.1);
	}
}
@-o-keyframes choose-active{
	from{
		border:0 solid rgba(0, 0, 0, 0.35);
		opacity:1;	
		-o-transform:scale(1);
	}
	to{
		border:6px solid rgba(0, 0, 0, 0.35);
		opacity:1;
		-o-transform:scale(1.1);
	}
	
}
@keyframes choose-active{
	from{
		border:0 solid rgba(0, 0, 0, 0.35);
		opacity:1;	
		transform:scale(1);
	}
	to{
		border:6px solid rgba(0, 0, 0, 0.35);
		opacity:1;
		transform:scale(1.1);
	}
}
.choose-active .anim,
.choose-current .anim{
	border:6px solid rgba(0, 0, 0, 0.35);
	opacity:1;
	
	-webkit-transform:scale(1.1, 1.1);
	   -moz-transform:scale(1.1, 1.1);
		 -o-transform:scale(1.1, 1.1);
			transform:scale(1.1, 1.1);
}
.box{
	margin:2px 2px 0 0;
	overflow:hidden;
	border:0px solid #129786;
	opacity:0.85;
}
.box img{
	width:100%;
}
.zoom{
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.6) 100%);
	background-color:rgba(0, 0, 0, 0);
	text-align:center;
}
.item-name{
	left:0;
	top:72%;
	width:100%;
	font-size:30px;
	line-height:40px;
	color:#FFF;
}

.choose-outer{
	width:100%;
}
.choose-hd{
	padding:0;
}
.choose-hd .content-tit{
	padding:0;
	font-size:36px;
}
.chooseHd-des{
	padding-top:35px;
	text-align:left;
}

.choose-service{
	margin-top:45px;
	width:49.999999%;
	height:180px;
	overflow:hidden;
	color:#2D2D2D;
}
.service-icon,
.cash-icon,
.warehouse-icon,
.logistics-icon{
	width:150px;
	height:100px;
	overflow:hidden;
}
.service-icon{
	padding:0;
	background-position:0 -1344px;
}
.service-icon:hover{
	background:none;
	background:url(../../base/images/icons.png) 0 -1344px no-repeat;
}
.cash-icon{
	background-position:0 -1444px;
}
.warehouse-icon{
	background-position:0 -1544px;
}
.logistics-icon{
	background-position:0 -1644px;
}
.service-name{
	padding-top:18px;
	max-width:200px;
	line-height:20px;
}

.choose-article{
	left:0;
	top:0;
	margin:50px;
	height:100%;
	background-color:#FFF;
}
.choose-gallery{
	background-color:#F6F6F6;
}
.choose-express{
	margin:50px 0;
	width:100%;
}
.choose-description{
	font:16px/26px 'Gotham-Light', 'Arial';
	color:#6D6D6D;
}
.choose-box{
	padding:25px 0;
}
.choose-name{
	font:20px 'Gotham-Book', 'Arial';
	color:#2D2D2D;
}
.choose-box li{
	list-style:disc;
	margin:10px 0 0 20px;
}

.choose-way{
	padding-top:30px;
	width:30%;
}
.fGB{
	font-family:'Gotham-Book', 'Arial';
}
.target,
.target:hover{
	color:#26E8C6;
	text-decoration:underline;
}
.target:hover{
	text-decoration:none;
}

/* cooperation
---------------------------*/
.cooperation-ad{
	height:498px;
	background:url(../images/20140410005.jpg) center center no-repeat;
	background-size:cover;
}
.cooperation-ad .content-hd{
	z-index:2;
	padding-top:55px;
	color:#FFF;
}
.cooperation-ad .content-tit{
	line-height:72px;
	color:#FFF;
}
.cooperation-outer{
	padding:25px 0 55px;
}
.cooperation .content-hd{
	z-index:2;
	width:100%;
	text-align:center;
}
.cooperation-list{
	margin:0 auto;
	width:996px;
	font-size:0;
}
.cooperation-item{
	position:relative;
	width:33.3%;
	height:314px;
}
.cooperation-box{
	width:240px;
	opacity:0;
	
	-webkit-transform:translateY(60px);
	   -moz-transform:translateY(60px);
	 	-o-transform:translateY(60px);
			transform:translateY(60px);
}
.cooperation-radius{
	width:240px;
	height:240px;
	overflow:hidden;
	background-color:#919191;
	border-radius:50%;
}
.cooperation-name{
	padding:18px 0;
	font-size:24px;
	line-height:38px;
}
.cost-icon,
.risk-icon,
.orders-icon{
	margin:65px auto;
	width:120px;
	height:110px;
	vertical-align:middle;
}
.cost-icon{
	background-position:0px -769px;
}
.risk-icon{
	background-position:0px -879px;
}
.orders-icon{
	background-position:0px -991px;
}
/* about
---------------------------*/
.about{
	padding:100px 0;
	background-color:#F9F9F9;
	font:16px/24px 'Gotham-Light', 'Arial';
	color:#6D6D6D;
}
.about-outer{
	margin-right:60px;
	width:635px;
}
.about-outer .content-tit{
	padding:0;
}
.about-list{
	padding:35px 0;
	border-bottom:1px solid #E4E4E4;
}
.about-item{
	width:300px;
}
.about-pro{
	width:300px;
	height:150px;
}
.about-pro-item{
	display:block;
	margin-top:40px;
	width:124px;
	height:48px;
	overflow:hidden;
}
.about-pro-item3{
	margin:0 auto;
}
.about-pro-1,
.about-pro-2,
.about-pro-3,
.about-pro-1Hover,
.about-pro-2Hover,
.about-pro-3Hover{
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/products.png) no-repeat;
	font-size:0;
}
.about-pro-1{
	background-position:0 0;
}
.about-pro-2{
	background-position:-135px 0;
}
.about-pro-3{
	background-position:-68px -45px;
}

.about-pro-1Hover,
.about-pro-2Hover,
.about-pro-3Hover{
	opacity:0;
}
.about-pro-1Hover{
	background-position:0 -122px;
}
.about-pro-2Hover{
	background-position:-135px -122px;
}
.about-pro-3Hover{
	background-position:-68px -167px;
}
.about-pro-item:hover .about-pro-1,
.about-pro-item:hover .about-pro-2,
.about-pro-item:hover .about-pro-3{
	opacity:0;
}
.about-pro-item:hover .about-pro-1Hover,
.about-pro-item:hover .about-pro-2Hover,
.about-pro-item:hover .about-pro-3Hover{
	opacity:1;
}
.about-pro img{
	vertical-align:top;
}
.about-inner{
	padding-top:35px;
}
.about-box{
	margin-top:10px;
	width:300px;
	height:110px;
}
.about-text{
	width:220px;
}
.about-name{
	padding-bottom:5px;
	font-family:'Gotham-Book', 'Arial';
	color:#2D2D2D;
}
.about-details{
	height:72px;
	overflow:hidden;
}
.honor-icon,
.team-icon,
.flows-icon,
.participants-icon{
	width:61px;
	height:61px;
	overflow:hidden;
}
.honor-icon{
	background-position:0 -1100px;
}
.team-icon{
	background-position:0 -1161px;
}
.flows-icon{
	background-position:0 -1222px;
}
.participants-icon{
	background-position:0 -1283px;
}
.about-ad{
	margin:0 755px 0 60px;
	height:600px;
	background:url(../images/20140410006.jpg) center top no-repeat;
}

/* looking
---------------------------*/
.looking-list{
	margin:0 -1px;
}
.looking-item{
	width:33.333333%;
}
.looking-item .box{
	opacity:0;
	
	-webkit-transform:translateY(60px);
	   -moz-transform:translateY(60px);
	 	-o-transform:translateY(60px);
			transform:translateY(60px);
}
.looking-item .item-name{
	font-size:36px;
}
.animate-active .cooperation-box,
.animate-active .box{
	opacity:1;
	
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	 	-o-transform:translateY(0);
			transform:translateY(0);
}
.animate-active .anim{
	-webkit-transition-duration:.5s;
	   -moz-transition-duration:.5s;
		 -o-transition-duration:.5s;
		    transition-duration:.5s;
}
/* map
---------------------------*/
.map{
	margin-top:30px;
}
.googleMap{
	height:453px;
	background:url(../images/20140402001.jpg) 0 center no-repeat;
	background-size:cover;
}
.googleMap a{
	display:block;
	width:100%;
	height:100%;
}
.map-article{
	left:100px;
	top:50%;
	z-index:2;
	margin-top:-130px;
	padding:15px;
	width:390px;
	height:230px;
	background-color:#1CEAD0;
	font:20px/36px 'Gotham-Light', 'Arial';
	color:#FFF;
}
.map-tit{
	padding:15px 0;
	font:36px/58px 'Raleway-ExtraLight', 'Arial';
}

/* message
---------------------------*/
.message{
	padding:35px 0;
}
.message-table{
	margin:0 auto;
	width:880px;
	font-size:20px;
}
.message-item{
	margin-top:6px;
	min-height:54px;
	_height:54px;
	vertical-align:top;
}
.w437{
	width:437px;
}
.text-input{
	padding:16px 20px;
	height:22px;
	background-color:#F6F6F6;
	border:none;
	line-height:22px\0;
	*line-height:22px;
	vertical-align:middle;
	color:#A5A5A5;
}
.text-input:hover,
.text-input:focus{
	background-color:#E2E2E2;
	color:#2B2B2B;
}
.textarea{
	height:130px;
	overflow:hidden;
}
.submit{
	margin:35px 0;
	width:400px;
	height:50px;
	background-color:#1CEAD0;
	border:2px solid #1CEAD0;
	font-size:30px;
	color:#FFF;
	cursor:pointer;
}
.submit:hover{
	background-color:#1ED1B2;
	border-color:#1ED1B2;
}
.disabled,
.disabled:hover{
	width:100%;
	background-color:#FFF;
	border-color:#FFF;
	color:#222;
	font-size:30px;
	cursor:default;
}
.long-input{
	width:840px;
}
.short-input{
	width:397px;
}
.message-table .error{
	background-color:#DF3333;
	color:#FFF;
}
.notice{
	display:none;
	color:#DF3333;
}