@charset "UTF-8";

html {
	font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, "苹方", sans-serif
}

body {
	color: #666;
	overflow-x: hidden;
	line-height: 1.5;
	background-color: #fff
}

* {
	margin: 0;
	padding: 0
}

input,
textarea,
select,
button,
video,
image,
audio,
a {
	outline: 0
}

select:focus,
select:focus,
input:focus,
input:focus,
textarea:focus,
textarea:hover,
button:focus,
button:hover,
a:focus,
a:hover {
	outline: 0
}

.color-primary {
	color: #ff4141
}

.color-secondary {
	color: #ff5f44
}

.color-success {
	color: #4caf50
}

.color-warning {
	color: #fdd835
}

.color-danger {
	color: #f44336
}

.text-dark {
	color: #333
}

.text-bold {
	font-weight: bold
}

.btn-box-shadow {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2)
}

em {
	font-style: normal
}

img,
video {
	max-width: 100% !important;
	height: auto !important
}

#div_company_mini img {
	max-width: 80px !important;
	height: 24px !important
}

.dropdown-menu>li>a {
	padding: 10px 20px
}

.custom-image {
	width: 100%;
	overflow: hidden;
	position: relative
}

.custom-image:after {
	content: '';
	display: block;
	margin-top: 100%
}

.custom-image>img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.navbar {
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	margin-bottom: 0
}

.navbar-default {
	background-color: #fff;
	box-shadow: 0 16px 11px -19px #ccc
}

.navbar-index {
	padding: 0 24px;
	height: 70px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.navbar-spilit {
	width: 1px;
	height: 20px;
	margin: 0 12px;
	background-color: rgba(255, 65, 65, 0.75)
}

.navbar-index .navbar-ctrl,
.navbar-index .navbar-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.navbar-index .navbar-right {
	padding-right: 15px
}

.navbar-index .navbar-ctrl {
	display: none
}

.navbar-index .navbar-ctrl>span {
	font-size: 24px
}

.navbar-index .navbar-ctrl>span:hover {
	color: #ff0404
}

.navbar-index .navbar-ctrl>span:focus {
	color: #c10000
}

.navbar-index .navbar-right>ul {
	list-style: none;
	margin-bottom: 0
}

.navbar-index .navbar-right .navbar-nav-menu {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	padding: 0 30px
}

.navbar-index .navbar-right .navbar-nav-menu>li {
	padding: 0 20px;
	height: 70px;
	line-height: 70px;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	position: relative
}

.navbar-index .navbar-right .navbar-nav-menu>li.active>a,
.navbar-index .navbar-right .navbar-nav-menu>li:hover>a,
.navbar-index .navbar-right .navbar-nav-menu>li:focus>a {
	color: #ff4141;
	text-decoration: none;
	background-color: transparent
}

.navbar-index .navbar-right .navbar-nav-menu>li>a {
	font-size: 16px;
	color: #666;
	transition: color .15s ease-in-out;
	-webkit-transition: color .15s ease-in-out;
	text-decoration: none;
	font-weight: bold;
	word-break: keep-all
}

.navbar-index .navbar-right .navbar-nav-menu>li>a .icon-demonstrate {
	color: #ff4141
}

.navbar-index .navbar-right .navbar-nav-menu>li>a.active {
	color: #ff4141
}

.navbar-index .navbar-right .navbar-nav-account {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.navbar-index .navbar-right .navbar-nav-account>li {
	padding: 18px 15px
}

.navbar-index .navbar-right .navbar-nav-account>li .btn {
	padding: 6px 24px
}

@keyframes brand-ani {
	from {
		left: -40px
	}

	to {
		left: 360px
	}
}

.navbar-brand {
	padding: 15px;
	height: 70px;
	position: relative;
	overflow: hidden
}

.navbar-brand:before {
	content: "";
	position: absolute;
	top: 35px;
	left: -80px;
	width: 80px;
	height: 20px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
	transform: rotate(-60deg);
	transform-origin: center center;
	animation: brand-ani 1.25s linear infinite
}

.navbar-brand .logo {
	height: 40px;
	width: 250px;
	background-image: url("../image/homePage/logo.png");
	background-position: center;
	background-size: cover
}

.auto-dropdown .caret {
	transition: all .3s ease
}

.auto-dropdown .caret.open {
	transform: rotateZ(180deg)
}

.auto-dropdown-container {
	position: fixed;
	top: 110px;
	left: 0;
	right: 0;
	width: 100%;
	display: none;
	z-index: 2048;
	background-color: #fff;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
	padding: 16px 0 32px
}

.auto-dropdown-container.scroll {
	top: 70px
}

.auto-dropdown-container .product-category {
	line-height: 1.428571429
}

.auto-dropdown-container .product-category .category-name {
	margin-top: 8px;
	padding: 12px 0;
	color: #ffa7a7
}

.auto-dropdown-container .product-category .category-products .product {
	margin-bottom: 16px;
	display: block;
	text-decoration: none
}

.auto-dropdown-container .product-category .category-products .product:hover .product-name {
	color: #ff4141
}

.auto-dropdown-container .product-category .category-products .product:hover .product-description {
	color: #ffa7a7
}

.auto-dropdown-container .product-category .category-products .product .product-name {
	color: #333;
	font-size: 16px;
	height: 32px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.auto-dropdown-container .product-category .category-products .product .product-name i {
	font-size: 20px
}

.auto-dropdown-container .product-category .category-products .product .product-name .name {
	padding: 0 6px 0 4px
}

.auto-dropdown-container .product-category .category-products .product .product-name .style {
	line-height: 18px;
	font-size: 12px;
	background-color: #ff325a;
	color: #fff;
	padding: 0 4px;
	border-radius: 2px
}

.auto-dropdown-container .product-category .category-products .product .product-description {
	color: #999
}

.auto-dropdown-container .product-category .category-products .product .product-description.text-primary {
	color: #ffa7a7
}

.transparent-modal .modal-content {
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 0
}

.transparent-modal .close {
	position: absolute;
	top: -25px;
	right: -9px;
	font-size: 50px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	opacity: .9;
	font-weight: normal
}

.btn-primary-blank,
.btn-primary-blank.active {
	color: #ff4141;
	background-color: #fff;
	border-color: #ff4141
}

.btn-primary-blank:hover,
.btn-primary-blank.active:hover {
	color: #ff0404;
	border-color: #ff0404
}

.btn-primary-blank:focus,
.btn-primary-blank.active:focus {
	color: #c10000;
	border-color: #c10000
}

.btn-white-blank,
.btn-white-blank:hover,
.btn-white-blank:focus,
.btn-white-blank.active,
.btn-white-blank:active:hover,
.btn-white-blank.active.focus {
	color: #fff;
	background-color: transparent;
	border-color: #fff
}

.btn-white,
.btn-white.active {
	color: #ff4141;
	background-color: #fff;
	border-color: #fff
}

.btn-white.active:hover,
.btn-white:hover {
	color: #ff0404
}

.btn-white.active.focus,
.btn-white:focus {
	color: #c10000
}

.hover-item-block {
	transition: all .2s ease-in;
	box-shadow: 0 3px 4px 0 rgba(255, 65, 65, 0.2)
}

.hover-item-block:hover,
.hover-item-block:focus {
	transform: translateY(-3px);
	box-shadow: 0 6px 8px 0 rgba(255, 65, 65, 0.3)
}

.text-overflow {
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.swiper-container {
	width: 100%;
	height: 100%
}

.swiper-slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.footer-container {
	background-color: #333;
	color: #999;
	padding: 30px 0
}

.footer-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.footer-menu-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
	list-style: none;
	margin: 10px 0;
	border-right: 1px solid #999
}

.footer-menu-left>li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.footer-menu-left>li>span {
	color: #fff;
	display: block;
	font-size: 16px;
	padding-bottom: 10px
}

.footer-menu-left>li>ul {
	list-style: none
}

.footer-menu-left>li>ul>li>a {
	height: 30px;
	line-height: 30px
}

.footer-menu-left>li>ul>li>a,
.footer-menu-left>li>ul>li>a:hover,
.footer-menu-left>li>ul>li>a:focus {
	color: #999;
	text-decoration: none
}

.footer-menu-right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 30px;
	text-align: center;
	color: #fff
}

.service-tel {
	display: block;
	font-size: 30px;
	font-weight: bolder
}

.service-tel,
.service-tel:hover,
.service-tel:focus,
.other-time,
.other-time:hover,
.other-time:focus,
.service-online,
.service-online:hover,
.service-online:focus {
	color: #fff;
	text-decoration: none
}

.other-time {
	display: block;
	margin-top: 10px
}

.service-online {
	margin: 15px auto 0;
	display: block;
	width: 120px;
	height: 28px;
	line-height: 26px;
	border: 1px solid #fff;
	border-radius: 2px
}

.copy-right {
	margin-top: 15px;
	text-align: center;
	line-height: 1.5
}

.copy-right>a,
.copy-right>a:hover,
.copy-right>a:focus {
	color: #999;
	text-decoration: none
}

.popover {
	max-width: 640px
}

.kf-sidebar {
	position: fixed;
	z-index: 2048;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
	background-color: #fff;
	box-shadow: 0 0 30px rgba(255, 65, 65, 0.3);
	border-radius: 2px 0 0 2px
}

.kf-sidebar>ul {
	list-style: none;
	margin-bottom: 10px
}

.kf-sidebar>ul>li {
	cursor: pointer;
	text-align: center;
	font-size: 12px
}

.kf-sidebar>ul>li>a {
	display: block;
	width: 64px;
	height: 64px;
	padding: 4px;
	color: #999;
	text-decoration: none;
	transition: color .15s ease-in-out;
	-webkit-transition: color .15s ease-in-out
}

.kf-sidebar>ul>li>a:hover,
.kf-sidebar>ul>li>a:focus {
	color: #ff4141
}

.kf-sidebar>ul>li>a>span {
	display: block
}

.kf-sidebar>ul>li>a .icon {
	font-size: 30px
}

.kf-popover-data {
	display: none
}

.kf-popover {
	border: 0;
	border-radius: 2px;
	box-shadow: 0 0 15px rgba(255, 65, 65, 0.2);
	padding: 5px
}

.kf-popover-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.kf-popover-content>.kf-data-item {
	width: 160px;
	height: 208px
}

.kf-popover-content>.kf-data-item>img {
	width: 160px;
	height: 160px
}

.kf-popover-content>.kf-data-item>span {
	display: block;
	margin-top: 8px;
	line-height: 32px;
	text-align: center;
	color: #ff4141;
	font-size: 18px;
	font-weight: bold
}

.kf-popover.left>.arrow {
	border-left-color: transparent !important
}

.kf-scroll-up {
	display: none
}

.follow-me-popover {
	border: 0;
	border-radius: 2px;
	box-shadow: 0 0 15px rgba(255, 65, 65, 0.2);
	padding: 15px;
	width: 280px;
	height: 346px
}

.follow-me-popover.coupon {
	height: 280px
}

.follow-me-popover.top .arrow {
	border-top-color: transparent !important
}

.follow-me-popover.right .arrow {
	border-right-color: transparent !important
}

.follow-me-popover .kf-popover-content {
	width: 100%;
	height: 100%
}

.follow-me-popover .kf-popover-content img {
	width: 100%;
	height: 100%
}

.shopping-cart {
	position: relative
}

.shopping-cart .selected-count {
	position: absolute;
	top: 5px;
	right: 20px;
	color: #fff;
	background: #ff4141;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 10px
}

.kf-contact {
	width: 160px
}

.kf-contact label {
	display: block;
	font-weight: normal
}

.kf-contact span {
	display: block;
	padding: 5px 0;
	font-size: 16px;
	font-weight: bolder
}

.kf-contact span:last-child {
	padding: 5px 0 15px 0
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030
}

.panel-action {
	float: right;
	font-weight: normal
}

.contact-us {
	display: none
}

.friendlink {
	margin-top: 20px
}

.friendlink ul {
	list-style: none
}

.friendlink ul li {
	float: left;
	padding: 5px 8px
}

.friendlink ul li a {
	color: #999;
	display: block
}

.friendlink ul li a:hover,
.friendlink ul li a:focus {
	color: #999;
	text-decoration: none
}

.friendlink ul li:first-child {
	padding-left: 0;
	padding-right: 0
}

.top-contact-container {
	background: linear-gradient(#222, #111);
	color: #fff;
	padding: 8px 0;
	font-size: 16px
}

.top-contact-container .top-contact {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.top-contact-container .top-contact>div {
	margin-right: 32px
}

.block-header {
	margin-top: 30px;
	margin-bottom: 24px;
	border-bottom: 1px solid #dedede
}

.block-header h3 {
	padding-left: 12px;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	margin-bottom: 15px;
	color: #333;
	position: relative
}

.block-header h3:before {
	position: absolute;
	content: "";
	width: 4px;
	height: 20px;
	left: 0;
	top: 5px;
	background-color: #ff4141
}

.block-header-center {
	margin-top: 30px;
	margin-bottom: 24px;
	text-align: center
}

.block-header-center h3 {
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	margin-bottom: 15px;
	color: #333
}

.block-header-center p {
	margin-bottom: 32px
}

.block-footer {
	padding: 30px 0;
	text-align: center
}

@media(min-width:992px) {
	.navbar-index .navbar-right .navbar-nav-menu {
		padding: 0 20px
	}
}

@media(min-width:768px) {
	.modal-dialog {
		margin: 100px auto
	}

	.navbar-index .navbar-right .navbar-nav-menu {
		padding: 0
	}
}

@media(max-width:991px) {
	.navbar-index {
		height: 50px
	}

	.navbar-brand {
		padding: 10px 0;
		height: 50px
	}

	.navbar-brand .logo {
		height: 30px;
		width: 210px;
		background-position: center;
		background-size: 100% 100%;
		margin-left: 0
	}

	.navbar-index .navbar-ctrl {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.navbar-index .navbar-right {
		display: none;
		position: absolute;
		top: 50px;
		width: 100%;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 100;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
		padding-top: 12px
	}

	.navbar-index .navbar-right .navbar-nav-menu {
		display: block;
		padding: 0
	}

	.navbar-index .navbar-right .navbar-nav-menu>li {
		height: 36px;
		line-height: 36px
	}

	.navbar-index .navbar-right .navbar-nav-account>li {
		padding: 10px 15px 20px
	}

	.navbar-index .navbar-right .navbar-nav-menu>li,
	.navbar-index .navbar-right .navbar-nav-menu>li.active,
	.navbar-index .navbar-right .navbar-nav-menu>li:hover,
	.navbar-index .navbar-right .navbar-nav-menu>li:focus {
		border: 0;
		box-shadow: none
	}

	.navbar-index .navbar-right>li>a {
		padding: 10px;
		line-height: 20px
	}

	.navbar-index .navbar-right .navbar-nav-menu>li.auto-dropdown {
		height: auto
	}

	.auto-dropdown-container {
		position: static;
		background-color: transparent;
		box-shadow: none;
		padding: 0
	}

	.auto-dropdown-container .container {
		width: 100%;
		padding: 0
	}

	.auto-dropdown-container .container .product-category .category-name {
		margin-top: 0;
		padding: 8px 0
	}

	.auto-dropdown-container .container .product-category .category-products .product {
		margin-bottom: 8px
	}

	.auto-dropdown-container .container .product-category .category-products .product-description {
		font-size: 14px
	}
}

@media(max-width:767px) {
	body {
		font-size: 16px
	}

	.navbar-index {
		padding: 0 15px
	}

	.top-contact-container {
		display: none
	}

	.footer-container {
		padding: 15px 0 60px
	}

	.contact-us {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1024
	}

	.contact-us a {
		text-align: center;
		height: 45px;
		line-height: 45px;
		color: #fff;
		font-size: 16px;
		flex: 1
	}

	.contact-us a:nth-child(even) {
		background-color: #ff4141
	}

	.contact-us a:nth-child(odd) {
		background-color: #ff5f44
	}

	.contact-us a:focus,
	.contact-us a:hover {
		text-decoration: none;
		color: #fff
	}

	.block-header {
		margin-top: 10px;
		margin-bottom: 15px
	}

	.block-header h3 {
		font-size: 20px;
		margin-top: 15px
	}

	.block-header p {
		font-size: 14px
	}

	.block-header-center {
		margin-top: 10px;
		margin-bottom: 15px
	}

	.block-header-center h3 {
		height: 24px;
		line-height: 24px;
		font-size: 20px
	}

	.block-header-center p {
		margin-bottom: 0
	}

	.block-footer {
		padding: 10px 0
	}

	.block-footer .btn-lg {
		font-size: 16px;
		padding: 6px 12px
	}
}

.browser-list .browser {
	float: left;
	display: block;
	width: 64px;
	margin-right: 15px
}

.browser-list .browser .logo {
	width: 64px;
	height: 64px
}

.browser-list .browser .logo.chrome {
	background-image: url("../image/other/chrome.png");
	background-size: 100% 100%;
	background-position: center
}

.browser-list .browser .logo.i360 {
	background-image: url("../image/other/360.png");
	background-size: 100% 100%;
	background-position: center
}

.browser-list .browser .logo.qq {
	background-image: url("../image/other/qq.png");
	background-size: 100% 100%;
	background-position: center
}

.browser-list .browser span {
	display: block;
	text-align: center;
	line-height: 25px
}

.row-reverse .col-xs-1,
.row-reverse .col-xs-2,
.row-reverse .col-xs-3,
.row-reverse .col-xs-4,
.row-reverse .col-xs-5,
.row-reverse .col-xs-6,
.row-reverse .col-xs-7,
.row-reverse .col-xs-8,
.row-reverse .col-xs-9,
.row-reverse .col-xs-10,
.row-reverse .col-xs-11,
.row-reverse .col-xs-12 {
	float: right
}

.swiper-pagination-bullet-active {
	background: #ff4141 !important
}

.navbar-index .navbar-right .navbar-nav-menu>li.discount>a {
	color: #ff4141
}

.block-header h3 {
	padding-left: 36px;
	color: #ff4141
}

.block-header h3:before {
	background-color: transparent;
	width: 32px;
	height: 32px;
	background-image: url("../image/homePage/icon-title.png");
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	filter: drop-shadow(0 0 12px rgba(255, 65, 65, 0.5))
}

.block-header-center h3 {
	color: #ff4141
}

.kf-sidebar {
	width: 80px;
	height: 400px;
	background-position: -80px 0;
	background-size: 160px auto;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 30px 0 50px;
	transition: height .15s ease
}

.kf-sidebar ul li {
	transition: height .15s ease
}

.kf-sidebar ul li a {
	width: 80px;
	height: 64px;
	color: #ffdb96;
	padding: 12px 4px 12px
}

.kf-sidebar ul li a .icon {
	font-size: 26px;
	line-height: 1.1
}

.kf-sidebar ul li a:hover,
.kf-sidebar ul li a:focus {
	color: #ffdb96
}

.kf-sidebar.top {
	height: 464px;
	background-position: 0 0
}

@keyframes text-dance {

	0%,
	40%,
	100% {
		transform: translateY(0)
	}

	20% {
		transform: translateY(-20px)
	}
}

.navbar-index .navbar-right .navbar-nav-menu>li.discount {
	text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff
}

.navbar-index .navbar-right .navbar-nav-menu>li.discount span {
	display: inline-block;
	animation: text-dance 1.25s ease infinite;
	animation-delay: calc(0.1s * var(--i))
}