body {background-color: #ffffff; margin: 0; padding: 0px; } a:focus{outline: none;} p {margin: 0; padding: 0; } ul, li {list-style: none; padding: 0; margin: 0; } img {display: block; border: none; margin: 0; } a {text-decoration: none; } * {font-size: 16px; color: #222222; font-family: Microsoft Yahei, Arial, SimSun, sans-serif; } .clearfix {clear: both; } .top {height: 99px; border-bottom: 1px #dfdfdf solid; } .nav {width: 1200px; margin-left: auto; margin-right: auto; } .logo {float: left; margin-top: 20px; margin-left: 60px; } #nav_left {float: right; margin-right: 60px; } #nav_left a {width: 80px; text-align: center; float: left; margin-left: 15px; margin-right: 15px; margin-top: 3px; margin-bottom: 1px; line-height: 93px; } .current {color: #24489d; border-bottom: 3px #24489d solid; } /*banner*/ .cainniu {width: 1200px; margin-left: auto; /* background: red; */ margin-right: auto; height: 340px; margin: 40px auto 0; } .duanluo {float: right; width: 656px; margin-right: 40px; } .banner {float: left; height: 336px; width: 460px; } .banner img {height: 336px; } /*底部*/ .footer {width: 1200px; margin: 0 auto; height: 220px; border-top: 1px #dfdfdf solid; margin-top: 160px; } .footer_box {width: 1200px; margin-left: auto; margin-right: auto; height: 214px; text-align: center; vertical-align: middle; } .contact {text-align: center; margin-top: 50px; margin-left: auto; margin-right: auto; } .call, .wechat, .qq {margin-right: 30px; display: inline-block; } .call img, .wechat img, .qq img {margin-right: 20px; display: inline-block; vertical-align: middle; } .call a, .wechat a, .qq a {font-size: 20px; color: #24489d; line-height: 40px; display: inline-block; vertical-align: middle; } #enviornment {height: 400px; width: 1200px; margin: 0 auto; margin-top: 110px; background: #f0f0f0; } #enviornment li {width: 240px; height: 200px; float: left; box-sizing: border-box; } #enviornment li span {margin-bottom: 16px; } #enviornment li:nth-child(2n) {/* background:red; */ box-sizing: border-box; padding-left: 20px; padding-top: 20px; } #enviornment li:nth-child(2n) p {margin-bottom: 10px; } #enviornment li:nth-child(2n+4) {text-align: right; box-sizing: border-box; padding-right: 20px; } #history {width: 1200px; height: 891px; margin: 135px auto 0; } #history h2 {width: 100px; height: 50px; margin: 0 auto; font-size: 24px; text-align: center; border-bottom: 2px solid #ccc; } #history h2:after {content: ""; display: block; width: 50px; margin: 0 auto; height: 3px; background: #24489d; margin-top: 18px; } #history #history_footer {width: 1200px; height: 930px; background: red; background: url('images/history.jpg') no-repeat center center; margin-top: 40px; box-sizing: border-box; padding: 0 60px; } #history_footer p {width: 500px; background: #f0f0f0; box-sizing: border-box; padding: 16px; text-align: justify; font-size: 16px; line-height: 30px; color: #666; } #history_left p:nth-of-type(2) {margin-top: 180px; margin-bottom: 200px; } #history_right p:nth-of-type(1) {margin-bottom: 210px; margin-top: 180px; } #history_right p:nth-of-type(3) {margin-top: 220px; } #history_footer span {display: block; color: #24489d; font-weight: bold; margin-bottom: 2px; } #history_left {float: left; } #history_right {float: right; }