/* 宣传 start */
.main-header {
  height: 470px;
  background: linear-gradient(180deg, rgba(214, 254, 238, 1) 0%, rgba(255, 255, 255, 0.00) 100%);
}

.xuanchuan-index .title {
  width: 432px;
  position: relative;
  margin-top: 8px;
}

.xuanchuan-index .sub-title {
  font-size: 48px;
  font-family: "MiSans-Normal", Helvetica;
  line-height: 68px;
}

.xuanchuan-index .sub-desc {
  margin-top: 170px;
}

.xuanchuan-index .sub-desc .desc {
  font-family: "MiSans-Regular", Helvetica;
  font-size: 18px;
  line-height: 24px;
  width: 342px;
  margin-bottom: 24px;
}

.xuanchuan-index .video {
  width: 678px;
  height: 410px;
  background-color: rgba(50, 50, 50, 1);
  margin-top: 15px;
}

.xuanchuan-index .video video {
  width: 678px;
  height: 410px;
  margin: auto;
}

/* 宣传 end */


/* 新闻 start */
.news-index .recom {
  width: 25%;
  float: left;
  border: 1px solid rgba(56, 49, 52, 0.2);
  border-right: none;
  padding: 11px;
  font-family: "MiSans-Regular", Helvetica;
}

.news-index .recom:last-child {
  border-right: 1px solid rgba(56, 49, 52, 0.2);
}

.news-index .recom .recom-thumb {
  float: left;
  width: 130px;
  height: 130px;
  margin-right: 6px;
  overflow: hidden;
  border-radius: 5px;
}

.news-index .recom .recom-thumb img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
  /* 添加过渡效果 */
  object-fit: cover;
  object-position: center;
}

.news-index .recom .recom-column {
  opacity: 0.7;
  font-size: 10px;
  line-height: 13px;
  margin-top: 2px;
}

.news-index .recom .recom-title {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  height: 72px;
  overflow: hidden;
  /*超出的文本隐藏*/
  text-overflow: ellipsis;
  /*溢出用省略号显示*/
  /* white-space: nowrap; */
  /*溢出不换行*/
}

.news-index .recom .icon {
  width: 20px;
  height: 20px;
  margin-top: 12px;
  transition: margin-left 0.5s ease;
  /* 添加过渡效果 */
  margin-left: 0;
}

.news-index .recom:hover .recom-thumb img {
  transform: scale(1.2);
  /* 设置缩放比例 */
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}

.news-index .recom:hover .icon {
  margin-left: 10px;
}

/* 新闻 end */

/* 产品 start */
.product-index {
  margin-top: 66px;
}

.product-index .product-header {
  margin-bottom: 18px;
}

.product-index .product-header .title {
  font-family: "MiSans-Normal", Helvetica;
  font-size: 48px;
  line-height: 68px;
}

.product-index .product-header .desc {
  width: 565px;
  font-family: "MiSans-Regular", Helvetica;
}

.product-index .product-header .desc .details {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}

.product-index .product-header .desc .details span {
  color: rgba(0, 160, 219, 1);
  margin: 0 1px;
}

.product-index .product-header .desc a {
  display: inline-flex;
  align-items: flex-end;
  color: rgba(0, 160, 219, 1);
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  margin-top: 12px;
}

.product-index .product-header .desc .icon {
  margin-left: 6px;
}

.product-index .product-recom .recom,
.product-index .product-recom .recom-bg {
  width: 226px;
  height: 142px;
}

.product-index .product-recom .recom {
  background: linear-gradient(180deg, rgba(118, 118, 128, 0) 0%, rgba(118, 118, 128, 0.05) 100%);
  margin: 30px 81px 0 0;
}

.product-index .product-recom .recom:nth-child(4n) {
  margin-right: 0px;
}

.product-index .product-recom .recom .recom-bg {
  padding: 11px 15px;
}

.product-index .product-recom .recom:nth-child(1) .recom-bg {
  background: url(../images/product-index-1.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(2) .recom-bg {
  background: url(../images/product-index-2.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(3) .recom-bg {
  background: url(../images/product-index-3.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(4) .recom-bg {
  background: url(../images/product-index-4.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(5) .recom-bg {
  background: url(../images/product-index-5.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(6) .recom-bg {
  background: url(../images/product-index-6.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(7) .recom-bg {
  background: url(../images/product-index-7.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(8) .recom-bg {
  background: url(../images/product-index-8.png) no-repeat 100%;
}

.product-index .product-recom .recom:hover a {
  background: linear-gradient(180deg, rgba(228, 228, 228, 0) 0%, rgba(228, 228, 228, 0.05) 100%);
  color: rgba(111, 186, 44, 1);
}

.product-index .product-recom .recom:nth-child(1):hover .recom-bg {
  background: url(../images/product-index-1-bg.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(2):hover .recom-bg {
  background: url(../images/product-index-2-bg.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(3):hover .recom-bg {
  background: url(../images/product-index-3-bg.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(4):hover .recom-bg {
  background: url(../images/product-index-4-bg.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(5):hover .recom-bg {
  background: url(../images/product-index-5-bg.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(6):hover .recom-bg {
  background: url(../images/product-index-6-bg.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(7):hover .recom-bg {
  background: url(../images/product-index-7-bg.png) no-repeat 100%;
}

.product-index .product-recom .recom:nth-child(8):hover .recom-bg {
  background: url(../images/product-index-8-bg.png) no-repeat 100%;
}

.product-index .product-recom .recom .title {
  font-family: "MiSans-Demibold", Helvetica;
  font-weight: bold;
  line-height: 20px;
}

.product-index .product-recom .recom .sub-desc {
  opacity: 0.7;
  font-family: "MiSans-Regular", Helvetica;
  font-size: 10px;
  line-height: 14px;
  margin-top: 5px;
}

/* 产品 end */

/* iwater start */
.iwater-index {
  margin-top: 66px;
  height: 523px;
  background: linear-gradient(180deg, rgba(0, 160, 219, 0.1) 0%, rgba(61, 252.34, 171.98, 0.1) 100%);
}

.iwater-index .iwater-index-bg {
  height: 523px;
  background: url(../images/iwater-bg.png) no-repeat 100%;
  padding: 36px;
}

.iwater-index .title {
  width: 348px;
  font-family: "MiSans-Normal", Helvetica;
  font-size: 40px;
  line-height: 52px;
}

.iwater-index .sub-desc {
  margin-top: 18px;
  width: 392px;
  font-family: "MiSans-Regular", Helvetica;
  font-size: 10px;
  letter-spacing: 0.3px;
  line-height: 16px;
}

.iwater-index .huaxin-btn {
  margin-top: 231px;
}

/* iwater end */

/* 解决方案 start */
.fangan-index {
  margin-top: 66px;
}

.fangan-index .fangan-header .title {
  font-family: "MiSans-Normal", Helvetica;
  font-size: 48px;
  line-height: 68px;
}

.fangan-index .fangan-header .desc {
  width: 565px;
  font-family: "MiSans-Regular", Helvetica;
}

.fangan-index .fangan-header .desc .details {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}

.fangan-index .fangan-header .desc .details span {
  color: rgba(0, 160, 219, 1);
  margin: 0 1px;
}

.fangan-index .fangan-header .desc a {
  display: inline-flex;
  align-items: flex-end;
  color: rgba(0, 160, 219, 1);
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  margin-top: 12px;
}

.fangan-index .fangan-header .desc .icon {
  margin-left: 6px;
}

.fangan-index .fangan-recom {
  font-family: "MiSans-Regular", Helvetica;
}

.fangan-index .fangan-recom .recom-column {
  margin-top: 73px;
}

.fangan-index .fangan-recom .recom-column ul {
  display: flex;
  justify-content: space-between;
}

.fangan-index .fangan-recom .recom-column ul li {
  float: left;
  list-style: none;
  font-size: 19px;
  line-height: 25px;
}

.fangan-index .fangan-recom .recom-column ul li a {
  color: rgba(56, 49, 52, .5);
}

.fangan-index .fangan-recom .recom-column ul li.current a {
  color: rgba(0, 160, 219, 1);
}

.fangan-index .fangan-recom .recom-content {
  margin-top: 36px;
}

.fangan-index .fangan-recom .recom-content .recom-list.recom-list {
  width: 340px;
}

.fangan-index .fangan-recom .recom-content .recom-list h2 {
  font-family: "MiSans-Demibold", Helvetica;
  font-size: 28px;
  line-height: 40px;
  padding-bottom: 15px;
  border-bottom: solid 1px rgba(56, 49, 52, 1);
  margin-bottom: 92px;
}

.fangan-index .fangan-recom .recom-content .recom-list .recom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.fangan-index .fangan-recom .recom-content .recom-list .recom .title,
.fangan-index .fangan-recom .recom-content .recom-list .more {
  font-family: "MiSans-Regular", Helvetica;
  color: rgba(0, 160, 219, 1);
  font-size: 14px;
  line-height: 18px;
}

.fangan-index .fangan-recom .recom-content .recom-list .more {
  display: flex;
  justify-content: left;

}

.fangan-index .fangan-recom .recom-content .recom-list .more img {
  margin-left: 10px;
}

.fangan-index .fangan-recom .recom-content .recom-img {
  width: 742px;
  height: 433px;
}

/* 解决方案 end */

/* 合作伙伴 start */
.partner-index {
  margin: 75px auto 222px auto;
}

.partner-index .partner-header .title {
  font-family: "MiSans-Normal", Helvetica;
  font-size: 48px;
  line-height: 68px;
}

.partner-index .partner-header .desc {
  width: 565px;
  font-family: "MiSans-Regular", Helvetica;
}

.partner-index .partner-header .desc .details {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}

.partner-index .partner-header .desc .details span {
  color: rgba(0, 160, 219, 1);
  margin: 0 1px;
}

.partner-index .partner-header .desc a {
  display: inline-flex;
  align-items: flex-end;
  color: rgba(0, 160, 219, 1);
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  margin-top: 12px;
}

.partner-index .partner-header .desc .icon {
  margin-left: 6px;
}

.partner-index .partner-lists {
  margin-top: 94px;
}

.partner-index .partner-lists .lists {
  position: relative;
  height: 380px;
}

.partner-index .partner-lists .lists .item {
  position: absolute;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 5px;
  box-shadow: 3px 7px 15px -2px rgba(0, 0, 0, 0.10);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
}

.partner-index .partner-lists .lists .img-1 {
  width: 151px;
  height: 53px;
  top: 75px;
  left: 73px;
}

.partner-index .partner-lists .lists .img-2 {
  width: 151px;
  height: 53px;
  top: 164px;
  left: 0;
}

.partner-index .partner-lists .lists .img-3 {
  width: 151px;
  height: 53px;
  top: 249px;
  left: 73px;
}

.partner-index .partner-lists .lists .img-4 {
  width: 173px;
  height: 61px;
  top: 40px;
  left: 249px;
}

.partner-index .partner-lists .lists .img-5 {
  width: 220px;
  height: 77px;
  top: 152px;
  left: 177px;
}

.partner-index .partner-lists .lists .img-6 {
  width: 173px;
  height: 61px;
  top: 272px;
  left: 249px;
}

.partner-index .partner-lists .lists .img-7 {
  width: 262px;
  height: 92px;
  top: 0;
  left: 443px;
}

.partner-index .partner-lists .lists .img-8 {
  width: 305px;
  height: 107px;
  top: 137px;
  left: 422px;
}

.partner-index .partner-lists .lists .img-9 {
  width: 262px;
  height: 92px;
  top: 288px;
  left: 443px;
}

.partner-index .partner-lists .lists .img-10 {
  width: 173px;
  height: 61px;
  top: 40px;
  left: 726px;
}

.partner-index .partner-lists .lists .img-11 {
  width: 220px;
  height: 77px;
  top: 152px;
  left: 750px;
}

.partner-index .partner-lists .lists .img-12 {
  width: 173px;
  height: 61px;
  top: 272px;
  left: 726px;
}

.partner-index .partner-lists .lists .img-13 {
  width: 151px;
  height: 53px;
  top: 75px;
  left: 925px;
}

.partner-index .partner-lists .lists .img-14 {
  width: 151px;
  height: 53px;
  top: 164px;
  left: 996px;
}

.partner-index .partner-lists .lists .img-15 {
  width: 151px;
  height: 53px;
  top: 250px;
  left: 925px;
}

.partner-index .partner-lists .lists .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 合作伙伴 end */