@charset "UTF-8";
.w1280 {
  max-width: 1280px; }

.w1680 {
  max-width: 1680px; }

html, p, div, h1, h2, h3, h4, h5, h6, span {
  font-family: "Microsoft Yahei"; }

html {
  font-size: 62.5%; }

header {
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: saturate(180%) blur(5px);
  -webkit-backdrop-filter: saturate(180%) blur(5px); }

.btn_radius {
  border-radius: 2rem;
  font-size: 1.5rem; }

.logo {
  max-width: 18rem;
  width: 18rem; }

nav .nav_item > a {
  font-size: 1.7rem;
  color: #fff;
  display: inline-block;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  font-family: "Microsoft Yahei";
  letter-spacing: 0.1rem; }
  nav .nav_item > a:hover {
    text-decoration: none;
    color: #2b5ba4; }
    nav .nav_item > a:hover:after {
      opacity: 1;
      width: 100%; }
  nav .nav_item > a:after {
    content: "";
    display: block;
    height: 0.2rem;
    width: 100%;
    background-color: #2b5ba4;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }

.nav_item.active > a {
  color: #2b5ba4; }
  .nav_item.active > a:after {
    opacity: 1;
    width: 100%; }

nav > ul > li {
  margin-left: 5rem; }

nav .uk-dropdown {
  max-width: 12rem;
  min-width: 12rem;
  padding: 1.5rem;
  background: #fff; }

.nav_sub {
  padding: 0;
  margin: 0;
  text-align: center; }
  .nav_sub li {
    list-style: none; }
    .nav_sub li a {
      color: #000;
      display: block;
      text-align: center;
      font-size: 1.4rem;
      padding: 0.5rem 0;
      font-family: "Microsoft Yahei"; }
      .nav_sub li a:hover {
        text-decoration: none;
        color: #2b5ba4; }

.search_form form {
  position: relative; }
.search_form p {
  margin: 0; }
.search_form input {
  border: #fff 1px solid !important;
  border-radius: 4rem;
  height: 4rem;
  line-height: 4rem;
  color: #000;
  padding-left: 2rem; }
  .search_form input:focus {
    background-color: #fff !important; }
.search_form .search_button {
  position: absolute;
  right: 0;
  top: 48%;
  transform: translateY(-50%);
  border: none;
  background: none;
  margin-right: 1rem;
  display: inline-block;
  font-size: 1.4rem; }
  .search_form .search_button:focus {
    border: none;
    outline: none; }

.language {
  color: #fff;
  font-size: 1.4rem; }
  .language span {
    display: inline-block;
    transform: translateY(1px); }
  .language a:hover {
    text-decoration: none; }

/**  header 高亮状态  **/
header.active, header:hover {
  background-color: #fff; }
  header.active a, header:hover a {
    color: #000 !important; }
  header.active .nav_item.active a, header:hover .nav_item.active a {
    color: #2b5ba4; }
  header.active .nav_item:after, header:hover .nav_item:after {
    background-color: #2b5ba4; }
  header.active .search_form .search_field, header:hover .search_form .search_field {
    border: #000 1px solid !important;
    border-radius: 4rem;
    color: #000; }
  header.active .language, header:hover .language {
    color: #000; }

.btn_color {
  color: #fff;
  background-color: #2b5ba4;
  transition: all 0.3s; }
  .btn_color:hover {
    background-color: #486fac;
    color: #fff !important; }

.doer_slider_nav {
  padding: 0; }
  .doer_slider_nav li {
    list-style: none;
    margin: 0 1rem; }
    .doer_slider_nav li.uk-active a {
      background-color: #2b5ba4; }
  .doer_slider_nav a {
    display: block;
    width: 8rem;
    height: 0.4rem;
    background-color: #ddd; }

.index_banner {
  margin-top: -8.4rem; }

.sec_title {
  font-size: 5rem;
  font-weight: bold;
  color: #2b5ba4; }

.sec_title2 {
  font-size: 3.6rem;
  font-weight: bold;
  color: #2b5ba4; }

.sec_title3 {
  font-size: 3rem;
  font-weight: bold;
  color: #2b5ba4; }

.sec_title_en {
  font-size: 6rem;
  line-height: 6.6rem;
  color: rgba(0, 0, 0, 0.08); }

.plant {
  position: relative;
  z-index: 3; }
  .plant .uk-card h3 {
    font-size: 1.7rem; }
  .plant .uk-card p {
    font-size: 1.5rem; }
  .plant .uk-card a {
    font-size: 1.5rem; }
    .plant .uk-card a i {
      transition: all 0.4s; }
    .plant .uk-card a:hover {
      color: #2b5ba4; }
      .plant .uk-card a:hover i {
        transform: translateX(10px); }

.sec_about {
  background-image: url(../images/img58.png);
  background-repeat: no-repeat;
  background-position: left top; }
  .sec_about h3 {
    font-size: 2.4rem;
    color: #000; }
  .sec_about p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #333; }
  .sec_about .uk-button {
    font-size: 1.6rem; }

.about_pics {
  border: #f0f0f0 1px solid;
  border-radius: 2rem;
  overflow: hidden;
  background: linear-gradient(0deg, #d7eeff, #ffffff); }
  .about_pics figcaption {
    padding: 2rem 3rem; }
    .about_pics figcaption h3 {
      font-size: 2.4rem;
      color: #2b5ba4;
      font-weight: bolder;
      margin-bottom: 1rem; }
    .about_pics figcaption p {
      color: #333;
      font-size: 1.6rem;
      margin-bottom: 0;
      margin-top: 0; }

.img_transition {
  overflow: hidden; }
  .img_transition img {
    transition: all 0.4s; }
  .img_transition:hover img {
    transform: scale(1.05); }

.sec_tech {
  background: linear-gradient(135deg, #ffffff 0%, #d1e9f0 50%, #e8f4f8 100%);
  position: relative;
  overflow: hidden; }
  .sec_tech:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/loadbg.svg);
    z-index: 1; }

/* 网格闪烁动画 */
@keyframes gridPulse {
  0%, 100% {
    opacity: 0.4; }
  50% {
    opacity: 1; } }
.sec_news {
  background: linear-gradient(135deg, #e3f2fd, #ffffff); }
  .sec_news figcaption {
    margin-top: 1.5rem;
    border-bottom: #dedede 1px solid;
    padding-bottom: 2rem; }
    .sec_news figcaption h4 {
      margin-bottom: 0; }
      .sec_news figcaption h4 a {
        font-size: 1.8rem;
        color: #000; }
        .sec_news figcaption h4 a:hover {
          text-decoration: none;
          color: #2b5ba4; }
    .sec_news figcaption p {
      font-size: 1.6rem;
      color: #333; }
    .sec_news figcaption .uk-button {
      margin-left: 1.5rem; }

.news_list_date {
  min-width: 28rem; }

footer {
  background-color: #0168a2;
  background-image: url(../images/World_Map.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  padding-top: 6rem;
  padding-bottom: 3rem; }
  footer dt {
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: 2rem; }
  footer dd {
    margin-bottom: 0.8rem; }
    footer dd a {
      font-size: 1.6rem;
      color: #444;
      font-weight: 100;
      display: block; }
      footer dd a:hover {
        text-decoration: none;
        color: #2b5ba4; }

address h4 {
  font-size: 1.8rem;
  color: #fff;
  margin: 0; }
address p {
  font-size: 1.4rem;
  color: #fff;
  margin-top: 1.5rem;
  margin-bottom: 0; }

.copyright {
  margin-top: 2rem;
  font-size: 1.4rem;
  color: #ddd; }

.padding-xlarge {
  padding: 12rem 7rem; }

.h600 {
  height: 60rem; }

.h400 {
  height: 40rem; }

.page_banner h2 {
  font-size: 2.4rem;
  line-height: 3.8rem; }
.page_banner h1 {
  font-size: clamp(2.4rem, 10vw, 11rem);
  font-weight: bold;
  font-family: "宋体";
  letter-spacing: 1.5rem; }

.page_banner_cover {
  background: linear-gradient(45deg, rgba(84, 117, 182, 0.9), transparent), radial-gradient(circle, rgba(17, 94, 184, 0.3), transparent); }

.h_banner {
  height: calc(100vh - 86px); }
  .h_banner h2 {
    font-size: 4.2rem;
    line-height: 6rem;
    font-family: "宋体"; }

.tech_content p {
  font-size: 2.8rem;
  color: #000;
  line-height: 4rem; }

.tech_panel {
  background: linear-gradient(45deg, rgba(29, 117, 186, 0.1), transparent);
  padding: 9rem 4rem; }
  .tech_panel h2 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #2b5ba4;
    position: relative;
    margin-bottom: 6rem;
    font-family: "宋体"; }
    .tech_panel h2:after {
      content: "";
      display: block;
      width: 19rem;
      height: 0.1rem;
      background-color: #2b5ba4;
      position: absolute;
      left: 0;
      bottom: -2rem; }
  .tech_panel p {
    font-size: 1.8rem;
    color: #333; }

.about_pic_radius {
  border-radius: 2rem;
  overflow: hidden; }

/** about_text **/
.about_text p {
  font-size: 1.6rem;
  color: #000; }

.about_info {
  text-align: center;
  margin-top: 5rem; }
  .about_info h3 {
    font-weight: bold;
    color: #2b5ba4;
    font-size: 5.4rem;
    margin-bottom: 4rem; }
  .about_info p {
    font-size: 2.8rem;
    font-weight: bold;
    color: #2b5ba4;
    letter-spacing: 0.3rem; }

.product_list {
  margin-top: 4rem; }
  .product_list .uk-panel {
    background: linear-gradient(135deg, #e3f2fd, #fff);
    padding: 3rem; }
    .product_list .uk-panel h2 {
      font-size: 2.4rem;
      font-weight: bold;
      color: #2b5ba4; }
    .product_list .uk-panel p {
      color: #333;
      font-size: 1.6rem;
      line-height: 2.8rem; }

.news_list {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.xueshu {
  padding-top: 4rem;
  padding-bottom: 8rem; }

.xueshu_list figure {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: #ddd 1px solid;
  position: relative; }
.xueshu_list h3 {
  margin-bottom: 1rem; }
  .xueshu_list h3 a {
    font-size: 1.8rem;
    color: #000;
    font-weight: bold; }
.xueshu_list p {
  font-size: 1.6rem;
  color: #666;
  margin: 0; }
.xueshu_list .xueshu_date {
  margin-top: 1rem;
  font-size: 1.6rem;
  color: #333; }

.uk-article-meta {
  font-size: 1.6rem;
  margin-bottom: 3rem;
  color: #333; }

.article_content h1 {
  font-size: 3.2rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 1rem; }
.article_content p {
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: #333; }

article img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/** 分页 **/
.pagination {
  text-align: center;
  margin-top: 3rem; }
  .pagination span {
    display: inline-block;
    font-size: 1.6rem;
    color: #000;
    padding: 0.5rem 1.2rem;
    margin: 0 0.2rem; }
  .pagination a {
    display: inline-block;
    font-size: 1.6rem;
    color: #000;
    padding: 0.5rem 1.2rem;
    margin: 0 0.2rem; }
    .pagination a:hover {
      text-decoration: none;
      color: #fff;
      background-color: #486fac; }
  .pagination .page_current {
    background-color: #2b5ba4;
    color: #fff; }

.breadcrumb {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .breadcrumb a {
    font-size: 1.4rem; }
  .breadcrumb span {
    font-size: 1.4rem; }

.related_news h2 {
  color: #2b5ba4; }
  .related_news h2:before {
    border-left-color: #2b5ba4; }

.join_content p {
  font-size: 1.6rem;
  color: #000;
  line-height: 3rem; }

/** job_table **/
.job_table {
  margin-top: 6rem; }
  .job_table thead {
    background-color: #2b5ba4; }
    .job_table thead th {
      color: #fff;
      text-align: center;
      font-size: 1.6rem; }
  .job_table tbody td {
    font-size: 1.4rem;
    color: #000; }

.go_back a {
  font-size: 1.6rem; }

.job_content {
  font-size: 1.6rem; }
  .job_content h1 {
    font-weight: bold;
    color: #000; }
  .job_content p {
    line-height: 2.8rem;
    color: #333;
    margin: 0; }
  .job_content h3 {
    font-weight: bold;
    color: #000; }

/** contact_box  **/
.contact_box {
  margin-top: 3rem; }
  .contact_box h1 {
    margin-bottom: 3rem; }
  .contact_box p {
    font-size: 1.6rem;
    color: #000;
    margin-top: 0;
    margin-bottom: 1.5rem; }

.ewm_box {
  max-width: 16rem;
  text-align: center; }
  .ewm_box h6 {
    margin-top: 1.4rem;
    font-size: 1.5rem; }

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  border-color: #2b5ba4; }

.contact_form input {
  font-size: 1.4rem;
  border-radius: 2rem;
  padding-left: 1.5rem; }
.contact_form textarea {
  font-size: 1.4rem;
  border-radius: 2rem;
  padding-left: 1.5rem; }
.contact_form button {
  font-size: 1.4rem; }

/*** 手机版 ***/
@media (max-width: 960px) {
  .mobile_header {
    background-color: #fff; }

  .mobile_logo {
    margin: 10px 0; }

  .mobile-menu {
    width: 54px;
    height: 54px;
    position: relative;
    display: block;
    background: none;
    border: none; }

  .menu-i {
    height: 3px;
    right: 0px;
    position: absolute;
    border-radius: 1px;
    font-style: normal;
    background-color: #333;
    display: block;
    transition: all 0.5s; }

  .menu-i-1 {
    width: 25px;
    top: 18px; }

  .menu-i-2 {
    width: 15px;
    top: 26px; }

  .menu-i-3 {
    width: 25px;
    top: 34px; }

  .mobile-menu-on {
    z-index: 1001; }

  .mobile-menu-on .menu-i-1 {
    transform: translateY(8px) rotate(45deg);
    background-color: #000; }

  .mobile-menu-on .menu-i-2 {
    opacity: 0; }

  .mobile-menu-on .menu-i-3 {
    transform: translateY(-8px) rotate(-45deg);
    background-color: #000; }

  .nav-open-noscroll {
    overflow: hidden !important;
    height: 100%; }

  .mobile-nav-model {
    background: #fff;
    width: 100vw;
    height: calc(100vh - 54px);
    position: absolute;
    top: 54px;
    left: 0;
    display: none;
    box-shadow: none !important;
    z-index: 1000;
    overflow-y: auto; }

  .mobile-nav-model .uk-close {
    color: #000; }

  .m-body {
    height: calc(100vh - 54px);
    padding-top: 54px;
    overflow-y: auto;
    background-color: #fff; }

  .m-body .uk-nav-default {
    padding-left: 0;
    transform: translateY(-30px); }

  .m-body .uk-nav-default > li {
    list-style: none;
    transition: all;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 400ms ease,-webkit-transform 400ms ease;
    transition: opacity 400ms ease,-webkit-transform 400ms ease;
    -o-transition: transform 400ms ease,opacity 400ms ease;
    transition: transform 400ms ease,opacity 400ms ease;
    transition: transform 400ms ease,opacity 400ms ease,-webkit-transform 400ms ease; }

  .m-body .uk-nav-default > li > a {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: 100; }

  .mnav-li-visible {
    opacity: 1 !important;
    transform: translateY(0) !important; }

  .m-body .uk-nav-sub li a {
    padding: 10px 20px; }

  .m-body .uk-nav-sub {
    background-color: #f8f8f8; }

  html {
    font-size: 46%; }

  .uk-padding-large {
    padding: 2rem; }

  .padding-xlarge {
    padding: 5rem 0; }

  .btn_radius {
    border-radius: 3rem; }

  .sec_title_en {
    font-size: 3rem;
    line-height: 3rem; }

  .sec_title {
    margin-bottom: 0; }

  .uk-button {
    padding: 0 20px;
    line-height: 28px; }

  .sec_title2 {
    font-size: 3.2rem;
    margin-top: 2rem; } }

/*# sourceMappingURL=style.css.map */
