.sy_db_ewm {
	width:38%;
	margin: 0px auto;
}
.sy_db_ewm_b {
	width:38%;
	margin: 0px auto;
}
.sy_db_ewm_a {
	font-size:17px;
	color: #fff;
}
body {
	padding:0;
	margin:0 auto;
	font:400 14px "Microsoft YaHei","\u5fae\u8f6f\u96c5\u9ed1",Arial;
	-webkit-font-smoothing:antialiased;
	background:#f7f7f7;
	color:#666;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch
}
a {
	color:#555;
	text-decoration:none;
	outline:0;
	-webkit-tap-highlight-color:rgba(255,0,0,0);
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
a:hover {
	color:rgba(85,85,85,.8);
	text-decoration:none;
	opacity:.7
}
a:visited,a:active {
	text-decoration:none;
	color:#000;
	opacity:.5
}
img {
	border:0
}
ul,ol {
	margin:0;
	padding:0
}
li {
	list-style:none
}
input {
	outline:0;
	-webkit-appearance:none
}
::-webkit-scrollbar {
	height:8px;
	width:8px
}
::-webkit-scrollbar-thumb {
	-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	background-color:gray;
	min-height:40px;
	padding-top:100px;
	-webkit-border-radius:4px;
	border-radius:4px
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active {
	background-color:#B3B3B3
}
.bottom-phone {
	display:none
}
@media screen and (max-width:750px) {
	.bottom-phone {
	display:block
}
.bottom-pc {
	display:none
}
}.loading-box {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background:#fff;
	color:#999
}
.loading-box .loading-info {
	width:100%;
	top:45%;
	position:absolute;
	left:0;
	text-align:center;
	line-height:2rem;
	font-size:2rem
}
.tips-box {
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	align-items:center;
	z-index:9999;
	top:0;
	left:0;
	position:fixed
}
.tips-box span {
	display:inline-block;
	background:rgba(0,0,0,.7);
	font-size:1.6em;
	color:#fff;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:8px 15px
}
.content {
	width:1200px;
	margin:0 auto
}
@media screen and (max-width:750px) {
	.content {
	width:100%
}
}@font-face {
	font-family:fontnav;
	src:url(../font/font.ttf)
}
.footer-nav {
	font-family:fontnav
}
header {
	width:100%;
	background:#fff;
	float:left;
	padding-bottom:15px
}
header .logo-box {
	width:100%;
	text-align:center;
	margin:60px 0 40px
}
header .logo-box .fa {
	display:none
}
header nav {
	width:100%
}
header nav ul {
	width:100%;
	text-align:center
}
header nav ul li {
	display:inline-block;
	margin:0 25px
}
header nav ul li a i {
	width:100%;
	font-size:18px;
	font-style:normal;
	display:block;
	color:#000;
	font-weight:500;
	font-family:fontnav
}
header nav ul li a span {
	width:100%;
	font-size:14px;
	display:block;
	color:#bdbdbd;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
header nav ul li a.active span,header nav ul li a:hover span {
	color:#d60011
}
@media screen and (max-width:750px) {
	header {
	padding:0
}
header .logo-box {
	margin:20px 0
}
header .logo-box img {
	width:60%
}
header .logo-box .fa {
	position:absolute;
	top:5%;
	right:3%;
	display:block;
	font-size:25px
}
header nav {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:rgba(255,255,255,0);
	-webkit-transition:-webkit-transform .6s;
	transition:-webkit-transform .6s;
	-moz-transition:transform .6s,-moz-transform .6s;
	transition:transform .6s;
	transition:transform .6s,-webkit-transform .6s,-moz-transform .6s;
	-webkit-transform:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);
	transform:translate(-100%,0)
}
header nav ul {
	width:70%;
	height:100%;
	background:#f9f9f9;
	-webkit-box-shadow:0 0 8px 4px rgba(0,0,0,.2);
	box-shadow:0 0 8px 4px rgba(0,0,0,.2)
}
header nav ul li {
	width:100%;
	margin:0;
	padding:15px 0;
	border-bottom:1px dotted #ddd
}
header nav.navShow {
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0)
}
}.index-swiper-box {
	width:100%;
	overflow:hidden
}
.index-swiper-box .swiper-slide {
	width:100%;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative
}
.index-swiper-box .swiper-slide img {
	width:100%
}
.index-swiper-box .swiper-pagination-bullet {
	width:10px;
	height:10px;
	background:0 0;
	border:2px solid #fff;
	opacity:1;
	margin:0 8px
}
.index-swiper-box .swiper-pagination-bullet-active {
	background:#fff
}
.comm-title {
	width:100%;
	text-align:center;
	margin:70px 0
}
.comm-title h3 {
	font-size:22px;
	color:#000;
	font-weight:400;
	letter-spacing:4px
}
.comm-title h3 small {
	width:100%;
	display:block;
	font-family:fontnav;
	font-size:12px;
	position:relative;
	padding:14px 0;
	letter-spacing:16px;
	color:#000;
	font-weight:700;
	text-indent:10px
}
.comm-title h3 small:before {
	content:" ";
	width:35px;
	height:1px;
	overflow:hidden;
	background:#636363;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-17.5px
}
@media screen and (max-width:750px) {
	.comm-title {
	margin:20px 0
}
.comm-title h3 {
	font-size:16px
}
.comm-title h3 small {
	padding:5px 0
}
.comm-title h3 small:before {
	bottom:-5px
}
}.color-bai h3 {
	color:#e8e8e8
}
.color-bai h3 small {
	color:#e8e8e8
}
.color-bai h3 small:before {
	background:#e8e8e8
}
.no-solid {
	margin:60px 0
}
.no-solid h3 small:before {
	display:none
}
@media screen and (max-width:750px) {
	.no-solid {
	margin:20px 0
}
}.comm-more {
	width:100%;
	text-align:center;
	margin:75px 0
}
.comm-more a {
	width:170px;
	height:32px;
	font-family:fontnav;
	display:inline-block;
	border:1px solid #000;
	line-height:32px;
	font-weight:700
}
.comm-more a:hover {
	border-color:#aaa
}
@media screen and (max-width:750px) {
	.comm-more {
	margin:20px 0
}
.comm-more a {
	width:auto;
	height:28px;
	line-height:28px;
	font-size:12px;
	padding:0 20px
}
}.swiper-lazy-preloader {
	display:none
}
.index-product .swiper-slide {
	width:430px;
	overflow:hidden
}
.index-product .swiper-slide .swiper-lazy {
	width:100%
}
.index-product .swiper-slide a {
	width:100%;
	height:100%;
	display:block;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative
}
.index-product .swiper-slide a h3 {
	margin:0;
	display:inline-block;
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
	-webkit-transition:all .6s linear;
	-moz-transition:all .6s linear;
	transition:all .6s linear
}
.index-product .swiper-slide a:hover {
	opacity:1;
	-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,.2);
	box-shadow:0 0 10px 2px rgba(0,0,0,.2)
}
.index-product .swiper-slide a:hover h3 {
	bottom:35px
}
.index-product .product-swiper-control {
	width:100%;
	position:relative
}
.index-product .product-swiper-control .product-swiper-next,.index-product .product-swiper-control .product-swiper-prev {
	width:40px;
	height:76px;
	background:url(../images/swiper-left.png?t=20203231584960648719);
	position:absolute;
	left:-80px;
	top:50%;
	margin-top:-38px
}
.index-product .product-swiper-control .product-swiper-next {
	background:url(../images/swiper-right.png?t=20203231584960648719);
	left:auto;
	right:-80px
}
@media screen and (max-width:750px) {
	.index-product .swiper-slide {
	width:50%
}
.index-product .swiper-slide a h3 {
	bottom:5px
}
.index-product .swiper-slide a h3 img {
	width:80%
}
}.index-video-box {
	width:100%;
	background:#fff;
	float:left
}
.index-video-box .video-swiper {
	height:520px
}
.index-video-box .video-swiper .swiper-slide {
	width:800px;
	height:100%;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative
}
.index-video-box .video-swiper .swiper-slide h4 {
	width:100%;
	color:#fff;
	position:absolute;
	bottom:90px;
	left:0;
	text-align:center;
	z-index:10;
	margin:0;
	font-size:22px;
	font-weight:400;
	opacity:0
}
.index-video-box .video-swiper .swiper-slide:before {
	content:" ";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,.3)
}
.index-video-box .video-swiper .swiper-slide-active:before {
	background:url(../images/video-play.png?t=20203231584960648719) no-repeat center center rgba(0,0,0,.4);
	z-index:5;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
	opacity:0
}
.index-video-box .video-swiper .swiper-button-next,.index-video-box .video-swiper .swiper-button-prev {
	width:40px;
	height:76px;
	background:url(../images/video-left.png?t=20203231584960648719);
	left:60px;
	z-index:99
}
.index-video-box .video-swiper .swiper-button-next {
	background:url(../images/video-right.png?t=20203231584960648719);
	left:auto;
	right:60px
}
.index-video-box .video-swiper .swiper-slide-active:hover {
	opacity:1
}
.index-video-box .video-swiper .swiper-slide-active:hover:before,.index-video-box .video-swiper .swiper-slide-active:hover h4 {
	opacity:1
}
@media screen and (max-width:750px) {
	.index-video-box .video-swiper {
	height:200px
}
.index-video-box .video-swiper .swiper-slide {
	width:100%
}
.index-video-box .video-swiper .swiper-button-next,.index-video-box .video-swiper .swiper-button-prev {
	width:20px;
	height:40px;
	-webkit-background-size:contain;
	background-size:contain;
	left:2%
}
.index-video-box .video-swiper .swiper-button-next {
	left:auto;
	right:2%
}
}.index-qualification {
	width:100%;
	background:#fff;
	float:left;
	margin-top:50px
}
.index-qualification .qualification-list-box {
	text-align:center
}
.index-qualification .qualification-list-box li {
	position:relative;
	display:inline-block;
	margin-bottom:25px
}
.index-qualification .qualification-list-box li .tips {
	width:450px;
	position:absolute;
	top:105%;
	left:50%;
	margin-left:-225px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
	background:#efefef;
	-webkit-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 2px 8px 2px rgba(0,0,0,.2);
	box-shadow:0 2px 8px 2px rgba(0,0,0,.2);
	display:none;
	z-index:99
}
.index-qualification .qualification-list-box li .tips p {
	margin:0;
	text-indent:24px;
	font-size:12px;
	padding:15px;
	word-wrap:break-word;
	letter-spacing:.02em;
	text-align:justify;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	color:#000
}
.index-qualification .qualification-list-box li .tips a {
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	background:url(../images/tips-menu.jpg);
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:0 15px;
	-webkit-border-radius:0 8px 8px 0;
	border-radius:0 8px 8px 0
}
.index-qualification .qualification-list-box li .tips:before {
	content:" ";
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #efefef;
	position:absolute;
	top:-8px;
	left:50%;
	margin-left:-5px
}
.index-qualification .qualification-list-box li:hover .tips {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex
}
@media screen and (max-width:750px) {
	.index-qualification {
	margin-top:20px
}
.index-qualification .qualification-list-box li {
	width:48%;
	margin-bottom:10px
}
.index-qualification .qualification-list-box li img {
	width:100%
}
}.store-swiper-box {
	width:100%;
	float:left;
	margin:60px 0;
	position:relative
}
.store-swiper-box .store-swiper .swiper-slide {
	height:100%;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative
}
.store-swiper-box .store-swiper .swiper-slide img {
	width:100%
}
.store-swiper-box .store-swiper .swiper-slide h3 {
	width:500px;
	height:200px;
	background:rgba(0,0,0,.5);
	position:absolute;
	top:50%;
	left:50%;
	margin:-100px 0 0 -250px;
	color:#fff;
	text-align:center;
	font-size:22px;
	font-weight:400;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-content:center;
	-ms-flex-line-pack:center;
	align-content:center
}
.store-swiper-box .store-swiper .swiper-slide h3 span {
	width:100%;
	display:block;
	text-align:center;
	position:relative
}
.store-swiper-box .store-swiper .swiper-slide h3 span:before {
	content:" ";
	width:35px;
	height:1px;
	overflow:hidden;
	background:#fff;
	margin-top:20px;
	display:block;
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-17.5px
}
.store-swiper-box .store-swiper .swiper-slide h3 small {
	width:100%;
	display:block;
	margin-top:45px;
	font-size:22px
}
.store-swiper-box .store-swiper .swiper-slide:hover {
	opacity:1;
	-webkit-animation:pulse .8s;
	-moz-animation:pulse .8s;
	animation:pulse .8s
}
.store-swiper-box .store-swiper-next,.store-swiper-box .store-swiper-prev {
	width:40px;
	height:76px;
	background:url(../images/swiper-left.png?t=20203231584960648719);
	position:absolute;
	left:-80px;
	top:50%;
	margin-top:-38px;
	cursor:pointer
}
.store-swiper-box .store-swiper-next {
	background:url(../images/swiper-right.png?t=20203231584960648719);
	left:auto;
	right:-80px
}
.store-swiper-box .swiper-button-disabled {
	opacity:.5
}
@media screen and (max-width:750px) {
	.store-swiper-box {
	margin:20px 0
}
.store-swiper-box .store-swiper {
	width:100%
}
.store-swiper-box .store-swiper .swiper-slide {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	align-items:center;
	overflow:hidden
}
.store-swiper-box .store-swiper .swiper-slide img {
	width:200%
}
.store-swiper-box .store-swiper .swiper-slide h3 {
	width:80%;
	height:140px;
	margin:-70px 0 0 -40%;
	font-size:18px
}
.store-swiper-box .store-swiper .swiper-slide h3 small {
	font-size:14px
}
}.index-news {
	width:100%;
	background:#fff;
	float:left;
	margin-top:70px;
	text-align:center;
	padding-bottom:70px
}
.index-news li {
	width:250px;
	height:130px;
	display:inline-block;
	margin:0 20px
}
.index-news li a {
	width:100%;
	height:100%;
	background:#e5e5e5 url(../images/index-new-pic-1.jpg) no-repeat right;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.index-news li a h3 {
	font-size:20px;
	font-weight:400;
	text-align:left;
	margin:0 0 0 25px;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
.index-news li a h3 small {
	width:100%;
	display:block;
	font-size:14px;
	font-family:fontnav;
	font-weight:700;
	margin-top:10px
}
.index-news li a.list-2 {
	background:#e5e5e5 url(../images/index-new-pic-2.jpg) no-repeat right
}
.index-news li a.list-3 {
	background:#e5e5e5 url(../images/index-new-pic-3.jpg) no-repeat right
}
.index-news li a.list-4 {
	background:#e5e5e5 url(../images/index-new-pic-4.jpg) no-repeat right
}
.index-news li a:hover {
	background-position:110%;
	opacity:1
}
.index-news li a:hover h3 {
	margin-left:15px
}
@media screen and (max-width:750px) {
	.index-news {
	margin-top:20px;
	padding-bottom:20px
}
.index-news li {
	width:46%;
	height:100px;
	display:inline-block;
	margin:8px 1%
}
.index-news li a h3 {
	font-size:16px
}
.index-news li a h3 small {
	font-size:12px
}
}.index-news-box {
	width:100%;
	float:left;
	text-align:center
}
.index-news-box .news-box-list {
	width:100%
}
.index-news-box .news-box-list li {
	width:370px;
	height:260px;
	display:inline-block;
	overflow:hidden;
	margin:0 12px
}
.index-news-box .news-box-list li a {
	width:100%;
	height:100%;
	display:block;
	position:relative;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover
}
.index-news-box .news-box-list li a h3 {
	width:60%;
	position:absolute;
	bottom:15px;
	left:20%;
	color:#fff;
	font-weight:400;
	font-size:14px;
	margin:0;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
.index-news-box .news-box-list li a h3 small {
	display:none
}
.index-news-box .news-box-list li a:before {
	width:100%;
	height:100%;
	content:" ";
	background:rgba(0,0,0,.4);
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	opacity:0;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
.index-news-box .news-box-list li a:hover {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-box;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	align-items:center;
	opacity:1
}
.index-news-box .news-box-list li a:hover h3 {
	position:relative;
	bottom:auto;
	left:auto;
	z-index:10
}
.index-news-box .news-box-list li a:hover h3 span {
	width:100%;
	display:block
}
.index-news-box .news-box-list li a:hover h3 small {
	display:inline-block;
	border:1px solid #fff;
	color:#fff;
	width:120px;
	height:25px;
	line-height:25px;
	margin-top:35px
}
.index-news-box .news-box-list li a:hover:before {
	opacity:1
}
@media screen and (max-width:750px) {
	.index-news-box .news-box-list li {
	width:90%;
	height:200px;
	margin:0 0 15px
}
}footer {
	width:100%;
	background:url(../images/footer-bg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	float:left;
	text-align:center
}
footer .logo {
	margin:50px 0
}
footer .footer-nav {
	width:100%
}
footer .footer-nav li {
	display:inline-block;
	font-size:16px;
	padding:0 35px;
	position:relative
}
footer .footer-nav li a {
	color:#999
}
footer .footer-nav li:before {
	content:" ";
	position:absolute;
	top:8px;
	right:0;
	width:1px;
	height:8px;
	background:#555
}
footer .footer-nav li:last-of-type:before {
	display:none
}
footer .wx-code {
	color: #fff;
	font-weight: 400;
	margin-top: 40px;
	width: auto;

	margin-left: 3%;
}
footer .wx-code span {
	width:100%;
	display:block;
	padding:8px 0
}
footer .wx-code small a {
	color:#fff
}
footer .footer-links {
	background:rgba(255,255,255,.1);
	padding:12px 20px;
	display:inline-block;
	margin-top:20px
}
footer .footer-links li {
	display:inline-block;
	margin:0 40px
}
footer .footer-links li a {
	color:#fff;
	font-size:14px
}
footer .footer-links li a img {
	vertical-align:middle
}
footer .copy {
	width:100%;
	color:#666;
	font-size:16px;
	margin:20px 0
}
footer .copy a {
	color:#666
}
footer .links-box {
	width:100%;
	background:#000;
	padding:15px 0
}
footer .links-box a {
	color:#555
}
@media screen and (max-width:750px) {
	footer .logo {
	width:30%;
	margin:15px 0
}
footer .footer-nav li {
	width:20%;
	padding:0;
	font-size:14px;
	line-height:25px
}
footer .footer-nav li:before {
	display:none
}
.sy_db_ewm_b {
	width: 100%;
	float: left;
	margin: 0px 0 25px 0;
}
.sy_db_ewm {
	width:100%;
}
footer .wx-code {
	margin-top:20px;


}
footer .footer-links {
	margin-top:0
}
footer .footer-links li {
	width:45%;
	margin:5px 0
}
footer .copy {
	font-size:12px
}
footer .links-box {
	font-size:12px;
	width:90%;
	padding:15px 5%
}
}.column-content-box {
	width:100%;
	float:left
}
.column-content-box .web-location {
	text-align:right;
	margin-top:20px
}
@media screen and (max-width:750px) {
	.column-content-box {
	width:92%;
	margin:0 4%
}
.column-content-box .web-location {
	margin-top:10px;
	color:#999
}
.column-content-box .web-location a {
	color:#999
}
}.products-column .products-screening {
	width:80%;
	padding:20px 10%;
	float:left
}
.products-column .products-screening ul {
	width:100%;
	float:left;
	margin-bottom:8px
}
.products-column .products-screening ul li {
	margin:0 2px;
	display:inline-block
}
.products-column .products-screening ul li a {
	border:1px solid #bfbfbf;
	padding:8px 16px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:block
}
.products-column .products-screening ul li a.active,.products-column .products-screening ul li a:hover {
	background:#bfbfbf;
	color:#fff
}
@media screen and (max-width:750px) {
	.products-column .products-screening {
	width:90%;
	padding:0 5%;
	margin-top:10px
}
.products-column .products-screening ul {
	margin-bottom:0
}
.products-column .products-screening ul li {
	width:30%;
	vertical-align:top
}
.products-column .products-screening ul li a {
	padding:4px 8px;
	font-size:12px;
	margin-bottom:6px;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
}.products-column .product-bottom-solid {
	border-bottom:1px solid #d3d3d4
}
.products-column .products-list-box {
	width:100%;
	float:left;
	margin-top:40px
}
.products-column .products-list-box li {
	width:350px;
	height:280px;
	display:inline-block;
	margin:0 23px 40px;
	overflow:hidden
}
.products-column .products-list-box li a {
	width:100%;
	height:100%;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	display:block;
	position:relative
}
.products-column .products-list-box li a h3 {
	margin:0;
	display:inline-block;
	position:absolute;
	bottom:-25px;
	width:100%;
	text-align:center;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
.products-column .products-list-box li a h3 small {
	width:100%;
	display:block;
	color:#fff;
	font-weight:400;
	font-size:18px;
	margin-top:10px
}
.products-column .products-list-box li a:hover {
	opacity:1;
	-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,.2);
	box-shadow:0 0 10px 2px rgba(0,0,0,.2)
}
.products-column .products-list-box li a:hover h3 {
	bottom:10px
}
@media screen and (max-width:750px) {
	.products-column .products-list-box {
	margin-top:20px;
	text-align:center
}
.products-column .products-list-box li {
	width:46%;
	height:120px;
	margin:5px 1%
}
.products-column .products-list-box li a h3 {
	left:0;
	bottom:10px
}
.products-column .products-list-box li a h3 img {
	width:90%
}
}.products-column .products-two-list-box {
	width:100%;
	float:left
}
.products-column .products-two-list-box li {
	width:350px;
	height:auto;
	display:inline-block;
	margin:0 23px 40px;
	background:#dcdcdc;
	padding-bottom:10px
}
.products-column .products-two-list-box li h3 {
	margin:0;
	font-size:16px;
	color:#000;
	text-align:center;
	padding:20px 0;
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.products-column .products-two-list-box li a {
	width:330px;
	height:280px;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	display:block;
	margin:0 10px
}
.products-column .products-two-list-box li a img {
	width:100%;
	height:100%;
	display:block
}
@media screen and (max-width:750px) {
	.products-column .products-two-list-box li {
	width:45%;
	margin:10px 2%
}
.products-column .products-two-list-box li h3 {
	font-size:12px;
	padding:10px 0
}
.products-column .products-two-list-box li a {
	width:100%;
	height:120px;
	margin:0
}
}.products-column .about-lifetime {
	width:96%;
	float:left;
	text-align:center;
	margin:40px 2%;
	position:relative
}
.products-column .about-lifetime h3 {
	width:50%;
	font-weight:400;
	margin-left:25%;
	margin-top:15px
}
.products-column .about-lifetime h3 small {
	width:100%;
	display:block;
	margin-top:15px;
	color:#000
}
.products-column .about-lifetime .more {
	position:absolute;
	right:0;
	bottom:5%
}
@media screen and (max-width:750px) {
	.products-column .about-lifetime {
	padding:20px 2%
}
.products-column .about-lifetime h3 {
	width:90%;
	margin-left:5%
}
.products-column .about-lifetime .more {
	position:relative;
	right:auto;
	bottom:auto
}
}.column-photos-box {
	width:100%;
	background:#fff;
	padding:0 0 90px
}
@media screen and (max-width:750px) {
	.column-photos-box {
	padding-bottom:10px
}
}.column-photos-box .gallery-top {
	width:86%;
	height:600px;
	margin:0 7%;
	padding:60px 0
}
.column-photos-box .gallery-top .swiper-slide {
	height:100%;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative
}
.column-photos-box .gallery-top .swiper-slide img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	position:absolute;
	left:50%;
	top:50%
}
.column-photos-box .gallery-top .swiper-slide h3 {
	margin:0;
	width:100%;
	position:absolute;
	text-align:center;
	bottom:-40px;
	left:0;
	font-size:18px;
	font-weight:400
}
@media screen and (max-width:750px) {
	.column-photos-box .gallery-top {
	height:300px;
	width:100%;
	margin:0
}
.column-photos-box .gallery-top .swiper-slide h3 {
	font-size:14px
}
}.column-photos-box .gallery-thumbs {
	width:1100px;
	height:120px
}
.column-photos-box .gallery-thumbs .swiper-slide {
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	opacity:.6;
	cursor:pointer
}
.column-photos-box .gallery-thumbs .swiper-slide-thumb-active {
	border:2px solid #484848;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	opacity:1
}
@media screen and (max-width:750px) {
	.column-photos-box .gallery-thumbs {
	width:100%;
	height:50px
}
}.column-photos-box .photos-big-box {
	position:relative;
	width:100%
}
.column-photos-box .photos-big-box .photos-swiper-next,.column-photos-box .photos-big-box .photos-swiper-prev {
	width:26px;
	height:49px;
	background:url(../images/photos-left.jpg);
	top:50%;
	position:absolute;
	margin-top:-24.5px;
	left:40px;
	outline:0;
	cursor:pointer
}
.column-photos-box .photos-big-box .photos-swiper-next {
	background:url(../images/photos-right.jpg);
	left:auto;
	right:40px
}
.column-photos-box .photos-big-box .swiper-button-disabled {
	opacity:.5
}
.column-photos-box .photos-thumbs-box {
	position:relative;
	width:100%
}
.column-photos-box .photos-thumbs-box .photos-thumbs-swiper-next,.column-photos-box .photos-thumbs-box .photos-thumbs-swiper-prev {
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	left:10px;
	background:rgba(102,100,101,.3) url(../images/photos-s-left.png?t=20203231584960648719) no-repeat center center;
	cursor:pointer
}
.column-photos-box .photos-thumbs-box .photos-thumbs-swiper-next {
	background:rgba(102,100,101,.3) url(../images/photos-s-right.png?t=20203231584960648719) no-repeat center center;
	left:auto;
	right:10px
}
.column-photos-box .photos-thumbs-box .swiper-button-disabled {
	opacity:.5
}
.column-bottom-info {
	width:100%;
	background:#fff;
	float:left;
	margin-top:80px;
	padding-bottom:50px
}
.column-bottom-info .column-bottom-text {
	width:100%;
	text-align:center;
	color:#000
}
.column-detail-content {
	width:100%;
	background:#fff;
	padding:80px 0
}
.column-detail-content .detail-title {
	width:80%;
	margin:0 10%;
	font-size:22px;
	font-weight:400;
	text-align:center
}
.column-detail-content .detail-title small {
	width:100%;
	display:block;
	font-size:14px;
	margin-top:20px
}
.column-detail-content .detail-content {
	width:80%;
	margin:80px 10%;
	font-size:16px
}
.column-detail-content .detail-content img {
	max-width:100%;
	height:auto
}
.column-detail-content .detail-content a:visited,.column-detail-content .detail-content a:active {
	color:#666
}
.column-detail-content .detail-content-more {
	width:80%;
	margin:0 10%;
	border-top:1px solid #ccc;
	font-size:16px;
	padding-top:20px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
@media screen and (max-width:750px) {
	.column-detail-content {
	padding:20px 0
}
.column-detail-content .detail-title {
	width:90%;
	margin:0 5%;
	font-size:18px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px
}
.column-detail-content .detail-title small {
	color:#999
}
.column-detail-content .detail-content {
	width:90%;
	margin:30px 5%
}
.column-detail-content .detail-content-more {
	width:90%;
	margin:0 5%;
	font-size:12px
}
}.news-list-box {
	width:100%;
	margin-bottom:60px
}
.news-list-box h3 {
	margin:0;
	font-size:34px;
	font-weight:400;
	color:#000;
	position:relative
}
.news-list-box h3 span {
	letter-spacing:6px
}
.news-list-box h3 span i {
	font-style:normal;
	font-size:42px;
	margin-right:15px;
	display:inline-block
}
.news-list-box h3 small {
	width:100%;
	display:block;
	color:#666;
	font-size:16px;
	letter-spacing:12px;
	margin-top:6px
}
.news-list-box h3 .more {
	font-size:14px;
	position:absolute;
	right:0;
	bottom:0;
	font-weight:700;
	letter-spacing:2px
}
.news-list-box .right {
	text-align:right
}
.news-list-box .right .more {
	right:auto;
	left:0
}
.news-list-box ul {
	width:100%;
	margin-top:60px
}
.news-list-box ul li {
	width:100%;
	height:360px;
	margin-bottom:30px
}
.news-list-box ul li a {
	width:100%;
	height:100%;
	display:block;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative
}
.news-list-box ul li a .pic {
	width:470px;
	height:100%;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	display:block;
	float:left;
	position:relative
}
.news-list-box ul li a .pic:before {
	content:">";
	position:absolute;
	right:-28px;
	top:0;
	width:28px;
	height:28px;
	background:#000;
	line-height:28px;
	text-align:center;
	z-index:99;
	color:#fff;
	font-family:fontnav
}
.news-list-box ul li a h4 {
	margin:0 0 0 470px;
	background:#fff;
	font-weight:400;
	font-size:24px;
	padding:100px 50px 120px;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
	position:relative
}
.news-list-box ul li a h4 small {
	font-size:12px;
	margin-top:30px;
	width:50%;
	display:block
}
.news-list-box ul li a h4 .more {
	font-size:12px;
	position:absolute;
	bottom:50px;
	right:50px
}
.news-list-box ul li a:hover {
	opacity:1
}
.news-list-box ul li a:hover h4 {
	padding-left:20px
}
.news-list-box ul li:nth-child(2n) .pic {
	position:absolute;
	right:0;
	top:0;
	float:none;
	z-index:99
}
.news-list-box ul li:nth-child(2n) .pic:before {
	content:"<";
	position:absolute;
	left:-28px;
	right:auto;
	top:50px
}
.news-list-box ul li:nth-child(2n) h4 {
	margin:0;
	position:absolute;
	bottom:0;
	right:470px;
	width:500px
}
.news-list-box ul li:nth-child(2n):hover h4 {
	padding-left:70px;
	padding-right:30px
}
@media screen and (max-width:750px) {
	.news-list-box {
	margin-top:20px;
	margin-bottom:0
}
.news-list-box h3 {
	font-size:18px
}
.news-list-box h3 span i {
	font-size:18px
}
.news-list-box h3 small {
	font-size:12px;
	letter-spacing:5px;
	margin-top:2px
}
.news-list-box h3 .more {
	font-size:12px
}
.news-list-box ul {
	margin-top:20px
}
.news-list-box ul li {
	width:100%;
	height:auto;
	margin-bottom:20px
}
.news-list-box ul li a .pic {
	width:100%;
	height:200px;
	float:none
}
.news-list-box ul li a .pic:before {
	display:none
}
.news-list-box ul li a h4 {
	margin:0;
	padding:10px 10px 40px
}
.news-list-box ul li a h4 small {
	margin-top:10px;
	width:100%
}
.news-list-box ul li a h4 .more {
	bottom:10%;
	right:4%
}
.news-list-box ul li:nth-child(2n) .pic {
	position:relative;
	top:auto;
	right:auto
}
.news-list-box ul li:nth-child(2n) h4 {
	position:relative;
	bottom:auto;
	right:auto;
	width:auto
}
}.stores-table {
	width:100%;
	font-size:16px;
	margin-top:25px
}
.stores-table tr {
	background:#e8e8e8;
	text-align:center
}
.stores-table tr td {
	padding:15px 0;
	color:#4d4c4c
}
.stores-table tr:nth-child(even) {
	background:#dedede
}
.stores-table .title {
	background:#4d4c4c;
	color:#fff;
	width:100px
}
.stores-table .phone {
	display:none
}
.stores-table .stores-name {
	width:300px
}
.stores-table .stores-address {
	width:600px
}
@media screen and (max-width:750px) {
	.stores-table {
	font-size:12px
}
.stores-table tr td {
	padding:15px 5px
}
.stores-table .title {
	padding:0 10px
}
.stores-table .phone {
	display:table-cell;
	padding:0 10px
}
.stores-table .phone a {
	display:inline-block
}
.stores-table .phone a img {
	display:inline-block;
	width:25px
}
.stores-table .pc {
	display:none
}
}.join-box {
	width:100%;
	background:url(../images/join-bg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	float:left;
	margin-top:100px;
	color:#e8e8e8;
	padding-bottom:80px
}
.join-box .join-title-info {
	text-align:center;
	width:100%
}
.join-box .join-info-list-box {
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-top:50px
}
.join-box .join-info-list-box .join-info-list .title {
	background:#f6d68f;
	color:#000;
	padding:10px 15px;
	margin-bottom:20px
}
.join-box .join-info-list-box .join-info-list p {
	text-indent:15px
}
.join-box .join-info-list-box .join-info-list h3 {
	font-size:24px;
	margin:0;
	text-indent:15px
}
.join-box .join-info-list-box .join-info-list form {
	width:290px;
	margin-top:20px
}
.join-box .join-info-list-box .join-info-list form input {
	width:100%;
	border:0;
	height:40px;
	margin-bottom:4px;
	font-size:14px;
	text-indent:15px;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
.join-box .join-info-list-box .join-info-list form input::-webkit-input-placeholder {
	color:#aaa
}
.join-box .join-info-list-box .join-info-list form input::-moz-placeholder {
	color:#aaa
}
.join-box .join-info-list-box .join-info-list form input::placeholder {
	color:#aaa
}
.join-box .join-info-list-box .join-info-list form input:focus {
	background:#eee
}
.join-box .join-info-list-box .join-info-list form button {
	width:100%;
	border:1px solid #fff;
	background:0 0;
	color:#fff;
	height:40px;
	outline:0;
	cursor:pointer;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
.join-box .join-info-list-box .join-info-list form button:hover {
	opacity:.6
}
@media screen and (max-width:750px) {
	.join-box {
	margin-top:20px;
	padding-bottom:40px
}
.join-box .join-info-list-box {
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:20px;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
}.video-content-box {
	width:100%;
	float:left;
	background:#fff;
	margin:280px 0 50px;
	position:relative
}
.video-content-box .products-list-box {
	margin-top:350px
}
.video-content-box .products-list-box li {
	position:relative
}
.video-content-box .products-list-box li a:before {
	width:100%;
	height:100%;
	content:" ";
	background:url(../images/video-play.png?t=20203231584960648719) no-repeat center center rgba(0,0,0,.45);
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear
}
.video-content-box .products-list-box li a:hover {
	-webkit-animation:pulse .8s;
	-moz-animation:pulse .8s;
	animation:pulse .8s;
	opacity:1
}
.video-content-box .products-list-box li a:hover:before {
	opacity:1
}
.video-content-box .big-video {
	width:850px;
	height:520px;
	background:no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	display:block;
	position:absolute;
	top:-260px;
	left:50%;
	margin-left:-425px;
	-webkit-box-shadow:2px 5px 15px 2px rgba(0,0,0,.4);
	box-shadow:2px 5px 15px 2px rgba(0,0,0,.4)
}
.video-content-box .big-video:before {
	content:" ";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/video-play.png?t=20203231584960648719) no-repeat center center rgba(0,0,0,.4);
	opacity:0;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
	z-index:5
}
.video-content-box .big-video h4 {
	width:100%;
	position:absolute;
	left:0;
	bottom:40px;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:400;
	z-index:10;
	visibility:hidden
}
.video-content-box .big-video:hover {
	opacity:1
}
.video-content-box .big-video:hover:before {
	opacity:1
}
.video-content-box .big-video:hover h4 {
	-webkit-animation:fadeInUp 1.2s;
	-moz-animation:fadeInUp 1.2s;
	animation:fadeInUp 1.2s;
	visibility:visible
}
@media screen and (max-width:750px) {
	.video-content-box {
	margin:0
}
.video-content-box .products-list-box {
	margin-top:0
}
.video-content-box .big-video {
	width:90%;
	height:220px;
	position:relative;
	top:auto;
	left:auto;
	margin:15px 5%
}
}.about-tilte-info {
	width:100%;
	text-align:center;
	color:#000
}
.about-time-box {
	width:100%;
	background:#efefef;
	float:left;
	margin-top:40px;
	text-align:center;
	padding-bottom:100px
}
.about-time-box .phone {
	display:none
}
@media screen and (max-width:750px) {
	.about-time-box {
	padding-bottom:20px
}
.about-time-box img {
	width:90%;
	margin:20px 0
}
.about-time-box .phone {
	display:inline-block
}
.about-time-box .pc {
	display:none
}
}.about-belief {
	width:100%;
	background:#fff;
	float:left;
	margin-top:60px
}
.about-belief .info {
	float:left;
	width:100%;
	padding:0 0 40px;
	font-size:18px;
	text-align:center
}
@media screen and (max-width:750px) {
	.about-belief .info {
	width:90%;
	padding:0 5% 20px;
	font-size:12px
}
}.about-agent {
	width:100%;
	background:#fff;
	float:left;
	margin-top:60px;
	padding-bottom:40px
}
.about-agent .about-agent-list {
	width:100%;
	float:left;
	text-align:center
}
.about-agent .about-agent-list a {
	display:inline-block;
	margin:0 25px 30px
}
.about-agent .about-agent-list a h4 {
	margin:12px 0 0;
	text-align:center;
	font-weight:400;
	font-size:18px
}
.about-agent .about-agent-list a h4 small {
	width:100%;
	display:block;
	font-size:14px
}
@media screen and (max-width:750px) {
	.about-agent {
	margin-top:20px;
	padding-bottom:20px
}
.about-agent .about-agent-list a {
	width:35%;
	margin:8px 2%
}
.about-agent .about-agent-list a img {
	width:100%
}
.about-agent .about-agent-list a h4 {
	margin:14px
}
.about-agent .about-agent-list a h4 small {
	font-size:12px
}
}.about-qualification {
	width:100%;
	background:url(../images/about-zizhi-bg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	float:left;
	padding-bottom:60px
}
.about-qualification .about-qualification-list {
	width:100%;
	text-align:center
}
.about-qualification .about-qualification-list img {
	margin:10px
}
@media screen and (max-width:750px) {
	.about-qualification .about-qualification-list img {
	width:40%;
	display:inline-block
}
}.page-box {
	width:100%;
	float:left;
	text-align:center;
	padding-bottom:40px;
	line-height:40px
}
.page-box a {
	margin:0 4px
}
.page-box .page-num {
	width:40px;
	height:40px;
	display:inline-block;
	color:#434343;
	border:1px solid #434343;
	-webkit-border-radius:4px;
	border-radius:4px
}
.page-box .cur {
	color:#fff;
	background:#d6000f;
	border-color:#d6000f
}
@media screen and (max-width:750px) {
	.page-box {
	padding:30px 0;
	line-height:24px
}
.page-box .page-num {
	width:24px;
	height:24px;
	margin:5px
}
}
/*新增右侧在线客服*/
	/* leftsead*/
	#leftsead {
	width:131px;
	height:143px;
	position:fixed;
	top:258px;
	right:0px;
	z-index: 99999;
}
*html #leftsead {
	margin-top:258px;
	position:absolute;
	top:expression(eval(document.documentElement.scrollTop));
}
#leftsead li {
	width:131px;
	height:53px;
}
#leftsead li img {
	float:right;
}
#leftsead li a {
	height:49px;
	float:right;
	display:block;
	min-width:47px;
	max-width:131px;
}
#leftsead li a .shows {
	display:block;
}
#leftsead li a .hides {
	margin-right:-195px;
	cursor:pointer;
	cursor:hand;
}
#leftsead li a.youhui .hides {
	display:none;
	position:absolute;
	right:246px;
	top:2px;
}