@charset "utf-8";
.demo {
  max-width:1480px;
  margin:10px auto 0 auto;
}
/*history*/
.history {
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/ecce5c55-28bf-46a1-91c5-978a97c9f8a2.gif) repeat-y 187px 0;
  overflow:hidden;
  position:relative;
}
.history-date {
  overflow:hidden;
  position:relative;
}
.history-date h2 {
  background:#fff url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/450ec5c5-be31-47aa-bb7f-e11853d803fb.gif) no-repeat 158px 0;
  height:59px;
  font-size:25px;
  font-family:微软雅黑;
  font-weight:normal;
  padding-left:45px;
  margin-bottom:30px;
}
.history-date h2.first {
  position:absolute;
  left:0;
  top:0;
  width:935px;
  z-index:99;
}
.history-date h2 a {
  color:#06741b;
  display:inline-block;
  *display:inline;
  zoom:1;
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/f27ea9a6-7b35-495a-b5a3-415ea69013c8.png) no-repeat right 50%;
  padding-right:17px;
  margin:21px 97px 0 0;
  font-size: 22px;
  font-weight: bold;
}
.history-date h2 a:hover {
  text-decoration:none;
}
.history-date h2 img {
  vertical-align:-5px;
}
.history-date h2.date02 {
  background:none;
}
.history-date ul li {
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/353cdf8a-ad22-452e-bb24-653142529cc8.gif) no-repeat 180px 0;
  padding-bottom:30px;
  zoom:1;
}
.history-date ul li.last {
  padding-bottom:0;
}
.history-date ul li:after {
  content:" ";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.history-date ul li h3 {
  float:left;
  width:168px;
  text-align:right;
  padding-right:19px;
  color:#c3c3c3;
  font:normal 18px/16px Arial;
}
.history-date ul li h3 span {
  display:block;
  color:#d0d0d0;
  font-size:12px;
}
.history-date ul li dl {
  float:left;
  padding-left:41px;
  margin-top:-5px;
  font-family:微软雅黑;
}
.history-date ul li dl dt {
  font: 16px/24px 微软雅黑;
    color: #333;
}
.history-date ul li dl dt span {
  display:block;
  color:#787878;
  font-size:12px;
}
.history-date ul li.green h3 {
  color:#1db702;
}
.history-date ul li.green h3 span {
  color:#a8dda3;
}
.history-date ul li.green dl {
  margin-top:-8px;
}
.history-date ul li.green dl dt {
  font-size:30px;
  line-height:28px;
}
.history-date ul li.green dl dt a {
  display:inline-block;
  *display:inline;
  zoom:1;
  overflow:hidden;
  vertical-align:middle;
  margin-left:12px;
}
.history-date ul li.green dl dd {
  padding-top:20px;
  display:none;
}
.history-date ul li.green dl dd img {
  float:left;
}
.history-date ul li.green dl dd p {
  overflow:hidden;
  zoom:1;
  line-height:21px;
  color:#787878;
}
.history-date h2.first .more-history {
  font-size:16px;
  background:transparent;
  margin-left:30px;
}
.history-date h2.first .more-history:hover {
  text-decoration:underline;
}


@media only screen and (max-width: 768px){
  
  .history {
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/ecce5c55-28bf-46a1-91c5-978a97c9f8a2.gif) repeat-y 80px 0;
  overflow:hidden;
  position:relative;
}
  .history-date h2.first {
    width: 100%;
    z-index: 9;
}
.history-date h2 {
    background: #fff url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/450ec5c5-be31-47aa-bb7f-e11853d803fb.gif) no-repeat 40px 0;
    height: 59px;
    font-size: 25px;
    font-family: 微软雅黑;
    font-weight: normal;
    padding-left: 100px;
    margin-bottom: 10px;
}
.history-date ul li {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/353cdf8a-ad22-452e-bb24-653142529cc8.gif) no-repeat 73px 0;
    padding-bottom: 10px;
    zoom: 1;
}
.history-date ul li h3 {
float: left;
    width: 20%;
    text-align: right;
    padding-right: 12px;
    color: #c3c3c3;
    font: normal 16px/16px Arial;
}
.history-date ul li dl {
    float: left;
    padding-left: 25px;
    margin-top: -5px;
    font-family: 微软雅黑;
    width: 78%;
}
.history-date ul li dl dt {
    font: 14px/24px 微软雅黑;
    color: #333;
}

}

.page_a.current {
    background: #06741b!important;
    color: #fff;
}
.page_a:hover {
    text-decoration: none;
    background: #06741b;
    color: #fff;
}

/* CSS Document */
.floatQQ {
	background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/b273822a-2462-4b3a-a8da-a9c39900b14d.png) #06741b no-repeat;
}
.floatSh {
	background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/96d323b4-4e74-4476-9b1a-6ac3e20b9001.png) #06741b no-repeat;
}
.floatTel {
	background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/e22c1b27-68d8-4a9e-a28b-b75dfe4876cd.png) #06741b no-repeat;
}
.floatTop {
	background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030212301699354/cms/image/246c3225-6f45-4c84-a09d-4c14faf8d152.png) #06741b no-repeat;
	cursor: pointer;
}
@media only screen and (min-width: 769px){
  
 .floatBox {
  	position: fixed;
    right: -10px;
    top: 50%;
    transform:translateY(-50%);
    z-index: 50;
    width: 87px;
   
  }
 .floatLi {
  	 position: relative;
    left:0;
    display: flex;
    width: auto;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    
    text-align: center;
        overflow: hidden;
      transition: all 0.5s ease ;
  }
 .floatLi3 {
  	 position: relative;
    left:0;
    display: flex;
    width: 300px;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    
    text-align: center;
        overflow: hidden;
      transition: all 0.5s ease ;
  }
 .alink {
  	display: inline-block;
  	 width: 87px;
    height: 100%;
    padding: 30px 0 0 0;
    color: #fff;
    font-size: 0.75rem;
      
  }
 .floatTel2 {
  	 display:block;
    z-index: 1;
    width: 184px;
    height: 57px;
    font: 24px/57px Arial;
    color: #fff;
    background: #06741b;
    cursor: pointer;
  }
  .floatLi:hover {
  	left:-10px;
  }
  .floatLi3:hover {
  	left:-194px;
  }
}
@media only screen and (max-width: 768px){
  
  .moQQ {
  	display:none;
  }
  .floatBox {
  	position:fixed;
    bottom:0;
    left:0;
    z-index: 50;
    width: 100%;
    height: 57px;
    background: #06741b;
  }
  .moli {
  	position: relative;
    width: 33.3%;
    height: 57px;
    line-height: 27px;
    color: #fff;
    float: left;
    text-align: center;
  }
  .floatLi {
  	position: relative;
    width: 33.3%;
    height: 57px;
    line-height: 27px;
    color: #fff;
    float: left;
    text-align: center;
  }
  .floatTop {
        display: inline-block;
    font-size: 0.75rem;
  	width: 77px;
    height: 27px;
    padding: 30px 0 0 0;
    color: #fff;
 
  }
  .moli .alink {
        display: inline-block;
    font-size: 0.75rem;
  	width: 77px;
    height: 27px;
    padding: 30px 0 0 0;
    color: #fff;
 
  }
  .floatTel2 {
  	display:none;
  }
}