/* 字体 */
/*@font-face*/
/*{*/
/*    font-family: APR;*/
/*    src: url('/static/font/Alibaba-PuHuiTi-Regular.ttf');*/
/*}*/
/*@font-face*/
/*{*/
/*    font-family: APB;*/
/*    src: url('/static/font/Alibaba-PuHuiTi-Bold.ttf');*/
/*}*/
/*@font-face*/
/*{*/
/*    font-family: APL;*/
/*    src: url('/static/font/Alibaba-PuHuiTi-Light.ttf');*/
/*}*/
/*@font-face*/
/*{*/
/*    font-family: APM;*/
/*    src: url('/static/font/Alibaba-PuHuiTi-Medium.ttf');*/
/*}*/
/*@font-face*/
/*{*/
/*    font-family: PFR;*/
/*    src: url('/static/font/pingfang_regular.ttf');*/
/*}*/
/*@font-face*/
/*{*/
/*    font-family: PFL;*/
/*    src: url('/static/font/pingfang_light.ttf');*/
/*}*/


/* header */
#header {
  width: 100%;
  height: 70px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

#header.cur {
  background: #fff;
  height: 70px;
}

#header.cur .head .hcon .hnav {
  height: 70px;
  line-height: 70px;
}

#header .head {
  box-sizing: border-box;
}

#header .head .logo {
  /*margin: 12px 0;*/
  display: flex;
  align-items: center;
}

#header .head .logo .name {
  color: #323232;
  font-size: 16px;
  font-family: APR;
  margin-left: 20px;
  padding-top: 10px;
}

/*#header.cur .head .logo{margin: 12px 0 0;}*/
#header .head .logo .i2,
#header.cur .head .logo .i2 {
  display: none;
}

#header .head .hcon {
  display: flex;
  align-items: center;
}

#header .head .hcon div {
  height: 70px;
  line-height: 70px;
}

#header .head .hcon .p1 {
  color: #0055fb;
  font-size: 18px;
  font-family: APR;
  font-weight: bold;
  margin-right: 20px;
}

#header .head .hcon .p2 {
  color: #646464;
  font-size: 14px;
  font-family: APR;
  font-weight: bold;
  margin-right: 10px;
}

#header .head .hcon .p3 {
  width: 98px;
  height: 31px;
  color: #fff;
  font-size: 14px;
  font-family: APR;
  background: linear-gradient(to bottom, #1ab9fa, #1b5afa);
  text-align: center;
  line-height: 31px;
}

/* #header.is-scroll{transform: translateY(-100%);transition: top 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97),transform 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97);} */
#header .head .hcon .p3:hover {
  background: #146cfb;
}

#header .menu,
.header-bg,
.side-menu {
  display: none;
}

@media screen and (max-width: 1024px) {

  #header,
  #header.cur {
    background: #000;
    height: 90px;
  }

  #header .head .logo .i1,
  #header.cur .head .logo .i1 {
    display: none;
  }

  #header .head .logo .i2,
  #header.cur .head .logo .i2 {
    display: inline-block;
  }

  #header .head .hcon {
    display: none;
  }

  #header .head .logo,
  #header.cur .head .logo {
    margin: 27px 0;
  }

  #header .head .logo .name {
    margin-left: 18px;
    padding-top: 7px;
    font-size: 18px;
    font-family: APL;
    color: #fff;
    line-height: inherit;
  }

  #header .menu {
    width: 36px;
    height: 24px;
    margin: 28px auto;
    background: url(/static/images/edifice/m-menu.png) no-repeat center;
    background-size: cover;
    display: block;
    cursor: pointer;
  }

  .header-bg {
    background: rgba(0, 0, 0, 0.5);
    z-index: 48;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
  }

  #header.cur .menu,
  #header.on .menu {
    background: url(/static/images/menu.png) no-repeat center;
    background-size: cover;
    margin: 33px auto;
  }

  .header-bg.on {
    display: block;
  }

  .side-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: block;
  }

  .side-menu.show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }

  .side-menu .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 100%;
    padding-top: 40px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    border: solid 1px #ededed;
    border-top: none;
  }

  .side-menu .hd {
    padding: 0 32px;
    overflow: hidden;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }

  .side-menu .hd .logo {
    width: auto;
    margin: 0;
  }

  .side-menu .hd .logo img {
    width: 164px;
    height: 50px;
  }

  .side-menu .hd .icon-fork {
    zoom: 2.5;
  }

  .side-menu ul {
    width: 90%;
    margin: 0 auto;
  }

  .side-menu ul>li {
    display: block;
    margin-top: 22px;
    color: #000;
    font-size: 26px;
    text-align: center;
  }

  .side-menu ul li .p3 {
    width: 100%;
    background: #1a91fa;
    color: #fff;
    padding: 10px 0;
    text-align: center;
  }
}

/* banner */
#banner {
  width: 100%;
  margin-top: 70px;
}

#banner .box {
  top: 20%;
  z-index: 5;
}

#banner .box>div {
  color: #fff;
}

#banner .box .p1 {
  font-size: 40px;
  font-family: PFL;
  line-height: 57px;
}

#banner .box .p2 {
  font-size: 70px;
  font-family: PFR;
  line-height: 87px;
  margin-bottom: 5px;
}

#banner .box .p3 {
  font-size: 24px;
  font-family: PFL;
  line-height: 41px;
}

#banner .btn-list {
  bottom: 20%;
  z-index: 5;
}

#banner .btn-list .btn {
  color: #fff;
  padding: 11px 48px;
  border: 1px solid #24b8fc;
  background: #0055fb;
  margin-right: 25px;
  font-size: 20px;
  font-family: PFR;
}

#banner .btn-list .btn:hover {
  background: #24b8fc;
}

#banner.e-banner {
  height: 590px;
}

#banner.e-banner .back {
  height: 100%;
}

#banner .e-box {
  top: 20.2%;
}

#banner .e-box .p1 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 40px;
}

#banner .e-box .p2 {
  font-size: 52px;
  line-height: 60px;
  margin-bottom: 30px;
  width: 45%;
}

#banner .e-box .p3 {
  font-size: 28px;
  line-height: 36px;
}

#banner .e-btn {
  bottom: 15.5%;
}

#banner .e-btn .btn {
  padding: 13px 57px;
  background: #0055fb;
  color: #fff;
  border: 0;
}

#banner .e-btn .btn:hover {
  background: #fff;
  color: #000034;
}

#banner .p-banner {
  height: 585px;
}

#banner .p-banner .slide .back {
  height: 100%;
}

#banner .p-banner .p-box .p1 {
  font-size: 34px;
  line-height: 42px;
  margin-bottom: 22px;
}

#banner .p-banner .p-box .p2 {
  font-size: 72px;
  line-height: 81px;
  margin-bottom: 23px;
}

#banner .p-banner .p-box .p3 {
  font-size: 26px;
  line-height: 34px;
}

#banner .p-btn {
  bottom: 14.3%;
}

#banner .p-banner .p-box1 .p2 {
  width: 45%;
}

#banner .p-banner .p-box2 .p1 {
  margin-bottom: 39px;
}

#banner .p-banner .p-box2 .p2 {
  width: 50%;
}

#banner .p-banner .p-box2 .p3 {
  font-family: PFR;
  font-size: 40px;
}

#banner .p-banner .swiper-pagination {
  bottom: 40px;
}

#banner .p-banner .swiper-pagination-bullet {
  width: 95px;
  height: 5px;
  margin-right: 40px;
  opacity: 1;
  border: 1px solid #155def;
  background: #1b73fa;
  border-radius: 0;
}

#banner .p-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(to right, #015ffc 50%, #f3f7ff);
}


@media screen and (max-width: 1366px) {
  #banner .box {
    top: 16%;
  }
}

@media screen and (max-width: 1024px) {
  #banner .box {
    top: 4%;
  }

  #banner .btn-list {
    bottom: 13%;
  }

  #banner .p-banner .box {
    top: 15%;
    width: 94%;
  }

  #banner .p-banner .p-box1 .p2 {
    width: 70%;
  }
}

@media screen and (max-width: 750px) {
  #banner {
    margin-top: 0;
  }

  #banner .box {
    top: 15%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    text-align: center;
  }

  #banner .btn-list {
    width: 330px;
    left: 50%;
    transform: translateX(-50%);
  }

  #banner .btn-list .free {
    border: 0;
    margin: 0 auto;
    text-align: center;
    border-radius: 65px;
    background: linear-gradient(to bottom, #2361fc, #0428ea);
    font-size: 30px;
    font-family: PFL;
    padding: 26px 104px;
  }

  #banner .btn-list .case {
    display: none;
  }

  #banner.e-banner,
  #banner .p-banner {
    height: auto;
  }

  #banner .e-box .p1 {
    font-size: 30px;
    margin-bottom: 27px;
  }

  #banner .e-box .p2 {
    font-size: 70px;
    line-height: 80px;
    text-align: center;
    margin-bottom: 23px;
    width: 100%;
  }

  #banner .e-box .p3 {
    font-size: 34px;
  }

  #banner .btn-list.e-btn {
    bottom: 5%;
  }

  #banner .e-btn .btn {
    background: linear-gradient(to bottom, #57aaff, #021b95);
  }

  #banner .p-banner .p-box1 .p2 {
    width: 80%;
    margin: 0 auto 23px;
  }

  #banner .p-banner .p-box2 .p2 {
    width: 100%;
  }

  #banner .p-btn {
    bottom: 7%;
  }
}

/* footer */
#footer {
  width: 100%;
  background: #1e232c;
  padding: 22px 0;
}

#footer>div {
  color: rgba(255, 255, 255, .5);
  font-family: APR;
  font-size: 14px;
}

@media screen and (max-width: 750px) {
  #footer>div {
    font-size: 26px;
  }
}

/* 第一部分 */
#part-one {
  padding: 100px 0;
  max-height: 660px;
}

#part-one .big-title {
  margin-bottom: 47px;
}

#part-one .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  font-weight: bold;
}

#part-one .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#part-one .list .item {
  width: 23.92%;
  margin-right: 1.167%;
  transition: all .4s ease;
}

#part-one .list .item:last-child {
  margin-right: 0;
}

#part-one .list .item .title .tit {
  top: 50%;
  right: 6.969%;
  transform: translateY(-50%);
  font-size: 18px;
  font-family: PFR;
  color: #fff;
}

#part-one .list .item .title .back .i1 {
  display: inline-block;
}

#part-one .list .item .title .back .i2 {
  display: none;
}

#part-one .list .item:hover .title .back .i1 {
  display: none;
}

#part-one .list .item:hover .title .back .i2 {
  display: inline-block;
}

#part-one .list .item .info {
  height: 151px;
  padding: 32px 30px;
  background: #f3f5f8;
  font-size: 16px;
  font-family: PFL;
  color: #3d485d;
  line-height: 30px;
}

#part-one .list .item .more {
  height: 67px;
  line-height: 67px;
  padding: 0 30px;
  background: #f3f5f8;
  font-family: APR;
  font-size: 14px;
  color: #3d485d;
}

#part-one .list .item:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  transform: translateY(-20px);
}

#part-one .list .item:hover .title .tit {
  font-size: 20px;
}

#part-one .list .item:hover .info {
  font-size: 18px;
  background: #fff;
}

#part-one .list .item:hover .more {
  color: #146cfb;
  background: #fff;
  height: 87px;
  line-height: 87px;
}

@media screen and (max-width: 1024px) {
  #part-one .list .item .info {
    padding: 32px 15px;
  }
}

@media screen and (max-width: 750px) {
  #part-one {
    padding: 79px 0 105px;
    max-height: inherit;
  }

  #part-one .big-title {
    margin-bottom: 60px;
  }

  #part-one .big-title .p1 {
    font-size: 40px;
    line-height: 59px;
  }

  #part-one .list {
    flex-wrap: wrap;
  }

  #part-one .list .item {
    width: 47.92%;
    margin-bottom: 26px;
    border-radius: 10px;
    overflow: hidden;
  }

  #part-one .list .item:nth-of-type(2) {
    margin-right: 0;
  }

  #part-one .list .item .title .tit {
    font-size: 26px;
  }

  #part-one .list .item:hover .title .tit {
    font-size: 26px;
  }

  #part-one .list .item .info {
    font-size: 18px;
    padding: 32px 37px;
  }

  #part-one .list .item .more {
    font-size: 18px;
  }
}

/* 第二部分 */
#part-two {
  padding: 65.5px 0;
  background: #f3f5f8;
}

#part-two .big-title {
  margin-bottom: 47px;
}

#part-two .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  margin-bottom: 11px;
  font-weight: bold;
}

#part-two .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 25px;
  font-weight: bold;
}

#part-two .info .jt {
  width: 37px;
  height: 35px;
}

#part-two .info .i0 {
  width: 100%;
}

#part-two .info .i1 {
  top: 51%;
  left: 5%;
  animation: down 2s linear infinite;
}

#part-two .info .i2 {
  top: 51%;
  left: 15%;
  animation: down 2s linear infinite;
}

#part-two .info .i3 {
  top: 51%;
  left: 25%;
  animation: down 2s linear infinite;
}

#part-two .info .i4 {
  top: 22%;
  left: 50%;
  animation: down2 2s linear infinite;
}

#part-two .info .i5 {
  top: 22%;
  left: 62%;
  animation: down2 2s linear infinite;
}

#part-two .info .i6 {
  top: 64%;
  left: 50%;
  animation: down3 2s linear infinite;
}

#part-two .info .i7 {
  top: 64%;
  left: 62%;
  animation: down3 2s linear infinite;
}

#part-two .more {
  width: 119px;
  margin: 30px auto 0;
  padding: 13px 0;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  font-size: 14px;
  font-family: APL;
  color: #3d485d;
}

#part-two .more:hover {
  border-color: #146cfb;
  background: #146cfb;
  color: #fff;
}

/* 动画 */
@keyframes down {
  0% {
    top: 49%;
  }

  50% {
    top: 51%;
  }

  100% {
    top: 49%;
  }
}

@keyframes down2 {
  0% {
    top: 20%;
  }

  50% {
    top: 22%;
  }

  100% {
    top: 20%;
  }
}

@keyframes down3 {
  0% {
    top: 64%;
  }

  50% {
    top: 62%;
  }

  100% {
    top: 64%;
  }
}

@media screen and (max-width: 750px) {
  #part-two {
    padding: 79px 0 105px;
  }

  #part-two .big-title {
    margin-bottom: 60px;
  }

  #part-two .big-title .p1 {
    font-size: 40px;
    line-height: 57px;
    margin-bottom: 16px;
  }

  #part-two .big-title .p2 {
    width: 48%;
    margin: 0 auto;
    font-size: 20px;
    font-family: APL;
    line-height: 32px;
  }

  #part-two .more {
    margin-top: 15px;
    font-size: 18px;
  }
}

/* 第三部分 */
#part-three {
  padding: 55px 0 53px;
  background: #fff;
}

#part-three .big-title {
  margin-bottom: 40px;
}

#part-three .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  font-weight: bold;
}

#part-three .main {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#part-three .main .left {
  width: 48.08%;
  position: relative;
}

#part-three .main .left:before {
  content: "";
  display: block;
  width: 41px;
  height: 37px;
  background: url(/static/images/pic69.png) no-repeat center;
  position: absolute;
  top: 50%;
  right: -41px;
  transform: translateY(-50%);
  animation: up8 2s linear infinite;
}

#part-three .main .left .bot .i1 {
  width: 51px;
  height: 55px;
  top: 28%;
  left: 18%;
  animation: up1 2s linear infinite;
}

#part-three .main .left .bot .i2 {
  width: 51px;
  height: 55px;
  top: 14%;
  left: 18%;
  animation: up2 2s linear infinite;
}

#part-three .main .left .bot .i3 {
  width: 51px;
  height: 55px;
  top: 0;
  left: 18%;
  animation: up3 2s linear infinite;
}

#part-three .main .left .bot .i4 {
  width: 86px;
  height: 110px;
  top: 6%;
  right: 12%;
  animation: up4 2s linear infinite;
}

#part-three .main .right {
  width: 48.08%;
}

#part-three .main .right .bot .i1 {
  width: 124px;
  height: 112px;
  top: 4%;
  right: -1%;
  animation: up5 2s linear infinite;
}

#part-three .main .right .bot .i2 {
  width: 171px;
  height: 134px;
  top: 12%;
  right: 8%;
  animation: up6 2s linear infinite;
}

#part-three .main .right .bot .i3 {
  width: 139px;
  height: 133px;
  top: 48%;
  right: -1%;
  animation: up7 2s linear infinite;
}

#part-three .main .top {
  width: 100%;
  margin-bottom: 50px;
  padding: 10px 0;
  font-size: 14px;
  font-family: APL;
  color: #000000;
  border: 1px solid #ededed;
  border-radius: 5px;
  position: relative;
}

#part-three .main .top:before {
  content: "";
  display: block;
  width: 29px;
  height: 13px;
  background: url(/static/images/pic75.png) no-repeat center;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}

#part-three .main .bot {
  text-align: center;
}

#part-three .more {
  width: 119px;
  margin: 20px auto 0;
  padding: 13px 0;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  font-size: 14px;
  font-family: APL;
  color: #3d485d;
}

#part-three .more:hover {
  border-color: #146cfb;
  background: #146cfb;
  color: #fff;
}

@keyframes up1 {
  0% {
    top: 28%;
  }

  50% {
    top: 30%;
  }

  100% {
    top: 28%;
  }
}

@keyframes up2 {
  0% {
    top: 14%;
  }

  50% {
    top: 16%;
  }

  100% {
    top: 14%;
  }
}

@keyframes up3 {
  0% {
    top: 0%;
  }

  50% {
    top: 3%;
  }

  100% {
    top: 0%;
  }
}

@keyframes up4 {
  0% {
    top: 6%;
  }

  50% {
    top: 8%;
  }

  100% {
    top: 6%;
  }
}

@keyframes up5 {
  0% {
    top: 4%;
  }

  50% {
    top: 6%;
  }

  100% {
    top: 4%;
  }
}

@keyframes up6 {
  0% {
    top: 12%;
  }

  50% {
    top: 14%;
  }

  100% {
    top: 12%;
  }
}

@keyframes up7 {
  0% {
    top: 48%;
  }

  50% {
    top: 50%;
  }

  100% {
    top: 48%;
  }
}

@keyframes up8 {
  0% {
    right: -41px;
  }

  50% {
    right: -46px;
  }

  100% {
    right: -41px;
  }
}

@media screen and (max-width: 1200px) {
  #part-three .main .left .bot .i4 {
    right: 9%;
  }
}

@media screen and (max-width: 750px) {
  #part-three {
    padding: 79px 0 105px;
  }

  #part-three .big-title {
    margin-bottom: 60px;
  }

  #part-three .big-title .p1 {
    font-size: 40px;
    line-height: 57px;
    margin-bottom: 16px;
    font-weight: bold;
    width: 60%;
    margin: 0 auto;
  }

  #part-three .main {
    flex-direction: column;
  }

  #part-three .main .left {
    width: 100%;
    margin-bottom: 85px;
  }

  #part-three .main .left:before {
    top: 100%;
    left: 50%;
    transform: rotate(90deg);
  }

  #part-three .main .right {
    width: 100%;
  }

  #part-three .more {
    margin-top: 25px;
    font-size: 18px;
  }
}

/* 第四部分 */
#part-four {
  padding: 85px 0 37px;
  background: #f3f5f8;
}

#part-four .big-title {
  margin-bottom: 47px;
}

#part-four .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  margin-bottom: 11px;
  font-weight: bold;
}

#part-four .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 25px;
  font-weight: bold;
}

#part-four .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#part-four .list .item {
  width: 31.67%;
  padding: 3.5% 7%;
  margin-right: 2.5%;
  background: linear-gradient(to bottom, #f3f5f8, #f2f2f2);
  border: 1px solid #fff;
  border-radius: 10px;
  transition: all .4s ease;
}

#part-four .list .item:last-child {
  margin-right: 0;
}

#part-four .list .item .icon {
  margin-bottom: 33px;
  position: relative;
  z-index: 1;
}

#part-four .list .item .icon .pic {
  margin: 0 auto;
  height: 100%;
  width: 95px;
  height: 95px;
  line-height: 95px;
  background-color: rgba(195, 224, 251, .8);
  border-radius: 50%;
}

#part-four .list .item .icon::before {
  content: "";
  width: 49px;
  height: 49px;
  background: #104bfc;
  border-radius: 50%;
  position: absolute;
  top: -14px;
  left: 20%;
  z-index: 0;
}

#part-four .list .item .title {
  font-size: 18px;
  font-family: APR;
  line-height: 37px;
  color: #0f1a34;
  font-weight: bold;
  margin-bottom: 8px;
}

#part-four .list .item .brief {
  font-size: 14px;
  font-family: APL;
  line-height: 26px;
  color: #3d485d;
}

#part-four .list .item:hover {
  background: linear-gradient(to bottom, #18c9ee, #1a5bee);
  border: 1px solid #1ab8fa;
  transform: translateY(-20px);
  box-shadow: 0 0 27px 10px rgba(26, 86, 238, 0.27);
}

#part-four .list .item:hover .title,
#part-four .list .item:hover .brief {
  color: #fff;
}

#part-four .list .item:hover .icon .pic {
  background: linear-gradient(135deg, #74d4fd, #1d5dfa)
}

#part-four .list .item:hover .icon::before {
  background: linear-gradient(270deg, #3eccfc, #104bfc);
}

#part-four .more {
  width: 119px;
  margin: 46px auto 0;
  padding: 13px 0;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  font-size: 14px;
  font-family: APL;
  color: #3d485d;
}

#part-four .more:hover {
  border-color: #146cfb;
  background: #146cfb;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #part-four {
    padding: 79px 0 105px;
  }

  #part-four .big-title {
    margin-bottom: 60px;
  }

  #part-four .big-title .p1 {
    font-size: 40px;
    line-height: 57px;
    margin-bottom: 16px;
    font-weight: bold;
  }

  #part-four .big-title .p2 {
    font-size: 20px;
    font-family: APL;
    line-height: 32px;
    width: 55%;
    margin: 0 auto;
  }

  #part-four .list {
    flex-wrap: wrap;
  }

  #part-four .list .item {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 28px;
    margin-bottom: 40px;
    border-radius: 15px;
  }

  #part-four .list .item:last-child {
    margin-bottom: 0;
  }

  #part-four .list .item .icon {
    float: left;
    margin-bottom: 0;
    margin-right: 60px;
  }

  #part-four .list .item .icon::before {
    left: -13%;
  }

  #part-four .list .item .info {
    text-align: left;
    position: relative;
  }

  #part-four .list .item .info::before {
    content: "";
    display: block;
    width: 1px;
    height: 58px;
    background: #dcdcdc;
    position: absolute;
    top: 10px;
    left: -37px;
  }

  #part-four .list .item .title {
    font-size: 22px;
    text-align: left;
  }

  #part-four .list .item .brief {
    font-size: 18px;
    text-align: left;
  }

  #part-four .more {
    margin-top: 15px;
    font-size: 18px;
  }
}

/* 第五部分 */
#part-five {
  padding: 30px 0 37px;
  background: #fff;
}

#part-five .big-title {
  margin-bottom: 40px;
}

#part-five .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  margin-bottom: 11px;
  font-weight: bold;
}

#part-five .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 25px;
  font-weight: bold;
}

#part-five .info {}

#part-five .info .i0 {
  width: 100%;
}

#part-five .info .i1 {
  width: 35px;
  height: 37px;
  top: 50%;
  left: 17%;
  animation: leftIn 2s linear infinite;
}

#part-five .info .i2 {
  width: 37px;
  height: 35px;
  top: 65%;
  left: 50%;
  transform: translateX(-50%);
  animation: bottomIn 2s linear infinite;
}

#part-five .info .i3 {
  width: 35px;
  height: 37px;
  top: 50%;
  right: 19%;
  animation: rightIn 2s linear infinite;
}

#part-five .more {
  width: 119px;
  margin: 28px auto 0;
  padding: 12px 0;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  font-size: 14px;
  font-family: APL;
  color: #3d485d;
}

#part-five .more:hover {
  border-color: #146cfb;
  background: #146cfb;
  color: #fff;
}

/* 动画 */
@keyframes leftIn {
  0% {
    left: 15%;
  }

  50% {
    left: 17%;
  }

  100% {
    left: 15%;
  }
}

@keyframes bottomIn {
  0% {
    top: 67%;
  }

  50% {
    top: 65%;
  }

  100% {
    top: 67%;
  }
}

@keyframes rightIn {
  0% {
    right: 17%;
  }

  50% {
    right: 19%;
  }

  100% {
    right: 17%;
  }
}

@media screen and (max-width: 750px) {
  #part-five {
    padding: 79px 0 105px;
  }

  #part-five .big-title {
    margin-bottom: 60px;
  }

  #part-five .big-title .p1 {
    font-size: 40px;
    line-height: 57px;
    margin-bottom: 16px;
    font-weight: bold;
  }

  #part-five .big-title .p2 {
    font-size: 20px;
    font-family: APL;
    line-height: 32px;
    font-weight: bold;
  }

  #part-five .more {
    margin-top: 15px;
    font-size: 18px;
  }
}

/* 第六部分 */
#part-six {
  padding: 37px 0;
  background: #f3f5f8;
}

#part-six .big-title {
  margin-bottom: 47px;
}

#part-six .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  margin-bottom: 11px;
  font-weight: bold;
}

#part-six .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 25px;
  font-weight: bold;
}

#part-six .list {
  display: flex;
  flex-wrap: wrap;
}

#part-six .list .item {
  width: 22.33%;
  margin: 0 2.33% 26px 0;
  padding: 20px 20px 17px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 0 20px 2px rgba(147, 155, 188, 0.2);
  transition: transform .3s ease;
}

#part-six .list .item:nth-of-type(4n) {
  margin-right: 0;
}

#part-six .list .item .icon {
  width: 42px;
  height: 47px;
  margin: 0 auto 11px;
  position: relative;
}

#part-six .list .item .icon .pic {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(144, 184, 255, .9);
  border-radius: 5px;
}

#part-six .list .item .icon::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  bottom: 0;
  right: -11px;
  background: #0055fb;
  z-index: 0;
  border-radius: 5px;
}

#part-six .list .item .title {
  font-size: 18px;
  font-family: APR;
  line-height: 27px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000;
}

#part-six .list .item .brief {
  font-size: 14px;
  font-family: APL;
  line-height: 24px;
  color: #3d485d;
}

#part-six .list .item .more {
  font-size: 14px;
  font-family: APL;
  margin-top: 8px;
  color: #3d485d;
}

#part-six .list .item:hover {
  background: linear-gradient(to bottom, #5aceff, #1b5afa);
  border: 1px solid transparent;
  border-top: 1px solid #5aceff;
  transform: translateY(-10px);
  box-shadow: 0 0 27px 10px rgba(26, 86, 238, 0.27);
}

#part-six .list .item:hover .icon .pic {
  background: linear-gradient(to bottom, #83dbfe, #1d5dfa);
}

#part-six .list .item:hover .icon::before {
  background: #7fc1fc;
}

#part-six .list .item:hover .title,
#part-six .list .item:hover .brief {
  color: #fff;
}

#part-six .list .item:hover .more {
  font-family: APM;
  color: #fff;
}

#part-six .list .item:hover a {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  #part-six .list .item {
    padding: 29px 19px 17px;
  }
}

@media screen and (max-width: 750px) {
  #part-six {
    padding: 79px 0 60px;
  }

  #part-six .big-title {
    margin-bottom: 60px;
  }

  #part-six .big-title .p1 {
    font-size: 40px;
    line-height: 57px;
    margin-bottom: 16px;
    font-weight: bold;
  }

  #part-six .big-title .p2 {
    font-size: 20px;
    font-family: APL;
    line-height: 32px;
  }

  #part-six .list .item {
    width: 46.33%;
    padding: 39px 55px;
    margin: 0 3.33% 35px 0;
    border-radius: 15px;
  }

  #part-six .list .item .title {
    font-size: 22px;
    margin-bottom: 15px;
  }

  #part-six .list .item .brief {
    font-size: 18px;
  }

  #part-six .list .item .more {
    font-size: 18px;
  }
}

/* 第七部分 */
#part-seven {
  padding: 42px 0 25px;
  background: #fff;
}

#part-seven .big-title {
  margin-bottom: 15px;
}

#part-seven .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  font-weight: bold;
}

#part-seven .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 25px;
}

#part-seven .list {
  display: flex;
  flex-wrap: wrap;
}

#part-seven .list .item {
  width: 22.33%;
  margin: 0 2.33% 15px 0;
  padding: 22px 24px 22px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid transparent;
  text-align: center;
}

#part-seven .list .item:nth-of-type(4n) {
  margin-right: 0;
}

#part-seven .list .item .icon {
  margin-bottom: 7px;
}

#part-seven .list .item .icon .pic {
  width: 42px;
  height: 42px;
  margin: 0 auto;
}

#part-seven .list .item .icon .i1 {
  display: inline-block;
}

#part-seven .list .item .icon .i2 {
  display: none;
}

#part-seven .list .item:hover .icon .i1 {
  display: none;
}

#part-seven .list .item:hover .icon .i2 {
  display: inline-block;
}

#part-seven .list .item .title {
  font-size: 18px;
  font-family: APR;
  line-height: 37px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000;
}

#part-seven .list .item .brief {
  height: 60px;
  margin-bottom: 8px;
  font-size: 14px;
  font-family: APL;
  line-height: 20px;
  color: #3d485d;
}

#part-seven .list .item .more {
  font-size: 14px;
  font-family: APL;
  color: #3d485d;
}

#part-seven .list .item:hover {
  background: #146cfb;
  border: 1px solid transparent;
  border-radius: 10px;
}

#part-seven .list .item:hover .title,
#part-seven .list .item:hover .brief,
#part-seven .list .item:hover .more {
  color: #fff;
}

@media screen and (max-width: 750px) {
  #part-seven {
    padding: 79px 0 80px;
  }

  #part-seven .big-title {
    margin-bottom: 60px;
  }

  #part-seven .big-title .p1 {
    font-size: 40px;
    line-height: 57px;
    margin-bottom: 16px;
    font-weight: bold;
  }

  #part-seven .big-title .p2 {
    font-size: 20px;
    font-family: APL;
    line-height: 32px;
  }

  #part-seven .list .item {
    background: #f3f5f8;
    border-radius: 15px;
    width: 100%;
    margin-right: 0;
    display: flex;
    text-align: left;
  }

  #part-seven .list .item .icon {
    margin-right: 30px;
  }

  #part-seven .list .item .title {
    font-size: 22px;
  }

  #part-seven .list .item .brief {
    font-size: 18px;
  }

  #part-seven .list .item .more {
    font-size: 18px;
  }
}

/* 第八部分 */
#part-eight {
  padding: 92px 0 97px;
  background: #f3f5f8;
}

#part-eight .big-title {
  margin-bottom: 47px;
}

#part-eight .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  margin-bottom: 11px;
  font-weight: bold;
}

#part-eight .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 25px;
  font-weight: bold;
}

#part-eight .cont1 {
  width: 56.33%;
  margin: 0 auto 48px;
}

#part-eight .cont1 .wrapper {
  justify-content: space-around;
}

#part-eight .cont1 .item {
  width: auto;
  font-size: 16px;
  font-family: APR;
  line-height: 39px;
  color: #a0a0a0;
  cursor: pointer;
}

#part-eight .cont1 .item.swiper-slide-thumb-active {
  font-size: 18px;
  color: #2977fb;
  font-weight: bold;
}

#part-eight .cont2 {
  background: #2976fb;
}

#part-eight .cont2 .item {
  width: 100%;
  display: flex;
}

#part-eight .cont2 .item .left {
  width: 48.92%;
}

#part-eight .cont2 .item .right {
  width: 51.17%;
  padding: 3.4% 3.4% 0.4%;
}

#part-eight .cont2 .item .right .top {
  padding-bottom: 25px;
  margin-bottom: 27px;
  border-bottom: 2px solid #fff;
}

#part-eight .cont2 .item .right .top .name {
  font-size: 22px;
  font-family: APR;
  line-height: 30px;
  margin-bottom: 10px;
  color: #fff;
}

#part-eight .cont2 .item .right .top .brief {
  font-size: 14px;
  font-family: APR;
  line-height: 25px;
  color: #fff;
}

#part-eight .cont2 .item .right .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

#part-eight .cont2 .item .right .list .item {
  width: 46.09%;
  padding-left: 3.3%;
  margin-bottom: 15px;
  font-size: 14px;
  font-family: APR;
  line-height: 23px;
  position: relative;
  color: rgba(255, 255, 255, 0.8);
}

#part-eight .cont2 .item .right .list .item::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
}

#part-eight .cont2 .item .right .more {
  padding: 11px 37px;
  border-top: 1px solid #fff;
  border-left: 1px solid #2b79ec;
  border-right: 1px solid #2b79ec;
  border-bottom: 1px solid #4092fb;
  border-radius: 5px;
  background: linear-gradient(to bottom, #ffffff, #69a1ff);
  color: #000;
  font-size: 14px;
  font-family: APL;
}

#part-eight .cont2 .item .right .more:hover {
  background: #fff;
  color: #146cfb;
}

#part-eight .btn-box {
  width: 100%;
  height: 42px;
  top: 21%;
  left: 0;
}

#part-eight .btn-box .btn {
  top: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #fffeff, #caced6);
  box-shadow: 0px 0 20px 10px rgba(51, 67, 95, 0.1);
}

#part-eight .btn-box .btn.prev {
  left: 14%;
}

#part-eight .btn-box .btn.next {
  right: 14%;
}

#part-eight .btn-box .btn.swiper-button-disabled {
  display: none;
}

#part-eight .btn-box .btn.next img {
  transform: rotate(180deg);
}

#part-eight .btn-box .btn:hover {
  background: #105bfb;
}

@media screen and (max-width: 1024px) {
  #part-eight .cont2 .item .right .list .item {
    width: 49.09%;
  }
}

@media screen and (max-width: 750px) {
  #part-eight {
    padding: 79px 0 80px;
  }

  #part-eight .big-title {
    margin-bottom: 60px;
  }

  #part-eight .big-title .p1 {
    font-size: 40px;
    line-height: 57px;
    margin-bottom: 16px;
    font-weight: bold;
  }

  #part-eight .big-title .p2 {
    font-size: 20px;
    font-family: APL;
    line-height: 32px;
  }

  #part-eight .cont1 {
    width: 100%;
    margin-bottom: 28px;
  }

  #part-eight .cont1 li {
    font-size: 20px;
  }

  #part-eight .cont2 {
    height: 760px;
    border-radius: 15px;
    overflow: hidden;
    background: transparent;
  }

  #part-eight .cont2 .item {
    flex-direction: column;
  }

  #part-eight .cont2 .item .left {
    width: 100%;
  }

  #part-eight .cont2 .item .right {
    width: 100%;
    padding: 5.3%;
    background: #2977fb;
    position: absolute;
    bottom: 0;
    border-radius: 15px;
  }

  #part-eight .cont2 .item .right .top .name {
    font-size: 24px;
    margin-bottom: 20px;
  }

  #part-eight .cont2 .item .right .top .brief {
    font-size: 18px;
  }

  #part-eight .cont2 .item .right .list .item {
    font-size: 18px;
  }

  #part-eight .cont2 .item .right .more {
    display: block;
    margin: 0 auto;
    color: #fff;
    width: 184px;
    height: 47px;
    border-radius: 35px;
    font-size: 18px;
    text-align: center;
  }

  #part-eight .btn-box {
    top: 16%;
    z-index: 5;
  }

  #part-eight .btn-box .btn.prev {
    left: 0;
  }

  #part-eight .btn-box .btn.next {
    right: 0;
  }
}

/* 第九部分 */
#part-nine {
  height: 1007px;
}

#part-nine .back img {
  width: 100%;
  height: 100%;
}

#part-nine .data {
  color: #fff;
  z-index: 1;
  top: 110px;
  display: flex;
  justify-content: space-around;
}

#part-nine .data .d {
  width: auto;
}

#part-nine .data .d .num {
  font-size: 61px;
  font-family: APR;
  display: flex;
  align-items: center;
}

#part-nine .data .d .txt {
  text-align: center;
  font-size: 18px;
  font-family: APR;
}

#part-nine .bottom {
  top: 260px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  background: #fefefe;
  padding: 50px 60px;
  color: #000;
  border-radius: 15px;
  box-shadow: 0 0 30px 2px rgb(0 111 189 / 10%);
}

#part-nine .bottom .intro {
  font-size: 20px;
  font-family: APR;
  font-weight: bold;
  line-height: 37px;
  margin-bottom: 29px;
}

#part-nine .bottom .partner-list {
  display: flex;
  justify-content: space-between;
}

#part-nine .bottom .partner-list .partner-item {}

#part-nine .bottom .partner-list .partner-item .cate-name {
  font-size: 14px;
  font-family: PFR;
  line-height: 24px;
  color: #3d485d;
  margin-bottom: 24px;
}

#part-nine .bottom .partner-list .partner-item .part .p {
  width: 106px;
  height: 39px;
  padding: 5px;
  border: 1px solid #f1f1f1;
  background: #ffffff;
  margin-bottom: 15px;
}

#part-nine .bottom .partner-list .partner-item .part .p:hover {
  background: #f5f6f6;
}

@media screen and (max-width: 1200px) {
  #part-nine .bottom {
    padding: 50px 25px;
  }
}

@media screen and (max-width: 1024px) {
  #part-nine .back {
    height: 500px;
  }
}

@media screen and (max-width: 750px) {
  #part-nine .data .d .num {
    font-size: 44px;
  }

  #part-nine .data .d .txt {
    color: rgba(255, 255, 255, .8);
  }

  #part-nine .bottom .intro {
    font-size: 24px;
  }

  #part-nine .bottom .partner-list {
    width: 100%;
    overflow: auto;
    margin-right: 140px;
  }

  #part-nine .bottom .partner-list::before {
    content: "";
    width: 90%;
    height: 1px;
    background: #d0d0d0;
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translateX(-50%)
  }

  #part-nine .bottom .partner-list .partner-item {
    margin-right: 140px;
  }

  #part-nine .bottom .partner-list .partner-item .cate-name {
    width: max-content;
    padding: 0 17px;
    font-size: 20px;
    /*border-bottom: 2px solid #0d3cf3;*/
    padding-bottom: 19px;
  }

  #part-nine .bottom .partner-list .partner-item .part .p {
    margin: 0 auto 15px;
  }
}

/* 第十部分 */
#part-ten {
  padding: 82px 0;
  background: url(/static/images/pic29.png) no-repeat center center/cover;
}

#part-ten .big-title {
  margin-bottom: 47px;
  color: #fff;
}

#part-ten .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  line-height: 52px;
  margin-bottom: 11px;
}

#part-ten .list {
  width: 990px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

#part-ten .list .item {
  width: 32.02%;
  margin: 0 1.01% 2.01% 0;
  padding: 2.8% 3%;
  border: 2px solid #6b6b6c;
}

#part-ten .list .item:nth-of-type(3n) {
  margin-right: 0;
}

#part-ten .list .item>div {
  font-size: 16px;
  color: rgba(255, 255, 255, .5);
  line-height: 27px;
  font-family: APL;
}

#part-ten .list .item .p1 {
  font-size: 14px;
}

#part-ten .list .item:hover {
  background: #2977fb;
  border: 2px solid #2977fb;
}

#part-ten .list .item:hover>div {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  #part-ten .list {
    width: 94%;
  }
}

@media screen and (max-width: 750px) {
  #part-ten .list {
    width: 646px;
  }

  #part-ten .list .item {
    width: 48.02%;
    padding: 32px 25px;
    margin: 0 22px 24px 0;
  }

  #part-ten .list .item:nth-of-type(2n) {
    margin-right: 0;
  }

  #part-ten .list .item:nth-of-type(3n) {
    margin-right: auto;
  }

  #part-ten .list .item .p1 {
    font-size: 18px;
    margin-bottom: 18px
  }

  #part-ten .list .item .p2 {
    font-size: 20px;
  }
}

/* 第十一部分 */
#part-eleven {
  padding: 96px 0 100px;
  background: #f3f5f8;
}

#part-eleven .big-title {
  margin-bottom: 47px;
}

#part-eleven .big-title .p1 {
  font-size: 34px;
  font-family: APM;
  line-height: 52px;
  margin-bottom: 11px;
  font-weight: bold;
}

#part-eleven .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 25px;
  font-weight: bold;
}

#part-eleven .main {
  width: 100%;
  display: flex;
  justify-content: center;
}

#part-eleven .main .pic {
  transition: all .3s ease;
  margin-right: 30px;
}

#part-eleven .main .pic:last-child {
  margin-right: 0;
}

#part-eleven .main .pic .i1 {
  display: inline-block;
}

#part-eleven .main .pic .i2 {
  display: none;
}

#part-eleven .main .pic:hover {
  box-shadow: 0 0 15px rgba(0, 27, 135, 0.15);
}

#part-eleven .main .pic:hover .i1 {
  display: none;
}

#part-eleven .main .pic:hover .i2 {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  #part-eleven {
    padding: 110px 0 80px;
  }

  #part-eleven .big-title {
    margin-bottom: 60px;
  }

  #part-eleven .big-title .p1 {
    width: 75%;
    margin: 0 auto 16px;
    font-size: 40px;
    line-height: 57px;
  }

  #part-eleven .big-title .p2 {
    width: 85%;
    margin: 0 auto;
    font-size: 20px;
    font-family: APL;
    line-height: 32px;
  }

  #part-eleven .pic-list {}

  #part-eleven .pic-list .pic {
    margin-bottom: 36px;
  }

  #part-eleven .pic-list .pic:last-child {
    margin-bottom: 0;
  }
}

#apply-form .cont {
  width: 100%;
  background: url(/static/images/pic34.png) no-repeat center center/cover;
  padding: 84px 0;
}

#apply-form .cont .info {
  width: 51.52%;
  margin: 0 auto;
  display: flex;
}

#apply-form .cont .left {
  width: 489px;
  background: url(/static/images/pic39.png) no-repeat center center/cover;
  padding: 33px 45px;
  margin-right: 10px;
}

#apply-form .cont .left .top {
  margin-bottom: 95px;
}

#apply-form .cont .left .top .p1 {
  font-size: 22px;
  font-family: APR;
  color: #282828;
  line-height: 33px;
  font-weight: bold;
}

#apply-form .cont .left .top .p2 {
  font-size: 54px;
  font-family: APB;
  color: #2183ff;
  line-height: 67px;
  margin-bottom: 16px;
  font-weight: bold;
}

#apply-form .cont .left .icon-list .item {
  width: 40%;
  display: flex;
  align-items: center;
  margin-right: 79px;
  margin-bottom: 15px;
  position: relative;
}

#apply-form .cont .left .icon-list .item::before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background: #dedede;
  position: absolute;
  top: 50%;
  right: -35px;
  transform: translateY(-50%);
}

#apply-form .cont .left .icon-list .item:nth-of-type(2n) {
  margin-right: 0;
}

#apply-form .cont .left .icon-list .item:nth-of-type(2n)::before {
  display: none;
}

#apply-form .cont .left .icon-list .item .icon {
  margin-right: 15px;
}

#apply-form .cont .left .icon-list .item .txt {
  font-family: PFL;
  font-size: 16px;
  color: #0f1a34;
  font-weight: bold;
}

#apply-form .cont .right {
  width: 473px;
  background: #fff;
  padding: 33px 45px;
}

#apply-form .cont .right .p1 {
  font-size: 26px;
  font-family: APM;
  line-height: 31px;
  color: #2183ff;
  font-weight: bold;
}

#apply-form .cont .right .p2 {
  font-size: 14px;
  font-family: APL;
  line-height: 30px;
  color: #000000;
  margin-bottom: 14px;
}

#apply-form .cont .right .text .input {
  width: 100%;
  margin-bottom: 4px;
}

#apply-form .cont .right .text .input .txt {
  font-size: 14px;
  font-family: APL;
  line-height: 31px;
  color: #646464;
  position: relative;
}

#apply-form .cont .right .text .input .txt.inpro:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: url(/static/images/pic47.png) no-repeat center center;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
}

#apply-form .cont .right .text .input input {
  width: 100%;
  height: 29px;
  line-height: 29px;
  padding: 0 5px;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

#apply-form .cont .right .text .input select {
  width: 100%;
  height: 29px;
  padding: 0 5px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  font-size: 14px;
  font-family: APL;
  color: #c8c8c8;
  line-height: 29px;
}

#apply-form .cont .right .text .input select option {
  font-size: 14px;
  font-family: APL;
  color: #c8c8c8;
  line-height: 29px;
}

#apply-form .cont .right .text .input textarea {
  width: 100%;
  height: 74px;
  padding: 0 10px 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  font-family: APL;
  color: #c8c8c8;
  line-height: 36px;
  resize: none;
}

#apply-form .cont .right .text .addr {
  color: #646464;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#apply-form .cont .right .text .addr .se1 {
  width: 48%;
}

#apply-form .cont .right .text .addr .se1 .txt {
  font-size: 14px;
  font-family: APL;
  line-height: 31px;
  color: #646464;
  position: relative;
}

#apply-form .cont .right .text .addr .se1 .txt::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: url(/static/images/pic47.png) no-repeat center center;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
}

#apply-form .cont .right .text .addr select {
  width: 100%;
  height: 29px;
  padding: 0 5px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  font-size: 14px;
  font-family: APL;
  color: #c8c8c8;
  line-height: 29px;
}

#apply-form .cont .right .text .addr select option {
  font-size: 14px;
  font-family: APL;
  color: #c8c8c8;
  line-height: 29px;
}

#apply-form .cont .right .btn_box {
  margin-bottom: 13px;
}

#apply-form .cont .right .btn_box input {
  width: 100%;
  margin-top: 15px;
  padding: 13px 0;
  font-size: 16px;
  text-align: center;
  border: 1px solid transparent;
  border-top: 1px solid #146cfb;
  border-radius: 5px;
  color: #fff;
  box-shadow: 0 0 5px rgba(2, 120, 252, .2);
  background: #146cfb;
  transition: all .3s ease;
}

#apply-form .cont .right .btn_box input:hover {
  background: linear-gradient(to bottom, #25bbfc, #1c63fb);
}

#apply-form .cont .right .pri {
  font-size: 12px;
  font-family: APL;
  line-height: 20px;
  color: #646464;
}

#apply-form .cont .right .pri span {
  color: #0056fb;
}

#apply-form .cont .ri2 {
  display: none;
}

@media screen and (max-width: 1876px) {
  #apply-form .cont .left .icon-list .item {
    margin-right: 73px;
  }

  #apply-form .cont .left .icon-list .item::before {
    right: -30px;
  }
}

@media screen and (max-width: 1680px) {
  #apply-form .cont .info {
    width: 58.52%;
  }
}

@media screen and (max-width: 1550px) {
  #apply-form .cont .info {
    width: 61.52%;
  }

  #apply-form .cont .left .icon-list .item {
    margin-right: 75px;
  }

  #apply-form .cont .left .icon-list .item::before {
    right: -23px;
  }
}

@media screen and (max-width: 1440px) {
  #apply-form .cont .info {
    width: 66.52%;
  }

  #apply-form .cont .left .icon-list .item {
    margin-right: 70px;
  }

  #apply-form .cont .left .icon-list .item::before {
    right: -25px;
  }
}

@media screen and (max-width: 1366px) {
  #apply-form .cont .info {
    width: 69.52%;
  }

  #apply-form .cont .left .icon-list .item {
    margin-right: 44px;
  }

  #apply-form .cont .left .icon-list .item::before {
    right: -15px;
  }
}

@media screen and (max-width: 1280px) {
  #apply-form .cont .info {
    width: 72.52%;
  }
}

@media screen and (max-width: 1200px) {
  #apply-form .cont .info {
    width: 79.52%;
  }

  #apply-form .cont .left {
    padding: 33px 42px;
  }

  #apply-form .cont .left .icon-list .item {
    margin-right: 34px;
  }

  #apply-form .cont .left .icon-list .item::before {
    right: -4px;
  }
}

@media screen and (max-width: 1024px) {
  #apply-form .cont .info {
    width: 94%;
  }
}

@media screen and (max-width: 750px) {
  #apply-form {
    height: auto;
  }

  #apply-form .cont {
    width: 100%;
  }

  #apply-form .cont .info {
    width: 94%;
    flex-direction: column;
  }

  #apply-form .cont .left {
    width: 100%;
    margin: 0 0 44px 0;
    border-radius: 15px;
    padding: 40px 47px;
  }

  #apply-form .cont .left .top .p1 {
    font-size: 22px;
  }

  #apply-form .cont .left .top .p2 {
    font-size: 56px;
    font-family: APM;
    font-weight: bold;
  }

  #apply-form .cont .left .icon-list .item {
    width: 22%;
    border: 0;
    flex-direction: column;
  }

  #apply-form .cont .left .icon-list .item:nth-of-type(4n) {
    margin-right: 0;
  }

  #apply-form .cont .left .icon-list .item::before {
    display: none
  }

  #apply-form .cont .left .icon-list .item .icon {
    margin: 0 0 17px 0;
  }

  #apply-form .cont .left .icon-list .item .txt {
    font-family: PFL;
    font-weight: bold;
    font-size: 18px;
    color: #0f1935;
  }

  #apply-form .cont .ri1 {
    display: none;
  }

  #apply-form .cont .ri2 {
    display: block;
  }

  #apply-form .cont .ri2.cur {
    display: none;
  }

  #apply-form .cont .ri2 .tit .close {
    top: 0;
    right: 0;
    z-index: 0;
  }

  #apply-form .cont .ri2 {
    width: 100%;
    border-radius: 15px;
    padding: 60px 48px;
  }

  #apply-form .cont .ri2 .tit .close {
    display: block;
    top: -30px;
    right: -20px;
  }

  #apply-form .cont .ri2 .p1 {
    font-size: 40px;
    margin-bottom: 18px;
    font-weight: bold;
    color: #1da2ff;
  }

  #apply-form .cont .ri2 .p2 {
    font-size: 18px;
    font-family: APR;
    padding-bottom: 42px;
    margin-bottom: 42px;
    border-bottom: 1px solid #dcdcdc;
  }

  #apply-form .cont .ri2 .text .input {
    height: 48px;
    border-radius: 10px;
    padding: 0 23px;
    border: 0;
    background: #f3f6f8;
    margin: 0 0 23px 0;
  }

  #apply-form .cont .ri2 .text .input input,
  #apply-form .cont .ri2 .text .input input[type=text]::-webkit-input-placeholder {
    height: 100%;
    font-family: APL;
    font-size: 18px;
    color: #b4b4b4;
    padding: 16px 0;
    border: 0;
  }

  #apply-form .cont .ri2 .text .input select,
  #apply-form .cont .right .text .addr select {
    width: 100%;
    height: 100%;
    border: 0;
    font-family: APL;
    font-size: 18px;
    color: #b4b4b4;
  }

  #apply-form .cont .ri2 .text .input select option,
  #apply-form .cont .right .text .addr select option {
    height: 100%;
    font-family: APL;
    padding: 0;
    font-size: 18px;
    color: #b4b4b4;
    border: 0;
  }

  #apply-form .cont .ri2 .text .mes {
    height: 48px;
    font-size: 18px;
    color: #b4b4b4;
  }

  #apply-form .cont .ri2 .text .input textarea {
    height: 100%;
    font-family: APL;
    padding: 5px 0;
    font-size: 18px;
    color: #b4b4b4;
    border: 0;
  }

  #apply-form .cont .ri2 .btn_box {
    margin-top: 43px;
    border-radius: 15px;
  }

  #apply-form .cont .ri2 .btn_box input {
    background: linear-gradient(to bottom, #00e2fe, #0e6bff);
    font-size: 20px;
  }

  #apply-form .cont .ri2 .pri {
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    font-family: APL;
    color: #646464;
    line-height: 26px;
  }

  #apply-form .cont .right .text .addr {
    margin-bottom: 23px;
  }

  #apply-form .cont .right .text .addr select {
    padding: 10px 23px;
    background: #f3f5f8;
    border: 0;
  }

  #apply-form .cont .ri2 .btn_box {
    box-shadow: 0 5px 24px rgba(5, 120, 251, 0.2);
    margin-bottom: 28px;
  }

  #apply-form .cont .ri2 .btn_box input {
    margin-top: 0;
  }
}

/* 弹出 */
#pop-box {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 50;
  padding: 33px 0;
  background: linear-gradient(to bottom, #25bafc, #0459fb);
}

#pop-box:hover {
  background: linear-gradient(to bottom, #25bcfc, #0253fb);
}

#pop-box .close {
  width: 12px;
  height: 14px;
  position: absolute;
  top: 10px;
  right: 5px;
  z-index: 5;
  cursor: pointer;
}

#pop-box.close,
#pop-box.cur {
  left: -100% !important;
}

/*#pop-box.open{left: 0% !important;}*/
#pop-box .box1 {
  display: flex;
  justify-content: space-between;
}

#pop-box .box1 .logo {
  margin-top: 5px;
}

#pop-box .box1 .apply {
  width: 86.42%;
  color: #fff;
}

#pop-box .box1 .apply .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

#pop-box .box1 .apply .top .left {
  font-size: 20px;
  font-family: APR;
  line-height: 40px;
  margin-left: 17px;
}

#pop-box .box1 .apply .top .right {
  display: flex;
  align-items: center;
}

#pop-box .box1 .apply .top .right .free {
  width: 208px;
  height: 31px;
  background: #ffae1e;
  font-size: 16px;
  font-family: APL;
  color: #000000;
  text-align: center;
  line-height: 31px;
  border-radius: 5px;
  margin-right: 17px;
}

#pop-box .box1 .apply .top .right .phone {
  font-size: 20px;
  font-family: APR;
  line-height: 40px;
}

#pop-box .box1 .apply .bottom .text {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#pop-box .box1 .apply .bottom .text .input {
  width: 19.09%;
  background: linear-gradient(to bottom, #4298fc, #68a1fd);
  padding: 0 12px;
  line-height: 30px;
  border-radius: 5px;
  font-size: 14px;
  font-family: APL;
  color: #fff;
}

#pop-box .box1 .apply .bottom .text .input input[type=text] {
  width: 100%;
}

#pop-box .box1 .apply .bottom .text .input input[type=text]::-webkit-input-placeholder {
  font-size: 14px;
  font-family: APL;
  color: #fff;
  line-height: 30px;
}

#pop-box .box1 .apply .bottom .text .input.sel1 {
  position: relative;
}

#pop-box .box1 .apply .bottom .text .input.sel1 select {
  width: 100%;
  color: #fff;
  outline: none;
  -webkit-appearance: none;
}

#pop-box .box1 .apply .bottom .text .input.sel1 select option {
  font-size: 14px;
  font-family: APL;
  color: #000;
}

#pop-box .box1 .apply .bottom .text .input.sel1:before {
  content: "";
  display: block;
  width: 10px;
  height: 4px;
  background: url(/static/images/process/process14.png) no-repeat center;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

#pop-box .box1 .apply .bottom .text .btn_box {
  width: 19.09%;
  border: 1px solid #004ad3;
  border-radius: 5px;
  background: #146cfb;
  transition: all .3s ease;
  text-align: center;
}

#pop-box .box1 .apply .bottom .text .btn_box input {
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  font-family: APR;
  text-align: center;
}

#pop-box .box1 .apply .bottom .text .btn_box:hover {
  background: #146cfb;
}

#pop-box .box1 .apply .bottom.p-bot .text .input {
  width: 12.4%;
}

#pop-box .box1 .apply .bottom.p-bot .text .input.addr {
  width: 29%;
  display: flex;
  background: transparent;
  padding: 0;
}

#pop-box .box1 .apply .bottom.p-bot .text .input.addr .se1 {
  width: calc(49% - 5px);
  background: linear-gradient(to bottom, #4298fc, #68a1fd);
  padding: 0 12px;
  margin-right: 5px;
  border-radius: 5px;
  position: relative;
}

#pop-box .box1 .apply .bottom.p-bot .text .input.addr select {
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  font-family: APL;
  color: #fff;
  outline: none;
  -webkit-appearance: none;
  outline: none;
  -webkit-appearance: none;
}

#pop-box .box1 .apply .bottom.p-bot .text .input.addr select option {
  font-size: 14px;
  font-family: APL;
  color: #000;
}

#pop-box .box1 .apply .bottom.p-bot .text .input.addr .se1:before {
  content: "";
  display: block;
  width: 10px;
  height: 4px;
  background: url(/static/images/process/process14.png) no-repeat center;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

@media screen and (max-width: 1200px) {
  #pop-box .box1 .apply .top .right .free {
    width: 175px;
  }
}

@media screen and (max-width: 1024px) {
  #pop-box .box1 .apply .top .left {
    font-size: 26px;
  }

  #pop-box .box1 .apply .top .right {
    align-items: flex-end;
  }

  #pop-box .box1 .apply .top .right .free {
    width: 147px;
  }

  #pop-box .box1 .apply .top .right .phone {
    font-size: 26px;
  }
}

@media screen and (max-width: 750px) {
  #pop-box {
    background: linear-gradient(to bottom, #35c8ff, #68ccff)
  }

  #pop-box .box1 .logo {
    display: none;
  }

  #pop-box .close {
    width: 27px;
    height: 27px;
    top: 30px;
    right: 26px;
  }

  #pop-box .box1 .apply {
    width: 90%;
    margin: 0 auto;
  }

  #pop-box .box1 .apply .top {
    flex-direction: column;
  }

  #pop-box .box1 .apply .top .left {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0px;
  }

  #pop-box .box1 .apply .top .right .free {
    width: 139px;
    height: 39px;
    margin-bottom: 0px;
  }

  #pop-box .box1 .apply .top .right .phone {
    display: none;
  }

  #pop-box .box1 .apply .bottom .text {
    justify-content: inherit;
    flex-wrap: wrap;
  }

  #pop-box .box1 .apply .bottom .text .input {
    margin-right: 46px;
    width: 46%;
    margin-bottom: 15px;
    font-size: 18px;
  }

  #pop-box .box1 .apply .bottom .text .input input[type=text]::-webkit-input-placeholder,
  #pop-box .box1 .apply .bottom .text .input select option {
    font-size: 18px;
  }

  #pop-box .box1 .apply .bottom .text .input:nth-of-type(2n) {
    margin-right: 0;
  }

  #pop-box .box1 .apply .bottom .text .btn_box {
    width: 100%;
    background: linear-gradient(to bottom, #08c4ff, #0067dd);
    color: #fff;
  }

  #pop-box .box1 .apply .bottom .text .btn_box input {
    font-size: 22px;
    font-family: APL;
  }

}

#right-list {
  width: 74px;
  height: 224px;
  top: 50%;
  right: 22px;
  z-index: 50;
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0 0 40px 10px rgba(194, 196, 198, 0.3);
  border: 1px solid #f5f5f5;
  border-radius: 35px;
  text-align: center;
}

#right-list .nav {
  margin: 33px 0;
}

#right-list .nav .pic {
  margin: 0 auto 6px;
}

#right-list .contact .pic {
  width: 28px;
  height: 29px;
}

#right-list .pic .i1,
#right-list .contact .pic .i1 {
  display: inline-block;
}

#right-list .pic .i2,
#right-list .contact .pic .i2 {
  display: none;
}

#right-list .pic:hover .i1,
#right-list .contact:hover .pic .i1 {
  display: none;
}

#right-list .pic:hover .i2,
#right-list .contact:hover .pic .i2 {
  display: inline-block;
}

#right-list .nav .txt {
  font-size: 12px;
  font-family: APL;
  line-height: 22px;
  color: #fff;
  opacity: .7;
}

#right-list .contact:hover .txt {
  opacity: 1;
}

#right-list .contact .one,
#right-list .contact .two>div {
  font-size: 12px;
  font-family: APL;
  color: #fff;
}

#right-list .contact .two {
  opacity: 0;
  top: 0;
  left: -205px;
  padding: 10px 20px;
  background: #fff;
  box-shadow: 0 0 10px rgba(16, 127, 252, 0.1);
  text-align: left;
}

#right-list .contact .two::before {
  content: "";
  width: 11px;
  height: 19px;
  background: url(/static/images/sanjiao.png) no-repeat center center;
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translateY(-50%);
}

#right-list .contact .two .p1 {
  font-size: 12px;
  font-family: APL;
  line-height: 20px;
  color: #000;
}

#right-list .contact .two .p2 {
  font-size: 22px;
  font-family: APM;
  line-height: 20px;
  color: #3665fa;
  margin-bottom: 9px;
}

#right-list .contact:hover .two {
  opacity: 1;
}

#right-list .nav.back {
  cursor: pointer;
}

#right-list .now .two {
  width: 171px;
  height: 49px;
  padding: 14px 20px;
  left: -190px;
}

#right-list .now .two .p1 {
  font-size: 20px;
  font-family: APM;
  color: #146cfb;
  font-weight: bold;
}

#right-list .now .two::before {
  display: none;
}



/*留资弹窗*/
#ap-box {
  width: 60.94%;
  height: 0;
  overflow: hidden;
  top: 85px;
  left: 50%;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  transform: translateX(-50%);
}

#ap-box .black {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, .5);
}

#ap-box.open {
  height: 836px;
}

#ap-box .info {
  background: rgba(243, 245, 252, 1);
  display: flex;
  justify-content: space-between;
  padding: 50px 95px;
}

#ap-box .info .close {
  width: 17px;
  height: 17px;
  background: url(/static/images/close4.png) no-repeat center center/cover;
  top: 19px;
  right: 18px;
}

#ap-box .info .box {
  width: 100%;
  color: #646464;
  display: flex;
  justify-content: space-between;
}

#ap-box .info .left {
  width: 490px;
  height: 665px;
  padding: 38px 42px;
  margin-right: 10px;
  line-height: 40px;
  background: url(/static/images/pic39.png) no-repeat center center/cover;
}

#ap-box .info .left .top {
  margin-bottom: 108px;
}

#ap-box .info .left .top .p1 {
  font-size: 22px;
  font-family: APR;
  color: #282828;
  line-height: 35px;
  font-weight: bold;
}

#ap-box .info .left .top .p2 {
  font-size: 54px;
  font-family: APB;
  color: #2183ff;
  line-height: 63px;
  margin-bottom: 18px;
  font-weight: bold;
}

#ap-box .info .left .icon-list .item {
  width: 40%;
  display: flex;
  align-items: center;
  margin-right: 60px;
  margin-bottom: 15px;
  position: relative;
}

#ap-box .info .left .icon-list .item::before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background: #dedede;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}

#ap-box .info .left .icon-list .item:nth-of-type(2n) {
  margin-right: 0;
}

#ap-box .info .left .icon-list .item:nth-of-type(2n)::before {
  display: none;
}

#ap-box .info .left .icon-list .item .icon {
  margin-right: 15px;
}

#ap-box .info .left .icon-list .item .txt {
  font-family: PFL;
  font-size: 16px;
  color: #0f1a34;
  font-weight: bold;
}

#ap-box .info .ri1 {
  display: block;
}

#ap-box .info .ri2 {
  display: none;
}

#ap-box .info .right {
  width: 475px;
  height: 665px;
  background: #fff;
  padding: 33px 45px;
}

#ap-box .info .right .tit {
  width: 100%;
}

#ap-box .info .right .tit .p1 {
  font-size: 26px;
  font-family: APM;
  line-height: 31px;
  color: #2183ff;
  font-weight: bold;
}

#ap-box .info .right .tit .p2 {
  font-size: 14px;
  font-family: APL;
  line-height: 30px;
  color: #000000;
  margin-bottom: 14px;
}

#ap-box .info .right form {
  width: 100%;
}

#ap-box .info .right .text .input {
  width: 100%;
  margin-bottom: 4px;
}

#ap-box .info .right .text .input .txt {
  font-size: 14px;
  font-family: APL;
  line-height: 31px;
  color: #646464;
  position: relative;
}

#ap-box .info .right .text .input .txt.inpro:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: url(/static/images/pic47.png) no-repeat center center;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
}

#ap-box .info .right .text .input input {
  width: 100%;
  height: 29px;
  line-height: 29px;
  padding: 0 5px;
  border: 1px solid #dddddd;
  border-radius: 4px;
}

#ap-box .info .right .text .addr {
  color: #646464;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#ap-box .info .right .text .addr .se1 {
  width: 48%;
}

#ap-box .info .right .text .addr .se1 .txt {
  font-size: 14px;
  font-family: APL;
  line-height: 31px;
  color: #646464;
  position: relative;
}

#ap-box .info .right .text .addr .se1 .txt::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: url(/static/images/pic47.png) no-repeat center center;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
}

#ap-box .info .right .text .addr select,
#ap-box .info .right .text .input select {
  width: 100%;
  height: 29px;
  padding: 0 5px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  font-family: APL;
  color: #c8c8c8;
  line-height: 29px;
}

#ap-box .info .right .text .addr select option,
#ap-box .info .right .text .input select option {
  font-size: 14px;
  font-family: APL;
  color: #c8c8c8;
  line-height: 29px;
}

#ap-box .info .right .text .input textarea {
  width: 100%;
  height: 74px;
  padding: 0px 10px 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 36px;
  font-family: APL;
  color: #c8c8c8;
  resize: none;
}

#ap-box .info .right .btn_box {
  margin-bottom: 13px;
}

#ap-box .info .right .btn_box input {
  width: 100%;
  margin-top: 15px;
  padding: 13px 0;
  font-size: 16px;
  text-align: center;
  border: 1px solid transparent;
  border-top: 1px solid #25bbfc;
  border-radius: 5px;
  color: #fff;
  box-shadow: 0 0 5px rgba(2, 120, 252, .2);
  background: #146cfb;
  transition: all .3s ease;
}

#ap-box .info .right .btn_box input:hover {
  background: linear-gradient(to bottom, #25bbfc, #1c63fb);
}

#ap-box .info .right .pri {
  font-size: 12px;
  font-family: APL;
  line-height: 20px;
  color: #646464;
}

#ap-box .info .right .pri span {
  color: #0056fb;
}

@media screen and (max-width: 1440px) {
  #ap-box {
    width: 71.94%;
    ;
  }

  #ap-box .info {
    padding: 50px 25px;
  }

  #ap-box .info .left .top .p2 {
    font-size: 42px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 1366px) {
  #ap-box {
    width: 75.94%;
  }
}

@media screen and (max-width: 1280px) {
  #ap-box {
    top: 13px;
  }

  #ap-box.open {
    height: 480px;
  }

  #ap-box .info {
    padding: 15px 25px;
  }

  #ap-box .info .box {
    height: 430px;
  }

  #ap-box .info .left {
    height: 100%;
  }

  #ap-box .info .right {
    height: 100%;
    overflow: auto;
  }

  #ap-box .info .close {
    top: 25px;
    right: 55px;
  }
}

@media screen and (max-width: 1200px) {
  #ap-box {
    width: 81.94%;
  }
}

@media screen and (max-width: 1024px) {
  #ap-box {
    width: 91.94%;
  }
}

@media screen and (max-width: 750px) {
  #ap-box {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  #ap-box .info .box {
    height: 860px;
    flex-direction: column;
    overflow: auto;
  }

  #ap-box.open {
    height: 860px;
  }

  /*#ap-box .info .left{width: 100%; margin-bottom: 15px; margin-right: 0;}*/
  /*#ap-box .info .left .top .p1{font-size: 22px;}*/
  /*#ap-box .info .left .top .p2{font-size: 56px; font-family: APM; font-weight: bold;}*/
  /*#ap-box .info .left .icon-list .item{width: 40%;border: 0; flex-direction: column;}*/
  /*#ap-box .info .left .icon-list .item:before{display:none;}*/
  /*#ap-box .info .left .icon-list .item:nth-of-type(4n){margin-right: 0;}*/
  /*#ap-box .info .left .icon-list .item .icon{margin: 0 0 17px 0;}*/
  /*#ap-box .info .left .icon-list .item .txt{font-family: PFL; font-weight: bold; font-size: 18px; color: #0f1935;}*/

  #ap-box .info .ri1 {
    display: none;
  }

  #ap-box .info .ri2 {
    display: block;
  }

  #ap-box .info {
    background: #fff;
    padding: 63px 46px;
  }

  #ap-box .info .left {
    display: none;
  }

  #ap-box .info .right {
    width: 100%;
    padding: 0;
  }

  #ap-box .info .right .tit {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dcdcdc;
  }

  #ap-box .info .right .tit .p1 {
    font-size: 40px;
    font-family: APM;
    color: #2183fb;
    margin-bottom: 18px;
    line-height: inherit;
  }

  #ap-box .info .right .tit .p2 {
    font-size: 18px;
    font-family: APR;
    color: #000000;
    margin-bottom: 0;
  }

  #ap-box .cont .ri1 {
    display: none;
  }

  #ap-box .cont .ri2 {
    display: block;
  }

  #ap-box .info .ri2.cur {
    display: none;
  }

  #ap-box .info .close {
    background: url(/static/images/close-b.png) no-repeat center center/cover;
    top: 23px;
    right: 21px;
  }

  #ap-box .info .ri2 .text .input {
    height: 48px;
    border-radius: 10px;
    padding: 0 23px;
    border: 0;
    background: #f3f6f8;
    margin: 0 0 23px 0;
  }

  #ap-box .info .ri2 .text .input input,
  #ap-box .info .ri2 .text .input input[type=text]::-webkit-input-placeholder {
    height: 100%;
    font-family: APL;
    font-size: 18px;
    color: #b4b4b4;
    padding: 16px 0;
    border: 0;
  }

  #ap-box .info .ri2 .text .input select,
  #ap-box .info .ri2 .text .addr select {
    width: 100%;
    height: 100%;
    border: 0;
    font-family: APL;
    font-size: 18px;
    color: #b4b4b4;
  }

  #ap-box .info .ri2 .text .input select option,
  #ap-box .info .ri2 .text .addr select option {
    height: 100%;
    font-family: APL;
    padding: 0;
    font-size: 18px;
    color: #b4b4b4;
    border: 0;
  }

  #ap-box .info .ri2 .text .mes {
    height: 48px;
    font-size: 18px;
    color: #b4b4b4;
  }

  #ap-box .info .ri2 .text .input textarea {
    height: 100%;
    font-family: APL;
    padding: 5px 0;
    font-size: 18px;
    color: #b4b4b4;
    border: 0;
  }

  #ap-box .info .ri2 .btn_box {
    margin-top: 43px;
    border-radius: 15px;
  }

  #ap-box .info .ri2 .btn_box input {
    background: linear-gradient(to bottom, #00e2fe, #0e6bff);
    font-size: 20px;
  }

  #ap-box .info .ri2 .pri {
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    font-family: APL;
    color: #646464;
    line-height: 26px;
  }

  #ap-box .info .ri2 .text .addr {
    margin-bottom: 23px;
  }

  #ap-box .info .ri2 .text .addr select {
    padding: 10px 23px;
    background: #f3f5f8;
    border: 0;
  }

  #ap-box .info .ri2 .btn_box {
    box-shadow: 0 5px 24px rgba(5, 120, 251, 0.2);
    margin-bottom: 28px;
  }

  #ap-box .info .ri2 .btn_box input {
    margin-top: 0;
  }
}


#navigation {
  padding: 20px;
  background: #fff;
  box-shadow: 0 7px 40px rgba(243, 245, 248, 0.07);
}

#navigation .list {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

#navigation .list a {
  font-size: 16px;
  font-family: APL;
  color: #000;
}

#navigation .list a:first-child,
#navigation .list a:hover {
  color: #0052d9;
}

@media screen and (max-width: 750px) {
  #navigation .list a {
    font-size: 18px;
  }
}

#edifice-one {
  padding: 86px 0 150px;
  background: #f3f5f8;
  max-height: 758px;
}

#edifice-one .big-title {
  margin-bottom: 115px;
}

#edifice-one .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #18181a;
}

#edifice-one .list {
  width: 100%;
  display: flex;
}

#edifice-one .list .item {
  width: 25.17%;
  padding: 52px 3.1% 43px;
  background: #fff;
  border-radius: 10px;
  transition: all .4s ease;
  box-shadow: 0 0 40px 10px rgba(130, 139, 165, 0.3);
}

#edifice-one .list .item .title .icon {
  margin-bottom: 40px;
}

#edifice-one .list .item .title .icon .i1 {
  display: inline-block;
}

#edifice-one .list .item .title .icon .i2 {
  display: none;
}

#edifice-one .list .item .title .tit {
  font-size: 20px;
  font-family: APR;
  color: #18181a;
  margin-bottom: 12px;
}

#edifice-one .list .item .info {
  font-size: 14px;
  font-family: APL;
  color: #495770;
  line-height: 36px;
  margin-bottom: 32px;
}

#edifice-one .list .item .more {
  font-size: 14px;
  font-family: APL;
  color: #495770;
}

#edifice-one .list .item {
  height: 360px;
}

#edifice-one .list .item:hover {
  height: 440px;
}

#edifice-one .list .item:hover {
  background: url(/static/images/edifice5.png) no-repeat center/cover;
  transform: translateY(-40px);
}

#edifice-one .list .item:hover .title .icon .i1 {
  display: none;
}

#edifice-one .list .item:hover .title .icon .i2 {
  display: inline-block;
}

#edifice-one .list .item:hover .title .tit {
  color: #fff;
}

#edifice-one .list .item:hover .info {
  color: #fff;
}

#edifice-one .list .item:hover .more {
  color: #fff;
}

@media screen and (max-width: 1280px) {
  #edifice-one {
    padding: 86px 0 100px;
    max-height: inherit;
  }

  #edifice-one .big-title {
    margin-bottom: 70px;
  }

  #edifice-one .list .item {
    height: 390px;
  }
}

@media screen and (max-width: 750px) {
  #edifice-one {
    padding: 105px 0 55px;
  }

  #edifice-one .big-title {
    text-align: left;
    margin-bottom: 82px;
  }

  #edifice-one .big-title .p1 {
    font-size: 50px;
  }

  #edifice-one .list {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #edifice-one .list .item {
    width: 48.36%;
    height: auto;
    margin-bottom: 47px;
    padding: 35px 6.1% 37px;
    box-shadow: 0 10px 30px rgba(76, 81, 100, 0.14);
  }

  #edifice-one .list .item .title .icon {
    margin-bottom: 34px;
  }

  #edifice-one .list .item .title .tit {
    margin-bottom: 11px;
    font-size: 26px;
  }

  #edifice-one .list .item .info {
    font-size: 18px;
    line-height: 38px;
    color: #495770;
    margin-bottom: 54px;
  }

  #edifice-one .list .item .more {
    width: 129px;
    padding: 15px 0;
    color: #495770;
    font-size: 18px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
  }

  #edifice-one .list .item:hover {
    height: auto;
    background: #fff;
    transform: translateY(-20px);
  }

  #edifice-one .list .item:hover .title .tit {
    color: #18181a;
  }

  #edifice-one .list .item:hover .info {
    color: #495770;
  }

  #edifice-one .list .item:hover .more {
    color: #fff;
    background: #0049ef;
    border-radius: 10px;
  }
}

#edifice-two {
  padding: 85px 0 37px;
}

#edifice-two .big-title {
  margin-bottom: 40px;
}

#edifice-two .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #18181a;
}

#edifice-two .cate-list {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

#edifice-two .cate-list .cate {
  margin-right: 98px;
  padding: 14px 39px;
  background: transparent;
  border-radius: 4px;
  border: 1px solid #c8c8c8;
  font-size: 16px;
  font-family: APR;
  color: #18181a;
}

#edifice-two .cate-list .cate:last-child {
  margin-right: 0;
}

#edifice-two .cate-list .cate:hover,
#edifice-two .cate-list .cate.cur {
  border: 1px solid #0055fb;
  background: #0055fb;
  color: #fff;
}

#edifice-two .info-list {
  margin-bottom: 26px;
}

#edifice-two .info-list .item .brief {
  margin-bottom: 19px;
  font-size: 14px;
  font-family: APL;
  color: #495770;
  line-height: 30px;
}

#edifice-two .info-list .item .pic {
  padding: 29px 32px;
  border: 1px dashed #bfbfbf;
}

#edifice-two .more {
  width: 119px;
  padding: 12px 0;
  margin: 0 auto;
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  font-size: 14px;
  font-family: APR;
  color: #6b768b;
}

#edifice-two .more:hover {
  border-color: #146cfb;
  background: #146cfb;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #edifice-two {
    padding: 108px 0 56px;
  }

  #edifice-two .big-title {
    text-align: left;
    margin-bottom: 52px;
  }

  #edifice-two .big-title .p1 {
    line-height: 48px;
  }

  #edifice-two .big-title .p1 span {
    font-size: 50px;
  }

  #edifice-two .cate-list {
    justify-content: inherit;
    margin-bottom: 44px;
  }

  #edifice-two .cate-list .cate {
    padding: 21px 53px;
    font-size: 18px;
    margin-right: 70px;
    margin-bottom: 42px;
  }

  #edifice-two .cate-list .cate:hover,
  #edifice-two .cate-list .cate.cur {
    box-shadow: 0 10px 26px rgba(0, 85, 251, .3);
  }

  #edifice-two .info-list .item .brief {
    text-align: left;
    line-height: 37px;
    font-size: 18px;
    color: #141b26;
    margin-bottom: 30px;
  }

  #edifice-two .info-list .item .pic {
    border: 0;
    padding: 0;
  }

  #edifice-two .more {
    width: 256px;
    font-size: 18px;
  }

  #edifice-two .more:hover {
    border: 1px solid #fff;
    background: #0953ff;
    color: #fff;
  }
}

#edifice-three {
  padding: 85px 0 64px;
  background: #f3f5f8;
}

#edifice-three .big-title {
  margin-bottom: 50px;
}

#edifice-three .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #18181a;
  margin-bottom: 26px;
}

#edifice-three .big-title .p2 {
  font-size: 14px;
  font-family: APL;
  color: #495770;
  line-height: 30px;
}

#edifice-three .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#edifice-three .bot .cate-box {
  width: 17.83%;
}

#edifice-three .bot .cate-list {
  width: 100%;
}

#edifice-three .bot .cate-box .cate-list .cate,
#edifice-three .bot .cate-box .more {
  width: 100%;
  margin-bottom: 27px;
  padding: 14px 0;
  border: 1px solid #eeeeef;
  border-radius: 5px;
  background: #fff;
  font-size: 14px;
  font-family: APL;
  color: #18181a;
}

#edifice-three .bot .cate-box .cate-list .cate:hover,
#edifice-three .bot .cate-box .cate-list .cate.cur,
#edifice-three .bot .cate-box .more:hover {
  background: #0055fb;
  color: #fff;
}

#edifice-three .bot .info-list {
  width: 78.75%;
  padding: 34px 4%;
  background: #fff;
  border-radius: 5px;
}

#edifice-three .bot .info-list .item .brief {
  font-size: 14px;
  font-family: APL;
  color: #18181a;
}

#edifice-three .bot .info-list .item .pic {
  padding: 30px 3.1% 50px;
}

@media screen and (max-width: 750px) {
  #edifice-three {
    padding: 108px 0 56px;
  }

  #edifice-three .big-title {
    text-align: left;
    margin-bottom: 52px;
  }

  #edifice-three .big-title .p1 {
    line-height: 48px;
    margin-bottom: 30px;
  }

  #edifice-three .big-title .p1 span {
    font-size: 50px;
  }

  #edifice-three .big-title .p2 {
    line-height: 33px;
    font-size: 18px;
    color: #495770;
  }

  #edifice-three .bot {
    flex-direction: column;
  }

  #edifice-three .bot .cont {
    width: 590px;
    margin-bottom: 51px;
    padding: 0 0 43px;
  }

  #edifice-three .bot .cont .item {
    width: 42.54% !important;
    margin: 0 20px;
    padding: 20px 0;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #c8c8c8;
    font-size: 18px;
    font-family: APL;
    color: #495770;
  }

  #edifice-three .bot .cont .swiper-slide-thumb-active {
    border-color: #0055fb;
    background: #0055fb;
    color: #fff;
    box-shadow: 0 10px 26px rgba(0, 85, 251, 0.3);
  }

  #edifice-three .bot .btn {
    width: 20px;
    height: 34px;
    top: 15px;
  }

  #edifice-three .bot .btn.swiper-button-disabled {
    display: none;
  }

  #edifice-three .bot .btn.prev {
    left: 25px;
    transform: rotate(180deg);
  }

  #edifice-three .bot .btn.next {
    right: 25px;
  }

  #edifice-three .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    border: 1px solid #b7b8b8;
    background: transparent;
    opacity: 1;
    border-radius: 50%;
  }

  #edifice-three .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #0055fb;
    background: #0055fb;
  }

  #edifice-three .bot .cont2 {
    width: 100%;
    background: #fff;
  }

  #edifice-three .bot .cont2 .li {
    width: 100% !important;
    padding: 35px 20px;
  }

  #edifice-three .bot .cont2 .li .brief {
    font-size: 18px;
    font-family: APL;
    color: #495770;
    margin-bottom: 29px;
  }

  #edifice-three .bot .more {
    width: 286px;
    height: 58px;
    margin: 47px auto 0;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    text-align: center;
    line-height: 58px;
    font-size: 18px;
    font-family: APL;
    color: #495770;
  }

  #edifice-three .bot .more:hover {
    border: 1px solid #fff;
    background: #0953ff;
    color: #fff;
  }
}

#edifice-four {
  padding: 83px 0 134px;
  background: #fff;
  max-height: 756px;
}

#edifice-four .big-title {
  margin-bottom: 89px;
}

#edifice-four .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #18181a;
}

#edifice-four .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#edifice-four .list .item {
  width: 23.5%;
  margin-right: 2%;
  padding: 38px 2.6%;
  background: linear-gradient(to bottom, #f3f5f8, #fdfefe);
  border-radius: 10px;
  transition: all .4s ease;
  box-shadow: 0 8px 36px rgba(179, 197, 221, .2);
}

#edifice-four .list .item:last-child {
  margin-right: 0;
}

#edifice-four .list .item .title .icon {
  margin-bottom: 29px;
}

#edifice-four .list .item .title .icon .i1 {
  display: inline-block;
}

#edifice-four .list .item .title .icon .i2 {
  display: none;
}

#edifice-four .list .item .title .tit {
  font-size: 20px;
  font-family: APR;
  color: #18181a;
  margin-bottom: 10px;
}

#edifice-four .list .item .info {
  height: 180px;
  margin-bottom: 22px;
  font-size: 14px;
  font-family: APL;
  color: #495770;
  line-height: 36px;
}

#edifice-four .list .item .more {
  font-size: 14px;
  font-family: APL;
  color: #495770;
}

#edifice-four .list .item {
  height: 403px;
}

#edifice-four .list .item:hover {
  height: 445px;
  transform: translateY(-22px);
}

#edifice-four .list .item.bg1:hover {
  background: url(/static/images/edifice10.png) no-repeat center/cover;
}

#edifice-four .list .item.bg2:hover {
  background: url(/static/images/edifice11.png) no-repeat center/cover;
}

#edifice-four .list .item.bg3:hover {
  background: url(/static/images/edifice12.png) no-repeat center/cover;
}

#edifice-four .list .item.bg4:hover {
  background: url(/static/images/edifice13.png) no-repeat center/cover;
}

#edifice-four .list .item:hover .title .icon .i1 {
  display: none;
}

#edifice-four .list .item:hover .title .icon .i2 {
  display: inline-block;
}

#edifice-four .list .item:hover .title .tit,
#edifice-four .list .item:hover .info,
#edifice-four .list .item:hover .more {
  color: #fff;
}

@media screen and (max-width: 1200px) {
  #edifice-four .list .item {
    height: 430px;
  }

  #edifice-four .list .item .title .icon {
    margin-bottom: 15px;
  }

  #edifice-four .list .item .info {
    height: 210px;
  }
}

@media screen and (max-width: 1024px) {
  #edifice-four .list .item {
    height: 450px;
  }

  #edifice-four .list .item .info {
    height: 240px;
  }
}

@media screen and (max-width: 750px) {
  #edifice-four {
    padding: 108px 0 58px;
    max-height: inherit;
  }

  #edifice-four .big-title {
    text-align: left;
    margin-bottom: 70px;
  }

  #edifice-four .big-title .p1 {
    line-height: 57px;
  }

  #edifice-four .big-title .p1 span {
    font-size: 50px;
    line-height: 57px;
  }

  #edifice-four .list {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #edifice-four .list .item {
    width: 47.36%;
    height: auto;
    margin-bottom: 40px;
    padding: 38px 5.6%;
    background: #fff;
  }

  #edifice-four .list .item .title .tit {
    font-size: 26px;
    margin-bottom: 10px;
  }

  #edifice-four .list .item .info {
    height: 215px;
    font-size: 18px;
    color: #495770;
    line-height: 37px;
  }

  #edifice-four .list .item .more {
    width: 129px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    font-size: 18px;
    color: #495770;
  }
}

#edifice-five {
  padding: 83px 0 100px;
  background: #f3f5f8;
}

#edifice-five .big-title {
  margin-bottom: 80px;
}

#edifice-five .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #18181a;
}

#edifice-five .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#edifice-five .list .item {
  width: 28.33%;
  padding: 78px 0 53px;
  background: #fff;
  border-radius: 10px;
  transition: all .4s ease;
  box-shadow: 0 8px 36px rgba(179, 197, 221, .2);
}

#edifice-five .list .item:last-child {
  margin-right: 0;
}

#edifice-five .list .item .title .icon {
  margin-bottom: 52px;
}

#edifice-five .list .item .title .icon .i1 {
  display: inline-block;
}

#edifice-five .list .item .title .icon .i2 {
  display: none;
}

#edifice-five .list .item .title .tit {
  font-size: 26px;
  font-family: APR;
  color: #000;
  margin-bottom: 20px;
}

#edifice-five .list .item .num {
  margin-bottom: 75px;
  font-size: 60px;
  font-family: APL;
  color: #000;
}

#edifice-five .list .item .more {
  font-size: 14px;
  font-family: APL;
  color: #495770;
}

#edifice-five .list .item:hover {
  background: #146cfb;
}

#edifice-five .list .item:hover .title .icon .i1 {
  display: none;
}

#edifice-five .list .item:hover .title .icon .i2 {
  display: inline-block;
}

#edifice-five .list .item:hover .title .tit,
#edifice-five .list .item:hover .num,
#edifice-five .list .item:hover .more {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  #edifice-five .list .item {
    width: 32.33%;
  }
}

@media screen and (max-width: 750px) {
  #edifice-five {
    padding: 108px 0 69px;
  }

  #edifice-five .big-title {
    text-align: left;
    margin-bottom: 70px;
  }

  #edifice-five .big-title .p1 {
    line-height: 57px;
  }

  #edifice-five .big-title .p1 span {
    font-size: 50px;
    line-height: 57px;
  }

  #edifice-five .list {
    flex-wrap: wrap;
  }

  #edifice-five .list .m-item {
    width: 100%;
    margin-bottom: 47px;
    padding: 54px 39px 46px 37px;
    background: url(/static/images/edifice/m-edifice10.png) no-repeat center/cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 8px 36px rgba(179, 197, 221, 0.2);
  }

  #edifice-five .list .m-item .title {
    width: 16%;
  }

  #edifice-five .list .m-item .title .i1 {
    display: inline-block;
  }

  #edifice-five .list .m-item .title .i2 {
    display: none;
  }

  #edifice-five .list .m-item:hover .title .i1 {
    display: none;
  }

  #edifice-five .list .m-item:hover .title .i2 {
    display: inline-block;
  }

  #edifice-five .list .m-item .cen {
    width: 65%;
  }

  #edifice-five .list .m-item .cen .tit {
    font-size: 30px;
    font-family: APL;
    color: #18181a;
    margin-bottom: 0;
  }

  #edifice-five .list .m-item .cen .num {
    font-size: 80px;
    font-family: APR;
    color: #18181a;
    margin-bottom: 0;
  }

  #edifice-five .list .m-item:hover .cen .tit,
  #edifice-five .list .m-item:hover .cen .num {
    color: #fff;
  }

  #edifice-five .list .m-item .more {
    width: 7%;
  }
}

#part-six.edifice-six {
  padding: 85px 0 72px;
  background: #fff;
  max-height: 794px;
}

#part-six.edifice-six .big-title {
  margin-bottom: 58px;
}

#part-six.edifice-six .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #18181a;
  margin-bottom: 34px;
}

#part-six.edifice-six .big-title .p2 {
  font-size: 16px;
  font-family: APL;
  color: #495770;
}

#part-six.edifice-six .list .item {
  height: 208px;
  box-sizing: box-sizing;
  background: linear-gradient(to bottom, #fff, #f4f4f4);
}

#part-six.edifice-six .list .item:hover {
  height: 228px;
  background: #0069fb;
  box-shadow: inherit;
}

#part-six.edifice-six .list .item:hover .icon::before {
  display: none;
}

#part-six.edifice-six .list .item:hover .icon .pic {
  background: transparent;
}

#part-six.edifice-six .list .item:hover .more {
  margin-top: 29px;
}

@media screen and (max-width: 1024px) {

  #part-six.edifice-six .list .item,
  #part-six.edifice-six .list .item:hover {
    height: 245px;
  }

  #part-six.edifice-six .list .item:hover .more {
    margin-top: 15px;
  }
}

@media screen and (max-width: 750px) {
  #part-six.edifice-six {
    padding: 108px 0 50px;
    max-height: inherit;
  }

  #part-six.edifice-six .big-title {
    text-align: left;
    margin-bottom: 53px;
  }

  #part-six.edifice-six .big-title .p1 {
    line-height: 57px;
  }

  #part-six.edifice-six .big-title .p1 span {
    font-size: 50px;
    line-height: 57px;
  }

  #part-six.edifice-six .big-title .p2 {
    line-height: 33px;
    font-size: 18px;
    color: #495770;
  }

  #part-six.edifice-six .list {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  #part-six.edifice-six .list .m-item {
    width: 48.36%;
    margin-bottom: 35px;
    padding: 40px 36px 26px;
    background: #f3f5f8;
  }

  #part-six.edifice-six .list .m-item .icon {
    margin-bottom: 20px;
  }

  #part-six.edifice-six .list .m-item .title {
    margin-bottom: 14px;
    font-size: 22px;
    font-family: APR;
    color: #18181a;
  }

  #part-six.edifice-six .list .m-item .brief {
    margin-bottom: 27px;
    font-size: 18px;
    font-family: APL;
    color: #3d485d;
    line-height: 33px;
  }
}

#part-seven.edifice-seven {
  padding: 87px 0 55px;
  background: #f3f5f8;
  max-height: 759px;
}

#part-seven.edifice-seven .big-title {
  margin-bottom: 29px;
}

#part-seven.edifice-seven .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #18181a;
  margin-bottom: 33px;
}

#part-seven.edifice-seven .list .item {
  background: transparent;
  margin-bottom: 10px;
}

#part-seven.edifice-seven .list .item:hover {
  padding-bottom: 34px;
  height: 248px;
  background: #0069fb;
}

#part-seven.edifice-seven .list .item:hover .more {
  margin-top: 29px;
}

@media screen and (max-width: 1024px) {
  #part-seven.edifice-seven .list .item .brief {
    height: 75px;
  }
}

@media screen and (max-width: 750px) {
  #part-seven.edifice-seven {
    padding: 108px 0 50px;
    max-height: inherit;
  }

  #part-seven.edifice-seven .big-title {
    text-align: left;
    margin-bottom: 53px;
  }

  #part-seven.edifice-seven .big-title .p1 {
    line-height: 53px;
  }

  #part-seven.edifice-seven .big-title .p1 span {
    font-size: 50px;
    line-height: 57px;
  }

  #part-seven.edifice-seven .big-title .p2 {
    line-height: 33px;
    font-size: 18px;
    color: #495770;
  }

  #part-seven.edifice-seven .list {
    display: flex;
    justify-content: space-between;
  }

  #part-seven.edifice-seven .list .item {
    width: 48.51%;
    padding: 51px 37px 28px;
    flex-direction: column;
    background: #fff;
    margin-bottom: 35px;
  }

  #part-seven.edifice-seven .list .item .icon {
    margin: 0 0 35px;
  }

  #part-seven.edifice-seven .list .item .info .title {
    text-align: center;
    font-size: 22px;
    font-family: APR;
    color: #18181a;
    margin-bottom: 11px;
  }

  #part-seven.edifice-seven .list .item .info .brief {
    text-align: center;
    font-size: 18px;
    font-family: APL;
    color: #3d485d;
    height: 112px;
    line-height: 33px;
  }

  #part-seven.edifice-seven .list .item:hover {
    height: auto;
  }

  #part-seven.edifice-seven .list .item:hover .info .title,
  #part-seven.edifice-seven .list .item:hover .info .brief {
    color: #fff;
  }
}

#part-nine.edifice-nine {
  height: 845px;
}

#part-nine.edifice-nine .bottom {
  top: 102px;
  padding: 77px 3.83% 67px;
}

#part-nine.edifice-nine .bottom .intro {
  font-size: 36px;
  font-family: APR;
  color: #000000;
  margin-bottom: 64px;
}

#part-nine.edifice-nine .bottom .partner-list {
  display: flex;
  flex-wrap: wrap;
}

#part-nine.edifice-nine .bottom .partner-list::before {
  display: none;
}

#part-nine.edifice-nine .bottom .partner-list .item {
  width: 19%;
  height: 64px;
  line-height: 64px;
  margin-bottom: 28px;
  border: 1px solid #eeeeee;
  filter: grayscale(65%);
  font-size: 14px;
  font-family: APR;
  color: #18181a;
}

#part-nine.edifice-nine .bottom .partner-list .item:hover {
  filter: grayscale(0);
  box-shadow: 0 10px 25px rgba(76, 81, 100, 0.14);
}

#part-nine.edifice-nine .bottom .partner-list .item.more:hover {
  background: #2977fb;
  color: #fff;
}

@media screen and (max-width: 1200px) {
  #part-nine.edifice-nine {
    height: 890px;
  }
}

@media screen and (max-width: 750px) {
  #part-nine.edifice-nine {
    height: 980px;
  }

  #part-nine.edifice-nine .bottom {
    top: 89px;
    padding: 65px 4.83% 57px;
  }

  #part-nine.edifice-nine .bottom .intro {
    margin-bottom: 51px;
  }

  #part-nine.edifice-nine .bottom .partner-list .item {
    width: 24%;
    margin-bottom: 21px;
  }

  #part-nine.edifice-nine .bottom .partner-list .item.more {
    width: 129px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    font-size: 18px;
    color: #495770;
    margin: 30px auto 0;
  }
}

#part-ten.edifice-ten {
  padding: 82px 0 102px;
}

#part-ten.edifice-ten .list .item {
  padding: 24px 3%;
}

#part-ten.edifice-ten .list .item>div {
  font-family: APL;
  color: #fff;
}

#part-ten.edifice-ten .list .item .p1 {
  font-size: 14px;
}

#part-ten.edifice-ten .list .item .p2 {
  font-size: 16px;
}

#part-ten.edifice-ten .list .item .p3 {
  font-size: 14px;
  color: #c8c8c8;
}

#part-ten.edifice-ten .list .item:hover .p3 {
  color: #fff;
}

@media screen and (max-width: 750px) {
  #part-ten.edifice-ten {
    padding: 118px 0 95px;
  }

  #part-ten.edifice-ten .big-title {
    margin-bottom: 82px;
  }

  #part-ten.edifice-ten .big-title .p1 {
    text-align: left;
    font-size: 50px;
    font-family: APR;
  }

  #part-ten.edifice-ten .list {
    width: 630px;
  }

  #part-ten.edifice-ten .list .item .p1 {
    font-size: 18px;
    margin-bottom: 18px;
  }

  #part-ten.edifice-ten .list .item .p2 {
    font-size: 20px;
  }

  #part-ten.edifice-ten .list .item .p3 {
    display: none;
  }

  #part-ten.edifice-ten .list .item.more {
    color: #fff;
    font-size: 18px;
    font-family: APL;
    line-height: 95px;
  }
}

#part-eleven.edifice-eleven .big-title {
  margin-bottom: 60px;
}

#part-eleven.edifice-eleven .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  color: #18181a;
  margin-bottom: 24px;
}

#part-eleven.edifice-eleven .big-title .p2 {
  font-size: 16px;
  font-family: APL;
  color: #495770;
  line-height: 30px;
}

@media screen and (max-width: 750px) {
  #part-eleven.edifice-eleven {
    padding: 108px 0 57px;
  }

  #part-eleven.edifice-eleven .big-title {
    text-align: left;
    margin-bottom: 53px;
  }

  #part-eleven.edifice-eleven .big-title .p1 {
    width: 100%;
    line-height: 57px;
    font-size: 50px;
  }

  #part-eleven.edifice-eleven .big-title .p2 {
    width: 100%;
    line-height: 33px;
    font-size: 18px;
    color: #495770;
  }

  #part-eleven.edifice-eleven .pic-list .pic {
    box-shadow: 0 0 24px rgba(0, 27, 138, 0.08);
  }
}

/*流程中台*/
#process-one {
  padding: 90px 0 70px;
}

#process-one .big-title {
  margin-bottom: 53px;
}

#process-one .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #000000;
  margin-bottom: 26px;
}

#process-one .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  color: #3d485d;
  line-height: 29px;
}

#process-one .list {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

#process-one .list .item {
  width: 25.5%;
}

#process-one .list .item .up .icon {
  top: -49px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

#process-one .list .item .up .back {
  margin: 53px 0 42px;
}

#process-one .list .item .tit {
  font-size: 25px;
  font-family: APR;
  color: #000000;
  margin-bottom: 15px;
}

#process-one .list .item .info {
  font-size: 16px;
  font-family: APR;
  color: #3d485d;
  margin-bottom: 26px;
  line-height: 35px;
}

#process-one .list .item .more {
  font-size: 14px;
  font-family: APR;
  color: #6b768b;
}

#process-one .list .item:hover .tit,
#process-one .list .item:hover .more {
  color: #146cfb;
}

#process-one .list .item:hover .up .icon {
  animation: updown 2s linear infinite;
}

@media screen and (max-width: 750px) {
  #process-one {
    padding: 111px 0 69px;
  }

  #process-one .big-title {
    text-align: left;
    margin-bottom: 53px;
  }

  #process-one .big-title .p1 {
    width: 100%;
    line-height: 61px;
    font-size: 50px;
    margin-bottom: 26px;
  }

  #process-one .big-title .p2 {
    width: 100%;
    line-height: 33px;
    font-size: 20px;
    color: #000000;
  }

  #process-one .list {
    flex-wrap: wrap;
  }

  #process-one .list .item {
    width: 100%;
    margin-bottom: 32px;
    padding: 19px 42px;
    display: flex;
    align-items: center;
    border: 1px solid #f3f5f8;
    border-radius: 10px;
    box-shadow: 0 8px 50px rgba(50, 162, 250, 0.15);
  }

  #process-one .list .item .up {
    width: 22%;
  }

  #process-one .list .item .up .icon {
    top: 5px;
  }

  #process-one .list .item:hover .up .icon {
    animation: inherit;
  }

  #process-one .list .item .box {
    width: calc(60% - 46px);
    padding-left: 46px;
  }

  #process-one .list .item .box .tit {
    text-align: left;
    font-size: 24px;
  }

  #process-one .list .item .box .info {
    text-align: left;
    font-size: 18px;
    color: #3d485d;
  }

  #process-one .list .item .box .more {
    width: 26px;
    height: 26px;
  }

  #process-one .list .item .box .more .i1 {
    display: inline-block;
  }

  #process-one .list .item .box .more .i2 {
    display: none;
  }

  #process-one .list .item .box .more:hover .i1 {
    display: none;
  }

  #process-one .list .item .box .more:hover .i2 {
    display: inline-block;
  }
}

@keyframes updown {
  0% {
    top: -55px;
  }

  50% {
    top: -49px;
  }

  100% {
    top: -55px;
  }
}

#process-two {
  padding: 92px 0 70px;
  max-height: 780px;
  background: #f5f7fa;
}

#process-two .big-title {
  margin-bottom: 53px;
}

#process-two .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  color: #000000;
  margin-bottom: 23px;
}

#process-two .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  color: #3d485d;
  line-height: 29px;
}

#process-two .list {
  display: flex;
  justify-content: center;
}

#process-two .list .item {
  width: 24.58%;
  height: 437px;
  background: #fff;
  border: 1px solid #eeeeee;
  border-right: 0;
  transition: all .4s ease;
}

#process-two .list .item:last-child {
  border-right: 1px solid #eeeeee;
}

#process-two .list .item .title {
  display: flex;
  align-items: center;
  padding: 25px 19px;
  border-bottom: 1px solid #eeeeee;
}

#process-two .list .item .title .icon {
  width: 43px;
}

#process-two .list .item .title .icon .i1 {
  display: inline-block;
}

#process-two .list .item .title .icon .i2 {
  display: none;
}

#process-two .list .item .title .name {
  width: calc(100% - 59px);
  padding-left: 16px;
  font-size: 22px;
  font-family: APR;
  color: #000000;
}

#process-two .list .item .data-list {
  height: 290px;
  margin-bottom: 19px;
  padding: 0 9.03% 0 27%;
}

#process-two .list .item .data-list .li {
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  font-family: APL;
  color: #3d485d;
}

#process-two .list .item .more {
  width: 100%;
  padding-left: 26.03%;
  font-size: 14px;
  font-family: APL;
  color: #6b768b;
}

#process-two .list .item:hover {
  height: 477px;
  transform: translateY(-20px);
  box-shadow: 0 8px 35px rgba(183, 183, 183, 0.35);
}

#process-two .list .item:hover .title {
  background: url(/static/images/process/process8.png) no-repeat center/cover;
  padding: 16px 20px 18px;
  box-shadow: 0 6px 18px rgba(89, 185, 252, .28);
}

#process-two .list .item:hover .title .icon .i1 {
  display: none;
}

#process-two .list .item:hover .title .icon .i2 {
  display: inline-block;
}

#process-two .list .item:hover .title .name {
  font-size: 24px;
  color: #fff;
}

#process-two .list .item .data-list .li:hover {
  color: #000;
}

#process-two .list .item:hover .data-list {
  height: 343px;
}

#process-two .list .item:hover .data-list .li {
  padding: 9px 0;
}

#process-two .list .item:hover .more {
  font-size: 16px;
  font-family: APR;
  color: #146cfb;
}

@media screen and (max-width: 750px) {
  #process-two {
    padding: 111px 0 38px;
    max-height: inherit;
  }

  #process-two .big-title {
    text-align: left;
    margin-bottom: 53px;
  }

  #process-two .big-title .p1 {
    width: 100%;
    line-height: 61px;
    font-size: 50px;
    margin-bottom: 26px;
  }

  #process-two .big-title .p2 {
    width: 100%;
    line-height: 33px;
    font-size: 20px;
    color: #000000;
  }

  #process-two .list {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #process-two .list .item {
    width: 46%;
    height: auto;
    margin-bottom: 38px;
    border-radius: 15px;
    overflow: hidden;
  }

  #process-two .list .item .title {
    flex-direction: row-reverse;
    padding: 25px 24px;
  }

  #process-two .list .item .title .name {
    font-size: 24px;
  }

  #process-two .list .item .data-list {
    height: 380px;
    padding: 0 21.03% 0 13%;
  }

  #process-two .list .item .data-list .li {
    font-size: 18px;
    padding: 10px 0;
  }

  #process-two .list .item .more {
    padding-left: 13%;
    margin-bottom: 25px;
  }

  #process-two .list .item .more .i1 {
    display: inline-block;
  }

  #process-two .list .item .more .i2 {
    display: none;
  }

  #process-two .list .item:hover .more .i1 {
    display: none;
  }

  #process-two .list .item:hover .more .i2 {
    display: inline-block;
  }
}

#process-three {
  padding: 90px 0 62px;
}

#process-three .big-title {
  margin-bottom: 34px;
}

#process-three .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  color: #000000;
  margin-bottom: 17px;
}

#process-three .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  color: #3d485d;
  line-height: 34px;
}

#process-three .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#process-three .list .item {
  width: 30.33%;
  padding: 36px 0 34px;
  border-radius: 15px;
}

#process-three .list .item .up .icon {
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

#process-three .list .item .up .back {
  margin: 53px 0 42px;
}

#process-three .list .item .tit {
  font-size: 22px;
  font-family: APR;
  color: #000000;
  margin-bottom: 16px;
}

#process-three .list .item .info {
  font-size: 14px;
  font-family: APR;
  color: #3d485d;
  margin-bottom: 23px;
  line-height: 26px;
}

#process-three .list .item .more {
  font-size: 14px;
  font-family: APR;
  color: #6b768b;
}

#process-three .list .item:hover {
  box-shadow: 0 5px 30px rgba(143, 146, 151, 0.19);
}

#process-three .list .item:hover .tit,
#process-three .list .item:hover .more {
  color: #146cfb;
}

#process-three .list .item:hover .up .icon {
  animation: updown2 2s linear infinite;
}

@keyframes updown2 {
  0% {
    top: -45px;
  }

  50% {
    top: -40px;
  }

  100% {
    top: -45px;
  }
}

@media screen and (max-width: 750px) {
  #process-three {
    padding: 111px 0 38px;
    max-height: inherit;
  }

  #process-three .big-title {
    text-align: left;
    margin-bottom: 53px;
  }

  #process-three .big-title .p1 {
    width: 100%;
    line-height: 61px;
    font-size: 50px;
    margin-bottom: 26px;
  }

  #process-three .big-title .p2 {
    width: 100%;
    line-height: 33px;
    font-size: 20px;
    color: #000000;
  }

  #process-three .list {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #process-three .list .item {
    width: 100%;
    height: auto;
    margin-bottom: 45px;
    padding: 26px 37px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #f3f5f8;
    box-shadow: 0 8px 25px rgba(50, 162, 250, 0.15);
    display: flex;
  }

  #process-three .list .item .up {
    width: 30%;
  }

  #process-three .list .item .up .icon {
    top: 13px;
  }

  #process-three .list .item .up .back {
    margin: 40px 0 0;
  }

  #process-three .list .item:hover {
    box-shadow: 0 8px 25px rgba(50, 162, 250, 0.15);
  }

  #process-three .list .item:hover .up .icon {
    animation: inherit;
  }

  #process-three .list .item .box {
    width: calc(75% - 42px);
    padding-left: 42px;
  }

  #process-three .list .item .tit {
    text-align: left;
    font-size: 24px;
    margin-bottom: 15px;
  }

  #process-three .list .item .info {
    text-align: left;
    font-size: 18px;
    font-family: APL;
    line-height: 34px;
  }

  #process-three .list .item .more .i1 {
    display: inline-block;
  }

  #process-three .list .item .more .i2 {
    display: none;
  }

  #process-three .list .item:hover .more .i1 {
    display: none;
  }

  #process-three .list .item:hover .more .i2 {
    display: inline-block;
  }

}

#process-four {
  padding: 90px 0 34px;
  background: url(/static/images/process/process12.png) no-repeat center/cover;
  color: #fff;
}

#process-four .big-title {
  margin-bottom: 47px;
}

#process-four .big-title .p1 {
  font-size: 36px;
  font-family: APR;
  margin-bottom: 24px;
}

#process-four .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 26px;
}

#process-four .cont {}

#process-four .m-cont {
  display: none;
}

#process-four .cont .line {
  width: calc(100% - 140px);
  height: 5px;
  background: #5299d2;
  left: 50%;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateX(-50%);
}

#process-four .cont .container {
  width: 100%;
}

#process-four .cont .container>.wrapper {
  justify-content: center;
}

#process-four .cont .slide {
  width: 7.5% !important;
  height: 380px;
}

#process-four .cont .slide .li .txt {
  font-family: APR;
  line-height: 27px;
  color: #fff;
}

#process-four .cont .slide .li {
  width: 100%;
  bottom: 50%;
  padding: 0 0 140px;
}

#process-four .cont .slide .li .i1 {
  width: 21px;
  height: 21px;
  background: #003dbc;
  border: 2px solid #78f7fb;
  border-radius: 100%;
  bottom: -14px;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
}

#process-four .cont .slide .li .i1:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: 2px dashed #78f7fb;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#process-four .cont .slide .li .i1-1 {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #2156f2;
  border: 4px solid #b2badd;
  position: absolute;
  top: 89%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  z-index: 2;
}

#process-four .cont .slide .li .i2 {
  width: 1px;
  height: 120px;
  border: 1px dashed #5790de;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

#process-four .cont .slide .li:nth-child(2n) .icon {
  top: auto;
  bottom: -30px;
}

#process-four .cont .slide .li .i3 {
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  background: #36d9fc;
  border-radius: 50%;
  top: 16.2%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#process-four .cont .slide .li.mt {
  top: 50%;
  padding: 95px 0 0;
}

#process-four .cont .slide .li.mt .i1 {
  bottom: auto;
  top: -12px;
  width: 25px;
  height: 25px;
}

#process-four .cont .slide .li.mt .i1:before {
  display: none;
}

#process-four .cont .slide .li.mt .i1-1 {
  top: -22%;
}

#process-four .cont .slide .li.mt .i2 {
  bottom: auto;
  top: 0;
  height: 52px;
}

#process-four .cont .slide .li.mt .i3 {
  border: 2px solid #b2b9d9;
  background: #262c55;
  top: 84%;
}

#process-four .cont .slide:hover .li .i1 {
  background: #fff;
  border-color: #fff;
}

#process-four .cont .slide:hover .li .i1-1 {
  display: block;
}

#process-four .cont .slide:hover .li .i1:before {
  display: none;
}

#process-four .cont .slide:nth-of-type(1) .li .txt {
  width: max-content;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

#process-four .cont .slide:nth-of-type(1) .li .year {
  top: -65%;
  left: 50%;
  transform: translateX(-50%);
}

#process-four .cont .slide:nth-of-type(1) .li,
#process-four .cont .slide:nth-of-type(5) .li,
#process-four .cont .slide:nth-of-type(9) .li {
  padding-top: 70px;
}

#process-four .cont .slide:nth-of-type(1) .li .i1-1,
#process-four .cont .slide:nth-of-type(5) .li .i1-1,
#process-four .cont .slide:nth-of-type(9) .li .i1-1 {
  top: -30%;
}

#process-four .cont .slide:nth-of-type(1) .li .i2,
#process-four .cont .slide:nth-of-type(5) .li .i2,
#process-four .cont .slide:nth-of-type(9) .li .i2 {
  height: 44px;
  bottom: 0;
  top: 20px;
}

#process-four .cont .slide:nth-of-type(2) .li .i1-1,
#process-four .cont .slide:nth-of-type(10) .li .i1-1,
#process-four .cont .slide:nth-of-type(12) .li .i1-1 {
  top: 88.5%;
}

#process-four .cont .slide:nth-of-type(2) .li .i2,
#process-four .cont .slide:nth-of-type(10) .li .i2,
#process-four .cont .slide:nth-of-type(12) .li .i2 {
  height: 110px;
  bottom: 0;
  top: 38px;
}

#process-four .cont .slide:nth-of-type(3) .li,
#process-four .cont .slide:nth-of-type(7) .li {
  padding-top: 130px;
}

#process-four .cont .slide:nth-of-type(3) .li .i1-1,
#process-four .cont .slide:nth-of-type(7) .li .i1-1 {
  top: -16.5%;
}

#process-four .cont .slide:nth-of-type(3) .li .i2,
#process-four .cont .slide:nth-of-type(7) .li .i2 {
  height: 100px;
  bottom: 0;
  top: 20px;
}

#process-four .cont .slide:nth-of-type(4) .li,
#process-four .cont .slide:nth-of-type(8) .li {
  padding-bottom: 90px;
}

#process-four .cont .slide:nth-of-type(4) .li .i1-1,
#process-four .cont .slide:nth-of-type(8) .li .i1-1 {
  top: 83.5%;
}

#process-four .cont .slide:nth-of-type(4) .li .i2,
#process-four .cont .slide:nth-of-type(8) .li .i2 {
  height: 60px;
  bottom: 0;
  top: 33%;
}

#process-four .cont .slide:nth-of-type(4) .li .i3,
#process-four .cont .slide:nth-of-type(8) .li .i3 {
  top: 23.2%;
}

#process-four .cont .slide:nth-of-type(11) .li,
#process-four .cont .slide:nth-of-type(13) .li {
  padding-top: 110px;
}

#process-four .cont .slide:nth-of-type(11) .li .i1-1,
#process-four .cont .slide:nth-of-type(13) .li .i1-1 {
  top: -20%;
}

#process-four .cont .slide:nth-of-type(11) .li .i2,
#process-four .cont .slide:nth-of-type(13) .li .i2 {
  height: 83px;
  top: 20px;
}

#process-four .more {
  margin: 30px auto 0;
  width: 119px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-family: APR;
}

#process-four .more:hover {
  background: #24b8fc;
  border-color: #24b8fc;
}

@media screen and (max-width: 750px) {
  #process-four {
    padding: 111px 0 38px;
    background: url(/static/images/process/m-process3.png) no-repeat center/cover;
  }

  #process-four .big-title {
    width: 84%;
    margin: 0 auto 30px;
    text-align: left;
  }

  #process-four .big-title .p1 {
    width: 100%;
    line-height: 61px;
    font-size: 50px;
    margin-bottom: 26px;
    color: #fff;
  }

  #process-four .big-title .p2 {
    width: 100%;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
  }

  #process-four .cont {
    display: none;
  }

  #process-four .m-cont {
    display: block;
  }

  #process-four .m-cont .box {
    height: 100%;
  }

  #process-four .m-cont .back {
    width: 100%;
    height: 64px;
    background: url(/static/images/process/m-process5.png) no-repeat center;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  #process-four .m-cont .container {
    height: 100%;
  }

  #process-four .m-cont .slide .li .txt {
    font-size: 20px;
    font-family: APR;
    background: url(/static/images/process/m-process6.png) no-repeat center / cover;
    padding: 22px 27px;
    border-radius: 15px;
  }

  #process-four .m-cont .slide {
    width: 100%;
  }

  /*#process-four .m-cont .slide:first-child{width: 32%;margin-left: 60px;}*/
  /*#process-four .m-cont .slide:nth-of-type(2){width: 27%;margin-left: 40px; padding-top: 322px ;}*/
  /*#process-four .m-cont .slide:nth-of-type(3){width: 24%; margin-right: 90px;}*/
  /*#process-four .m-cont .slide:nth-of-type(4){margin-left: 40px; padding-top: 63px;}*/

  #process-four .more {
    margin-top: 0;
    width: 256px;
    height: 58px;
    line-height: 58px;
    background: #0953ff;
    border: 1px solid #0953ff;
    font-size: 18px;
    font-family: APL;
  }
}

#part-five.process-five {
  padding: 90px 0 34px;
  color: #fff;
}

#part-five.process-five .big-title {
  margin-bottom: 30px;
}

#part-five.process-five .big-title .p1 {
  font-size: 34px;
  font-family: APR;
  margin-bottom: 24px;
  color: #000;
}

#part-five.process-five .big-title .p2 {
  font-size: 16px;
  font-family: APR;
  line-height: 26px;
  color: #3d485d;
}

#part-five.process-five .info {
  box-shadow: 0 4px 43px rgba(147, 155, 188, .26);
}

@media screen and (max-width: 750px) {
  #part-five.process-five {
    padding: 111px 0 38px;
  }

  #part-five.process-five .big-title {
    width: 90%;
    margin: 0 auto 67px;
    text-align: left;
  }

  #part-five.process-five .big-title .p1 {
    width: 100%;
    line-height: 61px;
    font-size: 50px;
    margin-bottom: 26px;
  }

  #part-five.process-five .big-title .p2 {
    width: 100%;
    line-height: 40px;
    font-size: 20px;
    color: #000000;
  }

  #part-five .more {
    margin-top: 57px;
    padding: 0;
    width: 256px;
    height: 58px;
    line-height: 58px;
    background: transparent;
    border: 1px solid #c8c8c8;
    font-size: 18px;
    font-family: APL;
  }
}

#part-six.process-six {
  background: #f3f5f8;
  max-height: 794px;
}

@media screen and (max-width: 750px) {
  #part-six.process-six {
    max-height: inherit;
  }

  #part-six.process-six .big-title {
    width: 90%;
    margin: 0 auto 67px;
    text-align: left;
  }

  #part-six.process-six .big-title .p1 {
    width: 100%;
    line-height: 61px;
    font-size: 50px;
    font-family: PFR;
    margin-bottom: 26px;
  }

  #part-six.process-six .big-title .p2 {
    width: 100%;
    line-height: 40px;
    font-size: 20px;
    font-family: APL;
    color: #000000;
  }

  #part-six.process-six .list .item,
  #part-six.process-six .list .item:hover {
    height: 297px;
  }

  #part-six.process-six .list .item {
    width: 46%;
    padding: 40px;
    background: #fff;
  }

  #part-six.process-six .list .item:nth-of-type(4n) {
    margin: 0 3.33% 35px 0;
  }

  #part-six.process-six .list .item .icon {
    margin-bottom: 20px;
  }

  #part-six.process-six .list .item .icon::before {
    display: none;
  }

  #part-six.process-six .list .item .brief {
    line-height: 33px;
    color: #3d485d;
  }

  #part-six.process-six .list .item:hover .brief {
    color: #fff;
  }

  #part-six .list .item .more {
    margin-top: 25px;
  }

  #part-six .list .item .more .i1 {
    display: inline-block;
  }

  #part-six .list .item .more .i2 {
    display: none;
  }

  #part-six .list .item:hover .more .i1 {
    display: none;
  }

  #part-six .list .item:hover .more .i2 {
    display: inline-block;
  }
}

#part-eight.process-eight {
  background: #fff;
}

@media screen and (max-width: 750px) {
  #part-eight.process-eight .big-title {
    text-align: left;
  }

  #part-eight.process-eight .big-title .p1 {
    width: 100%;
    line-height: 61px;
    font-size: 50px;
    font-family: PFR;
    margin-bottom: 26px;
  }

  #part-eight.process-eight .big-title .p2 {
    width: 100%;
    line-height: 40px;
    font-size: 20px;
    font-family: APL;
    color: #000000;
  }

  #part-eight .cont1 {
    margin-bottom: 40px;
  }

  #part-eight .cont1 .item {
    font-size: 20px;
  }

  #part-eight .btn-box .btn {
    top: 12px;
  }

  #part-eight .cont1 .item.swiper-slide-thumb-active {
    font-size: 20px;
  }
}

@media screen and (max-width: 750px) {
  #part-ten.process-ten .big-title {
    width: 80%;
    margin: 0 auto 82px;
  }
}

#message {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.7);
}

#message .cont .info {
  width: 480px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #E6EBF2;
  border-radius: 2px;
  border-radius: 2px;
  position: relative;
  padding: 2% 0;
  overflow-y: auto;
  height: 100vh;
  font-family: 'APR';
  font-size: 14px;
}

#message .cont .confirm-btn {
  width: 60px;
  display: block;
  line-height: 40px;
  border: 1px solid #004BFF;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-family: 'APR';
  font-size: 14px;
  color: #004BFF;
  margin: 8px auto 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#message .cont .confirm-btn:hover {
  background-color: #004BFF;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #message .cont .info {
    width: 100%;
    font-size: 26px;
  }

  #message .cont .confirm-btn {
    width: 150px;
    text-align: center;
    padding: 15px 0;
    font-size: 26px;
  }

  #pop-box.m-pop {
    background: #004ffb;
    padding: 24px 40px;
  }

  #pop-box.m-pop .m-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #pop-box.m-pop .m-box .left-txt {
    font-size: 24px;
    font-family: APL;
    color: #fff;
  }

  #pop-box.m-pop .m-box .right-btn {
    width: 159px;
    height: 48px;
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
    font-size: 18px;
    font-family: APL;
    color: #000000;
    background: linear-gradient(to bottom, #feda32, #fcb32b);
  }
}