.container{ width: 1200px; margin: 0 auto; } .container_1000 { width: 1000px; margin:0 auto; } @media (max-width: 1500px) { .announce-list { width: 1000px; margin:0 auto; } } .clearfix:before,.clearfix:after{ content: ''; display: table; clear: both; } .fl{ float: left; } .fr{ float: right; } body{ font-size: 12px; font-family: "Microsoft Yahei"; background-color: #fafafd; min-width: 1200px; } a{ text-decoration: none; } div,a,span,ul,li,h1,h2,h3,h4,h5,h6,input,p{ box-sizing: border-box; } i,b,u,s{ font-style: normal; } /*公用类*/ .top-banner{ width: 100%; height: 380px; position: relative; } .banner_outer { height: 380px; overflow: hidden; position: absolute; width: 100%; } .banner_item { height: 100%; left: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; } .banner_item:first-child { left: 0; } .banner_item > img { height: 380px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); } .commontit{ padding-left: 15px; padding-bottom: 20px; color:rgba(68,68,68,1); font-size:18px; position: relative; font-weight: bold; border-bottom: 1px solid #F3F3F3; } .commontit:before{ content: ''; width:5px; height:20px; background:rgba(64,158,255,1); position: absolute; left: 0; top: 3px; vertical-align: middle; } /*头部*/ .header{ width: 100%; height: 80px; background-color: #fff; } .header img{ width:148px; vertical-align: middle; margin-top: 17.5px; } .header .rul li{ padding: 0 40px; float: left; } .header .rul li a{ display: inline-block; width: 100%; height: 100%; font-size:16px; color:rgba(68,68,68,1); line-height: 77px; } .header .rul li a.active{ color:rgba(64,158,255,1); border-bottom: 3px solid #409EFF; } /*底部*/ .footer{ width: 100%; background:rgba(51,51,51,1); text-align: center; padding-top: 20px; padding-bottom: 10px; } .footer p{ color:rgba(187,187,187,1); line-height: 2; display: flex; align-items: center; justify-content: center; } .footer span { margin:0 10px; } .footer em { margin-left: 10px; } .footer p a { display: flex; align-items: center; justify-content: center; }