@media (max-width:1700px) {
    .main02 div {font-size: 26px;}
}
@media (max-width:1200px) {
	.main02 div.inner{top: 90px;}
	.main02 div.inner{width: 100%;}
	.main02_img_btn img{max-width: 100%; width: 50%;}
	.main03 ul li{width: 33.333%; text-align: center;}
	/* .login_box{
		padding-top: 100px;
		padding-bottom:100px;
	} */
}
@media (max-width:991px) {
	.main01{padding: 50px 20px;}
	.play_area{padding: 0 20px 50px;}
	.main01_play img{max-width: 100%;}
	.main01_right img{width: 50%;}
	.main02_img_btn{margin-bottom: 50px;}
	.main04_left{width: 50%;}
	.main04_left img{width: 100%;}
	.main04_right{width: 50%; right: 20px;}
	.main04_right img{width: 100%;}
	.main05 ul li {width: 33.333%; text-align: center;}
	.main05 ul li img{width: 100%;}
	.main05_arrow img{width: 50% !important;}
	.main05_area ul li:last-child{padding-left: 0;}
	.main05_area ul li:nth-child(1){padding-right: 0;}
	.main06 ul li { width: 33.333%; text-align: center;}
	.main06 ul li img{width: 100%;}
	.main06_bottom img{width: 80%}
	.list_box {
		overflow: auto;
	}
	.footer_area {
		position: inherit !important;
	}
	.main02 {
		padding: 55px 10px;
	}
}
@media (max-width:860px) {
	.main02 div.inner{top: 60px;}
	.main04_right{/* right: 55px; */ bottom: -55px}
}
@media (max-width:570px) {
	.main_box .main_top .main_bt {
		margin-top: 15px;
	}
}
@media (max-width:500px) {
	.play_area{padding: 0px 20px 30px;}
	.main01 {padding: 30px 20px;}
	.main02 div.inner{top: 45px;}
	.main02 div{font-size: 14px;}
	.main02_img_btn{margin-bottom: 30px;}
	.main04{padding: 50px 0;}
	.main04txt img{width: 40%;}
	.main04_right{bottom: -30px;}
	.main05tt img{width: 47%;}
	.main06tt img{width: 40% !important;}
	.main05_bottom{padding: 50px 20px 0;}
	.main05_bottom img{width: 100%;}
	.main06{padding: 50px 0;}
	.main06_bottom{padding-top: 50px;}
	.main07_bottom{font-size: 16px; padding-top: 50px;}
	.main07_bottom span{padding-bottom: 25px;}
	.footer02{font-size: 14px;}
	.main_h h1 {
		float:none;
	}
	.con_02 {
		padding-top: 136px;
	}
}
@media (max-width:486px) {
	.main02 div.inner{top: 35px;}
	.main02_img_btn{margin-bottom: 20px;}
	.main02 div{font-size: 16px;}
	/* .main05tt img{width: 50%;} */
	.main05_bottom img{width: 100%;}
	.main05_bottom{padding: 50px 20px 0;}
	.main06_bottom img{width: 100%;}
	.main06_bottom{padding: 50px 20px 0;}
	.main07_bottom{font-size: 20px; padding-top: 50px;}
	.inner_footer{padding: 20px 0;}
	.footer_btn{padding: 0;}
	.footer02{width: 100%; font-size: 12px;}
	.footer02 ul{display: block;}
	.footer02 ul li{border-right: none;}
	.footer_txt1 li:nth-child{3}{float: left;}
}
@media (max-width:420px) {
	.main02 div.inner{top: 25px;}
	.main07_bottom{font-size: 16px; padding-top: 30px;}
}
@media (max-width: 397px) {
	.main02 div{font-size: 14px;}
	.main07_bottom{font-size: 14px;}
	.main07_bottom span{padding-bottom: 15px;}
}
/* @media (max-width: 360px) {
	.main04_right{right: 30px;}
} */
@media (max-width: 320px) {
	.main01{padding: 20px;}
	.main02 div.inner{top: 15px;}
	.main02 div{font-size: 12px;}
}