@charset "utf-8";

/* CSS Document */

html {

	font-size: 62.5%;
	/* 10÷16=62.5% */

}

* {
	word-wrap: break-word;
}

body {

	font-size: 12px;

	font-size: 1.2rem;
	/* 12÷10=1.2 */

	overflow-x: hidden;

	background-repeat: no-repeat;

	background-size: cover;

}

body,
html {
	font-family: "微软雅黑";
	min-width: 320px;
	margin: 0px;
	padding: 0px;
}

ul,
ul li,
dl,
dl dt,
dl dd {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.f_faminly {
	font-family: "微软雅黑";
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearboth {
	clear: both;
}

.bigzm {
	text-transform: uppercase;
}

.b_cursor {
	border: 0px;
	cursor: pointer;
}

a,
a:hover {
	text-decoration: none;
}

input {
	outline: 0;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */

	color: #888888;

}



::-moz-placeholder {
	/* Mozilla Firefox 19+ */

	color: #888888;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

	color: #888888;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

	color: #888888;

}

.zxl_div1 {
	width: 1000px;
	margin: 0px auto;
}

.zxl_div1_t {
	width: 100%;
	padding-bottom: 20px;
}

.zxl_div1_t li {
	width: 50%;
	float: left;
	text-align: center;
}

.zxl_div1_t li a {
	width: 43%;
	height: 45px;
	line-height: 45px;
	background-color: #666666;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	overflow: hidden;
	-moz-border-radius: 30px;
	/* Gecko browsers */

	-webkit-border-radius: 30px;
	/* Webkit browsers */

	border-radius: 30px;
	/* W3C syntax */
}

.zxl_div1_t li a:hover,
.zxl_div1_t li a.activezs {
	text-decoration: none;
	color: #fff;
	background-color: #d8a160;
}

.zxl_div1_c {
	width: 90%;
	background-color: #eff2f4;
	-moz-border-radius: 15px;
	/* Gecko browsers */

	-webkit-border-radius: 15px;
	/* Webkit browsers */

	border-radius: 15px;
	/* W3C syntax */
	padding: 30px 5%;
	color: #333333;
	font-size: 16px;
}

.zxl_div1_con {
	width: 100%;
	display: none;
}

.zxl_div1_con li {
	width: 100%;
	float: left;
	padding: 10px 0px;
}

.zxl_div1_con li .s1 {
	width: 10%;
	height: 5vmin;
	line-height: 5vmin;
	overflow: hidden;
}

.zxl_div1_con li .s2 {
	width: 50%;
	height: 5vmin;
}

.zxl_div1_con li .s2 .ipt1 {
	width: 87%;
	height: 5vmin;
	border: 0px;
	line-height: 5vmin;
	background-color: #fff;
	-moz-border-radius: 5px;
	/* Gecko browsers */

	-webkit-border-radius: 5px;
	/* Webkit browsers */

	border-radius: 5px;
	/* W3C syntax */
	color: #999999;
	font-size: 14px;
	text-indent: 20px;
	font-family: "微软雅黑";
}

.zxl_div1_con li .s3 {
	width: 30%;
	height: 5vmin;
}

.zxl_div1_con li .s3 .ipt2 {
	width: 100%;
	height: 5vmin;
	border: 0px;
	line-height: 5vmin;
	background-color: #fff;
	-moz-border-radius: 5px;
	/* Gecko browsers */

	-webkit-border-radius: 5px;
	/* Webkit browsers */

	border-radius: 5px;
	/* W3C syntax */
	color: #999999;
	font-size: 14px;
	text-indent: 20px;
	font-family: "微软雅黑";
}



.zxl_div1_con li .s4 {
	width: 90%;
	height: 5vmin;
}

.zxl_div1_con li .s5 {
	width: 100%;
}

.zxl_div1_con li .s5 dd {
	width: 14.28%;
	float: left;
	height: 5vmin;
	line-height: 5vmin;
}

.zxl_div1_con li .s5 dd .lable {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}

.zxl_div1_con li .s6 {
	width: 90%;
	margin-left: 10%;
}

.zxl_div1_con li .s6 .ipt3 {
	width: 100%;
	height: 5vmin;
	border: 0px;
	line-height: 5vmin;
	background-color: #fff;
	-moz-border-radius: 5px;
	/* Gecko browsers */

	-webkit-border-radius: 5px;
	/* Webkit browsers */

	border-radius: 5px;
	/* W3C syntax */
	color: #999999;
	font-size: 14px;
	text-indent: 20px;
	font-family: "微软雅黑";
}



.zxl_div1_con li .s7 {
	width: 100%;
}

.zxl_div1_con li .s7 dd {
	width: 20%;
	float: left;
	height: 5vmin;
	line-height: 5vmin;
}

.zxl_div1_con li .s7 dd .lable {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}



.zxl_div1_con li .s8 {
	width: 100%;
	padding-top: 40px;
	text-align: center;
}

.zxl_div1_con li .s8 .ipt4 {
	width: 42%;
	height: 55px;
	text-decoration: none;
	border: 0px;
	line-height: 55px;
	background-color: #d8a160;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	color: #fff;
	font-size: 18px;
	-moz-border-radius: 5px;
	/* Gecko browsers */

	-webkit-border-radius: 5px;
	/* Webkit browsers */

	border-radius: 5px;
	/* W3C syntax */
	cursor: pointer;
}



.zxl_pf {
	width: 100%;
	background: url(images/bg_01.png) bottom center no-repeat;
	position: fixed;
	z-index: 1;
	left: 0px;
	bottom: 0px;
}

.zxl_pf_c {
	width: 1200px;
	margin: 0px auto;
}

.zxl_pf_c .s1 {
	width: 15%;
	display: inline-block;
	overflow: hidden;
}

.zxl_pf_c .s1 img {
	width: 100%;
}

.zxl_pf_c .s2 {
	width: 85%;
}

.zxl_pf_c .s3 {
	width: 100%;
	text-align: right;
}

.zxl_pf_c .s3 img {
	width: 32px;
	height: 32px;
}

.zxl_pf_c .s4 {
	width: 100%;
	padding-top: 70px;
}

.zxl_pf_c .s4_l {
	width: 75%;
	height: 126px;
	line-height: 126px;
	font-size: 50px;
	font-weight: bold;
	color: #fff;
}

.zxl_pf_c .s4_r {
	width: 25%
}

.zxl_pf_c .s4_r img {
	width: 50%;
}



.zxl_pf1 {
	width: 100%;
	background: url(images/bg_01.png) bottom center no-repeat;
	position: fixed;
	z-index: 10000000;
	left: 0px;
	bottom: 0px;
}

.zxl_pf_c1 {
	width: 1200px;
	margin: 0px auto;
}

.zxl_pf_c1 .s1 {
	width: 100%;
	text-align: center;
	position: relative;
}

.zxl_pf_c1 .s1 .s3 {
	width: 100%;
	text-align: center;
}

.zxl_pf_c1 .s1 .s3 a {
	width: 100%;
	display: inline-block;
}

.zxl_pf_c1 .s1 .s3 a:hover {
	text-decoration: none;
}

.zxl_pf_c1 .s1 .s3 img {
	max-width: 100%;
}

.zxl_pf_c1 .s1 .s2 {
	width: 45px;
	height: 48px;
	position: absolute;
	right: 30px;
	top: 90px;
}

.zxl_pf_c1 .s1 .s2 img {
	width: 45px;
	height: 48px;
}



.zxl_pf_c1 .s1 .s4 {
	width: 45px;
	height: 48px;
	position: fixed;
	left: 60%;
	margin-left: 530px;
	bottom: 40px;
	display: none;
}

.zxl_pf_c1 .s1 .s4 img {
	width: 45px;
	height: 48px;
}



.arrowGo {

	animation: arrowGo 2.5s infinite;

	-webkit-animation: arrowGo 2.5s infinite;

}



@-webkit-keyframes arrowGo {

	0% {

		-webkit-transform: translate(0, 30%);

	}

	50% {

		-webkit-transform: translate(0, 0%);

	}

	100% {

		-webkit-transform: translate(0, 30%);

	}

}

@keyframes arrowGo {

	0% {

		transform: translate(0, 30%);

	}

	50% {

		transform: translate(0, 0%);

	}

	100% {

		transform: translate(0, 30%);

	}

}









@media screen and (min-width:0px) and (max-width:767px) {

	.zxl_div1 {
		width: 100%;
		padding: 0px;
	}

	.zxl_div1_t {
		padding: 0px;
	}

	.zxl_div1_t li a {
		width: 100%;
		height: 10vmin;
		line-height: 10vmin;
		background-color: #666666;
		color: #fff;
		font-size: 4vmin;
		-moz-border-radius: 0px;
		/* Gecko browsers */

		-webkit-border-radius: 0px;
		/* Webkit browsers */

		border-radius: 0px;
		/* W3C syntax */
	}

	.zxl_div1_c {
		font-size: 14px;
		padding: 0% 0px 3% 0px;
		width: 100%;
		/* background-color:#fff;*/
	}

	.zxl_div1_con li {
		padding: 0px;
	}

	.zxl_div1_con li .s1 {
		width: 100%;
		height: 40px;
		line-height: 40px;
	}

	.zxl_div1_con li .s2 {
		width: 100%;
		height: 40px;
	}

	.zxl_div1_con li .s2 .ipt1 {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 13px;
		text-indent: 10px;
		background-color: #fff;
		color: #ababab;
		-moz-border-radius: 0px;
		/* Gecko browsers */

		-webkit-border-radius: 0px;
		/* Webkit browsers */

		border-radius: 0px;
		/* W3C syntax */
	}

	.zxl_div1_con li .s3 {
		width: 100%;
		height: 40px;
	}

	.zxl_div1_con li .s3 .ipt2 {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 13px;
		text-indent: 10px;
		background-color: #fff;
		color: #ababab;
		-moz-border-radius: 0px;
		/* Gecko browsers */

		-webkit-border-radius: 0px;
		/* Webkit browsers */

		border-radius: 0px;
		/* W3C syntax */
	}



	.zxl_div1_con li .s4 {
		width: 100%;
		height: auto !important;
	}

	.zxl_div1_con li .s5 {
		padding: 5px 0px;
	}

	.zxl_div1_con li .s5 dd {
		width: 33.33%;
		float: left;
		height: 30px;
		line-height: 30px;
	}

	.zxl_div1_con li .s5 dd .lable {
		color: #333333;
		font-size: 13px;
	}

	.zxl_div1_con li .s6 {
		width: 100%;
		margin: 0px;
	}

	.zxl_div1_con li .s6 .ipt3 {
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-indent: 10px;
		font-size: 13px;
		background-color: #fff;
		color: #ababab;
		-moz-border-radius: 0px;
		/* Gecko browsers */

		-webkit-border-radius: 0px;
		/* Webkit browsers */

		border-radius: 0px;
		/* W3C syntax */
	}



	.zxl_div1_con li .s7 {
		padding: 5px 0px;
	}

	.zxl_div1_con li .s7 dd {
		width: 50%;
		float: left;
		height: 30px;
		line-height: 30px;
	}

	.zxl_div1_con li .s7 dd .lable {
		color: #333333;
		font-size: 13px;
	}



	.zxl_div1_con li .s8 .ipt4 {
		width: 100%;
		height: 45px;
		line-height: 45px;
	}



	.zxl_pf {
		width: 100%;
		background: url(images/bg_01.png) bottom center no-repeat;
		background-size: 150%;
	}

	.zxl_pf_c .s3 img {
		width: 25px;
		height: 25px;
	}

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

	.zxl_pf_c .s4 {
		width: 100%;
		padding-top: 10px;
	}

	.zxl_pf_c .s4_l {
		font-size: 18px;
		height: 40px;
		line-height: 40px;
		padding-bottom: 10px;
	}

	.zxl_pf_c .s4_r {
		text-align: center;
	}



	.zxl_pf_c1 {
		width: 90%;
		margin: 0px auto;
		padding: 0px 5%
	}

	.zxl_pf1 {
		width: 100%;
		background: url(images/bg_01.png) bottom center no-repeat;
		background-size: 300%;
	}



	.zxl_pf_c1 .s1 .s2 {
		width: 32px;
		height: 35px;
		position: absolute;
		right: -30px;
		top: 20px;
	}

	.zxl_pf_c1 .s1 .s2 img {
		width: 32px;
		height: 35px;
	}



	.zxl_pf_c1 .s1 .s4 {
		width: 32px;
		height: 35px;
		right: 10px;
		left: auto;
		top: auto;
		bottom: 20px;
		margin: 0px;
	}

	.zxl_pf_c1 .s1 .s4 img {
		width: 32px;
		height: 35px;
	}



}

@media screen and (min-width:768px) and (max-width:1001px) {

	.zxl_div1 {
		width: 94%;
		padding: 0px 3%
	}

	.zxl_pf {
		width: 100%;
		background: url(images/bg_01.png) bottom center no-repeat;
		background-size: 150%;
	}

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

	.zxl_pf_c .s4 {
		width: 100%;
		padding-top: 50px;
	}

	.zxl_pf_c .s4_l {
		font-size: 30px;
		height: 80px;
		line-height: 80px;
	}



	.zxl_pf_c1 {
		width: 90%;
		margin: 0px auto;
		padding: 0px 5%
	}



	.zxl_pf_c1 .s1 .s2 {
		width: 45px;
		height: 48px;
		position: absolute;
		right: -50px;
		top: 50px;
	}

	.zxl_pf_c1 .s1 .s2 img {
		width: 45px;
		height: 48px;
	}



	.zxl_pf_c1 .s1 .s4 {
		width: 45px;
		height: 48px;
		right: 20px;
		left: auto;
		top: auto;
		bottom: 20px;
		margin: 0px;
	}

	.zxl_pf_c1 .s1 .s4 img {
		width: 45px;
		height: 48px;
	}

}

@media screen and (min-width:1001px) and (max-width:1201px) {

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

	.zxl_pf_c .s4 {
		width: 100%;
		padding-top: 20px;
	}

	.zxl_pf_c .s4_l {
		font-size: 30px;
	}



	.zxl_pf_c1 {
		width: 92%;
		margin: 0px auto;
		padding: 0px 4%
	}

	.zxl_pf_c1 .s1 .s2 {
		width: 45px;
		height: 48px;
		position: absolute;
		right: -40px;
		top: 90px;
	}

	.zxl_pf_c1 .s1 .s2 img {
		width: 45px;
		height: 48px;
	}



	.zxl_pf_c1 .s1 .s4 {
		width: 45px;
		height: 48px;
		right: 30px;
		left: auto;
		top: auto;
		bottom: 20px;
		margin: 0px;
	}

	.zxl_pf_c1 .s1 .s4 img {
		width: 45px;
		height: 48px;
	}

}