*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html,body{
	width: 100%;
	height: 100%;
}
html{
	font-size: calc(100vw/7.5);
}
button,input{
	outline: none;
	border: none;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
.container{
	width: 100%;
	height: 100%;
}
#header{
	width: 100%;
	height: auto;
}
#header img{
	width: 100%;
}
.content{
	width: 100%;
	height: auto;
}
.section{
	width: 100%;
}
.section img{
	width: 100%;
}
.section1{
	width: 100%;
	padding: .1rem .41rem .41rem .71rem;
}
.register_cont{
	width: 100%;
	height: auto;
	text-align: center;
}
.title{
	text-align: center;
}
.title h3{
	font-size: .46rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #000000;
}
.title h3 span{
	color: #E74946;
}
.title p{
	font-size: .24rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
}
.title label{
	display: block;
	width:.66rem;
	height: 0.06rem;
	background: #E74646;
	margin: .23rem auto 0rem;
}
.register_cont .form-group{
	width: 100%;
	height: .85rem;
	margin-bottom: .2rem;
	display: flex;
	align-items: center;
}
.register_cont .form-group input{
	width: 100%;
	height: .85rem;
	padding-left: .16rem;
	font-size: .3rem;
	background: #EBEBEB;
	border-radius: .16rem;
	color: #666666;
}
.register_cont .form-group1{
	width: 100%;
	height: .85rem;
	font-size: .3rem;
	background: #EBEBEB;
	border-radius: .16rem;
	display: flex;
	align-items: center;
}
.register_cont .form-group1 input{
	width: 67%;
	/* height: .85rem; */
	font-size: .3rem;
	background: none;
	color: #666666;
	padding-left: .16rem;
}
.register_cont .form-group1 .span-code{	
	font-size: .3rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #EF6437;
}
input::-webkit-input-placeholder{
	color: #999999;
	font-size: .28rem;
}
.btn{
	width: 100%;
	height: .95rem;
	display: flex;
	align-items: center;
	margin-top: .22rem;
}
.btn button{
	width: 100%;
	height: .96rem;
	background: linear-gradient(0deg, #EC4A3E, #EE6E58);
	box-shadow: -2px 3px 5px 0px rgba(231, 71, 70, 0.31);
	border-radius: .48rem;	
	font-size: .34rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
}
.section_expert{
    width: 100%;
    height: auto;
    background: #FCF2EA;
    padding: .75rem .25rem .39rem .25rem;
}
.expert_cont{
    width: 100%;
    height: auto;
}
.expert_detail{
    width: 100%;
    height: 3.2rem;
    padding: .4rem 0rem 0rem .29rem;
}
.expert_detail h3{
    font-size: .3rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FF7D11;
}
.expert_detail span{ 
    display: block;
    font-size: .22rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    padding-top: .19rem;
}
.expert_detail ul{
    padding-top: .2rem;
}
.expert_detail ul li{
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #595757;
    line-height: .35rem;
}
.expert_detail:first-child{
    background: url('./images/newswhz/expert1.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: .46rem;
}
.expert_detail:nth-child(2){
    background: url('./images/newswhz/expert3.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: .18rem;
}
.expert_detail:last-child{
    background: url('./images/newswhz/expert2.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: .18rem;
}

/* r荣誉资质 */
.zizhi_box{
	width: 100%;
	background: rgba(231,71,70,1);
	border: 0.07rem solid;
	border-image: linear-gradient(0deg, #EB3B35, #F07A5E) 7 7;
	padding: .74rem .45rem .54rem .45rem;
	text-align: center;
}
.zizhi_title h3{
	font-size: .48rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
}
.zizhi_title h3 span{
	color: #FFEF45;
}
.zizhi_title label{
	display: block;
	width: .66rem;
	height: 0.06rem;
	background: #FFFFFF;
	margin: .2rem auto 0rem;
}
.zizhi_cont{
	margin-top: .65rem;
	position: relative;
}
.zizhi_cont .swiper-slide{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.zizhi_cont .swiper-slide .zizhi_cert{
	width: 47%;
	height: 1.96rem;
	/* display: flex;
	justify-content: center; */
	background: url('./images/swhz/certImg.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.zizhi_cert img{
	width: 1.96rem;
	/* height: 1.96rem; */
	/* margin: 0 auto;
	border-radius: 50%; */
}
.zizhi_cont .swiper-slide .zizhi_cert p{
	font-size: .24rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: .3rem;
}
.zizhi_cont .swiper-container{
	padding-bottom: 1.5rem;
}
.zizhi_cont .swiper-container .swiper-pagination{
	bottom: 0rem;
}
.zizhi_cont .swiper-pagination-bullet{
	background: #FFFFFF!important;
	opacity: 1!important;
}
.zizhi_cont .swiper-pagination-bullet-active{
	background: #7F0807!important;
}
.zizhi_btn{
	width: 100%;
	height: .7rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.zizhi_btn button{
	width: 4rem;
	height: .7rem;
	background: #FFFFFF;
	box-shadow: -2px 3px 5px 0px rgba(231, 71, 70, 0.31);
	border-radius: 0.08rem;
	font-size: .3rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #E74746;
}
.jpsc_cont{
	width: 100%;
	height: auto;
	background: #E74746;
	border: .1rem solid;
	border-image: linear-gradient(0deg, #EB3B35, #F07A5E) 10 10;
	padding: .68rem .24rem .48rem .24rem;
}
.jpsc_title{
	width: 100%;
	text-align: center;
}
.jpsc_title h3{
	font-size: .48rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
}
.jpsc_title p{
	font-size: .48rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color:#FFEF45;
}
.jpsc_title label{
	display: block;
	width: .66rem;
	height: 0.06rem;
	background: #FFFFFF;
	margin: .23rem auto 0rem;
}
.jpsc_detail{
	width: 100%;
	margin: .61rem auto 0rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.jpsc_list{
	width: 48%;
	height: auto;
	text-align: center;
	padding: .24rem .27rem .38rem .27rem;
	background: #FFFFFF;
	border-radius: .12rem;
	margin-bottom: .2rem;
}
.jpsc_list img{
	width: 1.96rem;
	height: 1.96rem;
}
.jpsc_list span{
	display: block;
	width: 1.84rem;
	height: .47rem;
	background: linear-gradient(0deg, #EC4A3E, #FE9C54);
	box-shadow: 0.03rem 0.01rem 0.05rem 0rem rgba(231, 71, 70, 0.35);
	border-radius: .23rem;
	text-align: center;
	line-height: .47rem;
	font-size: .32rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	margin: -0.05rem auto 0rem;
}
.jpsc_list p{
	font-size: .22rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #595757;
	line-height: .33rem;
	text-align: left;
	padding-top: .25rem;
}
.jpsc_infrom{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-around;
	margin-top: .5rem
}
.jpsc_infrom p{
	margin: 0 auto;
	font-size: .36rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: .52rem;
}
.jpsc_infrom img{
	width: 1rem;
}
/* 核心优势 */
.section2{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding: .62rem .25rem .67rem .25rem;
}
.advantage_cont{
	width: 100%;
	margin-top: .44rem;
}
.advantage_detail{
	margin-bottom: .41rem;
}
.advantage_detail dl{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.advantage_detail dl dt{
	width: 2.56rem;
	height: 1.98rem;
}
.advantage_detail dl dt img{
	width: 100%;
}
.advantage_detail dl dd{
	flex: 1;
	padding-left: .25rem;
	padding-top: .29rem;
}
.advantage_detail dl dd h3{
	font-size: .32rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #E74746;
}
.advantage_detail dl dd p{
	font-size: .22rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: .32rem;
	padding-top: .2rem;
}
.advisory_btn{
	width: 100%;
	height: .7rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.advisory_btn button{
	width: 4rem;
	height: .7rem;
	background: linear-gradient(0deg, #EC463C 0%, #EF715A 100%);
	box-shadow: -2px 3px 5px 0px rgba(231, 71, 70, 0.31);
	border-radius: 0.08rem;
	font-size: .3rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
}

/* 专业团队 */
.section3{
	width: 100%;
	height: auto;
	padding: .73rem .25rem .8rem .25rem;
	background: #F6F6F6;
}
.teacher_cont{
	width: 100%;
	height: 3.27rem;
	background: linear-gradient(164deg, #EC5C41, #E65146);
	box-shadow: 0px 0px 5px 0px rgba(232, 85, 68, 0.47);
	border-radius: .2rem;
	padding: .35rem 0rem .25rem .2rem;
	position: relative;
}
.teacher_cont img{
	width: 3.12rem;
	position: absolute;
	right: 0;
	bottom: 0rem;
}
.teacher_cont h3{	
	font-size: .33rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
}
.teacher_cont h3 span{
	padding-right: .1rem;
	position: relative;
}
.teacher_cont h3 span::after{
	content: "";
	width: .63rem;
	height: 0.05rem;
	background: #FFFFFF;
	position: absolute;
	bottom: -0.2rem;
	left: 0rem;
} 
.teacher_cont ul{
	padding-top: .3rem;
	position: absolute;
	top: .85rem;
	left: .2rem;
	z-index: 1000;
}
.teacher_cont ul li{
	font-size: .24rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	height: .36rem;
	line-height: .36rem;
	list-style: none;
	position: relative;
	padding-left: .15rem;
}
.teacher_cont ul li::before{
	content: "";
	width: 0.06rem;
	height: 0.06rem;
	background: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.03rem;
}
.teacher_desc{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
	margin-top: .3rem;
}
.teacher_desc .t_cont{
	width: 48%;
	height: auto;
	box-shadow: 0px 2px 5px 0px rgba(254, 226, 221, 0.47);
	border-radius: .2rem;
	margin-bottom: .2rem;
}
.t_cont dl dt{
	width: 100%;
	height: 2.35rem;
}
.t_cont dl dt img{
	width: 100%;
}
/* 老师描述 */
.t_cont dl dd{
	width: 100%;
	height: 3.5rem;
	padding: 0rem 0rem .24rem .13rem;
	background: #FFFFFF;
	border-bottom-left-radius: .2rem;
	border-bottom-right-radius: .2rem;
	overflow: hidden;
}
.t_cont dl dd h3{
	font-size: .26rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	padding-top: .2rem;
}
.t_cont dl dd p{
	font-size: .19rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #777777;
	padding-top: .13rem;
}
.teacher_desc .t_cont dl dd ul{
	padding-top: .15rem;
}
.teacher_desc .t_cont dl dd ul li{	
	width: 100%;
	line-height: .45rem;
	list-style: none;
	position: relative;
	padding-left: .15rem;
	display: flex;
	align-items: center;
}
.teacher_desc .t_cont dl dd ul li span{
	font-size: .24rem!important;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #333333;
}
.t_cont dl dd ul li::before{
	content: "";
	width: 0.06rem;
	height: 0.06rem;
	border-radius: 50%;
	background: #333333;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.03rem;
}
.section3 .advisory_btn{
	margin-top: .7rem;
}
.title1{
	width: 100%;
	text-align: center;
}
.title1 h3{
	font-size: .48rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #000000;
}
.title1 p{
	font-size: .48rem;
	color: #E74746;
}
.title1 span{
	display: block;
	width: .66rem;
	height: 0.06rem;
	background: #E74646;
	margin: .26rem auto;
}

/* 渐进式系统 */
.section4{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding: 0rem .2rem .72rem .2rem;
}
.section4 img{
	width: 100%;
}
.class_r{
	width: 95%;
	margin: 0 auto;
}
.class_r .class_title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}
.class_r .class_title span{
	display: inline-block;
	width: 48%;
	height: .58rem;
	background: #BDBDBD;
	box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 0.47);
	border-radius: .29rem;
	font-size: .26rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	line-height: .58rem;
}
.class_r .class_title span.active{
	background: linear-gradient(164deg, #EC5C41, #E65146);
	box-shadow: 0px 0px 5px 0px rgba(230, 81, 70, 0.47);
}
.class_r .class_cont{
	width: 100%;
	height: 5.04rem;
	text-align: center;
	margin-top:.54rem;
	overflow: hidden;
}
.class_r .class_cont img{
	float: left;
	height: 5.04rem;
}

/* 极客星码 */
.star_cont{
	width: 100%;
	height: auto;
	background: url('./images/newswhz/starbg.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding: 0rem .77rem 1.42rem .77rem;
	position: relative;
}
.star_cont h3{
	font-size: .72rem;
	font-family: YouSheBiaoTiHei;
	font-weight: 400;
	color: #FFFFFF;
	font-style: italic;
	padding-top: .53rem;
}
.star_cont h3 span{
	display: inline-block;
	color: #FFEE44;
	padding-left: .1rem;
}
.star_cont p{
	font-size: .24rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: .39rem;
	text-align: left;
	padding-top: .4rem;
}
.star_cont p span{
	font-weight: bold;
}
.star_cont .star{
	width: 1.1rem;
	position: absolute;
	bottom: 0rem;
	left: .2rem;
}
.star_cont .tree{
	width: 1.19rem;
	position: absolute;
	bottom: 0rem;
	right: 0rem;
}

/* 合作流程 */
.section5{
	width: 100%;
	height: auto;
	background: #F6F6F6;
	padding-bottom: .7rem;
}
.section5 img{
	width: 100%;
}

/* 合作校区 */
.section6{
	width: 100%;
	height: auto;
	background: #F6F6F6;
	padding-bottom: .7rem;
}
.section6 img{
	width: 100%;
}

#section7{
	width: 100%;
	height: auto;
}
.footer_nav{
	width: 100%;
	height: .8rem;
	display: flex;
	flex-direction: row;
	text-align: center;
	align-items: center;
	background: #5cc5f3;
	padding: 0rem .2rem;
}
.footer_nav li{
	flex: 1;
	font-size: .24rem;
	color: #FFFFFF;
}
.footer_nav li a{
	color: #FFFFFF;	
}
.section8{
	width: 100%;
	height: auto;
	background: #aaa;
	text-align: center;
	padding: .3rem 0rem .4rem 0rem;
	margin-bottom: 1rem;
}
.section8 p{
	color: #d5d5d5;
	font-size: .24rem;
}
.section8 p:nth-child(2){
	padding-top: .2rem;
}
.section8 p:last-child{
	padding-top: .3rem;
}

.float_drive{
	width: 100%;
	height: 1.2rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #f8fdff;
	position: fixed;
	bottom: 0;
	left: 0;
	padding-top: .1rem;
	z-index: 2000;
}
.call_phone{
	width: 48%;
}
.float_drive img{
	width: 100%;
}
.float_drive .talk{
	width: 48%;
}
