<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ==================== 重置默认样式 start ==================== */

* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

  font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "华文细黑", "STHeiti", "MingLiu";

}

*:before,

*:after {

  vertical-align: middle;

  box-sizing: border-box;

}

html {

  margin: 0 auto;

}

ul,

li,

ol {

  list-style: none;

}

em {

  font-style: normal;

}

img {

  vertical-align: middle;

  max-width: 100%;

}

a {

  color: inherit;

  text-decoration: none;

  outline: none;

  -webkit-backface-visibility: hidden;

}

a:hover {

  text-decoration: none;

}

a:focus {

  outline: none;

}

input:focus,

select:focus,

textarea:focus {

  outline: -webkit-focus-ring-color auto 0;

}

button,

input,

textarea {

  border: 0;

  outline: none;

  background: none;

}

button {

  cursor: pointer;

  display: block;

}

input:-internal-autofill-previewed,

textarea:-internal-autofill-previewed,

input:-internal-autofill-selected,

textarea:-internal-autofill-selected {

  -webkit-text-fill-color: inherit !important;

  transition: background-color 5000s ease-in-out 0s !important;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

th,

td {

  vertical-align: middle;

}

i {

  font-style: inherit;

}

#map label {

  max-width: initial;

}

#map img {

  max-width: initial;

}

/* ==================== 重置默认样式 end ==================== */

/* ==================== 常用样式 start ==================== */

/* 清除浮动 */

.clearfix {

  display: block;

  zoom: 1;

}

.clearfix:after {

  content: " ";

  display: block;

  font-size: 0;

  height: 0;

  clear: both;

  visibility: hidden;

}

/* bootstart ul */

ul,

h1,

h2,

h3,

h4,

li,

p {

  padding: 0;

  margin: 0;

}

/* 外层容器样式 */

section {

  overflow: hidden;

}

/* 通用正文样式 */

article {

  font-size: 18px;

  line-height: 1.8;

  text-align: justify;

  color: #333;

}

/* 图片统一动画 */

.mxw-image {

  overflow: hidden;

}

.mxw-image:hover img {

  transform: scale(1.1);

}

.mxw-image img {

  transition: all 0.4s;

  width: 100%;

}

/* ==================== 常用样式 end ==================== */

/* ==================== 置顶按钮 start ==================== */

#goto-top {

  position: fixed;

  z-index: 10;

  right: 0.3333rem;

  bottom: 10%;

  width: 0.6667rem;

  height: 0.6667rem;

  cursor: pointer;

  background: #172a88;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 2px;

  transition: all 0.4s;

  visibility: hidden;

  opacity: 0;

  border: 1px solid #fff;

}

#goto-top.active {

  visibility: visible;

  opacity: 1;

}

#goto-top:after {

  content: "";

  display: block;

  width: 0.2333rem;

  height: 0.2333rem;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  transform: rotate(-45deg);

  margin-top: 6px;

}

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

  #goto-top {

    width: 30px;

    height: 30px;

    right: 10px;

  }

}

/* ==================== 置顶按钮 end ==================== */

/* ==================== 文本行数限制 start ==================== */

.u-line-1 {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.u-line-2 {

  -webkit-line-clamp: 2;

}

.u-line-3 {

  -webkit-line-clamp: 3;

}

.u-line-4 {

  -webkit-line-clamp: 4;

}

.u-line-5 {

  -webkit-line-clamp: 5;

}

.u-line-6 {

  -webkit-line-clamp: 6;

}

.u-line-2,

.u-line-3,

.u-line-4,

.u-line-5,

.u-line-6 {

  overflow: hidden;

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

}

/* ==================== 文本行数限制 end ==================== */

/* ==================== flex通用布局 start ==================== */

.u-flex {

  display: flex;

  flex-direction: row;

  align-items: center;

}

.u-flex-wrap {

  flex-wrap: wrap;

}

.u-flex-nowrap {

  flex-wrap: nowrap;

}

.u-flex-col {

  flex-direction: column;

}

.u-grow-1 {

  flex-grow: 1;

}

.u-col-center {

  align-items: center;

}

.u-col-top {

  align-items: flex-start;

}

.u-col-bottom {

  align-items: flex-end;

}

.u-row-center {

  justify-content: center;

}

.u-row-left {

  justify-content: flex-start;

}

.u-row-right {

  justify-content: flex-end;

}

.u-row-between {

  justify-content: space-between;

}

.u-row-around {

  justify-content: space-around;

}

/* ==================== flex通用布局 end ==================== */

/* ==================== 通用布局 start ==================== */

@media screen and (min-width: 1200px) {

  .u-row-2,

  .u-row-3,

  .u-row-4,

  .u-row-5,

  .u-row-6 {

    display: flex;

    align-items: stretch;

    justify-content: flex-start;

    flex-wrap: wrap;

  }

  .u-row-2 &gt; .u-col {

    width: 48%;

  }

  .u-row-2 &gt; .u-col:nth-child(2n) {

    margin-left: 4%;

  }

  .u-row-2 &gt; .u-col:nth-child(2) ~ .u-col {

    margin-top: 4%;

  }

  .u-row-3 &gt; .u-col {

    width: 32%;

  }

  .u-row-3 &gt; .u-col:nth-child(3n-1) {

    margin-left: 2%;

    margin-right: 2%;

  }

  .u-row-3 &gt; .u-col:nth-child(3) ~ .u-col {

    margin-top: 2%;

  }

  .u-row-4 &gt; .u-col {

    width: 23.5%;

    margin-right: 2%;

  }

  .u-row-4 &gt; .u-col:nth-child(4n) {

    margin-right: 0%;

  }

  .u-row-4 &gt; .u-col:nth-child(4) ~ .u-col {

    margin-top: 2%;

  }

  .u-row-5 &gt; .u-col {

    width: 18.4%;

    margin-right: 2%;

  }

  .u-row-5 &gt; .u-col:nth-child(5n) {

    margin-right: 0%;

  }

  .u-row-5 &gt; .u-col:nth-child(5) ~ .u-col {

    margin-top: 2%;

  }

  .u-row-6 &gt; .u-col {

    width: 15%;

    margin-right: 2%;

  }

  .u-row-6 &gt; .u-col:nth-child(6n) {

    margin-right: 0%;

  }

  .u-row-6 &gt; .u-col:nth-child(6) ~ .u-col {

    margin-top: 2%;

  }

}

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

  .u-row-2,

  .u-row-3,

  .u-row-4,

  .u-row-5,

  .u-row-6 {

    display: flex;

    align-items: stretch;

    justify-content: flex-start;

    flex-wrap: wrap;

  }

  .u-row-2 .u-col {

    width: 100%;

  }

  .u-row-2 .u-col:nth-child(1) ~ .u-col {

    margin-top: 2%;

  }

  .u-row-3 &gt; .u-col,

  .u-row-4 &gt; .u-col,

  .u-row-5 &gt; .u-col,

  .u-row-6 &gt; .u-col {

    width: 48%;

  }

  .u-row-3 &gt; .u-col:nth-child(2n),

  .u-row-4 &gt; .u-col:nth-child(2n),

  .u-row-5 &gt; .u-col:nth-child(2n),

  .u-row-6 &gt; .u-col:nth-child(2n) {

    margin-left: 4%;

  }

  .u-row-3 &gt; .u-col:nth-child(2) ~ .u-col,

  .u-row-4 &gt; .u-col:nth-child(2) ~ .u-col,

  .u-row-5 &gt; .u-col:nth-child(2) ~ .u-col,

  .u-row-6 &gt; .u-col:nth-child(2) ~ .u-col {

    margin-top: 4%;

  }

}

/* ==================== 通用布局 end ==================== */

/* ==================== 动画 start ==================== */

@keyframes arrowAnimate {

  0% {

    transform: translate(0rem, 0rem);

  }

  50% {

    transform: translate(0rem, -0.1667rem);

  }

  100% {

    transform: translate(0rem, 0rem);

  }

}

/* ==================== 动画 end ==================== */

/* ==================== 头部 start ==================== */

header {

  z-index: 99;

  width: 100%;

}

header .pc-nav {

  position: relative;

  z-index: 9;

}

header .pc-nav .nav-top &gt; .mxw-box {

  padding-top: 10px;

  padding-bottom: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

header .pc-nav .nav-top .logo {

  width: 530px;

  flex-shrink: 0;

}

header .pc-nav .nav-top .right {

  display: flex;

  align-items: center;

}

header .pc-nav .nav-top .tel {

  display: flex;

  align-items: center;

  margin-right: 80px;

}

header .pc-nav .nav-top .tel img {

  width: 40px;

  flex-shrink: 0;

  display: block;

  margin-right: 15px;

}

header .pc-nav .nav-top .tel .desc {

  min-width: 0;

  flex-grow: 1;

}

header .pc-nav .nav-top .tel .desc p {

  font-size: 21px;

  color: #666;

  line-height: 1.2;

}

header .pc-nav .nav-top .tel .desc strong {

  font-weight: 400;

  font-size: 21px;

  color: #172a88;

}

header .pc-nav .nav-top .language {

  position: relative;

}

header .pc-nav .nav-top .language:hover ul {

  opacity: 1;

  visibility: visible;

}

header .pc-nav .nav-top .language .head {

  width: 75px;

  height: 38px;

  overflow: hidden;

  padding-right: 20px;

  position: relative;

}

header .pc-nav .nav-top .language .head:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-top: 10px solid #172a88;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

header .pc-nav .nav-top .language ul {

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.4s, visibility 0.4s;

  z-index: 99;

  position: absolute;

  top: 100%;

  left: 0;

  width: 55px;

  background-color: #fff;

}

header .pc-nav .nav-top .language ul &gt; li {

  border-bottom: 1px solid #ddd;

  padding: 10px;

  transform: translateY(10px), background-color 0.4s;

}

header .pc-nav .nav-top .language ul &gt; li:hover {

  background-color: rgba(0, 0, 0, 0.04);

}

header .pc-nav .nav-bottom {

  background-color: #172a88;

}

header .pc-nav .nav-bottom &gt; .mxw-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

header .pc-menu {

  width: 100%;

  display: flex;

  align-items: center;

}

header .pc-menu &gt; li {

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  text-align: center;

  min-width: 0;

  flex-grow: 1;

}

header .pc-menu &gt; li.sub &gt; a {

  padding-right: 10px;

}

header .pc-menu &gt; li.sub &gt; a:after {

  display: block;

}

header .pc-menu &gt; li:after {

  content: "";

  display: block;

  width: 1px;

  height: 22px;

  background-color: #6c78b4;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

header .pc-menu &gt; li:last-child {

  margin-right: 0;

}

header .pc-menu &gt; li:last-child:after {

  display: none;

}

header .pc-menu &gt; li:hover &gt; a {

  background-color: #172a88;

  color: #fff !important;

}

header .pc-menu &gt; li:hover &gt; ul {

  visibility: visible;

  opacity: 1;

}

header .pc-menu &gt; li ul {

  background-color: #fff;

  width: 3.3333rem;

  position: relative;

  visibility: hidden;

  opacity: 0;

  transition: opacity 0.4s, transform 0.4s, visibility 0s;

}

header .pc-menu &gt; li ul:hover {

  opacity: 1;

  visibility: visible;

}

header .pc-menu &gt; li ul li.active &gt; ul,

header .pc-menu &gt; li ul li:hover &gt; ul {

  opacity: 1;

  visibility: visible;

  z-index: 9;

}

header .pc-menu &gt; li ul li a {

  position: relative;

}

header .pc-menu &gt; li ul li a:after {

  content: "";

  display: block;

  width: 80%;

  height: 1px;

  background-color: #eee;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

header .pc-menu &gt; li ul a {

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  width: 100%;

  overflow: hidden;

  font-size: 0.2333rem;

  color: #333;

  line-height: 1.2;

  padding: 0.2333rem;

}

header .pc-menu &gt; li &gt; a {

  text-align: center;

  font-size: 18px;

  padding: 20px 0;

  line-height: 1.2;

  color: #fff;

  z-index: 9;
text-transform: uppercase;
  position: relative;

}

header .pc-menu &gt; li &gt; a:after {

  content: "";

  width: 0;

  height: 0;

  border-top: 8px solid #fff;

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  position: absolute;

  right: -10px;

  top: 50%;

  transform: translateY(-50%);

  display: none;

}

header .pc-menu &gt; li &gt; ul {

  border-top: 1px solid #ddd;

  box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.14);

  position: absolute;

  top: 100%;

  left: 50%;

  transform: translateX(-50%) translateY(0);

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; a.active,

header .pc-menu &gt; li &gt; ul &gt; li &gt; a:hover {

  background-color: rgba(0, 0, 0, 0.04);

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; a.active:after,

header .pc-menu &gt; li &gt; ul &gt; li &gt; a:hover:after {

  display: none;

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; a:last-child:after {

  display: none;

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; ul {

  position: absolute;

  left: 3.3333rem;

  top: 0;

  border-left: 1px solid #ddd;

}

header .pc-menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul {

  position: absolute;

  left: 3.3333rem;

  top: 0;

  border-left: 1px solid #ddd;

}

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

  header .pc-nav .mxw-box {

    max-width: 96%;

  }

}

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

  header .pc-nav .nav-top .logo {

    width: 380px;

  }

  header .pc-nav .nav-top .tel {

    margin-right: 40px;

  }

  header .pc-nav .nav-top .tel img {

    width: 30px;

  }

  header .pc-nav .nav-top .tel .desc p {

    font-size: 16px;

  }

  header .pc-nav .nav-top .tel .desc strong {

    font-size: 18px;

  }

  header .pc-nav .nav-top .language ul {

    width: 39px;

  }

  header .pc-nav .nav-top .language ul &gt; li {

    padding: 5px;

  }

  header .pc-nav .nav-top .language .head {

    width: 55px;

    height: 28px;

    padding-right: 16px;

  }

  header .pc-nav .nav-top .language .head:after {

    border-top: 6px solid #172a88;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

  }

  header .pc-menu &gt; li &gt; a {

    font-size: 15px;

    padding: 15px 0;

  }

}

/* ==================== 头部 end ==================== */

/* ==================== 移动端头部 start ==================== */

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

  header {

    z-index: 99999;

  }

  .mxw-mob-nav .head {

    font-size: 0;

    padding-left: 12px;

    padding-right: 12px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 60px;

    width: 100%;

    transform: translateX(-50%);

    position: fixed;

    top: 0;

    left: 50%;

    z-index: 99;

    background-color: #fff;

    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.2);

  }

  .mxw-mob-nav .logo {

    display: block;

    flex-shrink: 0;

  }

  .mxw-mob-nav .logo img {

    height: 44px;

  }

  .mxw-mob-nav .menu-btn {

    flex-shrink: 0;

    width: 26px;

    height: 20px;

    cursor: pointer;

    outline: none;

    display: flex;

    flex-flow: column;

    justify-content: space-between;

    align-items: center;

  }

  .mxw-mob-nav .menu-btn i {

    display: block;

    width: 100%;

    height: 3px;

    border-radius: 100px;

    background-color: #333;

  }

  .mxw-mob-nav .menus-box {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    right: 50%;

    z-index: 9999;

    background: rgba(0, 0, 0, 0.5);

    visibility: hidden;

    opacity: 0;

    transform: translateX(50%);

  }

  .mxw-mob-nav .menus-box.active {

    visibility: visible;

    opacity: 1;

  }

  .mxw-mob-nav .menus-box.active .menus {

    transform: translateX(0);

  }

  .mxw-mob-nav .menus {

    width: 60%;

    height: 100%;

    margin-right: 0;

    margin-left: auto;

    background: #fff;

    transform: translateX(100%);

    transition: all 0.5s;

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    flex-flow: column;

  }

  .mxw-mob-nav .menus &gt; ul {

    width: 100%;

    overflow: auto;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li img {

    width: 30px;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li.active &gt; a {

    background-color: rgba(0, 0, 0, 0.07);

  }

  .mxw-mob-nav .menus &gt; ul &gt; li.active &gt; ul {

    display: block;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li &gt; a {

    display: block;

    width: 100%;

    padding: 15px 18px;

    font-size: 14px;

    color: #555;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li &gt; a.sub:after {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 0;

    border-top: 4px solid #555;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-bottom: 0;

    margin-left: 10px;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li &gt; ul {

    display: none;

    padding: 0px 24px;

  }

  .mxw-mob-nav .menus &gt; ul &gt; li &gt; ul &gt; li &gt; a {

    font-size: 14px;

    color: #888;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    line-height: 36px;

    height: 36px;

    border-bottom: 1px solid #f3f3f3;

  }

  .mxw-mob-nav .menus-head {

    width: 100%;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #F8F8F8;

    border-bottom: 0.6px solid #eee;

    font-size: 16.8px;

    font-weight: bold;

    line-height: 54px;

    height: 54px;

    padding-left: 18px;

    padding-right: 18px;

  }

  .mxw-mob-nav .menus-head .text {

    color: #333;

    line-height: 1.2;

  }

  .mxw-mob-nav .menus-head .mxw-close {

    flex-shrink: 0;

    width: 20px;

    height: 20px;

    cursor: pointer;

    outline: none;

    position: relative;

    transform: rotate(45deg);

  }

  .mxw-mob-nav .menus-head .mxw-close:before,

  .mxw-mob-nav .menus-head .mxw-close:after {

    content: "";

    display: block;

    border-radius: 100px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-color: #333;

    transform: translate(-50%, -50%);

  }

  .mxw-mob-nav .menus-head .mxw-close:before {

    width: 2px;

    height: 100%;

  }

  .mxw-mob-nav .menus-head .mxw-close:after {

    width: 100%;

    height: 2px;

  }

}

/* ==================== 移动端头部 end ==================== */

/* ==================== 轮播图 start ==================== */

.mxw-banner {

  height: 100%;

  font-size: 0;

  position: relative;

}

.mxw-banner .banner-swiper {

  height: 100%;

  width: 100%;

}

.mxw-banner .swiper-slide {

  overflow: hidden;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.mxw-banner .swiper-slide img {

  width: 100%;

  height: 100%;

}

.mxw-banner .swiper-pagination {

  width: 100%;

  max-width: 1680px;

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  bottom: 30px;

  right: 50%;

  transform: translateX(50%);

  left: auto;

}

.mxw-banner .swiper-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  opacity: 1;

  margin-left: 10px;

  margin-right: 10px;

  border: 1px solid #172a88;

  transition: width 0.4s;

  border-radius: 100%;

  background: none;

}

.mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: #172a88;

}

.mxw-banner .swiper-button-next,

.mxw-banner .swiper-button-prev {

  width: 60px;

  height: 60px;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgba(0, 0, 0, 0.2);

  background-image: none;

  outline: none;

  z-index: 99;

  transform: translateY(-50%);

  top: 50%;

  margin: 0;

}

.mxw-banner .swiper-button-next:after,

.mxw-banner .swiper-button-prev:after {

  font-size: 21px;

  color: #fff;

  font-weight: bold;

}

.mxw-banner .swiper-button-next {

  right: 40px;

}

.mxw-banner .swiper-button-prev {

  left: 40px;

}

.banner-bottom {

  background-color: #f4f4f4;

}

.banner-bottom &gt; .mxw-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.banner-bottom .tel {

  flex-shrink: 0;

  margin-right: 0.8333rem;

  display: flex;

  align-items: center;

}

.banner-bottom .tel .icon {

  width: 1.2rem;

  flex-shrink: 0;

  margin-right: 0.25rem;

}

.banner-bottom .tel .info {

  min-width: 0;

  flex-grow: 1;

}

.banner-bottom .tel .info p {

  font-size: 0.2667rem;

  color: #666;

  line-height: 1.2;

  margin-bottom: 0.1667rem;

}

.banner-bottom .tel .info strong {

  font-size: 0.5rem;

  font-weight: bold;

  color: #333;

  line-height: 1;

  display: block;

}

.banner-bottom .itembox {

  width: 19.3333rem;

  display: flex;

  align-items: stretch;

}

.banner-bottom .item {

  padding-top: 0.4167rem;

  padding-bottom: 0.4167rem;

  width: 25%;

  text-align: center;

  border-left: 0.0167rem solid #e8e8e8;

  border-right: 0.0167rem solid #e8e8e8;

}

.banner-bottom .item .icon {

  width: 0.8333rem;

  display: block;

  margin: 0 auto 0.25rem;

}

.banner-bottom .item .text {

  font-size: 0.2667rem;

  color: #333;

  line-height: 1.4;

}

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

  .mxw-banner .swiper-pagination {

    padding-right: 0px;

    bottom: 10px;

    max-width: 80%;

  }

  .mxw-banner .swiper-pagination .swiper-pagination-bullet {

    margin: 0 5px;

    font-size: 14px;

    width: 8px;

    height: 8px;

  }

  .mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    font-size: 18px;

  }

  .mxw-banner .swiper-button-next,

  .mxw-banner .swiper-button-prev {

    display: none;

  }

  .banner-bottom &gt; .mxw-box {

    flex-wrap: wrap;

  }

  .banner-bottom .tel {

    width: 100%;

    margin-right: 0;

    margin-bottom: 30px;

  }

  .banner-bottom .tel .icon {

    width: 50px;

    margin-right: 10px;

  }

  .banner-bottom .tel .info p {

    font-size: 14px;

    margin-bottom: 5px;

  }

  .banner-bottom .tel .info strong {

    font-size: 23px;

  }

  .banner-bottom .itembox {

    flex-wrap: wrap;

  }

  .banner-bottom .item {

    padding: 10px;

    border: 0;

    border-right: 1px solid #ddd;

    width: 50%;

  }

  .banner-bottom .item .icon {

    margin-bottom: 5px;

  }

  .banner-bottom .item .text {

    font-size: 14px;

  }

  .banner-bottom .item:nth-child(2n) {

    border-right: 0;

  }

  .banner-bottom .item:nth-child(2) ~ .item {

    border-top: 1px solid #ddd;

  }

}

/* ==================== 轮播图 end ==================== */

/* ==================== 通用标题 start ==================== */

.mxw-title {

  overflow: hidden;

  margin-bottom: 1rem;

  text-align: center;

}

.mxw-title .text1 {

  font-size: 0.6667rem;

  color: #333;

  line-height: 1.2;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

  margin-bottom: 0.1667rem;

}

.mxw-title .text1 strong {

  color: #172a88;

  font-weight: 400;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

}

.mxw-title .line {

  display: flex;

  align-items: center;

  justify-content: center;

}

.mxw-title .line:before {

  content: "";

  display: block;

  width: 14px;

  height: 3px;

  background-color: #be181f;

  margin-right: 10px;

}

.mxw-title .line:after {

  content: "";

  width: 44px;

  height: 3px;

  background-color: #172a88;

  display: block;

}

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

  .mxw-title {

    width: 100%;

    margin-bottom: 30px;

    text-align: center;

  }

  .mxw-title .text1 {

    font-size: 20px;

  }

  .mxw-title .line {

    justify-content: center;

  }

}

/* ==================== 通用标题 end ==================== */

/* ==================== 热销推荐 start ==================== */

.mxw-recommend {

  background: url(../images/img04.jpg) no-repeat center;

  background-size: cover;

}

.mxw-recommend .mxw-title {

  text-align: left;

}

.mxw-recommend .mxw-title .line {

  justify-content: flex-start;

}

.mxw-recommend .head {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.mxw-recommend .head .mxw-title {

  flex-shrink: 0;

  margin-bottom: 0;

}

.mxw-recommend .btn-group {

  overflow: hidden;

  padding-right: 0.3333rem;

  min-width: 0;

  flex-grow: 1;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  margin-left: 0.3333rem;

  margin-bottom: 0.25rem;

}

.mxw-recommend .btn-group::after {

  content: '';

  display: block;

  width: 32rem;

  height: 0.0167rem;

  background-color: #d2d2d2;

  position: absolute;

  right: 1.8333rem;

  top: 50%;

  transform: translateY(-50%);

}

.mxw-recommend .btn-group .mxw-prev,

.mxw-recommend .btn-group .mxw-next {

  display: block;

  width: 0.4333rem;

  height: 0.4333rem;

  transform: skewX(-30deg);

  color: #fff;

  background-color: #be141d;

  text-align: center;

  cursor: pointer;

}

.mxw-recommend .btn-group .mxw-prev:after,

.mxw-recommend .btn-group .mxw-next:after {

  content: "&lt;";

  transform: skewX(30deg);

  display: block;

  font-size: 0.3rem;

}

.mxw-recommend .btn-group .mxw-prev {

  margin-right: 0.1667rem;

}

.mxw-recommend .btn-group .mxw-next:after {

  content: "&gt;";

}

.mxw-recommend .recommend-product {

  margin-top: 0.1667rem;

}

.mxw-recommend .recommend-product .swiper-slide {

  padding-top: 0.8333rem;

  padding-bottom: 0.8333rem;

}

.mxw-recommend .item {

  display: block;

  padding: 0.6667rem;

  background-color: #fff;

  border: solid 0.0167rem #e7e7e7;

  transition: box-shadow 0.4s;

}

.mxw-recommend .item:hover {

  border-color: #fff;

  box-shadow: 0rem 0rem 0.8333rem 0rem rgba(46, 46, 46, 0.18);

}

.mxw-recommend .item:hover .mxw-more {

  border-bottom: transparent;

  background-color: #be141d;

  color: #fff;

}

.mxw-recommend .item .image {

  text-align: center;

  margin-bottom: 0.3333rem;

}

.mxw-recommend .item img {

  width: auto;

}

.mxw-recommend .item .info .text1 {

  font-size: 0.3rem;

  color: #787878;

  line-height: 1.2;

  text-transform: uppercase;

  margin-bottom: 0.1667rem;

}

.mxw-recommend .item .info .text2 {

  font-size: 0.4333rem;

  color: #172a88;

  line-height: 1.2;

  font-weight: bold;

  margin-bottom: 0.5rem;

}

.mxw-recommend .item .info .desc {

  font-size: 0.3rem;

  color: #787878;

  line-height: 1.8em;

  margin-bottom: 0.6667rem;

}

.mxw-recommend .item .mxw-more {

  display: inline-block;

  padding: 0.1667rem;

  border-bottom: 0.0167rem solid #666;

  font-size: 0.3rem;

  color: #666;

  line-height: 1.2;

}

@media screen and (min-width: 1200px) {

  .mxw-recommend .mxw-box {

    padding-top: 100px;

    padding-bottom: 50px;

  }

}

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

  .mxw-recommend .head .mxw-title {

    margin-bottom: 30px;

  }

  .mxw-recommend .recommend-product {

    margin-top: 0;

  }

  .mxw-recommend .recommend-product .swiper-slide {

    padding: 0;

  }

  .mxw-recommend .item {

    padding: 20px 15px;

  }

  .mxw-recommend .item .info .text1 {

    font-size: 12px;

    margin-bottom: 5px;

  }

  .mxw-recommend .item .info .text2 {

    font-size: 16px;

    margin-bottom: 15px;

  }

  .mxw-recommend .item .info .desc {

    font-size: 12px;

    line-height: 1.8;

    margin-bottom: 10px;

  }

  .mxw-recommend .item .mxw-more {

    width: 100%;

    padding: 8px;

    font-size: 12px;

    text-align: center;

  }

}

/* ==================== 热销推荐 end ==================== */

/* ==================== 产品中心 start ==================== */

.mxw-product .mxw-cate {

  padding: 0.8333rem 0.25rem 0.55rem;

  background: url(../images/img46.jpg) no-repeat center;

  background-size: cover;

    display: flex;

    flex-wrap: wrap;

    flex-flow: column;

}

.mxw-product .mxw-cate li {

  display: block;

  width: 100%;

  margin-bottom: 0.6667rem;

  font-size: 0.3333rem;

  color: #666;

  line-height: 1.2;

  padding-left: 0.4333rem;

  position: relative;

  padding-bottom: 0.0833rem;

}

.mxw-product .mxw-cate li.active,

.mxw-product .mxw-cate li:hover {

  color: #172a88;

}

.mxw-product .mxw-cate li.active:before,

.mxw-product .mxw-cate li:hover:before {

  color: #172a88;

}

.mxw-product .mxw-cate li.active:after,

.mxw-product .mxw-cate li:hover:after {

  width: 100%;

}

.mxw-product .mxw-cate li:before {

  content: "&gt;";

  display: block;

  font-size: 0.3rem;

  color: #333;

  position: absolute;

  top: 0.0333rem;

  left: 0;

  line-height: 1.2;

}

.mxw-product .mxw-cate li:after {

  content: "";

  display: block;

  width: 0;

  height: 0.0167rem;

  position: absolute;

  bottom: 0;

  left: 0;

  transition: width 0.4s;

  background-color: #172a88;

}

.mxw-product .mxw-cate .tel {

  padding: 0.5rem 0.3333rem;

  background: url(../images/img16.jpg) no-repeat center;

  background-size: cover;

}

.mxw-product .mxw-cate .tel p {

  font-size: 0.2667rem;

  color: #fff;

  line-height: 1.2;

  margin-bottom: 0.1667rem;

}

.mxw-product .mxw-cate .tel strong {

  font-weight: bold;

  font-size: 0.4333rem;

  line-height: 1.2;

  font-style: italic;

  letter-spacing: -0.0167rem;

}

.mxw-product .item {

  overflow: hidden;

  position: relative;

  display: block;

  border: solid 0.0167rem #dfdfdf;

  transition: box-shadow 0.4s;

}

.mxw-product .item:hover {

  border-color: transparent;

  box-shadow: 0rem 0rem 0.8333rem 0rem rgba(46, 46, 46, 0.18);

}

.mxw-product .item:hover .info {

  transform: translateY(0);

  opacity: 1;

  visibility: visible;

}

.mxw-product .item .info {

    padding: 0.2rem 0 0.4rem;

     transform: translateY(0);

  visibility: visible;

  opacity: 1;

  transition: transform 0.4s, visibility 0.4s, opacity 0.4s;

  width: 4.5rem;

  position: absolute;

  bottom: 0.1667rem;

  left: 50%;

  margin-left: -2.25rem;

  color: #fff;

  background-color: rgba(23, 42, 136, 0.82);

  margin-bottom: 0.4167rem;

}

.mxw-product .item .info:after {

  content: "";

  display: block;

  background: url(../images/img15.png) no-repeat center;

  width: 0.8333rem;

  height: 0.8333rem;

  background-size: 100%;

  margin-bottom: -0.4167rem;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

.mxw-product .item .info .title {

  font-size: 0.3333rem;

  line-height: 1.2;

  font-weight: bold;

  text-align: center;

}

@media screen and (min-width: 1200px) {

  .mxw-product &gt; .mxw-box {

    padding-top: 1.6667rem;

    padding-bottom: 1.0833rem;

  }

  .mxw-product .body {

    display: flex;    align-items: stretch;

  

  }

  .mxw-product .mxw-cate {

    width: 19%;

    flex-shrink: 0;

    margin-right: 0.3333rem;

  }

  .mxw-product .mxw-cate ul {

    padding: 0 ;    flex-grow: 1;

  }

  .mxw-product .itembox {

    min-width: 0;

    flex-grow: 1;

  }

}

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

  .mxw-product .mxw-cate {

    width: 22%;

  }

  .mxw-product .mxw-cate ul {

    padding: 0 0.5rem;

  }

  .mxw-product .mxw-cate li {

    font-size: 0.3rem;

    margin-bottom: 0.465rem;

  }

}

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

  .mxw-product .mxw-cate {

    width: 100%;

    padding: 20px;

    margin-bottom: 20px;

  }

  .mxw-product .mxw-cate ul {

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .mxw-product .mxw-cate ul li {

    width: 48%;

    font-size: 13px;

    padding-left: 15px;

    margin-bottom: 0;

  }

  .mxw-product .mxw-cate ul li:nth-child(2) ~ li {

    margin-top: 4%;

  }

  .mxw-product .mxw-cate ul li:before {

    font-size: 12px;

  }

  .mxw-product .mxw-cate .tel {

    padding-top: 0.4rem;

    padding-bottom: 0.4rem;

  }

  .mxw-product .item .info {

    width:100%;

position: initial;

    margin: 0;

    padding: 0;

  }

  .mxw-product .item .info .title {

        padding: 10px 5px;

    font-size: 14px;

white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

  }

  .mxw-product .item .info:after {

    display: none;

  }

}

/* ==================== 产品中心 end ==================== */

/* ==================== 关于我们 start ==================== */

.mxw-about .top .left {

  display: flex;

  flex-flow: column;

  justify-content: center;

  align-items: flex-start;

  /*background: url(../images/img17.jpg) no-repeat center top;

  padding: 1.3333rem 0.6667rem 0.8333rem;*/

}

.cpzx-bt{

	width: 100%;

	text-align: center;

	font-size: 24px;

	padding-top: 45px;

	padding-bottom: 10px;

}

.cpzx-bt-hx{

	border: 1px solid #2196F3;

	width: 150px;

	    margin: 10px auto;

}

.mxw-about .top .left .text1 {

  font-size: 0.65rem;

  color: #fff;

  line-height: 1em;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

  letter-spacing: 0.05rem;

}

.mxw-about .top .left .mxw-more {

  margin-top: 0.6667rem;

  width: 2.0667rem;

  height: 0.55rem;

  border: 0.0167rem solid #687094;

  line-height: 0.5167rem;

  font-size: 0.2333rem;

  color: #fff;

  text-align: center;

  display: block;

  transition: background-color 0.4s, border-color 0.4s, transform 0.4s;

}

.mxw-about .top .left .mxw-more:hover {

  color: #333;

  background-color: #fff;

  border-color: #fff;

  transform: translateX(0.1667rem);

}

.mxw-about .top .desc {

  font-size: 0.2667rem;

  color: rgba(55, 55, 55, 0.74);

  line-height: 2.2em;

  padding: 1.3333rem 1.5rem;

}

@media screen and (min-width: 1200px) {

  .mxw-about {

    padding-top: 1.0833rem;

  }

  .mxw-about .body {

    background: url(../images/img47.jpg) no-repeat right top;

  }

  .mxw-about .top {

    display: flex;

    align-items: stretch;

  }

  .mxw-about .top .left {

    width: 37.5%;

    flex-shrink: 0;

  }

  .mxw-about .top .desc {

    min-width: 0;

    flex-grow: 1;

  }

  .mxw-about .image {

    width: 110%;

    margin-left: -10%;

  }

}

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

  .mxw-about {

    padding-top: 30px;

  }

  .mxw-about .body &gt; .mxw-box {

    padding-top: 0;

  }

  .mxw-about .top .left {

    /*padding: 20px;*/

  }

  .mxw-about .top .left .text1 {

    font-size: 23px;

    line-height: 1.2em;

    letter-spacing: 1px;

  }

  .mxw-about .top .left .mxw-more {

    margin-top: 20px;

    width: 120px;

    height: 30px;

    line-height: 28px;

    font-size: 12px;

  }

  .mxw-about .top .desc {

    margin-top: 0;

    margin-bottom: 30px;

    padding: 0;

    font-size: 14px;

    line-height: 2em;    word-break: break-word;

  }

}

/* ==================== 关于我们 end ==================== */

/* ==================== 合作伙伴 start ==================== */

.mxw-brand {

  background: url(../images/img19.jpg) no-repeat top left;

  background-size: cover;

}

.mxw-brand .mxw-cate {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 1rem;

}

.mxw-brand .mxw-cate .cate-item {

  display: block;

  border: solid 1px #e6e6e6;

  font-size: 0.3rem;

  color: #333;

  text-align: center;

  text-transform: uppercase;

  margin-right: 0.6667rem;

}

.mxw-brand .mxw-cate .cate-item.active,

.mxw-brand .mxw-cate .cate-item:hover {

  background-color: #172a88;

  border-color: #172a88;

  color: #fff;

}

.mxw-brand .item {

  border: solid 1px #e2e2e2;

}

@media screen and (min-width: 1200px) {

  .mxw-brand &gt; .mxw-box {

    padding-top: 1.5rem;

    padding-bottom: 1.6667rem;

  }

  .mxw-brand .mxw-cate .cate-item {

    min-width: 3.6167rem;

    padding: 0.25rem;

  }

}

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

  .mxw-brand .mxw-cate {

    flex-wrap: wrap;

    margin-bottom: 20px;

    justify-content: flex-start;

  }

  .mxw-brand .mxw-cate .cate-item {

    width: 48%;

    padding: 8px;

    font-size: 12px;

    margin-right: 0;

  }

  .mxw-brand .mxw-cate .cate-item:nth-child(2n) {

    margin-left: 4%;

  }

  .mxw-brand .mxw-cate .cate-item:nth-child(2) ~ .cate-item {

    margin-top: 2%;

  }

}

/* ==================== 合作伙伴 end ==================== */

/* ==================== 厂房图 start ==================== */

.mxw-album {

  background-color: #25368e;

  background-image: url(/skin/images/bg.jpg);

  background-size:cover;background-repeat: no-repeat;background-position: center;

}

.mxw-album .mxw-title .text1 {

  color: #fff;

}

.mxw-album .mxw-title .text1 strong {

  color: #fff;

}

.mxw-album .mxw-title .line:before,

.mxw-album .mxw-title .line:after {

  background-color: #fff;

}

.mxw-album .desc {

  font-size: 0.25rem;

  color: #fff;

  line-height: 1.8em;

}

.mxw-album .desc strong {

  color: #fff;

  font-style: italic;

}

.mxw-album .body .mxw-box {

  display: flex;

  align-items: center;

}

.mxw-album .itembox {

  min-width: 0;

  flex-grow: 1;

}

.mxw-album .item {

  overflow: hidden;

  display: flex;

  align-items: flex-start;

  padding-bottom: 1.3333rem;

  padding-top: 0.2rem;

}

.mxw-album .item:last-child .number:before {

  display: none;

}

.mxw-album .item .number {

  font-size: 0.5rem;

  font-style: italic;

  width: 1rem;

  height: 1rem;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  flex-shrink: 0;

  margin: 0 0.3333rem;

  margin-right: 0.6667rem;

}

.mxw-album .item .number:before {

  content: "";

  display: block;

  width: 0.0167rem;

  height: 32rem;

  background-color: #fff;

  position: absolute;

  top: 120%;

  left: 50%;

}

.mxw-album .item .number:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  border: 0.0167rem solid #fff;

  transform: rotate(45deg);

  position: absolute;

  top: 0;

  left: 0;

  pointer-events: none;

}

.mxw-album .item .info {

  min-width: 0;

  flex-grow: 1;

  color: #fff;

}

.mxw-album .item .text1 {

  font-size: 0.3333rem;

  font-weight: bold;

  line-height: 1.2;

  margin-bottom: 0.3333rem;

}

.mxw-album .item .text2 {

  font-size: 0.2333rem;

  line-height: 1.6;

}

.mxw-album .album-swiper {

  width: 40%;

  flex-shrink: 0;

  margin-left: 1.5rem;

}

@media screen and (min-width: 1200px) {

  .mxw-album {

    padding-top: 1.6667rem;

    padding-bottom: 1rem;

  }

  .mxw-album .mxw-title {

    margin-bottom: 0;

  }

  .mxw-album .mxw-title .line {

    justify-content: flex-start;

  }

  .mxw-album .head {

    margin-bottom: 1.5rem;

  }

  .mxw-album .head &gt; .mxw-box {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

  }

  .mxw-album .desc {

    width: 59%;

  }

}

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

  .mxw-album .body .mxw-box {

    flex-wrap: wrap;

    padding-top: 0;

  }

  .mxw-album .body .itembox {

    width: 100%;

  }

  .mxw-album .body .album-swiper {

    width: 100%;

  }

  .mxw-album .item {

    padding-bottom: 20px;

    padding-top: 8px;

  }

  .mxw-album .item .text1 {

    font-size: 14px;

    margin-bottom: 10px;

  }

  .mxw-album .item .text2 {

    font-size: 12px;

  }

  .mxw-album .item .number {

    font-size: 22px;

    width: 40px;

    height: 40px;

    margin: 0 10px;

    margin-right: 20px;

  }

  .mxw-album .album-swiper {

    width: 100%;

    margin-left: 0;

  }

}

/* ==================== 厂房图 end ==================== */



/* ==================== 通用 - 面包屑 start ==================== */

.bread-crumbs &gt; .mxw-ny-box {

  padding: 0;

}

.bread-crumbs &gt; .mxw-box {

  padding: 0.4167rem 0;

  border-bottom: solid 0.0167rem #d7d7d7;

}

.bread-crumbs &gt; .mxw-box &gt; a {

  font-size: 0.2333rem;

  color: #333;

  line-height: 1.2;

  vertical-align: middle;

}

.bread-crumbs &gt; .mxw-box &gt; a:last-child:after {

  display: none;

}

.bread-crumbs &gt; .mxw-box &gt; a::after {

  content: "&gt;";

  color: #333 !important;

  padding: 0 5px;

}

.bread-crumbs .icon {

  width: 0.3333rem;

  flex-shrink: 0;

  margin-right: 0.2rem;

  vertical-align: middle;

  display: inline-block;

  font-size: 0;

}

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

  .bread-crumbs &gt; .mxw-box {

    padding: 15px 20px;

  }

}

/* ==================== 通用 - 面包屑 end ==================== */

/* ==================== 通用 - 分类 start ==================== */

.ny-cate &gt; .mxw-ny-box {

  padding: 0;

}

.ny-cate &gt; .mxw-box {

  display: flex;

  align-items: stretch;

  flex-wrap: wrap;

}

.ny-cate .cate-item {

  text-align: center;

  background-color: #f5f5f5;

  height: 0.8333rem;

  line-height: 0.8333rem;

  font-size: 0.3rem;

}

.ny-cate .cate-item.active,

.ny-cate .cate-item:hover {

  background-color: #172a88;

  color: #fff;

}

@media screen and (min-width: 1200px) {

  .ny-cate {

    margin-top: 0.5rem;

  }

  .ny-cate .cate-item {

    width: 15.833333;

    margin-right: 1%;

  }

  .ny-cate .cate-item:nth-child(6) ~ .cate-item {

    margin-top: 1%;

  }

}

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

  .ny-cate {

    margin-top: 20px;

  }

  .ny-cate &gt; .mxw-box {

    padding: 0px 20px;

  }

  .ny-cate .cate-item {

    width: 48%;

    margin: 0!important;

    margin-right: 4%!important;

    height: auto;

    line-height: inherit;

    padding: 8px 10px;

    font-size: 12px;

  }

  .ny-cate .cate-item:nth-child(2n) {

    margin-right: 0!important;

  }

  .ny-cate .cate-item:nth-child(2) ~ .cate-item {

    margin-top: 2%!important;

  }

}

/* ==================== 通用 - 分类 end ==================== */

/* ==================== 内页 - 关于我们 start ==================== */

.ny-about .mxw-about {

  padding-top: 0;

}

.ny-about .mxw-about .image {

  margin-left: 0;

  width: 100%;

}

.ny-about .mxw-about .top .desc {

  padding-top: 0.8rem;

  padding-bottom: 0.8rem;

}

/* ==================== 内页 - 关于我们 end ==================== */

/* ==================== 内页 - 产品列表 start ==================== */

.ny-product .itembox {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

}

.ny-product .item:hover {

  z-index: 99;

}

.ny-product .item:hover .title {

  color: #172a88;

}

.ny-product .item .image {

  border: 1px solid #ddd;

  margin-bottom: 0.2rem;

}

.ny-product .item .title {

  font-weight: bold;

  text-align: center;

  font-size: 0.2667rem;

  color: #333;

  line-height: 1.8;

}

@media screen and (min-width: 1200px) {

  .ny-product .item {

   /* width: 22.15%;

    margin-right: 3.8%;*/

  }

  .ny-product .item:nth-child(4n) {



  }

  .ny-product .item:nth-child(4n) .imgpart .bigpic {

    right: 0;

    left: -7.8333rem;

  }

  .ny-product .item:nth-child(4) ~ .item {

  /*  margin-top: 4%;*/

  }

  .imgpart {

    position: relative;

  }

  .imgpart .minpic {

    position: relative;

    width: 100%;

    height: 100%;

  }

  .imgpart .minpic .magnify {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 1.6667rem;

    height: 1.6667rem;

    cursor: move;

    background-color: #fff;

    opacity: 0.3;

    filter: alpha(opacity=30);

  }

  .imgpart .minpic img {

    width: 100%;

    height: 100%;

  }

  .imgpart .bigpic {

    display: none;

    position: absolute;

    top: 0;

    right: -7.8333rem;

    width: 7.6667rem;

    height: 7.6667rem;

    z-index: 333;

    border: 0.0167rem solid #fff;

    overflow: hidden;

    box-shadow: 0 0 0.1667rem -0.0333rem rgba(0, 0, 0, 0.2);

  }

  .imgpart .bigpic &gt; img {

    position: absolute;

    top: 0;

    left: 0;

    width: 13.3333rem;

    max-width: inherit;

  }

}

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

  .ny-product .bigpic {

    display: none!important;

  }

  .ny-product .item .image {

    margin-bottom: 15px;

  }

  .ny-product .mxw-cate {

    padding-bottom: 20px;

    margin-bottom: 20px;

  }

  .ny-product .cate-item {

    margin-bottom: 15px;

  }

  .ny-product .cate-item .list {

    margin-top: -5px;

  }

  .ny-product .cate-item .list &gt; a {

    margin: 5px 2px;

  }

}

/* ==================== 内页 - 产品列表 end ==================== */

/* ==================== 产品详情页 start ==================== */

.ny-product-desc {

  overflow: hidden;

}

.ny-product-desc .product-image {

  width: 44%;

  margin-right: 3%;

  flex-shrink: 0;

  position: relative;

  z-index: 9;

}

.ny-product-desc .product-image img {

  width: 100%;

}

.ny-product-desc .product-desc {

  width: 53%;

}

.ny-product-desc .product-desc .title {

  font-size: 0.4667rem;

  padding-bottom: 0.3333rem;

  border-bottom: 0.0167rem solid #ddd;

  margin-bottom: 0.3333rem;

  font-weight: bold;

  color: #172a88;

}

.ny-product-desc .product-desc .desc {

  word-break: break-all;

  font-size: 0.3rem;

  color: #666;

  line-height: 1.8;

}

.ny-product-desc .bottom {

  margin-top: 0.6667rem;

  font-size: 0.2667rem;

  line-height: 1.8;

  text-align: justify;

}

.easyzoom-flyout img {

  max-width: inherit!important;

  width: auto!important;

}

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

  .ny-product-desc {

    padding: 0;

  }

  .ny-product-desc .product-image {

    width: 100%;

    margin-right: 0;

    margin-bottom: 15px;

    pointer-events: none;

  }

  .ny-product-desc .product-desc {

    width: 100%;

  }

  .ny-product-desc .product-desc .title {

    font-size: 18px;

    margin-bottom: 10px;

    padding-bottom: 10px;

  }

  .ny-product-desc .top {

    flex-flow: column;

  }

  .ny-product-desc .product-desc .desc {

    font-size: 14px;

  }

  .ny-product-desc .bottom {

    margin-top: 15px;

  }

}

/* ==================== 产品详情页 end ==================== */

/* ==================== 内页 - 产品详情 start ==================== */

.ny-product-desc .top {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

}

.ny-product-desc .big-swiper {

  border: 1px solid #ddd;

}

.ny-product-desc .ny-product-image {

  width: 30%;

  flex-shrink: 0;

  margin-right: 5%;

}







.ny-product-desc .right {

  width: 65%;

  display: flex;

  flex-flow: column;

  align-items: flex-start;

}

.ny-product-desc .info {

  flex-grow: 1;

  width: 100%;

}

.ny-product-desc .info .head {

  padding-bottom: 0.1667rem;

  width: 100%;

  border-bottom: 0.0167rem solid #dcdcdc;

  margin-bottom: 0.3333rem;

}

.ny-product-desc .info .head .text1 {

  font-size: 0.5667rem;

  font-weight: bold;

  color: #333;

  line-height: 1.6;

  text-align: justify;

}

.ny-product-desc .info .head .text2 {

  font-size: 0.2667rem;

  color: #606060;

  line-height: 1.8;

  text-align: justify;

}

.ny-product-desc .info .detail {

  font-size: 0.2667rem;

  line-height: 1.8;

  text-align: justify;

}

.ny-product-desc .info .mxw-more {

  margin-top: 1rem;

  border-radius: 1.6667rem;

  margin-left: 0;

}

.ny-product-desc .small-image {

  width: 100%;

  max-width: 10rem;

  margin-top: 0.5rem;

  position: relative;

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}

.ny-product-desc .small-image .swiper-slide {

  max-width: 2rem;

}

.ny-product-desc .small-image .mxw-image {

  cursor: pointer;

  border: 3px solid #eee;

  border-radius: 0.0833rem;

  height:107px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ny-product-desc .small-image .swiper-slide-thumb-active .mxw-image {

  border-color: #172a88;

}

.ny-product-desc .small-image .swiper-button-disabled {

  opacity: 1;

}

.ny-product-desc .small-image .swiper-button-next:after,

.ny-product-desc .small-image .swiper-button-prev:after {

  font-size: 0.4667rem;

  color: #ccc;

}

.ny-product-desc .small-image .swiper-button-next {

  right: 0rem;

}

.ny-product-desc .small-image .swiper-button-prev {

  left: 0rem;

}

.ny-product-desc .bottom {

  margin-top: 0.8333rem;

}

.ny-product-desc .bottom .head {

  width: 100%;

  border-bottom: 0.0167rem solid #d9d9d9;

  display: flex;

  flex-wrap: wrap;

  align-items: flex-end;

  justify-content: flex-start;

  margin-bottom: 0.6667rem;

}

.ny-product-desc .bottom .head .text1 {

  padding: 0 0.3333rem;

  border-bottom: 0.0833rem solid #172a88;

  font-size: 0.3rem;

  line-height: 0.8333rem;

  height: 0.8333rem;

  color: #172a88;

}

.ny-product-desc .big-swiper .swiper-slide{

height:auto

}

.ny-product-desc .big-swiper .mxw-image{

height:100%;    display: flex;

    align-items: center;

    justify-content: center;

}





@media screen and (min-width: 1200px) {

  .ny-product-desc .mxw-box {

    max-width: 1400px;

  }

  .ny-product-desc .top {

    align-items: stretch;

  }

}

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

  .ny-product-desc .mxw-box {

    max-width: 90%;

  }

}

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

  .ny-product-desc .mxw-box {

    max-width: 100%;

  }

  .ny-product-desc .top {

    flex-wrap: wrap;

  }

  .ny-product-desc .ny-product-image {

    width: 100%;

    margin-right: 0;

  }

  .ny-product-desc .right {

    width: 100%;

  }

  .ny-product-desc .info {

    order: 2;

  }

  .ny-product-desc .small-image {

    padding: 0;

    margin-bottom: 20px;

    max-width: 100%;

  }

  .ny-product-desc .small-image .swiper-slide {

    max-width: 120px;

  }

  .ny-product-desc .swiper-button-next,

  .ny-product-desc .swiper-button-prev {

    display: none;

  }

  .ny-product-desc .info .head {

    margin-bottom: 15px;

  }

  .ny-product-desc .info .head .text1 {

    font-size: 22px;

  }

  .ny-product-desc .info .head .text2 {

    font-size: 14px;

  }

  .ny-product-desc .info .detail {

    font-size: 14px;

  }

  .ny-product-desc .info .mxw-more {

    margin-top: 20px;

  }

  .ny-product-desc .bottom {

    margin-top: 30px;

  }

  .ny-product-desc .bottom .head {

    margin-bottom: 10px;

  }

  .ny-product-desc .bottom .head .text1 {

    font-size: 16px;

    border-bottom-width: 3px;

    height: 40px;

    line-height: 40px;

  }

}

/* ==================== 内页 - 产品详情 end ==================== */

/* ==================== 内页 - 新闻列表2 start ==================== */

.ny-news2 .item {

  display: flex;

  align-items: center;

  padding: 0.5rem;

  transition: all 0.4s;

  border: 0.0167rem solid #dedede;

  box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.14);

  margin-bottom: 0.6667rem;

}

.ny-news2 .item:hover {

  box-shadow: 0rem 0rem 0.1667rem 0rem rgba(0, 0, 0, 0.14);

}

.ny-news2 .item:hover .title {

  color: #172a88;

}

.ny-news2 .item .image {

  flex-shrink: 0;

  width: 4.6667rem;

  margin-right: 0.5rem;

}

.ny-news2 .item .info {

  min-width: 0;

  flex-grow: 1;

}

.ny-news2 .item .head {

  display: flex;

  align-items: center;

  color: #888;

  padding-bottom: 0.1667rem;

  border-bottom: 0.0167rem solid #888;

  margin-bottom: 0.3333rem;

}

.ny-news2 .item .title {

  flex-grow: 1;

  font-size: 0.4rem;

  line-height: 1.2;

}

.ny-news2 .item .time {

  font-size: 0.2667rem;

  line-height: 1.2;

  flex-shrink: 0;

}

.ny-news2 .item .desc {

  font-size: 0.2667rem;

  color: #888;

  line-height: 1.8;

  margin-bottom: 0.5rem;

}

.ny-news2 .item .more {

  width: 2.0833rem;

  height: 0.6rem;

  line-height: 0.6rem;

  background-color: #fff;

  border: solid 0.0167rem #dedede;

  display: block;

  text-align: center;

  font-size: 0.2rem;

  color: #888888;

}

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

  .ny-news2 .item {

    padding: 15px;

    margin-bottom: 20px;

    flex-wrap: wrap;

  }

  .ny-news2 .item .image {

    width: 100%;

    margin-right: 0;

    margin-bottom: 20px;

  }

  .ny-news2 .item .info {

    width: 100%;

  }

  .ny-news2 .item .head {

    margin-bottom: 10px;

  }

  .ny-news2 .item .title {

    font-size: 16px;

  }

  .ny-news2 .item .time {

    font-size: 12px;

  }

  .ny-news2 .item .desc {

    margin-bottom: 20px;

    font-size: 12px;

    line-height: 1.8em;

    height: 3.6em;

    margin-bottom: 10px;

    overflow: hidden;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    white-space: inherit;

  }

  .ny-news2 .item .more {

    width: 100%;

    padding: 8px 20px;

    font-size: 12px;

    height: auto;

    line-height: inherit;

  }

}

/* ==================== 内页 - 新闻列表2 end ==================== */

/* ==================== 内页 - 新闻详情 start ==================== */

.ny-news-desc {

  padding: 0.7258rem 0.4032rem;

  padding-top: 0;

  margin-bottom: 0.5645rem;

}

.ny-news-desc &gt; .mxw-box {

  padding-top: 1rem;

}

.ny-news-desc .title {

  font-weight: bold;

  font-size: 0.4516rem;

  color: #333;

  padding-bottom: 0.3226rem;

}

.ny-news-desc .info {

  font-size: 0;

  padding-bottom: 0.3226rem;

  border-bottom: 1px solid #d5d5d5;

  margin-bottom: 0.3226rem;

}

.ny-news-desc .info .text {

  font-size: 0.2581rem;

  color: #999;

  display: inline-block;

  margin-right: 0.3226rem;

  border-left: 1px solid #ccc;

  padding-left: 0.3226rem;

}

.ny-news-desc .info .tip + .text {

  border-left: 0;

}

.ny-news-desc .info .tip {

  border: 1px solid #999;

  border-radius: 1.6129rem;

  padding: 0.0806rem 0.1613rem;

  line-height: 1;

  font-size: 0.2258rem;

  display: inline-block;

  color: #999;

}

.ny-news-desc .article img {

  display: block;

  margin: 0 auto;

}

.ny-news-desc .article {

  line-height: 1.8;

  text-align: justify;

  font-size: 0.2581rem;

}

.ny-news-desc .article p {

  line-height: 1.8;

}

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

  .ny-news-desc {

    padding: 0;

    background: none;

    margin-bottom: 0;

  }

  .ny-news-desc &gt; .mxw-box {

    padding: 30px 20px;

  }

  .ny-news-desc .article {

    font-size: 0.28rem;

  }

  .ny-news-desc .info .text {

    margin-right: 0.1rem;

    padding-left: 0.1rem;

    line-height: 2em;

    display: inline;

  }

  .ny-news-desc .info {

    padding-bottom: 0.2rem;

  }

}

/* ==================== 内页 - 新闻详情 end ==================== */

/* ==================== 内页 - 相册中心 start ==================== */

.ny-album .item {

  overflow: hidden;

  position: relative;

  display: block;

  border: solid 0.0167rem #dfdfdf;

  transition: box-shadow 0.4s;

}

.ny-album .item:hover {

  border-color: transparent;

  box-shadow: 0rem 0rem 0.8333rem 0rem rgba(46, 46, 46, 0.18);

}

.ny-album .item:hover .info {

  transform: translateY(0);

  opacity: 1;

  visibility: visible;

}

.ny-album .item .info {

  pointer-events: none;

  padding: 0.8333rem 0;

  transform: translateY(1.6667rem);

  visibility: hidden;

  opacity: 0;

  transition: transform 0.4s, visibility 0.4s, opacity 0.4s;

  width: 4.5rem;

  position: absolute;

  bottom: 0.1667rem;

  left: 50%;

  margin-left: -2.25rem;

  color: #fff;

  background-color: rgba(23, 42, 136, 0.82);

  margin-bottom: 0.4167rem;

}

.ny-album .item .info:after {

  content: "";

  display: block;

  background: url(../images/img15.png) no-repeat center;

  width: 0.8333rem;

  height: 0.8333rem;

  background-size: 100%;

  margin-bottom: -0.4167rem;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

.ny-album .item .info .title {

  font-size: 0.3333rem;

  line-height: 1.2;

  font-weight: bold;

  text-align: center;

}

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

  .ny-album .item .info {

    width: 80%;

    left: 10%;

    margin: 0;

    padding: 20px 0;

  }

  .ny-album .item .info .title {

    padding: 10px;

    font-size: 14px;

  }

  .ny-album .item .info:after {

    display: none;

  }

}

/* ==================== 内页 - 相册中心 end ==================== */

/* ==================== 内页 - 联系我们 start ==================== */

.ny-contact &gt; .mxw-ny-box {

  padding: 0.8333rem;

  background-color: #fff;

}

.ny-contact .logo {

  width: 7.5rem;

  margin-bottom: 0.6667rem;

  display: block;

}

.ny-contact .desc {

  font-size: 0.25rem;

  color: #172a88;

  line-height: 1.6;

}

.ny-contact .desc p {

  margin-bottom: 0.3333rem;

}

.ny-contact .desc p:last-child {

  margin-bottom: 0;

}

.ny-contact .desc img {

  width: 0.3333rem;

  margin-right: 0.1667rem;

  display: inline-block;

  vertical-align: bottom;

}

.ny-contact .right .text1 {

  font-size: 0.2667rem;

  color: #172a88;

  margin-bottom: 0.6667rem;

  text-transform: uppercase;

}

.ny-contact input,

.ny-contact textarea {

  border: 0.0167rem solid #a9a9a9;

  color: #333;

  font-size: 0.2333rem;

  display: block;

  outline: none;

}

.ny-contact input::-webkit-input-placeholder,

.ny-contact textarea::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #666666;

}

.ny-contact input:-moz-placeholder,

.ny-contact textarea:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #666666;

}

.ny-contact input::-moz-placeholder,

.ny-contact textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #666666;

}

.ny-contact input:-ms-input-placeholder,

.ny-contact textarea:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #666666;

}

.ny-contact input {

  line-height: 0.7333rem;

  height: 0.7333rem;

  padding-left: 0.25rem;

  padding-right: 0.25rem;

}

.ny-contact input.danger {

  border-color: #ff0000;

}

.ny-contact input.danger::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #ff0000;

}

.ny-contact input.danger:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #ff0000;

}

.ny-contact input.danger::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #ff0000;

}

.ny-contact input.danger:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #ff0000;

}

.ny-contact textarea {

  height: 2rem;

  resize: none;

  margin-bottom: 0.4167rem;

  width: 100%;

  padding: 0.1667rem;

}

.ny-contact button {

  background-color: #172a88;

  font-size: 0.2333rem;

  color: #fff;

  height: 0.6667rem;

  line-height: 0.6667rem;

  width: 100%;

  display: block;

  cursor: pointer;

}

@media screen and (min-width: 1200px) {

  .ny-contact &gt; .mxw-ny-box {

    margin: 1rem auto;

    overflow: hidden;

    display: flex;

    align-items: flex-start;

  }

  .ny-contact .left {

    margin-right: 0.8333rem;

    min-width: 0;

    flex-grow: 1;

  }

  .ny-contact .right {

    width: 60%;

    flex-shrink: 0;

  }

  .ny-contact .right .top {

    display: flex;

    align-items: center;

    margin-bottom: 0.1667rem;

  }

  .ny-contact .right .top input {

    flex-grow: 1;

    margin-right: 0.1667rem;

  }

  .ny-contact .right .top input:last-child {

    margin-right: 0;

  }

}

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

  .ny-contact &gt; .mxw-ny-box {

    overflow: hidden;

    padding: 30px 20px;

  }

  .ny-contact .logo {

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    margin-bottom: 20px;

  }

  .ny-contact .desc {

    line-height: 1.8;

  }

  .ny-contact .desc p {

    margin-bottom: 15px;

  }

  .ny-contact .desc img {

    margin-right: 10px;

    vertical-align: middle;

  }

  .ny-contact .left {

    margin-bottom: 30px;

  }

  .ny-contact .right .text1 {

    font-size: 15px;

    font-weight: bold;

    text-align: center;

    margin-bottom: 20px;

  }

  .ny-contact input {

    width: 100%;

    height: 36px;

    line-height: 36px;

    font-size: 12px;

    margin-bottom: 10px;

  }

  .ny-contact textarea {

    margin-bottom: 15px;

  }

}

/* ==================== 内页 - 联系我们 end ==================== */

/* ==================== 分页样式 start ==================== */

.mxw-pagination {

  margin-top: 50px;

  font-size: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.mxw-pagination  a {

  padding: 6px 12px;

  font-size: 14px;

  color: #666;

  line-height: 1.2;

  border: 1px solid #ccc;



  margin: 4px;

  background: #fff;

}

.mxw-pagination  a.plane {

  border: 0;

}

.mxw-pagination  a.active,

.mxw-pagination  a:hover {

  background-color: #172a88;

  color: #fff !important;

}

.mxw-pagination  a:first-child {

  margin-left: 0;

}

.mxw-pagination &gt; a:last-child {

  margin-right: 0;

}

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

  .mxw-pagination {

    margin-top: 30px;

  }

  .mxw-pagination  a {

    font-size: 12px;

    margin: 2px;

    padding: 8px 10px;

  }

}

/* ==================== 分页样式 end ==================== */

/* ==================== 底部样式 start ==================== */

footer {

  background: url(../images/img37.jpg) no-repeat center;

  background-size: cover;

}

footer .foot-top &gt; .mxw-box {

  padding-top: 60px;

  padding-bottom: 60px;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

footer .foot-top .head {

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

  font-size: 16px;

  color: #fff;

  line-height: 1.2;

  margin-bottom: 30px;

  display: block;

}

footer .left {

  flex-shrink: 0;

  width: 40%;

}

footer .left .logo {

  display: block;

  width: 270px;

  margin-bottom: 50px;

}

footer .left .desc {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.66);

  line-height: 2em;

  text-align: justify;

  margin-bottom: 50px;

}

footer .foot-contact .contact {

  font-size: 14px;

  color: #fff;

  line-height: 1.2;

}

footer .foot-contact .contact p {

  line-height: 1.8;

  margin-bottom: 10px;

  font-size: 14px;

  color: #fff;

}

footer .foot-contact .contact p:last-child {

  margin-bottom: 0;

}

footer .foot-contact .contact p img {

  width: 20px;

  margin-right: 10px;

}

footer .foot-nav {

  margin-bottom: 50px;

}

footer .foot-nav &gt; li {

  margin-bottom: 15px;

}

footer .foot-nav &gt; li:last-child {

  margin-bottom: 0;

}

footer .foot-nav &gt; li &gt; a {

  font-size: 14px;

  color: #fff;

  line-height: 1.2;

}

footer .foot-nav &gt; li &gt; a:hover {

  color: #be141d;

}

footer .foot-qr {

  display: flex;

  align-items: flex-start;

}

footer .foot-qr .qr {

  width: 103px;

  margin-right: 45px;

}

footer .foot-qr .qr:last-child {

  margin-right: 0;

}

footer .right .cc &gt;p {

  margin-bottom: 10px;

  font-size: 14px;

  color: #fff;

}

footer .right .cc &gt;p:last-child {

  margin-bottom: 0;

}

footer .right .cc &gt;p img {

  border-radius: 6px;

  margin-right: 10px;

}

footer .mxw-copyright .mxw-box {

  text-align: center;

  padding-top: 15px;

  padding-bottom: 15px;

  border-top: 1px solid rgba(255, 255, 255, 0.15);

  font-size: 16px;

  color: rgba(255, 255, 255, 0.41);

  line-height: 1.8;

}

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

  footer .left {

    width: 100%;

  }

  footer .left .logo {

    width: 140px;

    margin: 0 auto 20px;

  }

  footer .left .desc {

    font-size: 12px;

    line-height: 2;

    margin-bottom: 30px;

  }

  footer .foot-top .head {

    text-align: center;

  }

  footer .foot-top &gt; .mxw-box {

    flex-wrap: wrap;

    padding: 20px;

  }

  footer .foot-contact .head {

    margin-bottom: 20px;

  }

  footer .foot-contact .contact p {

    font-size: 12px;

  }

  footer .center {

    margin-top: 30px;

  }

  footer .mxw-copyright &gt; .mxw-box {

    font-size: 12px;

  }

}

/* ==================== 底部样式 end ==================== */

/* 容器大小 */

.mxw-box {

  max-width: 83.3%;

  margin: 0 auto;

  font-size: 16px;

  color: #333;

}

.mxw-box p {

  margin-bottom: 0;

  font-family: inherit;

}

.mxw-box a:hover {

  color: #172a88;

}

/* 内页 banner */

.ny-banner img {

  width: 100%;

}

/* ==================== 页面自定义样式 start ==================== */

@media screen and (min-width: 1200px) {

  .pc-none,

  .mob-nav,

  .pc-none {

    display: none !important;

  }

  .mxw-ny-box {

    padding-top: 1.3333rem;

    padding-bottom: 1.3333rem;

    max-width: 72.9%;

    margin-left: auto;

    margin-right: auto;

  }

}

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

  .mxw-box {

    max-width: 86%;

  }

}

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

  body {

    margin-top: 60px;

  }

  .m-none,

  .pc-nav {

    display: none !important;

  }

  .mxw-box {

    padding: 30px 20px;

    max-width: 100%;

  }

  .mxw-section {

    padding-left: 0;

    padding-right: 0;

  }

  article {

    font-size: 15px;

  }

  .mxw-ny-box {

    max-width: 100%;

    font-size: 0;

    padding: 30px 20px;

  }

}

@media screen and (min-width: 1680px) {

  /* pc端固定html标签文字大小(rem适配) */

  html {

    font-size: 60px;

  }

}

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

  html {

    font-size: 50px;

  }

}

/* ==================== 页面自定义样式 end ==================== */







/* ==================== section1 start ==================== */

.mxw-section1 {

  background: url(../images/a11.jpg) no-repeat center bottom #fff;    background-size: cover;



}

.mxw-section1 .left .text1 {

  font-size: 0.35rem;

  color: #fff;

  background-color: #172a88;

  position: relative;

  margin-bottom: 0.3333rem;

  display: table;

  padding-left: 0.25rem;

  padding-right: 0;

  height: 40px;

  line-height: 40px;

}

.mxw-section1 .left .text1 span {

  position: relative;

  z-index: 9;

}

.mxw-section1 .left .text1:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  background-color: #172a88;

  transform: skewX(30deg);

  position: absolute;

  left: 0.5rem;

  top: 0;

}

.mxw-section1 .left .text2 {

  font-size: 0.6167rem;

  color: #fff;

  line-height: 1.2;

  margin-bottom: 0.1667rem;

}

.mxw-section1 .left .text3 {

  font-size: 0.2rem;

  color: #666;

  line-height: 1.2;

  margin-bottom: 0.6667rem;

}

.mxw-section1 .left .desc {

  font-size: 0.2667rem;

  color: #fff;

  line-height: 2em;

    text-align: left;

}

.mxw-section1 .itembox {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;

}

.mxw-section1 .item {

  display: block;

  width: 48%;

  padding: 5px;

  background-color: #fff;

  transition: box-shadow 0.4s, background-color 0.4s;

  box-shadow: 0 0.05rem 0.3rem 0 rgba(120, 148, 168, 0.28);

}

.mxw-section1 .item:nth-child(2) ~ .item {

  margin-top: 4%;

}

.mxw-section1 .item.active,

.mxw-section1 .item:hover {

  /*background-color: #d6a008;*/

  box-shadow: none;

}

.mxw-section1 .item.active .icon img,

.mxw-section1 .item:hover .icon img {

  transform: translateY(-50%);

}

.mxw-section1 .item.active .text1,

.mxw-section1 .item:hover .text1,

.mxw-section1 .item.active .text2,

.mxw-section1 .item:hover .text2 {

  color: #fff;

}

.mxw-section1 .item .icon {

  width: 1rem;

  height: 1rem;

  overflow: hidden;

  margin: 0 auto 0.3333rem;

}

.mxw-section1 .item .info {

  text-align: center;

}

.mxw-section1 .item .text1 {

  font-size: 0.3333rem;

  color: #333;

  line-height: 1.2;

  margin-bottom: 0.1667rem;

  transition: color 0.4s;

}

.mxw-section1 .item .text2 {

  font-size: 0.2167rem;

  color: #666;

  line-height: 1.2;

  transition: color 0.4s;

}

@media screen and (min-width: 751px) {

  .mxw-section1 .mxw-box {

    padding-top: 1.3333rem;

    padding-bottom: 1.3333rem;

    display: flex;

    align-items: center;

  }

  .mxw-section1 .left {

    min-width: 0;

    flex-grow: 1;

    margin-right: 1.6667rem;

  }

  .mxw-section1 .itembox {

    width: 9.6667rem;

    flex-shrink: 0;

  }

  .mxw-section1 .item:first-child {

    margin-top: 1.1667rem;

  }

  .mxw-section1 .item:last-child {

    margin-top: -0.8333rem !important;

  }

}

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

  .mxw-section1 .left {

    margin-bottom: 20px;

  }

  .mxw-section1 .left .text1 {

    font-size: 14px;

    height: 32px;

    line-height: 32px;

  }

  .mxw-section1 .left .text2 {

    font-size: 17px;

    font-weight: bold;

  }

  .mxw-section1 .left .text3 {

    line-height: 1.6;

    font-size: 12px;

    margin-bottom: 20px;

  }

  .mxw-section1 .itembox {

    align-items: stretch;

  }

  .mxw-section1 .item {

    padding: 10px 10px;

  }

  .mxw-section1 .item .icon {

    margin-bottom: 10px;

  }

  .mxw-section1 .item .text1 {

    font-size: 14px;

    font-weight: bold;

  }

  .mxw-section1 .item .text2 {

    font-size: 12px;

  }

}

/* ==================== section1 end ==================== */





/* ==================== 关于我们 start ==================== */

.mxw-about {



}

.mxw-about .info .desc {

  font-size: 0.3rem;

  color: #333;

  line-height: 2.2em;



}

.mxw-about .info .mxw-more {

  margin-top: 0.8333rem;

  padding: 0.1667rem 0.3333rem;

  color: #fff;

  font-size: 0.2667rem;

  border-radius: 0 0.1667rem 0 0.1667rem;

  background-color: #eb6100;

  display: table;

  transition: transform 0.4s, box-shadow 0.4s;

}

.mxw-about .info .mxw-more:hover {

  transform: translateX(0.1667rem);

  box-shadow: 0 0 0.1667rem -0.0667rem #eb6100;

}

.mxw-about.om .top .left{  /*  background: url(../images/img17.jpg) no-repeat center top;

    padding: 1.3333rem 0.6667rem 0.8333rem;*/ }



.mxw-about.om .top .left .album-swiper{width:100%;}



.mxw-about.om .mxw-title{border-bottom: none;

    display: inherit;}

@media screen and (min-width: 1200px) {

  .mxw-about &gt; .mxw-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 1.8667rem;

    padding-bottom: 1.7333rem;

  }

  .mxw-about .mxw-title {

    padding-bottom: 0.3333rem;

    border-bottom: 0.0167rem solid #d6d6d6;

    display: flex;

    align-items: center;

    position: relative;

    margin-bottom: 0.8333rem;

  }

  .mxw-about .mxw-title .text2 {

    position: relative;

    margin-right: 0.3333rem;

    flex-shrink: 0;

    order: -2;

    margin-top: 0;

  }

  .mxw-about .mxw-title .text2:after {

    content: "";

    display: block;

    width: 100%;

    height: 0.0333rem;

    background-color: #eb6100;

    position: absolute;

    bottom: -0.4833rem;

    left: 0;

  }

  .mxw-about .mxw-title .text2 .content {

    padding: 0;

  }

  .mxw-about .mxw-title .text2 .content:before,

  .mxw-about .mxw-title .text2 .content:after {

    display: none;

  }

  .mxw-about .info {

    width: 48%;

  }

  .mxw-about .image {

    width: 47%;

  }

}

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

  .mxw-about .mxw-title {

    margin-bottom: 20px;

  }

  .mxw-about .info {

    margin-bottom: 30px;

  }

  .mxw-about .info .mxw-more {

    margin-top: 30px;

    width: 100%;

    font-size: 12px;

    text-align: center;

    padding: 8px 10px;

  }

  .mxw-about .info .desc {

    font-size: 14px;

    line-height: 2.1em;

  }

}

/* ==================== 关于我们 end ==================== */





/* ==================== 产品优势 start ==================== */

.mxw-advantage .body {

  background: url(../images/bo1.jpg) no-repeat center;

  background-size: cover;

    padding-bottom: 1.6rem;

}

.mxw-advantage .mxw-cate {

  padding-top: 1rem;

  padding-bottom: 0.5667rem;

  justify-content: space-around;

}

.mxw-advantage .cate-item {

  text-align: center;

  position: relative;

}

.mxw-advantage .cate-item img {

  width: 0.8333rem;

  display: block;

  margin: 0 auto 0.25rem;

}

.mxw-advantage .cate-item .text1 {

  font-size: 0.4667rem;

  color: #fff;

  line-height: 1.2;

  font-weight: bold;

  margin-bottom: 0.1667rem;

}

.mxw-advantage .cate-item .text2 {

  font-size: 0.2333rem;

  color: rgba(255, 255, 255, 0.5);

}

.mxw-advantage .body2 {

  background-color: #fff;

  padding: 1.1667rem;

  box-shadow: 0rem 0.1167rem 0.4rem 0rem rgba(255, 233, 217, 0.47);

}

.mxw-advantage .body2 .head {

  display: flex;

  align-items: center;

  padding-bottom: 0.5rem;

  border-bottom: 0.0167rem solid #e5e5e5;

  margin-bottom: 0.6667rem;

}

.mxw-advantage .body2 .head .number {

  font-size: 0.8333rem;

  color: #172a88;

  line-height: 1;

  font-style: italic;

  margin-right: 0.25rem;

  font-weight: bold;

}

.mxw-advantage .body2 .head .text1 {

  font-size: 0.6rem;

  color: #333;

  line-height: 1.2;

  margin-right: 0.3333rem;

  font-weight: bold;

  flex-shrink: 0;

}

.mxw-advantage .body2 .head .text2 {

  font-size: 0.6rem;

  color: #e5e5e5;

  line-height: 1.2;

  font-weight: bold;

  flex-shrink: 0;

}

.mxw-advantage .body2 .desc p {

  position: relative;

  font-size: 0.3rem;

  color: #333;

  line-height: 1.6;

  margin-bottom: 0.6667rem;

  padding-left: 0.3333rem;

}

.mxw-advantage .body2 .desc p:before {

  content: "";

  display: block;

  background: url(../images/img46.png) no-repeat center;

  background-size: 100%;

  width: 0.1333rem;

  height: 0.2667rem;

  position: absolute;

  left: 0;

  top: 0.1667rem;

}

.mxw-advantage .body2 .desc p:last-child {

  margin-bottom: 0;

}

.mxw-advantage .body2 .mxw-more {

  margin-top: 0.8333rem;

  background-color: #eb6100;

  color: #fff;

  border-radius: 0rem 0.1667rem 0rem 0.1667rem;

  font-size: 0.2667rem;

  padding: 0.2rem 0.2667rem;

  display: block;

  transition: transform 0.4s;

  display: table;

}

.mxw-advantage .body2 .mxw-more:hover {

  transform: translateX(0.1667rem);

  box-shadow: 0 0 0.1667rem -0.0833rem #eb6100;

}





.common-btn {

  margin-top: 0.8333rem;

  color: #fff;

  background-color: #172a88;

  height: 0.7833rem;

  line-height: 0.7833rem;

  width: 2.3333rem;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 0.3rem;

  transition: box-shadow 0.4s;

}

.mxw-section1 .common-btn:hover{  color: #fff;}









@media screen and (min-width: 1200px) {

  .mxw-advantage .body2 {

    /*margin-right: -2.6667rem;*/

  }

  .mxw-advantage .body2 .swiper-slide {

    display: flex;

    align-items: center;

  }

  .mxw-advantage .body2 .left {

    width: 42.5%;

    margin-right: 1.4167rem;

  }

  .mxw-advantage .body2 .image {

    width: 45.6%;

    flex-shrink: 0;

    border-radius: 0rem 1.3667rem 0rem 1.3667rem;

  }

  .mxw-advantage .cate-item.active .text2:after {

    display: block;

  }

  .mxw-advantage .cate-item .text2:after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border-bottom: 0.1667rem solid #fff;

    border-left: 0.1667rem solid transparent;

    border-right: 0.1667rem solid transparent;

    position: absolute;

    bottom: -0.5833rem;

    left: 50%;

    transform: translateX(-50%);

    display: none;

  }

  .mxw-advantage .cate-item:last-child:before,

  .mxw-advantage .cate-item:last-child:after {

    display: none;

  }

  .mxw-advantage .cate-item:before {

    content: "";

    display: block;

    width: 0.1667rem;

    height: 0.1667rem;

    background-color: #fff;

    position: absolute;

    right: -2.3333rem;

    top: 1.3333rem;

    border-radius: 100%;

  }

  .mxw-advantage .cate-item:after {

    content: "";

    display: block;

    width: 3.9333rem;

    height: 0.0167rem;

    border-top: 0.0167rem dashed #fff;

    position: absolute;

    top: 1.4rem;

    right: -4.3333rem;

  }

}

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

  .mxw-advantage .cate-item:before {

    right: -1.8333rem;

  }

  .mxw-advantage .cate-item:after {

    width: 3.1333rem;

    right: -3.4333rem;

  }

  .mxw-advantage .body2 {

    /*margin-right: -2rem;*/

  }

  .mxw-advantage .body2 .head {

    padding-bottom: 0.4rem;

    margin-bottom: 0.5667rem;

  }

  .mxw-advantage .body2 .head .number {

    font-size: 0.6rem;

  }

  .mxw-advantage .body2 .head .text1,

  .mxw-advantage .body2 .head .text2 {

    font-size: 0.5rem;

  }

}

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

  .mxw-advantage .mxw-cate {

    padding: 0;

    flex-wrap: wrap;

    margin-bottom: 30px;

  }

  .mxw-advantage .cate-item {

    width: 48%;

    margin-right: 4%;

  }

  .mxw-advantage .cate-item:nth-child(2) ~ .cate-item {

    margin-top: 20px;

  }

  .mxw-advantage .cate-item .text1 {

    font-size: 18px;

    margin-bottom: 0;

  }

  .mxw-advantage .cate-item .text2 {

    font-size: 12px;

  }

  .mxw-advantage .cate-item img {

    width: 30px;

    margin-bottom: 5px;

  }

  .mxw-advantage .cate-item:nth-child(2n) {

    margin-right: 0;

  }

  .mxw-advantage .body2 {

    margin-right: 0;

    padding: 20px 15px;

  }

  .mxw-advantage .body2 .head {

    flex-wrap: wrap;

    padding-bottom: 10px;

    margin-bottom: 20px;

  }

  .mxw-advantage .body2 .head .number {

    font-size: 24px;

    margin-right: 10px;

  }

  .mxw-advantage .body2 .head .text1 {

    font-size: 22px;

  }

  .mxw-advantage .body2 .head .text2 {

    font-size: 20px;

    margin-top: 0;

  }

  .mxw-advantage .body2 .head .number,

  .mxw-advantage .body2 .head .text1,

  .mxw-advantage .body2 .head .text2 {

    display: block;

  }

  .mxw-advantage .body2 .desc p {

    font-size: 14px;

    line-height: 2;

    margin-bottom: 15px;

  }

  .mxw-advantage .body2 .mxw-more {

    margin-top: 20px;

    width: 100%;

    padding: 8px 20px;

    text-align: center;

    font-size: 12px;

  }

  .mxw-advantage .body2 .image {

    margin-top: 30px;

  }

}

/* ==================== 产品优势 end ==================== */







</pre></body></html>