@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(../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: 130px;}

/* 响应式设计 */
@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; }
}