/*案例列表*/
.sub-product-wrap {
	padding: 100px 0;
}

@media screen and (max-width:1920px) {
	.sub-product-wrap {
		padding: calc(100 / 1920 * 100vw) 0;
	}
}

@media screen and (max-width:992px) {
	.sub-product-wrap {
		padding: 5rem 0;
	}
}

.product-left {
	width: 335px;
	float: left !important;
}
@media screen and (max-width:1920px) {
	.product-left {
		width: calc(335 / 1920 * 100vw);
	}
}
@media screen and (max-width:992px) {
	.product-left {
		display: none;
	}
}
.product-left .left-tit {
	font-size: 40px;
	margin-bottom: 20px;
}
@media screen and (max-width:1920px) {
	.product-left .left-tit {
		font-size: calc(40 / 1920 * 100vw);
		margin-bottom:calc(20 / 1920 * 100vw);
	}
}

.product-left ul,
.product-left ul li,
.product-left ul li dl {
	margin: 0;
	padding: 0;
}

.product-left>ul>li {
	border-bottom: #dddddd solid 1px;
}

.product-left>ul>li:last-child {
	border-bottom: none;
}
.product-left>ul>li>p{
	position: relative;
	font-size: 24px;
	margin-bottom: 0;
	cursor: pointer;
}
.product-left>ul>li>p>a {
	
	padding: 20px 0;
	display: block;
	width: 94%;
}

@media screen and (max-width: 1920px) {
	.product-left>ul>li>p {
		font-size: calc(24 / 1920 * 100vw);
	}
	.product-left>ul>li>p>a {
		
		padding:calc(20 / 1920 * 100vw) 0;
	}
}
.product-left>ul>li>p::after {
	position: absolute;
	content: ">";
	right: 0;
	top: 50%;
	margin-top: -16px;
}
@media screen and (max-width: 1920px) {
	.product-left>ul>li>p::after {
		margin-top: calc(-16 / 1920 * 100vw);
	}
	 
}
.product-left>ul>li>p.on>a {
	color: var(--active-color);
}

.product-left>ul>li>p.on::after {
	transform: rotate(90deg);
	color: var(--active-color);
	/* 旋转45度 */
}

.product-left>ul>li>dl {
	margin-bottom: 50px;
	display:none;
}
.product-left>ul>li.open p>a{
	color: var(--active-color);
}
.product-left>ul>li.open p::after{
	transform: rotate(90deg);
	color:var(--active-color);
}
.product-left>ul>li.open dl{
	display: block;
}
@media screen and (max-width:1920px) {
	.product-left>ul>li>dl {
		margin-bottom:calc(50 / 1920 * 100vw);
	}
}
.product-left>ul>li>dl>dd a {
	padding-left: 24px;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-line-clamp: 1;
	position: relative;
	margin: 9px 0;
	line-height: 1.5;
	transition: all .5s ease;
}

.product-left>ul>li>dl>dd a::before {
	position: absolute;
	content: "";
	left: 0;
	width: 8px;
	height: 8px;
	border: #bfbfbf solid 2px;
	background: #fff;
	top: 50%;
	margin-top: -4px;
	transition: all .5s ease;
}

.product-left>ul>li>dl>dd a.on,
.product-left>ul>li>dl>dd a:hover {
	color: var(--active-color);
}

.product-left>ul>li>dl>dd a.on::before,
.product-left>ul>li>dl>dd a:hover::before {
	background: var(--active-color);
	border-color: var(--active-color);
}


.sub-product-right {
	width: calc(100% - 400px);
	float: right;
	overflow: hidden;
}
@media screen and (max-width: 1500px) {
	.sub-product-right {
		width: calc(100% - 300px);
	}
}
.sub-product-right .top {
	border: #dddddd solid 1px;
	border-right: none;
	border-left: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	line-height: 45px;
}
@media screen and (max-width: 1920px) {
	.sub-product-right .top {
		padding: calc(20 / 1920 * 100vw);
		line-height:calc(45 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.sub-product-right .top {
		padding: 2rem ;
		line-height: 1.8;
	}
}
.sub-product-right .top .tit {
	font-size: 30px;
}
@media screen and (max-width: 1920px) {
	.sub-product-right .top .tit {
		font-size: calc(30 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.sub-product-right .top .tit {
		font-size: 3rem;
	}
}
.sub-product-right .top .hdp {
	font-size: 18px;
	background: url(../images/icon-hdp.jpg) no-repeat left center;
	padding-left: 32px;
	cursor: pointer;
}

.sub-product-hot {
	border: #f5f5f5 solid 1px;
	margin: 70px 0 60px 0;
}
@media screen and (max-width: 1920px) {
	.sub-product-hot {
		margin: calc(70 / 1920 * 100vw) 0 calc(60 / 1920 * 100vw) 0;
	}
}
@media screen and (max-width: 992px) {
	.sub-product-hot {
		margin-bottom: 6rem;
	}
}
.sub-product-hot .row {
	margin: 0;
	padding: 0;
}

.sub-product-hot .row .row-space-in {
	padding: 0;
}

.sub-product-hot .pic {
	width: 100%;
	height: 430px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
}

@media screen and (max-width: 1920px) {
	.sub-product-hot .pic {
		height: calc(430 / 1920 * 100vw) ;
	}
}
@media screen and (max-width: 992px) {
		.sub-product-hot .pic {
		height: auto;
	}
}
.sub-product-hot .pic img {
	max-height: 430px;
}
@media screen and (max-width: 1920px) {
	.sub-product-hot .pic img {
		max-height: calc(430 / 1920 * 100vw) ;
	}
}
@media screen and (max-width: 992px) {
	.sub-product-hot .pic img {
		max-height:inherit;
	}
}
.sub-product-hot .hot-tag {
	width: 147px;
	height: 37px;
	background: var(--active-color);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 22px;
	border-bottom-right-radius: 15px;
}
@media screen and (max-width: 992px) {
	.sub-product-hot .hot-tag {
		font-size: 3rem;
	}
}
.sub-product-hot .hot-tag i {
	font-size: 20px;
	margin-right: 10px;
}

.hot-info-wrap {
	background: #f5f5f5;
	height: 430px;
}
@media screen and (max-width: 1920px) {
	.hot-info-wrap {
		height: calc(430 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
		.hot-info-wrap {
		height: auto;
	}
}
.hot-info {
	padding: 60px 65px 40px 65px;
}
@media screen and (max-width: 1920px) {
	.hot-info {
		padding: calc(60 / 1920 * 100vw) calc(65 / 1920 * 100vw) calc(40 / 1920 * 100vw) calc(65/ 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.hot-info {		 
		padding:5rem 4rem;
	}
}
.hot-info span {
	border: #dddddd solid 1px;
	padding: 8px 18px;
	border-radius: 36px;
}
@media screen and (max-width: 1920px) {
	.hot-info span {
		padding: calc(8 / 1920 * 100vw) calc(18 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.hot-info span {
		font-size: 14px;
		padding:2rem 3rem
	}
}
.hot-info h3 {
	font-size: 30px;
	line-height: 1.8;
	margin: 25px 0;
}
@media screen and (max-width: 1920px) {
	.hot-info h3 {
		font-size: calc(30 / 1920 * 100vw);
		margin: calc(25 / 1920 * 100vw) 0;
	}
}
@media screen and (max-width: 992px) {
	.hot-info h3 { 
		font-size:3rem;
		margin: 3rem   0 3rem 0;
	}
}
.hot-info p {
	color: #707070;
	line-height: 1.5;
	margin-bottom: 30px;
	min-height: 74px;
}
@media only screen and (min-width: 992px) {
	.hot-info p {
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp:3;
		    overflow: hidden;
		    text-overflow: ellipsis;
	}
}
@media screen and (max-width: 1920px) {
	.hot-info p {
		margin-bottom: calc(30 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.hot-info p {
		margin-bottom: 4rem;
	}
}
.hot-btn a {
	display: block;
	width: 196px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 22px;
	background: var(--active-color);
	margin-right: 10px;
	float: left;
	color: #fff;
}

@media screen and (max-width: 1920px) {
	.hot-btn a {
		width: calc(196 / 1920 * 100vw);
		height:calc(50 / 1920 * 100vw);
		line-height: calc(50 / 1920 * 100vw);
		font-size:calc(22 / 1920 * 100vw);
			margin-right: calc(10 / 1920 * 100vw);
	}
}
@media screen and (max-width: 922px) {
 
	.hot-btn a {
		width: 20rem;
		height:7rem;
		line-height:7rem;
		font-size:3rem;
			margin-right: 10px;
			margin-bottom: 4rem;
	}
}
@media screen and (max-width: 768px) {
 
	.hot-btn a {
		width: auto;
		padding: 0 5px;
	}
}
.hot-btn a i {
	font-size: 25px;
	margin-right: 15px;
}
@media screen and (max-width: 1920px) {
	.hot-btn a i {
		font-size: calc(25 / 1920 * 100vw);
		margin-right: calc(15 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.hot-btn a i {
		font-size: 3rem;
		margin-right: calc(15 / 1920 * 100vw);
	}
}
.hot-btn a.pdf {
	background: #71bf44;
}

.hot-btn a:hover {
	background: #71bf44;
}

.hot-btn a.pdf:hover {
	background: var(--active-color);
}



.sub-product-list .row {
	margin-left: -13px;
	margin-right: -13px;
}

.sub-product-list .row-sub-product {
	padding-left: 13px;
	padding-right: 13px;
}

.sub-product-list .images {
	height: 495px;
}
@media screen and (max-width: 1920px) {
	.sub-product-list .images {
		height: calc(495 / 1920 * 100vw);
	}
}
.sub-product-list-zhuanti .images {
	height: 395px;
}
@media screen and (max-width: 1920px) {
	.sub-product-list-zhuanti .images {
		height: calc(395 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.sub-product-list .images {
		height: auto;
	}
	.sub-product-wrap .sub-product-list {
	padding-top: 3rem;
}
}
.pager-box {
	padding-top: -10px;
}

@media screen and (max-width: 1920px) {
	.sub-case-list .row-space {
		padding: 0 calc(20 / 1920 * 100vw);
	}
}

/*详情页*/
.product-detail-right .sub-product-hot {
	margin-top: 0 !important;
}

.product-tab {
	background: #f0f0f0;
	font-size: 30px;
	overflow: hidden;
}
@media screen and (max-width: 1920px) {
	.product-tab {
		font-size: calc(30 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.product-tab {
		font-size:3rem;
	}
}
.product-tab .item {
	width: 286px;
	line-height: 80px;
	float: left;
	border-right: #d8d8d8 solid 1px;
	text-align: center;
	cursor: pointer;
}
@media screen and (max-width: 1920px) {
	.product-tab .item {
		width: calc(286 / 1920 * 100vw);
		line-height:calc(80 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.product-tab .item {
		width:30rem;
		line-height:8rem;
	}
}
.product-tab .item:last-child {
	border: none;
}

.product-tab .item:hover {
	color: var(--active-color);
}

.product-tab .item.on {
	color: #fff;
	background: var(--active-color);
}

.pro-content {
	padding: 50px 0;
}
@media screen and (max-width: 1920px) {
	.pro-content {
		padding: calc(50 / 1920 * 100vw) 0;
	}
}
@media screen and (max-width: 992px) {
	.pro-content {
		font-size: 14px;
	}
}
.pro-content .title {
	width: 100%;
	border-bottom: #dddddd solid 1px;
	font-size: 30px;
	padding: 20px 30px;
	margin: 30px 0 50px 0;
}

@font-face {
    font-family: '008-SSJingDongTi';
    src: url('../fonts/008-SSJingDongTi.eot');
    src: url('../fonts/008-SSJingDongTi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/008-SSJingDongTi.woff2') format('woff2'),
        url('../fonts/008-SSJingDongTi.woff') format('woff'),
        url('../fonts/008-SSJingDongTi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@media screen and (max-width: 1920px) {
	.pro-content .title {
		font-size: calc(30 / 1920 * 100vw);
		margin:calc(30 / 1920 * 100vw) 0 calc(50 / 1920 * 100vw) 0;
	}
}

@media screen and (max-width: 1500px) {
	.pro-content .title {
		font-size: 20px;
	}
}

@media screen and (max-width: 992px) {
	.pro-content .title {
		font-size:3rem;
		padding: 1.5rem 0;
	}

}

/*产品下载*/
.dowload-list {
	padding-top: 0px;
}

.item-dowload {
	margin-bottom: 15px;
}

.item-dowload a {
	display: block;
	width: 100%;
	background: #f9f9f9;
}

.item-dowload a .item {
	width: 93.125%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item {
		padding: calc(20 / 1920 * 100vw) 0;
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item {
		padding: 3rem 0;
	}
}
.item-dowload a .item i {
	font-size: 45px;
	color: #ff6969;
}

@media screen and (max-width: 1920px) {
	.item-dowload a .item i {
		font-size: calc(45 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item i {
		font-size: 5rem;
	}
}
.item-dowload a .item i.icon-pdf {
	padding-right: 51px;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item i.icon-pdf {
		padding-right: calc(51 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item i.icon-pdf {
		padding-right: 2rem;
	}
}
.item-dowload a .item i.icon-xiazai-wenjianxiazai {
	font-size: 30px;
	color: #6f6f6f;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item i.icon-xiazai-wenjianxiazai {
		font-size: calc(30 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item i.icon-xiazai-wenjianxiazai {
		font-size: 4rem;
	}
}
.item-dowload a .item .tit {
	width: 90%;
	font-size: 24px;
	color: #333333;
	line-height: 3rem;
	position: relative;
	padding-left: 58px;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item .tit {
		font-size: calc(24 / 1920 * 100vw);
		padding-left: calc(58 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item .tit {
		width: 80%;
		font-size: 2.8rem;
		padding-left: 2rem;
	}
}
.item-dowload a .item .tit:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 4.4rem;
	background: #c7c7c7;
	left: 0;
	top: 50%;
	margin-top: -2.2rem;
}

.item-dowload a:hover {
	background: var(--active-color);
	color: #fff;
}

.item-dowload a:hover i,
.item-dowload a:hover .item .tit,
.item-dowload a:hover .item i.icon-xiazai-wenjianxiazai {
	color: #fff;
}

/*产品视频*/
.video-row {
	margin-left: -33px;
	margin-right: -33px;
}

@media screen and (max-width: 1920px) {
	.video-row {
		margin-left: calc(-33 / 1920 * 100vw);
		margin-right: calc(-33 / 1920 * 100vw);
	}
}
.row-space-video {
	padding-left: 33px;
	padding-right: 33px;
}
@media screen and (max-width: 1920px) {
	.row-space-video {
		padding-left: calc(33 / 1920 * 100vw);
		padding-right: calc(33 / 1920 * 100vw);
	}
}
.video-item-wrap {
	padding-bottom: 58%;
	background: #000;
}

.video-item-wrap video {
	width: 100%;
}

.row-space-video p {
	text-align: center;
	font-size: 20px;
	margin: 40px 0;
}
@media screen and (max-width: 1920px) {
	.row-space-video p {
		margin: calc(40 / 1920 * 100vw) 0;
	}
}
@media screen and (max-width: 992px) {
	.row-space-video p {
		font-size: 14px;
	}
}
@media(max-width:768px) {
	.sub-product-left {
		display: none;
	}

	.sub-product-right {
		width: 100%;
	}

	.sub-case-list-item {
		margin-bottom: 2rem;
	}

	.sub-case-list-item .case-list-item-info h4.tit {
		font-size: 16px;
	}

	.sub-case-list-item .case-list-item-info p {
		font-size: 14px;
	}
}

@media (max-width:576px) {

	.sub-case-list {
		margin: 0 -5px;
	}

	.sub-case-list .row-space {
		padding: 0 5px
	}

}

/***********************洁净检测仪专题************************/
.jiejing-zhuanti {
	position: relative;
	padding: 40px 0 30px 0;
}
@media screen and (max-width: 1920px) {
	.jiejing-zhuanti {
		padding: calc(40 / 1920 * 100vw) 0 calc(30 / 1920 * 100vw) 0;
	}
}
.jiejing-zhuanti::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 340px;
	background: var(--active-color);
	top: 0;
}
@media screen and (max-width: 1920px) {
	.jiejing-zhuanti::before {
		height: calc(340 / 1920 * 100vw);
	}
}
@media screen and (max-width:992px) {
	.jiejing-zhuanti::before {
		height: 36rem;
	}
}
.jiejing-zhuanti .tit-wrap {
	text-align: center;
	color: #fff;
	z-index: 1;
	position: relative;
}

.jiejing-zhuanti .tit-wrap .tit {
	font-size: 48px;
	margin: 10px 0;
}
@media screen and (max-width: 1920px) {
	.jiejing-zhuanti .tit-wrap .tit {
		font-size: calc(48 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.jiejing-zhuanti .tit-wrap .tit {
		font-size: 4.4rem;
	}
}
.jiejing-zhuanti .tit-wrap .tit2 {
	font-size: 30px;
}

@media screen and (max-width: 1920px) {
	.jiejing-zhuanti .tit-wrap .tit2 {
		font-size: calc(30 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.jiejing-zhuanti .tit-wrap .tit2 {
		font-size: 4rem;
	}
}
.jiejing-zhuanti .tit-wrap .tit2 i {
	font-size: 20px;
	margin-right: 15px;
}

.jiejing-zhuanti .hotlist {
	background: #fff;
	border: #dddddd solid 1px;
	padding-top: 60px;
	position: relative;
	margin-top: 40px;
}
@media screen and (max-width: 1920px) {
	.jiejing-zhuanti .hotlist {
		padding-top: calc(60 / 1920 * 100vw);
		margin-top: calc(40 / 1920 * 100vw);
	}
}
.hotlist .swiper-list {
	width: 93%;
	margin: 0 auto;

}

@media screen and (max-width: 1600px) {
	.hotlist .swiper-list {
		width: 90%;
	}
}
@media screen and (max-width: 992px) {
	.hotlist .swiper-list {
		width: 70%;
	}
}
.swiper-list .jiejingHot {
	overflow: hidden;
}

.swiper-list .jiejingHot .images-wrap {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
}

.swiper-list .jiejingHot .images-wrap .images {
	width: 100%;
	height: 273px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 1920px) {
	.swiper-list .jiejingHot .images-wrap .images {
		height: calc(273 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.swiper-list .jiejingHot .images-wrap .images {
		height: auto;
	}
}
.swiper-list .jiejingHot h3.tit {
	font-size: 18px;
	text-align: center;
	margin: 20px 5px;
}
@media screen and (max-width: 1920px) {
	.swiper-list .jiejingHot h3.tit {
		font-size: calc(18 / 1920 * 100vw);
		margin:calc(20 / 1920 * 100vw) 5px;
	}
}
@media screen and (max-width: 992px) {
	.swiper-list .jiejingHot h3.tit {
		font-size: 14px;
		margin:3rem 5px;
	}
}
.swiper-pro-hot-next,
.swiper-pro-hot-prev {
	width: 40px;
	height: 40px;
	border: #d4d4d4 solid 1px;
	border-radius: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 40%;
	transition: all .5s ease;
}

.swiper-pro-hot-next i,
.swiper-pro-hot-prev i {
	font-size: 20px;
}

.swiper-pro-hot-prev {
	left: 10px;
}
@media screen and (max-width: 1920px) {
	.swiper-pro-hot-prev {
		left: calc(10 / 1920 * 100vw);
	}
}
.swiper-pro-hot-next {
	right: 10px;
}
@media screen and (max-width: 1920px) {
.swiper-pro-hot-next {
		right: calc(10 / 1920 * 100vw);
	}
}
.swiper-pro-hot-next i {
	transform: rotate(-180deg);
	/* 旋转45度 */
}

.swiper-pro-hot-next:hover,
.swiper-pro-hot-prev:hover {
	background: var(--active-color);
	cursor: pointer;
	color: #fff;
	border-color: var(--active-color);
}

.swiper-button-disabled,
.swiper-button-disabled:hover {
	background: #f5f5f5;
	border-color: #d4d4d4;
	color: #d4d4d4;
}

/**********************************四大核心优势******************************/
.four-youshi-wrap {
	background: #f5f6f8;
	padding: 130px 0 100px 0;
}

@media screen and (max-width: 1920px) {
	.four-youshi-wrap {
		padding: calc(130 / 1920 * 100vw) 0 calc(100 / 1920 * 100vw) 0;
	}
}
.four-youshi-wrap .title {
	border-bottom: #cdcdcd solid 1px;
	text-align: center;
}

.four-youshi-wrap .title .tit {
	font-size: 50px;
}
@media screen and (max-width: 1920px) {
	.four-youshi-wrap .title .tit {
		font-size: calc(50 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.four-youshi-wrap .title .tit {
		font-size: 5rem;
	}
}
.four-youshi-wrap .title .tit2 {
	font-size: 24px;
	position: relative;
	padding: 0 0 20px 0;
}
@media screen and (max-width: 1920px) {
	.four-youshi-wrap .title .tit2 {
		font-size: calc(24 / 1920 * 100vw);
		padding: 0 0 calc(20 / 1920 * 100vw) 0;
	}
}
@media screen and (max-width:992px) {
	.four-youshi-wrap .title .tit2 {
		font-size: 3rem;
		padding: 0 0 2rem 0;
	}
}
.four-youshi-wrap .title .tit2::after {
	position: absolute;
	content: "";
	width: 111px;
	height: 4px;
	background: #00b4cd;
	left: 50%;
	margin-left: -55px;
	bottom: -2px;
}
@media screen and (max-width: 1920px) {
	.four-youshi-wrap .title .tit2::after {
		width: calc(111 / 1920 * 100vw);
		margin-left: calc(-55 / 1920 * 100vw);
	}
}
@media screen and (max-width: 922px) {
	.four-youshi-wrap .title .tit2::after {
	width: 20rem;
	margin-left: -10rem;
	}
}
.four-youshi-item {
	padding: 75px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	overflow: hidden;
}
@media screen and (max-width: 1920px) {
	.four-youshi-item {
		padding: calc(75 / 1920 * 100vw) 0;
	}
}
@media screen and (max-width: 992px) {
	.four-youshi-item {
		flex-direction: column;
	}
}
.four-youshi-item .item-left {
	width: 41.4%;
}

.four-youshi-item .item-left .num {
	font-size: 74px;
	color: var(--active-color);
	font-family: '008-SSJingDongTi';
	line-height: 1;
}
@media screen and (max-width: 1920px) {
	.four-youshi-item .item-left .num {
		font-size: calc(74 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.four-youshi-item .item-left {
		width: 100%;
	}
	.four-youshi-item .item-left .num {
		font-size: 9rem;
	}
}
.four-youshi-item .item-left .tit {
	font-size: 30px;
	font-weight: bold;
}
@media screen and (max-width: 1920px) {
	.four-youshi-item .item-left .tit {
		font-size: calc(30 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.four-youshi-item .item-left .tit {
		font-size: 4rem;
	}
}
.four-youshi-item .item-left p {
	line-height: 1.8;
	margin: 15px 0;
}
@media screen and (max-width: 1920px) {
	.four-youshi-item .item-left p {
		margin: calc(15 / 1920 * 100vw) 0;
		font-size: calc(18 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.four-youshi-item .item-left p {
		margin: 3rem 0;
		font-size: 14px;
	}
}
.four-youshi-item .item-left .option {
	/*width: 380px;*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 35px;
}
@media screen and (max-width: 1920px) {
	.four-youshi-item .item-left .option {
		margin-top: calc(35 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.four-youshi-item .item-left .option {
		width: 100%;
		margin-top: 4rem;
	}
}
.four-youshi-item .item-left .option .more {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: auto;
	height: 54px;
	border-radius: 54px;
	background: var(--active-color);
	color: #fff;
	font-size: 21px;
	padding: 0 11px;
}
@media screen and (max-width: 992px) {
	.four-youshi-item .item-left .option .more {
		width: auto;
		height: 8rem;
		border-radius: 8rem;
		font-size:3rem
	}
}
.four-youshi-item .item-left .option .more span {
	padding-left: 25px;
	padding-right: 25px;
	line-height: 31px;
}

.four-youshi-item .item-left .option .more i {
	display: block;
	width: 39px;
	height: 39px;
	background: #fff;
	color: var(--active-color);
	border-radius: 39px;
	font-size: 30px;
	line-height: 39px;
	text-align: center;
}
@media screen and (max-width: 992px) {
	.four-youshi-item .item-left .option .more i {
		width: 7rem;
	height: 7rem;
	border-radius: 7rem;
	font-size: 5rem;
	line-height: 7rem;
	}
	.four-youshi-item .item-left .option .more span {
		padding-left: 2rem;
		line-height: auto;
		
	}
	.four-youshi-item .item-left .option .more span {
	padding-left: 10px;
	padding-right: 10px;
}
}

.four-youshi-item .item-left .option .more:hover{
	background-color:#71bf44;
}
.swiper-youshi-btn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 122px;
}

.swiper-youshi-next,
.swiper-youshi-prev {
	width: 55px;
	height: 55px;
	border: #d4d4d4 solid 1px;
	border-radius: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	top: 40%;
	transition: all .5s ease;
}
@media screen and (max-width: 992px) {
	.swiper-youshi-btn {
		width: 18rem;
	}
.swiper-youshi-next,
.swiper-youshi-prev {
		width: 8rem;
	height: 8rem;
	}
}

.swiper-youshi-next i,
.swiper-youshi-prev i {
	font-size: 20px;
}

.swiper-youshi-next i {
	transform: rotate(-180deg);
	/* 旋转45度 */
}

.swiper-youshi-next:hover,
.swiper-youshi-prev:hover {
	background: var(--active-color);
	cursor: pointer;
	color: #fff;
	border-color: var(--active-color);
}

.four-youshi-item .item-right {
	width: 56%;
	float: right;
	overflow: hidden;
}
@media screen and (max-width: 992px) {
	.four-youshi-item .item-right {
		width: 100%;
		margin-top: 5rem;
	}
}

.four-youshi-item .item-right .swiper-slide {
	width: 100%;
}

.four-youshi-item .item-right .swiper-slide:last-child {
	border-right: none;
}

.four-youshi-item .item-right .swiper-slide:first-child {
	border-left: none;
}

.four-youshi-item:nth-child(even) .item-left {
	order: 2
}

@media screen and (max-width: 992px) {
	.four-youshi-item:nth-child(even) .item-left {
		order: 0;
	}
}

.four-youshi-item:nth-child(even) .item-left .num,
.four-youshi-item:nth-child(even) .item-left .tit,
.four-youshi-item:nth-child(even) .item-left p {
	text-align: right;
}
@media screen and (max-width: 992px) {
	.four-youshi-item:nth-child(even) .item-left .num,
.four-youshi-item:nth-child(even) .item-left .tit,
.four-youshi-item:nth-child(even) .item-left p {
	text-align: left;
}
}
.four-youshi-item:nth-child(even) .item-left .option {
	float: right;
}
@media screen and (max-width: 992px) {
.four-youshi-item:nth-child(even) .item-left .option {
	float: left;
}
}
.four-youshi-item:nth-child(even) .item-left .option .more {
	order: 2
}
@media screen and (max-width: 992px) {
	.four-youshi-item:nth-child(even) .item-left .option .more {
		order: 0;
	}
}

.four-youshi-item .item-right .youshi4 .swiper-slide {
	width: 100%;
	border: none;
}

.four-youshi-item:nth-child(4) .item-right,
.four-youshi-item:nth-child(4) .item-right {
	border: none;
}

/**********************************案例展示******************************/
.product-hot-case{
	padding-top: 40px;
}
@media screen and (max-width: 1920px) {
	.product-hot-case{
		padding-top: calc(40 / 1920 * 100vw);
	}
}
.product-hot-case .row {
	margin: 0 -18px;
	clear: both;
}

.product-hot-case .row-space-in {
	padding: 0 18px;
}

.product-hot-case .sub-case-item-box {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.product-hot-case .row-space-in {
	margin-bottom: 20px;
	transition: all 0.8s;

}

@media screen and (max-width: 1920px) {
	.product-hot-case .row-space-in {
		margin-bottom: calc(20 / 1920 * 100vw);
	}
}
.product-hot-case .images-wrap {
	width: 100%;
	background: #fff;
	border-radius: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border:#f5f5f6 solid 1px;
}

.product-hot-case .images-wrap .images {
	width: 100%;
	height: 255px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:1920px) {
	.product-hot-case .row {
		margin: 0 calc(-18 / 1920 * 100vw);
	}

	.product-hot-case .row-space-in {
		padding: 0 calc(18 / 1920 * 100vw);
	}

	.product-hot-case .row-space-in {
		margin-bottom: calc(20 / 1920 * 100vw);
	}
}
@media  (max-width:768px) {
	.product-hot-case .images-wrap .images {
		height: 200px;
	}
}

.product-hot-case .case-list-item-info {
	padding: 15px;
	position: relative;
}

@media screen and (max-width: 1920px) {
	.product-hot-case .case-list-item-info {
		padding: calc(15 / 1920 * 100vw);
	}
}
.product-hot-case .case-list-item-info h3 {
	font-size: 30px;
	font-weight: bold;
	padding: 10px 0;
}
@media screen and (max-width: 1920px) {
	.product-hot-case .case-list-item-info h3 {
		font-size: calc(30 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.product-hot-case .case-list-item-info h3 {
		font-size: 4rem;
	}
}
.product-hot-case .case-list-item-info p {
	color: #666;
	font-size: 18px;
	line-height: 1.8;
}
@media screen and (max-width: 1920px) {
	.product-hot-case .case-list-item-info p {
		font-size: calc(18 / 1920 * 100vw);
	}
}
@media screen and (max-width: 1500px) {
	.product-hot-case .case-list-item-info p {
		font-size: 14px;
	}
}