html,body{
	min-width: 1300px;
	width: 100%;
	margin: 0;
	padding: 0;

}
.box{
	display: block;
	width: 100%;
	margin-top:90px;
}
.banner{
	width:100%;
	overflow:hidden;	
	min-width: 1170px;
	display:block;
}
.bannerBg{
	display:block;
	width:100%;
	object-fit: cover;
	
}
/*公用样式样式*/
.common{
	display:block;
	width:100%;	
}

.center{
	display:block;
	width:1170px;
	height:100%;
	margin: 0 auto; 
	position: relative;
	overflow: hidden;
}

/**/
.module-head{
	width:100%;
	height:148px;
	display: block;
	position: relative;
}
.module-head-title{
	width:600px;
	height:148px;
	float: left;
}
.module-head-more{
	height:148px;
	float: right;
}

.module-head-ctitle{
	width:100%;
	height:100px;
	display: block;
}

.module-head-ctitle span.s1{
	font-size:24px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(0,36,150,1);
	line-height:24px;
	float: left;
	padding-top: 60px;
}
.module-head-ctitle span.s2{
	width:20px;
	height:4px;
	background:rgba(237,41,57,1);
	float: left;
	margin: 80px 0 0 10px;
}

.module-head-title span.s3{
	font-size:18px;
	font-family:PingFangSC-Regular,'PingFang SC';
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:18px;
	display: block;
}
.module-head-ctitle span.s5{
	color: #ffffff;
}
.module-head-more span.s4{
	font-size:18px;
	font-family:PingFangSC-Regular,'PingFang SC';
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:18px;
	padding-top: 100px;
	display: block;
}

.module-head-more span.s4:hover{
	text-decoration: underline;
	color: rgba(237,41,57,1);
}
/**/
.advantage{
	width:100%;
	height:364px;
	display: block;
}
.advantage-c{
	width:100%;
	height:206px;
	display: block;
	margin-top: 10px;
}
.advantage-c-o{
	width:195px;
	height:206px;
	float: left;
}

.advantage-c-o-h{
	width:100px;
	height:100px;
	background:rgba(246,246,249,1);
	border-radius:10px;
	display: -webkit-flex; 
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	transition:all 1s;
}
.advantageBg{
	width:40px;
	height:40px;
	display: block;
}

.advantage-c-o span.s1{
	width:170px;
	font-size:18px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(26,26,26,1);
	line-height:18px;
	display: block;
	margin-top: 18px;
	transition:all 1s;
}

.advantage-c-o span.s2{
	width:0px;
	height:1px;
	background:rgba(0,36,150,1);
	display: block;
	margin-top: 10px;

	transition: width 1s;
	-webkit-transition: width 1s;
}

.advantage-c-o span.s3{
	font-size:14px;
	font-family:PingFangSC-Regular,'PingFang SC';
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:24px;
	display: block;
	margin-top: 4px;
	transition:all 1s;
	opacity: 0;
	width: 170px;
}
.advantage-c-o:hover span.s1{
	color:rgba(0,36,150,1); 
}
.advantage-c-o:hover span.s2{

	width:170px;
}
.advantage-c-o:hover span.s3{
	opacity: 1;
}
.advantage-c-o:hover .advantage-c-o-h{
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 8px 0px rgba(221,220,229,0.5);
}
/**/
.apply{ 
	height:617px;
	position: relative;
}
.applyBg1{
	width:100%;
	height:307px;
	background:rgba(246,246,249,1);
	position: absolute;
	bottom: 0;
}
.applyBg2{
	width:926px;
	height:368px;
	display: block;
	position: relative;
	margin-top: 28px;
}
.apply-c{
	width:800px;
	height:368px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 118px;
	right: 0;
}

.apply-c-o{
	width:100%;
	height:58px;
	background:rgba(0,36,150,1);
	display: block;
}
.apply-c-o-h{
	width: 200px;
	height:58px;
	float: left;
}

.apply-c-o span.s1{	
	font-size:18px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(0,36,150,1);
	line-height:58px;
	display: block;

	margin-left: 30px;
}

.apply-c-o span.s2{	
	font-size:14px;
	font-family:PingFangSC-Regular,'PingFang SC';
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:24px;
	display: block;
	padding-top: 16px;
}

.apply-c-o span.s3{

	line-height: 58px;
	font-size:18px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(255,255,255,1);
	display: block;
}
.apply-c-o-bg{
	height:110px;
	background:rgba(246,246,249,1);
}
.apply-c-o:nth-child(3){
	background: #fff;
}
.apply-c-o:nth-child(4){
	height:86px;
	background:rgba(246,246,249,1);
}
.apply-c-o:nth-child(5){
	background: #fff;
}
.applyBg3{
	width: 22px;
	height: 22px;
	display: block;
	margin-top: 18px;
}


/**/
.course{
	width: 1170px;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
	padding-bottom: 50px;
}
.course_main{
	width: 100%;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
}
.course-o{
	width:370px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-left: 30px;
}
.course-o:nth-child(3n-2){
	margin-left: 0;
}
.course-o:nth-child(4),.course-o:nth-child(5),.course-o:nth-child(6){
	margin-top: 30px;
}
.course-o-b{
	width:100%;
	display: block;
	overflow: hidden;
	clear: both;
}
.course-o-b img{
	display: block;
	width: 100%;
}
.course-o-i{
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-top: 5px;
}
.courseBg2{
	width:470px;
	height:270px;
	display: block;
	transition: all 0.5s; 
}
.course-o-l{
	width:50px;
	overflow: hidden;
	float: left;
}
.course-o-r{
	width:310px;
	overflow: hidden;
	float: right;
}
.course-o-l span.s1{
	display: block;
	font-size:32px;
	font-weight:bold;
	color:rgba(125,134,162,1);
	line-height:42px;
}

.course-o-r span.s2{
	display: block;
	font-size:18px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(26,26,26,1);
	line-height:42px;
}

.course-o-r span.s3{
	display: block;
	font-size:14px;
	font-family:PingFangSC-Regular,'PingFang SC';
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:24px;
}
 
 
 
.course-o:hover .courseBg2{
	 transform: scale(1.08);
}
/**/
.case{
	height:555px;
	background:rgba(246,246,249,1);
}

.case-c{
	width:100%;
	height:325px;
}
.case-b{
	width:100px;
	height:30px;
	margin:30px auto 0;
}
.num1{
	font-size:20px;
	font-family:DINPro-Regular,DINPro;
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:20px;
	float: left;
	cursor: pointer;
}
.select1{
	color:rgba(0,36,150,1); 
	font-weight:bold;
	text-decoration: line-through;
}
.case-c-o{
	display: -webkit-flex; 
	display: flex;
	justify-content: space-between;
	flex-direction:row;
}
.case-o{
	width:370px;
	height:325px;
	background:rgba(255,255,255,1);
	position: relative;
}

.caseBg{
	width:340px;
	height:200px;
	display: block;
	position: relative;
	object-fit: cover;
}
.case-o-bg{
	width:370px;
	height:30px;
	position: absolute;
	background:rgba(246,246,249,1);
}


.case-o-n{
	width:150px;
	height:39px;
	background:rgba(0,36,150,1);
	display: block;
	margin: -20px 0 0 30px;
	position: relative;
}
.case-o-n span.s1{
	line-height: 39px;
	display: block;
	font-size:20px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(255,255,255,1);
	margin-left: 10px;
}

.case-o span.s2{
	font-size:14px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(125,134,162,1);
	line-height:14px;
	margin:15px 0 0 30px;
	display: block;
}
/**/

.tutor{
	height:649px;
}
.tutor-c{
	width: 100%;
	height: 501px;
	display: -webkit-flex; 
	display: flex;
	justify-content: space-between;
	flex-direction:row;
}
.tutor-c-o{
	width: 270px;
	height: 429px;
}
.tutor-o-b{
	width: 270px;
	height: 320px;
	display: block;
	overflow: hidden;
}

.tutorBg{
	width: 270px;
	height: 320px;
	display: block;
	transition: all 0.5s;
}
.tutor-c-o span.s1{
	font-size:20px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(26,26,26,1);
	line-height:20px;
	margin-top: 15px;
	display: block;
}
.tutor-c-o span.s2{
	width:270px;
	height:1px;
	background:rgba(125,134,162,1);
	margin-top: 15px;
	display: block;
}
.tutor-c-o span.s3{
	font-size:14px;
	font-family:PingFangSC-Regular,'PingFang SC';
	font-weight:600;
	color:rgba(125,134,162,1);
	line-height:14px; 
	margin-top: 15px;
	display: block;
}
.tutor-c-o:hover span.s1{
	color:rgba(0,36,150,1);
}
.tutor-c-o:hover span.s3{
	color:rgba(0,36,150,1);
	font-weight:600;
}
.tutor-c-o:hover  .tutorBg{
	  transform: scale(1.08);
}
/**/
.service{
	height:433px;
	background:rgba(246,246,249,1);
}
.serviceBg{
	width:258px;
	height:258px;
	background:rgba(0,36,150,1);
	position: absolute;
	border-radius: 50%;
	top: 65px;
	right: 100px;
}
.serviceBg1{
	width:258px;
	height:258px;
	position: absolute;
	top: 65px;
	right: 120px;
	border-radius: 50%;
}
.service-c{
	width:600px;
	height:168px;
	background:rgba(255,255,255,1);
	position: relative;
	margin: 10px 0 0 100px;
	padding: 8px 70px 48px 100px;
}
.service-c-o{
	width:200px;
	height:16px;
	margin-top: 40px;
	float: left;
	cursor: pointer;
}
.serviceBg2{
	width:16px;
	height:16px;
	float: left;
	content: url(../images/frenchTopic/frenchTopic033.png);
}
.service-c-o span.s1{
	float: left;
	margin-left: 14px;
	font-size:16px;
	font-family:PingFangSC-Medium,'PingFang SC';
	font-weight:500;
	color:rgba(125,134,162,1);
	line-height:16px;
}
.service-c-o:hover span.s1{
	color:rgba(0,36,150,1);
}
.service-c-o:hover .serviceBg2{
	content: url(../images/frenchTopic/frenchTopic034.png); 
}
/**/
.recommend{
	height: 416px;
}
.recommend-c{
	width: 100%;
	height: 288px;
	display: block;
}

.recommend-c-l{
	width:31px;
	height:31px;
	background:rgba(0,36,150,1);
	border-radius:4px;
	text-align: center;
	float: left;
	margin-top: 92px;
}

.recommend-c-l span{
	color: #ffffff;
	display: block;
	font-size: 28px;
	line-height: 28px;
}
.recommend-c-c{
	float: left;
	width: 1170px;
	height: 210px;
	margin-top: 26px;
	overflow: hidden;

}

.recommend-o-c{
	display: -webkit-flex; 
	display: flex;
	justify-content: space-around;
	flex-direction:row;
	width: 1170px;
	height: 210px;
	margin: 0 auto;

}

.recommend-o{
	width: 170px;
	height: 210px;
	float: left;
	text-align: center;

}

.recommend-o-b{
	margin: 26px  auto 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: block;
	border: 1px solid #f0f4f7;
}
.recommendBg{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	
}
.recommend-o span.s1{
	font-size:16px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(125,134,162,1);
	line-height:22px;
	display: block;
	margin-top: 12px;
}
.recommend-o span.s2{
	display: block;
	font-size:12px;
	font-family:PingFangSC-Regular,'PingFang SC';
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:12px;
	margin-top: 12px;
}
/**/
.process{
	height:576px;
	background:rgba(0,36,150,1);
}

.process-c{
	width: 100%;
	height: 438px;
	display: block;
}

.process-c-o{
	width: 248px;
	height: 200px;
	float: left;
	position: relative;


}
.processBgLine{
	width:170px;
	height:138px;
	border:1px solid rgba(125,134,162,1);
	position: absolute;
	top: 20px;
}

.processBgLine2{
	width:150px;
	height:118px;
	border:10px solid rgba(125,134,162,1);
	position: absolute;
	top: 20px;
}
.processBgLine3{
	width:50px;
	height:118px;
	background:rgba(0,36,150,1);
	float: left;
}
.processBgLine4{
	background: #ffffff; 
}
.processBgLine5{
	background:rgba(237,41,57,1); 
}
.process-c-o span.s1{
	display: block;
	font-size:36px;
	font-family:DINPro-Bold,DINPro;
	font-weight:bold;
	color:rgba(255,255,255,1);
	line-height:36px;
	margin-left: 10px;
	position: relative;
	z-index: 1;

}
.processBg{
	width:160px;
	height:81px;
	display: block;
	margin : 3px 0 9px 10px;
}

.process-c-o span.s2{
	display: block;
	font-size:18px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:18px;
	margin-left: 10px;
}


.processBg2{
	width:18px;
	height:18px;
	display: block;
	position: absolute;
	left: 200px;
	top: 74px;
}
.processBg3{
	width:18px;
	height:18px;
	display: block;
	margin: 25px auto 0;
	transform: rotate(90deg);
}

.processBg4{
	transform: rotate(180deg);
}

/**/
.question{
	height: 794px;
}

.question-c{
	width: 100%;
	height: 535px;
	display: block;

}
.question-c-c{
	width: 100%;
	height: 535px;
	display: block;
	overflow: hidden;
}

.question-c-o{
	width: 700px;
	height: 231px;
	margin-top: 10px;
	float: left;

}

.question-c-o-r{
	width: 470px;
	height: 231px;
	margin-top: 10px;
	float: left;

}

.question-o-q{
	
	height:34px;
	margin: 10px 0 20px 0;

}
.question-o-q span{
	padding: 6px 12px;
	font-size:16px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:22px;
	background:rgba(0,36,150,1);
	border-radius:4px;
}

.question-o-i{
	float: left;
	width:53px;
	height:33px;
}
.question-o-s{
	float: left;
	width:498px;
	background:rgba(246,246,249,1);
	padding: 6px 12px;
	border-radius:4px;
}

.question-o-s span{

	font-size:14px;
	font-family:PingFangSC-Regular,'PingFang SC';
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:26px;
	width:498px;
	background:rgba(246,246,249,1);
	border-radius:4px;
}
.question-o-s-r span{
	width:385px;
}
.questionBg{
	width:33px;
	height:33px;
	display: block;
}
/**/
.question-b{
	width:100px;
	height:55px;
	margin:30px auto;
}
.num2{
	font-size:20px;
	font-family:DINPro-Regular,DINPro;
	font-weight:400;
	color:rgba(125,134,162,1);
	line-height:20px;
	float: left;
	cursor: pointer;
}
.select2{
	color:rgba(0,36,150,1); 
	font-weight:bold;
	text-decoration: line-through;
}
/**/
.form{
	height: 301px;
}
.formBg1{
	width:968px;
	height:189px;
	background:rgba(246,246,249,1);
	position: absolute;
	top: 91px;
}

.formBg2{
	width:100%;
	height:130px;
	position: absolute;
	top: 151px;
}
.module-head-img{
	width:62px;
	height:60px;
	float: left;
	margin-top: 59px;
	margin-right: 24px;
}

.formBg3{
	width:62px;
	height:60px;
	display: block;
}

.form-c{
	width:100%;
	height:109px;
	position: relative;
	display: block;
}

.f-h-s{
	width:240px;  
	height:40px; 
	float: left;
	background: #ffffff;
 
	margin: 34px 0 0 30px;
}

.f-h-s select{  
	width:240px;  
	height:40px;  
	appearance:none;  
	-moz-appearance:none;  
	-webkit-appearance:none;  
	background: url("../images/frenchTopic/frenchTopic038.png") no-repeat 220px center;  
	background-size:8px;
	font-size:14px;  
	font-family:'Microsoft YaHei';  
	color:rgba(153,153,153,1); 
	display: block;
	 border: none;
	outline:none;
	padding: 0 10px;

}  

.receiveBtn{
	width:240px;
height:40px;
background:rgba(237,41,57,1);
	display: block;
	font-size:16px;
	font-family:PingFangSC-Semibold,''PingFang SC'';
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:38px;
	 
	border: none;
	cursor: pointer;
	outline: medium;
	position: relative;
margin-left: 30px;
}
/*简单测试*/

.test{
	height: 260px;
	width: 100%;
	display: block;
	position: relative;
}
.testBg{
	height: 260px;
	width: 100%;
	min-width: 1200px;
	display: block;
	position: absolute;
	object-fit: cover;
}

.t-c{
	height: 100%;
	width: 1170px;
	display: block;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
.test2Bg{
	height: 49px;
	width: 498px;
	display: block;
	padding-top: 20px;
}
.t-c-c{
	width: 870px;
	height: 96px;
	display: block;
	margin-top: 10px;

}

select.test-form{
	width:270px;
	height:38px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("/views/mxsy/pc/images/index/index_bg012.png") no-repeat 250px center;
	background-size:8px;
	font-size:14px;
	font-family:'PingFang SC';
	color:rgba(102,102,102,1);
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	background-color: rgba(229,229,229,1);
	outline:none;
	padding: 0 10px;
}
select.test-form-l{
	margin-left: 0px;
}

.testBtn{
	width:270px;
	height:38px;
	background:rgba(255,0,114,1);
	float: left;
	margin: 20px 0 0 30px;
	font-size:14px;
	font-family:PingFangSC-Semibold,'PingFang SC';
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:38px;
	text-align: center;
	border: none;
	outline: medium;
	cursor: pointer;
	padding: 0;
}