@charset "utf-8";
.zdly-wrapper{background: url(../images/zwgk/zdly_bg.jpg) center top no-repeat #ffffff; background-size: 100% auto;}
.zdly-logo{ padding-top: 25px}
.zdly-logo img{max-height: 100px; display: block;}
.zdly-pagetitle img{display: block; margin: 0 auto; width: 85%;}
.zdly-pagetitle .slogan{width: 66%; margin: auto; margin-top: 30px; background: url(../images/zwgk/zdly_pagetitle_bg.png) no-repeat;background-size: 100% 100%;text-align: center;color: #fff;font-size: 1.5em;}
.zdly-pagetitle .slogan span{display: block;padding: 20px  0;font-weight: bold;}

.zdly-body{background: #fff;padding: 30px;border-radius: 10px;margin-top: -50px;position: relative;z-index: 1;}
.zdly-wrapper .com-headline .hd .currentname{padding-right: 2em;padding-left: 2em;}

.zdly-list ul {margin: -20px -15px;}
.zdly-list ul li a{display: block;background: #EDF7FF;position: relative;height: 110px; margin: 20px 15px;}
.zdly-list ul li a i{position: absolute; left: 42px; display: block; width: 60px; height: 60px;top: 50%;margin-top: -30px;}
.zdly-list ul li a span{line-height: 24px; display: inline-block;padding-left: 133px;vertical-align: middle;font-size: 1.25em;}
.zdly-list ul li a::after{content: '';  width: 0;height: 100%; vertical-align: middle;display: inline-block;}


@media (max-width:992px) {
    .cols-3 li{width: 50%;}
}

@media (max-width:480px) {
    .zdly-body{padding: 20px;}
    .zdly-logo img{max-height: 40px;}
    .zdly-body{margin-top: 0;}
    .zdly-list ul{ margin: -10px -10px}
    .zdly-list ul li a{margin: 10px; height: 80px;}
    .cols-3 li{width: 100%;}
}