@charset "utf-8";

/* ===================== 页面基础 ===================== */
body{background-color: #fff;}
a{transition: color .3s; -webkit-transition: color .3s;}

/* ===================== 头部横幅 ===================== */
.wlz-header{position: relative; z-index: 0; line-height: 0;}
.wlz-header .bg{display: block; width: 100%; pointer-events: none;}
.wlz-header .logo{position: absolute; top: 2.2%; left: 13%; width: 16.9%; line-height: 0;}
.wlz-header .title{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 68.21%; line-height: 0;}
.wlz-header .title img{display: block; max-height: 429px; margin: 0 auto;}
/* ===================== 要闻区 ===================== */
.wlz-yw{position: relative; z-index: 2; margin-top: -170px;}
.wlz-yw .row{margin-bottom: 0;}
@media (max-width:992px){
.wlz-yw{margin-top: -100px;}
}
@media (max-width:768px){
.wlz-yw{margin-top: -60px;}
}
@media (max-width:540px){
.wlz-yw{margin-top: -40px;}
}
/* 图片新闻 */
.wlz-tpxw .swiper-slide .imgratio{padding-top: 57.22%;}
.wlz-tpxw .swiper-slide .txt{position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; padding: 15px 164px 16px 15px; color: #fff; font-size: 1.25em; background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); box-sizing: border-box;}
.wlz-tpxw .swiper-pagination-bullet{background: #EFF4F8; opacity: 1;}
.wlz-tpxw .swiper-pagination-bullet-active{background: #FF5733;}

.swiper-com-arrow-rect{position: relative;}
.swiper-com-arrow-rect .swiper-button{position: absolute; width: 34px; height: 64px; background-color: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-size: 15px; background-position: center center; top: 50%; transform: translateY(-50%); margin-top: 0;}
.swiper-com-arrow-rect .swiper-button-prev{left: 0;}
.swiper-com-arrow-rect .swiper-button-next{right: 0;}
.swiper-com-arrow-rect .swiper-button-prev{background-image: url(../images/arrow_left_white.png);}
.swiper-com-arrow-rect .swiper-button-next{background-image: url(../images/arrow_right_white.png);}
.swiper-com-arrow-rect .swiper-button:hover{background-color: rgba(0, 0, 0, 0.5);}
@media (max-width: 1280px) {
  .swiper-com-arrow-rect .swiper-button{height: 50px; background-size: 12px;}
}
.swiper-com-arrow-rect.arrow-s .swiper-button{width: 18px; height: 32px; background-size: 8px;}

/* 要闻列表 */
.wlz-yw-list li{position:relative; display: flex; align-items: center; background: #fff; box-shadow: 0 6px 20px rgba(23, 82, 155, .1); padding: 26.5px 25px;}
.wlz-yw-list li + li{margin-top: 26px;}
.wlz-yw-list li::before {  content: "";  position: absolute;  left: 0;  top: 0;  bottom: 0;  width: 4px;   background: linear-gradient(to bottom, rgba(125, 216, 255, 1), rgba(51, 146, 255, 1));}
.wlz-yw-list .date{flex: none; width: 92px; text-align: center; font-weight: bold; padding-right: 20px; border-right: 1px solid #E8EEF6; margin-right: 22px; box-sizing: border-box;}
.wlz-yw-list .date .day{display: block; font-size: 1.875em; line-height: 1; color: #3684D1;}
.wlz-yw-list .date .ym{display: block; margin-top: 8px; font-size: 0.875em; color: #808080;}
.wlz-yw-list .info{flex: 1; min-width: 0;}
.wlz-yw-list .info h3{font-size: 1.25em; line-height: 1.5; font-weight: bold; color: #587390;}
.wlz-yw-list .info h3 a{color: #587390;}
.wlz-yw-list .info .memo{margin-top: 8px; color: #808080;}
.wlz-yw-list li:hover h3 a{color: #2176D9;}

/* ===================== 栏目标题 ===================== */
.wlz-title{display: flex; align-items: center; margin-bottom: 38px;}
.wlz-title .timg{flex: none; position: relative; padding-left: 53px; width: 31%; max-width: 460px; line-height: 0;}
.wlz-title .timg::after{content: ""; position: absolute; left: 0; bottom: 60%; z-index: -1; background: url(../images/zt_title_icon.png) no-repeat center center; width: 143px; height: 42px; background-size: 143px 42px;}
.wlz-title .tline{flex: 1; min-width: 0; margin-left: 28px; margin-right: 143px; line-height: 0;}
.wlz-title .tline img{width: 100%;}
.wlz-title .more{position: relative; flex: none;margin-right: 15px; line-height: 0; transform: skewX(-45deg); border-radius: 2px;  border: 1px solid #69AFFF;   padding:15px 14px;}
.wlz-title .more::after{content: ""; position: absolute; left: -100px; top: 80%; z-index: -1;transform: skewX(45deg); background: url(../images/zt_title_icon.png) no-repeat center center; width: 143px; height: 42px; background-size: 143px 42px;}
.wlz-title .more a {  transform: skewX(45deg);  display: inline-block;  font-size: 1.25em;  color: #69AFFF;}
@media (max-width: 992px) {
.wlz-title .timg{width: 50%; padding-left: 25px;}
.wlz-title .timg::after,.wlz-title .more::after{ width: 71.5px; height: 21px; background-size: 71.5px 21px;}
.wlz-title .tline{ margin-right: 10%;}
.wlz-title .more::after{ left: -50px;}
.wlz-title .more a { font-size: 1em; }
}
/* ===================== 网络安全法律法规 ===================== */
.wlz-flfg{padding-top: 65px;}
.wlz-flfg-list .box{ box-shadow: 0 0 30px rgba(42, 130, 228, .25); padding: 26px 28px 24px; transition: all .3s; -webkit-transition: all .3s;}
.wlz-flfg-list .box:hover{transform: translateY(-4px); -webkit-transform: translateY(-4px); box-shadow: 0 12px 26px rgba(23, 82, 155, .16);}
.wlz-flfg-list .tt{position: relative; padding-left: 30px; height: 70px; font-size: 1.25em; line-height: 1.7; font-weight: bold; color: #333;}
.wlz-flfg-list .tt:before{content: ''; position: absolute; left: 0; top: 10px; width: 18px; height: 12px; background:url(../images/icon_circle.png) no-repeat center center; background-size: 18px 12px;}
.wlz-flfg-list .time{display: flex; align-items: center; margin-top: 16px; padding-left: 30px; font-size: 1.125em; color: #A6A6A6;}
.wlz-flfg-list .time img{width: 16px; margin-right: 8px;}
.wlz-flfg-list a:hover{background: linear-gradient(118deg, #2A82E4, #0250A9); box-shadow: 0 10px 24px rgba(2, 80, 169, .35);}
.wlz-flfg-list a:hover .tt{color: #fff;}
.wlz-flfg-list a:hover .tt:before{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
.wlz-flfg-list a:hover .time{color: #fff;}
.wlz-flfg-list a:hover .time img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}

/* ===================== 网络安全主题活动 ===================== */
.wlz-zthd{padding-top: 65px;}
.wlz-zthd .swiper-container{overflow: hidden; padding: 10px 0 20px; margin: -10px 0 -20px;}
.wlz-zthd .swiper-slide{width: 67%; transition: all .35s; -webkit-transition: all .35s;}
.wlz-zthd .swiper-slide .imgbox{display: block; border-radius: 10px; overflow: hidden; transform: scale(.86); opacity: .65; transition: all .35s; -webkit-transition: all .35s;}
.wlz-zthd .swiper-slide .imgbox .imgratio{padding-top: 55%;}
.wlz-zthd .swiper-slide-active .imgbox{transform: scale(1); opacity: 1;}
.wlz-zthd .swiper-com-arrow .swiper-button-prev{left: 0;}
.wlz-zthd .swiper-com-arrow .swiper-button-next{right: 0;}

/* .wlz-zthd-wrapper{padding: 0 20px;} */
.wlz-zthd-swiper { position: relative;}
.wlz-zthd-swiper .swiper-slide { width:545px; position: relative; overflow: hidden; border: solid 1px #dedede;}
.wlz-zthd-swiper .swiper-slide img{display:block; width: 100%;}
.wlz-zthd-swiper .swiper-slide a:hover{ filter: saturate(150%);}

.wlz-zthd-swiper .swiper-button-prev,.wlz-zthd-swiper .swiper-button-next{top: 50%; transform: translateY(-50%); width: 31px; height: 31px; background-repeat: no-repeat; background-size:100% 100%;}
.wlz-zthd-swiper .swiper-button-prev:hover,.wlz-zthd-swiper .swiper-button-next:hover{filter: brightness(1.1); }
.wlz-zthd-swiper .swiper-button-prev { left: 0; background-image: url(../images/circle_left.png);}
.wlz-zthd-swiper .swiper-button-next { right: 0; background-image: url(../images/circle_right.png);}

/* ===================== 网络安全竞赛 ===================== */
.wlz-js{margin-top: 65px; padding: 55px 0 70px; background: #2176D9;}
/* .wlz-js .wlz-title{margin-bottom: 42px;} */
.wlz-js .wlz-title .tline img{filter: brightness(0) invert(1); opacity: .55; -webkit-filter: brightness(0) invert(1);}
.wlz-js .wlz-title .more{background-color:#fff;}
.wlz-js .wlz-title .more a{border-color:#54A4FF; color: #54A4FF;}
.wlz-js .wlz-title .more a:hover{background: #fff; border-color: #fff; color: #2176D9;}
.wlz-js .wlz-title .more .ticon{filter: brightness(0) invert(1); opacity: .6; -webkit-filter: brightness(0) invert(1);}
.wlz-js .box{display: flex; align-items: center; justify-content: space-between; height: 100%; box-sizing: border-box; background: #F2F8FF;padding: 30px 30px; box-shadow: 0 10px 24px rgba(2, 50, 110, .25); transition: all .3s; -webkit-transition: all .3s;}
.wlz-js .box:hover{transform: translateY(-4px); -webkit-transform: translateY(-4px);}
.wlz-js .info{flex: 1; min-width: 0; font-weight: bold;}
.wlz-js .qicon{display: block; width: 84px; line-height: 0;}
.wlz-js .info h3{margin-top: -10px; padding-left: 8px; font-size: 1.375em; color: #2176D9;}
.wlz-js .info .sm{margin-top: 10px; color: #627A96; text-align: center;}
.wlz-js .qr{flex: none; background-color: #fff; width: 116px; padding: 10px; margin-left: 20px; line-height: 0; box-shadow: -6px 6px 21px 0 rgba(196, 224, 255, 1); border-radius: 5px;}
.wlz-js .qr img{border-radius: 5px;}
/* ===================== 网络安全进基层 ===================== */
.wlz-jjc{padding-top: 65px;}
.wlz-jjc .item h3{margin-bottom: 28px; text-align: center; font-size: 1.625em; font-weight: bold; color: #0E63C4;}
.wlz-jjc .item h3 a{color: #0E63C4;}
.wlz-jjc .item h3 a:hover{color: #0E63C4;}
.wlz-jjc .item .memo{max-height: 11em; font-size: 1.125em; line-height: 2.1; color: #51617A; text-align: justify; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all;}
.wlz-jjc .ck{margin-top: 22px; text-align: right;}
.wlz-jjc .ck a{display: inline-block; padding: 8px 24px; background: #7FB6F5; border-radius: 3px; color: #fff; font-size: 0.875em; transition: all .3s; -webkit-transition: all .3s;}
.wlz-jjc .ck a:hover{background: #0E63C4;}
.wlz-jjc .wlz-jjc-swiper{background: #E6F1FF url(../images/wlaqjjc_bg.png) center/cover no-repeat;overflow: hidden; padding: 55px 57px 40px;}
.wlz-jjc .swiper-pagination{position: static; margin-top: 26px; text-align: center;}
.wlz-jjc .swiper-pagination-bullet{width: 9px; height: 9px; margin: 0 5px; background: #C5D9F0; opacity: 1; border-radius: 50%; transition: all .3s; -webkit-transition: all .3s;}
.wlz-jjc .swiper-pagination-bullet-active{background: #0E63C4;}
@media (max-width: 992px){
.wlz-jjc .wlz-jjc-swiper{padding: 45px 30px 30px;}
}
/* ===================== 网络安全宣传公益广告 ===================== */
.wlz-ggyg{padding-top: 65px;}
.wlz-ggyg-swiper .swiper-slide{box-shadow: 0 6px 18px rgba(23, 82, 155, .1);}
.wlz-ggyg-swiper .swiper-slide .imgratio{padding-top: 127.722%;}
.wlz-ggyg-swiper .swiper-button-arrow3{top: 50%; margin-top: -30px;}
.wlz-ggyg-swiper .swiper-slide .txt{position: absolute;  left: 0; right: 0; bottom: 0; padding: 0 10px; background: rgba(0, 0, 0, 0.4); color: #fff; line-height:50px; text-align: center; z-index: 3;  font-size: 1.125em;}

/* ===================== 页脚 ===================== */
.wlz-footer{margin-top: 75px; background: #F7F5F5; border-top: 3px solid #2176D9; font-size: 14px; color: #666;}
.wlz-footer .container{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top: 35px; padding-bottom: 35px;}
.wlz-footer .badges{display: flex; align-items: center;}
.wlz-footer .badges a{display: inline-block; line-height: 0;}
.wlz-footer .badges a + a{margin-left: 30px;}
.wlz-footer .badges img{height: 62px;}
.wlz-footer .txt{line-height: 2.1;}
.wlz-footer .txt .nav{margin-bottom: 2px;}
.wlz-footer .txt .nav a{color: #333;}
.wlz-footer .txt .nav a:hover{color: #2176D9;}
.wlz-footer .txt .nav i{font-style: normal; margin: 0 12px; color: #C9CFD8;}
.wlz-footer .txt p span{margin-right: 20px;}
.wlz-footer .txt p a{color: #666;}
.wlz-footer .txt p a:hover{color: #2176D9;}
.wlz-footer .ipv6{display: inline-block; padding: 0 6px; border: 1px solid #B5BCC6; border-radius: 2px; font-size: 12px; color: #666;}

/* ===================== 响应式 ===================== */
@media (max-width:1280px){

}

/* 暂无内容，先隐藏 */
.wlz-js, .wlz-jjc{display: none;}