html,body,ul{
  margin: 0;
  padding: 0;
}

.treeosai ul li{
  list-style: none;
}
.treeosai ul li .ai_nav_tabbar{
	width:70%
}
.treeosai{
  position: relative;
}
.treeosai ul{
  position: absolute;
  bottom: 70px;
  margin: 0px 190px;
}
a{
  display: inline;
}
.treeosai img{
  width: 100%;
  height: 100%;
}
.treeosai1 li{
  float: left;
  /* position: absolute; */
}

tbody tr:nth-child(2n+1){
  background:#E5E5E5;
}
h3{
  color:#307FF5;
}
.treeosai .aiBoxCenter{
  margin: 0px 262px;
}
.treeosai .aiBoxCenter table.tableStyle{
  width: 800px;
}


@media screen and (max-width:767px){
	.treeosai ul li{
	  list-style: none;
	  float:left;
	  width:50px;
	  margin:0px 17px
	}
	.treeosai ul li .ai_nav_tabbar{
		width:100%
	}
	.treeosai{
	  position: relative;
	}
	.treeosai ul{
	  position: absolute;
	  bottom: 20px;
	  margin: 0px 0px;
	}
	a{
	  display: inline;
	}
	.treeosai img{
	  width: 100%;
	  height: 100%;
	}
	.treeosai1 li{
	  float: left;
	  /* position: absolute; */
	}

	tbody tr:nth-child(2n+1){
	  background:#E5E5E5;
	}
	h3{
	  color:#307FF5;
	}
	.treeosai .aiBoxCenter{
    margin: 0px 0px;
  }
	.treeosai .aiBoxCenter table.tableStyle{
    width: 560px;
  }

}
	
@media (min-width: 768px) and (max-width: 969px) {

}
@media (min-width: 970px) and (max-width: 1199px) {


}
@media (min-width: 1200px) {

}

@media(min-width:1600px){

}