@media only screen and (max-width: 1700px){
	.header-box{
		width:1500px;
	}
	.logo-box{
		width:212px;
	}
	.logo{
		width:150px;
	}
	
	.search{
		width:212px;
	}
	.search-box{
		width:100%;
		margin-left:5px;
	}
	.search-input input{
		width:80%;
	}
}

@media only screen and (max-width: 1500px){
	.header-box{
		width:1300px;
	}
	.logo-box{
		width:200px;
	}
	.logo{
		width:150px;
	}
	.menu-box{
		width:900px;
	}

	.menu-box ul li{
		width:180px;
	}
	.search{
		width:200px;
	}
	.search-input input{
		width:80%;
	}
	.banner-box{
		width:900px;
	}
	.inner-banner-box{
		width:900px;
	}
	.inner-title{
		margin-top:0;
	}
	.banner-img{
	margin-bottom: -2px;
	}
}

@media only screen and (max-width: 1300px){
	.header-box{
		width:1000px;
	}
	.logo-box{
		width:150px;
	}
	.logo{
		width:125px;
	}
	.menu-box{
		width:700px;
	}

	.menu-box ul li{
		width:140px;
	}
	.search{
		width:150px;
	}
	.search-input input{
		width:80%;
	}
	.banner-box{
		width:700px;
	}
	.inner-banner-box{
		width:700px;
		height: auto;
	}
	.search-input input{
		width:77%;
	}

	.article-box{
		width:900px;
	}
	.article-box ul{
		margin:20px 30px;
	}
}

@media only screen and (max-width: 1000px){
	.header-box{
		width:900px;
	}
	.logo-box{
		width:150px;
	}
	.logo{
		width:100px;
	}
	.menu-box{
		width:600px;
	}

	.menu-box ul li{
		width:120px;
	}
	.search{
		width:150px;
	}
	.search-input input{
		width:80%;
	}
	.banner-box{
		width:600px;
	}
	.inner-banner-box{
		width:600px;

	}
	.search-input input{
		width:66%;
	}

	.article-box{
		width:900px;
	}
	.article-box ul{
		margin:20px 30px;
	}
}

@media only screen and (max-width: 900px){
	.menu-box ul li{
		padding: 10px 0;
	}
	.header-box{
		width:100%;
		display:block;
		margin:0;
	}
	.logo-box{
		width:100%;
		display:block;
		height:50px;
		margin-left: 10px;
	}
	.banner-bg{
		padding-bottom: 200px;
	}
	.logo{
		width:230px;
		margin-top:10px;
		display:block;
		float:left;
		
	}
	.menu-box{
		width:100%;
	}
	.menu-box ul li{
		width:20%;
		padding: 15px 0;
		height: auto;
		line-height: 0;
	}
	.menu-box ul li .menu-word{
		padding-top: 20px;
    	display: block;
		font-size:1rem;
	}

	.menu-icon{
		display:inline-block;
	}
	/* .menu-icon{
		display:block;
	} */

	.search-rwd{
		width:35%;
		float:right;
		display:block;
		margin-top:10px;
	}
	.search{
		display:none;
	}
	.banner-box{
		width:100%;
	}
	.inner-title{
		border-top: 1px solid #acacac;
		margin-top:30px;
	}
	.inner-banner-box{
		width:100%;
	}
	.banner{
		display:block;
		padding-top:130px;
	}
	.banner-img{
		padding-bottom: 200px;
	}
	.movie-bg-banner{
		padding-bottom: 200px;
	}
	.movie-bg-mask{
		padding-bottom: 200px;
	}
	.banner-img .slick-next, .banner-img .slick-prev{
		display:none !important;
	}
	.article-box ul{
		margin:20px auto;
		display:block;
	}
	.shops-box{
		margin: 0 auto;
		width: 90%;
		margin-top: 10px;
	}
	.footer-by{
		width: 100%;
		display: block;
	}
}
@media only screen and (max-width: 450px){
	.appear-banner-box{
		width: 90%;
		margin: 0 auto;
	}
	.search-box{
		display:none;
	}
	.logo-box{
		width:200px;
		max-width:100%;
		margin:0 auto;
	}
}

@media only screen and (max-width: 400px){
	.logo{
		width:100%;
		margin-top:15px;
	}
	.search-rwd{
		width:45%;
		margin-right:5px;
	}
	.article-box ul{
		height:auto;
	}
	.article-img{
		position:relative;
	}
	.article-word{
		top:0;
	}

	.article-box{
		width:300px;
	}
	.inner-img{
		position:relative;
	}
	.inner-word{
		top:0;
	}
}