@charset "utf-8";
@font-face {
	font-family: "helvetica-webfont";
	src: url("fonts/helvetica-webfont.eot");
	src:
		local("☺"),
		url("fonts/helvetica-webfont.eot?#iefix") format("embedded-opentype"),
		url("fonts/helvetica-webfont.woff") format("woff"),
		url("fonts/helvetica-webfont.ttf") format("truetype"),
		url("fonts/helvetica-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

body {
	overflow-y: scroll;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
body,
button,
input,
select,
textarea,
pre {
	font:
		12px/1.5 Arial,
		"sans-serif";
}
input,
select,
textarea {
	font-size: 100%;
}
th {
	text-align: inherit;
}
fieldset,
img {
	border: 0;
}
img {
	vertical-align: top;
	width: 100%;
}
iframe {
	display: block;
}
abbr,
acronym {
	border: 0;
	font-variant: normal;
}
del {
	text-decoration: line-through;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500;
}
ol,
ul {
	list-style: none;
}
caption,
th {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500;
}
a {
	color: #274b01;
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus {
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
input:focus,
textarea:focus,
keygen:focus,
select:focus {
	outline: none;
	outline-offset: 0px;
}
::-webkit-input-placeholder {
	color: #8aa4b6;
}
::-moz-placeholder {
	color: #8aa4b6;
} /* firefox 19+ */
:-ms-input-placeholder {
	color: #8aa4b6;
} /* ie */
input:-moz-placeholder {
	color: #8aa4b6;
}

.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.cf {
	zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.isWap .clear {
	clear: both;
}
.isPc .clear_pc {
	clear: both;
}
.pt40 {
	padding-top: 40px;
}
.mr20 {
	margin-right: 20px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.isPc .mt60 {
	margin-top: 60px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb35 {
	margin-bottom: 35px;
}

@font-face {
	font-family: "iconfont"; /* Project id 2610660 */
	src:
		url("https://at.alicdn.com/t/font_2610660_du20w3223xr.woff2?t=1631763029225") format("woff2"),
		url("https://at.alicdn.com/t/font_2610660_du20w3223xr.woff?t=1631763029225") format("woff"),
		url("https://at.alicdn.com/t/font_2610660_du20w3223xr.ttf?t=1631763029225") format("truetype");
}
em {
	font-style: normal;
}
.iconfont {
	font-family: "iconfont";
}
/* pc 设备 */
html.isPc .wap_box {
	display: none;
}
/* wap 设备 */
/* 媒体查询 */
html.isWap {
	font-size: 50px;
}
html.isWap a:hover {
	text-decoration: none;
}
@media screen and (min-width: 320px) {
	html.isWap {
		font-size: 50px;
	}
}
@media screen and (min-width: 360px) {
	html.isWap {
		font-size: 56px;
	}
}
@media screen and (min-width: 400px) {
	html.isWap {
		font-size: 62px;
	}
}
@media screen and (min-width: 480px) {
	html.isWap {
		font-size: 75px;
	}
}
@media screen and (min-width: 560px) {
	html.isWap {
		font-size: 87px;
	}
}
@media screen and (min-width: 640px) {
	html.isWap {
		font-size: 100px;
	}
}
html.isWap body {
	font-size: 0.24rem;
}
html.isWap .pc_box {
	display: none;
}

.isPc .bdy {
	overflow-x: hidden;
	color: #274b01;
}
.isWap .bdy {
	overflow-x: hidden;
	color: #fff;
}
.isPc body {
	background: #b2eae4 url("../i/banner.png") no-repeat center top;
	background-size: 100%;
}
.isWap body {
	background: #b2eae4 url("../i/wap/banner_w.png") no-repeat center top;
	background-size: 100%;
}

.wrapper {
	display: none;
}
.isPc .wrapper {
	min-width: 1080px;
}
.isPc .w {
	width: 1080px;
	margin: 0px auto;
}

/*isPc header */
.isPc .header {
	width: 1078px;
	margin: 160px auto 115px;
}
.isPc .headerCont {
	width: 1080px;
	height: 210px;
	margin: 0 auto;
	padding: 70px 60px;
	background: rgba(0, 49, 53, 0.28);
	border-radius: 7px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	font-family: Arial, "sans-serif";
	margin-bottom: 60px;
}
.isPc .headerCont p {
	margin-bottom: 25px;
}

.isWap .header {
	width: 90%;
	margin: 1rem auto 0;
}
.isWap .headerCont {
	display: block;
	margin: 0.8rem auto 0.4rem;
	padding: 5%;
	width: 80%;
	background: rgba(0, 49, 53, 0.28);
	border-radius: 4px;
	font-size: 0.2rem;
	line-height: 0.3rem;
}
.isWap .headerCont p {
	margin-bottom: 0.3rem;
}

.isPc .headerMain ul {
	display: block;
	width: 1200px;
	margin: 0 auto 30px;
	height: 380px;
}
.isPc .headerMain ul li {
	position: relative;
}
.isPc .headerMain ul li img {
	border-radius: 5px;
}
.isPc .headerMain li.l1 {
	width: 790px;
	float: left;
}
.isPc .headerMain li.l2 {
	width: 380px;
	float: right;
}
.isPc .headerMain ul li.l1:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 790px;
	height: 380px;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 380px;
	font-size: 24px;
	font-style: normal;
}
.isPc .headerMain ul li.l1 i {
	display: none;
}
.isPc .headerMain ul li.l2:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 380px;
	height: 380px;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 380px;
	font-size: 24px;
	font-style: normal;
}
.isPc .headerMain ul li.l2 i {
	display: none;
}
.isPc .headerMain ul.u2 li {
	width: 380px;
	height: 480px;
	margin-right: 30px;
	float: left;
}
.isPc .headerMain ul.u2 li.mr0 {
	margin-right: 0;
}
.isPc .headerMain ul.u2 li:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 380px;
	height: 480px;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 480px;
	font-size: 24px;
	font-style: normal;
}
.isPc .headerMain ul.u2 li i {
	display: none;
}
.isPc .headerMain li.l3 {
	width: 380px;
	float: left;
}
.isPc .headerMain ul.u2 {
	height: 480px;
	overflow: hidden;
	margin-bottom: 30px;
}
.isPc .headerMain li.l4 {
	width: 790px;
	float: right;
}
.isPc .headerMain ul li.l3:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 380px;
	height: 380px;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 380px;
	font-size: 24px;
	font-style: normal;
}
.isPc .headerMain ul li.l3 i {
	display: none;
}
.isPc .headerMain ul li.l4:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 790px;
	height: 380px;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 380px;
	font-size: 24px;
	font-style: normal;
}
.isPc .headerMain ul li.l4 i {
	display: none;
}
.isPc .headerMain ul.u3 {
	height: 380px;
	overflow: hidden;
	margin-bottom: 30px;
}
.isPc .headerMain ul.u3 li:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1200px;
	height: 380px;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 380px;
	font-size: 24px;
	font-style: normal;
}
.isPc .headerMain ul.u3 li i {
	display: none;
}
.isPc .box8 {
	background: url("../i/p20.png") no-repeat center bottom;
	background-size: 100%;
	width: 100%;
	padding-top: 115px;
	height: 145px;
}
.isPc .lBox {
	height: 145px;
	text-align: center;
	font-size: 20px;
	color: #035851;
	font-family: Arial, "sans-serif";
}

.isWap .headerMain ul {
	display: block;
	width: 90%;
	margin: 0 auto 0.3rem;
	height: 0.4rem;
}
.isWap .headerMain ul li {
	position: relative;
}
.isWap .headerMain ul li img {
	border-radius: 5px;
}
.isWap .headerMain li.l1 {
	width: 65%;
	float: left;
}
.isWap .headerMain li.l2 {
	width: 31%;
	float: right;
}
.isWap .headerMain ul li.l1:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 60%;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	padding-top: 19%;
	font-size: 0.2rem;
	font-style: normal;
}
.isWap .headerMain ul li.l1 i {
	display: none;
}
.isWap .headerMain ul li.l2:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 61%;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	padding-top: 39%;
	font-size: 0.2rem;
	font-style: normal;
}
.isWap .headerMain ul li.l2 i {
	display: none;
}
.isWap .headerMain ul.u1 {
	overflow: hidden;
	height: 100%;
	margin-bottom: 0.4rem;
}
.isWap .headerMain ul.u2 li {
	width: 31.5%;
	height: 100%;
	margin-right: 2.7%;
	float: left;
}
.isWap .headerMain ul.u2 li.mr0 {
	margin-right: 0;
}
.isWap .headerMain ul.u2 li:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 63%;
	padding-top: 47%;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-size: 0.2rem;
	font-style: normal;
}
.isWap .headerMain ul.u2 li i {
	display: none;
}
.isWap .headerMain li.l3 {
	width: 31%;
	float: left;
}
.isWap .headerMain ul.u2 {
	height: 100%;
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.isWap .headerMain li.l4 {
	width: 65%;
	float: right;
}
.isWap .headerMain ul li.l3:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 59.5%;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	padding-top: 40.2%;
	font-size: 0.2rem;
	font-style: normal;
}
.isWap .headerMain ul li.l3 i {
	display: none;
}
.isWap .headerMain ul li.l4:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 58%;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	padding-top: 20.2%;
	font-size: 0.2rem;
	font-style: normal;
}
.isWap .headerMain ul li.l4 i {
	display: none;
}
.isWap .headerMain ul.u3 {
	height: 100%;
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.isWap .headerMain ul.u3 li:hover i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 59.5%;
	padding-top: 12.8%;
	background: rgba(0, 49, 53, 0.8);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-size: 0.2rem;
	font-style: normal;
}
.isWap .headerMain ul.u3 li i {
	display: none;
}
.isWap .box8 {
	background: url("../i/wap/p20_w.png") no-repeat center bottom;
	background-size: 100%;
	width: 100%;
	padding-top: 20.2%;
	height: 50%;
}
.isWap .lBox {
	height: 1.8rem;
	text-align: center;
	font-size: 0.26rem;
	color: #035851;
	font-family: Arial, "sans-serif";
}