*{
	margin: 0;
	padding: 0;
}
.heard{
	width: 100%;
	height: 5%;
	/* border: 1px solid red; */
}
.content{
	width: 100%;
	height: 85%;
	/* border: 1px solid orange; */
}
.footer{
	width: 100%;
	height: 10%;
	/* border: 1px solid red; */
}
.pronav{
	width: 100%;
	height: 65px;
	background-color: #f5f5f5;
}
.pronav>ul{
	line-height: 65px;
	list-style: none;
}

#pronav-li>a{
	font-size: 17px;
	margin-left: 30px;
	float: left;
	font-weight: normal;
	text-decoration: none;
	color: #333;
}
#pronav-li:first-child>a{
	color: #2276FC;
	border-bottom: 3px solid #2276FC;
}
#pronav-li>a:hover{
	color: #2276FC;
	border-bottom: 3px solid #2276FC;
}
#procenter{
	width: 100%;
	margin-top: 10px;
}
#pro-menu{
	width: 20%;
	float: left;
	height: 100%;
	/* margin-left: 5px; */
	box-shadow: 0px 0px 5px 2px #cccccc;
}
#pro-content{
	width:79%;
	float: left;
	margin-left: 1%;
	box-shadow: 0px 0px 5px 0px #cccccc;
}
#title{
	list-style: none;
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 10px;
	font-size:18px;
	border-bottom: 1px solid gainsboro; 
}
#title-a:hover{
	color: #2276FC;
}

#title-a{
	text-decoration: none;
	line-height:50px;
	padding: 10px 30px 10px 20px;
	color: #333;
	
}
/* #pro-menu>ul>li:first-child>a{
	background-color: #2276FC;
	color: #f5f5f5;
} */
#proitem>li{
	font-size: 14px;
	margin: 5px 20px;
	list-style: none;
}
#proitem>li>a{
	text-decoration: none;
	line-height: 30px;
	color: gray;
}
#proitem>li>a:hover{
	color:#2276FC
}


.pro-intro{
	display: flex;
}
.pro-img{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pro-img>div{
	width: 80%;
	text-align: center;
	padding: 20px 0;
	box-shadow: 0px 0px 5px 0px #cccccc;
	
}
.pro-img>div:first-child{
	background-color: #f5f5f5;
}
.pro-txt{
	width: 50%;
	/* padding: 20px 0; */
}
.pro-txt>div{
	width: 80%;
	height: 100%;
	box-shadow: 0px 0px 5px 0px #cccccc;
	
}
.pro-txt>div>div{
	padding: 20px 30px;
}
.pro-txt>div>ul{
	padding: 0px 20px 0 40px;
}
.pro-txt>div>ul>li{
	line-height: 30px;
}

.pro-type{
	width: 100%;
	margin-top: 28px;
}
.type-txt,.size-txt{
	background-color: #2276FC;
	padding: 16px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.type-tab{
	text-align: center;
	padding: 20px;
}
.pro-size{
	width: 100%;
	margin-top: 28px;
}

.net-work{
	width: 100%;
}
.netcon{
	display: flex;
	padding: 20px;
	margin-bottom: 50px;
}
.network-text{
	width: 50%;
}
.network-img{
	width: 50%;
}