@charset "utf-8";

/* ================================ summary ================================ */

.summary {
	color: #333;
	padding: 60px 0px;
	border-bottom: 1px solid #ccc;
}

.summary h1 {
	color: #e60012;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
}

.summary h2 {
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
}

.summary p {
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	margin-top: 20px;
}

.summary p .br2 {
}

/* ================================ qa ================================ */

.qa {
	color: #333;
	padding-top: 60px;
}
.qa.last {
	padding-bottom: 60px;
	border-bottom: 1px solid #ccc;
}

.qa h1 {
	color: #e60012;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
	/* position: relative; */
}

.qa h1 i {
	/* width: 25px;
	height: 31px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../../res/imgs/superiority/b3.jpg) 0px 0px no-repeat; */
}

.qa p {
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	margin-top: 20px;
}

/* ================================ intro1 ================================ */

.intro1 {
	color: #333;
	padding: 60px 0px;
}

.intro1 h1 {
	color: #e60012;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
}

.intro1 h2 {
	color: #666;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
}

.intro1 p {
	text-align: center;
	margin-top: 45px;
}

.intro1 p img {
	max-width: 100%;
}

/* ================================ intro2 ================================ */

.intro2 {
	color: #333;
	padding: 60px 0px;
	background-color: #ffffff;
}

.intro2 h1 {
	color: #e60012;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
}

.intro2 h2 {
	color: #666;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
}

.intro2 p {
	text-align: center;
	margin-top: 45px;
}

.intro2 p img {
	max-width: 100%;
}

@media (min-width: 1025px) and (max-width: 1440px) {
	
	/* ================================ summary ================================ */
	
	.summary {
	}
	
	.summary h1 {
	}
	
	.summary h2 {
	}
	
	.summary p {
	}
	
	.summary p .br2 {
	}
	
	/* ================================ qa ================================ */
	
	.qa {
	}
	.qa.last {
	}
	
	.qa h1 {
	}
	
	.qa h1 i {
	}
	
	.qa p {
	}
	
	/* ================================ intro1 ================================ */
	
	.intro1 {
	}
	
	.intro1 h1 {
	}
	
	.intro1 h2 {
	}
	
	.intro1 p {
	}
	
	.intro1 p img {
	}
	
	/* ================================ intro2 ================================ */
	
	.intro2 {
	}
	
	.intro2 h1 {
	}
	
	.intro2 h2 {
	}
	
	.intro2 p {
	}
	
	.intro2 p img {
	}
	
}

@media (min-width: 1px) and (max-width: 1024px) {
	
	/* ================================ summary ================================ */
	
	.summary {
	}
	
	.summary h1 {
	}
	
	.summary h2 {
	}
	
	.summary p {
	}
	
	.summary p .br2 {
		display: none;
	}
	
	/* ================================ qa ================================ */
	
	.qa {
	}
	.qa.last {
	}
	
	.qa h1 {
	}
	
	.qa h1 i {
	}
	
	.qa p {
	}
	
	/* ================================ intro1 ================================ */
	
	.intro1 {
	}
	
	.intro1 h1 {
	}
	
	.intro1 h2 {
	}
	
	.intro1 p {
	}
	
	.intro1 p img {
	}
	
	/* ================================ intro2 ================================ */
	
	.intro2 {
	}
	
	.intro2 h1 {
	}
	
	.intro2 h2 {
	}
	
	.intro2 p {
	}
	
	.intro2 p img {
	}
	
}
