.navigation{
  margin: 0px auto;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 1.4px;
  margin-top: 130px;
}
.navigation .item{
  position:absolute;
}
a.icon{
  width:52px;
  height:52px;
  position:absolute;
  top:0px;
  left:0px;
  cursor:pointer;
}
.appnew a.icon{
  background:transparent url(../images/index/appnew.png) no-repeat 0px 0px;
}
.bus a.icon{
  background:transparent url(../images/index/bus.png) no-repeat 0px 0px;
}
.clm a.icon{
  background:transparent url(../images/index/clm.png) no-repeat 0px 0px;
}
.newcrm a.icon{
  background:transparent url(../images/index/newcrm.png) no-repeat 0px 0px;
}
.cus a.icon{
  background:transparent url(../images/index/cus.png) no-repeat 0px 0px;
}
.ehr a.icon{
    background:transparent url(../images/index/ehr.png) no-repeat 0px 0px;
}
.fin a.icon{
    background:transparent url(../images/index/fin.png) no-repeat 0px 0px;
}
.live a.icon{
    background:transparent url(../images/index/live.png) no-repeat 0px 0px;
}
.mon a.icon{
    background:transparent url(../images/index/mon.png) no-repeat 0px 0px;
}
.pow a.icon{
    background:transparent url(../images/index/pow.png) no-repeat 0px 0px;
}
.prod a.icon{
    background:transparent url(../images/index/prod.png) no-repeat 0px 0px;
}
.pts a.icon{
    background:transparent url(../images/index/pts.png) no-repeat 0px 0px;
}
.rep a.icon{
    background:transparent url(../images/index/rep.png) no-repeat 0px 0px;
}
.rms a.icon{
    background:transparent url(../images/index/rms.png) no-repeat 0px 0px;
}
.rmsl a.icon{
    background:transparent url(../images/index/rmsl.png) no-repeat 0px 0px;
}
.shr a.icon{
    background:transparent url(../images/index/shr.png) no-repeat 0px 0px;
}
.tag a.icon{
    background:transparent url(../images/index/tag.png) no-repeat 0px 0px;
}
.wps a.icon{
    background:transparent url(../images/index/wps.png) no-repeat 0px 0px;
}
.eolinker a.icon{
  background:transparent url(../images/index/wps.png) no-repeat 0px 0px;
}
.sales-salespolicy a.icon{
  background:transparent url(../images/index/sales-salespolicy.png) no-repeat 0px 0px;
}
.mgt-bss a.icon{
  background:transparent url(../images/index/mgt-bss.png) no-repeat 0px 0px;
}
.mgt-train a.icon{
  background:transparent url(../images/index/mgt-train.png) no-repeat 0px 0px;
}
.business-auth a.icon{
  background:transparent url(../images/index/business-auth.png) no-repeat 0px 0px;
}
.oa-wps a.icon{
  background:transparent url(../images/index/oa-wps.png) no-repeat 0px 0px;
}
.mall-vsop a.icon{
  background:transparent url(../images/index/mall-vsop.png) no-repeat 0px 0px;
}
.mgt-live a.icon{
  background:transparent url(../images/index/mgt-live.png) no-repeat 0px 0px;
}
.data-platform a.icon{
  background:transparent url(../images/index/data-platform.png) no-repeat 0px 0px;
}
.mgt-mrs a.icon{
  background:transparent url(../images/index/mgt-mrs.png) no-repeat 0px 0px;
}

.navigation .item a.active{
  background-position:0px -52px;
}
.item img.circle{
  position:absolute;
  top:0px;
  left:0px;
  width:52px;
  height:52px;
  opacity:0.1;
}
.item h2{
  position:absolute;
  width:180px;
  height:52px;
  color:#222;
  font-size:18px;
  top:0px;
  left:52px;
  text-indent:10px;
  line-height:52px;
  text-shadow:1px 1px 1px #fff;
  text-transform:uppercase;
}
.item h2.active{
  color:#fff;
  text-shadow:1px 0px 1px #555;
}
.item ul{
  list-style:none;
  position:absolute;
  top:60px;
  left:25px;
  display:none;
}
.item ul li a{
  font-size:15px;
  text-decoration:none;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#222;
  padding:3px;
  float:left;
  clear:both;
  width:100px;
  text-shadow:1px 1px 1px #fff;
}
.item ul li a:hover{
  background-color:#fff;
  color:#444;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:1px 1px 4px #666;
  -webkit-box-shadow:1px 1px 4px #666;
  box-shadow:1px 1px 4px #666;
}
.navigation div {
  width: 150px;
  height: 120px;
  /*background-color: rgb(241, 238, 233);*/
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 150px;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial;
  /* 加载背景图 */
  background-image: url(../images/index/bg2.png);
  /* 背景图垂直、水平均居中 */
  background-position: top left;
  /* 背景图不平铺 */
  background-repeat: no-repeat;
  /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
  background-attachment: fixed;
  /* 让背景图基于容器大小伸缩 */
  background-size: cover;
  /* 设置背景颜色，背景图加载过程中会显示背景色 */
  background-color: #fff;
}

.title {
  width: 548px;
  height: 119px;
  position: absolute;
  top: 400px;
  left: 150px;
  background: transparent url(title.png) no-repeat top left;
}

a.back {
  background: transparent url(back.png) no-repeat top left;
  position: fixed;
  width: 150px;
  height: 27px;
  outline: none;
  bottom: 0px;
  left: 0px;
}
.divinf{
  display: flex;
  flex-direction: row-reverse;
  margin-top: 8px;
  margin-right: 10px;
}
.ainf{
  font-style: normal;
  font-weight: bold;
  letter-spacing: 1.4px;
  
  /*width:147px;
  height:52px;*/
  color:#60b0fc;
  font-size:18px;
  text-indent:10px;
  line-height:25px;
  text-shadow:1px 1px 1px #fff;
  text-transform:uppercase;
  text-decoration:none;
}
#content {
  margin: 0 auto;
}