.header.relative{
	background-color: #fff;
	box-shadow: 0px 0px 6px #999;
	position: static;
}
.header.relative .header-logo a{	
	background-image: url(../images/header-logo1.png);
	
}
.header.relative .header-nav>ul>li>a{
	color:#052c4b ;
}
.header.relative .header-nav>ul>li>a.active{
	color:#5d9c3f ;
}
.header.relative .header-nav>ul>li>a:hover{
	color:#5d9c3f ;
}

.header.relative .change-language a{
	color: #000000;
}
.header.relative .change-language a.on{
	color: #5d9c3f;
}
.header.relative .change-language span{
	color: #000000;
}
.header.relative .contact-phone a{
	color: #8B2332;
}
.banner{	
	background-image: none;	
}
.banner .swiper-slide-1{
	background-image: url(../images/banner-index.jpg);
}
.banner .swiper-slide-2{
	background-image: url(../images/Tutoring.jpg);
}
/*.banner .swiper-slide-3{
	background-image: url(../images/banner-train.jpg);
}*/

.banner .banner-text h2{
	margin-top: 200px;
}
.banner .swiper-pagination{
	bottom: 60px !important;
}
.banner .swiper-pagination-bullet{
	width: 20px !important;
	height: 20px !important;
	background: #eeeeee;
}
.banner .swiper-pagination-bullet-active{
	background: #fff !important;
}
.train-list{
	height: 486px;
	background: #ffffff;
	position: relative;
}
.train-list .top-three{
	position: absolute;
	top: -50px;
	z-index: 9999;
}
.train-list .top-three ul li{
	width: 363px;
	height: 204px;	
	cursor: pointer;
}
.train-list ul li:hover{	
	border-bottom: #fb3e21 4px solid;	
	-ms-transform: translateY(-14px) ;
	-moz-transform: translateY(-14px) ;
	-webkit-transform: translateY(-14px) ;
	-o-transform: translateY(-14px) ;
	transform: translateY(-14px);
}
.train-list ul li{	
	border: 1px solid #f1f1f1;
	border-bottom: transparent 4px solid;	
	background: #fff;
	cursor: pointer;
	-moz-box-shadow:0px 3px 3px #dadada;
	-webkit-box-shadow:0px 3px 3px #dadada;
	box-shadow:0px 3px 3px #dadada;	
	transition: all 0.4s;
}
.train-list ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 1150px;
}
.train-list .top-three ul li .li-item{
	display: flex;
	flex-direction: row;
	padding:30px 0 0 25px;
}
.train-list .img-box{
	margin-right: 15px;
	width: 80px;
}
.train-list .img-box img{
	width: 100%;
}
.train-list .text-box h4{
	color: #393939;
	line-height: 35px;
	font-size: 20px;
	width: 230px;
}
.train-list .text-box p{
	color: #393939;
	line-height: 24px;
	margin-top: 6px;
	max-width: 200px;
}

.train-list .bot-three{
	position: absolute;
	bottom: 30px;
}
.train-list .bot-three ul{
	justify-content: space-between; 
}

.train-list .bot-three ul li{
	width: 363px;
	height: 265px;
}

.train-list .bot-three ul li .li-item{
	display: flex;
	flex-direction: row;
	padding:38px 0 0 30px;
}

/*报名*/
.sign-up{
	height: 319px;
	width: 100%;
	background-image: url(../images/sign-up-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top; 	
	text-align: center;
	/*background-attachment: fixed;*/
	background-size: cover;
	
}
.sign-up-02{
	background-image: url(../images/sign-up-bg-02.jpg);
	background-repeat: no-repeat;	
	text-align: center;
	/*background-attachment: fixed;*/
	background-size: cover;
}
.sign-up .sign-title{
	display: flex;
	height: 128px;
	justify-content: flex-start;
	align-items: center;
}
.sign-up .sign-title p{
	font-size: 45px;
	color: #fff;
	margin-right: 14px;
}
.sign-up .sign-title img{
	margin-top: 5px;
}
.sign-up  .input-box{
	height: 50px;
}
.sign-up  .input-item{
	
	height: 50px;
	float: left;
	margin-right: 30px;
}

.sign-up  .input-item input{
	width: 188px;
	height: 50px;
	border: none;
	-webkit-appearance: none;
	padding: 0 10px;
	background:rgba(255,255,255,.67) ;
	outline: none;
	font-size: 16px;
}
.sign-up  .input-item.name-item input{
	width: 150px;
	
}
.sign-up  .input-item.phone-item input{
	width: 150px;
	
}
.sign-up  .input-item.select-item input{
	width: 150px;
	
}
.sign-up  .input-item select{
	width: 235px;
	height: 50px;
	border: none;
	-webkit-appearance: none;
	padding: 0 10px;
	outline: none;
	/*background:rgba(255,255,255,.6) ;*/
	font-size: 16px;
}
.sign-up  .select-item {
	position: relative;
	margin-right: 30px;
}
.sign-up  .select-item .select-arrow{
	width: 0;
	height: 0;
	position: absolute;
	right:10px ;
	top: 20px;
	border-top:10px solid #999999 ;
	border-left:10px solid transparent ;
	border-right:10px solid transparent ;
}
.sign-up  .submit-info{
	float: left;	
	text-align: center;
	position: relative;
	height: 50px;
}
.sign-up  .submit-info a{
	width: 208px;
	height: 50px;
	display: block;
	color: #FFFFFF;
	line-height:50px;
	font-size: 20px;
	font-weight: bold;
	background: #f75d07;
	
}
.sign-up  .submit-info p{
	position: absolute;
	width: 202px;
	height: 29px;
	display: block;
	color: #FFFFFF;
	line-height: 29px;
	font-size: 20px;
	font-weight: bold;
	border:3px solid #FFFFFF;
	border-radius: 15px;
	bottom: -45px;
}
.sign-up .sign-up-style p{
	line-height: 28px;
	text-align:left;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
}
.sign-up .sign-up-style p.p-top{
	margin-bottom: 5px;
	margin-top: 30px;
}
.sign-up .sign-up-style p a{
	height: 28px;		
	background-color: #fcc80b;
	background-repeat:no-repeat ;
	color: #000000;
	background-position: 5px 5px;
	margin: 0 2px;
	padding-right: 3px;
}

.sign-up .sign-up-style .download-excel{	
	padding-left: 22px;	
	background-image: url(../images/sign-up-a-down.png);
	background-position: 5px center;
}

.sign-up .sign-up-style .a-email{	
	padding-left: 30px;
	background-image: url(../images/sign-up-email.png);	
	background-position: 3px center;
	
}

/*为什么选择*/
.why-choose{
	
}
.why-choose h2{
	font-size: 40px;
	line-height: 204px;
	margin-top: 30px;
	letter-spacing: 2px;
}
.why-choose h5{
	line-height: 38px;
	font-size: 24px;
	height: 38px;
	color: #393939;
}
.why-choose h5 span{ 
	height: 38px;
	width: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius:5px ;
	display: inline-block;
	background: #fb3e20;
	float: left;
	margin-right: 10px;
}
.why-choose .step-container {
	height: 438px;
	overflow: hidden;
}
.why-choose .step-container .item-left{
	float: left;
}
.why-choose .step-container .item-right{
	float: left;
	width: 740px;
	height: 400px;
	margin-left: 20px;
	background-image: url(../images/column.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
/*01*/
.why-choose .item-right .first-column{
	position: absolute;
	height: 5px;
	width: 57px;	
	background: #6c2b43;	
	z-index: 30;
	left: 190px;
	bottom: 15px;
	overflow: initial !important; 
}

.why-choose .item-right .first-column:before{
	position: absolute;
	top: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #512033;
	z-index: 20;
}
.why-choose .item-right .first-column:after{
	position: absolute;
	bottom: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #6c2b43;
	z-index:10
}

/*02*/
.why-choose .item-right .second-column{
	position: absolute;
	height: 5px;
	width: 57px;	
	background: #df361f;	
	z-index: 30;
	left: 287px;
	bottom: 15px;
	overflow: initial !important; 
}

.why-choose .item-right .second-column:before{
	position: absolute;
	top: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #a72a18;
	z-index: 20;
}
.why-choose .item-right .second-column:after{
	position: absolute;
	bottom: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #df361f;
	z-index:10
}

/*03*/
.why-choose .item-right .third-column{
	position: absolute;
	height: 5px;
	width: 57px;	
	background: #fa9b00;	
	z-index: 30;
	left: 384px;
	bottom: 15px;
	overflow: initial !important; 
}

.why-choose .item-right .third-column:before{
	position: absolute;
	top: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #bc7501;
	z-index: 20;
}
.why-choose .item-right .third-column:after{
	position: absolute;
	bottom: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #fa9b00;
	z-index:10
}

/*04*/
.why-choose .item-right .fourth-column{
	position: absolute;
	height: 5px;
	width: 57px;	
	background: #90bc33;	
	z-index: 30;
	left: 482px;
	bottom: 15px;
	overflow: initial !important; 
}

.why-choose .item-right .fourth-column:before{
	position: absolute;
	top: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #6c8d25;
	z-index: 20;
}
.why-choose .item-right .fourth-column:after{
	position: absolute;
	bottom: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #90bc33;
	z-index:10
}
/*05*/
.why-choose .item-right .fifth-column{
	position: absolute;
	height: 5px;
	width: 57px;	
	background: #00b09b;	
	z-index: 30;
	left: 579px;
	bottom: 15px;
	overflow: initial !important; 
}
.why-choose .item-right .fifth-column:before{
	position: absolute;
	top: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #008574;
	z-index: 20;
}
.why-choose .item-right .fifth-column:after{
	position: absolute;
	bottom: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #00b09b;
	z-index:10
}
/*6*/
.why-choose .item-right .sixth-column{
	position: absolute;
	height: 5px;
	width: 57px;	
	background: #0b85ea;	
	z-index: 30;
	left: 676px;
	bottom: 15px;
	overflow: initial !important; 
}
.why-choose .item-right .sixth-column:before{
	position: absolute;
	top: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #046abe;
	z-index: 20;
}
.why-choose .item-right .sixth-column:after{
	position: absolute;
	bottom: -12px;
	content: "";
	display: block;
	width: 57px;
	height: 23px;
	border-radius: 50%;
	background: #0b85ea;
	z-index:10
}

.why-choose .step-container .item-left img{ 
	margin-top: 53px;
}

/*专业师资*/
.professional { 
	
	background-color: #fff;
}
.professional h5 { 
	line-height: 38px;
	font-size: 24px;
	height: 38px;
	color: #393939;
}

.professional h5 span{ 
	height: 38px;
	width: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius:5px ;
	display: inline-block;
	background: #fb3e20;
	float: left;
	margin-right: 10px;
}
.professional .profession-box ul{ 
	display: flex;
	flex-direction:row ;
	justify-content: space-between;
	margin-top: 68px;
}
.professional .profession-box ul li{ 
	width: 365px;
	cursor: pointer;
}
.professional .profession-box ul li .teachers-photo{ 
	width: 365px;
	height: 234px;
	border-radius: 10px;
	overflow: hidden;
}
.professional .profession-box ul li .teachers-photo img{ 
	width: 100%;
	height: 100%;
	border-radius: 10px;
	cursor: pointer;
	transition: all .3s;
}
.professional .profession-box ul li .teachers-photo:hover img{ 
	transform: scale(1.3);  
}

.professional .profession-box ul li .teachers-name{
	line-height: 32px;
	margin-top: 24px;
	color: #333333;
	font-weight: 900;
	font-size: 24px;
}
.professional .profession-box ul li .major{
	line-height: 28px;
	color: #878787;
	font-size: 20px;
}
.professional .profession-box ul li .intro-box{
	padding: 20px 0;
	border-top:1px solid #6f6f6f ;
	border-bottom:1px solid #6f6f6f ;
	margin: 21px 0 30px 0;
	min-height: 185px;
}
.professional .profession-box ul li .intro-box p{
	line-height: 23px;
	color: #878787;
	font-size: 16px;
	padding-right: 10px;
}
.professional ul li .contact-way ul {
	display: flex;
	flex-direction: row ;
	justify-content: flex-start;	
	margin: 0 0 36px 0;
}
.professional ul li .contact-way ul li{
	display: flex;
	flex-direction: row ;
	justify-content: flex-start;
	width: 41px;
	height: 41px;
	margin-right: 38px;
}
.professional ul li .contact-way ul li a{
	display: block;
}
.professional ul li .contact-way ul li a img{
	width: 100%;
	height: 100%;
}

/*轮播图介绍*/
.swiper-intro {
	height: 580px;
	width: 100%;
	background-image: url(../images/index-comment-bg.jpg);
	background-repeat: no-repeat;	
	text-align: center;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
}

.swiper-intro .intro-box{
	margin-top: 80px;
	min-height: 430px;
}
.swiper-intro ul li.swiper-slide{
	min-height: 430px !important;
}
.swiper-intro ul li .text-box{
	width: 1150px;
	min-height: 243px;
	background: rgba(255,255,255,.3);
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-intro ul li p.intro-text{
	max-width: 1000px;
	padding:30px 0;
	line-height: 35px;
	text-align: left;
	color: #ffffff;
	font-size: 24px;
	min-height: 275;
}
.swiper-intro ul li p.intro-name{
	/*margin-top: 70px;*/
	line-height: 30px;
	color: #fff;
	font-size:20px ;
	position: absolute;
    width: 100%;
    bottom: 40px;
}
.swiper-intro ul li p.intro-special{
	margin-top: 45px;
}
.swiper-intro .swiper-pagination{
	bottom: 0px !important;
}
.swiper-intro .swiper-pagination-bullet{
	width: 20px !important;
	height: 20px !important;
	/*background: #3a719e;*/
}
.swiper-intro .swiper-pagination-bullet-active{
	background: #6ebcff !important;
}

/*位置*/
.position-map{
	height: 584px;
	width: 100%;
	background-image: url(../images/position-map-bg.jpg);
	background-repeat: no-repeat;	
	text-align: center;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
}
.position-map .map-left{
	width:500px;
	float: left;
}
.position-map .map-left .logo{
	width: 131px;
	height: 92px;
	margin:60px 0 33px 192px;
}

.position-map .input-box{
	width: 366px;
	margin-left: 66px;
}
.position-map .input-box .input-item{
	width: 100%;
	height: 49px;	
	margin-bottom: 25px;
	border-radius: 8px;	
	overflow: hidden;
}
.position-map .input-box .input-item input{
	width: 346px;
	height: 49px;
	border: none;
	-webkit-appearance: none;
	padding: 0 10px;
	background:rgba(255,255,255,.67) ;
	outline: none;
	font-size: 18px;
}
/*input::-webkit-input-placeholder{
	color: #fb3e21;
}
input::-moz-input-placeholder{
	color: #fb3e21;
}
input::-ms-input-placeholder{
	color: #fb3e21;
}
option::-webkit-input-placeholder{
	color: #fb3e21;
}*/
.position-map .input-box .input-item select{
	width: 366px;
	height: 49px;
	border: none;
	-webkit-appearance: none;
	padding: 0 10px;
	outline: none;
	background:rgba(255,255,255,.6) ;
	color: #fb3e21;
	font-size: 18px;
}
.position-map .input-box .select-item {
	position: relative;
}
.position-map .input-box .select-item .select-arrow{
	width: 0;
	height: 0;
	position: absolute;
	right:10px ;
	top: 20px;
	border-top:10px solid #fc8276 ;
	border-left:10px solid transparent ;
	border-right:10px solid transparent ;
}
.position-map .input-box .submit-info{
	width: 208px;
	background: #f75d07;
	text-align: center;
	border-radius: 8px;
}
.position-map .input-box .submit-info a{
	width: 208px;
	height: 49px;
	display: block;
	color: #FFFFFF;
	line-height: 49px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 8px;
}
.position-map .map-right{
	float: left;
	margin-top: 30px;
}
.position-map .map-right .map-box{
	width: 613px;
	background: #fff;
	padding: 28px 18px 25px 18px;
	font-size: 18px;
	text-align: left;
}
.position-map .map-right .map-box .p1{
	color: #000;
	line-height: 30px;
	margin-top: 26px;
	
}
.position-map .map-right .map-box .p2{
	color: #000;
	line-height: 22px;

}
.position-map .map-right .map-area{
	width: 613px;
}
.position-map .map-right .map-area img{
	width: 100%;
}
.position-map .input-item input::-webkit-input-placeholder{
	color: #fb3e21;
}
.position-map .input-item input::-moz-input-placeholder{
	color: #fb3e21;
}
.position-map .input-item input::-ms-input-placeholder{
	color: #fb3e21;
}

@media only screen and (max-width:640px ) {
	.why-choose{
		width: 96% !important;
		padding: 0 2% !important;
	}
	.why-choose h2{
		height: auto !important;
		font-size: 30px !important;
    	line-height: 46px !important;
	}
	.why-choose .step-container{
		height: auto !important;
	}
	.why-choose .step-container .item-right{
		transform: scale(.4324);
		margin-left: -195px;
		margin-top: -100px;
		margin-bottom: -90px;
	}
	.position-map .input-box{
		margin-left: 10px !important;
	}
	.position-map .input-box{
		width: auto !important;
	}
	.position-map .input-box .input-item{
		margin-left: 0 !important;
		width: auto !important;
	}
	.position-map .input-box .input-item input{
		width: 250px !important;
	}
	
	.position-map .input-box .input-item select{
		width: 280px !important;
	}
}