@charset "utf-8";
/* CSS Document */
body{ background:#f3f3f3;line-height: normal;}
.selected{background: #024289;}
.main{width:95%; max-width:1340px; margin:0 auto 30px;background: #fff;padding: 30px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow:0px 7px 21px rgba(174, 174, 174, 0.15)}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;overflow: hidden;}

.site-nav-con>div>div{width: 100%;border-bottom: 1px solid #f3f3f3;margin-bottom: 20px;padding-bottom: 20px;}
.siteNavi-title a{font-size: 1.1rem;font-weight: 700;color: #1559a3;border-bottom: 4px solid #1559a3;padding-bottom: 14px;}
.site-box01{margin-top: 30px;}
.site-box01 ul li{width: 23%;float: left;margin: 1%;border: 1px solid #1559A3;border-radius: 5px;cursor: pointer;}
.site-box01 ul li a{font-size: 1rem;width: 100%;height: 100%;text-align: center;padding: 15px 10px;color: #1559A3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;}
.site-box01 ul li:hover{color: #fff;background: #1559A3;}
.site-box01 ul li:hover a{color: #fff!important;}
.site-box01 ul li.ztzl-last{width: 38%;}

@media(max-width:1440px){
    .site-box01 ul li{margin: 1% 1.5%;width: 22%;}
    .site-box01 ul li.ztzl-last{width: 47%;}
}
@media(max-width:1200px){
    .site-box01 ul li{width: 31%;margin: 1%;}
    .site-box01 ul li.ztzl-last{width: 64%;}
}

@media(max-width:1024px){
    .main{padding: 20px;}

}
@media(max-width:768px){
    .site-box01{margin-top: 10px;}
    .main{padding: 15px;}
    .site-box01 ul li{width: 48%;margin: 1%;}
    .site-box01 ul li.ztzl-last{width: 98%;}
    .bindong-title{padding: 10px 16px !important;}
    .bindong-title:before{top: 14px !important;}
}
@media(max-width:640px){
    .bindong-title{padding: 10px 14px !important;}
    .bindong-title:before{top: 10px !important;width: 4px !important;height: 18px !important;}
    .site-box01 ul li a{padding: 10px; padding-bottom: 6px;}
}
@media(max-width:450px){
    .bindong-title:before{top: 30% !important;}
}