body { font-family:"Microsoft YaHei"; text-align:center; padding:0; margin:0; background: #e8f5fe;}
p,h2,h3,ul,li,a{ padding:0; margin:0; list-style:none; text-decoration:none; font-family:"Microsoft YaHei";} 
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
a:hover{color:#cd0002;}

.top_font{width:100%;height:30px;margin:0 auto; background:#5c5c5c; overflow:hidden;font-family:"Microsoft YaHei"; text-align:center;}
.top_login{width:1200px;height:30px;margin:0 auto;overflow:hidden;  text-align:left;}

.top_left{width:420px;height:30px;float:left;}
.top_left p{display:block; width:410px; height:20px; line-height:20px;float:right; padding-top:6px;}
.top_left p a{ height:20px;}


.top_right{width:388px;height:30px;float:right;}
.topr_ul{ width:210px;height:30px; float:left; }
ul.topr_ul li{width:98px;height:30px;line-height:30px;float:left; color:#fff;text-align:left; margin-right:5px; font-size:14px; }
ul.topr_ul li img{ float:left; margin-right:2px; margin-top:8px; height:15px;}
ul.topr_ul li a{color:#fff;}
ul.topr_ul li a:hover{text-decoration:none;color:#fff;}

.topr_uls{ width:170px;height:30px; float:right;background:#dc2926; padding-left:15px;}
ul.topr_uls li{width:77px;height:30px;line-height:30px;float:left; color:#fff;text-align:center; font-size:14px; }
ul.topr_uls li a{display:block;width:60px;height:30px;line-height:30px;float:left;color:#fff;}
ul.topr_uls li a:hover{text-decoration:none;color:#fff;}

.banner{background:url(../images/banner1_2026ccw.jpg) top center no-repeat; height:512px;}
/*————————导航栏目——————————*/
.nav{ height:76px;width:100%;margin:0 auto;background:url(../images/nav_bg_2026ccw.jpg) top center repeat-x; }
.menu{width:1100px;height:65px;margin:0 auto; background:url(../images/nav_ul_bg_2026ccw.jpg) top center repeat-x;  padding-top:11px;}
.menu>.col{position:relative;float:left;font:30px/64px "思源黑体 CN";text-align:center;z-index:1; line-height:52px; }
.menu>.col>.link{display:block;height:52px;color:#fff;   text-align:center;   padding:0 30px; }
.menu>.col>.link:hover{ background:#0e52cf; color:#fff;}
.xian{float: left;color:#85b9f7; font-size: 28px; padding-top:7px; font-weight:100;}
.main{ }





/*————————新闻动态、政策法规—————————*/
.cont-4{ width:1100px; margin:0 auto; }
.czz{   width:541px; margin:0 auto; position:relative; }
.czz_bt{line-height: 40px;width:541px;text-align:left;margin:20px auto 10px auto;}
.czz_bt .bt{height:36px;line-height:36px;text-align:center;color:#0e52ce;background: url(../images/img03_2026ccw.png) left top no-repeat;display:block;font-size: 26px;font-weight:bold; padding-left:50px;}
.czz_bt .gd{ color:#999;}
.czz_bt .gd:hover{ color:#cd0002;}
.czz_nr{width:541px; margin:0 auto;}
.czz ul{}
.czz ul li{ height:72px; line-height:72px;  width:541px; background:#fff; border-radius:10px; box-shadow: 0px 0px 16px 0px rgba(0,84,170,0.2); margin-bottom:20px;}
.czz ul li a{ color:#333; font:18px/44px "思源黑体 CN"; height:72px;line-height:72px;display:block; text-align:left; float:left; margin-left:18px;}
.czz ul li a:hover{ color:#cd0002;}
.czz ul li .circle{width:5px; height:5px; border-radius:100px; background:#f72e00; float:left; margin-top:35px; margin-right:8px;}
.czz ul li span{ color:#999;}


/*————————海报—————————*/
.cont-2{width:100%;    padding-bottom:20px; }
.hb{ width:1100px;  margin:0 auto; }
.hb_bt{line-height: 40px;width:1100px;text-align:left;margin:0 auto; padding-bottom: 15px;}
.hb_bt .bt{height: 42px;line-height:42px;text-align:center;color:#0e52ce;background: url(../images/img05_2026ccw.png) left 5px no-repeat;display:block;font-size: 26px;font-weight:bold; padding-left:45px;}
.hb_bt .gd{ color:#999;}
.hb_bt .gd:hover{ color:#cd0002;}
.hb_nr{ background:#fff;  width:1100px; margin:0 auto; border-radius:10px; box-shadow: 0px 0px 16px 0px rgba(0,84,170,0.2);}
.hb ul{ float:left; padding-top:30px; padding-bottom:20px; }
.hb ul li{   float: left; margin:0 10px;  }
.hb ul li a{ display:block; }
.hb ul li img{  width:242px; height:436px;}
.hb_nr .left{ float:left; width:18px; height:27px; padding:210px 0 0 5px;}
.hb_nr .left img{ width:18px; height:27px;}
.hb_nr .right{ float: right;  width:18px; height:27px; padding:210px 5px 0 0;}
.hb_nr .right img{  width:18px; height:27px; }



/*————————网络安全周微视频—————————*/
.cont-3{width:100%;    padding-bottom: 35px; }
.ts{ width:1100px;  margin:0 auto; }
.ts_bt{line-height: 40px;width:1100px;text-align:left;margin:0 auto; padding-bottom: 15px;}
.ts_bt .bt{height: 42px;line-height:42px;text-align:center;color:#0e52ce;background: url(../images/img02_2026ccw.png) left 8px no-repeat;display:block;font-size: 26px;font-weight:bold; padding-left:43px;}
.ts_bt .gd{ color:#999;}
.ts_bt .gd:hover{ color:#cd0002;}
.ts_nr{ background:#fff;  width:1100px; margin:0 auto; border-radius:10px; box-shadow: 0px 0px 16px 0px rgba(0,84,170,0.2);}
.ts ul{ float:left; padding-top:30px; padding-bottom:20px; }
.ts ul li{   float: left; margin:0 10px;  }
.ts ul li a{ display:block; }
.ts ul li img{  width: 329px; height:195px;}
.ts ul li p{ height:48px; line-height:48px;  font-size:18px; color:#333; }
.ts ul li p:hover{ color:#cd0002;}
.ts ul li span{ font-size:16px; color:#999;}
.ts_nr .left{ float:left; width:18px; height:27px; padding:110px 0 0 5px;}
.ts_nr .left img{ width:18px; height:27px;}
.ts_nr .right{ float: right;  width:18px; height:27px; padding:110px 5px 0 0;}
.ts_nr .right img{  width:18px; height:27px; }


/*————————二级列表页样式—————————*/
.ej_cont{ width:1100px; margin:0 auto; background:#fff; margin-top: 30px;}
.wz_list-r{min-height:500px;border:1px solid #d4e5f6;padding:0 25px;margin:2px 0 30px;}
.wz_list-r .tit-b{border-bottom:1px solid #e1e1e1;overflow:hidden;}
.wz_list-r .tit-b .fl{font:700 16px/52px "Microsoft YaHei";color:#7d7d7d;}   
.local{line-height:52px; font:500 18px/52px "Microsoft YaHei"; color:#666;}
.local a{ color:#666; font:400 18px/52px "Microsoft YaHei";}
.news-list{border:1px solid #e5e5e5;padding:0 40px 0 30px;margin:0 0 70px;}
.wz_list-r .list-f{line-height:40px;border:1px solid #e5e5e5;padding:0 15px;margin:20px 0 0;overflow:hidden;}
.wz_list-r .tit-b h3{font:600 18px/43px "Microsoft YaHei";float: right; color:#fff; background:url(../images/zt_2026ccw.png) center center no-repeat; width:199px; height:43px; text-align: left; text-indent: 30px; margin-top:4px;}
.wz_list-r .list-t{border-bottom:1px solid #e1e1e1;padding:18px 0;}
.zs_jy_an a{width:20%; background:#47c0ff; display:block; margin:20px auto; height:35px; line-height:35px; text-align:center; color:#fff; }
.wz_list-r .list-t .link{vertical-align:middle;overflow:hidden; background:url(../images/ico_2026ccw.png) left center no-repeat;}
.wz_list-r .list-t .tit{color:#5d5d5d;text-indent:15px;font:400 18px/50px "Microsoft YaHei";}
.wz_list-r .list-t .tit img{ float:left; margin-top:23px;}
.wz_list-r .list-t .tit p{ float:left; color:#333; font-size:18px;}
.wz_list-r .list-t .tit p:hover{ color:#af1a1a;}
.wz_list-r .list-t .tit b{ float:left; color:#999; font-weight: normal;}
.wz_list-r .list-t .tit:hover{color:#cd0002;}
.paging{height:24px;padding:30px 0 45px;}
.paging span,.paging a.z_num,.paging a.z_pret,.paging .current{display:inline-block;height:22px;line-height:22px;color:#666;border:1px solid #999;padding:0 8px;margin:0 2px;}
.paging input[type="button"]{color:#666;background:#fff;border:1px solid #999;padding:3px 8px;}    
.viewport {
float: left;
overflow: hidden;
width: 1054px;   /* 1100 - 23(左箭头) - 23(右箭头) = 1054 */
}

/*———————— 卡片列表（图） ————————*/
.card-list {
    width: 1050px;
    margin: 30px auto 40px;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 230px);  
    gap: 25px 43px;                          
    justify-content: space-between;
}

.card-list > li {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,84,170,0.10);
    transition: box-shadow .25s, transform .25s;
}

.card-list > li:hover {
    box-shadow: 0 6px 18px rgba(0,84,170,0.22);
    transform: translateY(-3px);
}

.card-list > li > a {
    display: block;
    line-height: 0;
}

.card-list > li img {
    width: 230px;                            
    height: 415px;                         
    display: block;
    object-fit: cover;
    transition: transform .35s;
}

.card-list > li:hover img {
    transform: scale(1.03);
}


/*———————— 视频卡片（预览图 + 标题 + 时间） ————————*/
.video-card {
    width: 1050px;
    margin: 30px auto 40px;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 240px);   /* 每行 4 个 */
    gap: 30px;                                 /* 4×240 + 3×30 = 1050 */
    justify-content: space-between;
}

.video-card > li {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,84,170,0.10);
    transition: box-shadow .25s, transform .25s;
    cursor: pointer;
}

.video-card > li:hover {
    box-shadow: 0 6px 18px rgba(0,84,170,0.22);
    transform: translateY(-3px);
}

.video-card > li > a {
    display: block;
    color: #333;
    text-decoration: none;
}

/* 视频预览图：240 × 150 */
.video-card .vc-img {
    position: relative;
    width: 240px;
    height: 150px;
    overflow: hidden;
}

.video-card .vc-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s;
}

.video-card > li:hover .vc-img img {
    transform: scale(1.06);
}

/* 视频预览图上的播放按钮（可选，纯 CSS 制作） */
.video-card .vc-img::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border-radius: 50%;
    background: rgba(0,0,0,0.45) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M8 5v14l11-7z'/></svg>") center/24px 24px no-repeat;
    opacity: .85;
    transition: opacity .25s, transform .25s;
}

.video-card > li:hover .vc-img::after {
    opacity: 1;
    transform: scale(1.1);
}

/* 标题：最多两行 */
.video-card .vc-tit {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 10px 12px 6px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-card > li:hover .vc-tit {
    color: #cd0002;
}

/* 时间 */
.video-card .vc-date {
    display: block;
    font-size: 12px;
    color: #999;
    margin: 0 12px 12px;
}