.pro{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro a{display: block;width:15%;border:1px solid #ccc; position: relative;box-sizing: border-box;}  /* wap width:50%; */
.pro a:hover div{display: block;}
.pro img{width:100%;}
.pro span{display: block;width: 100%;text-align: center;padding: 15px 0px;}
.pro div{display: none;width:100%;height: 100%;position: absolute;top: 0;background: #000;opacity: 0.8;color: white;text-align: justify;text-indent: 2em;line-height: 25px;}
.pro p{padding: 20px 15px;}


.index_news_left{width:400px;height: 400px;overflow: hidden;cursor: pointer;display: block;float:left;}
.index_news_left img{width: 100%;height: 260px;}
.index_news_left span{font-size: 18px;font-weight: bolder;padding: 5px 3px;display: block;width: 100%;color:#004b86;line-height: 25px;text-indent: 2em;}
.index_news_left span:hover{background:#c9c9c9;}
.index_news_left p{text-align: justify;padding:5px 0px;font-size: 14px;line-height: 21px;text-indent: 2em;color: grey;}

.index_news_center{width: 400px;float:left;margin-left:35px;}
.index_news_center li{width: 100%;padding:5px 0px;border-bottom: 1px dashed #cccccc;height: 25px;}
.index_news_center a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 280px;float: left;line-height: 25px;color: #333;font-size:13px;}
.index_news_center a:hover{color:red;}
.index_news_center span{float: right;display: inline;font-size:12px;height:25px;line-height:21px;text-align: right;}

.index_news_right{width: 400px;float:right;}
.index_news_right li{width: 100%;padding:5px 0px;border-bottom: 1px dashed #cccccc;height: 25px;}
.index_news_right a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 280px;float: left;line-height: 25px;color: #333;font-size:13px;}
.index_news_right a:hover{color:red;}
.index_news_right span{float: right;display: inline;font-size:12px;height:25px;line-height:21px;text-align: right;}


.index_news_title{height: 30px; line-height: 30px;margin-bottom: 5px;border-bottom: 2px solid #CCCCCC;}
.index_news_title a{font-weight: bolder;font-size: 18px;border-bottom: 2px solid red;display: inline!important;width: auto;padding-bottom: 5px;}

/* .index_news_right{float: right;width: 400px;}
.index_news_right a{float:left;width: 23%;padding:10px 0px;text-align:center;font-size:14px;line-height:30px;letter-spacing: normal;background: #cccccc;border: 1px solid white;box-sizing: border-box;color:#333;}
.index_news_right a:hover{background:#ea5413;color:white;}
.index_news_right_title{color:#004b86;width: 100%;margin-bottom: 15px;} */

#videojs-flvjs-player{width: 636px;height:352px;}

@media screen and (max-width: 767px) {
.index_news_left{height:auto;}
.index_news_center,.index_news_right{margin-left: 0px!important; padding-left: 0px!important;width: 100%;}
.index_news_center a,.index_news_right a{width: 250px;}
.index_news_left p{display:none;}
.index_news_title a{width:150px;}
}