.zwcWidth{
	width: 100%;
}

/*banner*/
.bannerimg{
	width: 100%;
	height: 450px;
	background: url(../imgs/kaoyan/banner.jpg) no-repeat top center;
	padding-top: 90px;
}
.form-box{
	width: 300px;
	height: 360px;
	background: #fff;
}
.form-title{
	background: #E61931;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
}
.form-name,.form-tel,.form-yzm{
	width: 80%;
	height: 34px;
	line-height: 34px;
	margin: 20px auto 0;
	border: 1px solid #E61931;
}
.form-name{
	margin-top: 40px;
}
.form-name input,.form-tel input,.form-yzm input{
	height: 30px;
	line-height: 30px;
	padding-left: 26px;
	font-size: 14px;
}
.form-name input{
	width: 100%;
	background: url(../imgs/kaoyan/icon1.png) no-repeat 2px;
	background-size: 26px;
}

.form-tel input{
	width: 55%;
	background: url(../imgs/kaoyan/icon2.png) no-repeat 2px;
	background-size: 26px;
}
.form-yzm input{
	width: 100%;
	background: url(../imgs/kaoyan/icon3.png) no-repeat 2px;
	background-size: 26px;
}
.form-tel button{
	width: 40%;
    height: 26px;
    line-height: 26px;
    background: #fff;
    border: 0;
    border-left: 1px solid #E61931;
    font-size: 14px;
    color: #E61931;
    outline: none;
}
.form-btn{
	margin-top: 40px;
}
.form-btn button{
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	background: #E61931;
	border: 0;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	outline: none;
}

/*数字*/
.num-box{
	height: 136px;
	background: url(../imgs/kaoyan/num.png) no-repeat;
}
.num-con{
	display: flex;
	display: -webkit-flex;
}
.num-con>li{
	flex: 1;
	text-align: center;
	color: #fff;
	margin-top: 20px;
}
.num-fir{
	font-size: 36px;
	font-weight: 600;
}
.num-sec{
	width: 30px;
    margin: 0 auto 5px;
    height: 2px;
    background: rgba(255,255,255,.6);
    position: relative;
    top: -5px;
}
.num-thir{
	font-size: 14px;
	
}
/*标题   统一*/
.title-box{
	text-align: center;
	font-size: 36px;
	color: #333333;
	margin: 52px auto 42px;
	letter-spacing: 2px;
	border-bottom: 4px solid #F3F3F3;
}
.title-box.title-box1{
	width: 440px;
}
/*考试指南*/
.kszn-box{
	width: 100%;
	height: 230px;
	background: #fff;
	box-shadow:5px 5px 5px #F5F5F5,
		5px -5px 5px #F5F5F5,
		-5px 5px 5px #F5F5F5,
		-5px -5px 5px #F5F5F5;
	display: flex;
	display: -webkit-flex;
	border-radius: 20px;
}
.kszn-box li{
	flex: 1;
	text-align: center;
	font-size: 16px;
	padding-top: 45px;
}
.kszn-box li img{
	width: 100px;
	height: 100px;
}
.kszn-box li p:last-child{
	height: 40px;
	line-height: 40px;
	letter-spacing: 2px;
	color: #333;
}
/*全阶段课程体系*/
.title-box.title-box2{
	width: 280px;
}
.tx-box{
	width: 100%;
	border: 4px solid #FFE3B9;
	padding: 50px 0;
}
.tx-top{
	display: flex;
	display: -webkit-flex;
	height: 80px;
}
.tx-top li{
	flex: 1;
	text-align: center;
	border-left: 1px dashed #DCDCDC;
}
.tx-top li:first-child{
	border-left: 0;
}
.tx-top li p:first-child{
	font-size: 26px;
}
.tx-top li p:last-child{
	font-size: 18px;
	color: #424340;
}
.ys1{
	color: #FF9D00;
}
.ys2{
	color: #13D291;
}
.ys3{
	color: #AB77FA;
}
.ys4{
	color: #EB947A;
}
.ys5{
	color: #39B7F1;
}
.tx-mid{
	width: 100%;
	height: 1px;
	background: #DEDEDE;
	margin: 32px auto 26px;
	display: flex;
	display: -webkit-flex;
}
.tx-mid li{
	width: 30px;
	height: 30px;
	margin: 0 auto;
	
	border-radius: 50%;
	position: relative;
    top: -15px;
}
.tx-mid li p{
	width: 20px;
	height: 20px;
	margin: 4px auto;
	border-radius: 50%;
}
.bg1{
	background: #FF9D00;
}
.bg2{
	background: #13D291;
}
.bg3{
	background: #AB77FA;
}
.bg4{
	background:  #EB947A;
}
.bg5{
	background: #39B7F1;
}

.bd1{
	border: 1px dashed #FF9D00;
}
.bd2{
	border: 1px dashed #13D291;
}
.bd3{
	border: 1px dashed #AB77FA;
}
.bd4{
	border: 1px dashed #EB947A;
}
.bd5{
	border: 1px dashed #39B7F1;
}
.tx-btm{
	display: flex;
	display: -webkit-flex;
}
.tx-btm li{
	text-align: center;
	flex: 1;
}
.tx-btm li p:first-child{
	width: 110px;
	height: 32px;
	line-height: 32px;
	margin: 0 auto;
	color: #fff;
	border-radius: 20px;
	font-size: 14px;
}
.tx-btm li p:last-child{
	font-size: 16px;
	letter-spacing: 1px;
	height: 32px;
	line-height: 32px;
}
/*学员常见问题咨询*/
.wt-box{
	background: #76D6E7;
	margin-top: 54px;
	padding-top: 20px;
	padding-bottom: 54px;
}
.wt-title{
	height: 26px;
	line-height: 26px;
	border-left: 6px solid #fff;
	font-size: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-indent: 6px;
	color: #fff;
	letter-spacing: 1px;
	/*font-weight: 600;*/
}
.wt-con{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	padding: 0 40px;
}
.wt-con li{
	width: 49%;
	height: 54px;
	line-height: 54px;
	border: 1px solid #fff;
	margin-top: 10px;
	display: flex;
	display: -webkit-flex;
}
.wt-con li:nth-child(2n){
	margin-left: 2%;
}
.wt-con li p:first-child{
	flex: 1;
	text-indent: 20px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.wt-con li p:last-child{
	width: 120px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	border-radius: 20px;
	text-align: center;
	margin: 11px 20px;
	font-size: 16px;
	letter-spacing: 1px;
}
/*音乐考研课程解读*/
.title-box.title-box3{
	width: 320px;
}
.kcjd-box{
	position: relative;
}
/*.kcjd-con{
	width: 80%;
	margin: 0 auto;
}*/
.kcjd-itemtop{
	position: relative;
}
.kcjd-img img{
	width: 100%;
}
.kcjd-play{
	width: 80px;
    position: absolute;
    top: 80px;
    left: 130px;
}
.kcjd-play img{
	width: 100%;
}
.kcjd-box .swiper-button-prev,
.kcjd-box .swiper-button-next{
	margin: 0;
	top: 94px;
}
.kcjd-box .swiper-button-prev{
	left: -40px;
	background-image:url(../imgs/kaoyan/major_left.png);
}
.kcjd-box .swiper-button-next{
	right:-40px ;
	background-image: url(../imgs/kaoyan/major_right.png);
}
.kcjd-box .swiper-button-next.swiper-button-disabled, 
.kcjd-box .swiper-button-prev.swiper-button-disabled{
	opacity: initial;
}
.kcjd-itembtm{
	display: flex;
	display: -webkit-flex;
	margin-top: 20px;
}
.kcjd-itembtm p:first-child{
	width: 120px;
	height: 32px;
	line-height: 32px;
	background: #F58635;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.kcjd-itembtm p:last-child{
	flex: 1;
	text-indent: 10px;
	height: 20px;
	line-height: 20px;
	position: relative;
	top: 12px;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	letter-spacing: 1px;
}
.kcjd-itembtm p:last-child a{
	text-decoration: underline;
	
}
.title-box.title-box4{
	width: 750px;
}

/*资深规划师根据您的工作 匹配院校专业*/
.zy-title{
	text-align: center;
}
.zy-title li:first-child{
	font-size: 18px;
	letter-spacing: 1px;
}
.zy-title li:nth-child(2){
	width: 1px;
	margin: 0 auto;
	height: 56px;
	background: #DEDEDE;
	margin-top: 10px;
}
.zy-title li:last-child{
	width: 12px;
	height: 12px;
	margin: 0 auto;
	border: 2px solid #E61931;
	border-radius: 50%;
}

.zy-sec{
	display: flex;
	display: -webkit-flex;
	margin: 20px 0;
	font-size: 18px;
	color: #333;
	letter-spacing: 1px;
	cursor: pointer;
}
.zy-sec ul{
	flex: 1;
	display: flex;
	display: -webkit-flex;
}
.zy-sec ul li{
	flex: 1;
	text-align: center;
}
.zy-sec div{
	width: 100px;
	text-align: center;
}

.zy-item1{
	display: flex;
	display: -webkit-flex;
}
.zy-item1 ul{
	width: 70%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.zy-item1 ul li{
	flex: 33.3%;
	text-align: center;
	height: 160px;
	background: #fff;
	/*transition: all 1s;*/
}
.zy-item1 ul li:nth-child(2),
.zy-item1 ul li:nth-child(5){
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.zy-item1 ul li:nth-child(1),
.zy-item1 ul li:nth-child(2),
.zy-item1 ul li:nth-child(3){
	border-bottom: 1px solid #ddd;
}
.more-item{
	width: 30%;
	height: 320px;
	background: #fff;
	box-shadow: -5px 5px 5px #F5F5F5, 5px 5px 5px #F5F5F5;
	text-align: center;
	padding-top: 120px;
}
.more-item p:last-child{
	font-size: 24px;
	color: #000;
}
.more-item:hover{
	background: #E61931;
}
.more-item:hover p:last-child{
	color: #fff;
}
.zy-item1 ul li:hover{
	    box-shadow: 0px 10px 25px 0px #ececec;
	        margin: -1px;
    padding: 1px;
    z-index: 10;
}
.zy-item1 ul li p:first-child{
	font-size: 24px;
	font-weight: 600;
	color: #000;
	padding-top: 40px;
}
/*button*/
.btn-item1{
	width: 240px;
	margin: 50px auto 0;
	height: 54px;
	line-height: 54px;
	background: #E61931;
	color: #fff;
	text-align: center;
	font-size: 18px;
	border-radius: 10px;
	letter-spacing: 2px;
}
.info-item1{
	text-align: center;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
}
.hr{
	width: 100%;
	height: 1px;
	background: #E61931;
	margin-top: 60px;
}
/*学习模式*/
.title-box.title-box5{
	width: 180px;
}
#wrap{
	overflow: hidden;
	width: 100%;
	height: 308px;
}
#wrap > ul{
	width: 120%;
}
#wrap > ul > li{
	float: left;
	width: 10%;
	height: 308px;
	cursor: pointer;
	}
#wrap > ul > li:nth-child(1){
	background: url(../imgs/kaoyan/s1.png) no-repeat center/cover;
	width: 300px;
}
.curr .text{
	overflow: hidden;
}
#wrap > ul > li:nth-child(2){background: url(../imgs/kaoyan/s2.png) no-repeat center/cover;}
#wrap > ul > li:nth-child(3){background: url(../imgs/kaoyan/s3.png) no-repeat center/cover;}
#wrap > ul > li:nth-child(4){background: url(../imgs/kaoyan/s4.png) no-repeat center/cover;}	
#wrap > ul > li:nth-child(5){background: url(../imgs/kaoyan/s5.png) no-repeat center/cover;}
#wrap > ul > li:nth-child(6){background: url(../imgs/kaoyan/s6.png) no-repeat center/cover;}
#wrap > ul > li:nth-child(7){background: url(../imgs/kaoyan/s7.png) no-repeat center/cover;}
#wrap > ul > li:nth-child(8){background: url(../imgs/kaoyan/s8.png) no-repeat center/cover;}
#wrap > ul > li > .text{width: 100%;height: 50px;background: #000;opacity: .4;}
#wrap > ul > li > .text p{padding-top: 4px;text-align: center;font-family: 'Microsoft yahei';color: #fff;font-weight: bold;}
/*2*/
.m5Li {padding-top: 60px;}
.m5Li{
	display: flex;
	display: -webkit-flex;
}
.m5Li .flip-container{
	flex: 1;
	margin-left: 2%;
	height: 173px;
	-webkit-perspective: 500;
-moz-perspective: 500;
-ms-perspective: 500;
perspective: 500;
-ms-transform: perspective(500px);
-moz-transform: perspective(500px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
position: relative;
border-radius: 10px;
}
.m5Li .flip-container:first-child{
	margin-left: 0;
}

.front, .back {
    width: 100%;
    height: 173px;
    border-radius: 10px;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
    position: absolute;
    top: 0px;
    left: 0px;
}
.flip-container:hover .front{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-container:hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 3;
}


.front {
    background: #fff;
    border: 1px solid #ff962c;
    z-index: 2;
}
.back {
    background: #ff962c;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    padding-top: 6px;
}

.m5Li .flip-container:nth-child(2) .front {border: 1px solid #32b16c;}
.m5Li .flip-container:nth-child(2) .back {background: #32b16c;}
.m5Li .flip-container:nth-child(2) .back p {text-align: center;padding: 10px 0 0 0;}
.m5Li .flip-container:nth-child(3) .front {border: 1px solid #ab77fa;}
.m5Li .flip-container:nth-child(3) .back {background: #ab77fa;}
.m5Li .flip-container:nth-child(4) .front {border: 1px solid #ff5b2a;}
.m5Li .flip-container:nth-child(4) .back {background: #ff5b2a;}
.m5Li .flip-container:nth-child(4) .back p {padding-top: 40px;}
.m5Li .flip-container:nth-child(5) .front {border: 1px solid #39b7f1;}
.m5Li .flip-container:nth-child(5) .back {background: #39b7f1;}
.m5Li .flip-container:nth-child(5) .back p {text-align: center;padding: 10px 0 0 0;}


.front>div{
	display: flex;
	display: -webkit-flex;
}
.front>div img{
	margin: 36px 0 0 60px;
}
.front>div h3 {flex:1;color: #333333;font-size: 30px;margin: 40px 0 0 20px;}

.front p {color: #333333;font-size: 14px;padding-top: 30px;text-align: center;}
.back p {padding: 10px 0 0 44px;color: #ffffff;font-size: 16px;line-height: 1.8;}
/*艺考名校资深教师实战经验倾囊相授*/
.title-box.title-box6{
	width: 640px;
}

.p7 .main{
    position:relative;
}
.p7 .img{
    width:415px;
    height:570px;
    overflow:hidden;
    position:relative;
    background:url("../imgs/kaoyan/p7-img.png") no-repeat center;
}
.p7 .img img{
    left:-415px;
    position:absolute;
    transition:0.8s;
}
.p7 .img img.act{
    left:0;
    transition:0.8s;
}
.p7 .info{
    top:0;
    right:0;
    width:580px;
    height:300px;
    overflow:hidden;
    position:absolute;
    background:url("../imgs/kaoyan/p7-line.png") no-repeat center bottom;
}
.p7 .txt{
    top:-310px;
    width:580px;
    height:300px;
    position:absolute;
    transition:0.8s;
}
.p7 .txt.act{
    top:0;
    display:block;
    transition:0.8s;
}
.p7 .txt h2{
    font-size:36px;
    font-weight:bold;
    line-height:36px;
}
.p7 .txt h2 span{
    padding-left:24px;
    font-size:18px;
    font-weight:normal;
    line-height:36px;
}
.p7 .txt p{
    margin-top:30px;
    font-size:16px;
    line-height:40px;
}
.p7 .teacher{
    top:322px;
    right:40px;
    width:540px;
    height:168px;
    position:absolute;
}
.p7 .teacher img{
    margin:0 auto;
    display:block;
    cursor:pointer;
    border:2px solid #ffffff;
    transition:0.4s;
}
.p7 .teacher .swiper-slide.act img{
    border:2px solid #E61931;
    transition:0.4s;
}
.p7 .teacher .swiper-container{
    width:540px;
    height:168px;
    overflow:hidden;
}
.p7 .teacher a.left{
    top:66px;
    left:-48px;
    width:32px;
    height:32px;
    cursor:pointer;
    position:absolute;
    background:url("../imgs/kaoyan/left1.png") no-repeat center;
    transition:0.4s;
}
.p7 .teacher a.right{
    top:66px;
    right:-48px;
    width:32px;
    height:32px;
    cursor:pointer;
    position:absolute;
    background:url("../imgs/kaoyan/right1.png") no-repeat center;
    transition:0.4s;
}
.p7 .teacher a.left:hover{
    background:url("../imgs/kaoyan/left1-2.png") no-repeat center;
    transition:0.4s;
}
.p7 .teacher a.right:hover{
    background:url("../imgs/kaoyan/right1-2.png") no-repeat center;
    transition:0.4s;
}
a.btn{
    margin:0 auto;
    width:280px;
    height:54px;
    line-height: 40px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
    display:block;
    background:#E61931;
    border-radius:4px;
    border:1px solid #ffffff;
    position:relative;
    overflow:hidden;
    
}
a.btn:hover{
	color: #fff;
}


/*高效学习 从舒适的教学环境做起*/
.title-box.title-box7{
	width: 570px;
}
.hj-box{
	display: flex;
	display: -webkit-flex;
}
.hj-box>ul{
	flex: 1;
	margin-left: 20px;
}
.hj-box>ul:first-child{
	margin-left: 0;
}
.hj-box>ul img{
	width: 100%;
}
.hj-box>ul li:last-child{
	margin-top: 20px;
}
/*新闻*/
.news-title{
	height: 40px;
	line-height: 40px;
	background: #F5F5F5;
	color: #E61931;
	border-bottom: 1px solid #E61931;
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 20px;
	text-indent: 10px;
}
.news-box{
	display: flex;
	display: -webkit-flex;
}
.news-con{
	flex: 1;
	margin-left: 10px;
	overflow: hidden;
}
.news-con:first-child{
	margin-left: 0;
}
.news-con>p{
	border-left: 4px solid #E61931;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	height: 18px;
	line-height: 18px;
	text-indent: 10px;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.news-item li{
	display: flex;
	display: -webkit-flex;
	text-indent: 15px;
	overflow: hidden;
	line-height: 30px;
    height: 30px;
}
.news-item li p:first-child{
	flex: 1;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	letter-spacing: 1px;
}
.news-item li p:last-child{
	width: 60px;
	font-size: 14px;
}
/*广告*/
.ad-box{
	display: flex;
	display: -webkit-flex;
	margin-top: 30px;
}
.ad-box li{
	flex: 1;
	margin-left: 10px;
}
.ad-box li:first-child{
	margin-left: 0;
}
.ad-box li img{
	width: 100%;
}


/*表单提交1*/
.wldream-bg{
	margin-top: 5rem;
    padding: 4rem 0;
	background: url(../imgs/kaoyan/wldreambg.jpg) no-repeat center;
}
.wldream-box{
	display: flex;
}
.wldream-box>div{
	flex: 1;
}
.wldream-rtcon{
	width: 80%;
	margin: 0 auto;
	background: #fff;
	border-radius: .6rem;
	overflow: hidden;
}
.wldream-title{
	padding: 3rem 0;
	background: #e61931;
	color: #fff;
	text-align: center;
}
.wldream-title li:first-child{
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: .1rem;
}
.wldream-title li:last-child{
	letter-spacing: .1rem;
}
.wldream-form{
	padding: 2rem 0 6rem;
	background: #fff;
}
.wldream-form li{
	width: 80%;
	height: 3rem;
	line-height: 3rem;
	margin: 0 auto;
	margin-top: 2rem;
	background: #ddd;
	border-radius: .4rem;
}
.wldream-form li span{
	display: inline-block;
	width: 32%;
	text-align: right;
}
.wldream-form li input,
.wldream-form li select{
	display: inline-block;
	width: 60%;
	height: 3rem;
	line-height: 3rem;
	background: #ddd;
	border: 0;
	outline: none;
}
.wldream-form li:last-child{
	width: 40%;
	background: #e61931;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: .1rem;
	margin-top: 3rem;
}
.wldream-form li:last-child input{
background: #e61931;
}