*{
	box-sizing:border-box;	
}
@font-face {
  font-family: itc;
  src: url(ITCAvantGardePro-Bold.otf);
}

html,body{
		padding: 0;
		margin: 0;
		background-color: #fafafa;
		font-family:'itc';
		overflow-x:hidden;
	}
	#topLogo{
		position: fixed;
		left: 0;
		right: 0;
		top:20px;
		height: 60px;
		z-index: 9999;
		opacity: 1;
		transition: 1s top ease ,1s opacity ease;
	}
	#topLogoBox{
		width:60px;
		height: 60px;
		margin:0 auto;
		border-radius: 10px;
		overflow: hidden;
	}
	.imgBox{
		overflow: hidden;
		position: fixed;
		top:0px;
		background: #fff url(./images/01.png) center center no-repeat;
		background-size: cover;
	}
	.imgText{
		margin:40px 0 0 40px;
	}


/*nav*/

.topnav{
		position: fixed;
		left: 50px;
		right: 50px;
		top:50px;
		padding-top:60px;
		bottom: 50px;

		background-color: #fafafa;
	 	opacity: 0;
	 	transition: 0.25s top ease , 0.25s opacity ease, 0.25s background-color ease;
	 	z-index: -100;
	}
	.topnav .bottomText{
		width: 100%;
		clear: both;
		text-align: center;
		font-size:12px;
		color : #000;
		height: 50px;
		line-height: 50px;
		padding-top: 20px;
	}
	.showNav{
		 
		opacity: 1;
	 	z-index: 9998;
	}
	.topNavElement{
		width: 20%;
		float: left;
		text-align: center;
		
		}
	.topNavElement img{
		width: 80%;

	}

	.topNavElement .img2{
		width: 100%;
        position: relative;
	}
	.topNavElement .img2 img{
	    position: absolute;
	    left:0;
	    right: 0;
	    top:-50px;
	}
/*mask*/

	#topmask{
		left: 0;
		right: 0;
		top:0;
		height: 0px;
		z-index: 9000;
	}
	#bottommask{
		left: 0;
		right: 0;
		bottom:0;
		height: 0px;
		right:0;
		 
		z-index: 9000;
	}
	#leftmask{
		left: 0;
		top:0;
		bottom:0;
		width: 0px;
		
		z-index: 9000;
	}
	#rightmask{
		 
		right: 0;
		top:0;
		bottom:0;
		width: 0px;
		 
		z-index: 9000;
	}
	#animaskbox div
	{
		position: fixed;
		background-color: #fafafa;
		z-index: 9000;
		transition: 0.5s height ease,0.5s width ease;
	}




.container{
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	padding: 0px;
}

.cw{
	position: relative;
	height: 600px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.cw1_1{
	position: absolute;
	top:0px;
	left:20px;
	bottom: 50%;
	right: 50%;
	border: 5px solid #ffffff;
}
.cw1_2{
	position: absolute;
	top:50%;
	left:20px;
	bottom: 0px;
	right: 50%;
	border: 5px solid #ffffff;
}
.cw1_3{
	position: absolute;
	top:0px;
	left:50%;
	bottom: 0px;
	right: 20px;
	border: 5px solid #ffffff;
}


.cw2_3{
	position: absolute;
	top:0px;
	right:20px;
	bottom: 50%;
	left: 50%;
	border: 5px solid #ffffff;
}
.cw2_2{
	position: absolute;
	top:50%;
	right:20px;
	bottom: 0px;
	left: 50%;
	border: 5px solid #ffffff;
}
.cw2_1{
	position: absolute;
	top:0px;
	right:50%;
	bottom: 0px;
	left: 20px;
	border: 5px solid #ffffff;
}



#footer{
	width: 100%;
 	padding:30px 100px;
	background-color: #1133ff;
 	font-size:12px;
 	color: #b8c2ff;
 	line-height: 16px;
 	 
}

#footer img{
	width: 100%;
	max-width: 150px;
 }

 .footerLink{
	color: #b8c2ff;
	font-weight: bolder;
	display: inline-block;
	padding: 0 5px 5px 5px;
 }
 .footerLink:hover{
	color: #ffffff;
 
 }



 .contactBox{
 	color: #fff;
 
 }


#formbox{
	width: 100%;
	padding: 40px 0;
	background-color: #fff;
 
	height: auto;
}
.formbox-title{
 	
	font-size: 40px;
	font-weight: bolder;
 
}

.padding{
	padding-top: 30px;
	padding-bottom: 30px;
}

#mid{
	background-color: #000000;
	width: 100%;
	padding: 50px 0;
}
#formbox-left,#mid-left{
	float: left;
	width: 35%;
	padding-right: 100px;
 	text-align: right;

}
#formbox-right,#mid-right{
	float: left;
	width: 65%;
}

#formbox-form{
	padding: 30px 30px 30px 0;
}
 
.clear{
	height: 1px;
	width: 100%;
	clear: both;
}



.left-lianxiwomen{
	width: 100px;
	border-top: 1px solid #ccc;
	float: right;
	line-height: 40px;
	font-size:14px;
	color: #fff;
	text-align: left;
	padding-left: 5px;
	margin-top: 20px;
}

.left-zaixianliuyan{
	width: 100px;
	border-top: 1px solid #000000;
	float: right;
	line-height: 40px;
	font-size:14px;
	color: #000000;
	text-align: left;
	padding-left: 5px;
	margin-top: 20px;
}




	#topCover{
		position: fixed;
		left: 0px;
		top:0px;
		right: 0px;
		z-index: 90;
		overflow:hidden;
	}
	#pd{
		position: relative;
		z-index: 100;
	}