@charset "utf-8";
 /*title*/
.comment_h1{border-bottom:1px solid #d9d9d9;height:50px;}
.comment_h1 span{
  width: 186px;
  height: 59px;
  line-height: 50px;
  background: url('djwh_title.png') top left no-repeat;
  font-size:22px;
  font-weight:bold;
  color:#fff;
  padding-left: 30px;
  margin-left: -23px;
}
.comment_h1 a.more{font-size:14px;padding-top:15px;font-weight:400;color:#941a1a;}
.comment_h1 a:hover{color:#b32a00;}

@media (max-width:1439px) and (min-width:1200px){
    .comment_h1 span{font-size:22px;}
    .comment_h1 a.more{font-size:14px;}
}
/* ------ */

.home_container{margin-top:30px;}
.home_main{background:#f2f2f2;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f2f2f2,endColorStr=#ffffff); /*IE*/ 
background:-moz-linear-gradient(top,#f2f2f2,#ffffff);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f2f2f2), to(#ffffff));/*谷歌*/ 
background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #f2f2f2),color-stop(1, #ffffff));/* Safari & Chrome*/ 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#ffffff'); /*IE6 & IE7*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#ffffff')"; /* IE8 */ 
}

.mod1_left{
  padding-left:23px;
}
.mod1_text{
border-bottom: 1px solid #eee;
}
.mod1_text h2{
  font-size:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  word-wrap: normal;
  margin-top: 0px;
}
.mod1_text p{
  float: left;
  width: 100%;
  font-size:14px;
  line-height: 22px;
  color:#737373;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  word-wrap: normal;
}
.mod1_left .comment_list{margin-top:10px;}
.home_main2 .mod1_left .comment_list,
.home_main2 .mod2_right .comment_list{margin-top:0px;}
.home_main .mod1_left .comment_list li a{
    
    width: 100%;
}

.home_main2{margin-top:20px;}
.mod1_left{padding-right:30px;}
.mod2_right{padding-left:40px;}

.home_main3{margin-top:30px;}
.home_main3 > div a{
  background:#eff1f7;color:#333333;font-size:18px;font-weight:bold;text-align:center;
  padding: 30px 0;
  border-radius: 8px;
  margin-bottom: 30px;
}
.home_main3 > div a i img{margin-right:10px;}
.home_main3 > div a:hover{
  background:#e0e4f0;
  -webkit-box-shadow: 0px 0px 15px #e5ebf4;
  -moz-box-shadow: 0px 0px 15px #e5ebf4;
  box-shadow: 0px 0px 15px #e5ebf4;
}

@media (min-width:992px) and (max-width:1199px) {
  .mod1_text p{
    float: left;
    width: 100%;
    font-size:14px;
    line-height: 22px;
    color:#737373;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    word-wrap: normal;
  }
  .home_main .mod1_left .comment_list{margin-top:5px;}
  .home_main .mod1_left .comment_list li{
    padding: 0px 0px 0px 20px;
    background:url(djwh_icon_list2.png) left 8px no-repeat;
  }
}
@media (max-width:991px) {
  .home_container{margin-top:25px;}
  .mod1_text h2{
    font-size:20px;
    display: block;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    overflow: hidden;
    margin-top: 0px;
    line-height: 28px;
  }
  .mod1_text p{
    float: left;
    width: 100%;
    font-size:14px;
    line-height: 22px;
    color:#737373;
    display: block;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    overflow: hidden;
  }
  .mod1_left{padding-right:15px;}
  .mod2_right{padding-left:23px;}
}