.topNavIndex{padding-bottom: 16px;}
.commContent{border-radius: 4px; margin: 0;}
.commContent .li .img img{height: 100%; object-fit: cover;}
.commContent .li:hover .h2{color: #175DFF;}
.commContent .li .text .time{line-height: 28px; margin-top: 0;}
.text-bottom{display: flex; padding-top: 10px; line-height: 28px;}
.text-bottom .t-lt{
	display: flex;
	/* width: 175px; */
	flex-shrink: 0;
}
.caseDateBox .right .caiBox .fr{
  border-bottom: 1px solid #E4E9F2; padding-bottom: 10px;
}
.tag{display: flex; grid-gap: 8px }
.tag a{line-height: 28px; min-height: 28px !important; box-sizing:content-box;border-radius: 2px;background: #E4E9F2; padding: 0 8px; margin-right: 0 !important;
  color: #41464F; transition: all 0.2s; font-size: 12px !important;background: #E4E9F2;
}
.gapColor a {
	/* background: #E8F3FF; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 11em;
}
.tag a.active{
  background: #E8F3FF; color: #175DFF !important;
}
.tag a:hover, .tag a.on{
  background: #4180FF; color: #ffffff !important;
}

.caseDateBox .right .caiBox .tag a{line-height: 32px !important; padding: 0 16px;}
.caseDateBox .right .caiBox .tag {
	grid-gap: 0px;
}
.caseDateBox .right .caiBox .gap .m {
	margin-right: 8px !important;
	/* margin-bottom: 8px !important; */
}
.caseDateBox .right .caiBox .gap .m:last-child {
	margin-right: 0px !important;
}
.caseDateBox .right .caiBox .gap li {
	margin-right: 8px !important;
	margin-bottom: 8px !important;
}
.caseDateBox .right .caiBox .gap li:last-child {
	margin-right: 0px !important;
}
.gapTwo {
	grid-gap: 0px
}
.gapTwo li {
	margin-right: 8px !important;
	margin-bottom: 8px !important;
}
.gapThree li {
	margin-bottom: 0px !important;
}
.gapTwo li:last-child {
	margin-right: 0px !important;
}
.gapTwo a {
	margin-right: 8px !important;
	margin-bottom: 8px !important;
}
.gapTwo a:last-child {
	margin-right: 0px !important;
}
.caseDateBox .right2{margin-top: 0px;}

.box{padding-top: 16px;}

.swiper-case strong{font-size: 14px; color: #41464F; line-height: 24px; margin:8px 0;}
.swiper-case p{
	font-size: 12px;
	color: #9096A5;
	line-height: 20px;
	margin-bottom: 4px;
	width: 100%;
    height: 60px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.swiper-case a{font-size: 12px; color: #175DFF;}
.swiper-case .swiper-pagination{position: static; margin: 15px 0;}
.caiBox .moreBox{background: #175DFF; color: #ffffff; width: 100%; line-height: 48px; font-size: 16px; text-align: center;}
.caiBox .moreBox a{line-height: 48px; color: #ffffff; display: block;}

.product-list h3{background: #E8F3FF; line-height: 38px; padding:0 16px; color: #175DFF}
.product-list li{position: relative; border-radius: 4px; overflow: hidden;}
.product-list li img{width: 100%;}
.product-list li strong{line-height: 22px; padding-top: 12px; font-size: 14px; color: #41464F; display: block; transition: all 0.3s}
.product-list li:hover strong{color: #175DFF}
.product-list li:not(:last-child){margin-bottom: 10px;}
.product-list li:not(:last-child) strong{margin-bottom: 10px;}
.product-list p{
	position: absolute;
	width: 100%;
	line-height: 38px;
	padding: 0 16px;
	background: rgba(0,0,0,0.5);
	color: #ffffff;
	bottom: 0;
	left: 0;
}
.product-list .product-p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 50px;
}
.product-list .pro_list_top{
	position: relative;
}
.product-list .pro_list_img_text{
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	max-width: 205px;
}
.product-list .pro_img_tit{
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	color: #0E244C;
	font-weight: 600;
}
.product-list .pro_img_desc{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #0E244C;
	line-height: 18px;
	font-weight: 400;
	margin-top: 12px;
}
.zhuanti-list{/*display: grid; grid-gap: 8px; grid-template-columns: repeat(3, 1fr);*/ flex-wrap: wrap;}

.hot-list .fr{border: none !important;}
.swiper-product .swiper-slide img{width: 100%;}
.swiper-product .swiper-pagination{
  padding-right: 10px; text-align: right;
}
.swiper-product .swiper-pagination-bullet{background-color: #ffffff;}

.ad-wrap{margin-top: 24px; display: flex}
.ad-wrap .fig_left {
	width: calc((100% - 12px) / 2);
}
.ad-wrap .fig_right{width: calc((100% - 12px) / 2);position: relative;}
.ad-wrap .fig_right_text{position: absolute;top: 37px;left: 50%;transform: translateX(-50%);width: 235px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ad-wrap .fig_right_text_tit{font-family: PingFangSC-Semibold;font-size: 24px;color: #000000;font-weight: 600;}
.ad-wrap .fig_right_text_desc{
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #333333;
	text-align: center;
	line-height: 18px;
	font-weight: 400;
	margin-top: 14px;
}
.ad-wrap .fig_right_btn_text{
	bottom: 8px;
	left: 50%;
	transform: translateX(-95px);
	position: absolute;
	width: 220px;
}
.ad-wrap .fig_right_btn_text img {
	width: 100%;
	height: auto;
}
.ad-wrap .fig_right_btn_text span {
	font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    position: absolute;
    top: 9px;
    left: 19px;
}
.ad-wrap .ad{width: 100%; height: auto; object-fit: cover; margin-right: 10px;}
.ad-wrap figure{display: flex;justify-content: space-between;align-items: center;}
.ad-wrap figcaption{flex: 1; display: flex; grid-gap: 10px; flex-direction: column;}
.ad-wrap figcaption dl{background: #F6F7F8;}
.ad-wrap figcaption dl strong{
	font-family: PingFang SC;
	font-size: 14px;
	line-height: 22px;
	display: block;
	font-weight: 400;
	word-bread: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	color: #41464F;
}
.ad-wrap figcaption dl, .ad-wrap figcaption dl > a{display: flex; justify-content: space-between;width: 100%;}
.ad-wrap figcaption dl:hover strong{color: #175DFF;}
.ad-wrap figcaption dl:hover img{transform: scale(1.3)}
.ad-wrap figcaption dl span{color: #175DFF;display: block;text-align: right;}
.ad-wrap figcaption dl dt{
	/* flex: 1;  */
	padding: 10px; 
	width: calc(100% - 125px);
	/* text-align: right;  */
	display: flex; 
	/* align-items: flex-end;  */
	flex-direction: column; 
	justify-content: space-between;
}
.ad-wrap figcaption dl dd{width: 125px; height: 70px; overflow: hidden}
.ad-wrap figcaption dl dd img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out}
.future-list-wrap h3{font-size: 16px; color: #020814; margin: 0; font-weight: bold;}
.zt-wrapper{padding: 20px;background: #F6F7F8; display: flex; align-items: center;}
.ad-lg img{height: 160px; object-fit: cover; width: 100%;}
@media screen and (max-width: 750px){
  .commContent .li a{min-height: auto;}
  .commContent .li .text .h2{line-height: 20px;

  }
  .ad-wrap figcaption {
	display: none;
  }
  .ad-wrap figure{
	flex-direction: column;
  }
  .ad-wrap .fig_left {
	display: none;
  }
  .ad-wrap .fig_right {
	width: 100%;
  }
  .text-bottom{flex-direction: column; padding-top: 2px;}
  .caseDateBox .right .caiBox .tag a{padding: 0 12px;}
  .zt-wrapper {
	flex-direction: column;
	align-items: flex-start;
	padding: 16px;
  }
  .gapThree {
	flex-wrap: wrap;
  }
  .gapThree li {
	margin-bottom: 8px !important;
  }
}