@charset "utf-8";
/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年09月29日20:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:李刚
*@modifyLog: what when who
*
*/
.dblink {
    overflow: hidden;
}
.dblink-ti {
    /* height: 124px; */
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(200, 200, 200, 0.50);
    background: #fff;
    overflow: hidden;
}
.dblink-con {
    /*height: 890px;*/
}
.dblink-con, .dblink-con1 {
    margin: 0 auto;
    overflow: hidden;
    padding: 1.5rem 0;
}
.dblink-ti h3 {
    float: left;
    margin: 0 15px;
    width: 210px;
    height: 71px;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
}
.dblink-ti h3 a {
    height: 60px;
    /* width: 238px; */
    display: block;
    color: #333333;
    border: 1px solid #C9C9C9;
}
.dblink-ti h3:hover a{color:#3f85e0;}
.dblink-ti h3.on:hover a{color:#fff;}
.dblink-ti h3.on{position: relative;}
.dblink-ti h3.on::after {
   content: '';
   position: absolute;
   border:.5rem solid transparent;
   border-top-color:#3f85e0;
   bottom: -.3rem;
   left:50%;
   margin-left: -.5rem;
}
.dblink-ti h3.on a {
    border-radius: 5px;
    color: #fff;
    background: #3f85e0;
    font-weight: bold;
    border: 1px solid #3f85e0;
}
.dblink-con{min-height: 400px;}
.dblink-con li{float:left;width:20%;padding:.5rem;line-height:3rem;}
.dblink-con li a{display:block;height:100%;background-color:#fff;padding:0 1.5rem;text-align:center;width:100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.dblink-con li:hover a{background-color: #3f85e0;color:#fff;}

@media screen and (max-width:1200px){
 .dblink-ti h3{margin: 0 1%;width: 18%;}
}
@media screen and (max-width:800px){
 .dblink-ti h3{width: 31.33%;}
 .dblink-con li{width: 25%;}
}
@media screen and (max-width:600px){
 .dblink-con li{width: 33.33%;}
}
@media screen and (max-width:450px){
 .dblink-ti h3{width: 48%;}
 .dblink-con li{width: 50%;}
}