.banner { position: relative; } .banner img { width: 100%; height: 105px; } .banner .pagination { position: absolute; right: 1%; bottom: 10%; } .banner .pagination span { display: inline-block; width: 18px; height: 18px; cursor: pointer; background: #e5e5e5; border-radius: 0; opacity: 1; margin: 0 5px; text-align: center; font-size: 12px; line-height: 18px; } .banner .pagination .on { background: #033e8a; color: #fff; } /*焦点图*/ .focus { position: relative; overflow: hidden; } .focus img { display: block; width: 100%; height: 382px; overflow: hidden; object-fit: cover; } .focus h2 { position: absolute; bottom: 0; left: 0; right: 0; height: 44px; line-height: 44px; color: #fafafa; background: rgba(0, 0, 0, 0.6); font-weight: normal; font-size: 16px; padding: 0 8px; } .focus a { display: block; position: relative; } .tab .tab1 { line-height: 40px; font-size: 18px; border-bottom: 1px solid #f4f4f4; } .tab .tab1 a { display: inline-block; text-decoration: none; padding: 0 20px; font-weight: bold; margin-bottom: 10px; } .tab .tab1 .on { color: #fff; height: 40px; background: #033e8a; border-radius: 4px; } .tab .m-lst ul { padding: 14px 0 0; } .tab .m-lst ul li { background: no-repeat left center; line-height: 38px; } .tab .m-lst ul li .time { color: #a9a9a9; } .zw { background: #f4f4f4; height: 110px; } .zw .title { background: #033e8a; color: #fff; line-height: 110px; font-size: 20px; font-weight: bold; text-align: center; border-radius: 4px; } .zw .ul { padding: 16px 0 16px 60px; } .zw .ul li { line-height: 40px; float: left; padding: 0 30px; } .zw .ul .l1, .zw .ul .l4, .zw .ul .l5 { background: left center no-repeat; } .zw .ul .l2, .zw .ul .l6 { background: left center no-repeat; } .zw .ul .l3 { background: left center no-repeat; } .zw .hd { padding: 0 16px; } .zw .hd a { float: left; display: block; width: 33.3%; height: 110px; line-height: 150px; text-align: center; } .zw .hd .a1 { background: center 30% no-repeat; } .zw .hd .a2 { background: center 30% no-repeat; } .zw .hd .a3 { background: center 30% no-repeat; } @media all and (max-width: 768px) { .zw { height: auto; } .zw .title { margin-bottom: 10px; } } @media all and (max-width: 750px) { .u-wap-nav { position: relative; top: -5px; } .m-wap-nav-bd { background-color: #3e61b3; } .tab .tab1 a { padding: 0 14px; } .pagination { display: none; } } @media all and (max-width: 750px) { .focus img { height: 421.875px; min-height: 421.875px; } } @media all and (max-width: 720px) { .focus img { height: 405px; min-height: 405px; } } @media all and (max-width: 640px) { .focus img { height: 360px; min-height: 360px; } } @media all and (max-width: 600px) { .focus img { height: 337.5px; min-height: 337.5px; } } @media all and (max-width: 560px) { .focus img { height: 315px; min-height: 315px; } } @media all and (max-width: 520px) { .focus img { height: 292.5px; min-height: 292.5px; } } @media all and (max-width: 480px) { .focus img { height: 270px; min-height: 270px; } } @media all and (max-width: 440px) { .focus img { height: 247.5px; min-height: 247.5px; } } @media all and (max-width: 414px) { .focus img { height: 232.875px; min-height: 232.875px; } } @media all and (max-width: 400px) { .focus img { height: 225px; min-height: 225px; } } @media all and (max-width: 375px) { .focus img { height: 210.9375px; min-height: 210.9375px; } } @media all and (max-width: 360px) { .focus img { height: 202.5px; min-height: 202.5px; } } @media all and (max-width: 320px) { .focus img { height: 180px; min-height: 180px; } }