*{
	font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu !important;
}
ul,li{
	list-style: none;
	padding: 0;
}
p{
    margin: 0;
}
.container{
	width: 1100px;
    margin: 90px auto 0;
    padding: 20px;
}
ul.application{
	width: 1055px;
	margin:0 auto;
}
ul.application>li{
    width: 240px;
    height: 140px;
    display: inline-block;
    margin: 10px;
    border-radius: 5px;
    cursor:pointer;
    transition: all .5s;
    color:#fff;
}
a.img-box{
    display: inline-block;
	width: 96px;
    height: 100%;
    margin: 0 20px;
}
a.txt-box{
	text-align: center;
    display: block;
    padding: 8px 0;
}

span.text-box{
    display: inline-block;
    height: 100%;
    line-height: 140px;
    vertical-align: top;
    font-weight: bold;
}
p.con-box{
    margin: 0 10px;
    width: 190px;
    line-height: 18px;
    height: 55px;
    word-wrap: break-word;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #848484;
}
ul.application>li:hover{
    box-shadow:5px 8px 20px 0 rgba(63, 76, 128, 0.34);
    -webkit-box-shadow:5px 8px 20px 0 rgba(63, 76, 128, 0.34);
    -moz-box-shadow:5px 8px 20px 0 rgba(63, 76, 128, 0.34);
    -webkit-transition: all .5s;
    transform: translateY(-4%);
}
ul.application>li:nth-child(1){
    background-color: #7a70ed;
}
ul.application>li:nth-child(2){
    background-color: #17a9ff;
}
ul.application>li:nth-child(3){
    background-color: #90c400;
}
ul.application>li:nth-child(4){
    background-color: #f98f15;
}
ul.application>li:nth-child(5){
    background-color: #ec3434;
}
ul.application>li:nth-child(6){
    background-color: #0fc758;
}
ul.application>li:nth-child(7){
    background-color: #fc4a0c;
}
ul.application>li:nth-child(8){
    background-color: #bc58ec;
}
/* ul.application>li:nth-child(1)>.text-box{
    color: #56abe4;
}
ul.application>li:nth-child(2)>.text-box{
    color: #2da651;
}
ul.application>li:nth-child(3)>.text-box{
    color: #f3bc27;
}
ul.application>li:nth-child(4)>.text-box{
    color: #e1686b;
}
ul.application>li:nth-child(5)>.text-box{
    color: #574076;
}
ul.application>li:nth-child(6)>.text-box{
    color: #d4b2aa;
}
ul.application>li:nth-child(7)>.text-box{
    color: #4d9c9f;
}
ul.application>li:nth-child(8)>.text-box{
    color: #df7127;
} */

.icon-car{
    background: url(../images/car2.png) no-repeat center center;
}
.icon-video{
    background: url(../images/video2.png) no-repeat center center;
}
.icon-monitor{
    background: url(../images/monitor2.png) no-repeat center center;
}
.icon-map{
    background: url(../images/map2.png) no-repeat center center;
}
.icon-resource{
    background: url(../images/resource2.png) no-repeat center center;
}
.icon-per{
    background: url(../images/per2.png) no-repeat center center;
}
.icon-application{
    background: url(../images/application2.png) no-repeat center center;
}
.icon-count{
    background: url(../images/count2.png) no-repeat center center;
}
.icon-leaveoff{
	background: url(../images/leavetime.png) no-repeat center center;
}
.icon-attend{
	background: url(../images/attend.png) no-repeat center center;
}
.icon-menage{
	background: url(../images/menage.png) no-repeat center center;
}
.icon-overtime{
	background: url(../images/overtime.png) no-repeat center center;
}
.icon-human{
	background: url(../images/human.png) no-repeat center center;
}
.icon-finance{
	background: url(../images/finance.png) no-repeat center center;
}
.icon-bustravel{
	background: url(../images/bustravel.png) no-repeat center center;
}
.icon-bussiness{
	background: url(../images/bussiness.png) no-repeat center center;
}