html{font-size: 16px}*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;text-decoration: none}a{color: #000;text-decoration: none}a:hover{color: #0066b3;text-decoration: none}.container{width: 100%;max-width: 87.5rem;margin: 0 auto;padding: 0 0.9375rem}.nav,.main,.footer{width: 100%;margin: 0 auto}body{font-family: "Microsoft Yahei", sans-serif;font-size: 0.875rem}.top-banner{width: 100%;margin-bottom: 0.9375rem}.top-banner img{width: 100%;display: block}.pc-nav{height: 3.75rem;background: #0080cf;display: flex;position: relative;z-index: 999;margin-bottom: 1.875rem}.nav-item{flex: 1;text-align: center;line-height: 3.75rem;position: relative;color: #fff;font-size: 1rem;cursor: pointer}.nav-item a{color: #fff;display: block;width: 100%;height: 100%}.nav-item:hover{background: #0066b3}.subnav{display: none;position: absolute;top: 3.75rem;left: 0;width: 100%;background: #fff;border: 1px solid #0080cf}.nav-item:hover .subnav{display: block}.subnav li{height: 2.5rem;line-height: 2.5rem;color: #333;font-size: 0.875rem}.subnav li a{color: #333}.subnav li a:hover{color: #0080cf}.mobile-nav{display: none;background: #0080cf;padding: 0.9375rem;margin-bottom: 1.875rem;border-radius: 0.3125rem}.breadcrumb{display: flex;align-items: center;flex-wrap: wrap;gap: 0.625rem}.breadcrumb-item a{color: #fff !important}.breadcrumb-item{color: #fff;font-size: 0.875rem}.breadcrumb-item.active{font-weight: bold;color: #ffd700}.breadcrumb-separator{color: #fff;font-size: 0.75rem}.mobile-menu-btn{background: #0066b3;color: #fff;border: none;padding: 0.625rem 1.25rem;border-radius: 0.3125rem;margin-top: 0.9375rem;font-size: 0.875rem;cursor: pointer}.mobile-submenu{display: none;margin-top: 0.9375rem;background: #fff;border-radius: 0.3125rem;padding: 0.625rem}.mobile-submenu li{padding: 0.625rem;border-bottom: 1px dashed #eee}.mobile-submenu li a{color: #333;font-size: 0.875rem}.mobile-submenu li a:hover{color: #0080cf}:root{--gap: 1.875rem}.main{margin-bottom: 2.5rem;display: flex;gap: var(--gap);flex-wrap: wrap}.col-left{width: 20rem;display: flex;flex-direction: column;gap: var(--gap)}.col-right{flex: 1;min-width: 20rem;display: flex;flex-direction: column;gap: var(--gap)}.row{display: flex;gap: var(--gap);justify-content: flex-start;width: 100%;flex-wrap: wrap}.half-box{width: calc((100% - var(--gap)) / 2);flex-shrink: 0}.title{height: 2.875rem;line-height: 2.875rem;padding: 0 0.9375rem;font-size: 1rem;color: #006;font-weight: bold;display: flex;justify-content: space-between;background: url(../images/title11.jpg) no-repeat left center;background-size: cover}.more{font-size: 0.875rem;color: #397cbe;font-weight: normal}.module{border-left: 1px solid #DFF2F5;border-right: 1px solid #DFF2F5;border-bottom: 1px solid #DFF2F5;overflow: hidden;height: 17.5rem;display: flex;flex-direction: column}.list{flex: 1;padding: 0 0.9375rem;display: flex;flex-direction: column;justify-content: space-around;padding-top: 0.625rem;padding-bottom: 0.625rem}.list li{padding: 0.5rem 0;font-size: 0.875rem;display: flex;justify-content: space-between;border-bottom: 1px dashed #eee;line-height: 1.4}.list li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 10px}.list li:last-child{border-bottom: none}.list li span{color: #666;white-space: nowrap}.swiper-container{height: 17.5rem;width: 100%;position: relative}.swiper-slide{position: relative}.swiper-slide img{width: 100%;height: 100%;object-fit: cover}.swiper-slide-title{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0.9375rem;background: rgba(0, 0, 0, 0.6);color: #fff;font-size: 0.9375rem;line-height: 1.4}.gray-box{padding: 1.25rem;background: #f9f9f9;border: 1px solid #eee;font-size: 0.875rem;line-height: 1.875rem}.gray-box h4{color: #fff;font-size: 1rem;text-align: center;margin: -1.25rem -1.25rem 0.9375rem;background: url(../images/title21.jpg) no-repeat center;background-size: 100% auto;padding: 0.225rem 0}.footer{background: #f5f5f5;text-align: center;padding: 1.5625rem 0;font-size: 0.875rem;color: #666}.footer p{margin: 0.3125rem 0}.content-list-wrapper{width: 100%;overflow: hidden}.content-list{padding: 0.9375rem}.content-list li{display: flex;justify-content: space-between;align-items: center;padding: 0.75rem 0.625rem;border-bottom: 1px dashed #eee;font-size: 0.875rem}.content-list li:last-child{border-bottom: none}.content-title{color: #333;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 1rem}.content-title:hover{color: #0080cf;text-decoration: underline}.content-date{color: #666;white-space: nowrap;text-align: right;width: 6.25rem}.pagination{display: flex;justify-content: center;align-items: center;padding: 1.25rem 0;gap: 0.625rem;flex-wrap: wrap}.pagination-link{padding: 0.3125rem 0.9375rem;border: 1px solid #ddd;background: #fff;color: #666;cursor: pointer;border-radius: 0.1875rem;font-size: 0.875rem;display: inline-block}.pagination-link:hover{background: #0080cf;color: #fff;border-color: #0080cf;text-decoration: none}.pagination-link.disabled{background: #f5f5f5;color: #ccc;cursor: not-allowed;border-color: #eee;pointer-events: none}.pagination-link.disabled:hover{background: #f5f5f5;color: #ccc;border-color: #eee}.pagination-info{font-size: 0.875rem;color: #666;margin: 0 0.625rem}.pagination-num{padding: 0.3125rem 0.75rem;border: 1px solid #0080cf;background: #0080cf;color: #fff;border-radius: 0.1875rem;display: inline-block}.col-left{width: 20rem;display: flex;flex-direction: column;gap: var(--gap)}.col-right{flex: 1;min-width: 20rem;display: flex;flex-direction: column;gap: var(--gap)}.row{display: flex;gap: var(--gap);justify-content: flex-start;width: 100%;flex-wrap: wrap}@media screen and (max-width: 750px){.col-left{width: 100%}}@media screen and (max-width: 750px){.pc-nav{display: none}.mobile-nav{display: block}}@media screen and (min-width: 751px){.pc-nav{display: flex}.mobile-nav{display: none}}@media screen and (max-width: 1400px){html{font-size: calc(100vw / 87.5)}}@media screen and (max-width: 750px){html{font-size: calc(100vw / 46.875)}}@media screen and (max-width: 750px){:root{--gap: 1rem}}@media screen and (max-width: 750px){.half-box{width: 100%}}@media screen and (max-width: 750px){.module{height: auto;min-height: 12.5rem}}@media screen and (max-width: 750px){.swiper-container{height: 12.5rem}}
