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

header {
  background-color: #011036; }

.logo-propurex {
  display: block;
  width: 18rem; }
  .logo-propurex img {
    max-width: 18rem; }

.btn {
  border: #ddd 1px solid;
  display: inline-block;
  padding: 0.6rem 3rem;
  border-radius: 2.2rem;
  color: #000;
  font-size: 1.8rem;
  text-decoration: none;
  transition: all 0.4s; }
  .btn.light {
    border-color: #fff;
    color: #fff; }
    .btn.light:hover {
      color: #000;
      background-color: #fff;
      text-decoration: none; }
  .btn.dark {
    border-color: #000;
    color: #000; }
    .btn.dark:hover {
      background-color: #000;
      color: #fff;
      text-decoration: none; }
  .btn.small {
    padding: 0.4rem 2rem;
    font-size: 1.4rem; }
  .btn:hover {
    text-decoration: none;
    color: #666;
    border-color: #000; }

nav ul {
  text-align: center;
  padding: 0;
  margin: 0; }
nav li {
  list-style: none;
  display: inline-block; }
  nav li a {
    color: #fff;
    display: block;
    font-weight: 300;
    padding: 1.8rem;
    font-size: 1.6rem; }
    nav li a:hover {
      color: #d3d3d3;
      text-decoration: none; }

.dropdown_nav a {
  color: #000;
  padding: 0; }
.dropdown_nav figure:hover a {
  font-weight: bold;
  color: #000; }
.dropdown_nav figcaption {
  margin-bottom: 0;
  margin-top: 20px; }
.dropdown_nav p {
  font-size: 12px;
  color: #fff;
  background-color: #3A558C;
  font-weight: 300;
  display: inline-block;
  padding: 4px 6px;
  border-radius: 20px;
  margin-bottom: 0;
  margin-top: 3px; }

.nav-dropdown-border {
  display: block;
  border: #ddd 1px solid; }

.dropdown_nav {
  padding: 50px; }

/**
手机端样式
**/
.mobile_nav {
  background-color: #011036;
  height: 55px; }

.mobile_nav_logo {
  display: block;
  position: absolute;
  max-width: 120px;
  left: 15px;
  top: 15px; }
  .mobile_nav_logo img {
    width: 100%; }

.mobile_nav_toggle_btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  color: #fff;
  border: none; }

.mobile_nav_list {
  padding: 0;
  margin: 0; }
  .mobile_nav_list li {
    list-style: none; }
    .mobile_nav_list li a {
      display: block;
      padding: 10px;
      color: #fff;
      text-align: center;
      font-size: 24px;
      font-weight: 300; }

.banner {
  padding: 11rem 0;
  background-color: transparent;
  background-image: linear-gradient(90deg, #011036 0%, #3A558C 100%); }
  .banner h2 {
    font-weight: 300;
    font-size: 3.6rem;
    margin-bottom: 0; }
  .banner h1 {
    font-weight: 700;
    font-size: 4.8rem;
    margin-top: 0; }
  .banner .uk-card {
    background-color: #3A558C;
    border-radius: 2rem;
    padding: 3.5rem;
    margin: 4rem 0; }
    .banner .uk-card p {
      font-weight: 300;
      margin-bottom: 0;
      font-size: 1.7rem; }

.hot_products {
  padding: 7rem 0; }
  .hot_products .uk-card {
    border: #3b3b3b 1px solid;
    border-radius: 1.5rem; }
    .hot_products .uk-card .text-card {
      padding: 3rem 0 3rem 3rem; }
    .hot_products .uk-card h3 {
      font-size: 2rem; }
    .hot_products .uk-card p {
      font-size: 1.4rem; }

.hot_application_body {
  background-color: #ffcf07;
  padding: 4rem;
  border-radius: 2rem; }
  .hot_application_body img {
    border-radius: 2rem; }

.hot_application h3 {
  font-size: 4rem;
  color: #000;
  font-weight: bold; }
.hot_application p {
  font-size: 1.8rem;
  color: #3c2e0f; }

.hot_news {
  margin-top: 7rem; }
  .hot_news .uk-inline-clip {
    border-radius: 1.5rem; }
  .hot_news h5 {
    margin-top: 1rem;
    margin-bottom: 0; }
    .hot_news h5 a {
      color: #000; }
      .hot_news h5 a:hover {
        text-decoration: none;
        color: #3A558C; }
  .hot_news p {
    font-size: 1.4rem;
    color: #999;
    margin-top: 0;
    margin: 0;
    font-weight: 300; }

footer {
  background-color: #2a2a2a;
  background-image: url(../images/World_Map.svg);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 6rem 0;
  margin-top: 9rem; }

address .bottom_logo {
  max-width: 16rem; }
address h2 {
  color: #fff;
  opacity: 0.7;
  margin-top: 2rem; }
address p {
  margin: 0.4rem 0;
  color: #fff;
  opacity: 0.7; }

.ewm {
  max-width: 7.6rem; }
  .ewm img {
    border-radius: 0.5rem; }
  .ewm i {
    font-size: 1.2rem;
    display: block;
    font-style: normal;
    color: #fff;
    margin-top: 0.5rem;
    text-align: center;
    opacity: 0.8; }

.copyright {
  padding: 1rem 0;
  text-align: center; }
  .copyright a {
    color: #999; }

.article_body {
  margin-top: 9rem;
  margin-bottom: 9rem; }
  .article_body .uk-container {
    max-width: 76rem; }
  .article_body h1 {
    font-size: 4rem;
    color: #000;
    font-weight: bold;
    text-align: center; }
  .article_body .uk-article-meta {
    font-size: 1.4rem;
    font-weight: 300;
    color: #666;
    text-align: center; }
  .article_body p {
    font-size: 1.6rem;
    color: #000;
    font-weight: 300; }

.pagination {
  text-align: center;
  margin-top: 60px; }

.pagination a {
  display: inline-block;
  color: #333;
  background-color: #f3f3f3;
  margin: 0 2px;
  padding: 7px 10px; }

.pagination a:hover {
  text-decoration: none; }

.pagination span {
  margin: 0 2px;
  padding: 7px 10px;
  display: inline-block;
  background-color: #3b9448;
  color: #fff !important; }

.sec_wrap {
  padding: 60px 0; }

.sec_title {
  text-align: center; }

.sec_title h2 {
  color: #000;
  margin: 0; }

.contact_wrap .uk-card {
  border: #ddd 1px solid;
  padding: 50px 30px;
  text-align: center; }

.contact_wrap .uk-card p {
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 20px;
  font-weight: 300;
  color: #666; }

.contact_wrap .uk-card h3 {
  margin-bottom: 0;
  margin-top: 10px;
  color: #000;
  font-weight: bold;
  font-size: 18px; }

.contact_wrap .uk-card h5 {
  margin-bottom: 0;
  margin-top: 10px;
  color: #000;
  font-weight: bold; }

.product_list_grid figure {
  text-align: center;
  border: #dedede 1px solid;
  padding: 10px 0; }
  .product_list_grid figure p {
    display: inline-block;
    padding: 2px 10px;
    background-color: #3A558C;
    border-radius: 10px;
    color: #fff; }

@media (max-width: 960px) {
  .banner h1 {
    font-size: 3.4rem;
    text-align: center; }
  .banner h2 {
    text-align: center;
    font-weight: 100;
    font-size: 3.1rem; }

  .hot_products .uk-card .text-card {
    padding: 5px 10px;
    text-align: center; }
    .hot_products .uk-card .text-card h3 {
      margin: 0; }
    .hot_products .uk-card .text-card p {
      margin: 0; }

  .hot_news {
    margin-top: 3rem; }
    .hot_news h5 a {
      font-size: 1.4rem; }
    .hot_news p {
      font-size: 1.2rem; }

  .article_body {
    margin-top: 5rem; }
    .article_body h1 {
      font-size: 3rem; } }

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