/************************************************************************************
smaller than 1200   最大邊界
*************************************************************************************/
@media screen and (max-width: 1200px) {
/*通用*/	
.h1   {
	font-size: 3em;
	
}
.h2   {
	font-size: 2.5em;
}
.h3   {
	font-size: 2.2em;
	line-height: 1.5em;
}
.h4 {
	font-size: 1.5em;
	line-height: 1.8em;
}
.h5 {
	font-size: 1.2em;
	line-height: 1.5em;
}
.h6 {
	font-size: 1.1em;
	line-height: 1.5em;
}
.p {
	font-size: 1em;
	line-height: 1.5em;
}	
.center1200 {
	width: 90%;
	max-width:1200px;
	padding: 0 5%;
}	
/*通用end*/	

/* section1 */
.section1 .article {
	padding-top: 25vh;
}
/* section2 */

/* section3 */

/* section4 */

/* section5 */

}
/************************************************************************************
smaller than 900    
*************************************************************************************/
@media only screen and (max-width: 900px) {
	/* section2 */
.section2 .banner  .articleR {
	width: 25%;
	min-width:150px;
	padding: 10% 5% 1.5% 5%;
		
}
.section2 .banner  .articleL {
	width: 25%;
	min-width:150px;
	padding: 10% 10% 1.5% 0%;
}
	
}

/************************************************************************************
smaller than 800    
*************************************************************************************/
@media only screen and (max-width: 800px) {
.center1200 {
	max-width:800px;
}	
/* section1 */

/* section2 */
.section2 .banner  .articleR {
	width: 35%;
	padding: 10% 5% 1.5% 5%;

}
.section2 .banner  .articleL {
	width: 35%;

	padding: 10% 5% 1.5%5%;
}
.section2 .banner  .ls2{
	letter-spacing: 0.1em;
	}
/* section3 */

/* section4 */

/* section5 */


/************************************************************************************
smaller than 400
*************************************************************************************/
@media screen and (max-width: 400px) {
.center1200 {
	max-width:400px;
}
/* section1 */

/* section2 */
.section2 .banner  .articleR {
	width: 55%;
	padding: 12% 2% 4% 2%;
	left:0;
}
.section2 .banner  .articleL {
	width: 55%;
	padding: 12% 2% 4% 2%;
}
.section2 a .indBan1 {
	background-position: 40% 25%;		
}
.section2 a .indBan2 {
	background-position: 7% 80%;		
}
.section2 a .indBan3 {
	background-position: 46% 50%;		
}
.section2 a .indBan4 {
	background-position: 30% 15%;		
}
/* section3 */

/* section4 */

/* section5 */


}