@keyframes bounceIn{
	0%{opacity:0;transform:scale(.3)}
	100%{transform:scale(1)}}
.bounceIn{
	-webkit-animation-name:bounceIn;
	-moz-animation-name:bounceIn;
	-o-animation-name:bounceIn;
	animation-name:bounceIn}
.product input[type=radio] {
          position: relative;
          left: -9999px;
      }
  ul li{list-style: none;}    
.product {
    list-style: none;
    position: relative;
    padding: 0;
    /* float: left; */
    margin: 0 auto;
    max-width: 1200px;
  }
  .product li{
    float: left;
    margin-top: 10px;
  }
  .radio_l{
  	margin-left: 395px;
  }
  .product label {
    padding: 10px 5px;
    font-size: 15px;
    line-height: 48px;
    text-align: center;
    background-color: #104ea5;
    color: #fff;
    border: 0 solid #e1e2e4;
    border-radius: 3px;
  }


  [id^=tab]:checked ~ [id^=tab-content], [id^=tab]:checked ~ [id^=tab-content] > div {
      display: block;
  }
  .tab-content{
    display: none;
    text-align: left;
    position: absolute;
    top: 130px;
    left: 0;
    width: 100%;
  }
  .tab-content > div{
    display: none;
    -webkit-animation-duration: 0.5s;
    float: left;
    padding: 0.5%;
    width: 24%;
    text-align: center;  
  }
  .phone dl{
  	float: left;
  	width: 20%;
  }
  .container{
  	width: 100%;
    margin: 0 auto;

  }
  .container h2{
  	text-align: center;
  }
  .container p{
  	text-align: center;
  }
  .tab-content2 ul{
  	width: 100%;
  }
.tab-content2 ul li{
	float: left;
}
  .tab-content > div span{
    display: block;
    text-align: center;
    height: 40px;
    width: 100%;
    line-height: 40px;
  }
  .tab-content > div img{
    width: 92%;
    /* height: 235px; */
    border: 1px solid #cccccc;
    padding: 2px;
	   transition: all 0.5s ease 0s;
    vertical-align: middle;
  }
.pt{
    width: 100%;
    float: left;
    height: 530px;
    overflow: hidden;
    background: #f3f3f3;
/*
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
*/
    margin-top: 2%;
}

.tab-content > div img:hover{
	transform: scale(1.05);
}