html body{
    font: 14px '微软雅黑',Microsoft YaHei,Helvetica,Arial,sans-serif;
    color: #4b4b4b;
    background: #e9e9e9;
}
ul,ol,li{ list-style:none;margin: 0;padding: 0;}
a{text-decoration:none;color:#4b4b4b; cursor:pointer;}
a:hover{color:#0082f1;text-decoration:none;}

.dk-main{width: 1000px;overflow: hidden;margin: 0 auto;background: #fff;padding:20px;}
.dk-top{width: 100%;overflow: hidden;height: 100px;background: url(../images/dk-top-bg.png) no-repeat ;background-size: cover;}
.dk-top .dk-title{color: #fff;font-size: 18px;text-align: center;background: rgba(97,126,180,.7);padding: 20px 0;width: 40%;margin: 0 auto;margin-top: 16px;background: rgb(97,126,180) \0;}

.dk-middle{width: 100%;overflow: hidden;}
.dk-middle-1{overflow: hidden;margin-top: 20px;}
.dk-middle .dk-card{border: 1px solid #eee; border-radius: 5px; background: #fff;overflow: hidden;padding: 0;transition: 1s;}
.dk-middle .dk-card .dk-card-title{font-size: 18px; width: 100%;line-height: 30px;font-weight: bold;margin-top: 20px;margin-bottom: 20px;float: left;}
.dk-middle .dk-card .dk-card-title a{display: none;float: right;color:#0082f1;position: absolute;right: 40px;top: 20px;}
.dk-middle .dk-card .dk-card-title span{display: block;width: 10px;height: 30px;float: left;margin-right: 20px;background: #467be3;}

.dk-ico-line{width: 90%;margin: 0 auto; margin-top: 40px;}
.dk-ico-line .dk-ico{float: left;margin: 0 10px;display: block;font-size: 16px;text-align: center;width: 17%;min-height: 180px;margin-bottom: 20px;}

.dk-ico-line .dk-ico-block{margin: 10px auto;border-radius: 10px;box-shadow: 0 0 8px 0 rgba(0,0,0,.15);width: 90%;height: 110px;transition: 0.8s;}
.dk-ico-line .dk-ico-block:hover{margin-top: -1px;}
.dk-ll{width: 100%;float: left;}
.dk-t-list{width: 80%;margin: 0 auto;margin-bottom: 20px;}
.dk-t-list ul{padding: 20px;background: #f7f7f9;height: 280px;}
.dk-t-list ul li{border-bottom: 1px dashed #ccc;padding: 10px 0;width: 100%;text-align: left;background: url(../images/dk-list-ico.png) no-repeat left center;}
.dk-t-list ul li.mobile-style{padding: 20px 0;font-size: 16px;}
.dk-t-list ul.mobile-style{height: 400px;}
.dk-t-list ul li:last-child{border-bottom: none;}
.dk-t-list ul li a{padding-left: 30px;}


.dk-iblock1{background: url(../images/dk-icol-01.png) no-repeat center;}
.dk-iblock2{background: url(../images/dk-icol-02.png) no-repeat center;}
.dk-iblock3{background: url(../images/dk-icol-03.png) no-repeat center;}
.dk-iblock4{background: url(../images/dk-icol-04.png) no-repeat center;}
.dk-iblock5{background: url(../images/dk-icol-05.png) no-repeat center;}
.dk-iblock6{background: url(../images/dk-icol-06.png) no-repeat center;}


@media(max-width:1000px){
  .dk-main{width: 100%;} 
  .dk-ico-line{width: 90%;}
  .dk-ico-line .dk-ico{margin: 0 2%;width: 16%;margin-bottom: 20px;}
  .dk-ico-line .dk-ico-block{height: 100px;}
}
@media(max-width:767px){
  .dk-ico-line{width: 95%;}
  .dk-ico-line .dk-ico{margin: 0 1%;width: 31.3%;margin-bottom: 20px;}
  .dk-ico-line .dk-ico-block{height: 100px;}
}


@media(max-width:320px){
   .dk-ico-line{margin-top: 20px;}
   .dk-ico-line .dk-ico-block{height: 80px;} 
   .dk-ico-line .dk-ico{margin-bottom: 0px;min-height: 160px;}
   
}

/*.dk-tp{width: 30%\0;}*/