nav {
   clear: both;
   width: 100%;
   height: 60px;
   background: #1B1880;
   /*position: sticky;
   top: 0px;
   z-index: 99999;*/
   /*导航吸顶效果*/
}
nav li {
   width: 11.1%;
   height: 60px;
   line-height: 60px;
   float: left;
   text-align: center;
   position: relative;
}

nav li a {
   color: #fff!important;
   font-size: 16px;
   display: inline-block;
   width: 100%;
   height: 100%;
}
nav li:hover a {
   background: #2e2bab;
}
nav li:hover dl{
   left: 0;
}
nav li:hover dl a {
   background: #1B1880;
}
nav li:hover dl dd{
   display: block;
   height: 40px;
   line-height: 40px;
}
nav dl {
   position: absolute;
   top: 60px;
   left: -100px;
   z-index: 3;
   width: 100%;
   transition: all linear .4s;
}

nav dd {
   height: 0px;
   display: none;
   transition: ease 0.5s;
   border-top: 1px solid #2e2bab;
}

nav dd a{
   color: #fff!important;
   font-size: 14px;
}
nav dd a:hover {
   background: #2e2bab!important;
}

.m_nav {
   display: none;
}

.m_img {
   display: none
}


@media screen and (max-width: 800px) {
   header {
      display: none!important;
   }

}

@media screen and (max-width: 1000px) and (min-width: 800px) {
   
   nav li {
      width: 80px;
   }
   nav li a {
   font-size: 14px;
   }

}


/*移动端导航*/
@media screen and (max-width: 800px) and (min-width: 0px) {
   .msgNum {
      display: none;
   }

   .slider {
      margin-top: 50px;
   }

   .head {
      display: none;
   }

   .m_img {
      display: block;
      height: 50px;
      background: #fff;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      z-index: 9999;
      border-bottom: 1px solid #ddd;
      overflow: hidden;
   }

   .m_img .headlf {
      padding-top: 2px;
      padding-left: 5px;
      float: left;
      width: 76%;
   }
   .m_img .headlf h1 {
      font-size: 16px;
      color: #333;
      margin: 0;
      line-height: 50px;
   }
   .m_img .headlf .m_logo {
      height: 40px;
      display: block;
      float: left;
   }

   .m_img .headrg {
      padding-right: 5%;
      padding-top: 14px;
      float: right;
   }

   .m_img .headrg a .m_menuimg {
      height: 16px;
      vertical-align: top;
      display: block
   }

   .m_nav {
      display: block;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 0px;
      height: 0px;
      overflow: hidden;
      z-index: 10000
   }

   .m_nav .closecover {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #0b0d19;
      filter: alpha(opacity=0);
      opacity: 0;
      left: 0px;
      top: 0px;
      z-index: 1
   }

   .m_nav .closeicon {
      position: absolute;
      width: 20%;
      left: 0px;
      top: 5%;
      z-index: 100;
      text-align: center;
      filter: alpha(opacity=0);
      opacity: 0
   }

   .m_nav .m_navList {
      position: absolute;
      width: 80%;
      right: 0px;
      top: 0px;
      background: #191776;
      height: 100%;
      z-index: 100;
      right: -80%;
      overflow-y: scroll;
   }

   .m_nav .m_navList ul {
      padding-left: 5%;
      padding-right: 5%
   }

   .m_nav .m_navList ul li {
      border-bottom: 1px solid #383686;
   }

   .m_nav .m_navList ul li a {
      display: block;
      height: 45px;
      color: #fff!important;
      line-height: 45px;
      padding-left: 5%;
      font-size: 16px
   }

   .m_nav .m_navList ul li .m_f_a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%
   }

   .m_nav .m_navList ul li .m_f_a a {
      flex: 1;
   }

   .m_nav .m_navList ul li .m_f_a i {
      width: 40px;
      height: 35px;
      box-sizing: border-box;
      padding: 0 5px;
      display: block;
   }

   .icon {
      background: url(../image/plus.png) 100% no-repeat;
      background-position: 50% 50%;
      -webkit-transition: all 0s;
      -moz-transition: all 0s;
      transition: all 0s
   }

   .icon_on {
      background: url(../image/reduce.jpg) 50% no-repeat!important;
      background-position: 50% 50%;
      -webkit-transition: all 0s;
      -moz-transition: all 0s;
      transition: all 0s
   }

   .m_nav .m_navList ul li .m_s_nav {
      display: none;
      width: 100%;
      background: #3734a7;
   }

   .m_nav .m_navList ul li .m_s_nav a {
      display: block;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      text-indent: 6%;
      overflow: hidden;
      white-space: nowrap;
      width: 100%;
      border-bottom: 1px solid #191776;
      text-overflow: ellipsis;
   }
}









.slider {
   position: relative;
   overflow: hidden;
   width: 100%;
}

.slideBox .hd {
   height: 10px;
   z-index: 1;
   position: absolute;
   left: 50%;
   bottom: 20px;
   transform: translateX(-50%);
   z-index: 1;
}

.slideBox .hd ul {
   text-align: center;
   padding-top: 5px;
}

.slideBox .hd ul li {
   cursor: pointer;
   float: left;
   margin-right: 5px;
   width: 6px;
   height: 6px;
   line-height: 14px;
   text-align: center;
   background: #fff;
   border-radius: 50%;
   transition: all ease 0.6s;
}

.slideBox .hd ul .on {
   background: #fff;
   color: #fff;
   width: 12px;
   border-radius: 50px;
}

.slideBox .bd {
   position: relative;
   z-index: 0;
}

.slideBox .bd li img {
   width: 100%;
   vertical-align: top;
} 


.banner-video {
   position: absolute;
   right: 0;
   top: 30%;
   width: 300px;
   height: 150px;
}
.video-bj {
   width: 100%;
   position: absolute;
   top: 0;
   z-index: 1;
}
.banner-video dl {
   margin: 20px 0 10px 120px;
   position: relative;
   z-index: 2;
}
.banner-video dt {
   float: left;
   margin-right: 20px;
}
.banner-video dd {
   font-size: 14px;
   color: #fff;
   line-height: 46px;
}
.banner-video a {
   cursor: pointer;
}
/*遮罩层*/
.video-box {
   display: none;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   background: rgba(0,0,0,.7);
   z-index: 999;
}
.video-box2  {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 500px;
   width: 800px;
   margin: auto;
}
.video-box2 video { 
   width: 100%;
}
.video-box a {
   position: absolute;
   right: -17px;
   top: -19px;
   color: #fff!important;
   font-size: 24px;
   border: 1px solid #fff;
   display: inline-block;
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 25px;
   border-radius: 50%;
   background: #7b7b7b;
   cursor: pointer;
}

@media screen and (max-width: 800px) {
   .slideBox .bd li img {
      height: 200px;
   }
   .banner-video {
      top: 55px;
      width: 150px;
   }
   
   .banner-video dl {
      margin: 10px 0 10px 50px;
   }
   .banner-video dt {
      margin-right: 5px;
   }
   .banner-video dt img {
      width: 30px;
   }
   .banner-video dd {
      font-size: 12px;
      color: #fff;
      line-height: 26px;
      transform: scale(.9);
   }
    
   .video-box2 {
      width: 90%;
      height: 200px;
   }
}