.logo { width: 1536px; height: 150px; background-image: url(/uploads/image/gimages/bg.png); background-size: cover; background-position: 0% 40%; position: relative; display: flex; align-items: center; justify-content:space-around; } .wrapper { width: 100%; margin: 0 auto; } .logo-name { width: 746px; height: 100px; margin-right: 250px; margin-left: 100px; } .search { border: 1px solid #333; height: 50px; padding: 10px 20px; border-radius: 8px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .search .divider { width: 3px; height: 30px; background-color: #2a814a; } .line { position: absolute; width: 100%; background-color: #529d76; bottom: 0; height: 10px; } .english { position: absolute; right: 50px; top: 10px; } nav { width: 1536px; height: 70px; line-height: 70px; display: flex; font-size: larger; } nav .item { flex:1; height: 56px; line-height: 56px; background-color: #2a814a; position: relative; } .item:hover { background-color: #66a179; } .item a { font-size: 20px; color: #fff; } .active { background-color: #66a179 !important; } .toast { position: absolute; width: 169px; top: 56px; display: none; } .toast li { width: 169px; height: 43px; line-height: 43px; background-color: #f8f8f8; } .item:hover .toast { display: block; z-index: 1; } .toast a { color: #4f4f4f; font-size: 17px; font-weight: normal; } /* 最新动态&通知公告区域 */ .news { height: 400px; display: flex; align-items: center; justify-content: center; gap: 50px; padding: 10px 0; } .new-left { width: 550px; } .news-image { width: 550px; height: 350px; } .title { display: flex; align-items: end; justify-content: space-between; color: #2a814a; font-size: 24px; font-weight: bold; margin: 8px 20px; } .title .word span { padding: 5px; cursor: pointer; } .clicked { border-bottom: 2px solid #2a814a; } .new-right .list { display: none; margin: 0 20px; padding: 10px 0; list-style: none; } .new-right .flag { display: block; } .more { font-weight: 400; font-size: 20px; color: #199933; } .news .list { width: 750px; } .list { background-color: #fff; padding: 10px 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .list li { height: 30px; margin: 5px 0; } .news .list li a { font-size: 16px; } .list li a { display: flex; align-items: center; justify-content: space-between; font-weight: 400; color: #000; } .news .list li a:hover { color: #006315; font-size: 17px; transition: all .1s; } .list .front { display: flex; align-items: center; } .news .list .time { font-size: 20px; margin: 0 15px; } .list .time { color: #748c79; } /* 快速导航区域 */ .link { display: flex; justify-content: center; } .link-container { width: 1400px; display: flex; background-color: #fff; border-radius: 8px; padding: 20px 0; } .link-icon { width: 100px; height: 100px; } .link-item { width: 100px; margin: 0 auto; color: #199933; font-weight: 400; display: flex; flex-direction: column; align-items: center; } /* 党建工作&专项建设 资产调剂&资产处置 */ .container { width:1536px; display: grid; /*grid-template-rows: 1fr 1fr;*/ grid-template-columns: 1fr 1fr; gap: 30px 0; padding: 30px 0; } .box { margin: 0 auto; } .box-header { display: flex; justify-content: space-between; align-items: end; margin: 10px; } .box-word { display: flex; align-items: center; } .box-title { font-weight: bold; font-size: 24px; color: #2a814a; line-height: 27px; text-align: left; } .leaf-icon { width: 30px; height: 30px; } .container .list { width: 650px; } .container .list li a { font-size: 16px; } .container .list .time { font-size: 16px; } .container .list li a:hover { color: #006315; font-size: 17px; transition: all .1s; } /* 底部链接 */ .bottom { display: flex; justify-content: center; gap: 120px; } .bottom-item { display: flex; flex-direction: column; color: #199933; font-size: 20px; } .bottom-item .bottom-icon { width: 80px; height: 80px; } .bottom-item span { margin: 10px 0; } /* 底部版权 */ footer { height: 300px; background-color: #2a814a; } .footer-container { height: 300px; display: flex; align-items: center; justify-content: center; gap: 50px; } .about-link { width: 520px; color: #fff; text-align: start; } .about-title { font-size: 22px; font-weight: 500; margin-bottom: 20px; } .about-list { display: flex; flex-wrap: wrap; gap: 20px; } .about-list a { color: #fff; } .card { font-size: 17px; color: #ffffff; background-color: #18552e; line-height: 20px; text-align: left; padding: 10px; border-radius: 8px; display: flex; flex-direction: column; justify-content: space-around; gap:10px; } .card .phone, .card .email { display: flex; flex-direction: column; } .divider { width: 0px; height: 150px; border: 1px solid #ffffff; }