.hide{display:none;}
/*# sourceMappingURL=../css/style.css.map */
.page999 .data-wrap .data-icon { width: 1000px; margin: 0 auto; height: 480px; position: relative; background: url("../images/data_bg.png") 0 0 no-repeat; text-align: center; cursor: pointer; }
.page999 .title { text-align: center; }

.page999 .data-wrap .data-summery { width: 666px; height: 124px; -webkit-border-radius: 12px; border-radius: 12px; background: #f2f2f2; margin: 0 auto; margin-top: 20px; }

.page999 .data-wrap .data-summery .data-summer-title { text-align: center; font-size: 28px; color: #d41222; font-weight: bold; padding-top: 5px; }

.page999 .data-wrap .data-summery .data-summer-desc { width: 600px; margin: 0 auto; font-family: SimSun; text-indent: 18px; line-height: 24px; color: #666; padding-top: 0px;font-size:14px;line-height:130%; }

.page999 .data-wrap .data-icon { width: 1000px; margin: 0 auto; height: 480px; position: relative; background: url("../images/data_bg.png") 0 0 no-repeat; text-align: center; cursor: pointer; }

.page999 .data-wrap .data-icon .icon-wrap { width: 125px; position: absolute; }

.page999 .data-wrap .data-icon .icon-wrap .icon { -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.page999 .data-wrap .data-icon .icon-wrap.active .icon { -webkit-animation: icon 0.43s 1 ease; animation: icon 0.43s 1 ease; z-index: 999; }

.page999 .data-wrap .data-icon .icon-wrap.active .shadow { -webkit-animation: shadow 0.43s 1 ease; animation: shadow 0.43s 1 ease; z-index: 888; }

.page999 .data-wrap .data-icon .icon-wrap.active .icon-title { color: #f22; }

.page999 .data-wrap .data-icon .shadow { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.page999 .data-wrap .data-icon .icon-title { text-align: center; font-size: 14px; font-weight: bold; color: #999; }

.page999 .data-wrap .data-icon .icon1 { left: 373px; top: 66px; }

.page999 .data-wrap .data-icon .icon2 { left: 244px; top: 88px; }

.page999 .data-wrap .data-icon .icon3 { left: 290px; top: 219px; }

.page999 .data-wrap .data-icon .icon4 { left: 350px; top: 357px; }

.page999 .data-wrap .data-icon .icon5 { left: 717px; top: 88px; }

.page999 .data-wrap .data-icon .icon6 { left: 568px; top: 322px; }

.page999 .data-wrap .data-icon .icon7 { left: 796px; top: 222px; }

.page999 .data-wrap .data-icon .icon8 { left: 483px; top: 174px; }

.page999 .data-wrap .data-icon .icon9 { left: 592px; top: 50px; }

.page999 .data-wrap .data-icon .icon10 { left: 75px; top: 130px; }

.page999 .btn-wrap { width: 100%; border-top: 1px solid #d41222; text-align: center; margin-top: 30px; }

.page999 .btn-wrap .btn { cursor: pointer; -webkit-border-radius: 10px; border-radius: 10px; width: 140px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #d41222; display: inline-block; position: relative; top: -30px; font-size: 20px; margin-left: 10px; margin-right: 10px; }

.page999 .btn-wrap .btn.active { background: #a00000; }

.page999 .btn-wrap .btn:hover { background: #a00000; }

.page999 .tab { height: 650px; }

.page999 .map { margin-top: 20px; background-size: 100% 100%; position: relative; }

.page999 .map #chinaMap { margin: 0 auto; }

.page999 .map .proList { position: absolute; top: 300px; left: 50%; margin-left: 530px; width: 150px; z-index: 999; }

.page999 .map .proList a { display: inline-block; width: 38px; font-size: 12px; }

@-webkit-keyframes icon { 0% { -webkit-transform: translateY(20px) scale(0.6); transform: translateY(20px) scale(0.6); }
  50% { -webkit-transform: translateY(-10px) scale(1.3); transform: translateY(-10px) scale(1.3); }
  100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } }

@keyframes icon { 0% { -webkit-transform: translateY(20px) scale(0.6); transform: translateY(20px) scale(0.6); }
  50% { -webkit-transform: translateY(-10px) scale(1.3); transform: translateY(-10px) scale(1.3); }
  100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } }

@-webkit-keyframes shadow { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.8); transform: scale(0.8); } }

@keyframes shadow { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.8); transform: scale(0.8); } }

.music { position: fixed; top: 30px; right: 30px; width: 39px; height: 39px; z-index: 99; background-image: url("../images/music.png"); background-position: -40px 0px; background-repeat: no-repeat; }

.page999 .map .proList {
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: 430px;
    width: 150px;
    z-index: 999;
}