html,body{
	min-width: 1280px;

	width: 100%;
	margin: 0;
	padding: 0;

}
.box{
	display: block;
	width: 100%;
	margin-top:90px;
}
.banner{
	width:100%;
	overflow:hidden;	
	min-width: 1280px;
	display:block;
}
.bannerBg{
	display:block;
	width: 100%;	
}

.des{
	width: 1170px;
	height: 430px;
	display: block;
	margin: 0 auto;
}


.d-l{
	width: 600px;
	height: 430px;
	float: left;
	position: relative;
}
.d-r{
	width: 470px;
	height: 430px;
	float: left;
}


.d-l-t{
	width:30px;

	background:rgba(15,0,232,1);
	display: block;
	margin:60px 0 0 85px;
	z-index: 1;
	position: relative;
	text-align: center;
	padding: 10px 0px;
	

}
.d-l span.s5{
	display: block;
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color: #ffffff;
-webkit-writing-mode: tb-rl;
-ms-writing-mode: tb-rl;
writing-mode: tb-rl;

}




.d-r span.s1{
	display: block;
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(29,30,31,1);
	line-height:33px;
	padding-top: 103px;
	

}

.d-r span.s2{
	width:70px;
	height:1px;
	background:rgba(29,30,31,1);
	display: inline-block;
	margin-top: 14px;
}

.d-r span.s3{
	font-size:14px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(29,30,31,1);
	line-height:14px;
	display: inline-block;
}

.d-r span.s4{
	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: 40px;
}
.desBg{
	width: 470px;
	height: 270px;
	position: absolute;
	top: 60px;
	left: 100px;
}



/*热门服务*/

.hot{
	width:100%;
	height:584px;
	background:rgba(255,217,247,1);	
	display: block;
	text-align: center;
}


.hot span.s1{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(15,0,232,1);
	line-height:33px;
	display: block;
	padding-top: 50px;
	margin-bottom: 20px;
}
.h-c{
	width:1170px;
	height:484px;
	margin: 0 auto;
	display: block;

}
.h-c-o{
	width:270px;
	height:170px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

.h-c-o2{
	width:170px;
	height:170px;
}
.hot2Bg{
	width:170px;
	height:170px;
	position: absolute;
	left: 0;
	transition: transform 0.5s;
}
.h-c-o-l{
	margin-left: 0px;
}
.h-c-o-l2{
	margin-left: 100px;
}

.hot1Bg{
	width:270px;
	height:170px;
	position: absolute;
	left: 0;
	transition: transform 0.5s;

}
.h-c-o-i{
	width:240px;
	height:140px;
	position: relative;
	border:1px solid rgba(249,249,249,1);
	display: flex;
	margin: 15px auto;
	text-align: center;
	align-items: center;
	justify-content: center;

}
.h-c-o-i2{
	width:140px;
	height:140px;

}
.h-c-o-i span{	 
	padding: 5px 10px;
	background:rgba(249,249,249,1);
	opacity:0.9;
	font-size:16px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(254,92,43,1);
	line-height:18px;

}

.h-c-o:hover .hot1Bg{
	transform: scale(1.1);
}


.h-c-o:hover .hot2Bg{
	transform: scale(1.1);
}

.h-c-o:hover .h-c-o-i span {
	background:rgba(254,92,43,1);
	color:rgba(249,249,249,1);
}

.h-c-o:hover .h-c-o-i{
	border:1px solid rgba(254,92,43,1);
}

/*项目*/

.project{
	width: 1170px;
	height: 1723px;
	display: block;
	margin: 0 auto;
}

.p-l{
	width: 570px;
	height: 100%;
	float: left;
}
.p-l2{
	margin-left: 30px;
}
.p-l-o{
	width: 100%;
	height: 600px;
	display: block;
}
.p-l-o2{
	width: 100%;
	height: 850px;

}
.p-o-h{
	width: 360px;
	height: 35px;
	display: block;
	margin-top: 70px;

} 

.p-o-h span.s1{
	width:70px;
	height:2px;
	background:rgba(216,216,216,1);
	float: left;
	line-height:35px;
	margin-top: 17px;

}
.p-o-h span.s2{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(29,30,31,1);
	margin-left: 20px;
	float: left;

}


.p-l-o span.s3{
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(15,0,232,1);
	line-height:25px;
	float: right;
	margin-top: -27px;
	cursor: pointer;
	display: none;

}
.p-l-o span.s4{
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:14px;
	display: block;
	margin-top: 8px;
	margin-left: 90px;
}


.projectBg{
	width:570px;
	height:300px;
	display: block;
	transition: transform 0.5s;

}


.projectBg1{
	width:470px;
	height:540px;
	display: block;
	transition: transform 0.6s;
}
.pBg-l{
	width: 470px;
	padding-left:100px; 
}
.p-i{
	width:570px;
	height:300px;
	display: block;
	margin-top: 20px;
	overflow: hidden;
}
.p-i2{
	width:470px;
	height:540px;
	display: block;
	margin-top: 20px;
	overflow: hidden;
}

.p-l-o-i{
	width:370px;
	padding: 13px 16px;
	display: block;
	margin-top: -35px;
	position: relative;
	z-index: 1;
	background:rgba(249,249,249,1);
	-webkit-transition: all 1.0s; 
	-moz-transition: all 1.0s; 
	-ms-transition: all 1.0s; 
	-o-transition: all 1.0s; 
	transition: all 1.0s;

}

.p-l-o-i span.s5{
	font-size:14px;
	font-family:PingFang-SC-Medium,PingFang-SC;
	font-weight:500;
	color:rgba(153,153,153,1);
	line-height:23px;
	display: block;
	-webkit-transition: all 1.0s; 
	-moz-transition: all 1.0s; 
	-ms-transition: all 1.0s; 
	-o-transition: all 1.0s; 
	transition: all 1.0s;
}
.p-l-o span.s6{
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(29,30,31,1);
	line-height:25px;
	display: block;
	margin-top: 20px;
}

.p-l-o span.s10{

	margin-right: 100px;
}



.p-l-o span.s7{
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:24px;
	display: block;
	margin-top: 10px;
}

.p-l-o:hover .p-o-h span.s1{
	background:rgba(254,92,43,1); 
}
.p-l-o:hover .p-o-h span.s2{
	color:rgba(254,92,43,1); 
}
.p-l-o:hover span.s3{
	display: block;
}
.p-l-o:hover  span.s6{
	color:rgba(254,92,43,1); 
}
.p-l-o:hover .p-l-o-i{
	background:rgba(254,92,43,1); 
}

.p-l-o:hover .p-l-o-i span.s5{
	color:rgba(255,255,255,1);
}

.p-l-o:hover .projectBg{
	transform: scale(1.1);
}

.p-l-o:hover .projectBg1{
	transform: scale(1.1);
}

.p-top{
	margin-top: 110px;
}
/*实习*/


.study{
	width:100%;
	height:710px;
	display: block;
	position: relative;
}


.s-bg{
	width:100%;
	height:100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.s-l-bg{
	width:45.6%;
	height:100%;
	float: left;
	background:rgba(255,217,247,1);
}
.s-r-bg{
	width:54.4%;
	height:100%;
	float: left;
	background:rgba(255,143,233,1);
}


.s-c{
	width:1170px;
	height:100%;
	display: block;
	position: relative;
	z-index: 1;
	margin: 0 auto;

}


.s-l{
	width:500px;
	height:100%;
	float: left;

}
.s-r{
	width:570px;
	height:100%;
	float: left;
	margin-left: 100px;
	overflow: scroll;
}

.s-l-o{
	width:100%;
	height:48px;
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.s-top{
	margin-top: 120px;
}
.s-l-o span.s1{
	width:0px;
	height:2px;
	background:rgba(254,92,43,1);
	display: inline-block;
	transition:width 0.5s;
	-webkit-transition:width 0.5s; /* Safari */

}

.s-l-o span.s2{

	font-size:18px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(29,30,31,1);
	line-height:18px;
	display: inline-block;
	cursor: pointer;
}


.s-l-o:hover span.s1{
	
	width:40px;

}

.s-l-o:hover span.s2{
	color:rgba(254,92,43,1);
	margin-left: 20px;
}


.s-btn{
	width:270px;
	height:44px;
	display: block;
	background:rgba(15,0,232,1);
	margin-top: 130px;
	text-align: center;
}

.s-btn a.s1{
	width:270px;
	height:44px;
	display: block;
	background:rgba(15,0,232,1);
	border: none;
	padding: 0;
	outline: medium;
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:44px;
	cursor: pointer;
}



.s-r-o{
	width: 100%;
	height: 710px;
	display: block;
}
.s-r-o span.s1{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(15,0,232,1);
	line-height:33px;
	display: block;
	padding-top: 80px;
}


.s-r-o span.s2{
	font-size:14px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:14px;
	display: block;
	margin-top: 14px;
}

.s-r-o span.s4{
	width:563px;
	height:1px;
	background:rgba(235,216,232,1);
	display: block;
	margin-top: 29px;
}


.s-r-o span.s3{
	font-size:14px;
	font-family:PingFang-SC-Medium,PingFang-SC;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:23px;
	display: block;
	margin-top: 14px;
}

.study1Bg{
	width:170px;
	height:180px;
	display: inline-block;
	margin-top: 20px;
}
.study2Bg{
	width:370px;
	height:180px;
	display: inline-block;
	margin-top: 20px;
	margin-left: 20px;
}


.s-r-o span.s5{
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(15,0,232,1);
	line-height:25px;
	display: block;
	margin-top: 30px;
}



/*表单*/

.form{
	width: 1170px;
	height: 450px;
	display: block;
	margin: 0 auto;
	position: relative;
}

.form span.s1{
	font-size:24px;
	font-family:Arial-Black,Arial;
	font-weight:900;
	color:rgba(240,240,240,1);
	line-height:24px;
	display: block;
	padding-top: 100px;
}


.form span.s2{
	font-size:24px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(15,0,232,1);
	line-height:33px;
	display: block;
	margin-top: 16px;
}

.f-bg{
	width:1170px;
	height:159px;
	background:rgba(254,92,43,1);
	display: block;
	margin-top: 16px;
}


.f-i{
	width:670px;
	height:231px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 19px 0px rgba(254,92,43,0.18);
	position: absolute;
	left: 200px;
	top: 100px;
	z-index: 1;
}
.f-i-o{
	width:400px;
	height:231px;
	display: block;
	margin-left: 100px;
}
.f-i-o span.s3{
	font-size:12px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(29,30,31,1);
	line-height:12px;
	display: block;
	padding-top: 20px;
}
.f-i-o input{
	font-size:12px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:#333333;
	line-height:12px;
	display: block;
	width: 100%;
	height: 20px;
	display: block;
	border: none;
	outline: medium;
	margin-top: 7px;
}

input::-webkit-input-placeholder { /* WebKit browsers */  
	color:#999999;
}  
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
	color:#999999;
}  
input::-moz-placeholder { /* Mozilla Firefox 19+ */  
	color:#999999;
}  
input:-ms-input-placeholder { /* Internet Explorer 10+ */  
	color:#999999;
}  
.f-i-o span.s4{
	width:400px;
	height:1px;
	background:rgba(216,216,216,1);
	display: block;
	margin-top: 7px;
}

.okBtn{
	width:170px;
	height:44px;
	background:rgba(15,0,232,1);
	position: absolute;
	right: -100px;
	top: 68px;
}
.okBtn button.s1{
	width:170px;
	height:44px;
	background:rgba(15,0,232,1);
	border: none;
	background: none;
	font-size:18px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height:44px;
	padding: 0;
	cursor: pointer;
}


.f-o{
	font-size:12px;
	font-family:PingFang-SC-Regular,PingFang-SC;
	font-weight:400;
	color:rgba(29,30,31,1);
	line-height:12px;
	display: block;
	width: 100%;
	height: 20px;
	display: block;
	border: none;
	outline: medium;
	margin-top: 7px;
	margin-left: -4px;
	background: none;
}



/*.r::-webkit-scrollbar {display:none}*/


.s-r::-webkit-scrollbar{
	height: 1px !important;
	width: 0px !important;
}

/*定义了滚动条滑块的样式*/
.s-r::-webkit-scrollbar-thumb {
	border-radius: 0;
	border-style: dashed;
	background-color: rgba(12, 80, 235, 0.4);
	border-color: #e2242400;
	border-width: 1px;
	background-clip: padding-box;
}

/*定义了轨道的样式*/ 


.s-r::-webkit-scrollbar-thumb:hover {
	background: rgba(157, 165, 183, 0.7)
}