@charset "UTF-8";
html {
  font-size: 62.5%; }

.uk-container {
  max-width: 1460px; }

header {
  padding: 2.6rem 0; }

nav ul {
  padding: 0;
  margin-bottom: 0; }
nav li {
  list-style: none;
  display: inline-block; }
nav a {
  color: #000;
  font-size: 1.6rem;
  padding: 2rem; }
  nav a:hover {
    text-decoration: none;
    color: #4e50a5; }

nav .active a {
  color: #4e50a5; }

.nav_search {
  margin-right: 3rem;
  margin-left: 3rem; }

.nav_tel span {
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 2rem;
  color: #000;
  font-family: oplusSans; }

.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;
  border-bottom: #ddd 1px solid; }

.m-body .uk-nav-default > li > a {
  padding: 15px 20px;
  font-size: 18px; }

.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; }

.pos_center {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 19; }

.index_banner_title {
  top: 50%; }
  .index_banner_title h2 {
    font-size: 5rem;
    color: #fff;
    font-weight: bold;
    margin: 0; }

.slideshow_navigation {
  bottom: 20%; }
  .slideshow_navigation ul {
    padding: 0;
    margin: 0; }
  .slideshow_navigation li {
    list-style: none;
    display: inline-block;
    margin-right: 0.5rem; }
  .slideshow_navigation a {
    display: block;
    height: 0.4rem;
    width: 15rem;
    border-radius: 0.5rem;
    background-color: rgba(255, 255, 255, 0.3); }
  .slideshow_navigation li.uk-active a {
    background-color: #fff; }

.s_title_h1 {
  font-size: 4rem;
  color: #000;
  font-weight: bold; }

.section_mt {
  margin-top: 6rem; }

.section_pd_top {
  padding-top: 12rem; }

.section_ad_bt {
  padding-bottom: 12rem; }

.section_pd {
  padding: 12rem 0; }

.news_slider .swiper-slide {
  border-radius: 2rem;
  overflow: hidden; }
  .news_slider .swiper-slide .uk-card {
    transition: all 0.6s; }

.news_slider .swiper-slide-next {
  opacity: 0.3; }

.news_slider .swiper-slide-prev {
  opacity: 0.3; }

.news_slider .title_box {
  background-color: rgba(78, 80, 165, 0.5);
  text-align: center;
  padding: 3rem 0; }
  .news_slider .title_box h3 {
    margin: 0; }
    .news_slider .title_box h3 a {
      font-size: 2.4rem;
      color: #fff;
      text-decoration: none;
      font-weight: 200; }
  .news_slider .title_box:hover {
    text-decoration: none; }

/**  slider  arrow   pagination  **/
.slider_page_wrapper {
  margin-top: 4rem;
  gap: 6rem; }

.slider_arrow {
  transition: all 0.4s; }
  .slider_arrow:hover {
    color: #999; }

.slider_pagination {
  transform: none !important; }

.swiper-pagination-bullets-dynamic {
  font-size: inherit !important; }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 12px); }

.swiper {
  --swiper-theme-color: #4e50a5;
  --swiper-pagination-color: #4e50a5;
  /* 两种都可以 */ }

.search_form input, .search_form select {
  border-radius: 1rem;
  font-size: 1.8rem; }

/**  index_about   **/
.index_about {
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain; }

.index_about_intro {
  margin-bottom: 17rem; }
  .index_about_intro h4 {
    font-size: 2rem;
    color: #4e50a5;
    font-weight: bold; }
  .index_about_intro h2 {
    font-size: 4rem;
    color: #000;
    font-weight: bold; }
  .index_about_intro p {
    font-size: 1.8rem;
    color: #666; }
  .index_about_intro .readmore {
    font-size: 1.6rem;
    color: #333;
    text-decoration: none; }

.index_product > .uk-container:first-child {
  padding: 0 20%; }

.index_product_sw_title {
  padding: 0;
  border-bottom: #ddd 1px solid; }
  .index_product_sw_title img {
    width: 5rem; }
  .index_product_sw_title a {
    color: #727171;
    font-size: 2.4rem;
    font-weight: bold;
    text-decoration: none;
    padding: 2rem 0;
    display: block; }
    .index_product_sw_title a span {
      display: inline-block;
      margin-left: 1rem; }
  .index_product_sw_title li.uk-active.sm a {
    border-bottom: #ae8cbf 3px solid; }
  .index_product_sw_title li.uk-active.mg a {
    border-bottom: #1675a9 3px solid; }

.index_product_sw_content figure {
  margin: 1rem !important;
  text-align: center;
  box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.07);
  border-bottom: #fff 4px solid; }
  .index_product_sw_content figure h3 {
    font-size: 2.4rem;
    color: #000;
    font-weight: bold; }
  .index_product_sw_content figure.sm_border:hover {
    border-bottom-color: #ae8cbf; }
  .index_product_sw_content figure.mg_border:hover {
    border-bottom-color: #1675a9; }

.more_product a {
  font-size: 1.6rem;
  color: #000;
  display: inline-block;
  transform: translateY(-100%);
  margin-right: 1rem; }
  .more_product a:hover {
    text-decoration: none;
    color: #ae8cbf; }

.more_product2 a {
  font-size: 1.6rem;
  color: #000;
  display: inline-block;
  transform: translateY(-100%);
  margin-right: 1rem; }
  .more_product2 a:hover {
    text-decoration: none;
    color: #1675a9; }

.index_news {
  padding-bottom: 9rem; }

.index_news_card {
  border-top: #ececec 1px solid;
  transition: all 0.4s;
  padding: 6rem 7rem; }
  .index_news_card h4 a {
    font-size: 2.4rem;
    font-weight: bold;
    color: #000; }
  .index_news_card .news_date {
    font-size: 1.6rem;
    color: #999; }
  .index_news_card:hover {
    background-color: #e8e9f1;
    border: none; }
    .index_news_card:hover h4 a {
      color: #4e50a5; }
    .index_news_card:hover .btn {
      background-color: #4e50a5;
      color: #fff; }

.btn {
  font-size: 1.4rem;
  color: #666;
  padding: 1.2rem 2.2rem 1.2rem 3.2rem;
  display: inline-block;
  border-radius: 2.6rem;
  border: #ddd 1px solid;
  transition: all 0.5s; }
  .btn:hover {
    color: #fff;
    border-color: #4e50a5;
    background-color: #4e50a5;
    text-decoration: none; }

footer {
  background-color: #07071e;
  background-image: url(../images/footer_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 9rem; }

.footer_logo .uk-grid-divider > :not(.uk-first-column)::before {
  border-left: 1px solid #393939; }

.footer_address {
  margin-top: 3rem; }

.footer_tel {
  font-size: 1.8rem;
  color: #fff; }
  .footer_tel i {
    color: #fff;
    transform: translateY(-3px); }

.company_text {
  color: #fff;
  font-size: 1.8rem;
  margin-top: 3rem; }

.address_text {
  margin-top: 1rem; }
  .address_text i {
    color: #fff;
    transform: translateY(-3px); }
  .address_text span {
    font-size: 1.8rem;
    color: #999; }

.footer_nav dt {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 4rem; }
.footer_nav dd {
  margin-bottom: 1rem; }
  .footer_nav dd a {
    font-size: 1.8rem;
    color: #999;
    text-decoration: none; }
    .footer_nav dd a:hover {
      color: #fff; }

.social_media > div {
  margin-left: 2rem; }
.social_media a {
  color: #999;
  text-decoration: none; }
  .social_media a:hover {
    color: #fff;
    text-decoration: none; }
  .social_media a i {
    font-size: 2.6rem; }
.social_media .uk-dropdown {
  min-width: 9rem;
  max-width: 9rem;
  padding: 0; }

.copyright {
  margin-top: 2rem;
  border-top: #33344d 1px solid;
  font-size: 1.6rem;
  color: #999;
  padding: 2rem 0; }
  .copyright a {
    font-weight: 100;
    color: #999; }

/****  page banner   ----- --- -- - - - - -- --- -- --------- -- - - - - - -- -- - - -- - -*****/
.page_banner {
  height: 40vh; }
  .page_banner h2 {
    font-size: 5rem;
    color: #fff; }
  .page_banner p {
    font-size: 1.8rem;
    color: #fff; }

.page_subnav {
  border-bottom: #ddd 1px solid; }

.breadcrumb {
  padding: 0;
  margin-bottom: 0; }
  .breadcrumb img {
    transform: translateY(-2px); }
  .breadcrumb li {
    list-style: none;
    display: inline-block; }
  .breadcrumb a {
    font-size: 1.6rem;
    color: #333;
    display: inline-block;
    padding-right: 1rem; }
    .breadcrumb a:hover {
      text-decoration: none; }

.breadcrumb_nav {
  padding: 0;
  margin-bottom: 0; }
  .breadcrumb_nav li {
    display: inline-block;
    list-style: none;
    margin-left: 1rem;
    position: relative; }
    .breadcrumb_nav li.active a.sm_border {
      border-bottom-color: #ae8cbf; }
    .breadcrumb_nav li.active a.mg_border {
      border-bottom-color: #1675a9; }
    .breadcrumb_nav li:last-child:before {
      content: "";
      display: block;
      width: 1px;
      height: 20px;
      background-color: #ddd;
      position: absolute;
      left: -1rem;
      top: 50%;
      transform: translateY(-50%); }
  .breadcrumb_nav img {
    width: 2.5rem;
    margin-right: 1rem; }
  .breadcrumb_nav a {
    display: block;
    padding: 3rem 2rem;
    font-size: 1.6rem;
    color: #666;
    border-bottom: #fff 2px solid; }
    .breadcrumb_nav a:hover {
      text-decoration: none; }

.product_list_info {
  padding: 9rem 0;
  background-color: #f3f3f3; }
  .product_list_info img {
    max-width: 25rem; }
  .product_list_info p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #666;
    font-weight: 300; }

.product_list_wrapper {
  background-color: #f3f3f3;
  padding-bottom: 12rem; }

.product_list_card figure {
  background-color: #fff;
  border-radius: 2rem;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.03);
  border-bottom: #fff 4px solid;
  transition: all 0.4s; }
  .product_list_card figure:hover {
    border-bottom-color: #b591d0; }
.product_list_card h3 {
  font-size: 2.1rem;
  font-weight: bold; }

.product_list_card.mg_color figure:hover {
  border-bottom-color: #3773a5; }

/*
 * grid-25
 */
/* Horizontal */
.uk-grid-25,
.uk-grid-column-25 {
  margin-left: -25px; }

.uk-grid-25 > *,
.uk-grid-column-25 > * {
  padding-left: 25px; }

/* Vertical */
.uk-grid + .uk-grid-25,
.uk-grid + .uk-grid-row-25,
.uk-grid-25 > .uk-grid-margin,
.uk-grid-row-25 > .uk-grid-margin,
* + .uk-grid-margin-25 {
  margin-top: 25px; }

.accordion_nav {
  background-color: #fff;
  border-radius: 2rem;
  overflow: hidden; }

.accordion_nav_header {
  background-color: #b591d0;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 50%;
  padding: 3.8rem; }
  .accordion_nav_header h3 {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    margin: 0; }

.accordion_nav_body {
  padding: 3.8rem; }
  .accordion_nav_body .uk-parent > a {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    border-bottom: #ececec 1px solid;
    padding: 2rem 0; }
  .accordion_nav_body .uk-nav-sub {
    padding: 0; }
    .accordion_nav_body .uk-nav-sub .active a {
      background-color: #b591d0;
      color: #fff;
      text-decoration: none; }
    .accordion_nav_body .uk-nav-sub a {
      font-size: 1.6rem;
      color: #666;
      padding: 1.8rem 2rem; }
      .accordion_nav_body .uk-nav-sub a:hover {
        background-color: #b591d0;
        color: #fff;
        text-decoration: none; }

.accordion_nav_header.mg_color {
  background-color: #1675a9; }

.accordion_nav_body.mg_color .uk-nav-sub a:hover {
  background-color: #1675a9; }
.accordion_nav_body.mg_color .uk-nav-sub .active a {
  background-color: #1675a9;
  color: #fff;
  text-decoration: none; }

.table_box {
  border: #ececec 1px solid;
  overflow: hidden; }

.table_content {
  height: 39rem; }

.product_table h1 {
  font-size: 4.2rem;
  font-weight: bold;
  color: #000; }
.product_table table {
  width: 100%;
  border-bottom-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  margin-bottom: 0; }
.product_table thead {
  background-color: #b591d0; }
  .product_table thead td {
    color: #fff;
    font-weight: 300;
    font-size: 1.8rem;
    padding: 1.5rem 4rem; }

.product_table.mg thead {
  background-color: #1675a9; }
.product_table.mg .table_content tbody tr:hover {
  background-color: #e3f5ff; }

.table_content tbody tr:hover {
  background-color: #f0e9f6; }
.table_content tbody td {
  font-size: 1.8rem;
  color: #333;
  padding: 1.5rem 4rem; }

.current_page {
  display: block;
  padding: 3rem 0;
  font-size: 1.6rem;
  color: #4e50a5;
  border-bottom: #4e50a5 3px solid; }

.article_content * {
  line-height: 3.2rem;
  margin-bottom: 0; }

.article_content h1, .article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 {
  margin-top: 2rem; }
.article_content p {
  margin-top: 2rem; }

/****   contact   ***/
.contact_page {
  background-image: url(../images/contact_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top; }
  .contact_page .uk-container {
    max-width: 1000px; }
  .contact_page h2 {
    color: #333;
    font-size: 4.2rem; }

.contact_address_grid {
  padding: 0 8rem;
  margin-top: 9rem; }
  .contact_address_grid p {
    font-size: 2rem;
    margin-bottom: 0;
    color: #000;
    font-weight: 300; }

.company_map_wrapper .uk-container {
  width: 1200px; }

.company_map {
  margin-top: 4rem; }
  .company_map .uk-card {
    background-color: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.03);
    padding: 4rem 5rem; }
    .company_map .uk-card h5 {
      font-size: 1.6rem;
      font-weight: bold;
      color: #333;
      margin-bottom: 0.5rem; }
    .company_map .uk-card p {
      color: #999;
      font-size: 1.6rem;
      margin: 0; }

.clip_left {
  clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
  transform: translateX(-2.4rem); }

.clip_right {
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  transform: translateX(2.4rem); }

.contact_form {
  background-color: #fff;
  margin-top: 6rem;
  border-radius: 2rem;
  padding: 6rem 8rem;
  box-shadow: 0 0 10px 0 rgba(33, 33, 33, 0.03); }
  .contact_form label {
    font-size: 2rem;
    font-weight: 300; }
  .contact_form input {
    font-size: 1.6rem;
    font-weight: 100;
    margin-top: 1rem;
    border-radius: 3rem;
    padding-left: 2rem; }
  .contact_form textarea {
    font-size: 1.6rem;
    font-weight: 100;
    margin-top: 1rem;
    border-radius: 3rem;
    padding-left: 2rem; }

.form_btn {
  background-color: #4e50a5;
  font-size: 1.8rem;
  font-weight: 100;
  color: #fff;
  display: inline-block;
  padding: 1rem 12rem;
  border-radius: 4rem; }

.subnav {
  margin: 0;
  padding: 0; }
  .subnav li {
    list-style: none;
    display: inline-block;
    margin: 0 3rem;
    position: relative; }
    .subnav li a {
      display: block;
      padding: 3rem 0;
      font-size: 1.6rem;
      color: #666; }
      .subnav li a:hover {
        text-decoration: none;
        color: #4e50a5; }
    .subnav li.active a {
      border-bottom: #4e50a5 2px solid;
      color: #4e50a5; }
    .subnav li:not(:last-child):after {
      content: "";
      display: block;
      width: 1px;
      height: 2rem;
      background-color: #ddd;
      position: absolute;
      right: -3.2rem;
      top: 50%;
      transform: translateY(-50%); }

.hot_news figcaption {
  background-color: rgba(91, 95, 170, 0.7);
  padding: 2rem 0; }
  .hot_news figcaption h4 {
    margin: 0;
    text-align: center; }
  .hot_news figcaption a {
    font-size: 2rem;
    color: #fff;
    text-decoration: none; }

.recommend_news {
  background-color: #f7f7f7;
  padding: 0;
  border-radius: 2.2rem;
  overflow: hidden; }
  .recommend_news .r_news_date {
    color: #4e50a5;
    font-size: 1.4rem;
    font-weight: bold; }
  .recommend_news li {
    list-style: none; }
    .recommend_news li:not(:last-child) {
      border-bottom: #ddd 1px solid; }
    .recommend_news li.uk-active {
      background-color: #eaeaf2; }
  .recommend_news .uk-card {
    display: block;
    padding: 2.3rem 5rem; }
    .recommend_news .uk-card:hover {
      background-color: #eaeaf2;
      text-decoration: none; }
  .recommend_news h3 {
    margin-top: 0.5rem;
    font-size: 1.8rem;
    color: #000;
    margin-bottom: 0; }

.news_li_list {
  padding-bottom: 12rem; }
  .news_li_list .news_li_date {
    font-size: 1.8rem;
    color: #000; }
  .news_li_list h4 {
    margin: 0; }
    .news_li_list h4 a {
      color: #000;
      font-size: 1.8rem; }
      .news_li_list h4 a:hover {
        text-decoration: none; }
  .news_li_list .news_read_more {
    font-size: 1.8rem;
    color: #999;
    font-weight: 100; }
    .news_li_list .news_read_more:hover {
      text-decoration: none; }
  .news_li_list .item {
    padding-right: 8rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-bottom: #ddd 1px solid; }
    .news_li_list .item:hover {
      border-color: #4e50a5; }
      .news_li_list .item:hover .news_li_date {
        color: #4e50a5; }
      .news_li_list .item:hover h4 a {
        color: #4e50a5; }
      .news_li_list .item:hover .news_read_more {
        color: #4e50a5; }

.section_article {
  padding-top: 9rem;
  padding-bottom: 2rem; }

.artilce_container {
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.08);
  padding: 6rem; }
  .artilce_container h1 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #000; }
  .artilce_container p {
    font-size: 1.8rem; }

.section_next_page {
  padding-top: 2rem;
  padding-bottom: 9rem; }

.related_news {
  padding-bottom: 12rem; }

.related_news_card {
  padding-bottom: 3rem;
  border-bottom: #ddd 1px solid; }
  .related_news_card p {
    font-size: 1.4rem;
    color: #333;
    margin-bottom: 1rem; }
  .related_news_card h5 {
    margin-top: 0;
    margin-bottom: 2rem; }
    .related_news_card h5 a {
      font-size: 1.8rem;
      color: #000; }
      .related_news_card h5 a:hover {
        text-decoration: none;
        color: #4e50a5; }
  .related_news_card .related_more {
    font-size: 1.4rem;
    color: #999; }
    .related_news_card .related_more:hover {
      text-decoration: none;
      color: #4e50a5; }
  .related_news_card .related_news_text {
    transition: all 0.4s;
    padding: 2rem 3rem; }
  .related_news_card:hover {
    box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.08);
    border-bottom-color: #4e50a5; }
    .related_news_card:hover .related_more {
      color: #4e50a5; }

/**  jobs  **/
.jobs_h1_title {
  font-size: 5rem;
  color: #000; }

.uk-accordion > :nth-child(n+2) {
  margin-top: 0; }

.accordion_header {
  background-color: #b68fd2;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  padding: 2.5rem 4rem;
  font-size: 2rem;
  font-weight: 100;
  color: #fff;
  text-align: center; }

.job_arrordion {
  border-left: #ddd 1px solid;
  border-right: #ddd 1px solid; }

.job_arrordion_title {
  border-bottom: #ddd 1px solid;
  position: relative;
  font-size: 1.6rem;
  padding: 2.8rem 0; }
  .job_arrordion_title h3 {
    font-size: 2rem; }

.job_arrordion_title::before {
  background-image: none;
  content: "展开";
  width: 100px;
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%); }

.uk-open .job_arrordion_title {
  background-color: #f8f4fa; }

.uk-open .job_arrordion_title::before {
  background-image: none;
  content: "收起";
  color: #b68fd2; }

.job_arrordion_title:hover::before {
  color: #b68fd2; }

.job_arrordion_content {
  padding: 3rem 5rem 18rem 5rem;
  margin-top: 0;
  border-bottom: #ddd 1px solid; }
  .job_arrordion_content h2 {
    font-size: 2.4rem;
    color: #000;
    margin-top: 0; }
  .job_arrordion_content p {
    font-size: 1.4rem;
    color: #666;
    line-height: 2.6rem; }

.submit_email {
  color: #b68fd2;
  font-size: 2rem;
  display: inline-block;
  background: none;
  border: none;
  padding: 2rem 0;
  border-bottom: #b68fd2 2px solid;
  transition: all 0.4s; }
  .submit_email:hover {
    text-decoration: none;
    color: #d0b1e6; }

.accordion_header.color_mayport {
  background-color: #1675a9; }

.job_arrordion_title.color_mayport:hover::before {
  color: #1675a9; }

.uk-open .job_arrordion_title.color_mayport::before {
  background-image: none;
  content: "收起";
  color: #1675a9; }

.uk-open .job_arrordion_title.color_mayport {
  background-color: #f0faff; }

/** about info  **/
.about_info h2 {
  font-size: 4rem;
  font-weight: bold;
  color: #000; }
.about_info p {
  color: #999;
  margin-top: 3rem;
  line-height: 2.6rem;
  font-size: 1.8rem;
  font-weight: 200; }

.about_zs, .about_custom_logo {
  margin-top: 11rem; }

/** about_history **/
.about_history {
  background-image: url(../images/history_bg.jpg);
  background-size: cover;
  padding: 11rem 0; }

.history_swiper_wrapper {
  margin-top: 13rem; }

.his_title {
  margin-bottom: 3rem; }
  .his_title h3 {
    font-size: 6rem;
    color: #4e50a5;
    margin: 0; }

.his_content {
  font-size: 1.6rem;
  color: #000; }
  .his_content b {
    font-size: 2rem; }

.year_line {
  position: relative;
  border-top: #a3a4cf 2px dashed;
  transform: translateY(3px);
  height: 6px; }
  .year_line:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #4e50a5;
    position: absolute;
    left: 0;
    top: -4px; }
  .year_line:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #4e50a5;
    position: absolute;
    right: 0;
    top: -4px; }

.history_swiper h5 {
  font-size: 2rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 1rem; }
.history_swiper p {
  color: #333;
  margin: 0;
  font-size: 1.6rem; }

.year_wrapper {
  margin-top: 14rem; }

.year_wrapper {
  background-color: #fff;
  text-align: center;
  border-radius: 4rem;
  padding: 0.2rem 6rem; }
  .year_wrapper .swiper-slide {
    padding: 0.8rem 1.2rem;
    font-size: 1.8rem;
    color: #666;
    font-weight: 100; }
  .year_wrapper .swiper-slide-thumb-active {
    background-color: #4e50a5;
    border-radius: 3.4rem;
    color: #fff; }

.pleft, .pright {
  z-index: 100;
  background-color: #4e50a5;
  color: #fff;
  margin: 0 1rem;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 50%;
  transition: all 0.4s; }
  .pleft:hover, .pright:hover {
    background-color: #8c8edd; }

.toudi {
  font-size: 2rem;
  color: #333; }
  .toudi a {
    display: inline-block;
    color: #333;
    margin-left: 1rem; }
    .toudi a:hover {
      text-decoration: none;
      color: #8c8edd; }

.pagelist {
  margin-top: 8rem; }

.pagination > * {
  display: inline-block;
  font-size: 1.6rem;
  color: #333;
  margin: 0 1.5rem; }
  .pagination > *:hover {
    text-decoration: none;
    color: #8c8edd; }
  .pagination > * .page_current {
    font-weight: bold; }

.pagination .prev, .pagination .next {
  font-family: "宋体"; }

/** 联系我们水波纹 **/
.mapmarker {
  position: relative; }

.mapmarker > img {
  position: relative;
  z-index: 5;
  transition: all 0.3s; }

.mapmarker:after {
  content: "";
  display: block;
  position: absolute;
  width: 110px;
  height: 110px;
  bottom: -30px;
  left: -30px;
  border-radius: 50%;
  background-color: #312c3f;
  z-index: 2;
  animation: wave 2s ease-out infinite;
  animation-delay: 0.2s;
  transform-origin: center;
  opacity: 0; }

@keyframes wave {
  0% {
    transform: scale(0.4);
    opacity: 0; }
  60% {
    transform: scale(0.8);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }
.search_header_dropdown p {
  margin: 0; }
.search_header_dropdown input {
  height: 40px;
  border-radius: 4px;
  border: #ddd 1px solid;
  font-size: 1.6rem;
  padding: 0 1rem; }
.search_header_dropdown .search_button {
  border-radius: 4px;
  background-color: #222;
  color: #fff;
  border: none;
  font-size: 1.6rem; }

@media (max-width: 960px) {
  html {
    font-size: 42%; }

  .index_banner_title h2 {
    font-size: 3.6rem; }

  .section_pd {
    padding: 6rem 0; }

  .index_product > .uk-container:first-child {
    padding: 0 1.5rem; }

  .index_news_card {
    padding: 2rem 0; }

  .page_banner {
    height: 24vh; }

  .page_subnav {
    margin-top: 2rem; }
    .page_subnav .uk-grid-margin {
      margin-top: 0; }

  .history_swiper_wrapper {
    padding: 0 1.5rem;
    margin-top: 5rem; }

  .artilce_container {
    padding: 6rem 3rem; }

  .clip_right, .clip_left {
    clip-path: none;
    transform: none; }

  .contact_form {
    padding: 6rem 3rem; }

  .accordion_header {
    padding: 1rem;
    font-size: 1.2rem; }

  .job_arrordion_title {
    font-size: 1.2rem; }
    .job_arrordion_title h3 {
      font-size: 1.2rem; }

  .job_arrordion_title::before {
    right: 1rem;
    width: 4rem; }

  .job_arrordion_content {
    padding: 6rem 3rem; }

  .his_title h3 {
    font-size: 4.5rem; }

  .his_content {
    font-size: 2rem; }

  .year_wrapper .swiper-slide {
    font-size: 2.4rem; }

  .title_box_m h3 {
    margin-top: 2rem; }
    .title_box_m h3 a {
      color: #000;
      font-size: 1.8rem; }

  .news_slider {
    padding-left: 2rem;
    padding-right: 2rem; }

  .form_btn {
    font-size: 2rem; }

  .contact_page h2 {
    font-size: 3.8rem; }

  .hot_news figcaption h4 a {
    font-size: 1.4rem; }

  .news_slider .title_box h3 a {
    font-size: 1.4rem; }

  .news_slider .title_box {
    padding: 1rem; }

  .more_product, .more_product2 {
    transform: translateY(0);
    margin-top: 6rem; } }

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