@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 > .u-col {
    width: 48%;
  }
  .u-row-2 > .u-col:nth-child(2n) {
    margin-left: 4%;
  }
  .u-row-2 > .u-col:nth-child(2) ~ .u-col {
    margin-top: 4%;
  }
  .u-row-3 > .u-col {
    width: 32%;
  }
  .u-row-3 > .u-col:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }
  .u-row-3 > .u-col:nth-child(3) ~ .u-col {
    margin-top: 2%;
  }
  .u-row-4 > .u-col {
    width: 23.5%;
    margin-right: 2%;
  }
  .u-row-4 > .u-col:nth-child(4n) {
    margin-right: 0%;
  }
  .u-row-4 > .u-col:nth-child(4) ~ .u-col {
    margin-top: 2%;
  }
  .u-row-5 > .u-col {
    width: 18.4%;
    margin-right: 2%;
  }
  .u-row-5 > .u-col:nth-child(5n) {
    margin-right: 0%;
  }
  .u-row-5 > .u-col:nth-child(5) ~ .u-col {
    margin-top: 2%;
  }
  .u-row-6 > .u-col {
    width: 15%;
    margin-right: 2%;
  }
  .u-row-6 > .u-col:nth-child(6n) {
    margin-right: 0%;
  }
  .u-row-6 > .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 > .u-col,
  .u-row-4 > .u-col,
  .u-row-5 > .u-col,
  .u-row-6 > .u-col {
    width: 48%;
  }
  .u-row-3 > .u-col:nth-child(2n),
  .u-row-4 > .u-col:nth-child(2n),
  .u-row-5 > .u-col:nth-child(2n),
  .u-row-6 > .u-col:nth-child(2n) {
    margin-left: 4%;
  }
  .u-row-3 > .u-col:nth-child(2) ~ .u-col,
  .u-row-4 > .u-col:nth-child(2) ~ .u-col,
  .u-row-5 > .u-col:nth-child(2) ~ .u-col,
  .u-row-6 > .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 > .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 > li {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  transform: translateY(10px), background-color 0.4s;
}
header .pc-nav .nav-top .language ul > li:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
header .pc-nav .nav-bottom {
  background-color: #172a88;
}
header .pc-nav .nav-bottom > .mxw-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .pc-menu {
  width: 100%;
  display: flex;
  align-items: center;
}
header .pc-menu > li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  min-width: 0;
  flex-grow: 1;
}
header .pc-menu > li.sub > a {
  padding-right: 10px;
}
header .pc-menu > li.sub > a:after {
  display: block;
}
header .pc-menu > li:after {
  content: "";
  display: block;
  width: 1px;
  height: 22px;
  background-color: #6c78b4;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
header .pc-menu > li:last-child {
  margin-right: 0;
}
header .pc-menu > li:last-child:after {
  display: none;
}
header .pc-menu > li:hover > a {
  background-color: #172a88;
  color: #fff !important;
}
header .pc-menu > li:hover > ul {
  visibility: visible;
  opacity: 1;
}
header .pc-menu > 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 > li ul:hover {
  opacity: 1;
  visibility: visible;
}
header .pc-menu > li ul li.active > ul,
header .pc-menu > li ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  z-index: 9;
}
header .pc-menu > li ul li a {
  position: relative;
}
header .pc-menu > 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 > 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 > li > a {
  text-align: center;
  font-size: 18px;
  padding: 20px 0;
  line-height: 1.2;
  color: #fff;
  z-index: 9;
  position: relative;
}
header .pc-menu > li > 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 > li > 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 > li > ul > li > a.active,
header .pc-menu > li > ul > li > a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
header .pc-menu > li > ul > li > a.active:after,
header .pc-menu > li > ul > li > a:hover:after {
  display: none;
}
header .pc-menu > li > ul > li > a:last-child:after {
  display: none;
}
header .pc-menu > li > ul > li > ul {
  position: absolute;
  left: 3.3333rem;
  top: 0;
  border-left: 1px solid #ddd;
}
header .pc-menu > li > ul > li > ul > li > 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 > 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 > li > 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 > ul {
    width: 100%;
    overflow: auto;
  }
  .mxw-mob-nav .menus > ul > li img {
    width: 30px;
  }
  .mxw-mob-nav .menus > ul > li.active > a {
    background-color: rgba(0, 0, 0, 0.07);
  }
  .mxw-mob-nav .menus > ul > li.active > ul {
    display: block;
  }
  .mxw-mob-nav .menus > ul > li > 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 > ul > li > 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 > ul > li > ul {
    display: none;
    padding: 0px 24px;
  }
  .mxw-mob-nav .menus > ul > li > ul > li > 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 > .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 > .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: "<";
  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: ">";
}
.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: ">";
  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 > .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 > .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 > .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 > .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 > .mxw-ny-box {
  padding: 0;
}
.bread-crumbs > .mxw-box {
  padding: 0.4167rem 0;
  border-bottom: solid 0.0167rem #d7d7d7;
}
.bread-crumbs > .mxw-box > a {
  font-size: 0.2333rem;
  color: #333;
  line-height: 1.2;
  vertical-align: middle;
}
.bread-crumbs > .mxw-box > a:last-child:after {
  display: none;
}
.bread-crumbs > .mxw-box > a::after {
  content: ">";
  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 > .mxw-box {
    padding: 15px 20px;
  }
}
/* ==================== 通用 - 面包屑 end ==================== */
/* ==================== 通用 - 分类 start ==================== */
.ny-cate > .mxw-ny-box {
  padding: 0;
}
.ny-cate > .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 > .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; flex-grow: 1; min-width: 0;
}
.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 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
 
  .ny-product .item:nth-child(4n) {
    margin-right: 0;
  }
  .ny-product .conm{ 
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 0.75rem;
   }
    .ny-product .conm .tc-left{
         width:18%; flex-shrink: 0; border: 1px solid  #ccc; margin-right: 0.75rem;
    }
  
  .ny-product .up{ display:flex; display:-webkit-flex; align-items:stretch; justify-content:space-between}
  .ny-product .up .c1{display:flex; display:-webkit-flex; align-items:stretch; justify-content:space-between; font-size:0.3rem; flex-grow:1; min-width:0}
  .ny-product .up .c1 input{ flex-grow:1; min-width:0; border:1px solid #333; font-size:0.3rem; padding:0.1rem 0.25rem; border-radius:0.1rem}
  .ny-product .up .c1 .fo1{ flex-grow:1;  width:20%;  margin-right:2%; flex-shrink:0;display:flex; display:-webkit-flex; align-items:center; justify-content:flex-start; }
  .ny-product .up .c1 .fo1:last-child{ margin-right:0}
  .ny-product .up .c2{flex-shrink:0;margin-left:3rem; }
  .ny-product .up .c2 a{padding: 0.1rem 0.25rem; display:block;    padding: 0.1rem 0.25rem;
    display: block;
    height: 100%;
    background: #172a88;
    color: #fff;
    border-radius: 6px;
    font-size: 0.3rem;}
  .ny-product .up button{ flex-shrink:0;padding: 0.1rem 0.25rem; 
    display: block;
    height: 100%;
    background: #172a88;
    color: #fff;
    border-radius: 6px;
    font-size: 0.3rem;}
  .ny-product .up .c1 .fo1 label{ flex-shrink:0; margin-right:3px; }
 .ny-product .up .c1 .fo1 select{ flex-grow:1; min-width:0;border-radius: 6px;  font-size: 0.3rem; padding: 0.1rem 0.25rem; color:#666}
  .ny-product .item {    margin: 0 0 0.4rem 0;    width: 100%;}
  .ny-product .item .image{ width:16%;flex-shrink:0}
  .ny-product .item .info1{ width:40%; margin-left:2%; text-align:left; margin-right:2%; word-break:break-all}
  .ny-product .item .info2{ width: 40%}
  .ny-product .item .info2 .text4{ max-height:67px; overflow:hidden}
   .ny-product .item .info1 .text4{ max-height:45px; overflow:hidden}
  .ny-product .item .title{ text-align:left; line-height:1.6; margin-bottom:15px; font-weight:normal}

  .ny-product .conm .tc-left{ padding: 0.333rem}
    .ny-product .conm .tc-left .title{ font-size:0.4rem; font-weight:bold;}
   .ny-product .conm .tc-left .list{ margin-top:0.333rem; }
  
  
  .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 > 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 > 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 > .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 > .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 > .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 > .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 > .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: -40px;
  margin-bottom: 60px;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
}
.Pagination{ display:block}
.mxw-pagination  a {
  padding: 6px 12px;
  font-size: 14px;
  color: #666;
  line-height: 1.2;
  border: 1px solid #ccc;
display: inline-block;
  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 > 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 > .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 > li {
  margin-bottom: 15px;
}
footer .foot-nav > li:last-child {
  margin-bottom: 0;
}
footer .foot-nav > li > a {
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
}
footer .foot-nav > li > 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 ul > li {
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
}
footer .right ul > li:last-child {
  margin-bottom: 0;
}
footer .right ul > li 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 > .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 > .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 > .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 ==================== */
.ny-product .conm .tc-left .list .lf-item{ font-size: 0.267rem; line-height: 1.6; cursor: pointer; margin: 5px auto; color: #666}
.ny-product .conm .tc-left .list .lf-item:hover,.ny-product .conm .tc-left .list .lf-item.active{ color: #004cbf}

.ny-product .item .info2 .adc{ display: inline-block; padding: 10px 15px; background: #000; color: #fff; position: relative; z-index: 11; margin-top: 20px; cursor: pointer}

.cart_top{ background: #000; height: 37px; width: 100%; color: #fff;}
.cart_con{width: 90%; max-width: 1690px; min-width: 1280px; line-height: 36px; text-align: right;}
.cart_con a{ color: #fff;}
.cart_con a:hover{color: #fff;}

.cart_logo{width: 90%; max-width: 1690px; min-width: 1280px; margin: 52px auto 55px;}

.cart_box{width: 90%; max-width: 1690px; min-width: 1280px; margin: 0 auto 33px;}

.cart_bt{ height: 53px; background: #f8f8f8; border: 1px solid #d5d5d5; vertical-align: top; font-size: 0;}
.cart_bt p:nth-child(1){ margin-top: 12px;  display: inline-block; width: 16%;}
.cart_bt p:nth-child(1) input{width: 24px; height: 24px; margin: 0 0 0 22px; outline: none;  border-radius: 0; border: 1px solid #d5d5d5;}

.cart_bt p:nth-child(2){ width: 34%; display: inline-block; font-size: 18px; color: #000; line-height: 52px; text-align: center; text-transform: uppercase;    vertical-align: top;}
.cart_bt p:nth-child(3){ width: 25%; display: inline-block; font-size: 18px; color: #000; line-height: 52px; text-align: center; text-transform: uppercase;    vertical-align: top;}
.cart_bt p:nth-child(4){ width: 25%; display: inline-block; font-size: 18px; color: #000; line-height: 52px; text-align: center; text-transform: uppercase;    vertical-align: top;}

.cart_item{ height: 182px; border: 1px solid #d5d5d5; margin-top: 33px;}
.c_id{width: 8%; display: flex; align-items: center; float: left; height: 100%;}
.c_id input{width: 24px; height: 24px; margin: 0 0 0 22px; outline: none;  border-radius: 0; border: 1px solid #d5d5d5;}

.c_pro{width: 42%; float: left; font-size: 18px; color: #000; line-height: 52px; text-align: center; text-transform: uppercase;    vertical-align: top; display: flex; justify-content: flex-start;}
.c_pro .car_m img{ height: 125px; margin-right: 75px;}
.c_pro div{ margin-top: 25px; height: 125px; display: flex ; align-items: center;}

.car_num{width: 25%; display: flex; align-items: center;float: left; height: 100%; justify-content: center;}
.car_op{ float:left ;height: 100%; justify-content: center;display: flex; align-items: center;width: 25%; text-transform: uppercase;}

.car_op a{color: #000; text-decoration: underline;}
.car_op a:hover{color: #000;}
.cart_fom{ margin-bottom: 116px; min-height: 300px;}

.cart_fom .subs{ display: block; margin: 55px auto 0; text-align: center; font-size: 19px; font-family: Arial, Helvetica, sans-serif;font-weight: bold; background: #004cbf; color: #fff; line-height: 52px; border: none; padding: 0; text-transform: uppercase;}

.cart_msg{width: 100%; margin: 50px auto 0;}
.car_tt{font-size: 18px; color: #000; text-transform: uppercase; margin-bottom: 52px;}

.cart_msg .msg_bx{width: 100%; background: none; padding: 0; margin: 0 auto;}
.add1 {padding: 3%; background: #f4f4f4; font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px;}
.add1 .add1_t{font-size: 31px; color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 30px;}
.add1 .add1_d{ font-size: 18px; line-height: 36px; color: #000; font-family: Arial, Helvetica, sans-serif;}
.add1:last-child{margin-bottom: 0;}

.msg_bg h1{text-align: center; font-family: ttt, Arial, Helvetica, sans-serif; margin-top: 90px; font-size: 40px; color: #000; line-height: 1; text-transform: uppercase;}
.msg_bg h1::after{width: 135px; height: 4px; background: #004cbf; content: ""; display: block; margin: 34px auto 40px; }
.msg1{ display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap}
.msg_bx{width: 90%; max-width: 1680px; min-width: 1280px; margin: 0 auto 100px; padding: 95px 90px 60px;}
.msg1 .left,.msg1 .right{width: 48%;}
.msg1 .left input,.msg1 .right input{ width: 100%; height: 49px; margin-bottom: 20px; text-indent: 1em; text-transform: uppercase; font-size: 16px;}
.msg2 textarea{border: 1px solid rgba(0, 0, 0, .2); width: 100%; height: 147px; font-size: 16px; padding-top: 20px; text-indent: 1em; text-transform: uppercase; }
.subs{ margin: 68px auto 0; width: 194px; line-height: 52px; background:#004cbf; font-size: 19px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #fff; border: none;  display: block; font-weight: bold; }

.c_pro div.car_txt{ display: initial; line-height: 1.8; text-align: left}

.ny-product .item{ cursor: pointer}
.ny-product .item .image{ margin-bottom: 0}

.ny-product .conm .tc-left .list{ height: 5.2rem; overflow: hidden}
.b-more{     display: inline-block;
  margin-top: 0.2rem;
  background: #bababa;
  padding: 6px 10px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: center;
  border-radius: 3px;}
.b-more:hover{ background: #002f9b}

.product-swiper .cart{
  padding: 0.1rem 0.25rem;
  display: inline-block;
  height: 100%;
  background: #172a88;
  color: #fff;
  border-radius: 6px;
  font-size: 0.3rem;
}
.product-swiper .cart:hover{ color: #fff}