/* 
第一个区域以 '@media (max-width: 480px)' 开始，为最大宽度为 480 像素的设备设置样式。
第二个区域以 '@media (max-width: 767px)' 开始，为最大宽度为 767像素的设备设置样式。
第三个区域以 '@media (min-width: 768px) 和 (max-width: 979px)' 开始，为最小宽度为 768 像素和最大宽度为 979 像素的设备设置样式。
下一个区域是为最大宽度为 979 像素的设备设置样式。所以是以 '@media (max-width: 979px)' 开始。
最后两个区域分别以 '@media (min-width: 980px)' 和 '@media (min-width: 1200px)' 开始，前一个是为最小宽度为 980 像素的设备设置样式，后一个是为最小宽度为 1200 像素的设备设置样式。
@media (min-width: 980px) and (max-width: 1200px)
 */

@media (max-width: 1200px) {
	body {
		margin: 0;
		padding: 0;
		font-family: "微软雅黑", arial, tahoma, \5b8b\4f53, sans-serif;
		font-size: 12px;
		line-height: 22px;
	}

	.pb55 {
		padding-top: 22px;
		padding-bottom: 22px;
	}

	.col-xs-1,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12,
	.col-xs-2,
	.col-xs-3,
	.col-xs-4,
	.col-xs-5,
	.col-xs-6,
	.col-xs-7,
	.col-xs-8,
	.col-xs-9 {
		padding-right: 5px;
		padding-left: 5px
	}

	.con-width {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}

	.con-width-nav {
		padding-left: 0px;
		padding-right: 0px;
	}

	.con-width-buwei {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}

	.table3 tr td {
		font-size: 8px
	}

	.in-top h3 {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 11px
	}

	.QuotationSystem-left img {
		width: 100%
	}

	.carousel-caption {
		display: none
	}

	.navbar-logo img {
		width: 150px;
		margin-left: 12px;
		margin-top: 12px
	}

	.in-about-pc p {
		margin-bottom: 11px;
	}

	.in-about-pc img {
		margin-bottom: 11px
	}

	.in-about-list {
		padding: 1px;
		margin-bottom: 22px
	}

	.in-about-list img {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}

	.in-about-list p {
		display: none
	}

	.in-xn-pc {
		padding-bottom: 22px;
		padding-top: 22px;
		background-image: url(http://www.dubang.cc/img/in06-1.jpg);
		background-size: 100%;
	}

	.in-xn-pc p {
		margin-bottom: 11px
	}

	.in-xn-con p {
		font-size: 10px;
		line-height: 14px
	}

	.in-case-pc {
		background-image: url(http://www.dubang.cc/img/bg-team.jpg);
		background-size: 100%;
		padding-left: 15px;
		padding-right: 15px
	}

	.in-case-list {
		padding: 1px
	}

	.in-case-list a {
		color: #000000;
		display: block;
		padding-top: 2px;
		text-align: center;
		padding-bottom: 2px;
	}

	.case-list img {
		width: 100%;
		height: auto
	}

	.in-contact {
		background-image: url(http://www.dubang.cc/img/bg-contact.jpg);
		background-size: 100% 100%
	}

	.user-title h4 {
		font-size: 14px;
	}
	.table tr th {
		white-space: nowrap;

	}

	.table tr td img{
		width: 100%!important;

	}

	.user-top a,
	.user-top i {
		color: #FFFFFF;
		font-size: 12px;
	}

	.user-top-two a,
	.user-top i {
		font-size: 12px;
	}

	.index-title-1 {
		margin-bottom: 11px
	}

	.index-title-1 h2 {
		font-size: 18px;
	}

	.store p {
		margin-bottom: 11px
	}

	.store img {
		margin-bottom: 5px
	}

	.navbar-fixed-bottom {
		font-size: 16px;
		background-color: #000000;
		padding-bottom: 6px
	}


	.navbar-default {
		height: 55px;
	}

	.navbar-default .navbar-nav {
		background-color: #666666;
		width: 100%;
		padding: 0;
		margin: 0
	}

	.navbar-default .navbar-nav>li {
		width: 100%;
		padding: 0;
		margin: 0;
		background-color: #333333
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 14px;
		color: #ffffff;
		text-transform: none;
		transition: all .7s ease 0s;
		-webkit-transition: all .7s ease 0s;
		-moz-transition: all .7s ease 0s;
		-o-transition: all .7s ease 0s;
		-ms-transition: all .7s ease 0s;
		padding-top: 18px;
		padding-bottom: 10px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000000;
		font-weight: normal;
		margin: 0;
		text-align: left;
		padding-left: 11px;
		height: 55px
	}

	.navbar-default .navbar-nav>li>a:hover {
		color: #ffffff;

	}

	.navbar-default .navbar-nav>li>a>img {
		display: inline;
		width: 20px;
		height: 16px;
		margin-right: 5px
	}

	.navbar-header {
		border: 0px;
		padding: 0;
		margin: 0;
		float: none;
		width: 100%
	}

	.navbar-collapse {
		overflow-x: visible;
		-webkit-overflow-scrolling: touch;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		border-top-style: none;
		width: 50%;
		position: fixed;
		right: 0px;
		top: 0px;
		z-index: 999;
		float: right;
		background-color: #333333;
		height: 100%;
	}

	.navbar-default .navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 15px;
		margin-top: 11px;
		margin-right: 0px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border-style: none;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		position: relative;
		float: right;
		padding: 9px 15px;
		margin-top: 11px;
		margin-right: 0px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border-style: none;

	}

	.navbar-default .navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: #000000
	}

	.navbar-default .navbar-nav .dropdown-menu>li {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #333333;
		padding: 0;
		margin: 0
	}

	.navbar-default .navbar-nav .dropdown-menu>li>a {
		color: #CCCCCC;
		text-decoration: none;
		padding: 14px;
		background-color: #111111;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #333333;
	}

	.navbar-default .navbar-nav .dropdown-menu>li>a:hover,
	.navbar-default .navbar-nav .dropdown-menu>li>a:focus {
		color: #CCCCCC;
		text-decoration: none;
		padding: 14px;
		background-color: #111111;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #333333;
	}

	.in-men {
		background-color: #191919;
		padding-bottom: 33px;
	}

	.in-men img {
		border: 1px solid #222222;
		width: 80%;
		padding: 22px
	}

	.in-men a {
		color: #FF3300;
		display: block;
		padding-top: 22px;
		text-align: center;
	}

	.navbar-fixed-bottom {
		padding-top: 11px
	}

	.navbar-fixed-bottom .fa {
		color: #CCCCCC
	}

	.navbar-fixed-bottom a {
		color: #CCCCCC
	}

	.title-one {
		text-align: left;
		margin-bottom: 11px;
		margin-top: 11px;
	}

	.title-one h3 {
		text-align: center;
		font-size: 18px;
		color: #FF9900
	}

	.title-one h4 {
		text-align: center;
		padding-bottom: 11px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #EEEEEE;
		margin-bottom: 5px;
	}

	.title-one span {
		text-align: center;
		font-size: 12px;
		display: block;
		color: #999999
	}

	.title-one p {
		text-align: left;
	}

	.product-list img {
		width: 100%;
		height: 111px;
		object-fit: cover;
	}

	.product-list {
		text-align: center;
		margin-bottom: 6px
	}

	.product-gs1 {
		padding-left: 22px;
		padding-right: 22px
	}

	.product-gs2 {
		padding: 8px
	}

	nav .open>a,
	.nav .open>a:focus,
	.nav .open>a:hover {
		background-color: #eee;
		border-color: #cccccc
	}


	#slide {
		overflow: hidden;
		width: 100%;
		height: 144px;
		text-align: center;
	}

	.slideul1 {
		width: 9999px;
	}

	.slideul2 li {
		margin-right: 9px;
		float: left;
		width: 222pxheight:144px;
		position: relative
	}

	.slideul2 li img {
		width: 222px
	}

	.in-xn-pc-right {
		margin-top: 11px;
		background-size: 100% 100%;
	}

	.font_red {
		color: #FF2D2D
	}

	.font_black {
		color: #000
	}
}