@charset "utf-8";

/* 基础样式 */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size: 14px; color: #333; }
a { text-decoration: none; color: #333; }
ul, li { list-style: none; }
.container { width: 1200px; margin: 0 auto; }
.clearfix:after { content: ""; display: table; clear: both; }

/* 头部 */
.header { background: url(/default/xhtml/public/2025xzzfgs/images/header_bg.png) center top no-repeat; background-size: 1920px 100%; height: 520px; color: #fff; position: relative; }
.header .container { padding-top: 30px; text-align: center; }
.logo { display: block; width: fit-content; }
.logo img { display: block; height: 80px; }

/* 底部 */
.footer { background-color: #18599c; color: #fff; padding: 39px 0; border-top: 1px solid #0b4477; }
.footer-left { float: left; width: 70%; text-align: left; }
.footer-right { float: right; width: 30%; text-align: right; padding-top: 5px; }
.footer-right img{display: inline-block; margin-right:20px; vertical-align: middle;}
.footer-links { margin-bottom: 10px; }
.footer-links a { color: #fff; position: relative; padding: 0 10px; font-size: 13px; display: inline-block; }
.footer-links a:first-child { padding-left: 0; }
.footer-links a:not(:last-child):after { content: "|"; position: absolute; right: -3px; top: 0; color: rgba(255,255,255,0.5); }
.footer-info p { line-height: 24px; font-size: 13px;}
.footer-info p a{color: #fff;}
.footer-info p span{padding-right: 10px;}
.police-badge-wrap { display: inline-block; margin-left: 10px; }
.police-badge { display: inline-block; margin-right: 5px; vertical-align: text-top; height: 16px; }


/* 响应式设计 */
@media (max-width: 1500px) {
    .container { width: 1200px; }
}
@media (max-width: 1280px) {
    .container { width: 1100px; }
}
@media (max-width: 1200px) {
    .container { width: 960px; }
    .title { font-size: 42px; }
}

@media (max-width: 992px) {
    .container { width: 720px; }
    .header { height: 260px; background-size: 100% 100%; }
    .logo img {height: 50px; }
    .header .container { padding-top: 10px; }
    .footer-left, .footer-right { float: none; width: 100%; text-align: center; }
    .footer-right { margin-top: 15px; }
}

@media (max-width: 768px) {
    .container { width:100%; padding: 0 15px; }
    .logo img { height: 30px; }
}

@media (max-width: 431px) {
    .header { height: 130px; }
    .logo img { height: 20px; }
    .footer-links a { margin: 0 3px; font-size: 12px; }
}