/*video page style*/
*{margin:0;padding:0;border:0px;}

ul, li {list-style-type:none;}
img {border:0;vertical-align:top;display: block;}
a { text-decoration:none; color:#333; outline:none;}

.tbody{width: 1120px;margin: 30px auto 50px;}
.video_banner{display: block;height: 565px;text-align: center;overflow: hidden;position: relative;min-width:  1120px;}
.video_banner .bg_mask{background-color: #000;opacity: 0.3;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;width: 100%;height: 100%;top: 0;}
.video_banner .covervid_video{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.video_banner .text{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.tab_list{margin: 50px auto 30px;}
.tab_list ul {list-style: none;padding:  0;}
.tab_list li{display: inline-block;width: 160px;height: 50px;border-radius: 8px;background-color: rgba(158, 158, 158, 0.19);text-align: center;margin: 0 16px 0 0;cursor: pointer;}
.tab_list li.cur,.tab_list li:hover{ background-color: #f39800; color: #fff; }
.tab_list li a{color: #000000;line-height: 50px;font-size: 20px;display:  block;}
.tab_list li i{font-size: 24px;vertical-align: middle;margin: 0 0.2em 0 0;line-height: 45px;}
.tab_list li.cur a ,.tab_list li a:hover{ display: block; background-position:26px -24px;color: #fff; }
.tab_list li.cur:after{content: " ";display: block;width: 0px;height: 0px;border-top: 12px solid #f39800;border-left: 7px solid #ffffff;border-right: 7px solid #ffffff;margin-left: 45%;bottom: 0;}
.video_article{background-color: #ededed;box-sizing: border-box;padding: 16px;}
.video_article ul{width: 100%;overflow:  hidden;font-size: 0;padding:  0;}
.video_article li{width: 256px;margin: 8px;text-align:  center;float: left;background: white;border-radius: 8px;overflow: hidden;}
.video_img{position: relative;width:100%;height: 192px;overflow: hidden;}
.video_img::after{content:"";position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background: url(../images/video_play_ico.png) center no-repeat rgba(0,0,0,0.3);}
.video_img:hover::after{top:0;}
.video_article li img{height: 100%;display: block;margin: 0 auto;}
.video_article li .video_list_tit{font-size: 16px;bottom:0;margin: 10px 15px;text-align: left;line-height: 1.15em;white-space: nowrap;overflow: hidden;}
.video_img div{top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);display: none;position: absolute;}
.showpage{width:980px;margin: 20px auto 0 auto;text-align:center;font-size:16px;}

@font-face {font-family: "iconfont2";
  src: url('../font/iconfont-1542594294511.eot'); /* IE9*/
  src: url('../font/iconfont-1542594294511.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../../lLUqo7QylT0pMzEvK9OYgQEANlYOOA==') format('woff'),
  url('../font/iconfont-15425942945111.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont-15425942945112.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont2 {
  font-family:"iconfont2" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ketang:before { content: "\e634"; }
.icon-fangtan:before { content: "\e67f"; }
.icon-xiaoyuan:before { content: "\e69e"; }
.icon-chuangye:before { content: "\e62f"; }