/*乱七八糟*/
.bai {
	margin: 4% auto;
    width: 60%;
    height: auto;
	background: rgba(255,255,255,1);
}

.sps {
	position: absolute;
	left: 10%;
	margin: 0 auto;
	color: rgba(255,255,255,1);
	font-weight: 300;
	font-size: 17px;
	font-family: Source Han Sans CN;
	opacity: 0.8;
}

.p2s {
	position:;
	line-height: 100%;
	z-index: 10;
	clear: both;
	margin: 0 auto;
	padding: 20px;
	color: rgba(162,162,162,1);
	text-align: center;
	font-size: 16px;
	font-family: Source Han Sans CN;
}

.leftss {
	margin: 0 auto;
	width: 80%;
	height: auto;
}

.leftss p {
	position: relative;
	float: left;
	margin-left: 2%;
	width: 31.33%;
	height: 100%;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}

.leftss p img {
	width: 100%;
}
/*产品特点*/
.cptd {
	margin: 0 auto;
	width: 100%;
	height: 200px;
}

.cpt {
	margin-left: 2%;
    margin-right: 2%;
	width: 29.33%;
	height: 180px;
	background: rgba(255,255,255,1);
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}

.cpt1 {
    margin: 6% auto;
    width: 90%;
    padding: 1% 5%;
    height: 84%;
}

.sma1 {
	width: 12px;
	height: 8px;
	background: rgba(51,51,51,1);
}

.sma2 {
	margin-top: 20px;
	color: rgba(51,51,51,1);
	font-weight: bold;
	font-size: 16px;
	font-family: Source Han Sans CN;
	line-height: 100%;
}

.sma3 {
	margin-top: 20px;
	color: rgba(162,162,162,1);
	font-weight: 300;
	font-size: 16px;
	font-family: Source Han Sans CN;
	line-height: 100%;
}


/*导航栏*/

.gd {
	margin: 2% auto;
	width: 6.5rem;
	height: auto;
	border-radius: 1rem 0;
	background: linear-gradient(106deg,rgba(189,137,242,1),rgba(76,84,231,1));
	color: #fff;
	font-size: 0.9rem;
	line-height: 2.5rem;
}

/*功能*/
.ss:hover {
	color: blue;
}

.branch_bar {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 420px;
	text-align: center;
}

.branch_bar .branch {
	margin: 0 auto;
	width: 48%;
	height: 420px;
}

.branch_bar .branch li {
	top: 0;
  	width: 33.33%;
	left: 0;
	float: left;
}

.imgs {
    margin-top: 50px;
    margin-left: 0%;
    width: 72% !important;
    height: 322px !important;
	/*margin-top: 60px;
	margin-left: 12%;
	width: 90% !important;
	height: 300px !important;*/
}

.prev {
	position: absolute;
	top: 100px;
	left: 13%;
	color: #fff;
	cursor: pointer;
}

.next {
	position: absolute;
	top: 100px;
	right: 13%;
	color: #fff;
	cursor: pointer;
}

/*方案总体介绍*/
.sam {
	margin: 40px auto;
	width: 60%;
	height: 100%;
	color: rgba(51,51,51,1);
	text-align: justify;
	font-weight: 300;
	font-size: 16px;
	font-family: Source Han Sans CN;
	line-height:2rem;
	opacity: 0.8;
}

.sams {
	color: rgba(51,51,51,1);
	font-weight: 300;
	font-size: 16px;
	font-family: Source Han Sans CN;
	line-height: 100%;
	opacity: 0.6;
}

.zcyr {
	overflow: hidden;
	width: 100%;
	height:auto;
	background: rgba(241,243,251);
	text-align: center;
}

.bais {
	margin: 0 auto;
	width: 60%;
	height: 40%;
}

.img {
	float: right;
}

.lf {
	float: left;
}

.ico1 {
	width:100%;
	height: auto;
	text-align: center;
}

.s {
	margin: 5% 0;
    width: 25%;
    float: left;
	height: auto;
	text-align: center;
}

.ss {
	margin: 20px auto;
	width: 100%;
	color: rgba(51,51,51,1);
	font-weight: 400;
	font-size: 17px;
	font-family: Source Han Sans CN;
	line-height: 100%;
	opacity: 0.8;
}

.sps {
	position: absolute;
	top: 20%;
	width: 80%;
	color: rgba(255,255,255,1);
	font-weight: 300;
	font-size: 17px;
	font-family: Source Han Sans CN;
}

.fot {
    /* margin-top: 100px; */
	padding: 2% 0;
	color: rgba(51,51,51,1);
	font-weight: bold;
	font-size: 2rem;
	font-family: Source Han Sans CN;
	line-height: 100%;
}

/**需求分析*/

.obt {
     /* position: absolute; */
     /* top:20%; */
	left: 22%;
	text-align: justify;
}

.p1 {
	margin-top: 2%;
	width: 100%;
	height: 21%;
/* color:rgba(51,51,51,1); */
	font-weight: 400;
	font-size: 23px;
	font-family: Source Han Sans CN;
	line-height: 100%;
	opacity: 0.8;
}


/*校园管理*/
.ob p {
	float: left;
}

.ob img {
	margin: 2rem auto;
	width: 25%;
	height: auto;
}

.bt1 p {
	margin-right: 1%;
	margin-left: 1%;
	width: 31.33%;
	height: 100%;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
      margin-bottom: 5%;
    padding-bottom: 5%;

}

.wti1 {
	width: 100%;
	height: 100%;
	background: rgba(239,236,253);
}

.wd1 {
	float: left;
	margin-top: 40px;
	margin-left: 15%;
	width: 26%;
	height: 60%;
}

.sz1 {
	height: auto!important;
	text-align: justify;
	font-size: 22px;
	opacity: 0.6;
}

.sz2 {
	margin: 40px auto;
	height: auto!important;
	text-align: justify;
	font-size: 14px;
	line-height: 34px;
	opacity: 0.6;
}

.wti11 {
	width: 100%:height:auto;
}
.img-contrl{
 	text-align:center;margin: 0% 0% 2% 0;
}

@media screen and (max-width: 900px) and (min-width:0px){
  .cpt{    margin-bottom: 3%;
    height: auto;width: 100%;}
  .bais{width:100%;margin:3% auto;}
  .cpt1{height:auto;}
  .sams{width: 90%!Important;margin: 0 auto;}
  .img-contrl img{width:90%!important;}
  .img-contrl{width:90%!important;margin: 3% auto;}
  .sam {
    margin: 4% auto;}
  .cptd{width:90%!important;}
  .bai{width:90%;}
  .s{width: 50%;}
.title span{
  width:100%;
  }
  .leftss p{
    position: relative;
    float: left;
    margin-left: 2%;
    width: 96%;
    margin-bottom: 2%;
    }
  .font{
  margin:5% 0;}
  .fot{font-size:1.5rem;}
  .sam{width:80%;}
  .jiejue-nr4s{margin-top:5%!important;}
  .shoujik img{width:90%!important;}
  .jiejue-nr4s .title{width:90%!important;}
  .branch-style{width:90%!important;margin:0 5%!important;}
  .imgs{    margin-top: 50px;
    margin-left: 0%;
    width: 89% !important;
    height: 292px !important;}
  .branch_bar .branch li{width:100%!important;height:380px!important;}
  .branch_bar .branch{width:50%!important;height:380px!important;}
  .branch-style{height:380px!important;}
  .branch-style img{height:380px!important;width: 50%!important;margin: 0 25%!important;}
  .branch_bar{height:380px!important;}
}