@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
.net_sec_list{
	width:1080px;
	margin:0 auto;
	padding:40px 0;
}
.net_sec_list .list-item{
	padding:30px 25px;
	background-color:#f5f5f5;
	margin-bottom:30px;
}
.net_sec_list .list-item .item{
	display:flex;
	justify-content: space-between
}
.net_sec_list .list-item .item .img-box{
	width:450px;
	height:260px;
	display:inline-block;
}
.net_sec_list .list-item .item .img-box img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.net_sec_list .list-item .item .test-box{
	width:410px;
	margin-right:95px;
	padding-top:30px;
}
.net_sec_list .list-item .item .test-box .tip{
	margin-bottom:25px;
}
.net_sec_list .list-item .item .test-box .tip span{
	display:inline-block;
	padding:0 18px;
	border:1px solid #cacaca;
	border-radius:25px;
	font-size:15px;
	height:32px;
	line-height:32px;
	color:#333;
	font-weight:500;
}
.net_sec_list .list-item .item .test-box h3{
	font-size:20px;
	line-height:30px;
	color:#005eb8;
	font-weight:500;
	margin-bottom:20px;
}
.net_sec_list .list-item .item .test-box p{
	font-size:14px;
	line-height:30px;
	color:#666666;
}
.net_sec_list .list-item .item .test-box p i{
	float:left;
	vertical-align:top;
	line-height:25px;
}
.net_sec_list .list-item .item .test-box p.bom{
	padding-left:13px;
	position: relative;
}
.net_sec_list .list-item .item .test-box p.bom::before{
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	background-color:#666;
	position: absolute;
	left:0;top:10px;
}
.net_sec_list .list-item .item .test-box p a{
	font-size:14px;
	line-height:30px;
	color:#005eb8;
	text-decoration:none;
	border-bottom:1px solid #005eb8;
}

.net_sec_info{
	width:1080px;
	margin:0 auto;
	padding:40px 0;
}
.net_sec_info .info_body{
	width:600px;
	margin:0 auto;
}
.net_sec_info .info_body h3{
	font-size:24px;
	line-height:30px;
	color:#333;
	text-align:center;
	margin-bottom:45px;
}
.net_sec_info .info_body .info_list li{
	display:flex;
	align-content: stretch;
	margin-bottom:10px;
}
.net_sec_info .info_body .info_list li .fl{
	width:180px;
	height:50px;
	line-height:30px;
	color:#fff;
	font-size:18px;
	background-color:#005eb8;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.net_sec_info .info_body .info_list li .fl.text{
	height:134px;
}
.net_sec_info .info_body .info_list li .fr{
	height:50px;
	background-color:#f0f0f0;
	width:calc(100% - 180px)
}
.net_sec_info .info_body .info_list li .fr.text{
	height:134px;
	overflow:hidden;
}
.net_sec_info .info_body .info_list li .fr input{
	border:0;
	background-color:#f0f0f0;
	outline:0;
	font-size:18px;
	line-height:28px;
	box-sizing: border-box;
	padding:11px 10px;
	height:50px;
	width:100%;
	outline: none;
}
.net_sec_info .info_body .info_list li .fr input:focus{
	border:0;
}
.net_sec_info .info_body .info_list li .fr.text textarea{
	height:134px;
	background-color:#f0f0f0;
	border:0;
	width:100%;
	outline: none;
	box-sizing: border-box;
	padding:10px;
	font-size:18px;
	line-height:20px;
	resize:none;overflow:hidden;
}
.net_sec_info .info_body .info_list li .fr.text textarea:focus{
	border:0;
	
}
.net_sec_info .info_body .info_list li .fr.yzm{
	width:256px;
}
.net_sec_info .info_body .info_list li img.ml10{
	width:calc(100% - 436px);
	height:50px;
	box-sizing: border-box;
	padding:10px 20px;
	cursor:pointer;
}
.net_sec_info .info_body .info_list li .act{
	font-size:16px;
	line-height:30px;
	color:#666666;

}
.net_sec_info .info_body .info_list li .act a{
	font-size:16px;
	color:#005eb8;
	text-decoration:none;
	font-weight:500;
}
.net_sec_info .info_body .info_list li.but{
	text-align:center;
	padding-top:30px;
	display:block;
}
.net_sec_info .info_body .info_list li a.sub{
	display:inline-block;
	width:248px;
	height:48px;
	border:1px solid #1e71c1;
	line-height:48px;
	font-size:18px;
	color:#005eb8;
	margin:0 5px;
	text-align:center;
	text-decoration:none;
	transition:.3s;
}
.net_sec_info .info_body .info_list li a.sub:hover{
	background-color:#1e71c1;
	color:#fff;
}

.sech_body_list{
	width:1080px;
	margin:0 auto;
	padding:45px 0;
}
.sech_body_list h3{
	font-size:20px;
	line-height:38px;
	color:#333333;
	padding-bottom:25px;
}

.sech_body_list .search_list{
	width:462px;
	height:32px;
	border:1px solid #b6b5b5;
	border-radius:6px;
	overflow:hidden;
	box-sizing: border-box;
	margin-bottom:35px;
}
.sech_body_list .search_list input{
	float:left;
	width:calc(100% - 34px);
	height:30px;
	border:0;
	font-size:14px;
	line-height:30px;
	color:#333;
	padding:0 10px;
	box-sizing: border-box;
	outline:0;
}
.sech_body_list .search_list .sech_btn{
	float:right;
	width:30px;
	height:30px;
	background:url(/html2014/2020/assets/images/common/search_ico_001.svg) no-repeat center;
	cursor:pointer;
}
.sech_body_list .table_list{
	
}
.sech_body_list .table_list table{
	width:100%;
}
.sech_body_list .table_list table th{
	height:40px;
	background-color:#005eb8;
	font-size:14px;
	color:#fff;
	line-height:40px;
	text-align:left;
	padding:0 55px;
}
.sech_body_list .table_list table tr th:last-child{
	text-align:center;
}
.sech_body_list .table_list table td{
	padding:0 55px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	color:#333333;
	border-bottom:1px solid #b6b5b5;
	height:40px;
	vertical-align:middle;
}
.sech_body_list .table_list table tr td:last-child{
	text-align:center;
}
.sech_body_list .table_list table td a.down{
	display:inline-block;
	font-size:14px;
	line-height:24px;
	color:#005eb8;
	padding-right:25px;
	cursor:pointer;
	background:url(/html2014/images/network_security_2022/down.svg) no-repeat right center;
	background-size:20px auto;
}
.sech_body_list .pager{
	text-align:right;
	padding-top:35px;
}
.sech_body_list .pager a,.sech_body_list .pager span{
    height: 26px;
    line-height: 26px;
    background-color: #DCDCDC;
    padding: 0 10px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 3px;
	text-decoration: none;
	font-size:14px;
	color:#666;
}



.sech_body_list .pager a:hover, .sech_body_list .pager .current{
	text-decoration: none;
    background-color: #0055c4;
    color: #fff;
}



@media screen and (max-width:768px) {
	.net_sec_list{
		width:100%;
		padding:20px 0;
	}
	.net_sec_list .list-item{
		padding:20px 15px;
	}
	.net_sec_list .list-item .item{
		display:block;
	}
	.net_sec_list .list-item .item .img-box{
		width:100%;
		height:200px;
	}
	.net_sec_list .list-item .item .test-box{
		width:100%;
		margin-right:0;
		padding-top:20px;
	}
	.net_sec_list .list-item .item .test-box .tip{
		margin-bottom:15px;
	}
	.net_sec_list .list-item .item .test-box .tip span{
		font-size:14px;
	}
	.net_sec_list .list-item .item .test-box h3{
		font-size:18px;
		margin-bottom:10px;
	}
	.net_sec_list .list-item .item .test-box p{
		font-size:12px;
		line-height:24px;
	}
	.net_sec_list .list-item .item .test-box p.bom::before{
		top:7px;
	}
	.net_sec_list .list-item .item .test-box p br{display:none;}
	.net_sec_list .list-item .item .test-box p a{
		font-size:12px;
		line-height:24px;
	}
	.net_sec_info{
		width:100%;
		padding:20px 10px;
		box-sizing: border-box;
	}
	.net_sec_info .info_body{
		width:100%;
	}
	.net_sec_info .info_body h3{
		font-size:18px;
		margin-bottom:25px;
	}
	.net_sec_info .info_body .info_list li .fl{
		width:80px;
		height:40px;
		line-height:40px;
		font-size:14px;
	}
	.net_sec_info .info_body .info_list li .fr{
		width:calc(100% - 80px);
		height:40px;
	}
	.net_sec_info .info_body .info_list li .fr input{
		line-height:20px;
		height:40px;
		padding:10px 5px;
		font-size:14px;
	}
	.net_sec_info .info_body .info_list li .fl.text{
		line-height:24px;
		
	}
	.net_sec_info .info_body .info_list li .fr.text textarea{
		font-size:14px;
		line-height:20px;
	}
	
	.net_sec_info .info_body .info_list li .fr.yzm{
		width:120px;
	}
	.net_sec_info .info_body .info_list li img.ml10{
		width:calc(100% - 200px);
		height:40px;
		padding:5px;
	}
	.net_sec_info .info_body .info_list li .act{
		font-size:12px;
		line-height:24px;
	}
	.net_sec_info .info_body .info_list li .act a{
		font-size:12px;
	}
	.net_sec_info .info_body .info_list li.but{
		padding-top:15px;
	}
	.net_sec_info .info_body .info_list li a.sub{
		font-size:14px;
		width:140px;
		height:40px;
		line-height:40px;
	}
	.sech_body_list{
		box-sizing: border-box;
		width:100%;
		padding:20px;
	}
	.sech_body_list h3{
		font-size:18px;
		padding-bottom:15px;
	}
	.sech_body_list .search_list{
		width:100%;
		margin-bottom:25px;
	}
	.sech_body_list .table_list table th{
		white-space: nowrap;
		padding:0 20px;
	}
	.sech_body_list .table_list table td{
		padding:0 20px;
		font-size:13px;
		white-space: nowrap;
	}
	.sech_body_list .table_list{
		overflow-x:auto;
	}
	.sech_body_list .pager{
		padding-top:25px;
	}
	.sech_body_list .pager a, .sech_body_list .pager span{
		margin:0 1px;
		font-size:12px;
		padding:0 8px;
	}
}