body{margin:0;padding:0;font-size:12px;background-color:#fff;font-family:Arial, Helvetica, sans-serif; font-family:"微软雅黑";}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
ul{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
.clear{clear:both;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 


#PlaneBannerBg{
	width: 100%;
	height: 520px;
	background: url(../images/planeClassBannerBg.jpg) no-repeat top ;
}
#PlaneBanner{
	display: block;
	width: 1020px;
	height: 520px;
	margin: 0 auto;
}

.PhoneDis{
	display: none;
}

#PlaneStudy{
	width: 1020px;
	padding: 50px 0;
	margin: 0 auto;
}
.generalTitle{
	font-size: 30px;
	color: #333333;
	text-align: center;
	font-weight: 400;
}
.generalTitle span{
	color:#ff3f3f;
}

.LineBox{
	width: 530px;
	background: url(../images/LineBgrepeat.jpg) repeat-x left;
	margin: 0 auto 20px;
}
.LineBox p{
	background: #FFFFFF;
	font-size: 20px;
	color: #666666;
	text-align: center;
	line-height: 50px;
	width: 80%;
	margin: 0 auto;
}
#PlaneStudy img{
	display: block;
	margin: 0 auto 30px;
}
#PlaneStudy a{
	display: block;
	width: 450px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF !important;
	font-size: 18px;
	text-align: center;
	background: #ff3f3f;
	border-radius: 15px;
	margin: 0 auto;
	text-decoration: none;
}
#StateBg{
	width: 100%;
	background: #f5f5f5;
}
#State{
	width: 1020px;
	margin: 0 auto;
	padding: 50px 0;
}
#State .LineBox{
	margin-bottom: 30px;
}
#State .LineBox p{
	background: #f5f5f5;
}

.RedBox{
	background: #ff3f3f;
	width: 288px;
	height: 110px;
	color: #FFF;
	padding: 15px 0;
	text-align: center;
	float: left;
	margin-right: 78px;
	margin-bottom: 45px;
	box-shadow: #ff3f3f 0px 0px 50px;
	cursor: pointer;
}
.RedBox:nth-of-type(3n+1){
	margin-right: 0;
}
.RedBox h3{
	font-size: 22px;
	color: #FFFFFF;
	line-height: 50px;
}
.RedBox p{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 30px;
}

#PayBg{
	width: 100%;
	background: #FF3F3F;
}
#Pay{
	width: 1020px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
	color: #FFFFFF;
}
#Pay h2,#works h2{
	font-size: 30px;
	font-weight: 400;
	line-height: 60px;
	color: #FFFFFF;
}
#Pay p{
	font-size: 16px;
	line-height: 30px;
}
#Pay img{
	display: block;
	margin: 20px auto 0;
}

#Tips{
	width: 1020px;
	margin: 0 auto;
	padding: 50px 0;
}
#Tips li{
	width: 460px;
	float: left;
	margin-bottom: 20px;
}
#Tips li h4{
	color: #FFFFFF;
	font-size: 20px;
	background: #000000;
	line-height: 40px;
	float: left;
	text-align: center;
	margin: 20px 0;
	padding: 0 10px;
}
#Tips li p{
	font-size: 15px;
	color: #333333;
	line-height: 30px;
	width: 95%;
	text-indent: 32px;
}

#Tips li:nth-of-type(even){
	margin-left: 100px;
}

#PrintBg{
	width: 100%;
	background: #F5F5F5;
}
#Print{
	width: 1020px;
	margin: 0 auto;
	padding: 50px 0;
}
#Print .LineBox p{
	background: #F5F5F5 !important;
}
#Print img{
	display:block;
	float: left;
	margin-bottom: 18px;
}
#Print .PrintMinImg{
	margin-right: 18px;
}
#Print .PrintMinImg:nth-of-type(5){
	margin-right: 0;
}
#Print img:nth-of-type(1){
	margin-right: 30px;
}


#worksBg{
	width: 100%;
	background: #ff3f3f;
}
#works{
	width: 1020px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}
.WorksImg{
	float: left;
}
.WorksImg img{
	display: block;
	margin-bottom: 14px;
	cursor: pointer;
}
.WorksImg01{
	width: 247px;
	height: 360px;
}
.WorksImg01,.WorksImg02{
	margin-right: 14px;
}
.WorksImg04{
	margin-right: 18px;
}
.WorksImg04:nth-of-type(3n){
	margin-right: 0;
}

.WorksBtn{
	display: block;
	width: 235px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 15px;
	line-height: 50px;
	font-size: 24px;
	margin: 20px auto 0;
	cursor: pointer;
	color: #000000;
}


#Panter{
	width: 1020px;
	margin: 0 auto;
	padding: 50px 0;
}
#Panter img{
	display: block;
	float: left;
	margin-right:27px;
	margin-bottom: 23px;
}
#Panter img:nth-of-type(5n+5){
	margin-right: 0;
}

/*CSS3.0特效*/
#PlaneStudy a{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}
#PlaneStudy a:hover{
	background:#fff;
	color: #666666 !important;
}

#PlaneStudy a::before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255,63,63,0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 15px;
}
#PlaneStudy a:hover::before{
	opacity: 0 ;
	-webkit-transform: scale(0.5,0.5);
	transform: scale(0.5,0.5);
}

#PlaneStudy a::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border: 1px solid rgba(255,63,63,1);
	border-radius: 15px;
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
#PlaneStudy a:hover::after{
	opacity: 1;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}

.RedBox {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;	
	overflow: hidden;
}

.RedBox::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1;
	-webkit-transform: translate(0,-105%);
	transform: translate(0,-105%);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,1);
	background-color: rgba(255,255,255,0.25);
}
.RedBox:hover::before{
	opacity: 0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}

#Print img{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	transform: scale(1);
	
}
/*缩放动画*/
#Print img:hover{
	animation: Myani .3s alternate;
	-moz-animation: Myani .3s alternate ;
	-webkit-animation:  Myani .3s alternate;
	}
@keyframes Myani{
	0%, 100% {
    -moz-transform: transform: scale(1);
    -ms-transform: transform: scale(1);
    -webkit-transform: transform: scale(1);
    transform: scale(1);
  }
  
  50%{
  	  -moz-transform: transform: scale(0.9);
    -ms-transform: transform: scale(0.9);
    -webkit-transform: transform: scale(0.9);
    transform: scale(0.9);
  }

}

.cssbox {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.cssbox img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.cssbox:hover{
	background-color: rgba(255,255,255,0);
}
.cssbox:hover > img{
	opacity: 0;
	-webkit-transform: translate(0px,-80px);
	transform: translate(0px,-80px);
}
.cssbox::after{
	content:url(../images/PlaneWorksImg01.jpg);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
	-webkit-transform: translate(0, 30%);
	transform: translate(0, 30%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;	
}
.cssbox01::after{	
	content:url(../images/PlaneWorksImg01.jpg);
}
.cssbox02::after{	
	content:url(../images/PlaneWorksImg02.jpg);
}
.cssbox03::after{	
	content:url(../images/PlaneWorksImg03.jpg);
}
.cssbox04::after{	
	content:url(../images/PlaneWorksImg04.jpg);
}
.cssbox05::after{	
	content:url(../images/PlaneWorksImg05.jpg);
}
.cssbox06::after{	
	content:url(../mages/PlaneWorksImg06.jpg);
}
.cssbox07::after{	
	content:url(../images/PlaneWorksImg07.jpg);
}
.cssbox:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


.WorksBtn{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}
.WorksBtn:hover{
	background:none;
	color: #FFFFFF !important;
}

.WorksBtn::before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255,63,63,0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 15px;
}
.WorksBtn:hover::before{
	opacity: 0 ;
	-webkit-transform: scale(0.5,0.5);
	transform: scale(0.5,0.5);
}

.WorksBtn::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border: 1px solid rgba(255,255,255,1);
	border-radius: 15px;
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
.WorksBtn:hover::after{
	opacity: 1;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}




@media screen and (min-width:768px ) and (max-width:991px) {
	img{ max-width: 100%;}
#PlaneBannerBg{
	background: none;
	height: auto;
}
#PlaneBanner{
	width: 100%;
	height: auto;
}
.PhoneDis{
	display: block;
}
	
#PlaneStudy{
	width: 100%;
	padding: 50px 0;
}

#StateBg{
	width: 100%;
	background: #f5f5f5;
}
#State{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
#State .LineBox{
	margin-bottom: 30px;
}
#State .LineBox p{
	background: #f5f5f5;
}

.RedBox{
	background: #ff3f3f;
	width: 45%;
	height: 110px;
	color: #FFF;
	padding: 15px 0;
	text-align: center;
	float: left;
	margin-right: 0;
	margin-bottom: 45px;
	box-shadow: #ff3f3f 0px 0px 50px;
}
.RedBox:nth-of-type(even){
	margin-right: 5%;
	margin-left: 2.5%;;
}


.RedBox h3{
	font-size: 22px;
	color: #FFFFFF;
	line-height: 50px;
}
.RedBox p{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 30px;
}

#Pay{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
	color: #FFFFFF;
}
#Pay h2,#works h2{
	font-size: 30px;
	font-weight: 400;
	line-height: 60px;
}
#Pay p{
	font-size: 16px;
	line-height: 30px;
}
#Pay img{
	display: block;
	width: 80%;
	margin: 20px auto 0;
}

#Tips{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
#Tips li{
	width: 47%;
	float: left;
	margin-bottom: 20px;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
#Tips li h4{
	color: #FFFFFF;
	font-size: 20px;
	background: #000000;
	line-height: 40px;
	float: left;
	text-align: center;
	margin: 20px 0;
}
#Tips li p{
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	width: 95%;
}

#Tips li:nth-of-type(even){
	margin-left: 1.5%;
}

#Print{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
#Print .LineBox p{
	background: #F5F5F5 !important;
}
#Print img{
	display:block;
	float: left;
	width: 46%;
	margin: 0 2% 18px;
}
#Print .PrintMinImg{
	margin:0 1.5%;
	width: 30.33333%;
}
#Print .PrintMinImg:nth-of-type(5){
	margin-right: 0;
}
#Print img:nth-of-type(1){
	margin: 0 2% 18px;
}


#works{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
.WorksImg{
	float: left;
}
.WorksImg img{
	display: block;
	margin-bottom: 14px;
	cursor: pointer;
}
.WorksImg01{
	width: 247px;
	height: 360px;
}
.WorksImg01,.WorksImg02,.WorksImg03{
	margin-right: 14px;
	display: none;
}
.WorksImg04{
	margin:0 1.5%;
	width: 30.3333%;
}
.WorksImg04:nth-of-type(3n){
	margin:0 1.5%;
}

.WorksBtn{
	display: block;
	width: 235px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 15px;
	line-height: 50px;
	font-size: 24px;
	margin: 20px auto 0;
	cursor: pointer;
}


#Panter{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
#Panter img{
	display: block;
	width: 18%;
	float: left;
	margin:0 1%;
	margin-bottom: 5px;
}
#Panter img:nth-of-type(5n+5){
	margin:0 1%;
	margin-bottom: 5px;
}

}/*IPAD*/





@media screen and (max-width:767px ) {
	img{ max-width: 100%;}

#PlaneBannerBg{
	background: none;
	height: auto;
}
#PlaneBanner{
	width: 100%;
	height: auto;
}
.PhoneDis{
	display: block;
}
#PlaneStudy{
	width: 100%;
	padding: 20px 0;
}


.generalTitle{
	font-size: 18px;
	color: #333333;
	text-align: center;
	font-weight: 400;
}

.LineBox{
	width: 95%;
	background: url(../images/LineBgrepeat.jpg) repeat-x left;
	margin: 0 auto;
}
.LineBox p{
	background: #FFFFFF;
	font-size: 12px;
	color: #666666;
	text-align: center;
	line-height: 30px;
	width: 80%;
	margin: 0 auto;
}
#PlaneStudy img{
	display: block;
	margin: 0 auto 20px;
}
#PlaneStudy a{
	display: block;
	width: 80%;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF !important;
	font-size: 14px;
	text-align: center;
	background: #ff3f3f;
	border-radius: 15px;
	margin: 0 auto;
	text-decoration: none;
}


#StateBg{
	width: 100%;
	background: #f5f5f5;
}
#State{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
#State .LineBox{
	margin-bottom: 30px;
}
#State .LineBox p{
	background: #f5f5f5;
}

.RedBox{
	background: #ff3f3f;
	width: 45%;
	height: 110px;
	color: #FFF;
	padding: 15px 0;
	text-align: center;
	float: left;
	margin-right: 0;
	margin-bottom: 35px;
	box-shadow: #ff3f3f 0px 0px 30px;
}
.RedBox:nth-of-type(even){
	margin-right: 5%;
	margin-left: 2.5%;;
}


.RedBox h3{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 40px;
}
.RedBox p{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
}

#Pay{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: #FFFFFF;
}
#Pay h2,#works h2{
	font-size: 18px;
	font-weight: 400;
	line-height: 40px;
}
#Pay p{
	font-size: 14px;
	line-height: 25px;
}
#Pay img{
	display: block;
	width: 90%;
	margin: 20px auto 0;
}


#Tips{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
#Tips li{
	width: 98%;
	float: left;
	margin-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
}
#Tips li h4{
	color: #FFFFFF;
	font-size: 20px;
	background: #000000;
	line-height: 30px;
	float: left;
	text-align: center;
	margin: 10px 0;
}
#Tips li p{
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	width: 95%;
}

#Tips li:nth-of-type(even){
	margin-left: 1%;
}

#Print{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
#Print .LineBox p{
	background: #F5F5F5 !important;
}
#Print img{
	display:block;
	float: left;
	width: 48%;
	margin: 0 1% 10px;
}
#Print .PrintMinImg{
	margin:0 0.5%;
	width: 32.33333%;
}
#Print .PrintMinImg:nth-of-type(5){
	margin-right: 0;
}
#Print img:nth-of-type(1){
	margin: 0 1% 10px;
}


#works{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
.WorksImg{
	float: left;
}
.WorksImg img{
	display: block;
	margin-bottom: 14px;
	cursor: pointer;
	width: 100%;
}
.WorksImg01{
	width: 247px;
	height: 360px;
}
.WorksImg01,.WorksImg02,.WorksImg03{
	margin-right: 14px;
	display: none;
}
.WorksImg04{
	margin:0 5%;
	width: 90%;
}
.WorksImg04:nth-of-type(3n){
	margin:0 5%;
}

.WorksBtn{
	display: block;
	width: 50%;
	height: 40px;
	background: #FFFFFF;
	border-radius: 15px;
	line-height: 40px;
	font-size: 16px;
	margin: 20px auto 0;
	cursor: pointer;
}
#Panter{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
#Panter img{
	display: block;
	width: 18%;
	float: left;
	margin:0 1%;
	margin-bottom: 5px;
}
#Panter img:nth-of-type(5n+5){
	margin:0 1%;
	margin-bottom: 5px;
}


}/*Phone*/
/*new*/

.plane_new_course{ width: 100%;}
.plane_new_course_0l{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_01.jpg) center no-repeat;}
.plane_new_course_02{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_02.jpg) center no-repeat;}
.plane_new_course_03{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_03.jpg) center no-repeat;}
.plane_new_course_04{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_04.jpg) center no-repeat;}
.plane_new_course_05{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_05.jpg) center no-repeat;}
.plane_new_course_06{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_06.jpg) center no-repeat;}
.plane_new_course_07{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_07.jpg) center no-repeat;}
.plane_new_course_08{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_08.jpg) center no-repeat;}
.plane_new_course_09{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_09.jpg) center no-repeat;}
.plane_new_course_10{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_10.jpg) center no-repeat;}
.plane_new_course_11{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_11.jpg) center no-repeat;}
.plane_new_course_12{ width: 100%; height: 600px; background:url(../images/plane_new_course_bg_12.jpg) center no-repeat;}
.plane_new_course_area{ width: 50%; display: none; transition:0.6s;}
.plane_new_course_main{ width: 610px; height: 600px; background-color:rgba(16,25,37,0.6); }
.plane_new_course_0l .plane_new_course_area{ float: right;}
.plane_new_course_03 .plane_new_course_area{ float: right;}
.plane_new_course_05 .plane_new_course_area{ float: right;}
.plane_new_course_07 .plane_new_course_area{ float: right;}
.plane_new_course_09 .plane_new_course_area{ float: right;}
.plane_new_course_11 .plane_new_course_area{ float: right;}

.plane_new_course_02 .plane_new_course_area .plane_new_course_main{ float: right;}
.plane_new_course_04 .plane_new_course_area .plane_new_course_main{ float: right;}
.plane_new_course_06 .plane_new_course_area .plane_new_course_main{ float: right;}
.plane_new_course_08 .plane_new_course_area .plane_new_course_main{ float: right;}
.plane_new_course_10 .plane_new_course_area .plane_new_course_main{ float: right;}
.plane_new_course_12 .plane_new_course_area .plane_new_course_main{ float: right;}

.plane_new_course_main h3{ font-size: 28px; color: #fff; padding: 80px 0 0 30px; }
.plane_new_course_main h4{ font-size: 20px; color: #fff; padding: 0 0 20px 30px; font-weight: 600;}
.plane_new_course_main p{ font-size: 16px; color: #fff; padding: 0 60px 70px 30px; line-height: 38px;}
.plane_new_course_main a{ display: block; color: #ff5151; font-size: 18px; padding-left: 30px; cursor: pointer;}
.plane_new_course_0l:hover .plane_new_course_area{ display: block; }
.plane_new_course_02:hover .plane_new_course_area{ display: block; }
.plane_new_course_03:hover .plane_new_course_area{ display: block; }
.plane_new_course_04:hover .plane_new_course_area{ display: block; }
.plane_new_course_05:hover .plane_new_course_area{ display: block; }
.plane_new_course_06:hover .plane_new_course_area{ display: block; }
.plane_new_course_07:hover .plane_new_course_area{ display: block; }
.plane_new_course_08:hover .plane_new_course_area{ display: block; }
.plane_new_course_09:hover .plane_new_course_area{ display: block; }
.plane_new_course_10:hover .plane_new_course_area{ display: block; }
.plane_new_course_11:hover .plane_new_course_area{ display: block; }
.plane_new_course_12:hover .plane_new_course_area{ display: block; }
.plane_new_course>a{ display: block; width: 240px; height: 50px; margin: 60px auto 80px; background-color: #ff4141; border-radius: 50px; font-size: 18px; text-align: center; line-height: 50px;  color: #fff;}

#plane_new_al{ width: 100%; background-color: #262626;}
#plane_new_alm{ width: 1220px; margin: 0 auto; background:url(../images/plane_new_alm_bg.jpg) center no-repeat;  padding: 40px 0;}
.plane_new_alm_l{ width: 450px; float: left;}
#plane_new_alm ul li:nth-of-type(1),#plane_new_alm ul li:nth-of-type(4){ margin-left: 180px;}
#plane_new_alm ul li:nth-of-type(2),#plane_new_alm ul li:nth-of-type(3){ margin-left: 120px;}
.plane_new_alm_m{ width: 320px; float: left; position: relative; }
.plane_new_alm_m img{ position: absolute; top: 100px;}
.plane_new_alm_m p{ font-size: 34px; color: #fff; font-weight: 900; margin:200px 0 0 110px;}
.plane_new_alm_m img:nth-of-type(1){ animation: toturn 8s ease-in infinite alternate;}
@keyframes toturn{
	from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.plane_new_alm_r{ width: 450px; float: right;}
#plane_new_alm li{ width:180px; height: 50px; background-color: #ff4141; border-radius: 50px; color: #fff;  font-size: 22px; font-weight: 600; text-align: center; line-height: 50px; margin: 70px 0; transition:0.6s;}
#plane_new_alm li:hover{transform:translateX(20px);}
.plane_new_alm_a a{display: block; width: 240px; height: 50px; margin: 60px auto 80px; background-color: #ff4141; border-radius: 50px; font-size: 18px; text-align: center; line-height: 50px;  color: #fff;}
/*new*/

#plane_new_tea{width: 1220px; margin: 0 auto 50px; color: #fff;}
.plane_new_tea_area{ width: 380px; float: left; background-color: #272020; border-radius: 10px; margin-left: 40px;}
.plane_new_tea_area:nth-of-type(1){ margin-left: 0;}

.plane_new_tea_area img{ display: block; border-radius: 50%; margin: 50px auto 20px;}
.plane_new_tea_area h5{ font-size: 24px; padding: 12px 0 8px; text-align: center;}
.plane_new_tea_area h6{ font-size: 20px; font-weight: normal; text-align: center;}
.plane_new_tea_area p{ font-size: 16px; line-height: 34px; padding: 30px 30px 60px;}

.example{ width: 1220px; margin: 60px auto; height: 550px; background: #f00;}
.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
	display: none;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #de3a3a;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 46%;
	width: 54px;
	height: 86px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 0;
	background: url(../images/plane_works_btn_left.png) center no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 0;
	background: url(../images/plane_works_btn_right.png) center no-repeat;
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
	.plane_new_course_area{ width: 100%; display: block;}
	
	#plane_new_alm{ width: 100%;}
	.plane_new_alm_m{ display: none;}
	.plane_new_alm_l,.plane_new_alm_r{ width: 50%;}
	#plane_new_alm ul li:nth-of-type(1),#plane_new_alm ul li:nth-of-type(4){ margin-left: 5rem;}
	#plane_new_alm ul li:nth-of-type(2),#plane_new_alm ul li:nth-of-type(3){ margin-left: 5rem;}
	
	#plane_new_tea{ width: 100%; }
	.plane_new_tea_area{ width: 48%; height: 36rem; margin-left: 0; margin-bottom: 1rem;}
	.plane_new_tea_area:nth-of-type(2){ margin-left:4%;}
	.plane_new_tea_area p{ padding: 2rem 2rem 5rem;}
	.example{ width: 100%; margin: 60px auto; height: 21rem; }

}

@media only screen and (min-width: 320px) and (max-width: 767px){
	.plane_new_course_0l,.plane_new_course_02,.plane_new_course_03,.plane_new_course_04,.plane_new_course_05,.plane_new_course_06,.plane_new_course_07,.plane_new_course_08,.plane_new_course_09,.plane_new_course_10,.plane_new_course_11,.plane_new_course_12{ height: 26rem; overflow: hidden;}
	.plane_new_course_area{ width: 100%; display: block;}
	.plane_new_course_main{ width: 100%;}
	.plane_new_course_main h3{ font-size: 1.4rem; padding: 1.4rem 0 0 1.2rem;}
	.plane_new_course_main h4{ font-size: 1.0rem; padding: 0 0 0.5rem 1.2rem;}
	.plane_new_course_main p{ font-size: 0.9rem; line-height: 1.6rem; padding: 0 2rem 2rem 1.2rem; }
	.plane_new_course_main a{ font-size: 0.9rem; padding-left: 1.2rem;}
	
	#plane_new_alm{ width: 100%;}
	.plane_new_alm_m{ display: none;}
	.plane_new_alm_l,.plane_new_alm_r{ width: 50%;}
	#plane_new_alm ul li:nth-of-type(1),#plane_new_alm ul li:nth-of-type(4){ margin-left: 1.0rem;}
	#plane_new_alm ul li:nth-of-type(2),#plane_new_alm ul li:nth-of-type(3){ margin-left: 1.0rem;}
	#plane_new_alm li{ width:80%; height: 2.4rem; font-size: 1.2rem; line-height: 2.4rem; margin: 2rem 0;}
	
	#plane_new_tea{ width: 100%; }
	.plane_new_tea_area{ width: 100%; height: 25rem; margin-left: 0; margin-bottom: 0.6rem;}
	.plane_new_tea_area img{ width: 40%; border-radius: 50%; margin: 1.2rem auto 1.0rem;}
	.plane_new_tea_area h5{ font-size: 1.2rem; padding: 0 0 0.8rem;}
	.plane_new_tea_area h6{ font-size: 1.1rem;}
	.plane_new_tea_area p{ font-size: 0.9rem; line-height: 1.4rem; padding: 1.0rem 1.4rem 1.4rem;}
	
	.example{ width: 100%; margin: 2rem auto; height: 9rem; }
	.ft-carousel .carousel-btn {
	top: 48%;
	width: 2rem;
	height: 2.5rem;
}


	
}