html,
body {
	font-size: 20px;
}

.mui-card {
	margin: 0;
	box-shadow: none;
  line-height: 0;
}

.mui-card-header,
.mui-card-content {
	box-shadow: none;
}

.mui-card p {
  font-size: 1.2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 2.3rem;
}

.mui-table-view-cell:after {
	background: none;
}

.mui-table-view:before {
	height: 0;
}
.line{
  width: 13.05rem;
  height: 3px;
  margin:5px auto 0;
  background: #3286EF;
}
.sub-title{
  text-align:center;
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3286EF;
  line-height: 1.8rem;
}
h5{
  margin-top:0px;
}
.page1{
	background-color:#0576F8;
  position: relative;
}
.p1-content{
  position:absolute;
  top:50%;
  left: 2rem;
  right: 2rem;
  transform: translateY(-50%);
}
.p1-img{
  margin: 0.8rem 8px 1.6rem;
}
.p1-text1{
  margin:0 6px;
}
.page2{
	  width: 100%;
    height: 100%;
    background: url(../newImage/p2-bg.png) center center;
    background-size: 100% 100%;
    overflow: hidden;
    box-sizing: border-box;

}
.page-title{
  margin:0 auto;
  width: 15rem;
  height: 3.1rem;
  background: url(../../zxhx/image/icon-tit.png) center center;
  background-size: 100% 100%;
  font-size: 1.6rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 3.1rem;
  text-align: center;
}
.page2 p{
  padding: 5rem 3.5rem 0px 3.3rem;
  font-size: 1.5rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #0056C3;
  line-height: 2.5rem;
  text-indent: 2em;
}
.page2 img{
  padding: 4rem 4.7rem 3.8rem 4.6rem;
  width: 100%;
  box-sizing: border-box;
  height: auto;
}
.page3{
  overflow: hidden;
}
.p3-img{
  margin: 3.8rem 2.7rem 4rem 1.6rem;
}
.page4{
  background: #F2F5F8;
  padding-bottom: 3.5rem;
}
.page4 .mui-table-view{
  background: inherit;
  margin-top: 2.5rem;
}
.page4 .mui-table-view-cell{
  padding-top: 0;
  padding-bottom: 0;
}
.p4-img{
  width: 7.7rem;
  height: 7.7rem;
  margin-right: 1.5rem;
}
.page4 h4{
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3286EF;
  line-height: 1.8rem;
}
.page4 .p4-c-y{
  color:#FFC35A;
}
.page4 .p4-c-p{
  color:#C265FD;
}
.page4 .p4-c-g{
  color:#86DE9B;
}
.page4 p{
  font-size: 1.2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 2.3rem;
}
.page4 p span{
  display: inline-block;
  margin-right: 1.3rem;
}
.p4-allow{
  position: relative;
  left: 3.1rem;
  width: 1.35rem;
  height: 2rem;
  margin-top: 1.5rem;
  margin-bottom:1.5rem;
  background: url(../newImage/arrow.png) no-repeat top left;
  background-size: 100% 100%;
}
.page5 .mui-table-view {
  padding-top: 4.5rem;
}
.page5 .mui-table-view-cell {
  padding-right: 1.25rem;
}
.p5-img{
  width: 6.05rem;
  height: 6.05rem;
  margin-left: 2.6rem;
  margin-bottom: 6.5rem;
}
.page5 h4{
  text-align: right;
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #2A2A2A;
}
.page5 p{
  text-align: right;
  font-size: 1.2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 2rem;
}
.p6-h{
  width:100%;
  height: 6.7rem;
  background: url(../newImage/p6-h-bg.png) no-repeat top left;
  background-size: 100% 100%;
  text-align: center;
}
.p6-h img{
  width: 23.1rem;
  height: 2.85rem;
  margin-top: 1.95rem;
}

.page6{
	background-color:#DCF7FF;
	padding-top: 2.3rem;
	padding-bottom:2.5rem;
}
.page6 .mui-card{
	margin: 2.3rem 1.05rem 0rem 1.45rem;
  border: 1px solid #3286EF;
  background: inherit;
}
.page6 .mui-card-content-inner{
  padding:0;
}
.page6 h5{
  padding:0px 1rem;
  /* width: 29.4rem; */
  height: 4.2rem;
  background: url(../newImage/p6-icon.png) no-repeat top left;
  background-size: 100% 100%;
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 3.1rem;
}
.page6 p{
  padding: 0.5rem 0.8rem 1.3rem 1rem;
  font-size: 1.2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #0C3E7D;
  line-height: 2.3rem;
}
.page7{
  padding: 1.8rem 0.7rem 3.5rem 20px;
  text-align: center;
}
.p7-img{
  width: 100%;
  height: auto;
}
.p7-tit{
  margin-top: 2.5rem;
  width: 22.25rem;
  height: 6.4rem;
}
.page8{
  padding: 1.7rem 1.7rem 3rem 1.5rem;
}
.page8 .mui-table-view-cell{
  padding: 0px;
  margin-top: 5rem;
}
.page8 h5{
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3286EF;
}
.page8 p{
  font-size: 1.2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 2.1rem;
}
.p8-img1{
  width: 12.9rem;
  height: 9.9rem;
  margin-right: 1.6rem;
}
.p8-img2{
  width: 11.9rem;
  height: 14.2rem;
  margin-left: 2.2rem;
}
.p8-img3{
  width: 12.45rem;
  height: 10.8rem;
  margin-right: 2rem;
}
.p8-img4{
  width: 12.4rem;
  height: 11.9rem;
  margin-left: 2rem;
}
.page9{
  background: #F7F6F6;
  padding-top: 2.25rem;
  padding-bottom: 5rem;
}
.page9 .mui-card-content{
  margin-top: 3.5rem;
}
.p9-text{
  margin: 0px 1.4rem 0px 1.7rem;
}
.p9-text h5{
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3286EF;
}
.p9-text p{
  font-size: 1.2rem;
font-family: Microsoft YaHei;
font-weight: 400;
color: #2A2A2A;
line-height: 2.1rem;
}
.p9-img{
  margin: 2.8rem 0px;
  width: 100%;
}
.page10{
  background: #FBFBFB;
  padding-top: 1.85rem;
  padding-bottom: 1.25rem;
}
.p10-img{
  width: 23.65rem;
  height: 27.45rem;
  margin-top: 9.7rem;
  margin-left: 8.3rem;
}
.p10-text{
  position: absolute;
  top:0px;
}
.p10-text-item{
  margin: 4rem  4rem 0rem 1.5rem;
  position: relative;
}
.p10-text-item::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border: 2rem solid;
  border-color: #3286EF transparent transparent #3286EF;
}
.p10-text-item i {
  position: absolute;
  top: 0.6rem;
  left: 0.8rem;
  font-size: 1.5rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  font-style: normal;
}
.p10-text-item p{
  margin-left: 3.6rem;
  display: flex;
  /*实现垂直居中*/
  align-items: center;
  height: 4rem;
  font-size: 1.2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 2.1rem;
}
.page11{
  background: url(../newImage/p11-bg.png) no-repeat center center;
  background-size: 100% 100%;

}
.page11 .img-auto{
  margin: 2.4rem 2.8rem 3.5rem 3.3rem;
}
.page12{
  background: url(../newImage/p12-bg.png) no-repeat center center;
  background-size: contain;
}
.page12 .mui-card-content{
  background: rgba(0, 0, 0, 0.75);
}
.page12 .mui-table-view{
  background: unset;
  padding:0rem 1.7rem 3.1rem 1.6rem;
  
}
.page12 .mui-table-view-cell,.page12 .mui-table-view .mui-table-view-cell:first-child{
  padding: 0px;
  margin-top: 3.2rem;
  border-radius: 0px;
}
.page12 .mui-media-body{
  position: relative;
  padding: 10px 15px;
  border: 1px solid #FFFFFF;
  border-bottom:none ;
  margin-bottom: 20px;
  overflow: unset;
  border-radius: 0px;
}
.page12 .mui-media-body::after{
  position: absolute;
  right: 74px;
  bottom: 0;
  left: 0px;
  height: 1px;
  content: '';
  background-color: #ffffff;
}
.page12 .user-name{
  font-size: 1.6rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FEFEFE;
  line-height: 1.8rem;
  margin-left: 3rem;
}
.page12 .user-text{
  margin-top: 0.75rem;
  padding: 0.3rem;
  border-top: 1px solid #ffffff;
  font-size: 1.2rem;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FEFEFE;
line-height: 2.1rem;
}
.p12-user-img{
  margin-left: 0.3rem;
  width: 1.8rem;
  height: 1.7rem;
  vertical-align: middle;
}
.p12-dz-img{
  width: 1.45rem;
  height: 1.7rem;
}
.p12-arrow{
  background: url(../newImage/p12-btm.png) no-repeat -500px -295px;
    height: 21px;
    width: 74px;
    position: absolute;
    bottom: -20px;
    right: 0;
}
.page13{
  background-color: #1D4FA6;
  position: relative;
}
.p13-content{
  position: absolute;
  top: 7.3rem;
  padding:0rem 2rem 0px 3rem;
}
.p13-text2{
  margin: 5.3rem 2.8rem 9.7rem 3.6rem;

}
.page14{
  padding-bottom: 3rem;
}
.page14 .img-auto{
  margin: 2.2rem 1.8rem;
}
.page14 .mui-pull-left{
  margin-left: 1.6rem;
}
.page14 .mui-pull-right{
  margin-right: 1.6rem;
}
.page14 ul{
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3286EF;
  line-height: 2.8rem;
}
.page14 .mui-table-view-cell{
  padding: 0px;
}
.page14 i{
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #3286EF;
  border-radius: 50%;
  vertical-align: middle;
}
#tfb .img-auto{
	margin:2.5rem 3rem;
}
#tfb {
	overflow:hidden;
	zoom:1;
	padding-bottom:1.5rem;
}
#tfb li{
	font-size:1.4rem;
	color:#333333;
	line-height:2.8rem;
	position:relative;
	padding:0rem 0.8rem 0rem 1.5rem;
}
#tfb li i{
	position: absolute;
	top:50%;
	left:0.2rem;
	width:0.5rem;
	height:0.5rem;
	background-color: #333333;
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transform:translateY(-50%) rotate(-45deg);
	-moz-transform:translateY(-50%) rotate(-45deg);
	-ms-transform:translateY(-50%) rotate(-45deg);
}
#teacher {
    background-color: #e4e8eb;
    padding-top: 2.5rem;
}
#parent h1{
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	color:#666666;
	margin:2.5rem 0px 2.5rem 8.5rem;
}
#parent .parent-text{
	margin-left:4rem;
	margin-right:3.7rem;
	margin-bottom:3rem;
	overflow:hidden;
	zoom:1;
}
#parent .parent-text p{
	/* float:left;
	width:13rem; */
	font-size:1.2rem;
	color:#666666;
	line-height:2rem;
}
#parent .parent-text span{
	font-weight:bold;
}
#parent .parent-text img{
	width:9.5rem;
	height:9.5rem;
	margin-left:1.5rem;
	float:right;
}
#parent .img-auto img{
	margin-left:0.5rem;
	display:block;
}
#gf{
    width: 100%;
    height: 100%;
    background: url(../newImage/gf-bg.png) center center;
    background-size: 100% 100%;
    overflow: hidden;
    padding-top:2.2rem;
}
#gf .img-auto{
	margin:2.2rem 2rem 2.5rem 2.4rem;
}
#gf .img-auto img{
	display:block;
}
#kb{
	background-color:#666666;
}


#kb .user-title div {
    position: absolute;
    top: 2rem;
    left:50%;
    width:100%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    font-size: 0.8rem;
    font-weight: normal;
    color: #999999;
    height: 1.5rem;
}
#kb .mui-table-view{
	background-color:#666666;
	margin-bottom:3.3rem;
}
#kb .mui-table-view li{
	padding:1rem 1rem 1.1rem 0.7rem;
	margin-bottom:1.8rem;
	background-color:#999999;
	border-radius:6px;
}
#kb .mui-media-object{
	width:3rem;
	height:3rem;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
#kb .user-name{
	line-height:3rem;
	font-size:1.5rem;
	font-weight:bold;
	color:#000000;
}
#kb .user-name span{
	font-weight:normal;
	margin-left:1.5rem;
}
#kb .user-text{
	color:#ffffff;
	font-size:1.2rem;
	line-height:2rem;
	text-indent:2em;
	margin-top:0.6rem;
	margin-left:0.5rem;
}
#map{
	margin-top:2.8rem;
	
	text-align:center;
}
#map span{
	font-size:1.8rem;
	font-weight:bold;
	color:#3399ff;
}
#map p{
	line-height:2rem;
	font-size:0.9rem;
	color:#666666;
}
#map .mgtb{
	font-size:0.9rem;
	color:#666666;
	margin-top:0.5rem;
	margin-bottom:2.5rem;
}
#map .img-auto{
	margin:0rem 2rem 3.5rem 1rem;
}
#map .img-auto img{
	display:block;
}
#school-tpl{
	width: 100%;
    height: 100%;
    background: url(../newImage/school-tpl-bg.png) center center;
    background-size: 100% 100%;
    overflow: hidden;
    padding-top: 3.3rem;
    padding-bottom:2.9rem;
}
#school-tpl .img-auto{
	margin-top:3.5rem;
	margin-bottom:2.3rem;
}
#school-tpl .img-auto img{
	display:block;
}
#school-tpl .mui-table-view{
	background-color:inherit;
}
#school-tpl li{
	font-size: 1rem;
    color: #666666;
    line-height: 2.1rem;
    position: relative;
    padding:0px;
    padding-left:1rem ;
}
#school-tpl li i{
	position: absolute;
	top:50%;
	left:0.3rem;
	width:0.5rem;
	height:0.5rem;
	background-color: #666666;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}