@charset "utf-8";
.crumb{margin-bottom: 20px; background: url(crumb_icon.png) 0 4px no-repeat; line-height: 1.5; font-size: 16px; color: #777; padding-left: 22px;}
.crumb a{font-size: 16px; color: #777;}
.cloumn-title{margin-bottom: 36px;}
.cloumn-title img{display: block; width: 100%; height: auto;}
.mb25{height: 25px; clear: both;}
.zdly-title{background: url(zdly_link_r1_c1_s1.png); background-size: 100%; height: 105px; line-height: 105px; text-align: center; font-size: 28px; font-weight: bold; color: #fff; margin-bottom: 30px;}

.zdlybox .itembox {
    width: 30.5%;
    height: 238px;
    vertical-align: 0;
    display: inline-block;
    float: left;
    border-radius: 10px;
    text-align: center;
    margin-right: 50px;
    margin-bottom: 30px;
    position: relative;
    box-sizing: border-box;
    background: #E9F2FD;
}

.zdlybox .itembox img {
    display: block;
    height: 40px;
    margin: 70px auto 22px;
}

.zdlybox .itembox h5 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
}
.zdlybox .itembox img.hover{display: none;}
.zdlybox .itembox:hover{background: #237CE7;}
.zdlybox .itembox:hover img.hover{display: block;}
.zdlybox .itembox:hover img.link{display: none;}
.zdlybox .itembox:hover h5{color: #fff;}
.zdlybox .last{margin-right: 0;}

.zdlybox .itembox:hover .sublist {
    display: flex;
}

.zdlybox .itembox:hover .sublist {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #237CE7;
    border-radius: 10px;
}

.zdlybox .itembox:hover .sublist ul {
    margin: 0 auto;
    align-self: center; 
    padding: 0 6px;
}

.zdlybox .itembox:hover .sublist li {
    line-height: 36px;
    width:180px;
    margin: 6px auto;
    height: 36px;
    color: #CFDDF8;
}

.zdlybox .itembox:hover .sublist li a {
    display: block;
    color: #CFDDF8;
    font-size: 18px;
}

.zdlybox .itembox:hover .sublist li:hover {
    background: url(zdly_hover_libg.png) top center no-repeat;
}

.zdlybox .itembox:hover .sublist li:hover a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
}
.zdlybox .itembox:hover .oth2 li{width: 276px;}
.zdlybox .itembox:hover .oth2 li:hover{
    background: url(zdly_hover_libg2.png) top center no-repeat;
}
.zdlybox .itembox:hover .oth3 li{width: 220px;}
.zdlybox .itembox:hover .oth3 li:hover{
    background: url(zdly_hover_libg3.png) top center no-repeat;
}

.xsqzdly-list li{width: 19.98%; border-right: 2px #fff solid; float: left; background: #E9F2FD; height: 96px; line-height: 96px; text-align: center;}
.xsqzdly-list li a{display: block; font-size: 20px;}
.xsqzdly-list li:hover{background: #237CE7;}
.xsqzdly-list li:hover a{color: #fff;}
.xsqzdly-list li.last{border-right: none;}

@media (max-width: 1920px) {

    
}
@media (max-width: 1280px) {
	
}
@media (max-width: 1200px) {

  
}
@media (max-width: 1024px) {
.zdlybox .itembox{margin-right: 47px;}
.zdlybox .last{margin-right: 0;}
}
