@charset "utf-8";

/* *{
  box-sizing: border-box;
} */
/* banner */
.banner-warp{
  width:100%;
  height: 580px;
  /* background: url(../images/home_bg_banner@2x.png) no-repeat;
  background-size: cover; */
}
.banner-warp .swiper-slide{
  width: 100%;
  height:580px;
  overflow: hidden;
}
.banner-warp .swiper-slide.swiper_01{
  background: url(../images/home_bg_banner@2x.png) center no-repeat;
  background-size: cover;
}
.banner-warp .swiper-slide.swiper_02{
  background: url(../images/home_bg_banner_hdxbk.png) center no-repeat;
  background-size: cover;
}
.banner-warp .swiper-slide.swiper_03{
  background: url(../images/home_bg_banner_zbjx.png) center no-repeat;
  background-size: cover;
}
.banner-warp .swiper-slide.swiper_04{
  background: url(../images/home_bg_banner_zhjs.png) center no-repeat;
  background-size: cover;
}
.banner-warp .swiper-slide.swiper_05{
  background: url(../images/home_bg_banner_ott.png) center no-repeat;
  background-size: cover;
}
.banner-warp .swiper-slide.swiper_06{
  background: url(../images/home_bg_banner_lfh.png) center no-repeat;
  background-size: cover;
}
.banner-warp .swiper-slide.swiper_07{
  background: url(../images/home_bg_banner_banke.png) center no-repeat;
  background-size: cover;
}
.banner-warp .container .banner-con{
  position: absolute;
  left: 0;
  top:138px;
  width: 600px;
}
.banner-warp .immediately{
  display: block;
  width:150px;
  height:46px;
  background: -webkit-linear-gradient(270deg,rgba(255,197,113,1) 0%,rgba(251,182,59,1) 100%);
  background: -moz-linear-gradient(270deg,rgba(255,197,113,1) 0%,rgba(251,182,59,1) 100%);
  background: -o-linear-gradient(270deg,rgba(255,197,113,1) 0%,rgba(251,182,59,1) 100%);
  background: -ms-linear-gradient(270deg,rgba(255,197,113,1) 0%,rgba(251,182,59,1) 100%);
  background: linear-gradient(270deg,rgba(255,197,113,1) 0%,rgba(251,182,59,1) 100%);
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 46px;
  margin-top: 65px;
  text-align: center;
}
.banner-warp h1{
  font-size: 40px;
  line-height: 81px;
  color: #231F29;
}
.banner-warp p{
  font-size: 24px;
  line-height: 30px;
  color: #51515B;
}
h2.title-blo{
  padding-top: 70px;
  text-align: center;
  font-size: 32px;
  line-height: 45px;
  color: #0A1633;
}
p.title-blo-p{
  font-size: 16px;
  line-height: 22px;
  color: #51515BFF;
  margin-top: 8px;
  text-align: center;
}
.banner-warp .swiper-slide.swiper_03 h1,
.banner-warp .swiper-slide.swiper_03 p{
  color: #FFFFFF;
}
.banner-warp .swiper-slide.swiper_04 h1{
  color: #394AE1FF;
}
.banner-warp .swiper-slide.swiper_04 .immediately{
  background: -webkit-linear-gradient(270deg,rgba(56,96,244,1) 0%,rgba(95,135,248,1) 100%);
  background: -moz-linear-gradient(270deg,rgba(56,96,244,1) 0%,rgba(95,135,248,1) 100%);
  background: -o-linear-gradient(270deg,rgba(56,96,244,1) 0%,rgba(95,135,248,1) 100%);
  background: -ms-linear-gradient(270deg,rgba(56,96,244,1) 0%,rgba(95,135,248,1) 100%);
  background:linear-gradient(270deg,rgba(56,96,244,1) 0%,rgba(95,135,248,1) 100%);
}
.banner-warp .swiper-pagination-bullet {
  width: 28px;
  height: 3px;
  border-radius: 0;
}
.banner-warp .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #0092ff;
}

/* 为何选择新维 */
.sel-warp{
  background: #FFFFFFFF;
  padding-bottom: 129px;
}
.sel-warp.ott_sel_warp{
  padding-bottom: 50px;
}
.sel-warp.ott_sel_warp .container>div{
  font-size: 21px;
  line-height: 2;
  color: #51515B;
  padding: 30px 0;
  text-indent: 2rem;
}
.sel-warp li{
  float: left;
  width:360px;
  height:auto;
  margin-left: 40px;
}
.sel-warp ul{
  margin: 105px 0 0 -40px;
}
.sel-warp li>.img-box{
  width: 50px;
  height: 50px;
}
.sel-warp li>.img-box>img{
  display: block;
  width: 50px;
  height: 50px;
}
.sel-warp li>h3{
  font-size: 24px;
  line-height: 33px;
  color: #0A1633;
  margin:40px 0 28px;
}
.sel-warp li>p{
  font-size: 14px;
  line-height: 20px;
  color: #51515B;
}

/* 开启全方位的课堂交互 */
.classroom-interaction{
  width:100%;
  /* background:rgba(248,248,248,1); */
  background: #F5F9FA;
  padding-bottom: 96px;
}
.classroom-interaction ul{
  margin-top: 73px;
}
.classroom-interaction ul>li{
  float: left;
  width: 380px;
  height: 125px;
  padding: 20px 20px 16px 96px;
  background: #FFFFFFFF;
  position: relative;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);
  -ms-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);
  -o-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);
  -moz-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);
  box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);
  margin: 0 20px 20px 0;
}
.classroom-interaction ul>li:nth-child(3n){
  margin-right: 0;
}
.classroom-interaction ul>li>.pos-ig{
  position: absolute;
  left: 20px;
  top: 20px;
  display: block;
  width: 56px;
  height: 56px;
}
.classroom-interaction ul>li>.interaction-tit{
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 25px;
  color: #0A1633FF;
  font-weight: bold;
}
.classroom-interaction ul>li>.interaction-detail{
  font-size: 13px;
  line-height: 18px;
  color: #6B798EFF;
}

/* 机构/学校管理 */
.manage-warp{
  background: #FFFFFFFF;
}
.manage-warp .container{
  padding:80px 0 72px;
}
.manage-warp .img-b{
  width: 600px;
}
.manage-warp .img-b>img{
  display: block;
  width: 100%;
}
.manage-warp ul{
  width: 480px;
}
.manage-warp ul>li{
  position: relative;
  margin-bottom: 32px;
  padding-left: 52px;
}
.manage-warp ul>li:last-child{
  margin-bottom: 0;
}
.manage-warp ul>li>.pos-img{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 40px;
  height: 40px;
}
.manage-warp ul>li>.man-tit{
  font-size: 18px;
  line-height: 25px;
  color: #0A1633FF;
  margin-bottom: 8px;
}
.manage-warp ul>li>.man-detail{
  font-size: 14px;
  line-height: 20px;
  color: #6B798EFF;
}















