.top-wrapper{
	width: 100%;
	height: 500px;
	background: url(../images/merchants-pic1.jpg) center no-repeat;
}
.tab-container {
	width: 100%;
	max-width: 1920px;
	height: 60px;
	background: #f5f5f5;
	text-align: center;
	margin: 0 auto;
}
.tab-container .tab-l{
	float: left;
	height: 60px;
	color: #666666;
	font-size: 0;
}
.tab-container .tab-l .text {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 60px;
	padding: 0 21px;
}
.tab-container .tab-r {
	width: 340px;
	height: 60px;
	font-size: 14px;
	color: #fff;
	background: #4f0000;
	float: right;
	line-height: 60px;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
.wrapper1 .text-box {
	margin-top: 72px;
}
.wrapper1 .text-box .p1 {
	font-size: 30px;
	color: #1b1a1b;
	text-align: center;
}
.wrapper1 .text-box .p2 {
	font-size: 14px;
	color: #666666;
	text-align: center;
	line-height: 1.5;
	height: 32px;
}
.wrapper1 .text-box .pic-l {
	float: left;
	margin-top: 30px;
}
.wrapper1 .text-box .pic-r {
	float: right;
	margin-top: 30px;
}
.wrapper2 {
	width: 100%;
	max-width: 1920px;
	height: 692px;
	margin: 100px auto 0;
	background: url('../images/merchants-pic4.jpg') #f3f3f4 center no-repeat;
}
.wrapper2 .pic1 {
	position: absolute;
	top: 190px;
}
.wrapper2 .pic2 {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -214px;
}
.wrapper2 .text-box {
	position: absolute;
	top: 215px;
	left: 410px;
	width: 330px;
	height: 240px;
}
.wrapper2 .text-box .p1 {
	font-size: 30px;
	color: #4f0000;
	line-height: 1.5;
}
.wrapper2 .text-box .p2 {
	font-size: 24px;
	color: #4f0000;
	line-height: 1.5;
}
.wrapper2 .text-box .p3 {
	font-size: 14px;
	color: #1b1a1b;
	line-height: 1.5;
}
.wrapper2 .desc-box {
	position: absolute;
	top: 192px;
	right: 0;
	width: 395px;
	height: 270px;
}
.wrapper2 .desc-box .line {
	height: 72px;
	margin-bottom: 15px;
}
.wrapper2 .desc-box .line .text-l {
	height: 72px;
	background: #605d5c;
	color: #fff;
	font-size: 16px;
	float: right;
	margin-right: 12px;
}
.wrapper2 .desc-box .line .t1 {
	width: 106px;
	text-align: center;
	box-sizing: border-box;
	line-height: 72px;
}
.wrapper2 .desc-box .line .t2 {
	width: 154px;
	padding: 13px 36px 0 38px;
	box-sizing: border-box;
	line-height: 1.3;
}
.wrapper2 .desc-box .line .t3 {
	width: 203px;
	padding: 15px 28px 0 22px;
	box-sizing: border-box;
	line-height: 1.3;
}
.wrapper2 .desc-box .line .t4 {
	width: 250px;
	text-align: center;
	box-sizing: border-box;
	line-height: 72px;
}
.wrapper2 .desc-box .line .t5 {
	width: 280px;
	text-align: center;
	line-height: 72px;
}
.wrapper2 .desc-box .line .text-r {
	height: 72px;
	width: 90px;
	background: #9f7b39;
	line-height: 72px;
	text-align: center;
	float: right;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.wrapper3 {
	width: 100%;
	height: 673px;
	margin: 0 auto;
	background: url('../images/merchants-pic11.jpg') center no-repeat;
}
.wrapper4 {
	width: 100%;
	height: 645px;
	margin: 0 auto;
	background: url('../images/merchants-pic9.jpg') center no-repeat;
	overflow: hidden;
}
.wrapper4 .pic1 {
	display: block;
	margin: 70px auto 45px;

}
.wrapper4 .container .icon22 {
	position: absolute;
	top: 430px;
	left: 905px;
}
.wrapper4 .container .icon21 {
	position: absolute;
	top: 430px;
	left: 581px;
}
.wrapper4 .container .icon20 {
	position: absolute;
	top: 430px;
	left: 260px;
}
.wrapper4 .container .icon19 {
	position: absolute;
	top: 354px;
	left: 117px;
}
.wrapper4 .container .icon18 {
	position: absolute;
	top: 354px;
	left: 1076px;
}
.wrapper4 .container .icon17 {
	position: absolute;
	top: 207px;
	left: 1076px;
}
.wrapper4 .container .icon16 {
	position: absolute;
	top: 139px;
	left: 905px;
}
.wrapper4 .container .icon15 {
	position: absolute;
	top: 139px;
	left: 581px;
}
.wrapper4 .container .icon14 {
	position: absolute;
	top: 282px;
	left: 260px;
}
.wrapper4 .container .icon13 {
	position: absolute;
	top: 139px;
	left: 260px;
}
.wrapper4 .container .icon12 {
	position: absolute;
	top: 213px;
	left: 677px;
}
.wrapper4 .container .icon11 {
	position: absolute;
	top: 113px;
	left: 0;
}
.wrapper4 .container .icon10 {
	position: absolute;
	top: 113px;
	left: 322px;
}
.wrapper4 .container .icon9 {
	position: absolute;
	top: 258px;
	left: 322px;
}
.wrapper4 .container .icon8 {
	position: absolute;
	top: 113px;
	left: 646px;
}
.wrapper4 .container .icon7 {
	position: absolute;
	top: 113px;
	left: 968px;
}
.wrapper4 .container .icon6 {
	position: absolute;
	top: 258px;
	left: 968px;
}
.wrapper4 .container .icon5 {
	position: absolute;
	top: 408px;
	left: 968px;
}
.wrapper4 .container .icon4 {
	position: absolute;
	top: 408px;
	left: 646px;
}
.wrapper4 .container .icon3 {
	position: absolute;
	top: 408px;
	left: 322px;
}
.wrapper4 .container .icon2 {
	position: absolute;
	top: 408px;
	left: 0;
}
.wrapper4 .container .icon1 {
	position: absolute;
	top: 258px;
	left: 0;
}
/*animate begining*/
.tr10 {
	-webkit-animation: tr-10 1s 0s 1;
	        animation: tr-10 1s 0s 1;
}
.tr9 {
	-webkit-animation: tr-9 3.7s 0s 1;
	        animation: tr-9 3.7s 0s 1;
}
.tr8 {
	-webkit-animation: tr-8 1.3s 0s 1;
	        animation: tr-8 1.3s 0s 1;
}
.tr7 {
	-webkit-animation: tr-7 1.6s 0s 1;
	        animation: tr-7 1.6s 0s 1;
}
.tr6 {
	-webkit-animation: tr-6 1.9s 0s 1;
	        animation: tr-6 1.9s 0s 1;
}
.tr5 {
	-webkit-animation: tr-5 2.2s 0s 1;
	        animation: tr-5 2.2s 0s 1;
}
.tr4 {
	-webkit-animation: tr-4 2.5s 0s 1;
	        animation: tr-4 2.5s 0s 1;
}
.tr3 {
	-webkit-animation: tr-3 2.8s 0s 1;
	        animation: tr-3 2.8s 0s 1;
}
.tr2 {
	-webkit-animation: tr-2 3.11s 0s 1;
	        animation: tr-2 3.1s 0s 1;
}
.tr1 {
	-webkit-animation: tr-1 3.4s 0s 1;
	        animation: tr-1 3.4s 0s 1;
}
@-webkit-keyframes tr-10{
	from {
		left: 0;
		top: 113px;
	}
	to{
		left: 322px;
		top: 113px;
	}
}
@keyframes tr-10{
	from {
		left: 0;
		top: 113px;
	}
	to{
		left: 322px;
		top: 113px;
	}
}
@-webkit-keyframes tr-9{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	50%{
		top: 408px;
		left: 968px;
	}
	80%{
		top: 408px;
		left: 0;
	}
	90%{
		top: 258px;
		left: 0;
	}
	100%{
		top: 258px;
		left: 322px;
	}
}
@keyframes tr-9{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	50%{
		top: 408px;
		left: 968px;
	}
	80%{
		top: 408px;
		left: 0;
	}
	90%{
		top: 258px;
		left: 0;
	}
	100%{
		top: 258px;
		left: 322px;
	}
}
@-webkit-keyframes tr-8{
	from {
		left: 0;
		top: 113px;
	}
	to{
		left: 646px;
		top: 113px;
	}
}
@keyframes tr-8{
	from {
		left: 0;
		top: 113px;
	}
	to{
		left: 646px;
		top: 113px;
	}
}
@-webkit-keyframes tr-7{
	from {
		left: 0;
		top: 113px;
	}
	to{
		left: 968px;
		top: 113px;
	}
}
@keyframes tr-7{
	from {
		left: 0;
		top: 113px;
	}
	to{
		left: 968px;
		top: 113px;
	}
}
@-webkit-keyframes tr-6{
	0% {
		left: 0;
		top: 113px;
	}
	60%{
		left: 968px;
		top: 113px;
	}
	100%{
		top: 258px;
		left: 968px;
	}
}
@keyframes tr-6{
	0% {
		left: 0;
		top: 113px;
	}
	60%{
		left: 968px;
		top: 113px;
	}
	100%{
		top: 258px;
		left: 968px;
	}
}
@-webkit-keyframes tr-5{
	0% {
		left: 0;
		top: 113px;
	}
	60%{
		left: 968px;
		top: 113px;
	}
	100%{
		top: 408px;
		left: 968px;
	}
}
@keyframes tr-5{
	0% {
		left: 0;
		top: 113px;
	}
	60%{
		left: 968px;
		top: 113px;
	}
	100%{
		top: 408px;
		left: 968px;
	}
}
@-webkit-keyframes tr-4{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	60%{
		top: 408px;
		left: 968px;
	}
	100%{
		top: 408px;
		left: 646px;
	}
}
@keyframes tr-4{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	60%{
		top: 408px;
		left: 968px;
	}
	100%{
		top: 408px;
		left: 646px;
	}
}
@-webkit-keyframes tr-3{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	60%{
		top: 408px;
		left: 968px;
	}
	100%{
		top: 408px;
		left: 322px;
	}
}
@keyframes tr-3{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	60%{
		top: 408px;
		left: 968px;
	}
	100%{
		top: 408px;
		left: 322px;
	}
}
@-webkit-keyframes tr-2{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	60%{
		top: 408px;
		left: 968px;
	}
	100%{
		top: 408px;
		left: 0;
	}
}
@keyframes tr-2{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	60%{
		top: 408px;
		left: 968px;
	}
	100%{
		top: 408px;
		left: 0;
	}
}
@-webkit-keyframes tr-1{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	50%{
		top: 408px;
		left: 968px;
	}
	80%{
		top: 408px;
		left: 0;
	}
	100%{
		top: 258px;
		left: 0;
	}
}
@keyframes tr-1{
	0% {
		left: 0;
		top: 113px;
	}
	40%{
		left: 968px;
		top: 113px;
	}
	50%{
		top: 408px;
		left: 968px;
	}
	80%{
		top: 408px;
		left: 0;
	}
	100%{
		top: 258px;
		left: 0;
	}
}
/*animate end*/
.wrapper5 {
	width: 100%;
	height: 706px;
	overflow: hidden;
}
.wrapper5 .pic1 {
	display: block;
	margin: 52px auto 0;
}
.wrapper5 .pic-box {
	margin-top: 36px;
}
.wrapper5 .pic-box .pic-list {
	float: left;
	margin: 0 10px 14px 0;
	width: 292px;
	height: 225px;
}
.wrapper5 .pic-box .pic-list:nth-child(4n) {
	margin: 0 0 14px 0;
}
.wrapper5 .pic-box .text-box {
	background: #4f0000;
}
.wrapper5 .pic-box .text-box .p1 {
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	margin-top: 42px;
}
.wrapper5 .pic-box .text-box .p2 {
	font-size: 14px;
	color: #ffffff;
	padding: 16px 19px 0;
	line-height: 1.5;
}
.wrapper6 {
	width: 100%;
	height: 706px;
	overflow: hidden;
	background: #f5f5f5;
}
.wrapper6 .pic1 {
	display: block;
	margin: 32px auto 0;
}
.wrapper6 .pic-box {
	margin-top: 30px;
}
.wrapper6 .pic-box .pic-list {
	float: left;
	margin: 0 10px 14px 0;
	width: 390px;
	height: 255px;
}
.wrapper6 .pic-box .pic-list:nth-child(3n) {
	margin: 0 0 14px 0;
}
.wrapper7 {
	width: 100%;
	height: 828px;
	background: url('../images/merchants-pic25.jpg') center no-repeat;
	overflow: hidden;
}
.wrapper7 .pic1 {
	display: block;
	margin: 75px auto 0;
}
.wrapper7 .text-box {
	position: absolute;
	top: 222px;
	left: 0;
}
.wrapper7 .text-box .p1 {
	font-size: 30px;
	color: #252525;
	font-weight: lighter;
	line-height: 1.5;
}
.wrapper7 .text-box .p2 {
	font-size: 14px;
	color: #252525;
	font-weight: bold;
	line-height: 1.5;
}
.wrapper7 .text-box .p3 {
	font-size: 48px;
	color: #4f0000;
	font-weight: bold;
}
.wrapper8 {
	width: 100%;
	height: 593px;
	background: #f5f5f5;
	overflow: hidden;
}
.wrapper8 .pic1 {
	display: block;
	margin: 65px auto 0;
}
.wrapper8 .form-box {
	width: 1000px;
	margin: 0 auto;
}
.wrapper8 .form-box .mess-box {
	width: 338px;
	height: 28px;
	outline: none;
	border: 1px solid #c4c4c4;
	font-size: 14px;
}
.wrapper8 .form-box .sex-type {
	outline: none;
}
.wrapper8 .form-box .required {
	color: #f50000;
}
.wrapper8 .form-box .line {
	margin-top: 15px;
}
.wrapper8 .form-box .text {
	font-size: 14px;
	color: #000;
	display: inline-block;
	width: 75px;
}
.wrapper8 .form-box .call {
	color: #626262;
}
.wrapper8 .form-box .pic2 {
	display: block;
	margin: 46px auto 0;
}
.wrapper8 .form-box .tip {
	font-size: 13px;
	color: #313131;
	text-align: center;
	margin-top: 74px;
}
.wrapper8 .form-box .submit {
	display: block;
	margin: 17px auto 0;
	width: 153px;
	height: 40px;
	background: #4f0000;
	font-size: 19px;
	border: 0;
	color: #fff;
	line-height: 40px;
}
.wrapper8 .form-box .submit:hover {
	cursor: pointer;
}
.wrapper8 .form-box .form-l {
	width: 500px;
	float: left;
	margin-top: 25px;
}
.wrapper8 .form-box .form-r {
	width: 500px;
	float: right;
	text-align: right;
	margin-top: 25px;
}