@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/* CSS Document */
		* { margin: 0; padding: 0; }
		
html {		background:#f6f6f6;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-attachment: fixed;
overflow: scroll;
		}

#header-area{padding-top:0px; width:100%; background:#fff; padding:0; border:0;border-bottom:1px solid #ddd; position:fixed; top:0; z-index:9999;}

		
#header{
	min-height:70px;
	margin-top:0px;
	padding:0px 10px;
	
}
#logo{
	width:190px;
	float:left;
	height:60px;
	line-height:60px;
	background:none;
}
#menu-area{
	width:700px;
	float:right;
	line-height:60px;
	border:1px solid $ddd;
	
	
}
#sm-area{
	float:right;
	line-height:60px;
	width:100px;
}

#banner-area{
	padding:10px 10px 0px 10px;
	width:100%;
	margin-top:70px;

	}
	
#main-area{
	padding:0px 10px;
	width:100%;
	text-align:left;
	margin:10px 0px;
}
#web-area{
	padding:0px 10px;
	width:100%;
	text-align:left;
	margin:0px 0px;
	margin-bottom:0;	
}
#work-area-inner{
	background:none;
	border:0px solid #eee;
	float:left;
	width:100%;
	padding:0px;

}

#work-area{
	padding:20px 10px;
	background:#fff;
	min-height:250px;
	border:1px solid #ddd;
	float:left;
	width:100%;
	margin-bottom:10px;
	
	
}
#work-area1{
	padding:20px 10px;
	background:#fff;
	min-height:250px;
	border:1px solid #ddd;
	float:left;
	width:74.5%;
	margin-bottom:10px;
}
.quote{
	padding:20px 10px;
	background:#fff;
	min-height:250px;
	border:1px solid #ddd;
	float:left;
	width:21.5%;
	margin-bottom:10px;
	margin-left:17px;
	height:400px;
}
#footer-area{
	padding:0px 10px;
	width:100%;
	background:#333;
	color:#fff;
	
	}
#footer-top{
	background:#333;
	padding:20px 10px;
}
#footer-menu{
	list-style:none;
	padding:10px 0px;
	text-decoration:none;
}
#footer-bottom{
	background:#2d2d2d;
	padding:20px 10px;
	text-align:center;
	color:#A4A4A4;
}
#footer-menu{
	float:left;
}
#footer-menu ul li{
	text-decoration:none;
	list-style:none;
	float:left;
	padding:0px 15px 0px 15px;
	border-right:1px solid #a4a4a4;
	
}
.half_area{
	width:50%;
	padding:0px 10px;
	
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}

/*---------------------------------------------------------------------------------------------------------------------*/
.bxsz{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
}
.link{
	cursor:pointer;
	text-decoration:none;
}
.link:hover, link1:visited{
	color:#666;
}
.link1{
	cursor:pointer;
	text-decoration:none;font-family: Arial;
	color:#d2cfce;
}
.link1:hover, link:visited{
	color:#1086BD;
}
.active{
	color:#1086BD;
	
}
.fs18{
	font-size:18px;
	margin-left:5px;
	
}
.heading{
	color:#1086BD;
	text-shadow:1px 1px 1px #ccc;
	font:'Raleway';
}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
.web-box{
	margin-top:10px;
	width:24%;
	border:1px solid #ddd;
	float:left;
	margin-right:1.3%;
	border-radius:3px;
text-align:center;z-index:1;
background:#fff;
}
.image-box{width:100%; background:#fff; border:none; outline:none;border-bottom:0px solid #ddd;z-index:1;margin-bottom:50px;	position:relative; z-index:1;  }

.circle {
	position:absolute;
	z-index:2;
	left:50%;
	margin-left:-50px;
	width: 100px;
	height: 100px;
	line-height:100px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	box-shadow:0px 0px 5px #777;
	margin-top:-50px;
	z-index:3;
}
#loadicon{ background:url(../images/loadicon.png) center no-repeat #fff;}
#reloicon{ background:url(../images/reloicon.png) center no-repeat #fff;}
#packicon{ background:url(../images/packicon.png) center no-repeat #fff;}
#carriericon{ background:url(../images/carriericon.png) center no-repeat #fff;}
.btn{
	border:1px solid #ddd;
	border-radius:3px;
	padding:3px 5px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
	color:#2986B2;
	text-decoration:none;
	transition-delay:0s;
	transition-property:all;
	transition-duration:.3s;
	transition-timing-function:linear;
	outline:none;
	
}
.btn:hover{
	color:#fcfcfc;
	background:#079DE3;
	border:1px solid #ccc;
	transition-property:all;
	transition-duration:.3s;
	transition-timing-function:linear;
	
	
}
.fourth-box{margin-right:0;}
.img-top-box{
	width:100%;
	height:100px;
	
}

label {
    display: inline-block;
    width: 5em;
  }
  .top_icon{
	  background:url(../images/top.png) left top no-repeat #1086BD;
	  width:20px; height:20px; margin-bottom:50px; margin-right:20px; float:right; z-index:4;
	 	
	  transition-delay:0s;
	transition-property:all;
	transition-duration:.2s;
	transition-timing-function:ease-in;
  }
  .top_icon:hover{
	  background:url(../images/top.png) right top no-repeat #fff;
  }
.visit-website{
	color:#333;
}
.visit-website:hover{
	color:#1086BD;
}
.small{
	font-size:13px;
	padding:5px 10px;
}
/*-------------------------------------------------------------------------------------------*/

.processing_msg{
	color:#0C5298;
}
.err_msg{
	color:#1086BD;
}
.success_msg{
	color:#84AA35;
}
.address_area{width:50%; text-align:left;}
.left_area{border-left:1px dashed #ddd; padding-left:20px;}

.ripple{
	text-decoration:none;
	color:#eee;
	}
.ripple:hover{
	color:#11B1FF;
}

.leftinq{
	width:49%;
	float:left;
}

.rightinq{
	width:49%;
	float:right;
	padding-left:10px;
}
.leftdata{
	width:30%;
	float:left;
}
.rightdata{
	width:70%;
	float:right;
}
.inputbx{
	border:1px solid #ccc;
	padding:2px 5px;
	width:100%;
}
.lgoods{
	width:33%;
	float:left;
}
.mgoods{
	width:33%;
	float:left;
}
.rgoods{
	width:33%;
	float:left;
}
.leftgoods{
	width:60%;
	float:left;
}
.rightgoods{
	width:40%;
	float:left;
}
s