/* 字体 */
body, html,input{font-family:"SimSun" !important;}
ul,
ol {
  list-style: none;
}
body{
	width: 100%;
}

.span1{
	color: rgb(28,117,226);
	font-weight: bold;
	font-size: 22px;
}
.span2{
	color: rgb(127,127,127);
	font-size: 16px;
}


.topImgDiv{
	width: 100%;
	height: 2.8rem;
	background: url(../images/frontSmartFactory1.png);
	background-size: 100% 100%;
}


/* 标题 */
.smartTitle{
	display:flex;/* flex布局 */
	justify-content:center;/* 内容居中 */
	width: 80%;
	height: 1.5rem;
	margin: 0 auto;
	
	cursor: pointer; 
}
.smartTitle .each{
	text-align: center;
	background-color: #fff;
	height: 90%;
	margin: 0.1rem;
	border:0.02rem solid #c0c0c0;
    box-shadow: darkgrey 0rem 0rem 0.06rem 0.02rem;/* 边框阴影 */
}
.smartTitle .active{
	background-color: rgb(0,160,233);
	border:0rem solid #c0c0c0;
    box-shadow: none;/* 边框阴影 */
}

.span3{
	font-weight: bold;
	color: rgb(49,49,49);
	font-size: 22px;
	position: relative;
	top:18%;
}
.span4{
	color: rgb(49,49,49);
	font-size: 18px;
	position: relative;
	top:34%;
}
.active .span3 {
	color:#fff;
}

.active .span4 {
	color:#fff;
}

/* 内容 */
.smartContent{
	width: 96%;
	min-height: 8rem;
	margin:0 auto;
	margin-top:0.3rem;
	margin-bottom:0.4rem;
}
.topImgDiv{
	margin-top: 1.1rem;
}
.comfoot{
 	height:3.5rem;
 }
  /* 大屏幕（大桌面显示器，大于等于 1910px） */
@media screen and (min-width: 1900px) {
.topImgDiv {
     height: 5rem;
     margin-top: 1.7rem;
}
.smartTitle{
	height: 1.7rem;
} 
	/* 标题 */
.smartTitle{
	width: 12rem;
	height: 1.6rem;
}



}