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

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

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

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

.commonTitle3 h1 {
	font-size: .43rem;
	color: #fff;
	text-align: center;
	padding: 0 .3rem;
	padding-bottom: .29rem;
}

.commonTitle3 p {
	font-size: .26rem;
	color: #fff;
	text-align: center;
	padding: 0 .3rem;
}

.commonTitle3 span {
	font-size: .24rem;
	color: #fff;
	padding: 0 .3rem;
	display: block;
	padding-top: .7rem;
}

.banner {
	background: url(../images/xcx/xcxBanner.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.32rem;
	padding: 1rem 0;
	padding-left: .8rem;
}

.banner h1 {
	display: block;
	color: #FD8B20;
	font-size: .43rem;
	font-weight: normal;
}

.banner h2 {
	display: block;
	color: #fff;
	font-size: .43rem;
	font-weight: normal;
}

.banner p {
	display: block;
	color: #fff;
	font-size: .23rem;
	margin-top: .2rem;
}

.banner dl {
	display: block;
	background: linear-gradient(265deg, #fcbf87 26%, #fd8b22 90%);
	height: .55rem;
	width: 1.97rem;
	color: #fff;
	line-height: .48rem;
	font-size: .21rem;
	margin-top: .6rem;
	border-radius: .28rem;
	padding: 0 .3rem;
}

.banner dl dt {
	float: right;
	padding-top: .08rem;
}

.banner dl dt img {
	height: .26rem;
}

.banner dl dd {
	float: left;
	line-height: .50rem;
	color: #fff;
}

.partA {
	padding: .7rem 0;
}

.partAwarp {
	overflow: hidden;
}

.partAImg {
	text-align: center;
}

.partAImg img {
	height: 5.53rem;
}

.partAul {
	overflow: hidden;
	padding: .5rem .3rem;
	padding-top: 0;
}

.partAul ul li {
	width: 48%;
	float: left;
	height: .51rem;
	line-height: .51rem;
	background: #00c08b;
	border-radius: .25rem;
	color: #fff;
	text-align: center;
	font-size: .22rem;
	margin-top: .3rem;
}

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


.partB {
	background: #ffaf82;
	padding: .7rem .3rem;
}

.partBbox {
	background: #fff;
	border-radius: .41rem;
	box-shadow: 0 .03rem .2rem 0 rgba(0, 0, 0, 0.11);
	padding: .7rem 0;
}

.partBbox .commonTitle2 h1 {
	padding: 0 .2rem;
}

.partBImg {
	text-align: center;
	padding: .5rem .2rem;
}

.partBImg img {
	height: 13.08rem;
}


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

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

.partCwarpBox {
	width: 4.12rem;
	min-width: 4.12rem;
	margin-right: .3rem;
}

.partCwarpBox span {
	display: block;
	width: 3.16rem;
	padding: .1rem;
	background: #EC4A91;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	background: #ff6711;
	border-radius: .26rem;
	margin-top: .2rem;
}

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



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

.partDwarp {
	overflow: hidden;
	padding: .7rem;
	padding-bottom: 0;
}

.partDwarp ul li {
	width: 48%;
	float: left;
	text-align: center;
}

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

.partDwarp ul li img {
	height: 6.37rem;
}

.partDwarp ul li h2 {
	background: #fff;
	border-radius: .19rem;
	height: .37rem;
	line-height: .37rem;
	font-size: .21rem;
	color: #FB5652;
	margin: .3rem;
}

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

.partE .partEwarp {
	overflow: hidden;
	padding: .7rem 0;
}

.partE .partEwarp dl {
	overflow: hidden;
	padding: .4rem;
	width: 50%;
	float: left;
}

.partE .partEwarp dl dt {
	float: left;
	width: .9rem;
	height: .9rem;
	text-align: center;
}

.partE .partEwarp dl dt img {
	height: 100%;
}

.partE .partEwarp dl dd {
	padding-left: 1rem;
}

.partE .partEwarp dl dd h1 {
	font-size: .24rem;
	color: #333
}

.partE .partEwarp dl dd p {
	font-size: .18rem;
	color: #7A7A7A
}

.partF {
	padding: .7rem 0;
	background: linear-gradient(360deg, #00c08b 0%, rgba(0, 192, 139, 0.72) 100%);
	padding-bottom: 0;
}

.partFwarp {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-align: center;
}

.partFwarp img {
	height: 4.01rem;
}

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

.partGwarp {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-align: center;
	padding-top: .7rem;
}

.partGwarp img {
	height: 5.18rem;
}

.partH {
	padding: .7rem 0;
	background: #fff;
	padding-top: 0;
}

.partH .commonTitle4 {
	background: #00c08b;
	text-align: center;
	color: #fff;
	padding: .4rem;
	position: relative;
}

.partH .commonTitle4:before {
	content: '';
	position: absolute;
	background: url(../images/xcx/xcxIcon015.png) no-repeat top center;
	-o-background-size: 100% .41rem;
	-ms-background-size: 100% .41rem;
	-moz-background-size: 100% .41rem;
	-webkit-background-size: 100% .41rem;
	background-size: 100% .41rem;
	width: 1.21rem;
	height: .41rem;
	bottom: -.4rem;
	left: 42%;

}

.partH .commonTitle4 h1 {
	font-size: .38rem;

}

.partH .commonTitle4 p {
	font-size: .2rem;

}

.partHwarp {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-align: center;
	padding-top: .7rem;
}

.partHwarp img {
	height: 5.57rem;
}

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


.partHul ul li {
	width: 15.2%;
	float: left;
	margin-right: 6%;
}

.partHul ul {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.partHul ul:after {
	content: '';
	position: absolute;

	border: .05rem dashed #fbb980;
	left: 0;
	top: 30%;
	width: 100%;
	z-index: -1;
}


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

.partHul ul li div {
	background: #fbb980;
	border-radius: 50%;
	padding: .2rem;
	width: 1.06rem;
	height: 1.06rem;

}

.partHul ul li span {
	display: block;
	text-align: center;
	color: #434245;
	font-size: .22rem;
	padding-top: .2rem;
}
