@charset "utf-8";
body{color:#333333; font-family:Microsoft Yahei; -webkit-text-size-adjust:none;}
a:hover{text-decoration: none;}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}

.fl{float: left;}
.fr{float: right;}
.zwgksx{padding: 11px 0;}
.zwgksx li{width: 33.333%; height: 73px; line-height: 73px; float: left; margin: 9px 0;}
.zwgksx li a{margin: 0px 6px; position: relative; display: block; padding-left: 40px; font-size:18px; color:#333; padding-right: 17px; background: url(../global/mmszf_zwgksxmm_list_icon.png) 12px center no-repeat #fff;}
.zwgksx li a i{position: absolute; top: 16px; right: 12px; width: 57px; height: 57px;}
.zwgksx li a:hover{background: url(../global/mmszf_zwgksxmm_list_icon_hover.png) 12px center no-repeat #70B1EB; color: #fff; font-size: 18px;}
.zwgksx li a:hover i{background: url(../global/mmszf_zwgksxmm_list_icon_i.png) top no-repeat;}

.zwgk_banner{height: 192px; background:url(/images/zwgksxbzml.jpg) top center no-repeat; font-size: 45px; font-weight: bold; text-align: center; line-height: 192px; color: #fff; background-size:100%; letter-spacing: 5px;}
.zwgk_banner img{width: 100%;}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .zwgksx li{line-height: 46px; }
    .zwgksx li:nth-child(15), .zwgksx li:nth-child(27){line-height: 23px;}
    .zwgksx li a{padding: 15px 15px 15px 40px; background-position: 12px 29px; height: 76px}
    .zwgksx li a:hover{background-position: 12px 22px;}

    .zwgk_banner{height: 118px; background:url(/images/zwgksxbzml.jpg) top center no-repeat; font-size: 35px; line-height: 35px;  font-weight: bold; text-align: left; padding-left: 50px;  padding-top: 40px; color: #fff; background-size:100%; letter-spacing: 5px;}
}

/* xs */
@media (max-width: 768px) {
    /*手机版*/
    .zwgksx li{line-height: 46px; }
    .zwgksx li:nth-child(15), .zwgksx li:nth-child(27){line-height: 23px;}
    .zwgksx li a{padding: 15px 15px 15px 40px;  background-position: 12px 29px; height: 76px}
    .zwgksx li a:hover{background-position: 12px 22px;}

    .zwgk_banner{height: 116px; background:url(/images/zwgksxbzml.jpg) top center no-repeat; font-size: 35px; font-weight: bold; line-height: 116px; text-align: left; padding-left: 40px; line-height: 116px; color: #fff; background-size:100%; letter-spacing: 5px;}
}

/* XS Portrait */
@media (max-width: 479px) {
    .zwgksx li{width: 50%;}
    .zwgksx li:nth-child(12){line-height: 23px;}
    .zwgk_banner{height: 66px; line-height: 66px; letter-spacing: 0px; font-size: 23px; padding-left: 25px;}
}
@media (max-width: 400px) {
    .zwgksx li a{padding: 15px 10px 15px 38px; background-position: 10px 22px;}
    .zwgk_banner{height: 60px; line-height: 60px; font-size: 20px;}
}
@media (max-width: 380px) {
    .zwgksx li{width: 100%;}
    .zwgksx li a {padding: 15px 10px 15px 60px; background-position: 30px 28px; line-height: 46px;}
    .zwgk_banner{padding-left: 15px;}
}

@media (max-width: 320px) {
    .zwgksx li a{font-size: 16px; padding: 15px 10px 15px 55px; background-position: 25px 28px;}
    .zwgk_banner{height: 51px; line-height: 51px; font-size: 18px;}
}