html,
body {
  position: relative;
  height: auto;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  background: #efefed;
  position: relative;
}

a {
  text-decoration: none;
  color: #000;
}

.rel {
  position: relative;
}

.ab {
  position: absolute;
}

.disable {
  pointer-events: none
}

.fitbg {
  width: 100%;
  height: 1240px;
  background: #dadada;
  z-index: 1;
  top: 0px;
}

.container {
  /* width: 1003px; */
  width: 100%;
  margin: 0 auto;
  z-index: 2;
}

/* banner */
.swiper-container_f {
  width: 100%;
  position: relative;
  height: auto;

}

.swiper-container_f .nomoive_bg {
  width: 100%;
  height: 75px;
  background: #dadada;
  position: absolute;
  bottom: 0px;
  left: 0px;

}

.banner_box {
  width: 100%;
  /* height: 718px; */
  height: auto !important;
  z-index: 2;
  max-width: 1920px;
  min-width: 1024px;
  margin: 0 auto;
  /* padding-bottom: 75px; */
  overflow: hidden;
}

.banner_box .swiper-wrapper {
  height: auto !important;
}

.banner_box .swiper-slide {
  height: auto !important;
}

.banner_cntitem01,
.banner_cntitem02 {
  width: 100%;
  height: 100%;
  display: none;
  transform-origin: left top;
}

.slide_item {
  width: 100%;
  height: 100%;
}

.slide_itemimg {
  width: 100%;
  /* height: 642px; */
  position: relative;
}

.slide_itemimg.show {
  display: block;
}

.slide_itemimg.none {
  display: none;
}

.banner_center {
  margin: auto;
  height: 100%;
  width: 1002px;
  position: relative;
}

.banner_cnt {
  width: 546px;
  height: 792px;
  left: 0px;
  top: 0px;
  z-index: 9;
  /* pointer-events: none; */
}

.banner_cntbg {
  width: 546px;
  height: 730px;
  left: 0px;
  top: 0px;
  transform-origin: left top;
  display: none;
  background: #6db328 no-repeat;
  /* mix-blend-mode: multiply; */
  z-index: 8;
}

.banner_cnttitle {
  font-weight: bolder;
  font-size: 32px;
  color: #fff;
  top: 100px;
  left: 40px;
}

.banner_cnttitle div {
  height: 50px;
  /* line-height: 50px; */
}

.banner_cnttext {
  width: 452px;
  top: 190px;
  left: 40px;
  color: #fff;
  /* line-height: 30px; */
  font-size: 24px;
  font-weight: 500;
  max-height: 500px;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
}

.banner_cnttext ul li {
  /* line-height: 40px; */
  margin: 0px 0 28px;
  background: url(/uploads/image/tspnimages/list_point.png) 0px 12px no-repeat;
  padding-left: 23px;
}

.customstyle {
  width: 452px;
  /* left: 40px; */
  font-size: 26px;
  top: 187px;

}

.customtop {
  /* top: 140px; */
  /* font-size: 28px; */
  font-weight: bolder;
}

#banner_box {
  float: none;
  padding-bottom: 72px;
}

#banner_pagination .swiper-pagination-switch {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: #acca57;
  opacity: 1;
  border-radius: 50%;
  border: none;
}

#banner_pagination .swiper-active-switch {
  display: inline-block;
  width: 31px;
  height: 31px;
  box-sizing: border-box;
  border: 3px solid #acca57;
  background: #efefed;
  border-radius: 50%;
}

#banner_pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  left: 360px !important;
  bottom: 20px !important;
}




/*  20rf 振动锤 */

.video_box {
  width: 1002px;
  /* height: 685px; */
  padding-top: 44px;
  box-sizing: border-box;
  cursor: pointer;
  margin: auto;
}

#video_box #video_button_next {
  right: 0px;
  height: 88%;
  top: 56px;
  width: 218px;
  opacity: 0;
}

#video_box #video_button_prev {
  left: 0px;
  right: auto;
  height: 88%;
  top: 56px;
  width: 218px;
  opacity: 0;
}

#video_box .swiper-wrapper {
  padding: 0;
}

#video_box {
  height: 340px;
  float: none;
  width: auto;
}

.video_img {
  cursor: pointer;
  width: 534px;
  height: 300px;
}

#video_box .swiper-slide-active,
#video_box .swiper-slide-duplicate-active {
  transform: scale(1);
  z-index: 9;
  opacity: 1;
}

#video_box .swiper-slide-prev {
  transform: scale(0.75);
  opacity: 0.95;
}

#video_box .swiper-slide-next {
  transform: scale(0.75);
  opacity: 0.95;
  z-index: 1;
}

#video_box .swiper-slide img {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  width: 535px;
  height: 308px;
}

#video_box .swiper-slide .video_item {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  width: 535px;
  height: 308px;
}

.video_titlebox {
  width: 100%;
  text-align: center;
  color: #000;
}

.video_title01 {
  font-size: 28px;
}

.video_titlebox .video_title01 {
  height: 51px;
  position: relative;
  margin-bottom: 30px;
  color: #000;
}

.video_titlebox .video_title01 .video_titleline {
  width: 83px;
  height: 5px;
  background: #b5ca77;
  bottom: 0px;
  left: 459.5px;
}

.video_title02 {
  font-size: 18px;
  text-align: center;
  margin: 0px auto 17px auto;
  color: #000;
  width: 534px;
  font-weight: bolder;
}

.video_btmtext {
  width: 534px;
  margin: 0px auto 47px;
  /* margin: 50px auto 0; */
  /* -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis; */
  overflow: hidden;
  font-size: 16px;
  /* position: absolute;
    top: 536px;
    left: 184.5px; */
  text-align: center;
  /* height: 178px; */
  color: #8c8c8c;

  text-align: justify;
  text-justify: inter-ideograph;
}

.text_center{
  text-align: center;
}

.video_btmtext span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 645px;
  /* text-align: justify; */
  /* -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis; */

}

.video_cnt {
  width: 1003px;
  /* height: 707px; */
  background: #000;
  top: 20px;
  left: 0px;
  z-index: 9;
  display: none;
  padding-bottom: 20px;
}

.video_close {
  width: 1003px;
  height: 30px;
  background: url(/uploads/image/tspnimages/video_close.png) no-repeat;
  cursor: pointer;
  height: 63px;
  background-position: 954px;
}

.video_vbox {
  width: 968px;
  height: 545px;
  margin: 0 auto;
}

.video_vtext {
  top: 627px;
  left: 18px;
  width: 968px;
  line-height: 22px;
  font-size: 15px;
  color: #fff;
  margin: 24px auto 0px;
}

.relevant_box,
.product_cont {
  background: #dadada;
}

/* 案例 */

.demo_box {
  width: 1003px;
  height: 574px;
  padding-top: 44px;
  margin: auto;
}

.demo_title {
  font-size: 28px;
  margin: 0 auto;
  width: 300px;
  text-align: center;
  height: 48px;
  color: #000;
}

.demo_titleline {
  width: 83px;
  height: 5px;
  background: #b5ca77;
  bottom: 0px;
  left: 108px;
}

.demo_swiperbox {
  width: 100%;
  height: 478px;
}

#demo_box {
  margin-top: 40px;
  height: 410px;
  width: 100%;
  float: none;
}

#demo_box .swiper-slide {
  display: flex;
  justify-content: space-around;
  margin: 0 12px;
}

.demo_listitem {
  width: 310px;
  height: 406px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.demo_listitem img {
  width: 310px;
  height: 220px;
}

.demo_itemtextbox {
  width: 310px;
  height: 170px;
  /* border-bottom: 2px solid #ccc; */
  box-sizing: border-box;
  font-size: 15px;
  text-align: justify;
  text-justify: inter-ideograph;

}

.demo_itemtitle {
  width: 280px;
  text-align: center;
  margin: 12px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.demo_itemtitle a {
  color: #000;
  font-size: 18px;
}

.demo_itemtext {
  width: 280px;
  height: 106px;
  margin: 17px auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  font-size: 16px;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #bbb;

  line-height: 20px;
}

.demo_itemtext a {
  color: #bbb;
  font-size: 16px;
}

.demo_btmdate {
  color: #bbb;
  width: 310px;
  height: 55px;
  box-sizing: border-box;
  text-align: right;
  padding: 19px 22px;
  font-size: 15px;
}

#demo_pagination .swiper-pagination-switch {
  width: 45px;
  height: 24px;
  border-radius: 4px;
  background: none;
  opacity: 1;
  cursor: pointer;
  border: none;
  margin: 0 6px;
}

#demo_pagination .swiper-pagination-switch .line {
  width: 45px;
  height: 4px;
  border-radius: 4px;
  background: #5b5b5b;
  cursor: pointer;
  border: none;
  margin: 10px 0px;
  pointer-events: none;
}

/* #demo_pagination .swiper-active-switch {
  background: #b5ca77;
  opacity: 1;
  cursor: pointer;
  border: none;
} */

#demo_pagination .swiper-active-switch .line {
  background: #b5ca77;
  opacity: 1;
  cursor: pointer;
  border: none;
}

#demo_pagination {
  bottom: 30px;
  left: 50%;
  transform: translatex(-50%);
  display: none;
}

.pagination_ie {
  -moz-transform: translatex(-50%, 0);
  -o-transform: translatex(-50%, 0);
  -webkit-transform: translatex(-50%, 0);
  transform: translatex(-50%, 0);
  /* ie8  - must be on one line, unfortunately */
  -ms-filter: "progid:dximagetransform.microsoft.matrix(m11=1, m12=0, m21=0, m22=1, sizingmethod='auto expand')";
  /* ie6 and 7 */
  filter: progid:dximagetransform.microsoft.matrix(m11=1, m12=0, m21=0, m22=1, sizingmethod='auto expand');
}

/* 产品 */

.product_box {
  width: 1003px;
  height: 616px;
  /* padding-top: 5px; */
  background: #dadada;
  margin: auto;
}

.product_title {
  font-size: 28px;
  margin: 0 auto;
  width: 300px;
  text-align: center;
  height: 48px;
  color: #000;
}

.product_titleline {
  width: 83px;
  height: 5px;
  background: #b5ca77;
  bottom: 0px;
  left: 108px;
}

.product_swiperbox {
  width: 100%;
  height: 478px;
}

#product_box {
  margin-top: 40px;
  height: 440px;
  width: 100%;
  float: none;
}

#product_box a {
  /* margin-top: 15px; */
}

#product_box .swiper-slide {
  display: flex;
  justify-content: space-around;
  margin: 0 12px;
}

.product_listitem {
  width: 310px;
  height: 440px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.product_listitem a img {
  width: 310px;
  height: 210px;
  /* margin-top: 10px; */
}

.product_itemtextbox {
  width: 310px;
  height: 200px;
  /* border-bottom: 2px solid #ccc; */
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.product_itemtitle {
  width: 280px;
  height: 20px;
  left: 22px;
  top: 15px;
}

.product_itemtitle a {
  color: #000;
  font-size: 18px;
}

.product_itemtext {
  color: #000;
  width: 266px;
  height: 71px;
  min-height: 71px;
  box-sizing: border-box;
  left: 22px;
  top: 49px;
  /* top: 45px; */
  font-size: 16px;
}

.product_itemtext td {
  font-size: 16px;
  line-height: 22px;
}

#product_box .swiper-slide {
  height: 440px;
}

.product_itemtext textarea {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  outline: none;
  resize: none;
  font-size: 16px;
  line-height: 18px;
}

.product_itemtext2 {
  width: 266px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  left: 22px;
  top: 135px;
  color: #bbbbbb;

  line-height: 20px;
  height: 66px;


  /* top: 126px; */
}

.product_itemtext2 a {
  color: #bbbbbb;
  font-size: 16px;
}

.product_t {
  height: 17px;
  width: 85px;
  font-size: 13px;
  border: 1px solid red;
  text-align: justify;
  text-justify: inter-ideograph;
}

.tdtext1 i {
  display: inline-block;
  width: 100%;
}

.tdtext1 {
  width: 85px;
  text-align: justify;
  display: inline-block;
  height: 22px;
  font-size: 16px;
  text-align-last: justify;
  text-justify: inter-ideograph;
}

/* div{text-align: justify; }   */

.tdtext1:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0px;
  display: none;
}

/* 兼容ie */

/* @media screen {
  @media (min-width: 0px) {
    .tdtext1.img::after {
      
    }
  }
} */

.tdtext2 {
  font-size: 16px;
}

.product_btmdate {
  color: #bbb;
  width: 310px;
  height: 55px;
  box-sizing: border-box;
  text-align: right;
  padding: 19px 22px;
  font-size: 15px;
}

#product_pagination {
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 38px;
  display: none;
}

#product_pagination .swiper-pagination-switch {
  width: 45px;
  height: 24px;
  border-radius: 4px;
  background: none;
  opacity: 1;
  cursor: pointer;
  border: none;
  margin: 0 6px;
}

#product_pagination .swiper-pagination-switch .line {
  width: 45px;
  height: 4px;
  border-radius: 4px;
  background: #5b5b5b;
  opacity: 1;
  cursor: pointer;
  border: none;
  margin: 10px 0px;
  pointer-events: none;
}

/* #product_pagination .swiper-active-switch {
  background: #b5ca77;
  opacity: 1;
  cursor: pointer;
  border: none;
} */
#product_pagination .swiper-active-switch .line {
  background: #b5ca77;
  opacity: 1;
  cursor: pointer;
  border: none;
}

/* 新闻中心 右边部分 */

.news_rigth {
  width: 260px;
  height: 1643px;
  background: #fff;
  box-sizing: border-box;
  margin: auto;
}

/* .news_topnews {
  max-height: 378px;
} */

.news_toptitle {
  width: 238px;
  height: 35px;
  background: url(/uploads/image/tspnewpic/wifi.jpg) right no-repeat;
  line-height: 35px;
  font-size: 26px;
  font-weight: bolder;
  color: #acca57;
  margin-top: 26px;
  margin-left: 10px;
}

.news_topcnt {
  margin-top: 17px;
  overflow: hidden;
  width: 252px;
  max-height: 365px;
}

.news_topimg {
  width: 220px;
  height: 123px;
}

.news_topcnt ul {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.news_topcnt ul li {
  list-style: none;
  font-size: 12px;
  width: 220px;
  margin-left: 10px;
}

.news_topcnt ul li:not(:first-child) {
  padding: 8px 0 7px 0px;
  margin-left: 10px;
}

.news_topt19 {
  margin: 8px 0 12px 0;
  padding: 0 46px 0 15px;
}

.news_topcnt ul li:hover {
  background: #efefed;
}

.news_topcnt ul li:hover a {
  color: #61a60e;
}

.news_btmline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 8px;
}

.news_topt2 {
  color: #bbb;
}

.news_producttitle {
  width: 100%;
  height: 35px;
  background: url(/uploads/image/tspnimages/news_titleicon.jpg) right no-repeat;
  line-height: 35px;
  font-size: 26px;
  font-weight: bolder;
  color: #acca57;
  margin-top: 20px;
}

.news_productimg {
  margin-top: 20px;
}

#news_topcnt .iscrollverticalscrollbar {
  width: 12px !important;
}

#news_topcnt .iscrollverticalscrollbar .iscrollindicator {
  width: 12px !important;
  border-radius: 0px !important;
  border: 1px solid rgb(165, 166, 167) !important;
  background: center center no-repeat rgb(172, 202, 87) !important;
}

.related-products {
  margin-top: 50px;
}

.video_play {
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.3)  center no-repeat; */
  cursor: pointer;
  top: 0px;
  left: 0px;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(/uploads/image/tspnimages/play.png);
  background-position: center;
  background-repeat: no-repeat;
}

.news_listicon {
  width: 10px;
  height: 10px;
  left: 0px;
  top: 4px;
  background: #adc958;
  border-radius: 50%;
}

.news_listdetail {
  width: 42px;
  height: 16px;
  background: #adc958;
  right: 0px;
  top: 0px;
  color: #fff;
  text-align: center;
  line-height: 16px;
}

/* 视频banner */
.poster-main {
  position: relative;
  margin: 40px auto 35px;
}

.poster-list {
  width: 534px;
  height: 300px;
  margin: auto;
  opacity: 0;
}

.poster-main .poster-list .poster-item {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0) no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0) no-repeat center center;
}

.mouseover {
  width: 100%;
  height: 1500px;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99;
  display: none;
  position: fixed;
}


.bbanner_color {

  background: top center no-repeat;
}

.tdtext1:after {
  content: '';
  width: 100%;
  display: inline-block;
}

.video_count2 {
  top: 30px !important;
  width: 427px !important;
  height: 240px !important;
}

.text_algin_center{
  text-align: center;
}