.banner img {
  width: 100%;
}

.intervalDiv {
  width: 100%;
  height: 0.15rem;
  background-color: #e5e5e5;
}

.titleForm {
  width: 100%;
  /*height: 3rem;*/
  padding: 0.25rem 1rem;
  line-height: 0;
  background-image: url("../img/bg1.png");
  background-repeat: no-repeat;
  background-size: 1.36rem 100%;
  background-position: top right;
}

.titleForm input {
  width: 100%;
  height: 0.7rem;
  border: 1px solid #999999;
  margin-bottom: 0.4rem;
  padding-left: 0.8rem;
}

.titleForm button {
  width: 100%;
  height: 0.7rem;
  color: #FFF;
  background-color: #008EF1;
}

.titleForm > p {
  position: relative;
}

.titleForm > p > img {
  width: 0.23rem;
  position: absolute;
  top: 0.22rem;
  left: 0.35rem;
}

.titleH3 {
  font-size: 0.28rem;
  text-align: center;
  padding: 0.4rem 0 0.3rem 0;
}

.titleH3 img {
  width: 0.48rem;
  display: inline-block;
  text-align: center;
}

.titleH3 .contentSpan {
  margin-left: 0.1rem;
}

.titleH3 .contentSpan span {
  font-size: 0.22rem;
  font-weight: normal;
}

.box {
  margin-bottom: 0.2rem;
}

.box-txt {
  font-size: 0.2rem;
  width: 90%;
  margin: 0 auto;
  /*margin-left: 38%;*/
  line-height: 0.32rem;
  color: #565656;
  height: 2.2rem;
  letter-spacing:0.03rem;
}
.box-txt img{
  width: 2.2rem;
  height: 2.1rem;
  float:left;
}
.box p{
  letter-spacing:0.03rem;
  font-size: 0.2rem;
  width: 90%;
  margin: 0 auto;
  /*margin-left: 38%;*/
  line-height: 0.32rem;
  color: #565656;
}
.box2{
  background-color: #0096FF;
}
.box2Img {
  width: 90%;
  height: auto;
  display: block;
  margin: 0 auto ;
  padding-bottom: 0.2rem;
}

.box3 {
  width: 90%;
  margin: 0 auto 0.4rem auto;
}
.box3 >p{
 color: #999;
  font-size: 0.18rem;
  text-align: center;
}
.box3Img {
  height: 6rem;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: inherit;
}

.box3Img img {
  height: 100%;
}

.box4 {
  background-image: url("../img/bg4.png");
  background-size: 100% 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  /*height: 9.3rem;*/
  padding-bottom: 0.4rem;
}

.box4 > img {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.box5 ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box5 ul li {
  border-radius: 14px;
  width: 48%;
  background-color: #0096FF;
  margin-bottom: 15px;
}

.box5 ul .li1 {
  font-size: 0.18rem;
  color: #FFF;
  padding: 0.2rem;
}

.box5 ul .li1 p {
  margin-bottom: 15px;
}

.box5 ul .li2 {
  padding-bottom: 0.1rem;
  position: relative;
}

.box5 ul .li2 p {
  font-size: 0.22rem;
  text-align: center;
  margin: 10px 0;
  color: #FFF;
}

.box5 ul .li2 img {
  width: 90%;
  display: block;
  height: auto;
  margin: 0 auto;
}

.box5 ul .li2 span {
  width: 0;
  border-left: 0.3rem solid #fff;
  border-top: 0.2rem solid transparent;
  border-bottom: 0.2rem solid transparent;
  position: absolute;
  left: 45%;
  top: 60%;
  margin-top: -0.2rem;
}

.box5 .bg5 {
  width: 100%;
}

.box6 {
  background-image: url("../img/bg6.png");
  background-size: 100% 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 0.4rem;
}

.box6 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.box6 ul li {
  margin-bottom: 20px;
}

.box6 ul li img {
  width: 1.76rem;
}

.box7 {
  background-image: url("../img/bg7.png");
  background-size: 5.16rem 9.74rem;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 0.2rem;
}

.box7 ul {
  width: 90%;
  margin: 0 auto;
}

.box7 ul li {
  background-color: #FFF;
  width: 100%;
  border: 1px solid #008EF1;
  margin-bottom: 0.35rem;
  border-radius: 0.1rem;
  padding-bottom: 0.2rem;
}

.box7 ul .li1 p {
  color: #008EF1;
  text-align: center;
}

.box7 ul .li1 p:nth-child(1) {
  font-size: 0.28rem;
  margin: 0.25rem auto 0.15rem auto;
}

.box7 ul .li1 p:nth-child(2) {
  font-size: 0.2rem;
}

.box7 ul .li1 p:nth-child(3) {
  width: 95%;
  height: 2px;
  margin: 0.15rem auto 0 auto;
  background-color: #008EF1;
}

.box7 ul .li1 img {
  width: 90%;
  display: block;
  margin: 0.2rem auto;
}

.box7 ul .li1 .p4 {
  color: #008EF1;
  font-size: 0.24rem;
  margin: 0.15rem 0;
  opacity: 0.76;
}

.box7 ul .li1 .p5 {
  color: #008EF1;
  font-size: 0.24rem;
  margin: 0.15rem auto;
  text-align: left;
  width: 90%;
  line-height: 0.28rem;
  border-bottom: 1px solid #008EF1;
  padding-bottom: 0.15rem;
  opacity: 0.76;
}

.box7 ul .li1 .p5:last-child {
  border-bottom: none;
}

.box8 > img {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.box8 {
  padding-bottom: 0.4rem;
}

.box9 {
  width: 100%;
  padding-bottom: 0.2rem;
}

.box9 ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box9 ul li {
  width: 29%;
  height: auto;
}

.box9 ul li img {
  width: 100%;
  height: auto;
}
.box10{
  width: 90%;
 margin: 0 auto;
}
.box10 ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box10 li{
  width: 32%;
  margin-bottom: 0.2rem;
}
.box10 li img{
  width: 100%;
  height: auto;
}
.box11{
  background-image: url("../img/tz1.png");
  background-size: 100% 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  height: 4.9rem;
  margin-bottom: 0.8rem;
}
.box11 > img{
  width: 90%;
  margin: 0.2rem auto 0 auto;
  display: block;
}
.box12{
  height: 13rem;
}
.box12 .ul{
  display: flex;
  width: 60%;
  margin: 0 auto;
  justify-content: space-between;
  height: 0.5rem;
  position: relative;
  top: -0.4rem;
}
.box12 .ul li{
  text-align: center;
}
.box12 .ul li img{
  width: 0.5rem;
  height: 0.5rem;
}
.box12 .ul li p{
  font-size: 0.26rem;
}
.box12 .ul li:nth-child(1) p{
  color:#008EF1 ;
}
.box12 .form{
  margin: 0.8rem auto 0 auto;
  width: 60%;
}
.label{
   font-size: 0.2rem;
  font-weight: bold;
  padding-left: 0.1rem;
  margin-top: 0.2rem;
}
.box12 .form .inputP {
  line-height: 0.6rem ;
}
.box12 .form .inputP input{
  padding-left: 0.1rem;
  width: 100%;
  height: 0.7rem;
  border: 1px solid #999999;
}
.box12 .form .inputP2{
  line-height: 0.3rem ;
}
.box12 .form .inputP2 select{
   height: 0.7rem;
  width: 46%;
}
.box12 .form .inputP textarea{
  margin-top: 0.15rem;
  padding: 0.2rem;
  width: 100%;
}
.box12 .form .submit{
  width: 100%;
  height: 0.7rem;
  background-color: #008EF1;
  color: #FFF;
  position: relative;
  top: -0.2rem;
}
.popUp{top:0;position:fixed;z-index:9999999;width:100%;height:100vh;background-color:rgba(0,0,0,0.2);display:none;}
.popUp .popUp-qr{width:3.03rem;height:3.78rem;position:fixed;margin:auto;top:0;left:0;bottom:0;right:0;}
.popUp-qr{position:relative;}
.popUp-qr img{width:3.03rem;height:3.78rem;}
.popUp-qr .wxCode{position:absolute;width:2.64rem;height:2.64rem;top:1.7rem;left:0.4rem;}
.popUp-qr p{position:absolute;bottom:0.25rem;left:0.25rem;}
.pop-video{width:100%;height:3.8rem;position:fixed;margin:auto;top:0;left:0;bottom:0;right:0;}
.pop-video iframe{width:90%;height:3.8rem;position:relative;left:5%;top:-0.3rem;border: none;font-size:0.3rem;}
.cose {
  width: 0.4rem;
  height: 0.4rem;
  text-align: center;
  cursor: pointer;
  line-height: 0.3rem;
  border-radius: 50%;
  position: relative;
  top: -0.1rem;
  left: 92%;
  z-index: 9999999;
  background:#FFF url(http://www.publicstaticown.magoedu.cn/img/del.png) no-repeat center;
  background-size:60%;
}


.box13 {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: none;
}
.box13Content{
  width: 90%;
  height: 6rem;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:  auto;
  background-color: #FFF;
}
.box13Content .p1{
  position: relative;
  text-align: center;
  margin: 0.4rem 0;
  font-size: 0.28rem;
  font-weight: bold;
}
.box13Content .p1 span{
  position: absolute;
  right: 0.2rem;
  top: -0.05rem;
  cursor: pointer;
}

.box13Content .p2{
  width: 3.5rem;
  margin: 0 auto;
  font-size: 0.18rem;
  display: flex;
}
.box13Content .p2 p{
  width: 2.5rem;
  line-height: 0.3rem;
}
.box13Content .selectP{
  width: 5rem;
  font-size: 0.18rem;
  margin:  0 auto;
}
.box13Content .selectP select{
  padding-left: 0.2rem;
  width:2rem;
  height: 0.7rem;
  border: 0.01rem solid #999999;
  margin-bottom: 0.15rem;
}
.box13Button{
  width: 2rem;
  height: 0.7rem;
  background-color:#008EF1;;
  color: #FFF;
  margin: 0 auto;
  display: block;
}

.box13-input{
  font-size: 0.18rem;
  width: 5rem;
  margin: 0.2rem auto;
}
.box13-input input{
  border: 1px solid #999999;
  height: 0.7rem;
  padding-left: 0.15rem;
  width: 4rem;
}
.jointitle{
  padding: 0.1rem 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jointitle a{
  height:0.4rem;
}
.jointitle a:first-child img{
  height: 0.4rem;
  width: auto;
  display: block;
}
.jointitle a:last-child{
  color: #009beb;
  background: url(http://mobile.magorobot.com/img/del.jpg) no-repeat left center;
  padding-left: 0.3rem;
  background-size: 0.3rem;
  line-height: 0.4rem;
}
.jointitle a:last-child img{
  width: auto;
  height: 0.18rem;
  position: relative;
  bottom: 0.01rem;
  right: 0.02rem;
  float: left;
  display: none;
}
.phone.fr{
  font-size:14px;
}
.fixedBox{
  position:fixed;
  width:96%;
  height:1rem;
  background: #fff;
  left:0;
  bottom:0;
  padding:0 2%;
  box-shadow: 0 0 0.1rem #ccc;
  z-indeX:9;
}
.fixedBox span{
  width: 31.5%;
  margin-right: 2.5%;
  font-size:0.24rem;
  text-align: center;
  height:0.6rem;
  line-height:0.6rem;
  display:block;
  float: left;
  margin-top:0.2rem;
}
.fixedBox span a{
  display:block;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
.fixedBox span:nth-child(1) a{
  border:1px solid #acacac;
  color:#666;
}
.fixedBox span:nth-child(2) a{
  background: #FFC740;
  color:#fff;
}
.fixedBox span:nth-child(3) a{
  background: #FF6D39;
  color:#fff;
}
.fixedBox span:nth-child(3){
  margin-right: 0%;
}
.fixedformbox{
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background: rgba(0,0,0,0.4);
  z-index:9;
  display:none;
}
.fixedformbox>div{
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin:auto;
  padding:0.2rem;
  background: #fff;
  width:5rem;
  height: 6rem;
  border-radius: 0.2rem;
}

.fixedformbox>div h4{
  font-size:0.3rem;
  color:#333;
  font-weight:normal;
  width: 80%;
  padding: 0 6%;
  margin-top:0.3rem;
}
.fixedformbox>div input,.fixedformbox>div select{
  width:90%;
  /*height:0.3rem;*/
  border:1px solid #e0e0e0;
  margin:0 auto;
  line-height:0.3rem;
  padding:0.15rem 6%;
  font-size:0.24rem;
  display:block;
  margin-top:0.3rem;
  border-radius: 0.1rem;
}
.fixedformbox>div select{
  width: 92%;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0 6%;
  background: #fff;
}
.fixedformbox>div input[type=button]{
  width: 92%;
  background: #fedc0e;
  color: #333;
  padding-left: 0;
  border-radius: 6px;
  margin: 0 auto;
  float: none;
  display: block;
  height: 0.6rem;
  margin-top: 0.3rem;
  border: none;
  padding: 0;
}
.fixedformbox span{
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  display: block;
  width: 0.3rem;
  background: url(http://www.publicstaticown.magoedu.cn/img/del.png) no-repeat center;
  background-size: 0.3rem;
  height: 0.3rem;
}