a[href="/home/Software/index.html"]{display:block!important;}
#top{
	height:329px;
	width:100%;
	position:relative;
	background:#eee url(top.jpg) no-repeat center/cover;
}
#top::before{
	content:'';
	height:142px;
	width:100%;
	position:absolute;
	bottom:0;
	background:url(top_bottom.png) no-repeat center/100% 100%;
	transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
#top h1{
	width: 100%;
	height: 214px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 90px;
	color: #fff;
	letter-spacing: 28px;
	background: url(top_center.png) no-repeat 50% 100%;
	z-index: 1;
	position: relative;
	font-size:70px;
	cursor: default;
	user-select: none; 
}
#top *{
	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#top:hover h1{
	letter-spacing: 45px;
	font-size:80px;
	height: 221px;
}
#top:hover::before{
	height:329px;
}
#wp{
	width:1200px;
	box-sizing: border-box;
	margin:auto;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch;
    flex-wrap: wrap;
    flex-direction: row;
	padding-bottom:30px;
}
#wp *{
	box-sizing: border-box;
}
#wp .li{
	width:580px;
	box-sizing: border-box;
	background:#fff;
	border:1px solid #eee;
	background-color:#fff;
	background-repeat:no-repeat;
	margin-top:30px;
	border-radius: 22px;
	overflow:hidden;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.03);
	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#wp .li:hover{
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
}

#wp .li h3{
	height:84px;
	line-height:84px;
	background: url(h3_top.jpg) no-repeat 50% 100%;
	background-size: 100% auto;
	color:#fff;
	letter-spacing: 3px;
	font-size:28px;
	font-weight:600;
	padding:0 40px;
}
#wp .li h3.b1{
	background-position: 0px 0px;
}
#wp .li h3.b2{
	background-position: 0px -85px;
}
#wp .li h3.b3{
	background-position: 0px -170px;
}
#wp .li h3.b4{
	background-position: 0px -255px;
}
#wp .li h3.b5{
	background-position: 0px -340px;
}

#wp .ul{
	padding:20px 40px;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;

}
#wp .ul a{
	color:#000;
	font-size:16px;
}
.icon-container {
	display: inline-block;
	width:126px;
	height:150px;
	overflow:hidden;
	margin: 5px 19px;
	vertical-align: top;
	text-align: center;
}
.icon-container p{
	margin-top:5px;
}
.icon {
	width: 100px;
	height: 100px;
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
	border-radius: 24px;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.0);
}
.icon:hover{
	width: 102px;
	height: 102px;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
}
#wp .li.sf{
	width:372px;
}
#wp .li.sf h3 {
    height: 54px;
    line-height: 54px;
	letter-spacing: 2px;
    font-size: 20px;
    font-weight: 600;
    padding: 0 25px;
	background: url(sf_top.jpg) no-repeat 50% 100%;
	background-size: 100% auto;
}
#wp .li.sf h3.b1{
	background-position: 0px 0px;
}
#wp .li.sf h3.b2{
	background-position: 0px -54px;
}
#wp .li.sf h3.b3{
	background-position: 0px -108px;
}
#wp .li.sf h3.b4{
	background-position: 0px -162px;
}
#wp .li.sf h3.b5{
	background-position: 0px -216px;
}
.icon-container-100 {
	display: block;
	height:150px;
	overflow:hidden;
	margin: 12px 14px;
	vertical-align: top;
	text-align: left;
	display:flex;
	align-items: center;
	padding:0 30px;
}
.icon-container-100 p{
	font-size:16px;
	margin-left:20px;
}
.icon-container-100 .icon {
	width: 96px;
	height: 96px;
}

.ul-100 .icon-container-100:hover{
	transform: scale(1.005);
}
.softshowif{
	margin-top:20px;
	width:100%;
	min-height:600px;
	height:80vh;
	border: 1px solid #e1e4e5;
}