.video-nav .select-box h3{
  font-size:20px;
  padding-bottom:20px;
  color:#333
}
.video-nav{display:flex;justify-content:center;align-items:center;    padding: 0 0 40px;}
.video-nav .select-box {width:300px;}
.video-nav .select-box+.select-box{margin-left:50px;}
.video-nav .select-box select{width:100%;}

.video-nav .select-box .select2-container--default .select2-selection--single{border:1px solid #C5C5C5;height:auto;border-radius:0;width:100%;}
.video-nav .select-box .select2-container--default .select2-selection--single .select2-selection__rendered{color:#141414;line-height: 24px;padding:12px 15px;font-size:17px;}
.video-nav .select-box .select2-container--default .select2-selection--single .select2-selection__arrow{top:calc(50% - 13px);width:26px;height:26px;line-height:26px;text-align:center;}
.video-nav .select-box .select2-container--default .select2-selection--single .select2-selection__clear{height:26px;width:26px;margin:10px 25px 0 0;padding:0;}
.video-nav .select-box .select2-container--open .select2-dropdown--below{padding:5px 10px;}

.main {
  padding-top: 40px;
  padding-bottom: 60px;
}

.prolist-box{padding:70px 0;}
.prolist-box h2{font-size:48px;color:#000;line-height:1;font-weight:700;text-align:center;}

.prolist-nav{margin-bottom: 45px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.prolist-nav li{font-size: 18px;color: #ffffff;font-weight:300;padding: 10px 30px;background: #f4f4f4;}
.prolist-nav li+li{margin-left:90px;}
.prolist-nav li a{color: #363636;}
.prolist-nav li.active a{color:var(--active-color);}


@media screen and (max-width:1441px) {

.prolist-box h2{font-size:44px;}

.prolist-nav li{font-size:22px;}
.prolist-nav li+li{margin-left:70px;}
}

@media screen and (max-width:1367px) {

.prolist-box h2{font-size:40px;}
}

@media screen and (max-width:1281px){
.prolist-box h2{font-size:36px;}
}

@media screen and (max-width:992px){
.prolist-box h2{font-size:32px;}

}


@media screen and (max-width:768px) {
.main{padding-top:25px;padding-bottom:30px;}


.prolist-box h2{font-size:28px;}

.prolist-box{padding:30px 0;}
.prolist-nav{margin-top:25px;}
.prolist-nav li{font-size: 16px;padding: 10px;}
.prolist-nav li + li{margin-left: 20px;}

.main{padding-top:25px;padding-bottom:30px;}

.videolist ul li{float:left;width:48%;margin:0 0 25px 2%;}

}


.videolist ul {
  margin: 0 0 0 -2%;
}

.videolist ul li {
  float: left;
  width: 31.333333%;
  margin: 0 0 25px 2%;
  width: 48%;
}

.videolist ul li .v {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}

.videolist ul li .v img {
  width: 100%;
  display: block;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.videolist ul li .v::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) url("../images/video.png") no-repeat center;
  display: block;
}

.videolist ul li .t {
  padding:0 15px;height:70px;
  background: #F3F4F7;text-align: center;display:flex;justify-content:center;align-items:center;
}

.videolist ul li .t h5 {
  font-size: 16px;line-height:22px;max-height:44px;overflow:hidden;
  color: #333;
}

.videolist ul li:hover .v::after {
  background-color: rgba(0, 0, 0, 0.5);
}

.videolist ul li:hover img {
  transform: scale(1.11);
  -webkit-transform: scale(1.11);
}

@media screen and (max-width:768px) {
  .main {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .videolist ul li {
    width: 48%;
    margin: 0 0 15px 2%;
  }

  .videolist ul li .t {
    padding: 15px 10px;
  }

  .videolist ul li .t h5 {
    font-size: 15px;
  }
}


@media screen and (max-width:480px) {

  .videolist ul {
    margin: 0;
  }

  .videolist ul li {
    width: 100%;
    margin: 0 0 15px 0;
  }
}

@media screen and (max-width:400px) {

  .videolist ul {
    margin: 0;
  }

  .videolist ul li {
    float: none;
    width: 100%;
    margin: 0 0 15px;
  }
}
.video-nav {
    flex-wrap: wrap;
}
@media screen and (max-width:992px){


.video-nav .select-box+.select-box {
    margin-left: 0;
    padding: 10px;
}

.video-nav .select-box {
    width: 50%;
}

.video-nav .select-box h3 {
    padding-bottom: 5px;
}
}