@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none}
/*body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:12px;color:#000;}*/
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
/*初始化*/
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f34{font-size:34px;}
.f38{font-size:38px;}
.f48{font-size:48px;}
.f55{font-size:55px;}
.f63{font-size:63px;}
.cfff{color: #fff;}
.c2691f1{color: #2691f1;}
.c22dd91{color: #22dd91;}
.cff4680{color: #ff4680;}
.c999{color: #999;}
.c333{color: #333;}
.cff0000{color: #ff0000;}
.cff6700{color: #ff6700;}

html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*******加载页面***********/
.fif{ width: 100%; height: 100%;background: #fff;position: fixed;top: 0;z-index: 999; display: none\0;}
.spinner {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 150px;
      text-align: center;
      height: 40px;
      margin:-20px 0 0 -75px;
    }
    .spinner > div {
      width: 30px;
      height: 30px;
      background-color: #3c8fff;

      border-radius: 100%;
      display: inline-block;
      -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
      animation: bouncedelay 1.4s infinite ease-in-out;
      /* Prevent first frame from flickering when animation starts */
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }

    .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }

    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }

    @keyframes bouncedelay {
      0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }
/*******加载页面结束********/

/*header*/
.header{position: fixed;top: 0;z-index: 998; width: 100%;}
/*.footer{ padding: 20px 0;background: #fff;}*/

/*menu*/
#menu{position: fixed; right: 32px; top: 50%; width: 150px; height: 535px; list-style-type: none; z-index: 999; margin-top: -200px;transition:all .4s;-webkit-transition:all .4s;}
#menu.xt{margin-top: -537px;}
#menu ul{ border-right: 1px dashed #fff;transition:all .4s;-webkit-transition:all .4s;}
#menu li{  width: 120px; text-align: right;position: relative; margin-bottom: 20px;}
#menu li.active:after{ width: 15px; height: 14px; border-radius: 50%; background: #fff; content: ''; display: block; position: absolute;right: -37px;top: 4px;transition:all .4s;-webkit-transition:all .4s;}
#menu li a{font-size: 15px; color: #fff;transition:all .4s;-webkit-transition:all .4s;}
#menu .a1{ background: url(../images/menu_1.png) no-repeat center; width: 22px; height: 33px; position: absolute; right: -5px;bottom: 28px;transition:all .4s;-webkit-transition:all .4s;}
#menu .a2{ background: url(../images/menu_2.png) no-repeat center; width: 51px; height: 33px; position: absolute; right: 52px;bottom: 28px;transition:all .4s;-webkit-transition:all .4s;}
#menu .a2 i{background: url(../images/menu_3.png) no-repeat; width: 7px; height: 9px; display: block;position: absolute;left: 50%; margin-left: -3.5px;transition:all .4s;-webkit-transition:all .4s;}
#menu .a2 i.s1{ background-position:center top; top:2px;}
#menu .a2 i.s2{ background-position:center bottom;bottom: 2px;}
#menu.on ul{ border-right: 1px dashed #724009;}
#menu.on li.active:after{ background: #724009;}
#menu.on li a{color: #724009;}
#menu.on .a1{ background-image: url(../images/menu_1-1.png);}
#menu.on .a2{ background-image: url(../images/menu_2-1.png);}
#menu.on .a2 i{background-image: url(../images/menu_3—1.png);}
#menu.on1 .a2 i.s1{-webkit-animation:flash .5s alternate;animation:flash .5s alternate;}
#menu.on2 .a2 i.s2{-webkit-animation:flash .5s alternate;animation:flash .5s alternate;}




/*text*/
.text-fr{ position: absolute; width: 560px;top: 30%;left: 50%;margin: -260px 0 0 143px;}
.text-fr-10{ position: absolute; width: 560px;top: 30%;left: 50%;margin: -260px 0 0 143px;}
.text-fl{ position: absolute; width: 560px;top: 30%;left: 50%;margin: -260px 0 0 -671px;}
.text .text-1{ width: 100%; color: #fff;}
.text .text-1 h3{font-size: 37px;line-height: 48px; text-align: left;}
.text .text-1 h5{font-size: 20px;line-height: 32px; margin-bottom: 20px; text-align: left;}
.text .text-1 p{ font-size: 18px;line-height: 30px; margin-bottom: 20px; text-align: left;}
.text .text-2 { color: #fff;}
.text .text-2 h4{ font-size: 26px; line-height: 48px; text-align: left;}
.text .text-2 ul{ padding: 10px 0;margin-left: -18px;}
.text .text-2 ul li{ float: left; width: 102px;text-align: center; margin-bottom: 8px;}
.text .text-2 ul li i{ display: block; width: 100%; height: 58px;display: block; font-size: 42px; line-height: 58px;}

.text .text-3{ color: #fff;}
.text .text-3 h4{ font-size: 26px; line-height: 70px; text-align: left;}
.text .text-3 p{ height: 75px;overflow: height;}
.text .text-3 p a{ width: 75px; height: 75px;float: left; margin-right: 15px;}
.text .text-3 p a img{ width: 100%;}

.text .text-3 .more{box-sizing: border-box;font-size: 20px;color: #fff;width: 222px; height: 44px;line-height: 44px; border: 2px solid #fff;display: block;border-radius: 3px;text-align: center;margin-top:54px;-webkit-transition:all .2s;transition:all .2s;position: relative;}
.text .text-3 .more span{position: relative;z-index: 9; line-height: 44px; display: block;}
.text .text-3 .more:after{content: '';display: block;position: absolute;width: 0;background: #fff;height: 100%;-webkit-transition:all .2s;transition:all .2s;left:0;top:0;}
.text.c724009 .text-3 .more:after{content: '';display: block;position: absolute;width: 0;background: #724009;height: 100%;-webkit-transition:all .2s;transition:all .2s;left:0;top:0;}
.text .text-3 .more:hover:after{width: 100%;}

.text .text-3 .more:hover{color: #fff; background: #fff;}
.page2 .text .text-3 .more:hover{color: #f2684c;}
.page3 .text .text-3 .more:hover{color: #3ec6ae;}
.page4 .text .text-3 .more:hover{color: #ffb329;}
.page5 .text .text-3 .more:hover{color: #e3493d;}
.page6 .text .text-3 .more:hover{color: #01b760;}
.page7 .text .text-3 .more:hover{color: #fda73a;}
.page8 .text .text-3 .more:hover{color: #4987d2;}
.page9 .text .text-3 .more:hover{color: #fdd13d;}
.page10 .text .text-3 .more:hover{color: #7d5ee8;}

.text.c724009 .text-1{color: #724009;}
.text.c724009 .text-2 { color: #724009;}
.text.c724009 .text-3{ color: #724009;}
.text.c724009 .text-3>a{color: #724009;border: 2px solid #724009;}
.text.c724009 .text-3>a:hover{background: #724009;}

.active .text-fr .text-1{-webkit-animation:fadeInRight .7s;animation:fadeInRight .7s;}
.active .text-fr .text-2{-webkit-animation:fadeInRight .9s;animation:fadeInRight .9s;}
.active .text-fr .text-3{-webkit-animation:fadeInRight 1.1s;animation:fadeInRight 1.1s;}
.active .text-fl .text-1{-webkit-animation:fadeInLeft .7s;animation:fadeInLeft .7s;}
.active .text-fl .text-2{-webkit-animation:fadeInLeft .9s;animation:fadeInLeft .9s;}
.active .text-fl .text-3{-webkit-animation:fadeInLeft 1.1s;animation:fadeInLeft 1.1s;}

/*header*/
/*********头部**********/
/*.head .wrap{ width: 1200px; margin: 0 auto;}
.head-height{height: 130px;}
.head {
  position: fixed;
  width: 100%;
  height: 130px;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
}
.head .top {
  height: 38px;
  line-height: 38px;
  border-bottom: 1px solid #ebebeb;
}
.head .top .p1 {
  float: left;
  font-size: 14px;
  color: #00aaff;
  padding-left: 22px;
  background: url(../images/a.png) no-repeat 2px center;
}
.head .top ul {
  float: right;
  padding-right: 6px;
  height: 38px;
}
.head .top ul li {
  float: left;
}
.head .top ul li a {
  font-size: 14px;
  color: #999999;
}
.head .top ul li a:hover {
  color: #00aaff;
}
.head .top ul li span {
  font-size: 12px;
  color: #cccccc;
  padding: 0 18px;
}
.head .nav {
  height: 91px;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
.head .nav .logo {
  float: left;
  width: 217px;
  height: 52px;
  margin-top: 22px;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
.head .nav .nav-ul {
  position: relative;
  float: right;
  margin-top: 39px;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
.head .nav .nav-ul li {
  float: left;
  margin-left: 44px;
  height: 52px;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
.head .nav .nav-ul li a {
  font-size: 18px;
  color: #666666;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.head .nav .nav-ul li:hover a {
  color: #00aaff;
}
.head .nav .nav-ul span {
  position: absolute;
  height: 2px;
  background-color: #00aaff;
  bottom: 0;
  left: 0;
  opacity: 0;
  opacity: 0 \9;
  width: 100px;
}
.onx {
  height: 102px;
  box-shadow: 0 0 2px 1px #aaa;
}
.onx .nav {
  height: 64px;
}
.onx .nav .logo {
  margin-top: 8px;
}
.onx .nav .nav-ul {
  margin-top: 24px;
}
.onx .nav .nav-ul li {
  height: 39px;
}*/



/*尾部*/
/*.yahei{font-family:"Microsoft Yahei"}
.bottom_h{width:1000px;height:207px;padding-top:25px; margin: 0 auto;}
.bottom_h ul{ width: 1100px;}
.bottom_h li{width:155px;float:left}
.bottom_h li span{font-size:16px;color:#21a1e2;padding-bottom:10px;display:block}
.bottom_h li p{display:block;line-height:24px;color:#666}
.bottom_h li p a{display:table;font-size:13px}
.footer{background:#fff;}
.foot{background:#151515;width:100%; padding-bottom: 20px;}
.foot .address{height:124px;width:980px;border-bottom:1px #212121 solid; margin: 0 auto;}
.foot .address dl{padding-top:37px;display:block}
.foot .address dt{width:745px;float:left}
.foot .address dt li{padding-left:14px;width:358px;float:left;color:#666}
.foot .address dt li img{float:left;margin-right:14px;margin-bottom:20px;margin-top:10px}
.foot .address dt li font.companyTit{color:white;font-size:12px;}
.foot .address dd{float:right;text-align:right;padding-top:5px}
.foot .address dd img{padding-right:12px}
.foot .copyRight{height:61px;line-height:61px;width:970px;color:#666; margin: 0 auto;}
.foot .copyRight dt a,.foot .copyRight dt a:hover{color:#595959}
.foot .copyRight dd{float:right}
.foot .copyRight dt{color:#666;float:left}*/

.footer {
  position: relative;
  z-index: 999;
  background-color: #111111;
}
.footer .wrap {
  /*height: 332px;*/
 padding-top: 48px;
 width: 1200px;
 margin: 0 auto;
 padding-bottom: 20px;
}
.footer .wrap ul {
  float: left;
}
.footer .wrap ul .l1 {
  margin-bottom: 32px;
}
.footer .wrap ul .l1 p {
  font-size: 18px;
  color: #00aaff;
}
.footer .wrap ul li {
  font-size: 16px;
  margin-bottom: 11px;
}
.footer .wrap ul li a {
  color: #999999;
  display: inline-block;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.footer .wrap ul li a:after {
  content: "";
  display: block;
  height: 1px;
  width: 0%;
  background-color: #00aaff;
  margin-top: 5px;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.footer .wrap ul li a:hover {
  color: #00aaff;
}
.footer .wrap ul li a:hover:after {
  width: 100%;
}
.footer .wrap .call {
  float: left;
  margin-left: 170px;
}
.footer .wrap .call p {
  font-size: 18px;
  color: #00aaff;
  margin-bottom: 32px;
}
.footer .wrap .call dl {
  padding-left: 80px;
  margin-bottom: 36px;
}
.footer .wrap .call dl dt {
  font-size: 30px;
  color: #999999;
  margin-bottom: 12px;
}
.footer .wrap .call dl dd {
  font-size: 14px;
  color: #999999;
  margin-bottom: 12px;
}
.footer .wrap .call .dl1 {
  background: url(../images/I3.jpg) no-repeat 16px center;
}
.footer .wrap .call .dl2 {
  padding-top: 16px;
  background: url(../images/I4.jpg) no-repeat 16px center;
}
.footer .wrap .follow {
  float: left;
  margin-left: 148px;
}
.footer .wrap .follow p {
  font-size: 18px;
  color: #00aaff;
  margin-bottom: 32px;
}
.footer .wrap .follow .img {
  width: 248px;
}
.footer .wrap .follow .img img {
  width: 108px;
}
.footer .wrap .follow .p2 {
  font-size: 16px;
  color: #999999;
  margin-top: 42px;
  line-height: 32px;
}
.footer .wrap .follow .p2 a {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: top;
  margin-left: 14px;
}
.footer .wrap .follow .p2 .a1 {
  background: url(../images/A1.png) no-repeat center;
}
.footer .wrap .follow .p2 .a2 {
  background: url(../images/a22.png) no-repeat center;
}
.footer .bottom {
  border-top: 1px solid #1c1c1c;
  line-height: 78px;
  height: 78px;
  width: 1200px;
  margin: 0 auto;
}
.footer .bottom .p1 {
  float: left;
  font-size: 12px;
  color: #666666;
}
.footer .bottom .p2 {
  float: right;
}
.footer .bottom .p2 span {
  font-size: 12px;
  color: #666666;
}
.footer .bottom .p2 i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/c1.png) no-repeat center;
  margin: 0 6px 0 24px;
}
.footer .bottom .p2 em {
  display: inline-block;
  width: 50px;
  height: 12px;
  background: url(../images/c2.jpg) no-repeat center;
  margin-left: 8px;
}

.friendLink{ width: 1200px;margin: 0 auto; padding-bottom: 20px;}
.friendLink dl dt{ float: left; width: 5%; line-height: 30px; color: #aaa;}
.friendLink dl dd{ float: left; width: 92%; height:30px; overflow: hidden;-webkit-transition: all .6s;transition: all .6s;}
.friendLink dl dd a{ padding: 0 9px; background: url(../images/links_line.jpg) no-repeat right center; font-size:12px; color: #999; line-height: 30px;}
.friendLink dl dd.footer-xl{ float: left; width: 3%;}
.friendLink dl dd.footer-xl span{ display: block; width: 100%; height: 30px; background: url(../images/linksIcon.jpg) no-repeat center;}
.banner,.num,.server,.project,.case,.advantage,.new,.join,.commit{ width: 100%; overflow: hidden;}

/*尾部结束*/

/*page1*/
.page1{ overflow: hidden;}
/*.page1 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-350px 0 0 -1280px; background:url(../images/bg_1.jpg) no-repeat center; background-size: 100%;}
.page1 .kfapp{ position: absolute; width: 587px; height: 108px; background: url(../images/page1_3.png) no-repeat center;top: 50%;left: 50%; margin:-306px 0 0 -294px;}
.page1 .box{position: absolute; width: 888px; height: 453px; background: url(../images/page1_2.png) no-repeat center;top: 50%;left: 50%; margin:-206px 0 0 -480px;}
.page1 .phone{position: absolute; width: 613px; height: 170px; background: url(../images/page1_1.png) no-repeat center;top: 50%;left: 50%; margin:134px 0 0 -298px;}
.page1 .coord{position: absolute; width: 1200px; height: 280px;top: 50%;left: 50%;margin: 422px 0 0 -600px;}*/
.page1 .bg{ position: absolute;width: 2560px; height: 1200px;top: 20%;left: 50%; margin:-488px 0 0 -1280px; background:url(../images/bg_1.jpg) no-repeat center; background-size: 100%;}
.page1 .kfapp{ position: absolute; width: 587px; height: 108px; background: url(../images/page1_3.png) no-repeat center;top: 20%;left: 50%; margin:-400px 0 0 -294px;}
.page1 .box{position: absolute; width: 888px; height: 453px; background: url(../images/page1_2.png) no-repeat center;top: 20%;left: 50%; margin:-322px 0 0 -480px;}
.page1 .phone{position: absolute; width: 613px; height: 170px; background: url(../images/page1_1.png) no-repeat center;top: 20%;left: 50%; margin:25px 0 0 -298px;}
.page1 .coord{position: absolute; width: 1200px; height: 280px;top: 20%;left: 50%;margin: 284px 0 0 -600px;}
.page1 .coord a{ display: block;}
.page1 .coord .bb-1{position: absolute; width: 97px; height: 93px;top: 28px;left: 0px;}
.page1 .coord .bb-2{position: absolute; width: 98px; height: 91px;top: -76px;left: 156px;}
.page1 .coord .bb-3{position: absolute; width: 78px; height: 75px;top: -56px;left: 320px;}
.page1 .coord .bb-4{position: absolute; width: 87px; height: 88px;top: -32px;left: 470px;}
.page1 .coord .bb-5{position: absolute; width: 81px; height: 75px;top: -88px;left: 632px;}
.page1 .coord .bb-6{position: absolute; width: 98px; height: 91px;top: -150px;right: 160px;}
.page1 .coord .bb-7{position: absolute; width: 84px; height: 79px;top: -26px;right: 344px;}
.page1 .coord .bb-8{position: absolute; width: 72px; height: 66px;top: 28px;right: 218px;}
.page1 .coord .bb-9{position: absolute; width: 116px; height: 77px;top: 24px;right: 0px;}
.page1 .coord .bb-1 a{display: block; width: 97px; height: 93px; background: url(../images/page1_4.png) no-repeat center;}
.page1 .coord .bb-2 a{display: block; width: 98px; height: 91px; background: url(../images/page1_5.png) no-repeat center;}
.page1 .coord .bb-3 a{display: block; width: 78px; height: 75px; background: url(../images/page1_6.png) no-repeat center;}
.page1 .coord .bb-4 a{display: block; width: 87px; height: 88px; background: url(../images/page1_7.png) no-repeat center;}
.page1 .coord .bb-5 a{display: block; width: 81px; height: 75px; background: url(../images/page1_8.png) no-repeat center;}
.page1 .coord .bb-6 a{display: block; width: 98px; height: 91px; background: url(../images/page1_9.png) no-repeat center;}
.page1 .coord .bb-7 a{display: block; width: 84px; height: 79px; background: url(../images/page1_10.png) no-repeat center;}
.page1 .coord .bb-8 a{display: block; width: 72px; height: 66px; background: url(../images/page1_11.png) no-repeat center;}
.page1 .coord .bb-9 a{display: block; width: 116px; height: 77px; background: url(../images/page1_12.png) no-repeat center;}

.active .kfapp{-webkit-animation:flipInX 2s;animation:flipInX 2s;}
.active .box{-webkit-animation:bounceInDown 1s;animation:bounceInDown 1s;}
.active .phone{-webkit-animation:swing 1s;animation:swing 1s;}
.active .coord .bb-1{-webkit-animation:bounceInUp 1.1s;animation:bounceInUp 1.1s;}
.active .coord .bb-2{-webkit-animation:bounceInUp 1.2s;animation:bounceInUp 1.2s;}
.active .coord .bb-3{-webkit-animation:bounceInUp 1.3s;animation:bounceInUp 1.3s;}
.active .coord .bb-4{-webkit-animation:bounceInUp 1.4s;animation:bounceInUp 1.4s;}
.active .coord .bb-5{-webkit-animation:bounceInUp 1.5s;animation:bounceInUp 1.5s;}
.active .coord .bb-6{-webkit-animation:bounceInUp 1.6s;animation:bounceInUp 1.6s;}
.active .coord .bb-7{-webkit-animation:bounceInUp 1.7s;animation:bounceInUp 1.7s;}
.active .coord .bb-8{-webkit-animation:bounceInUp 1.8s;animation:bounceInUp 1.8s;}
.active .coord .bb-9{-webkit-animation:bounceInUp 1.9s;animation:bounceInUp 1.9s;}
.page1 .coord span a:hover{-webkit-animation:bounce 1s;animation:bounce 1s;}


/*page2*/
/*#page2{    transition: all .4s ease;}*/
.page2 .app-yd{position: absolute; width: 576px; height: 647px; background: url(../images/page2.png) no-repeat center; top: 20%;left: 50%; margin: -189px 0 0 -654px;}
.page2 .app-yd .yd-1{ position: absolute; width: 299px; height: 441px; /*background: url(../images/page2_2.png) no-repeat center;*/top: 204px;left: 150px;}
.page2 .app-yd .yd-2{ position: absolute; width: 287px; height: 159px; /*background: url(../images/page2_3.png) no-repeat center;*/top: 462px;left: 62px;}
.page2 .app-yd .yd-3{ position: absolute; width: 108px; height: 161px; /*background: url(../images/page2_4.png) no-repeat center;*/top: 435px;right: 83px;}
.page2 .app-yd .yd-4{ position: absolute; width: 105px; height: 117px; /*background: url(../images/page2_5.png) no-repeat center;*/top: 502px;right: 18px;}
.page2 .app-yd .yd-5{ position: absolute; width: 48px; height: 48px; /*background: url(../images/page2_6.png) no-repeat center;*/top: 56px;left: 236px;}
.page2 .app-yd .yd-6{ position: absolute; width: 47px; height: 47px;/* background: url(../images/page2_7.png) no-repeat center;*/top: 295px;left: 90px;}
.page2 .app-yd .yd-7{ position: absolute; width: 51px; height: 51px; /*background: url(../images/page2_8.png) no-repeat center;*/top: 124px;right: 132px;}
.page2 .app-yd .yd-8{ position: absolute; width: 64px; height: 64px; /*background: url(../images/page2_9.png) no-repeat center;*/top: 265px;right: 76px;}
.page2 .app-yd .yd-9{ position: absolute; width: 71px; height: 71px; /*background: url(../images/page2_10.png) no-repeat center;*/top: 144px;left: 105px;}
.page2 .app-yd .yd-10{ position: absolute; width: 576px; height: 428px;/* background: url(../images/page2_1.png) no-repeat center;*/top: 72px;left: -15px;}


.active .app-yd{-webkit-animation:zoomIn .9s;animation:zoomIn .9s;}
.active .app-yd .yd-1{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s;}
.active .app-yd .yd-2{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;}
.active .app-yd .yd-3{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-yd .yd-4{-webkit-animation:zoomIn 1.3s;animation:zoomIn 1.3s;}

.active .app-yd .yd-5{-webkit-animation:rotateInDownLeft 1.5s;animation:rotateInDownLeft 1.5s;}
.active .app-yd .yd-6{-webkit-animation:rotateInDownLeft 1.7s;animation:rotateInDownLeft 1.7s;}
.active .app-yd .yd-7{-webkit-animation:rotateInDownRight 1.9s;animation:rotateInDownRight 1.9s;}
.active .app-yd .yd-8{-webkit-animation:rotateInt 2.1s;animation:rotateIn 2.1s;}
.active .app-yd .yd-9{-webkit-animation:rotateIn 2.3s;animation:rotateIn 2.3s;}
.active .app-yd .yd-10{-webkit-animation:zoomIn 2.5s;animation:zoomIn 2.5s;}

/*page3*/
.page3 .app-cy{position: absolute; width: 613px; height: 599px; background: url(../images/page3.png) no-repeat center; top: 20%;left: 50%; margin: -166px 0 0 60px;}
.page3 .app-cy .cy-1{position: absolute; width: 613px; height: 99px;/*background: url(../images/page3_1.png) no-repeat center;*/bottom: -40px;left: 0px; }
.page3 .app-cy .cy-2{position: absolute; width: 360px; height: 463px;/*background: url(../images/page3_2.png) no-repeat center;*/bottom: 4px;left: 126px; }
.page3 .app-cy .cy-3{position: absolute; width: 41px; height: 28px;/*background: url(../images/page3_3.png) no-repeat center;*/top: 350px;left: 162px; }
.page3 .app-cy .cy-4{position: absolute; width: 42px; height: 35px;/*background: url(../images/page3_10.png) no-repeat center;*/top: 321px;right: 104px; }
.page3 .app-cy .cy-5{position: absolute; width: 56px; height: 31px;/*background: url(../images/page3_4.png) no-repeat center;*/top: 298px;left: 88px; }
.page3 .app-cy .cy-6{position: absolute; width:49px; height: 25px;/*background: url(../images/page3_9.png) no-repeat center;*/top: 256px;right: 128px; }
.page3 .app-cy .cy-7{position: absolute; width:64px; height: 51px;/*background: url(../images/page3_5.png) no-repeat center;*/top: 172px;left: 66px; }
.page3 .app-cy .cy-8{position: absolute; width:54px; height: 68px;/*background: url(../images/page3_8.png) no-repeat center;*/top: 110px;right: 66px; }
.page3 .app-cy .cy-9{position: absolute; width:50px; height: 43px;/*background: url(../images/page3_7.png) no-repeat center;*/top: 96px;right: 138px; }
.page3 .app-cy .cy-10{position: absolute; width:58px; height: 104px;/*background: url(../images/page3_6.png) no-repeat center;*/top: -14px;left: 164px; }


.active .app-cy{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-cy .cy-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-cy .cy-2{-webkit-animation:fadeInUp 1.4s;animation:fadeInUp 1.4s;}
.active .app-cy .cy-3{-webkit-animation:fadeInDown 1.6s;animation:fadeInDown 1.6s;}
.active .app-cy .cy-4{-webkit-animation:fadeInDown 1.8s;animation:fadeInDown 1.8s;}
.active .app-cy .cy-5{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;}
.active .app-cy .cy-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;}
.active .app-cy .cy-7{-webkit-animation:fadeInDown 2.4s;animation:fadeInDown 2.4s;}
.active .app-cy .cy-8{-webkit-animation:fadeInDown 2.6s;animation:fadeInDown 2.6s;}
.active .app-cy .cy-9{-webkit-animation:fadeInDown 2.8s;animation:fadeInDown 2.8s;}
.active .app-cy .cy-10{-webkit-animation:fadeInDown 3s;animation:fadeInDown 3s;}

/*page4*/
.page4 .app-jr{position: absolute; width: 604px; height: 681px; background: url(../images/page4.png) no-repeat center; top: 30%;left: 50%; margin: -270px 0 0 -672px;}
.page4 .app-jr .jr-1{position: absolute; width: 371px; height: 495px;/*background: url(../images/page4_2.png) no-repeat center;*/top: 200px;left: 78px;}
.page4 .app-jr .jr-2{position: absolute; width: 482px; height: 431px;/*background: url(../images/page4_4.png) no-repeat center;*/top: 190px;left: 50px;}
.page4 .app-jr .jr-3{position: absolute; width: 435px; height: 303px;/*background: url(../images/page4_3.png) no-repeat center;*/top: 82px;left: 106px;}
.page4 .app-jr .jr-4{position: absolute; width: 604px; height: 481px;/*background: url(../images/page4_1.png) no-repeat center;*/top: 56px;left: 0px;}

.active .app-jr{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-jr .jr-1{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;}
.active .app-jr .jr-2{-webkit-animation:zoomIn 2s;animation:zoomIn 2s;}
.active .app-jr .jr-3{-webkit-animation:flipInY 2s;animation:flipInY 2s;}
.active .app-jr .jr-4{-webkit-animation:zoomIn 2.2s;animation:zoomIn 2.2s;}

/*page5*/
.page5 .app-yl{position: absolute; width: 576px; height: 624px; background: url(../images/page5.png) no-repeat center; top: 20%;left: 50%; margin: -166px 0 0 68px;}
.page5 .app-yl .yl-1{position: absolute; width: 531px; height: 363px;/*background: url(../images/page5_1.png) no-repeat center;*/top: 318px;left: 18px;}
.page5 .app-yl .yl-2{position: absolute; width: 397px; height: 531px;/*background: url(../images/page5_6.png) no-repeat center;*/top: 147px;left: 127px;}
.page5 .app-yl .yl-3{position: absolute; width: 70px; height: 76px;/*background: url(../images/page5_2.png) no-repeat center;*/top: 56px;right: 186px;}
.page5 .app-yl .yl-4{position: absolute; width: 96px; height: 100px;/*background: url(../images/page5_3.png) no-repeat center;*/top: 282px;left: 34px;}
.page5 .app-yl .yl-5{position: absolute; width: 100px; height: 104px;/*background: url(../images/page5_4.png) no-repeat center;*/top: 154px;right: 5px;}
.page5 .app-yl .yl-6{position: absolute; width: 105px; height: 105px;/*background: url(../images/page5_5.png) no-repeat center;*/top: 44px;left: 58px;}

.active .app-yl{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-yl .yl-1{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s;}
.active .app-yl .yl-2{-webkit-animation:fadeInUp 1.4s;animation:fadeInUp 1.4s;}
.active .app-yl .yl-3{-webkit-animation:fadeInDown 1.6s;animation:fadeInDown 1.6s;}
.active .app-yl .yl-4{-webkit-animation:fadeInDown 1.8s;animation:fadeInDown 1.8s;}
.active .app-yl .yl-5{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;}
.active .app-yl .yl-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;}


/*page6*/
.page6 .app-ly{position: absolute; width: 648px; height: 626px; background: url(../images/page6.png) no-repeat center; top: 20%;left: 50%; margin: -179px 0 0 -730px;}
.page6 .app-ly .ly-1{position: absolute; width: 498px; height: 557px;/*background: url(../images/page6_1.png) no-repeat center;*/top: 66px;left: 153px;}
.page6 .app-ly .ly-2{position: absolute; width: 125px; height: 106px;/*background: url(../images/page6_2.png) no-repeat center;*/top: 168px;left: 100px;}
.page6 .app-ly .ly-3{position: absolute; width: 195px; height: 154px;/*background: url(../images/page6_3.png) no-repeat center;*/top: 34px;left: 244px;}
.page6 .app-ly .ly-4{position: absolute; width: 158px; height: 80px;/*background: url(../images/page6_4.png) no-repeat center;*/top: 200px;right: 68px;}
.page6 .app-ly .ly-5{position: absolute; width: 87px; height: 60px;/*background: url(../images/page6_5.png) no-repeat center;*/top: 338px;left: -28px;}

.active .app-ly{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-ly .ly-1{-webkit-animation:zoomIn 1.2s;animation:zoomIn 1.2s;}
.active .app-ly .ly-2{-webkit-animation:rotateIn 1.6s;animation:rotateIn 1.6s;}
.active .app-ly .ly-3{-webkit-animation:rotateIn 1.6s;animation:rotateIn 1.8s;}
.active .app-ly .ly-4{-webkit-animation:rotateIn 2.2s;animation:rotateIn 2.2s;}
.active .app-ly .ly-5{-webkit-animation:rotateIn 2.2s;animation:rotateIn 2.2s;}

/*page7*/
.page7 .app-jz{position: absolute; width: 575px; height: 575px; background: url(../images/page7.png) no-repeat center; top: 20%;left: 50%; margin:-134px 0 0 50px;}
.page7 .app-jz .jz-1{position: absolute; width: 620px; height: 299px;/*background: url(../images/page7_1.png) no-repeat center;*/top: 300px;left: -25px;}
.page7 .app-jz .jz-2{position: absolute; width: 437px; height: 313px;/*background: url(../images/page7_2.png) no-repeat center;*/top: 252px;left: 67px;}
.page7 .app-jz .jz-3{position: absolute; width: 143px; height: 139px;/*background: url(../images/page7_3.png) no-repeat center;*/top: 472px;right: -24px;}
.page7 .app-jz .jz-4{position: absolute; width: 42px; height: 42px;/*background: url(../images/page7_4.png) no-repeat center;*/top: 195px;left: 182px;}
.page7 .app-jz .jz-5{position: absolute; width: 56px; height: 56px;/*background: url(../images/page7_5.png) no-repeat center;*/top: 228px;right: 78px;}
.page7 .app-jz .jz-6{position: absolute; width: 63px; height: 66px;/*background: url(../images/page7_6.png) no-repeat center;*/top: 54px;left: 120px;}
.page7 .app-jz .jz-7{position: absolute; width: 85px; height: 85px;/*background: url(../images/page7_7.png) no-repeat center;*/top: 136px;left: -6px;}
.page7 .app-jz .jz-8{position: absolute; width: 99px; height: 99px;/*background: url(../images/page7_8.png) no-repeat center;*/top: 99px;right: 2px;}
.page7 .app-jz .jz-9{position: absolute;width: 124px; height: 128px;/*background: url(../images/page7_9.png) no-repeat center;*/top: 48px;right: 150px;}

.active .app-jz{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-jz .jz-1{-webkit-animation:flipInX 1.2s;animation:flipInX 1.2s;}
.active .app-jz .jz-2{-webkit-animation:zoomIn 1.4s;animation:zoomIn 1.4s;}
.active .app-jz .jz-3{-webkit-animation:rotateInDownRight 1.4s;animation:rotateInDownRight 1.4s;}
.active .app-jz .jz-4{-webkit-animation:fadeInUp 1.6s;animation:fadeInUp 1.6s;}
.active .app-jz .jz-5{-webkit-animation:fadeInUp 1.8s;animation:fadeInUp 1.8s;}
.active .app-jz .jz-6{-webkit-animation:fadeInUp 2s;animation:fadeInUp 2s;}
.active .app-jz .jz-7{-webkit-animation:fadeInUp 2.2s;animation:fadeInUp 2.2s;}
.active .app-jz .jz-8{-webkit-animation:fadeInUp 2.4s;animation:fadeInUp 2.4s;}
.active .app-jz .jz-9{-webkit-animation:fadeInUp 2.6s;animation:fadeInUp 2.6s;}

/*page8*/
.page8 .app-dc{position: absolute; width: 613px; height: 591px; background: url(../images/page8.png) no-repeat center; top: 20%;left: 50%; margin: -161px 0 0 -688px;}
.page8 .app-dc .dc-1{position: absolute; width: 613px; height: 99px;/*background: url(../images/page8_1.png) no-repeat center;*/bottom: -10px;left: 0px;}
.page8 .app-dc .dc-2{position: absolute; width: 404px; height: 400px;/*background: url(../images/page8_2.png) no-repeat center;*/bottom: 28px;left: 113px;}
.page8 .app-dc .dc-3{position: absolute; width: 60px; height: 26px;/*background: url(../images/page8_3.png) no-repeat center;*/top: 294px;right: 38px;}
.page8 .app-dc .dc-4{position: absolute; width: 121px; height: 44px;/*background: url(../images/page8_4.png) no-repeat center;*/top: 246px;left: 42px;}
.page8 .app-dc .dc-5{position: absolute; width: 81px; height: 37px;/*background: url(../images/page8_5.png) no-repeat center;*/top: 90px;left: 196px;}

.active .app-dc{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-dc .dc-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-dc .dc-2{-webkit-animation:fadeInUp 1.6s;animation:fadeInUp 1.6s;}
.active .app-dc .dc-3{-webkit-animation:zoomIn 4s;animation:zoomIn 4s;}
.active .app-dc .dc-4{-webkit-animation:zoomIn 3s;animation:zoomIn 3s;}
.active .app-dc .dc-5{-webkit-animation:zoomIn 5s;animation:zoomIn 5s;}

/*page9*/
.page9 .app-sj{position: absolute; width: 667px; height: 584px; background: url(../images/page9.png) no-repeat center; top: 20%;left: 50%; margin: -136px 0 0 15px;}
.page9 .app-sj .sj-1{position: absolute; width: 388px; height: 452px;/*background: url(../images/page9_1.png) no-repeat center;*/top: 110px;left: 168px;}
.page9 .app-sj .sj-2{position: absolute; width: 76px; height: 86px;/*background: url(../images/page9_2.png) no-repeat center;*/top: -4px;left: 224px;}
.page9 .app-sj .sj-3{position: absolute; width: 105px; height: 93px;/*background: url(../images/page9_3.png) no-repeat center;*/top: 238px;left: 80px;}
.page9 .app-sj .sj-4{position: absolute; width: 112px; height: 96px;/*background: url(../images/page9_4.png) no-repeat center;*/top: 218px;right: 54px;}
.page9 .app-sj .sj-5{position: absolute; width: 152px; height: 134px;/*background: url(../images/page9_5.png) no-repeat center;*/top: 40px;left: 28px;}
.page9 .app-sj .sj-6{position: absolute; width: 235px; height: 233px;/*background: url(../images/page9_6.png) no-repeat center;*/top: -138px;right: -24px;}

.active .app-sj{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-sj .sj-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-sj .sj-2{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;}
.active .app-sj .sj-3{-webkit-animation:fadeInLeft 1.8s;animation:fadeInLeft 1.8s;}
.active .app-sj .sj-4{-webkit-animation:fadeInRight 1.8s;animation:fadeInRight 1.8s;}
.active .app-sj .sj-5{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;}
.active .app-sj .sj-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;}

/*page10*/
.page10 .app-hy{position: absolute; width: 667px; height: 584px; background: url(../images/page10.png) no-repeat center; top: 20%;left: 50%; margin: -158px 0 0 -712px;}
.page10 .app-hy .hy-1{position: absolute; width: 613px; height: 99px;/*background: url(../images/page10_2.png) no-repeat center;*/bottom: -5px;left: 30px;}
.page10 .app-hy .hy-2{position: absolute; width: 395px; height: 353px;/*background: url(../images/page10_3.png) no-repeat center;*/bottom: 42px;left: 132px;}
.page10 .app-hy .hy-3{position: absolute; width: 560px; height: 245px;/*background: url(../images/page10_1.png) no-repeat center;*/top: 42px;left: 50px;}

.active .app-hy{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-hy .hy-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-hy .hy-2{-webkit-animation:zoomIn 1.8s;animation:zoomIn 1.8s;}
.active .app-hy .hy-3{-webkit-animation:flipInX 2s;animation:flipInX 2s;}

/*page11*/
.page11{background-image: url(../images/bg_2.jpg);background-repeat: no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_2.jpg', sizingMethod='scale')\9;}
.page11 .hnkf-app{ width: 1200px; height: 680px; position: absolute; top: 50%;left: 50%;margin: -278px 0 0 -600px;}
.page11 .hnkf-app h3{ position: absolute;top: 0; left: 0; font-size: 38px; color: #fff; text-align: left;}
.page11 .hnkf-app h3 span{ font-size: 18px; color: #fff; opacity: .5; display: block; line-height: 30px; text-transform: uppercase;}
.page11 .hn-tab{ width: 100%; position: absolute;top: 124px;left: 0;}
.page11 .hn-tab .hn-hd li{ float: left; width: 142px; height: 40px;text-align: center; margin-right: 10px;}
.page11 .hn-tab .hn-hd li a{ width: 100%; line-height: 40px; font-size: 16px; color: #fff; display: block; border-radius:3px; }
.page11 .hn-tab .hn-hd li.on .a1{ background: #f06d3e;}
.page11 .hn-tab .hn-hd li.on .a2{ background: #3edab1;}
.page11 .hn-tab .hn-hd li.on .a3{ background: #3c3788;}
.page11 .hn-tab .hn-hd li.on .a4{ background: #e0338f;}
.page11 .hn-tab .hn-bd{ width: 1200px; height: 481px; position: relative;overflow: hidden; margin-top: 35px;}
.page11 .hn-tab .hn-bd ul li{ overflow: hidden;}
.page11 .hn-tab .hn-bd ul li img{ width: 100%; display:block; /*background:url(../images/loading.gif) center center no-repeat;*/ }
/*.page11 .hn-tab .hn-bd{}*/
.page11 .hn-tab .hn-bd ul li.jssl_1{position: absolute;top: 0;left: 0;width: 240px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.jssl_2{position: absolute;bottom: 0;left: 0;width: 240px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.jssl_3{position: absolute;top: 0;left: 240px;width: 238px; height: 481px;}
.page11 .hn-tab .hn-bd ul li.jssl_4{position: absolute;top: 0;left: 478px;width: 241px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.jssl_5{position: absolute;top: 0;right: 0;width: 481px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.jssl_6{position: absolute;bottom: 0;right: 0;width: 238px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.jssl_7{position: absolute;bottom: 0;right: 238px; width: 485px; height: 240px;}

.page11 .hn-tab .hn-bd ul li.tdcy_1{position: absolute;top: 0;left: 0;width: 240px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.tdcy_2{position: absolute;bottom: 0;left: 0;width: 240px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.tdcy_3{position: absolute;top: 0;right: 240px; width: 240px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.tdcy_4{position: absolute;bottom: 0;right: 0; width: 240px; height: 481px;}
.page11 .hn-tab .hn-bd ul li.tdcy_5{position: absolute;bottom: 0;left: 240px; width: 240px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.tdcy_6{position: absolute;bottom: 0;right: 240px; width: 480px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.tdcy_7{position: absolute;top: 0;left: 240px; width: 480px; height: 240px;}

.page11 .hn-tab .hn-bd ul li.wgsj_1{position: absolute;top: 0;left: 0;width: 480px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.wgsj_2{position: absolute;top: 0;left: 481px;width: 240px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.wgsj_3{position: absolute;top: 0;right: 240px; width: 239px; height: 481px;}
.page11 .hn-tab .hn-bd ul li.wgsj_4{position: absolute;top: 0;right: 0; width: 240px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.wgsj_5{position: absolute;bottom: 0;right: 0; width: 240px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.wgsj_6{position: absolute;bottom: 0;left:0; width: 239px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.wgsj_7{position: absolute;bottom: 0;left: 240px; width: 481px; height: 240px;}

.page11 .hn-tab .hn-bd ul li.zzfw_1{position: absolute;top: 0;left: 0;width: 481px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.zzfw_2{position: absolute;top: 0;left: 481px;width: 238px; height: 241px;}
.page11 .hn-tab .hn-bd ul li.zzfw_3{position: absolute;bottom: 0;left: 0; width: 241px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.zzfw_4{position: absolute;bottom: 0;left: 241px;  width: 478px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.zzfw_5{position: absolute;bottom: 0;right: 240px; width: 241px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.zzfw_6{position: absolute;bottom: 0;right:0; width: 240px; height: 240px;}
.page11 .hn-tab .hn-bd ul li.zzfw_7{position: absolute;top: 0;right: 0; width: 481px; height: 241px;}


.page11 .hn-tab .hn-bd ul li:hover img{-webkit-animation:pulse 1s;animation:pulse 1s;}
.active .hnkf-app h3{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;}
.active .hn-tab{-webkit-animation:zoomIn 1.2s;animation:zoomIn 1.2s;}

.page11 .hn-tab .hn-bd ul.on li.jssl_1{-webkit-animation:fadeInLeft 1.5s;animation:fadeInLeft 1.5s;}
.page11 .hn-tab .hn-bd ul.on li.jssl_2{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.jssl_3{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.jssl_4{-webkit-animation:fadeInDown 1.5s;animation:fadeInDown 1.4s;}
.page11 .hn-tab .hn-bd ul.on li.jssl_5{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.jssl_6{-webkit-animation:fadeInRight 1.5s;animation:fadeInRight 1.5s;}
.page11 .hn-tab .hn-bd ul.on li.jssl_7{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}

.page11 .hn-tab .hn-bd ul.on li.tdcy_1{-webkit-animation:fadeInLeft 1.5s;animation:fadeInLeft 1.5s;}
.page11 .hn-tab .hn-bd ul.on li.tdcy_2{-webkit-animation:fadeInUp 1.5s;animation:fadeInUp 1.5s;}
.page11 .hn-tab .hn-bd ul.on li.tdcy_3{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.tdcy_4{-webkit-animation:fadeInRight 1.5s;animation:fadeInRight 1.4s;}
.page11 .hn-tab .hn-bd ul.on li.tdcy_5{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.tdcy_6{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.tdcy_7{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;}

.page11 .hn-tab .hn-bd ul.on li.wgsj_1{-webkit-animation:fadeInLeft 1.5s;animation:fadeInLeft 1.5s;}
.page11 .hn-tab .hn-bd ul.on li.wgsj_2{-webkit-animation:fadeInDown 1.5s;animation:fadeInDown 1.5s;;}
.page11 .hn-tab .hn-bd ul.on li.wgsj_3{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.wgsj_4{-webkit-animation:fadeInRight 1.5s;animation:fadeInRight 1.4s;}
.page11 .hn-tab .hn-bd ul.on li.wgsj_5{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.wgsj_6{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.wgsj_7{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;}

.page11 .hn-tab .hn-bd ul.on li.zzfw_1{-webkit-animation:fadeInLeft 1.5s;animation:fadeInLeft 1.5s;}
.page11 .hn-tab .hn-bd ul.on li.zzfw_2{-webkit-animation:fadeInDown 1.5s;animation:fadeInDown 1.5s;}
.page11 .hn-tab .hn-bd ul.on li.zzfw_3{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.zzfw_4{-webkit-animation:fadeInUp 1.5s;animation:fadeInUp 1.4s;}
.page11 .hn-tab .hn-bd ul.on li.zzfw_5{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.zzfw_6{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.page11 .hn-tab .hn-bd ul.on li.zzfw_7{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;}



/*page12*/
/*.page12{background-image: url(../images/bg_3.jpg);background-repeat: no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_3.jpg', sizingMethod='scale')\9;}*/
.page12 {
    background-image: url(../dist/b5-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../dist/b5-1.jpg', sizingMethod='scale')\9;
}

.page12 .hnly-app{ width: 1200px; height: 540px; position: absolute; top: 50%;left: 50%;margin: -204px 0 0 -600px;}
.page12 .hnly-app h3{ position: absolute;top: 0; left: 0; font-size: 38px; color: #fff; text-align: left;}
.page12 .hnly-app h3 span{ font-size: 18px; color: #fff; opacity: .5; display: block; line-height: 30px; text-transform: uppercase;}
.page12 .hnly-app .hn-ly{ width: 100%; position: absolute;top: 124px;left: 0;}
.page12 .hnly-app .hn-ly .fl{ width: 542px;}
.page12 .hnly-app .hn-ly .fl label{position: relative; display: block;height: 50px; background: url(../images/ly-bg.png) repeat; border-radius: 4px; margin-bottom: 20px;position: relative;}
.page12 .hnly-app .hn-ly .fl label i{ font-size: 18px; color: red;position: absolute;top: 18px; left:7px;}
.page12 .hnly-app .hn-ly .fl label input{background-color: transparent; border: none; width: 100%;height: 50px; line-height: 50px;box-sizing: border-box; padding-left: 60px; padding-right:8px;font-size: 16px; color: #98a0aa;}
.page12 .hnly-app .hn-ly .fl label.cc-1{ width: 100%;}
.page12 .hnly-app .hn-ly .fl label.cc-2{ width: 100%;}
.page12 .hnly-app .hn-ly .fl label.cc-3{ width: 264px; float: left;}
.page12 .hnly-app .hn-ly .fl label.cc-4{ width: 264px; float: right;}
.page12 .hnly-app .hn-ly .fl label.cc-5{ width: 372px; float: left;}
.page12 .hnly-app .hn-ly .fl .p2 span.yzm{ float: left;padding-left:10px;padding-top:7px}
.page12 .hnly-app .hn-ly .fl label.cc-1 input{ background: url(../images/ly_1.png) no-repeat 18px center; width: 100%;}
.page12 .hnly-app .hn-ly .fl label.cc-2 input{ background: url(../images/ly_2.png) no-repeat 18px center; width: 100%;}
.page12 .hnly-app .hn-ly .fl label.cc-3 input{ background: url(../images/ly_3.png) no-repeat 18px center; width: 264px; float: left;}
.page12 .hnly-app .hn-ly .fl label.cc-4 input{ background: url(../images/ly_4.png) no-repeat 18px center; width: 264px; float: right;}
.page12 .hnly-app .hn-ly .fl label.cc-5 input{ background: url(../images/ly_5.png) no-repeat 18px center; width: 372px; float: left;}
.page12 .hnly-app .hn-ly .fl .p3{ font-size: 14px; color: #98a0aa; text-align: left;}
.page12 .hnly-app .hn-ly .fr{ width: 542px; position: relative;}
.page12 .hnly-app .hn-ly .fr label{ display: block; background: url(../images/ly_6.png) no-repeat center; width: 60px; height: 50px; position: absolute;top: 0;left: 0;}
.page12 .hnly-app .hn-ly .fr textarea{ width: 100%; height:260px;background: url(../images/ly-bg.png) repeat; box-sizing: border-box; padding: 15px 10px 10px 60px;font-size: 16px; color: #98a0aa;border-radius: 4px;border: none; overflow: hidden;}
.page12 .hnly-app .hn-ly .fr p{text-align: right; margin-top: 20px;}
.page12 .hnly-app .hn-ly .fr input{ width: 182px; height: 50px; border: none; border-radius:5px; background: #e62129; font-size: 16px; color: #fff;}
.page12 .hnly-app .hn-ly .fr label i{ font-size: 18px; color: red;position: absolute;top: 18px; left:7px;}

.Validform_checktip{position:absolute;padding-left:15px;top:50%;right:0; margin: -7px 10px 0 0; width: 14px; height: 14px;}
.cc-3 .Validform_checktip{right: 0;top: 50%;}
.cc-5 .Validform_checktip{right: 0;top: 50%;}
.cc-cntent .Validform_checktip{right: 0;top: 30px;}

.active1 .hnly-app{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active1 .hnly-app h3{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;}

/*头部导航*/
.caseTop{height:51px;color:#666;text-align:center;background: url(../images/head-bg.png) repeat; position: absolute;top: 0; width: 100%;}
.caseTop a{height:51px;line-height:51px;color:#666;font-size:16px;margin-right:50px;display:inline-block}
.caseTop a.hover,.caseTop a:hover{ color: #0896de;}
.caseTop .carouse{width:1000px;position:relative;height:51px}
.caseTop .showPrev2{width:29px;height:53px;left:-50px;top:18px;background:url(/images/showPrev2.png) no-repeat;cursor:pointer;position:absolute}
.caseTop .showNext2{width:29px;height:53px;right:-50px;top:18px;background:url(/images/showNext2.png) no-repeat;cursor:pointer;position:absolute}