html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
input,
a,
figure,
figcaption {
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

fieldset,
img {
	border: none;
}

img {
	display: block;
	width: 100%;
	font-size: 0px;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ul,
ol,
li {
	list-style: none;
}

input::-moz-focus-inner {
	border: none;
	padding: 0px;
}

select,
input {
	vertical-align: middle;
	display: block;
}

select,
input,
textarea {
	font-size: 13px;
	margin: 0px;
	font-family: 'Arial';
}

input[type="text"],
input[type="password"],
textarea {
	outline-style: none;
	-webkit-appearance: none;
	outline: none;
}

button {
	outline: none;
}

textarea {
	resize: none;
	overflow: hidden;
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}

table {
	border-collapse: collapse;
}

.clearit {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
}

header,
div,
nav,
li,
input,
section,
figure,
table,
select,
figcaption,
footer,
td,
p,
a,
img {
	box-sizing: border-box;
}

.clearit {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
}

a {
	text-decoration: none;
}

body,
html {
	/*font-size: 20px*/
	text-transform: uppercase;
	background: url(../images/body.png) no-repeat center 0 #e20000;
	margin: 0 auto;
	max-width: 640px;
	background-size: 100%;
}

body {}

.banner {
	max-width: 640px;
}

.banner img {
	position: relative;
	z-index: 1;
}

.banner .bn_p1 {
	margin: 1rem auto 0.5rem auto;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	/*animation-iteration-count: infinite;*/
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}
	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px)
	}
	80% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.banner .bn_p2 {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	/*animation-iteration-count: infinite;*/
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px)
	}
	30% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.form {
	background: rgba(255, 255, 255, 0.9);
	width: 87.5%;
	position: relative;
	z-index: 3;
	margin: -27.5% auto 0 auto;
}

.form p {
	font-size: 0.75rem;
	text-align: center;
	padding: 1.5rem;
	line-height: 1.3;
}

.form p span {
	display: block;
	margin: 0 auto;
	font-size: 1.7rem;
	font-weight: bold;
}

.form ul {
	width: 75%;
	margin: 0 auto;
	padding-bottom: 1rem;
}

.form li {
	height: 2.5rem;
	margin-bottom: 1.2rem;
	background: #fff;
	width: 100%;
}

.form li span {
	display: block;
	float: left;
	width: 30%;
	text-align: center;
	line-height: 2.5rem;
	font-size: 1.2rem;
}

.form li input,
.form li b {
	width: 70%;
	float: left;
	border: none;
	height: 2.5rem;
	font-size: 1rem;
	color: #666;
	line-height: 2.5rem;
}

.form li b {
	font-weight: normal;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTEyNzE3NTg1Mzk3IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc1NTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg4MS4yNTQgNTEybC01MjUuNzIyLTQ5Mi43NDl2OTg1LjQ5OGw1MjUuNzIyLTQ5Mi43NDl6IiBwLWlkPSI3NTUxIiBmaWxsPSIjY2NjY2NjIj48L3BhdGg+PC9zdmc+) no-repeat 97% center;
	background-size: .9rem;
}

.form ul a {
	display: block;
	margin: 1rem auto;
	width: 80%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	background: #333;
	border-radius: 25px;
}

.cont1 h3 {
	font-size: 1.5rem;
	text-align: center;
	line-height: 4;
	padding-top: 0.5rem;
	color: #fff;
}

.cont1 h3 i {
	font-style: normal;
	color: #f0ff00;
}

.cont1 .l,
.cont1 .r {
	width: 50%;
	float: left;
}

.cont1 .zylist {
	width: 87.5%;
	margin: 0 auto;
}

.cont1 .zy {
	width: 100%;
	float: left;
	margin: 0.25rem 0;
	background: #fff;
	position: relative;
}

.cont1 .zy div,
.cont1 .zy p {
	width: 50%;
	float: left;
}

.cont1 .zy a {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: url(../images/go.png) no-repeat center center #e20000;
	background-size: 62.5% 62.5%;
	margin-left: -2rem;
	margin-top: -2rem;
	box-shadow: .2rem 0px .2rem #404040;
}

.cont1 .zyr a {
	box-shadow: -0.2rem 0px .2rem #404040;
}

.cont1 .zyr div {
	float: right;
}

.cont1 .zy p {
	font-size: 1.2rem;
	color: #000;
	padding-top: 1.8rem;
}

.cont1 .zy span {
	display: block;
	color: #333;
	font-size: 1rem;
	padding-top: .8rem;
}

.cont1 .zy span b {
	color: #e20000;
}

.cont1 .zyl p {
	padding-left: 2.4rem;
	padding-right: .4rem;
}

.cont1 .zyr p {
	padding-left: .4rem;
	padding-right: 2.2rem;
}

.cont1 .bz {
	font-size: 1.1rem;
	color: #fff;
	width: 87.5%;
	margin: 1.5rem auto 2.5rem auto;
	text-align: justify;
}

.cont2 {
	width: 100%;
	padding: 3rem 1rem;
	text-align: center;
	height: auto;
	background: url(../images/cf.jpg) no-repeat center center;
}

.cont2 h3 {
	font-size: 1.6rem;
	color: #fff;
	line-height: 1.4;
	padding-bottom: 1rem;
}

.cont2 h3 i {
	font-style: normal;
	color: #f0ff00;
}

.cont2 h3 span {
	display: block;
	font-size: 1.3rem;
	font-weight: normal;
	padding-top: .4rem;
}

.cont2 a {
	display: block;
	width: 50%;
	height: 2.5rem;
	margin: 0 auto;
	color: #000;
	text-align: center;
	line-height: 2.5rem;
	font-size: 1.1rem;
	background: #f0ff00;
}

#LRfloater3 img {
	width: auto;
}

.footer-b {
	background: #fff;
}

@media only screen and (max-width:1920px),
only screen and (max-device-width:640px) {
	body,
	html {
		font-size: 20px
	}
}

@media only screen and (max-width:600px),
only screen and (max-device-width:600px) {
	body,
	html {
		font-size: 18.75px
	}
}

@media only screen and (max-width:540px),
only screen and (max-device-width:540px) {
	body,
	html {
		font-size: 16.88px
	}
}

@media only screen and (max-width:480px),
only screen and (max-device-width:480px) {
	body,
	html {
		font-size: 15px
	}
}

@media only screen and (max-width:414px),
only screen and (max-device-width:414px) {
	body,
	html {
		font-size: 12.94px
	}
}

@media only screen and (max-width:400px),
only screen and (max-device-width:400px) {
	body,
	html {
		font-size: 12.5px
	}
}

@media only screen and (max-width:375px),
only screen and (max-device-width:375px) {
	body,
	html {
		font-size: 11.72px
	}
	.cont1 .zy p {
		padding-top: 1.2rem;
	}
}

@media only screen and (max-width:360px),
only screen and (max-device-width:360px) {
	body,
	html {
		font-size: 11.25px;
	}
}

@media only screen and (max-width:320px),
only screen and (max-device-width:320px) {
	body,
	html {
		font-size: 10px
	}
	.cont1 .zy p {
		padding-top: 1.2rem;
	}
}

.cont1 ul {
	width: 87.5%;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.9);
	padding: .5rem 1% .2rem 1%;
}

.cont1 ul li {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	color: #333;
	background: rgba(255, 255, 255, 1);
	margin-bottom: 1px;
}

.cont1 ul .t {
	background: none;
	font-weight: bold;
	height: 2.5rem;
	line-height: 2.5rem;
}

.cont1 ul li span {
	display: inline-block;
	width: 22%;
	text-align: center;
}

.cont1 ul li .last {
	width: 34%;
}

.cont1 ul a {
	display: block;
	margin: 1rem auto;
	width: 58%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	background: #333;
	border-radius: 25px;
}