@charset "utf-8";
/* CSS Document */
.ls-zdly-header{ background: url(../images-zt/zdly-bannerbg.png) no-repeat center top; height: 340px;}
.ls-special-logo{ margin: 15px 0 0 0; }
.ls-zdly-header .img_title{ display: none;}
.ls-special-topr{ margin-top: 15px;}
.ls-special-topr ul li{ margin-left: 12px;float: left;}
.ls-special-topr ul li a{display: block; padding: 0 12px; background: rgba(255,255,255,0.15); border-radius: 6px; line-height:32px;font-size: 16px; color: #fff;}
.ls-special-topr ul li a:hover{ background: rgba(255,255,255,0.3);}
.ls-special-banner{  padding: 25px 10px 0 50px;}
.ls-special-banner img{max-width: 100%; height: auto;}

.ls-zdly-mainbg{background: url(../images-zt/zdly-mainbg.png)  bottom center no-repeat #f3f9ff; }
.ls-zdly-list{ margin: 20px 0;}
.ls-zdly-list ul{ margin-right: -32px;}
.ls-zdly-list li{ float: left; width:425px; margin: 12px 32px 12px 0;}
.ls-zdly-list li a{ display: block; height: 90px;  border-radius: 8px;  background: #fff; box-sizing: border-box; position: relative; border: 1px solid #c7e4f7; padding: 0 0 0 98px; line-height: 90px; font-size: 20px;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.ls-zdly-list li .img_title{ display: inline-block; max-width: 240px;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-zdly-list li a:hover{ border-color: #1561af;}
.ls-zdly-list li a:hover .img-img1 img{animation: bellRing 0.9s both; }
.ls-zdly-list li .img-img1{ margin-right: 15px; float: left;}
.ls-zdly-list li .img-img1 img{ width: auto; height: 42px;}
.ls-zdly-list li .img-img2{ position: absolute; right: 0;  bottom: 0;}
.ls-zdly-list li .img-img2 img{  height: 90px; width: auto;}
@media (min-width: 992px) and (max-width:1339px) {
    .ls-zdly-list li{ margin-right: 30px; width: 310px;}
    .ls-zdly-list li a{ padding-left: 40px;}
    .ls-zdly-list li .img_title{  max-width: 190px;}
}
@media (max-width: 991px) {
    .ls-zdly-header{ height: auto; padding-bottom: 30px;}
    .ls-zdly-list li{ margin-right: 20px; width: 242px;}
    .ls-zdly-list li a{ padding-left: 25px;}
    .ls-zdly-list li .img-img1{ margin-right: 10px; }
    .ls-zdly-list li .img_title{  max-width: 140px;}
}
@media (max-width: 767px) {
    .ls-special-logo{ margin: 15px 0 0 10px; }
    .ls-special-logo img{ max-width: 98%; height: auto;}
    .ls-special-topr ul li{ margin:0 10px 0 0;}
    .ls-special-banner{  padding: 20px 10px 0 10px; text-align: center;}

    .ls-zdly-list{ margin: 10px 0;}
    .ls-zdly-list ul{ margin-right: -2%;}
    .ls-zdly-list li{ margin:5px 2% 5px 0; width: 48%;}
    .ls-zdly-list li a{ padding: 10px 8px; text-align: center; font-size: 16px; line-height: 45px;}
    .ls-zdly-list li .img-img1{ display: block; line-height: 0; float: none; margin: 0 auto;}
    .ls-zdly-list li .img-img1 img{ height: 32px;}
    .ls-zdly-list li .img_title{  max-width: 100%; }
}