/*  */
.home-swiper, .section-content{ height: 100vh; }

/*  */
/* 右侧分页 */
.right-navigate{ display: flex; font-size: 20px; left: auto; width: 5.6em; right: 0; top: 0; z-index: 9; height: 100vh; border-left: 1px solid rgba(255, 255, 255, .2); }
.right-navigate .navigate-item { width: .4em; height: .4em; background: #a6aaac; margin-bottom: 1.6em; }
.right-navigate .navigate-item:last-of-type { margin-bottom: 0; }
.right-navigate .navigate-item.active { background: #fff; }
.right-navigate .navigate-item::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.5); width: 1.4em; height: 1.4em; border-radius: 50%; border: 1px solid #fff; opacity: 0; transition: .6s all; }
.right-navigate .navigate-item.active::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.right-navigate.deep .navigate-item.active { background: #006FBC; }
.right-navigate.deep .navigate-item.active::after { border: 1px solid #006FBC; }
/* 右侧分页 */

/* banner */
.banner-swiper{ width: 100vw; }
.banner-swiper .banner-item{ height: 100vh; width: 100vw; }
.banner-swiper .banner-item .banner-pic{ height: 100%; width: 100%; object-fit: cover; }
.banner-swiper .banner-item .banner-text{ left: 50%; transform: translateX(-50%); bottom: 275px; width: 100%; }
.banner-swiper .banner-item .banner-text .banner-total{ color: #a1afbb; }
.banner-swiper .banner-item .banner-text .banner-item-title{ margin-top: 12px; }
.banner-swiper .swiper-pagination{ font-size: 20px; left: 50%; transform: translateX(-50%); bottom: 8.3em; }
.banner-swiper .swiper-pagination .swiper-pagination-bullet{ width: 2.5em; height: 2px; background: rgba(255, 255, 255, .3); opacity: 1; position: relative; }
.banner-swiper .swiper-pagination .swiper-pagination-bullet::after{ content: ''; transition: .3s all; background: #fff; width: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ width: 100%; }
.right-navigate .scroll-pic{ font-size: 20px; width: 5.6em; height: 3.6em; right: 0; bottom: 2em; z-index: 2; }
.right-navigate .scroll-pic .indicator { width: 36px; height: 37px; background: url(/statics/home/images/indicator.png); animation: indicatorAni 1s steps(31) infinite; }

@keyframes indicatorAni {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 -1147px;
  }
}


.banner-item{ height: 100vh; width: 100vw; }
.banner-item>img{ height: 100vh; width: 100%; object-fit: cover; }

.banner-swiper .banner-item .banner-text .banner-item-title.banner-title-pc {display: block; width: 90%;}
.banner-swiper .banner-item .banner-text .banner-item-title.banner-title-mo {display: none;}

.banner-swiper .banner-item .banner-text .banner-en-pc {display: block;}
.banner-swiper .banner-item .banner-text .banner-en-mo {display: none;}
.banner-swiper .banner-item .banner-pic.banner-pic-pc { display: block; }
.banner-swiper .banner-item .banner-pic.banner-pic-mo { display: none; }

@media (max-width: 500px) {
  .banner-swiper .banner-item .banner-pic.banner-pic-pc { display: none; }
  .banner-swiper .banner-item .banner-pic.banner-pic-mo { display: block; }
  .banner-swiper .banner-item .banner-text .banner-item-title.banner-title-pc {display: none;}
  .banner-swiper .banner-item .banner-text .banner-item-title.banner-title-mo {display: block; font-size: 28px;}

  .banner-swiper .banner-item .banner-text .banner-en-pc {display: block;}
  .banner-swiper .banner-item .banner-text .banner-en-mo {display: none;}
}

/* banner */

/* about us */
/* .index-about { height: 100vh; } */
.index-about{ font-size: 20px; overflow: hidden; }
.about-text-box{ z-index: 9; }
.index-about .index-about-text { width: 27.4em; }
.index-about .advantage { padding-top: 2.7em; }
.index-about .advantage-item { color: #006FBC; font-weight: bold; margin-right: 2.7em; }
.index-about .advantage-item .advant-number{ line-height: 1; font-weight: 500; }
.index-about .advantage-item .advant-number::after { content: attr(data-item); color: #9a9a9a; font-size: 16px; top: 0; position: absolute; transform: translate( 6px, -4px); }
.index-about .advantage-item .advantage-desc { margin-top: .8em; }
.index-about .link-btn{ margin-top: 3.6em; }
/* .index-about-pic-wrap{ position: absolute; right: 0; top: 0; width: 47.5em; height: 100%; } */

/*.index-about-pic-wrap{ position: absolute; right: 0; top: 0; width: auto; height: 100%; }*/
/*.index-about .index-about-pic{ height: 100%; }*/
/*.index-about .index-about-bg { width: auto; height: 100%; max-width: none; top: 0; right: 0; z-index: 1; }*/
/*.index-about .index-about-bg>img { height: 100%; }*/
/*.index-about .index-about-bg01 { z-index: 2; left: -1.8em; width: 50em; }*/
/*.index-about .index-about-bg01::after { content: ''; display: block; width: 50em; padding-bottom: 95%; }*/
/*.index-about .index-about-bg01 .index-about-pic { position: absolute; width: 100%; top: 0; left: 0; }*/
/*.index-about .index-about-bg02 { left: -3.3em; }*/
/*.index-about .index-about-pic { z-index: 3; }*/
.index-about-pic-wrap {position:absolute;right:0;top:0;width:100vh;height:100vh;transition: all .3s;}
.index-about .index-about-pic {position:absolute;right:0;top:50%;z-index:3;width:200%;height:200%;max-width:none;border-radius:50%;transform:translate(50%,-50%);overflow:hidden;}
.index-about .index-about-pic img {width:100%;height:100%;}
.index-about .index-about-pic .pc {display: block;}
.index-about .index-about-pic .mo {display: none;}
.index-about .index-about-bg {position:absolute;right:0;top:50%;transform:translate(50%,-50%);border-radius:50%;}
.index-about .index-about-bg01 {z-index:2;width:207%;height:207%;background:#006fbc;}
.index-about .index-about-bg02 {z-index:1;width:214%;height:214%;background:#b0d2ea;}
.index-about .about-circle-pic {position:absolute;display:block;right:0;top:50%;transform:translate(50%,-50%);z-index:-1;width:400%;max-width:none;animation:rotateTest 30s linear infinite;}
.index-about .about-circle-pic { position: absolute; display: block; right: 0; top: 50%; transform: translate(50%, -50%); z-index: 0; width: 400%; max-width: none; animation: rotateTest 30s linear infinite; }
@keyframes rotateTest {
  0%{
    transform: translate(50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
  }
}
@media (max-width: 1024px) {
  .index-about .index-about-pic .pc {display: none;}
  .index-about .index-about-pic .mo {display: block;}
}
/* about us */

/* 专业领域 */
.index-field { font-size: 20px; padding-bottom: 5em; }
.index-field .link-btn{ justify-content: center; margin-top: 2.6em; }
.index-field .index-field-title{ color: rgba(255, 255, 255, .6); }
.index-field .index-section-title{ margin-top: 14px; line-height: 1.2; }

.field-swiper .field-nav{ bottom: 5em; width: 100%; z-index: 2; font-size: 20px; }
.field-swiper .field-item{ width: 5em; left: 0; top: 0; right: 0; bottom: 0; margin-right: 2em; cursor: pointer; }
.field-swiper .field-item:last-of-type{ margin-right: 0; }
.field-swiper .field-item-pic{ width: 100%; height: 5em; left: 0; top: 0; right: 0; bottom: 0; margin-bottom: 1.2em; }
.field-swiper .field-item .field-item-content { width: 2.2em; }
.field-swiper .field-item-pic .circle { width: 6em; max-width: none; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.8); }
.field-swiper .field-item-pic .circle-active{ width: 6em; max-width: none; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.8); opacity: 0; }
.field-swiper .field-item:hover .field-item-pic .circle{ transform: translate(-50%, -50%) scale(.8); opacity: 0; }

.field-swiper .field-item:hover .field-item-pic .circle-active,
.field-swiper .field-item.active .circle-active{ transform: translate(-50%, -50%) scale(1); opacity: 1; }
.field-swiper .field-item.active .circle { transform: translate(-50%, -50%) scale(.8); opacity: 0 }

.field-swiper .field-item-mo { display: none; }
.field-swiper .field-nav-pc{display: flex;}
.field-swiper .field-nav-mo{display: none;}
/* 专业领域 */
/* 项目 */
.project-section{ width: 100%; font-size: 20px; padding-top: 9em; padding-bottom: 5em; }
.project-section .project-item-pic{ width: 100%; overflow: hidden;  }
.project-section .project-item-pic::after{ content: ''; width: 100%; padding-bottom: 60%; display: block; }
.project-section .project-pic{ position: absolute; width: 100%; height: 100%; display: block; transition: all .3s; }
.project-section .project-swiper{ padding-top: 2.5em; }
.project-section .project-item-title{ padding-top: .8em; }
.project-section .project-item:hover .project-pic { transform: scale(1.1) }
.project-section .project-slide:hover .project-item-title { color: #0a84ff; }
.project-section .project-button { top: 34%; width: 40px; height: 40px; border-radius: 50%; margin-top: 0; color: #fff; background: rgba(0,0,0,.6); }
.project-section .project-button:after { font-size: 20px; }
.project-section .project-button.swiper-button-disabled { opacity: 0; }
.project-section .project-next { right: 1%; }
.project-section .project-prev { left: 1%; }

.project-section .project-pagination{ padding: 3em 0 3.6em; }
.project-section .project-pagination .swiper-pagination-bullet{ width: 2.5em; height: 2px; background: #fff; border-radius: 0; opacity: 1; position: relative; }
.project-section .project-pagination .swiper-pagination-bullet::after{ content: ''; transition: .3s all; background: #006FBC; width: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.project-section .project-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ width: 100%; }


.project-tags-content{ overflow-x: auto; overflow-y: hidden; }
.project-section .project-tag{ min-width: 7.7em; cursor: pointer; margin-right: 1em; border: 1px solid #E8E8E8; height: 2.7em; min-height: 45px; border-radius: 1.5em; overflow: hidden; z-index: 1; color: #333; font-size: 1em; background: #fff; }
.project-section .project-tag:last-of-type{ margin-right: 0; }
.project-section .project-tag.active{ color: #fff; background-color: #006fbc; border: 0; }
.project-section .project-tag::after{ content: ''; position: absolute; top: 0; left: 50%; z-index: 2; transform: scale(.6) translate(-50%, 100%); width: 100%; padding-bottom: 35%; background: url(/statics/home/images/index-project-active.png) no-repeat center; }
.project-section .project-tag.active::after{ transform: scale(1) translate(-50%, 0); }
.project-section .project-tag.disabled { cursor:not-allowed; pointer-events: none; }
@media (max-width: 1081px) {
  .project-section .project-tag { font-size: .89em; }
}
/* 项目 */

/* 新闻中心 */
.index-news-center{ font-size: 20px; padding-top: 1.8em; }
.news-recommond{ width: 60%; padding-right: 5em; }
.news-recommond .news-recommond-pic-box{ width: 100%; overflow: hidden; }
.news-recommond-pic-box::after{ content: ''; display: block; width: 100%; padding-bottom: 54.48%; }
.news-recommond-pic-box .news-recommond-pic{ width: 100%; height: 100%; object-fit: cover; position: absolute; }
.news-recommond .news-recommond-time{ color: #adadad; line-height: 3; }
.news-recommond .news-recommond-title{ line-height: 1.42; margin-bottom: .7em; }
.news-recommond:hover .news-recommond-pic { transform: scale(1.1) }
.news-recommond:hover .news-recommond-title { color: #0a84ff; }

.index-news-center .news-center-list{ width: 40%;}
.index-news-center .news-center-list .news-center-item{ padding: 1.5em 0; border-bottom: 1px solid #d6d6d6; }
.index-news-center .news-center-list .news-center-item:first-of-type { border-top: 1px solid #d6d6d6; }
.index-news-center .news-center-list .news-center-item .news-center-item-title{ width: 24.2em; line-height: 1.6; }
.index-news-center .news-center-list .news-center-item .news-center-item-time{ color: #878787; }
.index-news-center .news-center-list .news-center-item:hover .news-center-item-title { color: #0a84ff; }

/* 新闻中心 */
/* 招聘 */
.recruitment-content{ font-size: 20px; padding-bottom: 3.5em; }
.recruitment-title-box .recruitment-title-desc{ color: rgba(255, 255, 255, .8); padding-top: .5em; }
.recruitment-type{ width: 60%; padding-top: 9em; margin: 0 auto; justify-content: space-between; }
.recruitment-type .iconfont { margin-bottom: .2em; font-size: 2.7em; }
.recruitment-type .link-btn{ padding-top: 1.2em; }
/* 招聘 */
@media (max-width: 1367px) {
  .recruitment-section-bg { background-position: 81% center; }
  .index-about-pic-wrap { top: auto; bottom: 0; width: 70vh; height: 70vh; }
  .banner-swiper .banner-item .banner-text {left:0;bottom:30vh;transform:translateX(0);}

  .right-navigate .scroll-pic { font-size: 18px; }
  .field-swiper .field-nav { font-size: 15px; }
  .field-swiper .field-nav .field-item-title{ font-size: 16px; }

  .project-section{ font-size: 18px; }
  .project-section .main-layout { padding: 0  5.6em; }

  .recruitment-content{ font-size: 15px; }
  .recruitment-type{ padding-top: 6em; }
  .recruitment-type .recruitment-type-name{ font-size: 24px; }

  .index-about{ display: flex; flex-direction: column-reverse; justify-content: center; align-items: flex-end; }
  /*.index-about-pic-wrap{ position: relative; height: auto; width: 60%; }*/
  /*.index-about-pic-wrap {top:auto;width:90vh;height:90vh;}*/


  .project-section .project-swiper { padding-top: 1em; }
  .project-section .project-pagination { padding: 1em 0 1.5em; }

  /*.news-recommond .news-recommond-pic-box { width: 50%; }*/
  .news-recommond .news-recommond-title { font-size: 20px; }
  .index-news-center .news-center-list .news-center-item { padding: 1em 0; }
  .field-swiper .field-item { width: 8em; }
}
@media (max-width: 1081px) {
  .banner-swiper .swiper-pagination { bottom: 4em; }
  .banner-swiper .banner-item .banner-text { bottom: 15vh; }
  .index-news-center .news-center-list .news-center-item { padding: 1em 0; }
  .index-news-center .news-center-list .news-center-item .news-center-item-title { width: 80%; font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
}
@media (max-width: 1024px) {
  .right-navigate{ border-left: 0; }
  .right-navigate .scroll-pic { font-size: 15px; }
  .banner-swiper .banner-item .banner-text { bottom: 18vh; }
  .banner-swiper .swiper-pagination {bottom: 5.6em;}
  /*.index-about .about-circle-pic{ width: 420%; }*/
  .index-about-pic-wrap {width:66vh;height:66vh;top:80%;}
  .index-news-center{ flex-direction: column; }
  .index-news-center .news-recommond{ margin-right: 0; width: 100%; display: flex; }
  .index-news-center .news-center-list{ width: 100%; margin-top: 30px;}

  .project-section{ padding-top: 3em; }
  .mobile-text{ width: 50%; margin-left: 30px; }
}

@media (max-width: 768px) {
  .right-navigate, .right-navigate .scroll-pic{ width: 3.6em; font-size: 15px; }
  .banner-swiper .banner-item .banner-text{ bottom: 14vh; }

  .project-header-title-cn { font-size: 36px; }
  .project-header-title-en { font-size: 20px; }
  .project-section .project-item-title{ font-size: 16px; }

  .news-recommond .news-recommond-title{ font-size: 18px; }
  .index-news-center .news-center-list .news-center-item .news-center-item-title{ width: 100%; font-size: 14px; }
  .index-news-center .news-center-list .news-center-item .news-center-item-time{ font-size: 12px; }
}

@media (max-width: 500px) {
  .project-section .main-layout { padding: 0 30px; }
  .banner-swiper .swiper-pagination {bottom: 2em;}
  .index-about { font-size: 15px; }
  .index-about .index-about-text{ width: 100%; }
  .index-about .index-about-text .index-about-title{ font-size: 26px; }
  .index-about .advantage-item .advant-number{ font-size: 18px; }
  .index-about .advantage-item{ margin-bottom: 1.2em; margin-right: 2em; }
  .index-about .advantage-item .advant-number::after{ font-size: 12px; }
  .index-about .advantage-item .advant-number{ font-size: 24px; }
  .index-about .advantage-item .advantage-desc { margin-top: 0.3em; }
  .index-about .link-btn{ margin-top: 2em; font-size: 16px; }
  .index-news-center .news-recommond{ margin-right: 0; width: 100%; display: block; }

  .about-text-box {justify-content:flex-start;margin-top:15vh;}
  .index-about-pic-wrap {width:50vh;height:50vh;top:89%;}


  .index-field{ padding-bottom: 0; }
  .index-field .index-section-title{ font-size: 26px; }
  .index-field .index-field-title{ font-size: 18px; }
  .field-swiper .field-nav-pc{display: none;}
  .field-swiper .field-nav-mo{display: block;}
  .field-swiper .field-nav-mo::before,
  .field-swiper .field-nav-mo::after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,.3); }
  .field-swiper .field-nav-mo::before { top: 0; }
  .field-swiper .field-nav-mo::after { bottom: 0; }
  .field-swiper .field-item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 110px; padding: 3% 2%; margin-right: 0; border-left: 1px solid rgba(255,255,255,.3); opacity: .6; }
  .field-swiper .field-item:last-child { border-right: 1px solid rgba(255,255,255,.3); }
  .field-swiper .field-item::before { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #fff; opacity: 0; transition: all .3s; }
  .field-swiper .field-item.swiper-slide-active,
  .field-swiper .field-item.swiper-slide-active::before { opacity: 1; }
  .field-swiper .field-item-pic { width: 22px; height: 22px; margin-bottom: 0; }
  .field-swiper .field-item .field-item-content { width: 100%; height: 100%; object-fit: contain; }
  .field-swiper .field-nav-mo .field-item-title { font-size: 11px; margin-top: 6px; }

  .field-swiper .link-btn { font-size: 16px; }
  .field-swiper .field-item-mo { display: block; margin: 0 auto; }
  .field-swiper .field-item-mo .field-item-content { width: 1.2em; }
  .field-swiper .field-item-mo .field-item-pic { margin-bottom: 0; }
  .field-swiper .field-item-mo .field-item-pic .circle { width: 2em; }
  .field-swiper .field-item-mo .field-item-pic .circle-active { width: 4em; }



  .project-header-title-cn { font-size: 18px; }
  .project-header-title-en { font-size: 14px; }

  .project-section .link-btn .link-btn-text{ display: none; }
  /*.project-section .link-btn .circle{ width: 30px; height: 30px; }*/
  .project-section .project-item-title{ font-size: 14px; }
  .project-section .project-tag{ min-width: 6.7em; min-height: 36px; font-size: 14px; }
  .project-section .project-pagination { padding: 2em 0 3em; }

  .index-news-center .news-center-list {  margin-top: 1em; }
  .index-news-center .news-center-list .news-center-item { flex-direction: column; align-items: flex-start; padding: 10px 0; }
  .index-news-center .news-center-list .news-center-item .news-center-item-time { margin-top: 0.5em; }
  .index-news-center .news-center-list .news-center-item:last-of-type { display: none; }


  .mobile-text{ width: 100%; margin-left: 0; }
  .index-news-center .news-recommond{ padding-right: 0; }

  .recruitment-title-box h2 { font-size: 28px; }
  .recruitment-title-box .recruitment-title-desc { font-size: 16px; }
  .recruitment-type{ width: 86%; }
  .recruitment-type .recruitment-type-name { font-size: 20px; }
  .recruitment-type .link-btn { font-size: 14px; }
  /*.recruitment-type .link-btn .circle { width: 2.2em; height: 2.2em; }*/

  .link-btn:hover .link-btn-text .text-box {transform:none;}
  .link-btn:hover .circle__inner--yellow {transform:none;opacity:1;}
  .link-btn:hover .circle__inner--bordered {transform:none;opacity:0;}
  .link-btn:hover .circle__arrow--yellow {transform:none;opacity:0;}
  .link-btn:hover .circle__arrow--black {transform:none;opacity:1;}
}<!--耗时1755676734.1318秒-->