/*
.container{
  width: 100%;
  height: 900px;
  margin: 100px auto;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.tab-wrapper{
  position: relative;
  width: 100%;
  height: 60px;
  bottom:0;
  background-color: #33344a;
}
*/

.container{ width: 1200px; min-height: 900px;position:relative;margin: 100px auto;}
.tab-wrapper{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%);}



.tab-wrapper .tab-radio{
  display: none;
}
.tab-handler{
  position: relative;
  z-index: 2;
  display: block;
  float: left;
  height: 60px;
  padding: 0 40px;
  color: #717181;
  font-size: 16px;
  line-height: 60px;
  transition: .3s;
  transform: scale(.9);
}
.tab-radio:checked + .tab-handler{
  color: #fff;
  background-color: #45b035;
  transform: scale(1);
}
.tab-radio:checked + .tab-handler + .tab-content{
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
/*
 .tab-content{
  visibility: hidden;
  position: absolute;
  top: 60px;
  left: 0;
  width: 740px;
  padding: 30px;
  color: #999;
  font-size: 14px;
  line-height: 1.618em;
  background-color: #fff;
  opacity: 0;
  transition: transform .5s, opacity .7s;
  transform: translateY(20px);
}*/

.tab-content{ 
  visibility: hidden; 
  position: absolute;
  margin:-800px -450px; 
  font-size: 14px;
  line-height: 1.618em;
  background-color: #fff;
  opacity: 0;
  transition: transform .5s, opacity .7s;
  transform: translateY(20px);}


 .tab-content ul{ width: 1202px;	margin: 30px auto; }
 .tab-content li{ 	float: left;
								margin-bottom: 30px;
								margin-left:30px;
								width: 570px;
								height: 216px;
								overflow:hidden;
								text-align: left;
							    box-shadow: 2px 2px 10px rgba(0,0,0,.1); }

 .tab-content li:hover{
   	box-shadow: 2px 2px 10px rgba(0,0,0,.3);
	transition: all .5s;
}

 .tab-content li .title{
  	font-size: 25px;
	color: #000;
	width: 520px;
	margin: 0px auto;
	height: 75px;
	line-height: 75px;
}
 .tab-content li .des{ 	font-size: 15px;
	line-height: 25px;
	color: #595757;
	width: 520px;
	margin: 0px auto; }