.line-last {

	margin: 15px auto !important;

	text-align: center;

}

.ulactive .linebutton {

	border: 1px solid #d7000f;

	background-color: #d7000f;

	color: white;

}

.ul .li {

	margin-top: 50px;

	/* margin-bottom: 50px; */

}

.linebutton {

	font-size: 16px;

	padding: 5px;

	/* width: 25%; */

	border: 1px solid black;

	background-color: transparent;

}

.lineonof,
.case {

	width: 100%;

	box-sizing: border-box;

	-moz-box-shadow: 0px 0px 8px #666666;

	-webkit-box-shadow: 0px 0px 8px #666666;

	box-shadow: 0px 0px 8px #666666;

	margin: auto;

}

.lineonof img,
.case img {

	width: 100%;
	height: auto;

}

.linetxt,
.casetxt {

	/* height: 200px; */

	padding: 5px;

	box-sizing: border-box;

}

.linepone {

	line-height: 20px;

}

.lineptwo,
.casttwo,
.castthree {

	font-size: 10px;

	line-height: 2;

}

.lineptwo {
	word-break: break-all;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;
	/* 这里是超出几行省略 */

	overflow: hidden;
}

.lineonof button,
.case button {

	border: 1px solid #000000;

	padding: 5px 10px 5px 10px;

	font-size: 12px;

	background-color: transparent;

	margin-top: 5px;

	margin-bottom: 5px;

}

.lineonof button:last-child,
.case button:last-child {

	margin-left: 0px;

}

.lineactive button,
.caseactive button {

	border: 1px solid #d7000f;

	background-color: #d7000f;

}

.lineactive button a,
.caseactive button a {

	color: white;

}

.lineactive button:last-child,
.caseactive button:last-child {

	border: 1px solid #707070;

	background-color: #707070;

}

.materiel,
.gallery {

	/* border: 20px solid transparent; */

	box-sizing: border-box;

	text-align: center;

	border-top: 0px;

}

.materiel img,
.gallery img {

	width: 100%;

}

.materiel p,
.gallery p {

	font-size: 18px;

	margin-top: 10px;

}

.linepone,
.castpone {

	font-size: 14px;

	color: #121212;

}



.tab li {

	text-align: center;

	margin-top: 50px;

	background-color: #e5e5e5;

	color: #666666;

	border: 5px solid white;

	box-sizing: border-box;

	padding: 5px;

}

.tab .tabli {

	background-color: #d7000f;

	color: white;

}

.solveul {

	display: none;

}

.solveul ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.solveul li {
	flex: 0 0 24%;
}

.solveul li:last-child:nth-child(4n-1) {
	margin-right: calc(24% + 4%/3);
}

.solveul li:last-child:nth-child(4n-2) {
	margin-right: calc(48% + 8%/3);
}


.uldis {

	display: block;

}

/*分页div面板样式*/

.page-normal {

	text-align: center;

	margin-bottom: 30px;

}



/*分页div面板样式*/

.page-normal {

	text-align: center;

	margin-bottom: 30px;

	margin-top: 30px;

}



/*所有分页页码的共同样式*/

.page-normal a,

.page-normal .page-current {

	border: 1px solid #818b94;

	padding: 5px 7px;

	text-decoration: none;

	margin-left: 10px;

}



/*未选中的分页页码样式*/

.page-normal a {

	color: #818b94;

}



/* 1. 选中的分页页码样式，即当前所在页面的页码

             * 2. 未选中的分页页码样式的鼠标滑过样式

             */

.page-normal .page-current,

.page-normal a:hover {

	color: #FFF;

	background-color: #818b94;

}



@media(min-width:576px) {

	.linepone {

		font-size: 16px;

		line-height: 40px;

	}

	.lineptwo,
	.casttwo,
	.castthree {

		line-height: 1.5;

		font-size: 12px;

	}

	.lineonof button,
	.case button {

		padding: 5px;

		font-size: 13px;

		margin-top: 10px;

		margin-bottom: 10px;

	}

	.lineonof button:last-child,
	.case button:last-child {

		margin-left: 0px;

	}

	.linebutton {

		font-size: 16px;

		padding: 5px;

		/* width: 30%; */

		border: 1px solid black;

		background-color: transparent;

	}

}

@media(min-width:768px) {

	.linebutton {

		font-size: 20px;

		padding: 5px 10px 5px 10px;

		/* width: 20%; */

	}

	.linepone {

		line-height: 30px;

	}

	.linepone,
	.castpone {

		font-size: 16px;

		color: #121212;

	}

	.lineptwo,
	.casttwo,
	.castthree {

		font-size: 13px;

		line-height: 2;

	}

	.lineonof button,
	.case button {

		font-size: 14px;

	}

	.lineonof button:last-child,
	.case button:last-child {

		/* margin-left: 10px; */

	}

}

@media(min-width:992px) {

	.linepone {

		line-height: 40px;

	}

	.linetxt,
	.casetxt {

		/* height: 220px; */

	}

	.linepone,
	.castpone {

		font-size: 18px;

		color: #121212;

	}

	.lineptwo,
	.casttwo,
	.castthree {

		font-size: 14px;

		line-height: 2;

	}

	.lineonof button,
	.case button {

		border: 1px solid #000000;

		padding: 5px;

		font-size: 16px;

		background-color: transparent;

		margin-top: 20px;

		margin-bottom: 20px;

	}

	.lineonof button:last-child,
	.case button:last-child {

		/* margin-left: 20px; */

	}

	.lineactive button,
	.caseactive button {

		border: 1px solid #d7000f;

		background-color: #d7000f;

	}

	.lineactive button a,
	.caseactive button a {

		color: white;

	}

	.lineactive button:last-child,
	.caseactive button:last-child {

		border: 1px solid #707070;

		background-color: #707070;

	}

	.linebutton {

		font-size: 20px;

		/* width: 15%; */

	}

}

@media(min-width:1200px) {

	.linepone,
	.castpone {

		font-size: 18px;

		line-height: 30px;

	}

	.lineptwo,
	.casttwo,
	.castthree {

		line-height: 2;

		font-size: 14px;

	}

	.linebutton {

		font-size: 20px;

		padding: 5px;

		/* width: 15%; */

		border: 1px solid black;

		background-color: transparent;

	}

	.lineonof button,
	.case button {

		border: 1px solid #000000;

		padding: 5px 10px 5px 10px;

		font-size: 18px;

		background-color: transparent;

		margin-top: 20px;

		margin-bottom: 20px;

	}

	.lineonof button:last-child,
	.case button:last-child {

		/* margin-left: 40px; */

	}

	.lineactive button,
	.caseactive button {

		border: 1px solid #d7000f;

		background-color: #d7000f;

	}

	.lineactive button a,
	.caseactive button a {

		color: white;

	}

	.lineactive button:last-child,
	.caseactive button:last-child {

		border: 1px solid #707070;

		background-color: #707070;

	}

	.linebutton {

		font-size: 22px;

		/* width: 15%; */

	}

}

@media(min-width:1400px) {

	.linepone {

		font-size: 24px;

		line-height: 60px;

	}

	.linebutton {

		font-size: 25px;

		padding: 5px;

		/* width: 15%; */

		border: 1px solid black;

		background-color: transparent;

	}

}

@media screen and (max-width:1080px) {
	.solveul li {
		flex: 0 0 32%;
		max-width: 32%;
	}



	.solveul li:last-child:nth-child(3n-1) {
		margin-right: calc(32% + 4%/2);
	}

	.solveul li:last-child:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width:768px) {
	.li-group {
		flex-wrap: wrap;
	}

	.li-group li {
		flex: 0 0 49% !important;
		max-width: 50%;
		margin: 15px 0;
	}

	.uldis ol {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.uldis ol li {
		flex: 0 0 49%;
		max-width: 50%;
	}

	.solveul li:last-child {
		margin-right: 0;
	}

	.solveul li:last-child:nth-child(2n) {
		margin-right: 0;
	}
}