﻿.commonTitle h1 {
	font-size: .43rem;
	color: #2B2B2B;
	text-align: center;
	padding: 0 .3rem;
	padding-bottom: .29rem;
}

.commonTitle p {
	font-size: .26rem;
	color: #2B2B2B;
	text-align: center;
	padding: 0 .3rem;
}

.commonTitle span {
	font-size: .24rem;
	color: #333;
	text-align: left;
	display: block;
	padding: .6rem;
}

.banner {
	background: url(../images/hdyx/hdyxbanner.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 9.3rem;
	padding-top: .8rem;
	padding-left: 1rem;
}

.banner h1 {
	display: block;
	text-align: left;
	color: #273087;
	font-size: .54rem;
}

.banner p {
	font-size: .2rem;
	color: #273087;
	text-align: left;
	padding-top: .2rem;
}

.banner a {
	display: block;
	width: 1.69rem;
	height: .53rem;
	background: linear-gradient(180deg, #00cfdd, #1c8ef4);
	border-radius: .27rem;
	color: #fff;
	text-align: center;
	line-height: .53rem;
	font-size: .24rem;
	margin-top: .5rem;
}

.CommonBox {
	background: #fff;
	padding: .8rem .7rem;
}

.CommonBox h1 {
	position: relative;
	font-size: .27rem;
	color: #333;
	text-align: center;
	z-index: 2;
	padding: 0 .7rem;
}

.CommonBox h1::before {
	position: absolute;
	content: "01";
	font-size: .8rem;
	background: -webkit-linear-gradient(top, #00c08b, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: -1;
	top: -.7rem;
	left: .5rem;
}

.CommonBox h1::after {
	position: absolute;
	content: "";
	font-size: .8rem;
	background: #00c08b;
	height: .12rem;
	width: 1.71rem;
	z-index: -1;
	bottom: .02rem;
	right: .8rem;
}

.CommonBox small {
	font-size: .12rem;
	color: #999;
	text-align: center;
	padding-bottom: .3rem;
	display: block;
}

.CommonBox p {
	font-size: .2rem;
	color: #666;
	text-align: left;
	padding: 0 .75rem;
}

.partA img {
	height: 4.07rem;
	margin-top: .5rem;
}

.partB {
	background: #F2FCF9;
}

.partC {
	background: #FFF;
}

.partD {
	background: #F2FCF9;
}

.partB h1::before {
	content: "02";
	background: -webkit-linear-gradient(top, #FF8800, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.partC h1::before {
	content: "03";
	background: -webkit-linear-gradient(top, #0080FF, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.partD h1::before {
	content: "04";
	background: -webkit-linear-gradient(top, #F14D33, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.partB h1::after {
	content: "";
	background: #FF8800;
	right: 1.05rem;
}

.partC h1::after {
	content: "";
	background: #0080FF;
	right: 1.05rem;
}

.partD h1::after {
	content: "";
	background: #F14D33;
	right: 1.05rem;
}

.partE {
	padding: .7rem 0;
	background: #FFFBF5;
}

.partEImg {
	text-align: center;
	padding: .5rem 0;
}

.partEImg img {
	height: 1.71rem;
}

.partEUl {
	overflow: hidden;
	padding: 0 .3rem;
}

.partEUl li {
	margin-bottom: .1rem;
	display: block;
	overflow: hidden;
	height: .89rem;
}

.partEUl li span {
	display: block;
	float: left;
	height: .5rem;
	line-height: .5rem;
	background: #00c08b;
	border-radius: .14rem;
	color: #fff;
	font-size: .27rem;
	font-weight: bold;
	text-align: center;
	padding: 0 .3rem;
	margin-right: .3rem;
}

.partEUl li p {
	display: block;
	float: left;
	font-size: .24rem;
	color: #666;

}

.partEImg2 {
	text-align: center;
}

.partEImg2 img {
	height: 6.25rem;
}

.partF {
	padding: .7rem 0;
	background: #f2fcf9;
}

.partFdl {
	overflow: hidden;
	padding: .5rem .3rem;
}

.partFdl dl {
	background: #ffffff;
	border-radius: .09rem;
	box-shadow: 0 .03rem .06rem 0 rgba(0, 0, 0, 0.16);
	display: inline-block;
	width: 100%;
	margin-top: .2rem;
	padding: .1rem .2rem 0 .2rem;
}

.partFdl dl dt {
	float: left;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width: 40%;
}

.partFdl dl dt img {
	height: 1.43rem;
}

.partFdl dl dd {
	width: 60%;
	float: right;
}

.partFdl dl dd h1 {
	font-size: .24rem;
	color: #00C08B;
	font-weight: normal;
	margin-top: .33rem;
	margin-bottom: .1rem;
}

.partFdl dl dd p {
	font-size: .2rem;
	color: #666;
	padding-bottom: .1rem;
}

.partFImg {
	text-align: center;
}

.partFImg img {
	height: 6.8rem;
}

.partG {
	padding: .7rem 0;
	background: #FFFBF5;
}

.partGImg {
	text-align: center;
}

.partGImg img {
	height: 6.28rem;
}

.partH {
	padding: .7rem 0;
	background: #f2fcf9;
}

.partHul {
	overflow: hidden;
	padding: .5rem .7rem;
}

.partHul ul li {
	width: 30%;
	float: left;
	margin-top: .6rem;
	text-align: center;
}

.partHul ul li:nth-child(2) {
	margin: 0 5%;
	margin-top: .6rem;
}

.partHul ul li:nth-child(5) {
	margin: 0 5%;
	margin-top: .6rem;
}

.partHul ul li span {
	display: block;
	text-align: center;
	font-size: .22rem;
	padding: .1rem 0;
	color: #333;
}

.partHul ul li img {
	height: 1.13rem;
}

.partHImg {
	padding-top: .5rem;
	text-align: center;
}

.partHImg img {
	height: 4.95rem;
}

.partI {
	padding: .7rem 0;
	background: #FFFBF5;
}

.partIImg {
	text-align: center;
	padding: .7rem 0;
}

.partIImg img {
	height: 1.64rem;
}

.partIImg2 {
	text-align: center;
}

.partIImg2 img {
	height: 4.85rem;
}

.partJ {
	padding: .7rem 0;
	background: #F2FCF9;
}

.partJImg {
	text-align: center;
	padding: .7rem 0;
	padding-bottom: 0;
}

.partJImg img {
	height: 6.46rem;
}

.partJul {
	overflow: hidden;
	padding: .3rem .5rem;
}

.partJul ul li {
	width: 48%;
	float: left;
	text-align: center;
	font-size: rem;
	border-radius: .24rem;
	box-shadow: 0 0 .2rem 0 rgba(0,192,139,0.27); 
	padding: .2rem .2rem;
	margin-bottom: .25rem;
	font-size: .3rem;
	color: #00C08B;
}

.partJul ul li:nth-child(even) {
	margin-left: 4%;
}
