/* body{font-family: SimSun, 宋体, "Songti SC";} */

/* .pageBg{background: url(../images/bodyBg.jpg) repeat-y center top;} */
.pageBg{background: #F3F3F3;}

/* ring */
.ring {position: absolute;width: 100%;height: 100%;border: 1px solid #0F73B6;  border-radius: 100%;opacity: 0.8;-webkit-animation: pulsing 3s ease-out infinite;animation: pulsing 3s ease-out infinite;box-sizing: border-box;}
.ring:nth-of-type(1) {-webkit-animation-delay: -1.5s; animation-delay: -1.5s;}
@-webkit-keyframes pulsing {100% {  transform: scale(1.6);  opacity: 0;  }}
@keyframes pulsing {100% {transform: scale(1.6);opacity: 0;  }}

.pagePadTop{padding-top: 3rem;}

/* header */
.header{padding: 0 3.53rem;position: fixed;left: 0;top: 0;z-index: 9;width: 100%;box-sizing: border-box;background: #F3F3F3;box-shadow: 0 3px 13px rgba(0, 0, 0, 0.13);}
.header .nLi h2{padding: 0 1.06rem;position: relative;}
.header .nLi:first-child h2{padding-left: 0;}
.header .nLi:last-child h2{padding-right: 0;}
.header .nLi h2::before{content: "";width: 1px;height: 0.66rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #000000;opacity: 0.13;}
.header .nLi:first-child h2::before{display: none;}
.header .nLi h2 a{display: block;position: relative;color: #222;line-height: 3rem;}
.header .nLi h2 a::before{content: "";width: 100%;height: 2px;background: #159990;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.header .nLi.on h2 a,.header .nLi:hover h2 a{color: #0F73B6;}
.header .nLi.on h2 a::before,.header .nLi:hover h2 a::before{transform: scale(1);opacity: 1;}
.header .nLi.logo h2{padding: 0 2.13rem;}
.header .nLi.logo h2 a::before{display: none;}
.header .nLi.logo img{height: 2rem;}
.header .nLi .navSub{position: absolute;left: 0;top:100%;width: 100%;background: rgba(255, 255, 255, 1);box-shadow: 0px 3px 10px 0px rgb(239 239 239 / 0.7);display: none;}
.header .nLi .navSub .box{padding: 1.5rem 5rem;}
.header .nLi .navSub h4{width: 12%;line-height: 1.16rem;color: #222;text-align: center;}
.header .nLi .navSub ul.innerNav{min-height: 200px;width: 16%;position: relative;text-align: center;border-left: 1px solid #ddd;border-right: 1px solid #ddd;box-sizing: border-box;}
.header .nLi .navSub ul.innerNav li a{display: inline-block;line-height: 1.2rem;color: #222;font-family: "Microsoft Yahei";position: relative;padding: 0 0.8rem;}
.header .nLi .navSub ul.innerNav li a:hover{color: #0F73B6;}
.header .nLi .navSub .pic{width: 27%;margin: 8px 4.5% 0 5%;}
.header .nLi .navSub .pic a{display: block;width: 100%;position: relative;overflow: hidden;height: 0;padding-bottom: 47.06%;}
.header .nLi .navSub .pic a em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.header .nLi .navSub .pic a:hover em{-webkit-transform: scale(1.1);transform: scale(1.1);}
.header .nLi .navSub .text{width: 29%;padding-top: 6px;}
.header .nLi .navSub .text p{margin-bottom: 0.6rem;line-height: 1rem;color: #444;font-family: "Microsoft Yahei";height: 3rem;overflow: hidden;text-align: left;}
.header .nLi .navSub .text .more{display: block;width: 2.4rem;height: 0.8rem;line-height: 0.8rem;color: #222;position: relative;}
.header .nLi .navSub .text .more::before{content: "";width: 7px;height: 7px;border-left: 1px solid #444;border-bottom: 1px solid #444;position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotateZ(-135deg);}
.header .nLi .navSub .text .more:hover{color: #0F73B6;}
.header .nLi .navSub .text .more:hover::before{border-color: #0F73B6;}
.header .nLi .navSub .navNews{width: 36%;box-sizing:border-box;height: 200px;padding: 0 4%;text-align: left;font-family: "Microsoft Yahei";position: relative;border-right: 1px solid #ddd;}
.header .nLi .navSub .navNews:last-child{border: none;}
.header .nLi .navSub .navNews .tit{margin-bottom: 2px;font-size: 16px;line-height: 36px;color: #333;font-weight: normal;}
.header .nLi .navSub .navNews ul li a{display: block;padding-left: 0.7rem;position: relative;line-height: 34px;color: #333;}
.header .nLi .navSub .navNews ul li a:before{content: "";width: 3px;height: 3px;background: #333;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top: -2px;}
.header .nLi .navSub .navNews ul li a:hover{-webkit-transform:translateX(12px);transform:translateX(12px);color: #0F73B6;}

.header .nLi .navSub .wrap{position: relative;}
.header .nLi .navSub .wrap:before{content: "";width: 2px;height: 100%;position: absolute;top:0;right:36%;background: url(http://www.whswcyy.com/theme/default/images/line.png) repeat-y left top;}


.header .searchBtn{display: block;width: 1.4rem;height: 1.4rem;background: #00BAAB url(../image/search-icon.png) no-repeat center;background-size: 60%;border-radius: 50%;cursor: pointer;}
.header .searchBtn:hover{background-color: #0F73B6;}

/* btnStyle */
.btnStyle{width: 1.2rem;height: 1.2rem;box-sizing: border-box;border: 1px solid #D9E2DC;border-radius: 50%;cursor: pointer;}
.btnStyle img{filter: brightness(0) invert(1);}
.btnStyle:hover{background: #fff;}
.btnStyle:hover img{filter: brightness(1) invert(0);}
.btnStyle.swiper-button-disabled{opacity: 0.3;pointer-events: none;}
.btnStyle.gray{border-color: #DADADA;}
.btnStyle.gray img{filter: brightness(0) invert(0.6);opacity: 0.8;}
.btnStyle.gray:hover{background: #0F73B6;border-color: #0F73B6;}
.btnStyle.gray:hover img{filter: brightness(0) invert(1);opacity: 1;}

/* paginationStyle */
.paginationStyle.swiper-pagination .swiper-pagination-bullet{width: 4px;height: 12px;background: #FFFFFF;border-radius: 0;margin: 0 4px;opacity: 1;transition:all 0.3s linear; }
.paginationStyle.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ffffff;transform: scale(1,2.33);}


/* footer */
.footer{background: #fff url(../image/footerBg.jpg) no-repeat left center;background-size: cover;border-top: 1px solid #DBDBDB;}
.footer .fTop{padding: 1.9rem 0 1rem;}
.footer .logo{text-align: center;margin-bottom: 1.9rem;}
.footer .logo img{height: 2rem;}
.footer .fTop .btm{align-items: flex-start;}
.footer .fNav dl{margin-right: 2rem;color: #333;line-height: 0.86rem;}
.footer .fNav dl:last-child{margin-right: 0;}
.footer .fNav a{display: inline-block;}
.footer .fNav dt{color: #222222;font-weight: bold;margin-bottom: 10px;}
.footer .fNav dd{font-family: SourceHanSansCN-Regular, SourceHanSansCN;max-width: 128px;}
.footer .fNav a:hover{color: #0F73B6;text-decoration: underline;}
.footer .qrcode li{margin-left: 0.66rem;text-align: center;color: #252525;line-height: 20px;font-family: SourceHanSansCN-Regular, SourceHanSansCN;width: 4.6rem;box-sizing: border-box;padding: 8px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.footer .qrcode li:first-child{margin-left: 0;}
.footer .qrcode li .pic{width: 100%;height: 4.06rem;margin-bottom: 8px;}
.footer .qrcode li:hover{border-color: #0F73B6;color: #0F73B6;}
.footer .fBtm{border-top: 1px solid #DBDBDB;padding: 0.8rem 0 0.86rem;color: #333;line-height: 22px;}
.footer .fBtm a:hover{color: #0F73B6;text-decoration: underline;}
.footer .fBtm span{margin-right: 6px;}
.footer .fBtm span:last-child{margin-right: 0;}

/* newsBtm */
.newsBtm .date span,.newsBtm .date em{display: block;}
.newsBtm .date span{color: #333333;font-weight: bold;line-height: 1.33rem;}
.newsBtm .date em{color: #666666;line-height: 0.7rem;font-family: "PingFang SC", "Microsoft Yahei";}
.newsBtm .btn{width: 1.66rem;height: 1.66rem;background: #fff;border-radius: 50%;}
.box:hover .newsBtm .date span{color: #0F73B6;}
.box:hover .btn{background: #0F73B6;}
.box:hover .btn img{filter: brightness(0) invert(1);transform: rotateZ(45deg);}

/* zjBox */
.zjBox{padding-top: 12px;}
.zjBox a{display: block;height: 8.86rem;box-shadow: 0 3px 11px rgba(131, 129, 126, 0.33);position: relative;box-sizing: border-box;background: url(../image/zjBg.jpg) no-repeat center;background-size: cover;}
.zjBox .wrap{width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;padding-left: 9rem;position: relative;background: #FFFFFF;}
.zjBox .pic{width: 5.93rem;border: 6px solid #FFFFFF;box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);position: absolute;left: 1.43rem;top: 22px;overflow: hidden;z-index: 4;}
.zjBox .pic img{width: 100%;height: 100%;object-fit: fill;}
.zjBox .text{height: 100%;display: flex;align-items: center;padding-right:20px}
.zjBox h5{color: #333;line-height: 1rem;margin-bottom: 10px;}
.zjBox .desc{line-height: 22px;font-weight: bold;font-family: "PingFang SC";color: #666;}
.zjBox .desc .no-bold{font-weight:normal}
.zjBox .hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 1rem 1rem 0;background: #FFFFFF;opacity: 0;transform: translateY(100%);}
.zjBox .hover .txt{color: #666666;line-height: 0.88rem;height: 3.52rem;overflow: hidden;margin-top: 0.5rem;}
.zjBox .hover .arr{position: absolute;right: 1rem;top: 1.33rem;filter: brightness(0) invert(0.4);opacity: 0.8;}
.zjBox .hover p span{margin: 0 8px;color: #C9C9C9;}
.zjBox:hover .pic{transform: translateY(30px);opacity: 0;}
.zjBox:hover .hover{opacity: 1;transform: translateY(0);}

/* ksList */
.ksList li{width: 22.56%;box-sizing: border-box;background: rgba(255, 255, 255, 0.67);position: relative;margin: 0 1.22% 1rem;}
.ksList li::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform-origin:left center;transform: scale(0,1);opacity: 0;}
.ksList li::after{display:none; content: "";width: 26px;height: 6px;position: absolute;right: 12px;top:50%;margin-top: -3px;z-index: 4;background: url(../image/arrow.svg) no-repeat center;opacity: 0;}
.ksList li a{width: 100%;height: 5.5rem;position: relative;z-index: 2;display: flex;align-items: center;box-sizing: border-box;color: #333;border: 1px solid #DCDCDC;}
.ksList li a img{margin-right: 10px;}
/* .ksList li a h5{font-weight: normal;} */
.ksList li:hover a{border-color: rgba(255, 255, 255, 0);color: #fff;}
.ksList li:hover:before{transform: scale(1);opacity: 1;}
.ksList li:hover:after{opacity: 1;}
.ksList li:hover a img{filter: brightness(0) invert(1);}
#0F73B6
@media screen and (max-width: 1800px){
.header .nLi h2{padding: 0 0.8rem;}
}

@media screen and (max-width: 1620px){
.header{padding: 0 4%;}
.header .nLi h2{padding: 0 0.6rem;}
}

@media screen and (max-width: 1480px){
.header{padding: 0 3%;}
.header .searchBtn{width: 1rem;height: 1rem;}
.header .nav{width: 100%;}
.header .nLi{flex: 1;}
.header .nLi h2{padding: 0;text-align: center;display: flex;align-items: center;justify-content: center;}
.header .nLi h2 a{line-height: 3rem;}
.header .nLi.logo h2{padding: 0 1.5rem;}
.header .nLi .navSub .box{padding: 1rem 4rem;}

/* zjBox */
.zjBox .pic{width: 4rem;height: 5.6rem;}
.zjBox a{height: 6.6rem;}
.zjBox .wrap{padding-left: 7rem;}
.zjBox .hover{padding: 1rem 0.5rem 0;}
.zjBox h5{line-height: 0.6rem;}
.zjBox .hover .arr{top: 1rem;}
.zjBox .hover .txt{margin-top: 0.3rem;line-height: 0.7rem;height: 2.8rem;font-size: 0.4rem;}
}

@media screen and (max-width: 1280px){
.footer .fNav dl{margin-right: 1.5rem;}
}

@media screen and (max-width: 1200px){
.header{padding: 0 5%;}
.header .nLi{display: none;}
.header .nLi.logo{display: flex;padding: 0;}
.header .nLi.logo h2{padding: 0;}
.header .menuIcon{display: block;}
.footer .logo{margin-bottom: 1rem;}
.footer .fNav{display: none;}
.footer .fTop .btm{justify-content: center;}

}

@media screen and (max-width: 1024px){
.ksList li{width: 23%;margin: 0 1% 2%;}
}

@media screen and (max-width: 760px){
.paginationStyle.swiper-pagination .swiper-pagination-bullet{height: 8px;}
.footer .fTop{padding: 1rem 0;}
.footer .fBtm{padding: 0.5rem 0;}
.footer .fBtm .w1400{display: block;text-align: center;}
.footer .qrcode li{margin-left: 4px;}
.footer .leftBox{display: block;}

.ksList li{width: 31.1%;}
}

@media screen and (max-width: 468px){
.pagePadTop{padding-top: 66px;}
.header .nLi.logo h2 a{line-height: 66px;}
.header .nLi.logo h2 a img{height: 40px;}
.newsBtm .date span{line-height: 1rem;}

.ksList li{width: 48%;}
.ksList li::after{width: 18px;background-size: 100% auto;background-position: right center;display: none;}
.ksList li a{padding-left: 0.4rem;}
.ksList li a img{margin-right: 6px;}

.zjBox .desc:last-child{display: none;}
}

@media print{
.header,
.nyBanner,
.hotNews,
.nyNav,
.footer{display: none;}
.passage{width: 100% !important;}
.pagePadTop{padding-top: 0 !important;}
}