/*公共样式*/
.keepCenter {
  margin: 0 auto;
}
.title1-bold {
  color: #000;
  font-size: 32px;
  font-weight: bold;
  font-family: 'CN';
}
.title1-normal {
  color: #000;
  font-size: 32px;
  font-weight: normal;
  font-family: 'CN';
}
.font-screen {
  font-size: 20px;
  font-weight: normal;
  line-height: 36px;
  font-family: '思源黑体';
}
.screen-main div {
  text-align: center;
}
/* 2025-3-24增加新产品详情页样式 */
.ss-drview1 {
  padding: 3% 0;
}
.ss-drview1 .ss-drview1-top {
  display: flex;
  justify-content: space-between;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-l {
  width: 45%;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-l .gallery-top .swiper-slide {
  width: 484px;
  height: 484px;
  border: 1px #ebeef5 solid;
  background-color: #fff;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-l .gallery-top .swiper-slide img {
  width: 484px;
  height: 484px;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-l .gallery-thumbs .swiper-slide {
  margin-top: 2%;
  width: 32%;
  height: 32%;
  border: 1px #ebeef5 solid;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-l .gallery-thumbs .swiper-slide img {
  width: 171px;
  height: 171px;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-l .gallery-thumbs .swiper-slide-thumb-active {
  border: 1px solid red;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r {
  display: flex;
  flex-direction: column;
  /* 设置主轴为垂直方向 */
  justify-content: space-between;
  /* 使子元素分布在容器的两端 */
  width: 60%;
  padding-left: 3%;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .top {
  width: 100%;
  align-self: flex-start;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .top h3 {
  font-size: 18px;
  color: "#333333";
  line-height: 3;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .top div {
  margin: 2% 0;
  height: 1px;
  background-color: #e4e4e4;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .top p {
  font-size: 16px;
  color: #828282;
  line-height: 2;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom h4 {
  font-size: 16px;
  line-height: 4;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom ul {
  display: flex;
  justify-content: flex-start;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom ul li {
  width: 88px;
  margin-right: 2%;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom ul li img {
  width: 100%;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom .contact {
  margin: 10% 0;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom .contact .tou1 {
  background-color: #d71e1e;
  border-radius: 22px;
  color: #fff;
  padding: 2% 6%;
  margin-right: 5%;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom .contact .tou2 {
  font-size: 14px;
  line-height: 22px;
  color: #4c4c4c;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom .contact .tou2 img {
  margin-right: 2%;
}
.ss-drview1 .ss-drview1-top .ss-drview1-top-r .bottom .contact .tou2 i {
  font-size: 16px;
  font-weight: bold;
}
.shadow-box {
  position: relative;
  width: 100%;
  height: 25px;
  background-color: #ffffff;
}
.shadow-box::after {
  content: '';
  position: absolute;
  bottom: -6px;
  /* 将伪元素放置在底部 */
  left: 0;
  width: 100%;
  /* 宽度与父元素相同 */
  height: 6px;
  /* 设置高度为模糊半径的值 */
  background: rgba(63, 63, 63, 0.08);
  /* 阴影颜色 */
  filter: blur(6px);
  /* 模糊效果 */
  z-index: -1;
  /* 放置在父元素后面 */
}
.newcontent {
  background-color: #f5f5f5;
  padding: 3% 0;
}
.newcontent .box {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
}
.newcontent .box .left,
.newcontent .box .right {
  background-color: #fff;
}
.newcontent .box .left {
  width: 70%;
  padding: 0 2%;
}
.newcontent .box .left .swiper-wrapper {
  border-bottom: 1px #f5f5f5 solid;
  justify-content: flex-start;
}
.newcontent .box .left .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  padding: 3% 0;
  cursor: pointer;
  /*header部分*/
  /*进口高精度传感器*/
  /*1200m远距传输*/
  /*多种检测方式检测*/
  /*云端数据海量储存*/
  /*大批量集中无线传输*/
  /*分散星型自组网传输*/
  /*多重报警*/
  /*6重防护*/
  /*三种安装方式*/
  /*精美外观设计*/
}
.newcontent .box .left .swiper-wrapper .swiper-slide span {
  padding: 15% 0;
}
.newcontent .box .left .swiper-wrapper .swiper-slide h3 {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  padding-bottom: 10px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .Content {
  width: 100%;
  text-align: center;
  margin-bottom: 66px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .product-title {
  font-size: 48px;
  font-family: 'CN';
  font-weight: bold;
  margin-bottom: 42px;
  padding-top: 62px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .Content table {
  width: 100%;
  margin: 0 auto;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .Content table tr {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .Content table td {
  text-align: left;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .Content table tr td:nth-child(1),
.newcontent .box .left .swiper-wrapper .swiper-slide .Content table tr td:nth-child(3) {
  font-weight: bold;
  width: 80px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .zzkk {
  width: 100%;
  height: 758px;
  background: url(../19_10_15dr-details/images/DR/aa.jpg) repeat-x;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .keepCenter {
  margin: 0 auto;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .header-title {
  width: 100%;
  text-align: center;
  padding-top: 64px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .header-title span {
  color: #fff;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .header-title2 {
  width: 262px;
  height: 42px;
  text-align: center;
  background: #00b2f4;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  margin: 17px auto;
  border-radius: 21px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .nav {
  text-align: center;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .nav,
.newcontent .box .left .swiper-wrapper .swiper-slide .nav a {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  font-family: '思源黑体';
}
.newcontent .box .left .swiper-wrapper .swiper-slide .big-img {
  /* width: 1100px; */
  margin-top: 20px;
  text-align: center;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq {
  height: 790px;
  padding: 4% 2% 0;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq-title {
  margin-bottom: 22px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq-bottom-left {
  width: 48%;
  height: 600px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq-bottom-title {
  width: 244px;
  height: 42px;
  font-size: 24px;
  color: #fff;
  border-radius: 21px;
  background: #00b2f4;
  margin: 0 auto;
  margin-top: 152px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq-content {
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 22px;
  font-size: 24px;
  font-weight: normal;
  font-family: '思源黑体';
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq-content-im {
  padding-left: 25px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq-bottom > div {
  float: left;
  width: 46%;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq-bottom-right {
  margin-left: 50px;
  margin-top: 20px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .cgq-bottom > div::after {
  display: block;
  content: '';
  clear: both;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .yjcs {
  height: 893px;
  background: url(../19_10_15dr-details/images/DR/yjcs_bg.jpg) repeat-x;
  color: #fff;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .yjcs-title {
  padding-top: 52px;
  padding-bottom: 29px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .yjcs-title span {
  color: #fff;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .yjcs-img {
  margin-top: 36px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jc .jianc1 {
  display: flex;
  align-items: center;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jc .jianc1 .jc-left {
  width: 60%;
  height: 600px;
  padding-left: 20px;
  float: left;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jc .jianc1 .jc-left .jc-title {
  margin-top: 100px;
  margin-bottom: 28px;
  text-align: left !important;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jc .jianc1 .jc-left .jc-content {
  font-size: 20px;
  line-height: 36px;
  font-weight: normal;
  font-family: '思源黑体';
  text-align: left !important;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jc .jianc1 .jc-left .jc-left-img {
  margin-left: -90px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jc .jianc1 .jc-left .jc-left-middle-title {
  width: 162px;
  height: 32px;
  line-height: 30px;
  background: #00b2f4;
  border-radius: 21px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-top: 24px;
  margin-bottom: 20px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jc .jianc1 .jc-img1 {
  width: 40%;
  padding: 3% 3%;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .ydsj {
  height: 893px;
  background: url(../19_10_15dr-details/images/DR/ydsj_bg.jpg) repeat-x;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .ydsj-title {
  padding-top: 60px;
  padding-bottom: 36px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .ydsj-img {
  margin-top: 14px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .wxcs {
  height: 566px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .wxcs-title {
  padding-top: 4%;
  padding-bottom: 32px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .zzwcs {
  padding: 3% 0;
  background: url(../19_10_15dr-details/images/DR/zzwcs_bg.jpg) repeat-x;
  color: #fff;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .zzwcs-title span {
  color: #fff;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .zwcs-img {
  margin-top: 60px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .dcbj {
  height: 1000px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .dcbj-title {
  padding-top: 4%;
  padding-bottom: 30px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .dcbj-img {
  margin-top: 14px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .fh {
  height: 922px;
  background: url(../19_10_15dr-details/images/DR/fh_bg.jpg) repeat-x;
  color: #fff;
  position: relative;
  padding: 0 2%;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .fh-title {
  padding-top: 60px;
  padding-bottom: 22px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .fh-title span {
  color: #fff;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .fh-middle-title {
  width: 370px;
  height: 42px;
  border-radius: 21px;
  background: #00b2f4;
  font-size: 24px;
  font-weight: 400;
  line-height: 42px;
  margin-bottom: 18px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .fh-img {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -510px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .azfs {
  height: 980px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .azfs-title {
  padding-top: 72px;
  padding-bottom: 36px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .azfs-img {
  margin-top: 6px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jmwg {
  height: 891px;
  background: url(../19_10_15dr-details/images/DR/jmsj_bg.jpg) repeat-x;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jmwg-title {
  padding-top: 50px;
  line-height: 28px;
  padding-bottom: 14px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jmwg-right-content-title {
  text-align: left !important;
  font-size: 24px;
  line-height: 28px;
  height: 35px;
  font-weight: bold;
  font-family: '思源黑体';
  margin-top: 30px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jmwg-right-bottom-content {
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  text-align: left !important;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jmwg-left,
.newcontent .box .left .swiper-wrapper .swiper-slide .jmwg-right {
  float: left;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jmwg-right {
  margin-left: 40px;
  margin-top: 350px;
  width: 33%;
}
.newcontent .box .left .swiper-wrapper .swiper-slide .jmwg-left {
  margin-top: 20px;
}
.newcontent .box .left .swiper-wrapper .swiper-slide-thumb-active span {
  border-bottom: 3px solid red;
}
.newcontent .box .right {
  width: 26%;
}
.newcontent .box .right .top h4 {
  padding: 0 4%;
  font-size: 16px;
  border-bottom: 1px #f5f5f5 solid;
  color: red;
}
.newcontent .box .right .top h4 span {
  display: inline-block;
  padding: 24px 16PX;
  border-bottom: 3px solid red;
}
.newcontent .box .right .cent {
  background-color: #f5f5f5;
  height: 20px;
}
.newcontent .box .right .top-pro .news li {
  width: 100% !important;
  margin: 1% 0;
  text-align: left;
  padding: 0 3%;
}
.newcontent .box .right .top-pro .news li h5 {
  text-align: left;
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* 限制为两行 */
  overflow: hidden;
  text-overflow: ellipsis;
  color: #464646;
}
.newcontent .box .right .top-pro .news li p {
  text-align: left !important;
  line-height: 1.5;
}
.newcontent .box .right .top-pro ul {
  padding-top: 6%;
}
.newcontent .box .right .top-pro ul li {
  width: 196px;
  text-align: center;
  margin: 3% auto;
}
.newcontent .box .right .top-pro ul li img {
  width: 100%;
}
.newcontent .box .right .top-pro ul li p {
  font-size: 14px;
  line-height: 2;
  padding: 5% 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* 限制为两行 */
  overflow: hidden;
  text-overflow: ellipsis;
  color: #909090;
}
.message {
  background: url(../images/mess-bg.jpg) left top no-repeat;
  padding: 3% 0;
}
.message .box {
  display: flex;
  justify-content: space-between;
}
.message .box .logo h4 {
  font-size: 38px;
  line-height: 1.6;
  letter-spacing: 0px;
  font-weight: bold;
  margin-top: 5%;
}
.message .box .logo p {
  font-size: 22px;
}
.message .box .logo .line {
  font-size: 22px;
  line-height: 3;
}
.message .box .logo .line i {
  font-size: 30px;
  color: #d71e1e;
  font-weight: bold;
}
.message .box form {
  width: 65%;
}
.message .box form h4 {
  font-size: 20px;
  line-height: 2;
  padding-left: 2%;
}
.message .box form .ly_div {
  width: 30.5%;
  float: left;
  margin-left: 2%;
}
.message .box form .ly_div input {
  height: 48px;
  width: 231px;
  padding: 0 2%;
}
.message .box form .ly_box,
.message .box form textarea {
  margin-top: 3%;
  width: 740px;
  min-height: 150px;
  padding: 2% 0 0 2%;
}
.message .box form .ly_bot {
  margin-left: 2%;
  margin-top: 3%;
}
.message .box form .ly_bot input {
  width: 164px;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .ss-drview1 .ss-drview1-top {
    flex-wrap: wrap;
  }
  .ss-drview1 .ss-drview1-top .ss-drview1-top-l,
  .ss-drview1 .ss-drview1-top .ss-drview1-top-r {
    width: 100%;
  }
}