@charset "utf-8";
html,
body {
	color: #333333;
	width: 100%;
	height: 100%;
	font-size: 100px;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

#wrapper {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding-bottom: 1rem;
	overflow: hidden;
	font-size: .28rem;
}

.left {
	float: left;
}

.right {
	float: right;
}

#Validform_msg {
	font-size: 14px;
}

.Validform_checktip {
	display: none !important;
}


/*header*/

header {
	width: 100%;
	max-width: 750px;
	height: .94rem;
	background: #333333;
	line-height: .94rem;
	color: #FFFFFF;
	font-size: .34rem;
	position: relative;
}

header>img {
	position: absolute;
	height: .28rem;
	left: .3rem;
	top: .33rem;
	cursor: pointer;
}


/*header*/


/*<!--banner-->*/

.banner {
	background-color: #FFFFFF;
	height: 3.72rem;
	background: url(../img/bannerBg.jpg) no-repeat right center #F5F5F5;
	-webkit-background-size: 3.4rem 3.72rem;
	background-size: 3.4rem 3.72rem;
	position: relative;
}

.banner:before {
	position: absolute;
	content: "";
	width: 1.72rem;
	height: .2rem;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
	background: -webkit-linear-gradient(left, #CC0033, #FF6600);
	background: linear-gradient(left, #CC0033, #FF6600);
	left: .4rem;
	top: .55rem;
}

.banner h1 {
	color: #666666;
	padding-left: .4rem;
	margin: 0;
	font-weight: normal;
}

.banner h1 * {
	position: absolute;
	left: .4rem;
}

.banner b {
	font-size: .42rem;
	color: #FFFFFF;
	top: 1.06rem;
	color: #CC0033;
	background: -webkit-linear-gradient(left, #CC0033, #FF6600);
	background: linear-gradient(left, #CC0033, #FF6600);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner span {
	font-size: .16rem;
	top: 2.25rem;
}

.banner em {
	font-size: .28rem;
	top: 2.7rem;
	font-style: normal;
}


/*<!--banner-->*/


/*<!--lead-->*/

.lead {
	padding: .5rem .4rem;
	background-color: #EEEEEE;
	color: #666666;
	line-height: .5rem;
}

.lead b {
	color: #333333;
}


/*<!--lead-->*/


/*<!--电话和咨询-->*/

.telRefer {
	height: 1.12rem;
	padding: 0 .4rem;
	background-color: #333333;
	line-height: 1.12rem;
	color: #FFFFFF;
}

.telRefer a {
	display: block;
	float: right;
}

.telRefer a.tel-link {
	padding: 0 .2rem 0 .4rem;
	margin-top: .36rem;
	border-left: 1px solid #FFFFFF;
}

.telRefer a.referlink {
	color: #FFFFFF;
	padding: 0 .3rem;
	font-size: .3rem;
}

.telRefer span {
	display: block;
	float: left;
	font-size: .36rem;
}

.telRefer img {
	height: .38rem;
}


/*<!--leadAndForm-->*/


/*<!--form-->*/

.form {
	background-color: #FFD8DD;
	padding: .2rem .4rem;
}

.biaodan {
	background-color: #FFFFFF;
	padding: .4rem .28rem;
}

.biaodan2 {
	background: url(../img/formBg.jpg) no-repeat center;
	width: 6.7rem;
	margin: .5rem auto 0;
	padding: .5rem;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.biaodan h2 {
	text-align: center;
	margin-bottom: .4rem;
	font-size: .36rem;
}

.biaodan2 h2 {
	text-align: left;
	margin-bottom: .1rem;
	font-size: .32rem;
}

.biaodan2 h3 {
	margin-bottom: .3rem;
	font-size: .24rem;
	font-weight: normal;
}

.registerform {
	margin: 0 auto;
}

.biaodan div {
	margin-bottom: .2rem;
	padding-left: .8rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: .9rem;
	width: 6.11rem;
	overflow: hidden;
}

.biaodan2 div {
	width: 3.61rem;
	height: .48rem;
}

.biaodan input,
.biaodan select {
	display: block;
	width: 5.9rem;
	font-size: .27rem;
	color: #999999;
	font-family: helvetica, "微软雅黑";
	line-height: .9rem;
	height: .9rem;
	padding-left: .1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.biaodan2 input,
.biaodan2 select {
	width: 3.6rem;
	height: .48rem;
	font-size: .24rem;
	line-height: .48rem;
}

.name {
	background: url(../img/nameBox.jpg) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.mobile {
	background: url(../img/telBox.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

.Pchengji {
	background: url(../img/scroeBox.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

.branch {
	background: url(../img/cityBox.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

.biaodan2 .name,
.biaodan2 .mobile,
.biaodan2 .Pchengji,
.biaodan2 .branch {
	background-size: 3.61rem 0.48rem;
}

.biaodan .from_btn,
.biaodan2 .from_btn {
	padding: 0;
	color: #FFFFFF;
	-webkit-border-radius: .08rem;
	-moz-border-radius: .08rem;
	border-radius: .08rem;
	height: .98rem;
	border: 1px solid #0167cc;
	background-color: #0167cc;
	width: 5.9rem;
	font-size: .33rem;
	text-align: center;
	margin: 0 auto;
}

.biaodan2 .from_btn2 {
	height: .6rem;
	width: 3.6rem;
	margin: 0;
	font-size: .24rem;
}


/*<!--form-->*/


/***********************公共内容版块样式**********************/

.section {
	padding: .5rem .4rem;
	background-color: #FFFFFF;
}

.section.pbnone {
	padding-bottom: 0;
}

.section.grayBg {
	background-color: #F3F4F8;
}

.section h2 {
	font-size: .35rem;
	margin-bottom: .4rem;
	color: #333333;
	text-align: center;
	padding-top: .3rem;
	position: relative;
}

.section h2:before {
	position: absolute;
	content: "";
	height: .12rem;
	width: 1.25rem;
	background: -webkit-linear-gradient(left, #CC0033, #FF6600);
	background: linear-gradient(left, #CC0033, #FF6600);
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
	left: 50%;
	margin-left: -.62rem;
	top: 0;
}

.ly-link {
	display: block;
	margin: .4rem auto 0;
	width: 6.7rem;
	height: 1rem;
	line-height: 1rem;
	-webkit-border-radius: .08rem;
	-moz-border-radius: .08rem;
	border-radius: .08rem;
	color: #FFFFFF;
	background-color: #0167cc;
	font-size: .3rem;
	text-align: center;
}

.ly-link2 {
	margin-top: .2rem;
	background-color: #659ACC;
}


/**************************公共内容版块样式**************************/


/*<!--abs-->*/

.absCon {
	background: url(../img/pic.jpg) no-repeat left top;
	-webkit-background-size: 4.64rem 3.09rem;
	background-size: 4.64rem 3.09rem;
	padding: 1rem 0 0 1.34rem;
}

.absCon p {
	background-color: #FFD8DD;
	opacity: .8;
	padding: .3rem;
	font-size: .24rem;
	line-height: .44rem;
}


/*<!--abs-->*/


/*<!--fitFor-->*/

.fitFor {
	position: relative;
	height: 6.8rem;
	margin-bottom: 1.6rem;
}

.fitList {
	position: absolute;
	bottom: -1.6rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 6.7rem;
	left: .4rem;
}

.fitList li {
	width: 2.05rem;
	height: 3.07rem;
	background-color: #FFFFFF;
	padding: 1.35rem .2rem .2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin: .4rem .08rem .4rem;
	-webkit-box-shadow: 2px 2px 15px #CCCCCC;
	box-shadow: 2px 2px 15px #CCCCCC;
	font-size: .24rem;
	line-height: .38rem;
	color: #666666;
}

.fitList img {
	width: 1.59rem;
	position: absolute;
	top: -.4rem;
}


/*<!--fitFor-->*/


/*<!--advan-->*/

.advanList {
	margin-bottom: .2rem;
	font-size: .24rem;
}

.advanList li {
	margin-bottom: .2rem;
}

.advanList li:last-of-type {
	margin-bottom: 0;
}

.advanList span {
	display: block;
	border: 1px solid #E5E5E5;
	line-height: .5rem;
	padding: 0 .5rem;
	color: #666666;
}

.advanList b {
	display: inline-block;
	background-color: #FEE3E8;
	padding: .1rem .5rem;
}


/*<!--advan-->*/


/*<!--classify-->*/

.claSwiper,
.coverflowSwiper {
	font-size: .24rem;
	line-height: .4rem;
	color: #666666;
	padding-bottom: .5rem;
}

.claSwiper .swiper-slide,
.coverflowSwiper .swiper-slide {
	width: 5.6rem;
	background-color: #FFFFFF;
	border-radius: .08rem;
	padding: .4rem 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .4rem .3rem;
}

.claSwiper .swiper-pagination,
.coverflowSwiper .swiper-pagination {
	bottom: 0;
}

.claSwiper .swiper-pagination-bullet,
.coverflowSwiper .swiper-pagination-bullet {
	height: 6px;
	width: 6px;
	background-color: transparent;
	border: 1px solid #666666;
	opacity: 1;
}

.claSwiper .swiper-pagination-bullet-active,
.coverflowSwiper .swiper-pagination-bullet-active {
	background-color: #666666;
}

.claSwiper h3 {
	font-size: .26rem;
	color: #CC0033;
	text-align: center;
	margin-bottom: .1rem;
}

.cla-abs {
	margin-bottom: .2rem;
}

.cla-info-txt p {
	margin-bottom: .1rem;
}

.cla-info-txt b {
	color: #333333;
}

.cla-info-img {
	margin-top: .2rem;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.cla-info-img a {
	color: #666666;
}

.cla-info-img .cla-ly {
	color: #0167cc;
}

.cla-info-img .item {
	width: 50%;
	text-align: center;
}

.cla-info-img img {
	height: 1.45rem;
	margin: 0 auto;
}


/*<!--classify-->*/


/*<!--choose-->*/

.chList li {
	margin-bottom: .4rem;
}

.chList b {
	display: block;
	background: url(../img/circle.png) no-repeat left center;
	-webkit-background-size: 1.55rem;
	background-size: 1.55rem;
	padding-left: 1.75rem;
	font-size: .26rem;
	margin-bottom: .2rem;
	color: #CC0033;
}

.chList span {
	line-height: .4rem;
	color: #666666;
	font-size: .24rem;
}


/*<!--choose-->*/


/*<!--apply-->*/

.applyTab {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.applyTab li {
	text-align: center;
	border: 1px solid #CCCCCC;
	line-height: .38rem;
	font-size: .26rem;
	padding: .1rem .2rem;
	margin: 0 .2rem .4rem;
}

.applyTab .active {
	color: #0167CC;
	border-color: #0167CC;
}

.appSwiper {
	text-align: center;
}

.appSwiper p {
	font-size: .24rem;
	margin-bottom: .2rem;
	color: #666666;
	line-height: .38rem;
}

.appSwiper b {
	display: block;
	margin-bottom: .1rem;
	color: #333333;
}


/*<!--apply-->*/


/*<!--successCase-->*/

.successCase {
	padding: .5rem 0;
}

.sucSwiper h3 {
	font-size: .28rem;
	color: #CC0033;
	text-align: center;
}

.sucSwiper h4 {
	width: 1.65rem;
	line-height: .4rem;
	-webkit-border-radius: .2rem;
	border-radius: .2rem;
	text-align: center;
	margin: .1rem auto .2rem;
	font-size: .26rem;
	background: -webkit-linear-gradient(left, #CC0033, #FF6600);
	background: linear-gradient(left, #CC0033, #FF6600);
	color: #FFFFFF;
}

.sucSwiper img {
	width: .8rem;
	margin: 0 auto .2rem;
}

.sucSwiper p {
	text-align: center;
}

.sucSwiper a {
	display: inline-block;
	margin: .2rem .2rem 0;
	color: #0167cc;
	font-weight: bold;
}


/*<!--successCase-->*/


/*<!--data-->*/

.dataList {
	text-align: center;
}

.dataList li {
	display: inline-block;
	width: 2.8rem;
	border: 1px solid #CC0033;
	height: 2.8rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 .22rem .4rem;
	position: relative;
}

.dataList i {
	background-color: #FFFFFF;
	position: absolute;
	right: -.2rem;
	top: .4rem;
	font-style: normal;
}

.dataList span {
	font-size: .36rem;
	font-weight: bold;
	color: #CC0033;
	background: -webkit-linear-gradient(left, #CC0033, #FF6600);
	background: -moz-linear-gradient(left, #CC0033, #FF6600);
	background: linear-gradient(left, #CC0033, #FF6600);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.dataList em {
	font-style: normal;
	text-align: center;
	font-size: .24rem;
	display: block;
	margin-top: .46rem;
	color: #CC0033;
}

.chList2 li:last-of-type {
	margin-bottom: 0;
}

.dataList b {
	display: block;
	margin-top: .38rem;
	line-height: .48rem;
	font-weight: normal;
	font-size: .3rem;
}


/*<!--data-->*/


/*<!--idpAdvantage-->*/

.idp-advantage h3 {
	margin-bottom: 0.5rem;
}

.idp-advantage {
	padding-bottom: 0;
}


/*<!--idpAdvantage-->*/

.connection {
	position: fixed;
	bottom: 0;
	height: 1rem;
	max-width: 750px;
	width: 100%;
	z-index: 9999;
}