﻿@charset "utf-8";
/* CSS Document */
body{font-family: '微软雅黑'; min-width: 1200px;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul, div{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
.mlqd{background: url(zdgkmlqd_r1_c1_s1.png) top center no-repeat #fff; background-size: 100%; padding-top: 330px; padding-bottom: 30px; position: relative;}
.mlqd_zy{border-radius:10px; background: #fff; border: 1px #eee solid; line-height: 46px; color: #666; 
    font-size: 20px; font-weight: bold; padding: 35px;
    box-shadow: 0px 10px 15px 0px rgba(127,129,131,0.27);
    -webkit-box-shadow: 0px 10px 15px 0px rgba(127,129,131,0.27);
    -moz-box-shadow: 0px 10px 15px 0px rgba(127,129,131,0.27);
    width: 1130px;
    margin: 0 auto 27px;
}
.mlqd-box{padding-top: 10px;}
.mlqd-title{margin-bottom: 25px; }
.mlqd-title img{width: 100%; height: auto;}
.mlqd_list{background: #fff;  width: 1200px; margin: 0 auto;}
.mlqd_list li{ width: 28.5%; margin: 0px 20px 40px; float: left; padding-left: 18px;  position: relative;}
.mlqd_list li:after{position:absolute; content:" "; left:0; top: 6px; margin-top: -1px; width:8px; height: 8px; background: #2B84DE; border-radius: 50%;}
.mlqd_list li a{font-size: 17px;}
.mlqd_list2{background: #fff;  width: 1200px; margin: 0 auto;}
.mlqd_list2 ul{padding: 0 20px;}
.mlqd_list2 li{margin-right: 12.5%; float: left; padding-left: 18px;  position: relative;}
.mlqd_list2 li:after{position:absolute; content:" "; left:0; top: 6px; margin-top: -1px; width:8px; height: 8px; background: #2B84DE; border-radius: 50%;}
.mlqd_list2 li a{font-size: 17px;}
.mlqd_list2 li.last{margin-right: 0;}
.mlqd_list3{background: #fff;  width: 1200px; margin: 0 auto;}
.mlqd_list3 li{ width: 15%; margin: 0px 0px 40px; float: left; padding-left: 18px;  position: relative;}
.mlqd_list3 li:after{position:absolute; content:" "; left:0; top: 6px; margin-top: -1px; width:8px; height: 8px; background: #2B84DE; border-radius: 50%;}
.mlqd_list3 li a{font-size: 17px;}

@media (max-width: 1024px) {
    .mlqd_zy{width: 910px;}
    .mlqd_list, .mlqd_list2{width: 1000px;}
    body{min-width: auto;}
    .mlqd_list li{width: 21%; height: 50px; line-height: 25px; margin: 0 10px 40px;}
    .mlqd_list li:after{top: 12px;}
    .mlqd_list2 ul{padding: 0 10px;}
    .mlqd_list2 li{margin-right: 8%;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .mlqd{padding: 195px 2% 0;}
    .mlqd_zy{width: auto;}
    .mlqd_list, .mlqd_list2{width:auto;}
    .mlqd_list li{width: 27%;}
    .mlqd_list2 li{margin-right: 6.5%;}
}

@media (max-width: 768px) {
    .mlqd{padding: 100px 2% 0;}
    .mlqd_zy{width: auto;}
    .mlqd_list{width: auto;}
    .mlqd_list li{width: 22%;}
}

@media (max-width: 480px) {
    .mlqd{padding-top: 85px;  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;}
}

@media (max-width: 400px) {
    .mlqd_list li{width: 37%; margin: 10px 10px; height: 75px;}
}

@media (max-width: 360px) {
    .mlqd_list li{width:90%; margin: 10px 10px; height:auto;}
}