/* 响应式样式开始 */
@media (min-width:1890px) {
	.container {
		max-width: 1870px;
		width: 1870px;
	}

	#navigation .menu1 {
		margin: 0 7px;
	}
}

/* 主导航栏容器大小 */
.containerBox {
	padding: 0 8%;
}

@media (min-width:1570px) {
	.container {
		max-width: 1550px;
		width: 1550px;
	}
}

@media (max-width: 1448px) {
	.containerBox {
		padding: 0 1% !important;
	}
}

@media (min-width:1410px) {
	.container {
		max-width: 1240px;
		width: 1240px;
	}
}

@media (max-width: 1286px) {
	.containerBox {
		padding: 0 2%;
	}
}

@media (max-width: 1200px) {
/* 	.navbar-brand .oo-logo {
		max-height: 40px;
	} */

	.containerBox {
		padding: 0 3%;
	}

	.container {
		max-width: 100%;
		width: 100%;
	}

	.top-line ul.info-list li {
		margin-right: 16px;
	}
}

@media (max-width: 1120px) {
	.containerBox {
		padding: 0 3% !important;
	}
}

@media (min-width: 1024px) {
	#lunch-images-box{
		height: 400px;
	}
	.swiper-container .swiper-slide img {
	    width: 100%;
	    height: 400px;
	    object-fit: cover;
	    display: block;
	}
}

@media (max-width : 1024px) {
	body {
		word-break: break-all;
		word-wrap: break-word
	}

	section {
		margin: 0 0 !important;
	}

	.container {
		max-width: 100%;
		width: 100%;
		/* padding-right: 15px; */
		/* padding-left: 1px; */
	}

	.main-content {
		padding: 0 0 !important;
	}

	.topbar-left {
		width: auto;
		float: left;
	}

	.topbar-right {
		width: auto;
		float: right;
	}

	.top-line ul.info-list li {
		margin-right: 20px;
	}

	.navbar-toggle {
		display: block !important;
		margin-top: 22px;
		margin-right: 0;
		padding: 7px 8px;
		border: 1px #ddd solid;
		border-radius: 5px;
	}

	.navbar-toggle .icon-bar {
		width: 18px;
	}


	#bs-example-navbar-collapse-1 {
		display: none !important;
	}

	/* .navbar .navbar-header {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.navbar-brand {
		margin-left: 1%;
	}

	#mmenu {
		border-left: 1px #E5E5E5 solid;
	}

	#mmenu .mmDiv {
		padding-top: 20px;
	}

	#mmenu .mm-title {
		padding: 12px 0 11px;
	}

	#mmenu .mm-search-form {
		margin: 0;
	}

	#mmenu .mm-search {
		position: static;
		padding-left: 0;
		margin-top: 10px;
		padding-right: 0;
		margin-bottom: -17px;
	}

	#mmenu .mm-search .side-mm-keyword {
		max-height: 32px;
		height: 32px;
		padding: 1px 14px;
	}

	.mm-search-btn {
		height: 32px;
		width: 40px;
		font-size: 18px;
		outline: none;
		background: none;
		display: inline-block;
		float: right;
		border: none;
		position: relative;
		margin-top: -9%;
		margin-right: -1%;
	}

	#mmenu .noblock {
		display: inline !important;
		padding: 10px;
	}

	#mmenu .MMhead {
		line-height: 2.8;
		border-bottom: 1px #E5E5E5 solid;
		margin: 0 -20px;
		padding-left: 10px;
	}

	#mmenu .MMhead a {
		background: none;
	}

	#mmenu .mm-header .mm-title {
		top: -10px;
		font-size: 14px;
	}

	#mmenu a {
		color: #333;
		font-size: 14px;
	}

	#mmenu a:hover,
	#mmenu a:active {
		font-weight: 600;
		color: #0b8aef;
	}

	#mmenu .mm-listview>li>a,
	#mmenu .mm-listview>li>span {
		padding: 10px 10px 10px 20px;
	} */
}

@media (max-width : 990px) {

	/* 960 */
	.container {
		max-width: 100%;
		width: 100%;
	}

	.top-line {
		display: none;
	}

	#head-container {
		padding: 5% 0;
	}

/* 	.mm-search-btn {
		margin-top: -8%;
		margin-right: -1%;
	} */
	
}

/* 向下考虑iphone6的667px和736px */
@media (min-width : 768px) {

/* 	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: -10px;
	} */
	
	/* 小屏轮播图切换按钮隐藏 */
	.swiper-container:hover .swiper-button-prev,.swiper-container:hover  .swiper-button-next {
		display: block;
	}

}

@media (max-width : 768px) {

	/* 双行，568px,600px,640px */
	#head-container {
		padding: 6.5% 0;
	}

	/* .navbar-brand {
		padding: 1px 10px 6px 0;
	}

	.mm-search-btn {
		margin-top: -9%;
		margin-right: -0.4%;
	} */
	
	/* 小屏轮播图切换按钮隐藏 */
	.swiper-container .swiper-button-next,.swiper-button-prev {
		display: none;
	}
	
	.right-content .toppic {
		padding: 0 10px;
	}
}

@media screen and (max-width: 480px) { 
	.cur-position,
	.cur-position i {
		font-size: 12px;
	}
}

@media (max-width : 480px) {
	.containerBox {
		padding: 0 5%;
	}

	.cate-itme {
		width: 100%;
	}

	#head-container {
		padding: 7.5% 0;
	}

/* 	.mm-search-btn {
		margin-top: -10.6%;
		margin-right: -1%;
	} */

	.right-rollbar {
		right: -2px;
		width: 42px;
	}

	.right-rollbar li,
	.right-rollbar a {
		height: 36px;
		width: 32px;
	}

	.right-rollbar .fa {
		line-height: 38px;
		font-size: 24px;
		height: 24px;
	}
	.swiper-container .swiper-slide img {
		height: 180px;
	}
}

@media (max-width : 420px) {

	.containerBox {
		padding: 0 2% !important;
	}

	/* 单行，240px,320px,375px,384px,414px */
/* 	.navbar-brand {
		padding: 1px 2% 4px 1%;
	} */

	.navbar-toggle {
		margin-top: 0.8rem;
	}

/* 	.navbar-header {
		display: inline;
	}

	.oo-nav-mmsearchbtn {
		display: inline;
	}

	.oo-logo {
		height: 30px;
		width: 100px;
	}

	.oo-logoDesp {
		font-size: 12px;
		line-height: 12px;
		top: 13px;
		height: 28px;
	}

	.oo-nav-mmsearchbtn>a {
		width: 28px;
		height: 28px;
		padding: 3px;
		float: right;
		font-size: 12px;
		border-radius: 50%;
		text-align: center;
		background: rgba(239, 239, 239, 0.3);
		position: relative;
		margin-top: -10%;
		margin-right: 16%;
	}

	.oo-nav-mmsearchbtn>a>i {
		font-size: 22px;
	}

	.mm-search-btn {
		margin-top: -12%;
		margin-right: -1%;
	}

	.form-search {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		padding: 7px;
	}

	.form-search input[type="search"] {
		font-size: 12px;
		line-height: 14px;
		margin: 2px 0 2px 8%;
		padding: 8px 8px;
		width: 66%;
	}

	.form-search button {
		width: 14%;
		height: 32px;
		margin-top: 0.5%;
		margin-right: 12%;
	} */

	/*搜索框按钮大小与颜色*/
/* 	.form-search button i {
		font-size: 19px;
	}
	 */
	.article_list {
		width: 100%
	}
	
	.article_list .articlepic {
		width: 100% !important;
		height: 150px;
		display: block;
	}
	
	.article_list h3.articletitle {
		font-size: 1.17em !important;
		font-weight: bold;
		height: auto !important;
		clear: both;
		padding-top: 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
}

/* 响应式样式结束 */
