*{
  margin: 0;
  padding: 0;
}
body, html{
  height: 100%;
}
ul{
  list-style: none;
  height: 100%;
}
ul li{
  height: 100%;
}
ol{
  list-style: none;
  position: fixed;
  top:35%;
  right: 50px;
  color: #fff;
}
ol li{
  font-size:14px;
  text-align: center;
  margin-top: -1px;
  cursor: pointer;
  line-height:36px;
  color:orange;
}
 /* 公共 */
 .top{
  width: 90%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px auto
}
.logo{
  width: 562px;
  height: 62px;
}
.phone{
  display: flex;
  width: 236px;
  justify-content: space-between;
  align-items: center;
}
.s_phone{
  display: flex;
  width: 236px;
  justify-content: space-between;
  align-items: center;
}
.s_phone p{
  
  font-size:24px;
font-family:hzgb;
font-weight:400;
color: orange;
 }
.phone p{
  font-size:24px;
font-family:hzgb;
font-weight:400;
color:rgba(255,255,255,1);
}
.hovers{
  color: orange;
}

  /* 第一页 0*/
.line_top{
  width: 5px;
  height: 100px;
  background-color: orange;
  border-radius: 5px;
}
.line_bottom{
  margin-top: 10px;
  width: 5px;
  height: 36px;
  background-color: orange;
  border-radius: 5px;
}

  /* 项目培训 */
  .white8{
    height: 120px;     
  }
    .project{
      position: absolute;
      width: 100%;
      height:100%;
    }
    .menu{
      width: 40px;
      height: 20px;
    }
    .project_title{
      background-image: url('../image/index/title_bj.png');
      width: 791px;
      height: 75px;
      margin: -20px auto;
      line-height: 95px;
      text-align: center;
      font-size:20px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
      background-size: cover;
    }
    .project_four{
      position: absolute;
      width: 697px;
      height: 75px;
      top: 165px;
      left: 27%;
      background-image: url('../image/index/scenery.png');
      background-size: cover;
    }
    .project_list{
      width:1000px;
      margin: 70px auto;
      display: flex;
      flex-direction: row;
      justify-content:space-between;
    }
    .project_item{
      width: 180px;
      height: 300px;
      padding: 20px;
      background-color: #fff;
      box-shadow:rgba(0,0,0,.4) 0px 0px 8px;
    }
    .vr{
      display: block;
      width: 900px;
      height: 45%;
      margin: 100px auto;
      background: url('../image/index/vr.png')
    }
    .title_bj{
      width: 441px;
      height:  77px;
      background: url('../image/index/Base\ VR.png')no-repeat;
      margin: -20px auto;
      font-size:10px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,255,255,1);
      text-align: center;
      line-height: 77px;
      background-size: cover;
    }
    .project_titles{
      width: 100%;
      margin:20px auto;
      text-align: left;
      font-size: 20px;
    }
    .yellowBlock{
      width: 50px;
      height: 5px;
      background-color: orange;
      float: right;
      margin:10px 10px;
    }
    .project_commit{
      text-indent: 2em;
      height: 120px;
      overflow: hidden;
      line-height: 20px;
      font-size: 15px;
      margin-top: -50px;
    }
    .project_id{
      color: orange;
      font-size: 14px;
    }
    .more{
      display: block;
      width: 85px;
      height: 25px;
      color: #ccc;
      line-height: 25px;
      text-align: center;
      font-size: 12px;
      border: 1px solid orange;
      text-decoration:none;
      margin: 45px auto;
    }
    .more:hover{
      background-color: orange;
      color:#fff;
    }
    .bottomss{
      position: absolute;
      width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      font-size: 18px;
      bottom: 41px;
      left: 5%;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,254,254,1);
    }
    .bottoms{
      position: absolute;
      width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      font-size: 18px;
      bottom: 41px;
      left: 5%;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
    }

    .menus{
      width: 320px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    /* 2页 */
    .musical_content{
      width: 900px;
      height: 420px;
      margin: 0px auto;
      display: flex;
    }

    .musical_content img{
      width: 300px;
      height: 420px;
    }
    .musical_title{
      font-size:32px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height:36px;
      margin: 40px 0 52px 31px;
     
    }
    .introduction{
      width: 528px;
      height: 140px;
      font-size:14px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
      line-height:30px;
      margin: 0px 0 0px 31px;
    }
    .musical_bottom{
      width: 528px;
      display: flex;
      margin-left: 32px;
      justify-content: space-between;
      align-items: center;
    }
    .seemore{
      width:120px;
      height:40px;
      border:1px solid rgba(255,150,0,1);
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,150,0,1);
      line-height:40px;
      text-align: center;
      text-decoration:none;
    }
    .pagination{
      width: 123px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .pagination img{
      width: 20px;
      height: 22px;
      
    }
    .pagination p{
      letter-spacing:2px;
      color:rgba(102,102,102,1);
      font-size:30px;
    }
    /* 3页 */
    .products{
      width: 500px;
      height:77px;
      margin: -40px auto;
      background: url('../image/index/products.png')no-repeat;
      background-size: cover;
     
    }
    .products_menu{
      display:flex;
      justify-content: space-between;
      font-size:16px;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:36px;
      padding: 0 42px 0 42px;
      line-height: 77px;
    }
    .products_menu li{
      cursor: pointer;
    }
    .products_img{
      width: 740px;
      height: 360px;
      margin: 62px auto;
      display: flex;
      justify-content: space-between;
    }
    .products_img_left{
      width: 170px;
      height: 380px;
      cursor: pointer;
    }
    .products_img_left>img{
      position: absolute;
      width: 170px;
      height: 360px;
      opacity: .2;
    }
    .products_img_contnt{
      width: 360px;
      height: 360px;
      display: flex;
      overflow: hidden;
    }
    .products_img_contnt ul {
      width: 360px;
      height: 360px;
      overflow: hidden;
    }
    .products_img_contnt li img{
      width: 360px;
      height: 360px;
    }
    .products_img_right{
      width: 170px;
      height: 360px;
    }
    .products_img_right>img{
      position: absolute;
      width: 170px;
      height: 360px;
      opacity: .2;
      cursor: pointer;
    }
    .bs>img{
      width: 22px;
      height: 10px;
      position: relative;
      margin: 144px 74px 26px 74px;
    }

    .bs>p{
      text-align: center;
      color: #fff;
      font-size:20px;
    }
    /* 5页 */

    .specialty{
      width:549px;
      height:30px;
      font-size:24px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:30px;
      margin: -30px auto;
    }
    .swiper-container1 {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      height: 300px;
      margin-top: 60px;
      text-align: center;
      font-size: 16px;
      background: #fff;
    }
    .wai{
      position: relative;
      width: 1035px;
      height: 380px;
      overflow: hidden;
      
      margin: 38px auto;
    }
    .swiper-pagination1{
      top: 0px;
      text-align: center;
    }
    .swiper_img{
      width: 222px;
      height: 222px;
      margin: 0 auto;
      border: .5px solid white;
    }
    .swiper_commit{
      height: 80px;
    }
    .swiper_commit p:first-child{
      margin: 0px auto;
      font-size:24px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(34,16,0,1);
    }
    .swiper_commit p:last-child{
      font-size:14px;
      height: 15px;
      line-height: 28px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(153,153,153,1);
    }
    
    /* 6页 */
    .item_title{
      width: 535px;
      height: 75px;
      margin: 0px auto;
      line-height: 95px;
      text-align: center;
      font-size:20px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
     
      background: url('../image/index/teachers.png');
      background-size: cover;
    }
    .teacher_head{
      width: 708px;
      height: 100px;
      margin: 305px auto;
      display: flex;
      justify-content: space-between;
    }
    .teacher_header_div{
      background-color: black;
      border-radius: 50%;
      width: 90px;
      height: 90px;
      cursor: pointer;
    }
    .teacher_head img{
      width: 90px;
      height: 90px;
      border-radius:50%;
      opacity: .5;
      background:rgba(0,4,23,1);
    }
    .teacher_head .active{
      opacity: 1;
      background:rgba(0,4,23,1);
      border:2px solid rgba(255,150,0,1);
    }
    .teacher_head_big{
      position: absolute;
      width: 393px;
      height: 500px;
      bottom: 0px;
      left: 173px;
      z-index: -1;
      background-size: cover;
    }
    .teacher_jj{
      position: absolute;
      width: 554px;
      height: 500px;
      left: 606px;
      top: 280px;
    }
.teacher_name{
  display: flex;
  
}
.teacher_name a{
  display: block;
  font-size:3em;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:56px;
  text-decoration: none;
}
.teacher_name p{
  font-size:14px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:48px;
  opacity:0.5;
  margin-left: 28px;
}
.blocks{
  width:80px;
  height:4px;
  background:rgba(255,150,0,1);
  margin-top: 8px;
}
.teacher_content{
  font-size:14px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:28px;
  margin-top: 34px;
}
.teacher_active{
  display: none;
}
@media screen and (min-width: 1680px){
  /* 公共 */
.top{
  width: 90%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px auto
}
.logo{
  width: 562px;
  height: 62px;
}
.phone{
  display: flex;
  width: 236px;
  justify-content: space-between;
  align-items: center;
}
.s_phone{
  display: flex;
  width: 236px;
  justify-content: space-between;
  align-items: center;
}
.s_phone p{
  
  font-size:24px;
font-family:hzgb;
font-weight:400;
color: orange;
 }
.phone p{
  font-size:24px;
font-family:hzgb;
font-weight:400;
color:rgba(255,255,255,1);
}
.hovers{
  color: orange;
}

  /* 第一页 0*/
.line_top{
  width: 5px;
  height: 100px;
  background-color: orange;
  border-radius: 5px;
}
.line_bottom{
  margin-top: 10px;
  width: 5px;
  height: 36px;
  background-color: orange;
  border-radius: 5px;
}

  /* 项目培训 */
  .white8{
    height: 120px;     
  }
    .project{
      position: absolute;
      width: 100%;
      height:100%;
    }
    .menu{
      width: 40px;
      height: 20px;
    }
    .project_title{
      background-image: url('../image/index/title_bj.png');
      width: 1191px;
      height: 95px;
      margin: 0 auto;
      line-height: 135px;
      text-align: center;
      font-size:20px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
    }
    .project_four{
      position: absolute;
      width: 897px;
      height: 95px;
      top: 266px;
      left: 27%;
      background-image: url('../image/index/scenery.png');
    }
    .project_list{
      width:1400px;
      margin: 100px auto;
      display: flex;
      flex-direction: row;
    justify-content:space-between;
    }
    .project_item{
      width: 240px;
      height: 420px;
      padding: 20px;
      background-color: #fff;
      box-shadow:rgba(0,0,0,.6) 0px 0px 15px;
    }
    .vr{
      width: 1200px;
      height: 500px;
      margin: -70px auto;
      background: url('../image/index/vr.png')
    }
    .title_bj{
      width: 541px;
      height:  97px;
      background: url('../image/index/Base\ VR.png')no-repeat;
      margin: 100px auto;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,255,255,1);
      text-align: center;
      line-height: 97px;
    }
    .project_titles{
      width: 100%;
      margin:20px auto;
      text-align: left;
      font-size: 24px;
    }
    .yellowBlock{
      width: 70px;
      height: 8px;
      background-color: orange;
      float: right;
      margin:20px 20px;
    }
    .project_commit{
      text-indent: 2em;
      line-height: 28px;
    }
    .project_id{
      color: orange;
      font-size: 18px;
    }
    .more{
      display: block;
      width: 155px;
      height: 50px;
      color: #ccc;
      line-height: 50px;
      text-align: center;
      border: 1px solid orange;
      margin: 32px auto;
      text-decoration:none;
    }
    .more:hover{
      background-color: orange;
      color:#fff;
    }
    .bottom{
      position: absolute;
      width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      font-size: 18px;
      bottom: 41px;
      left: 5%;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,254,254,1);
    }
    .bottoms{
      position: absolute;
      width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      font-size: 18px;
      bottom: 41px;
      left: 5%;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
    }

    .menus{
      width: 320px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    /* 2页 */
    .musical_content{
      width: 1200px;
      height: 620px;
      margin: 0px auto;
      display: flex;
    }

    .musical_content img{
      width: 500px;
      height: 620px;
    }
    .musical_title{
      font-size:40px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height:36px;
      margin: 240px 0 72px 71px;
     
    }
    .introduction{
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
      line-height:36px;
      margin: 0px 0 0px 71px;
      padding-bottom: 85px;
    }
    .musical_bottom{
      width: 628px;
      display: flex;
      margin-left: 72px;
      justify-content: space-between;
      align-items: center;
    }
    .seemore{
      width:120px;
      height:40px;
      border:1px solid rgba(255,150,0,1);
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,150,0,1);
      line-height:40px;
      text-align: center;
      text-decoration:none;
    }
    .pagination{
      width: 123px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .pagination img{
      width: 20px;
      height: 22px;
      
    }
    .pagination p{
      letter-spacing:2px;
      color:rgba(102,102,102,1);
      font-size:30px;
    }
    /* 3页 */
    .products{
      width: 700px;
      height:97px;
      margin: 0 auto;
      background: url('../image/index/products.png')no-repeat;
     
    }
    .products_menu{
      display:flex;
      justify-content: space-between;
      font-size:16px;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:36px;
      padding: 0 42px 0 42px;
      line-height: 97px;
    }
    .products_img{
      width: 840px;
      margin: 62px auto;
      display: flex;
      justify-content: space-between;
    }
    .products_img_left{
      width: 200px;
      height: 420px;
    }
    .products_img_left>img{
      position: absolute;
      width: 200px;
      height: 420px;
      opacity: .2;
    }
    .products_img_contnt{
      width: 420px;
      height: 420px;
      display: flex;
      overflow: hidden;
    }
    .products_img_contnt ul {
      width: 420px;
      height: 420px;
      overflow: hidden;
    }
    .products_img_contnt li img{
      width: 420px;
      height: 420px;
    }
    .products_img_right{
      width: 200px;
      height: 420px;
    }
    .products_img_right>img{
      position: absolute;
      width: 200px;
      height: 420px;
      opacity: .2;
    }
    .bs>img{
      width: 22px;
      height: 10px;
      position: relative;
      margin: 184px 88px 26px 88px;
    }

    .bs>p{
      text-align: center;
      color: #fff;
      font-size:20px;
    }
    /* 5页 */

    .specialty{
      width:649px;
      height:30px;
      font-size:30px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:30px;
      margin: 0 auto;
    }
    .swiper-container1 {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      height: 400px;
      margin-top: 100px;
      text-align: center;
      font-size: 18px;
      background: #fff;
    }
    .wai{
      position: relative;
      width: 1335px;
      height: 500px;
      overflow: hidden;
      margin: 38px auto;
    }
    .swiper-pagination1{
      top: 0px;
      text-align: center;
    }
    .swiper_img{
      width: 298px;
      height: 299px;
      margin: 0 auto;
      border: .5px solid white;
    }
    .swiper_commit{
      height: 100px;
    }
    .swiper_commit p:first-child{
      margin: 0px auto;
      font-size:30px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(34,16,0,1);
    }
    .swiper_commit p:last-child{
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(153,153,153,1);
    }
    
    /* 6页 */
    .item_title{
      width: 635px;
      height: 95px;
      margin: 0px auto;
      line-height: 135px;
      text-align: center;
      font-size:20px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
      background: url('../image/index/teachers.png')
    }
    .teacher_head{
      width: 1008px;
      height: 140px;
      margin: 435px auto;
      display: flex;
      justify-content: space-between;
    }
    .teacher_header_div{
      background-color: black;
      border-radius: 50%;
      width: 120px;
      cursor: pointer;
      height: 120px;
    }
    .teacher_head img{
      width: 120px;
      height: 120px;
      border-radius:50%;
      opacity: .5;
      background:rgba(0,4,23,1);
    }
    .teacher_head .active{
      opacity: 1;
      background:rgba(0,4,23,1);
      border:2px solid rgba(255,150,0,1);
    }
    .teacher_head_big{
      position: absolute;
      width: 503px;
      height: 650px;
      bottom: 0px;
      left: 273px;
      z-index: -1;
      background-size: cover;
    }
    .teacher_jj{
      position: absolute;
      width: 754px;
      height: 500px;
      left: 776px;
      top: 300px;
    }
.teacher_name{
  display: flex;
  
}
.teacher_name p:first-child{
  font-size:40px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:36px;
}
.teacher_name p:last-child{
  font-size:20px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:56px;
  opacity:0.5;
  margin-left: 28px;
}
.blocks{
  width:100px;
  height:4px;
  background:rgba(255,150,0,1);
  margin-top: 32px;
}
.teacher_content{
  font-size:16px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:36px;
  margin-top: 84px;
}
.teacher_active{
  display: none;
}
}
/* 大于1440px 小于1680px */
@media screen and (min-width: 1440px) and (max-width: 1680px){
  /* 公共 */
.top{
  width: 90%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px auto
}
.logo{
  width: 562px;
  height: 62px;
}
.phone{
  display: flex;
  width: 236px;
  justify-content: space-between;
  align-items: center;
}
.s_phone{
  display: flex;
  width: 236px;
  justify-content: space-between;
  align-items: center;
}
.s_phone p{
  
  font-size:24px;
font-family:hzgb;
font-weight:400;
color: orange;
 }
.phone p{
  font-size:24px;
font-family:hzgb;
font-weight:400;
color:rgba(255,255,255,1);
}
.hovers{
  color: orange;
}

  /* 第一页 0*/
.line_top{
  width: 5px;
  height: 100px;
  background-color: orange;
  border-radius: 5px;
}
.line_bottom{
  margin-top: 10px;
  width: 5px;
  height: 36px;
  background-color: orange;
  border-radius: 5px;
}

  /* 项目培训 */
  .white8{
    height: 120px;     
  }
    .project{
      position: absolute;
      width: 100%;
      height:100%;
    }
    .menu{
      width: 40px;
      height: 20px;
    }
    .project_title{
      background-image: url('../image/index/title_bj.png');
      width: 791px;
      height: 75px;
      margin: -20px auto;
      line-height: 95px;
      text-align: center;
      font-size:20px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
      background-size: cover;
    }
    .project_four{
      position: absolute;
      width: 697px;
      height: 75px;
      top: 165px;
      left: 400px;
      background-image: url('../image/index/scenery.png');
      background-size: cover;
    }
    .project_list{
      width:1100px;
      margin: 70px auto;
      display: flex;
      flex-direction: row;
      justify-content:space-between;
    }
    .project_item{
      width: 190px;
      height: 320px;
      padding: 20px;
      background-color: #fff;
      box-shadow:rgba(0,0,0,.4) 0px 0px 8px;
    }
    .vr{
      width: 1000px;
      height: 400px;
      margin: 50px auto;
      background: url('../image/index/vr.png')
    }
    .title_bj{
      width: 441px;
      height:  77px;
      background: url('../image/index/Base\ VR.png')no-repeat;
      margin: -20px auto;
      font-size:10px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,255,255,1);
      text-align: center;
      line-height: 77px;
      background-size: cover;
    }
    .project_titles{
      width: 100%;
      margin:20px auto;
      text-align: left;
      font-size: 20px;
    }
    .yellowBlock{
      width: 50px;
      height: 5px;
      background-color: orange;
      float: right;
      margin:10px 10px;
    }
    .project_commit{
      text-indent: 2em;
      height: 80px;
      overflow: hidden;
      line-height: 20px;
      font-size: 15px;
      margin-top: -50px;
    }
    .project_id{
      color: orange;
      font-size: 14px;
    }
    .more{
      display: block;
      width: 85px;
      height: 25px;
      color: #ccc;
      line-height: 25px;
      text-align: center;
      font-size: 12px;
      border: 1px solid orange;
      margin: 45px auto;
      text-decoration:none;
    }
    .more:hover{
      background-color: orange;
      color:#fff;
    }
    .bottom{
      position: absolute;
      width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      font-size: 18px;
      bottom: 41px;
      left: 5%;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,254,254,1);
    }
    .bottoms{
      position: absolute;
      width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      font-size: 18px;
      bottom: 41px;
      left: 5%;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
    }

    .menus{
      width: 320px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    /* 2页 */
    .musical_content{
      width: 1000px;
      height: 420px;
      margin: 0px auto;
      display: flex;
    }

    .musical_content img{
      width: 400px;
      height: 520px;
    }
    .musical_title{
      font-size:32px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height:36px;
      margin: 40px 0 52px 31px;
     
    }
    .introduction{
      width: 528px;
      height: 350px;
      font-size:14px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
      line-height:30px;
      margin: 0px 0px 0px 31px;
    }
    .musical_bottom{
      width: 528px;
      display: flex;
      margin-left: 32px;
      justify-content: space-between;
      align-items: center;
    }
    .seemore{
      width:120px;
      height:40px;
      border:1px solid rgba(255,150,0,1);
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,150,0,1);
      line-height:40px;
      text-align: center;
      text-decoration:none;
    }
    .pagination{
      width: 123px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .pagination img{
      width: 20px;
      height: 22px;
      
    }
    .pagination p{
      letter-spacing:2px;
      color:rgba(102,102,102,1);
      font-size:30px;
    }
    /* 3页 */
    .products{
      width: 500px;
      height:77px;
      margin: -40px auto;
      background: url('../image/index/products.png')no-repeat;
      background-size: cover;
     
    }
    .products_menu{
      display:flex;
      justify-content: space-between;
      font-size:16px;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:36px;
      padding: 0 42px 0 42px;
      line-height: 77px;
    }
    .products_img{
      width: 740px;
      height: 360px;
      margin: 62px auto;
      display: flex;
      justify-content: space-between;
    }
    .products_img_left{
      width: 170px;
      height: 380px;
    }
    .products_img_left>img{
      position: absolute;
      width: 170px;
      height: 360px;
      opacity: .2;
    }
    .products_img_contnt{
      width: 360px;
      height: 360px;
      display: flex;
      overflow: hidden;
    }
    .products_img_contnt ul {
      width: 360px;
      height: 360px;
      overflow: hidden;
    }
    .products_img_contnt li img{
      width: 360px;
      height: 360px;
    }
    .products_img_right{
      width: 170px;
      height: 360px;
    }
    .products_img_right>img{
      position: absolute;
      width: 170px;
      height: 360px;
      opacity: .2;
    }
    .bs>img{
      width: 22px;
      height: 10px;
      position: relative;
      margin: 144px 74px 26px 74px;
    }

    .bs>p{
      text-align: center;
      color: #fff;
      font-size:20px;
    }
    /* 5页 */

    .specialty{
      width:549px;
      height:30px;
      font-size:24px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:30px;
      margin: -30px auto;
    }
    .swiper-container1 {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      height: 300px;
      margin-top: 60px;
      text-align: center;
      font-size: 16px;
      background: #fff;
    }
    .wai{
      position: relative;
      width: 1315px;
      height: 460px;
      overflow: hidden;
      margin: 38px auto;
    }
    .swiper-pagination1{
      top: 0px;
      text-align: center;
    }
    .swiper_img{
      width: 292px;
      height: 292px;
      margin: 0 auto;
      border: .5px solid white;
    }
    .swiper_commit{
      height: 100px;
    }
    .swiper_commit p:first-child{
      margin: 0px auto;
      font-size:24px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(34,16,0,1);
    }
    .swiper_commit p:last-child{
      font-size:14px;
      height: 20px;
      line-height: 35px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(153,153,153,1);
    }
    
    /* 6页 */
    .item_title{
      width: 535px;
      height: 75px;
      margin: 0px auto;
      line-height: 95px;
      text-align: center;
      font-size:20px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
     
      background: url('../image/index/teachers.png');
      background-size: cover;
    }
    .teacher_head{
      width: 808px;
      height: 100px;
      margin: 325px auto;
      display: flex;
      justify-content: space-between;
    }
    .teacher_header_div{
      background-color: black;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      cursor: pointer;
    }
    .teacher_head img{
      width: 100px;
      height: 100px;
      border-radius:50%;
      opacity: .5;
      background:rgba(0,4,23,1);
    }
    .teacher_head .active{
      opacity: 1;
      background:rgba(0,4,23,1);
      border:2px solid rgba(255,150,0,1);
    }
    .teacher_head_big{
      position: absolute;
      width: 403px;
      height: 520px;
      bottom: 0px;
      left: 203px;
      z-index: -1;
      background-size: cover;
    }
    .teacher_jj{
      position: absolute;
      width: 554px;
      height: 500px;
      left: 606px;
      top: 280px;
    }
.teacher_name{
  display: flex;
  
}
.teacher_name p:first-child{
  font-size:32px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:36px;
}
.teacher_name p:last-child{
  font-size:16px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:56px;
  opacity:0.5;
  margin-left: 28px;
}
.blocks{
  width:80px;
  height:4px;
  background:rgba(255,150,0,1);
  margin-top: 12px;
}
.teacher_content{
  font-size:14px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:28px;
  margin-top: 44px;
}
.teacher_active{
  display: none;
}
}

/* 大于1280px 小于1440px */
@media screen and (min-width: 1280px) and (max-width: 1440px){
  /* 公共 */
.top{
  width: 90%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px auto
}
.logo{
  width: 562px;
  height: 62px;
}
.phone{
  display: flex;
  width: 236px;
  justify-content: space-between;
  align-items: center;
}
.s_phone{
  display: flex;
  width: 236px;
  justify-content: space-between;
  align-items: center;
}
.s_phone p{
  
  font-size:24px;
font-family:hzgb;
font-weight:400;
color: orange;
 }
.phone p{
  font-size:24px;
font-family:hzgb;
font-weight:400;
color:rgba(255,255,255,1);
}
.hovers{
  color: orange;
}

  /* 第一页 0*/
.line_top{
  width: 5px;
  height: 100px;
  background-color: orange;
  border-radius: 5px;
}
.line_bottom{
  margin-top: 10px;
  width: 5px;
  height: 36px;
  background-color: orange;
  border-radius: 5px;
}

  /* 项目培训 */
  .white8{
    height: 120px;     
  }
    .project{
      position: absolute;
      width: 100%;
      height:100%;
    }
    .menu{
      width: 40px;
      height: 20px;
    }
    .project_title{
      background-image: url('../image/index/title_bj.png');
      width: 791px;
      height: 75px;
      margin: -20px auto;
      line-height: 95px;
      text-align: center;
      font-size:20px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
      background-size: cover;
    }
    .project_four{
      position: absolute;
      width: 697px;
      height: 75px;
      top: 165px;
      left: 27%;
      background-image: url('../image/index/scenery.png');
      background-size: cover;
    }
    .project_list{
      width:1000px;
      margin: 70px auto;
      display: flex;
      flex-direction: row;
      justify-content:space-between;
    }
    .project_item{
      width: 180px;
      height: 300px;
      padding: 20px;
      background-color: #fff;
      box-shadow:rgba(0,0,0,.4) 0px 0px 8px;
    }
    .vr{
      width: 900px;
      height: 45%;
      margin: 100px auto;
      background: url('../image/index/vr.png')
    }
    .title_bj{
      width: 441px;
      height:  77px;
      background: url('../image/index/Base\ VR.png')no-repeat;
      margin: -20px auto;
      font-size:10px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,255,255,1);
      text-align: center;
      line-height: 77px;
      background-size: cover;
    }
    .project_titles{
      width: 100%;
      margin:20px auto;
      text-align: left;
      font-size: 20px;
    }
    .yellowBlock{
      width: 50px;
      height: 5px;
      background-color: orange;
      float: right;
      margin:10px 10px;
    }
    .project_commit{
      text-indent: 2em;
      height: 80px;
      overflow: hidden;
      line-height: 20px;
      font-size: 15px;
      margin-top: -50px;
    }
    .project_id{
      color: orange;
      font-size: 14px;
    }
    .more{
      display: block;
      width: 85px;
      height: 25px;
      color: #ccc;
      line-height: 25px;
      text-align: center;
      font-size: 12px;
      border: 1px solid orange;
      margin: 45px auto;
      text-decoration:none;
    }
    .more:hover{
      background-color: orange;
      color:#fff;
    }
    .bottom{
      position: absolute;
      width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      font-size: 18px;
      bottom: 41px;
      left: 5%;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,254,254,1);
    }
    .bottoms{
      position: absolute;
      width:90%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      font-size: 18px;
      bottom: 41px;
      left: 5%;
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
    }

    .menus{
      width: 320px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    /* 2页 */
    .musical_content{
      width: 900px;
      height: 420px;
      margin: 0px auto;
      display: flex;
    }

    .musical_content img{
      width: 300px;
      height: 420px;
    }
    .musical_title{
      font-size:32px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height:36px;
      margin: 40px 0 52px 31px;
     
    }
    .introduction{
      width: 528px;
      height: 250px;
      font-size:14px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(102,102,102,1);
      line-height:30px;
      margin: 0px 0 0px 31px;
    }
    .musical_bottom{
      width: 528px;
      display: flex;
      margin-left: 32px;
      justify-content: space-between;
      align-items: center;
    }
    .seemore{
      width:120px;
      height:40px;
      border:1px solid rgba(255,150,0,1);
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,150,0,1);
      line-height:40px;
      text-align: center;
      text-decoration:none;
    }
    .pagination{
      width: 123px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .pagination img{
      width: 20px;
      height: 22px;
      
    }
    .pagination p{
      letter-spacing:2px;
      color:rgba(102,102,102,1);
      font-size:30px;
    }
    /* 3页 */
    .products{
      width: 500px;
      height:77px;
      margin: -40px auto;
      background: url('../image/index/products.png')no-repeat;
      background-size: cover;
     
    }
    .products_menu{
      display:flex;
      justify-content: space-between;
      font-size:16px;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:36px;
      padding: 0 42px 0 42px;
      line-height: 77px;
    }
    .products_img{
      width: 740px;
      height: 360px;
      margin: 62px auto;
      display: flex;
      justify-content: space-between;
    }
    .products_img_left{
      width: 170px;
      height: 380px;
    }
    .products_img_left>img{
      position: absolute;
      width: 170px;
      height: 360px;
      opacity: .2;
    }
    .products_img_contnt{
      width: 360px;
      height: 360px;
      display: flex;
      overflow: hidden;
    }
    .products_img_contnt ul {
      width: 360px;
      height: 360px;
      overflow: hidden;
    }
    .products_img_contnt li img{
      width: 360px;
      height: 360px;
    }
    .products_img_right{
      width: 170px;
      height: 360px;
    }
    .products_img_right>img{
      position: absolute;
      width: 170px;
      height: 360px;
      opacity: .2;
    }
    .bs>img{
      width: 22px;
      height: 10px;
      position: relative;
      margin: 144px 74px 26px 74px;
    }

    .bs>p{
      text-align: center;
      color: #fff;
      font-size:20px;
    }
    /* 5页 */

    .specialty{
      width:549px;
      height:30px;
      font-size:24px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:30px;
      margin: -30px auto;
    }
    .swiper-container1 {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      height: 300px;
      margin-top: 60px;
      text-align: center;
      font-size: 16px;
      background: #fff;
    }
    .wai{
      position: relative;
      width: 1035px;
      height: 380px;
      overflow: hidden;
      
      margin: 38px auto;
    }
    .swiper-pagination1{
      top: 0px;
      text-align: center;
    }
    .swiper_img{
      width: 222px;
      height: 222px;
      margin: 0 auto;
      border: .5px solid white;
    }
    .swiper_commit{
      height: 80px;
    }
    .swiper_commit p:first-child{
      margin: 0px auto;
      font-size:24px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(34,16,0,1);
    }
    .swiper_commit p:last-child{
      font-size:14px;
      height: 15px;
      line-height: 28px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(153,153,153,1);
    }
    
    /* 6页 */
    .item_title{
      width: 535px;
      height: 75px;
      margin: 0px auto;
      line-height: 95px;
      text-align: center;
      font-size:20px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(51,51,51,1);
     
      background: url('../image/index/teachers.png');
      background-size: cover;
    }
    .teacher_head{
      width: 708px;
      height: 100px;
      margin: 305px auto;
      display: flex;
      justify-content: space-between;
    }
    .teacher_header_div{
      background-color: black;
      border-radius: 50%;
      width: 90px;
      height: 90px;
      cursor: pointer;
    }
    .teacher_head img{
      width: 90px;
      height: 90px;
      border-radius:50%;
      opacity: .5;
      background:rgba(0,4,23,1);
    }
    .teacher_head .active{
      opacity: 1;
      background:rgba(0,4,23,1);
      border:2px solid rgba(255,150,0,1);
    }
    .teacher_head_big{
      position: absolute;
      width: 393px;
      height: 500px;
      bottom: 0px;
      left: 173px;
      z-index: -1;
      background-size: cover;
    }
    .teacher_jj{
      position: absolute;
      width: 554px;
      height: 500px;
      left: 606px;
      top: 280px;
    }
.teacher_name{
  display: flex;
  
}
.teacher_name p:first-child{
  font-size:28px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:36px;
}
.teacher_name p:last-child{
  font-size:14px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:48px;
  opacity:0.5;
  margin-left: 28px;
}
.blocks{
  width:80px;
  height:4px;
  background:rgba(255,150,0,1);
  margin-top: 8px;
}
.teacher_content{
  font-size:14px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:28px;
  margin-top: 34px;
}
.teacher_active{
  display: none;
}
}