@font-face {
	src: url(../fonts/raleway-bold.ttf);
	font-family: "raleway-b";
}
@font-face {
	src: url(../fonts/raleway-thin.ttf);
	font-family: "raleway-t";
}
@font-face {
	src: url(../fonts/raleway-light.ttf);
	font-family: "raleway-l";
}
@font-face {
	src: url(../fonts/raleway-medium.ttf);
	font-family: "raleway-m";
}
@font-face {
	src: url(../fonts/raleway-regular.ttf);
	font-family: "raleway-r";
}
@font-face {
	src: url(../fonts/raleway-extralight.ttf);
	font-family: "raleway-e";
}
.raleway-b {
	font-family: "raleway-b";
}
.raleway-t {
	font-family: "raleway-t";
}
.raleway-l {
	font-family: "raleway-l";
}
.raleway-m {
	font-family: "raleway-m";
}
.raleway-r {
	font-family: "raleway-r";
}
.raleway-e {
	font-family: "raleway-e";
}
.arial-b {
	font-family: Arial;
	font-weight: bold;
}
body,
a {
	color: #333;
}
body {
	padding-top: 130px;
	font-family: "opensans";
	transition: linear 0.3s padding;
	-webkit-transition: linear 0.3s padding;
}
.btn {
	font-family: "raleway-m";
}
@keyframes circle-big {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	50% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes circle-big {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	50% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@keyframes circle-small {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
}
@-webkit-keyframes circle-small {
	0% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
	}
}
#form-modal {
	position: fixed;
	z-index: 20000;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 200px;
	margin-left: -150px;
	margin-top: -100px;
	background: #fff;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	padding: 40px 20px 20px;
	display: none;
}
#form-modal .form-close {
	position: absolute;
	top: -5px;
	right: 10px;
	font-size: 3rem;
	cursor: pointer;
	transition: linear 0.2s color;
	-webkit-transition: linear 0.2s color;
}
#form-modal .form-close:hover {
	color: #603748;
}
.p-r-45 {
	padding-right: 45px;
}
#to-top {
	position: fixed;
	z-index: 500;
	right: 70px;
	bottom: 10%;
	width: 50px;
	height: 50px;
	border: 2px solid #603748;
	color: #603748;
	text-align: center;
	line-height: 46px;
	visibility: hidden;
	transition: linear 0.2s all;
	-webkit-transition: linear 0.2s all;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
#to-top.is-show {
	visibility: visible;
	opacity: 0.5;
}
#to-top i {
	font-size: 2.4rem;
}
#to-top:hover {
	background: #603748;
	color: #fff;
	opacity: 1;
}
#header {
	box-sizing: content-box;
	height: 130px;
	line-height: 130px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	transition: linear 0.3s top;
	-webkit-transition: linear 0.3s top;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	font-size: 1.6rem;
	font-family: "raleway-l";
}
#header .header-nav li {
	float: left;
	position: relative;
	margin-left: 70px;
}
#header .header-nav li:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	border-bottom: 4px solid #600505;
	transition: linear 0.2s width, linear 0.3s bottom;
	-webkit-transition: linear 0.2s width, linear 0.3s bottom;
}
#header .header-nav li:last-child{
    display: inline-block;
    align-items: center;
    justify-content: center;
}
#header .header-nav li:last-child:after{
	border-color: transparent;
}
#header .header-nav li:last-child a{
	padding: 10px 8px;
	font-size: 13px;
	background-color: #660F0F;
	color: #ffffff;
}
#header .header-nav li:last-child a:hover{
	color: #ffffff;
}
#header .header-nav li.active:after {
	width: 100%;
}
#header .header-nav li.active > a {
	color: #600505;
}
#header .header-nav li.active > a:after {
	border-top-color: #603748 !important;
}
#header .header-nav li:hover:after {
	width: 100%;
}
#header .header-nav li:hover nav {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
#header .header-nav li:hover.has-nav > a:after {
	transform: rotate(90deg);
}
#header .header-nav li.has-nav.active > i {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
#header .header-nav li.has-nav > i {
	position: absolute;
	top: 0;
	right: 15px;
	display: none;
	transition: linear 0.2s transform;
	-webkit-transition: linear 0.2s transform;
}
#header .header-nav li.has-nav > a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-left: 4.5px solid transparent;
	border-right: 4.5px solid transparent;
	border-top: 6px #555 solid;
	margin-left: 5px;
	position: relative;
	top: -1px;
	transition: linear 0.2s all;
	-webkit-transition: linear 0.2s all;
}
#header .header-nav li.has-nav > a:hover:after {
	border-top-color: #603748;
}
#header .header-nav li > a:hover {
	color: #603748;
}
#header .header-nav a {
	color: #555;
}
#header .header-nav nav {
	line-height: 45px;
	width: 210px;
	padding: 10px 0;
	position: absolute;
	top: 105%;
	left: 0;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	visibility: hidden;
	opacity: 0;
}
#header .header-nav nav a {
	display: block;
	padding: 0 20px;
	font-size: 1.4rem;
}
#header .header-nav nav a:hover {
	background: #f5f5f5;
}
#footer {
	line-height: 2.6rem;
	padding-top: 70px;
	border-top: 1px solid #e5e5e5;
}
#footer .footer-logo {
	height: 30px;
	position: relative;
}
#footer .footer-logo img {
	vertical-align: bottom;
	position: absolute;
	bottom: -1px;
}
#footer .footer-social a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #999;
	color: #999;
	border-radius: 50%;
	text-align: center;
	margin-right: 5px;
	font-size: 2rem;
}
#footer .footer-social a:hover {
	background: #603748;
	border-color: #603748;
	color: #fff;
}
#footer .footer-nav a:hover {
	color: #603748;
}
#footer .footer-sign input {
	width: 100%;
	height: 46px;
	border-radius: 4px;
	padding: 0 15px;
	color: #666;
	font-size: 1.5rem;
	transition: linear border 0.2s;
	-webkit-transition: linear border 0.2s;
}
#footer .footer-sign input:focus {
	border-color: #603748;
}
#footer .footer-sign input::-webkit-input-placeholder {
	color: #999;
}
#footer .footer-sign input::-webkit-input-placeholder {
	color: #999;
}
#footer .footer-sign input:-ms-input-placeholder {
	color: #999;
}
#footer .footer-sign input:-moz-placeholder {
	color: #999;
}
#footer .footer-sign input::-moz-placeholder {
	color: #999;
}
#footer .sign-btn {
	width: 100%;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	background: #603748;
	color: #fff;
	font-size: 1.5rem;
	border: 1px solid #603748;
}
#footer .sign-btn:hover {
	background: #6191c1;
}
#footer .sign-return {
	width: 100%;
	background: #54cb83;
	color: #fff;
	padding: 5px 15px;
	border-radius: 4px;
	text-align: center;
	margin-top: 10px;
	display: none;
}
#footer .sign-return i {
	position: relative;
	top: 1px;
	margin-left: 5px;
}
#footer .footer-bottom a:hover {
	color: #603748;
}
#footer .footer-title {
	position: relative;
	height: 30px;
	color: #666;
}
#footer .footer-title span {
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 8px;
}
#footer .footer-contact a:hover {
	color: #603748;
}
.common-title {
	font-size: 3rem;
}
.common-title span {
	font-weight: bold;
}
.btn-more .btn {
	width: 196px;
	height: 48px;
	line-height: 48px;
	font-size: 1.5rem;
	background: #600505;
	border: 1px solid #600505;
	color: #fff;
}
.btn-more .btn:hover {
	background: #250101;
}
#index-banner .banner-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	font-size: 0;
	color: #fff;
}
#index-banner img {
	width: 100%;
}
#index-banner .banner-container {
	height: 100%;
}
#index-banner .banner-container:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
#index-banner .banner-container .banner-content {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 530px;
	font-size: 2rem;
	word-break: break-word;
}
#index-banner .slide-title {
	font-size: 4.2rem;
	line-height: 1.2;
}
#index-banner .slide-des {
	font-size: 2.4rem;
}
#index-banner .slide-btn {
	width: 180px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: #603748;
	border-radius: 4px;
	font-size: 1.8rem;
}
#index-banner .slide-btn:hover {
	background: #6191c1;
}
#index-banner .swiper-btn {
	z-index: 10;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	line-height: 58px;
	border-radius: 50%;
	border: 2px solid #fff;
	color: #fff;
	opacity: 0.5;
}
#index-banner .swiper-btn i {
	font-size: 2.6rem;
}
#index-banner .swiper-btn:hover {
	background: #660e0e;
}
#index-banner .swiper-btn.btn-prev {
	left: 30px;
}
#index-banner .swiper-btn.btn-next {
	right: 30px;
}
#index-banner .swiper-pagination {
	bottom: 40px;
	position: absolute;
	left: 0;
	right: 0;
}
#index-banner .swiper-pagination .swiper-pagination-bullet {
	width: 50px;
	height: 4px;
	border-radius: 0;
	margin: 0 7px;
	background: white;
	position: relative;
	opacity: 1;
	display: inline-block;
	cursor: pointer;
}
#index-banner .swiper-pagination .swiper-pagination-bullet i {
	display: block;
	width: 0;
	height: 100%;
	background: #660e0e;
}
#index-banner .swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #660e0e;
	width: 0;
}
#index-banner .swiper-pagination .swiper-pagination-bullet.is-active:after {
	transition: linear 6s width;
	-webkit-transition: linear 6s width;
	width: 100%;
}
#product-three img {
	width: 100%;
}
#product-three .product-three-item {
	padding: 0;
	overflow: hidden;
}
#product-three .product-three-item:hover .product-three-box {
	top: 0;
}
#product-three .product-three-box {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 2.2rem;
	transition: linear 0.3s top;
	-webkit-transition: linear 0.3s top;
}
#product-three .product-three-content {
	padding: 70px 90px;
	width: 100%;
	height: 100%;
}
#product-three .product-three-content .center-box {
	font-size: 2.2rem;
}
#product-three .product-three-btn {
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
}
#product-three .product-three-btn .btn {
	width: 180px;
	height: 45px;
	line-height: 45px;
	border-radius: 4px;
	background: #fff;
	color: #603748;
	font-size: 1.8rem;
}
#product-three .product-three-btn .btn:hover {
	color: #fff;
	background: #603748;
}
#index-about {
	color: #fff;
	padding: 175px 0;
	position: relative;
	font-size: 16px;
	line-height: 1.7;
}
#index-about:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(0, 0, 0, 45%);
}
#index-about .about-title {
	font-size: 4.2rem;
}
#index-about .about-logo {
	font-size: 3.5rem;
	line-height: 3.5rem;
}
#index-service {
	padding-top: 60px;
	background: #f8f8f8;
}
#index-service .service-title {
	font-size: 3.5rem;
	color: #333;
	line-height: 3.8rem;
}
#index-service .service-title span {
	font-weight: bold;
	font-size: 4.2rem;
}
#index-service .service-list li {
	float: left;
	width: 33.33333333%;
	padding-left: 70px;
	padding-right: 50px;
	padding-top: 5px;
	position: relative;
	height: 120px;
	overflow: hidden;
	font-size: 1.6rem;
}
#index-service .service-list li i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 5rem;
	line-height: 5rem;
	color: #000;
}
#index-service .service-list li img {
	position: absolute;
	top: 0;
	left: 0;
}
.product-list {
	color: #333;
}
.product-list li {
	margin: 20px 0;
}
.product-list .product-item {
	overflow: hidden;
	position: relative;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
	border: 1px solid #efefef;
	padding: 20px 0;
}
.product-list .product-item:hover .product-hide {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.product-list .product-item:hover .product-show {
	transform: scale(0.5);
	opacity: 0;
	visibility: hidden;
}
.product-list .product-show {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	transition: all 0.35s linear;
}
.product-list .product-show .product-img {
	font-size: 0;
}
.product-list .product-show .product-name {
	margin-top: 20px;
}
.product-list .product-hide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	transition: all 0.35s linear;
	transform: scale(0.5);
	opacity: 0;
	visibility: hidden;
}
.product-list .product-hide .btn {
	width: 190px;
	height: 48px;
	line-height: 48px;
	border-radius: 4px;
	border: 1px solid #603748;
	color: #603748;
	font-size: 1.6rem;
}
.product-list .product-hide .btn.jump-btn {
	margin-bottom: 15px;
}
.product-list .product-hide .btn:hover,
.product-list .product-hide .btn.active {
	background: #603748;
	color: #fff;
}
.product-list .product-hide .hide-content {
	position: relative;
}
.product-list .product-hide .hide-content .return-msg {
	position: absolute;
	bottom: -42px;
	left: 50%;
	margin-left: -95px;
	width: 190px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #fff;
	border-radius: 4px;
	background: #54cb83;
	display: none;
}
.product-list .product-hide .hide-content .return-msg i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.product-list .product-name {
	color: #999;
	font-size: 1.8rem;
}
.product-load {
	text-align: center;
	margin-bottom: 60px;
}
.product-load:before {
	content: "";
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #603748;
	animation: circle-big 1.5s linear infinite;
	-webkit-animation: circle-big 1.5s linear infinite;
}
.product-load:after {
	content: "";
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #603748;
	transform: scale(0.5);
	animation: circle-small 1.5s linear infinite;
	-webkit-animation: circle-small 1.5s linear infinite;
}
#product-top {
	padding-top: 50px;
	font-size: 1.6rem;
	color: #666;
}
#product-top a {
	color: #666;
}
#product-top .search-form button {
	background: none;
	border: 0;
	position: relative;
	top: -1px;
}
#product-top .search-form button:hover {
	color: #603748;
}
#product-top .search-form input {
	border: 0;
	color: #666;
	width: 150px;
	padding: 0 15px;
}
#product-top .search-form input::-webkit-input-placeholder {
	color: #999;
}
#product-top .search-form input:-ms-input-placeholder {
	color: #999;
}
#product-top .search-form input:-moz-placeholder {
	color: #999;
}
#product-top .search-form input::-moz-placeholder {
	color: #999;
}
#product-top .select-box li {
	position: relative;
	padding-left: 130px;
}
#product-top .select-box li .select-box-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 114px;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	background: #f2f2f2;
	text-align: center;
}
#product-top .select-box li .select-box-tag a {
	padding: 0 8px;
	line-height: 34px;
	border: 1px solid transparent;
	border-radius: 4px;
	margin: 0 5px 10px;
	font-size: 1.4rem;
	font-family: "opensans";
}
#product-top .select-box li .select-box-tag a:hover,
#product-top .select-box li .select-box-tag a.active {
	border-color: #666;
}
#product-top .product-sort {
	line-height: 35px;
	font-size: 1.6rem;
	position: relative;
	z-index: 10;
	transition: linear color 0.2s;
	-webkit-transition: linear color 0.2s;
}
#product-top .product-sort:hover {
	color: #603748;
}
#product-top .product-sort:hover .sort-hide {
	top: 45px;
	opacity: 1;
	visibility: visible;
}
#product-top .product-sort:hover .sort-order {
	border-color: #603748;
}
#product-top .product-sort:hover .sort-order:before,
#product-top .product-sort:hover .sort-order:after {
	border-color: #603748;
}
#product-top .product-sort:hover .sort-order:before {
	width: 10px;
}
#product-top .product-sort:hover .sort-order:after {
	width: 20px;
}
#product-top .product-sort .sort-order {
	width: 15px;
	border-bottom: 2px solid #666;
	position: relative;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
#product-top .product-sort .sort-order:before {
	content: "";
	position: absolute;
	width: 20px;
	border-bottom: 2px solid #666;
	top: -4px;
	transition: linear width 0.2s;
	-webkit-transition: linear width 0.2s;
}
#product-top .product-sort .sort-order:after {
	content: "";
	position: absolute;
	width: 10px;
	border-bottom: 2px solid #666;
	bottom: -6px;
	transition: linear width 0.2s;
	-webkit-transition: linear width 0.2s;
}
#product-top .product-sort .sort-hide {
	width: 162px;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	font-size: 1.4rem;
	transition: all linear 0.2s;
	-webkit-transition: all linear 0.2s;
}
#product-top .product-sort .sort-hide:before {
	content: "";
	border-bottom: 10px solid transparent;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
}
#product-top .product-sort .sort-hide a {
	display: block;
	padding: 0 15px;
	height: 35px;
}
#product-top .product-sort .sort-hide a:hover,
#product-top .product-sort .sort-hide a.active {
	background: #f5f5f5;
}
#product-modal {
	position: fixed;
	z-index: 20000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	font-size: 0;
	color: #999;
	display: none;
}
#product-modal:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
#product-modal .modal-box {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	max-width: 1200px;
	width: 100%;
	height: 660px;
	background: #fff;
	padding: 60px 80px;
	position: relative;
	border-radius: 3px;
}
#product-modal .modal-box .modal-close {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 20px;
	font-size: 3rem;
	cursor: pointer;
	transition: linear 0.2s color;
	-webkit-transition: linear 0.2s color;
}
#product-modal .modal-box .modal-close:hover {
	color: #603748;
}
#product-modal .modal-box li > span {
	color: #333;
	margin-right: 15px;
}
#product-modal .product-name {
	color: #333;
	font-size: 2.4rem;
	line-height: 2.4rem;
}
#product-modal .product-type a {
	font-weight: bold;
	color: #999;
}
#product-modal .product-type a:hover {
	color: #603748;
}
#product-modal .product-des {
	color: #666;
	margin-top: 20px;
	max-height: 100%;
	overflow: hidden;
}
#product-modal .product-add .add-succ {
	padding: 10px 16px;
	background: #54cb83;
	border-radius: 4px;
	color: #fff;
	position: relative;
	display: none;
	padding-left: 50px;
}
#product-modal .product-add .add-succ a {
	color: #007ac1;
}
#product-modal .product-add .add-succ a:hover {
	color: #603748;
}
#product-modal .product-add .add-succ i {
	position: absolute;
	left: 16px;
	font-size: 1.8rem;
	line-height: 1.8rem;
	top: 50%;
	margin-top: -9px;
}
#product-modal .product-add .add-succ .succ-close {
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -12px;
	font-size: 2.4rem;
	line-height: 20px;
	cursor: pointer;
	transition: linear 0.2s color;
	-webkit-transition: linear 0.2s color;
}
#product-modal .product-add .add-succ .succ-close:hover {
	color: #007ac1;
}
#product-modal .product-add .btn {
	width: 196px;
	height: 48px;
	line-height: 48px;
	background: #603748;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #603748;
	font-size: 1.8rem;
}
#product-modal .product-add .btn:hover {
	background: #6191c1;
}
#product-modal .product-pic {
	position: relative;
}
#product-modal .product-pic .pic-most {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 100%;
	width: 400px;
	height: 400px;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: none;
	background: #fff;
	border: 5px solid rgb(94, 2, 2, 56%);
	border-radius: 4px;
}
#product-modal .product-pic .pic-most img {
	max-width: none;
	position: absolute;
}
#product-modal .product-pic .productMask {
	cursor: move;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	opacity: 0.5;
	z-index: 150;
}
#product-modal .product-pic .product-mask {
	cursor: move;
	width: 160px;
	height: 160px;
	position: absolute;
	background: #603748;
	opacity: 0.5;
	z-index: 100;
	display: none;
}
#product-modal .product-pic .pic-small {
	padding: 0 30px;
	position: relative;
}
#product-modal .product-pic .pic-small .swiper-container {
	padding: 0 1px;
}
#product-modal .product-pic .pic-small .swiper-slide {
	border: 1px solid transparent;
	transition: linear 0.2 border;
	-webkit-transition: linear 0.2 border;
}
#product-modal .product-pic .pic-small .swiper-slide:hover,
#product-modal .product-pic .pic-small .swiper-slide.is-active {
	border-color: #e3e4e6;
}
#product-modal .product-pic .pic-small .swiper-btn {
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	cursor: pointer;
	transition: linear 0.2s color;
	-webkit-transition: linear 0.2s color;
}
#product-modal .product-pic .pic-small .swiper-btn:hover {
	color: #603748;
}
#product-modal .product-pic .pic-small .swiper-btn.btn-prev {
	left: 0;
}
#product-modal .product-pic .pic-small .swiper-btn.btn-next {
	right: 0;
}
#product-modal .share-link {
	display: inline-block;
}
#product-modal .share-link a {
	width: 32px;
	height: 32px;
	line-height: 30px;
	border-radius: 50%;
	border: 1px solid #f5f5f2;
	display: inline-block;
	text-align: center;
	color: #999;
}
#product-modal .share-link a:hover {
	background: #603748;
	color: #fff;
}
.quantity-change {
	display: inline-block;
	font-size: 1.6rem;
	color: #222;
	user-select: none;
	-webkit-user-select: none;
}
.quantity-change i {
	font-style: normal;
	display: inline-block;
	width: 12px;
	text-align: center;
	cursor: pointer;
	transition: linear 0.2s color;
	-webkit-transition: linear 0.2s color;
}
.quantity-change i:hover {
	color: #603748;
}
.quantity-change input {
	margin: 0 5px;
	width: 40px;
	border: 0;
	text-align: center;
	background: transparent;
}
#bing-map {
	height: 470px;
}
#bing-map .ShadowTextDark,
#bing-map .bm_bottomRightOverlay,
#bing-map #MicrosoftNav {
	display: none;
}
#contact .contact-title {
	font-size: 4.2rem;
	line-height: 4.2rem;
}
#contact .form-title {
	font-size: 2rem;
	font-weight: bold;
}
#contact .input {
	width: 100%;
	height: 45px;
	border: 0;
	background: #f7f7f7;
	border-radius: 4px;
	padding: 5px 20px;
	color: #333;
}
#contact .input::-webkit-input-placeholder {
	color: #555;
}
#contact .input:-ms-input-placeholder {
	color: #555;
}
#contact .input:-moz-placeholder {
	color: #555;
}
#contact .input::-moz-placeholder {
	color: #555;
}
#contact textarea.input {
	height: 300px;
}
#contact .input-list {
	margin-left: -5px;
	margin-right: -5px;
}
#contact .input-item {
	padding: 0 5px;
	margin-bottom: 15px;
}
#contact .form-btn {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	background: #603748;
	color: #fff;
	font-size: 1.5rem;
	border: 1px solid #603748;
}
#contact .form-btn:hover {
	background: #6191c1;
}
#contact .form-return {
	width: 100%;
	padding: 8px 15px;
	text-align: center;
	color: #fff;
	background: #54cb83;
	border-radius: 4px;
	margin-top: 10px;
	display: none;
}
#contact .form-return i {
	position: relative;
	top: 1px;
	margin-left: 5px;
}
#contact .cart-content {
	position: relative;
	height: 485px;
}
#contact .cart-empty {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 4px;
	background: #f7f7f7;
	font-size: 2rem;
	color: rgba(0, 0, 0, 0.4);
}
#contact .cart-thead {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.6rem;
}
#contact .cart-thead > p:first-child {
	padding-left: 0;
}
#contact .cart-tbody {
	height: 500px;
	overflow: hidden;
}
#contact .cart-tbody .mCSB_draggerRail {
	background: none;
}
#contact .cart-tbody .mCSB_dragger_bar {
	background: #603748;
}
#contact .cart-item {
	background: #f7f7f7;
	line-height: 45px;
	margin-bottom: 20px;
}
#contact .cart-item:last-child {
	margin-bottom: 0;
}
#contact .cart-item img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	max-width: 50px;
	max-height: 45px;
}
#contact .cart-item .product-name {
	background: #fff;
	padding-left: 50px;
	padding-right: 0;
}
#contact .cart-item .product-name p {
	height: 100%;
	background: #f7f7f7;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-left: 10px;
}
#contact .cart-code {
	position: relative;
}
#contact .cart-code .cart-del {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2rem;
	cursor: pointer;
	transition: linear 0.2s color;
	-webkit-transition: linear 0.2s color;
}
#contact .cart-code .cart-del:hover {
	color: #603748;
}

.header-logo img {
	width: 250px;
}

#product-three .product-three-item {
	width: 20%;
	position: relative;
	float: left;
	overflow: hidden;
}

#index-banner{
	max-width: 1400px;
    margin: auto;
}
@media screen and (max-width:1000px) {
	#index-about .about-title{
		font-size: 1.5rem;
		margin-left: 0px;
	}
	#index-about .about-logo{
		font-size: 2.5rem;
		margin-left: 0px;
	}
	#index-about{
		background-size: cover;
	}
	#index-about .about-content{
		font-size: 15px;
		margin: 0 5%;
	}
	#product-three .product-three-item{
		width: 100%;
	}
	#product-three .product-three-item .product-three-box {
		top: 0;
	}
}
#center{
	margin-bottom: 30px;
	margin: auto;
    max-width: 1400px;
}
#center img{
    width: 100%;
}
#product-three{
	max-width: 1400px;
    margin: 0 auto 30px;
}
#index-about{
	max-width: 1400px;
    margin: 0 auto 20px;
	padding: 60px 0;
	
}
.w-1400 {
	max-width: 1400px;
}
#product-three .product-three-content{
	padding: 0;
}