@charset "UTF-8";
@import url(./base.css);
.public-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  width: 100%;
  min-width: 1300px;
  height: 100px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 1px 2px rgba(150, 150, 150, 0.3);
  background-color: #fff; }
  .public-header .top {
    max-width: 1380px;
    min-width: 1140px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
  .public-header .top-logo {
    width: 220px;
    height: 70px;
    background: url("../img/logolk.png") no-repeat;
    margin-left: 18px; }
  .public-header .top-nav {
    float: right;
    width: auto;
    height: 70px; }
  .public-header .top-nav li {
    height: 70px;
    float: left;
    text-align: center;
    margin-left: 55px;
    position: relative;
    display: block; }
  .public-header .top-nav li a {
    text-decoration: none; }
  .public-header .top-nav .navcur a p {
    font-weight: bold;
    font-size: 22px; }
  .public-header .top-nav .navcur a p.en {
    font-size: 12px; }
  .public-header .top-nav li a p {
    height: 30px;
    line-height: 45px;
    font-size: 18px;
    color: #333 !important; }
  .public-header .top-nav li a p.en {
    line-height: 30px;
    font-size: 12px; }
  .public-header .top-nav li a:hover {
    color: #f40; }

#fullpage .fp-tableCell {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

#fullpage .TOP {
  background-color: #1464ed;
  width: 100%;
  min-height: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden; }
  #fullpage .TOP video {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 8; }
  #fullpage .TOP .banner {
    width: 1300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9; }
    #fullpage .TOP .banner .number {
      width: 1300px;
      height: 146px;
      background: #ffffff;
      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
      border-radius: 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 70px; }
      #fullpage .TOP .banner .number .li {
        width: 170px;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 15px;
        color: #5d6d92; }
        #fullpage .TOP .banner .number .li span {
          font-size: 65px;
          color: #0048cc;
          cursor: pointer;
          font-family: Impact;
          line-height: 80px;
          transition: all 0.5s ease 0.1s; }
        #fullpage .TOP .banner .number .li span:hover {
          /* 放大1.3倍 */
          transform: scale(1.3); }
    #fullpage .TOP .banner .conent {
      width: 1300px;
      height: 400px;
      margin-top: 70px;
      display: flex;
      flex-direction: column;
      padding-left: 76px; }
      #fullpage .TOP .banner .conent img {
        width: 497px;
        height: 59px; }
      #fullpage .TOP .banner .conent .text {
        width: 326px;
        height: 195px;
        background: #0d5ae1;
        background: linear-gradient(77deg, #0d5ae1, #0048cc);
        border-radius: 29px;
        font-size: 21px;
        font-weight: 500;
        color: #ffffff;
        padding: 30px 50px;
        margin-top: 50px;
        margin-left: 85px; }

#fullpage .page2 {
  background: linear-gradient(0deg, #ff942c, #feb846);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 500px; }
  #fullpage .page2 .imagebox {
    width: 1300px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #fullpage .page2 .imagebox .page23 {
      width: 472px;
      height: 280px;
      margin-left: 70px;
      cursor: pointer;
      transition: all 0.5s ease 0.1s; }
    #fullpage .page2 .imagebox .page23:hover {
      /* 放大1.3倍 */
      transform: scale(1.3); }
    #fullpage .page2 .imagebox .caroon {
      width: 639px;
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 345px;
      background: url("../img/page22.png") no-repeat left bottom;
      background-size: 100%;
      /*Safari 和 Chrome:*/ }
      #fullpage .page2 .imagebox .caroon img {
        width: 350px;
        height: 238px;
        animation: mymove 2.5s infinite;
        -webkit-animation: mymove 2.5s infinite; }

@keyframes mymove {
  0% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(0px, -10px); }
  100% {
    transform: translate(0px, 0px); } }

@-webkit-keyframes mymove {
  0% {
    transform: translate(0px, 0px); }
  50% {
    transform: translate(0px, -10px); }
  100% {
    transform: translate(0px, 0px); } }

#fullpage .page3 {
  background-color: #ffffff;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 900px; }
  #fullpage .page3 h2 {
    font-size: 49px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000; }
  #fullpage .page3 h6 {
    font-size: 23px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #414e6b;
    margin-top: 25px; }
  #fullpage .page3 .case {
    width: 1300px;
    height: 471px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 75px; }
    #fullpage .page3 .case .li {
      width: 309px;
      height: 471px;
      background: #ffffff;
      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform 0.5s; }
      #fullpage .page3 .case .li img {
        width: 92px;
        height: 90px; }
      #fullpage .page3 .case .li .color {
        font-size: 34px;
        color: #ff1565;
        margin-top: 20px; }
      #fullpage .page3 .case .li .color2 {
        color: #5195fb; }
      #fullpage .page3 .case .li .color3 {
        color: #fb372a; }
      #fullpage .page3 .case .li .color4 {
        color: #474ff8; }
      #fullpage .page3 .case .li h3 {
        font-size: 18px;
        color: #000;
        margin-top: 10px; }
      #fullpage .page3 .case .li h5 {
        font-size: 15px;
        color: #414e6b;
        width: 194px;
        line-height: 23px;
        margin-top: 25px;
        height: 84px; }
      #fullpage .page3 .case .li .btn {
        width: 146px;
        height: 42px;
        background: linear-gradient(0deg, #ff3e31, #ff7c45);
        border-radius: 26px;
        font-size: 18px;
        color: #fff;
        display: flex;
        align-items: center;
        margin-top: 40px;
        justify-content: center; }
    #fullpage .page3 .case .li:hover {
      transform: translate(0, -20px); }

#fullpage .page4 {
  background: #0352bb url("../img/ys.png") no-repeat left bottom;
  background-size: 100%;
  width: 100%;
  min-height: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 70px; }
  #fullpage .page4 .advantage {
    width: 1300px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #fullpage .page4 .advantage .card {
      width: 617px;
      height: 536px;
      position: relative;
      margin-left: 10px; }
      #fullpage .page4 .advantage .card .li {
        width: 195px;
        height: 260px;
        background: #ffffff;
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        transition: transform 0.5s;
        transition: all 0.5s ease 0.1s; }
        #fullpage .page4 .advantage .card .li img {
          width: 50px;
          height: 50px;
          margin-top: 30px; }
        #fullpage .page4 .advantage .card .li h2 {
          font-size: 18px;
          color: #000; }
        #fullpage .page4 .advantage .card .li h6 {
          font-size: 11px;
          color: #414e6b;
          width: 140px;
          line-height: 20px; }
        #fullpage .page4 .advantage .card .li span {
          display: block;
          width: 130px;
          height: 2px;
          background: #124db3;
          border-radius: 2px 2px 0px 0px;
          margin-bottom: 2px; }
      #fullpage .page4 .advantage .card .li:hover {
        transform: translate(0, -10px);
        transform: scale(1.3);
        z-index: 99; }
      #fullpage .page4 .advantage .card .ab1 {
        position: absolute;
        left: 0;
        top: 155px; }
      #fullpage .page4 .advantage .card .ab2 {
        position: absolute;
        left: 211px;
        top: 0; }
      #fullpage .page4 .advantage .card .ab3 {
        position: absolute;
        right: 0;
        top: 155px; }
      #fullpage .page4 .advantage .card .ab4 {
        position: absolute;
        left: 211px;
        bottom: 0; }
    #fullpage .page4 .advantage .text {
      width: 340px;
      margin-right: 140px;
      display: flex;
      flex-direction: column;
      color: #fff; }
      #fullpage .page4 .advantage .text h1 {
        font-size: 49px;
        font-weight: bold; }
      #fullpage .page4 .advantage .text h2 {
        font-size: 20px;
        margin-top: 15px; }
      #fullpage .page4 .advantage .text h6 {
        font-size: 15px;
        line-height: 33px;
        margin-top: 66px; }

#fullpage .page5 {
  background-color: #ffffff;
  width: 100%;
  display: flex;
  min-height: 900px;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  #fullpage .page5 h2 {
    font-size: 49px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000; }
  #fullpage .page5 h6 {
    font-size: 23px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #414e6b;
    margin-top: 25px; }
  #fullpage .page5 .tree {
    width: 1236px;
    height: 392px;
    margin-top: 80px;
    display: flex;
    flex-direction: column; }
    #fullpage .page5 .tree .top,
    #fullpage .page5 .tree .top2 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 1108px; }
      #fullpage .page5 .tree .top .list,
      #fullpage .page5 .tree .top2 .list {
        width: 186px;
        height: 106px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between; }
        #fullpage .page5 .tree .top .list span,
        #fullpage .page5 .tree .top2 .list span {
          color: #7a8397;
          font-size: 12px; }
        #fullpage .page5 .tree .top .list .li,
        #fullpage .page5 .tree .top2 .list .li {
          width: 186px;
          height: 63px;
          background: url("../img/li.png") no-repeat left top;
          background-size: 100%;
          display: flex;
          align-items: center;
          color: #fff;
          cursor: pointer;
          font-size: 20px;
          transition: all 0.5s ease 0.1s; }
          #fullpage .page5 .tree .top .list .li b,
          #fullpage .page5 .tree .top2 .list .li b {
            color: #000;
            margin-left: 20px;
            margin-right: 30px; }
        #fullpage .page5 .tree .top .list .li:hover,
        #fullpage .page5 .tree .top2 .list .li:hover {
          /* 放大1.3倍 */
          transform: scale(1.3); }
    #fullpage .page5 .tree .top2 {
      margin-left: 110px; }
    #fullpage .page5 .tree .treeimg {
      width: 1068px;
      height: 160px;
      margin-left: 84px; }

#fullpage .page6 {
  background: #fff url("../img/wl.png") no-repeat left bottom;
  background-size: 100% 100%;
  width: 100%;
  min-height: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  #fullpage .page6 h2 {
    font-size: 49px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000; }
  #fullpage .page6 h6 {
    font-size: 23px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #414e6b;
    margin-top: 25px; }
  #fullpage .page6 img {
    width: 1240px;
    height: 465px;
    margin-top: 80px; }

#fullpage .page7 {
  background: #fff url("../img/map.png") no-repeat left bottom;
  background-size: 100% 100%;
  width: 100%;
  display: flex;
  min-height: 400px;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  #fullpage .page7 .anchorBL,
  #fullpage .page7 .BMap_cpyCtrl {
    opacity: 0; }
  #fullpage .page7 .maps {
    width: 1300px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #fullpage .page7 .maps .text {
      width: 340px;
      height: 114px;
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      line-height: 49px;
      margin-left: 110px; }
    #fullpage .page7 .maps .map {
      width: 555px;
      height: 265px;
      border-radius: 16px; }
      #fullpage .page7 .maps .map #container {
        width: 555px;
        height: 265px;
        border-radius: 16px; }

#fullpage .caseBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -50px; }
  #fullpage .caseBox .head_case {
    width: 1381px;
    height: 325px;
    background: #ff4131;
    border-radius: 130px 130px 0px 0px;
    background: url("../img/alt.png") no-repeat left top;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    #fullpage .caseBox .head_case h2 {
      font-size: 49px;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #fff;
      margin-top: 55px; }
    #fullpage .caseBox .head_case h6 {
      font-size: 23px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #fff;
      margin-top: 25px; }
  #fullpage .caseBox .case {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1381px; }
    #fullpage .caseBox .case img {
      width: 666px;
      height: 390px;
      margin-top: 65px;
      transition: transform 0.5s;
      cursor: pointer; }
    #fullpage .caseBox .case img:hover {
      transform: translate(0, -10px); }
  #fullpage .caseBox .footer_case {
    width: 1381px;
    height: 213px;
    border-radius: 0px 0px 130px 130px;
    background: url("../img/alf.png") no-repeat top left;
    background-size: 100%;
    margin-top: 58px;
    display: flex;
    align-items: center; }
    #fullpage .caseBox .footer_case h2 {
      font-size: 49px;
      font-weight: bold;
      color: #ffffff;
      margin-left: 594px; }
    #fullpage .caseBox .footer_case .gdal {
      width: 235px;
      height: 74px;
      font-size: 20px;
      color: #fbfaff;
      background: url("../img/lxwm.png") no-repeat top left;
      background-size: 100%;
      margin-left: 46px;
      cursor: pointer;
      padding-left: 84px;
      padding-top: 10px;
      transition: transform 0.5s; }
    #fullpage .caseBox .footer_case .gdal:hover {
      transform: translate(0, -10px); }
    #fullpage .caseBox .footer_case span {
      font-size: 20px;
      color: #fff;
      margin-left: 13px;
      margin-top: 30px; }

#fullpage .cooperation {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #fullpage .cooperation h2 {
    font-size: 49px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000;
    margin-top: 55px;
    margin-top: 110px; }
  #fullpage .cooperation .hz {
    width: 1180px;
    height: 583px;
    margin-top: 80px; }

#fullpage .contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 624px;
  background: url("../img/sd.png") no-repeat top left;
  background-size: auto; }
  #fullpage .contact .boxc {
    width: 880px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #fullpage .contact .boxc .text {
      display: flex;
      flex-direction: column;
      font-size: 34px;
      color: #414e6b; }
      #fullpage .contact .boxc .text span {
        font-size: 54px;
        color: #0048cc;
        font-weight: bold; }
      #fullpage .contact .boxc .text .phone {
        font-size: 22px; }
    #fullpage .contact .boxc .link {
      width: 265px;
      height: 80px;
      background: linear-gradient(0deg, #ff3e31, #ff7c45);
      border-radius: 40px;
      font-size: 34px;
      font-weight: 500;
      color: #ffffff;
      display: flex;
      align-items: center;
      cursor: pointer;
      justify-content: center;
      transition: transform 0.5s; }
    #fullpage .contact .boxc .link:hover {
      transform: translate(0, -10px); }

@media (max-width: 600px) {
  body {
    zoom: 25%;
    overflow-y: auto; }
    body .public-header {
      width: 100%; }
    body #fullpage {
      width: 100%; } }