.timeline-theme-1 {
  width: 800px;
  margin: 100px auto; }

.timeline-1 .timeline-list {
  width: 800px;
  height: 350px; }

.timeline-1 .timeline-item {
  width: 800px;
  height: 350px;
  background: #ddd;
  border: none; }

.timeline-visual {
  float: left;
  width: 43%;
  margin-right: 3%;
  line-height: 1; }
  .timeline-visual img {
    max-width: 100%; }

.timeline-detail {
  float: left;
  width: 53%;
  height: 100%;
  overflow-y: auto; }

.timeline-detail-list {
  margin: 10px;
  padding: 10px; }
  .timeline-detail-list li {
    margin-bottom: 0.4rem; }

.timeline-theme-2 {
  width: 600px;
  margin: 70px auto auto; }

.timeline-small-box .timeline-list {
  width: 600px;
  height: 250px; }

.timeline-small-box .box-item {
  float: left;
  width: 600px;
  height: 250px;
  color: #fff;
  text-align: center; }

.theme-1 {
  background: #4A2AB2; }

.theme-2 {
  background: #7dffc3; }

.theme-3 {
  background: #23A5E9; }

.theme-4 {
  background: #93C763; }

.theme-5 {
  background: #949923; }

.theme-6 {
  background: #990055; }
 
.timeline-list-wrap div{
	
	background: #f6f6f6;
    box-shadow: 2px 2px 5px #888888;
}
.sjz div{
	
	height:100%;
	float:left;
	color:#000;
	text-align:left;
	font-size:12px;
	border-radius: 5px;
}

.myul{
	list-style-image: url('../images/li.png');
	list-style-position: outside;
}
.myul li{
	
	line-height: 50px;
}