@charset "gb2312";
*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;}
body{font-family:"Microsoft Yahei",sans-serif;font-size:14px;color:#333;background:#ffffff;line-height:1.7;}
.wrap{max-width:1220px;margin:0 auto;padding:0 15px;}

/*面包屑SEO优化*/
.breadcrumb{padding:12px 0;color:#666;font-size:13px;border-bottom:1px solid #eeeeee;}
.breadcrumb a{color:#0066cc;}
.breadcrumb span{color:#333;}

/*头部导航*/
.header{padding:16px 0;border-bottom:1px solid #eee;}
.nav ul{display:flex;flex-wrap:wrap;gap:22px;}
.nav a{color:#333;padding:7px 11px;transition:all 0.25s ease;}
.nav a:hover{background:#f5f8ff;color:#0055bb;border-radius:3px;}

/*主体内容自适应布局*/
.main{padding:32px 0;}
.content-box{display:flex;gap:32px;flex-wrap:wrap;}
.left-box{flex:1;min-width:270px;}
.right-box{width:300px;min-width:270px;}
h1{font-size:25px;margin-bottom:16px;color:#1a1a1a;line-height:1.4;}
.left-box p{margin-bottom:16px;font-size:15px;}
.banner-img{width:100%;height:auto;margin-top:22px;display:block;}

/*底部样式*/
.footer{padding:28px 0;border-top:1px solid #eee;margin-top:45px;}
.footer-nav{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:13px;}
.footer-nav a{color:#555;}
.copyright{color:#666;font-size:13px;}

/*移动端自适应 768px手机端自动上下排版*/
@media screen and (max-width:768px){
    .content-box{flex-direction:column;gap:25px;}
    .right-box{width:100%;}
    .nav ul,.footer-nav{gap:13px;}
    h1{font-size:21px;}
    .wrap{padding:0 12px;}
}
/*小屏手机480px微调*/
@media screen and (max-width:480px){
    h1{font-size:19px;}
    .breadcrumb{font-size:12px;}
}