/*
关于注释：
s表示起始位置start，e表示结束位置end。
*/


/*网站全局定义的响应式样式集合*/


/* 小于等于 1200px */

@media (max-width: 1199px) {
	.about-us p>img {
		width: 100%;
		max-width: inherit;
		height: auto;
	}
}


/* 小于等于 1024px */

@media (max-width: 1024px) {
	/*header-bar s*/
	.header-bar .notice {
		font-size: 12px;
		text-align: center;
		margin-bottom: 0;
	}
	.header-bar .notice.pull-left {
		width: 100%;
		margin-bottom: 10px;
	}
	/*header-bar e*/
	/*header s*/
	header .logo {
		display: inline-block;
	}
	header .right .form-inline,
	header .right .keyword {
		width: 100%;
		float: left;
	}
	header .right .form-inline .form-control {
		width: calc(100% - 44px);
		float: left;
	}
	header .right .keyword {
		display: block;
		white-space: nowrap;
		overflow-y: auto;
	}
	header .right .keyword>a:first-child {
		margin-left: 0;
	}
	header .center .form-inline select.form-control {
		width: 30%;
		max-width: inherit;
		float: left;
	}
	header .center .form-inline input.form-control {
		width: calc(70% - 49px);
		max-width: inherit;
		float: left;
	}
	header .right .user-nav {
		margin-top: 0;
	}
	/*header e*/
	/*carousel s*/
	.thum-left {
		padding-left: 180px;
	}
	.thum-right {
		padding-right: 180px;
	}
	.thum-bottom {
		padding-bottom: 90px;
	}
	.main-carousel .carousel-indicators {
		position: absolute;
		z-index: 15;
		width: 160px;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.main-carousel .carousel-indicators li {
		width: 160px;
	}
	.thum-bottom .carousel-indicators {
		width: auto;
		bottom: 10px;
	}
	/*carousel e*/
	.inline-l-r .info .price>del {
		display: block;
		padding-left: 0;
	}
	.extend-box .comment-list ul>li .info .summary {
		height: 60px;
		-webkit-line-clamp: 3;
	}
}


/* 小于等于 992px */

@media (max-width: 991px) {
	/*navbar-default s*/
	.navbar-default .navbar-brand {
		display: none;
	}
	.navbar-default .navbar-toggle {
		color: #fff;
		font-size: 18px;
		padding: 4px 12px;
		border-color: #fff;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: #3597e2;
		border-color: #2581c7;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #999;
	}
	/*navbar-default e*/
	/*feature-list s*/
	.feature-list .col-md-3:nth-of-type(1) .item-box:after,
	.feature-list .col-md-3:nth-of-type(2) .item-box:after,
	.feature-list .col-md-3:nth-of-type(3) .item-box:after {
		display: none;
	}
	.feature-list .item-box {
		margin-bottom: 20px;
	}
	/*feature-list e*/
	.normal-pic {
		display: none !important;
	}
	.mobile-pic {
		display: block !important;
	}
	/*carousel s*/
	#home-slide {
		margin-bottom: 15px;
	}
	#full-slide .carousel-caption {
		display: none;
	}
	.main-carousel {
		padding: 0;
	}
	.main-carousel .carousel-indicators {
		display: none;
	}
	.thum-left {
		padding-left: 0;
	}
	.thum-right {
		padding-right: 0;
	}
	.thum-bottom {
		padding-bottom: 0;
	}
	/*carousel e*/
	/*product-box s*/
	.inline-l-r .pic-box {
		width: 15%;
	}
	.inline-l-r .info {
		width: 85%;
	}
	.inline-l-r .info .price>del {
		display: inline-block;
		padding-left: 10px;
	}
	/*product-box e*/
	/*aside-box s*/
	.aside-box .product-box .pic-box {
		width: 20%;
		margin-bottom: 0;
	}
	.aside-box .product-box .info {
		width: 80%;
	}
	/*aside-box e*/
	/*extend-box s*/
	.extend-box .comment-list ul>li .pic-box {
		width: 20%;
	}
	.extend-box .comment-list ul>li .info {
		width: 80%;
	}
	.section-extend .right-extend {
		/*display: none;*/
	}
	/*extend-box e*/
}


/* 小于等于 768px */

@media (max-width: 767px) {
	/*header s*/
	header .left {
		text-align: center;
	}
	header .logo {
		display: inline-block;
		margin-bottom: 20px;
	}
	header .center .form-inline,
	header .right .user-nav {
		margin-top: 15px;
	}
	/*header e*/
	.navbar-default .navbar-brand {
		display: block;
	}
	.feature-list .col-md-3 .item-box {
		margin-bottom: 10px;
		border-bottom: 1px dashed #ddd;
	}
	/*products-grid s*/
	.products-grid .col-full .product-box .info .summary {
		display: none;
	}
	.products-grid .col-box {
		width: 33.33333333%;
		float: left;
	}
	/*products-grid e*/
	/*product-box s*/
	.product-list .product-box .pic-box {
		width: 20%;
		float: left;
		margin-bottom: 0;
	}
	.product-list .product-box .info {
		width: 80%;
		float: left;
		padding-left: 15px;
	}
	/*product-box e*/
	/*extend-box s*/
	.extend-box .product-box .pic-box,
	.extend-box .blog-box:first-child .pic-box,
	.extend-box .comment-list ul>li .pic-box {
		width: 20%;
	}
	.extend-box .product-box .info,
	.extend-box .blog-box:first-child .info,
	.extend-box .comment-list ul>li .info {
		width: 80%;
	}

	/*extend-box e*/
}


/* 小于等于 480px */

@media (max-width: 479px) {
	/*header s*/
	header .center .form-inline,
	header .right .user-nav {
		margin-top: 0;
	}
	header .center .form-inline select.form-control {
		width: 40%;
		max-width: inherit;
		float: left;
	}
	header .center .form-inline input.form-control {
		width: calc(60% - 49px);
		max-width: inherit;
		float: left;
	}
	/*header e*/
	/*product-box s*/
	.product-list .product-box .pic-box,
	.col-box .product-box .pic-box,
	.aside-box .product-box .pic-box {
		width: 30%;
		float: left;
		margin-bottom: 0;
	}
	.product-list .product-box .info,
	.col-box .product-box .info,
	.aside-box .product-box .info {
		width: 70%;
		float: left;
		padding-left: 15px;
	}
	/*product-box e*/
	/*extend-box s*/
	.extend-box .product-box .pic-box,
	.extend-box .blog-box:first-child .pic-box,
	.extend-box .comment-list ul>li .pic-box {
		width: 30%;
	}
	.extend-box .product-box .info,
	.extend-box .blog-box:first-child .info,
	.extend-box .comment-list ul>li .info {
		width: 70%;
	}
	/*extend-box e*/
	/*products-grid s*/
	.products-grid .col-list {
		margin-bottom: 0;
	}
	.col-box {
		width: 100%;
		float: left;
	}
	.col-box .product-box {
		margin-bottom: 20px;
	}
	.main-title .grid-choice {
		display: none;
	}
	.products-grid .col-box {
		width: 100%;
		float: left;
	}
	.products-grid .col-box .product-box .info .star {
		display: none;
	}
	/*products-grid e*/
	/*section-service s*/
	.questions-answers .intro {
		padding-bottom: 20px;
	}
	.write-reviews .rating-box {
		padding-bottom: 30px;
	}
	.service-box .click-link {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.service-box form .form-group {
		width: 100%;
	}
	/*section-service e*/
	/*blog s*/
	.blog-list .blog-box .pic-box {
		width: 30% !important;
	}
	.blog-list .blog-box .info {
		width: 70% !important;
	}
	.post-navigation .post-nav {
		position: relative;
		display: inline-block;
		max-width: 100%;
	}
	/*blog e*/
}


/* 小于等于 320px */

@media (max-width: 320px) {}


/* 超小屏幕（手机，小于 768px） */


/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

* {}


/* 小屏幕（平板，大于等于 768px） */

@media (min-width: @screen-sm-min) {}


/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: @screen-md-min) {}


/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: @screen-lg-min) {}


/*将 CSS 的影响限制在更小范围的屏幕大小之内*/

@media (max-width: @screen-xs-max) {}

@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {}

@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {}

@media (min-width: @screen-lg-min) {}