* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
li,
ul {
  list-style: none;
}
img {
  border: none;
  display: block;
}
body {
  font-family: 'Microsoft YaHei';
}
.topbar:before,
.topbar:after {
  display: table;
  content: "";
}
.topbar{
  height: 60px;
}
.topbar .logo{
  float: left;
  width: 134px;
  height: 60px;
  display: block;
}
.topbar .rightText{
  float: right;
  display: block;
  font-size: 16px;
  color: #333333;
  line-height: 60px;
}
.topbar .rightText .newColor{
  color: #009b78;
}
.content-wapper {
  *zoom: 1;
  width: 1200px;
  margin: 0 auto;
}
.topBanner {
  width: 100%;
  height: 680px;
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/top_banner1.jpg") no-repeat top center;
}
.main {
  width: 100%;
  height: 935px;
  background: url("//static.zhen22.com/wp-content/uploads/2016/03/main_bg.png");
  overflow: hidden;
}
.container {
  width: 1200px;
  position: absolute;
  top: 550px;
  bottom: 0;
  right: 0;
  left: 0;
  height: 1142px;
  overflow: hidden;
  margin: 0 auto;
}
.footer {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.footer ul {
  padding-top: 30px;
  text-align: center;
  overflow: hidden;
  padding-bottom: 20px;
}
.footer li {
  display: inline-block;
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid #ccc;
}
.footer li a {
  color: #949089;
  font-size: 14px;
}
.footer li a:hover {
  color: #009b78;
}
.footer li:last-child {
  border: 0;
}
.footer p {
  line-height: 32px;
  color: #949089;
  font-size: 12px;
}
.footer p a {
  color: #949089;
}
.footer p a:hover {
  color: #333;
}
.container .item {
  width: 361px;
  height: 312px;
  position: absolute;
}
.container .first {
  top: 69px;
  left: 426px;
  perspective: 1000px;
}
.container .first:hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.container .first .flipper {
  width: 100%;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
.container .first .flipper .front,
.container .first .flipper .back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.container .first .flipper .front {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/itemBg1.png");
  z-index: 2;
  text-align: center;
}
.container .first .flipper .front .title {
  font-size: 32px;
  font-weight: bold;
  color: #565867;
  margin-top: 140px;
  display: block;
}
.container .first .flipper .front p {
  font-size: 14px;
  color: #b1b1b1;
  margin-top: 10px;
  line-height: 20px;
}
.container .first .flipper .back {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/item_bg_hover.png");
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  z-index: 4;
  text-align: center;
}
.container .first .flipper .back .title {
  font-size: 24px;
  font-weight: bold;
  color: #565867;
  margin-top: 55px;
  display: block;
}
.container .first .flipper .back p {
  width: 210px;
  text-indent: 28px;
  font-size: 14px;
  color: #b1b1b1;
  margin: 20px auto 0 auto;
  line-height: 20px;
}
.container .second {
  top: 236px;
  right: 127px;
  perspective: 1000px;
}
.container .second:hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.container .second .flipper {
  width: 100%;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
.container .second .flipper .front,
.container .second .flipper .back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.container .second .flipper .front {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/itemBg2.png");
  z-index: 2;
  text-align: center;
}
.container .second .flipper .front .title {
  font-size: 32px;
  font-weight: bold;
  color: #565867;
  margin-top: 140px;
  display: block;
}
.container .second .flipper .front p {
  font-size: 14px;
  color: #b1b1b1;
  margin-top: 10px;
  line-height: 20px;
}
.container .second .flipper .back {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/item_bg_hover.png");
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  z-index: 4;
  text-align: center;
}
.container .second .flipper .back .title {
  font-size: 24px;
  font-weight: bold;
  color: #565867;
  margin-top: 55px;
  display: block;
}
.container .second .flipper .back p {
  width: 210px;
  text-indent: 28px;
  font-size: 14px;
  color: #b1b1b1;
  margin: 20px auto 0 auto;
  line-height: 20px;
}
.container .third {
  bottom: 265px;
  right: 127px;
  perspective: 1000px;
}
.container .third:hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.container .third .flipper {
  width: 100%;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
.container .third .flipper .front,
.container .third .flipper .back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.container .third .flipper .front {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/itemBg4.png");
  z-index: 2;
  text-align: center;
}
.container .third .flipper .front .title {
  font-size: 32px;
  font-weight: bold;
  color: #565867;
  margin-top: 140px;
  display: block;
}
.container .third .flipper .front p {
  font-size: 14px;
  color: #b1b1b1;
  margin-top: 10px;
  line-height: 20px;
}
.container .third .flipper .back {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/item_bg_hover.png");
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  text-align: center;
  z-index: 4;
}
.container .third .flipper .back .title {
  font-size: 24px;
  font-weight: bold;
  color: #565867;
  margin-top: 55px;
  display: block;
}
.container .third .flipper .back p {
  width: 210px;
  text-indent: 28px;
  font-size: 14px;
  color: #b1b1b1;
  margin: 20px auto 0 auto;
  line-height: 20px;
}
.container .fourth {
  bottom: 100px;
  perspective: 1000px;
  left: 426px;
}
.container .fourth:hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.container .fourth .flipper {
  width: 100%;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
.container .fourth .flipper .front,
.container .fourth .flipper .back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.container .fourth .flipper .front {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/itemBg3-1.png");
  z-index: 2;
  text-align: center;
}
.container .fourth .flipper .front .title {
  font-size: 32px;
  font-weight: bold;
  color: #565867;
  margin-top: 140px;
  display: block;
}
.container .fourth .flipper .front p {
  font-size: 14px;
  color: #b1b1b1;
  margin-top: 10px;
  line-height: 20px;
}
.container .fourth .flipper .back {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/item_bg_hover.png");
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  z-index: 4;
  text-align: center;
}
.container .fourth .flipper .back .title {
  font-size: 24px;
  font-weight: bold;
  color: #565867;
  margin-top: 55px;
  display: block;
}
.container .fourth .flipper .back p {
  width: 210px;
  text-indent: 28px;
  font-size: 14px;
  color: #b1b1b1;
  margin: 20px auto 0 auto;
  line-height: 20px;
}
.container .fifth {
  bottom: 266px;
  left: 137px;
  perspective: 1000px;
}
.container .fifth:hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.container .fifth .flipper {
  width: 100%;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
.container .fifth .flipper .front,
.container .fifth .flipper .back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.container .fifth .flipper .front {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/itemBg5.png");
  z-index: 2;
  text-align: center;
}
.container .fifth .flipper .front .title {
  font-size: 32px;
  font-weight: bold;
  color: #565867;
  margin-top: 140px;
  display: block;
}
.container .fifth .flipper .front p {
  font-size: 14px;
  color: #b1b1b1;
  margin-top: 10px;
  line-height: 20px;
}
.container .fifth .flipper .back {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/item_bg_hover.png");
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  z-index: 4;
  text-align: center;
}
.container .fifth .flipper .back .title {
  font-size: 24px;
  font-weight: bold;
  color: #565867;
  margin-top: 55px;
  display: block;
}
.container .fifth .flipper .back p {
  width: 210px;
  text-indent: 28px;
  font-size: 14px;
  color: #b1b1b1;
  margin: 20px auto 0 auto;
  line-height: 20px;
}
.container .sixth {
  top: 235px;
  left: 137px;
  perspective: 1000px;
}
.container .sixth:hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.container .sixth .flipper {
  width: 100%;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
.container .sixth .flipper .front,
.container .sixth .flipper .back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.container .sixth .flipper .front {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/itemBg6.png");
  z-index: 2;
  text-align: center;
}
.container .sixth .flipper .front .title {
  font-size: 32px;
  font-weight: bold;
  color: #565867;
  margin-top: 140px;
  display: block;
}
.container .sixth .flipper .front p {
  font-size: 14px;
  color: #b1b1b1;
  margin-top: 10px;
  line-height: 20px;
}
.container .sixth .flipper .back {
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/item_bg_hover.png");
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  text-align: center;
  z-index: 4;
}
.container .sixth .flipper .back .title {
  font-size: 24px;
  font-weight: bold;
  color: #565867;
  margin-top: 55px;
  display: block;
}
.container .sixth .flipper .back p {
  width: 210px;
  text-indent: 28px;
  font-size: 14px;
  color: #b1b1b1;
  margin: 20px auto 0 auto;
  line-height: 20px;
}
.container .ico {
  position: absolute;
  top: 412px;
  left: 470px;
  display: block;
  width: 269px;
  height: 296px;
  background: url("//static.zhen22.com/wp-content/uploads/2016/08/item_ico.png");
}
.container .tips{
  font-size:14px;
  color: #f4f4f4;
  display: block;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  text-align: center;
}
.container .small_tips{
  font-size:14px;
  color: #9e9e9e;
  display: block;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 50px;
  text-align: center;
}