.clear{
	clear: both;
}
body{margin:0;padding:0;font-size:12px;background-color:#fff;font-family:"微软雅黑";}
img{border:none;}
a{text-decoration:none;}
ul{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	

p,h1,h2,h3,h4,h5,h6{color: #1F1F1F;}

/*banner */
#blender_banner{ width: 100%; margin: 0 auto;}
#blender_banner_pc{ width: 100%; background: url(../images/blender_banner_bg.jpg) center no-repeat;}
#blender_banner_pc img{ display: block; margin: 0 auto;}
#blender_banner_yd{ width: 100%; margin: 0 auto; display: none;}
/*bannerOver */

.blender_title{  width: 1220px; margin: 0 auto 50px;}
.blender_title h2{ text-align: center; color: #383838; line-height: 60px; font-size: 50px; margin:40px 0 10px;}
.blender_title h4{ text-align: center; color: #303030;line-height: 40px; font-size: 18px; font-weight: 400;}

#blender_what{ width: 1220px; margin: 0 auto;}
#blender_what ul li{ float: left; width: 600px; margin-left: 20px;}
#blender_what ul li:nth-of-type(2n+1){ margin-left: 0;}
#blender_what ul li img{ display: block; width: 100%;}
#blender_what ul li h4{ font-size: 28px; line-height:60px; text-align: center; margin: 0 auto 20px; color: #524822;}

/*GamesAll*/
#GamesAll{	width: 100%;}
#GameAllBG{	width: 100%; background: url(../images/blender_all_bg.jpg) no-repeat top; height: 510px; padding: 70px 0;}
#GameAllMian{ width: 1220px; margin: 0 auto;}

#GameAllMian ul{ float: left; margin-left: 50px;}
#GameAllMian ul:nth-of-type(2){	float: right; margin-right: 50px;}
#GameAllMian li{ color: #fff; font-size: 30px; margin-bottom: 65px; text-shadow: 0px 0px 16px #fefde7; animation: MyH 5s infinite linear; transform: rotate(0deg) ;}
.ALLul01 li:nth-of-type(1),.ALLul01 li:nth-of-type(5){	margin-left: 100px;}
.ALLul01 li:nth-of-type(2),.ALLul01 li:nth-of-type(4){	margin-left: 50px;}
.ALLul02 li:nth-of-type(2),.ALLul02 li:nth-of-type(4){	margin-left: 50px;}
.ALLul02 li:nth-of-type(3){	margin-left: 100px;}

@keyframes MyH{	from{transform: rotate(0deg);}	25%{transform: rotate(3deg);}	50%{transform: rotate(0deg);}	75%{transform: rotate(-3deg);}	to{transform: rotate(0deg);}
}
/*GamesAllOver*/


/*GamesDagangMax*/

#blender_course{ width: 100%;}
.blender_course_01,.blender_course_02{ width: 100%; background: #7753f6;}

.blender_course_01 .blender_course_img{ width: 50%; float: left;}
.blender_course_img img{ width: 100%; display: block;}
.blender_course_area{ width: 50%; float: left;}
.blender_course_text{ width: 610px; padding: 30px 0 0 30px;}

.blender_course_02 .blender_course_img{ width: 50%; float: right;}
.blender_course_02 .blender_course_text{ width: 610px; float: right;} 

.blender_course_text h4{ font-size: 40px; color: #fff; font-weight: 400; line-height: 60px;}
.blender_course_text p{ font-size: 18px; color: #fff; line-height: 46px; padding-top: 10px;}

/*GamesDagangMaxOver*/
#blender_work{ width: 100%; margin: 0 auto 30px;}
#blender_work ul li{ width:33.33%; float: left;}
#blender_work ul li img{ width: 100%; display: block;}

/*GamesDown*/
#blender_bottom{ width: 100%; background: url(../images/blender_bottom_bg.jpg) no-repeat top; padding: 120px 0;}
#blender_bottom p{ font-size: 64px; color: #fff; text-align: center; font-weight: 700;}
#blender_bottom a{ display: block; width: 240px; height: 60px; margin: 40px auto 0; background: #e03266; border-radius: 50px; line-height: 60px; text-align: center; font-size: 28px; color: #fff;}


/*GamesDownOVer*/

@media only screen and (min-width: 768px) and (max-width: 1024px){
	#blender_banner_pc{ display: none;}
	#blender_banner_yd{ display: block;}
	
	.blender_title{  width: 100%; margin: 0 auto 2rem;}
	.blender_title h2{line-height: 2.8rem; font-size: 2.4rem; margin:2rem 0 1rem;}
	.blender_title h4{line-height: 2.4rem; font-size: 1.4rem;}
	
	#blender_what{ width: 100%; margin: 0 auto;}
	#blender_what ul li{ width: 49%; margin-left: 2%; font-size: 30px;}
	#blender_what ul li:nth-of-type(2n+1){ margin-left: 0;}
	#blender_what ul li h4{ font-size: 1.4rem; line-height:2.0rem; margin: 0.5rem auto 1rem;}
	
	/*GamesAll*/
	#GamesAll{	width: 100%;}
	#GameAllBG{	width: 100%; height: auto;	padding: 2rem 0;}
	#GameAllMian{ width: 100%; }
	#GameAllMian ul{ float: left; margin-left: 1rem;}
	#GameAllMian ul:nth-of-type(2){	float: right; margin-right: 1rem;}
	#GameAllMian li{font-size: 1.8rem; margin-bottom: 3.5rem;}
	.ALLul01 li:nth-of-type(1),.ALLul01 li:nth-of-type(5){	margin-left: 4rem;}
	.ALLul01 li:nth-of-type(2),.ALLul01 li:nth-of-type(4){	margin-left: 2rem;}
	.ALLul02 li:nth-of-type(2),.ALLul02 li:nth-of-type(4){	margin-left: 2rem;}
	.ALLul02 li:nth-of-type(3){	margin-left: 4rem;}

	.blender_course_01 .blender_course_img{ width: 100%; float: none;}
	.blender_course_img img{ width: 100%; display: block;}
	.blender_course_area{ width: 100%; float: none; padding-bottom: 1rem;}
	.blender_course_text{ width: 98%; padding: 1rem 0 0 2%;}

	.blender_course_02 .blender_course_img{ width: 100%; float: none;}
	.blender_course_02 .blender_course_text{ width: 98%; float: none;} 

	.blender_course_text h4{ font-size: 1.8rem; line-height: 2.8rem;}
	.blender_course_text p{ font-size: 1.4rem; line-height: 2.2rem; padding-top: 1rem;}
	
	#blender_work{ width: 100%; margin: 0 auto 2rem;}
	#blender_work ul li{ width:50%; float: left;}
	#blender_work ul li img{ width: 100%;}
	
	#blender_bottom{ width: 100%; padding: 6rem 0;}
	#blender_bottom p{ font-size: 3.0rem; }
	#blender_bottom a{ width: 40%; height: 4rem; margin: 2rem auto 0;  line-height: 4rem; font-size:2.0rem;}
	
}


@media only screen and (min-width: 320px) and (max-width: 767px){
	#blender_banner_pc{ display: none;}
	#blender_banner_yd{ display: block;}
	
	.blender_title{  width: 100%; margin: 0 auto 1rem;}
	.blender_title h2{line-height: 2.0rem; font-size: 1.4rem; margin:1rem 0 0.5rem;}
	.blender_title h4{line-height: 1.6rem; font-size: 1.0rem;}
	
	#blender_what{ width: 100%; margin: 0 auto;}
	#blender_what ul li{ width: 90%; float: none; margin-left: 5%;}
	#blender_what ul li:nth-of-type(2n+1){ margin-left: 5%;}
	#blender_what ul li h4{ font-size: 1.2rem; line-height:2.0rem; margin: 0.5rem auto 1rem;}
	
	/*GamesAll*/
	#GamesAll{	width: 100%;}
	#GameAllBG{	width: 100%; height: auto;	padding: 1rem 0;}
	#GameAllMian{ width: 100%; }
	#GameAllMian ul{ float: none; margin-left: 2rem;}
	#GameAllMian ul:nth-of-type(2){	float: none; margin-right: 0;}
	#GameAllMian li{font-size: 1.2rem; margin-bottom: 1rem; }
	.ALLul01 li:nth-of-type(1),.ALLul01 li:nth-of-type(5){	margin-left: 6rem;}
	.ALLul01 li:nth-of-type(2),.ALLul01 li:nth-of-type(4){	margin-left: 3rem;}
	.ALLul02 li:nth-of-type(2),.ALLul02 li:nth-of-type(4){	margin-left: 3rem;}
	.ALLul02 li:nth-of-type(3){	margin-left: 6rem;}
	
	.blender_course_01 .blender_course_img{ width: 100%; float: none;}
	.blender_course_img img{ width: 100%; display: block;}
	.blender_course_area{ width: 100%; float: none; padding-bottom: 0.5rem;}
	.blender_course_text{ width: 99%; padding: 0.5rem 0 0 1%;}

	.blender_course_02 .blender_course_img{ width: 100%; float: none;}
	.blender_course_02 .blender_course_text{ width: 99%; float: none;} 

	.blender_course_text h4{ font-size: 1.4rem; line-height: 2.2rem;}
	.blender_course_text p{ font-size: 1.0rem; line-height: 1.8rem; padding-top: 0.5rem;}
	
	#blender_work{ width: 100%; margin: 0 auto 1rem;}
	#blender_work ul li{ width:100%; float: none;}
	#blender_work ul li img{ width: 100%;}
	
	#blender_bottom{ width: 100%; padding: 4rem 0;}
	#blender_bottom p{ font-size: 2.0rem; }
	#blender_bottom a{ width: 60%; height: 3rem; margin: 1rem auto 0;  line-height: 3rem; font-size:1.6rem;}
}

/*IpidOver*/