/*去除移动端特有的点击高亮效果*/
body{font-family: SourceHanSansCN-Regular;background: #fff;height: auto;}
*{-webkit-tap-highlight-color: transparent;}
.row{margin:0 -9px}
*[class^='col-']{padding:0 9px;}
.font40{font-size:40px}
.font38{font-size:38px}
.font36{font-size:36px}
.font35{font-size:35px}
.font34{font-size:34px}
.font32{font-size:32px}
.font26{font-size:26px}
.font20{font-size:20px}
.font30{font-size:30px}
.font22{font-size:22px}
.font24{font-size:24px}
.font28{font-size:28px}
.font13{font-size:13px}
.advbox{margin:10px 0}
.advbox,.advbox *{max-width:100% !important;height: auto!important;width:100%!important;border-radius: 8px;overflow: hidden;}
.advbox li img{width:100%}
.advlist li{width: 100%;text-align: center;overflow: hidden;}
.advlist li:first-child:nth-last-child(2),.advlist li:first-child:nth-last-child(2) ~ li{width: calc(50% - 7.5px);}
.advlist li:first-child:nth-last-child(2){float: left;}
.advlist li:first-child:nth-last-child(2) ~ li{float: right;}
.advlist li:first-child:nth-last-child(3),.advlist li:first-child:nth-last-child(3) ~ li {width: calc(33.33% - 7.5px);float: left;}
.advlist li:first-child:nth-last-child(3) {margin-right: 12px;}
.advlist li:last-child {float: right!important;}
.advlist li img{max-width: 100% !important;}
.advlist li img:hover,.newslist .newsitem .img-block img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.imglink:hover .img ,.advbox a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.imglink{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.imglink .img,.advbox a img{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.imglink .img{object-fit: cover;width: 100%;height: 100%;}
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.line5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.line6{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.d-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-basis:100%}
.d-center-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.d-grow{flex-grow: 1;min-width: 0;flex-basis: 100%}
.d-shrink{flex-shrink: 0;}
.container{position: relative;}

@font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url('../fonts/SourceHanSansCN-Bold.otf')
}
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url('../fonts/SourceHanSansCN-Regular.otf')
}
@font-face {
  font-family: 'SourceHanSansCN-Medium';
  src: url('../fonts/SourceHanSansCN-Medium.otf')
}

.footer .link{display: none;}

.navbox{background:#0626b7;}
.navbox .box{display: flex;justify-content: space-around;}
.navbox .box .item a{color: #fff;line-height: 73px;font-family: SourceHanSansCN-Regular;}
.navbox .box .item:hover,.navbox .box .item.on{font-weight: bold;}

.firstWrap{background: url(../../images/wlaqxcz/bj1.png) no-repeat center top;}
.firstWrap .firstTop{margin: 60px 0px 30px; position: relative;padding: 10px; background: #b1e0ff;box-shadow: 0px 3px 7px 0px rgba(96, 122, 239, 0.35);border-radius: 10px;border: solid 1px rgba(69, 167, 255,0.5);}
.firstWrap .firstTop .topBox{background: #ffffff;border: solid 1px #45a7ff;padding:40px 65px 25px 40px;}
.firstWrap .firstTop .icon{position: absolute;display: inline-block;width: 48px;height: 48px;z-index: 2;}
.firstWrap .firstTop .icon1{background: url(../../images/wlaqxcz/lt.png) no-repeat center;top: -1px;left: -1px;}
.firstWrap .firstTop .icon2{background: url(../../images/wlaqxcz/lb.png) no-repeat center;bottom: -1px;left: -1px;}
.firstWrap .firstTop .icon3{background: url(../../images/wlaqxcz/rt.png) no-repeat center;top: -1px;right: -1px;}
.firstWrap .firstTop .icon4{background: url(../../images/wlaqxcz/rb.png) no-repeat center;bottom: -1px;right: -1px;}
.firstWrap .firstTop .topTitle{font-family: SourceHanSansCN-Bold;color: #2a2a2a;line-height: 40px;padding: 5px 0px;text-align: center;}
.firstWrap .firstTop .topTxt{font-family: SourceHanSansCN-Regular;line-height: 30px;padding:20px 0px;}
.firstWrap .firstTop .topTxt p{text-indent: 2em;}
.firstWrap .firstTop .topTxt a{color: #e80909;}

.firstWrap .firstImglist{margin-bottom: 40px;}
.firstWrap .firstImglist .item{margin-bottom: 20px;border-radius: 14px;}

.dwqcTitle{padding: 5px 0px 30px;margin: 30px 0px; position: relative; text-align: center; background: url(../../images/wlaqxcz/font.png) no-repeat center;}
.dwqcTitle .font{margin: 0 auto;}
.dwqcTitle .moreBtn{position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: 24px;color: #0d238b;font-family: SourceHanSansCN-Regular;}
.dwqcTitle .moreBtn:hover{font-weight: bold;}
.bxxWrap .dwqcTitle{margin-bottom: 70px;}
.zykWrap .dwqcTitle{margin-bottom: 70px;}
.cgzjWrap .dwqcTitle{margin-bottom: 70px;}


/* 网络安全百校行 */
.bxxWrap{background: url(../../images/wlaqxcz/bj2.png) no-repeat center top;padding: 100px 0px 50px;}
.bxxWrap .bxBox{display: flex;justify-content: space-between;}
.bxxWrap .bxBox .sItem{display: flex;justify-content: space-between;}
.bxxWrap .bxBox .left{width: calc(50% - 10px);}
.bxxWrap .bxBox .item{position: relative;margin-bottom: 20px;}
.bxxWrap .bxBox .item .tit{position: absolute;display: flex;align-items: flex-end; line-height: 40px;bottom: 0; width: 100%;color: #fefefe;height: 120px; background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4)  100%);}
.bxxWrap .bxBox .item2{width: calc(50% - 10px);height: 244px;}
.bxxWrap .bxBox .item1{height: 363px;}
.bxxWrap .bxBox .item1 .tit{padding: 0px 15px;}
.bxxWrap .bxBox .item2 .tit{padding: 0px 10px;}

/* 学习资源库 */
.zykWrap{padding:60px 0px;}
.zykWrap .zykList .item{font-family: SourceHanSansCN-Medium;margin-bottom: 20px;}
.zykWrap .zykList .item .imglink{height: 180px;}
.zykWrap .zykList .item .right{height: 100px;line-height: 28px;color: #333;padding: 15px 10px;}
.zykWrap .zykList .item:hover{box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.19);}
.zykWrap .zykList .item:hover .right,.zykWrap .zykList .item:hover .right a{color: #2e68d5;}

/* 成果征集 */
.cgzjWrap{background: url(../../images/wlaqxcz/bj3.png) no-repeat center bottom;padding: 50px 0px 40px;font-family: SourceHanSansCN-Regular;}
.cgzjWrap .cgzjSwiper {position: relative;margin-top: 40px;}
.cgzjWrap .cgzjSwiper .swiper-slide{width: 815px;}
.cgzjWrap .cgzjSwiper .swiper-slide .imglink{border-radius: 10px;height: 460px;}
.cgzjWrap .cgzjSwiper .swiper-slide-prev .imglink{transform:perspective(300px) rotateY(2deg) }
.cgzjWrap .cgzjSwiper .swiper-slide-next .imglink{transform:perspective(300px) rotateY(-2deg) }
.cgzjWrap .cgzjSwiper .swiper-slide .name{opacity: 0; text-align: center;color: #0d238b;line-height: 30px;padding: 22px 0px;font-family: SourceHanSansCN-Medium;}
.cgzjWrap .cgzjSwiper .swiper-slide .name a{color: #242424;display: inline-block;max-width: 100%;}
.cgzjWrap .cgzjSwiper .swiper-slide .name a:hover{color: #0d238b;}
.cgzjWrap .cgzjSwiper .swiper-slide-active .name{opacity: 1;}
.cgzjWrap .cgzjSwiper .swiperbtn{position: absolute;cursor: pointer; top: calc(50% - 40px);z-index: 1; width: 40px;height: 40px;border: 2px solid #fff;border-radius: 50%; }
.cgzjWrap .cgzjSwiper .swiper-prev{background: url(../../images/wlaqxcz/left.png) no-repeat center;left: 20px;}
.cgzjWrap .cgzjSwiper .swiper-next{background: url(../../images/wlaqxcz/right.png) no-repeat center;right: 20px;}
.cgzjWrap .cgzjSwiper .swiperbtn:hover{background-color: #fbbb57;}

.cgzjWrap .cgzjbox{background: #ffffff;padding: 30px 10px 0px;margin: 15px 0px 20px;}
.cgzjWrap .cgzjbox .item{margin-bottom: 10px;}
.cgzjWrap .cgzjbox .item4{display: none;}
.cgzjWrap .cgzjbox .item .imglink{height: 220px;border-radius: 6px;}
.cgzjWrap .cgzjbox .name a{display: inline-block;max-width: 100%; color: #242424;line-height: 30px;padding: 15px 0px;}
.cgzjWrap .cgzjbox .name a:hover{color: #0d238b;}
.cgzjWrap .cgzjList .item{background: #fff;padding: 30px 30px 35px 25px;margin-bottom: 15px; }
.cgzjWrap .cgzjList .item .tit{color: #242424;line-height: 28px;min-height: 56px;}
.cgzjWrap .cgzjList .item .tit:hover{color: #0d238b;}



@media (max-width:1200px) {
  .cgzjWrap .cgzjSwiper .swiper-slide{width: 720px;}
  .cgzjWrap .cgzjSwiper .swiper-slide .imglink{height: 380px;}

}
@media (max-width:992px) {
  .navbox .box .item a{font-size: 18px;}

  .bxxWrap .bxBox{flex-direction: column;}
  .bxxWrap .bxBox .left{width: 100%;}

  .dwqcTitle{background: none;padding: 0;}
  .bxxWrap,.cgzjWrap{background-size: cover;}

  .firstWrap .firstTop .topBox{padding: 30px 20px 20px;}
  .firstWrap .firstTop .topTitle{font-size: 24px;line-height: 30px;}

  .bxxWrap{margin-top: -70px;}
  .bxxWrap .dwqcTitle{margin-bottom: 40px;}
  .zykWrap .dwqcTitle{margin-bottom: 40px;}
  .cgzjWrap .dwqcTitle{margin-bottom: 40px;}

  .cgzjWrap .cgzjbox .item4{display: inline-block;}
  .cgzjWrap .cgzjSwiper .swiper-slide{width: 600px;}
  .cgzjWrap .cgzjSwiper .swiper-slide .imglink{height: 340px;}
  .cgzjWrap .cgzjSwiper .swiper-slide-next{transform: translateX(-20px) scale(0.9) !important;}
  .cgzjWrap .cgzjSwiper .swiper-slide-prev{transform: translateX(20px) scale(0.9) !important;}


}

@media (max-width:768px) {

  .bxxWrap .bxBox .item1{height: 250px;}
}
@media (max-width:640px) {
  .navbox .box{overflow-y: auto;}
  .navbox .box::-webkit-scrollbar {display: none;}
  .navbox .box .item a{padding: 0px 10px;word-break: keep-all;}

  .cgzjWrap .cgzjSwiper .swiper-slide .imglink{height: 280px;}
  .dwqcTitle .font{max-height: 35px;max-width: calc(100% - 100px);}
}
@media (max-width:540px) {
  .firstWrap .firstTop{margin: 30px 0px 20px;}
  .firstWrap .firstImglist .col-xs-6{width: 100%;}
  .firstWrap .firstImglist{margin-bottom: 10px;}
  .bxxWrap{padding-top: 10px;margin-top: 0;background: #EEF3FB;}
  .bxxWrap .bxBox .sItem{flex-direction: column;}
  .bxxWrap .bxBox .item2{width: 100%;}
  .zykWrap{padding: 20px 0px;}
  .zykList .col-xs-6{width: 100%;}
  .cgzjWrap{padding-top: 20px;}
  .cgzjWrap .cgzjbox .item{width: 100%;}
  .cgzjWrap .cgzjbox .item4{display: none;}
  .cgzjWrap .cgzjList .col-xs-6{width: 100%;}
  .cgzjWrap .cgzjSwiper{margin-top: 10px;}
  .cgzjWrap .cgzjSwiper .swiper-slide .imglink{height: 240px;}
  .cgzjWrap .cgzjSwiper .swiper-slide-next{transform: translateX(-10px) scale(0.9) !important;}
  .cgzjWrap .cgzjSwiper .swiper-slide-prev{transform: translateX(10px) scale(0.9) !important;}

  .advlist li:first-child:nth-last-child(2), .advlist li:first-child:nth-last-child(2) ~ li{width: 100%;margin-bottom: 10px;}

  .navbox .box .item a{line-height: 55px;font-size: 16px;}
} 
@media (max-width:440px) {
  body{font-size: 12px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
	.font12{font-size: 10px;}
	.font13{font-size: 10px;}
	.font40{font-size:28px}
	.font30{font-size:26px}
	.font20{font-size:18px}
	.font22{font-size:20px}
	.font24{font-size:22px}
	.font28{font-size:24px}
	.font38{font-size:28px}
	.font36{font-size:28px}
	.font35{font-size:26px}
	.font34{font-size:26px}
	.font32{font-size:26px}
	.font26{font-size:22px}
}