@charset "UTF-8";
a, .transition, .fac .img .articleImagesWrap figure img, .fac .text, #header, #m_header .m_nav_erji li a:before, .wrap_nav .menuBtn dd, .header .logo, :before, img {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

.ellipsis, .newslib .container ul li a .txt p.p1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.flex, .contact .txt ul li i, .contact .txt ul li, .contact, .downlib .container ul li a .txt p.p3, .prodetails, .product .container ul, .product .container h2, .relatedContent ul, .fac, .profile li .pic, .profile li .hd, .pagination, .copy .container .left-copy, .copy .container, .footer .container .foot-quick, .footer .container .foot-nav, .footer .container, #m_header .m_conInfo li i, #m_header .m_conInfo li, #m_header .m_lan, #m_header .m_nav_erji li, #m_header .m_nav_yiji > li > h3, #m_header .m_close, #m_header .m_top .m_logo, #m_header .m_top, .wrap_nav .menuBtn, .header .search .search-box button, .header .search .search-box form, .header .search .search-icon i, .header .quickbtn ul, .header .nav .nav_yiji, .header .container {
  display: flex;
  display: -ms-flex;
}

.flexColumn, .contact-feed .feed-tit {
  display: flex;
  display: -ms-flex;
  flex-direction: column;
}

.itemsCenter, .contact-feed .feed-tit, .contact .txt ul li i, .contact .txt ul li, .contact, .downlib .container ul li a .txt p.p3, .profile li .hd, .pagination, #m_header .m_conInfo li i, #m_header .m_nav_yiji > li > h3, #m_header .m_close, #m_header .m_top .m_logo, #m_header .m_top, .wrap_nav .menuBtn, .header .search .search-box button, .header .search .search-box form, .header .search .search-icon i, .header .quickbtn ul, .header .container {
  align-items: center;
  -webkit-align-items: center;
}

.justifyCenter, .contact .txt ul li i, .subnav .container, .pagination, .copy .container, #m_header .m_conInfo li i, .header .search .search-box button, .header .search .search-icon i {
  justify-content: center;
  -webkit-justify-content: center;
}

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flexBetween, .contact, .downlib .container ul, .newslib .container ul, .prolib .container ul, .prodetails, .product .container ul, .product .container h2, .relatedContent ul, .fac .img .articleImagesWrap, .fac, .profile li .pic, .profile li .hd, .copy .container, .footer .container, #m_header .m_nav_yiji > li > h3, #m_header .m_close, #m_header .m_top, .header .container {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flexWrap, .downlib .container ul, .newslib .container ul, .prolib .container ul, .subnav .container, .fac .img .articleImagesWrap {
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-style: normal;
}

html {
  font-size: 100px;
}

BODY {
  FONT: 10px/1 "helvetica", "Microsoft Yahei", Arial, sans-serif;
  COLOR: #2b2b2b;
  background: #f3f3f3;
  width: 100%;
  overflow-x: hidden;
}

a {
  color: #333;
  text-decoration: none;
  outline: none;
}
a:active {
  star: expression(this.onFocus=this.blur());
}
a:link {
  text-decoration: none;
  outline: none;
}
a:visited {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #2b2b2b;
  outline: none;
}
a img {
  border: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dt,
strong,
b {
  font-weight: normal;
  transition: all 0.4s;
}

DIV {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

UL {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

LI {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

P {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

FORM {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

EM {
  FONT-STYLE: normal;
  FONT-WEIGHT: normal;
}

TABLE {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

DT {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

DL {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

DD {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

FORM {
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

TR {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

.cl {
  HEIGHT: 0px;
  CLEAR: both;
}

.fl {
  FLOAT: left;
}

.fr {
  FLOAT: right;
}

.container {
  max-width: 1832px;
  margin: 0 auto;
  padding: 0 38px;
}

input,
button,
textarea {
  outline: none;
  border: none;
  background: none;
  font-family: "helvetica", "Microsoft Yahei", Arial, sans-serif;
}

img {
  display: block;
  max-width: 100%;
  transition: all 0.4s;
}

svg,
path,
span,
p,
em,
i,
dd,
li,
dl,
a {
  transition: all 0.4s;
}

/*字体定义*/
@font-face {
  font-family: "helvetica";
  src: url("../fonts/helvetica-light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSerif";
  src: url("../fonts/GFSDidot-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*浏览器滚动条 begin*/
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ccc;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #f0f0f0;
}

/*浏览器滚动条 end*/
.sitebtn1 {
  display: block;
  border-radius: 50px;
  background-image: linear-gradient(to right, #319bd0 0%, #69ae64 50%, #319bd0 100%);
  overflow: hidden;
  background-size: 200% auto;
  color: #fff;
  text-align: center;
  font-family: LDR;
}
.sitebtn1:hover {
  background-position: right center;
}

/*公共头部begin*/
.topBg {
  height: 0.8rem;
}

/*PC导航*/
.header .container {
  height: 0.8rem;
}
.header .logo a {
  font-family: "IBMPlexSerif";
  font-size: 0.35rem;
  color: #2b2b2b;
  text-transform: uppercase;
}
.header .nav {
  transition: all 0.4s;
}
.header .nav .nav_yiji {
  justify-content: flex-end;
}
.header .nav .nav_yiji > li {
  position: relative;
  padding: 0px 0.2rem;
}
.header .nav .nav_yiji > li > a {
  display: block;
  font-size: 12px;
  color: #2b2b2b;
  position: relative;
}
.header .nav .nav_yiji > li > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0%;
  height: 1px;
  background-color: #2b2b2b;
}
.header .nav .nav_yiji > li.on > a {
  color: #2b2b2b;
}
.header .nav .nav_yiji > li.on > a::before {
  width: 100%;
  left: 0;
}
.header .nav .nav_yiji > li:hover > a {
  color: #2b2b2b;
}
.header .nav .nav_yiji > li:hover > a::before {
  width: 100%;
  left: 0;
}
.header .quickbtn ul li {
  margin-left: 0.15rem;
}
.header .quickbtn ul li.lan a {
  font-family: "RalewayEB";
  color: #999;
  font-size: 14px;
}
.header .search {
  position: relative;
}
.header .search .search-icon {
  cursor: pointer;
  background: inherit;
  position: relative;
}
.header .search .search-icon i {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: inherit;
  opacity: 0;
}
.header .search .search-icon i svg {
  fill: #000;
}
.header .search .search-icon i.c-icon {
  position: absolute;
  z-index: -1;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  opacity: 0;
}
.header .search .search-icon i.on {
  opacity: 1;
}
.header .search .search-box {
  width: 100%;
  position: fixed;
  z-index: 999;
  right: 0;
  top: 0.8rem;
  background: #fff;
  padding: 0.3rem 0.5rem 0.5rem;
  display: none;
  border-top: 1px solid #dbdbdb;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.header .search .search-box form {
  width: 60%;
  margin: 0 auto;
  border-bottom: 1px solid #dbdbdb;
}
.header .search .search-box input {
  line-height: 60px;
  width: calc(100% - 30px);
  font-size: 15px;
}
.header .search .search-box button {
  width: 30px;
  height: 60px;
  cursor: pointer;
  font-size: 16px;
  color: #2b2b2b;
}

/*手机端导航*/
.wrap_nav {
  display: none;
}
.wrap_nav .menuBtn {
  position: relative;
  z-index: 1300;
  height: 70px;
  width: 100%;
}
.wrap_nav .menuBtn dd {
  width: 0;
  height: 2px;
  background: #2b2b2b;
}
.wrap_nav .menuBtn dd:first-child {
  animation: sjnav 2.4s linear infinite;
}
.wrap_nav .menuBtn dd:nth-child(2) {
  margin: 6px 0;
  width: 30px;
}
.wrap_nav .menuBtn dd:last-child {
  animation: sjnav 2.4s linear infinite;
  animation-delay: 0.4s;
}

.m_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.4s;
  opacity: 0;
  pointer-events: none;
}
.m_bg.show {
  opacity: 1;
}

#m_header {
  width: 85%;
  height: 100%;
  position: fixed;
  left: -85%;
  top: 0;
  z-index: 99999999;
  background: #fff;
  transition: all 0.4s;
  opacity: 0;
  overflow-y: auto;
  padding: 0 15px;
}
#m_header.show {
  left: 0;
  opacity: 1;
}
#m_header .m_top {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  height: 70px;
}
#m_header .m_top .m_logo h3 {
  font-family: "corbel";
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  transform: translateY(1px);
}
#m_header .m_close {
  width: 30px;
  height: 30px;
  font-size: 20px;
  color: #2b2b2b;
}
#m_header .m_nav_yiji > li {
  border-bottom: 1px solid #dbdbdb;
}
#m_header .m_nav_yiji > li > h3 > a {
  color: #000;
  padding: 15px 0 12px;
  font-size: 15px;
}
#m_header .m_nav_yiji > li > h3 > i {
  font-size: 20px;
  color: #000;
  padding: 5px 10px;
}
#m_header .m_nav_yiji > li > h3 > i.rotate {
  transform: rotate(180deg);
}
#m_header .m_nav_erji {
  padding: 10px 0;
  border-top: 1px solid #dbdbdb;
  display: none;
}
#m_header .m_nav_erji li {
  align-items: baseline;
}
#m_header .m_nav_erji li a {
  padding: 4px 0 4px 12px;
  position: relative;
}
#m_header .m_nav_erji li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #2b2b2b;
  border-radius: 50%;
  left: 0;
  top: 12px;
}
#m_header .m_nav_erji li a:hover {
  color: #2b2b2b;
}
#m_header .m_lan {
  margin: 20px 0;
}
#m_header .m_lan a {
  display: block;
  line-height: 37px;
  background: #2b2b2b;
  color: #fff;
  width: calc((100% - 3px) / 4);
  margin-right: 1px;
}
#m_header .m_lan a:last-child {
  margin-right: 0;
}
#m_header .m_lan a:hover {
  background: #3461db;
}
#m_header .m_conInfo {
  margin-bottom: 30px;
  margin-top: 10px;
}
#m_header .m_conInfo li {
  align-items: baseline;
  margin-top: 6px;
  font-size: 13px;
}
#m_header .m_conInfo li i {
  width: 14px;
  transform: translateY(3px);
}
#m_header .m_conInfo li a {
  padding-left: 8px;
  color: #666;
  width: calc(100% - 14px);
  transition: all 0.2s;
}
#m_header .m_conInfo li a:hover {
  color: #2b2b2b;
  text-decoration: underline;
}

/*留言表单*/
.inquiry dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.inquiry dl dd {
  width: 50%;
  padding: 10px 15px;
}

.inquiry dl dd.message-input {
  width: 100% !important;
}

.inquiry span,
.inquiry input,
.inquiry button,
.inquiry textarea {
  display: block;
  width: 100%;
}

.inquiry span i {
  color: #ff0000;
}

.inquiry input,
.inquiry textarea {
  border: 4px solid #e5e5e5;
  padding: 12px 15px;
  transition: all 0.4s;
  margin-top: 6px;
  line-height: 24px;
}

.inquiry input:focus,
.inquiry textarea:focus {
  border-color: #2b2b2b;
}

.inquiry textarea {
  height: 120px;
}

.inquiry dl dt {
  width: 100%;
  padding: 0 15px;
  margin-top: 20px;
}

.inquiry dl dt button {
  background: #2b2b2b;
  color: #fff;
  line-height: 55px;
  cursor: pointer;
  transition: all 0.4s;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}

/* 公共底部 */
.footer {
  background-color: #fff;
  padding: 0.5rem 0;
  border-top: 1px solid #ddd;
}
.footer .container {
  align-items: flex-end;
}
.footer .container .foot-contact {
  width: 34%;
  margin-right: 8%;
}
.footer .container .foot-contact p {
  font-size: 10px;
  color: #2b2b2b;
  line-height: 1em;
  margin-bottom: 0.1rem;
}
.footer .container .foot-contact p:last-child {
  margin-bottom: 0;
  margin-top: 0.2rem;
}
.footer .container .foot-contact p:last-child span {
  color: #999;
}
.footer .container .foot-nav {
  width: 34%;
}
.footer .container .foot-nav dl {
  width: 33%;
}
.footer .container .foot-nav dl dt {
  color: #2b2b2b;
  font-size: 12px;
}
.footer .container .foot-nav dl dt a {
  color: #2b2b2b;
}
.footer .container .foot-quick {
  width: 24%;
  justify-content: flex-end;
}
.footer .container .foot-quick a {
  margin-left: 0.16rem;
}
.footer .container .foot-quick svg path {
  fill: #2b2b2b;
}

.copy {
  border-top: 1px solid #ddd;
  background-color: #eee;
  padding: 0.2rem 0;
}
.copy .container {
  color: #666;
  font-size: 0.16rem;
}
.copy .container .left-copy img {
  margin: 0px 10px;
  width: 16px;
  transform: translateY(-1);
}
.copy .container a {
  color: #666;
}

.statuar {
  display: none;
}

/*分页*/
.pagination {
  margin-top: 50px;
}
.pagination p {
  display: block;
  margin: 0 4px;
  line-height: 40px;
  text-align: center;
  width: 50px;
  height: 40px;
  background: #fff;
  border: 1px solid #ccc;
  color: #172029;
}
.pagination p.pageEllipsis {
  border: none;
  background: none;
  line-height: 36px;
  width: 30px;
}
.pagination a {
  display: block;
  margin: 0 4px;
  line-height: 40px;
  text-align: center;
  width: 50px;
  height: 40px;
  background: #fff;
  border: 1px solid #ccc;
  color: #172029;
}
.pagination a:hover {
  border: 1px #2b2b2b solid;
  background: #2b2b2b;
  color: #fff;
}
.pagination a.cur {
  border: 1px #2b2b2b solid;
  background: #2b2b2b;
  color: #fff;
}

/*详情上下链接*/
.xq-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
  border-top: 1px solid #dbdbdb;
}
.xq-toggle .left {
  width: calc(100% - 240px);
}
.xq-toggle .left li {
  padding: 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6em;
  font-size: 0.18rem;
}
.xq-toggle .left li span {
  padding-right: 4px;
  color: #1a1a1a;
}
.xq-toggle .left li a {
  color: #666;
}
.xq-toggle .left li a:hover {
  color: #2b2b2b;
  text-decoration: underline;
}
.xq-toggle .right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  background: #2b2b2b;
  line-height: 56px;
}
.xq-toggle .right i {
  color: #fff;
  font-size: 12px;
  margin-left: 10px;
}
.xq-toggle .right span {
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  transform: translateY(1px);
}

a.hvr-ripple-out1::before {
  border-color: #2b2b2b !important;
}

.mapbox .info {
  border: 1px solid #ccc;
  width: 420px;
}

#tip {
  height: 30px;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  font-size: 12px;
  right: 10px;
  bottom: 20px;
  border-radius: 3px;
  line-height: 30px;
  border: 1px solid #ccc;
}

div.info-top {
  position: relative;
  background: none repeat scroll 0 0 #F9F9F9;
  border-bottom: 1px solid #CCC;
}

div.info-top div {
  display: block;
  color: #172029;
  font-size: 15px;
  line-height: 35px;
  padding: 0 10px;
  text-align: left;
}

div.info-top img {
  position: absolute;
  top: 13px;
  right: 10px;
  transition-duration: 0.25s;
}

div.info-top img:hover {
  box-shadow: 0px 0px 5px #000;
}

div.info-middle {
  font-size: 13px;
  padding: 10px;
  line-height: 22px;
  text-align: left;
  color: #000;
}

div.info-bottom {
  height: 0px;
  width: 100%;
  clear: both;
  text-align: center;
}

div.info-bottom img {
  position: relative;
  z-index: 104;
  left: 46%;
}

@media only screen and (max-width: 1280px) {
  .container {
    max-width: 1180px;
  }
}
@media only screen and (max-width: 820px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
  /*公共头部*/
  #header.scrollTop {
    top: 0;
  }
  .header .container {
    justify-content: space-between;
  }
  .header .nav {
    display: none;
  }
  .header .logo {
    width: auto;
  }
  .header .logo img {
    height: 30px !important;
  }
  .header .search .search-box {
    top: 0.8rem;
  }
  .header .search .search-box form {
    width: 100%;
  }
  .header .search .search-box form input {
    line-height: 40px;
    font-size: 13px;
  }
  .header .search .search-box form button {
    height: 40px;
    font-size: 14px;
  }
  .wrap_nav {
    display: block;
  }
  #header.scrollTop .header .search .search-box {
    top: 0.8rem;
  }
  #header.scrollTop .wrap_nav .menuBtn dd {
    background-color: #2b2b2b;
  }
  .footer .container .foot-contact {
    width: 200px;
  }
  .footer .container .foot-nav {
    width: calc(100% - 200px);
    padding-left: 50px;
  }
  .footer .container .foot-nav dl:nth-child(3) {
    width: 140px;
  }
  .footer .container .foot-contact .ewm ul li img {
    width: 80px;
  }
}
@media only screen and (max-width: 540px) {
  .container {
    padding: 0 10px;
  }
  .header .search .search-box {
    top: 0.8rem;
  }
  .footer .container {
    display: flex;
    flex-wrap: wrap;
  }
  .footer .container .foot-contact {
    width: 100%;
    margin-right: 0;
  }
  .footer .container .foot-contact p {
    font-size: 0.2rem;
  }
  .footer .container .foot-nav {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .footer .container .foot-nav dl dt {
    font-size: 0.2rem;
  }
  .footer .container .foot-nav dl dd {
    font-size: 0.2rem;
  }
  .footer .container .foot-quick {
    width: 100%;
    justify-content: flex-start;
    margin-top: 20px;
  }
  .footer .container .foot-quick a {
    margin-left: 0;
    margin-right: 0.16rem;
  }
  .xq-toggle {
    flex-direction: column;
  }
  .xq-toggle .left {
    width: 100%;
  }
  .xq-toggle .right {
    width: 100%;
    margin-top: 10px;
    line-height: 3em;
  }
}
#header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(243, 243, 243, 0.95);
}

.inner {
  margin: 0.5rem 0;
}

/* 关于我们 */
.profile li {
  padding: 0.5rem 0;
}
.profile li .hd .txt {
  width: 45%;
  order: 1;
}
.profile li .hd .txt h2 {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 700;
}
.profile li .hd .txt .intro {
  margin-top: 0.3rem;
}
.profile li .hd .txt .intro p {
  line-height: 1.8em;
  font-size: 12px;
  margin-bottom: 0.1rem;
}
.profile li .hd .img {
  width: 45%;
  order: 2;
}
.profile li .hd .img img {
  width: 100%;
  height: auto;
}
.profile li .pic {
  margin-top: 0.5rem;
}
.profile li .pic .itembox {
  width: calc(25% - 0.3rem);
}
.profile li:nth-child(even) {
  background-color: #fff;
}
.profile li:nth-child(even) .hd .txt {
  order: 2;
}
.profile li:nth-child(even) .hd .img {
  order: 1;
}
.profile li:nth-child(even) .pic .itembox {
  width: calc(20% - 0.3rem);
}

/* 工厂 */
.fac {
  align-items: start;
}
.fac .text {
  width: 37%;
  padding-right: 0.3rem;
}
.fac .text h2 {
  font-size: 16px;
}
.fac .text .intro {
  margin-top: 0.3rem;
}
.fac .text .intro p {
  line-height: 1.8em;
  font-size: 12PX;
  margin-bottom: 0.14rem;
  color: #444;
  max-width: 570px;
}
.fac .text .intro p strong {
  font-family: "RalewayS";
}
.fac .text .content-post {
  max-width: 570px;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  padding-top: 0.3rem;
  border-top: 1px solid #ddd;
  position: relative;
}
.fac .text .content-post .fenbox {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}
.fac .text .content-post .fenbox .jiantou {
  border-bottom: 10px solid #fff;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: 30px;
  left: 1.3rem;
}
.fac .text .content-post .fenbox .fenxiang {
  box-shadow: 0px 5px 5px #333;
  position: absolute;
  background: #fff;
  left: 0.5rem;
  top: 50px;
  z-index: 999;
  border-radius: 5px;
  padding: 15px;
}
.fac .text .content-post .fenbox .fenxiang img {
  width: 150px;
}
.fac .text .content-post a {
  font-size: 0.14rem;
  cursor: pointer;
}
.fac .text .content-post a.collect::after {
  content: "|";
  margin-left: 5px;
  margin-right: 5px;
  font-size: 6px;
  color: grey;
  opacity: 0.8;
  vertical-align: 1px;
}
.fac .text .content-post a span {
  color: grey;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.fac .img {
  width: 63%;
}
.fac .img .articleImagesWrap figure {
  margin-bottom: 0.3rem;
  position: relative;
  overflow: hidden;
}
.fac .img .articleImagesWrap figure img {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fac .img .articleImagesWrap figure.landscape {
  width: 100%;
  padding-top: 67%;
}
.fac .img .articleImagesWrap figure.portrait {
  width: calc(50% - 0.15rem);
  padding-top: 67%;
}
.fac .img .articleImagesWrap figure:last-child {
  margin-bottom: 0;
}

/* 相关信息 */
.relatedContent {
  background-color: #e0e1e2;
  padding: 0.5rem 0;
}
.relatedContent h2 {
  font-size: 14px;
  margin-bottom: 0.5rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid grey;
  display: inline-block;
}
.relatedContent ul {
  margin-right: -0.5rem;
  /*      &::after {
      content: "";
      -webkit-flex: auto;
      -ms-flex: auto;
      flex: auto;
      flex-grow: 1;
      -webkit-flex-grow: 500;
      -ms-flex-positive: 500;
      flex-grow: 500;
      width: auto;
      margin-right: 3.5%;
  } */
}
.relatedContent ul li {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  width: 21.5%;
}
.relatedContent ul li.landscape {
  width: 46.3%;
  flex-grow: 2;
}
.relatedContent ul li.landscape .pic img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.relatedContent ul li.portrait {
  flex-grow: 1;
  width: 21.5%;
}
.relatedContent ul li.portrait .pic img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.relatedContent ul li a {
  display: block;
}
.relatedContent ul li a .pic {
  width: 100%;
  height: 5rem;
  position: relative;
}
.relatedContent ul li a .pic img {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.relatedContent ul li a .txt {
  margin-top: 0.2rem;
}
.relatedContent ul li a .txt p {
  line-height: 1em;
  margin-top: 0.15rem;
}
.relatedContent ul li a .txt p.p1 {
  font-size: 12px;
  font-family: "RalewayS";
  color: #2b2b2b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 显示的行数，可以根据需要修改 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.relatedContent ul li a .txt p.p3 {
  font-size: 10px;
  color: grey;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 产品首页 */
.product .container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product .container:nth-child(2n) {
  background-color: #f9f9f9;
}
.product .container h2 {
  line-height: 1em;
}
.product .container h2 span {
  font-size: 16px;
}
.product .container h2 a i {
  line-height: 1em;
  font-size: 12px;
}
.product .container h2 a em {
  font-size: 12px;
  line-height: 1em;
}
.product .container ul {
  margin-top: 0.3rem;
}
.product .container ul li {
  width: calc(33.3333333333% - 0.3rem);
}
.product .container ul li a {
  display: block;
}
.product .container ul li a .pic {
  width: 100%;
  padding-top: 150%;
  position: relative;
}
.product .container ul li a .pic img {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product .container ul li a .txt {
  margin-top: 20px;
}
.product .container ul li a .txt p {
  line-height: 1em;
  margin-top: 8px;
}
.product .container ul li a .txt p:first-letter {
  text-transform: capitalize;
}
.product .container ul li a .txt p.p1 {
  font-size: 14px;
  color: #2b2b2b;
  text-transform: lowercase;
}
.product .container ul li a .txt p.p2 {
  font-size: 10px;
  color: grey;
}
.product .container ul li a .txt p.p3 {
  font-size: 10px;
  color: grey;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 产品详情 */
.prodetails {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.prodetails .summary {
  width: 5rem;
  position: relative;
  overflow: hidden;
}
.prodetails .summary .swiper-slide img {
  display: block;
  width: 100%;
}
.prodetails .summary .big_pic_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
}
.prodetails .summary .big_pic_container ul li {
  background: #fff;
  overflow: hidden;
}
.prodetails .summary .big_pic_container ul li .bimg {
  width: 100%;
  padding-top: 150%;
  position: relative;
  background-color: #fff;
}
.prodetails .summary .big_pic_container ul li .bimg img.imagezoom {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: multiply;
}
.prodetails .summary .small_pic_container {
  width: 100%;
  margin-top: 0.1rem;
  position: relative;
}
.prodetails .summary .small_pic_container .swiper-slide {
  transition: all 0.3s;
  opacity: 0.4;
  cursor: pointer;
  background: #f0f0f0;
}
.prodetails .summary .small_pic_container .swiper-slide .simg {
  width: 100%;
  padding-top: 150%;
  position: relative;
  background-color: #fff;
}
.prodetails .summary .small_pic_container .swiper-slide .simg img {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: multiply;
}
.prodetails .summary .small_pic_container .swiper-slide-thumb-active {
  opacity: 1;
}
.prodetails .summary .small_pic_container .swiper-button-prev,
.prodetails .summary .small_pic_container .swiper-button-next {
  position: absolute;
  right: 0;
  width: 30px;
  height: 100%;
  z-index: 10;
  margin: 0;
  top: auto;
  bottom: auto;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s;
  opacity: 0;
  color: #fff;
  font-size: 14px;
}
.prodetails .summary .small_pic_container .swiper-button-prev {
  top: 0;
  left: -30px;
}
.prodetails .summary .small_pic_container .swiper-button-next {
  bottom: 0;
  right: -30px;
}
.prodetails .summary:hover .swiper-button-prev {
  left: 0;
  opacity: 1;
}
.prodetails .summary:hover .swiper-button-next {
  right: 0;
  opacity: 1;
}
.prodetails .intro {
  width: calc(100% - 5.5rem);
}
.prodetails .intro .title h2 {
  font-size: 14px;
  line-height: 1em;
}
.prodetails .intro .title p {
  margin-top: 15px;
  font-size: 12px;
  color: #666;
}
.prodetails .intro .details {
  margin-top: 0.5rem;
}
.prodetails .intro .details h3 {
  font-family: "LDM";
  font-size: 0.3rem;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 0.2rem;
  padding-bottom: 0.2rem;
}
.prodetails .intro .details h3::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 1rem;
  height: 2px;
  background-color: #2b2b2b;
}
.prodetails .intro .details .txt {
  font-size: 12px;
  color: #333;
  line-height: 1.5em;
}

/*产品详情放大查看*/
.zm-viewer {
  position: absolute;
  display: none;
  overflow: hidden;
  z-index: 99;
  background: #f0f0f0;
}
.zm-viewer img {
  max-width: unset;
  transition: none;
}

.zm-handler {
  position: absolute !important;
  display: none;
  overflow: hidden;
  cursor: crosshair;
  border: none !important;
  background: #f0f0f0;
}

.zm-description {
  display: none;
}

/* 产品列表 */
.subnav {
  margin-top: 0.2rem;
}
.subnav .container a {
  margin: 0 0.2rem;
  font-size: 10px;
  color: grey;
  padding: 0.05rem;
  white-space: nowrap;
}
.subnav .container a.on {
  background-color: #2b2b2b;
  color: #fff;
}
.subnav .container a:hover {
  background-color: #2b2b2b;
  color: #fff;
}

.prolib .container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.prolib .container ul li {
  width: calc(33.3333333333% - 0.3rem);
  margin-bottom: 0.3rem;
}
.prolib .container ul li a {
  display: block;
}
.prolib .container ul li a .pic {
  width: 100%;
  padding-top: 150%;
  position: relative;
}
.prolib .container ul li a .pic img {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.prolib .container ul li a .txt {
  margin-top: 20px;
}
.prolib .container ul li a .txt p {
  line-height: 1em;
  margin-top: 8px;
}
.prolib .container ul li a .txt p:first-letter {
  text-transform: capitalize;
}
.prolib .container ul li a .txt p.p1 {
  font-size: 14px;
  text-transform: lowercase;
  color: #2b2b2b;
}
.prolib .container ul li a .txt p.p2 {
  font-size: 10px;
  color: grey;
}
.prolib .container ul li a .txt p.p3 {
  font-size: 10px;
  color: grey;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 新闻列表 */
.newslib .container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.newslib .container ul {
  margin-right: -0.5rem;
  /*      &::after {
      content: "";
      -webkit-flex: auto;
      -ms-flex: auto;
      flex: auto;
      flex-grow: 1;
      -webkit-flex-grow: 500;
      -ms-flex-positive: 500;
      flex-grow: 500;
      width: auto;
      margin-right: 3.5%;
  } */
}
.newslib .container ul li {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  width: 21.5%;
}
.newslib .container ul li.landscape {
  width: 46.3%;
  flex-grow: 2;
}
.newslib .container ul li.landscape .pic img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.newslib .container ul li.portrait {
  flex-grow: 1;
  width: 21.5%;
}
.newslib .container ul li.portrait .pic img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.newslib .container ul li a {
  display: block;
}
.newslib .container ul li a .pic {
  width: 100%;
  height: 5rem;
  position: relative;
}
.newslib .container ul li a .pic img {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.newslib .container ul li a .txt {
  margin-top: 20px;
}
.newslib .container ul li a .txt p {
  line-height: 1em;
  margin-top: 8px;
}
.newslib .container ul li a .txt p.p1 {
  font-size: 14px;
  color: #2b2b2b;
}
.newslib .container ul li a .txt p.p3 {
  font-size: 10px;
  color: grey;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 新闻详情 */
.newsDetails {
  max-width: 1200px;
  margin: 0 auto;
}
.newsDetails .news-xq .xq-title {
  font-size: 0.3rem;
  font-family: "LDM";
  color: #000;
  text-align: center;
}
.newsDetails .news-xq .xq-data {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.15rem 0 0.2rem;
  color: grey;
}
.newsDetails .news-xq .content {
  border-top: 1px solid #dbdbdb;
  padding: 0.2rem 0;
}
.newsDetails .news-xq .content p {
  padding: 5px 0;
  line-height: 1.8em !important;
  color: #666;
}
.newsDetails .news-xq .content img {
  max-width: 100%;
  width: 80% !important;
  margin: 0 auto;
}

/* 下载列表 */
.downlib .container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.downlib .container ul {
  margin-right: -0.5rem;
  /*      &::after {
      content: "";
      -webkit-flex: auto;
      -ms-flex: auto;
      flex: auto;
      flex-grow: 1;
      -webkit-flex-grow: 500;
      -ms-flex-positive: 500;
      flex-grow: 500;
      width: auto;
      margin-right: 3.5%;
  } */
}
.downlib .container ul li {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  width: 21.5%;
}
.downlib .container ul li.landscape {
  width: 46.3%;
  flex-grow: 2;
}
.downlib .container ul li.landscape .pic img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.downlib .container ul li.portrait {
  flex-grow: 1;
  width: 21.5%;
}
.downlib .container ul li.portrait .pic img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.downlib .container ul li a {
  display: block;
}
.downlib .container ul li a .pic {
  width: 100%;
  height: 5rem;
  position: relative;
}
.downlib .container ul li a .pic img {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.downlib .container ul li a .txt {
  margin-top: 0.2rem;
}
.downlib .container ul li a .txt p {
  line-height: 1em;
  margin-top: 0.15rem;
}
.downlib .container ul li a .txt p.p1 {
  font-size: 0.2rem;
  font-family: "RalewayS";
  color: #2b2b2b;
}
.downlib .container ul li a .txt p.p2 {
  font-size: 0.15rem;
  color: grey;
}
.downlib .container ul li a .txt p.p3 {
  font-size: 0.15rem;
  color: grey;
}
.downlib .container ul li a .txt p.p3 span {
  margin-right: 0.1rem;
  position: relative;
}
.downlib .container ul li a .txt p.p3 span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: grey;
}

/* 联系我们 */
.contact .img {
  width: 58%;
}
.contact .txt {
  width: calc(42% - 0.5rem);
}
.contact .txt .hd h2 {
  font-size: 14px;
}
.contact .txt .hd p {
  margin-top: 0.15rem;
  color: #999;
  font-size: 10px;
  line-height: 1.2em;
}
.contact .txt ul {
  margin-top: 0.5rem;
}
.contact .txt ul li {
  padding: 0.2rem 0;
}
.contact .txt ul li i {
  font-size: 12px;
  background-color: #2b2b2b;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.contact .txt ul li dl {
  margin-left: 0.2rem;
}
.contact .txt ul li dl dt {
  color: #666;
}
.contact .txt ul li dl dd {
  margin-top: 0.05rem;
  font-size: 12px;
}

.contact-feed {
  margin-top: 0.7rem;
  padding: 0.5rem 0;
  background-color: white;
}
.contact-feed .feed-tit dt {
  font-size: 14px;
  text-transform: capitalize;
}
.contact-feed .feed-tit dd {
  padding: 20px 0 20px;
  max-width: 1000px;
  text-align: center;
  color: #999;
}

@media only screen and (max-width: 1280px) {
  .fac .text .intro p {
    max-width: 380px;
  }
}
@media only screen and (max-width: 540px) {
  /* 产品 */
  .product .container ul {
    display: flex;
    flex-direction: column;
  }
  .product .container ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .product .container ul li a .txt p.p2 {
    font-size: 12px;
  }
  .product .container ul li a .txt p.p1 {
    font-size: 14px;
  }
  .product .container ul li a .txt p.p3 {
    font-size: 12px;
  }
  .prolib .container ul {
    display: flex;
    flex-direction: column;
  }
  .prolib .container ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .prolib .container ul li a .txt p.p2 {
    font-size: 12px;
  }
  .prolib .container ul li a .txt p.p1 {
    font-size: 14px;
  }
  .prolib .container ul li a .txt p.p3 {
    font-size: 12px;
  }
  .prodetails {
    flex-direction: column;
  }
  .prodetails .summary {
    width: 100%;
    margin-bottom: 20px;
  }
  .prodetails .intro {
    width: 100%;
  }
  .prodetails .intro .details {
    margin-top: 20px;
  }
  .prodetails .intro .details .txt {
    font-size: 12px;
  }
  /* 厂房*/
  .fac {
    flex-direction: column;
  }
  .fac .text {
    width: 100%;
  }
  .fac .img {
    width: 100%;
    margin-top: 20px;
  }
  /* 相关信息 */
  .relatedContent h2 {
    font-size: 18px;
  }
  .relatedContent ul {
    margin: 0;
    flex-direction: column;
  }
  .relatedContent ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .relatedContent ul li.portrait {
    width: 100%;
  }
  .relatedContent ul li.landscape {
    width: 100%;
  }
  .relatedContent ul li a .txt p.p1 {
    font-size: 14px;
  }
  .relatedContent ul li a .txt p.p3 {
    font-size: 12px;
  }
  /* 关于我们 */
  .profile li {
    padding: 20px 0;
  }
  .profile li .hd {
    flex-direction: column;
  }
  .profile li .hd .txt {
    width: 100%;
    order: 2;
    margin-top: 20px;
  }
  .profile li .hd .txt .intro {
    margin-top: 10px;
  }
  .profile li .hd .txt .intro p {
    font-size: 12px;
  }
  .profile li .hd .img {
    width: 100%;
    order: 1;
  }
  .profile li .pic {
    margin-top: 0px;
    flex-wrap: wrap;
  }
  .profile li .pic .itembox {
    width: calc(50% - 10px);
    margin: 10px 0;
  }
  .profile li:nth-child(2n) .pic .itembox {
    width: calc(50% - 10px);
    margin: 10px 0;
  }
  /* 新闻 */
  .newslib .container ul {
    margin: 0;
  }
  .newslib .container ul li {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .newslib .container ul li a .txt p.p1 {
    font-size: 14px;
  }
  .newslib .container ul li a .txt p.p3 {
    font-size: 12px;
  }
  /* 下载 */
  .downlib .container ul {
    margin: 0;
  }
  .downlib .container ul li {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .downlib .container ul li a .txt p.p1 {
    font-size: 14px;
  }
  .downlib .container ul li a .txt p.p3 {
    font-size: 12px;
  }
  /* 联系我们 */
  .contact {
    flex-direction: column;
  }
  .contact .img {
    width: 100%;
  }
  .contact .txt {
    width: 100%;
    margin-top: 20px;
  }
  .contact .txt .hd p {
    font-size: 12px;
  }
  .contact .txt ul {
    margin-top: 10px;
  }
  .contact .txt ul li i {
    font-size: 20px;
    width: 35px;
    height: 35px;
  }
  .contact .txt ul li dl dt {
    font-size: 14px;
  }
  .contact .txt ul li dl dd {
    font-size: 16px;
  }
  .contact-feed .feed-tit dd {
    font-size: 12px;
  }
  .inquiry dl {
    margin: 0px;
  }
  .inquiry dl dd {
    padding: 10px 0;
    width: 100%;
  }
}/*# sourceMappingURL=inner.css.map */