@charset "UTF-8";
/*  =====  公共样式  ===== */
/* 默认色彩样式*/
/* 页面块区尺寸间距默认参数 */
/* 默认页面内容容器宽度 */
.wrapper {
  width: 100%;
  max-width: 1920px;
  margin-top: 7.5rem;
  background: white;
  overflow: hidden;
}

.gapWarp {
  padding: 6rem 0;
}

.contWrap {
  max-width: 1200px;
  margin: auto;
}

.contBox {
  width: 100%;
  overflow: hidden;
}
.contBox * img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body {
  font-family: "Arial", "Poppins", "sans-serif", "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;
  background: #f8f8f8;
  font-weight: normal;
  font-style: normal;
  position: relative;
}
body ::-webkit-scrollbar {
  height: 0;
  width: 0;
  color: transparent;
}

html * {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: rgb(45, 47, 50);
  box-sizing: border-box;
  cursor: default;
}

*, ::after, ::before {
  box-sizing: border-box;
}

ul, li {
  list-style: none;
  padding-inline-start: 0;
}

a {
  color: rgb(45, 47, 50);
  outline: none;
  text-decoration: none;
}

img {
  display: block;
}

/* 按钮样式 */
.btn {
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.btn:hover {
  opacity: 0.85;
}

.btn1 {
  width: -moz-fit-content;
  width: fit-content;
  height: 3.6rem;
  font-size: 1.5rem;
  padding: 0rem 3rem;
}

.btn2 {
  width: -moz-fit-content;
  width: fit-content;
  height: 2.5rem;
  font-size: 1rem;
  padding: 0rem 2rem;
}

.btn_red {
  background: rgb(255, 30, 30);
  color: white;
}

.btn_blue {
  background: rgb(20, 80, 160);
  color: white;
}

.btn_gray {
  background: rgba(240, 245, 250, 0.5);
  border: 1px solid rgba(150, 152, 155, 0.5);
}

.btn_white {
  color: rgb(255, 30, 30) !important;
  background: white;
}

.box_radius1 {
  border-radius: 0.3rem;
}

/* 公用排版样式 */
h1, h2, h3, h4, h5, h6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-weight: bold;
}

/* h1, .h1 { font-size: calc(1.35rem + 1.5vw) !important; }
h2, .h2 { font-size: calc(1.325rem + 0.9vw) !important; }
h3, .h3 { font-size: calc(1.3rem + 0.6vw) !important; }
h4, .h4 { font-size: calc(1.275rem + 0.3vw) !important; }
h5, .h5 { font-size: calc(1.25rem + 0.2vw) !important; }
h6, .h6 { font-size: calc(1rem + 0.1vw) !important; } */
/* @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } }
@media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } }
@media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } }
@media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } }
@media (min-width: 1200px) { h5, .h5 { font-size: 1.25rem; } }
@media (min-width: 1200px) { h6, .h6 { font-size: 1rem; } } */
blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-size: inherit !important;
}

small, .small {
  font-size: 0.875em;
}

/* 首页侧边辅助栏 */
.mainSidebar {
  position: fixed;
  right: 0;
  top: 38vh;
  display: flex;
  align-items: center;
  z-index: 99;
}
.mainSidebar .sbar_normal {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.08) !important;
  padding: 0.3rem;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}
.mainSidebar .sbar_normal > li {
  display: block;
}
.mainSidebar .sbar_normal > li > a {
  width: 3rem;
  height: 3.5rem;
  font-size: 3rem;
  color: white;
  background: rgb(255, 30, 30);
  border-bottom: 1px dotted rgba(255, 255, 255, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mainSidebar .sbar_normal > li > a > img {
  width: 50%;
  height: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mainSidebar .sbar_normal > li > a .sbar_show {
  position: absolute;
  right: 0;
  display: none;
  align-items: center;
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItemText {
  height: 3.5rem;
  padding: 0 0.5rem;
  right: 0;
  border-radius: 0.3rem 0 0 0.3rem;
  border: 1px solid rgb(255, 30, 30);
  background: white;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItemText span {
  width: 2rem;
  height: 2rem;
  margin-right: 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItemText span img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItemText div {
  width: 6.5rem;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItemText div h6 {
  font-size: 0.8rem;
  font-weight: bold;
  color: rgb(255, 30, 30);
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItem-show > div {
  width: 8rem;
  height: 8rem;
  border: 1px solid rgb(255, 30, 30);
  border-radius: 0.3rem;
  background: white;
  position: relative;
  left: -0.5rem;
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItem-show > div img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1rem;
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItem-show > div::after {
  right: -0.5rem;
  top: 45%;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff !important;
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.mainSidebar .sbar_normal > li > a .sbar_show .sbarItem-show > div::before {
  right: -0.6rem;
  top: 45%;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgb(255, 30, 30) !important;
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.mainSidebar .sbar_normal li.active .sbar_show {
  display: flex;
}
.mainSidebar .sbar_normal li:hover .sbar_show {
  display: flex;
}
.mainSidebar .sbar_normal li.goTop:hover svg {
  transform: scale(1.1);
}
.mainSidebar .sbar_normal > li:first-child a {
  border-radius: 0.2rem 0.2rem 0 0;
}
.mainSidebar .sbar_normal > li:last-child a {
  border-radius: 0 0 0.2rem 0.2rem;
  border: none;
}

/*  =======  顶部导航 | Top Menu Navbar  ======= */
#header {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  border-bottom: 1px solid rgba(150, 152, 155, 0.5);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.85));
}
#header .navbar {
  width: 100%;
  height: 7.5rem;
  display: flex;
  justify-content: center;
}
#header .navbar > div {
  width: 1200px;
  max-width: 1200px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .navbar > div .navbar-brand {
  width: auto;
  min-width: 8rem;
  height: 70%;
  margin: auto 0;
  display: flex;
  justify-content: space-between;
}
#header .navbar > div .navbar-brand .logo {
  height: 100%;
  margin: auto 0.5rem auto 0;
  display: flex;
  align-items: center;
}
#header .navbar > div .navbar-brand .logo img, #header .navbar > div .navbar-brand .logo svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#header .navbar > div .collapse {
  width: auto;
}
#header .navbar > div .collapse ul {
  display: flex;
  justify-content: center;
  list-style: none;
}
#header .navbar > div .collapse ul li a {
  min-width: 6rem;
  min-height: 2rem;
  margin: 0 0.15rem;
  padding: 0.3rem 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header .navbar > div .collapse ul li a:hover {
  color: rgb(255, 30, 30);
}
#header .navbar > div .collapse ul li.active a {
  color: white;
  background: rgb(255, 30, 30);
  border-radius: 1rem;
}
#header .navbar > div .navbar-extBtn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#header .navbar > div .navbar-extBtn .language {
  min-width: 7.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#header .navbar > div .navbar-extBtn .language div {
  display: flex;
  justify-content: center;
  align-items: center;
}
#header .navbar > div .navbar-extBtn .language div img, #header .navbar > div .navbar-extBtn .language div svg {
  margin: auto;
  opacity: 0.4;
}
#header .navbar > div .navbar-extBtn .language a {
  margin: 0 0 0 0.3rem;
  color: rgb(160, 165, 170);
  display: flex;
  align-items: center;
  cursor: pointer;
}
#header .navbar > div .navbar-extBtn .language a:hover {
  color: rgb(45, 47, 50);
}
#header .navbar > div .navbar-extBtn .language a.active {
  color: rgb(45, 47, 50);
}
#header .navbar > div .navbar-extBtn .language span {
  margin: 0 0 0 0.3rem;
  color: rgba(150, 152, 155, 0.5);
}
#header .navbar > div .navbar-extBtn .navbar-toggler {
  margin: auto 0rem 0rem 2rem;
  display: none;
  justify-content: center;
  align-items: center;
}
#header .navbar > div .navbar-extBtn .navbar-toggler span {
  width: 2.4rem;
  height: 2rem;
  margin: auto;
  border: 1px solid rgba(200, 200, 200, 0.5);
  border-radius: 0.3rem;
  background-color: #f6f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
}
#header .navbar > div .navbar-extBtn .navbar-toggler .menu-icon.pull::before {
  content: "≡";
  transform: scaleX(1.2);
}
#header .navbar > div .navbar-extBtn .navbar-toggler .menu-icon.fold::before {
  content: "×";
  transform: scaleX(1.2);
}
#header .navbar.sticky {
  height: 3rem;
  transition: height 1s;
  -moz-transition: height 1s;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
}
#header .navbar.sticky .navbar-brand .logo {
  height: 2.5rem;
}

/*  =======  页脚导航 | footer  ======= */
#footer * {
  color: rgba(255, 255, 255, 0.4);
}
#footer * p {
  line-height: 1.5rem;
}
#footer * h5 {
  font-size: 1.1rem;
  line-height: 2rem;
  color: white;
  margin-bottom: 0.3rem;
}
#footer .footbar1 {
  width: 100%;
  background: rgb(45, 47, 50);
}
#footer .footbar1 .contWrap ul {
  max-width: 100%;
  margin: auto;
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .footbar1 .contWrap ul > span {
  width: 1px;
  height: 6rem;
  background: rgba(105, 110, 115, 0.5);
  display: block;
}
#footer .footbar1 .contWrap ul li {
  display: flex;
  justify-content: center;
}
#footer .footbar1 .contWrap ul li > div {
  margin: auto;
}
#footer .footbar1 .contWrap ul .lootlogoBox {
  width: 20%;
}
#footer .footbar1 .contWrap ul .lootlogoBox > div {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
#footer .footbar1 .contWrap ul .lootlogoBox > div .footLogo {
  width: 3.5rem;
  height: 3rem;
  display: block;
  margin-bottom: 1rem;
  opacity: 0.65;
}
#footer .footbar1 .contWrap ul .lootlogoBox > div .footLogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#footer .footbar1 .contWrap ul .lootlogoBox > div h6 {
  font-size: 1rem;
  font-weight: normal;
}
#footer .footbar1 .contWrap ul .serviceTel {
  width: 18%;
}
#footer .footbar1 .contWrap ul .serviceTel .serviceTel-ico {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.5rem;
}
#footer .footbar1 .contWrap ul .serviceTel .serviceTel-ico img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#footer .footbar1 .contWrap ul .serviceTel > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer .footbar1 .contWrap ul .serviceTel > div h4 {
  font-size: 1.2rem;
  font-weight: normal;
}
#footer .footbar1 .contWrap ul .comAddress {
  width: 30%;
}
#footer .footbar1 .contWrap ul .comAddress > div {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
#footer .footbar1 .contWrap ul .comAddress > div p {
  max-width: 18rem;
}
#footer .footbar1 .contWrap ul .QRCodeBox {
  width: 23%;
}
#footer .footbar1 .contWrap ul .QRCodeBox > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer .footbar1 .contWrap ul .QRCodeBox > div .QRCode {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0 0.6rem;
}
#footer .footbar1 .contWrap ul .QRCodeBox > div .QRCode p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#footer .footbar1 .contWrap ul .QRCodeBox > div .QRCode > div {
  width: 6rem;
  height: 6rem;
  margin-bottom: 0.3rem;
}
#footer .footbar1 .contWrap ul .QRCodeBox > div .QRCode > div img {
  width: 100%;
}
#footer .footbar2 {
  width: 100%;
  background: black;
  padding: 1rem 0;
}
#footer .footbar2 p {
  color: rgba(255, 255, 255, 0.9);
}
#footer .footbar2 > div {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
}

/* Banner */
.banner {
  width: 100%;
  margin: auto;
  position: relative;
}
.banner .contText {
  height: 90%;
  overflow: hidden;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  z-index: 2;
}
.banner .contText * {
  color: white;
}
.banner .contText h1 {
  font-size: 6vw;
}
.banner .contText h2 {
  font-size: 5vw;
  font-weight: normal;
}
.banner .contText h3 {
  font-size: 3vw;
  font-weight: normal;
}
.banner .contText h4 {
  font-size: 2vw;
  font-weight: normal;
}
.banner .contText p {
  width: 50%;
  margin-bottom: 2rem;
  padding: 0;
  margin: 1.5rem 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.banner ul.swiper-wrapper {
  width: 100%;
}
.banner ul.swiper-wrapper li {
  width: 100%;
}
.banner ul.swiper-wrapper li a {
  width: 100%;
}
.banner ul.swiper-wrapper li a img {
  width: 100%;
}
.banner .pageBtnWrap {
  position: absolute;
  margin-right: 1rem;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 2;
}
.banner .pageBtnWrap .pageBtn {
  width: 4rem;
  height: 3rem;
  font-size: 1.5rem;
  color: white;
  margin-left: 2rem;
  float: left;
  border: 1px solid rgba(150, 152, 155, 0.5);
  background: rgba(45, 47, 50, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .pageBtnWrap .pageBtn:hover {
  background: rgb(255, 30, 30);
}
.banner .mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 50%);
  z-index: 2;
}

/* 子页通用小导航Tabs */
.navTabsbar {
  background: rgba(200, 205, 210, 0.5);
  margin-bottom: 2rem;
}
.navTabsbar .navTabs {
  display: flex;
  justify-content: space-around;
  align-items: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.navTabsbar .navTabs li {
  width: 100%;
  position: relative;
  display: inline-block;
}
.navTabsbar .navTabs li a {
  width: 100%;
  min-width: 4rem;
  height: 3rem;
  padding: 0.2rem 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.navTabsbar .navTabs li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  bottom: 25%;
  right: 0;
  height: 50%;
  width: 1px;
  background: rgba(150, 152, 155, 0.5);
}
.navTabsbar .navTabs li:nth-child(1):after {
  width: 0;
}
.navTabsbar .navTabs li.active a {
  color: white;
  text-align: center;
  background: rgb(255, 30, 30);
  position: relative;
}
.navTabsbar .navTabs li.active a::after {
  bottom: 0rem;
  border-width: 0.5rem;
  border-bottom-color: #fff !important;
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* 内容模块头部 */
.contModHeader {
  padding-top: 1.5rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid rgb(160, 165, 170);
  display: flex;
  justify-content: start;
  align-items: center;
}
.contModHeader > div {
  height: 3.5rem;
  width: auto;
  display: flex;
  align-items: center;
}
.contModHeader > div:first-child {
  justify-content: start;
}
.contModHeader > div:first-child h3 {
  height: 100%;
  font-size: 1.5rem;
  border-bottom: 0.2rem solid rgb(255, 30, 30);
  margin-bottom: -0.3rem;
  display: flex;
  justify-content: start;
  align-items: center;
}

/* 子页头部网站位置 (在“内容模块头部”样式基础上调整) */
.pageHeader {
  margin-bottom: 4rem;
  justify-content: space-between;
}
.pageHeader > div {
  height: 3.5rem;
  width: 50%;
  display: flex;
  align-items: center;
}
.pageHeader > div:first-child {
  width: 35%;
}
.pageHeader > div:last-child {
  width: 62%;
  justify-content: flex-end;
}
.pageHeader > div:last-child p {
  text-align: right;
  color: rgb(160, 165, 170);
}
.pageHeader > div:last-child span {
  color: rgba(150, 152, 155, 0.5);
  margin: auto 0.3rem;
}

/* 页码模块 */
.page {
  padding: 2rem 0 3rem;
}
.page .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: auto;
}
.page .pagination li a {
  width: 2rem;
  height: 2rem;
  margin: 0.3rem;
  color: rgb(160, 165, 170);
  border: 1px solid rgba(150, 152, 155, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.page .pagination li input {
  width: 3rem;
  height: 2rem;
  margin: 0.3rem;
  color: rgb(160, 165, 170);
  border: 1px solid rgba(150, 152, 155, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  outline: none;
}
.page .pagination li.active a {
  color: white;
  background: rgb(255, 30, 30);
  border-color: rgb(255, 30, 30);
}
.page .pagination li:hover a {
  color: rgb(255, 30, 30);
  border-color: rgb(255, 30, 30);
}

/*  ==========  首页 | homePage  ========== */
/* 首页公共样式 */
.indexTitle1 {
  text-align: center;
  margin: 1rem auto 3rem;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}
.indexTitle1 h1 {
  font-size: 2.4rem;
  color: rgb(45, 47, 50);
}
.indexTitle1 span {
  width: 9rem;
  height: 0.13rem;
  margin: 1rem;
  display: block;
  background: rgb(255, 30, 30);
}
.indexTitle1 p {
  max-width: 50rem;
  line-height: 1.5rem;
  color: rgb(160, 165, 170);
  margin: 0.5rem auto 1rem;
}

.indexTitle2 {
  text-align: center;
  margin: 1rem auto 3rem;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}
.indexTitle2 h1 {
  font-size: 2.4rem;
  color: rgb(45, 47, 50);
}
.indexTitle2 h1 strong {
  font-size: 2.4rem;
  color: rgb(255, 30, 30);
}
.indexTitle2 span {
  font-size: 1.5rem;
  color: rgba(150, 152, 155, 0.5);
  margin: 0.3rem auto;
}
.indexTitle2 p {
  max-width: 50rem;
  line-height: 1.5rem;
  color: rgb(160, 165, 170);
  margin: 1rem;
}

/* 为什么选择我们 */
.mainAdv {
  text-align: center;
  display: flex;
  justify-content: center;
}
.mainAdv .contWrap {
  width: 1200px;
}
.mainAdv .contWrap .mainAdv-itemBox {
  display: flex;
  justify-content: space-between;
  margin: 1rem auto;
}
.mainAdv .contWrap .mainAdv-itemBox li {
  width: 25%;
  padding: 1rem 0.5rem;
}
.mainAdv .contWrap .mainAdv-itemBox li > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainAdv .contWrap .mainAdv-itemBox li > div h1 {
  font-size: 3.6rem;
  color: rgb(255, 30, 30);
}
.mainAdv .contWrap .mainAdv-itemBox li > div span {
  font-size: 2rem;
  color: rgb(255, 30, 30);
  margin-left: 0.25rem;
}
.mainAdv .contWrap .mainAdv-itemBox li p {
  color: rgb(100, 105, 110);
}

/* 我们的产品线 */
.ourPorduct {
  display: flex;
  justify-content: center;
  background: rgba(200, 205, 210, 0.5);
}
.ourPorduct .contWrap .ourPdBox .ourPd {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ourPorduct .contWrap .ourPdBox .ourPd li {
  width: 50%;
}
.ourPorduct .contWrap .ourPdBox .ourPd li a {
  width: 100%;
  display: flex;
}
.ourPorduct .contWrap .ourPdBox .ourPd li a > div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.ourPorduct .contWrap .ourPdBox .ourPd li a > div img {
  width: 100%;
}
.ourPorduct .contWrap .ourPdBox .ourPd li a .bgRed {
  background: rgb(255, 30, 30);
}
.ourPorduct .contWrap .ourPdBox .ourPd li a .bgBlack {
  background: rgb(45, 47, 50);
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdMain h3 {
  font-size: 1.6rem;
  font-weight: normal;
  color: white;
  margin: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdMain p {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox {
  background: white;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText {
  width: 85%;
  height: 85%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: baseline;
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText span {
  width: 2.5rem;
  height: 0.13rem;
  margin: 0.5rem 0;
  background: rgb(255, 30, 30);
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText p {
  color: rgb(160, 165, 170);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText-arrow-left::after {
  left: -0.5rem;
  top: 45%;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff !important;
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText-arrow-right::after {
  right: -0.5rem;
  top: 45%;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff !important;
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* 我们的优势 */
.ourAdv .contWrap .contBox {
  display: flex;
  justify-items: center;
  flex-flow: column;
}
.ourAdv .contWrap .contBox li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.ourAdv .contWrap .contBox li h1 {
  font-size: 4.5rem;
  font-weight: normal;
}
.ourAdv .contWrap .contBox li h2 {
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 0.5rem;
}
.ourAdv .contWrap .contBox li h4 {
  font-size: 1.7rem;
  font-weight: normal;
  margin-bottom: 1rem;
}
.ourAdv .contWrap .contBox li p {
  color: rgb(160, 165, 170);
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ourAdv .contWrap .contBox > li > div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ourAdv .contWrap .contBox > li > div:nth-child(2) {
  max-width: 100%;
  background: rgba(200, 205, 210, 0.5);
}
.ourAdv .contWrap .contBox > li > div:nth-child(2) > div {
  max-width: 84%;
  margin-bottom: 1rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.ourAdv .contWrap .contBox > li > div:nth-child(2) > div > div {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.ourAdv .contWrap .contBox > li > div:nth-child(2) > div > div h1 {
  color: rgb(255, 30, 30);
  margin-right: 1rem;
}
.ourAdv .contWrap .contBox > li > div:nth-child(2) > div > div > div h2 {
  margin-bottom: 0rem;
}
.ourAdv .contWrap .contBox > li > div:nth-child(2) > div > div > div p small {
  color: rgb(160, 165, 170);
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(1) {
  width: 66%;
  position: relative;
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(1) > div {
  width: 75%;
  height: 40%;
  padding: 3%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(2) {
  width: 33%;
  flex-flow: column;
  overflow: hidden;
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(2) > div {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin-bottom: 0 !important;
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
  height: 57%;
  background: rgb(255, 30, 30);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div {
  max-width: 90%;
  margin: auto;
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div * {
  color: white;
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div p {
  margin: 0.5rem 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ourAdv .contWrap .contBox > li:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
  height: 46%;
}

/* 关于我们 */
.about {
  width: 100%;
  max-height: 48rem;
  padding: 3rem 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: rgba(150, 152, 155, 0.5) url(../images/img_homepage_about.jpg) no-repeat center/100% auto;
  box-sizing: border-box;
  overflow: hidden;
}
.about > div {
  width: 50%;
  height: 80%;
  display: flex;
  justify-content: start;
  align-items: center;
  background: rgba(220, 20, 30, 0.9);
}
.about > div > div {
  max-width: 46rem;
  padding: 10%;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-flow: column;
  box-sizing: border-box;
}
.about > div > div .title {
  margin: 1rem 0;
  display: flex;
  flex-flow: column;
  align-items: strat;
}
.about > div > div .title h2 {
  color: white !important;
  font-size: 1.5rem;
}
.about > div > div .title span {
  width: 3rem;
  height: 0.12rem;
  margin-top: 1rem;
  display: block;
  background: white;
}
.about > div > div .text {
  line-height: 2rem;
  padding: 0;
  margin: 1.5rem 0;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.about > div > div .text p {
  color: white !important;
}

/* 新闻资讯 */
.news {
  background: white;
}
.news .contWrap .contBox ul {
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.news .contWrap .contBox ul li {
  width: 48%;
  display: flex;
  flex-flow: column;
}
.news .contWrap .contBox ul li > a > div:nth-child(1) {
  margin-bottom: 1rem;
  border: 1px solid rgba(150, 152, 155, 0.5);
}
.news .contWrap .contBox ul li > a > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid rgba(150, 152, 155, 0.5);
  position: relative;
}
.news .contWrap .contBox ul li > a > div:nth-child(2) > div:nth-child(1) span {
  color: rgb(160, 165, 170);
}
.news .contWrap .contBox ul li > a > div:nth-child(2) > div:nth-child(1) h6 {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(45, 47, 50, 0.8);
  margin-bottom: 0.3rem;
}
.news .contWrap .contBox ul li > a > div:nth-child(2) > div:nth-child(1)::after {
  position: absolute;
  bottom: -0.1em;
  height: calc(100% - 0.2em);
  left: 0;
  content: "";
  width: 3rem;
  border-bottom: 2px solid rgb(255, 30, 30);
}
.news .contWrap .contBox ul li > a > div:nth-child(2) p {
  color: rgb(160, 165, 170);
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.news .contWrap .contBox > div:nth-child(2) {
  display: flex;
  justify-content: center;
}

/* 客户 */
.customers {
  background: rgba(200, 205, 210, 0.5);
}
.customers .contBox ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 19%);
  row-gap: 1rem;
  justify-content: space-between;
}
.customers .contBox ul li {
  border: 1px solid rgba(150, 152, 155, 0.5);
  background: white;
}

/* ==========  文章排版样式（通用）   ========== */
/* (关于我们、产品详情、方案详情、新闻文章版块通用) */
.articleWarp > .title {
  width: 100%;
  margin-bottom: 5rem;
  text-align: center;
  border-bottom: 1px solid rgba(200, 205, 210, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.articleWarp > .title h1 {
  font-size: 2.5rem;
  margin: 2rem;
  font-weight: normal;
}
.articleWarp > .title .post_info {
  width: 100%;
  margin: 0.3rem auto 1.5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.articleWarp > .title .post_info p {
  color: rgb(160, 165, 170);
  margin: 0.5rem;
  white-space: nowrap;
}
.articleWarp > .title .post_info .pageView i {
  color: rgb(255, 30, 30);
  font-style: normal;
}
.articleWarp > .summary_mediaText {
  width: 100%;
  max-height: 25rem;
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between;
  flex-flow: inherit;
}
.articleWarp > .summary_mediaText .mediaBox {
  width: 45%;
  border: 1px solid rgba(150, 152, 155, 0.5);
  background: black;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
.articleWarp > .summary_mediaText .imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleWarp > .summary_mediaText .videoBox .video-player video {
  width: 100%;
}
.articleWarp > .summary_mediaText .videoBox .video-player .playerState.active {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
}
.articleWarp > .summary_mediaText .videoBox .video-player .playerState.active > span {
  height: 20%;
  margin: auto;
  overflow: hidden;
  display: none;
  align-items: center;
  justify-content: center;
}
.articleWarp > .summary_mediaText .videoBox .video-player .playerState.active > span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleWarp > .summary_mediaText .videoBox .video-player .playerState.active > span.active {
  display: flex;
}
.articleWarp > .summary_mediaText .videoBox .video-player .playerState {
  display: none;
}
.articleWarp > .summary_mediaText .textBox {
  width: 52%;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
}
.articleWarp > .summary_mediaText .textBox h2 {
  font-size: 1.8rem;
  height: 3rem;
  margin: 0 0 1rem;
  font-weight: normal;
}
.articleWarp > .summary_mediaText .textBox .text {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.articleWarp > .summary_mediaText .textBox .text ul li {
  color: rgb(100, 105, 110);
  list-style-type: disc;
  margin-bottom: 0.5rem;
  margin-left: 2.5rem;
}
.articleWarp > .summary_mediaText .textBox .text p {
  text-indent: 2em;
  line-height: 1.8rem;
  margin-bottom: 1rem;
  color: rgb(100, 105, 110);
  text-align: justify;
}
.articleWarp > .summary_mediaText .textBox .btnBox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.articleWarp > .summary_mediaText .textBox .btnBox .btn {
  margin: 0.5rem 1rem;
  border-radius: 2rem;
}
.articleWarp .mainText {
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
.articleWarp .mainText p {
  line-height: 1.8rem;
  margin-bottom: 1rem;
  color: rgb(100, 105, 110);
}
.articleWarp .mainText h3 {
  font-size: 1.5rem;
  margin: 1rem 0;
}
.articleWarp .mainText .imgBox {
  width: 100%;
  margin: 2rem 0;
  display: flex;
  justify-content: space-around;
}
.articleWarp .mainText .imgBox > div {
  max-height: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.articleWarp .mainText .imgBox > div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleWarp .mainText.para_cn p {
  text-indent: 2em;
  text-align: justify;
}
.articleWarp .tableBox {
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  overflow-x: auto;
}
.articleWarp .tableBox table {
  width: 100%;
  margin-top: 15px;
  border-collapse: collapse;
  border: 1px solid rgba(150, 152, 155, 0.5);
}
.articleWarp .tableBox table tr {
  height: 3rem;
  border: 1px solid rgba(200, 205, 210, 0.5);
}
.articleWarp .tableBox table th, .articleWarp .tableBox table td {
  color: rgb(100, 105, 110);
  padding: 0 0.2rem;
  text-align: center;
  white-space: nowrap;
  border: 1px solid rgba(200, 205, 210, 0.5);
}
.articleWarp .tableBox table tr:nth-child(even) {
  background: rgba(240, 245, 250, 0.5);
}
.articleWarp .servieIco {
  width: 100%;
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.articleWarp .servieIco > div {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.articleWarp .servieIco > div span {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
}
.articleWarp .servieIco > div span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleWarp .servieIco > div p {
  color: rgb(100, 105, 110);
}
.articleWarp .servieIco > span {
  width: 1px;
  height: 6rem;
  background: rgba(150, 152, 155, 0.5);
  margin: auto;
  display: block;
}

.branch {
  margin-bottom: 3rem;
  padding: 2rem 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}
.branch .cont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.branch .cont > div {
  text-align: center;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.branch .cont > div .imgBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.branch .cont > div .imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.branch .cont .text {
  padding: 1rem 0;
}
.branch .cont .text h4 {
  margin: 1rem auto;
}
.branch .cont .text > div p {
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  color: rgb(100, 105, 110);
}

.otherShow {
  margin-bottom: 5rem;
}

/*  ==========  关于我们 | About  ========== */
/*  ==========  产品中心 | product  ========== */
/* 产品列表 */
.productListBox {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 23%);
  row-gap: 2rem;
  justify-content: space-between;
}
.productListBox li a {
  text-align: center;
  border: 1px solid rgba(200, 205, 210, 0.5);
  display: block;
  overflow: hidden;
}
.productListBox li a > .itemImg {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.productListBox li a > .itemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
.productListBox li a > .title {
  padding: 1rem 0.5rem;
}
.productListBox li a > .title p {
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.productListBox li a > .title p small {
  color: rgb(160, 165, 170);
}
.productListBox li a:hover {
  border-color: rgb(255, 30, 30);
}
.productListBox li a:hover img {
  transform: scale(1.1);
}

/* 获取技术方案模块 */
.getSolBox > div:nth-child(1) {
  background: rgb(255, 30, 30);
}
.getSolBox > div:nth-child(1) * {
  color: white;
}
.getSolBox > div:nth-child(1) > div.contWrap {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.getSolBox > div:nth-child(1) > div.contWrap > div {
  width: 50%;
  display: flex;
  justify-content: start;
  align-items: center;
}
.getSolBox > div:nth-child(1) > div.contWrap .telTextBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.getSolBox > div:nth-child(1) > div.contWrap .telTextBox > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.getSolBox > div:nth-child(1) > div.contWrap .telTextBox > div > svg {
  margin-right: 1rem;
}
.getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText .icoTel {
  margin-right: 1rem;
}
.getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) h2 {
  font-size: 1.8rem;
}
.getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) h3 {
  font-size: 1rem;
  font-weight: normal;
}
.getSolBox > div:nth-child(1) > div.contWrap span {
  width: 1px;
  height: 1.5rem;
  margin: auto 1.5rem;
  background: rgba(255, 255, 255, 0.5);
}
.getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div > div:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div > div:nth-child(1) a {
  margin-right: 1rem;
  cursor: pointer;
}
.getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div > div:nth-child(1) a svg {
  cursor: pointer;
}
.getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div .bubbleBox {
  position: relative;
  text-align: center;
  margin-left: 0.5rem;
  padding: 0.2rem 0.3rem;
  border-radius: 0.3rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: rgb(255, 30, 30);
}
.getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div .bubbleBox::before {
  left: -0.45rem;
  top: 30%;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #fff !important;
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div .bubbleBox::after {
  left: -0.35rem;
  top: 30%;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: rgb(255, 30, 30) !important;
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.getSolBox .getSolForm > form {
  width: 100%;
  margin: 3rem auto;
}
.getSolBox .getSolForm > form > div {
  margin: 4rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.getSolBox .getSolForm > form > div:nth-child(1) * {
  font-size: 2.5rem;
  font-weight: normal;
}
.getSolBox .getSolForm > form > div:nth-child(1) h1 strong {
  color: rgb(255, 30, 30);
}
.getSolBox .getSolForm > form > div:nth-child(2) .inputGroup {
  width: 50%;
  max-width: 25rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.getSolBox .getSolForm > form > div:nth-child(2) .inputGroup label {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.getSolBox .getSolForm > form > div:nth-child(2) .inputGroup label i {
  color: rgb(255, 30, 30);
}
.getSolBox .getSolForm > form > div:nth-child(2) .inputGroup input {
  width: 100%;
  height: 3.5rem;
  font-size: 1.5rem;
  padding: 0.5rem;
  border: 1px solid rgba(150, 152, 155, 0.5);
  background: rgba(240, 245, 250, 0.5);
  outline: none;
}
.getSolBox .getSolForm > form > div:nth-child(2) .inputGroup input:hover, .getSolBox .getSolForm > form > div:nth-child(2) .inputGroup input:focus {
  border-color: rgb(255, 30, 30);
}
.getSolBox .getSolForm > form > div:nth-child(2) .inputGroup:nth-child(1) {
  margin-right: 2rem;
}
.getSolBox .getSolForm .btn {
  width: 30rem;
  max-width: 30rem;
}

/*  ==========  产品详情页 | ProductDetails  ========== */
/* 文件下载列表 */
.downFileList .downFileListBox > li {
  width: 100%;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(200, 205, 210, 0.5);
  background: rgba(240, 245, 250, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.downFileList .downFileListBox > li a *:hover {
  color: rgb(255, 30, 30);
}
.downFileList .downFileListBox > li > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.downFileList .downFileListBox > li > div > span {
  height: 4rem;
  margin-right: 1rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.downFileList .downFileListBox > li > div > span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.downFileList .downFileListBox > li > div a h4 {
  color: rgb(100, 105, 110);
  font-size: 1.3rem;
  font-weight: normal;
}
.downFileList .downFileListBox > li > div:nth-child(1) {
  width: 70%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.downFileList .downFileListBox > li > div:nth-child(2) {
  width: 30%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.downFileList .downFileListBox > li > div:nth-child(2) a {
  padding: 1rem 3rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.downFileList .downFileListBox > li > div:nth-child(2) a span {
  margin-right: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.downFileList .downFileListBox > li > div:nth-child(2) a p {
  color: rgb(100, 105, 110);
}
.downFileList .downFileListBox > li > div:nth-child(2) a:hover p {
  color: rgb(255, 30, 30);
}

/*  ==========  应用方案 | Application solution  ========== */
.applWrap {
  margin-bottom: 5rem;
}
.applWrap .mosaic {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 50%);
  margin-bottom: 2rem;
}
.applWrap .mosaic > li {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.applWrap .mosaic > li > a {
  width: 100%;
  height: 100%;
  display: flex;
}
.applWrap .mosaic > li > a > div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.applWrap .mosaic > li > a > div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.applWrap .mosaic > li > a .psTextBox {
  border: 1px solid rgba(150, 152, 155, 0.5);
  background: white;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.applWrap .mosaic > li > a .psTextBox .psText {
  width: 80%;
  height: 80%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: baseline;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.applWrap .mosaic > li > a .psTextBox .psText h4 {
  font-size: 1.2rem;
  line-height: 2rem;
  color: rgb(100, 105, 110);
}
.applWrap .mosaic > li > a .psTextBox .psText p {
  color: rgb(160, 165, 170);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.applWrap .mosaic > li > a .psTextBox .psText ul {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.applWrap .mosaic > li > a .psTextBox .psText ul > li {
  list-style: disc inside;
  color: rgb(160, 165, 170);
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/*  ==========  新闻资讯 | News  ========== */
.newsList .newsListBox {
  border-top: 1px solid rgba(200, 205, 210, 0.5);
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}
.newsList .newsListBox > li {
  width: 100%;
  margin-bottom: 1rem;
}
.newsList .newsListBox > li a {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(200, 205, 210, 0.5);
  display: flex;
  justify-content: space-between;
  align-items: initial;
}
.newsList .newsListBox > li a > div:nth-child(1) {
  width: 35%;
  display: flex;
  justify-content: space-between;
  align-items: initial;
}
.newsList .newsListBox > li a > div:nth-child(1) .date {
  width: 25%;
  height: 60%;
  color: white;
  background: rgb(255, 30, 30);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-flow: column;
}
.newsList .newsListBox > li a > div:nth-child(1) .date * {
  color: white;
}
.newsList .newsListBox > li a > div:nth-child(1) .date h4 {
  font-size: 1.5rem;
}
.newsList .newsListBox > li a > div:nth-child(1) .date p {
  line-height: 2rem;
  border-bottom: 1px solid white;
}
.newsList .newsListBox > li a > div:nth-child(1) .imgBox {
  width: 70%;
  height: 10rem;
  border: 1px solid rgba(200, 205, 210, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsList .newsListBox > li a > div:nth-child(1) .imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsList .newsListBox > li a > div:nth-child(2) {
  width: 65%;
  padding: 0 0 0 1rem;
  display: flex;
  justify-content: start;
  align-items: start;
  flex-flow: column;
}
.newsList .newsListBox > li a > div:nth-child(2) h6 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.newsList .newsListBox > li a > div:nth-child(2) p {
  color: rgb(160, 165, 170);
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.newsList .newsListBox > li a > div:nth-child(2) span {
  color: rgb(255, 30, 30);
}
.newsList .newsListBox > li a > div:nth-child(2) span:hover {
  text-decoration: underline;
}
.newsList .newsListBox > li a > div:nth-child(2) > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.newsList .newsListBox > li:hover {
  background: rgba(240, 245, 250, 0.5);
}

/*  ==========  加入我们 | join us  ========== */
/* 职位分类及列表 */
.joinUsWrap {
  margin-bottom: 3rem;
  padding: 2rem 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}
.joinUsWrap .jobClass {
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.joinUsWrap .jobClass > a {
  width: 25%;
  padding: 5rem 1rem;
  text-align: center;
  border-radius: 1rem;
  border: 1px solid rgba(200, 205, 210, 0.5);
  box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: column;
}
.joinUsWrap .jobClass > a > div:nth-child(1) {
  width: 40%;
  height: 5rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.joinUsWrap .jobClass > a > div:nth-child(1) img, .joinUsWrap .jobClass > a > div:nth-child(1) svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.joinUsWrap .jobClass > a h1 {
  font-size: 1.5rem;
  line-height: 3rem;
}
.joinUsWrap .jobClass > a p {
  line-height: 2rem;
  color: rgb(100, 105, 110);
}
.joinUsWrap .jobClass > a span {
  color: rgb(255, 30, 30);
}
.joinUsWrap .jobClass > a span:hover {
  text-decoration: underline;
}
.joinUsWrap .jobClass a:hover {
  background: rgba(240, 245, 250, 0.5);
}
.joinUsWrap .contModHeader {
  margin-bottom: 1rem;
}
.joinUsWrap > span {
  color: rgb(160, 165, 170);
  margin-bottom: 2rem;
}

.jobLlist {
  width: 100%;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 32%);
  row-gap: 1.5rem;
  justify-content: space-between;
}
.jobLlist > li a {
  border: 1px solid rgba(200, 205, 210, 0.5);
  display: flex;
  justify-content: start;
  align-items: center;
}
.jobLlist > li a * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.jobLlist > li a > div:nth-child(1) {
  width: 60%;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-flow: column;
}
.jobLlist > li a > div:nth-child(1) > div:nth-child(1) {
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jobLlist > li a > div:nth-child(1) > div:nth-child(1) span {
  margin-right: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jobLlist > li a > div:nth-child(1) > div:nth-child(1) h6 {
  font-size: 1.2rem;
}
.jobLlist > li a > div:nth-child(1) p {
  line-height: 1.5rem;
  color: rgb(160, 165, 170);
}
.jobLlist > li a > div:nth-child(2) {
  width: 40%;
  padding: 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jobLlist > li a > div:nth-child(2) h4 {
  font-size: 1.3rem;
  color: rgb(255, 30, 30);
}
.jobLlist > li a:hover {
  background: rgba(240, 245, 250, 0.5);
}

/* 职位详情 */
.jobDetails {
  margin-bottom: 2rem;
  display: flex;
  flex-flow: column;
}
.jobDetails .joDetHeader {
  margin-bottom: 2rem;
}
.jobDetails .joDetHeader .title {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.jobDetails .joDetHeader .title span {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.jobDetails .joDetHeader .title span svg {
  height: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.jobDetails .joDetHeader .title h2 {
  font-size: 1.5rem;
  font-weight: normal;
}
.jobDetails .joDetHeader .job-postinfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jobDetails .joDetHeader .job-postinfo p {
  margin-bottom: 0.5rem;
  color: rgb(160, 165, 170);
}
.jobDetails .joDetHeader .job-postinfo p span {
  margin: auto 0.5rem;
  color: rgba(150, 152, 155, 0.5);
}
.jobDetails .joDetHeader .job-postinfo h4 {
  font-size: 1.3rem;
  color: rgb(255, 30, 30);
  font-size: 1.3rem;
  margin-left: 0.5rem;
}
.jobDetails .joDetHeader .job-postinfo > div {
  display: flex;
  flex-flow: column;
}
.jobDetails .joDetHeader .job-postinfo > div:nth-child(1) {
  align-items: flex-start;
}
.jobDetails .joDetHeader .job-postinfo > div:nth-child(2) {
  align-items: flex-end;
}
.jobDetails .joDetBody {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px dashed rgba(150, 152, 155, 0.5);
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: start;
}
.jobDetails .joDetBody .title {
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.jobDetails .joDetBody .title h5 {
  margin-right: 0.5rem;
  font-size: 1.2rem;
  font-weight: normal;
  white-space: nowrap;
  background: white;
  padding-right: 0.5rem;
  z-index: 2;
}
.jobDetails .joDetBody .title span {
  width: 100%;
  height: 1px;
  background: rgba(200, 205, 210, 0.5);
  display: block;
  position: absolute;
}
.jobDetails .joDetBody h6 {
  margin: 1rem 0 0.5rem 0;
}
.jobDetails .joDetBody h6 b {
  width: 100%;
  white-space: nowrap;
}
.jobDetails .joDetBody ol li {
  color: rgb(100, 105, 110);
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.5rem;
  list-style: decimal inside;
}
.jobDetails .btnBox {
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 申请职位 */
.jobApply {
  margin-bottom: 3rem;
  display: flex;
  flex-flow: initial;
  justify-content: space-between;
}
.jobApply > form {
  width: 62%;
}
.jobApply > form .joDetBody {
  padding-bottom: 1rem;
}
.jobApply > form .joDetBody > div {
  width: 100%;
  margin: 0 auto 2rem;
  display: flex;
  align-items: center;
  flex-flow: column;
}
.jobApply > form .joDetBody .upFileBox .upFile {
  width: 100%;
  margin: 0.5rem auto 1rem;
  display: flex;
  flex-flow: column;
}
.jobApply > form .joDetBody .upFileBox .upFile label {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.jobApply > form .joDetBody .upFileBox .upFile label i {
  color: rgb(255, 30, 30);
  margin: 0 0.25rem;
}
.jobApply > form .joDetBody .upFileBox .upFile .fileInput {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(150, 152, 155, 0.5);
  background: rgba(240, 245, 250, 0.5);
  background: white;
  position: relative;
}
.jobApply > form .joDetBody .upFileBox .upFile .fileInput a {
  border-width: 0 1px 0 0;
}
.jobApply > form .joDetBody .upFileBox .upFile .fileInput p {
  margin: auto 0.25rem;
  color: rgb(100, 105, 110);
}
.jobApply > form .joDetBody .upFileBox .upFile .fileInput input {
  width: 100%;
  height: 100%;
  filter: opacity(0);
  position: absolute;
}
.jobApply > form .joDetBody .upFileBox .upFile > p {
  margin: 0.5rem 0 1rem 0;
  color: rgb(160, 165, 170);
}
.jobApply > form .joDetBody .pInfoBox .inputGroupBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
.jobApply > form .joDetBody .pInfoBox .inputGroupBox > div:nth-child(1) {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.jobApply > form .joDetBody .pInfoBox .inputGroupBox > div:nth-child(1) > div {
  width: 48%;
}
.jobApply > form .joDetBody .pInfoBox .inputGroup {
  margin: 0.5rem 0 1rem;
  display: flex;
  align-items: center;
}
.jobApply > form .joDetBody .pInfoBox .inputGroup dt {
  width: 5.5rem;
  display: flex;
  justify-content: flex-end;
}
.jobApply > form .joDetBody .pInfoBox .inputGroup label {
  margin-right: 0.5rem;
  text-align: right;
}
.jobApply > form .joDetBody .pInfoBox .inputGroup i {
  color: rgb(255, 30, 30);
  margin: 0 0.25rem;
}
.jobApply > form .joDetBody .pInfoBox .inputGroup input {
  width: 100%;
  height: 2.5rem;
  padding: 0.5rem;
  border: 1px solid rgba(150, 152, 155, 0.5);
  background: rgba(240, 245, 250, 0.5);
  background: white;
  outline: none;
}
.jobApply > form .contactHr {
  width: 100%;
  margin: 5rem auto;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.jobApply > form .contactHr > div {
  margin-bottom: 2rem;
  border: 1px solid rgba(240, 245, 250, 0.5);
  box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.2);
}
.jobApply > form .contactHr p {
  color: rgb(160, 165, 170);
}
.jobApply > aside {
  width: 30%;
}
.jobApply > aside .jobLlist {
  grid-template-columns: repeat(1, 100%);
}

/*  ==========  联系我们 | contact us  ========== */
#navMap {
  width: 100%;
  height: 38rem;
  margin: 0 auto 2rem;
  border: 1px solid rgba(150, 152, 155, 0.5);
}

#markerTip {
  margin: auto;
}
#markerTip .tipBox {
  width: 28rem;
  margin: auto;
  box-shadow: 0 0 0.5rem 0.1rem rgba(0, 0, 0, 0.5);
  position: relative;
  word-break: break-word;
}
#markerTip .tipBox .tipCont {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  margin: auto;
  display: flex;
  align-items: center;
  background: white;
  position: relative;
  word-break: break-word;
}
#markerTip .tipBox .tipCont > div:nth-child(2) {
  padding: 0 0.5rem;
}
#markerTip .tipBox .tipCont h6 {
  margin-bottom: 0.5rem;
}
#markerTip .tipBox .tipCont * p {
  line-height: 1.2rem;
  font-size: 0.8rem;
  color: rgb(100, 105, 110);
}
#markerTip .tipBox .bubbleHorn {
  left: 48%;
  right: 48%;
  height: 1rem;
  width: 1rem;
  position: absolute;
  overflow: hidden;
  bottom: -0.5rem;
  background: white;
  transform: rotate(45deg);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
#markerTip .marker-logo {
  width: 2.5rem;
  height: 2.5rem;
  margin: auto;
  padding: 0.25rem;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0.15rem 0.25rem rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#markerTip .marker-logo img, #markerTip .marker-logo svg {
  height: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ========================= 从大屏向小屏适配 =================================== */
/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
/* `xxl`适用于x-大型设备（大型台式机，小于1400px） */
/* `xl` applies to large devices (desktops, less than 1200px) */
/* 'xl'适用于大型设备（台式机，小于1200px） */
@media (max-width: 1200px) {
  .wrapper {
    margin-top: 6.5rem;
  }
  .gapWarp {
    padding: 5rem 0;
  }
  .contWrap {
    padding: 0 1.5rem;
  }
  /*  =======  顶部导航 | Top Menu Navbar  ======= */
  #header .navbar {
    height: 6.5rem;
  }
  /*  ==========  首页 | homePage  ========== */
  /*   .banner{
      .pageBtnWrap { width: 90%;  }
    } */
  .about {
    background: rgba(150, 155, 160, 0.3) url(../images/img_homepage_about.jpg) no-repeat center/auto 100%;
  }
}
@media (max-width: 1024px) {
  /*  ==========  首页 | homePage  ========== */
  .mainAdv .contWrap .mainAdv-itemBox li > div h1 {
    font-size: 3rem;
  }
  .mainAdv .contWrap .mainAdv-itemBox li > div span {
    font-size: 1.5rem;
  }
  .ourAdv .contWrap .contBox li h2 {
    font-size: 2rem;
  }
  .ourAdv .contWrap .contBox li h4 {
    font-size: 1.3rem;
  }
  /*  ==========  新闻资讯 | News  ========== */
  .newsList .newsListBox > li > a > div:nth-child(1) {
    width: 45%;
  }
  .newsList .newsListBox > li > div:nth-child(2) {
    width: 55%;
  }
  /*  ==========  加入我们 | join us  ========== */
  .joinUsWrap .jobClass > a {
    width: 30%;
  }
  .jobLlist {
    grid-template-columns: repeat(2, 49%);
  }
}
/* `lg` applies to medium devices (tablets, less than 992px) */
/* `lg` 适用于中型设备（平板电脑，小于992px） */
@media (max-width: 992px) {
  .wrapper {
    margin-top: 5rem;
  }
  .gapWarp {
    padding: 4rem 0;
  }
  .contWrap {
    padding: 0 1rem;
  }
  /*  =======  顶部导航 | Top Menu Navbar  ======= */
  #header .navbar {
    height: 5rem;
  }
  #header .navbar > div {
    position: relative;
  }
  #header .navbar > div .navbar-brand {
    height: 90%;
  }
  #header .navbar > div .collapse {
    display: none;
    width: 100%;
    position: absolute;
    top: 5rem;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.85);
  }
  #header .navbar > div .collapse ul {
    width: 100%;
    flex-flow: column;
  }
  #header .navbar > div .collapse ul li a {
    color: white;
    line-height: 3rem;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(100, 100, 100, 0.5);
  }
  #header .navbar > div .collapse ul li.active a {
    border-radius: 0rem;
  }
  #header .navbar > div .collapse.active {
    display: flex;
  }
  #header .navbar > div .navbar-extBtn .navbar-toggler {
    display: flex;
  }
  #header .navbar.sticky {
    height: 3rem;
  }
  /*  =======  页脚导航 | footer  ======= */
  #footer * p {
    text-align: center;
  }
  #footer .footbar1 .contWrap ul {
    flex-flow: column;
  }
  #footer .footbar1 .contWrap ul > span {
    width: 100%;
    height: 1px;
    margin: 1rem auto;
  }
  #footer .footbar1 .contWrap ul li {
    display: flex;
    justify-content: center;
  }
  #footer .footbar1 .contWrap ul li > div {
    margin: auto;
  }
  #footer .footbar1 .contWrap ul .lootlogoBox {
    width: auto;
  }
  #footer .footbar1 .contWrap ul .lootlogoBox h6 {
    font-size: 1rem;
  }
  #footer .footbar1 .contWrap ul .serviceTel {
    width: auto;
  }
  #footer .footbar1 .contWrap ul .comAddress {
    width: auto;
  }
  #footer .footbar1 .contWrap ul .comAddress > div {
    align-items: center;
  }
  #footer .footbar1 .contWrap ul .comAddress > div p {
    max-width: 100%;
    text-align: center;
  }
  #footer .footbar1 .contWrap ul .QRCodeBox {
    width: auto;
  }
  #footer .footbar2 > div {
    flex-flow: column;
  }
  /* 子页通用小导航Tabs */
  .navTabsbar {
    margin-bottom: 1rem;
  }
  .navTabsbar .navTabs li a {
    height: 3rem;
  }
  /* 子页头部 */
  .contModHeader {
    margin-bottom: 3rem;
  }
  .contModHeader > div {
    height: 3rem;
  }
  .contModHeader > div:first-child h3 {
    font-size: 1.2rem;
  }
  /* 页码模块 */
  .page {
    padding: 1.5rem 0 2rem;
  }
  /* banner */
  .banner .contText h3 {
    font-size: 4vw;
  }
  /* ==========  文章排版样式（通用）   ========== */
  .articleWarp > .title {
    margin-bottom: 2rem;
  }
  .articleWarp > .title h1 {
    margin: 0 0 1rem;
  }
  .articleWarp > .title .post_info {
    margin: 0.2rem auto 0.8rem;
  }
  .articleWarp > .summary_mediaText {
    margin-bottom: 0rem;
  }
  .articleWarp > .summary_mediaText .textBox h2 {
    font-size: 1.5rem;
  }
  .articleWarp .tableBox {
    margin-bottom: 0rem;
  }
  /*  ==========  首页 | homePage  ========== */
  .mainSidebar {
    display: none;
  }
  /* 首页公共样式 */
  .indexTitle1 {
    margin: 1rem auto 1.5rem;
  }
  .indexTitle1 h1 {
    font-size: 2rem;
  }
  .indexTitle1 p {
    max-width: 80%;
    color: rgb(160, 165, 170);
    margin: 0.5rem;
  }
  .indexTitle2 {
    margin: 1rem auto 1.5rem;
  }
  .indexTitle2 h1 {
    font-size: 2rem;
  }
  .indexTitle2 p {
    max-width: 80%;
    color: rgb(160, 165, 170);
    margin: 0.5rem;
  }
  /* 为什么选择我们 */
  .mainAdv .contWrap .mainAdv-itemBox li > div h1 {
    font-size: 2.8rem;
  }
  /* 我们的优势 */
  .ourAdv .contWrap .contBox li h1 {
    font-size: 4.2rem;
  }
  .ourAdv .contWrap .contBox li h2 {
    font-size: 2rem;
  }
  .ourAdv .contWrap .contBox li h4 {
    font-size: 1.4rem;
  }
  /* 关于我们 */
  .about {
    max-height: 40rem;
    justify-content: center;
    background: rgba(150, 152, 155, 0.5) url(../images/img_homepage_about.jpg) no-repeat center/cover;
  }
  .about > div {
    width: 80%;
    justify-content: center;
  }
  .about > div > div {
    width: auto;
    padding: 5%;
    align-items: center;
  }
  .about > div > div .title {
    align-items: center;
    margin: 0 auto;
  }
  .about > div > div .text {
    line-height: 1.5rem;
    margin: 1rem 0;
  }
  /*  ==========  关于我们 | About  ========== */
  .articleWarp > div {
    padding: 1rem 0;
  }
  .branch {
    margin-bottom: 1.5rem;
  }
  .branch .cont .text > div p {
    line-height: 1rem;
    margin-bottom: 0.3rem;
  }
  .branch .cont .text h4 {
    margin: 0.5rem auto;
  }
  .branch .cont .text {
    padding: 0.5rem 0;
  }
  /*  ==========  产品中心 | product  ========== */
  /* 产品列表 */
  .productListBox li a > .title {
    padding: 0.5rem;
  }
  .productListBox li a > .title p {
    margin: 0.3rem auto;
  }
  /* 产品详情页 */
  .downFileList .downFileListBox > li {
    padding: 0.5rem 0;
  }
  .downFileList .downFileListBox > li > div > span {
    height: 3rem;
  }
  .downFileList .downFileListBox > li > div a h4 {
    font-size: 1.2rem;
  }
  /*  ==========  应用方案 | Application solution  ========== */
  .applWrap .mosaic > li > a .psTextBox .psText h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .applWrap .mosaic > li > a .psTextBox .psText ul > li {
    font-size: 0.5rem;
  }
  /*  ==========  加入我们 | join us  ========== */
  .jobDetails .joDetHeader {
    margin-bottom: 1rem;
  }
  .jobDetails .joDetBody .title {
    margin-bottom: 1rem;
  }
  .jobDetails {
    margin-bottom: 1rem;
  }
  .jobDetails .joDetBody {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
  .jobDetails .btnBox {
    padding: 0.5rem 0;
  }
  .jobApply > form {
    width: 65%;
  }
}
/* `md` applies to small devices (landscape phones, less than 768px) */
/* `md`适用于小型设备（横向电话，小于768px） */
@media (max-width: 768px) {
  .gapWarp {
    padding: 3rem 0;
  }
  .btn1 {
    height: 3rem;
  }
  .btn2 {
    height: 2.2rem;
  }
  .banner .contText p {
    width: 65%;
    margin: 1rem 0;
  }
  .banner .btn1 {
    height: 2.5rem;
    padding: 0rem 2rem;
  }
  .banner .pageBtnWrap .pageBtn {
    height: 2.5rem;
  }
  /* 子页头部 */
  .contModHeader {
    padding-top: 1rem;
    margin-bottom: 2.5rem;
  }
  .contModHeader > div {
    height: 3rem;
  }
  .contModHeader > div:first-child h3 {
    font-size: 1.2rem;
    border-bottom: 0.15rem solid rgb(255, 30, 30);
    margin-bottom: -0.15rem;
  }
  /* 标题 */
  .indexTitle1 h1, .indexTitle2 h1 {
    font-size: 1.5rem;
  }
  .indexTitle1 span {
    width: 6rem;
  }
  .indexTitle2 span {
    font-size: 1.2rem;
  }
  /*  ==========  首页 | homePage  ========== */
  /* 为什么选择我们 */
  .mainAdv .contWrap .mainAdv-itemBox li > div h1 {
    font-size: 2.5rem;
  }
  /* 我们的产品线 */
  .ourPorduct .contWrap .ourPdBox .ourPd.ourPdMain h3 {
    font-size: 1.2rem;
  }
  /* 我们的优势 */
  .ourAdv .contWrap .contBox li h1 {
    font-size: 3.5rem;
  }
  .ourAdv .contWrap .contBox li h2 {
    font-size: 1.5rem;
  }
  .ourAdv .contWrap .contBox li h4 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .ourAdv .contWrap .contBox li p {
    line-height: 1.1rem;
  }
  /* ==========  文章排版样式（通用）   ========== */
  .articleWarp > .title {
    margin-bottom: 1rem;
  }
  .articleWarp > .title h1 {
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
  }
  .articleWarp > .title .post_info {
    margin: 0.2rem auto 0.5rem;
  }
  .articleWarp > .summary_mediaText {
    max-height: 18rem;
    margin-bottom: 0rem;
  }
  .articleWarp > .summary_mediaText .textBox h2 {
    font-size: 1.2rem;
  }
  .articleWarp > .summary_mediaText .textBox .text p {
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .articleWarp > .summary_mediaText .textBox .text ul li {
    margin-bottom: 0.25rem;
  }
  .articleWarp .mainText p {
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .articleWarp .mainText h3 {
    font-size: 1.2rem;
    margin: 0.5rem 0;
  }
  .articleWarp .mainText .imgBox {
    margin: 1rem 0;
  }
  .articleWarp .tableBox {
    margin-bottom: 0rem;
  }
  .branch {
    margin-bottom: 1rem;
    padding: 1rem 0;
  }
  /*  ==========  关于我们 | About  ========== */
  .articleWarp .servieIco {
    padding: 0.5rem 0;
    flex-flow: column;
    align-items: start;
  }
  .articleWarp .servieIco > span {
    display: none;
  }
  .articleWarp .servieIco > div {
    margin-bottom: 1rem;
    flex-flow: initial;
    align-items: center;
  }
  .articleWarp .servieIco > div span {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 1rem 0 0;
  }
  .articleWarp .servieIco > div span svg {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  /*  ==========  产品中心 | product  ========== */
  /* 产品列表 */
  .productListBox {
    grid-template-columns: repeat(3, 31%);
    row-gap: 1rem;
  }
  .productListBox li {
    margin-bottom: 1rem;
  }
  .productListBox li a > .title {
    padding: 0.5rem;
  }
  .productListBox li a > .title p {
    margin: 0.3rem auto;
  }
  /* 产品详情页 */
  .downFileList .downFileListBox > li > div > span {
    height: 2rem;
  }
  .downFileList .downFileListBox > li > div:nth-child(2) a {
    min-width: 6rem;
    min-height: 3rem;
    padding: 0.5rem;
  }
  .downFileList .downFileListBox > li > div:nth-child(2) a span {
    height: 1.5rem;
    width: 1.5rem;
  }
  .otherShow {
    margin-bottom: 3rem;
  }
  .otherShow .productListBox {
    grid-template-columns: repeat(4, 24%);
  }
  /* 获取技术方案模块 */
  .getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) {
    flex-flow: column;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) h2 {
    font-size: 1.3rem;
  }
  .getSolBox > div:nth-child(1) > div.contWrap > div {
    width: 80%;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div .bubbleBox {
    width: 45%;
  }
  /*  ==========  应用方案 | Application solution  ========== */
  .applWrap {
    margin-bottom: 4rem;
  }
  /*  ==========  新闻资讯 | News  ========== */
  .newsList .newsListBox > li > a > div:nth-child(1) {
    width: 40%;
  }
  .newsList .newsListBox > li > a > div:nth-child(2) {
    width: 60%;
    padding: 0 0 0 0.5rem;
  }
  .newsList .newsListBox > li a > div:nth-child(1) .date {
    width: 22%;
  }
  .newsList .newsListBox > li a > div:nth-child(1) .date h4 {
    font-size: 1.2rem;
  }
  .newsList .newsListBox > li a > div:nth-child(1) .imgBox {
    width: 76%;
    height: 8rem;
  }
  .newsList .newsListBox > li a > div:nth-child(2) h6 {
    font-size: 1rem;
  }
  .newsList .newsListBox > li a > div:nth-child(2) p {
    -webkit-line-clamp: 3;
  }
  /*  ==========  加入我们 | join us  ========== */
  .jobApply > form {
    width: 100%;
  }
  .joinUsWrap .jobClass > a {
    padding: 2rem 0.5rem;
  }
  .joinUsWrap .jobClass > a h1 {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .joinUsWrap .contModHeader {
    margin-bottom: 0.5rem;
  }
  .jobLlist > li a > div:nth-child(1),
  .jobLlist > li a > div:nth-child(2) {
    padding: 0.5em;
  }
  .jobLlist > li a > div:nth-child(1) > div:nth-child(1) h6 {
    font-size: 1rem;
  }
  .jobLlist > li a > div:nth-child(2) h4 {
    font-size: 1.1rem;
  }
  .jobApply > aside {
    display: none;
  }
}
/* `sm` applies to x-small devices (portrait phones, less than 576px) */
/* `sm` 适用于x-small设备（竖屏手机，小于576px） */
@media (max-width: 576px) {
  .wrapper {
    margin-top: 3rem;
  }
  #header .navbar {
    height: 3rem;
  }
  #header .navbar > div .collapse {
    top: 3rem;
  }
  #header .navbar > div .collapse ul li a {
    line-height: 2.5rem;
  }
  #header .navbar > div .navbar-extBtn .navbar-toggler span {
    height: 1.5rem;
    font-size: 1.5rem;
  }
  #header .navbar.sticky {
    height: 2.5rem;
  }
  .gapWarp {
    padding: 2rem 0;
  }
  .btn1 {
    height: 3rem;
    font-size: 1.2rem;
  }
  .btn2 {
    height: 2.5rem;
    font-size: 1rem;
  }
  .navTabsbar .navTabs {
    justify-content: start;
    overflow-x: auto;
  }
  /* 子页头部 */
  .contModHeader {
    padding-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
  /* ==========  文章排版样式（通用）   ========== */
  .articleWarp > div {
    padding: 0.5rem 0;
  }
  .articleWarp > .title h1 {
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
  }
  .articleWarp > .summary_mediaText {
    flex-flow: column;
    height: auto;
    max-height: none;
  }
  .articleWarp > .summary_mediaText .mediaBox {
    width: 100%;
  }
  .articleWarp > .summary_mediaText .textBox {
    width: 100%;
    padding: 1.5rem 0;
  }
  .articleWarp > .summary_mediaText .textBox h2 {
    margin: 1rem auto;
    height: auto;
  }
  .otherShow {
    margin-bottom: 2rem;
  }
  /* 首页 */
  .indexTitle1 h1, .indexTitle2 h1, .indexTitle2 h1 strong {
    font-size: 1.5rem;
  }
  .indexTitle1 span {
    width: 6rem;
    height: 0.1 0.2rem;
    margin: 0.5rem;
  }
  .indexTitle1 p, .indexTitle2 p {
    line-height: 1.2rem;
  }
  .mainAdv .contWrap .mainAdv-itemBox li > div h1 {
    font-size: 2.4rem;
  }
  .mainAdv .contWrap .mainAdv-itemBox li > div span {
    font-size: 1.2rem;
  }
  .ourPorduct .contWrap .ourPdBox .ourPd.ourPdMain h3 {
    font-size: 1rem;
  }
  .ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText {
    width: 85%;
    height: 85%;
  }
  .ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText h6 {
    font-size: 0.8rem;
  }
  .ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText span {
    margin: 0.2rem 0;
  }
  /* 我们的优势 */
  .ourAdv .contWrap .contBox li h1 {
    font-size: 4rem;
    margin-right: 1rem;
  }
  .ourAdv .contWrap .contBox li h2 {
    font-size: 2rem;
  }
  .ourAdv .contWrap .contBox li h4 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .ourAdv .contWrap .contBox li p {
    line-height: 1.1rem;
  }
  .ourAdv .contWrap .contBox li {
    flex-flow: column;
  }
  .ourAdv .contWrap .contBox li > div {
    width: 100% !important;
  }
  .ourAdv .contWrap .contBox li:nth-child(1) > div:nth-child(1) > div {
    width: auto;
    height: 50%;
  }
  .ourAdv .contWrap .contBox li:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div {
    margin: 2rem;
    display: flex;
    align-items: center;
  }
  .news .contWrap .contBox ul {
    margin-bottom: 0.5rem;
  }
  /*  ==========  产品中心 | product  ========== */
  /* 产品列表 */
  /* 产品详情页 */
  /* 获取技术方案模块 */
  .getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div > div:nth-child(1) a {
    margin-right: 0.5rem;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div .bubbleBox {
    width: 45%;
  }
  .getSolBox .getSolForm > form > div {
    margin: 1rem auto;
    flex-flow: column;
  }
  .getSolBox .getSolForm > form > div:nth-child(1) * {
    font-size: 1.5rem;
  }
  .getSolBox .getSolForm > form > div:nth-child(2) .inputGroup:nth-child(1) {
    margin: 1rem auto;
  }
  .getSolBox .getSolForm > form > div:nth-child(2) .inputGroup {
    width: 100%;
    max-width: inherit;
    justify-content: start;
  }
  .getSolBox .getSolForm > form > div:nth-child(2) .inputGroup input {
    height: 3rem;
    font-size: 1rem;
  }
  .getSolBox .getSolForm > form > div:nth-child(3) {
    margin-top: 3rem;
  }
  /*  ==========  应用方案 | Application solution  ========== */
  .applWrap {
    margin-bottom: 4rem;
  }
  .applWrap .mosaic > li > a .psTextBox .psText h4 {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
  .applWrap .mosaic > li > a .psTextBox .psText {
    width: 90%;
    height: 90%;
  }
  /*  ==========  新闻资讯 | News  ========== */
  .newsList .newsListBox > li > a {
    flex-flow: column;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
  }
  .newsList .newsListBox > li > a > div:nth-child(1),
  .newsList .newsListBox > li > a > div:nth-child(2) {
    width: 100%;
  }
  .newsList .newsListBox > li > a > div:nth-child(1) .date {
    width: 23%;
    height: auto;
  }
  .newsList .newsListBox > li > a > div:nth-child(1) .date h4 {
    font-size: 1.5rem;
  }
  .newsList .newsListBox > li > a > div:nth-child(1) .imgBox {
    width: 75%;
  }
  .newsList .newsListBox > li > a > div:nth-child(2) {
    padding: 0;
    margin-top: 0.5rem;
  }
  /*  ==========  加入我们 | join us  ========== */
  .joinUsWrap {
    margin-bottom: 1rem;
  }
  .joinUsWrap .jobClass > a {
    width: 30%;
    padding: 2rem 0.5rem;
  }
  .joinUsWrap .jobClass > a h1 {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .jobLlist {
    grid-template-columns: repeat(1, 100%);
    row-gap: 1rem;
  }
  .jobLlist > li a {
    padding: 1rem 1.5rem;
  }
  .jobDetails .joDetHeader .title span {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 480px) {
  #header .navbar > div .collapse ul li a {
    line-height: 1rem;
  }
  #header .navbar > div .navbar-extBtn .navbar-toggler span {
    height: 1.5rem;
    font-size: 1.5rem;
  }
  .gapWarp {
    padding: 1.5rem 0;
  }
  .contWrap {
    padding: 0 0.5rem;
  }
  .btn1 {
    height: 3rem;
  }
  .btn2 {
    height: 2rem;
  }
  .contModHeader {
    padding-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .contModHeader > div {
    height: 3rem;
  }
  .contModHeader > div:first-child h3 {
    font-size: 1rem;
  }
  .page .pagination li a {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.1rem;
  }
  .page .pagination li input {
    width: 2rem;
    height: 1.5rem;
  }
  .banner .contText h1 {
    height: 2.5rem;
  }
  .banner .contText h2 {
    height: 2.2rem;
  }
  .banner .contText p {
    width: 75%;
    margin: 0;
  }
  .banner .pageBtnWrap .pageBtn {
    width: 2.5rem;
    height: 2rem;
    margin-left: 1rem;
  }
  .banner .btn1 {
    margin-top: 0.5rem;
  }
  /* 首页 */
  .mainAdv .contWrap .mainAdv-itemBox {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    row-gap: 1rem;
    justify-content: space-between;
  }
  .mainAdv .contWrap .mainAdv-itemBox li {
    width: auto;
  }
  .ourAdv .contWrap .contBox li:nth-child(1) > div:nth-child(1) > div {
    height: 55%;
  }
  /* ==========  文章排版样式（通用）   ========== */
  .articleWarp > .title h1 {
    font-size: 1.2rem;
    margin: 0 0 0.3rem;
  }
  .articleWarp > .title .post_info {
    margin: 1rem auto 0.5rem;
    flex-flow: column;
  }
  .articleWarp > .title .post_info p {
    margin: 0.15rem;
  }
  .articleWarp > .summary_mediaText .textBox {
    padding: 1rem 0;
  }
  .articleWarp > .summary_mediaText .textBox .text {
    margin: 1rem auto;
  }
  .articleWarp .mainText h3 {
    font-size: 1rem;
  }
  /* 首页 */
  .ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText h6 {
    font-size: 0.6rem;
  }
  .ourPorduct .contWrap .ourPdBox .ourPd.ourPdOther li a .psTextBox .psText p {
    font-size: 0.5rem;
  }
  .mainAdv .contWrap .mainAdv-itemBox li > div h1 {
    font-size: 2rem;
  }
  .branch .cont {
    flex-flow: column;
  }
  .branch .cont > div {
    width: 100%;
    margin-bottom: 1rem;
  }
  .branch .cont > div .imgBox {
    height: 10rem;
  }
  .news .newsBox ul {
    flex-flow: column;
  }
  .news .contWrap .contBox ul li {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .news .contWrap .contBox ul {
    margin-bottom: 0.5rem;
  }
  .customers .contBox ul {
    grid-template-columns: repeat(3, 30%);
  }
  /*  ==========  产品中心 | product  ========== */
  .productListBox {
    grid-template-columns: repeat(2, 48%);
    row-gap: 0.5rem;
  }
  .downFileList .downFileListBox > li > div > span {
    height: 1.8rem;
    margin-right: 0.2rem;
  }
  .downFileList .downFileListBox > li > div:nth-child(2) a span {
    height: 1.2rem;
    width: 1.2rem;
  }
  .downFileList .downFileListBox > li > div a h4 {
    font-size: 0.8rem;
  }
  .otherShow .productListBox {
    grid-template-columns: repeat(2, 48%);
  }
  /* 获取方案 */
  .getSolBox > div:nth-child(1) > div.contWrap {
    flex-flow: column;
  }
  .getSolBox > div:nth-child(1) > div.contWrap > div {
    width: 80%;
    justify-content: center !important;
  }
  .getSolBox > div:nth-child(1) > div.contWrap span {
    width: 80%;
    height: 1px;
    margin: 0.5rem 0;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .telTextBox > div > svg {
    width: 2rem;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) {
    flex-flow: nowrap;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) h2 {
    font-size: 1.5rem;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) h3 {
    font-size: 0.5rem;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div .bubbleBox {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /*  ==========  应用方案 | Application solution  ========== */
  .applWrap {
    margin-bottom: 3rem;
  }
  /*  ==========  新闻资讯 | News  ========== */
  .newsList .newsListBox > li a > div:nth-child(2) p {
    font-size: 0.8rem;
  }
  /*  ==========  加入我们 | join us  ========== */
  .joinUsWrap .jobClass {
    flex-flow: column;
  }
  .joinUsWrap .jobClass > a {
    width: 100%;
    margin-bottom: 1rem;
    flex-flow: initial;
    justify-content: space-around;
  }
  .joinUsWrap .jobClass > a > div:nth-child(1) {
    width: 20%;
    height: 3rem;
    margin: auto;
  }
  .joinUsWrap .jobClass > a > div:nth-child(2) {
    width: 60%;
  }
  .joinUsWrap .jobClass > a h1 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .jobLlist > li a > div:nth-child(1) > div:nth-child(1) h6 {
    font-size: 0.8rem;
  }
  .jobLlist > li a > div:nth-child(1) > div:nth-child(1) span {
    width: 1rem;
  }
  .jobLlist > li a > div:nth-child(2) h4 {
    font-size: 1rem;
  }
  .jobApply > form .joDetBody .pInfoBox .inputGroupBox > div:nth-child(1) {
    flex-flow: column;
  }
  .jobApply > form .joDetBody .pInfoBox .inputGroup dd {
    width: 70%;
  }
}
@media (max-width: 320px) {
  .contWrap {
    padding: 0 0.5rem;
  }
  .btn1 {
    height: 2.5rem;
  }
  .btn2 {
    height: 1.8rem;
  }
  .banner .btn1 {
    height: 1.5rem;
    font-size: 1rem;
    padding: 0rem 1rem;
  }
  .banner .pageBtnWrap .pageBtn {
    width: 2rem !important;
    height: 1.5rem !important;
    font-size: 1rem;
    margin-left: 0.5rem;
  }
  .banner .contText {
    height: 90%;
  }
  .banner .contText h1 {
    height: 2rem;
    font-size: 1.5rem;
    line-height: 1.5em;
  }
  .banner .contText h2 {
    height: 2rem;
    font-size: 1.2rem;
    line-height: 1.5em;
  }
  .banner .contText p {
    width: auto;
    font-size: 12px;
    line-height: 12px;
    padding: 0;
    margin: 0;
  }
  /*  =======  顶部导航 | Top Menu Navbar  ======= */
  #header .navbar > div .navbar-extBtn .language {
    min-width: 5rem;
  }
  #header .navbar > div .navbar-extBtn .navbar-toggler {
    margin: auto 0rem 0rem 0.5rem;
  }
  #header .navbar > div .collapse ul li a {
    line-height: 2rem;
  }
  /* 子页通用小导航Tabs */
  .navTabsbar .navTabs li a {
    height: 2rem;
  }
  /* 子页头部 */
  .pageHeader {
    flex-flow: column;
    align-items: start;
  }
  .pageHeader > div {
    width: 100%;
    height: 2rem;
  }
  .pageHeader > div:first-child,
  .pageHeader > div:last-child {
    width: 100%;
    justify-content: start;
  }
  /* 子页模块头部标题 */
  /* 页码模块 */
  .page {
    padding: 1rem 0 2rem;
  }
  /* ==========  文章排版样式（通用）   ========== */
  .articleWarp > .summary_mediaText .textBox h2 {
    font-size: 1rem;
    margin: 0.5rem auto;
    height: auto;
  }
  .articleWarp > .summary_mediaText .textBox .btnBox {
    flex-flow: column;
  }
  /*  ==========  首页 | homePage  ========== */
  .banner .contText p {
    -webkit-line-clamp: 3;
  }
  .ourPorduct .contWrap .ourPdBox .ourPd {
    flex-flow: column;
  }
  .ourPorduct .contWrap .ourPdBox .ourPd li {
    width: 100%;
    border-bottom: 1px solid rgba(150, 152, 155, 0.5);
  }
  .ourAdv .contWrap .contBox li:nth-child(1) > div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ourAdv .contWrap .contBox li:nth-child(1) > div:nth-child(1) > div {
    width: 80%;
    height: 60%;
    right: inherit;
    bottom: inherit;
  }
  .news .contWrap .contBox ul li > div p {
    line-height: 1.2rem;
  }
  /*  ==========  关于我们 | About  ========== */
  /*  ==========  产品中心 | product  ========== */
  /* 产品列表 */
  .prodListWrap .productList .productListBox {
    grid-template-columns: repeat(1, 100%);
  }
  .prodListWrap .productList .productListBox li {
    margin-bottom: 0.5rem;
  }
  .downFileList .downFileListBox > li > div {
    padding: 0 0.2rem;
  }
  .prodListWrap .productList .productListBox li a > .title {
    padding: 0.2rem;
  }
  .prodListWrap .productList .productListBox li a > .title p {
    margin: 0.1rem auto;
  }
  /* 下载列表 */
  .downFileList .downFileListBox > li {
    justify-content: space-between;
  }
  .downFileList .downFileListBox > li > div:nth-child(2) {
    width: 25%;
    justify-content: center;
  }
  .downFileList .downFileListBox > li > div:nth-child(2) a {
    padding: 0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .downFileList .downFileListBox > li > div:nth-child(2) a span {
    margin: auto;
  }
  /* 获取技术方案模块 */
  .getSolBox > div:nth-child(1) > div.contWrap > div {
    width: 100%;
  }
  .getSolBox > div:nth-child(1) > div.contWrap span {
    width: 100%;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .telTextBox > div {
    width: 100%;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .telTextBox .telText > div:nth-child(2) {
    flex-flow: column;
  }
  .getSolBox > div:nth-child(1) > div.contWrap .serviceIconBox > div .bubbleBox {
    width: 40%;
  }
  .getSolBox .getSolForm > form > div:nth-child(1) * {
    font-size: 1.3rem;
  }
  .getSolBox .getSolForm > form > div:nth-child(3) {
    margin-top: 2rem;
  }
  /*  ==========  应用方案 | Application solution  ========== */
  .applWrap {
    margin-bottom: 1rem;
  }
  /*  ==========  新闻资讯 | News  ========== */
  .newsList .newsListBox > li a > div:nth-child(1) .date h4 {
    font-size: 1rem;
  }
  /*  ==========  加入我们 | join us  ========== */
  /* 职位分类及列表 */
  .jobLlist {
    row-gap: 0.5rem;
  }
  .jobLlist > li a {
    padding: 0.5rem 0.25rem;
  }
  .jobLlist > li a > div:nth-child(1) > div:nth-child(1) {
    margin-bottom: 0.2rem;
  }
  .jobLlist > li a > div:nth-child(1) p {
    line-height: 1.2rem;
  }
  /* 职位详情 */
  .jobDetails .joDetHeader .title span {
    width: 1.2rem;
    height: 1.2rem;
  }
  .jobDetails .joDetHeader .title h2 {
    font-size: 1rem;
  }
  .jobDetails .joDetHeader .job-postinfo {
    align-items: start;
    flex-flow: column;
  }
  .jobDetails .joDetHeader .job-postinfo > div:nth-child(2) {
    flex-flow: initial;
    justify-content: center;
    align-items: baseline;
  }
  .jobDetails .joDetHeader .job-postinfo h4 {
    font-size: 1rem;
    margin-left: 0.5rem;
  }
}/*# sourceMappingURL=style.css.map */