.banner{width: 100%;height: 504px; position: relative;}
.banner .bd{width: 100%;height: 504px;}
.banner .bd ul{width: 100% !important;}
.banner .bd li{width: 100% !important;;height: 504px;}
.banner-font{padding-top:285px;font-size: 24px;color: #fff;line-height: 30px;width: 500px;float: left;}
.banner-font span{color: #476dff;}
.banner-right{width: 614px;height: 486px;float: right;position: relative;}
.banner-right-img{position: absolute;width: 669px;height: 462px; top:24px;right:-55px;background: url(../images/home/banner-right-02.png);}
.banner-right-img2{position: absolute;width: 669px;height: 462px; top:24px;right:-55px;background: url(../images/home/banner-right-03.png);animation: upDown 3s linear infinite;-webkit-animation: upDown 3s linear infinite;}
.banner .hd{
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 15px;
  left: 0;
  height: 10px;
  line-height: 10px;
  text-align: center;
}
.banner .hd ul li {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  line-height: 9999px;
}
.banner .hd ul li.on{background:#ef4349}
.banner2-left{width: 600px;float: left;color: #fff;}
.banner2-left h1{font-size: 46px;font-weight: bold; letter-spacing: 4px; line-height: 56px;padding-top:156px;}
.banner2-left aside{line-height: 26px;font-size: 24px;padding-top:18px;}
.banner2-left section{display: flex;font-size: 20px; font-weight: lighter;font-family: "Microsoft Yahei";}
.banner2-left section article{margin-right: 26px;margin-top:40px; display: flex; align-items: center;}
.banner2-left section article i{display:block;width:17px;height: 17px;background:url(../images/home/xuanzhong.png);margin-right: 14px;}

.banner2-right{width: 600px;float: right; position: relative;}
.banner2-right-img{width: 261px;height: 157px;background:url(../images/home/zhineng.png); position: absolute;left: 170px;top:140px;animation: upDown 3s linear infinite;-webkit-animation: upDown 3s linear infinite;z-index:10}
.banner2-right-round{
  width: 400px;
  height: 400px;
  left: 209px;
  top: 100px;
  margin-left: -90px;
  animation-duration: 13s;
  z-index: 10;
  border-radius: 50%;
  position: absolute;
  transform-style: preserve-3d !important;
  animation: orbitrotate 10s linear 0s normal none infinite;
  z-index:9
}
.plant{
  height: 17px;
  width: 17px;
  left: 48px;
  top:50px;
  position: absolute;
  transform-style: preserve-3d !important;
  transform: rotateX(0) rotateY(0);
  -ms-transform: rotateX(0) rotateY(0);
}
.ball{
  background-image: url(../images/home/banner_round.png);
  animation-duration: 13s;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  transform: rotateX(0) rotateY(0deg);
  animation: planetrotate 10s linear 0s normal none infinite;
}

@keyframes planetrotate
{
    0%
    {
        transform: rotateX(-63deg) rotateY(0deg);
    }

    100%
    {
        transform: rotateX(-63deg) rotateY(-360deg);
    }
}

@keyframes orbitrotate
{
    0%
    {
        transform: rotateX(-63deg) rotateY(0) rotateZ(0deg);
    }

    100%
    {
        transform: rotateX(-63deg) rotateY(0) rotateZ(-360deg);
    }
}

.home-part-02{padding-bottom: 60px;}
.home-title{text-align: center;padding-top:60px;}
.home-title .en{font-size: 16px;color: #d8dbfe;line-height: 20px; opacity: 0.2;}
.home-title .cn{font-size: 34px;color: #333333; line-height: 40px; position: relative;top:-10px}
.home-title .line{width: 46px;height: 4px;background: #c4c6f6;margin:0 auto;margin-top:5px;}
.home-szdn{display: flex;margin-top:50px;}
.home-szdn-1{width: 592px;height: 544px;background: url(../images/home/szdn_left.jpg); position: relative;}
.home-szdn-2{margin-top:72px;width: 334px;height: 334px; position: relative;}
.home-round-point{ width: 360px;height: 360px;background:url(../images/home/szdn_round.png); position: absolute;left: -13px;top:-13px;z-index: 999; opacity: 0;}
.home-szdn-round{width: 334px;height: 334px;}
.home-szdn-round li{width: 334px;height: 334px;}
.home-szdn-3{padding-top:0;width: 274px; display: flex;}
.home-szdn-narrow{width: 80px;height: 499px;background: url(../images/home/szdn_right.jpg); position: relative;}
.menu-round{position: absolute;width: 6px;height: 6px;background:#6169fd; border-radius: 50%;top:243px;left:0; opacity: 0;}
.home-szdn-menu{width: 184px;margin-left: 10px;}
.home-szdn-menu li{width: 184px;height: 62px;margin-bottom: 10px;}
.home-szdn-menu li a{display: block;width: 184px;height: 62px;background: url(../images/home/button_bj.png);font-size: 16px;text-align: center;line-height: 62px;color: #4a50c1;}
.home-szdn-menu li a:hover{background: url(../images/home/button_bj_hover.png);color: #2730dd;}
.home-part-03{width: 100%;height: 442px;background: url(../images/home/jhsj_bj.jpg) center no-repeat;}
.home-part-03 .home-title{padding-top:45px}
.home-part-03 .home-title .en{color: #d8dbfe;opacity: 0.2;}
.home-part-03 .home-title .cn{color: #ffffff;}
.home-part-03 .home-title .line{background: #434552;}
.home-jhsj{margin-top:36px}
.home-jhsj li{width: 265px;height: 124px;float: left;padding-left: 130px;}
.home-jhsj li aside{font-size: 16px;color: #ababab;}
.home-jhsj li aside span{font-size:56px;line-height: 80px;background-image: linear-gradient(135deg,#0f50ff,#4bdcff);-webkit-background-clip:text;background-clip:text;color: transparent; font-family: Arial;}
.home-jhsj li section{font-size: 16px;color:#fff}
.home-part-04{width: 100%;height: 796px;background: url(../images/home/cystl_bj.jpg) no-repeat center;}
.home-part-04 .home-title{padding-top:30px}
.home-part-04 .home-title .en{color: #d8dbfe;opacity: 0.2;}
.home-part-04 .home-title .cn{color: #ffffff;}
.home-part-04 .home-title .line{background: #434552;}
.home-cystl{padding-top:38px;}
.home-cystl li{width: 1200px;}
.home-cystl li img{display: block;}
.home-part-05{padding-bottom: 120px; background: #fafafa;}
.home-szhcp-con{margin-top:68px; height: 321px;}
.szhcp-left{width: 568px;height: 321px;float: left;}
.szhcp-left img{display: block;}
.szhcp-right{float: right;width: 570px;}
.szhcp-right h5{font-size: 26px; line-height: 36px;}
.szhcp-right section{font-size: 16px;line-height: 32px;margin-top:15px}
.szhcp-right a{display: block;width: 146px;height: 52px;background: #4650fc; color: #fff;text-align: center; line-height: 52px;font-size: 20px; border-radius: 2px;margin-top:50px;}
.home-menu{margin-top:69px; height: 162px;}
.home-menu ul{display: flex;justify-content: space-between;}
.home-menu li{width: 140px;height: 162px; background: url(../images/home/icon.png) 0 -81px;display: flex; justify-content: center; align-items: center; cursor: pointer;}
.home-menu li.active,.home-menu li:hover{background: url(../images/home/icon.png) -140px -81px;}
.home-menu li i{ display: block;width: 71px;height: 81px;background-image:url(../images/home/icon.png);}
.menu1 i{ background-position: 0 0;}
.menu2 i{ background-position: -71px 0;}
.menu3 i{ background-position: -142px 0;}
.menu4 i{ background-position: -213px 0;}
.menu5 i{ background-position: -284px 0;}
.menu6 i{ background-position: -355px 0;}
.menu7 i{ background-position: -426px 0;}


  .ball1{
    width:23px;
    height:18px;
    position: absolute;
    top:17px;
    z-index: 10;
    left:235px;
    background: url(../images/home/round1.png);
  }
  .ball2{
    width:23px;
    height:19px;
    position: absolute;
    top:118px;
    z-index: 10;
    left:440px;
    background: url(../images/home/round2.png);
  }
  .ball3{
    width:23px;
    height:19px;
    position: absolute;
    top:168px;
    z-index: 10;
    left:307px;
    background: url(../images/home/round3.png);
  }
  .ball4{
    width:19px;
    height:23px;
    position: absolute;
    top:168px;
    z-index: 10;
    left:307px;
    background: url(../images/home/round4.png);
  }
  .ball4{
    width:19px;
    height:23px;
    position: absolute;
    top:178px;
    z-index: 10;
    left:0;
    background: url(../images/home/round4.png);
  }
  .ball5{
    width:22px;
    height:19px;
    position: absolute;
    top:260px;
    z-index: 10;
    left:208px;
    background: url(../images/home/round6.png);
  }
  .ball6{
    width:22px;
    height:19px;
    position: absolute;
    top:316px;
    z-index: 10;
    left:383px;
    background: url(../images/home/round7.png);
  }
  .ball7{
    width:22px;
    height:19px;
    position: absolute;
    top:437px;
    z-index: 10;
    left:58px;
    background: url(../images/home/round8.png);
  }
  .ball8{
    width:22px;
    height:19px;
    position: absolute;
    top:498px;
    z-index: 10;
    left:343px;
    background: url(../images/home/round9.png);
  }
  .ball-center{
    width:26px;
    height:26px;
    position: absolute;
    top:228px;
    z-index: 10;
    left:530px;
    opacity: 0;
    background: url(../images/home/round5.png);
  }
  
  .run_top_right1{
    display: block;
    animation: run-right-right1 3s 0.4s infinite linear, run-right-top1 3s 0.4s infinite cubic-bezier(.53,.18,.64,.36);
    animation-fill-mode: forwards;
  }
  .run_top_right2{
    display: block;
    animation: run-right-right2 3s 0.4s infinite linear, run-right-top2 3s 0.4s infinite cubic-bezier(.53,.18,.84,.36);
    animation-fill-mode: forwards;
  }
  .run_top_right3{
    display: block;
    animation: run-right-right3 3s 0.4s infinite linear, run-right-top3 3s 0.4s infinite cubic-bezier(.93,-0.34,1,1.23);
    animation-fill-mode: forwards;
  }
  .run_top_right4{
    display: block;
    animation: run-right-right4 3s 0.4s infinite linear, run-right-top4 3s 0.4s infinite ;
    animation-fill-mode: forwards;
  }
  .run_top_right5{
    display: block;
    animation: run-right-right5 3s 0.4s infinite linear, run-right-top5 3s 0.4s infinite cubic-bezier(.68,-1.23,.87,-0.13);
    animation-fill-mode: forwards;
  }
  .run_top_right6{
    display: block;
    animation: run-right-right6 3s 0.4s infinite linear, run-right-top6 3s 0.4s infinite cubic-bezier(.47,.19,.91,.56);
    animation-fill-mode: forwards;
  }
  .run_top_right7{
    display: block;
    animation: run-right-right7 3s 0.4s infinite linear, run-right-top7 3s 0.4s infinite cubic-bezier(.93,-0.34,1,1.23);
    animation-fill-mode: forwards;
  }
  .run_top_right8{
    display: block;
    animation: run-right-right8 3s 0.4s infinite linear, run-right-top8 3s 0.4s infinite cubic-bezier(.47,.19,.91,.56);
    animation-fill-mode: forwards;
  }
  .run_top_center{
    display: block;
    animation: run-right-center 3s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  .run_round_point{
    display: block;
    animation: run-right-point 3s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  
  @keyframes run-right-top1 {
    0% {top: 17px;opacity: 1;}
    20% {top: 233px;opacity: 1;}
    21% {top: 233px;opacity: 0;}
    100% {top: 233px;opacity:0;}
  }
  @keyframes run-right-right1 {
    0% {left: 235px;opacity:1;}
    20% {left: 530px;opacity:1;}
    21% {left: 530px;opacity:0;}
    100% {left: 530px;opacity:0;}
  }
  @keyframes run-right-top2 {
    0% {top: 118px;opacity: 1;}
    20% {top: 233px;opacity: 1;}
    21% {top: 233px;opacity: 0;}
    100% {top: 233px;opacity: 0;}
  }
  @keyframes run-right-right2 {
    0% {left: 440px;opacity:1;}
    20% {left: 530px;opacity:1;}
    21% {left: 530px;opacity:0;}
    100% {left: 530px;opacity:0;}
  }

  @keyframes run-right-top3 {
    0% {top: 168px;opacity: 1;}
    20% {top: 233px;opacity: 1;}
    21% {top: 233px;opacity: 0;}
    100% {top: 233px;opacity: 0;}
  }
  @keyframes run-right-right3 {
    0% {left: 307px;opacity:1;}
    20% {left: 530px;opacity:1;}
    21% {left: 530px;opacity:0;}
    100% {left: 530px;opacity:0;}
  }
  @keyframes run-right-top4 {
    0% {top: 178px;opacity: 1;}
    20% {top: 233px;opacity: 1;}
    21% {top: 233px;opacity: 0;}
    100% {top: 233px;opacity: 0;}
  }
  @keyframes run-right-right4 {
    0% {left: 0;opacity:1;}
    20% {left: 530px;opacity:1;}
    21% {left: 530px;opacity:0;}
    100% {left: 530px;opacity:0;}
  }
  @keyframes run-right-top5 {
    0% {top: 260px;opacity: 1;}
    20% {top: 233px;opacity: 1;}
    21% {top: 233px;opacity: 0;}
    100% {top: 233px;opacity: 0;}
  }
  @keyframes run-right-right5 {
    0% {left:208px;opacity:1;}
    20% {left: 530px;opacity:1;}
    21% {left: 530px;opacity:0;}
    100% {left: 530px;opacity:0;}
  }
  @keyframes run-right-top6 {
    0% {top: 316px;opacity: 1;}
    20% {top: 233px;opacity: 1;}
    21% {top: 233px;opacity: 0;}
    100% {top: 233px;opacity: 0;}
  }
  @keyframes run-right-right6 {
    0% {left:383px;opacity:1;}
    20% {left: 530px;opacity:1;}
    21% {left: 530px;opacity:0;}
    100% {left: 530px;opacity:0;}
  }
  @keyframes run-right-top7 {
    0% {top: 437px;opacity: 1;}
    20% {top: 233px;opacity: 1;}
    21% {top: 233px;opacity: 0;}
    100% {top: 233px;opacity: 0;}
  }
  @keyframes run-right-right7 {
    0% {left:58px;opacity:1;}
    20% {left: 530px;opacity:1;}
    21% {left: 530px;opacity:0;}
    100% {left: 530px;opacity:0;}
  }
  @keyframes run-right-top8 {
    0% {top: 498px;opacity: 1;}
    20% {top: 233px;opacity: 1;}
    21% {top: 233px;opacity: 0;}
    100% {top: 233px;opacity: 0;}
  }
  @keyframes run-right-right8 {
    0% {left:343px;opacity:1;}
    20% {left: 530px;opacity:1;}
    21% {left: 530px;opacity:0;}
    100% {left: 530px;opacity:0;}
  }
  @keyframes run-right-center{
    0% {left:530px;opacity:0;}
    20% {left:530px;opacity:0;}
    21% {left: 530px;opacity:1;}
    30% {left: 580px;opacity:1;}
    31% {left: 580px;opacity:0;}
    100% {left: 580px;opacity:0;}
  }

  @keyframes run-right-point{
    0%{transform:rotate(0deg); opacity: 0;}
    30%{transform:rotate(0deg); opacity:0;}
    31%{transform:rotate(0deg); opacity: 1;}
    55%{transform:rotate(180deg);opacity: 1;}
    80%{transform:rotate(360deg);opacity: 1;}
    81%{transform:rotate(360deg);opacity: 0;}
    100%{transform:rotate(360deg);opacity: 0;}
  }

  .run-menu-round1{
    display: block;
    animation: run-round1 2s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  .run-menu-round2{
    display: block;
    animation: run-round2 2s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  .run-menu-round3{
    display: block;
    animation: run-round3 2s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  .run-menu-round4{
    display: block;
    animation: run-round4 2s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  .run-menu-round5{
    display: block;
    animation: run-round5 2s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  .run-menu-round6{
    display: block;
    animation: run-round6 2s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  .run-menu-round7{
    display: block;
    animation: run-round7 2s 0.4s infinite linear;
    animation-fill-mode: forwards;
  }
  @keyframes run-round1{
    0% {left:0;top:243px;opacity:0;}
    1% {left:0;top:243px;opacity:1;}
    30% {left: 31px;top:243px;opacity:1;}
    70% {left: 31px;top: 31px;opacity:1;}
    90% {left: 64px;top: 31px;opacity:1;}
    91% {left: 64px;top: 31px;opacity:0;}
    100% {left: 64px;top: 31px;opacity:0;}
  }
  @keyframes run-round2{
    0% {left:0;top:243px;opacity:0;}
    1% {left:0;top:243px;opacity:1;}
    30% {left: 31px;top:243px;opacity:1;}
    70% {left: 31px;top: 100px;opacity:1;}
    90% {left: 64px;top: 100px;opacity:1;}
    91% {left: 64px;top: 100px;opacity:0;}
    100% {left: 64px;top: 100px;opacity:0;}
  }
  @keyframes run-round3{
    0% {left:0;top:243px;opacity:0;}
    1% {left:0;top:243px;opacity:1;}
    30% {left: 31px;top:243px;opacity:1;}
    70% {left: 31px;top: 171px;opacity:1;}
    90% {left: 64px;top: 171px;opacity:1;}
    91% {left: 64px;top: 171px;opacity:0;}
    100% {left: 64px;top: 171px;opacity:0;}
  }
  @keyframes run-round4{
    0% {left:0;top:243px;opacity:0;}
    1% {left:0;top:243px;opacity:1;}
    30% {left: 31px;top:243px;opacity:1;}
    70% {left: 31px;top: 243px;opacity:1;}
    90% {left: 64px;top: 243px;opacity:1;}
    91% {left: 64px;top: 243px;opacity:0;}
    100% {left: 64px;top: 243px;opacity:0;}
  }
  @keyframes run-round5{
    0% {left:0;top:243px;opacity:0;}
    1% {left:0;top:243px;opacity:1;}
    30% {left: 31px;top:243px;opacity:1;}
    70% {left: 31px;top: 317px;opacity:1;}
    90% {left: 64px;top: 317px;opacity:1;}
    91% {left: 64px;top: 317px;opacity:0;}
    100% {left: 64px;top: 317px;opacity:0;}
  }
  @keyframes run-round6{
    0% {left:0;top:243px;opacity:0;}
    1% {left:0;top:243px;opacity:1;}
    30% {left: 31px;top:243px;opacity:1;}
    70% {left: 31px;top: 387px;opacity:1;}
    90% {left: 64px;top: 387px;opacity:1;}
    91% {left: 64px;top: 387px;opacity:0;}
    100% {left: 64px;top: 387px;opacity:0;}
  }
  @keyframes run-round7{
    0% {left:0;top:243px;opacity:0;}
    1% {left:0;top:243px;opacity:1;}
    30% {left: 31px;top:243px;opacity:1;}
    70% {left: 31px;top: 459px;opacity:1;}
    90% {left: 64px;top: 459px;opacity:1;}
    91% {left: 64px;top: 459px;opacity:0;}
    100% {left: 64px;top: 459px;opacity:0;}
  }
  .qyzd-layer{ position: fixed;width: 100%;height: 100%;top:0;left: 0; background:rgba(0,0,0,.5);justify-content: center;align-items: center; display: none; z-index: 1000;}
  .qyzd-layer.active{ display: flex;}
  .qyzd-layer-con{ width: 506px;height: 800px; background: #fff;}

  .jsc-layer,.cyzp-layer{ position: fixed;width: 100%;height: 100%;top:0;left: 0; background:rgba(0,0,0,.5);justify-content: center;align-items: center; display: none; z-index: 1000;}
  .jsc-layer.active,.cyzp-layer.active{ display: flex;}
  .jsc-layer-con,.cyzp-layer-con{ width: 100%;height: 100%; background: #fff;}
  .layer-close{ position: absolute;width: 31px;height: 32px; background: url(../images/home/cyl_close.png);right:-16px;top:-16px; cursor: pointer;}
  .jsc-layer-con .layer-close,.cyzp-layer-con .layer-close{top:10px;right:10px;}