*{ margin: 0;padding: 0; } li{ list-style: none; } a{ color: #333333; text-decoration: none; } .cen_w{width: 1200px;margin: 0 auto;} .nav{width: 100%;height: 170px;background: url(../img/jx.png) no-repeat;position: absolute;top: 0;left: 0;z-index: 999;} .top{ margin-top: 20px;width: 440px;float: left ; } .top img{ margin-right: 20px; float: left;.nav-1 .nLi h3 a } .font{ color: white; font-size: 20px; } .nav-main{ float: right; } .nav-1 { display: flex; justify-content: space-around; padding: 0px; height: 140px; line-height: 140px; position: relative; z-index: 1; width: 711px; } .nav-1 .sub{ width: 150px !important; top: 100px!important; } .nav-1 a { color: #fff; } .nav-1 .nLi { float: left; position: relative; display: inline; } .nav-1 .nLi h3 { float: left; } .nav-1 .nLi h3 a { display: block; font-size: 20px; } .nav-1 .sub { display: none; width: 100px; left: 0; top: 70px; position: absolute; line-height: 26px; padding: 5px 0; } .nav-1 .sub li { zoom: 1; text-align: center; height: 40px; font-size: 16px; line-height: 40px; } .nav-1 .sub a { display: block; padding: 0 10px; color: #333; background-color: white; } .nav-1 .sub a:hover { color: #FFFFFF; background-color: #076ce0; } .nav-1 .on h3 a { height: 67px; } .banner{position: relative;} .banner img{width: 100%;} .bottom{ background: #313131; width: 100%; min-width:1200px; height: 260px; clear: both; padding: 40px 0; margin-top: 30px; } .p0{ color: white; font-size: 16px; } .p1,.p2,.p4{ float: left; width: 260px; } .ju li{ margin: 15px 0; } .ju a{ color: white; font-size: 14px; } .p3{ float: right; } .p4{ margin: 30px 50px; } .p5 { width: 100%; height: 1px; border-top: solid #999 1px; clear: both; } .p6{ text-align: center; margin-top: 30px; color: white; font-size: 14px; }