html, body, h1, h2, h3, h4, h5, h6, p, span, div, a, ul, ol, li, img, button, input { padding: 0; margin: 0; } body { margin: 0; /* 清除默认边距 */ padding: 0; font-size: 14px; font-family: PingFang SC, PingFang SC; background: url("../../public/header/banner_new.jpg") no-repeat center top; background-size: 100% 800PX; /* background-size: cover; 核心:等比例放大图片,覆盖整个容器(超出部分裁剪) */ /* background-position: center center; 图片居中显示 */ /* background-attachment: fixed; 可选:背景固定,滚动页面时不跟随移动 */ /* min-height: 100PX; 确保body高度至少占满视口 */ /* max-height: 500px; */ } @media screen and (max-width: 800px) { body { font-size: 14px; font-family: PingFang SC, PingFang SC; /* overflow: hidden; */ background: url("../../public/header/banner_phone.jpg") no-repeat center top; /* background-size: 100% 100%; */ } } .left { float: left; } .right { float: right; } a { text-decoration: none; } ul, ol, li { list-style: none; } .inner { width: 1200px; margin: 0 auto; } /* //inner下的左右侧标题样式 */ .innerLeft, .innerRight { float: left; } .innerLeft { width: 790px; margin-right: 20px; } .innerLeft>.title { width: 790px; } .innerLeft>.title>h3 { height: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; line-height: 28px; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #139602; } .innerLeft>.title>h3>span { float: right; width: 56px; height: 20px; line-height: 24px; font-weight: 400; font-size: 14px; color: #999999; font-style: normal; text-transform: none; } .innerRight { width: 390px; } .innerRight>.title>h3 { height: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: bold; font-size: 24px; color: #000000; line-height: 28px; text-align: left; font-style: normal; text-transform: none; border-bottom: 1px solid #139602; } .innerRight>.title>h3>span { float: right; width: 56px; height: 20px; line-height: 24px; font-weight: 400; font-size: 14px; color: #999999; font-style: normal; text-transform: none; }