﻿.mt30{
 margin-top:30px;
}
.pd0-30{
 padding:0 30px;
}
.mb15 .desc{
   padding:0 20px;
}
.article_right{background:#f4f4f4;}
.border{background: #fff;}
.description img{
 width:100%;
}
.borders{
 border:1px solid #dedede;
}
.ColumnLogo{
 border:1px solid #dedede;
 margin-top:20px;
 padding:70px 20px 80px;
background: #fff;
 margin-bottom: 20px;
}
.column_tit{
 height:43px;
 line-height:43px;
 border-bottom:1px solid #dedede;
 padding-left: 40px;
 font-size:14px;
 /* width: 100%; */
 color:#333;
}
.title_headers{
 height: 64px;
 line-height:64px;
 color: #333;
 font-size:16px;
 text-align:center;
 font-weight:bold;
}
.article_lists li{
 /* width: 22.3%; */
 margin: 10px;
 /* text-align: center; */
 /* float: left; */
 /* border: 1px solid #eee; */
 position: relative;
}
.article_lists li .title_type{
 margin-top: 15px;
 font-size: 16px;
 display: block;
 color: #333;
 /* position: absolute; */
 bottom: 0;
 width: 100%;
 /* background: rgba(51, 51, 51, .6); */
 line-height: 32px;
 /* color: #fff; */
}
.article_lists li .title_type:hover{
 color:#0064b0;
}
.tab{
 height:23px;
 margin:0 20px;
}
.tab li{
 float: left;
 width:20px;
 height:20px;
 line-height: 20px;
 text-align:center;
 margin:0 5px;
 border:1px solid #ddd;
 cursor: pointer;
}
.tab li.active {
 color:blue;
}
.selected {
 display: block !important;
}
.tab-page{
 /* float:left; */
}
.pagebox{
 width:200px;
 height:23px;
 margin:0 auto;
 margin-top:15px;
}
.pagebox div{
 cursor: pointer;
}
.pagebox div,.pagebox ul{
 float: left;
}
.article_lists li img {
 width: 100%;
}
li.liv_1 {
 width: 22%;
 float: left;
 margin: 10px;
 width: 22.3%;
 margin: 10px;
 text-align: center;
 float: left;
 border: 1px solid #eee;
 position: relative;
 padding: 0;
}

li.liv_1 img {
 width: 100%;
}

p.liP_a {
 position: absolute;
 font-size: 16px;
 display: block;
 color: #333;
 position: absolute;
 bottom: 0;
 width: 100%;
 background: rgba(51, 51, 51, .6);
 line-height: 32px;
 color: #fff;
}

p.liP_a a {
 color: #fff;
}
@media screen and (max-width:768px){
  .article_lists li{
 width:46%;
 display: block;
 float: left;
  }
}
@media screen and (max-width:450px){
  .article_lists li{
 width: 100%;
 margin: 0; 
  }
}  