@charset "utf-8";
/* CSS Document */
.mlqd{background: url(zdgkmlqd_r1_c1_s1.jpg) top center no-repeat #F6F6F6; background-size: 100%; padding-top: 210px; padding-bottom: 30px;}
.mlqd_zy{border-radius:10px; background: #fff; border: 1px #95DBFF solid; line-height: 46px; text-indent: 2em; color: #333; 
    font-size: 22px; font-weight: bold; padding: 27px 45px;
    box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.22);
    -webkit-box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.22);
    -moz-box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.22);
    width: 1110px;
    margin: 0 auto 27px;
}
.mlqd_list{background: #fff; padding: 30px 0; width: 1200px; margin: 0 auto;}
.mlqd_list li{line-height: 1.8; width: 18%; margin: 10px 30px; float: left; background: url(zdgkmlqd_r3_c2_s1.jpg) 0 10px no-repeat; padding-left: 22px; height: 50px;}
.mlqd_list li a{font-size: 16px;}

@media (max-width: 1024px) {
    .mlqd{padding-top:150px;}
    .mlqd_zy{width: 910px;}
    .mlqd_list{width: 1000px;}
    body{min-width: auto;}
    .mlqd_list li{width: 16%;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .mlqd{padding: 100px 2% 0;}
    .mlqd_zy{width: 87%;}
    .mlqd_list{width: 100%;}
    .mlqd_list li{width: 22%;}
}

@media (max-width: 768px) {
    .mlqd{padding: 140px 2% 0;}
    .mlqd_zy{width: auto;}
    .mlqd_list{width: auto;}
    .mlqd_list li{width: 26%;}
}

@media (max-width: 480px) {
    .mlqd{padding-top: 70px;  background-size: 140%; background-position-x: 75%;}
    .mlqd_zy{width: auto; padding: 15px; font-size: 16px; line-height: 1.8;
        box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.12);
        -webkit-box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.12);
        -moz-box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.12);
    }
    .mlqd_list{ padding: 10px;}
    .mlqd_list li{width: 38%; margin: 10px 10px; height: 80px;}
}

@media (max-width: 400px) {
    .mlqd{padding-top: 65px;}
    .mlqd_list li{width: 37%; margin: 10px 10px; height: 75px;}
}

@media (max-width: 360px) {
    .mlqd{padding-top: 60px;}
    .mlqd_list li{width:90%; margin: 10px 10px; height:auto;}
}
@media (max-width: 320px) {
     .mlqd{padding-top: 53px;}

}