/* Add here all your CSS customizations */

		.main-content {
		  display: grid;
		  width: 100%;
		  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		}
		.main-content .item {
		  display: grid;
		  grid-template-rows: 1fr min-content;
		  align-items: center;
		  justify-content: center;
		  height: 50vh;
		  flex-wrap: wrap;
		  background: var(--bg-color);
		}
		.main-content .item:not(.footer) {
		  padding-top: 1rem;
		}

		button {
		  background: transparent;
		  color: #f29200;
		  border: 2px solid #f29200;
		  border-radius: 50px;
		  padding: 0.4rem 1.3rem;
		  font: 16px "Open Sans", sans-serif;
		  outline: none;
		  cursor: pointer;
		  position: relative;
		  transition: 0.2s ease-in-out;
		}

		.name {
		  width: 100%;
		  text-align: center;
		  padding: 0 0 3rem;
		  font: 500 14px 'Rubik', sans-serif;
		  letter-spacing: .5px;
		  text-transform: uppercase;
		  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
		}

		.button__wrapper {
		  display: inline-block;
		  position: relative;
		  width: 200px;
		  height: 65px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}

		.button-pulse button {
		  background: var(--bg-color);
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  top: 0;
		  left: 0;
		  z-index: 2;
		}
		.button-pulse .button__wrapper:hover .pulsing:before {
		  animation: pulsing 0.2s linear infinite;
		}
		.button-pulse .button__wrapper:hover .pulsing:after {
		  animation: pulsing1 0.2s linear infinite;
		}

		.pulsing {
		  width: 99%;
		  height: 99%;
		  border-radius: 50px;
		  z-index: 1;
		  position: relative;
		}
		.pulsing:before, .pulsing:after {
		  width: 100%;
		  height: 100%;
		  border: inherit;
		  top: 0;
		  left: 0;
		  z-index: 0;
		  background: #fff;
		  border-radius: inherit;
		  animation: pulsing 2.5s linear infinite;
		}
		.pulsing:after {
		  animation: pulsing1 2.5s linear infinite;
		}

		@keyframes pulsing {
		  0% {
		    opacity: 1;
		    transform: scaleY(1) scaleX(1);
		  }
		  20% {
		    opacity: 0.5;
		  }
		  70% {
		    opacity: 0.2;
		    transform: scaleY(1.8) scaleX(1.4);
		  }
		  80% {
		    opacity: 0;
		    transform: scaleY(1.8) scaleX(1.4);
		  }
		  90% {
		    opacity: 0;
		    transform: scaleY(1) scaleX(1);
		  }
		}
		@keyframes pulsing1 {
		  0% {
		    opacity: 1;
		    transform: scaleY(1) scaleX(1);
		  }
		  20% {
		    opacity: 0.5;
		  }
		  70% {
		    opacity: 0.2;
		    transform: scaleY(1.3) scaleX(1.15);
		  }
		  80% {
		    opacity: 0;
		    transform: scaleY(1.3) scaleX(1.15);
		  }
		  90% {
		    opacity: 0;
		    transform: scaleY(1) scaleX(1);
		  }
		}
		.button-typewriter button {
		  width: 100%;
		  height: 100%;
		}
		.button-typewriter p {
		  animation: typing 4s steps(12) infinite;
		  display: inline-block;
		  overflow: hidden;
		  white-space: nowrap;
		}
		.button-typewriter .button__wrapper:hover p {
		  animation: blink 0.3s infinite;
		}

		@keyframes typing {
		  0% {
		    width: 0;
		  }
		  50% {
		    width: 100%;
		  }
		  55%,
			65%,
			75% {
		    opacity: 1;
		  }
		  60%,
			70% {
		    opacity: 0;
		  }
		  80% {
		    width: 100%;
		  }
		  100% {
		    width: 0;
		  }
		}
		.button-parrot .parrot {
		  position: absolute;
		  width: 60px;
		  text-align: center;
		  animation: blink 0.8s infinite;
		  color: transparent;
		}
		.button-parrot .parrot:before {
		  content: "Click Me!";
		}
		.button-parrot .parrot:nth-child(1) {
		  top: -30px;
		  left: -40px;
		  font: 12px/1 "Margarine", sans-serif;
		  transform: rotate(-20deg);
		  animation-duration: 0.5s;
		}
		.button-parrot .parrot:nth-child(2) {
		  font: 12px/1 "Margarine", sans-serif;
		  right: -40px;
		  top: -20px;
		  transform: rotate(15deg);
		  animation-duration: 0.3s;
		}
		.button-parrot .parrot:nth-child(3) {
		  font: 16px/1 "Margarine", sans-serif;
		  top: -60px;
		  left: 15px;
		  transform: rotate(10deg);
		  animation-duration: 1s;
		}
		.button-parrot .parrot:nth-child(4) {
		  font: 18px/1 "Margarine", sans-serif;
		  top: -70px;
		  left: 95px;
		  transform: rotate(2deg);
		  animation-duration: 0.7s;
		}
		.button-parrot .parrot:nth-child(5) {
		  font: 14px/1 "Margarine", sans-serif;
		  top: 80px;
		  left: 105px;
		  transform: rotate(-20deg);
		  animation-duration: 0.8s;
		}
		.button-parrot .parrot:nth-child(6) {
		  font: 12px/1 "Margarine", sans-serif;
		  top: 80px;
		  left: 5px;
		  transform: rotate(10deg);
		  animation-duration: 1.2s;
		}
		.button-parrot button:hover .parrot:before {
		  content: "Do it!";
		  width: 70px;
		}

		@keyframes blink {
		  25%,
			75% {
		    color: transparent;
		  }
		  40%,
			60% {
		    color: #fff;
		  }
		}
		.button-hand button .hands:before {
		  transform: rotate(-60deg);
		  left: -45px;
		  top: -10px;
		}
		.button-hand button .hands:after {
		  transform: rotate(170deg);
		  right: 30px;
		  top: 50px;
		}
		.button-hand button:hover .hands:before {
		  opacity: 1;
		  left: -35px;
		}
		.button-hand button:hover .hands:after {
		  opacity: 1;
		  top: 40px;
		}

		@keyframes up-down {
		  50% {
		    margin-top: -20px;
		  }
		}

		@keyframes give-score {
		  30%,
			80% {
		    top: 0;
		  }
		  40%,
			70% {
		    top: 50px;
		  }
		}
		.button-pressure marquee {
		  position: absolute;
		  width: 90%;
		  top: 125%;
		  left: 5%;
		  font: 18px/1 "Margarine", sans-serif;
		}
		.button-pressure marquee span {
		  display: inline-block;
		  height: 20px;
		}
		.button-pressure marquee span:not(:last-child) {
		  margin-right: 130px;
		}
		.button-pressure button:before {
		  content: "OMG YAS";
		  transition: 0.5s ease;
		  left: 0;
		  right: 0;
		  margin: auto;
		  top: -15px;
		  font-size: 12px;
		  opacity: 0;
		}
		.button-pressure button:hover:before {
		  animation: omg-yes 1s;
		}

		.button-rainbow button {
		  animation: rainbow 3s infinite, heartbeat 0.6s infinite;
		  background: #c0392b;
		}
		.button-rainbow button .rainbow {
		  width: 120px;
		  height: 120px;
		  border-radius: 50%;
		  position: absolute;
		  left: 0;
		  right: 0;
		  margin: auto;
		  top: -40px;
		  transition: 0.5s ease;
		  opacity: 0;
		  transform: rotate(0);
		}
		.button-jittery button {
		  animation: jittery 4s infinite;
		}
		.button-jittery button:hover {
		  animation: heartbeat 0.2s infinite;
		}

		@keyframes jittery {
		  5%,
			50% {
		    transform: scale(1);
		  }
		  10% {
		    transform: scale(0.9);
		  }
		  15% {
		    transform: scale(1.15);
		  }
		  20% {
		    transform: scale(1.15) rotate(-5deg);
		  }
		  25% {
		    transform: scale(1.15) rotate(5deg);
		  }
		  30% {
		    transform: scale(1.15) rotate(-3deg);
		  }
		  35% {
		    transform: scale(1.15) rotate(2deg);
		  }
		  40% {
		    transform: scale(1.15) rotate(0);
		  }
		}
		@keyframes heartbeat {
		  50% {
		    transform: scale(1.1);
		  }
    }
    


/*quote*/
.quote-table {
  width: 100%;
}

.quote-table tr th:nth-child(1), .quote-table tr td:nth-child(1) {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.quote-table tr th:nth-child(2), .quote-table tr td:nth-child(2) {
  width: 35%;
  text-align: left;
  vertical-align: middle;
}

.quote-table tr th:nth-child(3), .quote-table tr td:nth-child(3) {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.quote-table tr th:nth-child(4), .quote-table tr td:nth-child(4) {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.quote-table tr th:nth-child(5), .quote-table tr td:nth-child(5) {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}

.quote-table tr th:nth-child(6), .quote-table tr td:nth-child(6) {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}

.cartmoveico {
  color: #252525;
}

.quote-table img {
  width: 75px;
}

.quote-table tr td:nth-child(5) input {
  width: 50%;
  text-align: center;
}

.quote-table tr:first-child {
  height: 50px;
  font-size: 14px;
  color: #000;
}

.quote-table tr {
  height: 120px;
  font-size: 12px;
  color: #666;
  border-bottom: 1px solid #ccc;
}

.quote-btn {
  text-align: right;
}

.quote-btn button:last-child {
  margin-left: 15px;
}

.quote-btn button:first-child {
  background: #ccc;
  color: #333;
}

.quote {
  margin-top: 60px;
  margin-bottom: 60px;
}

.quote p {
  margin: 20px 0 30px;
  color: #d6000f;
}

.contact-supplier {
  margin-top: 40px;
  background: #fff;
}

.contact-supplier h2 {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.contact-supplier-email, .contact-supplier-message, .contact-supplier-Quantity {
  padding-bottom: 15px;
}

.contact-supplier-span {
  font-size: 16px;
  color: #000;
  padding-right: 20px;
  display: block;
  padding-bottom: 15px;
}

.contact-supplier-span i {
  color: #ff0000;
}

.contact-supplier-email input, .contact-supplier-Quantity input {
  width: 270px;
  height: 30px;
  border: 1px solid #ced4da;
  padding-left: 10px;
}

.contact-supplier-message textarea {
  height: 200px;
  border: 1px solid #ced4da;
  width: 100%;
  padding: 15px 0 0 15px;
}

.code {
  padding-left: 15px;
}

.code input {
  border: 1px solid #ced4da;
  height: 26px;
  width: 120px;
}

.contact-supplier-message p {
  font-size: 14px;
  color: #888888;
  margin-bottom: 0px;
}

.contact-supplier-email input, .contact-supplier-Quantity input {
  width: 270px;
  height: 30px;
  border: 1px solid #ced4da;
  padding-left: 10px;
}

.contact-supplier-message p {
  font-size: 14px;
  color: #888888;
  margin-bottom: 0px;
}

.contact-supplier-Quantity p {
  /*font-size: 14px;*/
  /*color: #ff0000;*/
  margin-bottom: 5px;
}

.contact-supplier-Quantity button, .contact-supplier-Quantity button:hover, .contact-supplier-Quantity button:focus, .contact-supplier-Quantity button:active {
  border: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
}

.contact-supplier-button {
  background: #252525;
  font-size: 14px;
  width: 120px;
  height: 48px;
  color: #fff;
  border: none;
  outline: none;
  /*margin-bottom: 45px;*/
  margin-top: 15px;
}

.contact-supplier-button:hover {
  background: #252525;
}

.contact-supplier-input input {
  height: 38px;
  border: 1px solid #ced4da;
  width: 100%;
  padding-left: 15px;
  margin-bottom: 30px;
}




@media (max-width: 1040px) {
  .contactxiaoshi{
    display: none !important;
  }
} 
.img-thumbnail{
	padding: 0 !important;
	border: 2px solid #2376b7 !important;

}







/* homecss */
.index-about-bg1 {
  background: url(../images/home/bg1.jpg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
.index-about-bg2 {
  background: url(../images/home/bg2.jpg) !important;
  background-position: center !important;

}
.index-about-bg3 {
  background: url(../images/about/bg-ab1.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 100%;

}








/*history*/
.history-img {
	max-width: 100%;
}

.left-border {
	border: 2px solid #2376b7;
	width: 15%;
	text-align: center;
	float: right;
	border-radius: 5px;
	font-size: 24px;
	color: #2376b7;
}

section.timeline .timeline-box.left:before {
	margin-top: 15px !important;
}

section.timeline .timeline-box {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}

section.timeline .timeline-none.right:before {
	display: none !important;
}

.right-p {
	background: #2376b7;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	text-align: center;
}

.left-p {
	background: #f29200;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	text-align: center;
}

.right-border {
	border: 2px solid #f29200;
	width: 15%;
	text-align: center;
	float: left;
	border-radius: 5px;
	font-size: 24px;
	color: #f29200;
}

.last-p {
	width: 30%;
}

.timeline-none {
	margin-top: 30px !important;
}

section.timeline .timeline-box.timeline-yellow:before, section.timeline .timeline-box.timeline-yellow:before {
	background: #f29200;
	-webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f29200;
	box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f29200;
}







/* 详情页表格 */
.product-para th {
	min-width: 150px;
	vertical-align: middle;
}

@media (min-width: 1100px) {
	#productDescription table {
			width: 100% !important;
			text-align: center;
			margin-bottom: 15px;
			overflow-y: hidden;
			-ms-overflow-style: -ms-autohiding-scrollbar !important;

			height: 100%;

	}
}

@media (max-width: 1099px) {
	#productDescription table {
			width: 100% !important;
			text-align: center;
			margin-bottom: 15px;
			overflow-y: hidden;
			-ms-overflow-style: -ms-autohiding-scrollbar !important;
			border: 1px solid #ddd;
			display: block;
			height: 100%;

	}
}
#productDescription{
	background-color: #fff;
}
#productDescription table span {
	font-family: "Open Sans" !important;
	font-weight: 400 !important;
	margin-left: 0 !important;
	/* font-size: 14px; */
}

#productDescription table td {
	text-align: left !important;
	padding-left: 10px !important;
	margin-left: 0 !important;
	padding: 0;
	border: 2px solid #fff !important;

}

#productDescription p {
	line-height: 16px !important;
}

#productDescription p span {
	width: 100%;
	font-family: "Open Sans" !important;
	/*font-size: 14px;*/

}

#productDescription tr:nth-child(odd){
	background-color: #e8eef0 !important;
}
#productDescription tr:first-child td{
	background-color: #737d84 !important;
	
}
#productDescription tr:first-child td span span span span span span{
	color: #fff;
	
}
/* 详情页表格结束 */





/* products_fl */
.slider-left {
	background: #f29200;
}
.slider-left:hover, .slider-left:focus {
	background: #2376b7 !important;
}

/*equipment*/
.equipment-list-ul li {
	list-style: none;
}

.equipment-list h2 {
	font-size: 16px;
	color: #000000;
	line-height: 14px !important;
	margin: 15px 0;
}

.equipment-list-body {
	padding: 0 15px;

}

.equipment-list {
	background: #f5f6f6;
	border-bottom: 2px solid #2376b7;
	-webkit-box-shadow: 0px 0px 44px -20px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 44px -20px rgba(0, 0, 0, 1);
}

.equipment-list-body {
	height: 150px;
}
.product-list-body {
	padding: 0 15px;
}
.product-list-body p{
	margin: 6px 0 !important;

}
.product-list-body button{
	background-color: #2376b7;
	border: none;
	
}
.product-list-body button:hover{
	background-color: #f29200 !important;
}



.dropdown-menu{
	background-color: #2376b7;
}