.flex{display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;}
.wrap {width: 1210px; margin: auto;}
.mar {margin: 30px auto;}
/*img {

  image-rendering: -moz-crisp-edges; !* Firefox *!
  image-rendering: -o-crisp-edges; !* Opera *!
  image-rendering: -webkit-optimize-contrast; !*Webkit (non-standard naming) *! image-rendering: crisp-edges; \
-ms-interpolation-mode: nearest-neighbor; !* IE (non-standard property) *!

}*/
.banner {
  min-width: 1210px;
  height: 500px;
  position: relative;
  overflow: hidden;
}
.banner_con {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0, .6);
  position: absolute;
  left: 0;
  top: 0;
}
.banner_con strong {
  text-align: center;
  font-size: 48px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.posinav {font-size: 24px;}

.title_main {align-items: center;}
.title_main strong {font-size: 24px;}

.videolist li {
  width: 290px;
  box-shadow: 0 0 5px #ccc;
  margin-bottom: 15px;
}
.videolist li .video-img {
  width: 100%;
  height: 163px;
  position: relative;
  overflow: hidden;
}
.videolist li .video-img .vposter {
  width: 100%;
}
.videolist li .video-img .playbtn {
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  background: rgba(0,0,0, .7);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  transition: all .2s;
}
.videolist li .video-img .playbtn:hover {
  background: rgba(238,120,0, .7);
}
.videolist li p {
  line-height: 40px;
  text-align: center;
  transition: all .2s;
  cursor: pointer;
  overflow: hidden;
}
.videolist li p:hover {
  background: #ee7800;
  color: #fff
}
.video {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0, .3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  display: none;
  overflow: hidden;
}
.videobox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 0;
  background: #F8F8F8;
}
.video_title {
  line-height: 50px;
  padding: 0 40px;
  background: #F8F8F8;
  font-size: 20px;
}
.video video {
  width: 800px;
  height: 450px;
  background: #000;
}
.video_close {
  padding: 2px;
  background: #ee7800;
  border-radius: 100%;
  position:absolute;
  right:20px;
  top:14px;
  height:22px;
  width:22px;
  cursor:pointer;
  transition:.5s;
  z-index: 99;
}
.video_close:hover {
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}