@charset "utf-8";
@import url("base.css");
@import url("swiper-bundle.min.css");


/**index**/
.wjSite-top{ background: var(--color-white);  width: 100%; padding: var(--size-30) 0; z-index: 999;}
.wjSite-top:before{ content: ''; background: url(../images/topBg.jpg) no-repeat #e7f0f9; background-size:auto 100%; width: 56.6%; height: 100%; position: absolute; right: 0; top: 0;}
.wjSite-top .logo{ width: 5.52rem;}
.wjSite-top .slogan dd:nth-child(n+2){ margin-left: var(--size-50);}

.wjSite-nav{ background-color: var(--color-blue); padding: 0.13rem 0;}
.wjSite-nav .mainNav li { position:relative; text-align: center;}
.wjSite-nav .mainNav li a.far { padding:0 var(--size-40); font-size:0.18rem; font-weight: bold; line-height:0.46rem; display:block; color:var(--color-white); }
.wjSite-nav .mainNav li.active a.far, .mainNav li:hover a.far{ background:url(../images/mainNav-bg.jpg) repeat-y center; }
.wjSite-nav .mainNav li .subnav { background:var(--color-blue); width:100%; position:absolute; top:100%; left:0; padding:0.12rem 0 var(--size-05) 0; pointer-events:none; opacity:0; transform:translateY(var(--size-15)); backdrop-filter:blur(var(--size-05)); }
.wjSite-nav .mainNav li .subnav a { display:block; padding:var(--size-10) 0; color:var(--color-white);}
.wjSite-nav .mainNav li .subnav a:hover{ background-color: #4facfe; }
.wjSite-nav .mainNav li:hover .subnav{ opacity:1; pointer-events:auto; transform:none; }
.wjSite-nav .mainSearch{ background-color:#ececec; padding: 0.02rem 0.02rem 0.02rem var(--size-25); border-radius: 0 var(--size-20) 0 var(--size-20); }
.wjSite-nav .mainSearch .inpt{ width: 2.25rem; height:var(--size-40); padding-left: var(--size-15);}
.wjSite-nav .mainSearch .sbtn{ background-image: linear-gradient(to right, #00c0fa, #015eea); height: var(--size-40); padding:0 var(--size-20); border-radius: 0 var(--size-20) 0 var(--size-20); }


.wjNews-thumb{ width: 60.8%;}
.wjNews-thumb li a{ padding-top: 56.39%; display: block; }
.wjNews-thumb li .tit { background: rgba(0,0,0,.5); width: 100%; line-height:0.6rem; color: var(--color-white); position: absolute; left: 0; bottom: 0; z-index: 2; padding: 0 1.5rem 0 var(--size-20); }
.wjNews-thumb .swiper-pagination { width: auto !important; left: auto !important; right: var(--size-10); bottom: var(--size-15) !important; }
.wjNews-thumb .swiper-pagination-bullet { background:rgba(20,111,192,.3); width:0.26rem; height:0.26rem; line-height:0.26rem; font-size: 0.14rem; color: var(--color-white); margin: 0 var(--size-15) 0 0!important; opacity: 1; }
.wjNews-thumb .swiper-pagination-bullet-active { background:var(--color-blue); }

.wjNews-aside{ width: 36.11%;}
.wjNews-aside-head{ background: #f6f6f6; line-height: 0.54rem; padding-right:var(--size-20);  border-left: 0.04rem var(--color-blue) solid; }
.wjNews-aside-head .tabs a{ padding:0 var(--size-25);}
.wjNews-aside-head .tabs a.active{ font-weight: bold; color: var(--color-blue);}
.wjNews-aside-list .swith{ display: none;}
.wjNews-aside-list .swith:first-child{ display: block;}
.wjNews-aside-list .li-first{ padding: var(--size-15) 0; border-bottom:1px #c1c1c1 dashed;}
.wjNews-aside-list .li-one li{ padding-left:var(--size-30);}
.wjNews-aside-list .li-one li:before{ content: ''; background: var(--color-blue); width:0.06rem; height:0.06rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 100%;}

.wjNotice-head{ background-color: var(--color-blue); line-height: 0.54rem; padding: 0 var(--size-20) 0 var(--size-15);}
.wjNotice-body{ background-color: #f2f8ff; padding: var(--size-10) 0.13rem;}
.wjNotice-body .title{ background-image: url(../images/wjNotice-bg.jpg); width: 1.51rem; height: 1.14rem; flex-direction: column;}
.wjNotice-body .title .cn{ font-family:'AliHYAiHei';}
.wjNotice-body .title .en{ font-family:'Rany';}
.wjNotice-body .word{ flex: 1; padding-left: var(--size-15);}


.wjPublic{ width: 48%;}
.wjPublic-list li{ padding: var(--size-15) 0 var(--size-15) var(--size-20); border-bottom: 1px #e9e9e9 solid;}
.wjPublic-list li:before{ content: ''; background: var(--color-blue); width:0.06rem; height:0.06rem; position: absolute; left: 0; top:var(--size-25); border-radius: 100%;}
.wjPublic-list li .c{ display: none;}
.wjPublic-list li:first-child .c{ display: -webkit-box;}
.wjPublic-list li:hover .t{ font-weight: bold;}
.wjPublic-list li:last-child{ border-bottom: 0;}


.wjQuick{ width: 49.5%;}
.wjQuick-page a{ background-image: url(../images/wjQuick-bg01.jpg); color: var(--color-white); width: 48.7%; padding: var(--size-35) var(--size-35) var(--size-40) var(--size-30); margin-bottom: 0.11rem;}
.wjQuick-page a .text{ flex: 1;}
.wjQuick-page a .view{ background:rgba(255,255,255,.9); width: 1.1rem; line-height: var(--size-40); color: #1db9d3; border-radius: var(--size-20);}
.wjQuick-page a:hover .view{ background: #1db9d3; color: var(--color-white);}
.wjQuick-page a:nth-child(2){ background-image: url(../images/wjQuick-bg02.jpg); }
.wjQuick-page a:nth-child(2) .view{ color: #1cad91;}
.wjQuick-page a:nth-child(2):hover .view{ background: #1cad91; color: var(--color-white);}
.wjQuick-page a:nth-child(3){ background-image: url(../images/wjQuick-bg03.jpg); }
.wjQuick-page a:nth-child(3) .view{ color: #c9820f;}
.wjQuick-page a:nth-child(3):hover .view{ background: #c9820f; color: var(--color-white);}
.wjQuick-page a:nth-child(4){ background-image: url(../images/wjQuick-bg04.jpg); }
.wjQuick-page a:nth-child(4) .view{ color: #eb5d43;}
.wjQuick-page a:nth-child(4):hover .view{ background: #eb5d43; color: var(--color-white);}

.wjQuick-duty{ background-image: url(../images/wjQuick-tel.jpg); height: 0.97rem; font-family:'NotoSerifCJKsc-Regular'; padding-left: 1rem;}


.wjHealth-floor{ padding-bottom: 0.8rem;}
.wjHealth{ width: 31.11%;}
.wjHealth-head{ background: #f6f6f6; line-height: 0.54rem; padding:0 var(--size-20); border-left: 0.04rem var(--color-blue) solid; }
.wjHealth-thumb{ padding-bottom: 46.328%; }
.wjHealth-list li{ padding: 0.07rem 0 0.07rem var(--size-25); border-bottom: 1px #eaeaea solid;}
.wjHealth-list li:before{ content: ''; background: var(--color-blue); width:0.06rem; height:0.06rem; position: absolute; left: 0; top:var(--size-20); border-radius: 100%;}
.wjHealth-list li:last-child{ border-bottom: 0;}
.wjHealth-list li:hover a{ font-weight: bold;}

.wjHealth-video li{ margin-top: var(--size-25);}
.wjHealth-video li:first-child{ margin-top: var(--size-20);}
.wjHealth-video li .thumb{ width: 40%; padding-top: 28.54%;}
.wjHealth-video li .thumb .l-play{ color: var(--color-white); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.wjHealth-video li .word{ flex: 1; padding-left: var(--size-20);}
.wjHealth-video li:hover .word .t{ font-weight: bold;}


.wjFooter{ background: #fbfbfb; border-top:var(--size-10) var(--color-blue) solid;}
.wjFooter-links{ padding: var(--size-30) 0 var(--size-40) 0; border-bottom: 1px solid rgba(0,98,173,.06);}
.wjFooter-links .li-title{ min-width: 15%; }
.wjFooter-links .li-select{ background: var(--color-white) url(../images/select-arrow.png) no-repeat 95% center; width: 18%; height: 0.51rem; padding-left: var(--size-15); border: 1px #d2d2d2 solid;}
.wjFooter-btm{ padding: var(--size-25) 0 0.8rem 0;}
.wjFooter-btm .btm-code{ max-width: 1.13rem;}
.wjFooter-btm .btm-code img{ border: 1px #cbcbcb solid;}


/**新闻中心**/
.page-ban { height: 3.6rem; }
.page-ban .text { height: 100%; padding-top: 1.55rem; line-height: 1; }
.page-ban .text .en { font-family:'Rany'; color: rgba(255, 255, 255, 0.6); }
.page-ban .text .li { background: var(--color-blue); width: var(--size-50); height:var(--size-05); display: inline-block; }
.page-ban.text .li:before{ content: ''; background: #6db84e; width: 50%; height: 100%; position: absolute; right: 0; top: 0; }

.page-nav{ box-shadow:0.06rem 0.04rem 0.68rem rgba(51, 51, 51, 0.06);}
.page-nav a{ line-height: 0.9rem; margin-right: 0.94rem;}
.page-nav a.active{ color: var(--color-blue);}


.pmain{ padding: 0.8rem 0;}
.pmain-page a{ background: #f1eff0; line-height: 0.46rem; padding: 0 0.18rem; margin: 0 var(--size-05); color: var(--color-gray9); border-radius:0.03rem;}
.pmain-page .nowpage { background: var(--color-blue); line-height: 0.46rem; padding: 0 0.18rem; margin: 0 var(--size-05); color: var(--color-white); border-radius:0.03rem;}
.pmain-page a:hover { background: var(--color-blue); color: var(--color-white); }


.pnews-list li{  margin-top:var(--size-30);}
.pnews-list li:first-child{ margin-top: 0;}
.pnews-list li a{ background:var(--color-white); border-radius: var(--size-10); padding:var(--size-30); }
.pnews-list li .time{ background-color:var(--color-blue); font-family:'Rany'; width:0.78rem; position: absolute; right: 0; top: 0; line-height: 1.1; padding: var(--size-15) 0; flex-direction: column; }
.pnews-list li .thumb{ width: 25.5%; padding-bottom:17%; border-radius: var(--size-10);}
.pnews-list li .desc{ width: 74.5%; padding:0 var(--size-40) 0 0.78rem;}
.pnews-list li:hover .time { box-shadow: 0 0.05rem 0.1rem rgba(0, 98, 173, .7); }

.pnews-details-desc p{ margin-bottom: var(--size-30);}


/**公示公开**/
.pnotice-list{ margin-top: -0.4rem;}
.pnotice-list li{ background: var(--color-white); width: 48.75%; margin-top: var(--size-40); padding: var(--size-40) var(--size-50); border-radius: var(--size-30) 0 var(--size-30) 0;}
.pnotice-list li .date{ font-family:'Rany';}
.pnotice-list li .view .l-l{ background: var(--color-blue); width: var(--size-45); height: 1px; margin-right:var(--size-20);}
.pnotice-list li .view .l-l:after { content: ""; background: var(--color-blue); width: var(--size-05); height: var(--size-05); position: absolute; top: 50%; right: 0; transform: translatey(-50%); border-radius: 100%; }
.pnotice-list li .view .l-r{ background: var(--color-blue); width: 0; height: 1px; margin-left: var(--size-20);}
.pnotice-list li .view .l-r:after { content: ""; background: var(--color-blue); width: var(--size-05); height: var(--size-05); position: absolute; top: 50%; right: 0; transform: translatey(-50%); border-radius: 100%; opacity: 0; }
.pnotice-list li:hover .view .l-l{ width: 0; margin-right: 0;}
.pnotice-list li:hover .view .l-l:after{ opacity: 0;}
.pnotice-list li:hover .view .l-r{ width: var(--size-45);}
.pnotice-list li:hover .view .l-r:after{ opacity: 1;}


/**科普视频**/
.pvideo-list li{ width: 31.66%; margin-right: 2.51%; margin-bottom: var(--size-30); position: relative; }
.pvideo-list li .thumb{ padding-bottom: 71.94%; height: 0;}
.pvideo-list li:nth-child(3n+3) { margin-right: 0; }
.pvideo-list li .impress { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; padding: 3.33vw 1.25vw 0.18rem; }
.pvideo-list li .impress span{ flex: 1;}


body.videoShow .video-pops { opacity: 1; visibility: visible; transform: translateY(0); }
.video-pops { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 199; visibility: hidden; transform: translateY(100%); }
.video-pops .pop-bgs { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }
.video-close { font-size: 0.32rem; color: var(--color-white); line-height: 1; position: absolute; right: -0.48rem; top: 0; cursor: pointer; }
.video-close:hover { transform: rotate(180deg); }
.video-pop-wrap { width: 74%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.video-pop-wrap video { display: block; width: 100%; height: auto; object-fit: cover; max-height: 88vh; }
.video-pop-wrap .iframvideo { width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; visibility: hidden; }
.video-pop-wrap.showIframe video { opacity: 0; visibility: hidden; }
.video-pop-wrap.showIframe .iframvideo { opacity: 1; visibility: visible; pointer-events: visible; }


/**健康教育**/
.phealth-list li{ background:var(--color-white); padding: 0.24rem; position: relative; margin-bottom: var(--size-20);}
.phealth-list li::after{ content: ''; background: var(--color-blue); width: 0.06rem; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.phealth-list li .time{ font-family:'Rany'; padding-left: 0.08rem ; line-height: 1; margin-right: var(--size-25);}
.phealth-list li .word{ flex: 1; padding-left: var(--size-25); border-left: 1px solid #e4e4e4;}
.phealth-list li .word .t{ line-height: 0.88rem;}
.phealth-list li:hover{ z-index: 2; box-shadow: 0 0 0.16rem rgba(0,0,0,0.1);}
.phealth-list li:hover::after{ opacity: 1;}
.phealth-list li:hover .time{ color: var(--color-blue);}


/**业务咨询**/
.pbusiness-list li{ margin-bottom:var(--size-20);}
.pbusiness-list li a{ background: var(--color-white); padding: var(--size-20) var(--size-45); border-radius: var(--size-10);}
.pbusiness-list li .time{ width: 1rem; font-family:'Rany'; }
.pbusiness-list li .text { width: calc(100% - 1rem); padding-left:var(--size-30); border-left: 1px solid #EBEBEB; }
.pbusiness-list li:hover{ box-shadow: 0 0 0.16rem rgba(0,0,0,0.1);}


/**党建工作**/
.pparty-list li{ background-color:var(--color-white); position:relative; margin-top:var(--size-40); padding:var(--size-40) var(--size-60); z-index:1;}
.pparty-list li:first-child{ margin-top:0;}
.pparty-list li::before { content:''; background-color:var(--color-blue); width:7px; height:95%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.pparty-list li .title { padding-bottom: var(--size-20); border-bottom:1px #d3ddf4 dashed;  }
.pparty-list li .title .t{ flex: 1;}
.pparty-list li .title .d{ font-family:'Rany'; }
.pparty-list li:hover{ background:var(--color-blue);}
.pparty-list li:hover  *{ color: var(--color-white);}


/**中心简介**/
.pabout-mechanism li{ padding:var(--size-20) 0; border-bottom: 1px dashed #ddd;}
.pabout-mechanism li:last-child{ border-bottom: 0;}


/**主任信箱**/
.pmessage-head .title{ font-size:0.3rem; line-height:1;}
.pmessage-head .tips{ color:#666; margin-top:0.2rem;}

.pmessage-filed{ padding-top:0.3rem;}
.pmessage-filed li{ margin-top:0.4rem; position: relative;}
.pmessage-filed li .aside{ width:calc(33.33% - var(--size-20)); margin-left: var(--size-30); position: relative;}
.pmessage-filed li .aside:first-child{ margin-left: 0;}
.pmessage-filed li .required { position: absolute; left: var(--size-10); top: var(--size-20); color: #ff0033; }
.pmessage-filed li .inpt{  background: var(--color-white); width: 100%; height: var(--size-60); padding: 0 var(--size-15) 0 var(--size-25);}
.pmessage-filed li .yzm-inpt{ width:1.8rem;}
.pmessage-filed li .area{ background: var(--color-white); width: 100%; height: 2.5rem; padding: var(--size-15) var(--size-25); vertical-align: top;}
.pmessage-filed li .sbtn{ background:var(--color-blue); width:2.4rem; height:var(--size-60); color:var(--color-white); cursor:pointer; border-radius:var(--size-05);}


.pmessage-list{ padding-top:var(--size-20);}
.pmessage-list li{ padding:var(--size-25) 0; border-bottom:1px solid #dedede; }


/**菜单**/
.Mobile-button{ background:var(--color-blue); width:50px; height:100%; position:absolute; top:0; right:0; justify-content:center; align-items: center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-white); width:26px; height:2px; transition:var(--transition);}
.Mobile-button .solid2{ margin:8px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}

.Mobile-menu{ background:var(--color-blue); width:100%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:65px 3% 0 3%; transition:var(--transition);}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li{ position:relative; border-bottom:1px solid rgba(255,255,255,.2);}
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:space-between; padding:15px 0;}
.Mobile-menu li .lit a{ font-size:16px; color: var(--color-white); font-weight:bold; position:relative;}
.Mobile-menu li .lit .arrow{ font-size:15px; transform:rotate(-45deg);  color: var(--color-white); transition:all 0.4s ease; }
.Mobile-menu li .lic{ display:none; padding-left:10px;}
.Mobile-menu li .lic li:last-child{ border-bottom:0;}
.Mobile-menu li .lic li a{ font-size:16px; font-weight:500; display:block; padding:12px 0; color: #fff;}
.Mobile-menu li .lit.on  .arrow{ transform:none;}