.icon1 {
	background-image: url('/public/template/pc/images/product/ddos/015.png');
}
.icon2 {
	background-image: url('/public/template/pc/images/product/ddos/016.png');
}
.icon3 {
	background-image: url('/public/template/pc/images/product/ddos/017.png');
}
.icon4 {
	background-image: url('/public/template/pc/images/product/ddos/014.png');
}
.icon5 {
	background-image: url('/public/template/pc/images/product/ddos/013.png');
}
.icon6 {
	background-image: url('/public/template/pc/images/product/ddos/012.png');
}

.grid-3 {
	flex-wrap: wrap;
}
.grid-3>div {
	position: relative;
	width: 310px;
	height: 220px;
	border: 1px solid var(--color-gray);
	border-radius: 10px;
	padding: 30px;
	line-height: 30px;
	margin: 50px 0;
}
.grid-3>div>.txt {
	margin-top: 70px;
}
.grid-3>div>.txt>h1 {margin-bottom: 20px;}

.tab { max-width:1200px; text-align: center; }
.tab .hd {border: 1px solid #ddd; display: flex; justify-content: center;}
.tab .hd a {padding: 15px 30px; color: var(--color-gray); position: relative; font-size: 18px;}
.tab .hd a::before {
	content: "";
	position: absolute;
	height: 20px;
	background-color: gray;
	width: 1px;
	right: 0;
	top: 18px;
}
.tab .hd a::after {
	content: "";
	position: absolute;
	height: 20px;
	background-color: gray;
	width: 1px;
	left: 0;
	top: 18px;
}

.tab .hd a.on {color: var(--color-black)}
.tab .bd .txt {
	padding: 0 40px;
}
.tab .bd .txt>div {
	text-align: left;
	padding: 40px 0;
	color: #5c5c5d;
	border-bottom: 1px solid #b3b3b3;
	
}
.tab .bd .txt>div:nth-child(2n){
	border-bottom: unset;
}
.tab .bd .txt>div ul>li {
	line-height: 38px;
}
.tab .bd .txt>div p {
	line-height: 30px;
}
.tab .bd .txt i {margin-right: 10px; color: var(--color-orange);}
.tab .bd .txt dl { padding: 5px 0;}
.tab .bd .txt dd {display: flex; margin-left: 20px;}

.recomm>div {
	background-color: var(--color-light-gray);
	width: 300px;
	height: 200px;
	position: relative;
	padding: 40px;
	text-align: left;
}

.recomm>div>h1 {
	position: absolute;
	width: calc(100% - 40px);
	padding-left: 40px;
	top: 0;
	line-height: 60px;
	height: 60px;
	left: 0;
	background-color: var(--color-light-blue);
	color: var(--color-white);
	font-size:23px;
}

.recomm>div>ul {
	margin-top: 50px;
}
.recomm>div>ul>li {
	margin-top: 15px;
	padding: unset;
	list-style-type:disc;
	font-size: 15px;
	line-height: 30px;
	color: var(--color-light-blue);
}
.recomm>div>ul>li>span {
	color: var(--color-black);
}
.recomm>div>a {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background-color: var(--color-light-blue);
	color: var(--color-white);
	
}
.recomm>div>a>i {
	float: right;
	margin-right: 15px;
}