html,body{
	min-width: 1200px;
	width: 100%;

	margin: 0;
	padding: 0;

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

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

/*学校简介*/
.introduction{
	height:380px;
	background: #FFFFFF;
	display:block;
}

.i-l{
	
	width:600px;
	height:380px;
	float: left;
	display:block;
	position: relative;
}
.i-r{
	display:block;
	width:570px;
	height:100%;
	float: left;

}

.i-l-bg{
	width:370px;
	height:370px;
	background:rgba(249,249,249,1);
	
}

.i-l-h-bg{
	width:230px;
	height:80px;

	display: block;

}

.i-l-c-bg{
	width:230px;
	height:290px;
	background:rgba(183,192,196,1);
	position: relative;
	margin-left: 70px;
	display: block;

}

.i1Bg{
	width:370px;
	height:220px;
	background:rgba(249,249,249,1);
	display: block;
	position: absolute;
	margin-top: -220px;
	margin-left: 100px;
	z-index: 1;
}

.i-r-i span.s1{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:24px;
	display: block;
	padding-top:80px; 
}
.i-r-i span.s2{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:24px;
	display: block;
	margin-top:20px; 
}
.i-r-i span.s3{
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:21px;
	display: block;
	margin-top:35px; 
}

.i-r-b{
	width:120px;
	height:18px;
	margin-top:80px; 
	display: block;
}

.i-r-b:hover  span.s4{
	color:rgba(239,62,73,1);
}
.i-r-b:hover   span.s5{
	color:rgba(239,62,73,1);
}


.i-r-i span.s4{
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:18px;
	display: inline-block;
}
.i-r-i span.s5{
	display: inline-block;
	width:21px;
	height:12px;
	color:rgba(51,51,51,1);
}

/*767*/
.hight{
	width:100%;
	height:767px;
	display: block;
}

.d-h{
	width:100%;
	height:187px;
	display: block;
}

.d-h span.s1{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:24px;
	display: block;
	padding-top: 90px;
}

.d-h span.s2{
	font-size:18px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:#999999;
	line-height:18px; 
	display: block;
	margin-top: 15px;
}

.d-h span.s3{
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:18px; 
	float: right;
	margin-top: -27px;
}

.h-c{
	width:100%;
	display: block;
}

.h-c-o{
	width:270px;
	height: 450px;
	float: left;
	margin-left: 30px;
}

.h-c-o:hover span.s2{
	color:rgba(239,62,73,1);
}
.h-c-o:hover span.s3{
	background:rgba(239,62,73,1);
}
.h-c-o:hover .hBg{
	transform: scale(1.1)
}


.h-c-o-l{
	margin-left: 0px;
}
.h-c-o span.s1{
	font-size:12px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:12px;	
	display: block;
}
.h-c-o span.s2{
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:18px;
	display: block;
	margin-top: 12px;
}
.h-c-o span.s3{
	width:270px;
	height:1px;
	background:rgba(216,216,216,1);
	margin-top: 15px;
	display: block;
}
.h-c-o span.s4{
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:22px;
	display: block;
	margin-top: 12px;
}

.hBg{
	width:100%;
	height: 320px;
	transition: transform 0.3s;
	display: block;
	object-fit: cover;

}
.imag-i{
	width:270px;
	height: 320px;
	display: block;
	overflow: hidden;
	margin-top: 20px;
}

.t-c-b{
	width:100%;
	height: 380px;
	display: block;
	margin-top: 30px;
}
.t-c-b-l{
	width:400px;
	height: 380px;
	float: left;
}

.t-c-b-r{
	width:670px;

	float: left;
	padding: 15px;
	border:1px solid rgba(216,216,216,1);
}

.t-c-b-l-bg-1{
	width:300px;
	height:275px;
	position: absolute;
	background:rgba(249,249,249,1);
	margin-left: 70px;
}
.t-c-b-l-bg-2{
	width:238px;
	height:250px;
	position: absolute;
	background:rgba(183,192,196,1);
	margin-left: 32px;
	margin-top: 81px;
}

.trip3Bg{
	width:246px;
	height:270px;
	position: relative;
	margin-top: 105px;
}
.t-c-b-r-s{
	width: 100%;
	height:40px;
	display: block; 
}

.t-c-b-r-s span.s1{
	font-size:14px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:40px;
	position: absolute;
	margin-left: 10px;
	display: inline-block;
}

.t-c-b-r-s span.s2{
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:40px;
	margin-left: 110px;


	display: inline-block;

}
/*联系我们*/

.link{
	width: 100%;
	height: 270px;
	display: block;
}


.linkBg{
	width: 100%;
	min-width: 1200px;
	position: absolute;
	height: 260px;

}

.link1Bg{
	padding-top: 25px;
	margin-left: 100px;
	width: 370px;
	position: relative;
	z-index: 1px;
	height: 70px;
}

.l-i{
	width: 1000px;
	height:38px;
	display: block;
	position: relative;
	z-index: 1; 

	margin:42px 0 0 200px;
}

.l-i-o{
	width:170px;
	height:38px;
	background:rgba(255,255,255,1);
	float: left;
	margin-left: 30px;
}

.l-i-o span.s1{
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:38px;
	margin-left: 10px;
	float: left;
}


.l-i-o input.i1{
	width: 80px;
	height: 38px;
	font-size:14px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:38px;
	border: none;
	outline: medium;
	background: none;
	float: left;
}

.l-i-o input.i2{
	width: 170px;

}



.p-l{
	width: 270px;
}

.s-o{
	width: 160px;
	height: 38px;
	float: right;
	border: none;
	outline: medium;
	color:rgba(51,51,51,1);
	font-size:14px;
	background: none;
}

.l-i-o-bt{
	width: 170px;
	height: 38px;
	margin-left: 30px;
	background:rgba(238,63,73,1);
	border: none;

	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:38px;
	cursor: pointer;

}

/*项目收获*/

.project{
	width:100%;
	height:798px;
	display: block;
}
.p-c{
	width: 100%;
	display: block;
}

.p-c-o{
	width: 370px;
	height:600px;
	float: left;
	margin-left: 30px;
}
.p-c-o-l{
	margin-left: 0px;
}
.p-c-o-w{
	width: 470px;
}
.p-c-o-w2{
	width: 270px;
}
.p-c-o span.s1{
	width: 100px;
	height: 144px;
	float: left;
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:18px;
	margin-top: 18px;
	float: left;
}
.p-c-o span.s2{
	margin-top: 15px;
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:28px;
	width: 270px;
	height: 144px;
	float: left;
}
.p-c-o span.s3{

	width: 90px;
	height: 144px;
	float: left;
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:18px;
	margin-top: 4px;
	float: left;
}

.p-c-o span.s4{
	margin-left: 5px;
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:28px;
	width: 170px;
	height: 144px;
	float: left;
}
.project1Bg{
	width: 370px;
	height:280px;
	display: block;
	transition: transform 0.3s;
}

.p-c-o:hover span.s1{
	color:rgba(239,62,73,1);
}

.p-c-o:hover .project1Bg{
	transform: scale(1.1)
}
.p-c-o:hover .project2Bg{
	transform: scale(1.1)
}
.p-c-o:hover .project3Bg{
	transform: scale(1.1)
}


.p-c-o-w2:hover span.s3{
	color:rgba(239,62,73,1);
}

.p-c-o-imag1{
	width: 370px;
	height:280px;
	overflow: hidden;
	display: block;
	object-fit: cover;
}
.p-c-o-imag2{
	width: 470px;
	height:280px;
	overflow: hidden;
	display: block;
	margin-top: 60px;
	object-fit: cover;
}
.p-c-o-imag3{
	width: 270px;
	height:270px;
	overflow: hidden;
	display: block;
	object-fit: cover;
	padding-top: 56px;
	clear: both;
}

.project2Bg{
	width: 470px;
	height:280px;
	display: block;
	
	transition: transform 0.3s;
}

.project3Bg{
	width: 270px;
	height:270px;
	display: block;
	
	transition: transform 0.3s;
}


/*游学流程*/
.processBg{
	width: 100%;
	height: 464px;
	position: absolute;
	min-width: 1200px;
}
.d-h-h{
	position: relative;
	z-index: 1;
	text-align: center;
}
.pro-c{
	width: 100%;
	display: block;
	height: 291px;
	position: relative;
	z-index: 1;
}

.pro-c-o{
	width: 120px;
	height: 291px;
	text-align: center;
	margin-left: 90px;
	float: left;
}
.pro-c-o-l{
	margin-left: 0px;

}
.pro-c-o:hover span.s2{
	color:rgba(239,62,73,1);
}

.pro-c-o:hover .process3Bg{
	-moz-transform:rotate(450deg);
	-webkit-transform:rotate(450deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.pro-c-o:hover .process1Bg{
	
	display: none;
}
.pro-c-o:hover .process3Bg{
	
	display: block;
}
.process1Bg{
	width: 122px;
	height: 126px;
	margin-left: -60px;
	position: absolute;
	/*background:  url(../images/summerSchool30.png);*/
	transition: transform 0.6s;
	object-fit: none;

}


.process3Bg{
	width: 122px;
	height: 126px;
	margin-left: 0px;
	position: absolute;
	/*background:  url(../images/summerSchool30.png);*/
	transition: transform 0.6s;
	object-fit: none;
	display: none;
}
.process2Bg{
	width: 108px;
	height: 108px;
	display: block;
	margin-left: 6px;
	padding-top: 8px;
}

.p1bg{
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.p2bg{
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}


.p3bg{
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.p4bg{
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.p5bg{
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.p6bg{
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}

.pro-c-o span.s1{
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(80,93,98,1);
	line-height:14px;
	display: block;
	margin-top: 22px;

}
.pro-c-o span.s2{
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:18px;
	display: block;
	margin-top: 10px; 
}

/*行程安排*/

.trip{
	width: 100%;
	height: 996px;
	display: block;
}
.t-c{
	width: 100%;
	height: 300px;
	display: block;
}
.t-c-l{
	width: 400px;
	height: 300px;
	float: left;
}
.t-c-r{
	width: 770px;
	height: 300px;
	float: left;
}
.t-c-l-c{
	width: 400px;
	height: 100px;
	display: block;
}
.t-c-l-c-o{
	width: 400px;
	height: 100px;
	display: block;
	transition: transform 0.3s;
}
.t-c-l-c:hover  {
	background:rgba(249,249,249,1);
}
.t-c-l-c:hover   .t-c-l-c-o {
	transform:translateX(30px);/**左移元素**/
	-ms-transform:translateX(30px);
	-webkit-transform:translateX(30px);
}



.t-c-l-c-o-bg{
	background:rgba(249,249,249,1);
}
.t-c-l-c-o-bg-t{
	transform:translateX(30px);/**左移元素**/
	-ms-transform:translateX(30px);
	-webkit-transform:translateX(30px);
}

.t-c-b-r-s:hover span.s1{
	color:rgba(239,62,73,1);
}

.t-c-b-r-s:hover span.s2{
	color:rgba(239,62,73,1);
}



.t-c-l-c span.s1{
	float: left;
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:14px;
	margin-top: 15px;
}

.t-c-l-c span.s2{
	float: left;
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:18px;
	margin-top: 29px;
	margin-left: 25px;
}
.t-c-l-c span.s3{
	float: left;
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:14px;
	margin-top: 10px;
}

.trip1Bg{
	width: 70px;
	height: 70px;
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}

.trip2Bg{
	width: 770px;
	height: 300px;
	position: absolute;

}
.t-c-r-s{
	width:470px;
	height:210px;
	background:rgba(0,0,0,1);
	position: relative;
	z-index: 1;
	float: right;
	margin-top: 90px;
}

.t-c-r-s span.s1{

	font-size:14px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:20px; 
	margin-top: 13px;
	display: block;
	margin-left: 25px;
}
.t-c-r-s span.s2{

	font-size:14px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:400;
	color:#999999;
	line-height:20px; 
}
.s1-top{
	padding-top: 16px;
}
/*夏校课堂*/

.course{
	width: 100%;
	height: 477px;
	display: block;	 
	background:rgba(0,0,0,1);
}
.c-l{
	width: 270px;
	height: 477px;
	float: left;
}
.c-c{
	width: 570px;
	height: 477px;
	float: left;
	margin-left: 30px;
}
.c-r{
	width: 270px;
	height: 477px;
	float: left;
	margin-left: 30px;
}

.c-l span.s1{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:24px;
	display: block;
	padding-top: 60px;
}
.c-l span.s2{
	font-size:18px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:18px;
	display: block;
	margin-top: 15px;
}



.courseBg:hover{
	transform: scale(1.1)
}

.course2Bg:hover{
	transform: scale(1.1)
}

.course3Bg:hover{
	transform: scale(1.1)
}

.course4Bg:hover{
	transform: scale(1.1)
}

.course5Bg:hover{
	transform: scale(1.1)
}

.course6Bg:hover{
	transform: scale(1.1)
}
.cBg{
	width: 270px;
	height: 310px;
	display: block;
	margin-top: 50px;
	overflow: hidden;
	
}
.courseBg{
	width: 270px;
	height: 310px;
	display: block;
	transition: transform 0.3s;
}
.c2Bg{
	width: 370px;
	height:280px;
	display: inline-block;
	margin-top: 60px;
	overflow: hidden;
	
}
.course2Bg{
	width: 370px;
	height: 280px;
	transition: transform 0.3s;

	object-fit: cover;
}
.c3Bg{
	width: 172px;
	height: 200px;
	margin-top: 140px;
	display: inline-block;
	overflow: hidden;
	float: right;
	
}
.course3Bg{
	width: 172px;
	height: 200px; 
	object-fit: cover;
	transition: transform 0.3s;
}

.c4Bg{
	width: 172px;
	height: 235px;
	margin-top: 30px;
	float: left;
	overflow: hidden;
}
.course4Bg{
	width: 172px;
	height: 235px;
	display: block;
	transition: transform 0.3s;
}
.c5Bg{
	width: 370px;
	height: 280px;
	display: inline-block;
	margin-top: 30px;
	float: right;
	overflow: hidden;
}

.course5Bg{
	width: 370px;
	height: 280px;
	display: block;
	transition: transform 0.3s;
}
.c6Bg{
	width: 270px;
	height: 275px;
	display: block;
	margin-top: 235px;
	overflow: hidden;
	
}
.course6Bg{
	width: 270px;
	height: 275px;
	display: block;
	transition: transform 0.3s;
}


/*咨询*/

.sign{
	width: 100%;
	height: 637px;
	display: block;
	position: relative;
}

.signBg{
	width: 845px;
	height: 169px;
	position: absolute;
	float: right;
	right: 0;
	margin-top: 342px;
	z-index: 1;
}
.s-bg{
	width:1000px;
	height:202px;
	background:rgba(239,239,239,1);
	float: right;
	position: relative;
	margin-top:289px;
	margin-left: 91px;
}

.s-l{
	width:18px;
	height:200px;
	float: left;

}

.s-l span.s1{
	width:1px;
	height:261px;
	background:rgba(216,216,216,1);
	display: block;
	margin-left: 9px;
	margin-top: 173px;
}

.s-l span.s2{
	font-size:18px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:18px;
	margin-top: 10px;
	display: block;
	writing-mode: tb-rl;
}


.center-i{
	width: 900px;
	height: 200px;
	clear: both;
	position: absolute;
	z-index: 1;
	display: block;
	margin-top: 341px;
	margin-left: 220px;

}

.center-i span.s3{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFangSC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:24px;
	display: block;
	width: 100%;

}
.l-top{
	margin-top: 45px;
	display: block;

}
.l-i-o-l{
	margin-left: 0px;
	
}
 
 

.b-b{
 display: block;
 margin-top: 120px;
 clear: both;
}

.btnOk{
 display: block; 
 padding: 0;
 width:170px;
 height:38px;
 background:rgba(239,62,73,1);
 font-size:18px;
 font-family:PingFangSC-Semibold,PingFangSC;
 font-weight:600;
 color:rgba(255,255,255,1);
 line-height:18px;
 border: none;
 outline: medium;
 cursor: pointer;
 position: relative; 
}