@charset "utf-8";

html,body,div,ul,li,h1,h2 {
  margin:0;
  padding:0;
  line-height:1.0;
}

ul {
  list-style: none;
}

img {
  border:none;
  vertical-align: bottom;
}

a {
  text-decoration: none;
  color:inherit;
}

   h1 {
    font-size:25px;
    line-height:1.5;
    margin-bottom:30px;
    }
  
  .jqtop{
      margin-top:50px;
    }


.container {
  width:840px;
  height:740px;
  margin:0 auto;
  background-color:#666;
  padding:25px;
}

h2 {
  font-size: 24px;
  color:#fff;
  padding-bottom:25px;
}

ul {
  font-size:16px;
  background-color: #999;
  color:#fff;
}

#tab {overflow: hidden;}

#tab li {
  width:25%;
  margin:0 auto;
  float:left;
  text-align: center;
}

#tab li a {
  display: block;
  line-height: 50px;
  border-right:3px solid #666;
  font:#fff;
  background-color: #333;
  box-sizing:border-box;
}

#tab li:nth-child(n+4) a {
  border-right:0;
}

#tab li.current a {
  background-color: #fff;
  color:#000;
}

.image{ display:none;
  padding:20px;
  background-color: #fff;
}

.image.current{display:block;
}