@media screen and (min-width: 751px){
	/* 璇︽儏椤 */
	.details-page{
	}
	.details{
		width: 980px;
		margin: auto;
		font-size: 14px;
		color: #333;
	}
	.details img{
		max-width: 800px;
	}
	.details .details-title{
		padding: 40px 0;
		font-size: 28px;
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #f1f1f1;
	}
	.details .details-con{
		padding: 20px 30px 30px;
		line-height: 40px;
	}
	.details .details-con>div *{
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	.info-title{
		padding: 20px 0 5px;
		font-size: 20px;
		font-weight: bold;
	}
	.details .details-con img{
		display: block;
		margin: 20px auto 30px;
	}
	.details .quick-links{
		margin-top: 40px;
		border-top: 1px solid #f1f1f1;
	}
	.details .quick-links .link-item{
		border-bottom: 1px solid #333;
	}
	.details .quick-links .link-item:hover{
		color: #d82222;
		border-bottom: 1px solid #d82222;
	}
	

	/* 瑙ｅ喅鏂规 */
	.solution .info-title{
		margin: 15px 0;
	}
	.solution-item{
		background: #fff;
		float: left;
		width: 286px;
		margin-right: 18px;
	}
	.solution-item:nth-child(5n){
		margin-right: 0;
	}
	.solution-item img{
		width: 286px;
		height: 277px;
	}
	.solution-item .solution-info{
		padding: 0 15px;
	}
	.solution-item .solution-title{
		  height: 50px;
	    line-height: 50px;
	    margin: 10px 0 15px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		font-size: 20px;
		font-weight: bold;
	}
	.solution-item .solution-text{
		display: none!important;
		max-height: 40px;
		line-height: 20px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
		font-size: 14px;
	}
	.solution-item .solution-seemore{
		text-align: right;
		margin-top: 15px;
	}
	.solution-item .solution-link{
		display: inline-block;
		width: 75px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		border: 1px solid #07081d;
		font-size: 12px;
		text-align: center;
	}
}
@media screen and (max-width: 750px){
	.details{
		padding: 0.3rem 0.25rem 0.35rem;
		border-top: 1px solid #ececec;
		line-height: 0.22rem;
		font-size: 0.13rem;
	}
	.details-title {
	    font-size: 0.16rem;
	    text-align: center;
	}
	.info-title {
	    padding: 0.2rem 0 0.1rem;
	    font-size: 0.15rem;
	    font-weight: bold;
	}
	.details .quick-links {
	    margin-top: 0.2rem;
	    border-top: 1px solid #f1f1f1;
	}
	.details .quick-links .link-item{
		display: inline-block;
	    border-bottom: 1px solid #333;
	    font-size: 0.13rem;
	    margin-bottom: 0.1rem;
	}
	.solution {
	    background: #fff;
	    padding-left: 0.09rem;
	}
	.solution .solution-item{
	    background: #fff;
	    float: left;
	    width: 1.73rem;
	    height: 3rem;
	    margin: 0 0.09rem 0.1rem 0;
	}
	.solution .solution-item:nth-child(2n+1){
		margin-right: 0;
	}
	.solution-item img{
	    width: 1.73rem;
	    height: 1.68rem;
	}
	.solution-item .solution-info{
		background: #ebebeb;
		padding: 0.12rem 0.1rem;
	}
	.solution-item .solution-title{
	    height: 0.2rem;
	    line-height: 0.2rem;
	    padding: 0;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    font-size: 0.14rem;
	    font-weight: bold;
	}
	.solution-item .solution-text {
	    height: 0.4rem;
	    line-height: 0.2rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    font-size: 0.11rem;
	}
	.solution-item .solution-seemore {
	    text-align: center;
	    margin-top: 0.08rem;
	}
	.solution-item .solution-link {
	    display: inline-block;
	    width: 0.7rem;
	    height: 0.22rem;
	    line-height: 0.22rem;
	    border-radius: 0.11rem;
	    border: 1px solid #07081d;
	    font-size: 0.12rem;
	    text-align: center;
	}
}