/************************首页*************************************/
.indexbanner{ 
  width: 100%; 
  /* min-height: 630px; */
  min-width:1200px; 
  position: relative;
}
.indexbanner .swiper-slide{ 
  width: 100%;
  height: 630px;
  position: relative; 
  overflow: hidden; 
  float: left; 
}
.indexbanner .swiper-slide img{
  width: 1890px; 
  height: 630px; 
  position:absolute; 
  left: 50%; 
  top: 0px; 
  margin-left:-960px;
}
.indexbanner .swiper-pagination-bullet{ 
  background: none; 
  height:12px; 
  width: 12px; 
  border: 1px solid #fff;
  opacity:1;
}
.indexbanner .swiper-pagination-bullet.swiper-pagination-bullet-active{ 
  background: #fff;
}
.indexbanner .swiper-pagination{ 
  bottom: 30px;
}
/****/
.index_product{
  /* padding: 200px; */
  border: 3px solid #DFDFDF;
  padding: 30px;
  margin: 40px 0;
  position: relative;
  line-height: 24px;
}
.index_product p{ 
  margin-top:10px; 
  color: #666;
}
.index_product p:first-child{ 
  margin-top:0px;
}
.index_product .title{ 
  width: 280px; 
  height:64px; 
  position: absolute; 
  left: calc(50% - 140px); 
  top:-40px;
}
.index_zhuanti{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
/* 当只有一个子元素时 */
.index_zhuanti > :only-child {
  margin-right: 0 !important;
  justify-self: flex-start;
}

.index_zhuanti ul{
  width: 480px; 
  height: 470px;
  border-radius: 10px; 
  overflow: hidden; 
  margin: 60px 30px 20px 20px;
}
.index_zhuanti ul:nth-child(2n){ 
  margin-right: 0px;
}
.index_zhuanti ul li{ 
  width: 100%; 
  /* float: left; */
}
.index_zhuanti ul li.pic,.index_about ul li.pic img{ 
  width: 100%; 
  height: 280px; 
  border-radius: 10px; 
  overflow: hidden;
}
.index_zhuanti ul li.title{ 
  background: url(../images/index_tbg.png) center center no-repeat; 
  text-align: center; 
  color: #3d8edd; 
  line-height:30px; 
  margin: 20px 0 15px 0;
}
.index_zhuanti ul li.text{ 
  padding: 0 25px; 
  height: 96px; 
  line-height: 24px;
}
.index_about{ 
  margin: 40px 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.index_about ul{ 
  /* float: left;  */
  width: 100%; 
  /* padding-top: 80px; */
}
.index_about ul li{ 
  width: 100%;
}
.index_about ul li.text{ 
  line-height:26px; 
  margin-top: 45px; 
  color: #666;
}

.swiper-slide-img{
  width: 100%;
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -moz-transform: scale(0.8);
}