.navbox{
	position: fixed!important;
	top:0;
}
/* banner */
.banner{
	width:100%;
	height:72%;
	background: url(../img/banner1.png);
	background-size: 100% 100%;
	position: relative;
	
}
.banner .bancount{
	position: absolute;
	top: 30%;
	left: 15%;
}
.bancount p,.bancount h1{
	width: 100%;
}
.bancount h1{
	margin-bottom: 6%;
	color:#72C4F8;
	font-size: 2.6rem;
	font-weight: 100;
}
.bancount p:nth-child(2){
	margin-bottom: 10%;
	color: #BFB6E9;
	font-size: 1.5rem;
	font-weight: 100;
}
.bancount .titline{
	width: 25%;
	height: 3px;
	background:#49ADFF;
	margin-bottom: 10%;
}
.bancount p:nth-child(4),.bancount p:nth-child(5){
	padding: 1% 0;
	color: #BFB6E9;
}
.btn{
	width: 100%;
	background: #E3E3E3;
	display: flex;
	justify-content: center;
}
.btn a{
	display: block;
	width:12%;
	padding: 1% 0;
	text-align: center;
	font-size: 1.125rem;
}
.btn a:first-child{
	background: #5A63EF;
	color: #FFFFFF;
}
@media screen and (min-width:1367px) {
	.banner .bancount{
		width: 50%;
	}
	.banner .bancount .swiper-slide{
		width: 100%!important;
	}
	.bancount h1{
		margin-bottom: 3%;
		font-size: 4rem;
	}
	.bancount p:nth-child(2){
		margin-bottom: 6%;
		font-size: 2.25rem;
	}
	.bancount .titline{
		margin-bottom: 6%;
	}
	.bancount p:nth-child(4), .bancount p:nth-child(5){
		font-size: 1.0625rem;
	}
}
@media screen and (max-width:1366px) {
	.banner .bancount{
		width: auto;
	}
	.banner .bancount .swiper-slide{
		width: 100%!important;
	}
	.bancount h1{
		margin-bottom: 6%;
		font-size: 2.6rem;
	}
	.bancount p:nth-child(2){
		margin-bottom: 10%;
		font-size: 1.5rem;
	}
	.bancount .titline{
		margin-bottom: 10%;
	}
	.bancount p:nth-child(4), .bancount p:nth-child(5){
		font-size: 0.875rem;
	}
}
@media screen and (max-width:960px) and (min-width:650px) {
	.btn a{
		width:25%;
		padding: 2% 0;
	}
}
@media screen and (max-width:650px) {
	.btn a{
		width:50%;
		padding: 3% 0;
	}
}
/* 开发流程 */
.flow{
	width: 100%;
	background: #FFFFFF;
	padding: 3% 0 6%;
}
.flowtop{
	width: 100%;
	margin-bottom: 2.5%;
}
.flowtop p{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	font-size: 1.8rem;
	margin-bottom: 0.3125rem;
}
.flowmidd{
	width: 100%;
	margin-bottom: 4%;
}
.flowmidd p{
	width:60%;
	text-align: center;
	margin: 0 auto;
	line-height: 1.625rem;
}
.flowbottom{
	width: 100%;
	display: flex;
	justify-content: center;
}
.flowbottom .fbleft{
	
}
.flowbottom ul li{
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 16.67%;
}
.flowbottom ul li span{
	display: block;
	background: #FFFFFF;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 50%;
	line-height: 1.125rem;
	text-align: center;
	color:#4D9AE3 ;
	border: 1px solid #78C3F8;
	cursor: pointer;
	
}
.flowbottom ul li p{
	color: #1A3F73;
	cursor: pointer;
	width: 88%;
	text-align: right;
	margin-right: 1.25rem;
}
.flowbottom .fbright li p{
	text-align: left;
	margin-left: 1.25rem;
	margin-right: 0;
}
.flowbottom ul li:hover .fby{
	color:#FFFFFF ;
	background: linear-gradient(#428FDE,#78C3F8);
}
.fbmiddle{
	display: flex;
	justify-content: center;
	align-items: center;
}
.fbmiddle{
	width:30%;
}
.fbmiddle img{
	width:70%;
	display: block;
}
@media screen and  (max-width:1366px) {
	.flowmidd p{
		width: 60%;
		font-size: 0.875rem;
	}
	.flowtop p{
		font-size: 1.6rem;
	}
	.education .edu_bottom li{
		font-size: 0.875rem;
	}
	.kf{
		padding-top: 11%!important;
	}
	.shiyan p{
		font-size: 0.875rem;
	}
}
@media screen and  (max-width:1200px) {
	.kf{
		padding-top: 16%!important;
	}
}
@media screen and  (max-width:1100px) {
	.flowmidd p{
		width: 68%;
	}
}
@media screen and  (max-width:960px) {
	.flowmidd p{
		width: 78%;
	}
}
@media screen and  (max-width:500px) {
	.banner {
    background: url(../img/combg.png);
    background-size: auto!important;
}
	.flowmidd p{
		width: 94%;
	}
	.flowtop p{
		width: 94%;
	}
	.flowtop{
		margin-bottom: 7%;
	}
	.flowmidd{
		margin-bottom: 8%;
	}
	.flowbottom ul li {
    height: 26.67%;
}
.flow{
	padding-bottom:35%;
}
.flowbottom{
	width: 98%;
}
.kf{
	padding-bottom:6%;
}
}
/* 协同育人 */
.education{
	width: 100%;
	background: url(../img/xtbg.png);
	background-size: 100% 100%;
	position: relative;
	padding-bottom: 12%;
}
.education .edu_top{
	color: #FFFFFF;
	padding: 3% 0;
}
.education .edu_bottom{
	width: 70%;
	position: absolute;
	left: 14%;
	top: 50%;
	z-index: 666;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: #FFFFFF;
	padding: 1% 0;
	box-shadow: 0 3px 6px #B5A1F0;
}
.education .edu_bottom li{
	width: 33.3%;
	display: flex;
	align-items: center;
	padding: 2% 0;
	justify-content: center;
}
.edu_botlist{
	/* margin-right: 6%; */
}
.edu_botlist img{
	width: 70%;
	display: block;
	margin: 0 auto;
}
.education .edu_bottom li span:nth-child(2){
		width: 60%;
	}
.fbpic{
	/* width: 35%; */
	display: block;
	margin: 0 auto;
}
@media screen and (max-width:1200px) and (min-width:500px){
	.education .edu_bottom li{
		flex-wrap: wrap;
	}
	.education .edu_bottom li span:nth-child(2){
		width: 100%;
		text-align: center;
	}
}
@media screen and  (max-width:500px) {
	.education .edu_bottom{
		width: 100%;
		left: 0;
		position: static;
	}
	.education{
		padding-bottom: 0;
	}
	.education .edu_bottom li{
		width: 90%;
		margin: 0 auto;
		justify-content: flex-start;
	}
	.fbpic{
		width: 90%;
	}
}
/* 开发经验 */
.develop{
	width: 100%;
	background: url(../img/xtbg.png);
	background-size:100% 100%;
	padding: 3% 0;
}
.developtop{
	width: 100%;
	margin-bottom: 2.5%;
}
.developtop p{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	font-size: 1.375rem;
	margin-bottom: 0.9375rem;
	color: #FFFFFF;
}
#developmidd{
	margin: 3% auto;
	width: 90%;
	overflow: hidden;
	position: relative;
}
   #developmidd .swiper-containerd {
      width: 100%;
      height: 100%;
    }
   #developmidd .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* background: #89ABD9; */
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
	  /* padding: 0.625rem; */
    }
	 #developmidd .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
	 #developmidd .swiper-slide img{
		 display: block;
		 width: 100%;
		 margin: 4% auto;
	 }
.shiyan{
	width: 100%;
}
.shiyan p{
	color: #FFFFFF;
	width: 75%;
    margin: 0 auto 4%;
    text-align: center;
}