body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, textarea, p { padding: 0; margin: 0; } body { min-width: 1800px; } /* * { outline: solid #f00 1px !important; background: #000 !important; color: #fff !important; } */ li { list-style-type: none; } ol, ul { list-style: none; } a { text-decoration: none; color: #000; } img { border: 0; } hr { margin: 0; } /* 头部 */ header { background-color: #308262; } .header { width: 1800px; height: 150px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .logo { height: 60px; } .name { width: 230px; height: 60px; } .slogan { width: 300px; margin: 0 35px 60px 0; } .logo-name { width: 150px; height: 150px; } /* 导航栏 */ nav { width: 1400px; margin: 0 auto; height: 60px; line-height: 60px; } nav ul { display: flex; justify-content: space-between; } nav ul li a{ display: block; padding: 0 15px; color: #18624f; font-size: 18px; font-family: microsoft yahei, microsoft yahei; font-weight: bold; } nav ul li a:hover { background-color: #18624f; color: #fff; } /* 中间内容 */ main { background-color: #f7f7f7; } .banner table #flashboxu_u1_ { width:1600px !important; } .banner table { width:1600px !important; margin: 0 auto !important; } .banner table #u_u1_centercutimg { width:1700px !important; } .banner table #u_u1_div{ width: 1600px !important; height:0px !important; } .banner img{ width: 1600px !important; display: block; padding-top: 25px; } .banner .btn { margin: 15px auto; width: 300px; display: flex; justify-content: space-between; } .banner .btn li { width: 50px; height: 10px; border: 1px solid #18624f; background-color: #fff; } .banner .btn li:hover { background-color: #18624f; } .border { margin: 30px auto 0 auto; width: 1600px; display: flex; justify-content: space-between; } .bgc { margin: 0 auto; width: 1800px; background: no-repeat top center; background-size: 100% 100%; margin-top: 50px; } .content { margin: -250px auto 0 auto; width: 1450px; height: 800px; display: flex; justify-content: space-between; flex-wrap: wrap; } .content>div { width: 700px; height: 320px; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); background-color: rgba(255, 255, 255, 0.2); } .hidden { display: none; } .content .notice p, .content .new p, .content .study p, .content .student p { display: flex; justify-content: flex-start; align-items: center; background: no-repeat bottom center; background-size: 100% 40%; margin-top: -50px; } .content .notice p img, .content .new p img, .content .study p img, .content .student p img { width: 200px; } .content .study p .pic1 { width: 230px; } .content .study ul li, .content .student ul li, .content .notice ul li, .content .new ul li { width: 620px; display: flex; align-items: center; justify-content: space-between; margin: 25px auto; } .content .study ul li a, .content .student ul li a, .content .notice ul li a, .content .new ul li a { font-size: 18px; display: inline-block; width: 500px; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; } .content .study ul li span, .content .student ul li span, .content .notice ul li span, .content .new ul li span { color: #919191; } /* 底部 */ footer { background-color: #308262; } .footer { margin: 0 auto; width: 1450px; height: 300px; background: no-repeat top center; background-size: 100% 100%; display: flex; justify-content: space-between; align-items: center; } .footer .link { width: 450px; color: #fff; } .footer .link ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer .link ul li a{ display: block; text-align: center; width: 120px; margin: 20px 0; color: #fff; } .address p{ color: #fff; margin: 10px 0; }