@import url("fonts/iconfont.css");
@import url("adp.css");
@media (max-width: 767px) { .container-fluid { width: 95%; margin: 0 auto; }
  .video-index { display: block; }
  .video-index .video-names { width: 100%; }
  .video-index .video-names .video-name { padding: .15rem; }
  .video-index .video-container { width: 100%; }
  .product_top_wrap { flex-wrap: wrap; }
  .product_top_wrap .gridWrap .wp { height: auto; }
  .product_top_wrap .gridWrap .wp02 { height: auto; display: block; }
  .product_top_wrap .gridWrap .wp02 .group { margin-left: 0; }
  .product_top_wrap .gridWrap .wp02 .group li + li { margin-top: 0; }
  .product_top_wrap .top3 { width: 100%; }
  .product_top_wrap .item { width: 100%; margin-bottom: .2rem; }
  .product_top_wrap .item .institute .other .pic { width: 45%; height: 1.5rem; }
  .product_top_wrap .grid { padding: .2rem; }
  .product_top_wrap .grid li .left { width: 80%; }
  .product_top_wrap .grid li .right { width: 20%; }
  .courserList li { width: 48.5%; }
  .container-video { display: block; }
  .container-video .videoList { border-left: 0; width: 100%; }
  .container-video .videoList .grid { display: flex; flex-wrap: wrap; max-height: 4rem; overflow-y: auto; }
  .container-video .videoList .grid li { margin: .1rem; width: calc(50% - .2rem); }
  .container-video .videoList .grid li a { padding: .1rem; border-radius: 5px; border: #fae7b6 solid 1px; }
  .container-video .videoList .grid li a:hover, .container-video .videoList .grid li a.active { background: #0f676a; }
  .container-video .videoWrap { margin-left: 0; width: 100%; padding: 2%; }
  .container-video .videoWrap .videoBox { height: auto; }
  .product_info .status { flex-wrap: wrap; }
  .product_info .status p { padding: .05rem 0; }
  .product_info .head .samplePanel { padding: .06rem 0; width: 100%; position: absolute; top: .8rem; }
  .page_bg .fwz_head { width: 80%; margin: .2rem auto; }
  .page_bg .bottom_pic img { width: 3rem; }
  .pagination { display: none; }
  .courserList li.shown, .no-js .courserList li, .no-cssanimations .courserList li { opacity: 1; }
  .footer { padding: 40% 0 22%; }
  .my-video-dimensions {
        height: 200px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) { .container-fluid { width: 95%; margin: 0 auto; }
  .container-video { display: block; }
  .container-video .videoList { border-left: 0; width: 100%; }
  .container-video .videoList .grid { max-height: 7rem; }
  .container-video .videoWrap { margin-left: 0; width: 100%; padding: 2%; }
  .container-video .videoWrap .videoBox { height: auto; } }

@media (min-width: 1200px) and (max-width: 1600px) { .container-fluid { width: 1200px; margin: 0 auto; }
  .m-show { display: none; }
  .container-video .videoList .grid { max-height: 6rem; } }

@media (min-width: 1601px) { .container-fluid { width: 1300px; margin: 0 auto; } }