< type="text/css"> .nav{width: 1140px;margin: auto;} .nav li{margin: 0px 20px;} .site-top{background: #eaf3feab;} .i-mail { background: url(http://www.qinzhou.gov.cn/material/images/icon_1.png) center no-repeat; width: 25px; height: 22px; display: block; margin-top: 5px; } .site-banner,.site-warp{height: 385px;background: none;} .header .swiper {width: 100%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header .swiper .pic {position: absolute; top: 0; left: 0; width: 100%; background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important;opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .header .swiper .pic.active {opacity: 1; filter: alpha(opacity=100); } .header{position: relative;} .top-wrap{position: relative; width: 100%; height: auto; } .site-search{padding: 6px;background: #ffffff9c; border-radius: 4px;border: 2px solid #b9d6eead;margin: 40px auto auto auto;} .site-search-txt{width: 260px;} .div-content,.wrap,.zfxxgk-wrap{ position: relative;} .xz-logo{display: block;width: 550px;overflow: hidden; margin: 115px auto auto auto;} #xz-logo{margin-left: 25px;} .i-age{ background-color: #fb1405; background-image: url(http://www.qinzhou.gov.cn/material/images/zzzq/icon_laoren.png); background-repeat: no-repeat; background-size: 15px; background-position: 10px; padding-left: 30px; } .i-age>a{color: #FFFFFF;} < type="text/css"> .popup_notification{width: 200px; position: fixed; left: 0;bottom: 144px;background: #305aae; padding: 20px; box-sizing: border-box;line-height: 25px;border-radius: 5px;color: #FFFFFF;z-index: 9999;} .popup_notification a{color: #FFFFFF;text-decoration: none !important;} .popup_notification br:first-child{display: none;} .close_popup{position: absolute;top: 5px;right: 10px;font-weight: bold;} <> .kpdh2025 { position: fixed; margin: 0 auto; width: 100%; height: 447px; bottom: 0; z-index: 9997; left: 50%; transform: translate(-50%0); } .kpdh2025sjb { position: fixed; margin: 0 auto; width: 100%; max-width: 1920px; height: 447px; bottom: 91px; z-index: 9997; left: 50%; transform: translate(-50%0); } .kpdh2025_box { margin: 0 auto; width: 100%; /* max-width: 1920px; */ height: 100%; background: url(/imagesq/2026xckp/xcbj2.png) center no-repeat; background-size: 100%; visibility: visible; animation-delay: 0s; animation-name: fade; top: 80px; position: relative; } .kpdh_title2025 { position: absolute; left: 50%; top: 56%; transform: translate(-50%50%); visibility: visible; animation-delay: 1s; animation-name: fadeInDown; z-index: 9999; } .kpdh_l2025 { position: absolute; left: 18.5%; top: -43%; width: 230px; transform: translate(-50%50%); visibility: visible; animation-delay: 2s; animation-name: fadeIn; } .animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate(-50%200%); -ms-transform: translate(-50%200%); transform: translate(-50%200%); } 100% { opacity: 1; -webkit-transform: translate(-50%50%); -ms-transform: translate(-50%50%); transform: translate(-50%50%); } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translate(-50%50%); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translate(-50%50%); } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } .yh2025 { position: absolute; width: 300px; visibility: visible; animation-delay: 2s; animation-name: fadeIn; } .left_yh2025 { bottom: 145px; left: 33%; } .right_yh2025 { bottom: 127px; right: 26%; z-index: 9; } .closeBox2024 { position: absolute; right: 4%; width: 150px; height: 200px; z-index: 10; } .gb2024 { position: absolute; top: 3px; left: 10px; } .dl2024 { display: none; position: absolute; right: -38px; top: 23px; animation: animate 3s infinite ease-in-out; transform-origin: top center; } @keyframes animate { 0%, 100% { transform: translateX(-50%) rotate(-6deg); } 50% { transform: translateX(-50%) rotate(6deg); } } .xx2024.xx2025 { position: absolute; top: -310px; right: 73.5px; cursor: pointer; height: 30px; } .kpdh_l2025_box { display: none; flex-direction: column; align-items: center; justify-content: space-between; position: fixed; left: -1%; bottom: 20%; width: 230px; height: 260px; visibility: visible; animation-delay: 1s; animation-name: fade; z-index: 9999 } .kpdh_l2025_box>img { width: 180px; } #kyqcr_box { display: none; justify-content: space-around; align-items: center; position: absolute; top: 150px; width: 1360px; height: 300px; background: #fff; z-index: 10; left: 50%; transform: translate(-50%0); box-shadow: 0px 3px 20px #929090; border-radius: 20px; } .kyqcr_item { display: flex; align-items: center; justify-content: center; width: 500px; height: 200px; background: #fff; color: #116dea; font-size: 50px; font-weight: 700; border: 1px solid #116dea; border-radius: 30px; cursor: pointer; } .kyqcr_item:hover { background: #116dea; color: #fff } .kpdh_l2025new { z-index: 999; position: absolute; left: 77.5%; top: -43%; width: 230px; transform: translate(-50%50%); visibility: visible; animation-delay: 2s; animation-name: fadeIn; } /* 电脑端默认样式 */ .kpdh2025 { display: block; } .kpdh2025sjb.hide { display: none; } /* 手机端样式（不再依赖宽度，仅由JS控制显示） */ .mobile .kpdh2025 { display: none !important; } .mobile .kpdh2025sjb { display: block !important; height: 300px !important; } .mobile .kpdh_title2025 { width: 92%; top: 50%; } .mobile .kpdh2025_box { background: url(/imagesq/2026xckp/xcbjb.png) center no-repeat !important; background-size: cover !important; top: 93px; height: 100%; background-size: 100% !important; } .mobile .left_yh2025.mobile .right_yh2025 { width: 150px; bottom: 20px; } .mobile .kpdh_l2025_box{ display: none !important;; } .mobile .left_yh2025 { left: 10%; } .mobile .right_yh2025 { right: 10%; } .mobile .xx2025 { top: 75px; right: 20px; } @media screen and (min-width: 960px) and (max-width: 1099px) { .kpdh2025sjb { position: fixed; margin: 0 auto; width: 100%; max-width: 1920px; height: 447px; bottom: 88px; z-index: 9997; left: 50%; transform: translate(-50%0); } } @media screen and (min-width: 650px) and (max-width: 960px) { .kpdh2025sjb { position: fixed; margin: 0 auto; width: 100%; max-width: 1920px; height: 447px; bottom: 35px; z-index: 9997; left: 50%; transform: translate(-50%0); } }