.p_articles{
  width:calc((100% - 0px)/1);
}
.duozhuxue .col-lg-3 a:hover{color:#ff682f;}
 .fazhan_duozhu{    margin: 2rem 0;
  padding:50px 20px;
    background-color: rgba(233, 236, 243, 1);
}
.duozhuxue .col-lg-3 img{	 
  opacity: 1;
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-transition:-webkit-transform 1s linear;
    transition:transform 1s linear;
    
    transition: transform 0.35s ease 0s;}  	
.duozhuxue .col-lg-3 p{overflow: hidden;}
.duozhuxue .col-lg-3:hover img{-webkit-transform: scale(1.05,1.05);
      -ms-transform: scale(1.05,1.05);
          transform: scale(1.05, 1.05); opacity:1;
  -webkit-transition: -webkit-transform 0.6s ease 0s;
          transition: transform 0.6s ease 0s;}  
 .container{width:100%;
  position:relative;
}
 .lists{
  position:relative;
  padding:20px 0;
  overflow:hidden;
}
 .row{
  margin:0px;
}
.e_box.p_details .t_li{list-style-type: none!important;}
 .t_li{list-style-type: none!important;
  position:absolute;margin-left: -4px;
  bottom:-18px;list-style: none!important;
}
 .t_icon{
  position:relative;
  display:block;
  width:30px;font-size:1rem;
  height:50px;
}
.t_icon .icon{width:30px;color:#999;}
 .t_icon::after{
  content:'';
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  display:block;
  width:2px;
  height:15px;
  background:#58A6FB;
}
 .list{
  width:100%;
  overflow:hidden;
  color:#a1a4b8;
}
 .time{
  font-size:1.125rem;
color:#ff682f;
}
 .right{padding-bottom: 1rem;
 padding-left: 40px;min-height: 3rem;
    border-left: 2px solid #ccc;
}

 .h_title{
     position: absolute;
    padding: 10px 0 10px 65px;
    overflow: hidden;
       left: -16px;
    top: 5px;
}
 .duozhu_summary .title{
  display:block;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  color:#666;font-size: 1rem;
  line-height: 2rem;
}
.duozhu_summary .title strong{
    margin-right: 1rem;  color:#333;
}
 .cil{
  position:absolute;
  left:0px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:30px;
  height:30px;
  background:url(/img/fazhan_ico.png) no-repeat;
}
 .duozhu-summary{
  margin-left:15px;
  padding:0 0 20px 50px;
  width:100%;
  font-size:0.875rem;
  line-height:1.8;
  color:#a1a4b8;
  border-left:2px solid #58A6FB;
}
 .p_more{
  padding-left:22px;
  height:40px;
  background-color:#3a3c48;
}
 .p_more .font{
  font-size:0;
  line-height:50px;
}
 .p_more .iconfont{
  font-size:1.125rem;
  color:#58A6FB;
}
@media only screen and (min-width: 769px){
  
 .t_li{
    left:25%;
  }
 .fazhan_duozhu .time{
    text-align:right;font-size: 16px;
    font-weight: bold;   color:#333;
    padding:0px 30px 10px 0;
  }
 .p_OccupyBox{
    position: absolute;
    left: 25%;
    transform: translateY(-40px);
  }
}
@media only screen and (max-width: 768px){
  
  .fazhan_duozhu .time {
    padding-left: 30px;color:#333;    font-weight: bold;
  }
 .t_icon::after {
    height:25px;
  }
 .p_OccupyBox{
    position: absolute;
    left: 0;
    transform: translateY(-40px);
  }
  .duozhu_summary .title {
    display: block;
    width: 100%;
    overflow: hidden;padding:0px;
    white-space: pre-line;
  }
  .reset_style ul{
      padding: 0px;
  }
  .list {
    width: 100%;
   
    position: relative;}
  .lists{    padding: 0px;border-left:1px solid #ccc;}
  .right {border-left:0px solid #ccc;
    padding-bottom:0rem;    position: static;
    padding-left: 20px;}
  .h_title {
    position: absolute;
    padding: 10px 0 10px 65px;
    overflow: hidden;
    left: 6px;
    top: 22px;
}
  .t_li .t_icon{display:none;}

}