﻿@charset "utf-8";
html, body { color: #333333; width: 100%; height: 100%; font-size: 100px; background-color: #FFFFFF; }
.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; }
.banner { background: #F3F4F8 url(../img/banner.jpg) no-repeat left top; background-size: 3.2rem 3.72rem; height: 3.72rem; }
.banner h1 { float: right; 	/*width: 3rem;*/
	padding-left: .4rem;
 margin:.8rem 0 0;
}
.banner h1 * { display: block; }
.banner span {
 font-size: .24rem; font-weight: normal; text-align: right; padding-right: 0.4rem; }
.banner b {
 font-size: .28rem; color: #fff;  height: .95rem;
width: 4.4rem; text-align: right; padding-right: 0.4rem;
 background: -webkit-linear-gradient(left, #e11936, #ff8202); 
 background: linear-gradient(left, #e11936, #ff8202);  -webkit-border-radius: .15rem;
 border-radius: .5rem 0 0 .5rem;
 margin: .15rem 0 .04rem;
 line-height: .95rem;
}
.banner em {
 font-size: .3rem; text-align: right; font-style: normal; color: #333399;
  background: -webkit-linear-gradient(left, #e11936, #ff8202); 
  background: -moz-linear-gradient(left, #e11936, #ff8202); 
  background: linear-gradient(left, #e11936, #ff8202); 
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: normal;  line-height: .5rem;
padding-right: 0.4rem; }
.left { float: left; }
.right { float: right; }
.fs28 {  font-size: .28rem;
}
.fs30 { font-size: .3rem;
}
#Validform_msg { font-size: 14px; }
/*header*/

header { width: 100%; max-width: 750px;  height: .94rem;
background: #333333; line-height: 0.94rem; color: #FFFFFF;  font-size: .34rem;
position: relative; }
header>img { position: absolute;  height: .28rem;
 left: .3rem;
 top: .33rem;
cursor: pointer; }
/*header*/


/*<!--电话和咨询-->*/

.telRefer { height: 1.12rem; padding: 0 0.4rem; background-color: #333; line-height: 1.12rem; color: #FFFFFF; }
.telRefer a { display: block; float: right; }
.telRefer a.tel_link { padding: 0 0.2rem 0 0.4rem; margin-top: 0.36rem; border-left: 1px solid #FFFFFF; }
.telRefer a.referlink { color: #FFFFFF; padding: 0 0.3rem; font-size: 0.3rem; }
.telRefer span { display: block; float: left; font-size: 0.36rem; }
.telRefer img { height: 0.38rem; }
/*<!--导语-->*/

.lead {  padding: .4rem .4rem .17rem; background: #f2f3f7 url(../img/biaodanbg.jpg) no-repeat center bottom; background-size:7.5rem 1.50rem;}
.lead p {
  position: relative;line-height:.48rem; font-size:.3rem; margin-bottom:.4rem; }
/*<!--导语-->*/


/*<!--form-->*/

.biaodan { width: 6.7rem;  margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;  padding: .5rem .24rem .3rem .26rem; background-color:#fff;
}
.biaodan2 { margin-bottom: 0; }
.biaodan .form-tit {  line-height: .6rem; font-weight:normal;
 font-size: .36rem;
 margin-bottom: .24rem;
}
.biaodan2 .form-tit { font-weight: normal; }
.biaodan div {  margin-bottom: .2rem;
 height: .8rem;
}
.biaodan input, .biaodan select { display: block;  height: .8rem;
width: 5.2rem;  font-size: .27rem;
color: #999999; font-family: helvetica, "微软雅黑";  padding-left: .72rem;
margin: 0 auto;  line-height: .8rem;
}
#name { background: url(../img/nameBox.jpg) no-repeat center;  -webkit-background-size: 5.92rem, .8rem;
 background-size: 5.92rem, .8rem;
}
#mobile { background: url(../img/telBox.jpg) no-repeat center;  -webkit-background-size: 5.92rem, .8rem;
 background-size: 5.92rem, .8rem;
}
#guojia { width: 5.92rem;  padding-left: .66rem;
background: url(../img/cityBox.jpg) no-repeat center;  -webkit-background-size: 5.92rem, .8rem;
 background-size: 5.92rem, .8rem;
}
#branch { width: 5.92rem;  padding-left: .66rem;
background: url(../img/cityBox.jpg) no-repeat center;  -webkit-background-size: 5.92rem, .8rem;
 background-size: 5.92rem, .8rem;
}
#step { width: 5.92rem;  padding-left: .66rem;
background: url(../img/stepBox.jpg) no-repeat center;  -webkit-background-size: 5.92rem, .8rem;
 background-size: 5.92rem, .8rem;
}
#Mschool { background: url(../img/targetUni.jpg) no-repeat center;  -webkit-background-size: 5.92rem, .8rem;
 background-size: 5.92rem, .8rem;
}
#submit { padding: 0; color: #FFFFFF;  -webkit-border-radius: .08rem;
 -moz-border-radius: .08rem;
 border-radius: .08rem;
 height: .98rem;
border: 1px solid #33cc00; background-color: #33cc00; width: 5.9rem;  font-size: .33rem;
margin: 0 auto; }
/*<!--form-->*/


/***********************公共内容版块样式**********************/

.section {  padding:.4rem 0; line-height:.24rem;}
.section h2 {margin-bottom: .4rem;padding-top:.3rem;text-align: center; position: relative; font-size:.3rem; line-height:.46rem;}
/*.section h2 p { font-weight: normal; font-size: 0.36rem; color: #666; margin-top: 0.04rem; display: inline-block; }*/
.ly_wrap { padding: 0 0.40rem; margin-top: 0.40rem; }
.lyLink { display: block; margin-top: 0.2rem; width: 100%; height: 0.97rem;  border: 0.02rem solid #33cc00; color: #33cc00; -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; border-radius: 0.08rem; font-size: 0.30rem; text-align: center; line-height: 0.97rem; cursor: pointer; }
/*.lyLink:hover { background-color: #339999; color: #fff; }*/
.lyLink2{ display: block; margin-top: 0.2rem; width: 100%; height: 0.97rem; background-color:#33cc00;  border: 0.02rem solid #33cc00; color: #fff; -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; border-radius: 0.08rem; font-size: 0.30rem; text-align: center; line-height: 0.97rem; cursor: pointer; }
.grey { background-color: #f3f4f7; }
.super { background: url(../img/superbg.png) no-repeat center top; width:1.13rem; height:1.13rem; left:0.4rem; top:-1.0rem; position:absolute; background-size:1.13rem 1.13rem; }
.connection { position: fixed; bottom: 0; height: 1rem; max-width: 750px; width: 100%; z-index: 9999; }

.section.grayBg { background-color: #F3F4F8; }
.section.ptnone { padding-top: 0; }
.section.pbnone { padding-bottom: 0; }
.section.connect { position: relative; }
.section.connect:before { position: absolute; content: "";  height: .85rem;
 width: .85rem;
background: url(../img/connect.png) no-repeat center;  -webkit-background-size: .85rem;
 background-size: .85rem;
 top: -.42rem;
 left: .4rem;
}
 
/*coverflowSwiper style*/

.coverflowSwiper {  padding-bottom: .5rem;
}
.coverflowSwiper .swiper-slide {
 -webkit-box-shadow: .04rem .04rem .4rem #CCCCCC;
 box-shadow: .04rem .04rem .4rem #CCCCCC; background-color: #FFFFFF;  -webkit-border-radius: .08rem;
 -moz-border-radius: .08rem;
 border-radius: .08rem;
overflow: hidden; width: 5.3rem;  padding: .5rem .2rem;
}
.coverflowSwiper .swiper-pagination { bottom: 0; }
.coverflowSwiper .swiper-pagination-bullet { height:.1rem; width:.1rem; background-color: transparent; border:0.01rem solid #666666; opacity: 1; }
.coverflowSwiper .swiper-pagination-bullet-active { background-color: #666666; }
/*coverflowSwiper style*/

.ly-link { display: block;  margin: .2rem auto 0;
 height: .9rem;
 line-height: .9rem;
 -webkit-border-radius: .08rem;
 -moz-border-radius: .08rem;
 border-radius: .08rem;
color: #51c21a; border: 0.02rem solid #51c21a;  font-size: .3rem;
width: 6.7rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ly-link2 {  margin-top: .2rem;
}
.tab { display: -webkit-flex; display: flex; justify-content: center;  margin-bottom: .4rem;
}
.tab li { width: 2.08rem; border: 1px solid #333399; text-align: center; color: #333399; font-weight: bold;  padding: .15rem 0;
}
.tab li.active { background-color: #333399; color: #FFFFFF; }
.contents .content { display: none; }
.contents .active { display: block; }
/**************************公共内容版块样式**************************/
/*choice*/

.choice{ background:url(../img/choicebg.jpg) no-repeat center top; background-size:6.7rem 1.95rem; color:#000;line-height:.36rem; padding:0 .4rem;}
.choice strong{font-weight:normal; padding:0.3rem .85rem 0; font-size:.24rem; display:inline-block;  color:#333; margin-bottom:30px;}
.choice p{background:url(../img/choicep.jpg) no-repeat center left;background-size:.34rem .34rem; font-size:.24rem; padding-left:.55rem; margin-top:.25rem;}

.professionbg{ background:url(../img/professionbg.jpg) no-repeat center top; width:7.5rem; height:10.68rem; padding:.4rem 0 !important; margin-top:50px;}

.profession{ padding-left:.75rem;}
.profession .item{ float:left;background-color:#fff; padding:.1rem .2rem 0;}
.profession  p{ float:left;width:5.22rem;background-color:#fff6d3;display:inline-block; padding:.2rem;
color:#666;line-height:.36rem; font-size:.24rem;display:inline-block; }
.profession strong{ color:#e96b6a;}
.profession li{ }



.teachers {
	background-color: #FFFFFF;
}

#teacherSwiper {
	padding-left: 0.40rem;
	margin-bottom: 0.50rem;
}

#teacherSwiper .swiper-slide {
	text-align: center;
	/*width: 117rem;
    height: 116rem;*/
	position: relative; margin-right:0 !important;
}

#teacherSwiper .swiper-slide img {
	display: inline-block;
	width: 1.06rem;
	height: 1.06rem;
}

#teacherSwiper .swiper-slide.currentTeacher span {
	display: block;
}

#teacherSwiper .swiper-slide span {
	display: inline-block;
	width: 1.06rem;
	height: 1.06rem;
	position: absolute;
	top: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(204, 0, 0, .6);
	left:13%;
	margin-left: -0.58.5rem;
	line-height: 1.38rem;
	color: #FFFFFF;
	font-size: 0.18rem;
	display: none;
}

p.teacherName {
	font-size: 0.40rem;
	font-weight: bold;
	margin-bottom: 0.20rem;
	padding: 0 0.40rem;
}

p.position {
	font-size: 0.30rem;
	padding: 0 0.40rem;
	margin-bottom: 0.30rem;
}

p.position span {
	display: inline-block;
}

p.position span.local {
	padding-left: 0.60rem;
	position: relative;
	color: #666;
}

p.position span.local::before {
	content: "";
	background: url(../img/location.png) no-repeat;
	background-size: cover;
	width: 0.34rem;
	position: absolute;
	height: 0.41rem;
	left: 0.18rem;
	top: -0.05rem;
}

.teacherLi {
	display: none;
}

.teacherLi.activeTeacher {
	display: block;
}

.teacherTab {
	padding: 0;
	height: 0.70rem;
	/*line-height: 70rem;*/
	/*overflow: hidden;*/
	background-color: #D2E3F5;
}

.teacherTab li {
	float: left;
	padding: 0 0.20rem;
	font-size: 0.3rem;
	height: 0.66rem;
	line-height: 0.66rem;
	color: #999999;
}

.teacherTab li:first-of-type {
	padding-left: 0.40rem;
}

.teacherTab li.currentTab {
	border-bottom: 0.04rem solid #336699;
	color: #34548a;
	font-weight: bold;
}

.teacherContent {
	padding: 0.40rem 0.40rem 0 0.40rem;
}

.teacherContent li {
	display: none;
}

.teacherContent li.currentContent {
	display: block;
}

.teacherContent p {
	font-size: 0.28rem;
	color: #666666;
	line-height: 0.45rem;
	margin-bottom: 0.2rem;
}

 
.teacherLi {
	display: none; padding:0 .4rem;
}

.teacherLi.activeTeacher {
	display: block;
}

.teacherTab {
	padding: 0;
	height: 0.70rem;
	/*line-height: 70rem;*/
	/*overflow: hidden;*/
	background-color: #D2E3F5;
}

.teacherTab li {
	float: left;
	padding: 0 0.20rem;
	font-size: 0.3rem;
	height: 0.66rem;
	line-height: 0.66rem;
	color: #999999;
}

.teacherTab li:first-of-type {
	padding-left: 0.40rem;
}

.teacherTab li.currentTab {
	border-bottom: 0.04rem solid #336699;
	color: #34548a;
	font-weight: bold;
}

.teacherContent {
	padding: 0.40rem 0.40rem 0 0.40rem;
}

.teacherContent li {
	display: none;
}

.teacherContent li.currentContent {
	display: block;
}

.teacherContent p {
	font-size: 0.28rem;
	color: #666666;
	line-height: 0.45rem;
	margin-bottom: 0.2rem;
}


/*.teacherContent p span {
    display: inline-block;
    margin-right: 16rem;
    font-size: 12rem;
}*/

 

.intro{ font-size:.24rem; color:#666; line-height:.36rem; margin-bottom:.3rem;width:6.7rem;}
.intro p{ }
.intro img{ width:2.89rem; height:3.89rem; display:block; float:left; margin-right:.4rem;}
.introR{ float:left;width:3.4rem;}
.introR h1{ font-size:.3rem; margin:0; height:.3rem; line-height:.3rem; color:#ff9933; margin-bottom:.15rem;}
.introR h3{ font-size:.24rem; margin:0; height:.3rem; line-height:.3rem; color:#ff9933; margin-top:.2rem; margin-bottom:.14rem; }
.teacherLi .txt{font-size:.24rem; color:#666; line-height:.36rem; margin-bottom:.15rem;}
.teacherLi .txt strong{ color:#ff9933; display:block;}
.tSay{background: url(../img/coltips.png) no-repeat left .12rem; background-size:.77rem .77rem;  margin-top:.3rem;}
.tSay a{ font-size:.24rem; text-decoration:underline; line-height:.47rem; display:block; padding-left:.95rem;color:#666;}
.tSay a span{ color:#ff9933; }

.chartSwiper ,.offerSwiper {
    width: 100%;
    height: 100%;
}
/*section end*/
.chartSwiper .tableImg,.offerSwiper .tableImg {
    width: 88%;
    margin: 0 auto;
}
.chartSwiper .swiper-button-prev,
.chartSwiper .swiper-button-next ,.offerSwiper .swiper-button-prev,
.offerSwiper .swiper-button-next {
    height:0.46rem;
    width:0.28rem;
    top: 50%;
}
.offerSwiper .swiper-button-prev,
.offerSwiper .swiper-button-next {
    height:0.46rem;
    width:0.28rem;
    top: 2.0rem;
}
.chartSwiper .swiper-button-prev ,.offerSwiper .swiper-button-prev {
    background: url(../img/prev.png) no-repeat center;background-size:0.28rem 0.46rem;
    left:0.4rem;
}
.chartSwiper .swiper-button-next,.offerSwiper .swiper-button-next {
    background: url(../img/next.png) no-repeat center; background-size:0.28rem 0.46rem;
    right:0.4rem;
}

.chartSwiper .swiper-button-prev,.chartSwiper .swiper-button-next:hover,.offerSwiper .swiper-button-prev,.offerSwiper .swiper-button-next:hover{
     opacity:0.7;
}
.chartSwiper .swiper-slide,.offerSwiper .swiper-slide {
    position: relative;
}
.List{width:5.62rem;overflow:hidden;/* height:5.16rem;*/line-height:0.4rem; background:#fff; border-radius: 0.03rem; box-shadow: 0 0 0.15rem #d9dbe2;margin:0 auto 0.4rem; padding-bottom:.3rem; }
.List .top{ height:1.12rem; padding-top:.14rem; margin-bottom:.2rem;}
.List .top img{ display:block; margin:0 auto 0; width:0.6rem; height:0.6rem;}
.List h3{ font-size:0.3rem; text-align:center; color:#fff; margin-bottom:0.15rem;}
.List p{  color:#666; font-size:0.24rem; line-height:0.36rem; text-align:left; padding:0 .3rem .1rem; }  
.List .p1{background: -webkit-linear-gradient(left, #e11936, #ff8202); 
 background: linear-gradient(left, #e11936, #ff8202);}
.List .p2{background: -webkit-linear-gradient(left, #0086f9, #4cdfcc); 
background: -o-linear-gradient(left, #0086f9, #4cdfcc); 
background: -moz-linear-gradient(left, #0086f9, #4cdfcc); 
background: -ms-linear-gradient(left, #0086f9, #4cdfcc); 
background: linear-gradient(left, #0086f9, #4cdfcc);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000086f9', endColorstr='#004cdfcc', GradientType=1);	
}
.List .p3{background: -webkit-linear-gradient(left, #51c21a, #b5eb01); 
background: -o-linear-gradient(left, #51c21a, #b5eb01); 
background: -moz-linear-gradient(left, #51c21a, #b5eb01); 
background: -ms-linear-gradient(left, #51c21a, #b5eb01); 
background: linear-gradient(left, #51c21a, #b5eb01);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051c21a', endColorstr='#00b5eb01', GradientType=1);	
}
.List .p4{background: -webkit-linear-gradient(left, #ff8202, #fed700); 
background: -o-linear-gradient(left, #ff8202, #fed700); 
background: -moz-linear-gradient(left, #ff8202, #fed700); 
background: -ms-linear-gradient(left, #ff8202, #fed700); 
background: linear-gradient(left, #ff8202, #fed700);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff8202', endColorstr='#00fed700', GradientType=1);
}
/*<!--List end-->*/
.ad670x235{width:6.7rem; height:2.35rem; display:block;text-align:center; margin:0 auto;}
.ad670x235 img{width:6.7rem; height:2.35rem; display:block; text-align:center;}


.campus{}
.campus h3{ height:.7rem; line-height:.7rem; width:5.8rem; font-size:.24rem; color:#fff; text-align:center; border-radius:.5rem; display:block; margin:0 auto;
background: -webkit-linear-gradient(left, #e11936, #ff8202); 
background: -o-linear-gradient(left, #e11936, #ff8202); 
background: -moz-linear-gradient(left, #e11936, #ff8202); 
background: -ms-linear-gradient(left, #e11936, #ff8202); 
background: linear-gradient(left, #e11936, #ff8202);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e11936', endColorstr='#00ff8202', GradientType=1);	
}

	.sch_data_ul {
		padding: 0.4rem 0.3rem 0 .8rem;
	}
	
	.sch_data_ul li {
		float: left;
		width: 2.6rem;
		height: 2.6rem;
		background: url(../img/sch_t.png) no-repeat;
		background-size: contain;
		margin-right: 0.66rem;
		margin-bottom: 0.2rem;
	}
	
	.sch_data_ul li:nth-child(2n) {
		margin-right: 0;
	}
	
	.sch_data_ul li span {
		font-weight: bold;
		font-size: 0.37rem;
		color: #cc3333;
		float: right;
		position: relative;
		top: 0.4rem;
		left: 0.2rem;
	}
	
	.sch_data_ul li p {
		font-size: 0.39rem; 
		color: #333;
		margin-top: 0.9rem;
		text-align: center;line-height:.48rem;
	}
	
	.sch_data_ul li:last-child p {
		height: 1rem;
		line-height: 1rem;
	}
/**/

.offerSwiper{ margin-top:.4rem;}
.offerlist{width:2.8rem;overflow:hidden;/* height:5.16rem;*/line-height:0.4rem; background:#fff; border-radius: 0.03rem; box-shadow: 0 0 0.15rem #d9dbe2;margin:0 auto 0.4rem; padding-bottom:.3rem; border:.03rem solid #ff8202;}
.offerlist img{ display:block; margin:0 auto 0; width:2.8rem;}
.offerBox{ line-height:.36rem; font-size:.24rem;padding:0 .4rem;}
.offerBox h4{ color:#ff8202; display:block; margin-bottom:.1rem; text-align:center;}
.offerBox p{ color:#666; }
.offerBox p .more{ color:#51c21a;}

.idpserve{font-size:.24rem; padding:0 .4rem;width:6.7rem;}
.idpserve li{ width:3rem; float:left; margin-right:.7rem; padding-bottom:.4rem;}
.idpserve li img{ display:block; margin:0 auto; width:.8rem; height:.8rem;}
.idpserve li h3{  font-size:.24rem; height:.3rem; line-height:.3rem; margin:.12rem 0; display:block;text-align:center;background: -webkit-linear-gradient(left, #e11936, #ff8202); 
  background: -moz-linear-gradient(left, #e11936, #ff8202); 
  background: linear-gradient(left, #e11936, #ff8202); 
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.idpserve li p{ line-height:.36rem; color:#666; text-align:left;}
.idpserve li.none{ margin-right:0;}

.idplogo{ padding:0 .4rem;}
.idplogo h3{ height:.7rem; line-height:.7rem; width:4rem; font-size:.24rem; color:#fff; text-align:center; border-radius:.5rem; display:block; margin:0 auto;
background: -webkit-linear-gradient(left, #e11936, #ff8202); 
background: -o-linear-gradient(left, #e11936, #ff8202); 
background: -moz-linear-gradient(left, #e11936, #ff8202); 
background: -ms-linear-gradient(left, #e11936, #ff8202); 
background: linear-gradient(left, #e11936, #ff8202);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e11936', endColorstr='#00ff8202', GradientType=1);	
}
/*logoul*/
.logoul{ padding-top:.35rem; }
.logoul li{width:2rem; text-align:center; color:#333; float:left; margin-right:.24rem;padding-bottom:.3rem;font-size:.14rem; }
.logoul li img{ display:block; width:1.99rem; height:1.99rem;  border:.01rem solid #fede2a; border-radius:1rem; margin:0 auto .3rem;} 
.logoul li h4{ color:#ff8202; font-size:.3rem; font-weight:bold; margin-bottom:.05rem;}
.logoul li.none{ margin-right:0;}

.otherLinks{ padding:0 .9rem;}
.otherLinks a{ display:inline-block; margin-bottom:.2rem;}
.otherLinks a img{ display:block; width:2.7rem; height:2.55rem;}
