@media screen and (max-width:1440px){
	header{ height: 575px; padding-top:70px;}
	header .container{width: 80%;}
	header .wang{padding-top: 30px;}
	header .wang:before{width: 170px; height: 185px;}
	header .top-video{margin:10px 50px 0 0;}
	.down_btn{top: 480px;}
	#activity:before{right: 5%;}
}
@media screen and (max-width:1366px){
	header{ height: 550px; padding-top:70px;}
	#activity:before{right: 2%;}
	#features:before{display: none;}
}
@media screen and (max-width:1200px){
	header{ height: 595px; padding-top:70px;}
	header .container{width: 100%;}
	#activity:before{width: 260px; height: 260px;}
	.mainCarousel{margin-top: 15px;}
}
@media screen and (max-width:1024px){
	header{ height: 520px; padding-top:70px;}
	header .wang:before{width: 150px; height: 164px; top: 18%;}

	#newbook .point h3{padding: 60px 0;}
	.introTitle .hat{top: 30%;}
	.introTitle .hat { width: 90%; top: 10%; right: 5%;}
	#activity:before{width: 240px; height: 240px; bottom:12%; right:5%;}
	.session button:before{left: 21%;}
	.session button p{font-size: 24px; padding-left: 45px;}
	.more button.add{width: 20%;}
}
@media screen and (max-width:991px){
	header{ height: 500px; padding-top:70px;}
	header .wang{padding-top: 40px;}
	
	#newbook .star:after{width: 60px; height: 60px;}
	#newbook .point h3{font-size: 20px; padding: 40px 0;}
	#newbook .point h3 strong{font-size: 22px;}
	.book ul li:nth-child(1) .goup,
	.book ul li:nth-child(2) .goup,
	.book ul li:nth-child(3) .goup,
	.book ul li:nth-child(4) .goup{margin-top: 20px;}
	.book ul li:nth-child(3) .goup,
	.book ul li:nth-child(4) .goup{margin-bottom: 40px;}
	#activity .date {padding: 10px; font-size: 22px;}
	.session button{width: 100%;}
	.session button p {font-size: 20px; padding-left: 35px; line-height: 40px;}
	.session button:before{width: 40px; height: 40px; line-height: 40px; left: 20%;}
	.more button.add{width: 23%;}
	.more button:before{width: 30px; height: 30px; line-height: 30px; font-size: 20px;}
	.more button.add p{font-size: 20px; line-height: 30px; padding-left: 5px;}
	.mainCarousel{padding: 0 auto;}
	.mainCarousel .owl-nav{top: 40%;}
}
@media screen and (max-width:768px){
	header{ height: 420px; padding-top:60px;}
	header .wang:before{width: 120px; height: 131px; top: 15%; right: 8%;}
	header .top-video{ margin: 10px 30px 0 0; padding: 6px;}
	.booklogo{width: 90%;}
	.down_btn{top: 380px;}
	.mainCarousel .owl-nav button.owl-prev {left:0%;}
	.mainCarousel .owl-nav button.owl-next{right: 0%;}

}
@media screen and (max-width:465px){
	.social-icons {margin-top: 8px;}
	header{ height: 800px; padding-top:60px;}
	header .pic{height: 30px; background-size:contain;}
	.booklogo{width: 95%; position: absolute; top: -234%; margin-left: 10px;}
	header .wang{padding-top: 180px;}
	header .wang:before{width: 135px; height: 147px; top: 40%; right: 8%;}
	header .top-video{margin:-10px 0 0 0;}

	.down_btn{top: 350px;}
	.mobile{display: block;}
	.pc{display: none;}

	.pageheader h2{width: 50%;}
	#newbook .star:after{bottom:-5%;}
	#newbook img{width: 80%;}
	#newbook .point h3{padding: 10px 0;}
	#newbook .point h3 br{display: none;}
	.introTitle .hat{width: 100%; top: 20%; right: 0%;}
	.book ul li:nth-child(1) .goup,
	.book ul li:nth-child(2) .goup,
	.book ul li:nth-child(3) .goup,
	.book ul li:nth-child(4) .goup{margin-top: 0px;}
	.book ul li:nth-child(3) .goup,
	.book ul li:nth-child(4) .goup{margin-bottom: 20px;}
	.gobuy .buy{width: 395px;}
	#activity .join{margin-bottom: 20px;}
	#activity:before{display: none;}
	#activity .date{line-height: 1.5;}
	.session button{width: 80%;}
	.more button.add{width: 43%;}
	.mainCarousel .owl-nav button span{font-size: 35px; font-weight: 600;}
	.mon p{height:auto; margin-bottom: 15px;}
	.tomon{margin-top: 15px;}
	.articleItem .caption h2 {font-size: 18px; height: 45px;}
}	
@media screen and (max-width:375px){
	header{ height: 700px; padding-top:60px;}
	header .wang{padding-top: 160px;}
	header .wang:before{width: 120px; height: 131px;}

	#newbook .star:after{bottom:-12%;}
	.pageheader h2.orange, .pageheader h2.white{width: 60%; font-size: 26px;}
	.introTitle .hat{top:30%;}
	.booklogo{top: -238%;}
	.gobuy .buy{width: 344px; padding-left:150px; margin-top:20px;}
	.gobuy .buy:before{width: 126px; height: 140px; top:-40%;}
	.more button.add {width: 60%; margin-bottom: 10px;}
	
	.down_btn{top: 320px;}
	.down_btn span{width: 40px; height: 40px;}
}
@media screen and (max-width:320px){
	header{ height: 620px; padding-top:60px;}
	header .wang{padding-top: 150px;}
	header .wang:before{width: 100px; height: 109px;}
	.booklogo{top: -242%;}
	.gobuy .buy{width: 290px; padding-left:110px; margin-top:20px;}
	.gobuy .buy:before{width: 100px; height: 111px; top:-20%; left: 2%;}
	.introTitle .hat{top: 20%;}
	.introTitle{height: 70px;}
	.session button{width: 90%;}
	.mainCarousel .owl-nav{top: 35%;}
	p{font-size: 16px; line-height: 1.5;}
}