.clearfix:after{
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix{
  zoom: 1;
}

.iiot-page{
	width:924px;
	padding:50px;
	background:white;
	/* font-family:"Microsoft Yahei"; */
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}
.iiot-page h1{
	font-size:20px;
	margin-bottom:20px;
}
.iiot-title{
	text-align:center;
	margin-bottom:40px;
}
.iiot-logo{
	margin-bottom:50px;
}
.iiot-line{
	display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #7EB5DC;
}
.device-page ul{
	margin:30px 0;
}
.device-page ul li{
	width:290px;
	margin:0 27px 30px 0;
	float:left;
}
.device-page ul li:nth-child(3),.col4 li:nth-child(4){
	margin-right:0;
}
.col4 li{
	width:210.7px !important;
}
.col4 li:nth-child(3){
	margin-right:27px !important;
}
	
.post-title{
	border-left: 2px solid #7EB5DC;
    padding-left: 15px;
    font-size: 15px;
    margin: 25px 0;
}
.post-title a{
	color:#222;
	font-weight: 600;
    letter-spacing: 2px;
	font-size: 15px;
}
.post-title a:hover{
	color:#7EB5DC;
}
.device-page ul li p{
	line-height:2;
	font-size:14px;
	text-align:justify;
}
.device-page ul li img{
	width:100%;
}
.device-page ul li div:first-child a{
	position:relative;
	display:block;
	transition:all 0.3s ease-in-out;
}
/* .device-page ul li div:first-child a:before {
    content: "";
    position: absolute;
    background-color: rgba(255,255,255,.6);
}
.device-page>ul>li>div:first-child a:hover .device-page>ul>li>div:first-child a:before{
	background:transparent !important;
} */

.image-bg{
	position:absolute;
    z-index: 5;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	display:none;
}
.device-page ul li div:first-child a:hover .image-bg{
	display:block;
	background:rgba(126,181,220,.6);
	transition: all 0.5s ease-in-out;
}