﻿@charset "UTF-8";
/* CSS Document */
body, html {
	position: relative;

}

@-webkit-keyframes fadeleft {
  0% {
    opacity: 0;
    left: 0;
  }
  100% {
    opacity: 1;
    left: 14px;
  }
}

@keyframes fadeleft {
  0% {
    opacity: 0;
    left: 0;
  }
  100% {
    opacity: 1;
    left: 14px;
  }
}
@-webkit-keyframes upAndDown {
  0% {
    top: 0;
  }
  20% {
    top: -30px;
  }
  40% {
    top: 15px;
  }
  60% {
    top: -15px;
  }
  80% {
    top: 7px;
  }
  100% {
    top: 0;
  }
}
@keyframes upAndDown {
  0% {
    top: 0;
  }
  20% {
    top: -30px;
  }
  40% {
    top: 15px;
  }
  60% {
    top: -15px;
  }
  80% {
    top: 7px;
  }
  100% {
    top: 0;
  }
}
.w1200 {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}

.header {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1206px;
  margin-left: -603px;
  background: url(../bgimages/bg_01.png) no-repeat center top;
  height: 93px;
  z-index: 10;
}
.header .logo {
  width: 171px;
  height: 86px;
  display: block;
}
.header .logo img {
  display: block;
}
.header .right-box {
  width: 1035px;
}
.header .right-box .sign {
  margin-left: 6px;
  margin-top: 17px;
  font-size:14px;
  width:188px;
  color:#7e9fb0;
}
.header .main {
  width: 1027px;
  height: 47px;
  border-bottom: 1px solid #e7ecef;
  position: relative;
  z-index: 3;
}
.header .main .link {
	width:90px;
  margin-top: 14px;
  margin-right: 8px;
}
.header .main .link a {
  display: block;
  float: right;
  width: 24px;
  height: 24px;
  margin: 0 0 0 5px;
  padding: 0;
}
.header .main .link a.wx {
  background: url(../bgimages/ico_03.png) no-repeat center;
  position: relative;
}
.header .main .link a.wx:hover {
  background: url(../bgimages/ico_03_h.png) no-repeat center;
}
.header .main .link a:hover .down {
  display: block;
}
.header .main .link .down {
  display: none;
  width: 128px;
  height: 128px;
  padding: 16px 9px 6px;
  position: absolute;
  top: 26px;
  left: -8px;
  background: url(../bgimages/bg_04.png) no-repeat center top;
}
.header .main .link .down img {
  display: block;
  width: 100%;
  height: 100%;
}
.header .main .link .em {
  background: url(../bgimages/ico_76.png) no-repeat center;
  position: relative;
}
.header .main .link .em:hover {
  background: url(../bgimages/ico_76_hov.png) no-repeat center;
}
.header .main .link .ca {
  background: url(../bgimages/ico_04_h.png) no-repeat center;
  position: relative;
  opacity: 0.25;
  filter: Alpha(opacity=25);
}
.header .main .link .ca:hover {
  opacity: 1;
  filter: Alpha(opacity=100);
}
.header .main .link .lk {
  background: url(../bgimages/ico_06_hov.png) no-repeat center;
  position: relative;
  opacity: 0.25;
  filter: Alpha(opacity=25);
}
.header .main .link .lk:hover {
  opacity: 1;
  filter: Alpha(opacity=100);
}
.header .main .link .ip {
  background: url(../bgimages/ico_05.png) no-repeat center;
  position: relative;
}
.header .main .link .ip:hover {
  background: url(../bgimages/ico_05_h.png) no-repeat center;
}
.header .search {
  width: 132px;
  height: 21px;
  margin-top: 16px;
  background: url(../bgimages/bg_02.png) no-repeat center top;
  margin-right: 22px;
}
.header .search .tex {
  border: none;
  font-size: 12px;
  height: 13px;
  line-height: 12px;
  padding: 3px 0;
  margin-left: 10px;
  width: 95px;
  color: #b3b7ba;
  background: none;
  margin-top: 1px;
}
.header .search .btn {
  border: none;
  width: 22px;
  height: 19px;
  background: url(../bgimages/ico_02.png) no-repeat 3px center;
  margin-top: 1px;
}
.header .nav {
  width: 1030px;
  height: 38px;
  margin-left: 1px;
  position: relative;
  z-index: 2;
}
.header .nav ul {
  width: 100%;
}
.header .nav li.ho {
  width: 122px;
}
.header .nav li {
  width: 128px;
  border-left: 1px solid #d2e5ee;
  text-align: center;
  font-size: 14px;
  position: relative;
  height: 38px;
  line-height: 38px;
}
.header .nav li:first-child {
  border-left: 0;
}
.header .nav li a {
  color: #626262;
  display: block;
  width: 100%;
  -webkit-transition: 0.4s ease 0s;
          transition: 0.4s ease 0s;
  height: 38px;
}
.header .nav li i {
  display: none;
  width: 35px;
  height: 48px;
  background: url(../bgimages/ico_mouse.png) no-repeat center;
  position: absolute;
  left: 14px;
  bottom: -1px;
  opacity: 0;
}
.header .nav li:hover a.tit {
  background-color: #0181cc;
  color: #fff;
  font-weight: bold;
}
.header .nav li:hover i {
  display: block;
  -webkit-animation: 1.5s ease 0s infinite running fadeleft;
          animation: 1.5s ease 0s infinite running fadeleft;
}
.header .nav li.hover a.tit {
  background-color: #0181cc;
  color: #fff;
  font-weight: bold;
}
.header .nav li.hover i {
  display: block;
  opacity: 1;
}
.header .nav li.right {
  width: 151px;
}
.header .nav li.right:hover a.tit {
  background: url(../bgimages/bg_03.png) no-repeat left center;
}
.header .nav .sub-box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 38px;
  display: none;
}
.header .nav .sub-box .topbg {
  width: 100%;
  background-color: #02afeb;
}
.header .nav .sub-box p {
  padding: 2px 0;
  border-bottom: 1px solid #1cb7ed;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
}
.header .nav .sub-box p a {
  color: #fff;
  display: block;
  line-height: 34px;
  -webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.header .nav .sub-box p a:hover {
  background-color: #fff;
  color: #0082ce;
}
.header .nav .sub-box .botbg {
  width: 100%;
  display: block;
  height: 12px;
  background: url(../bgimages/bg_88.png) no-repeat center;
}

.footer {
  padding-top: 77px;
  height: 358px;
  background: url(../bgimages/bg_18.png) no-repeat center top;
  position: relative;
  z-index: 10;
  margin-top:36px;
overflow:hidden;
}
.footer .main-wrap {
  height: 257px;
  border-bottom: 1px solid #2597c7;
}
.footer .main-wrap .follow {
  width: 125px;
  padding-left: 44px;
  border-left: 1px solid #269acb;
  margin-top: 42px;
}
.footer .main-wrap .follow .tt {
  display: block;
  width: 100%;
  height: 34px;
  background: url(../bgimages/font_01.png) no-repeat left top;
}
.footer .left-nav {
  border-right: 1px solid #4dadd5;
  margin-top: 8px;
}
.footer li {
  float: left;
  width: 146px;
  margin-top: -8px;
}
.footer .tit  {
  line-height: 29px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 9px;
  display:block;
}
.footer .tit  {
  color: #fff;
}
.footer .topbg p{
  line-height: 22px;
}
.footer .topbg a {
  color: #cfe5f2;
  -webkit-transition: color 0.4s ease 0s;
          transition: color 0.4s ease 0s;
}
.footer .topbg a:hover {
  color: #fff;
}
.footer .share {
  width: 100%;
}
.footer .share a {
  display: block;
  width: 33px;
  height: 49px;
  float: left;
  -webkit-transition: all 0.4s ease 0s;
          transition: all 0.4s ease 0s;
  margin: 0 0 0 8px;
  padding: 0;
  position: relative;
}
.footer .share .sina {
  background: url(../bgimages/share_01.png) no-repeat center top;
}
.footer .share .wx {
  background: url(../bgimages/share_02.png) no-repeat center top;
}
.footer .share .bai {
  background: url(../bgimages/share_03.png) no-repeat center top;
}
.footer .share a:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.footer .share .down{
  width: 110px;
  position: absolute;
  top: 55px;
  left: -40px;
  border: 5px solid #fff;
}
.footer .bot-wrap {
  border-top: 1px solid #5db7dd;
  padding-top: 16px;
  height: 83px;
}
.footer .bot-wrap .left {
  margin-top: 5px;
}
.footer .bot-wrap .left p {
  line-height: 23px;
  color: #abd3e9;
  margin-top: 6px;
}
.footer .bot-wrap .left a {
  color: #abd3e9;
  -webkit-transition: color 0.4s ease 0s;
          transition: color 0.4s ease 0s;
}
.footer .bot-wrap .left a:hover {
  color: #fff;
}
.footer .bot-wrap .link {
  width: 100%;
  line-height: 24px;
  color: #abd3e9;
}
.footer .bot-wrap .link a {
  color: #abd3e9;
  float: left;
}
.footer .bot-wrap .link span {
  float: left;
}
.footer .bot-wrap .branch a {
  display: inline-block;
  float: right;
  margin-left: 12px;
}

/*******************banner******************/
.i-ban {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.i-ban ul {
  width: 100%;
}
.i-ban ul li {
  width: 100%;
  height: 500px;
}

.i-wrap-fir {
  width: 100%;
  height: 360px;
  background: url(../bgimages/bg_05.png) no-repeat center top;
  position: relative;
  margin-top: -35px;
  z-index: 2;
}
.i-wrap-fir .list {
  margin-top: 92px;
}
.i-wrap-fir .list .img {
  display: block;
  width: 190px;
  height: 160px;
}
.i-wrap-fir .list li {
  height: 211px;
}
.i-wrap-fir .list .tit {
  line-height: 36px;
}
.i-wrap-fir .list .tit .f20 {
  font-size: 20px;
  font-weight: bold;
  color: #0080cc;
}
.i-wrap-fir .list .tit .en {
  font-weight: bold;
  font-family: "Times New Roman";
  color: #dbdbdb;
  font-size: 14px;
  text-transform: uppercase;
}
.i-wrap-fir .list .cont {
  width: 254px;
}
.i-wrap-fir .list .word {
  margin-top: 7px;
  line-height: 22px;
  font-size: 13px;
}
.i-wrap-fir .list .more {
  display: inline-block;
  width: 52px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  background: url(../bgimages/bg_06.png) no-repeat center;
  font-family: "Arial";
  font-weight: bold;
  margin-top: 12px;
  font-size: 11px;
}
.i-wrap-fir .list li.left {
  padding-right: 11px;
  background: url(../bgimages/bg_07.png) no-repeat right top;
}
.i-wrap-fir .w1200 {
  position: relative;
  height: 100%;
}
.i-wrap-fir .count-down {
  width: 306px;
  height: 367px;
  background: url(../bgimages/bg_09.png) no-repeat center bottom;
  margin-bottom: -7px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.i-wrap-fir .count-down a{
  display: block;
  width: 262px;
  height: 190px;
  padding: 12px 11px;
  background: url(../bgimages/bg_93.png) no-repeat center;
  margin: 80px auto 0;
}
.i-wrap-fir .count-down img{
  display: block;
  width: 262px;
  height: 190px;
  border-radius: 3px;
}
.i-wrap-fir .count-down .font {
  padding-top: 133px;
  line-height: 26px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}
.i-wrap-fir .count-down .surplus {
  margin-top: 11px;
  padding-left: 87px;
  line-height: 37px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.i-wrap-fir .count-down .surplus .time {
  width: 64px;
  height: 37px;
  padding: 0 10px 0 14px;
  background: url(../bgimages/bg_19.png) no-repeat center;
  line-height: 37px;
  color: #e58f17;
  font-size: 24px;
}
.i-wrap-fir .count-down .surplus .time span {
  display: inline-block;
  width: 19px;
  margin-right: 2px;
  float: left;
  text-align: center;
  font-weight: normal;
}
.i-wrap-fir .bot-sign {
  width: 100%;
  position: absolute;
  height: 250px;
  background: url(../bgimages/bg_08.png) no-repeat center;
  bottom: -115px;
  left: 0;
  z-index: 3;
}
.i-wrap-fir .ban-small {
  width: 450px;
  height: 360px;
  position: absolute;
  right: -50px;
  bottom: 235px;
  z-index: 2;
  overflow: hidden;
}
.i-wrap-fir .ban-small .turn {
  display: block;
  position: absolute;
  width: 127px;
  height: 134px;
  background: url(../bgimages/ico_65.png) no-repeat center;
  right: 53px;
  top: 0;
  -webkit-animation: 10s linear 0s infinite running Turnico;
          animation: 10s linear 0s infinite running Turnico;
}
.i-wrap-fir .more1 {
  display: inline-block;
  width: 52px;
  height: 18px;
  position: absolute;
  left: 50%;
  bottom: 103px;
  margin-left: -410px;
  z-index: 5;
}
.i-wrap-fir .more2 {
  display: inline-block;
  width: 52px;
  height: 18px;
  position: absolute;
  left: 50%;
  bottom: 107px;
  margin-left: 45px;
  z-index: 5;
}

@-webkit-keyframes Turnico {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);

  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes Turnico {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.i-wrap-sec {
  width: 100%;
  background: url(../bgimages/bg_10.jpg) no-repeat center top;
  position: relative;
  overflow: hidden;
  height: 563px;
}
.i-wrap-sec .bg-line {
  display: block;
  width: 1690px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -845px;
  height: 525px;
}
.i-wrap-sec .bg-line i {
  display: block;
  width: 0;
  height: 100%;
  background: url(../bgimages/bg_11.png) no-repeat left center;
  position: absolute;
  left: 0;
  top: 0;
}
.i-wrap-sec .list {
  width: 1200px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 105px;
}
.i-wrap-sec .list ul {
  width: 110%;
}
.i-wrap-sec .list li {
  width: 233px;
  position: relative;
  margin: 0 39px;
  left: 100px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.i-wrap-sec .list li a {
  display: block;
  background: url(../bgimages/bg_12.png) no-repeat center;
  width: 210px;
  padding: 8px 11px;
  position: relative;
  z-index: 2;
}
.i-wrap-sec .list li img {
  display: block;
}
.i-wrap-sec .list li p {
  line-height: 52px;
  padding-left: 13px;
  font-size: 17px;
}
.i-wrap-sec .list li .more {
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  right: -18px;
  bottom: -18px;
  z-index: 3;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
          transition: transform 0.5s ease 0s;
}
.i-wrap-sec .list li:hover .more {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.i-wrap-sec .list li.li1 {
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.i-wrap-sec .list li.li1 p {
  color: #1a85b3;
}
.i-wrap-sec .list li.li1 .sign {
  background: url(../bgimages/ico_07.png) no-repeat center;
  display: block;
  width: 125px;
  height: 133px;
  position: absolute;
  z-index: 1;
  left: -17px;
  top: -81px;
}
.i-wrap-sec .list li.li1 .more {
  background: url(../bgimages/ico_08.png) no-repeat center;
}
.i-wrap-sec .list li.li2 {
  -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
          transform: rotate(5deg);
}
.i-wrap-sec .list li.li2 p {
  color: #d1a523;
}
.i-wrap-sec .list li.li2 .more {
  background: url(../bgimages/ico_09.png) no-repeat center;
}
.i-wrap-sec .list li.li3 {
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.i-wrap-sec .list li.li3 p {
  color: #ca7793;
}
.i-wrap-sec .list li.li3 .more {
  background: url(../bgimages/ico_10.png) no-repeat center;
}
.i-wrap-sec .list li.li4 {
  -webkit-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
          transform: rotate(1deg);
}
.i-wrap-sec .list li.li4 p {
  color: #5d7e3a;
}
.i-wrap-sec .list li.li4 .more {
  background: url(../bgimages/ico_11.png) no-repeat center;
}

.i-wrap-thi {
  width: 100%;
  background: url(../bgimages/bg_13.jpg) no-repeat center top;
  height: 637px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.i-wrap-thi .w1200 {
  position: relative;
  height: 100%;
}
.i-wrap-thi .child {
  display: block;
  width: 261px;
  height: 401px;
  background: url(../bgimages/img_10.png) no-repeat center;
  position: absolute;
  left: -147px;
  top: 156px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.i-wrap-thi .mom {
  display: block;
  width: 450px;
  height: 638px;
  position: absolute;
  right: -168px;
  top: 90px;
  background: url(../bgimages/img_11.png) no-repeat center top;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.i-wrap-thi .drop {
  display: block;
  width: 55px;
  height: 119px;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -28px;
}
.i-wrap-thi .drop i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../bgimages/ico_12.png) no-repeat center bottom;
}
.i-wrap-thi .plane {
  width: 147px;
  height: 117px;
  background: url(../bgimages/ico_14.png) no-repeat center;
  position: absolute;
  left: -400px;
  bottom: -10px;
  display: block;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.i-wrap-thi .plane.active {
  -webkit-animation: 2s ease 0s running indexflyfir;
          animation: 2s ease 0s running indexflyfir;
}
.i-wrap-thi .center {
  padding-top: 131px;
  width: 585px;
  height: 205px;
  margin: 0 auto;
  top: 227px;
  background: url(../bgimages/bg_14.png) no-repeat center top;
  text-align: center;
  position: relative;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.i-wrap-thi .center .mom-logo {
  display: block;
  width: 84px;
  height: 118px;
  position: absolute;
  top: -105px;
  left: 50%;
  margin-left: -42px;
}
.i-wrap-thi .center p {
  line-height: 24px;
  color: #2e89b0;
  font-size: 14px;
}
.i-wrap-thi .center h3 {
  margin-top: 7px;
  color: #fa7a8a;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
.i-wrap-thi .center h3.f22 {
  font-size: 22px;
}
.i-wrap-thi .center .more {
  display: block;
  width: 140px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background: url(../bgimages/bg_15.png) no-repeat center;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -70px;
  font-size: 15px;
  -webkit-transition: opacity 0.4s ease 0s;
          transition: opacity 0.4s ease 0s;
}
.i-wrap-thi .center .more:hover {
  opacity: 0.6;
}

@-webkit-keyframes indexflyfir {
  0% {
    left: -336px;
    bottom: -13px;
    opacity: 1;
    filter: Alpha(opacity=100);
  }
  100% {
    left: 116px;
    bottom: 439px;
    opacity: 0;
    filter: Alpha(opacity=0);
  }
}

@keyframes indexflyfir {
  0% {
    left: -336px;
    bottom: -13px;
    opacity: 1;
    filter: Alpha(opacity=100);
  }
  100% {
    left: 116px;
    bottom: 439px;
    opacity: 0;
    filter: Alpha(opacity=0);
  }
}
.i-wrap-fou {
  width: 100%;
  background: url(../bgimages/bg_16.png) no-repeat center top;
  position: relative;
  z-index: 3;
  margin-top: -25px;
  height: 450px;
  overflow: hidden;
}
.i-wrap-fou .word {
  width: 1006px;
  position: absolute;
  left: 50%;
  top: 72px;
  text-align: center;
  color: #fff;
  z-index: 2;
  margin-left: -403px;
}
.i-wrap-fou .word h3 {
  font-size: 40px;
  line-height: 64px;
  position: relative;
  top: -50px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.i-wrap-fou .word p {
  line-height: 43px;
  font-size: 22px;
  position: relative;
  bottom: -50px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.i-wrap-fou .left-cont {
  width: 430px;
  height: 364px;
  position: absolute;
  left: 50%;
  margin-left: -770px;
  bottom: 0;
  background: url(../bgimages/bg_17.png) no-repeat center bottom;
}
.i-wrap-fou .left-cont .turn {
  display: block;
  width: 85px;
  height: 122px;
  background: url(../bgimages/ico_15.png) no-repeat center;
  position: absolute;
  top: 0;
  left: 120px;
}
.i-wrap-fou .plane {
  display: block;
  width: 67px;
  height: 72px;
  background: url(../bgimages/ico_16.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: 420px;
  bottom: 173px;
}
.i-wrap-fou .plane.active {
  -webkit-animation: 3s ease 0s running indexflythi;
          animation: 3s ease 0s running indexflythi;
}

@-webkit-keyframes indexflythi {
  0% {
    bottom: 0;
    margin-left: 550px;
    opacity: 0;
  }
  100% {
    margin-left: 420px;
    bottom: 173px;
    opacity: 1;
  }
}

@keyframes indexflythi {
  0% {
    bottom: 0;
    margin-left: 550px;
    opacity: 0;
  }
  100% {
    margin-left: 420px;
    bottom: 173px;
    opacity: 1;
  }
}
@-webkit-keyframes indexflysec {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    bottom: 0;
    margin-left: 500px;
    opacity: 1;
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    bottom: 252px;
    margin-left: 187px;
    opacity: 0.5;
  }
  50% {
    -webkit-transform: rotate(-192deg);
            transform: rotate(-192deg);
    bottom: 186px;
    margin-left: -222px;
    opacity: 0.1;
  }
  75% {
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    bottom: -100px;
    margin-left: 400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    bottom: -100px;
    margin-left: 400px;
    opacity: 0.5;
  }
}
@keyframes indexflysec {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    bottom: 0;
    margin-left: 500px;
    opacity: 1;
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    bottom: 252px;
    margin-left: 187px;
    opacity: 0.5;
  }
  50% {
    -webkit-transform: rotate(-192deg);
            transform: rotate(-192deg);
    bottom: 186px;
    margin-left: -222px;
    opacity: 0.1;
  }
  75% {
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    bottom: -100px;
    margin-left: 400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    bottom: -100px;
    margin-left: 400px;
    opacity: 0.5;
  }
}
/****************荷荷有名**************/
.ins-ban {
  width: 100%;
  height: 550px;
  background: url(../bgimages/ban_ins_01.jpg) no-repeat center top;
  position: relative;
  z-index: 1;
}

.about-ban span {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: rotateZ(5deg);
          transform: rotateZ(5deg);
  -webkit-transform-origin: 50% 0 0;
      -ms-transform-origin: 50% 0 0;
          transform-origin: 50% 0 0;
}
.about-ban .font1 {
  top: 40px;
  margin-left: -492px;
  width: 367px;
  height: 237px;
  background: url(../bgimages/img_66.png) no-repeat center;
  z-index: 1;
  -webkit-animation: 5s ease-in-out 0s infinite running plateRotate;
          animation: 5s ease-in-out 0s infinite running plateRotate;
}
.about-ban .font2 {
  top: 66px;
  margin-left: -318px;
  width: 466px;
  height: 307px;
  background: url(../bgimages/img_67.png) no-repeat center;
  z-index: 2;
  -webkit-animation: 5s ease-in-out 0s infinite running plateRotate;
          animation: 5s ease-in-out 0s infinite running plateRotate;
}

.ins-wrap {
  margin-top: -27px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}
.ins-wrap .top-bg {
  width: 100%;
  height: 46px;
  background: url(../bgimages/bg_20.png) no-repeat center;
}
.ins-wrap .wrap {
  background: url(../bgimages/bg_inswrap.jpg) repeat 0;
  padding-top: 23px;
  padding-bottom: 138px;
}
.ins-wrap .ins-nav li {
  width: 132px;
  height: 85px;
  line-height: 85px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  background: url(../bgimages/bg_nav_01.png) no-repeat center;
  position: relative;
  left: 50px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.ins-wrap .ins-nav li a {
  display: block;
  color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
}
.ins-wrap .ins-nav li .sign {
  display: none;
  width: 35px;
  height: 48px;
  background: url(../bgimages/ico_mouse.png) no-repeat center;
  position: absolute;
  left: -8px;
  top: 14px;
}
.ins-wrap .ins-nav li:hover, .ins-wrap .ins-nav li.hover {
  background: url(../bgimages/bg_nav_02.png) no-repeat center;
}
.ins-wrap .ins-nav li:hover .sign, .ins-wrap .ins-nav li.hover .sign {
  display: block;
}
.ins-wrap .about-nav {
  background: url(../bgimages/bg_navwrap_01.png) no-repeat 173px 37px;
  width: 100%;
  height: 135px;
}
.ins-wrap .about-nav .li1 {
  margin-left: 46px;
  margin-top: 31px;
}
.ins-wrap .about-nav .li2 {
  margin-left: 62px;
}
.ins-wrap .about-nav .li3 {
  margin-left: 60px;
  margin-top: 50px;
}
.ins-wrap .about-nav .li4 {
  margin-left: 60px;
  margin-top: 10px;
}

.about-wrap {
  margin-top: 82px;
  padding-top: 86px;
  background: url(../bgimages/bg_21.png) no-repeat center top;
}
.about-wrap .top-imp {
  text-align: center;
}
.about-wrap .top-imp h2 {
  font-size: 104px;
  font-family: "Arial";
  color: #0080cc;
  line-height: 109px;
  text-transform: uppercase;
}
.about-wrap .top-imp h3 {
  font-size: 54px;
  font-family: "Arial";
  color: #aeb2b4;
  text-transform: uppercase;
  line-height: 73px;
}
.about-wrap .top-imp .cn {
  display: block;
  margin-top: 17px;
  line-height: 30px;
  font-size: 18px;
  color: #aeb2b4;
}
.about-wrap .top-imp .en {
  display: block;
  line-height: 18px;
  font-family: "Arial";
  color: #aeb2b4;
  margin-top: 10px;
}
.about-wrap .bot-list {
  padding-left: 20px;
  margin-top: 122px;
}
.about-wrap .bot-list li {
  width: 263px;
  padding: 111px 52px 0 54px;
  margin: 0 9px;
  height: 385px;
  position: relative;
  left: 50px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.about-wrap .bot-list .li1 {
  background: url(../bgimages/bg_22.png) no-repeat center top;
}
.about-wrap .bot-list .li2 {
  background: url(../bgimages/bg_23.png) no-repeat center top;
}
.about-wrap .bot-list .li3 {
  background: url(../bgimages/bg_24.png) no-repeat center top;
}
.about-wrap .bot-list .tt-cn {
  display: block;
  line-height: 36px;
  font-size: 20px;
  font-weight: bold;
  color: #0080cc;
  text-align: center;
}
.about-wrap .bot-list .tt-en {
  display: block;
  line-height: 22px;
  color: #0080cc;
  text-align: center;
  font-size: 14px;
  font-family: "Arial";
}
.about-wrap .bot-list .word {
  display: block;
  line-height: 30px;
  font-size: 14px;
  margin-top: 22px;
}

.history-wrap {
  background: url(../bgimages/bg_25.jpg) no-repeat center top;
  padding-bottom: 138px;
  padding-top: 23px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.history-wrap .top-scroll {
  margin-top: 80px;
  position: relative;
  width: 100%;
}
.history-wrap .top-scroll .bd {
  width: 1018px;
  margin: 0 auto;
}
.history-wrap .top-scroll li {
  width: 268px;
  height: 331px;
  padding: 20px 26px;
  background: url(../bgimages/bg_26.png) no-repeat center top;
  position: relative;
  margin: 0 9px;
}
.history-wrap .top-scroll li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.history-wrap .top-scroll li img {
  display: block;
}
.history-wrap .top-scroll .tit {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  bottom: -50px;
  left: 0;
  background: url(../bgimages/bg_27.png) repeat 0;
  text-align: center;
  color: #fff;
  font-size: 15px;
}
.history-wrap .top-scroll .tit i {
  display: inline-block;
  width: 10px;
  height: 15px;
  background: url(../bgimages/ico_17.png) no-repeat center;
  vertical-align: middle;
}
.history-wrap .top-scroll .butn {
  display: block;
  width: 104px;
  height: 106px;
  position: absolute;
  top: 130px;
  cursor: pointer;
}
.history-wrap .top-scroll .prev {
  background: url(../bgimages/btn_01.png) no-repeat center;
  left: -8px;
}
.history-wrap .top-scroll .next {
  background: url(../bgimages/btn_02.png) no-repeat center;
  right: -8px;
}
.history-wrap .bot-incident {
  width: 990px;
  padding: 155px 193px 0 157px;
  margin-top: 110px;
  background: url(../bgimages/bg_28.png) no-repeat center top;
  height: 572px;
  margin-left: -38px;
  position: relative;
}
.history-wrap .bot-incident .year-list {
  width: 89%;
  height: 48px;
  position: relative;
  overflow: hidden;
}
.history-wrap .bot-incident .year-list li {
  width: 138px;
  text-align: center;
  line-height: 50px;
  height: 48px;
  margin-right: 10px;
  background: url(../bgimages/bg_29.png) no-repeat center;
  font-family: "Arial";
  font-weight: bold;
  font-size: 22px;
  color: #f6c6d6;
  cursor: pointer;
}
.history-wrap .bot-incident .year-list li.active, .history-wrap .bot-incident .year-list li:hover {
  background: url(../bgimages/bg_30.png) no-repeat center;
  font-size: 26px;
  color: #fff;
}
.history-wrap .bot-incident .cont-wrap {
  width: 100%;
  position: relative;
  height: 400px;
  overflow: hidden;
  margin-top: 40px;
}
.history-wrap .bot-incident .cont-wrap .obj-wrap {
  width: 900px;
  line-height: 36px;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
}
.history-wrap .bot-incident .cont-wrap .obj-bar {
  width: 33px;
  height: 388px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../bgimages/bg_31.png) no-repeat center 10px;
}
.history-wrap .bot-incident .cont-wrap .obj-bar .obj-btn {
  width: 32px;
  height: 26px;
  background: url(../bgimages/btn_03.png) no-repeat center;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.history-wrap .bot-incident .balloon {
  display: block;
  width: 125px;
  height: 152px;
  background: url(../bgimages/ico_19.png) no-repeat center;
  position: absolute;
  right: 20px;
  top: 25px;
  transition: all 0.4s ease 0s;
  opacity: 0;
}
.history-wrap .bot-incident .balloon.active {
  animation: 2s linear 0s running balloon;
  opacity: 1;
}
.history-wrap .plane {
  display: block;
  width: 144px;
  height: 135px;
  background: url(../bgimages/ico_18.png) no-repeat center;
  position: absolute;
  right: -4px;
  bottom: 158px;
}

@keyframes balloon {
  0% {
    top: 580px;
    opacity: 0;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  25% {
    top: 300px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    top: 100px;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    top: 25px;
    opacity: 1;
  }
}
.history-info {
  padding-bottom: 150px;
}

.product-chain {
  background: url(../bgimages/bg_32.jpg) no-repeat center top;
  height: 3010px;
  padding-top: 23px;
}
.product-chain .w1200 {
  position: relative;
}
.product-chain .top-intro {
  margin-top: 43px;
  margin-left: 178px;
  width: 897px;
  background: url(../bgimages/img_14.png) no-repeat right 17px;
  text-align: center;
}
.product-chain .top-intro h2 {
  color: #0076bc;
  font-size: 34px;
  line-height: 54px;
  margin-bottom: 9px;
}
.product-chain .top-intro .cont {
  width: 658px;
  padding-top: 58px;
  line-height: 29px;
  height: 261px;
  background: url(../bgimages/bg_33.png) no-repeat center top;
  color: #83b9d9;
  font-size: 16px;
}
.product-chain .list-wrap {
  width: 102%;
  margin-top: 26px;
  padding-top: 24px;
  background: url(../bgimages/bg_34.png) no-repeat 6px top;
  height: 2433px;
}
.product-chain .list-wrap ul, .product-chain .list-wrap li {
  width: 100%;
}
.product-chain .list-wrap li {
  margin-bottom: 20px;
}
.product-chain .list-wrap li.last {
  margin-top: -20px;
}
.product-chain .list-wrap li.last .sign-img {
  position: absolute;
  right: 8px;
  bottom: 118px;
  width: 190px;
  height: 112px;
}
.product-chain .list-wrap .cont {
  padding-top: 46px;
  width: 534px;
  position: relative;
  left: -100px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.product-chain .list-wrap .cont h3 {
  font-size: 34px;
  color: #0080cc;
  line-height: 54px;
}
.product-chain .list-wrap .cont .word {
  display: block;
  line-height: 32px;
  margin-top: 20px;
  color: #83b9d9;
  font-size: 16px;
}
.product-chain .list-wrap .cont h4 {
  font-size: 14px;
  font-weight: bold;
  color: #d0af56;
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
}
.product-chain .list-wrap .cont .font {
  display: block;
  margin-top: 10px;
  line-height: 28px;
  color: #aeb0b2;
}
.product-chain .list-wrap .cont .font p {
  padding-left: 15px;
  background: url(../bgimages/ico_20.png) no-repeat left center;
  font-size: 14px;
}
.product-chain .list-wrap .cont.right {
  left: auto;
  right: -100px;
}
.product-chain .list-wrap .right {
  margin-left: 56px;
  position: relative;
  right: -100px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.product-chain .list-wrap .img.left {
  margin-left: 33px;
  margin-right: 57px;
  position: relative;
  left: -100px;
  right: auto;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.product-chain .bot-sign {
  width: 191px;
  height: 116px;
  background: url(../bgimages/img_15.png) no-repeat center;
  position: absolute;
  right: -85px;
  bottom: 65px;
}

.any-channel {
  width: 100%;
  padding-top: 23px;
  background: url(../bgimages/bg_35.jpg) no-repeat center top;
  padding-bottom: 128px;
}
.any-channel .cont {
  margin-top: 50px;
}
.any-channel .cont h2 {
  font-size: 34px;
  color: #0080cc;
  line-height: 54px;
}
.any-channel .cont .word {
  line-height: 32px;
  font-size: 16px;
  color: #83b9d9;
  margin-top: 28px;
}
.any-channel .cont .channel-img {
  margin-top: 105px;
  padding-left: 135px;
  width: 985px;
  background: url(../bgimages/bg_39.png) no-repeat right top;
}
.any-channel .media-wrap {
  margin-top: 77px;
  width: 1093px;
  padding: 0 62px 0 44px;
  background: url(../bgimages/bg_40.png) no-repeat center 64px;
  height: 813px;
}
.any-channel .media-wrap .main {
  width: 100%;
  position: relative;
  height: 100%;
}
.any-channel .media-wrap span {
  display: block;
  position: absolute;
  overflow: hidden;
}
.any-channel .media-wrap span img {
  display: block;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
          transition: transform 0.3s ease 0s;
}
.any-channel .media-wrap span:hover img {
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
          transition: transform 0.6s ease 0s;
}
.any-channel .media-wrap .img1 {
  width: 120px;
  height: 118px;
  left: 14px;
  top: 222px;
}
.any-channel .media-wrap .img2 {
  width: 134px;
  height: 139px;
  left: 0;
  top: 350px;
}
.any-channel .media-wrap .img3 {
  width: 134px;
  height: 139px;
  left: 85px;
  bottom: 174px;
}
.any-channel .media-wrap .img4 {
  width: 177px;
  height: 183px;
  left: 229px;
  top: 26px;
}
.any-channel .media-wrap .img5 {
  width: 262px;
  height: 271px;
  left: 144px;
  top: 219px;
}
.any-channel .media-wrap .img6 {
  width: 177px;
  height: 183px;
  left: 229px;
  bottom: 130px;
}
.any-channel .media-wrap .img7 {
  width: 262px;
  height: 271px;
  left: 416px;
  top: 0;
}
.any-channel .media-wrap .img8 {
  width: 262px;
  height: 251px;
  left: 416px;
  top: 279px;
}
.any-channel .media-wrap .img9 {
  width: 262px;
  height: 271px;
  left: 416px;
  bottom: 0;
}
.any-channel .media-wrap .img10 {
  width: 177px;
  height: 183px;
  right: 229px;
  top: 26px;
}
.any-channel .media-wrap .img11 {
  width: 262px;
  height: 271px;
  right: 144px;
  top: 219px;
}
.any-channel .media-wrap .img12 {
  width: 177px;
  height: 183px;
  right: 229px;
  bottom: 130px;
}
.any-channel .media-wrap .img13 {
  width: 120px;
  height: 118px;
  right: 14px;
  top: 222px;
}
.any-channel .media-wrap .img14 {
  width: 134px;
  height: 139px;
  right: 0;
  top: 350px;
}
.any-channel .media-wrap .img15 {
  width: 134px;
  height: 139px;
  right: 85px;
  bottom: 174px;
}
.any-channel .video-wrap {
  width: 1082px;
  padding: 88px 87px 0;
  background: url(../bgimages/bg_36.png) no-repeat center top;
  height: 852px;
  margin: 18px 29px 0;
}
.any-channel .video-wrap .cont {
  width: 100%;
  height: 564px;
  margin-top: 0;
}
.any-channel .video-wrap .list-wrap {
  margin-top: 45px;
  width: 100%;
  position: relative;
}
.any-channel .video-wrap .list-wrap .list {
  width: 936px;
  margin: 0 auto;
  overflow: hidden;
}
.any-channel .video-wrap .list-wrap li {
  width: 181px;
  padding: 5px;
  height: 121px;
  background: url(../bgimages/bg_37.png) no-repeat center;
  cursor: pointer;
  margin: 0 -2px;
}
.any-channel .video-wrap .list-wrap li .tit {
  display: block;
  padding: 0 12px;
  text-align: center;
  /*height: 36px;*/
  line-height: 27px;
  height: 27px;
  overflow: hidden;
  color: #999;
  font-size: 14px;
}
.any-channel .video-wrap .list-wrap li .tit i {
  display: inline-block;
  width: 10px;
  height: 15px;
  background: url(../bgimages/ico_17.png) no-repeat center;
  vertical-align: middle;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.any-channel .video-wrap .list-wrap li .img {
  display: block;
  width: 181px;
  height: 94px;
}
.any-channel .video-wrap .list-wrap li .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.any-channel .video-wrap .list-wrap li:hover, .any-channel .video-wrap .list-wrap li.active {
  background: url(../bgimages/bg_38.png) no-repeat center;
}
.any-channel .video-wrap .list-wrap li:hover .tit, .any-channel .video-wrap .list-wrap li.active .tit {
  color: #fff;
}
.any-channel .video-wrap .list-wrap li:hover .tit i, .any-channel .video-wrap .list-wrap li.active .tit i {
  opacity: 1;
  filter: Alpha(opacity=100);
}
.any-channel .video-wrap .list-wrap .butn {
  display: block;
  width: 82px;
  height: 107px;
  position: absolute;
  top: 11px;
  cursor: pointer;
}
.any-channel .video-wrap .list-wrap .prev {
  left: -7px;
  background: url(../bgimages/btn_04.png) no-repeat center;
}
.any-channel .video-wrap .list-wrap .next {
  right: -7px;
  background: url(../bgimages/btn_05.png) no-repeat center;
}

/*******************产品页****************/
.pro-home {
  width: 100%;
  height: 906px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pro-home .plate {
  display: block;
  width: 587px;
  height: 435px;
  background: url(../bgimages/img_28.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -320px;
  top: 66px;
  -webkit-transform: rotateZ(5deg);
          transform: rotateZ(5deg);
  -webkit-transform-origin: 50% 0 0;
      -ms-transform-origin: 50% 0 0;
          transform-origin: 50% 0 0;
  -webkit-animation: 5s ease-in-out 0s infinite running plateRotate;
          animation: 5s ease-in-out 0s infinite running plateRotate;
}
.pro-home .cow {
  display: block;
  width: 154px;
  height: 223px;
  background: url(../bgimages/ico_21.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -617px;
  bottom: 167px;
  z-index: 8;
}
.pro-home .child {
  display: block;
  width: 250px;
  height: 218px;
  background: url(../bgimages/img_29.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: 444px;
  bottom: 85px;
  z-index: 6;
}
.pro-home .plane {
  display: block;
  width: 130px;
  height: 92px;
  background: url(../bgimages/ico_22.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: 800px;
  bottom: 161px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.pro-home a {
  display: block;
  position: absolute;
  left: 50%;
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
          transition: transform 0.3s ease 0s;
}
.pro-home a:hover {
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
          transition: transform 0.6s ease 0s;
}
.pro-home .a1 {
  width: 232px;
  height: 378px;
  z-index: 1;
  margin-left: -394px;
  bottom: 93px;
}
.pro-home .a2 {
  width: 258px;
  height: 424px;
  z-index: 2;
  margin-left: -186px;
  bottom: 64px;
}
.pro-home .a3 {
  width: 318px;
  height: 531px;
  z-index: 4;
  margin-left: 160px;
  bottom: -5px;
}
.pro-home .a4 {
  width: 257px;
  height: 328px;
  z-index: 3;
  margin-left: 328px;
  bottom: 155px;
}

@-webkit-keyframes plateRotate {
  50% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
  }
  100% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
  }
}

@keyframes plateRotate {
  50% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
  }
  100% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
  }
}
.pro-info-ban {
  width: 100%;
  height: 668px;
  position: relative;
  overflow: hidden;
}

.pro-ban-fir span {
  display: block;
  position: absolute;
  left: 50%;
}
.pro-ban-fir .sign1 {
  width: 88px;
  height: 81px;
  background: url(../bgimages/ico_68.png) no-repeat center;
  margin-left: -123px;
  top: 126px;
}
.pro-ban-fir .sign2 {
  width: 93px;
  height: 108px;
  background: url(../bgimages/ico_66.png) no-repeat center;
  margin-left: -158px;
  top: 258px;
}
.pro-ban-fir .sign3 {
  width: 88px;
  height: 91px;
  background: url(../bgimages/ico_67.png) no-repeat center;
  margin-left: 496px;
  top: 200px;
}

.pro-ban-sec .sign1 {
  display: block;
  width: 187px;
  height: 153px;
  background: url(../bgimages/img_68.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -900px;
  top: -100px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.pro-ban-sec .sign2 {
  display: block;
  width: 553px;
  height: 164px;
  background: url(../bgimages/img_69.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -478px;
  top: -50px;
  opacity: 0;
  filter: Alpha(opacity=0);
}

.proinfo-fir {
  margin-top: -107px;
  width: 100%;
}
.proinfo-fir .fir-wrap {
  padding-top: 312px;
  background: url(../bgimages/bg_41.png) no-repeat center top;
  height: 425px;
  position: relative;
  z-index: 1;
}
.proinfo-fir .fir-wrap .intr {
  line-height: 28px;
  font-size: 16px;
  color: #3eb3e4;
  text-align: center;
}
.proinfo-fir .fir-wrap .listbox {
  width: 1110px;
  padding-left: 62px;
  margin-top: 28px;
  position: relative;
  padding-top: 123px;
  margin-left: 28px;
  background: url(../bgimages/bg_42.png) no-repeat center top;
  height: 210px;
  opacity: 0;
  filter: Alpha(opacity=0);
  top: 100px;
}
.proinfo-fir .fir-wrap .listbox li {
  width: 132px;
  margin-right: 51px;
  color: #b4b4b4;
  font-style: italic;
}
.proinfo-fir .fir-wrap .child {
  display: block;
  width: 194px;
  height: 141px;
  background: url(../bgimages/img_46.png) no-repeat center;
  position: absolute;
  top: -80px;
  right: -8px;
}
.proinfo-fir .sec-wrap {
  margin-top: -126px;
  width: 100%;
  height: 936px;
  background: url(../bgimages/bg_43.png) no-repeat center top;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.proinfo-fir .sec-wrap .w1200 {
  position: relative;
}
.proinfo-fir .sec-wrap .img {
  display: block;
  margin-left: -132px;
  width: 496px;
  margin-top: 121px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-fir .sec-wrap .right-cont {
  margin-right: -125px;
  width: 644px;
  padding-top: 226px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-fir .sec-wrap .right-cont .tit {
  margin-left: 52px;
}
.proinfo-fir .sec-wrap .right-cont .word {
  display: block;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #3eb3e4;
  margin-top: 17px;
  margin-left: 52px;
  width: 510px;
}
.proinfo-fir .sec-wrap .tab-intr {
  width: 530px;
  padding: 80px 62px 0 52px;
  margin-top: -30px;
  background: url(../bgimages/bg_47.png) no-repeat center top;
  height: 214px;
}
.proinfo-fir .sec-wrap .tab-intr td {
  text-align: center;
  height: 24px;
}
.proinfo-fir .sec-wrap .tab-intr td.blue {
  color: #3eb3e4;
}
.proinfo-fir .sec-wrap .tab-intr p {
  font-size: 13px;
  color: #999;
  margin-top: 15px;
  line-height: 26px;
}
.proinfo-fir .sec-wrap .list {
  width: 100%;
  position: relative;
  overflow: hidden;
  top: 62px;
  padding-top: 78px;
  background: url(../bgimages/bg_48.png) no-repeat left top;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-fir .sec-wrap .list ul {
  width: 110%;
}
.proinfo-fir .sec-wrap .list li {
  width: 297px;
  line-height: 28px;
  font-size: 14px;
  color: #3eb3e4;
  padding-right: 137px;
}
.proinfo-fir span.tit {
  display: block;
  width: 190px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: url(../bgimages/bg_44.png) no-repeat center;
}
.proinfo-fir .thi-wrap {
  width: 100%;
  position: relative;
  z-index: 3;
  margin-top: -108px;
  background: url(../bgimages/bg_49.png) no-repeat center top;
  height: 950px;
  overflow: hidden;
}
.proinfo-fir .thi-wrap .w1200 {
  height: 100%;
  position: relative;
}
.proinfo-fir .thi-wrap .left {
  padding-top: 188px;
  margin-left: -119px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-fir .thi-wrap .tit {
  margin-left: 40px;
}
.proinfo-fir .thi-wrap .word {
  display: block;
  width: 450px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-top: 15px;
  margin-left: 40px;
  line-height: 34px;
}
.proinfo-fir .thi-wrap .list {
  width: 460px;
  padding: 40px 63px 0 41px;
  line-height: 24px;
  font-size: 15px;
  color: #90c31f;
  height: 243px;
  margin-top: 21px;
  background: url(../bgimages/bg_50.png) no-repeat 0;
}
.proinfo-fir .thi-wrap .list p {
  margin-bottom: 22px;
}
.proinfo-fir .thi-wrap .bot-tip {
  display: block;
  padding-left: 41px;
  font-size: 15px;
  color: #fff;
  line-height: 30px;
  margin-top: 10px;
}
.proinfo-fir .thi-wrap .img {
  display: block;
  width: 623px;
  height: 488px;
  margin-top: 175px;
  margin-right: -115px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-fir .thi-wrap .plane {
  display: block;
  width: 179px;
  height: 140px;
  background: url(../bgimages/ico_28.png) no-repeat center;
  position: absolute;
  right: -348px;
  bottom: -8px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-fir .fou-wrap {
  padding-top: 27px;
  background: url(../bgimages/bg_51.jpg) no-repeat center 27px;
  height: 631px;
}
.proinfo-fir .fou-wrap .right {
  width: 565px;
  margin-right: -200px;
  opacity: 0;
  filter: Alpha(opacity=0);
  position: relative;
}
.proinfo-fir .fou-wrap .right .list {
  margin-top: 35px;
  width: 100%;
}
.proinfo-fir .fou-wrap .right li {
  padding: 8px 0 8px 38px;
  background: url(../bgimages/ico_29.png) no-repeat 6px 12px;
  color: #3eb3e4;
  border-bottom: 1px dashed #d6e7ee;
  font-size: 14px;
  width: 527px;
  line-height: 26px;
}
.proinfo-fir .fou-wrap .right li.short {
  width: 320px;
}
.proinfo-fir .fou-wrap .right .sign-img {
  display: block;
  width: 275px;
  height: 338px;
  background: url(../bgimages/img_76.png) no-repeat center;
  position: absolute;
  right: -98px;
  top: -25px;
}

.proinfo-sec .fir-wrap {
  width: 100%;
  background: url(../bgimages/bg_52.jpg) no-repeat center top;
  padding-top: 116px;
  position: relative;
  overflow: hidden;
  padding-bottom: 76px;
}
.proinfo-sec .fir-wrap .w1200 {
  position: relative;
}
.proinfo-sec .fir-wrap .left {
  width: 526px;
  padding: 5px 58px 0 72px;
  background: url(../bgimages/bg_53.png) no-repeat left top;
  margin-left: -158px;
  height: 423px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-sec .fir-wrap h3 {
  color: #3eb3e4;
}
.proinfo-sec .fir-wrap .sign-ico {
  margin-bottom: 20px;
  margin-left: -30px;
  margin-top: -78px;

  display: block;
}
.proinfo-sec .fir-wrap .praise {
  color: #ed73ab;
  width: 470px;
}
.proinfo-sec .fir-wrap .intro {
  color: #1f82c2;
}
.proinfo-sec .fir-wrap .img {
  display: block;
  right: -100px;
  top: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-sec .sec-wrap {
  width: 100%;
  background: url(../bgimages/bg_55.jpg) no-repeat center top;
  padding-top: 225px;
  height: 874px;
  position: relative;
  overflow: hidden;
}
.proinfo-sec .sec-wrap .w1200 {
  position: relative;
}
.proinfo-sec .sec-wrap .img {
  display: block;
  position: absolute;
  left: -193px;
  top: 0;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-sec .sec-wrap .right {
  width: 533px;
  margin-top: 22px;
  padding: 48px 76px 0 139px;
  background: url(../bgimages/bg_56.png) no-repeat left top;
  height: 444px;
  margin-right: -141px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-sec .sec-wrap .sign-ico {
  margin-left: -10px;
  margin-top: -90px;
  margin-bottom: 10px;
  display: block;
}
.proinfo-sec .sec-wrap h3 {
  color: #fff;
}
.proinfo-sec .sec-wrap .praise {
  color: #098ed6;
}
.proinfo-sec .sec-wrap .intro {
  width: 510px;
  margin-top: 48px;
}
.proinfo-sec .thi-wrap {
  padding-top: 84px;
  width: 100%;
  height: 709px;
  position: relative;
  overflow: hidden;
  background: url(../bgimages/bg_58.jpg) no-repeat center top;
}
.proinfo-sec .thi-wrap .left {
  width: 537px;
  padding-right: 67px;
  padding-left: 98px;
  margin-left: -191px;
  background: url(../bgimages/bg_57.png) no-repeat left 44px;
  height: 452px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.proinfo-sec .thi-wrap .sign-ico {
  margin-left: -10px;
  margin-top: -32px;
  margin-bottom: 10px;
  display: block;
}
.proinfo-sec .thi-wrap h3 {
  color: #1774c4;
}
.proinfo-sec .thi-wrap .praise {
  color: #014099;
  width: 476px;
}
.proinfo-sec .thi-wrap .intro {
  color: #90c31f;
  width: 536px;
}
.proinfo-sec .thi-wrap .list-fir {
  top: 31px;
  margin-top: 0;
}
.proinfo-sec .thi-wrap .list-fir li {
  height: 90px;
}
.proinfo-sec .list-fir {
  width: 103%;
  background: url(../bgimages/bg_54.png) no-repeat 6px top;
  margin-top: 23px;
  padding-top: 75px;
  position: relative;
  overflow: hidden;
  opacity: 0;
  filter: Alpha(opacity=0);
  top: 100px;
}
.proinfo-sec .list-fir li {
  width: 255px;
  padding-right: 26px;
  border-right: 1px dashed #fadeea;
  font-size: 14px;
  color: #3eb3e4;
  line-height: 28px;
  height: 170px;
  margin-right: 24px;
  margin-left: 13px;
}
.proinfo-sec .list-fir ul {
  width: 110%;
}
.proinfo-sec .list-sec {
  width: 100%;
  background: url(../bgimages/bg_48.png) no-repeat left top;
  margin-top: 19px;
  padding-top: 74px;
  position: relative;
  overflow: hidden;
  opacity: 0;
  filter: Alpha(opacity=0);
  top: 100px;
}
.proinfo-sec .list-sec ul {
  width: 110%;
}
.proinfo-sec .list-sec li {
  width: 322px;
  padding-right: 55px;
  border-right: 1px dashed #90d1f2;
  margin-right: 50px;
  margin-left: 7px;
  font-size: 14px;
  color: #3eb3e4;
  line-height: 28px;
  height: 85px;
}
.proinfo-sec h3 {
  font-size: 43px;
  line-height: 76px;
}
.proinfo-sec .praise {
  display: block;
  line-height: 30px;
  font-weight: bold;
  font-size: 18px;
}
.proinfo-sec .intro {
  display: block;
  line-height: 28px;
  margin-top: 41px;
  color: #90c31f;
  font-size: 13px;
}
.proinfo-sec span.tit {
  display: block;
  width: 190px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: url(../bgimages/bg_44.png) no-repeat center;
}

.hanhong-ban {
  width: 100%;
  position: relative;
  height: 742px;
  z-index: 1;
}

.hanhong-wrap {
  position: relative;
  z-index: 2;
  margin-top: -605px;
  width: 100%;
  overflow: hidden;
  padding-top: 430px;
  /*background: url(../bgimages/bg_inswrap.jpg) repeat 0;*/
}
.hanhong-wrap .bg-wrap{
  background: url(../bgimages/bg_inswrap.jpg) repeat 0;
}
.hanhong-wrap .w1200 {
  position: relative;
}
.hanhong-wrap .top-sign {
  position: absolute;
  top: -352px;
  left: 50%;
  margin-left: -312px;
  width: 624px;
  height: 450px;
  background: url(../bgimages/img_48.png) no-repeat center;
  z-index: 10;
}
.hanhong-wrap .main-wrap {
  width: 900px;
  padding: 135px 191px 130px;
  background: url(../bgimages/bg_45.png) no-repeat center top;
  position: relative;
  z-index: 5;
  min-height: 500px;
}
.hanhong-wrap .main-wrap .news-info{
  width: 100%;
}
.hanhong-wrap .main-wrap .left-ball {
  display: block;
  width: 195px;
  height: 206px;
  background: url(../bgimages/ico_23.png) no-repeat center;
  position: absolute;
  top: -156px;
  left: -101px;
  -webkit-animation: 5s ease-in-out 0s infinite running balloonLeft;
          animation: 5s ease-in-out 0s infinite running balloonLeft;
  -webkit-transform: rotateZ(5deg);
          transform: rotateZ(5deg);
  -webkit-transform-origin: 100% 100% 0;
      -ms-transform-origin: 100% 100% 0;
          transform-origin: 100% 100% 0;
}
.hanhong-wrap .main-wrap .right-ball {
  display: block;
  width: 181px;
  height: 172px;
  background: url(../bgimages/ico_24.png) no-repeat center;
  position: absolute;
  top: -120px;
  right: -37px;
  -webkit-animation: 5s ease-in-out 0s infinite running balloonLeft;
          animation: 5s ease-in-out 0s infinite running balloonLeft;
  -webkit-transform: rotateZ(5deg);
          transform: rotateZ(5deg);
  -webkit-transform-origin: 0 100% 0;
      -ms-transform-origin: 0 100% 0;
          transform-origin: 0 100% 0;
}
.hanhong-wrap .main-wrap .top-tit {
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
  border-bottom: 1px dashed #f2f2f2;
}
.hanhong-wrap .main-wrap .font-tit {
  width: 100%;
  padding-top: 48px;
  padding-bottom: 27px;
  text-align: center;
}
.hanhong-wrap .main-wrap .font-tit img {
  vertical-align: top;
}
.hanhong-wrap .main-wrap .scroll-list {
  width: 100%;
  margin-top: 50px;
  padding-bottom: 35px;
  position: relative;
  margin-bottom: 10px;
}
.hanhong-wrap .main-wrap .scroll-list .bd li {
  width: 191px;
  padding: 23px 21px 20px;
  height: 236px;
  background: url(../bgimages/bg_46.png) no-repeat center;
  margin: 0 -4px;
  position: relative;
}
.hanhong-wrap .main-wrap .scroll-list a.img {
  display: block;
  width: 191px;
  height: 115px;
}
.hanhong-wrap .main-wrap .scroll-list a.img img {
  width: 100%;
  height: 100%;
}
.hanhong-wrap .main-wrap .scroll-list .tt {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 16px;
  color: #666;
}
.hanhong-wrap .main-wrap .scroll-list .tt:hover {
  color: #0080cc;
}
.hanhong-wrap .main-wrap .scroll-list .date {
  display: block;
  color: #999;
  font-family: "Arial";
  line-height: 20px;
  margin-top: 6px;
}
.hanhong-wrap .main-wrap .scroll-list .more {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../bgimages/ico_25.png) no-repeat center;
  right: 22px;
  bottom: 20px;
  position: absolute;
}
.hanhong-wrap .main-wrap .scroll-list .hd {
  position: absolute;
  bottom: 0;
  height: 10px;
  text-align: center;
  left: 50%;
  overflow: hidden;
}
.hanhong-wrap .main-wrap .scroll-list .hd ul {
  height: 10px;
}
.hanhong-wrap .main-wrap .scroll-list .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: top;
  margin: 0 5px;
  cursor: pointer;
  background: url(../bgimages/ico_26.png) no-repeat center;
  text-indent: 9999px;
  position: relative;
}
.hanhong-wrap .main-wrap .scroll-list .hd li.on {
  background: url(../bgimages/ico_27.png) no-repeat center;
}
.hanhong-wrap .fir-wrap .intr {
  width: 825px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px;
}
.hanhong-wrap .sec-wrap {
  width: 798px;
  margin: 0 auto;
}
.hanhong-wrap .sec-wrap .cont {
  border-top: 1px dashed #f1f1f1;
  margin-top: 45px;
  text-align: center;
}
.hanhong-wrap .sec-wrap .cont .f24 {
  font-size: 24px;
  line-height: 50px;
  color: #009ad9;
}
.hanhong-wrap .sec-wrap .cont .f18 {
  font-size: 18px;
  line-height: 28px;
  color: #009ad9;
}
.hanhong-wrap .sec-wrap .cont .f16 {
  font-size: 16px;
  line-height: 30px;
}
.hanhong-wrap .Loveball1 {
  display: block;
  width: 268px;
  height: 421px;
  background: url(../bgimages/ico_30.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -1160px;
  top: 238px;
  z-index: 6;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.hanhong-wrap .Loveball2 {
  display: block;
  width: 385px;
  height: 284px;
  background: url(../bgimages/ico_31.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: 640px;
  top: 777px;
  z-index: 6;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.hanhong-wrap .Loveball3 {
  display: block;
  width: 253px;
  height: 245px;
  background: url(../bgimages/ico_32.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -924px;
  top: 984px;
  z-index: 6;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.hanhong-wrap .Loveball4 {
  display: block;
  width: 189px;
  height: 190px;
  background: url(../bgimages/ico_33.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: 664px;
  top: 1620px;
  z-index: 6;
  opacity: 0;
  filter: Alpha(opacity=0);
}

@-webkit-keyframes balloonLeft {
  50% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
  }
  100% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
  }
}

@keyframes balloonLeft {
  50% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
  }
  100% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
  }
}
/******************新闻***************/
.ins-ban.news-ban {
  margin-bottom: 27px;
}

.news-nav {
  width: 100%;
  padding-top: 77px;
  height: 105px;
  background: url(../bgimages/bg_59.png) no-repeat 12px top;
  margin-top: -16px;
}
.news-nav ul {
  width: 100%;
}
.news-nav li {
  margin-right: 60px;
}
.news-nav .li1 {
  margin-left: 342px;
}

.news-wrap .top-scroll {
  margin-top: 35px;
  position: relative;
}
.news-wrap .top-scroll .bd {
  width: 1023px;
  margin: 0 auto;
}
.news-wrap .top-scroll li {
  width: 305px;
  padding: 20px 19px 0 17px;
  position: relative;
  background: url(../bgimages/bg_60.png) no-repeat center top;
  height: 337px;
}
.news-wrap .top-scroll li:hover .tit {
  color: #068dd2;
}
.news-wrap .top-scroll li:hover .more {
  background: url(../bgimages/ico_35.png) no-repeat center;
}
.news-wrap .top-scroll .img {
  display: block;
  width: 305px;
  height: 177px;
}
.news-wrap .top-scroll .img img {
  display: block;
  width: 305px;
  height: 177px;
  border-radius: 10px;
}
.news-wrap .top-scroll .tit {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  color: #7e7e7e;
  margin-top: 17px;
  margin-left: 7px;
}
.news-wrap .top-scroll .font {
  display: block;
  width: 238px;
  line-height: 22px;
  margin-top: 3px;
  color: #5b5b5b;
  margin-left: 7px;
}
.news-wrap .top-scroll .date {
  line-height: 22px;
  color: #d6d6d6;
  font-family: "Arial";
  margin-top: 13px;
  margin-left: 7px;
}
.news-wrap .top-scroll .more {
  display: block;
  width: 26px;
  height: 26px;
  background: url(../bgimages/ico_34.png) no-repeat center;
  position: absolute;
  bottom: 20px;
  right: 25px;
}
.news-wrap .top-scroll .butn {
  display: block;
  width: 50px;
  height: 51px;
  position: absolute;
  top: 150px;
  cursor: pointer;
}
.news-wrap .top-scroll .prev {
  background: url(../bgimages/btn_06.png) no-repeat center top;
  left: 20px;
}
.news-wrap .top-scroll .prev:hover {
  background: url(../bgimages/btn_06.png) no-repeat center bottom;
}
.news-wrap .top-scroll .next {
  background: url(../bgimages/btn_07.png) no-repeat center top;
  right: 20px;
}
.news-wrap .top-scroll .next:hover {
  background: url(../bgimages/btn_07.png) no-repeat center bottom;
}
.news-wrap .list {
  width: 1008px;
  margin: 44px auto 0;
  position: relative;
  right: -300px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.news-wrap .list li {
  margin-bottom: 15px;
  width: 945px;
  padding: 13px 41px 19px 21px;
  line-height: 32px;
  min-height: 32px;
  font-size: 16px;
  background: url(../bgimages/bg_61.png) no-repeat center;
}
.news-wrap .list li a {
  color: #5b5b5b;
  display: inline-block;
  max-width: 790px;
}
.news-wrap .list li:hover {
  background: url(../bgimages/bg_62.png) no-repeat center;
}
.news-wrap .list li:hover a {
  color: #0080cc;
}
.news-wrap .list li .ico {
  display: inline-block;
  width: 12px;
  height: 17px;
  background: url(../bgimages/ico_36.png) no-repeat center;
  margin-top: 8px;
  margin-right: 20px;
}
.news-wrap .list li .date {
  font-size: 14px;
  color: #b2b2b2;
}

.page {
  width: 100%;
  text-align: center;
  margin-top: 26px;
}

.news-info {
  width: 960px;
  margin: 24px auto 0;
}
.news-info h2 {
  font-size: 26px;
  color: #0c85cd;
  line-height: 68px;
  padding-bottom: 10px;
  background: url(../bgimages/bg_63.png) no-repeat center bottom;
}
.news-info .tit-sec {
  width: 100%;
  margin-top: 28px;
  line-height: 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e6e6e6;
}
.news-info .tit-sec .date {
  display: inline-block;
  padding-left: 31px;
  background: url(../bgimages/ico_37.png) no-repeat left center;
  font-size: 14px;
}
.news-info .tit-sec .share a {
  display: block;
  width: 40px;
  height: 28px;
  float: right;
  margin: 0 0 0 3px;
  padding: 0;
}
.news-info .tit-sec .share .a1 {
  background: url(../bgimages/ico_41.png) no-repeat center;
}
.news-info .tit-sec .share .a2 {
  background: url(../bgimages/ico_40.png) no-repeat center;
}
.news-info .tit-sec .share .a3 {
  background: url(../bgimages/ico_39.png) no-repeat center;
}
.news-info .tit-sec .share .a4 {
  background: url(../bgimages/ico_38.png) no-repeat center;
}
.news-info .cont {
  width: 100%;
  padding-top: 24px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
}
.news-info .cont img{
  max-width: 100%;
}
.news-info .cont .f16 {
  font-size: 16px;
  line-height: 26px;
  color: #0c85cd;
  font-weight: bold;
}
.news-info .paging {
  width: 100%;
  padding-top: 46px;
}
.news-info .paging p {
  line-height: 22px;
  color: #888;
  font-size: 14px;
}
.news-info .paging p a {
  color: #666;
}
.news-info .paging p a:hover {
  color: #0c85cd;
}
.news-info .paging .return {
  display: inline-block;
  width: 96px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  background: url(../bgimages/bg_64.png) no-repeat center;
  font-size: 14px;
}

.shop-ban {
  width: 100%;
  height: 850px;
  position: relative;
}
.shop-ban a {
  display: block;
}
.shop-ban span {
  display: block;
}
.shop-ban .a1 {
  width: 206px;
  height: 131px;
  position: absolute;
  left: 50%;
  bottom: 102px;
  margin-left: -270px;
  background: url(../bgimages/btn_09.png) no-repeat center;
  z-index: 2;
  -webkit-transform-origin: 50% 50% 0;
      -ms-transform-origin: 50% 50% 0;
          transform-origin: 50% 50% 0;
  -webkit-animation: 1s ease-in-out 0s infinite running shake;
          animation: 1s ease-in-out 0s infinite running shake;
}
.shop-ban .a2 {
  width: 161px;
  height: 100px;
  position: absolute;
  left: 50%;
  margin-left: -102px;
  bottom: 100px;
  background: url(../bgimages/btn_10.png) no-repeat center;
  z-index: 3;
  -webkit-transform-origin: 50% 50% 0;
      -ms-transform-origin: 50% 50% 0;
          transform-origin: 50% 50% 0;
  -webkit-animation: 1s ease-in-out 0s infinite running shake;
          animation: 1s ease-in-out 0s infinite running shake;
}
.shop-ban .bot-sign {
  width: 232px;
  height: 136px;
  background: url(../bgimages/ico_74.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -495px;
  bottom: 74px;
  z-index: 5;
}
.shop-ban span.pk {
  width: 169px;
  height: 45px;
  background: url(../bgimages/ico_69.png) no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 234px;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
          transition: transform 0.5s ease 0s;
}
.shop-ban span.pk.active {
  -webkit-animation: 2s ease-in-out 0s infinite running blowUp;
          animation: 2s ease-in-out 0s infinite running blowUp;
}
.shop-ban span.cloud1 {
  width: 98px;
  height: 106px;
  position: absolute;
  left: 50%;
  margin-left: -855px;
  top: -106px;
  background: url(../bgimages/ico_70.png) no-repeat center;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.shop-ban span.cloud2 {
  width: 155px;
  height: 268px;
  position: absolute;
  left: 50%;
  margin-left: -781px;
  top: -268px;
  background: url(../bgimages/ico_71.png) no-repeat center;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.shop-ban span.cloud3 {
  width: 123px;
  height: 204px;
  position: absolute;
  left: 50%;
  margin-left: 707px;
  top: -204px;
  background: url(../bgimages/ico_72.png) no-repeat center;
  opacity: 0;
  filter: Alpha(opacity=0);
  z-index: 3;
}
.shop-ban span.cloud4 {
  width: 123px;
  height: 204px;
  position: absolute;
  left: 50%;
  margin-left: 707px;
  top: -204px;
  background: url(../bgimages/ico_73.png) no-repeat center;
  z-index: 2;
  opacity: 0;
  filter: Alpha(opacity=0);
}

@-webkit-keyframes blowUp {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes blowUp {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.shop-manag {
  width: 100%;
  background: url(../bgimages/bg_65.jpg) no-repeat center top;
  position: relative;
  overflow: hidden;
}
.shop-manag .fir-wrap {
  background: url(../bgimages/bg_66.png) no-repeat center top;
  width: 1000px;
  padding: 307px 77px 0 238px;
  margin-left: -37px;
  height: 660px;
  position: relative;
}
.shop-manag .fir-wrap .list {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 173px;
}
.shop-manag .fir-wrap .list ul {
  width: 110%;
}
.shop-manag .fir-wrap .list li {
  width: 178px;
  border-right: 1px dashed #d9d3d7;
  margin-right: 54px;
}
.shop-manag .fir-wrap .list .tt {
  display: block;
  line-height: 30px;
  font-weight: bold;
  color: #3eb3e4;
  font-size: 18px;
  margin-bottom: 7px;
}
.shop-manag .fir-wrap .list p {
  padding-left: 16px;
  background: url(../bgimages/ico_36.png) no-repeat left center;
  color: #999;
  font-size: 14px;
  line-height: 27px;
}
.shop-manag .fir-wrap .sec-cont {
  margin-top: 35px;
  padding-left: 28px;
}
.shop-manag .fir-wrap .sec-cont h3 {
  line-height: 56px;
  font-size: 18px;
  color: #289ed8;
}
.shop-manag .fir-wrap .sec-cont .blue {
  color: #90c31f;
  font-style: italic;
}
.shop-manag .fir-wrap .sec-cont p {
  line-height: 60px;
  color: #999;
  font-size: 14px;
}
.shop-manag .fir-wrap .sign {
  display: block;
  width: 323px;
  height: 371px;
  background: url(../bgimages/img_55.png) no-repeat center;
  position: absolute;
  right: 9px;
  bottom: 108px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.shop-manag .sec-wrap {
  width: 1106px;
  padding-left: 135px;
  margin-left: -41px;
  background: url(../bgimages/bg_67.png) no-repeat left top;
  position: relative;
  margin-top: -35px;
  padding-top: 157px;
  padding-right: 36px;
  height: 988px;
}
.shop-manag .sec-wrap h3 {
  font-size: 26px;
  color: #3eb3e4;
  line-height: 85px;
  width: 750px;
}
.shop-manag .sec-wrap .list-wrap {
  width: 916px;
  height: 735px;
  position: relative;
  overflow: hidden;
}
.shop-manag .sec-wrap .list-wrap .obj-wrap {
  width: 750px;
  position: absolute;
  left: 0;
  top: 0;
}
.shop-manag .sec-wrap .list-wrap li {
  width: 750px;
  border-top: 1px dashed #e8e5e7;
  padding-top: 26px;
  margin-bottom: 26px;
}
.shop-manag .sec-wrap .list-wrap li .tt {
  display: block;
  line-height: 28px;
  font-size: 16px;
  font-weight: bold;
  color: #3eb3e4;
}
.shop-manag .sec-wrap .list-wrap li .word {
  display: block;
  line-height: 30px;
  color: #999;
  font-size: 14px;
}
.shop-manag .sec-wrap .list-wrap .red {
  color: #e895a4;
}
.shop-manag .sec-wrap .list-wrap .obj-bar {
  width: 33px;
  height: 390px;
  position: absolute;
  right: 12px;
  top: 68px;
  background: url(../bgimages/bg_31.png) no-repeat center;
}
.shop-manag .sec-wrap .list-wrap .butn {
  width: 33px;
  height: 28px;
  background: url(../bgimages/btn_03.png) no-repeat center;
  position: absolute;
  left: -3px;
  top: 0;
  cursor: pointer;
}
.shop-manag .sec-wrap .sign {
  width: 429px;
  height: 405px;
  position: absolute;
  right: -164px;
  bottom: 74px;
  background: url(../bgimages/img_56.png) no-repeat center;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.shop-manag .thi-wrap {
  width: 1106px;
  padding: 125px 28px 0 121px;
  background: url(../bgimages/bg_68.png) no-repeat left top;
  margin-top: -28px;
  height: 231px;
  margin-left: -22px;
  position: relative;
}
.shop-manag .thi-wrap li {
  width: 682px;
  border-bottom: 1px dashed #ebe7ea;
  font-size: 14px;
  line-height: 48px;
}
.shop-manag .thi-wrap span.f16 {
  font-size: 16px;
  color: #e493a3;
}
.shop-manag .thi-wrap .addr {
  display: inline-block;
  padding-left: 30px;
  width: 440px;
  background: url(../bgimages/ico_42.png) no-repeat 5px center;
}
.shop-manag .thi-wrap .date {
  display: inline-block;
  padding-left: 30px;
  background: url(../bgimages/ico_43.png) no-repeat 3px center;
  width: 182px;
}
.shop-manag .thi-wrap .phone {
  display: inline-block;
  padding-left: 26px;
  background: url(../bgimages/ico_44.png) no-repeat left center;
  width: 440px;
  /*font-size: 16px;*/
}
.shop-manag .thi-wrap .inp {
  line-height: 19px;
  border-bottom: 1px solid #e6e3e5;
  display: inline-block;
  color: #e48498;
  font-size: 14px;
}
.shop-manag .thi-wrap .class {
  display: inline-block;
  padding-left: 26px;
  background: url(../bgimages/ico_45.png) no-repeat left center;
  width: 440px;
}
.shop-manag .thi-wrap .peo {
  display: inline-block;
  padding-left: 26px;
  background: url(../bgimages/ico_46.png) no-repeat left center;
}
.shop-manag .thi-wrap .sign {
  display: block;
  width: 268px;
  height: 303px;
  background: url(../bgimages/img_70.png) no-repeat center;
  position: absolute;
  right: 0px;
  top: 9px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.shop-manag .fou-wrap {
  width: 1200px;
  margin-left: -24px;
  margin-top: -7px;
  padding: 173px 19px 46px 24px;
  background: url(../bgimages/bg_69.png) no-repeat center top;
  height: 1010px;
}
.shop-manag .fou-wrap .nav-box {
  height: 160px;
  margin-left: 294px;
}
.shop-manag .fou-wrap .nav-box li {
  position: relative;
  left: 50px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.shop-manag .fou-wrap .nav-box li.navli {
  width: 160px;
  padding-top: 51px;
  height: 109px;
  text-align: center;
  background: url(../bgimages/bg_70.png) no-repeat center;
  cursor: pointer;
}
.shop-manag .fou-wrap .nav-box li.navli p {
  line-height: 20px;
  color: #999;
}
.shop-manag .fou-wrap .nav-box li.navli.on, .shop-manag .fou-wrap .nav-box li.navli:hover {
  background: url(../bgimages/bg_71.png) no-repeat center;
}
.shop-manag .fou-wrap .nav-box li.navli.on .num, .shop-manag .fou-wrap .nav-box li.navli:hover .num {
  color: #3eb3e4;
}
.shop-manag .fou-wrap .nav-box .num {
  line-height: 35px;
  display: block;
  font-family: "Impact";
  font-size: 32px;
  color: #2776c5;
}
.shop-manag .fou-wrap .nav-box li.sign {
  width: 41px;
  height: 160px;
  background: url(../bgimages/ico_47.png) no-repeat center;
}
.shop-manag .fou-wrap .scroll-wrap {
  width: 1000px;
  margin-top: 32px;
  position: relative;
  overflow: hidden;
  margin-left: 115px;
  padding-bottom: 15px;
}
.shop-manag .fou-wrap .scroll-wrap ul {
  width: 102%;
}
.shop-manag .fou-wrap .scroll-wrap li {
  margin-right: 15px;
  margin-bottom: 17px;
  width: 238px;
  height: 310px;
  background: url(../bgimages/bg_72.png) no-repeat center;
}
.shop-manag .fou-wrap .scroll-wrap li a {
  display: block;
  width: 210px;
  padding: 16px 14px 0;
}
.shop-manag .fou-wrap .scroll-wrap li img {
  display: block;
  width: 210px;
  height: 232px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.shop-manag .fou-wrap .scroll-wrap li p {
  line-height: 32px;
  margin-top: 11px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
.shop-manag .fou-wrap .scroll-wrap .hd {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 10px;
}
.shop-manag .fou-wrap .scroll-wrap .hd ul {
  height: 10px;
}
.shop-manag .fou-wrap .scroll-wrap .hd li {
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: url(../bgimages/ico_26.png) no-repeat center;
  text-indent: 999px;
  margin: 0 4px;
}
.shop-manag .fou-wrap .scroll-wrap .hd li.on {
  background: url(../bgimages/ico_27.png) no-repeat center;
}

.bgblack {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  background-color: #000;
  opacity: 0.5;
  filter: Alpha(opacity=50);
  left: 0;
  top: 0;
  display: none;
}

.alert-wrap {
  background: url(../bgimages/bg_73.png) no-repeat center;
  position: fixed;
  z-index: 30;
  left: 50%;
  margin-left: -496px;
  top: 50%;
  margin-top: -340px;
  display: none;
}
.alert-wrap .top-tit {
  width: 100%;
  position: relative;
  height: 77px;
}
.alert-wrap h3 {
  font-size: 24px;
  line-height: 77px;
  font-weight: normal;
}
.alert-wrap span.close {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../bgimages/ico_48.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 16px;
  cursor: pointer;
}
.alert-wrap .alert-obj {
  position: relative;
  width: 100%;
}
.alert-wrap .obj-bar {
  width: 11px;
  height: 428px;
  position: absolute;
  background: url(../bgimages/bg_74.jpg) no-repeat center top;
}
.alert-wrap .obj-btn {
  display: block;
  width: 11px;
  height: 132px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../bgimages/btn_08.png) no-repeat center;
}

.shop-alert {
  width: 895px;
  padding: 10px 41px 0 56px;
  height: 670px;
}
.shop-alert .left-obj {
  position: absolute;
  left: 0;
  top: 0;
  width: 833px;
}
.shop-alert #scrollBox1 {
  position: relative;
  width: 100%;
  height: 550px;
  overflow: hidden;
}
.shop-alert th {
  height: 35px;
  text-align: center;
  background-color: #def3ff;
}
.shop-alert tr.blue {
  background-color: #f5fbff;
}
.shop-alert td {
  padding: 30px;
  font-size: 14px;
  line-height: 24px;
}
.shop-alert h3 {
  color: #68baf3;
}
.shop-alert td.center {
  text-align: center;
}
.shop-alert .obj-bar {
  right: 8px;
  top: 6px;
}
.shop-alert td.num {
  font-size: 24px;
  font-family: "Arial";
}

/****************乐乐园***************/
.fairy-wrap {
  background: url(../bgimages/bg_75.jpg) no-repeat center top;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 152px;
}
.fairy-wrap .w1200 {
  position: relative;
}
.fairy-wrap .ban-wrap {
  position: relative;
  height: 924px;
}
.fairy-wrap .ban-wrap .left-ball {
  display: block;
  width: 129px;
  height: 177px;
  background: url(../bgimages/img_59.png) no-repeat center;
  position: absolute;
  left: 31px;
  top: 106px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.fairy-wrap .ban-wrap .right-ball {
  display: block;
  width: 177px;
  height: 182px;
  background: url(../bgimages/img_60.png) no-repeat center;
  right: 149px;
  top: 0px;
  position: absolute;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.fairy-wrap .ban-wrap .petal {
  display: block;
  width: 255px;
  height: 107px;
  background: url(../bgimages/img_58.png) no-repeat center;
  position: absolute;
  left: -90px;
  bottom: 86px;
  -webkit-transform: rotateZ(5deg);
          transform: rotateZ(5deg);
  -webkit-transform-origin: 50% 0 0;
      -ms-transform-origin: 50% 0 0;
          transform-origin: 50% 0 0;
}
.fairy-wrap .ban-wrap .petal.active {
  -webkit-animation: 4s linear 0s running fallenLeaves;
          animation: 4s linear 0s running fallenLeaves;
}
.fairy-wrap .fir-wrap {
  width: 882px;
  padding-left: 156px;
  height: 452px;
}
.fairy-wrap .fir-wrap li {
  width: 882px;
  border-bottom: 1px dashed #e4e2e3;
  line-height: 30px;
  padding: 9px 0;
  font-size: 14px;
}
.fairy-wrap .fir-wrap .f16 {
  font-size: 16px;
}
.fairy-wrap .fir-wrap .red {
  color: #e4869a;
}
.fairy-wrap .fir-wrap .ct1 {
  display: inline-block;
  width: 470px;
}
.fairy-wrap .fir-wrap .ct3 {
  display: inline-block;
  width: 248px;
}
.fairy-wrap .fir-wrap .ico {
  display: inline-block;
  width: 32px;
  height: 30px;
  float: left;
}
.fairy-wrap .fir-wrap .ico1 {
  background: url(../bgimages/ico_49.png) no-repeat left center;
}
.fairy-wrap .fir-wrap .ico2 {
  background: url(../bgimages/ico_50.png) no-repeat left center;
}
.fairy-wrap .fir-wrap .ico3 {
  background: url(../bgimages/ico_51.png) no-repeat left center;
}
.fairy-wrap .fir-wrap .ico4 {
  background: url(../bgimages/ico_52.png) no-repeat left center;
}
.fairy-wrap .fir-wrap .ico5 {
  background: url(../bgimages/ico_53.png) no-repeat left center;
}
.fairy-wrap .fir-wrap .ico6 {
  background: url(../bgimages/ico_54.png) no-repeat left center;
}
.fairy-wrap .fir-wrap .word {
  display: block;
  width: 700px;
}
.fairy-wrap .cent-nav {
  width: 897px;
  padding-bottom: 47px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  margin: 0 auto;
}
.fairy-wrap .cent-nav a {
  display: inline-block;
  float: left;
  width: 192px;
  height: 47px;
  color: #fff;
  text-align: center;
  line-height: 47px;
  font-size: 20px;
}
.fairy-wrap .cent-nav .a1 {
  margin-left: 238px;
  background: url(../bgimages/bg_91.png) no-repeat center top;
}
.fairy-wrap .cent-nav .a1:hover {
  background: url(../bgimages/bg_91.png) no-repeat center bottom;
}
.fairy-wrap .cent-nav .a2 {
  margin-left: 30px;
  background: url(../bgimages/bg_92.png) no-repeat center top;
}
.fairy-wrap .cent-nav .a2:hover {
  background: url(../bgimages/bg_92.png) no-repeat center bottom;
}
.fairy-wrap .list-wrap {
  width: 100%;
}
.fairy-wrap .list-wrap ul {
  position: relative;
}
.fairy-wrap .list-wrap li {
  margin-right: 94px;
  position: relative;
}
.fairy-wrap .list-wrap li .tit {
  width: 100%;
  text-align: center;
}
.fairy-wrap .list-wrap li .tit p {
  display: inline;
  padding: 0 12px;
  color: #858283;
}
.fairy-wrap .list-wrap li .tit span {
  display: inline-block;
  width: 35px;
  height: 7px;
}
.fairy-wrap .list-wrap li .tit .sign1 {
  background: url(../bgimages/ico_55.png) no-repeat center;
}
.fairy-wrap .list-wrap li .tit .sign2 {
  background: url(../bgimages/ico_56.png) no-repeat center;
}
.fairy-wrap .list-wrap li span.date {
  display: inline-block;
  position: absolute;
  font-size: 11px;
  font-family: "Arial";
  color: #fff;
}
.fairy-wrap .list-wrap li a {
  display: block;
  cursor: pointer;
}
.fairy-wrap .list-wrap li img {
  min-height: 100%;
}
.fairy-wrap .list-wrap .li1 {
  margin-top: 43px;
}
.fairy-wrap .list-wrap .li1 .img {
  display: block;
  width: 274px;
  height: 243px;
  position: relative;
  overflow: hidden;
}
.fairy-wrap .list-wrap .li1 .upbg {
  display: block;
  width: 274px;
  height: 243px;
  background: url(../bgimages/bg_77.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-wrap .list-wrap .li1 .tit {
  line-height: 46px;
}
.fairy-wrap .list-wrap .li1 .date {
  left: 118px;
  line-height: 20px;
  bottom: 8px;
}
.fairy-wrap .list-wrap .li1 .sign {
  margin-top: 20px;
}
.fairy-wrap .list-wrap .li2 {
  margin-top: 85px;
}
.fairy-wrap .list-wrap .li2 .img {
  display: block;
  width: 297px;
  height: 247px;
  position: relative;
  overflow: hidden;
}
.fairy-wrap .list-wrap .li2 .upbg {
  display: block;
  width: 297px;
  height: 247px;
  background: url(../bgimages/bg_78.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-wrap .list-wrap .li2 .tit {
  line-height: 35px;
}
.fairy-wrap .list-wrap .li2 .date {
  left: 104px;
  line-height: 20px;
  bottom: 21px;
}
.fairy-wrap .list-wrap .li2 .sign {
  margin-top: 15px;
}
.fairy-wrap .list-wrap .li3 {
  margin-top: 113px;
}
.fairy-wrap .list-wrap .li3 .img {
  display: block;
  width: 274px;
  height: 243px;
  position: relative;
  overflow: hidden;
}
.fairy-wrap .list-wrap .li3 .upbg {
  display: block;
  width: 274px;
  height: 243px;
  background: url(../bgimages/bg_77.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-wrap .list-wrap .li3 .tit {
  line-height: 46px;
}
.fairy-wrap .list-wrap .li3 .date {
  left: 118px;
  line-height: 20px;
  bottom: 8px;
}
.fairy-wrap .list-wrap .li3 .sign {
  margin-top: 20px;
}
.fairy-wrap .list-wrap .li4 {
  margin-top: 190px;
}
.fairy-wrap .list-wrap .li4 .img {
  display: block;
  width: 274px;
  height: 243px;
  position: relative;
  overflow: hidden;
}
.fairy-wrap .list-wrap .li4 .upbg {
  display: block;
  width: 274px;
  height: 243px;
  background: url(../bgimages/bg_77.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-wrap .list-wrap .li4 .tit {
  line-height: 46px;
}
.fairy-wrap .list-wrap .li4 .date {
  left: 118px;
  line-height: 20px;
  bottom: 8px;
}
.fairy-wrap .list-wrap .li4 .sign {
  margin-top: 20px;
}
.fairy-wrap .list-wrap .li5 {
  margin-top: 78px;
}
.fairy-wrap .list-wrap .li5 .img {
  display: block;
  width: 297px;
  height: 247px;
  position: relative;
  overflow: hidden;
}
.fairy-wrap .list-wrap .li5 .upbg {
  display: block;
  width: 297px;
  height: 247px;
  background: url(../bgimages/bg_78.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-wrap .list-wrap .li5 .tit {
  line-height: 35px;
}
.fairy-wrap .list-wrap .li5 .date {
  left: 104px;
  line-height: 20px;
  bottom: 21px;
}
.fairy-wrap .list-wrap .li5 .sign {
  margin-top: 15px;
}
.fairy-wrap .list-wrap .li6 {
  margin-top: 40px;
}
.fairy-wrap .list-wrap .li6 .img {
  display: block;
  width: 274px;
  height: 243px;
  position: relative;
  overflow: hidden;
}
.fairy-wrap .list-wrap .li6 .upbg {
  display: block;
  width: 274px;
  height: 243px;
  background: url(../bgimages/bg_77.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-wrap .list-wrap .li6 .tit {
  line-height: 46px;
}
.fairy-wrap .list-wrap .li6 .date {
  left: 118px;
  line-height: 20px;
  bottom: 8px;
}
.fairy-wrap .list-wrap .li6 .sign {
  margin-top: 20px;
}
.fairy-wrap .list-wrap .li7 {
  margin-top: 455px;
  margin-left: -820px;
  margin-right: 0;
  height: 282px;
}
.fairy-wrap .list-wrap .li7 .img {
  display: block;
  width: 297px;
  height: 247px;
  position: relative;
  overflow: hidden;
}
.fairy-wrap .list-wrap .li7 .upbg {
  display: block;
  width: 297px;
  height: 247px;
  background: url(../bgimages/bg_78.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-wrap .list-wrap .li7 .tit {
  line-height: 35px;
}
.fairy-wrap .list-wrap .li7 .date {
  left: 104px;
  line-height: 20px;
  bottom: 21px;
}
.fairy-wrap .list-wrap .li7 .sign {
  margin-top: 15px;
}
.fairy-wrap .list-wrap .li8 {
  margin-top: 110px;
  margin-right: 0;
  position: absolute;
  right: 177px;
  bottom: 0;
}
.fairy-wrap .list-wrap .li8 .img {
  display: block;
  width: 274px;
  height: 243px;
  position: relative;
  overflow: hidden;
}
.fairy-wrap .list-wrap .li8 .upbg {
  display: block;
  width: 274px;
  height: 243px;
  background: url(../bgimages/bg_77.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-wrap .list-wrap .li8 .tit {
  line-height: 46px;
}
.fairy-wrap .list-wrap .li8 .date {
  left: 118px;
  line-height: 20px;
  bottom: 8px;
}
.fairy-wrap .list-wrap .li8 .sign {
  margin-top: 20px;
}
.fairy-wrap .more-butn {
  display: block;
  width: 140px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  margin: 95px auto 0;
  background: url(../bgimages/bg_79.png) no-repeat center;
  cursor: pointer;
}
.fairy-wrap .flut1 {
  display: block;
  width: 263px;
  height: 165px;
  position: absolute;
  left: -440px;
  top: 415px;
  background: url(../bgimages/ico_57.png) no-repeat center;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.fairy-wrap .flut2 {
  display: block;
  width: 141px;
  height: 136px;
  background: url(../bgimages/ico_58.png) no-repeat center;
  position: absolute;
  right: -340px;
  top: 570px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.fairy-wrap .flut3 {
  display: block;
  width: 179px;
  height: 219px;
  background: url(../bgimages/ico_59.png) no-repeat center;
  position: absolute;
  left: -430px;
  top: 872px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.fairy-wrap .flut4 {
  display: block;
  width: 217px;
  height: 167px;
  background: url(../bgimages/ico_60.png) no-repeat center;
  position: absolute;
  right: -408px;
  top: 1442px;
  opacity: 0;
  filter: Alpha(opacity=0);
}

@-webkit-keyframes fallenLeaves {
  0% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
    opacity: 0;
    bottom: 286px;
  }
  25% {
    bottom: 236px;
  }
  50% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
    bottom: 186px;
  }
  75% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
    bottom: 136px;
  }
  100% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
    opacity: 1;
    bottom: 86px;
  }
}

@keyframes fallenLeaves {
  0% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
    opacity: 0;
    bottom: 286px;
  }
  25% {
    bottom: 236px;
  }
  50% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
    bottom: 186px;
  }
  75% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
    bottom: 136px;
  }
  100% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
    opacity: 1;
    bottom: 86px;
  }
}
.fairy-alert {
  width: 908px;
  padding: 10px 49px 0 35px;
  height: 670px;
}
.fairy-alert h3 {
  color: #f3687a;
}
.fairy-alert h3.peo-tt{
  padding-left: 30px;
  background: url(../bgimages/ico_77.png) no-repeat left center;
}
.fairy-alert th {
  background-color: #def3ff;
  color: #666;
  font-size: 14px;
  height: 36px;
}
.fairy-alert td {
  font-size: 14px;
  padding: 20px 26px;
}
.fairy-alert tr.red td{
  background-color: #fef8f9;
}
.fairy-alert tr.blue td{
  background-color: #f4fbff;
}

.fairy-alert td.num {
  font-family: "Arial";
  font-size: 24px;
}
.fairy-alert #scrollBox1 {
  width: 100%;
  position: relative;
  height: 560px;
  overflow: hidden;
}
.fairy-alert .left-obj {
  width: 836px;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-alert .left-obj img{
  max-width: 100%;
}
.fairy-alert .obj-bar {
  right: 0;
  top: 0;
}
.fairy-alert .sub-cont {
  width: 100%;
  padding-bottom: 29px;
  border-bottom: 1px solid #e8e8e8;
}
.fairy-alert .sub-cont .area {
  border: none;
  width: 877px;
  height: 150px;
  background: url(../bgimages/bg_80.jpg) no-repeat center;
  color: #333;
  font-size: 14px;
  padding: 10px;
}
.fairy-alert .sub-cont .bot-btn {
  padding-top: 28px;
  width: 100%;
  height: 48px;
  line-height: 48px;
}
.fairy-alert .sub-cont .tex {
  border: 1px solid #ccc;
  font-size: 13px;
  height: 14px;
  line-height: 13px;
  padding: 5px;
  width: 70px;
  margin-top: 12px;
  margin-left: 8px;
}
.fairy-alert .sub-cont .code-img {
  display: block;
  margin-left: 18px;
  margin-top: 11px;
}
.fairy-alert .sub-cont .sub-btn {
  border: none;
  width: 173px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background: url(../bgimages/bg_81.jpg) no-repeat center;
  font-size: 16px;
  margin-right: 10px;
}
.fairy-alert .obj-wrap#scrollBox1 {
  width: 100%;
  margin-top: 27px;
  position: relative;
  overflow: hidden;
  height: 265px;
}
.fairy-alert .obj-wrap#scrollBox1 .obj-scro {
  width: 853px;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-alert .obj-wrap#scrollBox1 .obj-bar {
  height: 263px;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list {
  width: 850px;
  position: absolute;
  left: 0;
  top: 0;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list li {
  padding: 10px 0;
  cursor: pointer;
  padding-right: 14px;
  width: 836px;
  margin-bottom: 8px;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list li span.ico {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../bgimages/ico_61.png) no-repeat center;
  margin-left: 6px;
  margin-top: 2px;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list li .tt {
  display: block;
  width: 700px;
  line-height: 25px;
  margin-left: 10px;
  font-size: 13px;
  color: #717171;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list li .date {
  color: #818181;
  font-size: 13px;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list li .word {
  width: 806px;
  margin-left: 35px;
  margin-top: 4px;
  display: none;
  color: #8a8a8a;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list li.hover {
  background-color: #f9fafc;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list li.hover .word {
  display: block;
}
.fairy-alert .obj-wrap#scrollBox1 .ques-list li.hover .date {
  color: #404040;
}

.fairy-info {
  width: 100%;
  padding-bottom: 150px;
}
.fairy-info .ban-wrap {
  width: 100%;
  background: url(../bgimages/bg_90.jpg) no-repeat center top;
  height: 920px;
}

/******************互动专区*****************/
.interact-wrap {
  position: relative;
  width: 100%;
  height: 843px;
  background: url(../bgimages/bg_82.jpg) no-repeat center top;
}
.interact-wrap .w1200 {
  position: relative;
}
.interact-wrap .left-wrap {
  position: absolute;
  left: -37px;
  width: 550px;
  top: 225px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.interact-wrap .left-wrap .word {
  line-height: 23px;
  margin-top: 17px;
  font-size: 18px;
  color: #fff;
}
.interact-wrap .left-wrap .down {
  margin-top: 56px;
  width: 100%;
  height: 66px;
}
.interact-wrap .left-wrap .down a {
  float: left;
  display: block;
  width: 183px;
  height: 66px;
  -webkit-transition: 0.4s ease 0s;
          transition: 0.4s ease 0s;
}
.interact-wrap .left-wrap .down .a1 {
  background: url(../bgimages/ico_62.png) no-repeat center;
}
.interact-wrap .left-wrap .down .a2 {
  background: url(../bgimages/ico_63.png) no-repeat center;
}
.interact-wrap .left-wrap .down a:hover {
  opacity: 0.8;
}
.interact-wrap .left-wrap .erwei {
  margin-top: 32px;
}
.interact-wrap .left-wrap .font {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  line-height: 26px;
  padding-top: 38px;
  margin-left: 20px;
}
.interact-wrap h2 {
  font-size: 45px;
  color: #fff;
  line-height: 63px;
}
.interact-wrap .phone1 {
  display: block;
  width: 320px;
  height: 572px;
  background: url(../bgimages/img_64.png) no-repeat center;
  position: absolute;
  top: 148px;
  right: 152px;
  z-index: 1;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.interact-wrap .phone2 {
  display: block;
  width: 283px;
  height: 506px;
  background: url(../bgimages/img_63.png) no-repeat center;
  position: absolute;
  right: -40px;
  top: 220px;
  z-index: 2;
  opacity: 0;
  filter: Alpha(opacity=0);
}

.download-wrap {
  width: 100%;
  height: 774px;
  background: url(../bgimages/bg_82.jpg) no-repeat center top;
  padding-top: 83px;
  margin-top: 0;
}
.download-wrap .down-nav {
  width: 100%;
  background: url(../bgimages/bg_83.png) no-repeat 117px top;
  padding-top: 52px;
  height: 102px;
}
.download-wrap .down-nav .li1 {
  margin-left: 243px;
}
.download-wrap .down-nav li {
  margin-right: 60px;
  font-size: 16px;
  width: 141px;
  height: 91px;
  background: url(../bgimages/bg_nav_03.png) no-repeat center;
  line-height: 91px;
  text-align: center;
}
.download-wrap .down-nav li:hover, .download-wrap .down-nav li.hover {
  background: url(../bgimages/bg_nav_04.png) no-repeat center;
}
.download-wrap .down-nav li:hover a, .download-wrap .down-nav li.hover a {
  color: #fff;
}
.download-wrap .down-nav li a {
  color: #218ece;
}
.download-wrap .down-nav li .sign {
  top: 20px;
}
.download-wrap .down-nav li.last .sign {
  left: -24px;
}
.download-wrap .down-list {
  width: 1007px;
  margin: 63px auto 0;
}
.download-wrap .down-list li {
  height: 57px;
  background: url(../bgimages/bg_84.png) no-repeat center;
  margin-bottom: 20px;
  width: 1007px;
}
.download-wrap .down-list li .ico {
  display: inline-block;
  width: 12px;
  height: 17px;
  background: url(../bgimages/ico_36.png) no-repeat center;
  margin-left: 21px;
  margin-top: 20px;
}
.download-wrap .down-list li .tt {
  display: inline-block;
  line-height: 57px;
  max-width: 800px;
  font-size: 16px;
  color: #218ece;
  margin-left: 19px;
}
.download-wrap .down-list li .btn {
  display: inline-block;
  padding-left: 34px;
  background: url(../bgimages/ico_64.png) no-repeat left center;
  font-size: 14px;
  color: #218ece;
  line-height: 57px;
  margin-right: 42px;
}
/*.download-wrap .page {
  padding-top: 32px;
}*/

.login-alert {
  width: 380px;
  padding: 29px 49px 0 50px;
  background: url(../bgimages/bg_85.png) no-repeat center;
  height: 292px;
  position: fixed;
  left: 50%;
  margin-left: -240px;
  top: 50%;
  margin-top: -161px;
  z-index: 30;
  display: none;
}
.login-alert .tit {
  line-height: 51px;
  font-size: 20px;
  color: #000;
}
.login-alert .tit .blue {
  color: #0ea7e7;
  font-size: 16px;
}
.login-alert table {
  margin-top: 24px;
}
.login-alert table td {
  font-size: 20px;
  color: #585858;
}
.login-alert .tex {
  border: none;
  border-radius: 8px;
  font-size: 20px;
  line-height: 20px;
  height: 21px;
  padding: 12px;
  width: 302px;
  background: url(../bgimages/bg_86.png) no-repeat center;
}
.login-alert .sub-btn {
  border: none;
  width: 125px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: url(../bgimages/bg_87.png) no-repeat center;
  color: #fff;
  font-size: 22px;
}
.login-alert .close {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../bgimages/ico_75.png) no-repeat center;
  position: absolute;
  right: 20px;
  top: 14px;
  cursor: pointer;
}

/*# sourceMappingURL=style.css.map */

.login-alert input.error{
  border: 1px solid #D70128;
 }

.code{    color: #cfe5f2;
    -webkit-transition: color 0.4s ease 0s;
    transition: color 0.4s ease 0s;
    width: 86px;
    display: block;
    text-align: center;
    margin-top: 5px;}
	
	/*# 中间内容部分样式 */
	.clear01{ clear:both;}

.dxal{ width:1100px; margin:auto;}
.dxal_left{ width:750px; float:left;}
.dxal_left01{ width:750px; float:left; height:70px;}
.dxal_left01 h3{ width:auto; float:left; font-size:18px; color:#0054a7; line-height:70px; line-height:70px; padding-left:10px;}
.dxal_left01 span{ width:auto; float:left; font-size:20px; color:#bdbdbd; line-height:60px; margin-top:10px; line-height:60px; padding-left:10px; font-family:Raavi;}
.dxal_left01 a{ float:right; width:auto; margin-top:30px; margin-right:40px;}

.dxal_right{ width:297px; float:right;}
.dxal_right01{ width:297px; float:left; height:70px;}
.dxal_right01 h3{ width:auto; float:left; font-size:18px; color:#0054a7; line-height:70px; line-height:70px; padding-left:10px;}
.dxal_right01 span{ width:auto; float:left; font-size:20px; color:#bdbdbd; line-height:60px; margin-top:10px; line-height:60px; padding-left:10px; font-family:Raavi;}

.dxal_right02{ width:297px; float:left; margin-bottom:10px;}
.dxal_right03{ width:297px; float:left; margin-bottom:10px; line-height:22px; height:88px; overflow:hidden; font-size:12px; color:#5a5a5a;}
.dxal_right04{ width:297px; float:left; }
/*中间内容部分样式 案例轮播css */
		.houjia_lunbo{ width:744px;  overflow:hidden; position:relative;  }
		.houjia_lunbo .hd{ overflow:hidden;  height:30px;width:744px;position:absolute;left:0;top:100px; }
		.houjia_lunbo .hd .prev{ display:block;  width:17px; height:27px; float:left; overflow:hidden;
			 cursor:pointer; background:url(../bgimages/1_49.jpg) no-repeat;}
			 .houjia_lunbo .hd .next{ display:block;  width:17px; height:27px; float:right; overflow:hidden;
			 cursor:pointer; background:url(../bgimages/1_52.jpg) no-repeat;}
		.houjia_lunbo .bd{ overflow:hidden; zoom:1; margin-left:34px;}
		.houjia_lunbo .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; width:222px;height:229px;position:relative; margin-right:7px; }
		.lunbo_img_p1{
			text-align:center;
			position:absolute;
			bottom:0;
			left:0;
			background-color:#888888;
			font-size:13px;
			color:#fff;
			height:32px;
			line-height:31px;
			width:100%;
			}
			.lunbo_img_p1 a{
				color:#fff;
				}
			.lunbo_img_p2{
				background-color:#61a706;
				}
			.lunbo_img_p3{
				background-color:#ff6f00;
				}


            /* 中间内容部分样式 案例轮播css */
		.houjia_lunbo1{ width:1100px;  overflow:hidden; position:relative;  }
		.houjia_lunbo1 .hd{ overflow:hidden;  height:30px;width:1100px;position:absolute;left:0;top:100px; }
		.houjia_lunbo1 .hd .prev{ display:block;  width:17px; height:27px; float:left; overflow:hidden;
			 cursor:pointer; background:url(../bgimages/1_49.jpg) no-repeat;}
			 .houjia_lunbo1 .hd .next{ display:block;  width:17px; height:27px; float:right; overflow:hidden;
			 cursor:pointer; background:url(../bgimages/1_52.jpg) no-repeat;}
		.houjia_lunbo1 .bd{ overflow:hidden; zoom:1; margin-left:34px;}
		.houjia_lunbo1 .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; width:252px;height:229px;position:relative; margin-right:7px; }
		.lunbo_img_p11{
			text-align:center;
			position:absolute;
			bottom:0;
			left:0;
			background-color:#9e2eac;
			font-size:13px;
			color:#fff;
			height:32px;
			line-height:31px;
			width:100%;
			}
			.lunbo_img_p11 a{
				color:#fff;
				}
			.lunbo_img_p21{
				background-color:#61a706;
				}
			.lunbo_img_p31{
				background-color:#ff6f00;
				}
				
				
				
				
.ddda{ width:1100px; margin:auto; }
.ddda01_a{ display:block; margin-right:10px; width: auto; line-height:26px;text-align:left; float:left;  position:relative; overflow:hidden;}
.ddda01_b{ display:block; margin-right:0px; width: auto; height:26px; line-height:26px;text-align:left; float:left;  position:relative;}
/*.ddda img{ width:313px; height:123px; float:left;margin-left: 37px;}*/
.ddda img{ width:267px; height:123px; float:left;}
.ddda02{ width:128px; height:80px; position:absolute; z-index:1000; top:33px; left:92px;}
.ddda02 h3{ width:128px; float:left; height:24px; font-size:15px; color:#666; line-height:24px; overflow:hidden; margin-bottom:5px;}
.ddda02 span{ font-size:12px; float:left; width:128px; display:block; color:#666; height:20px; line-height:20px; overflow:hidden;}
.ddda01_a:hover h3{ width:128px; float:left; height:24px; font-size:15px; color:#4093b7; line-height:24px; overflow:hidden;}
.ddda01_a:hover span{ font-size:12px; float:left; width:128px; display:block;color:#4093b7; height:20px; line-height:20px; overflow:hidden;}
.ddda01_b:hover h3{ width:128px; float:left; height:24px; font-size:15px; color:#4093b7; line-height:24px; overflow:hidden;}
.ddda01_b:hover span{ font-size:12px; float:left; width:128px; display:block;color:#4093b7; height:20px; line-height:20px; overflow:hidden;}

@media (max-width: 1206px){
	body, html{width:1206px;}
}

/*新闻列表*/
.in-wrap{
	padding:38px 0;
	width:1100px;
	    margin: 0 auto;
	overflow: hidden;
}
.lmenu{
	width: 224px;
}
.lm-first{
	margin-bottom: 34px;
	overflow: hidden;
}
.lm-first h1{
	height: 68px;
	padding-left: 39px;
	line-height: 68px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	background: url(../bgimages/lm_bg.jpg) no-repeat center;
}
.lm-first h1 span{
	display: block;
	background: url(../bgimages/contact_08.png) no-repeat 143px center;
}
.lm-first ul{
	width: 100%;
}
.lm-first ul li{
	width: 184px;
	height: 50px;
	padding-left: 38px;
	border-left:1px solid #dcdbdb;
	border-right: 1px solid #dcdbdb;
	border-bottom: 1px solid #dcdbdb;
}
.lm-first ul li a{
	display: block;
	background: url(../bgimages/contact_13.png) no-repeat 150px center;
	font-size: 14px;
	color: #666;
	line-height: 50px;
	font-weight: bold;
}
.lm-first ul li:hover a,
.lm-first ul li.on a{
	color: #073eac;
}

.lm-second{
	margin-bottom: 32px;
	overflow: hidden;
}
.lm-second h1{
	height: 58px;
	padding-left: 39px;
	line-height: 58px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: url(../bgimages/contact_16.jpg) no-repeat center;
}
.lm-second h1 span{
	color: #fff;
	display: block;
	background: url(../bgimages/contact_18.png) no-repeat 143px center;
}
.lm-second ul{
	border-left:1px solid #dcdbdb;
	border-right: 1px solid #dcdbdb;
	border-bottom: 1px solid #dcdbdb;
	width: 222px;
	overflow: hidden;
	padding:4px 0 8px 0;
}
.lm-second ul li{
	width: 100%;
	background: url(../bgimages/contact_26.jpg) no-repeat 18px center;
}
.lm-second ul li a{
	display: block;
	padding-left: 32px;
	line-height: 26px;
	color: #666666;
}
.lm-second ul li:hover,
.lm-second ul li.on{
	background: url(../bgimages/contact_23.jpg) no-repeat 18px center;
}
.lm-second ul li:hover a,
.lm-second ul li.on a{
	color: #0857b0;
}

.lm-second-top{
	padding-left: 38px;
	border-left:1px solid #dcdbdb;
	border-right: 1px solid #dcdbdb;
	border-bottom: 1px solid #dcdbdb;
	height: 64px;
	font-size: 14px;
	color: #333;
	padding:26px 0 0 0;
	line-height: 14px;
	text-align: center;
}
.lm-second-bottom{
	padding-left: 38px;
	border-left:1px solid #dcdbdb;
	border-right: 1px solid #dcdbdb;
	border-bottom: 1px solid #dcdbdb;
	height: 79px;
	font-size: 14px;
	color: #333;
	padding:19px 0 0 0;
	line-height: 14px;
	text-align: center;
}
.lm-second-bottom .btn{
	display: inline-block;
	width: 91px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	background: url(../bgimages/contact_33.jpg) no-repeat center;
}

.rcontent{
	width: 825px;
	border:1px solid #e9e9e9;
}
.rcontent h1{
	height: 66px;
	background: #f8f8f8;
	line-height: 66px;
	padding:0 20px;
	border-bottom:1px solid #e9e9e9;
}
.rcontent h1 span.fl{
	display: inline-block;
	
	font-size: 18px;
	color: #0857b0;
	font-weight: bold;
}
.rcontent h1 span.fr{
	color: #999999;
	font-size: 14px;
	font-weight:400;
}
.rcontent h1 span.fr a{
	color: #999;
}
.rcontent h1 span.fr a:hover{
	color: #0857b0;
}
.rcontent h1 img{
	display: inline-block;
	margin:0 12px;
}
.rcontent .conn{
	padding:26px 20px 0 20px;
}
.rcontent .conn .map{
	border:1px solid #dadada;
	height: 370px;
	padding:3px;
}
.rcontent .conn .conn-txt{
	margin-top: 33px;
	padding:0 20px 46px 0;
}
.rcontent .conn .conn-txt h2{
	font-size: 14px;
	color: #1161c5;
	font-weight: bold;
	padding-left: 16px;
}
.rcontent .conn .conn-txt p{
	padding-top: 15px;
}
.rcontent .conn .conn-txt p span{
	width: 95px;
	text-align: right;
	line-height: 26px;
	font-size: 14px;
	color: #666666;
}
.rcontent .conn .conn-txt p input[type="text"]{
	border:1px solid #cfcfcf;
	line-height: 12px;
	padding:6px 5px;
	width: 209px;
}
.rcontent .conn .conn-txt p input.input01{
	width: 525px;
}
.rcontent .conn .conn-txt p textarea{
	border:1px solid #cfcfcf;
	padding:5px;
	height: 108px;
	width: 525px;
}
.rcontent .conn .conn-txt .sexbox{
	line-height: 13px;
	padding-top: 16px;
}
.rcontent .conn .conn-txt p label{
	width: 34px;
	padding-left: 2px;
	line-height: 26px;
	font-size: 13px;
	color: #4c4c4c;
}
.rcontent .conn .conn-txt p input[type="radio"]{
	margin-top: 4px;
}
.rcontent .conn .conn-txt p i{
	color: #ff0000;
}
.rcontent .conn .btnbox{
	text-align: center;
}
.rcontent .conn .btnbox .btn{

	width: 86px;
	height: 28px;
	border:none;
	color: #fff;
	line-height: 28px;
	text-align: center;
	display:inline-block;
	margin:11px 25px 0 25px;
}
.rcontent .conn .btnbox .btn01{
	background: url(../bgimages/contact_09.jpg) no-repeat center;
}
.rcontent .conn .btnbox .btn02{
	background: url(../bgimages/contact_12.jpg) no-repeat center;
}
.hrcon{
	padding:30px 20px 0 20px;
}
.hrcon table{
	width: 100%;
}
.hrcon table td,
.hrcon table th{
	border:1px solid #e9e9e9;
	/*line-height: 20px;*/
	padding:6px 5px 6px 4px;
	text-align: left;
}
.hrcon table td a{
	color: #666;
	transition: color 500ms ease-in 0ms;
}
.hrcon table td a:hover{
	color: #0758b2;
}
.solutioncon{
	padding:33px 20px 0 20px;	
}
.solutioncon ul{
	overflow: hidden;
	width: 100%;
}
.solutioncon ul li{
	width: 100%;
	
	border-bottom: 1px solid #e9e9e9;
	
	margin-top: 17px;
}
.solutioncon ul li a.title{
	color: #666;
	display: block;
	font-weight: bold;
	padding-left: 11px;
	background: url(../bgimages/solution_06.jpg) no-repeat left center;
}
.solutioncon ul li .con{
	padding:11px 0 14px 11px;
	line-height: 20px;
	color: #888;
	height: 40px;
}
.solutioncon ul li:hover{
	
}
.solutioncon ul li:hover a.title{
	color: #0857b0;
	background-image: url(../bgimages/solution_03.jpg);
}

.pagination{
text-align:center;margin-top:10px;color:#333;}

.pagination ul li {
	float: left;
}
.pagination a{
	font-size: 12px;
	color: #888;
	display: inline-block;
	_display:inline;
	padding: 0 7px;
	border: 1px solid #ddd;
	margin-right: 5px;
	line-height: 26px;
}
.pagination a.prev,.pagination a.next{
	padding: 0 15px;
}
.pagination a:hover,
.pagination a.cur,
.pagination a.active,
.pagination li.active a,
.pagination li.active a:hover {
	background: #0066a5;
	font-weight: bold;
	color: #fff;
	border: 1px solid #0066a5;
}
.page{
	text-align: center;
	padding:0px 0 36px 0;
}
.pagination a.on{color:#fff;background:#0066a5;border:1px solid #ddd;}



/*产品栏目*/
.product_list li{width:33.3%;float:left;margin-bottom:7px;}
.product_list li a.img{width:220px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.product_list li a.img img{width:220px;height:150px;}
.product_list li a.img img{vertical-align:middle;}
.product_list li a.img:hover{border:1px solid #F90;}
.product_list li p.info{width:222px;line-height:30px; text-align:center;}
.product_list li p.info span{font-family:Verdana;color:#d94f44;float:right;}
.product_list li p.info a{color:#555;}
.subCont{line-height:26px;color:#666;
	padding:33px 20px 0 20px;	}
	
	
/*软件下载*/
.softlist li{width:760px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;font-family:Verdana;}
.softlist li .preview{float:left;margin-right:10px;}
.softlist li .preview .img{width:80px;height:60px;padding:1px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:29px;*font-family:Arial;overflow:hidden;}
.softlist li .preview .img img{vertical-align:middle;}
.softlist li .cont{float:left;}
.softlist li .title{font-weight:bold; color:#666;}
.softlist li .cont_area{float:left;width:600px;}
.softlist li .size{padding-left:8px;font-size:10px;}
.softlist li .desc{display:block;line-height:20px;}
.softlist li .dl_btn{float:right;width:67px;height:26px;line-height:26px;background:url(../images/bkgnormal.png) no-repeat; color:#666;text-align:center;margin-top:12px;}
.softlist li .dl_btn:hover{background:url(../images/bkghover.png) no-repeat;text-decoration:none;}
.softlist li .dl_btn:active{background:url(../images/bkgdown.png) no-repeat;}


/*内容分页*/


.contPage{
	margin-right: -5px;
	padding-top: 25px;
	text-align: center;
	}
.contPage a{
		font-size: 12px;
	color: #888;
	display: inline-block;
	_display:inline;
	padding: 0 7px;
	border: 1px solid #ddd;
	margin-right: 5px;
	line-height: 24px;
	}
.contPage a:hover{
background: #0066a5;

	color: #fff;
	border: 1px solid #0066a5;}
.contPage a.on{color:#fff;background:#0066a5;border:1px solid #ddd;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{margin-right: -5px;
	padding-top: 25px;
	text-align: center;}
.page_list a{font-size: 12px;
	color: #888;
	display: inline-block;
	_display:inline;
	padding: 0 7px;
	border: 1px solid #ddd;
	margin-right: 5px;
	line-height: 24px;}
.page_list a:hover{background: #0066a5;

	color: #fff;
	border: 1px solid #0066a5;}
.page_list a.on{color:#fff;background:#0066a5;border:1px solid #ddd;}


/*子页样式*/
.subBanner, .subBody{width:960px;margin:0 auto;}
.subBody{margin-bottom:25px;}
.subBody .OneOfTwo{width:750px;float:left;}
.subBody .TwoOfTwo{width:175px;float:right;}
.subBody .OneOfTwos{width:175px;float:left;}
.subBody .TwoOfTwos{width:750px;float:right;}
.subBody .search_l{margin-bottom:25px;}
.subBody .subnav{margin-bottom:25px;}
.subBody .subnav li{margin-bottom:2px;}
.subBody .subnav li a{display:block;height:24px;line-height:24px;padding-left:20px;background:url(../images/subnav_ico.gif) no-repeat 5px center;}
.subBody .subnav li a:hover{color:#fff;text-decoration:none;background:url(../images/subnav_ico_on.gif) no-repeat 5px center #ccc;}
.subBody .subnav li a.on, .subBody .subnav li a:hover.on{color:#fff;background:#999;}
.subBody .subTitle{margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;text-align:right;}
.subBody .subTitle .catname{font-size:15px;font-weight:bold;float:left;font-family:"微软雅黑";color:#333;}
.subBody .subTitle .shopcart{background:url(../images/shopcart_ico.gif) no-repeat 0 center; padding-left:20px;}
.subBody .subTitle a{color:#666;}
.subBody .subTitle span{color:#666;}
.subBody .subTitle a.goback{float:left;margin-left:10px;}
.subBody .subtype li{float:left;}
.subBody .subtype li a{background:#ffa41b;padding:2px 5px;margin-right:5px;color:#fff;}
.subBody .subtype li a:hover{text-decoration:none;background:#ff9900;}
.subBody .subtype li a.on{background:#999;}
.subBody .subtype2{padding:0 0 0 10px;}
.subBody .subtype2 li{float:left;}
.subBody .subtype2 li a{background:#fff8ed;border:1px solid #ff9900;padding:2px 5px;margin-right:5px;color:#3e3e3e;}
.subBody .subtype2 li a.on{color:#ff6600;}
.subCont{line-height:26px;color:#666;}

/*新闻栏目*/
.news_list li{line-height:30px;padding-top:1px;}
.news_list li a{text-decoration:none;color:#999; font-size:14px;}
.news_list li a:hover{text-decoration:none;color:#666;}
.news_list span{float:right; font-size:13px;font-family:Arial;color:#999;}
.news_list strong{padding-right:5px;font-size:8px;color:#0f5fbb;}

.news_list2 li{height:50px;line-height:25px;border-bottom:1px solid #eff2f4;padding:6px 0 5px 0;color:#a0a0a0;}
.news_list2 li span.title a{float:left;color:#0f5fbb;font-weight:bold; font-size:14px;}
.news_list2 li span.title a:hover{text-decoration:none;color:#000;}
.news_list2 li span.time{float:left;}
.news_list2 li span.hits{float:right;}
.news_list2 li span.class{margin-left:12px;}
.news_list2 li span.class a{text-decoration:underline;color:#a0a0a0;}


/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}


/*招聘详细*/
.jobConts{line-height:30px;color:#666;}
.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}
.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}
.jobConts strong{color:#333;}


/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:685px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}


/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .text li{ float:none;}
.preNext .text li a{ color:#666;}
.preNext .text li a:hover{ color:#333;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}


/*评论样式*/
.commnet{margin:20px 0 30px;padding:8px 0 0 8px;background:url(../images/commnet_bg.png) repeat-x;border:1px solid #ccc;border-radius:3px;}
.commnet textarea{width:100%;height:59px;border:none;background:transparent;outline:none;font-size:14px;color:#999;overflow:auto;}
.commnet .toolbar{padding-top:8px;_padding-top:5px;*padding-top:5px!important;height:30px;line-height:30px;overflow:hidden;}
.commnet .options{float:left;}
.commnet .button,
.commnet .button_on{float:right;width:100px;height:30px;border:none;border-left:1px solid #ccc;font-size:14px;font-weight:bold;cursor:pointer;}
.commnet .button{background:url(../images/commnet_btn_bg.png) repeat-x;}
.commnet .button_on{background:url(../images/commnet_btnon_bg.png) repeat-x;}
.commlist{margin-top:20px;}
.commlist li{border-bottom:1px solid #eaeaea;word-wrap:break-word;}
.commlist li p{line-height:20px;color:#999；}
.commlist li span.uname{color:#D32;font-family:Verdana;font-weight:bold;}
.commlist li span.time{color:#bbb;}
.commnum span{display:inline-block;width:70px;margin-top:20px;line-height:24px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;text-align:center;}
.commnum span i{color:#900;font-family:Verdana;font-weight:bold;}

/*产品栏目*/
.product_list li{width:33.3%;float:left;margin-bottom:7px;}
.product_list li a.img{width:220px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.product_list li a.img img{vertical-align:middle;}
.product_list li a.img:hover{border:1px solid #F90;}
.product_list li p.info{width:222px;line-height:30px;}
.product_list li p.info span{font-family:Verdana;color:#d94f44;float:right;}
.product_list li p.info a{color:#555;}


/*案例样式*/
.caselist li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;clear:both;}
.caselist li p.preview{display:block;width:100px;height:80px;float:left;margin-right:12px;}
.caselist li p.desc{padding:0 10px;line-height:20px;color:#999;}
.caselist li a.img{width:100px;height:80px;margin:0 0 0 10px;padding:1px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:70px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.caselist li a.img:hover{border:1px solid #ff9900;}
.caselist li a.img img{vertical-align:middle;}
.caselist li a.type{color:#ff9900;font-weight:bold;}
.caselist li a.title{font-weight:bold;font-size:12px;color:#333;}
.caselist span{display:block;line-height:22px;font-family:Arial;color:#666;}
.caselist span small{font-size:12px;margin-right:10px;}
/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}

.listConts img{max-width: 775px;}
