@charset "utf-8";

.warp{width: 100%;position: relative;overflow: hidden;margin: 0 auto;/* background:#FFF; */}


.Header{ height: 540px; background:url(https:/www.zunyi.gov.cn/material/siteFile/2025/images/TopMain_bg.jpg) no-repeat center bottom; background-size: cover;}

.TopText{ background-color: var(--main-color); }
.TopRelLinks{ display: flex; }
.TopRelLinks li{ position: relative; height: 40px; line-height: 40px; font-size: 16px; color: #fff; }
.TopRelLinks li a{ display: flex; height: 100%; position: relative; cursor: pointer; align-items: center; justify-content: center; padding: 0 10px; color: inherit; }
.TopRelLinks li a>img{ pointer-events: none; }
.TopRelLinks li a>span{ user-select: none; margin-left: 8px; }
.TopRelLinks li a:hover img{ filter: none;}
.TopRelLinks li a:hover,
.TopRelLinks li a:hover span{ color: #FFF; text-decoration: underline; }

.TopMain{ height: calc(100% - 111px); }
.TopMain .w1400{ display: flex; height: 100%; align-items: center; flex-direction: column; }

.Logo{ position: relative; margin-top: 50px; }

.SearchPart{ margin-top: 40px; }
.SerachBox{ position: relative; width: 600px; height: 50px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid var(--main-color); border-radius: 10px; background-color: rgba(255,255,255,0.8); }
.TypeDrop{ position: relative; width: 107px; box-sizing: border-box; }
.TypeDrop::after{ content: ''; display: block; position: absolute; pointer-events: none; height: 18px; border-left: 1px solid #222; right: 0; top: calc(50% - 9px); }
.TypeDrop h1{ display: block; position: relative; cursor: pointer; padding-left: 15px; height: 40px; line-height: 40px; font-size: 16px; color: #222; }
.TypeDrop h1::after{ content: ''; display: block; position: absolute; pointer-events: none; border-top: 8px solid #222; border-left: 7px solid transparent; border-right: 7px solid transparent; right: 13px; top: calc(50% - 4px); }
.TypeDrop ul{ position: absolute; top: calc(100% + 8px); left: 0; background-color: #FFF; padding: 5px; box-shadow: var(--main-boxshadow); border-radius: 3px; opacity: 0; pointer-events: none; transform: translateY(5px); z-index: 999; transition: all 0.3s; }
.TypeDrop ul::before{ content: ''; display: block; position: absolute; pointer-events: none; border-bottom: 8px solid #FFF; border-left: 7px solid transparent; border-right: 7px solid transparent; left: calc(50% - 7px); top: -8px; }
.TypeDrop li{ position: relative; cursor: pointer; font-size: 16px; color: #333; line-height: 2; padding: 0 15px; }
.TypeDrop li:hover{ color: var(--main-color); background-color: #e5e5e5; }
.TypeDrop ul.open{ opacity: 1; transform: translateY(0); pointer-events: initial;}

.SerachBox input{ position: relative; box-sizing:border-box; width: calc(100% - 190px); height: 50px; border: none; background: none; font-size: 16px; padding-left: 10px; color: #333; }
.SerachBox input::placeholder{ color: #999; }
.SerachBox a{ display: block; position: relative; width: 80px; height: 48px; background: url(https:/www.zunyi.gov.cn/material/siteFile/2025/images/TopMain_ico_3.png) no-repeat center var(--main-color); cursor: pointer; border-radius: 10px 9px 9px 10px; }




.NavPart{ position: relative; border-bottom: 2px solid var(--main-color); height: 70px; z-index: 2; }

.NavPart .w1400{ height: 100%; background-color: var(--main-color); border-radius: 20px 20px 0 0; }
.NavPart .w1400::before,
.NavPart .w1400::after{ content: ''; display: block; position: absolute; pointer-events: none; width: 28px; height: 20px; background: url(https:/www.zunyi.gov.cn/material/siteFile/2025/images/TopMain_ico_4.png) no-repeat; bottom: 0; }
.NavPart .w1400::before{right: calc(100% - 1px);}
.NavPart .w1400::after{left: calc(100% - 1px);transform: rotateY(180deg);}
.NavPart .w1400>ul{ position: relative; display: flex; height: 100%; justify-content: center; }
.NavPart li{ position: relative; z-index: 0;}
.NavPart li + li{ margin-left: 15px; }
.NavPart li::before{ content: ''; display: block; position: absolute; width: 0px; height: 4px; border-radius: 5px; background-color: #f6d78b; transition: width 0.3s; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 0; }
.NavPart li>a{ font-size: 22px; position: relative; display: block; line-height: 70px; color: #FFF; padding: 0 40px; z-index: 1; }

.NavPart .drop{ position: absolute; overflow: hidden; width: 100%; left: 50%; transform: translateX(-50%); bottom: calc(100% - 5px); border-top: 5px solid var(--main-color); z-index: 2; height: 0; background-color: #910415; }
.NavPart .drop dl{ position: relative; box-shadow:0px -10px 15px -10px rgb(32 9 9 / 63%) inset; display: flex; flex-wrap: wrap; padding: 10px 0px; }
.NavPart .drop dd{ position: relative; font-size: 14px; width: calc((100% - 15px) / 2); margin-left: 5px; }
.NavPart .drop dd + dd + dd{ margin-top: 5px; }
.NavPart .drop dd a{ display: block; line-height: 24px; color: #FFF; transition: all 0.3s; white-space: nowrap; text-align: center; }
.NavPart .drop dd:hover a{ text-decoration: underline; }

.NavPart .zwgk_dropLi .drop dd{ width: calc((100% - 15px) / 2 - 10px); }

.NavPart .zwgk_dropLi .drop dd.dd-zdly {
    margin-left: 10px;
}

.NavPart li.on,
.NavPart li:hover{ z-index: 1; }
.NavPart li.on::before,
.NavPart li:hover::before{ width: 40px; }
.NavPart li.on>a,
.NavPart li:hover>a{ color: #f6d78b; font-weight: bold; }