.aboutMain {
  width: 100%;
  margin: 0 auto;
  padding: 0.8rem 0 1.2rem;
}

.wrap {
  width: 100%;
  padding: 1.2rem 0 1.2rem;
}

.betweenBox {
  width: 14rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.wrap14 {
  width: 14rem;
  margin: 0 auto;
}

.aboutLeft {
  width: 100%;
}

.aboutTxt > p {
  font-family: Arial;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.3rem;
}

.aboutTitle,
.aboutTxt > p.aboutTitle {
  font-family: Arial;
  font-weight: bold;
  font-size: 0.36rem;
  color: #1e1e1e;
  margin-bottom: 0.4rem;
}

.aboutImg {
  width: 6.4rem;
  height: 6rem;
  object-fit: cover;
  margin-top: 0.2rem;
  float: right;
  margin-left: 0.4rem;
}

.aboutTop {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.aboutTitle.center {
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  font-size: 0.36rem;
  color: #1e1e1e;
  margin-bottom: 0.4rem;
}

.aboutDec {
  width: 7rem;
  /* height: 4.6rem; */
  background-color: #fff;
  padding: 0.6rem;
  position: relative;
  z-index: 10;
}

.aboutTitle1 {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.18rem;
  color: #1155a8;
}

.aboutTxt1 {
  margin-top: 0.35rem;
  font-family: Arial;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.3rem;
}

.aboutSwiper {
  width: 8rem;
  height: 6.2rem;
  margin-left: -0.8rem;
  overflow: hidden;
}

.aboutSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aboutBottom {
  width: 100%;
  margin-top: 0.45rem;
}

.aboutBottom > p {
  font-family: Arial, Arial;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.3rem;
}

.wrap.aboutbg {
  background-image: url(/zgln/images/others/aboutbg1.png);
  background-size: cover;
  background-position: 0% 100%;
}

.aboutWhItem {
  width: 14rem;
  margin: 0 auto 0.36rem;
  display: flex;
}

.aboutWhItem:nth-child(2n) {
  flex-direction: row-reverse;
}

.aboutWhItem:hover img {
  transform: scale(1.1);
}

.aboutWhImg {
  width: 7rem;
  height: 3.35rem;
  overflow: hidden;
}

.aboutWhImg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.6s;
}
.aboutWhContent {
  width: 7rem;
  height: 3.35rem;
  background: #f5f7fa;
  padding: 0 0.31rem 0 0.39rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.aboutWhTitle {
  font-family: Arial;
  font-weight: 600;
  font-size: 0.2rem;
  color: #1e1e1e;
  margin-top: 0.18rem;
}

.aboutWhT1 {
  font-family: Arial;
  font-size: 0.2rem;
  color: #1e1e1e;
  margin-top: 0.22rem;
}

.aboutWhT2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.3rem;
  margin-top: 0.16rem;
}
.aboutWhT2 span,
.aboutWhT2 p{
  text-wrap-mode: inherit !important;
}

.crumbsSwiper {
  width: 11.46rem;
  overflow: hidden;
  /* margin-left: -0.3rem; */
}

.crumbsSwiper a {
  padding: 0 0 0.25rem;
  font-family: Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #000000;
  position: relative;
  display: block;
  text-align: center;
}

.crumbsSwiper a.active{
  color: rgba(17, 85, 168, 1);
}

.crumbsSwiper a::after,
.crumbsSwiper a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: rgba(17, 85, 168, 1);
  right: 50%;
  bottom: 0;
  opacity: 0;
  transition: all 0.6s;
}

.crumbsSwiper a::after {
  left: 50%;
  right: auto;
}

.crumbsSwiper a:hover::after,
.crumbsSwiper a:hover::before,
.crumbsSwiper a.active::after,
.crumbsSwiper a.active::before {
  opacity: 1;
  width: 50%;
}

.crumbsSwiper .swiper-slide {
  width: auto;
  margin-right: 0.41rem;
}

.crumbsLeft,
.crumbsRight {
  width: 0.09rem;
  margin-left: 0.3rem;
  filter: brightness(0);
  margin-top: 0.05rem;
  cursor: pointer;
}

.crumbsLeft > img {
  display: block;
  transform: rotate(-180deg);
}
.crumbsRight > img {
  display: block;
}
.crumbsRight {
  margin-left: 0.12rem;
}

.crumbsLeft:hover,
.crumbsRight:hover {
  filter: none;
}

.infoPart1Left {
  width: 2.74rem;
}

.infoPart1Title {
  width: 2.74rem;
  background: #1155a8;
  font-family: Arial;
  font-size: 0.16rem;
  color: #ffffff;
  padding: 0.22rem 0.3rem;
  line-height: 0.25rem;
}

.infoPart1List {
  width: 100%;
  background: #f5f7fa;
  padding-bottom: 0.25rem;
}

.infoPart1List > li {
  width: 100%;
  text-align: center;
  border-bottom: 0.01rem solid #e6e6e6;
  /* height: 0.66rem; */
}

.infoPart1List > li:hover > a,
.infoPart1List > li.active > a {
  color: #1155a8;
}

/*.infoPart1List > li > a {
  width: 100%;
  font-family: Arial;
  font-size: 0.14rem;
  color: #000000;
  transition: all 0.6s;
  display: block;
  text-align: center;
  padding: 0.17rem 0.37rem 0 0.37rem;
}*/

.proMessageBox img{
    width: revert-layer;
    max-width: 100%;
}

.infoPart1List > li > a {
  width: 100%;
  padding: 0.22rem 0;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 18px;
  color: #000000;
  text-align: center;
  transition: all 0.6s;
  display: block;
}

.infoPart1List.level > li > a {
  padding: 0.22rem 0;
  width: 80%;
  justify-content: space-between;
  display: flex;
  align-items: center;
  gap:0.1rem;
  margin:0 auto;
}
.infoPart1List.level > li.active .infolevel2{
  display: block;
}
.infoPart1List > li .infolevel2{
  width: 80%;
  margin:0 auto;
  padding-left: 3%;
  display:none;
}
.infoPart1List.level > li .infolevel2.active .infolevel3{
  display: block;
}
.infoPart1List > li .infolevel3{
  width: 100%;
  margin:0 auto;
  padding-left: 6%;
  display: none;
  /* padding-left: 10%; */
}

.infoPart1List > li .infolevel2 > a,
.infoPart1List > li .infolevel3 > a
{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0rem 0 0.2rem;
  font-size: 0.16rem;
  gap: 0.1rem;
  color: #000000;
}

.infoPart1List > li .infolevel2 > a >img,
.infoPart1List > li > a >img{
  width: 8px;
  filter: brightness(0);
  transform: rotate(90deg);
}


.infoPart1List > li:hover > a > img,
.infoPart1List > li.active > a > img{
  filter: none;
}
.infoPart1List > li .infolevel3.active > a,
.infoPart1List > li .infolevel3:hover > a,
.infoPart1List > li .infolevel2.active > a,
.infoPart1List > li .infolevel2:hover > a{
  color: #1155a8;
}
.infoPart1List > li .infolevel2.active > a >img,
.infoPart1List > li .infolevel2:hover > a >img
{
  filter: none;
}

.proPart1Right {
  width: 10.8rem;
}

.proPart1List {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.proPart1List > li {
  width: 3.4rem;
  margin-left: 0.3rem;
  margin-bottom: 0.4rem;
}

.proPart1List > li:nth-child(3n + 1) {
  margin-left: 0;
}

.proPart1List > li > a {
  display: block;
}

.proPart1Top {
  width: 3.4rem;
  height: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  overflow: hidden;
}

.proPart1Img {
  width: 3rem;
  height: 2rem;
  object-fit: cover;
  transition: all 0.6s;
}

.proPart1T1 {
  text-align: center;
  margin-top: 0.2rem;
  font-family: Arial;
  font-size: 0.16rem;
  color: #000;
  transition: all 0.6s;
}

.proPart1List > li:hover .proPart1Img {
  transform: scale(1.06);
}

.proPart1List > li:hover .proPart1T1 {
  color: #1155a8;
}

/* 产品详情 */

.proPart2Top {
  width: 14rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.proSwiper {
  width: 5.6rem;
  height: 4.4rem;
  overflow: hidden;
}

.proSwiper .swiper-slide,
.ProCrumbsSwiper .swiper-slide {
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.proSwiper .swiper-slide > img {
  width: 4.5rem;
  height: 3rem;
  object-fit: cover;
  display: block;
}

.ProPart2Crumbs {
  width: 100%;
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.ProCrumbsSwiper {
  width: 4.9rem;
  height: 1rem;
  margin: 0 auto;
  overflow: hidden;
}
.ProCrumbsSwiper .swiper-slide > img {
  width: 1.2rem;
  height: 0.8rem;
  object-fit: cover;
  display: block;
}

.ProCrumbsSwiper .swiper-slide-thumb-active {
  border: 0.01rem solid #1155a8;
}

.ProSwiperLeft,
.ProSwiperRight {
  filter: brightness(0);
  width: 0.1rem;
  height: 0.2rem;
  cursor: pointer;
}

.ProSwiperLeft > img {
  width: 100%;
  height: 100%;
  display: block;
  transform: rotate(-180deg);
}

.ProSwiperRight > img {
  width: 100%;
  height: 100%;
  display: block;
}

.ProSwiperLeft:hover,
.ProSwiperRight:hover {
  filter: none;
}

.proPart2Right {
  width: 7.8rem;
}

.proPart2T1 {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.28rem;
  color: #1c1c1c;
}

.proPart2Line {
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  margin: 0.24rem auto;
}

.proPart2Dec {
  font-family: Arial, Arial;
  font-size: 0.16rem;
  color: #3d3d3d;
  line-height: 0.3rem;
}

.proPart2Cate {
  margin-top: 0.24rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #8f8f8f;
}

.proPart2Cate > a {
  display: inline;
  color: #1155a8;
}

.proPart2Phone {
  margin-top: 0.25rem;
  padding: 0.2rem 0;
  display: flex;
  align-items: center;
  border-top: 0.01rem dashed #e1e1e1;
  border-bottom: 0.01rem dashed #e1e1e1;
}

.proPart2Phone > img {
  width: 0.32rem;
  height: 0.32rem;
  object-fit: contain;
  margin-right: 0.14rem;
}

.proPart2Phone > a {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.26rem;
  color: #1155a8;
}

.proMessageBox {
  width: 14rem;
  margin: 1rem auto 0;
  /* margin-top: 1rem; */
}

.proMessageTitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.28rem;
  color: #1c1c1c;
}

.ProMessageTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.proForm {
  width: 100%;
  margin-top: 0.43rem;
}

.ProMessageTop * {
  width: 2.57rem;
  height: 0.6rem;
  background: #f8f8f8;
  box-sizing: border-box;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  font-family: Arial;
  color: #333;
}

.slt {
  color: #989898;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}

.ProMessageTop input::placeholder,
.proMessageContent::placeholder {
  color: #989898;
}

.ProMessageTop::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.15rem;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #bfbfbf;
}

.slt option {
  color: #333;
}

.proMessageContent {
  font-family: Arial;
  width: 100%;
  margin-top: 0.2rem;
  height: 2.78rem;
  background: #f8f8f8;
  border: 0.01rem solid #f8f8f8;
  padding: 0.28rem 0.2rem;
}

.submit {
  width: 2.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-family: Arial;
  font-size: 0.18rem;
  color: #ffffff;
  background-color: #1155a8;
  display: block;
  margin-top: 0.2rem;
}

.proName {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.28rem;
  color: #000000;
  text-align: center;
  font-weight: 600;
}

.zl {
  font-family: Microsoft YaHei, Microsoft YaHei;
  margin-top: 0.4rem;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.3rem;
}

.proPart3List {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.65rem;
}
.proPart3List > li {
  width: 3.32rem;
  margin-left: 0.24rem;
  margin-bottom: 0.3rem;
}

.proPart3List > li:nth-child(4n + 1) {
  margin-left: 0;
}

.proPart3List > li > a {
  display: block;
}

.proPart3Img {
  width: 3.32rem;
  height: 2.8rem;
  overflow: hidden;
}
.proPart3Img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.6s;
}

.proPart3T1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  text-align: center;
  font-size: 0.16rem;
  color: #000000;
  margin-top: 0.15rem;
  transition: all 0.6s;
}

.proPart3List > li:hover img {
  transform: scale(1.1);
}

.proPart3List > li:hover .proPart3T1 {
  color: #1155a8;
}

.teImg {
  width: 6.2rem;
  height: 6.6rem;
  object-fit: cover;
  margin-top: 0.2rem;
  float: right;
  margin-left: 0.4rem;
}

.teTxt {
  width: 100%;
  margin-top: 0.4rem;
}

.teTxt > p {
  font-family: Arial;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.3rem;
}

.teList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.teList > li {
  width: 2.7rem;
  margin-left: 0.12rem;
}

.teList > li:first-child {
  margin-left: 0;
}

.teList > li > img {
  width: 100%;
  display: block;
}

.newsList {
  width: 100%;
}

.newsList > li {
  width: 100%;
  transition: all 0.6s;
}

.newsList > li > a {
  width: 100%;
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  transition: all 0.6s;
}
.newsImg {
  width: 2.64rem;
  height: 1.8rem;
  object-fit: cover;
}

.newsCenter {
  width: 8.4rem;
  /* margin-left: 0.4rem; */
}

.newsT1 {
  font-family: Arial;
  font-weight: bold;
  font-size: 0.2rem;
  color: #333333;
  transition: all 0.6s;
}

.newsT2 {
  font-family: Arial;
  font-weight: 400;
  font-size: 0.16rem;
  color: #757575;
  line-height: 0.28rem;
  margin-top: 0.22rem;
}

.newsBtn {
  display: flex;
  margin-top: 0.46rem;
  font-family: Arial;
  font-size: 0.16rem;
  color: #333333;
  align-items: center;
  transition: all 0.6s;
}

.newsBtn > img {
  width: 0.12rem;
  height: 0.12rem;
  filter: grayscale(100);
  margin-left: 0.06rem;
}
.newsTime {
  text-align: center;
  transition: all 0.6s;
  position: relative;
  z-index: 2;
  margin-left: 0.74rem;
  padding-right: 0.33rem;
}
.date {
  font-family: Arial;
  font-weight: bold;
  color: #757575;
  font-size: 0.6rem;
}

.year {
  font-family: Arial;
  font-size: 0.2rem;
  color: #757575;
  margin-top: 0.01rem;
}

.newsLine {
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: #dcdcdc;
  transition: all 0.6s;
}
.newsBg {
  width: 1.6rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.6s;
}
.newsBg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.newsList > li:hover {
  background-color: #f8f8f9;
  box-shadow: 0rem 0.03rem 0.08rem 0.01rem rgba(97, 93, 93, 0.22);
}

.newsList > li:hover a{
  padding-left: 0.2rem;
  padding-right: 0.05rem;
}

.newsList > li:hover .newsBg {
  opacity: 1;
}

.newsList > li:hover .newsTime > p {
  color: #fff;
}

.newsList > li:hover .newsT1,
.newsList > li:hover .newsBtn {
  color: #1155a8;
}

.newsList > li:hover .newsBtn > img {
  filter: none;
}

.newsList > li:hover .newsLine{
  opacity: 0;
}

.newsWrap {
  width: 100%;
  background-color: #fbfbfb;
  padding: 0.5rem 0 0.8rem;
}

.newsDetail {
  width: 13rem;
  margin: 0 auto;
}

.newsDetailTitle {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.28rem;
  color: #000000;
  text-align: center;
}

.newsDetailTime {
  display: flex;
  align-items: center;
  margin-top: 0.26rem;
  justify-content: center;
}
.newsDetailTime > img {
  width: 0.19rem;
  height: 0.19rem;
  object-fit: contain;
  margin-right: 0.08rem;
}

.newsDetailTime > span {
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: normal;
  font-size: 0.16rem;
  color: #888888;
}

.newsDetailLine {
  width: 100%;
  height: 1px;
  background-color: #d1d1d1;
  margin: 0.3rem auto;
}

.newsDetailConent {
  font-family: Arial;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.3rem;
}

.newsDetailConent  img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.newsDetailNav {
  width: 100%;
  display: flex;
  column-gap: 0.3rem;
}

.newsDetailPrev,
.newsDetailNext {
  width: 1.3rem;
  height: 0.45rem;
  background: rgba(17, 85, 168, 0);
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #1155a8;
  transition: all 0.6s;
}

.newsDetailNext > a,
.newsDetailPrev > a {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-family: Arial;
  font-size: 0.16rem;
  color: #1155a8;
  column-gap: 0.1rem;
}

.newsDetailPrev img {
  width: 0.22rem;
  transform: rotateY(-180deg);
}

.newsDetailNext img {
  width: 0.22rem;
}

.newsDetailNav > div:hover {
  background-color: #1155a8;
}

.newsDetailNav > div:hover > a {
  color: #fff;
}

.newsDetailNav > div:hover > a img {
  filter: brightness(100);
}

.videoList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.videoList > li {
  width: 6.8rem;
  height: 5.12rem;
  background: #ffffff;
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #c8c8c8;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.6s !important;
}

.videoList > li:hover{
  border: 0.01rem solid transparent;
  box-shadow: 0rem 0rem 0.11rem 0.01rem rgba(41,41,41,0.21);
}

.videoList > li:nth-child(2n) {
  margin-right: 0;
}

.videoPoster {
  width: 6rem;
  height: 3.48rem;
  overflow: hidden;
  position: relative;
}

.videoPoster > img:first-child {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.playerBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.6rem;
  height: 0.6rem;
  opacity: 0.6;
  transition: all 0.6s;
}

.videoTxt {
  width: 6rem;
  margin: 0.3rem auto 0;
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.2rem;
  color: #1e1e1e;
  line-height: 0.32rem;
  transition: all 0.6s;
}

.videoList > li:hover .playerBtn {
  opacity: 1;
}

.videoList > li:hover .videoTxt {
  color: #1155a8;
}

.videoBox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none;
}

.videoWrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.close {
  width: 50px;
  height: 50px;
  float: right;
  cursor: pointer;
}

.close svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
  fill: #fff;
}

.videoWrap video {
  width: 100%;
}

.suList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.suList > li {
  width: 3.2rem;
  height: 4rem;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
  background-image: url(/zgln/images/others/suimg1.png);
  background-size: cover;
  padding-left: 0.4rem;
  cursor: pointer;
  transition: all 0.6s !important;
  border-radius: 0.08rem;
  overflow: hidden;
}

.suList > li:nth-child(4n) {
  margin-right: 0;
}

.suLogo {
  width: 1.5rem;
  height: 0.3rem;
  display: block;
  margin-top: 0.32rem;
}

.suYear {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.22rem;
  color: #000000;
  margin-top: 0.45rem;
}

.suT1 {
  width: 2.4rem;
  height: 1.3rem;
  font-family: Arial, Arial;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.26rem;
  margin-top: 0.1rem;
}

.suDownload {
  margin-top: 0.12rem;
}

.suDownload img {
  width: 0.16rem;
  height: 0.16rem;
  filter: brightness(0);
  margin-right: 0.05rem;
}

.suDownload span {
  font-family: Arial;
  font-weight: 400;
  font-size: 0.14rem;
  color: #000000;
}

.suDownload:hover img {
  filter: none;
}

.suDownload:hover span {
  color: #1155a8;
  text-decoration: underline;
}

.suList > li:hover {
  box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(17, 85, 168, 0.3);
}

.contactList {
  width: 100%;
  margin: 0.5rem auto 0;
  display: flex;
}

.contactList > li {
  width: 3.26rem;
  height: 3.55rem;
  background: #ffffff;
  transition: all 0.6s;
  position: relative;
  margin-left: 0.32rem;
  overflow: hidden;
}

.contactList > li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 0.01rem solid #dbdbdb;
  box-sizing: border-box;
  transition: all 0.6s;
}

.contactList > li:hover{
  box-shadow: 0rem 0rem 0.11rem 0.01rem rgba(41,41,41,0.21);
}

.contactList > li:hover::before{
  opacity: 0;
}

.contactList > li:hover .contactIcon{
  background-color: #1155a8;
}

.contactList > li:hover .contactIcon>img{
  filter: brightness(100);
}

.contactList > li * {
  position: relative;
  z-index: 5;
}

.contactList > li:first-child {
  margin-left: 0;
}

.contactIcon {
  width: 0.76rem;
  height: 0.76rem;
  border: 1px solid #1155a8;
  border-radius: 50%;
  margin: 0.72rem auto 0;
  transition: all 0.6s;
}

.contactIcon > img {
  width: 100%;
  height: 100%;
  display: block;
}
.contactT1 {
  padding: 0 0.28rem;
  margin-top: 0.45rem;
  text-align: center;
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.2rem;
  color: #1e1e1e;
}

.contactT2 {
  font-family: Arial, Arial;
  font-size: 0.16rem;
  color: #666666;
  margin-top: 0.24rem;
  text-align: center;
  padding: 0 0.28rem;
  line-height: 0.3rem;
}

.contactT2 > a {
  color: #666;
  display: block;
}

.contactMap {
  width: 100%;
  height: 7rem;
  background: #ffffff;
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #dbdbdb;
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap.contactBg1 {
  background: linear-gradient(0deg, #fbfbfb 0%, #fbfbfb 62%, #ffffff 100%);
}

#mapBox {
  width: 13.4rem;
  height: 6.4rem;
}

.wrap.contactBg2 {
  background-image: url(/zgln/images/others/contactbg.png);
  background-size: cover;
}

.aboutTitle.white {
  color: #fff;
}

.contactDec {
  font-family: Arial, Arial;
  font-size: 0.18rem;
  color: #ffffff;
  text-align: center;
  margin-top: 0.35rem;
}

.contactIntBox {
  width: 100%;
  margin-top: 0.5rem;
}

.contactTop {
  display: flex;
  justify-content: space-between;
}

.intBox {
  position: relative;
  width: 3.35rem;
  height: 0.6rem;
}

.intBox > input {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  border: 0.01rem solid #c8c8c8;
  font-family: Arial;
  font-size: 0.14rem;
  display: block;
  padding-left: 0.23rem;
  color: #333;
}
.contactText > textarea::placeholder,
.intBox > input::placeholder {
  color: #c8c8c8;
}

.intBox > span {
  color: #ff4444;
  font-size: 0.18rem;
  position: absolute;
  left: 0.1rem;
  top: 50%;
  transform: translateY(-36%);
}

.intBox > input:not(:placeholder-shown) + span {
  display: none;
}

.intBox > img {
  position: absolute;
  width: 0.84rem;
  height: 0.34rem;
  object-fit: contain;
  right: 0.15rem;
  top: 50%;
  transform: translateY(-50%);
}

.contactText {
  width: 100%;
  margin-top: 0.3rem;
  position: relative;
}

.contactText > textarea {
  width: 100%;
  height: 2.2rem;
  background: #ffffff;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  border: 0.01rem solid #c8c8c8;
  padding: 0.2rem 0.28rem;
  font-family: Arial;
  font-size: 0.14rem;
  color: #333;
}

.contactText > textarea:not(:placeholder-shown) + span {
  display: none;
}

.contactText > span {
  color: #ff4444;
  font-size: 0.18rem;
  position: absolute;
  left: 0.15rem;
  top: 0.2rem;
}

.contactBtn{
  font-family: Arial;
  font-size: 0.18rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 0.6rem;
  background: #1155A8;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  margin: 0.32rem auto 0;
  transition: all 0.6s;
}

.contactBtn:hover{
  transform: scale(1.06) !important;
}

/* 招标采购 */
.baddingList {
  width: 14rem;
  margin: 0 auto;
}

.baddingList > li {
  width: 100%;
  margin-bottom: 0.22rem;
  height: 1.73rem;
  background: #f5f7fa;
  transition: all 0.6s;
}

.baddingList > li > a {
  width: 100%;
  height: 100%;
  padding: 0 0.5rem 0 0.39rem;
  align-items: center;
  justify-content: space-between;
}

.baddingLeft {
  width: 11.92rem;
}

.baddingT1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.22rem;
  color: #010101;
  transition: all 0.6s;
}

.baddingT2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  margin-top: 0.2rem;
  font-size: 0.16rem;
  color: #010101;
  line-height: 0.3rem;
}

.baddingList > li:hover {
  box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(17, 85, 168, 0.34);
  background-color: #fff;
}

.baddingList > li:hover .baddingT1 {
  color: #1155a8;
}

.baddingList > li:hover .infoPart2Time {
  background-color: #1155a8;
}

.baddingList > li:hover .infoPart2Time p {
  color: #fff;
}


/* 重要人事变动 */

.infoWrapPart2 {
  width: 14rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.infoWrapPart2 > li {
  width: 6.83rem;
  height: 2.46rem;
  background-color: #f5f7fa;
  margin-bottom: 0.24rem;
  margin-left: 0.34rem;
  box-sizing: border-box;
}

.infoWrapPart2 > li:nth-child(2n + 1) {
  margin-left: 0;
}

.infoWrapPart2 > li > a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0.38rem;
}

.infoPart2Time {
  width: 0.86rem;
  height: 0.86rem;
  border: 0.01rem solid #1155a8;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.6s;
}

.infoPart2Time > p:first-child {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.14rem;
  color: #1155a8;
  transition: all 0.6s;
}

.infoPart2Time > p:last-child {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.32rem;
  color: #1155a8;
  transition: all 0.6s;
  /* margin-top: ; */
}

.infoPart2Content {
  width: 4.86rem;
}

.infoPart2T1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.22rem;
  color: #010101;
}

.infoPart2T2 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #010101;
  line-height: 0.3rem;
  margin-top: 0.2rem;
}

.infoPart2Btn {
  width: 1.87rem;
  height: 0.45rem;
  border: 0.01rem solid #1155a8;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #1155a8;
  text-align: center;
  line-height: 0.45rem;
  margin-left: 2.99rem;
  margin-top: 0.28rem;
  position: relative;
}

.infoPart2Btn::after {
  content: "";
  background-color: #1155a8;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  transition: all 0.6s;
}

.infoPart2Btn span {
  position: relative;
  z-index: 10;
  transition: all 0.6s;
}

.infoWrapPart2 > li:hover .infoPart2Btn::after {
  width: 100%;
}

.infoWrapPart2 > li:hover .infoPart2Btn span {
  color: #fff;
}

.infoWrapPart2 > li:hover .infoPart2Time {
  background-color: #1155a8;
}

.infoWrapPart2 > li:hover .infoPart2Time p {
  color: #fff;
}

.wrapBetween {
  width: 14rem;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
.proPart1Right > h2 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
}

.richText {
  width: 100%;
  font-size: 14px;
}


.proPart1Right .newsList > li {
  width: 100%;
  margin-bottom: 0.3rem;
  height: 2.6rem;
  box-sizing: border-box;
  background-color: #f5f7fa;
  transition: all 0.6s;
}

.proPart1Right .newsList > li > a {
  width: 100%;
  height: 100%;
  padding: 0 0.35rem 0 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.proPart1Right .newsLeft {
  width: 9.3rem;
}

.proPart1Right .newsTime {
  display: flex;
  align-items: center;
  margin-top: 0.26rem;
  margin-left: 0;
}
.proPart1Right .newsTime > img {
  width: 0.19rem;
  height: 0.19rem;
  object-fit: contain;
  margin-right: 0.08rem;

}

.proPart1Right .newsTime > span {
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: normal;
  font-size: 0.16rem;
  color: #888888;
}

.proPart1Right .newsList > li:hover {
  background: #fff;
  box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 128, 208, 0.35);
}

.proPart1List.honor .proPart1Top {
  width: 100%;
  height: 3.58rem;
}
.proPart1List.honor > li{
  width: 2.5rem;
  margin-left: 0.26rem;
}
.proPart1List.honor > li:first-child,
.proPart1List.honor > li:nth-child(4n + 1)
{
  margin-left: 0;
}
.proPart1List.honor .proPart1Top .proPart1Img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1) !important;
}








@media screen and (max-width: 1043px){
    .wrap14{
        width: 94%;
    }
    .aboutImg,
    .teImg{
        width: auto;
        height: auto;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 0.4rem;
    }
    .aboutTxt div *,
    .aboutBottom > p,
    .aboutTxt1{
        font-size: 0.26rem;
        line-height: 1.8;
    }
    
    
    
    
     .aboutTop{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .aboutDec{
        width: 96%;
        margin-top: -1rem;
        padding: 0.4rem;
    }
    .aboutSwiper{
        width: 100%;
        height: auto;
        margin: 0;
    }
    .aboutTitle1{
        font-size: 0.32rem;
    }
    
    
    /*企业文化*/
    .aboutWhItem{
        width: 100%;
        flex-wrap: wrap;
    }
    .aboutWhImg,
    .aboutWhContent{
        width: 100%;
        height: auto;
    }
    .aboutWhContent{
        padding-bottom: 0.2rem;
    }
    .aboutWhT2{
        font-size: 0.26rem;
        line-height: 1.6;
    }
    .aboutWhT2 span{
       text-wrap-mode: wrap !important;
    }
    
    
    
    
    /*联系我们*/
    .aboutMain{
        width: 94%;
    }
    .aboutLxTitle{
        font-size: 0.32rem;
    }
    .aboutMap{
        flex-wrap: wrap;
    }
    .aboutMapLeft{
        margin-left: 0;
        width: 100%;
        height: auto;
        padding-top: 0.6rem;
    }
    .homePart7List > div > p:first-child{
        font-size: 0.22rem;
    }
    .homePart7List > div > p:last-child{
        font-size: 0.28rem;
    }
    .aboutMapWrap{
        width: 100%;
        height: 6rem;
        background-size: cover;
    }
    .aboutLxBottom{
        width: 100%;
        gap: 0.2rem;
    }
    .aboutLxBottom > li{
        width: calc(50% - 0.1rem);
        margin: 0;
    }
    
    .aboutLxT1{
        font-size: 0.26rem;
    }
    .infoPart1Jg{
        width: 100%;
    }
    
    
    /*信息公开*/
    .wrapBetween{
        width: 100%;
        flex-wrap: wrap;
    }
    .infoPart1Left{
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .infoPart1Title{
        width: auto;
        font-size: 0.3rem;
        white-space: nowrap;
        padding: 0.26rem 0.2rem;
        position: relative;
    }
    .infoPart1Title:before{
        content: "";
        position: absolute;
        width: 8px;
        transform: rotate(0deg);
        height: 14px;
        right: 0.4rem;
        background: url(../images/proarr.png) center no-repeat;
        background-size: contain;
        transition: all 0.5s;
    }
    .infoPart1Title.act:before{
        transform: rotate(90deg);
    }
    .infoPart1List{
        display: none;
        padding-bottom: 0;
    }
    .infoPart1List > li > a{
        font-size: 0.26rem;
        text-align: left;
    }
    .infoPart1List > li .infolevel2 > a, .infoPart1List > li .infolevel3 > a{
        font-size: 0.26rem;
        text-align: left;
    }
    .infoPart1Photo{
        width: 100%;
        gap: 0.26rem;
    }
    .infoPart1Photo > li{
        width: calc(50% - 0.13rem);
        margin: 0;
    }
    .infoPart1Name{
        font-size: 0.26rem;
    }
    .infoPart1Pos{
        font-size: 0.22rem;
    }
    .infoPart1Xx{
        width: 100%;
    }
    .infoPart1Jg > p,
    .infoPart1XxT1{
        font-size: 0.36rem;
    }
    .infoPart1XxT2{
        font-size: 0.26rem;
        line-height: 1.8;
    }
    
    
    
    /*人事变动*/
    .infoWrapPart2{
        width: 100%;
    }
    .infoWrapPart2 > li{
        width: 100%;
        margin-left: 0;
        height: auto;
    }
    
    .infoPart2Time{
        width: 1rem;
        height: 1rem;
    }
    .infoPart2Time > p:first-child{
        font-size: 0.22rem;
    }
    .infoPart2Time > p:last-child{
        font-size: 0.36rem;
    }
    .infoPart2T1{
        font-size: 0.28rem;
    }
    .infoPart2T2{
        font-size: 0.22rem;
        line-height: 1.8;
    }
    .infoPart2Btn{
        font-size: 0.22rem;
    }
    .newsContent{
        width: 100%;
    }
    .newsTitle{
        font-size: 0.32rem;
    }
    .newsTime > span{
        font-size: 0.22rem;
    }
    .newsTxt p,
    .newsTxt p *{
        font-size: 0.26rem;
        line-height: 1.8;
    }
    .newsTxt img{
        max-width: 100% !important;
        height: auto !important;
    }
    .newsPrev, .newsNext{
        width: 100%;
        height: auto;
        font-size: 0.26rem;
        text-align: left;
        margin-bottom: 0.2rem;
    }
    
    
    

    /*重大事项*/
    .infoPart3Title,
    .infoPart4Title{
        font-size: 0.36rem;
    }
    .infoPart3Content,
    .infoPart3Content *,
    .infoPart4Content > p,
    .infoPart4Content *{
        font-size: 0.26rem;
    }
    
    .infoPart4Right{
        width: 100%;
    }
    .infoPart4Sh,
    .suList{
        gap: 0.2rem;
        margin-top: 0.4rem;
    }
    .infoPart4Sh > li,
    .suList > li{
        width: calc(50% - 0.1rem);
        height: auto;
        min-height: 4.5rem;
        margin: 0;
        padding: 0.4rem;
    }
    .infoPart4Logo,
    .suLogo{
        width: auto;
        height: 0.4rem;
    }
    .infoPart4Year,
    .suYear{
        font-size: 0.3rem;
        margin-top: 0.2rem;
    }
    .infoPart4Bg,
    .suT1{
        width: 100%;
        font-size: 0.22rem;
        line-height: 1.6;
    }
    .infoPart4Btn > a,
    .suDownload > a{
        font-size: 0.2rem;
    }
    .infoPart4Btn > a > img,
    .suDownload > a > img{
        width: 0.26rem;
        height: 0.26rem;
        object-fit: contain;
    }
    
    
    
    
    
    /*新闻中心*/
   .newsList,
   .newsDetail {
        width: 100%;
    }
    .newsList > li{
        height: auto;
    }
    .newsList > li > a{
        /*flex-direction: column-reverse;*/
        padding: 0;
        flex-wrap: wrap;
        margin-bottom: 0.6rem;
    }
    .newsLine{
        display: none;
    }
    .newsLeft{
        width: 100%;
        padding: 0 0.3rem 0.3rem;
        box-sizing: border-box;
    }
    .newsT1{
        font-size: 0.28rem;
    }
    .newsT2{
        font-size: 0.22rem;
        line-height: 1.8;
    }
    .newsImg,
    .newsCenter{
        width: 100%;
        height: auto;
    }
    
    .newsDetailTitle,
    .newsT1{
        font-size: 0.3rem;
        line-height: 1.5;
    }
    .newsDetailTime > span{
        font-size: 0.24rem;
    }
    .newsBtn{
        font-size: 0.22rem;
        margin-top: 0.16rem;
    }
    .newsTime{
        position: absolute;
        top: 0.2rem;
        margin: 0;
        padding: 0;
        right: 0.2rem;
    }
    .date{
        color: #fff;
        text-shadow: #000 1px 1px 0;
    }
    .year{
        color: #fff;
        text-shadow: #000 1px 1px 0px;
        font-size: 0.24rem;
    }
    
    .newsDetailConent,
    .newsDetailConent p,
    .newsDetailConent *{
        font-size: 0.26rem;
        line-height: 1.8;
    }
    .newsDetailConent img{
        width: auto;
        max-width: 100%;
        height: auto !important;
    }
    
    
    
    
    
    
    
    /*企业视频*/
     /*企业视频*/
    .videoList{
        width: 100%;
        gap: 0.2rem;
    }
    
    .videoList > li{
        width: calc(50% - 0.1rem);
        margin: 0;
        height: auto;
        overflow: hidden;
    }
    .videoPoster{
        width: 100%;
        height: 2rem;
    }
    .videoBottom > p{
        font-size: 0.24rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        white-space: normal;
        height: 0.7rem;
        line-height: 1.6;
    }
    .videoWrap{
        width: 94%;
    }
    .close{
        width: 0.5rem;
        height: 0.5rem;
    }
    .videoTxt{
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        margin: 0.2rem 0;
    }
    
    
    
    
    
    
    
    
    
    
    

    
    /*党建活动*/
    .djList{
        width: 100%;
    }
    .djList > li{
        width: 100%;
        margin-left: 0;
    }
    .djTime{
        width: 1rem;
        height: 1rem;
    }
    .djTime > p:first-child{
        font-size: 0.22rem;
    }
    .djTime > p:last-child{
        font-size: 0.36rem;
    }
    .djTitle{
        font-size: 0.24rem;
        line-height: 1.6;
        width: calc(100% - 1.8rem);
    }
    
    
    
    
    /*科技创新*/
    .teTitle{
        font-size: 0.36rem;
    }
    .teContent > p{
        font-size: 0.26rem;
        line-height: 1.8;
    }
    .teContent img{
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    
    
    
    
    /*产品与服务*/
    .crumbsSwiper a{
        font-size: 0.22rem;
    }
    .proPart1List{
        gap: 0.3rem;
    }
    .proPart1List > li{
        width: calc(50% - 0.15rem) !important;
        margin-left: 0 !important;
    }
    .proPart1Top,
    .proPart1Img{
        width: 100%;
        height: 100%;
        padding: 0.1rem;
    }
    .proPart1List.honor .proPart1Top{
        height: 4.6rem;
    }
    .proPart1T1{
        font-size: 0.26rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal !important;
    }
    
    
    
    
    
    
    
    
    .proPart1Right>h2,
    .proName,
    .invTzTitle{
        font-size: 0.36rem;
    }
    .proPart1Right{
        width: 100%;
    }
    .richText p,
    .richText p span{
        font-size: 0.26rem;
    }
    .zl,
    .zl p,
    .zl span,
    .zl *,
    .invTzContent p,
    .invTzContent *{
        font-size: 0.26rem;
        text-wrap-mode: initial !important;
        line-height: 1.8;
    }
    .zl img{
        max-width: 100% !important;
        height: auto !important;
    }
    
    
    
    
    
    /*检测技术*/
    .baddingList{
        width: 100%;
    }
    .baddingList > li{
        height: auto;
        display: flex;
        align-items: center;
        padding: 0.3rem 0;
    }
    .baddingLeft{
        width: calc(100% - 1.3rem);
    }
    .baddingT1{
        font-size: 0.26rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal !important;
    }
    .baddingT2{
        font-size: 0.22rem;
        line-height: 1.6;
    }
    
    
    
    .invTab > li{
        height: 0.56rem;
        font-size: 0.26rem;
        line-height: 0.56rem;
    }
    
    .invContent{
        width: calc(100% - 0.4rem);
    }
    .invContent > a{
        justify-content: space-between;
    }
     .invTime{
        width: 0.8rem;
        height: 0.8rem;
        row-gap: 0.1rem;
    }
    .invTime > p{
        font-size: 0.26rem;
    }
    .invTime > p:last-child{
        font-size: 0.22rem;
    }
    .invTitle{
        width: calc(100% - 1.8rem);
        font-size: 0.26rem;
    }
    .invBtn{
        width: 0.6rem;
        height: 0.3rem;
    }
    
    
    
    
    
    
    
    
    /*股票信息*/
     .HomePart5Box{
        width: 100%;
        padding: 1rem 0;
    }
    .homePart5Main{
        width: 94%;
        margin: 0.5rem auto 0;
    }
    .HomePart5Box .title{
        padding-left: 0;
        width: 94%;
        margin: 0 auto;
    }
    .homePart5Top{
        padding: 0.2rem;
    }
    .homePart5Nav > p,
    .homePart5Nav > ul > li,
    .homePart5Time,
    .homePart5RiseNum, .homePart5DealNum,
    .homePart5Table td{
        font-size: 0.2rem;
        width: auto;
        height: auto;
        padding: 0 0.05rem;
    }
    .homePart5Table th{
        font-size: 0.22rem;
    }
    
    
    
    /*搜索*/
     .searchBox{
        height: 0.6rem;
        border-radius: 0.3rem;
    }
    .searchBox > button{
        height: calc(100% + 0.02rem);
        border-radius: 0.3rem;
        top: -0.01rem;
    }
    .searchBox > input{
        font-size: 0.22rem;
    }
    
    
    
    
    .searchTip{
        font-size: 0.32rem;
    }
    .searchList > li{
        height: auto;
    }
    .searchList > li > a{
        flex-direction: column-reverse;
        padding: 0;
    }
    .searchImg{
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .searchImg img{
        width: 100%;
        height: auto;
    }
    .searchTxtBox{
        width: 100%;
        padding: 0 0.3rem 0.3rem;
    }
    .searchTitle{
        font-size: 0.28rem;
    }
    .searchT2{
        font-size: 0.22rem;
        line-height: 1.6;
    }
    
    
    
    .teList{
        gap: 0.2rem;
    }
    .teList > li{
        width: calc(50% - 0.1rem);
        margin: 0;
    }
    
    
    
    
    
    
    
    .contactList{
        flex-wrap: wrap;
        gap: 0.2rem;
    }
    .contactList > li{
        width: calc(50% - 0.1rem);
        margin: 0 auto;
    }
    .contactT1{
        font-size: 0.28rem;
    }
    .contactT2{
        font-size: 0.22rem;
    }
    
    
    
    .contactMap{
        height: auto;
        min-height: 6rem;
    }
    
    
    
    .contactDec{
        font-size: 0.22rem;
    }
    .contactTop{
        flex-wrap: wrap;
        gap: 0.2rem;
    }
    .intBox{
        width: calc(50% - 0.1rem);
    }
    .intBox > input,
    .contactText > textarea{
        font-size: 0.24rem;
    }
    .intBox > img{
        width: 1rem;
        height: 0.4rem;
    }
    
    
    
    
    
    
    
    
    
    
    /*产品详情*/
    .proPart2Top{
        width: 100%;
        flex-wrap: wrap;
    }
    .ProPart2Left{
        margin: 0 auto 0.6rem;
    }
    .proPart2Right{
        width: 100%;
    }
    .proPart2T1{
        font-size: 0.32rem;
    }
    .proPart2Dec,
    .proPart2Cate{
        font-size: 0.26rem;
    }
    .proPart2Phone > a{
        font-size: 0.3rem;
    }
    
    .proMessageBox{
        width: 100%;
    }
    .proMessageBox p,
    .proMessageBox *{
        font-size: 0.26rem;
        line-height:1.6;
    }
    .proMessageBox img{
        width: auto;
        max-width: 100%;
        height: auto !important;
        display: inline;
    }

    .proMessageBox td,
    .proMessageBox td *{
        width: auto !important;
        white-space: normal !important;
        font-size: 0.25rem !important;
        line-height: 1.6 !important;
    }
    .proMessageBox table{
        width: 100% !important;
        overflow-x: auto;
        display: block;
    }
    
    
    .proMessageTitle{
        font-size: 0.36rem !important;
    }
    .ProMessageTop{
        flex-wrap: wrap;
        row-gap: 0.1rem;
    }
    
    .ProMessageTop input{
        width: 48%;
    }
    .ProMessageTop select{
        width: 100%;
    }
    .ProMessageTop::after{
        top: 85%;
    }
}