#sale{
	width: 100%;
	min-width: 1200px;
	position: relative;
	min-height: 620px;
	height: 720px;
	margin: 0 auto;
	padding: 0;
	}
#sale_bg{
	width:100%; !important;
	min-width:1200px;
	position:absolute;
	top:0;
	height:620px;
	background:url(../images/sale-bg.jpg) no-repeat center top;
	z-index:-1;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	}
#sale_main_1{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-1.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_2{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-2.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_3{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-3.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_4{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-4.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_5{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-5.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_6{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-6.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_7{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-7.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_8{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-8.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_9{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-9.png) no-repeat right bottom;
	text-align:left;
}
#sale_main_10{
	width:1200px;
	max-height:620px;
	height:620px;
	margin:0 auto;
	background:url(../images/slae-person-10.png) no-repeat right bottom;
	text-align:left;
}
#sale_flag{
	width:280px;
	height:220px;
	float:left;
	margin-top:30px;
	background:url(../images/sale-flag-en.png) no-repeat center top;
	-webkit-animation:swinging 10s ease-in-out 0s infinite;
	-moz-animation:swinging 10s ease-in-out 0s infinite;
	animation:swinging 10s ease-in-out 0s infinite;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
}
@-webkit-keyframes swinging{
	0% { -webkit-transform: rotate(0); }
	5% { -webkit-transform: rotate(10deg); }
	10% { -webkit-transform: rotate(-9deg); }
	15% { -webkit-transform: rotate(8deg); }
	20% { -webkit-transform: rotate(-7deg); }
	25% { -webkit-transform: rotate(6deg); }
	30% { -webkit-transform: rotate(-5deg); }
	35% { -webkit-transform: rotate(4deg); }
	40% { -webkit-transform: rotate(-3deg); }
	45% { -webkit-transform: rotate(2deg); }
	50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { -webkit-transform: rotate(0); }
}

@-moz-keyframes swinging{
	0% { -moz-transform: rotate(0); }
	5% { -moz-transform: rotate(10deg); }
	10% { -moz-transform: rotate(-9deg); }
	15% { -moz-transform: rotate(8deg); }
	20% { -moz-transform: rotate(-7deg); }
	25% { -moz-transform: rotate(6deg); }
	30% { -moz-transform: rotate(-5deg); }
	35% { -moz-transform: rotate(4deg); }
	40% { -moz-transform: rotate(-3deg); }
	45% { -moz-transform: rotate(2deg); }
	50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { -moz-transform: rotate(0); }
}

@keyframes swinging{
	0% { transform: rotate(0); }
	5% { transform: rotate(10deg); }
	10% { transform: rotate(-9deg); }
	15% { transform: rotate(8deg); }
	20% { transform: rotate(-7deg); }
	25% { transform: rotate(6deg); }
	30% { transform: rotate(-5deg); }
	35% { transform: rotate(4deg); }
	40% { transform: rotate(-3deg); }
	45% { transform: rotate(2deg); }
	50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { transform: rotate(0); }
}
#sale_content{
	float:left;
	width:900px;
	min-height:250px;
	overflow:hidden;
	text-align:left;
	}
.sale_domain{
	font-family:sans-serif,Cambria, "\5FAE\8F6F\96C5\9ED1"; 
	/*text-transform:uppercase;*/
	font-weight:bold;
	font-size:50px;
	color:#333333;
	margin-top:65px;
	text-shadow: 4px 4px 0 #ccc;
	}

.sale_mean{
	font-size:16px;
	color:#999999;
	margin-top:10px;
	}
.sale_forsale{
	font-weight:bold;
	font-size:18px;
	color:#333333;
	margin-top:10px;
	}
.sale_price{
	display: inline-block;
	position: relative;
	z-index:10;
	font-size:30px;
	padding:0 5px;
	margin:0 5px;
	}
.sale_price::before {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 50%;
	  background: #ffde01;
	  z-index:-1;
}
#sale_buy{
	font-size:16px;
	color:#008800;
	line-height:30px;
	margin-top:50px;
	float:left;
	width:900px;
	}
#sale_buy span{color:#000000;}
#sale_buy span,#sale_buy a{display:block;float:left;padding: 10px 0 0 20px;font-weight: bold;}
#sale_buy a{
	margin-left:15px;
	color:#ffffff;
	text-decoration:none;
	display: block;
	padding: 5px 15px;
	font-size: 16px;
	border-bottom:solid 3px #ff6600;
	background: linear-gradient(#ff6600 50%, #ff8d08 50%);
    background-size: 100% 200%;
    background-position: 0 100%;
}
#sale_buy a:hover{
	border: hidden;
	border-bottom:solid 3px #ff6600;
	color:#ffffff;
	-webkit-animation: buybtn 0.2s 1;
	background-position: 0 0%;
}
@-webkit-keyframes buybtn{
  	0% {
       background-position: 0 100%;
    }
    100% {
       background-position: 0 0%;
    }
}
#sale_word{
	float:left;
	font-size:36px;
	color:#333333;
	font-weight:bold;
	margin-top:10px;
	width:680px;
	margin-top:50px;
	text-align:center;
	width:750px;
	}
	
.tradeflow{ 
	width:1200px;
	height:220px;
	margin:-120px auto 30px auto;
	}
.tradeflow_box {
	position: relative;
	background: #fff;
	padding: 25px 30px 28px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	margin:0 11px;
	float:left;
	width:218px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	overflow: hidden;
}
.tradeflow_box_title{
	font-size: 40px;
	height:40px;
	line-height:40px;
}
.tradeflow_box_title i{
	font-size: 40px;
	max-width: 50px;
	color: #f60;
	float:left;
	margin-right:10px;
}
.tradeflow_box_title h4{
	font-size: 18px;
	font-weight:bold;
	text-align:left;
	color: #333;
}
.tradeflow_box:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.tradeflow_box.hover-box:hover {
  background: #00387a;
  color: #fff;
}
.tradeflow_box_content{
	font-size:14px;
	margin:10px 0;
	text-align:left;
}
.tradeflow_box_content a{color: #333;text-decoration:none;}
.tradeflow_box_content a:hover,#sale_buy a:active{color: #f60;text-decoration:none; font-weight:bold;}