﻿.font-34{
	font-size: 24px;
	line-height: 48px;
}


.font-41{
	font-size: 28px;
	line-height: 50px;
	font-weight: 500;
}


.font-47{
	font-size: 32px;
	line-height: 50px;
	font-weight: 700;
}


.share-will{
	padding: 105px 0 98px 0;
	margin-bottom: 110px;
}

.screen-title img{
	max-width: 60%;
}

.screen-title span{
	width: 30px;
	height: 3px;
	margin: 40px auto 12px auto;
}

.screen-title p{
	font-size: 20px;
	height: 44px;
	line-height: 44px;
	padding: 0 24px;
	border-radius: 32px;
	margin-top: 32px;
	font-weight: bold;
}


.screen-text{
	margin-top: 52px;
}

.screen-text p{
	font-size: 18px;
	line-height: 40px;
}

.screen-text span{
	line-height: 30px;
}


.screen-depict{
	margin-top: 36px;
}


.screen-depict i{
	font-size: 20px;
	line-height: 36px;
}

.screen-depict span{
	font-size: 22px;
	line-height: 42px;
}

.screen-depict i:before{
	font-size: 72px;
	left: -42px;
	top: 10px;
}

.screen-depict i:after{
	font-size: 72px;
	right: -42px;
	top: 10px;
}




.theme-box{
	border-radius: 15px;
	border: 2px solid #174ecd;
	margin: 0 35px;
}

.theme-title{
	margin-top: -30px;
}


.theme-title i{
	line-height: 46px;
	height: 50px;
	margin: 0 28%;
	font-size: 24px;
}


.theme-box-1{
	padding: 48px 30px 0 30px;
	background-size: 160px auto;
}

.theme-subtit{
	line-height: 32px;
	padding-bottom: 20px;
}

.theme-subtit i{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 6px;
}

.theme-subtit p{
	font-size: 18px;
	text-indent: 2.3em;
	font-weight: 500;
}


.theme-text{
	margin-top: 24px;
}

.item5{
	margin: 0 0px 0 20px;
	padding-bottom: 20px;
}

.item5:before{
	position: absolute;
	left: -20px;
	top: 10px;
	height: 8px;
	width: 8px;
}

.item5 i{
	font-size: 18px;
	font-weight: 700;
}

.item5 p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 2px;
}


.attach{
	padding-top: 20px;
}

.attach p{
	padding: 18px 20px;
	font-size: 16px;
	line-height: 28px;
	font-weight: 700;
}

.theme-box-2{
	margin-top: 80px;
	padding: 0 30px;
	background-size: 150px auto;
}



.theme-box-2.w-bg{
	background: none;
}

.theme-box-2.bg{
	background-size: 60% auto;
	padding-bottom: 60px;
	margin-top: 70px;
}



.lecturer{
	border: 2px solid #174ECD;
	border-radius: 15px;
	margin: 0 35px;
	margin-top: 90px;
}


.lecturer-con{
	margin: 70px 35px 70px 0;
}

.portrait{
	width: 46%;
	float: left;
}

.depict{
	width: 50%;
	float: right;
}


.depict .infor{
	
}

.depict .infor i{
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}

.depict .infor p{
	font-size: 16px;
	line-height: 32px;
}


.depict .case5{
	margin-top: 20px;
}

.coach{
	margin-bottom: 10px;
}

.coach i{
	font-size: 18px;
}

.coach i:after{
	right: -15px;
	top: 14px;
	width: 86%;
}


.depict .case5 ul li{
	font-size: 14px;
	line-height: 30px;
}



.scene .box{
	margin: 0 30px;
}

.evaluate{
	margin-top: 40px;
}

.subtit{
	font-size: 20px;
}

.subtit i{
	font-weight: 700;
	width: 120px;
}

.subtit:before{
	left: 0;
	top: 14px;
	height: 1px;
}

.evaluate .text{
	margin-top: 14px;
	font-size: 16px;
	line-height: 32px;
}

.photo{
	margin-top: 30px;
}

.photo .tp{
	margin-top: 30px;
	padding-bottom: 35px;
}



.lecturer.introd-advant{
	margin-top: 60px;
	padding: 30px;
}


.locat .box p{
	font-size: 18px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 12px;
}

.locat .box p span{
	display: block;
}

.introd {
	margin-top: 30px;
}

.introd i{
	font-size: 22px;
	font-weight: 700;
}

.introd p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 10px;
}


.advant{
	margin-top: 32px;
}

.advant-tit{
	padding-bottom: 10px;
}

.advant-tit p{
	font-size: 18px;
	line-height: 36px;
	font-weight: 700;
}

.advant-tit p span{
	display: block;
}

.item5 em{
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	margin-top: 6px;
	padding-bottom: 6px;
}

.item5 em span{
	display: block;
}



.lecturer.contact{
	margin-top: 40px;
	padding: 0 20px;
	padding-bottom: 60px;
}


.time-add .time{
	margin-bottom: 20px;
}

.time .time-tit i{
	font-size: 18px;
}

.time .time-tit i:after{
	right:0px;
	width: 89%;
	height: 1px;
	top: 18px;
}

.time .text p{
	margin-top: 10px;
	font-size:16px;
}


.url-phone{
	padding-top: 15px;
}

.url-phone p{
	font-size: 16px;
	line-height: 34px;
}


.qr{
	margin-top: 35px;
}

.qr .tp{
	width: 30%;
	margin-right: 6%;
	float: left;
}

.qr .tp p{
	font-size: 14px;
	line-height: 36px;
	margin-top: 8px;
}


.qr .text{
	padding-top: 24px;
	line-height: 28px;
}


.qr .text i{
	font-size: 18px;
}

.qr .text p{
	font-size: 22px;
}

.qr .text span{
	font-size: 14px;
	line-height: 40px;
	margin-top: 8px;
	font-weight: 300;
}


.original{
	bottom: 60px;
}

.original i{
	font-size: 22px;
	line-height: 40px;
}

.original i:after{
	bottom: -25px;
	height: 16px;
	width: 30px;
}


.train{
	background-size: 120% auto;
}



@media only screen and (max-width: 640px) {
	
	.train{
		background-size: 100% auto;
	}
	
	.lecturer.contact{
		margin-top: 60px;
		padding: 0 15px;
		padding-bottom: 50px;
	}
	
	
	.time-add .time{
		margin-bottom: 20px;
	}
	
	.time .time-tit i{
		font-size: 18px;
	}
	
	.time .time-tit i:after{
		right:0px;
		width: 86%;
		height: 1px;
		top: 16px;
	}
	
	.time .text p{
		margin-top: 10px;
		font-size: 16px;
	}
	
	
	.url-phone{
		padding-top: 15px;
	}
	
	.url-phone p{
		font-size: 16px;
		line-height: 36px;
	}
	
	
	.qr{
		margin-top: 30px;
	}
	
	.qr .tp{
		width: 30%;
		margin-right: 6%;
		float: left;
	}
	
	.qr .text{
		padding-top: 5px;
		line-height: 34px;
	}
	
	.qr .text i{
		font-size: 16px;
	}
	
	.qr .text p{
		font-size: 20px;
	}
	
	.qr .text span{
		font-size: 14px;
		line-height: 30px;
		margin-top: 10px;
		font-weight: 300;
	}
	
	
	
	.lecturer.introd-advant{
		margin-top: 60px;
		padding: 20px;
	}
	
	.locat .box p{
		font-size: 16px;
		line-height: 30px;
		margin-top: 12px;
	}
	
	.locat .box p span{
		display: block;
	}
	
	.introd {
		margin-top: 25px;
	}
	
	.introd i{
		font-size: 18px;
		font-weight: 700;
	}
	
	.introd p{
		font-size: 14px;
		line-height: 28px;
		margin-top: 6px;
	}
	
	
	.advant{
		margin-top: 24px;
	}
	
	.advant-tit{
		padding-bottom: 10px;
	}
	
	.advant-tit p{
		font-size: 16px;
		line-height: 30px;
	}
	
	.advant-tit p span{
		display: block;
	}
	
	.item5 em{
		font-size: 15px;
		line-height: 26px;
		font-weight: 700;
		margin-top: 6px;
	}
	
	.item5 em span{
		display: block;
	}
	
	
	.font-34{
		font-size:19px;
		line-height: 40px;
	}
	
	
	.font-41{
		font-size: 22px;
		line-height: 40px;
		font-weight: 500;
	}
	
	
	.font-47{
		font-size: 26px;
		line-height: 40px;
		font-weight: 700;
	}
	.screen-title p{
	font-size: 18px;
	height: 44px;
	line-height: 44px;
	padding: 0 24px;
	border-radius: 32px;
	margin-top: 32px;
	font-weight: bold;
}


.screen-text{
	margin-top: 40px;
}

.screen-text p{
	font-size: 18px;
	line-height: 40px;
}
	
	.share-will{
		padding: 85px 0 88px 0;
		margin-bottom: 80px;
	}
	
	.screen-title img{
		max-width: 60%;
	}
	
	.screen-title span{
		width: 25px;
		height: 3px;
		margin: 30px auto 10px auto;
	}
	
	
	
	.screen-text{
		margin-top: 42px;
	}
	
	.screen-text span{
		line-height: 30px;
	}
	
	
	.screen-depict{
		margin-top: 36px;
	}
	
	
	.screen-depict i{
		font-size: 18px;
		line-height: 34px;
	}
	
	.screen-depict span{
		font-size: 20px;
		line-height: 34px;
	}
	
	.screen-depict i:before{
		font-size: 60px;
		left: -36px;
		top: 9px;
	}
	
	.screen-depict i:after{
		font-size: 60px;
		right: -36px;
		top: 9px;
	}
	
	
		
	.theme-box{
		border-radius: 15px;
		border: 2px solid #174ecd;
		margin: 0 20px;
	}
	
	.theme-title{
		margin-top: -24px;
	}
	
	
	.theme-title i{
		font-size: 24px;
		line-height: 44px;
		height: 48px;
		margin: 0 22%;
	}
	
	
	.theme-box-1{
		padding: 36px 20px 0 20px;
		background-size: 160px auto;
	}
	
	.theme-subtit{
		line-height: 38px;
		padding-bottom: 20px;
	}
	
	.theme-subtit i{
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 2px;
	}
	
	.theme-subtit p{
		font-size: 18px;
		text-indent: 2.4em;
		font-weight: 500;
		margin-top: 0px;
		line-height: 32px;
	}
	
	
	.theme-text{
		margin-top: 20px;
	}
	
	.item5{
		margin: 0 0 0 20px;
		padding-bottom: 15px;
	}
	
	.item5:before{
		position: absolute;
		left: -20px;
		top: 11px;
		height: 7px;
		width: 7px;
	}
	
	.item5 i{
		font-size: 18px;
		font-weight: 700;
	}
	
	.item5 p{
		font-size: 16px;
		line-height: 30px;
	}
	
	
	.attach{
		padding-top: 20px;
	}
	
	.attach p{
		padding: 18px 20px;
		font-size: 16px;
		line-height: 28px;
		font-weight: 700;
	}
	
	.theme-box-2{
		margin-top: 60px;
		padding: 0 20px;
	}

	
	.lecturer{
		border: 2px solid #174ECD;
		border-radius: 15px;
		margin: 0 20px;
		margin-top: 70px;
	}
	
	
	.lecturer-con{
		margin: 50px 25px 50px 25px;
		position: relative;
	}
	
	.portrait{
		width: 34%;
		float: left;
	}
	
	.depict{
		width: 60%;
		float: right;
	}
	
	
	.depict .infor{
		margin-top: 10px;
	}
	
	.depict .infor i{
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
	}
	
	.depict .infor p{
		font-size: 16px;
		line-height: 32px;
	}
	
	
	.depict .case5{
		display: none;
		margin-top: 0px;
	}
	
	.coach{
		margin-bottom: 10px;
	}
	
	.coach i{
		font-size: 18px;
	}
	
	.coach i:after{
		right: -15px;
		top: 15px;
		width: 86%;
	}
	
	.depict .case5 ul li{
		font-size: 15px;
		line-height: 32px;
	}
	
	.case-phone{
		display: block;
	}
	
	.case-phone{
		display: block;
		padding-top: 20px;
	}
	
	.case-phone ul li{
		font-size: 16px;
		line-height: 32px;
	}
	
	
	
.scene .box{
	margin: 0 20px;
}

.evaluate{
	margin-top: 40px;
}

.subtit{
	font-size: 20px;
}

.subtit i{
	font-weight: 700;
	width: 120px;
}

.subtit:before{
	left: 0;
	top: 14px;
	height:1px;
}

.evaluate .text{
	margin-top: 10px;
	font-size: 15px;
	line-height: 30px;
}

.photo{
	margin-top: 30px;
}

.photo .tp{
	margin-top: 25px;
	padding-bottom: 40px;
}

	
}




@media only screen and (max-width: 500px) {
	
	.train{
		background-size: 100% auto;
	}
	
}