html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

body {
  font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
  background-color: #19a6ab;
  min-width: 1000px;
  padding: 0 0 50px 0;
}
body .holder {
  height: 103px;
}
body .container {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
body .container.bg {
  background-color: rgba(25,166,171,0.54);
}
body .container.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
body a.hook {
  display: none;
}
body img.header_banner {
  width: 100%;
  position: relative;
  z-index: 2;
}
body img.header_light {
  width: 200px;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: -130px;
}
body .menu {
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 22px 0;
}
body .menu .menu-item {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/sprite.png");
  background-repeat: no-repeat;
  background-size: 300px;
  width: 142px;
  height: 54px;
  margin-right: 43px;
  cursor: pointer;
}
body .menu .menu-item._1 {
  background-position: 0 0;
}
body .menu .menu-item._1:hover {
  background-position: -159px 0;
}
body .menu .menu-item._2 {
  background-position: 0 -141px;
}
body .menu .menu-item._2:hover {
  background-position: -159px -141px;
}
body .menu .menu-item._3 {
  background-position: 0 -207px;
}
body .menu .menu-item._3:hover {
  background-position: -159px -207px;
}
body .menu .menu-item._4 {
  background-position: 0 -273px;
}
body .menu .menu-item._4:hover {
  background-position: -159px -273px;
}
body .menu .menu-item._5 {
  background-position: 0 -339px;
}
body .menu .menu-item._5:hover {
  background-position: -159px -339px;
}
body .menu .menu-item.last-one {
  margin-right: 0;
}
body .main {
  width: 100%;
  background-color: #138083;
  padding: 60px 0;
  position: relative;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
body .main .section-title {
  width: 235px;
  margin: 0 auto;
  display: block;
}
body .main img.pointer {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 28px;
}
body .main a.middle {
  font-size: 20px;
  margin: 13px auto 0 auto;
  display: inline-block;
  text-align: center;
  color: #fff;
  text-decoration: underline;
  position: relative;
}
body .main a.middle:before {
  content: '';
  background: url("../img/pointer.png") no-repeat;
  background-size: 100%;
  width: 35px;
  height: 28px;
  position: absolute;
  top: 0px;
  left: -53px;
  animation: pointerMove 0.5s ease-in infinite;
  animation-direction: alternate;
}
body .main img.part_1_content {
  width: 460px;
  margin: 36px auto 88px auto;
  display: block;
  position: relative;
  left: 24px;
}
body .main img.part_2_content {
  width: 625px;
  margin: 36px auto 88px auto;
  display: block;
}
body .main img.part_3_content {
  width: 830px;
  margin: 36px auto 88px auto;
  display: block;
}
body .main img.zhifeiji {
  position: absolute;
  width: 173px;
  top: 208px;
  left: 0;
}
body .main img.wawa {
  position: absolute;
  width: 157px;
  top: 732px;
  right: 0;
}
body .main img.pinzhen_l {
  position: absolute;
  width: 72px;
  top: -45px;
  left: -40px;
}
body .main img.pinzhen_r {
  position: absolute;
  width: 72px;
  top: -45px;
  right: -40px;
}
body .main img.book {
  position: absolute;
  width: 218px;
  top: -45px;
  right: -340px;
}
body .main img.earth {
  position: absolute;
  width: 218px;
  top: 1186px;
  left: -382px;
}
body .main img.hat {
  position: absolute;
  width: 218px;
  bottom: 135px;
  right: -430px;
}
body .main .support {
  width: 842px;
  margin: 52px auto 0 auto;
}
body .main .support .sup_item {
  width: 400px;
  height: 240px;
  background-image: url("../img/ad_spi.png");
  background-repeat: no-repeat;
  background-size: 810px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
body .main .support .sup_item._1 {
  background-position: 0 0;
  margin: 0 38px 38px 0;
}
body .main .support .sup_item._1:hover {
  background-position: -410px 0;
}
body .main .support .sup_item._2 {
  background-position: 0 -527px;
  margin: 0 0 38px 0;
}
body .main .support .sup_item._2:hover {
  background-position: -410px -527px;
}
body .main .support .sup_item._3 {
  background-position: 0 -265px;
  margin: 0 38px 0 0;
}
body .main .support .sup_item._3:hover {
  background-position: -410px -265px;
}
body .main .support .sup_item._4 {
  background-position: 0 -781px;
}
body .main .support .sup_item._4:hover {
  background-position: -410px -781px;
}
@-moz-keyframes pointerMove {
  to {
    transform: translateX(10px);
  }
}
@-webkit-keyframes pointerMove {
  to {
    transform: translateX(10px);
  }
}
@-o-keyframes pointerMove {
  to {
    transform: translateX(10px);
  }
}
@keyframes pointerMove {
  to {
    transform: translateX(10px);
  }
}