@media (max-width:1000px) {
	.main {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: #FFFFFF;
		padding: 15px 0;
		font-family: ProximaNovaCond, "Arial Narrow", sans-serif;
	}

	.m-title {
		width: 95%;
		line-height: 1.5;
		height: 50px;
		/* font-size: 20px; */
		font-weight: 600;
		margin: 0 auto;
		/* text-align: center; */
		text-transform: uppercase;
		position: relative;
		/* background-color: #000000; */
		/* border-bottom: 2px solid #D0021B; */

	}

	.m-title::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		font-size: 18px;
		border-bottom: 2px solid #D0021B;
		bottom: 0px;
		left: 0;
		z-index: 0;
		/* background-color: #000000; */
	}

	.mt-text {
		width: auto;
		height: auto;
		padding: 9px;
		display: inline-block;
		border: 2px solid #D0021B;
		color: #D0021B;
		background-color: #FFFFFF;
		border-bottom: 2px solid #FFFFFF !important;
		position: absolute;
		top: 5px;
		left: 0;
		z-index: 2;


	}

	.list1 {
		width: 95%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;

	}

	.l1-box {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.l1-box img {
		width: 100%;
		height: 230px;
	}

	.l1-text {
		padding: 10px 0;
		line-height: 1.5;
	}

	.tips {
		font-size: 16px;
		color: #0e0588;
		font-weight: 600;
		margin-bottom: 8px;
	}

	.l1-text p:nth-of-type(2) {
		font-size: 20px;
		/* font-weight: 600; */
		color: #000000;
	}
	.list2{
		width: 95%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;
	}
	.l2-box{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		border-bottom: 1px solid gainsboro;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 0;
	}
	.l2-box img{
		width: 40%;
		height: 110px;
		border-radius: 8px;
	}
	.l2-text{
		width: 55%;
		height: auto;
		padding: 10px 0;
		line-height: 1.5;
		font-size: 17px;
	}
	.list3{
		width: 95%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
	}
	.l3-box{
		width: 100%;
		height: auto;
	}
	.l3-box img{
		width: 100%;
		height: 220px;
		border-radius: 8px;
	}
	.l3-text{
		width: 100%;
		line-height: 1.5;
		padding: 10px 0;
	}
	.l3-text p:nth-of-type(2){
		font-size: 20px;
		
	}
}

@media (min-width:1000px) {
	.main {
		width: 1400px;
		height: auto;
		margin: 0 auto;
		background-color: #FFFFFF;
		padding: 25px 0;
		font-family: ProximaNovaCond, "Arial Narrow", sans-serif;
	}

	.m-title {
		width: 100%;
		line-height: 1.5;
		height: 50px;
		font-size: 20px;
		font-weight: 600;
		/* text-align: center; */
		text-transform: uppercase;
		position: relative;
		/* background-color: #000000; */
		/* border-bottom: 2px solid #D0021B; */

	}

	.m-title::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		border-bottom: 2px solid #D0021B;
		bottom: 0px;
		left: 0;
		z-index: 0;
		/* background-color: #000000; */
	}

	.mt-text {
		width: auto;
		height: auto;
		padding: 9px;
		display: inline-block;
		border: 2px solid #D0021B;
		color: #D0021B;
		background-color: #FFFFFF;

		border-bottom: 2px solid #FFFFFF !important;
		position: absolute;
		top: -1px;
		left: 0;
		z-index: 2;


	}

	.list1 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;
		display: flex;
		flex-wrap: wrap;
		/* background-color: pink; */

	}

	.l1-box {
		width: 23%;
		height: auto;
		margin: 0 15px 20px 13px;
	}

	.l1-box img {
		width: 100%;
		height: 230px;
	}

	.l1-text {
		padding: 10px 0;
		line-height: 1.5;
	}

	.tips {
		font-size: 15px;
		color: #0e0588;
		font-weight: 600;
		margin-bottom: 8px;
	}

	.l1-text p:nth-of-type(2) {
		font-size: 18px;
		/* font-weight: 600; */
		color: #000000;
	}
	.list2{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;
		display: flex;
		flex-wrap: wrap;
		/* background-color: pink; */
	}
	.l2-box{
		width: 31%;
		height: auto;
		margin: 0 15px 20px 17px;
		border-bottom: 1px solid gainsboro;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 0;
		/* background-color: #FFFFFF; */
	}
	.l2-box img{
		width: 40%;
		height: 120px;
		border-radius: 8px;
	}
	.l2-text{
		width: 55%;
		height: auto;
		padding: 10px 0;
		line-height: 1.5;
		font-size: 18px;
	}
	.list3{
		width: 100%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		/* background-color: pink; */
		position: relative;
	}
	.l3-box{
		width: 23%;
		height: auto;
		margin: 0 10px 30px 16px;
	}
	.l3-box img{
		width: 100%;
		height: 200px;
		border-radius: 4px;
	}
	.l3-text{
		width: 100%;
		line-height: 1.5;
		padding: 10px 0;
	}
	.l3-text p:nth-of-type(2){
		font-size: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		font-weight: 400;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		
	}
	.l3-box:nth-of-type(1){
		width: 47%;
		height: auto;
		margin: 0 10px 20px 25px;
	}
	.l3-box:nth-of-type(1) img{
		width: 100%;
		height: 550px;
		border-radius: 0px;
		/* margin: 0; */
	}
	.l3-box:nth-of-type(1) .l3-text p:nth-of-type(2){
		font-size: 18px;
	}
	.l3-box:nth-of-type(3){
		position: absolute;
		top: 330px;
		right: 360px;
	}
	.l3-box:nth-of-type(4){
		position: absolute;
		top: 330px;
		right: 10px;
	}
}