/************************************************************************************
smaller than 1366   最大邊界
*************************************************************************************/
@media screen and (max-width: 1400px) {
/*通用*/	
#Xmas .h0-0 {
	font-size: 4em;
	line-height: 2em;
}
#Xmas .h0-1 {
	font-size: 4em;
}
#Xmas .h1-0   {
	font-size: 3em;
	line-height: 1em;
}
#Xmas .h1-1   {
	font-size: 3em;
}
#Xmas .h2-0   {
	font-size: 2.5em;
	line-height: 1.2em;
}
#Xmas .h2-1   {
	font-size: 2.5em;
	line-height: 1.5em;
}
#Xmas .h3-0   {
	font-size: 2.2em;
	line-height: 1.2em;
}
#Xmas .h3-1   {
	font-size: 2.2em;
	line-height: 1.5em;
}
#Xmas .h4-0 {
	font-size: 1.5em;
	line-height: 1.5em;
}
#Xmas .h4-1 {
	font-size: 1.5em;
	line-height: 1.8em;
}
#Xmas .h4-2 {
	font-size: 1.5em;
	line-height: 2em;
}
#Xmas .h5-0 {
	font-size: 1.2em;
	line-height: 1.2em;
}
#Xmas .h5-1 {
	font-size: 1.2em;
	line-height: 1.5em;
}
#Xmas .h5-2 {
	font-size: 1.2em;
	line-height: 1.8em;
}
#Xmas .h6-0 {
	font-size: 1.1em;
	line-height: 1.1em;
}
#Xmas .h6-1 {
	font-size: 1.1em;
	line-height: 1.5em;
}
#Xmas .h6-2 {
	font-size: 1.1em;
	line-height: 1.8em;
}
#Xmas .p-0 {
	font-size: 1em;
	line-height: 1.3em;
}	
#Xmas .p-1 {
	font-size: 1em;
	line-height: 1.6em;
}
#Xmas .p-2 {
	font-size: 1em;
	line-height: 1.9em;
}		
#Xmas .center1366 {
	width: 90%;
	max-width:1366px;
	padding: 0 5%;
}	
#Xmas .center1366b {
	width: 100%;
	max-width:1366px;
	padding: 0 5%;
}	
/*通用end*/	

	
/* section1 */

/* section2 */

/* section3 */
#Xmas .section3 {
	max-height: 300px;
}
#Xmas .section3 .title {
	top:15vh;
	
}
#Xmas .section3 .leftbg {
	width: 45vw;
	height: 600px;
	background-position: 8% 50%;
	
}
#Xmas .section3 .rightbg {
	width: 45vw;
	height: 500px;
	background-position: 8% 50%;

}
/* section4 */


/* section5 */

/* section6 */
#Xmas .section6 .article {
	width: 45vw;
	padding: 7% 13% 7% 3%;
	float:left;
}
#Xmas .section6 #Xmas .hhone {
	width: 30%;
	padding:5vh 0;
	float:left;
}
/* section7 */
#Xmas .section7 .article {
	width: 50vw;
	height: 100%;
	padding:6vh 0 6vh 12%;
}
#Xmas .section7 .sec07pic {
	width:200px;
	padding:2% 0 3% 0;
}
/* section8 */
#Xmas .section8 .article{
	width: 50%;
	}
/* section9 */
#Xmas .section9 .sec09phone{
	width: 50%;
	padding:10vh 0;
	}
/* section10 */
#Xmas .section10 .article{
	width: 80%;
	padding:12vh 0 28vh 65vw;
	
	}
/* section11 */
#Xmas .section11 .article{
	width: 100%;
	padding:5vh 8vw 0 8vw;
	
	}

	
#Xmas .section11 .sec11gray{
	width:250px;
	}	
#Xmas .section11 .sec11gold{
	width:250px;
	}
/* section1 banner */


	
}
/************************************************************************************
smaller than 1024    
*************************************************************************************/
@media only screen and (max-width: 1024px) {
	
/* section1 */
#Xmas .section1 .video {
	display:none;
}
#Xmas .section1 .tcontain {
	max-width: 600px;
}
#Xmas .section1 .edalogo {
	width:260px;
}
#Xmas .section1 .mvideo {
	display: block;
	width: 100%;
	height: 500px;
}
#Xmas .section1 .gonext {
	display:none;
}
/* section2 */
#Xmas .section2 {
	height: 100vh;
	background-position: 100% 50%;
	padding:3vh 3vw;
	}
#Xmas .section2 .sec02_micro {
	width:170px;
	margin:0 0 5vh 0;
}	
#Xmas .section2 .sec02_love {
	width:300px;
}	
/* section3 */
#Xmas .section3 .leftbg {
	width: 50vw;
	height: 600px;
	background-position: 40% 50%;
	
}
#Xmas .section3 .rightbg {
	width: 50vw;
	height: 600px;
	background-position: 40% 50%;

}
/* section4 */
#Xmas .section4 {
	background-position: 90% 50%;
}
/* section5 */

/* section6 */

/* section7 */

/* section8 */

/* section9 */
#Xmas .section9 {
	background-size: 120%;

}
/* section10 */
#Xmas .section10 {
	background-size: 120%;
	background-position: 50% 50%;
}
#Xmas .section10 .article{
	width: 90%;
	padding:10vh 0 30vh 65vw;
	
	}
/* section11 */
#Xmas .section11 .contain{
	border: 1px solid #FFFFFF;
	margin: 5% 0 0 0;
	
	}
#Xmas .section11 .article{
	width: 100%;
	padding:7vh 5% 0 5%;
	
	}

/* section12 */

/* banner */
#Xmas.banner  {
	background-position: 70% 50%;
	padding:3vh 3vw;
	}
#Xmas.banner  .sec02_micro {
	width:170px;
}	
#Xmas.banner  .sec02_love {
	margin:20vh 0 5vh 0;
	width:300px;
}	
}

/************************************************************************************
smaller than 768   
*************************************************************************************/
@media only screen and (max-width: 768px) {

/* section1 */

/* section2 */
#Xmas .section2 {
	height: 65vh;
	background-size: 150%;
	background-position: 100% 100%;
	padding:3vh 3vw;
	overflow: hidden;
	}
#Xmas .section2 .article {
	height: 100%;
	border: 3px solid #FFFFFF;
	padding:2% 3%;
}
#Xmas .section2 .sec02_micro {
	width:150px;
	margin:0 0 3vh 0;
}	
#Xmas .section2 .sec02_love {
	width:250px;
}	


/* section3 */
#Xmas .section3 {
	max-height: 250px;
}
#Xmas .section3 .title {
	top:7vh;
}
#Xmas .section3 .leftbg {
	width: 50vw;
	height: 650px;
	background-position: 60% 50%;
	
}
#Xmas .section3 .rightbg {
	width: 45vw;
	height: 500px;
	background-position: 30% 50%;

}

/* section4 */
#Xmas .section4 {
	width: 100%;
	height: 80vh;
	background-size: 250%;
	background-position: 85% 50%;
}
#Xmas .section4 .title {
	padding: 10vh 0 25vh 0;
}

/* section5 */
#Xmas .section5 .sec05bg1 {
	background-position: 40% 50%;
}
#Xmas .section5 .sec05bg2 {
	background-position: 30% 50%;

}
#Xmas .section5 .article1 {
	width: 100%;
	height: 100%;
	padding:5% 10vw;
}
#Xmas .section5 .article2 {
	width: 40%;
	height: 100%;
	padding:5% 0;
	float:right
}
#Xmas .section5 .sec05b {
	width:50%;
}
/* section6 */
#Xmas .section6 {
	background-size: 200%;
	background-position: 50% 50%;

}
/* section7 */
#Xmas .section7 .sec07bg1 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec07bg1.jpg);
	background-size: cover;
	background-position: 70% 50%;
	background-repeat: no-repeat;
}
#Xmas .section7 .sec07bg2 {
	width: 100%;
	height: 100%;
	background-image: url(../images/sec07bg2.jpg);
	background-size: cover;
	background-position: 60% 50%;
	background-repeat: no-repeat;
}
/* section8 */
#Xmas .section8 {
	background-size: 200%;
	background-position: 50% 50%;

}
/* section9 */
#Xmas .section9 {
	background-size: 200%;
	background-position: 50% 50%;

}
#Xmas .section9 .article{
	width: 100%;
	padding:3vh 5vw;
	float: none;
	}
#Xmas .section9 .sec09icon{
	width: 200px;
	padding:2vh 0 0 0;
	
	}
#Xmas .section9 .sec09phone{
	width: 100%;
	padding:0 5vw 4vh 5vw;
	float: none;
	}
/* section10 */
#Xmas .section10 {
	width: 100%;
	height: 100%;
	background-size: 200%;
	background-position: 30% 0%;
	background-color:#FFFFFF;
	padding:0 0 40vh 0;
}
#Xmas .section10 .article{
	width: 100%;
	padding: 2vh 5% 2% 5%;
	background-color: rgba(229,229,229,0.5);
	}
/* section11 */
#Xmas .section11 {
	width: 100%;
	
}	
#Xmas .section11 .center1366{
	padding:0;
	}

#Xmas .section11 .contain{
	width:100%;
	
	border: 1px solid #FFFFFF;
	margin: 5% 0 0 0;
	
	}
#Xmas .section11 .article{
	width: 100%;
	padding:2vh 2vw 0 2vw;
	}
#Xmas .section11 .sec11logo{
	max-width: 200px;
	}	
#Xmas .section11 .sec11gray{
	max-width:200px;
	
	}	
#Xmas .section11 .sec11gold{
	max-width:200px;
	
	}	
/* section12 */	

/* banner */
#Xmas{
	height: 100vh !important;
	background-size: 150% !important;
	background-position: 100% 100% !important;
	padding:3vh 3vw !important;
	overflow: hidden !important;
	}

#Xmas .sec02_micro {
	width:150px !important;

}	
#Xmas .sec02_love {
	margin:15vh 0 5vh 0 !important;
	width:400px !important;
}	
}
/************************************************************************************
smaller than 414
*************************************************************************************/
@media screen and (max-width: 414px) {

/* section1 */

/* section2 */
#Xmas .section2 {
	height: 70vh;
	background-size: 150%;
	background-position: 90% 100%;
	padding:3vh 3vw;
	}
#Xmas .section2 .article {
	padding:3% 5%;
}
#Xmas .section2 .sec02_micro {
	width:150px;
	margin:0 0 4vh 0;
}	
#Xmas .section2 .sec02_love {
	width:230px;
}	
/* section3 */
#Xmas .section3 {
	max-height: 250px;
	padding-top: 15vh;
	background-color: rgba(0,0,0,0.00);
}
#Xmas .section3 .title {
	top:3vh;
}
#Xmas .section3 .leftbg {
	width: 50vw;
	height: 500px;
	background-position: 50% 50%;
	
}
#Xmas .section3 .rightbg {
	width: 50vw;
	height: 500px;
	background-position: 40% 50%;

}
/* section4 */
#Xmas .section4 {
	background-size: 280%;
	background-position: 65% 50%;
}
#Xmas .section4 .title {
	padding: 15vh 0 20vh 0;
}
/* section5 */
#Xmas .section5 .sec05bg1 {
	background-position: 40% 50%;
}
#Xmas .section5 .sec05bg2 {
	background-position: 28% 50%;

}
#Xmas .section5 .article1 {
	padding:5% 10vw;
}
#Xmas .section5 .title1 {
	padding:40vh 0 2vh 0;
}
#Xmas .section5 .article2 {
	width: 45%;
	padding:5% 1%;
}
#Xmas .section5 .title2 {
	padding:3vh 0 3vh 0;
}
#Xmas .section5 .sec05b {
	width:50%;
}
/* section6 */
#Xmas .section6 {
	background-size: 350%;
	background-position: 50% 50%;
}
#Xmas .section6 .article {
	width: 100%;
	padding: 7% 0 0 0;
	float:none;
}
#Xmas .section6 #Xmas .hhone {
	width: 280px;
	padding:2vh 0 5vh 0;
	float:none;
}

/* section7 */

/* section8 */
#Xmas .section8 {
	background-size: 250%;
	background-position: 50% 50%;
}
#Xmas .section8 .article{
	width: 90%;
	padding:3vh 0 0 0;
	}
/* section9 */
#Xmas .section9 {
	background-size: 350%;
	background-position: 50% 50%;
}
/* section10 */
#Xmas .section10 {
	width: 100%;
	height: 100%;
	background-size: 250%;
	background-position: 30% 0%;
	background-color:#FFFFFF;
	padding:0 0 40vh 0;
}
/* section11 */
#Xmas .section11 {
	width: 100%;
	
}	
#Xmas .section11 .center1366{
	padding:0;
	}

#Xmas .section11 .contain{
	margin: 5% 0;
	
	}
#Xmas .section11 .article{
	width: 100%;
	padding:2vh 2vw 0 2vw;
	}

#Xmas .section11 .left{
	width: 100%;
	float:none;
	margin:2% auto;
	}
#Xmas .section11 .right{
	width: 100%;
	float:none;
	margin:3% auto;
	}		
#Xmas .section11 .sec11logo{
	max-width: 150px;
	}
#Xmas .section11 .sec11gray{
	width:120px;
	}	
#Xmas .section11 .sec11gold{
	width:120px;
	}	
#Xmas .section11 .btbox{
	bottom:5vh;
	}	
/* section12 */
#Xmas .section12 .title {
	padding:5% 0 3% 0; 
}	
#Xmas .section12 .circle {
	width: 100%;
	height: 100%;
	padding: 2% 0;
	margin: 1% 0;
	border-radius: 5px;
}	
/* banner */
#Xmas .sec02_love {
	margin:12vh 0 5vh 0 !important;
	width:320px !important;
}
}
/************************************************************************************
smaller than 375
*************************************************************************************/
@media screen and (max-width: 375px) {

/* section1 */


/* section2 */


/* section3 */


/* section4 */

/* section5 */


/* section6 */

/* section7 */

/* section8 */

/* section11 */
#Xmas .section11 {
	width: 100%;
	
}	
#Xmas .section11 .center1366{
	padding:0;
	}

#Xmas .section11 .contain{
	
	margin: 5% 0 0 0;
	
	}

#Xmas .section11 .sec11gray{
	width:135px;
	
	}	
#Xmas .section11 .sec11gold{
	width:135px;
	
	}	
	
/* banner */
#Xmas .sec02_love {
	margin:12vh 0 5vh 0 !important;
	width:300px !important;
}
#Xmas .mbtspace{
	width:100% !important;
	height:15% !important;
	position:absolute !important;
	left:0 !important;
	bottom:0 !important;
	z-index:99 !important;
	background-color:rgba(0,0,0,0.5) !important;
	}
#Xmas .btnleft {
	margin: 2vh 0 !important;
	text-align:center !important;
}	
}
/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

/* section1 */


/* section2 */
#Xmas .section2 .sec02_love {
	width:200px;
}	

/* section3 */
#Xmas .section3 {
	max-height: 260px;
	padding-top: 17vh;
}

/* section4 */
#Xmas .section4 {
	width: 100%;
	height: 80vh;
	background-size: 300%;
	background-position: 65% 50%;
	background-repeat: no-repeat;
}
/* section5 */


/* section6 */
#Xmas .section6 .hhone {
	width: 250px;
}
/* section7 */
#Xmas .section7 .article {
	width: 70vw;
	padding:6vh 0 6vh 5vw;
}
/* section8 */
#Xmas .section8 {
	width: 100%;
	height: 100%;
	background-size: 230%;
	background-position: 50% 100%;
	padding:50vh 0 0 0;
}
#Xmas .section8 .article{
	width: 100%;
	padding:2% 5%;
	background-color:rgba(0,0,0,0.80)
	}
/* section9 */
	
/* section10 */

/* section11 */
#Xmas .section11 .contain{
	margin: 5% 0 0 0;
	border: none;
	}

#Xmas .section11 .sec11gray{
	width:120px;
	
	}	
#Xmas .section11 .sec11gold{
	width:120px;
	
	}
/* section12 */

#Xmas .sec02_love {
	width:265px !important;
}
}