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

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

.banner {
	background: url(../images/hygl/hyglBanner01.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: 1rem .5rem;
	text-align: left;
}

.banner h1 {
	display: block;
	color: #333;
	font-size: .47rem;
}

.banner p {
	font-size: .26rem;
	color: #333;
	font-weight: normal;
	padding: .2rem 0;
}


.banner a {
	display: block;
	width: 1.85rem;
	height: .46rem;
	background: #4DA6FE;
	border-radius: .23rem;
	color: #fff;
	text-align: center;
	line-height: .46rem;
	font-size: .25rem;
	margin-top: 1rem;
}


.partA {
	padding: .7rem 0;
}

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

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

.partAImg img {
	height: 4.7rem;
}

.partAList {
	margin-left: .1rem;
	padding-bottom: .1rem;
	display: inline-block;
}

.partAList dl {
	width: 46%;
	float: left;
	background: #fff;
	border-radius: .19rem;
	box-shadow: 0 0 .1rem 0px rgba(79, 99, 219, 0.45);
	height: 1.23rem;
	margin-top: .2rem;
}

.partAList dl:nth-child(even) {
	margin-left: 8%;
}

.partAList dl dt {
	float: left;
	height: .83rem;
	line-height: .83rem;
	color: #fff;
	text-align: center;
	width: 1.07rem;
	background: linear-gradient(180deg, #2274f6, #4c65dd);
	border-radius: .05rem;
	font-size: .26rem;
	margin-top: .2rem;
	margin-left: -.1rem;
}

.partAList dl dd {
	float: left;
	font-size: .20rem;
	color: #666;
	padding-top: .15rem;
	padding-left: .5rem;
}

.partB {
	padding: .7rem 0;
	background: #C5D9F2;
}

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

.partBList {
	overflow: hidden;
	padding-top: .7rem;
}

.partBList dl {
	width: 48%;
	float: left;
	background: #fff;
	border-radius: .2rem;
	box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.12);
	height: 1.27rem;
	margin-top: .2rem;
}

.partBList dl:nth-child(even) {
	margin-left: 4%;
}

.partBList dl dt {
	float: left;
	font-size: .22rem;
	color: #666;
	text-align: center;
	margin: .3rem;
	padding-right: .3rem;
	font-weight: bold;
	border-right: solid .01rem #D9D9D9;
}

.partBList dl:nth-child(1) dt span {
	display: block;
	color: #813EE0
}

.partBList dl:nth-child(2) dt span {
	display: block;
	color: #1B96FA
}

.partBList dl:nth-child(3) dt span {
	display: block;
	color: #39C86A
}

.partBList dl:nth-child(4) dt span {
	display: block;
	color: #F9CE0E
}

.partBList dl dd {
	padding-top: .33rem;
	font-size: .18rem;
	color: #666;
	float: left;
}

.partBCon {
	height: 1.93rem;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
	margin-top: .5rem;
	padding: .4rem .2rem;

}

.partBCon p {
	width: 63%;
	float: left;
	font-size: .2rem;
	line-height: .4rem;
}

.partBCon img {
	float: right;
	height: 1.76rem;
}

.partC {
	padding: .7rem 0;
	background: #F5F5F5;
}

.partCwarp {
	padding: 0 .3rem;
	overflow: hidden;
	padding-top: 1.3rem;
}

.partCwarp dl {
	width: 48%;
	float: left;
	height: 4.92rem;
	border: .02rem solid #4e65dc;
	border-radius: .19rem;
	margin-bottom: .8rem;
}

.partCwarp dl:nth-child(2) {
	border: none;
	background: linear-gradient(329deg, #4e65dc 10%, #1379ff 92%);
	border-radius: .19rem;
}

.partCwarp dl:nth-child(3) {
	border: none;
	background: linear-gradient(329deg, #34a0fb 10%, #4f63db 92%);
	border-radius: .19rem;
}

.partCwarp dl:nth-child(even) {
	margin-left: 4%;
}

.partCwarp dl dt {
	height: .68rem;
	line-height: .68rem;
	background: linear-gradient(180deg, #7bdffe, #2872f3);
	border-radius: .22rem;
	margin: -.35rem .3rem 0 .3rem;
	font-size: .33rem;
	color: #fff;
	text-align: center;
}

.partCwarp dl:nth-child(2) dt {
	height: .68rem;
	line-height: .68rem;
	background: #fff;
	border: .02rem solid #228bfe;
	border-radius: .22rem;
	box-shadow: 0 .03rem .06rem 0 rgba(0, 0, 0, 0.16);
	margin: -.35rem .3rem 0 .3rem;
	font-size: .33rem;
	color: #4C66DE;
	text-align: center;
}

.partCwarp dl:nth-child(3) dt {
	height: .68rem;
	line-height: .68rem;
	background: #fff;
	border: .02rem solid #228bfe;
	border-radius: .22rem;
	box-shadow: 0 .03rem .06rem 0 rgba(0, 0, 0, 0.16);
	margin: -.35rem .3rem 0 .3rem;
	font-size: .33rem;
	color: #4C66DE;
	text-align: center;
}

.partCwarp dl dd {
	padding: .3rem 0;
}

.partCwarp dl dd ul li {
	background: #deeefd;
	height: .55rem;
	line-height: .55rem;
	text-align: center;
	font-size: .28rem;
	color: #333;
}

.partCwarp dl dd ul li:nth-child(even) {
	background: #fff;
}

.partCwarp dl:nth-child(2) dd ul li {
	background: none;
	color: #fff;
}

.partCwarp dl:nth-child(3) dd ul li {
	background: none;
	color: #fff;
}

.partD {
	padding: .7rem 0;
	background: #FFF;
}

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

.partDImg {
	padding-top: 1rem;
	text-align: center;
}

.partDImg img {
	height: 5.36rem;
}

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

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

.partEImg {
	padding-top: 1rem;
	text-align: center;
}

.partEImg img {
	height: 3.62rem;
}

.partF {
	padding: .7rem 0;
	background: url(../images/hygl/hyglBg001.png) no-repeat left bottom;
	-o-background-size: auto 1.64rem;
	-ms-background-size: auto 1.64rem;
	-moz-background-size: auto 1.64rem;
	-webkit-background-size: auto 1.64rem;
	background-size: auto 1.64rem;
	padding-bottom: 0;
}

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

.partFImg {
	padding-top: 1rem;
	text-align: center;
}

.partFImg img {
	height: 4.21rem;
}

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

.partGwarp {
	margin-left: .3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow: auto;
	margin-top: .5rem;
}

.partGwarpBox {
	width: 4.12rem;
	min-width: 4.12rem;
}

.partGwarpBox span {
	display: block;
	width: 3.16rem;
	padding: .1rem;
	background: #EC4A91;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	background: linear-gradient(0deg, #48b3ff, #0f75ff);
	border-radius: .43REM;
}

.partGwarpBox span h2 {
	font-size: .28rem;
	display: block;
}

.partH {
	padding: .7rem 0;
	background: url(../images/hygl/hyglBg002.png) no-repeat left center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 9.71rem;
}

.partHwarp {
	padding:1rem .3rem 0 .3rem;
}

.partHwarp dl {
	width: 32%;
	float: left;
}

.partHwarp dl:nth-child(2) {
	margin: 0 2%;
}

.partHwarp dl dt {
	background: #1757b7;
	color: #fff;
	font-size: .24rem;
	height: .44rem;
	line-height: .44rem;
	text-align: center;
	margin-bottom: .2rem;
	position: relative;
}
.partHwarp dl dt:after{
	content: '';
	position: absolute;
	background: url(../images/hygl/hyglIcon001.png) no-repeat left center;
	-o-background-size: auto .13rem;
	-ms-background-size: auto .13rem;
	-moz-background-size: auto .13rem;
	-webkit-background-size: auto .13rem;
	background-size: auto .13rem;
	width: .2rem;
	height: .13rem;
	bottom: -.1rem;
	left: 46%;
}

.partHwarp dl dd {
	background: #1d7bf9;
	color: #fff;
	font-size: .22rem;
	height: .44rem;
	line-height: .44rem;
	text-align: center;
	margin-bottom: .2rem;
	opacity: 0.8;
	
}
