@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: #007bff
}

.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;
}

#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{position: fixed;width:100%; z-index:1000}
.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, 100, 50, 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: #007bff
}

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

.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: #007bff;
	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: #007bff
}

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

.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: 280px;
	background-image: url("../img/phonelogo.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: #ffb198
}

.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: #007bff
}

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

.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: #ffb198
}

.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: #007bff;
	background-color: #fff;
	border-color: #007bff
}

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

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

.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: #007bff;
	background-color: #fff;
	border-color: #fff
}

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

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

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

.hover-item-block:hover,
.hover-item-block:focus {
	transform: translateY(-3px);
	box-shadow: 0 6px 8px 0 rgba(255, 100, 50, 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: #263b70;
	color: #fff;
	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: #fff;
	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: #fff;
	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, 100, 50, 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: #007bff
}

.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, 100, 50, 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: #007bff;
	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, 100, 50, 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: #007bff;
	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 5px 0
}

.friendlink ul li a {
	color: #fff;
	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: #007bff
}

.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: 1000;
		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: 12px
	}
	.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: #007bff
	}
	.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("../img/chrome.png");
	background-size: 100% 100%;
	background-position: center
}

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

.browser-list .browser .logo.qq {
	background-image: url("../img/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: #007bff!important
}
.copy-right,.copy-right a{ color: rgba(255,255,255,0.6);}
@media only screen and (min-width: 100px) and (max-width: 640px) {
    .line1{height: 50px;}}