﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@media screen and (min-width:768px) {
	.solution-product-list-container {
		background-color: #ffffff;
		padding: 80px 0
	}

	.solution-product-list-container .card-title {
		font-size: 32px;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
		line-height: 56px
	}

	.solution-product-list-container .solution-product-list-content {
		margin-top: 26px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-list-contact {
		text-align: center;
		font-size: 18px;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		color: #333333;
		line-height: 24px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-list-contact .tel {
		margin: 0 16px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		line-height: 24px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-list-contact .contact-button {
		width: 100px;
		background: rgba(255, 255, 255, .05);
		border: 1px solid rgb(0 0 0 / 60%);
		padding: 2px 18px;
		font-size: 16px;
		transition: all .1s linear;
		color: #333333;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-list-contact .contact-button:hover {
		color: #000;
		background: #fff
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item {
		margin-top: 42px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item {
		width: 1160px;
		height: 340px;
		padding-left: 23px;
		display: flex;
		align-items: center;
		margin: 0 auto;
		background: #ffffff;
		border-radius: 6px;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item:not(:first-of-type) {
		margin-top: 32px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-img {
		width: 488px;
		height: 294px;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		margin-right: 31px;
		border-radius: 6px;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text {
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-title {
		font-size: 20px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #000000;
		line-height: 28px
	}
	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-title a{
		color: #000000;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-desc {
		margin-top: 16px;
		width: 586px;
		font-size: 14px;
		color: #999999;
		line-height: 24px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-tags {
		margin-top: 16px;
		font-size: 14px;
		color: #0a2348;
		line-height: 24px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-tags .tag {
		margin-right: 40px;
		padding-left: 14px;
		position: relative;
		display: inline-block
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-tags .tag::before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
		width: 8px;
		height: 6px;
		background-image: url(//filecdn.ify.cn/skin/mrfa10396///filecdn.ify.cn/skin/mrfa10396/img/list_style_bg.png);
		background-position: center;
		background-size: auto 100%;
		background-repeat: no-repeat
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-button-container {
		margin-top: 40px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-button-container .button-item {
		width: 178px;
		background: #fbfbfc;
		border: 1px solid #000000;
		padding: 10px 0;
		text-align: center;
		font-size: 16px;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		color: #000000;
		line-height: 22px;
		display: inline-block;
		transition: all .1s linear;
		border-radius: 6px;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-button-container .button-item:not(:last-of-type) {
		margin-right: 32px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-button-container .button-item:hover {
		background: rgba(255, 255, 255, .9);
		color: #0e57a2;
	}

	.solution-product-list-container .solution-product-list-content-mobile {
		display: none
	}
}

/* @media screen and (max-width:767px) {
	.solution-product-list-container {
		background-color: #0e57a2;
		padding: .48rem 0
	}

	.solution-product-list-container .card-title {
		font-size: .26rem;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #fff;
		line-height: .37rem
	}

	.solution-product-list-container .solution-product-list-content {
		display: none
	}

	.solution-product-list-container .solution-product-list-content-mobile {
		margin-top: .32rem
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods {
		width: 3.27rem;
		height: 1.51rem;
		background: #fbfbfc;
		display: flex;
		align-items: center;
		margin: 0 auto
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods:not(:first-of-type) {
		margin-top: .16rem
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods .goods-img {
		width: 1.2rem;
		height: 1.51rem;
		margin-right: .16rem
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods .goods-img img {
		width: 100%;
		height: 100%
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods .goods-text .goods-title {
		font-size: .16rem;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		color: #000;
		line-height: .22rem
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods .goods-text .goods-desc {
		margin-top: .06rem;
		width: 1.75rem;
		font-size: .12rem;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		color: #777;
		line-height: .2rem;
		overflow: hidden;
		display: -webkit-box;
		white-space: normal;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods .goods-text .goods-button-container {
		margin-top: .08rem
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods .goods-text .goods-button-container .button-item {
		text-align: center;
		width: .8rem;
		display: inline-block;
		background: 0 0;
		border: 1px solid #0e57a2;
		font-size: .12rem;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		color: #0e57a2;
		line-height: .17rem;
		padding: .07rem 0
	}

	.solution-product-list-container .solution-product-list-content-mobile .product-products-list .productList-goods .goods-text .goods-button-container .button-item:not(:last-of-type) {
		margin-right: .12rem !important
	}

	.solution-product-list-container .solution-product-list-content-mobile .show-more {
		display: flex;
		justify-content: center;
		margin-top: .24rem
	}

	.solution-product-list-container .solution-product-list-content-mobile .show-more p {
		font-size: .16rem;
		font-weight: 300;
		font-family: PingFangSC-Light, PingFang SC;
		color: #fff;
		line-height: .22rem;
		margin-right: .06rem
	}

	.solution-product-list-container .solution-product-list-content-mobile .show-more img {
		height: .22rem
	}
} */
@media screen and (max-width:768px) {
	.solution-product-list-container {
		background-color: #ffffff;
		padding: 80px 0
	}

	.solution-product-list-container .card-title {
		font-size: 32px;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #0e57a2;
		line-height: 56px
	}

	.solution-product-list-container .solution-product-list-content {
		margin-top: 26px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-list-contact {
		text-align: center;
		font-size: 18px;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		color: #0e57a2;
		line-height: 24px;
		display: none;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-list-contact .tel {
		margin: 0 16px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		line-height: 24px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-list-contact .contact-button {
		width: 100px;
		background: rgba(255, 255, 255, .05);
		border: 1px solid rgb(47 73 160 / 60%);
		padding: 2px 18px;
		font-size: 16px;
		transition: all .1s linear;
		color: #0e57a2;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-list-contact .contact-button:hover {
		color: #000;
		background: #fff
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item {
		margin-top: 42px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item {
		width: 100%;
		/* height: 340px; */
		padding: 20px;
		margin: 0 auto;
		background: #0e57a2;
		border-radius: 6px;
		position: relative;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item:not(:first-of-type) {
		margin-top: 32px
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-img {
		display: block;
		width: 100%;
		height: 294px;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 6px;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text {
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		clear: both;
		width: calc(100% - 40px);
		height: 50px;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-title {
		font-size: 14px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #ffffff;
		line-height: 28px;
		padding-left: 0px;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-desc {
		margin-top: 16px;
		width: 586px;
		font-size: 14px;
		color: #ffffff;
		line-height: 24px;
		padding-left: 15px;
		display: none;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-tags {
		margin-top: 16px;
		font-size: 14px;
		color: #0a2348;
		line-height: 24px;
		display: none;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-tags .tag {
		margin-right: 40px;
		padding-left: 14px;
		position: relative;
		display: inline-block
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-tags .tag::before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
		width: 8px;
		height: 6px;
		background-image: url(//filecdn.ify.cn/skin/mrfa10396///filecdn.ify.cn/skin/mrfa10396/img/list_style_bg.png);
		background-position: center;
		background-size: auto 100%;
		background-repeat: no-repeat
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-button-container {
		margin-top: 40px;
		text-align: center;
		display: none;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-button-container .button-item {
		width: 25%;
		height: 40px;
		background: #fbfbfc;
		border: 1px solid #0e57a2;
		text-align: center;
		font-size: 14px;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		color: #0e57a2;
		line-height: 39px;
		display: inline-block;
		transition: all .1s linear;
		border-radius: 6px;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-button-container .button-item:not(:last-of-type) {
		margin-right: 32px;
	}

	.solution-product-list-container .solution-product-list-content .solution-product-item .product-item .item-text .item-button-container .button-item:hover {
		background: rgba(255, 255, 255, .9);
		color: #0e57a2;
	}

	.solution-product-list-container .solution-product-list-content-mobile {
		display: none
	}
}