@import url(../css/swiper-bundle.min.css);
@import url(../css/baguetteBox.min.css);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

input {
  background: none;
  outline: none;
  border: none;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
}

.publicText {
  font-family: SourceSansProRegular, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #444444;
  line-height: 30px;
}

.publicText a {
  color: #444444;
}

.publicText a:hover {
  color: #0B40AE;
}

img {
  transition: 0.5s;
}

a {
  transition: 0.2s;
}

::selection {
  background: #333333;
  color: #ffffff;
}

::-moz-selection {
  background: #333333;
  color: #ffffff;
}

html {
  scroll-behavior: smooth;
}

body {
  max-width: 1920px;
  margin: 0 auto;
  line-height: 1.2;
  background-color: #ffffff;
}

.contSafe {
  width: 1400px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

.iframeBox {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 999;
}

.iframeBox iframe {
  width: 80%;
  height: 80%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.iframeBox video {
  width: 100%;
  object-fit: cover;
}

.iframeBox:before {
  content: "X";
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  top: 30px;
  right: 30px;
  background: #fff;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
}

.navWrap {
  width: 100%;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 900;
}

.navWrap .navBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navWrap .navLogo {
  width: 150px;
  display: block;
  margin-top: -6px;
}

.navWrap .navLogo img {
  width: 100%;
  display: block;
}

.navWrap .navRight {
  display: flex;
  align-items: center;
}

.navWrap .navList {
  display: flex;
}

.navWrap .yiBox {
  padding-top: 41px;
  padding-bottom: 33px;
  margin-right: 70px;
  position: relative;
}

.navWrap .yiBox:last-child {
  margin-right: 0;
}

.navWrap .yiTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  position: relative;
  text-transform:uppercase;
}

.navWrap .yiTxt::after {
  width: 0;
  height: 1px;
  background-color: #333333;
  bottom: -4px;
  left: 0;
  content: '';
  position: absolute;
  transition: 0.2s;
}

.navWrap .yiBox:hover .yiTxt::after {
  width: 100%;
}

.navWrap .yiActive .yiTxt::after {
  width: 100%;
}

.navWrap .langBox {
  position: relative;
  margin-left: 143px;
  margin-right: 68px;
  margin-top: 18px;
}

.navWrap .langTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  cursor: pointer;
}

.navWrap .langOther {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

.navWrap .langItem {
  font-size: 14px;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  color: #333333;
  line-height: 30px;
}

.navWrap .langItem a {
  color: #333333;
}

.navWrap .souBox {
  position: relative;
  margin-top: 18px;
}

.navWrap .souShow {
  font-size: 26px;
  color: #000000;
  cursor: pointer;
}

.navWrap .searchWrap {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: none;
  border: 1px solid #666666;
  border-radius: 5px;
}

.navWrap .searchBox {
  position: relative;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  background-color: #ffffff;
}

.navWrap .searchBox input {
  font-size: 16px;
  color: #333333;
  flex: 1;
  margin-right: 10px;
  margin-left: 10px;
}

.navWrap .searchBox input::-webkit-input-placeholder {
  color: #333333;
}

.navWrap .searchBox input:-moz-placeholder {
  color: #333333;
}

.navWrap .searchBox input::-moz-placeholder {
  color: #333333;
}

.navWrap .searchBox input:-ms-input-placeholder {
  color: #333333;
}

.navWrap .searIcon {
  font-size: 26px !important;
}

.navWrap .searBtn {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  cursor: pointer;
}

.navWrap .erjiWrap {
  display: none;
  position: fixed;
  top: 98px;
  left: 50%;
  transform: translateX(-50%);
}

.navWrap .erjiBox {
  width: calc(100vw - 300px);
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: start;
  padding: 0px 105px;
  padding-top: 23px;
  padding-bottom: 66px;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.navWrap .erjiItem {
  width: max-content;
  max-width: 24%;
  margin-right: 17.5%;
}

.navWrap .erjiItem:nth-child(4n) {
  margin-right: 0px;
}

.navWrap .erjiTit {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-bottom: 21px;
}

.navWrap .erjiTit a {
  color: #333333;
  position: relative;
}

.navWrap .erjiTit a::after {
  width: 0;
  height: 1px;
  background-color: #333333;
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  transition: 0.2s;
}

.navWrap .sanList {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 46px;
  color: #333333;
}

.navWrap .sanList a {
  color: #333333;
  display: block;
  position: relative;
}

.navWrap .sanList a::before {
  width: 0px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  content: '';
  transition: 0.2s;
}

.navWrap .sanList a:hover::before {
  width: 16px;
}

.navWrap .erjiItem:hover .erjiTit a::after {
  width: 100%;
}

.navWrap .erjiRoutine {
  position: absolute;
  top: 100%;
  width: max-content;
  max-width: 300px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  padding-bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

.navWrap .erjiTxt {
  font-size: 16px;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  color: #333333;
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.navWrap .erjiTxt::after {
  width: 0px;
  height: 1px;
  background-color: #333333;
  content: '';
  left: 0;
  bottom: 0;
  transition: 0.2s;
  position: absolute;
}

.navWrap .erjiTxt:hover::after {
  width: 100%;
}

.navWrap .langOther {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px 10px;
  width: max-content;
  max-width: 200px;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 10px;
  display: none;
}

.navWrap .langItem {
  font-size: 16px;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  color: #333333;
  margin-bottom: 10px;
}

.navWrap .langItem a {
  color: #333333;
}

.navWrap .langItem a:hover {
  text-decoration: underline;
}

.navWrap .menuBtn {
  margin-left: 20px;
  display: none;
}

.navWrap .menuBtn .menuIcon {
  width: 30px;
  height: 34px;
  position: relative;
  cursor: pointer;
}

.navWrap .menuBtn .menuIcon:before,
.navWrap .menuBtn .menuIcon:after {
  content: "";
  display: block;
  width: 26px;
  height: 3px;
  background: #333333;
  border-radius: 8px;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.navWrap .menuBtn .menuIcon:before {
  top: 15px;
  box-shadow: 0 -8px #333333;
}

.navWrap .menuBtn .menuIcon:after {
  bottom: 8px;
}

.navWrap .menuBtn .menuActive::after {
  bottom: 15px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.navWrap .menuBtn .menuActive::before {
  top: 16px;
  box-shadow: none;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.navWrap .mobileBox {
  width: 280px;
  max-height: 100vh;
  overflow-y: scroll;
  background-color: #333333;
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  z-index: 600;
}

.navWrap .mobileBox::-webkit-scrollbar {
  display: none;
}

.navWrap .mobSearch {
  width: 250px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  background-color: #ffffff;
  margin-top: 20px;
  border-radius: 5px;
  padding: 5px 0;
  padding-right: 10px;
}

.navWrap .inpSea {
  font-size: 16px;
  color: #333333;
  flex: 1;
  margin-right: 10px;
  margin-left: 10px;
}

.navWrap .inpSea::-webkit-input-placeholder {
  color: #333333;
}

.navWrap .inpSea:-moz-placeholder {
  color: #333333;
}

.navWrap .inpSea::-moz-placeholder {
  color: #333333;
}

.navWrap .inpSea:-ms-input-placeholder {
  color: #333333;
}

.navWrap .souIcon {
  font-size: 18px;
  color: #333333;
}

.navWrap .subIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
}

.navWrap .mobileNav {
  width: 100%;
  padding-top: 20px;
}

.navWrap .mobileYi {
  font-family: Arial;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 25px;
  margin-bottom: 20px;
  line-height: 20px;
  word-break: break-all;
}

.navWrap .mobileYi a {
  color: #ffffff;
}

.navWrap .mobileYi span {
  transition: 0.2s;
}

.navWrap .erPhone {
  margin-left: 20px;
  display: none;
}

.navWrap .sanPhone {
  margin-left: 20px;
  display: none;
}

.navWrap .zhanActive {
  transform: rotate(90deg);
}

.indexBanner .bannerItem a {
  width: 100%;
  display: block;
}

.indexBanner .bannerItem a img {
  width: 100%;
  display: block;
}

.indexBanner .qieIcon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  color: #ffffff;
  transition: 0.2s;
  cursor: pointer;
  z-index: 100;
}

.indexBanner .qieIcon:hover {
  color: #000000;
}

.indexBanner .indexPrev {
  left: 26px;
}

.indexBanner .indexNext {
  right: 26px;
}

.consuWrap {
  transform: translateY(-50%);
  position: relative;
  z-index: 100;
}

.consuWrap .consuBox {
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  box-sizing: border-box;
  padding-top: 41px;
  padding-bottom: 45px;
  position: relative;
}

.consuWrap .prodTitle {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #333333;
  text-align: center;
}

.consuWrap .prodTitle a {
  color: #333333;
  position: relative;
}

.consuWrap .prodTitle a::after {
  width: 44px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 15px);
  content: '';
}

.consuWrap .prodTitle a::before {
  width: 44px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 15px);
  content: '';
}

.consuWrap .prodTitle a:hover {
  text-decoration: underline;
}

.consuWrap .prodInputList {
  display: flex;
  justify-content: space-between;
  padding-left: 11%;
  padding-right: 3%;
  margin-top: 97px;
}

.consuWrap .inputItem {
  width: 21%;
  box-sizing: border-box;
  border: solid 2px #999999;
  border-top: none;
  padding-left: 20px;
  padding-right: 13px;
  position: relative;
}

.consuWrap .inputItem .inputKuang {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  width: 100%;
  background: transparent;
}

.consuWrap .inputItem .inputKuang::-webkit-input-placeholder {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.consuWrap .inputItem .inputKuang:-moz-placeholder {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.consuWrap .inputItem .inputKuang::-moz-placeholder {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.consuWrap .inputItem .inputKuang:-ms-input-placeholder {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.consuWrap .xingIcon {
  font-size: 12px;
  color: #666666;
  position: absolute;
  top: 9%;
  transform: scale(0.5);
  left: 5px;
}

.consuWrap .selectKuang {
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  z-index: 1;
}

.consuWrap .jianIcon {
  font-size: 16px;
  color: #666666;
  position: absolute;
  top: 0;
  right: 11px;
  background-color: #fff;
}

.consuWrap .subInp {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 67px;
}

.consuWrap .subInp input {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  padding: 15px 102px;
  background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  transition: 0.2s;
  border: 1px solid transparent;
}

.consuWrap .subInp input:hover {
  border: 1px solid #333333;
  background-color: #ffffff;
  color: #333333;
}

.consuWrap .consImg1 {
  position: absolute;
  top: 18%;
  left: 0;
  transform: translateX(-50%);
  width: 173px;
  z-index: 100;
}

.consuWrap .consImg2 {
  position: absolute;
  bottom: -22px;
  right: -101px;
  width: 163px;
  z-index: 100;
}

.consuWrap .consImg3 {
  position: absolute;
  top: 19px;
  left: 17px;
  width: 68px;
}

.consuWrap .consImg4 {
  position: absolute;
  top: 19px;
  right: 17px;
  width: 68px;
}

.consuWrap .consImg5 {
  position: absolute;
  bottom: 19px;
  left: 17px;
  width: 68px;
}

.consuWrap .consImg6 {
  position: absolute;
  bottom: 19px;
  right: 17px;
  width: 68px;
}

.collectWrap {
  background: url("../imgs/bj1.jpg") center center/cover no-repeat;
  width: 100%;
  padding-bottom: 172px;
}

.collBox {
  margin-top: -107px;
}

.collBox .collTit {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 50px;
  color: #333333;
  text-align: center;
  margin-bottom: 49px;
  word-break: break-all;
}

.collBox .collTit a {
  color: #333333;
  position: relative;
}

.collBox .collTit a:hover {
  text-decoration: underline;
}

.collBox .collTit a::after {
  width: 44px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 15px);
  content: '';
}

.collBox .collTit a::before {
  width: 44px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 15px);
  content: '';
}

.collBox .collItem {
  display: flex;
  align-items: start;
}

.collBox .collLeft {
  width: 44.5%;
  border-radius: 0px 0px 301px 301px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  z-index: 100;
}

.collBox .collLeft img {
  width: 100%;
  display: block;
}

.collBox .collLeft:hover img {
  transform: scale(1.2);
}

.collBox .collRight {
  width: 67.1%;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 10px;
  padding-top: 34px;
  padding-bottom: 57px;
  padding-right: 6px;
  padding-left: 16%;
  margin-left: -10%;
  margin-top: 108px;
  position: relative;
}

.collBox .collName {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform:uppercase;
}

.collBox .collName a {
  color: #333333;
}

.collBox .collName a:hover {
  text-decoration: underline;
}

.collBox .collTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 31px;
  color: #666666;
  margin-top: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.collBox .collTxt a {
  color: #666666;
  display: block;
}

.collBox .collTxt a:hover {
  text-decoration: underline;
}

.collBox .collBtn {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 19px;
  color: #ffffff;
  padding: 12px 34px;
  background-color: #333333;
  border: 1px solid transparent;
  display: inline-block;
  margin-top: 86px;
}

.collBox .collBtn:hover {
  border: 1px solid #333333;
  background-color: #ffffff;
  color: #333333;
}

.collBox .collHua {
  position: absolute;
  right: 12px;
  top: 20px;
  width: 69px;
}

.collBox .collItem:nth-child(2n) {
  flex-direction: row-reverse;
  margin-top: 29px;
}

.collBox .collItem:nth-child(2n) .collLeft {
  width: 52.9%;
  border-radius: 336px 0px 0px 336px;
}

.collBox .collItem:nth-child(2n) .collRight {
  padding-left: 34px;
  padding-right: 16%;
  padding-top: 73px;
  padding-bottom: 55px;
  margin-left: 0px;
  margin-right: -10%;
}

.collBox .collItem:nth-child(2n) .collTxt {
  margin-top: 35px;
}

.collBox .collItem:nth-child(2n) .collBtn {
  margin-top: 39px;
}

.collBox .collItem:nth-child(2n) .collHua {
  right: unset;
  left: 7px;
  top: 13px;
}

.collTwo {
  margin-top: 86px;
}

.collTwo .collRight {
  background-color: #e5e5e5;
}

.collTwo .collLeft {
  width: 55.3%;
  border-radius: 0px 336px 336px 0px;
}

.collTwo .collItem:nth-child(2n) .collLeft {
  width: 42.9%;
  border-radius: 301px 301px 0px 0px;
}

.newsCenterWrap {
  background: url("../imgs/bj2.png") center center/cover no-repeat;
  padding-top: 177px;
  margin-top: 128px;
  padding-bottom: 89px;
}

.newsCenterWrap .newsTitle {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 50px;
  color: #333333;
  text-align: center;
}

.newsCenterWrap .newsTitle a {
  color: #333333;
  position: relative;
}

.newsCenterWrap .newsTitle a:hover {
  text-decoration: underline;
}

.newsCenterWrap .newsTitle a::after {
  width: 44px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 15px);
  content: '';
}

.newsCenterWrap .newsTitle a::before {
  width: 44px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 15px);
  content: '';
}

.newsCenterWrap .newsList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 106px;
  position: relative;
  z-index: 100;
}

.newsCenterWrap .newsList::after {
  width: 31.4%;
  content: '';
}

.newsCenterWrap .newsItem {
  width: 31.4%;
}

.newsCenterWrap .newsImg {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 120px 0px 0px 0px;
}

.newsCenterWrap .newsImg img {
  width: 100%;
  display: block;
}

.newsCenterWrap .newsImg:hover img {
  transform: scale(1.2);
}

.newsCenterWrap .newsInfo {
  width: 100%;
  background-color: #ffffff;
  padding-top: 16px;
  padding-left: 15px;
  padding-right: 19px;
  padding-bottom: 18px;
  box-sizing: border-box;
}

.newsCenterWrap .newsDate {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
}

.newsCenterWrap .newsTxt {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #333333;
  margin-top: 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newsCenterWrap .newsTxt a {
  color: #333333;
  display: block;
}

.newsCenterWrap .newsTxt a:hover {
  text-decoration: underline;
}

.newsCenterWrap .newsBtn {
  color: #333333;
  font-weight: bold;
  margin-top: 27px;
  display: inline-block;
}

.newsCenterWrap .newsBtn span {
  font-size: 12px;
  transition: 0.2s;
  display: block;
}

.newsCenterWrap .newsBtn:hover span {
  transform: scale(1.2);
}

.newsCenterWrap .newsItem:nth-child(2) .newsImg {
  border-radius: 120px 120px 0px 0px;
}

.newsCenterWrap .newsItem:nth-child(3) .newsImg {
  border-radius: 0px 120px 0px 0px;
}

.newsCenterWrap .newsBjimg {
  position: absolute;
  width: 226px;
  right: 0;
  top: 23px;
  display: block;
}

.newsCenterWrap .newsWrap {
  position: relative;
}

.footWrap {
  width: 100%;
  background-color: #1d1d1d;
  padding-top: 86px;
  padding-bottom: 29px;
}

.footWrap .footTop {
  display: flex;
  align-items: start;
}

.footWrap .footA {
  width: 16.6%;
  margin-right: 13%;
  margin-top: 7px;
}

.footWrap .footA .footLogo {
  width: 150px;
  display: block;
}

.footWrap .footA .footLogo img {
  width: 100%;
  display: block;
}

.footWrap .footTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #898989;
  margin-top: 51px;
}

.footWrap .footShare {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}

.footWrap .shareItem {
  width: 26px;
  display: block;
  margin-right: 6px;
}

.footWrap .shareItem img {
  width: 100%;
  display: block;
}

.footWrap .shareItem:hover img {
  transform: scale(1.2);
}

.footWrap .shareItem:last-child {
  margin-right: 0;
}

.footWrap .footB {
  width: max-content;
  max-width: 15%;
  margin-right: 15.2%;
}

.footWrap .footName {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 11px;
}

.footWrap .footName a {
  color: #ffffff;
}

.footWrap .footName a:hover {
  text-decoration: underline;
}

.footWrap .footNav {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 36px;
  color: #898989;
}

.footWrap .footNav a {
  display: block;
  color: #898989;
}

.footWrap .footNav a:hover {
  text-decoration: underline;
}

.footWrap .footC {
  width: max-content;
  max-width: 15%;
  margin-right: 14.3%;
}

.footWrap .dNav {
  display: flex;
}

.footWrap .dNav span {
  margin-left: 4px;
}

.footWrap .dNav a {
  margin-left: 4px;
}

.footWrap .footD {
  width: max-content;
  max-width: 15%;
}

.footWrap .footLine {
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  opacity: 0.23;
  margin-top: 29px;
}

.footWrap .copyTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #666666;
  margin-top: 12px;
}

.footWrap .copyTxt a {
  color: #666666;
}

.footWrap .copyTxt a:hover {
  text-decoration: underline;
}

.footWrap .linikTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #666666;
  display: flex;
  flex-wrap: wrap;
}

.footWrap .linikTxt a {
  color: #666666;
  margin-left: 20px;
}

.footWrap .linikTxt a:hover {
  text-decoration: underline;
}

.sideNav {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 200;
  width: 53px;
}

.sideNav .sideItem {
  width: 100%;
  background-color: #dfdfdf;
  border-radius: 5px;
  transition: 0.2s;
  position: relative;
  margin-top: 1px;
  border-radius: 5px;
}

.sideNav .sideBox {
  width: 100%;
  text-align: center;
  display: block;
}

.sideNav .sideBox span {
  font-size: 22px;
  color: #ffffff;
  line-height: 53px;
}

.sideNav .sideItem:hover {
  background-color: #333333;
}

.sideNav .sideItem:hover span {
  color: #ffffff;
}

.sideNav .phoneTxt {
  width: max-content;
  padding: 10px;
  font-size: 16px;
  color: #ffffff;
  background-color: #333333;
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.sideNav .phoneTxt a {
  color: #ffffff;
}

.sideNav .phoneTxt a:hover {
  text-decoration: underline;
}

.sideNav .goTop {
  cursor: pointer;
}

.sideNav .sideItem:last-child .sideBox span {
  font-size: 26px;
}

.crumbsBox {
  display: flex;
  align-items: center;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  padding-top: 18px;
}

.crumbsBox .homeIcon {
  font-size: 18px;
  color: #666666;
  margin-right: 13px;
  margin-left: 0;
}

.crumbsBox span {
  margin: 0 5px;
}

.crumbsBox a {
  color: #666666;
}

.crumbsBox a:hover {
  text-decoration: underline;
}

.crumbsBox .crumActive {
  text-decoration: underline;
}

.prodListWrap {
  position: relative;
  margin-bottom: 92px;
}

.prodListWrap .bjingImg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -10;
}

.prdoListBox {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-top: 23px;
}

.prdoListBox .prodLeft {
  width: 26.1%;
}

.prdoListBox .clasTit {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #ffffff;
  padding: 0px 30px;
  padding-top: 22px;
  padding-bottom: 26px;
  background-color: #333333;
  border-radius: 10px;
  margin-bottom: 19px;
}
.prdoListBox .clasTit>a{color: #ffffff; text-transform:uppercase;}
.prdoListBox .bakeTit {
  width: 100%;
  display: block;
  color: #333333;
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  padding: 16px 30px;
  background-color: #e8e8e8;
  border-radius: 10px;
  box-sizing: border-box;
  transition: 0.2s;
}

.prdoListBox .bakeTit:hover {
  background-color: #666666;
  color: #ffffff;
}

.prdoListBox .bakeItem {
  margin-bottom: 23px;
}

.prdoListBox .bakeTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 46px;
  padding-left: 30px;
  margin-top: 20px;
  display:none;
}

.prdoListBox .bakeTxt a {
  color: #333333;
  display: block;
}

.prdoListBox .bakeTxt a:hover,.bakeTxtxzhong {
  text-decoration: underline !important;
}

.prdoListBox .bakeAct {
  background-color: #666666;
  color: #ffffff;
}

.prdoListBox .tagList {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  padding-left: 30px;
  margin-top: 39px;
}

.prdoListBox .tagList a {
  color: #666666;
}

.prdoListBox .tagList a:hover {
  color: #333333;
}

.prdoListBox .tagTit {
  margin-top: 46px;
  text-transform:uppercase;
}

.prdoListBox .prodRight {
  width: 69.4%;
}

.prdoListBox .prodTitle {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
  word-break: break-all;
}

.prdoListBox .prodTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 13px;
}

.prdoListBox .prodMore {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  margin-top: 31px;
  cursor: pointer;
}

.prdoListBox .prodMore:hover {
  text-decoration: underline;
}

.prdoListBox .textAct {
  -webkit-line-clamp: 9999;
}

.prdoListBox .chanList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}

.prdoListBox .chanList::after {
  width: 31%;
  content: '';
}

.prdoListBox .chanItem {
  width: 31%;
  margin-bottom: 64px;
}

.prdoListBox .chanImg {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}

.prdoListBox .chanImg img {
  width: 100%;
  display: block;
}

.prdoListBox .chanImg:hover img {
  transform: scale(1.2);
}

.prdoListBox .chanName {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prdoListBox .chanName a {
  color: #333333;
}

.prdoListBox .chanName a:hover {
  text-decoration: underline;
}

.prdoListBox .inquBox {
  display: flex;
  align-items: center;
  margin-top: 19px;
}

.prdoListBox .inquBox a {
  font-family: Lora-Regular;
  font-size: 16px;
  color: #565656;
  padding: 7px 15px;
  background-color: #ebebeb;
}

.prdoListBox .inquBox a:hover {
  background-color: #333333;
  color: #ffffff;
}

.prdoListBox .inquBox input {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  outline: none;
  box-sizing: border-box;
  margin-right: 10px;
  border: none;
  -webkit-appearance: none;
  background: transparent;
}

.prdoListBox .inquBox input[type="checkbox"]::before {
  background: #ececec;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.prdoListBox .inquBox input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
}

.pagingWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: -10px;
}

.pagBox {
  display: flex;
  flex-wrap: wrap;
}

.pagBox a {
  min-width: 34px;
  line-height: 28px;
  text-align: center;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  margin-right: 8px;
  margin-bottom: 8px;
}

.pagBox a:first-child {
  padding: 0 6px;
}

.pagBox a:last-child {
  padding: 0 6px;
  margin-right: 0px;
}

.pagBox a:hover {
  background-color: #333333;
  color: #ffffff;
}

.subBox {
  display: flex;
  align-items: center;
  margin-left: 8px;
  margin-bottom: 8px;
}

.subBox input {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  padding: 8px 20px;
  background-color: #333333;
  cursor: pointer;
  transition: 0.2s;
}

.subBox input:hover {
  background-color: #666666;
}

.subBox span {
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  margin-left: 7px;
}

.xiaoList {
  width: 100%;
  display: none;
}

.xiaoList .prodXiaoBox, .xiaoList .tagXiaoBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.xiaoList .prodXiaoBox .yiIcon, .xiaoList .tagXiaoBox .yiIcon {
  font-weight: 600;
}

.xiaoList .prodXiaoBox {
  margin-top: 0px;
}

.xiaoList .xiaoBiao {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
}

.xiaoList .xiaoYi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  margin-top: 10px;
}

.xiaoList .xiaoYi a {
  color: #333333;
}

.xiaoList .xiaoItem {
  margin-top: 20px;
}

.xiaoList .xiaoProd {
  margin-bottom: 30px;
}

.xiaoList .yiIcon {
  transition: 0.2s;
}

.xiaoList .xiaoIconAct {
  transform: rotate(90deg);
}

.xiaoList .tagsList {
  display: none;
}

.xiaoList .xiaoTags {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin-top: 10px;
}

.xiaoList .xiaoTags a {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
  margin-right: 20px;
  margin-top: 10px;
}

.xiaoList .xiaoProd {
  margin-bottom: 30px;
  display: none;
}

.xiaoList .yiIcon {
  transition: 0.2s;
}

.xiaoList .xiaoIconAct {
  transform: rotate(90deg);
}

.detailWrap {
  position: relative;
  width: 100%;
}

.detailWrap .bjiImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -10;
}

/*jQzoom*/
.jqzoom {
  float: left;
  position: relative;
  padding: 0px;
}

div.zoomdiv {
  z-index: 200;
  position: absolute;
  top: 0px !important;
  left: 100% !important;
  width: 350px;
  height: 350px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
}

div.zoomdiv img {
  max-width: unset !important;
}

div.jqZoomPup {
  z-index: 200;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px !important;
  height: 200px !important;
  border: 1px solid #aaa;
  background: #ffffff;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
}

div.jqZoomPup img {
  max-width: unset !important;
}

.detailBox {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-top: 24px;
}

.detailBox .prodLeft {
  width: 47.5%;
  display: flex;
  flex-shrink: 0;
  position: relative;
}

.detailBox .suoBox {
  width: 80%;
}

.detailBox .zhanImg {
  width: 100%;
  display: block;
}

.detailBox .suoRight {
  width: 17.1%;
  position: relative;
  margin-left: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.detailBox .suoList {
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 94%;
  padding-right: 2px;
}

.detailBox .suoItem {
  cursor: pointer;
  border: 1px solid transparent;
}

.detailBox .suoItem img {
  width: 100%;
  display: block;
}

.detailBox .suoItem:hover {
  border: 1px solid #333333;
}

.detailBox .suoActive {
  border: 1px solid #333333;
}

.detailBox .suoQie {
  font-size: 13px;
  color: #333333;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
}

.detailBox .suoQie:hover {
  transform: scale(1.2);
}

.detailBox .prodRight {
  width: 47.4%;
}

.detailBox .detailTit {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
  margin-top: -4px;
  word-break: break-all;
}

.detailBox .prodLine {
  width: 100%;
  height: 1px;
  background-color: #333333;
  opacity: 0.28;
  margin-top: 7px;
  margin-bottom: 24px;
}

.detailBox .prodInfo {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  max-height:300px; overflow:auto;
}

.detailBox .shareBox {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  display: flex;
  align-items: center;
  margin-top: 150px;
}

.detailBox .shareBox p {
  margin-right: 13px;
}

.detailBox .shareBox img {
  width: 169px;
  display: block;
  cursor: pointer;
}

.detailBox .prodBtn {
  display: flex;
  margin-top: 46px;
}

.detailBox .prodBtn a {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  padding: 13px 85px;
  background-color: #333333;
  margin-right: 27px;
}

.detailBox .prodBtn a:hover {
  background-color: #666666;
}

.detailCont {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 203px;
}

.detailCont strong {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #333333;
}

.detailCont img {
  max-width: 100%;
  display: block;
}

.tagBox {
  margin-top: 65px;
}

.tagBox .tagName {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #333333;
}

.tagBox .bqList {
  display: flex;
  flex-wrap: wrap;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 46px;
  color: #666666;
  margin-top: 18px;
}

.tagBox .bqList a {
  color: #666666;
  margin-right: 5px;
}

.tagBox .bqList a:hover {
  color: #333333;
}

.relaWrap {
  margin-top: 70px;
  margin-bottom: 96px;
}

.relaWrap .relaTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.relaWrap .relaTit {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #333333;
}

.relaWrap .relaTit a {
  color: #333333;
}

.relaWrap .relaTit a:hover {
  text-decoration: underline;
}

.relaWrap .relaQie {
  display: flex;
}

.relaWrap .relaQie span {
  color: #333333;
  font-size: 18px;
  cursor: pointer;
  margin-left: 15px;
  font-weight: bold;
  transition: 0.2s;
}

.relaWrap .relaQie span:hover {
  transform: scale(1.2);
}

.relaWrap .relaImg {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}

.relaWrap .relaImg img {
  width: 100%;
  display: block;
}

.relaWrap .relaImg:hover img {
  transform: scale(1.2);
}

.relaWrap .relaName {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.relaWrap .relaName a {
  color: #333333;
}

.relaWrap .relaName a:hover {
  text-decoration: underline;
}

.relaWrap .relaSwiper {
  overflow: hidden;
  margin-top: 40px;
}

.aboutWrap {
  position: relative;
  padding-bottom: 52px;
}

.aboutWrap .aboutBj {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}

.aboutTop {
  margin-top: 25px;
}

.aboutTop .aboutImg {
  width: 50%;
  float: right;
  margin-left: 43px;
}

.aboutTop .aboutImg img {
  width: 100%;
  border-radius: 268px 0px 0px 268px;
  display: block;
}

.aboutTop .aboutTit {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 40px;
  color: #333333;
  margin-bottom: 34px;
}

.aboutTop .aboutTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}

.aboutNum {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 65px;
}

.aboutNum .numItem {
  width: 22.8%;
  background-color: #ffffff;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 60px;
  padding-bottom: 48px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.aboutNum .numTxt {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 40px;
  color: #333333;
  word-break: break-all;
}

.aboutNum .numTxt span {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
}

.aboutNum .numName {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #666666;
  margin-top: 22px;
}

.aboutNum .huaImg1 {
  width: 69px;
  position: absolute;
  top: 12px;
  left: 11px;
  display: block;
}

.aboutNum .hua2 {
  width: 69px;
  position: absolute;
  bottom: 15px;
  right: 10px;
  display: block;
}

.aboutCont {
  font-family: Montserrat-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  text-align: center;
  width: 66%;
  margin: 0 auto;
  margin-top: 96px;
}

.contBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 63px;
}

.contBtn a {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 19px;
  color: #ffffff;
  padding: 13px 34px;
  background-color: #333333;
}

.contBtn a:hover {
  background-color: #666666;
}

.quallWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-bottom: 232px;
  margin-top: 175px;
}

.quallWrap .quaLeft {
  width: 52.8%;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.quallWrap .quaLeft .swiper-slide img {
  border-radius: 0px 336px 336px 0px;
  display: block;
  width: 100%;
}

.quallWrap .quaRight {
  width: 67.1%;
  overflow: hidden;
  border-radius: 10px;
}

.quallWrap .quaRight .swiper-slide {
  position: relative;
  background-color: #e5e5e5;
  border-radius: 10px;
  padding-left: 35%;
  box-sizing: border-box;
  padding-top: 57px;
  padding-right: 57px;
  padding-bottom: 96px;
  width: 100%;
}

.quallWrap .quaName {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #333333;
  margin-bottom: 21px;
}

.quallWrap .quaTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}

.quallWrap .huaImg {
  width: 69px;
  display: block;
  position: absolute;
  top: 12px;
  right: 6px;
}

.quallWrap .quaQie {
  display: flex;
  position: absolute;
  z-index: 100;
  bottom: -94px;
  left: 56.8%;
}

.quallWrap .quaQie span {
  color: #333333;
  font-size: 30px;
  font-weight: bold;
  margin-right: 21px;
  transition: 0.2s;
  cursor: pointer;
}

.quallWrap .quaQie span:hover {
  transform: scale(1.2);
}

.quallWrap .quaQie span:last-child {
  margin-right: 0;
}

.honorWrap {
  margin-bottom: 91px;
}

.honorWrap .honorTit {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 40px;
  color: #333333;
  margin-bottom: 44px;
}

.honorWrap .honorTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}

.honorWrap .honorList {
  overflow: hidden;
  margin-top: 45px;
}

.honorWrap .honorList .swiper-slide a {
  width: 100%;
  display: block;
}

.honorWrap .honorList .swiper-slide a img {
  width: 100%;
  display: block;
}

.honorWrap .honorList .swiper-slide a:hover img {
  transform: scale(1.2);
}

.honorWrap .honorList .honorQie {
  display: flex;
  justify-content: center;
  margin-top: 27px;
}

.honorWrap .honorList .honorQie span {
  color: #333333;
  font-size: 30px;
  font-weight: bold;
  margin-right: 21px;
  transition: 0.2s;
  cursor: pointer;
}

.honorWrap .honorList .honorQie span:hover {
  transform: scale(1.2);
}

.honorWrap .honorList .honorQie span:last-child {
  margin-right: 0;
}

.newWrap {
  margin-top: 27px;
}

.newWrap .newsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.newWrap .newsList::after {
  width: 31.4%;
  content: '';
}

.newWrap .newsItem {
  width: 31.4%;
  margin-bottom: 31px;
}

.newWrap .newsImg {
  width: 100%;
  display: block;
  overflow: hidden;
}

.newWrap .newsImg img {
  width: 100%;
  display: block;
}

.newWrap .newsImg:hover img {
  transform: scale(1.2);
}

.newWrap .newsInfo {
  padding: 0 15px;
}

.newWrap .newsDate {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
  margin-top: 16px;
}

.newWrap .newsTxt {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 16px;
  line-height: 32px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newWrap .newsTxt a {
  color: #333333;
  display: block;
}

.newWrap .newsTxt a:hover {
  text-decoration: underline;
}

.newWrap .newsBtn {
  color: #333333;
  margin-top: 28px;
  display: inline-block;
}

.newWrap .newsBtn span {
  font-size: 12px;
  font-weight: bold;
  transition: 0.2s;
}

.newWrap .newsBtn:hover {
  transform: scale(1.2);
}

.newWrap .pagBox {
  justify-content: center;
  margin-top: 25px;
}

.hotSwiper {
  margin-top: 105px;
  margin-bottom: 134px;
}

.newsDetail {
  margin-top: 24px;
}

.newsDetail .newsTitle {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
}

.newsDetail .newsDate {
  display: flex;
  align-items: center;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
  margin-top: 20px;
  font-style: italic;
}

.newsDetail .newsDate .newsShare {
  display: flex;
  align-items: center;
}

.newsDetail .newsDate .newsShare p {
  margin-left: 53px;
  margin-right: 11px;
}

.newsDetail .newsDate .newsShare img {
  width: 169px;
  cursor: pointer;
  display: block;
}

.newsDetail .newsLine {
  width: 100%;
  height: 1px;
  background-color: #535353;
  opacity: 0.34;
  margin-top: 20px;
  margin-bottom: 30px;
}

.newsDetail .newsInfo {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}

.newsDetail .newsInfo img {
  max-width: 100%;
}

.fenYe {
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  padding-top: 22px;
  padding-bottom: 6px;
  margin-top: 23px;
}

.fenYe a,.fenYe>div {
  font-family: Lora-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  display: block;
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.fenYe a span ,.fenYe>div span{
  font-size: 12px;
  font-weight: bold;
  margin-right: 14px;
}

.fenYe a p:hover {
  text-decoration: underline;
}

.newsHot {
  margin-top: 72px;
  margin-bottom: 136px;
}

.contactWrap {
  display: flex;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  border-radius: 333px 0 0 333px;
  justify-content: space-between;
  box-sizing: border-box;
  margin-top: 23px;
  align-items: start;
}

.contactWrap .contLeft {
  width: 36.3%;
  margin-left: 17%;
  margin-top: 44px;
}

.contactWrap .sendTit {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #333333;
}

.contactWrap .sendTxt {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 22px;
}

.contactWrap .formList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 13px;
}

.contactWrap .formItem {
  width: 47.5%;
  margin-bottom: 19px;
}

.contactWrap .formItem input {
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
  font-size: 14px;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  color: #666666;
  padding: 12px 10px;
  width: 100%;
  box-sizing: border-box;
}

.contactWrap .formName {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  display: flex;
  align-items: center;
  margin-bottom: 9px;
}

.contactWrap .xingIcon {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ff0000;
  transform: scale(0.35);
  display: inline-block;
  margin-top: 6px;
}

.contactWrap .formArea {
  width: 100%;
}

.contactWrap .formArea textarea {
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
  font-size: 14px;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  color: #666666;
  padding: 12px 10px;
  width: 100%;
  box-sizing: border-box;
  height: 110px;
  outline: none;
  resize: none;
}

.contactWrap .yzmBox {
  width: 47.5%;
  border: solid 1px #d2d2d2;
  padding: 9px 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

.contactWrap .yzmBox input {
  padding: 0;
  border: none;
  width: 100%;
}

.contactWrap .yzmBox img {
  width: 97px;
  display: block;
}

.contactWrap .capBox {
  width: 100%;
}

.contactWrap .capItem {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.contactWrap .capItem .subInp {
  width: 47.5%;
  font-family: Lora-Regular;
  font-size: 16px;
  padding: 12px 10px;
  box-sizing: border-box;
  background-color: #292929;
  color: #ffffff;
  border: none;
  cursor: pointer;
  transition: 0.2s;
  text-transform:uppercase;
}

.contactWrap .capItem .subInp:hover {
  background-color: #666666;
}

.contactWrap .contRight {
  width: 42.9%;
  background-color: #292929;
  box-sizing: border-box;
  padding-top: 44px;
  padding-left: 86px;
  padding-right: 49px;
  padding-bottom: 85px;
  flex-shrink: 0;
}

.contactWrap .contBiao {
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #ffffff;
}

.contactWrap .contList {
  margin-top: 72px;
}

.contactWrap .telBox {
  display: flex;
  flex-wrap: wrap;
}

.contactWrap .telBox span {
  margin-right: 12px;
}

.contactWrap .telBox p {
  word-break: break-all;
}

.contactWrap .contItem {
  display: flex;
  align-items: start;
  font-family: Lora-Regular,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  line-height: 40px;
  margin-bottom: 24px;
}

.contactWrap .contItem a {
  color: #ffffff;
}

.contactWrap .contItem a:hover {
  text-decoration: underline;
}

.contactWrap .contIcon {
  margin-right: 27px;
  font-size: 20px;
}

.contactWrap .contShare {
  display: flex;
  flex-wrap: wrap;
  margin-top: 108px;
}

.contactWrap .contShare a {
  width: 26px;
  margin-right: 6px;
}

.contactWrap .contShare a img {
  width: 100%;
}

.contactWrap .contShare a:last-child {
  margin-right: 0px;
}

.mapBox {
  width: 100%;
  margin-top: 83px;
}

.mapBox img {
  width: 100%;
  display: block;
}

@media (max-width: 1600px) {
  .contSafe {
    width: calc(100% - 120px);
  }
  .navWrap .langBox {
    margin-left: 50px;
    margin-top: 0px;
    margin-right: 30px;
  }
  .navWrap .souBox {
    margin-top: 0px;
  }
  .navWrap .erjiBox {
    justify-content: space-between;
  }
  .navWrap .erjiItem {
    margin-right: 0px;
  }
  .navWrap .navLogo {
    margin-top: 0px;
  }
  .consuWrap .consImg1 {
    transform: translateX(-30%);
    width: 140px;
  }
  .consuWrap .consImg2 {
    width: 140px;
    right: -40px;
  }
  .collBox .collRight {
    margin-top: 50px;
  }
  .detailBox .prodBtn a {
    padding: 13px 30px;
  }
  .detailBox .shareBox {
    margin-top: 30px;
  }
  .quallWrap {
    margin-top: 130px;
    margin-bottom: 150px;
  }
}

@media (max-width: 1280px) {
  .navWrap .langBox {
    margin-left: 30px;
  }
  .navWrap .yiTxt {
    font-size: 16px;
  }
  .navWrap .langTxt {
    font-size: 16px;
  }
  .navWrap .souShow {
    font-size: 22px;
  }
  .navWrap .navLogo {
    width: 120px;
  }
  .navWrap .yiBox {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-right: 50px;
  }
  .navWrap .erjiTit {
    font-size: 16px;
  }
  .navWrap .sanList {
    font-size: 14px;
    line-height: 36px;
  }
  .navWrap .erjiBox {
    width: calc(100vw - 200px);
    padding: 0 60px;
    padding-bottom: 40px;
    padding-top: 30px;
  }
  .navWrap .erjiWrap {
    top: 80px;
  }
  .consuWrap .prodTitle {
    font-size: 20px;
  }
  .consuWrap .inputItem {
    width: 24%;
  }
  .consuWrap .prodInputList {
    margin-top: 60px;
  }
  .consuWrap .subInp input {
    font-size: 18px;
    padding: 10px 80px;
  }
  .consuWrap .consImg1 {
    width: 110px;
  }
  .consuWrap .consImg2 {
    width: 110px;
  }
  .collBox .collTit {
    font-size: 30px;
  }
  .collBox .collName {
    font-size: 20px;
  }
  .collBox .collTxt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px !important;
  }
  .collBox .collBtn {
    font-size: 16px;
    padding: 10px 20px;
    margin-top: 30px;
  }
  .collBox .collHua {
    width: 40px;
  }
  .collectWrap {
    padding-bottom: 70px;
  }
  .newsCenterWrap {
    margin-top: 50px;
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .newsCenterWrap .newsTitle {
    font-size: 30px;
  }
  .newsCenterWrap .newsTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .newsCenterWrap .newsBtn {
    margin-top: 10px;
  }
  .newsCenterWrap .newsInfo {
    padding: 10px;
  }
  .newsCenterWrap .newsList {
    margin-top: 30px;
  }
  .newsCenterWrap .newsImg {
    border-radius: 60px 0px 0px 0px;
  }
  .newsCenterWrap .newsItem:nth-child(2) .newsImg {
    border-radius: 60px 60px 0px 0px;
  }
  .newsCenterWrap .newsItem:nth-child(3) .newsImg {
    border-radius: 0px 60px 0px 0px;
  }
  .newsCenterWrap .newsBjimg {
    width: 100px;
  }
  .footWrap {
    padding-top: 50px;
  }
  .footWrap .footTop {
    justify-content: space-between;
  }
  .footWrap .footA {
    margin-right: 0;
    width: 24%;
  }
  .footWrap .footB {
    margin-right: 0;
  }
  .footWrap .footC {
    margin-right: 0;
  }
  .footWrap .footName {
    font-size: 18px;
  }
  .footWrap .footTxt {
    margin-top: 30px;
  }
  .prdoListBox .clasTit {
    font-size: 18px;
    padding: 15px 10px;
  }
  .prdoListBox .bakeTit {
    font-size: 16px;
    padding: 10px;
  }
  .prdoListBox .bakeTxt {
    font-size: 14px;
    padding-left: 10px;
    line-height: 30px;
    margin-top: 10px;
  }
  .prdoListBox .tagTit {
    margin-top: 30px;
  }
  .prdoListBox .tagList {
    padding-left: 10px;
    font-size: 14px;
    margin-top: 20px;
  }
  .prdoListBox .prodTitle {
    font-size: 18px;
  }
  .prdoListBox .prodTxt {
    font-size: 14px;
    line-height: 26px;
  }
  .prdoListBox .prodMore {
    font-size: 14px;
    margin-top: 20px;
  }
  .prdoListBox .chanName {
    font-size: 16px;
    margin-top: 10px;
  }
  .prdoListBox .inquBox {
    margin-top: 10px;
  }
  .prdoListBox .inquBox a {
    font-size: 14px;
  }
  .prdoListBox .chanItem {
    margin-bottom: 30px;
  }
  .pagingWrap {
    margin-top: 30px;
  }
  .prodListWrap {
    margin-bottom: 50px;
  }
  .detailBox .detailTit {
    font-size: 18px;
  }
  .detailBox .prodLine {
    margin-bottom: 10px;
  }
  .detailBox .prodInfo {
    font-size: 14px;
    line-height: 24px;
  }
  .detailBox .shareBox {
    margin-top: 20px;
  }
  .detailBox .prodBtn {
    margin-top: 20px;
  }
  .detailBox .prodBtn a {
    font-size: 14px;
    padding: 10px 20px;
  }
  .detailBox .suoList {
    height: 90%;
  }
  .detailCont {
    font-size: 14px;
    line-height: 24px;
    margin-top: 50px;
  }
  .detailCont strong {
    font-size: 20px;
  }
  .tagBox {
    margin-top: 50px;
  }
  .tagBox .tagName {
    font-size: 20px;
  }
  .tagBox .bqList {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
  }
  .relaWrap {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .relaWrap .relaTit {
    font-size: 20px;
  }
  .relaWrap .relaQie span {
    font-size: 14px;
  }
  .relaWrap .relaSwiper {
    margin-top: 30px;
  }
  .relaWrap .relaName {
    font-size: 14px;
    margin-top: 10px;
  }
  .aboutTop .aboutTit {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .aboutTop .aboutTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .aboutTop .aboutImg {
    margin-left: 30px;
  }
  .aboutTop .aboutImg img {
    border-radius: 200px 0px 0px 200px;
  }
  .aboutNum {
    margin-top: 30px;
  }
  .aboutNum .numTxt {
    font-size: 20px;
  }
  .aboutNum .numName {
    font-size: 14px;
    margin-top: 10px;
  }
  .aboutNum .huaImg1, .aboutNum .hua2 {
    width: 40px;
  }
  .aboutNum .numItem {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .aboutCont {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin-top: 50px;
  }
  .contBtn {
    margin-top: 30px;
  }
  .contBtn a {
    padding: 8px 30px;
  }
  .aboutWrap {
    padding-bottom: 30px;
  }
  .quallWrap .quaName {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .quallWrap .quaTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .quallWrap .huaImg {
    width: 40px;
  }
  .quallWrap .quaRight .swiper-wrapper .swiper-slide {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .honorWrap {
    margin-bottom: 50px;
  }
  .honorWrap .honorTit {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .honorWrap .honorTxt {
    font-size: 14px;
    line-height: 30px;
  }
  .honorWrap .honorList {
    margin-top: 30px;
  }
  .newWrap .newsInfo {
    padding: 0;
  }
  .newWrap .newsDate {
    font-size: 12px;
    margin-top: 10px;
  }
  .newWrap .newsTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .newWrap .newsBtn {
    margin-top: 10px;
  }
  .newsDetail .newsTitle {
    font-size: 18px;
  }
  .newsDetail .newsDate {
    font-size: 14px;
  }
  .newsDetail .newsDate .newsShare img {
    width: 150px;
  }
  .newsDetail .newsInfo {
    font-size: 14px;
    line-height: 24px;
  }
  .fenYe a,.fenYe>div {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .contactWrap {
    border-radius: 280px 0 0 280px;
  }
  .contactWrap .sendTit {
    font-size: 18px;
  }
  .contactWrap .sendTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .contactWrap .formName {
    font-size: 14px;
  }
  .contactWrap .xingIcon {
    margin-top: 3px;
  }
  .contactWrap .capItem .subInp {
    font-size: 14px;
  }
  .contactWrap .contBiao {
    font-size: 20px;
  }
  .contactWrap .contItem {
    font-size: 14px;
    line-height: 30px;
  }
  .mapBox {
    margin-top: 50px;
  }
  .contactWrap {
    border-radius: 0;
    padding: 10px;
  }
  .contactWrap .contLeft {
    margin-left: 0;
    width: 49%;
    margin-top: 0;
  }
  .contactWrap .contRight {
    width: 49%;
    padding: 20px;
   
	align-self: stretch;
  }
  .contactWrap .formItem {
    width: 100%;
  }
  .contactWrap .formItem input {
    padding: 10px;
  }
  .contactWrap .yzmBox {
    width: 100%;
    padding: 4px 10px;
  }
  .contactWrap .capItem {
    flex-direction: column;
  }
  .contactWrap .subInp {
    margin-top: 20px;
  }
}

@media (max-width: 1000px) {
  .contSafe {
    width: calc(100% - 60px);
  }
  .navWrap .menuBtn {
    display: block;
  }
  .navWrap .souBox, .navWrap .navList {
    display: none;
  }
  .navWrap .navBox {
    padding: 10px 0px;
  }
  .navWrap .langBox {
    margin-right: 10px;
    margin-left: 0px;
  }
  .consuWrap .consuBox {
    padding-top: 30px;
  }
  .consuWrap .prodTitle {
    font-size: 16px;
  }
  .consuWrap .prodInputList {
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .consuWrap .inputItem {
    width: 49%;
    margin-bottom: 30px;
  }
  .consuWrap .subInp {
    margin-top: 20px;
  }
  .consuWrap .consImg3 {
    width: 30px;
    left: 10px;
    top: 10px;
  }
  .consuWrap .consImg4 {
    width: 30px;
    right: 10px;
    top: 10px;
  }
  .consuWrap .consImg5 {
    width: 30px;
    left: 10px;
    bottom: 10px;
  }
  .consuWrap .consImg6 {
    width: 30px;
    right: 10px;
    bottom: 10px;
  }
  .consuWrap .consImg1 {
    width: 80px;
  }
  .consuWrap .consImg2 {
    width: 80px;
    right: -15px;
    bottom: -10px;
  }
  .consuWrap .subInp {
    margin-top: 0px;
  }
  .consuWrap .subInp input {
    font-size: 14px;
    padding: 8px 60px;
  }
  .collectWrap {
    padding-bottom: 50px;
  }
  .collBox .collTit {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .collBox .collName {
    font-size: 16px;
  }
  .collBox .collTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .collBox .collBtn {
    font-size: 14px;
    padding: 8px 20px;
    margin-top: 20px !important;
  }
  .collBox .collLeft {
    border-radius: 0 !important;
  }
  .collBox .collRight {
    margin: 0 !important;
    border-radius: 0;
    padding: 35px 20px !important;
  }
  .collBox .collItem {
    align-items: center;
  }
  .contSafe .collItem:nth-child(2n) .collLeft {
    background-color: #1E1C1D;
  }
  .newsCenterWrap {
    padding-bottom: 30px;
  }
  .newsCenterWrap .newsTitle {
    font-size: 20px;
  }
  .newsCenterWrap .newsImg {
    border-radius: 0 !important;
  }
  .footWrap {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .footWrap .footTxt, .footWrap .footB, .footWrap .footC, .footWrap .footD, .footWrap .linikTxt {
    display: none;
  }
  .footWrap .footA {
    width: 100%;
  }
  .footWrap .footA .footLogo {
    margin: 0 auto;
    width: 120px;
  }
  .footWrap .footShare {
    justify-content: center;
    margin-top: 20px;
  }
  .footWrap .shareItem {
    margin-right: 20px;
  }
  .footWrap .copyTxt {
    text-align: center;
  }
  .footWrap .footLine {
    display: none;
  }
  .sideNav {
    bottom: -1px;
    right: unset;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: unset;
    transform: translateY(0);
  }
  .sideNav .sideBox span {
    line-height: 40px;
    font-size: 24px;
  }
  .sideNav .sideItem {
    flex: 1;
    width: unset;
    margin: 0;
    height: auto;
    border-radius: 0;
  }
  .sideNav .footBox {
    padding-bottom: 53px;
  }
  .sideNav .wxImg, .sideNav .phoneTxt {
    left: 10px;
    top: unset;
    bottom: calc(100% + 10px);
    transform: translateY(0);
  }
  .crumbsBox, .neiBnnerWrap {
    display: none;
  }
  .prdoListBox {
    margin-top: 0px;
    padding-top: 30px;
  }
  .prdoListBox .prodLeft {
    display: none;
  }
  .prdoListBox .prodRight {
    width: 100%;
    text-align: center;
  }
  .prdoListBox .prodTitle {
    margin-top: 20px;
  }
  .prdoListBox .chanName {
    font-size: 14px;
  }
  .prdoListBox .inquBox {
    justify-content: center;
  }
  .prdoListBox .chanList {
    margin-top: 30px;
  }
  .xiaoList {
    display: block;
  }
  .prodListWrap {
    margin-bottom: 30px;
  }
  div.jqZoomPup, div.zoomdiv {
    display: none !important;
  }
  .detailBox {
    margin-top: 30px;
    flex-direction: column;
  }
  .detailBox .prodLeft {
    width: 450px;
    margin: 0 auto;
    flex-direction: column;
  }
  .detailBox .suoBox {
    width: 100%;
  }
  .detailBox .suoRight {
    width: 100%;
    margin-left: 0;
    display: block;
    margin-top: 10px;
  }
  .detailBox .suoList {
    position: unset;
    transform: translateY(0);
    height: auto;
    padding-right: 0px;
  }
  .detailBox .suoQie {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    z-index: 100;
  }
  .detailBox .suoQie:hover {
    transform: translateY(-50%) rotate(-90deg);
  }
  .detailBox .suoPrev {
    left: 0;
  }
  .detailBox .suoNext {
    right: 0;
  }
  .detailBox .prodRight {
    width: 100%;
    margin-top: 20px;
  }
  .detailBox .detailTit {
    text-align: center;
  }
  .detailBox .shareBox {
    justify-content: center;
  }
  .detailBox .prodBtn {
    justify-content: center;
  }
  .detailWrap .bjiImg {
    display: none;
  }
  .detailCont strong {
    font-size: 16px;
  }
  .tagBox {
    margin-top: 30px;
  }
  .tagBox .tagName {
    font-size: 18px;
  }
  .tagBox .bqList {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .tagBox .bqList a {
    flex-shrink: 0;
  }
  .relaWrap {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .relaWrap .relaTit {
    font-size: 18px;
  }
  .relaWrap .relaSwiper {
    margin-top: 20px;
  }
  .aboutWrap .aboutBj {
    display: none;
  }
  .aboutTop .aboutTit {
    font-size: 20px;
  }
  .aboutTop .aboutImg img {
    border-radius: 0;
  }
  .aboutNum .numTxt {
    font-size: 18px;
  }
  .aboutNum .huaImg1 {
    width: 20px;
  }
  .aboutCont {
    margin-top: 30px;
  }
  .contBtn a {
    font-size: 16px;
  }
  .quallWrap {
    margin-top: 30px;
    margin-bottom: 30px;
    align-items: start;
  }
  .quallWrap .quaLeft {
    position: unset;
    transform: translateY(0);
  }
  .quallWrap .quaLeft .swiper-slide img {
    border-radius: 0;
  }
  .quallWrap .quaQie {
    bottom: 0px;
  }
  .quallWrap .quaQie span {
    font-size: 20px;
  }
  .quallWrap .quaName {
    font-size: 16px;
  }
  .quallWrap .quaRight {
    border-radius: 0;
    margin-top: 10px;
  }
  .quallWrap .quaRight .swiper-wrapper .swiper-slide {
    border-radius: 0;
    padding: 20px;
    background-color: #fff;
    padding-top: 0;
    padding-right: 0;
  }
  .quallWrap .huaImg {
    display: none;
  }
  .honorWrap {
    margin-bottom: 30px;
  }
  .honorWrap .honorTit {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .honorWrap .honorList .honorQie span {
    font-size: 20px;
  }
  .newWrap .newsItem {
    margin-bottom: 20px;
  }
  .newWrap .pagBox {
    margin-top: 10px;
  }
  .newsDetail .newsTitle {
    text-align: center;
  }
  .newsDetail .newsDate {
    justify-content: center;
  }
  .contactWrap {
    border-radius: 0;
    padding: 10px;
  }
  .contactWrap .contLeft {
    margin-left: 0;
    width: 49%;
    margin-top: 0;
  }
  .contactWrap .contRight {
    width: 49%;
    padding: 20px;
 
	align-items:stretch;
  }
  .contactWrap .formItem {
    width: 100%;
  }
  .contactWrap .formItem input {
    padding: 10px;
  }
  .contactWrap .yzmBox {
    width: 100%;
    padding: 4px 10px;
  }
  .contactWrap .capItem {
    flex-direction: column;
  }
  .contactWrap .subInp {
    margin-top: 20px;
  }
  .mapBox {
    margin-top: 30px;
  }
}

@media (max-width: 750px) {
  .contSafe {
    width: calc(100% - 30px);
  }
  .navWrap .navLogo {
    width: 100px;
  }
  .indexBanner .qieIcon {
    font-size: 20px;
  }
  .indexBanner .indexPrev {
    left: 15px;
  }
  .indexBanner .indexNext {
    right: 15px;
  }
  .consuWrap {
    transform: translateY(0);
    padding-top: 30px;
  }
  .collectWrap {
    background-image: none;
    background-color: #F7F7F7;
    padding-bottom: 30px;
  }
  .collBox {
    margin-top: 30px;
    background-color: #F7F7F7;
  }
  .collBox .collTit {
    font-size: 18px;
  }
  .collBox .collRight {
    padding: 20px 10px !important;
    width: 100%;
    text-align: center;
  }
  .collBox .collHua {
    width: 30px;
    right: 10px;
    top: 10px;
  }
  .collBox .collItem {
    flex-direction: column !important;
  }
  .collBox .collLeft {
    width: 450px !important;
    margin: 0 auto;
  }
  .collTwo {
    margin-top: 0px;
    padding-bottom: 30px;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .collTwo .collRight {
    background-color: #fff;
  }
  .newsCenterWrap {
    background-image: none;
    background-color: #F7F7F7;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .newsCenterWrap .newsTitle {
    font-size: 18px;
  }
  .newsCenterWrap .newsItem {
    width: 49%;
    margin-bottom: 20px;
  }
  .prdoListBox .chanItem {
    width: 49%;
  }
  .pagingWrap {
    margin-top: 10px;
    flex-direction: column;
  }
  .subBox {
    margin-left: 0px;
  }
  .prodListWrap .bjingImg {
    display: none;
  }
  .aboutNum {
    flex-wrap: wrap;
  }
  .aboutNum .numItem {
    width: 49%;
    margin-bottom: 20px;
  }
  .quallWrap {
    flex-direction: column;
    margin-top: 0px;
  }
  .quallWrap .quaLeft {
    width: 450px;
    margin: 0 auto;
  }
  .quallWrap .quaRight {
    width: 100%;
    text-align: center;
  }
  .quallWrap .quaRight .swiper-wrapper .swiper-slide {
    padding: 0;
  }
  .quallWrap .quaQie {
    width: 100%;
    margin-top: 10px;
    position: unset;
    justify-content: center;
  }
  .honorWrap {
    text-align: center;
  }
  .newWrap .newsItem {
    width: 49%;
  }
  .contactWrap {
    flex-direction: column;
  }
  .contactWrap .contLeft {
    width: 100%;
  }
  .contactWrap .contRight {
    width: 100%;
  }
  .contactWrap .contBiao {
    font-size: 18px;
  }
  .contactWrap .contList {
    margin-top: 30px;
  }
  .contactWrap .contShare {
    margin-top: 30px;
  }
}

@media (max-width: 500px) {
  .consuWrap .inputItem {
    width: 100%;
  }
  .consuWrap .prodInputList {
    padding-left: 14%;
  }
  .consuWrap .prodTitle a::after {
    display: none;
  }
  .consuWrap .prodTitle a::before {
    display: none;
  }
  .consuWrap .consImg1 {
    width: 50px;
    transform: translateX(-22%);
  }
  .consuWrap .consImg2 {
    width: 60px;
  }
  .collBox .collLeft {
    width: 100% !important;
  }
  .newsCenterWrap .newsItem {
    width: 100%;
    text-align: center;
  }
  .detailBox .prodLeft {
    width: 100%;
  }
  .detailBox .prodBtn a:last-child {
    margin-right: 0;
  }
  .aboutTop .aboutImg {
    width: 100%;
    margin-left: 0;
    float: unset;
  }
  .aboutTop .aboutTit {
    text-align: center;
    margin-top: 20px;
  }
  .quallWrap .quaLeft {
    width: 100%;
  }
  .relaWrap .relaName {
    text-align: center;
  }
  .newsDetail .newsDate {
    flex-direction: column;
  }
  .newsDetail .newsDate .newsShare {
    margin-top: 10px;
  }
  .newsDetail .newsDate .newsShare p {
    margin-left: 0;
  }
}

@font-face {
  font-family: 'Lora-Bold';
  src: url("../fonts/LoraBold.eot");
  src: url("../fonts/LoraBold.eot") format("embedded-opentype"), url("../fonts/LoraBold.woff2") format("woff2"), url("../fonts/LoraBold.woff") format("woff"), url("../fonts/LoraBold.ttf") format("truetype"), url("../fonts/LoraBold.svg#LoraBold") format("svg");
}

@font-face {
  font-family: 'Lora-Regular';
  src: url("../fonts/LoraRegular.eot");
  src: url("../fonts/LoraRegular.eot") format("embedded-opentype"), url("../fonts/LoraRegular.woff2") format("woff2"), url("../fonts/LoraRegular.woff") format("woff"), url("../fonts/LoraRegular.ttf") format("truetype"), url("../fonts/LoraRegular.svg#LoraRegular") format("svg");
}

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.woff2?t=1700120608499") format("woff2"), url("../fonts/iconfont.woff?t=1700120608499") format("woff"), url("../fonts/iconfont.ttf?t=1700120608499") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dingwei:before {
  content: "\e621";
}

.icon-youxiang4:before {
  content: "\e614";
}

.icon-dianhuatianchong:before {
  content: "\e678";
}

.icon-home1:before {
  content: "\e674";
}

.icon-sousuo3:before {
  content: "\e65e";
}

.icon-Triangle:before {
  content: "\e605";
}

.icon-Triangle-copy:before {
  content: "\e8af";
}

.icon-youxiang:before {
  content: "\e7b1";
}

.icon-weizhi:before {
  content: "\e672";
}

.icon-shouji:before {
  content: "\e612";
}

.icon-youxiang1:before {
  content: "\e632";
}

.icon-Youtube-fill:before {
  content: "\e883";
}

.icon-instagram2:before {
  content: "\e6fc";
}

.icon-jiantou1:before {
  content: "\e84f";
}

.icon-jiantou1-copy:before {
  content: "\e8b0";
}

.icon-bofang:before {
  content: "\e699";
}

.icon-dianhua:before {
  content: "\e692";
}

.icon-left-copy-copy:before {
  content: "\ec63";
}

.icon-instagram-alt:before {
  content: "\e810";
}

.icon-xinghao1:before {
  content: "\e64c";
}

.icon-youxiang-mail_fill:before {
  content: "\e65a";
}

.icon-zhiding:before {
  content: "\e676";
}

.icon-jiantou1-copy-copy:before {
  content: "\e8b1";
}

.icon-jiantou1-copy-copy-copy:before {
  content: "\e8b2";
}

.icon-shouji1:before {
  content: "\e62e";
}

.icon-dianhua1:before {
  content: "\e8b3";
}

.icon-youxiang2:before {
  content: "\e64a";
}

.icon-dizhi:before {
  content: "\e652";
}

.icon-lianjie:before {
  content: "\e603";
}

.icon-riqi:before {
  content: "\e65c";
}

.icon-household74:before {
  content: "\e604";
}

.icon-fangzi:before {
  content: "\e613";
}

.icon-sousuo2:before {
  content: "\e61f";
}

.icon-bofang1:before {
  content: "\e87c";
}

.icon-zhifeiji_fabu:before {
  content: "\e661";
}

.icon-instagram3:before {
  content: "\e87f";
}

.icon-icon3:before {
  content: "\e67f";
}

.icon-whatsapp2:before {
  content: "\e606";
}

.icon-youxiang3:before {
  content: "\e61c";
}

.icon-xialajiantouxiao:before {
  content: "\e87e";
}

.icon-xialajiantouxiao-copy:before {
  content: "\e8b4";
}

.icon-wenhao:before {
  content: "\e732";
}

.icon-xiazai:before {
  content: "\e659";
}

.icon-guanbi:before {
  content: "\e60a";
}

.icon-email2:before {
  content: "\e69f";
}

.icon-1801xiaoxi:before {
  content: "\e643";
}

.icon-nickname:before {
  content: "\e710";
}

.icon-24gf-phoneLoudspeaker:before {
  content: "\e969";
}

.icon-custom-service:before {
  content: "\e617";
}

.icon-arrow3-right_fill:before {
  content: "\e75a";
}

.icon-arrow3-left_fill:before {
  content: "\e75e";
}

.icon-pdf:before {
  content: "\e63f";
}

.icon-jiahao-:before {
  content: "\e60b";
}

.icon-weibiaoti1:before {
  content: "\e633";
}

.icon-dianhua2:before {
  content: "\e64b";
}

.icon-xiaojiantou:before {
  content: "\e60c";
}

.icon-xiaojiantou-copy:before {
  content: "\e96a";
}

.icon-xiaojiantou-copy-copy:before {
  content: "\e96b";
}

.icon-xiaojiantou-copy-copy-copy:before {
  content: "\e96c";
}

.icon-weibo:before {
  content: "\e65d";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-xiakuozhanjiantou:before {
  content: "\e625";
}

.icon-xiakuozhanjiantou-copy:before {
  content: "\e96d";
}

.icon-xiakuozhanjiantou-copy-copy:before {
  content: "\e96e";
}

.icon-xiakuozhanjiantou-copy-copy-copy:before {
  content: "\e96f";
}

.icon-lianxiren:before {
  content: "\e697";
}

.icon-yunhang:before {
  content: "\ec61";
}

.icon-bofang2:before {
  content: "\e626";
}

.icon-home:before {
  content: "\e624";
}

.icon-edit:before {
  content: "\e611";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-download:before {
  content: "\e7a0";
}

.icon-download1:before {
  content: "\e7a7";
}

.icon-search4:before {
  content: "\e7b2";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address1:before {
  content: "\e7c3";
}

.icon-contact1:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-phone2:before {
  content: "\e7d0";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-calendar1:before {
  content: "\e7e3";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-youbian:before {
  content: "\e60f";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-jia2:before {
  content: "\e608";
}

.icon-vk:before {
  content: "\e735";
}

.icon-instagram1:before {
  content: "\e640";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-sousuo4:before {
  content: "\e610";
}

.icon-sousuo:before {
  content: "\e616";
}

.icon-sousuo1:before {
  content: "\e65b";
}

.icon-shangchuan:before {
  content: "\e602";
}

.icon-top2:before {
  content: "\e637";
}

.icon-biaoqian:before {
  content: "\e649";
}

.icon-twitter3:before {
  content: "\e7fd";
}

.icon-twitter4:before {
  content: "\e7fe";
}

.icon-twitter-new2:before {
  content: "\e800";
}

.icon-twitter-new:before {
  content: "\e7ff";
}

.icon-changyongtubiao-fuben-11:before {
  content: "\e609";
}

.icon-changyongtubiao-fuben-11-copy:before {
  content: "\e8ac";
}

.icon-jiantou:before {
  content: "\e662";
}

.icon-jiantou-copy:before {
  content: "\e8ad";
}

.icon-xinghao:before {
  content: "\e64d";
}

.icon-left-copy:before {
  content: "\ec62";
}

.icon-xiangshang4:before {
  content: "\e795";
}

.icon-fanhuidingbu:before {
  content: "\e619";
}

.icon-a-bianzu69:before {
  content: "\e68a";
}

.icon-shezhi:before {
  content: "\e615";
}

.icon-sanjiao-1:before {
  content: "\e601";
}

.icon-sanjiao-1-copy:before {
  content: "\e8ae";
}
.wuone{ font-size:14px;  line-height:30px;}
.xunpanc{ width:100%; margin-top:10px }
.xunpanc .table table tr td{font-size: 14px;
   
    line-height: 20px;}
.xunpanc a{ color:#333; font-size:14px;  line-height:22px;} 	
.xunpanc a:hover{ color:#292929}	
.listcart {
	width: 100%;
	
	margin-top:20px;
}
.listcart a {
	display: inline-block;
	height: 30px;
	min-width: 150px;
	line-height: 30px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	background: #292929;
	cursor: pointer;

	padding-left: 10px;
	padding-right: 10px;
	text-align: center; 
	font-size: 14px;
	
	margin-left: 10px; color:#fff;
}
.listcart a:hover {
	
	background: #333;
	color: #fff
}
 @media screen and (max-width:767px) {
.listcart a {
	width: 40%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	padding-left: 0px;
	padding-right: 0px
}
.listcart {
	width: 100%;
	margin-top: 2rem
}

}
 @media screen and (max-width:420px) {
.listcart a {
	width: 95% !important;
	float: none;
	overflow: hidden;
	margin-bottom: 1rem;
	margin-bottom: 1rem
}
}