@import url(1af0e6aa0b1e4cacba1e9d356f28198f.css);

@import url(e0adc4483bdd43738ad7ad139874c6dd.css);

* {
	margin: 0;
	padding: 0
}

li,ol,ul {
	list-style: none
}

a,a:hover {
	color: #000
}

a,a:hover,a:link,a:visited {
	text-decoration: none
}

body {
	font-family: Lato,sans-serif;
	font-size: 16px
}

img {
	border: none;
	max-width: 100%
}

div {
	box-sizing: border-box
}

table {
	border-collapse: collapse
}

.table-responsive {
	touch-action: auto;
	width: 100% !important;
	margin: .2rem 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

header {
	position: relative
}

header .header-top {
	display: flex;
	height: 40px;
	background: #9C9D51;
	padding: 0 260px;
	justify-content: space-between
}

header .header-top .top-info {
	display: flex;
	align-items: center;
	height: 100%;
	color: #fff
}

header .header-top .top-info i {
	margin-right: 5px
}

header .header-top .top-info .info-email {
	margin-left: 30px
}

header .header-top .top-info a {
	color: #fff
}

header .header-top .top-right {
	display: flex;
	align-items: center;
	height: 100%
}

header .header-top .top-right .search-input {
	display: flex;
	align-items: center;
	width: 230px;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 15px
}

header .header-top .top-right .search-input .icon-search {
	cursor: pointer;
	color: #fff;
	margin-left: 18px
}

header .header-top .top-right .search-input input {
	margin-left: 10px;
	height: 24px;
	outline: none;
	border: none;
	color: #fff;
	background: #9C9D51
}

header .header-top .top-right .search-input .search-btn {
	display: none
}

header .header-top .top-right .language-list {
	margin-left: 18px;
	width: 100px;
	height: 30px;
	box-sizing: border-box;
	border-radius: 15px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ccc
}

header .header-top .top-right .language-list i {
	color: #ccc;
	margin-left: 10px;
	transform: scale(1.3);
	cursor: pointer
}

header .header-top .top-right #xyz {
	z-index: 999;
	width: 40px;
	position: relative
}

header .header-top .top-right #xyz .xyz12 {
	position: absolute;
	top: -20px;
	box-sizing: border-box
}

header .header-top .top-right #xyz .xyz12 span {
	position: absolute;
	right: 10px;
	top: 12px;
	background: url(../shou/down_w.png) no-repeat;
	width: 20px;
	height: 20px
}

header .header-top .top-right #xyz .xyz12 span:hover {
	cursor: pointer
}

header .header-top .top-right #xyz .xyz12 ul li {
	display: none;
	padding-left: 5px;
	width: 120px;
	height: 40px;
	line-height: 40px
}

header .header-top .top-right #xyz .xyz12 ul li a {
	color: #fff
}

header .header-top .top-right #xyz .xyz12 ul li a img {
	position: relative;
	top: 3px;
	margin-right: 5px
}

header .header-top .top-right #xyz .xyz12 ul li:first-child {
	display: block
}

header .header-top .top-right #xyz .xyz12 ul .bk {
	z-index: 888;
	background: #9C9D51
}

header .header-top .top-right #xyz .xyz12 .up {
	transform: rotate(0);
	transition: all .6s ease
}

header .header-top .top-right #xyz .xyz12 .dp {
	transform: rotate(90deg);
	transition: all .6s ease
}

header nav {
	position: absolute;
	padding: 0 260px;
 
	display: flex;
	width: 100%;
	height: 120px;
	box-sizing: border-box;
	justify-content: space-between;
	background: #fff;
	z-index: 90;
	transition-property: height;
	transition-duration: .2s;
	transition-timing-function: ease
}

header nav .header-logo {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

header nav .header-logo img {
	max-width: 100%;
	max-height: 100%
}

header nav .header-logo a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

header nav ul {
	display: flex;
	position: relative
}

header nav ul li {
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0 25px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

header nav ul li:last-child {
	margin-right: 0
}

header nav ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 18px;
	font-weight: 900;
	color: #2b2b2b;
	transition: all .3s ease
}

header nav ul li a:after {
	transition: .4s ease-in-out;
	content: "";
	background: #9C9D51;
	left: 50%;
	width: 80%;
	height: 2px;
	transform: translateX(-50%) rotateY(90deg);
	position: absolute;
	bottom: 30px
}

header nav ul li .inmenu_1 {
	color: #9C9D51
}

header nav ul li .inmenu_1:after {
	transition: all .3s ease;
	content: "";
	background: #9C9D51;
	width: 80%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: 30px
}

header nav ul li .inmenu_1~.icon-angle-down,header nav ul li:hover>.icon-angle-down,header nav ul li:hover>a {
	color: #9C9D51
}

header nav ul li:hover>.icon-angle-down:after,header nav ul li:hover>a:after {
	transform: translateX(-50%) rotateY(0)
}

header nav ul .submenu {
	transition: all .5s ease;
	display: flex;
	width: 100vw;
	top: 100px;
	height: 100px;
	right: -260px;
	transform-origin: top;
	transform: rotateX(90deg);
	opacity: 0;
	position: absolute;
	background: #fff;
	justify-content: center
}

header nav ul .submenu li {
	position: relative;
	margin: 0 10px;
	border-bottom: none
}

header nav ul .submenu li a {
	font-size: 14px
}

header nav ul .submenu li a:after {
	content: none
}

header nav ul .submenu li a:hover {
	color: #9C9D51
}

header nav ul .submenu li:after {
	content: "";
	position: absolute;
	height: 15px;
	width: 2px;
	right: -10px;
	background: #ccc
}

header nav ul .submenu li:last-child:after {
	content: none
}

header nav ul .submenu+.icon-angle-down {
	position: relative;
	transform: scale(1);
	font-weight: 700;
	color: #000;
	margin-left: 5px;
	top: 1px
}

header nav .nav-btn {
	display: none;
	position: relative;
	margin: auto 0;
	height: 4.2666666667vw;
	width: 5.0666666667vw
}

header nav .nav-btn span {
	border-radius: 2px;
	position: absolute;
	display: block;
	width: 5.0666666667vw;
	height: .6666666667vw;
	background-color: #9C9D51;
	transition: top .2s .2s,transform .2s,background .2s,opacity 0s .2s
}

header nav .nav-btn span:first-child {
	top: .1vw
}

header nav .nav-btn span:nth-child(2) {
	top: 2.1333333333vw;
	width: 4.2666666667vw
}

header nav .nav-btn span:nth-child(3) {
	top: 4.2666666667vw
}

header nav .toggle-animate span:first-of-type {
	top: 1.6vw;
	transform: rotate(45deg);
	transition: top .2s,transform .2s .2s,background .2s
}

header nav .toggle-animate span:nth-of-type(2) {
	opacity: 0;
	transition: opacity .2s
}

header nav .toggle-animate span:nth-of-type(3) {
	top: 1.6vw;
	transform: rotate(-45deg);
	transition: bottom .2s,transform .2s .2s,background .2s
}

header nav .mobile-search-btn {
	display: none
}

header .min ul li a:after {
	bottom: 15px
}

main {
	margin-top: 100px;
	width: 100%
}

main .common-pages {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	width: 100%;
	height: 60px
}

main .common-pages span {
	opacity: .4
}

main .common-pages a,main .common-pages span {
	margin: 0 5px;
	transition: all .3s ease;
	box-sizing: border-box;
	border: 1px solid #f9f9f9;
	padding: 8px 14px;
	display: flex;
	height: 30px;
	justify-content: center;
	align-items: center;
	color: #494949
}

main .common-pages a:hover,main .common-pages span.ctxt {
	background: #9C9D51;
	color: #fff
}

main .common-pages span.ctxt {
	opacity: 1;
	border: none
}

main.common-container .inner-banner .pc {
	display: block
}

main.common-container .inner-banner .sm {
	display: none
}

footer {
	margin-top: 30px;
	width: 100%
}

footer .top-btn {
	display: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background: #fff;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	transition: all .4s ease;
	display: none;
}

footer .top-btn:hover {
	cursor: pointer;
	background: #ccc
}

footer .top-btn i {
	position: relative;
	transform: scale(1.4)
}

footer .footer-top {
	margin: 0 260px;
	height: 140px;
	background: #9C9D51;
	display: flex;
	align-items: center;
	padding: 0 43px;
	justify-content: space-between
}

footer .footer-top .contact-left {
	display: flex
}

footer .footer-top .contact-left .contact-logo img {
	position: relative;
	top: -20px
}

footer .footer-top .contact-left .contact-content {
	position: relative;
	padding-top: 20px;
	width: 600px;
	height: 100%;
	margin-left: 50px
}

footer .footer-top .contact-left .contact-content p:first-child {
	line-height: 58px;
	position: relative;
	top: 8px;
	font-size: 16px;
	font-weight: 700;
	color: #fff
}

footer .footer-top .contact-left .contact-content p:nth-child(2) {
	font-size: 26px;
	font-weight: 700;
	color: #fff
}

footer .footer-top .contact-left .contact-content:before {
	content: "";
	position: absolute;
	left: -20px;
	width: 3px;
	height: 34px;
	background: #fff;
	opacity: .5;
	top: 60px
}

footer .footer-top .contact-btn {
	width: 206px;
	height: 60px;
	border: 2px solid #fff;
	justify-content: flex-end;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s ease
}

footer .footer-top .contact-btn a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 18px;
	font-weight: 700
}

footer .footer-top .contact-btn:hover {
	background: #fff
}

footer .footer-top .contact-btn:hover a {
	color: #9C9D51
}

footer .footer-container {
	overflow: hidden;
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
 
}

footer .footer-container>ul {
	display: flex;
	height: 140px;
	background: #9C9D51;
	margin: 0 260px
}

footer .footer-container>ul>li {
	height: 100%;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center
}

footer .footer-container>ul>li .logo {
	position: relative;
	height: 100%;
	width: 140px;
	background: url(../shou/footer-contact.png) no-repeat
}
.footer-container {
background-image: url(../shou/fbj.jpg);
}
footer .footer-container>ul>li .content {
	padding-top: 25px;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-left: 30px;
	flex: 1
}

footer .footer-container>ul>li .content .content-title {
	color: #fff;
	font-weight: 700;
	line-height: 50px
}

footer .footer-container>ul>li .content .content-title:after {
	content: "";
	background: #fff;
	width: 3px;
	height: 30px
}

footer .footer-container>ul>li .content .content-text {
	font-weight: 700
}

footer .footer-container>ul>li .content .content-text,footer .footer-container>ul>li .content .content-text a {
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

footer .footer-container>ul>li.map .logo {
	background-position: 50px 40px
}

footer .footer-container>ul>li.email .logo {
	background-position: -70px 40px
}

footer .footer-container>ul>li.tel .logo {
	background-position: -190px 40px
}

footer .footer-container>ul>li span {
	height: 26px;
	width: 2px;
	background: #fff
}

footer .footer-container .bottom-info {
	margin-top: 50px;
	height: 340px;
	display: flex;
	background: #1f1f1f
}

footer .footer-container .bottom-info>li {
	height: 100%;
	display: block;
	margin: 0 15px
}

footer .footer-container .bottom-info>li .title {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 70px
}

footer .footer-container .bottom-info>li:last-child {
	margin-right: 0
}

footer .footer-container .bottom-info .intro {
	flex: 1.4
}

footer .footer-container .bottom-info .intro .intro-text {
	color: #fff;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

footer .footer-container .bottom-info .intro .contact-list {
	margin-top: 60px;
	display: flex
}

footer .footer-container .bottom-info .intro .contact-list li {
	width: 32px;
	height: 32px;

	border-radius: 50%;
	display: flex;
	margin-right: 10px;
	transition: all .5s;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 5px
}

footer .footer-container .bottom-info .intro .contact-list li img {
	display: block
}



footer .footer-container .bottom-info .nav {
	flex: 1
}

footer .footer-container .bottom-info .nav ul li a {
	position: relative;
	color: #fff;
	line-height: 28px;
	padding-left: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

footer .footer-container .bottom-info .nav ul li a:hover {
	color: #fff
}

footer .footer-container .bottom-info .nav ul li a:after {
	content: ">";
	position: absolute;
	top: 0;
	left: 0
}

footer .footer-container .bottom-info .cate {
	flex: 1
}

footer .footer-container .bottom-info .cate ul li a {
	position: relative;
	color: #fff;
	line-height: 28px;
	padding-left: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

footer .footer-container .bottom-info .cate ul li a:hover {
	color: #fff
}

footer .footer-container .bottom-info .cate ul li a:after {
	content: ">";
	position: absolute;
	top: 0;
	left: 0
}

footer .footer-container .bottom-info .code {
	flex: 1
}

footer .footer-container .bottom-info .code img {
	width: 135px;
	height: 135px;
	min-width: 135px;
	background: #000;
 
	transition: all .5s;
	display: block;
	margin: 0 auto
}

footer .footer-container .bottom-info .code img:hover {
	opacity: 1;
	cursor: pointer
}

footer .footer-container .bottom-info .code .title {
	text-align: center
}

footer .footer-container .bottom-info .contact-list {
	display: none
}

footer .footer-container .right-text {
	color: #fff;
	padding: 0 260px;
	font-size: 14px
}

.sm-mask,footer .mobile-bottom {
	display: none
}

.sm-mask {
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 9;
	top: 13.3333333333vw
}

#toast-container {
	padding-top: 250px
}

.singglepic {
	z-index: 9!important;
	width: 450px!important;
	height: 450px!important;
	margin-bottom: 40px!important;
	border-color: #eee!important;
	display: flex;
	justify-content: center;
	align-items: center
}

.home-container {
	width: 100%
}

.home-container .swiper-container .swiper-slide {
	width: 100%;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	overflow: hidden
}

.home-container .swiper-container .swiper-slide img {
	transform: translateZ(0)
}

.home-container .swiper-container .swiper-button-next:after,.home-container .swiper-container .swiper-button-prev:after {
	content: ""
}

.home-container .swiper-container .swiper-button-next i,.home-container .swiper-container .swiper-button-prev i {
	transform: scale(3);
	color: #9C9D51
}

.home-container .swiper-container .swiper-pagination-bullet {
	background: #fff
}

.home-container .swiper-container .swiper-pagination-bullet-active {
	background: #9C9D51
}

.home-container .part-title {
	position: relative
}

.home-container .part-title h3 {
	text-align: center;
	font-family: Open Sans;
	font-size: 52px;
	font-weight: 700;
	color: #1a1a1a
}

.home-container .part-title h3 em {
	color: #9C9D51;
	font-style: normal;
	font-family: Open Sans
}

.home-container .part-title p {
	text-align: center;
	color: #202020;
	font-weight: 700;
	line-height: 24px
}


.home-container .part-title:after {
	color: #dedede;
	font-weight: 700;
	font-size: 210px;
	font-family: Open Sans;
	position: absolute;
	top: -120%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -99
}

.home-container .welcome-info {
	margin-top: 40px
}



.home-container .welcome-info .part-item {
	margin: 40px 260px 0
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
	display: flex
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
	position: relative;
	border: 1px solid #eaeaea;
	flex: 1;
	margin-right: 50px;
	transition: all .5s
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:last-child {
	margin-right: 0
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 99%;
	height: auto;
	background: #9C9D51
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img {
	position: absolute;
	transition: all .5s ease;
	width: 100%;
	height: 100%;
	display: block
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
	transition: all .5s ease;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	font-size: 24px;
	transform: translate3d(0,20px,0);
	opacity: 0;
	color: #fff;
	z-index: 666
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after {
	content: "";
	display: block;
	padding-top: 100%
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item p {
	color: #2b2b2b;
	font-family: Open Sans
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
	margin: 20px 10px 0;
	font-size: 18px;
	line-height: 24px;
	padding-right: 5px
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
	margin: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 0 15px rgba(0,0,0,.3)
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title {
	color: #9C9D51
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {
	opacity: .4
}

.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a {
	transform: translateZ(0);
	opacity: 1
}

.home-container .welcome-info .part-item .swiper-part-pagination {
	margin: 50px 0;
	display: flex;
	justify-content: center
}

.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet {
	background: #000
}

.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet-active {
	background: #9C9D51
}

.home-container .about-info {
	overflow: hidden;
	width: 100%;
	display: flex
}

.home-container .about-info div {
	width: 50%
}

.home-container .about-info .about-img img {
	width: 100%;
	display: block
}

.home-container .about-info .about-content {
	padding: 20px 0;
	background: #F6F6F6;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly
}

.home-container .about-info .about-content .content-title {
	padding-left: 80px;
	font-size: 40px;
	font-weight: 700;
	color: #333
}

.home-container .about-info .about-content article {
	padding-left: 80px;
	padding-right: 200px
}

.home-container .about-info .about-content article p {
	font-size: 14px;
	color: #333;
	line-height: 36px;
	font-family: open Sans;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical
}

.home-container .about-info .about-content .about-btn {
	width: 200px;
	height: 60px;
	border: 2px solid #fff;
	font-size: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Open Sans;
	margin-left: 80px;
	transition: all .5s ease;
	background: #9C9D51;
}

.home-container .about-info .about-content .about-btn:hover {
	background: #fff;
	border: 2px solid #9C9D51;
	cursor: pointer
}

.home-container .about-info .about-content .about-btn:hover a {
	color: #9C9D51
}

.home-container .about-info .about-content .about-btn a {
	color: #fff
}

.home-container .hot-product {
	margin-top: 40px
}



.home-container .hot-product ul {
	margin: 40px 260px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1380px;
	margin:0 auto;
}

.home-container .hot-product ul li {
	width: 20%;
	height: 30%;
	margin-bottom: 50px
}

.home-container .hot-product ul li .pro-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #eee
}

.home-container .hot-product ul li .pro-img img {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	transition: all .5s
}

.home-container .hot-product ul li .pro-img:after {
	display: block;
	content: "";
	padding-top: 100%
}

.home-container .hot-product ul li .pro-name {
	color: #2b2b2b;
	font-size: 22px;
	text-align: center;
	line-height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.home-container .hot-product ul li .pro-btn {
	width: 120px;
	height: 33px;
	margin: 0 auto;
	box-sizing: content-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #4e4d4d;
	border-radius: 16.5px;
	transition: all .5s
}

.home-container .hot-product ul li .pro-btn a {
	color: #2b2b2b;
	font-weight: 700
}

.home-container .hot-product ul li:hover .pro-img img {
	transform: scale(1.1)
}

.home-container .hot-product ul li:hover .pro-name {
	color: #9C9D51
}

.home-container .hot-product ul li:hover .pro-btn {
	border: 1px solid #fff;
	background: #9C9D51
}

.home-container .hot-product ul li:hover .pro-btn a {
	color: #fff
}

.home-container .lastest-news {
	width: 100%
}

.home-container .lastest-news ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.home-container .lastest-news ul li {
	width: 50%
}

.home-container .lastest-news ul li a object {
	display: flex
}

.home-container .lastest-news ul li div {
	flex: 1
}

.home-container .lastest-news ul li .news-img img {
	width: 100%;
	display: block
}

.home-container .lastest-news ul li .news-content {
	position: relative;
	background: #f6f6f6;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly
}

.home-container .lastest-news ul li .news-content .news-title {
	margin: 0 80px;
	color: #2b2b2b;
	font-size: 22px;
	font-family: Open Sans;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.home-container .lastest-news ul li .news-content .news-date {
	margin: 0 80px;
	color: #666;
	font-weight: 700
}

.home-container .lastest-news ul li .news-content article {
	margin: 0 80px;
	color: #444;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.home-container .lastest-news ul li .news-content .more-link {
	margin: 0 80px;
	color: #2b2b2b;
	font-weight: 700;
	line-height: 24px;
	font-size: 18px
}

.home-container .lastest-news ul li .news-content .more-link i {
	color: #2b2b2b;
	position: relative;
	top: 1px;
	transform: scale(1.7)
}

.home-container .lastest-news ul li .news-content:before {
	content: "";
	position: absolute;
	bottom: 0;
	transition: opacity .7s ease 0s,transform .7s ease 0s;
	width: 94%;
	height: 92%;
	top: 4%;
	left: 3%;
	opacity: 0;
	border-top: 2px solid #9C9D51;
	border-bottom: 2px solid #9C9D51;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	box-sizing: border-box
}

.home-container .lastest-news ul li .news-content:after {
	transition: opacity .5s ease 0s,transform .5s ease 0s;
	content: "";
	border-left: 2px solid #9C9D51;
	border-right: 2px solid #9C9D51;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	opacity: 0;
	position: absolute;
	width: 94%;
	height: 92%;
	top: 4%;
	left: 3%;
	box-sizing: border-box
}

.home-container .lastest-news ul li:hover .news-content .more-link a,.home-container .lastest-news ul li:hover .news-content .more-link i,.home-container .lastest-news ul li:hover .news-content .news-title a {
	color: #9C9D51
}

.home-container .lastest-news ul li:hover .news-content:after,.home-container .lastest-news ul li:hover .news-content:before {
	opacity: 1;
	transform: scale(1)
}

.home-container .lastest-news ul li:nth-child(3) a object,.home-container .lastest-news ul li:nth-child(4) a object {
	flex-direction: row-reverse
}

.home-container .partners {
	margin: 140px 260px 150px
}

.home-container .partners .part-title:after {
	content: "05"
}

.home-container .partners ul {
	width: 100%;
	margin-top: 130px;
	display: flex;
	flex-wrap: wrap
}

.home-container .partners ul li {
	max-width: 16%;
	min-width: 16%;
	height: 0;
	padding-bottom: 13%;
	flex: 1;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	transition: all .5s
}

.home-container .partners ul li img {
	transition: all .3s ease
}

.home-container .partners ul li:nth-of-type(6n) {
	border-right: 1px solid #eee
}

.home-container .partners ul li:nth-of-type(n+7) {
	border-bottom: 1px solid #eee
}

.home-container .partners ul li:nth-of-type(n+7):hover {
	border-bottom: 1px solid #9C9D51
}

.home-container .partners ul li:hover {
	border-top: 1px solid #9C9D51;
	border-left: 1px solid #9C9D51
}

.home-container .partners ul li:hover img {
	transform: scale(1.1)
}

.home-container .partners ul li:hover+li {
	border-left: 1px solid #9C9D51
}

.home-container .partners ul li:hover+li+li+li+li+li+li {
	border-top: 1px solid #9C9D51
}

.home-container .partners ul li:nth-of-type(6n):hover {
	border-right: 1px solid #9C9D51
}

.common-container .inner-banner {
	min-height: 50px;
	background: #f1f1f1;
	width: 100%
}

.common-container .inner-banner img {
	width: 100%;
	display: block
}

.common-container .breadcrumbs-nav {
	position: relative;
	height: 78px;
	padding: 0 260px;
	border-bottom: 1px solid #ececec;
	color: #989898
}

.common-container .breadcrumbs-nav a,.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2 {
	color: #989898;
	line-height: 78px;
	margin: 0 10px
}

.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2 {
	display: inline;
	font-size: 16px;
	color: #2b2b2b
}

.common-container .breadcrumbs-nav h1 a,.common-container .breadcrumbs-nav h2 a {
	color: #2b2b2b
}

.abouts-content {
	padding: 0 260px 50px
}

.abouts-content .abouts-title {
	margin-top: 40px;
	font-size: 28px;
	font-weight: 700;
	color: #2b2b2b;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 20px
}

.abouts-content article div {
	margin-bottom: 30px
}

.abouts-content article .content,.abouts-content article .title,.abouts-content article p {
	color: #2b2b2b;
	line-height: 28px
}

.abouts-content article .title {
	font-size: 16px;
	font-weight: 700
}

.abouts-content article .content {
	width: 1000px
}

.abouts-content article .imgs-list {
	margin-top: 30px;
	display: flex;
	justify-content: space-between
}

.abouts-content article .imgs-list li {
	margin-right: 10px
}

.abouts-content article .imgs-list li:last-child {
	margin: 0
}

.abouts-content article .imgs-list li img {
	display: block
}

.products-content {
	position: relative;
	width: 100%;
	padding-top: 0
}

.products-content .type-box {
	margin: 0 260px 50px
}

.products-content .type-box h1 {
	padding-left: 10px;
	color: #2b2b2b;
	border-left: 5px solid #9C9D51;
	border-bottom: 1px solid #eee;
	display: none
}

.products-content .pro-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	margin-top: 50px;
	padding: 0 260px
}

.products-content .pro-list li {
	transition: all .4s ease
}

.products-content .pro-list .list-1 {
	box-sizing: border-box;
	flex: 1;
	width: 23%;
	min-width: 23%;
	max-width: 23%;
	border: 2px solid #eee;
	margin-right: 20px;
	margin-bottom: 40px
}

.products-content .pro-list .list-1:nth-of-type(4n) {
	margin-right: 0
}

.products-content .pro-list .list-1 .pro-img {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.products-content .pro-list .list-1 .pro-img a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.products-content .pro-list .list-1 .pro-img img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	display: block
}

.products-content .pro-list .list-1 .pro-img:after {
	display: block;
	content: "";
	padding-top: 100%
}

.products-content .pro-list .list-1 .pro-name {
	padding: 10px 20px 0;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center
}

.products-content .pro-list .list-1 .pro-name a {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #4c4c4c;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px
}

.products-content .pro-list .list-1 article {
	padding: 0 20px;
	margin-top: 10px
}

.products-content .pro-list .list-1 article a {
	color: #4c4c4c;
	line-height: 18px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.products-content .pro-list .list-1>span {
	display: block;
	margin: 20px;
	height: 1px;
	background: #eee
}

.products-content .pro-list .list-1 .more-btn {
	display: block;
	margin: 30px 20px;
	height: 37px;
	background: #9C9D51;
	color: #fff;
	line-height: 37px;
	text-align: center
}

.products-content .pro-list .list-1:hover {
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	transform: translateY(-3px)
}

.products-content .pro-list .list-2 {
	width: 100%;
	height: 280px;
	display: flex;
	margin-bottom: 30px
}

.products-content .pro-list .list-2 .pro-img {
	width: 280px;
	height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e5e5e5
}

.products-content .pro-list .list-2 .pro-img img {
	display: block;
	width: 100%
}

.products-content .pro-list .list-2 .pro-info {
	padding: 40px 100px;
	flex: 1;
	background: #f6f6f6
}

.products-content .pro-list .list-2 .pro-info .pro-name a {
	font-size: 24px;
	font-weight: 700;
	color: #4c4c4c;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.products-content .pro-list .list-2 .pro-info article {
	margin-top: 35px
}

.products-content .pro-list .list-2 .pro-info article a {
	font-size: 16px;
	color: #707070;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.products-content .pro-list .list-2 .pro-info .more-btn {
	margin-top: 35px;
	width: 200px;
	height: 42px;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #9C9D51;
	color: #9C9D51;
	font-size: 18px;
	font-weight: 700;
	transition: all .3s ease
}

.products-content .pro-list .list-2 .pro-info .more-btn i {
	position: relative;
	top: 1.2px;
	margin-left: 5px;
	transform: scale(1.1)
}

.products-content .pro-list .list-2:hover {
	cursor: pointer;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	transform: translateY(5px)
}

.products-content .pro-list .list-2:hover .pro-info .more-btn {
	background: #9C9D51;
	color: #fff
}

.products-content .pro-list .list-2:hover .pro-info .more-btn i {
	color: #fff
}

.products-content .pro-list .list-2 .compare-action {
	position: relative;
	margin: 20px 0;
	width: 200px;
	height: 42px
}

.products-content .pro-list .list-2 .compare-action .compare-action-check+label {
	border-color: #1867d4
}

.products-content .pro-list .list-1.pro-checked {
	border: 2px solid #9C9D51
}

.products-content .pro-list:after {
	content: "";
	width: 23%
}

.products-content .seo-key {
	margin: 0 260px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	border-radius: 5px;
	padding: 10px;
	line-height: 1.7em;
	color: #2b2b2b
}

.products-content .seo-key .keywords {
	margin-top: 10px
}

.products-content .seo-key .keywords a {
	padding: 10px;
	background: #f1f1f1;
	line-height: 2em;
	border-radius: 999px;
	margin-right: 20px;
	color: #2b2b2b
}

.pro-filter {
	position: absolute;
	top: 19px;
	right: 260px;
	height: 40px;
	background: #9C9D51;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px 0 10px
}

.pro-filter>a {
	color: #fff!important;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pro-filter i {
	top: 10px;
	right: 20px;
	position: absolute;
	transform: scale(1.5);
	color: #fff
}

.pro-filter:hover,.pro-filter i:hover {
	cursor: pointer
}

.filter-box {
	overflow-y: auto;
	width: 100%;
	position: absolute;
	padding: 0 260px;
	max-height: 300px;
	min-height: 100px;
	background: #f8f8f8;
	transition: all .4s ease;
	top: -69px;
	z-index: 20;
	box-shadow: 0 7px 10px -7px rgba(0,0,0,.6);
	transform-origin: top;
	transform: rotateX(90deg);
	opacity: 0
}

.filter-box::-webkit-scrollbar {
	width: 3px
}

.filter-box::-webkit-scrollbar-thumb,.filter-box::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: rgba(0,0,0,.1)
}

.filter-box::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.filter-box .pro-type-list {
	padding: 15px 0
}

.filter-box .pro-type-list>ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.filter-box .pro-type-list>ul a {
	transition: all .4s ease
}

.filter-box .pro-type-list>ul a:hover {
	color: #9C9D51
}

.filter-box .pro-type-list>ul .LiLevel1 {
	width: 25%;
	margin-bottom: 20px
}

.filter-box .pro-type-list>ul .LiLevel1 li:last-child {
	margin-bottom: 0
}

.filter-box .pro-type-list>ul .LiLevel1 li a {
	width: 100%;
	height: 100%;
	line-height: 40px
}

.filter-box .pro-type-list>ul .LiLevel1 li a,.filter-box .pro-type-list>ul .LiLevel1>a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: center
}

.filter-box .pro-type-list>ul .LiLevel1>a {
	font-size: 18px;
	height: 35px;
	line-height: 35px;
	background: #fff;
	width: 70%;
	border-top: 2px solid #9C9D51
}

.filter-box .pro-type-list>ul .LiLevel1 .sub-menu {
	margin: 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column
}

.filter-box .pro-type-list>ul .LiLevel2 {
	width: 70%;
	height: 35px;
	background-color: #fff;
	margin-bottom: 10px
}

.filter-box .pro-type-list>ul .LiLevel2 a {
	font-size: 13px
}

.filter-box .pro-type-list>ul .LiLevel2 .sub-menu {
	display: none
}

.filter-box .pro-type-list .prosubmenu {
	width: 100%
}

.filter-box .pro-type-list .prosubmenu>ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.filter-box .pro-type-list .prosubmenu>ul a {
	transition: all .4s ease
}

.filter-box .pro-type-list .prosubmenu>ul a:hover {
	color: #9C9D51
}

.filter-box .pro-type-list .prosubmenu>ul>li {
	width: 25%;
	margin-bottom: 10px
}

.filter-box .pro-type-list .prosubmenu>ul>li>a {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 35px;
	line-height: 35px;
	background: #fff;
	text-align: center;
	width: 70%;
	border-top: 2px solid #9C9D51
}

.filter-box .scrollTip {
	height: 35px;
	width: 35px;
	box-sizing: border-box;
	position: absolute;
	right: 260px;
	bottom: 40px;
	animation: down 1.5s infinite;
	border-radius: 50%;
	background: rgba(0,0,0,.3);
	-webkit-animation: down 1.5s infinite;
	display: flex;
	justify-content: center;
	align-items: center
}

.filter-box .scrollTip i {
	position: relative;
	top: 1px;
	transform: scale(2);
	color: #fff
}

@keyframes down {
	0% {
		transform: translate(0)
	}

	20% {
		transform: translateY(15px)
	}

	40% {
		transform: translate(0)
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0)
	}

	20% {
		transform: translateY(15px)
	}

	40% {
		transform: translate(0)
	}
}

.common-container .news-content {
	margin: 0 260px
}

.common-container .news-content .news-list {
	margin: 50px 0 30px;
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.common-container .news-content .news-list .list-1 {
	width: 100%;
	height: 195px;
	padding: 0 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f8f8f8;
	margin-bottom: 20px;
	transition: all .3s ease
}

.common-container .news-content .news-list .list-1:hover {
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	transform: translateY(-2px)
}

.common-container .news-content .news-list .list-1:hover .news-info .more-btn,.common-container .news-content .news-list .list-1:hover .news-info .news-title a {
	color: #9C9D51
}

.common-container .news-content .news-list .list-1 .news-img {
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center
}

.common-container .news-content .news-list .list-1 .news-img img {
	width: 100%
}

.common-container .news-content .news-list .list-1 .news-info .news-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}

.common-container .news-content .news-list .list-1 .news-info .news-title {
	margin-top: 10px
}

.common-container .news-content .news-list .list-1 .news-info .news-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.common-container .news-content .news-list .list-1 .news-info .news-text {
	margin: 10px 0
}

.common-container .news-content .news-list .list-1 .news-info .news-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.common-container .news-content .news-list .list-1 .news-info .more-btn {
	position: relative;
	display: block;
	color: #4c4c4c;
	font-weight: 700
}

.common-container .news-content .news-list .list-1 .news-info .more-btn i {
	position: absolute;
	top: 1px;
	left: 80px;
	transform: scale(1)
}

.common-container .news-content .news-list .list-2 {
	margin-right: 25px;
	width: 23%;
	border: 2px solid #eee;
	box-sizing: border-box;
	margin-bottom: 50px;
	transition: all .4s ease
}

.common-container .news-content .news-list .list-2:nth-of-type(4n) {
	margin-right: 0
}

.common-container .news-content .news-list .list-2 .news-img {
	width: 100%
}

.common-container .news-content .news-list .list-2 .news-img img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s ease
}

.common-container .news-content .news-list .list-2 .news-info {
	padding: 8px
}

.common-container .news-content .news-list .list-2 .news-info .news-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}

.common-container .news-content .news-list .list-2 .news-info .news-title {
	margin-top: 10px
}

.common-container .news-content .news-list .list-2 .news-info .news-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.common-container .news-content .news-list .list-2 .news-info .news-text {
	margin: 10px 0
}

.common-container .news-content .news-list .list-2 .news-info .news-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.common-container .news-content .news-list .list-2:hover {
	border-color: #9C9D51;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
	transform: translateY(-3px)
}

.common-container .news-content .news-list .list-2:hover .news-info .news-title a {
	color: #9C9D51
}

.common-container .news-content .common-pages {
	margin-bottom: 80px
}

.knowledges-content {
	margin: 0 260px
}

.knowledges-content .knowledges-list {
	margin: 50px 0 30px;
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.knowledges-content .knowledges-list .list-1 {
	width: 100%;
	height: 195px;
	padding: 0 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f8f8f8;
	margin-bottom: 20px;
	transition: all .3s ease
}

.knowledges-content .knowledges-list .list-1:hover {
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	transform: translateY(-2px)
}

.knowledges-content .knowledges-list .list-1:hover .knowledges-info .knowledges-title a,.knowledges-content .knowledges-list .list-1:hover .knowledges-info .more-btn {
	color: #9C9D51
}

.knowledges-content .knowledges-list .list-1 .knowledges-img {
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center
}

.knowledges-content .knowledges-list .list-1 .knowledges-img img {
	width: 100%
}

.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}

.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title {
	margin-top: 10px
}

.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text {
	margin: 10px 0
}

.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn {
	position: relative;
	display: block;
	color: #4c4c4c;
	font-weight: 700
}

.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {
	position: absolute;
	top: 1px;
	left: 80px;
	transform: scale(1)
}

.knowledges-content .knowledges-list .list-2 {
	margin-right: 25px;
	width: 23%;
	border: 2px solid #eee;
	box-sizing: border-box;
	margin-bottom: 50px;
	transition: all .4s ease
}

.knowledges-content .knowledges-list .list-2:nth-of-type(4n) {
	margin-right: 0
}

.knowledges-content .knowledges-list .list-2 .knowledges-img {
	width: 100%
}

.knowledges-content .knowledges-list .list-2 .knowledges-img img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s ease
}

.knowledges-content .knowledges-list .list-2 .knowledges-info {
	padding: 8px
}

.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}

.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title {
	margin-top: 10px
}

.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text {
	margin: 10px 0
}

.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.knowledges-content .knowledges-list .list-2:hover {
	border-color: #9C9D51;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
	transform: translateY(-3px)
}

.knowledges-content .knowledges-list .list-2:hover .knowledges-info .knowledges-title a {
	color: #9C9D51
}

.knowledges-content .common-pages {
	margin-bottom: 80px
}

.news-detail-content {
	margin: 50px 0 120px;
	width: 100%;
	padding: 0 260px
}

.news-detail-content .news-title {
	padding: 0 160px;
	text-align: center;
	color: #4c4c4c;
	font-size: 30px;
	line-height: 48px;
	font-weight: 700
}

.news-detail-content .news-date {
	margin: 0;
	color: #707070;
	font-weight: 700;
	text-align: center
}

.news-detail-content .news-views {
	color: #707070;
	margin-left: 20px;
	width: 120px;
	text-align: center
}

.news-detail-content .news-info {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px
}

.news-detail-content article p {
	margin-top: 30px;
	line-height: 28px;
	color: #4c4c4c
}

.news-detail-content article p:first-of-type {
	margin-top: 0
}

.news-detail-content span.line {
	margin: 50px 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ececec
}

.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span {
	color: #4c4c4c;
	font-size: 18px;
	line-height: 28px
}

.news-detail-content .pages-list span {
	color: #9C9D51
}

.news-detail-content .pages-list div {
	margin-top: 20px
}

.news-detail-content .pages-list a:hover {
	text-decoration: underline;
	color: #9C9D51
}

.knowledges-detail-content {
	margin: 60px 0 120px;
	width: 100%;
	padding: 0 260px
}

.knowledges-detail-content .knowledges-title {
	padding: 0 160px;
	text-align: center;
	color: #4c4c4c;
	font-size: 30px;
	line-height: 48px;
	font-weight: 700
}

.knowledges-detail-content .knowledges-date {
	color: #707070;
	font-weight: 700;
	text-align: center
}

.knowledges-detail-content .knowledges-views {
	color: #707070;
	margin-left: 20px;
	width: 120px;
	text-align: center
}

.knowledges-detail-content .knowledges-info {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px
}

.knowledges-detail-content article p {
	margin-top: 30px;
	line-height: 28px;
	color: #4c4c4c
}

.knowledges-detail-content article p:first-of-type {
	margin-top: 0
}

.knowledges-detail-content span.line {
	margin: 50px 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #ececec
}

.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span {
	color: #4c4c4c;
	font-size: 18px;
	line-height: 28px
}

.knowledges-detail-content .pages-list span {
	color: #9C9D51
}

.knowledges-detail-content .pages-list div {
	margin-top: 20px
}

.knowledges-detail-content .pages-list a:hover {
	text-decoration: underline;
	color: #9C9D51
}

.pro-detail-content {
	position: relative
}

.pro-detail-content .pro-review {
	margin: 50px 260px 30px;
	display: flex
}

.pro-detail-content .pro-review .pro-preview-left {
	min-width: 428px;
	height: 600px;
	box-sizing: border-box
}

.pro-detail-content .pro-review .pro-preview-right {
	padding: 30px 100px 0;
	margin-bottom: 30px;
	flex: 1
}

.pro-detail-content .pro-review .pro-preview-right .pro-name {
	font-size: 30px;
	font-family: Lato;
	font-weight: 700;
	color: #2b2b2b
}

.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views {
	font-size: 24px;
	font-family: Arial;
	color: #9C9D51;
	line-height: 24px;
	margin: 20px 0
}

.pro-detail-content .pro-review .pro-preview-right article {
	font-size: 16px;
	color: #2b2b2b;
	line-height: 24px;
	margin-right: 100px
}

.pro-detail-content .pro-review .pro-preview-right .btn-list {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap
}

.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {
	height: 46px;
	width: 300px;
	border: 1px solid #9C9D51;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 20px 0 0;
	cursor: pointer
}

.pro-detail-content .pro-review .pro-preview-right .btn-list .btn a,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {
	font-size: 18px;
	color: #9C9D51
}

.pro-detail-content .pro-review .pro-preview-right .btn-list .btn:hover span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2:hover span {
	color: #fff
}

.pro-detail-content .pro-detail-title {
	line-height: 64px;
	padding: 0 260px;
	height: 64px;
	width: 100%;
	background: #f8f8f8;
	font-size: 20px;
	color: #2b2b2b;
	font-weight: 700
}

.pro-detail-content .pro-intro {
	margin: 30px 260px 0
}

.pro-detail-content .pro-intro .intro-title {
	font-size: 20px;
	font-weight: 700;
	color: #9C9D51;
	line-height: 50px
}

.pro-detail-content .pro-intro article {
	font-size: 16px;
	color: #2b2b2b;
	line-height: 24px;
	padding: 30px 400px 30px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}

.pro-detail-content .pro-spec {
	margin: 30px 260px 0
}

.pro-detail-content .pro-spec .spec-title {
	font-size: 20px;
	font-weight: 700;
	color: #9C9D51;
	line-height: 50px
}

.pro-detail-content .pro-spec .spec-content {
	padding: 30px 400px 30px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}

.pro-detail-content .pro-spec .spec-content table tr td {
	height: 50px;
	width: 480px
}

.pro-detail-content .productsTags {
	margin: 30px 260px 0
}

.pro-detail-content .pro-bottom-tip {
	margin: 0 260px;
	font-size: 16px;
	color: #2b2b2b;
	padding: 40px 0
}

.pro-detail-content .pro-page-switch {
	width: 100%;
	background: #f8f8f8;
	height: 50px;
	padding: 0 260px;
	display: flex;
	justify-content: space-between;
	margin: 50px 0
}

.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {
	font-size: 18px;
	font-weight: 700;
	color: #2b2b2b;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.pro-detail-content .pro-page-switch .page-prev {
	display: flex
}

.pro-detail-content .pro-page-switch .page-prev i {
	margin-right: 10px
}

.pro-detail-content .pro-page-switch .page-prev .page-btn {
	margin-right: 30px
}

.pro-detail-content .pro-page-switch .page-next {
	display: flex;
	flex-direction: row-reverse
}

.pro-detail-content .pro-page-switch .page-next i {
	margin-left: 10px
}

.pro-detail-content .pro-page-switch .page-next .page-btn {
	margin-left: 30px
}

.pro-detail-content .pro-page-switch .page-btn {
	width: 240px;
	height: 100%;
	background: #9C9D51;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	line-height: 50px
}

.pro-detail-content .pro-page-switch a {
	font-size: 18px;
	font-weight: 700;
	color: #2b2b2b;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.pro-detail-content .random-pro-list {
	margin: 0 260px
}

.pro-detail-content .random-pro-list .random-title {
	font-size: 30px;
	font-weight: 700;
	color: #2b2b2b
}

.pro-detail-content .random-pro-list ul {
	margin-top: 30px;
	display: flex;
	justify-content: space-between
}

.pro-detail-content .random-pro-list ul li {
	flex: 1;
	max-width: 15%;
	min-width: 15%
}

.pro-detail-content .random-pro-list ul li .pro-img {
	width: 100%;
	border: 1px solid #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

.pro-detail-content .random-pro-list ul li .pro-img img {
	width: 100%;
	transition: all .3s ease
}

.pro-detail-content .random-pro-list ul li .pro-img:after {
	display: block;
	content: "";
	padding-top: 100%
}

.pro-detail-content .random-pro-list ul li .pro-name {
	text-align: center;
	font-family: Open Sans;
	font-weight: 700;
	color: #2b2b2b;
	min-height: 40px;
	margin: 20px 0
}

.pro-detail-content .random-pro-list ul li .more-btn {
	margin: 0 auto;
	display: block;
	width: 100px;
	height: 33px;
	border: 1px solid #000;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	color: #2b2b2b;
	transition: all .3s ease
}

.pro-detail-content .random-pro-list ul li:hover .more-btn {
	background: #9C9D51;
	color: #fff;
	border: 1px solid #9C9D51
}

.pro-detail-content .random-pro-list ul li:hover .pro-img img {
	transform: scale(1.2)
}

.pro-detail-content .send-inquiry {
	margin-top: 90px
}

.pro-detail-content .send-inquiry .inquiry-title {
	height: 64px;
	width: 100%;
	background: #f8f8f8;
	margin: 40px 0;
	font-size: 30px;
	font-weight: 700;
	color: #2b2b2b;
	text-align: center;
	line-height: 64px
}

.pro-detail-content .send-inquiry .inquiry-form {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 260px
}

.pro-detail-content .share-btn-list {
	margin-top: 30px
}

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

.common-container .contact-wrapper {
	margin: 50px 0;
	display: flex
}

.common-container .contact-wrapper .contact-left {
	padding: 52px 60px;
	width: 440px;
	background: #f8f8f8
}

.common-container .contact-wrapper .contact-left .title {
	font-size: 30px;
	font-weight: 700;
	color: #4c4c4c
}

.common-container .contact-wrapper .contact-left ul {
	margin-top: 30px
}

.common-container .contact-wrapper .contact-left ul li {
	margin: 16px 0;
	color: #4c4c4c;
	line-height: 24px
}

.common-container .contact-wrapper .contact-left ul li .contact-way {
	font-size: 18px;
	font-weight: 700
}

.common-container .contact-wrapper .contact-left ul li .contact-info {
	font-size: 16px
}

.common-container .contact-wrapper .contact-left ul li .contact-num {
	font-size: 20px;
	margin-top: 10px
}

.common-container .contact-wrapper .contact-main {
	margin-left: 20px;
	flex: 1
}

.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: 30px
}

.common-container .video-content {
	margin: 0 260px
}

.common-container .video-content .video-list {
	margin: 50px 0;
	width: 100%
}

.common-container .video-content .video-list li {
	height: 195px;
	padding: 0 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f8f8f8;
	margin-bottom: 20px;
	transition: all .3s ease
}

.common-container .video-content .video-list li:hover {
	cursor: pointer;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	transform: translateY(-2px)
}

.common-container .video-content .video-list li:hover .video-info .more-btn,.common-container .video-content .video-list li:hover .video-info .video-title a {
	color: #9C9D51
}

.common-container .video-content .video-list li .video-img {
	width: 200px;
	height: 150px
}

.common-container .video-content .video-list li .video-img img {
	width: 100%
}

.common-container .video-content .video-list li .video-info .video-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}

.common-container .video-content .video-list li .video-info .video-title {
	margin-top: 10px
}

.common-container .video-content .video-list li .video-info .video-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.common-container .video-content .video-list li .video-info .video-text {
	margin: 10px 0
}

.common-container .video-content .video-list li .video-info .video-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px
}

.common-container .video-content .video-list li .video-info .more-btn {
	position: relative;
	display: block;
	color: #4c4c4c;
	font-weight: 700
}

.common-container .video-content .video-list li .video-info .more-btn i {
	position: absolute;
	top: 1px;
	left: 80px;
	transform: scale(1)
}

.common-container .video-content .video-list-2 {
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0;
	width: 100%
}

.common-container .video-content .video-list-2 li {
	margin-right: 36px;
	width: 23%;
	border: 2px solid #eee;
	box-sizing: border-box;
	margin-bottom: 50px;
	transition: all .4s ease
}

.common-container .video-content .video-list-2 li:nth-of-type(4n) {
	margin-right: 0
}

.common-container .video-content .video-list-2 li .video-img {
	width: 100%
}

.common-container .video-content .video-list-2 li .video-img img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	transition: all .4s ease
}

.common-container .video-content .video-list-2 li .video-info {
	padding: 8px
}

.common-container .video-content .video-list-2 li .video-info .video-date {
	color: #707070;
	line-height: 24px;
	font-weight: 700
}

.common-container .video-content .video-list-2 li .video-info .video-title {
	margin-top: 10px
}

.common-container .video-content .video-list-2 li .video-info .video-title a {
	color: #4c4c4c;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.common-container .video-content .video-list-2 li .video-info .video-text {
	margin: 10px 0
}

.common-container .video-content .video-list-2 li .video-info .video-text a {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.common-container .video-content .video-list-2 li:hover {
	border-color: #9C9D51;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
	transform: translateY(-3px)
}

.common-container .video-content .video-list-2 li:hover .video-info .video-title a {
	color: #9C9D51
}

.common-container .video-content .common-pages {
	margin-bottom: 80px
}

.common-container .feedback-content {
	margin: 50px 0;
	padding: 0 260px;
	display: flex
}

.common-container .feedback-content .feedback-main {
	margin-left: 20px;
	flex: 1
}

.common-container .feedback-content .feedback-main .feedback-tips {
	margin-bottom: 50px
}

.common-container .feedback-content .feedback-main .feedback-tips p {
	line-height: 30px
}

.common-container .feedback-content .feedback-main .feedback-tips p a {
	color: #9C9D51
}

.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

@media(min-width:1441px)and (max-width:1680px) {
	.home-container .about-info .about-content .content-title {
		font-size: 30px
	}

	.home-container .about-info .about-content article {
		padding-right: 100px
	}

	.home-container .about-info .about-content article p {
		font-size: 18px
	}

	.home-container .about-info .about-content .about-btn {
		width: 140px;
		height: 40px;
		font-size: 18px
	}

	.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title,.home-container .lastest-news ul li .news-content article {
		margin: 0 50px
	}
}

@media(min-width:1281px)and (max-width:1440px) {
	.home-container .about-info .about-content .content-title {
		font-size: 26px
	}

	.home-container .about-info .about-content article {
		padding-right: 100px
	}

	.home-container .about-info .about-content article p {
		font-size: 14px
	}

	.home-container .about-info .about-content .about-btn {
		width: 120px;
		height: 30px;
		font-size: 14px
	}

	.home-container .lastest-news ul li .news-content .news-title {
		margin: 0 40px;
		font-size: 20px
	}

	.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article {
		margin: 0 40px
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.home-container .welcome-info .part-item {
		margin: 80px 100px 0
	}

	.home-container .hot-product ul {
		margin: 80px 100px
	}

	.home-container .partners {
		margin: 140px 100px 150px
	}
}

@media(max-width:1440px) {
	.home-container .part-title p:first-child {
		font-size: 40px
	}

	.home-container .part-title:after {
		font-size: 170px
	}

	.home-container .about-info .about-content .content-title {
		padding-left: 20px;
		font-size: 18px
	}

	.home-container .about-info .about-content article {
		padding: 0 20px
	}

	.home-container .about-info .about-content article p {
		font-size: 15px;
		line-height: 28px
	}

	.home-container .about-info .about-content .about-btn {
		width: 120px;
		height: 30px;
		font-size: 14px;
		margin-left: 20px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.home-container .welcome-info .part-item {
		margin: 80px 50px 0
	}

	.home-container .hot-product ul {
		margin: 80px 50px
	}

	.home-container .lastest-news ul li .news-content .news-title {
		margin: 0 30px;
		font-size: 16px
	}

	.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article {
		margin: 0 30px
	}

	.home-container .partners {
		margin: 140px 50px 150px
	}
}

@media(min-width:769px)and (max-width:1081px) {
	.home-container .welcome-info .part-item {
		margin: 80px 15px 0 25px
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
		margin-right: 25px
	}

	.home-container .about-info .about-content article {
		padding: 0 20px
	}

	.home-container .about-info .about-content article p {
		font-size: 13px;
		line-height: 28px
	}

	.home-container .hot-product ul {
		margin: 80px 25px
	}

	.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title {
		margin: 0 20px;
		font-size: 14px
	}

	.home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content article {
		margin: 0 20px;
		font-size: 12px
	}

	.home-container .lastest-news ul li .news-content:before {
		border-top: 2px solid #9C9D51;
		border-bottom: 2px solid #9C9D51
	}

	.home-container .lastest-news ul li .news-content:after {
		border-left: 2px solid #9C9D51;
		border-right: 2px solid #9C9D51
	}

	.home-container .lastest-news ul li .news-content:after,.home-container .lastest-news ul li .news-content:before {
		width: 96%;
		height: 94%;
		top: 3%;
		left: 2%
	}

	.home-container .partners {
		margin: 140px 25px 150px
	}
}

@media screen and (max-width:768px) {
	.home-container #swiper-banner .swiper-button-next,.home-container #swiper-banner .swiper-button-prev {
		display: none
	}

	.home-container .part-title h3 {
		font-size: 4.8vw
	}

	.home-container .part-title p {
		line-height: 24px;
		font-size: 3.4666666667vw
	}

	.home-container .part-title:after {
		font-size: 19.2vw;
		top: -6.6666666667vw
	}

	.home-container .welcome-info {
		margin-top: 13.3333333333vw
	}

	.home-container .welcome-info .part-item {
		margin: 10.6666666667vw 6.6666666667vw 0
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
		max-width: 44vw
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
		margin: 2.6666666667vw 1.3333333333vw 0;
		font-size: 3.4666666667vw;
		line-height: 120%;
		padding-right: .5333333333vw;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		min-height: 9.3333333333vw
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
		margin: 1.3333333333vw;
		font-size: 3.2vw;
		line-height: 14px
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
		min-height: 41vw;
		background: #fff
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover {
		transform: translateY(0);
		box-shadow: none
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title {
		color: #9C9D51
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {
		opacity: .4
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a {
		transform: translateZ(0);
		opacity: 1
	}

	.home-container .welcome-info .part-item .swiper-part-pagination {
		margin: 4vw 0
	}

	.home-container .about-info {
		position: relative
	}

	.home-container .about-info .about-img {
		width: 100%;
		background: #9C9D51
	}

	.home-container .about-info .about-img img {
		opacity: .1
	}

	.home-container .about-info .about-content {
		padding: 2.6666666667vw 0;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: transparent
	}

	.home-container .about-info .about-content .content-title {
		padding-left: 5.3333333333vw;
		font-size: 4.8vw;
		font-weight: 700;
		color: #fff
	}

	.home-container .about-info .about-content article {
		padding-left: 5.3333333333vw;
		padding-right: 4vw
	}

	.home-container .about-info .about-content article p {
		font-size: 4vw;
		line-height: 150%
	}

	.home-container .about-info .about-content article p:nth-child(2) {
		display: none
	}

	.home-container .about-info .about-content .about-btn {
		width: 26.6666666667vw;
		height: 10.6666666667vw;
		border: 1px solid #fff;
		font-size: 4vw;
		font-family: Open Sans;
		margin-left: 5.3333333333vw;
		transition: all .5s ease
	}

	.home-container .about-info .about-content .about-btn:hover {
		background: #fff;
		border: 2px solid #9C9D51;
		cursor: pointer
	}

	.home-container .about-info .about-content .about-btn:hover a {
		color: #9C9D51
	}

	.home-container .about-info .about-content .about-btn a {
		color: #fff
	}

	.home-container .hot-product {
		margin-top: 13.3333333333vw
	}

	.home-container .hot-product ul {
		margin: 13.3333333333vw 6.6666666667vw
	}

	.home-container .hot-product ul li {
		width: 48%;
		margin-bottom: 6.6666666667vw;
		margin-right: 1.8666666667vw
	}

	.home-container .hot-product ul li:nth-of-type(2n) {
		margin-right: 0
	}

	.home-container .hot-product ul li .pro-img {
		min-height: 40vw
	}

	.home-container .hot-product ul li .pro-name {
		font-size: 3.4666666667vw;
		text-align: center;
		line-height: 4.8vw;
		margin: 2.6666666667vw 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.home-container .hot-product ul li .pro-btn {
		display: none
	}

	.home-container .lastest-news ul li {
		width: 100%
	}

	.home-container .lastest-news ul li:nth-of-type(2n) {
		display: none
	}

	.home-container .lastest-news ul li .news-content,.home-container .lastest-news ul li .news-img {
		width: 50%
	}

	.home-container .lastest-news ul li .news-content .news-title {
		margin: 1.0666666667vw 2.6666666667vw 0;
		font-size: 3.4666666667vw
	}

	.home-container .lastest-news ul li .news-content .news-date {
		margin: .6666666667vw 2.6666666667vw;
		font-size: 3.2vw
	}

	.home-container .lastest-news ul li .news-content article {
		display: none;
		margin: 0 2.6666666667vw;
		font-size: 3.2vw;
		line-height: 110%
	}

	.home-container .lastest-news ul li .news-content .more-link {
		display: none
	}

	.home-container .partners {
		margin: 13.3333333333vw 6.6666666667vw 20vw
	}

	.home-container .partners ul {
		margin-top: 10.6666666667vw
	}

	.home-container .partners ul li {
		box-sizing: border-box;
		max-width: 33%;
		min-width: 33%;
		height: auto;
		padding-bottom: 0;
		border: 1px solid #eee;
		border-right: none;
		border-bottom: none
	}

	.home-container .partners ul li:nth-of-type(6n) {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		border-right: none
	}

	.home-container .partners ul li:nth-of-type(3n) {
		border-right: 1px solid #eee
	}

	.home-container .partners ul li:nth-of-type(n+7) {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		border-bottom: none
	}

	.home-container .partners ul li:nth-of-type(n+7):hover,.home-container .partners ul li:nth-of-type(n+10) {
		border-bottom: 1px solid #eee
	}

	.home-container .partners ul li:hover {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee
	}

	.home-container .partners ul li:hover+li {
		border-left: 1px solid #eee
	}

	.home-container .partners ul li:hover+li+li+li+li+li+li {
		border-top: 1px solid #eee
	}

	.home-container .partners ul li:nth-of-type(6n):hover {
		border-right: 1px solid #eee
	}
}

@media screen and (min-width:751px)and (max-width:768px) {
	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
		font-size: 18px;
		min-height: 0
	}

	.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
		font-size: 14px
	}

	.home-container .about-info .about-content .content-title {
		font-size: 28px
	}

	.home-container .about-info .about-content article p,.home-container .hot-product ul li .pro-name,.home-container .lastest-news ul li .news-content .news-title {
		font-size: 24px
	}

	.home-container .lastest-news ul li .news-content .news-date {
		font-size: 20px
	}

	.home-container .lastest-news ul li .news-content article {
		font-size: 18px
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	header .header-top,header nav {
		padding: 0 100px
	}

	header nav ul .submenu {
		right: -100px
	}

	main.common-container .breadcrumbs-nav {
		padding: 0 100px
	}

	footer .footer-container>ul,footer .footer-top {
		margin: 0 100px
	}

	footer .footer-container .right-text {
		padding: 0 100px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	header .header-top,header nav {
		padding: 0 50px
	}

	header nav ul .submenu {
		right: -50px
	}

	header nav ul .submenu li a {
		font-size: 14px
	}

	header nav ul li a {
		font-size: 16px
	}

	main.common-container .breadcrumbs-nav {
		padding: 0 50px
	}

	footer .footer-container>ul,footer .footer-top {
		margin: 0 50px
	}

	footer .footer-container .right-text {
		padding: 0 50px
	}
}

@media(min-width:769px)and (max-width:1080px) {
	header .header-top,header nav {
		padding: 0 25px
	}

	header nav ul .submenu {
		right: -25px
	}

	header nav ul .submenu li a {
		font-size: 12px
	}

	header nav ul li {
		margin: 0 8px
	}

	header nav ul li a {
		font-size: 14px
	}

	main.common-container .breadcrumbs-nav {
		padding: 0 25px
	}

	footer .footer-top {
		margin: 0 25px
	}

	footer .footer-top .contact-left .contact-content p:nth-child(2) {
		font-size: 20px
	}

	footer .footer-container>ul {
		margin: 0 25px
	}

	footer .footer-container .right-text {
		padding: 0 25px
	}
}

@media screen and (max-width:768px) {
	body,html {
		overflow: hidden;
		overflow-y: auto
	}

	body {
		font-size: 4vw
	}

	header .header-top {
		position: relative;
		background: none
	}

	header .header-top .top-info,header .header-top i {
		display: none
	}

	header .header-top .top-right {
		transition: all .4s ease
	}

	header .header-top .top-right .search-input {
		position: fixed;
		width: 100vw;
		left: 0;
		background: #333;
		border-radius: 0;
		padding: 10.6666666667vw;
		z-index: 80;
		border: none;
		display: flex;
		opacity: 0;
		top: 0;
		transition: all .4s ease
	}

	header .header-top .top-right .search-input .search-btn {
		padding: 0 1.3333333333vw;
		display: block;
		height: 10.6666666667vw;
		line-height: 10.6666666667vw;
		background: #9C9D51;
		color: #fff;
		transition: all .4s ease
	}

	header .header-top .top-right .search-input input {
		flex: 1;
		height: 10.6666666667vw;
		background-color: #fff;
		color: #000;
		padding-left: 4vw;
		transition: all .4s ease
	}

	header .header-top .top-right .search-active {
		opacity: 1;
		top: 13.3333333333vw
	}

	header nav {
		position: relative;
		width: 100vw;
		height: 13.3333333333vw;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0 6.6666666667vw;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
	}

	header nav ul {
		background-color: #232429;
		top: 13.3333333333vw;
		left: 0;
		position: absolute;
		flex-direction: column;
		width: 66.7%
	}

	header nav ul li {
		position: relative;
		height: auto;
		margin: 0;
		display: block;
		padding: 4vw 5.3333333333vw;
		border-bottom: 1px solid hsla(0,0%,100%,.5)
	}

	header nav ul li a {
		width: 100%;
		display: flex;
		justify-content: space-between;
		color: #fff;
		font-size: 4vw
	}

	header nav ul li a:hover {
		color: #9C9D51
	}

	header nav ul li a:hover:after {
		display: none;
		transform: none
	}

	header nav ul li .inmenu_1 {
		color: #fff
	}

	header nav ul li .inmenu_1:after {
		content: none
	}

	header nav ul li:last-child {
		border-bottom: none
	}

	header nav ul li i {
		position: absolute;
		box-sizing: border-box;
		width: 8vw;
		height: 4vw;
		padding-left: 4vw;
		right: 4vw;
		top: 4vw;
		color: #fff;
		transform: scale(1.4) rotate(0);
		transform-origin: center center;
		transition: all .3s
	}

	header nav ul li .slide-active {
		transform: scale(1.4) rotate(90deg);
		transform-origin: 6vw 2.9vw
	}

	header nav ul li:hover>a,header nav ul li:hover>i {
		color: #fff
	}

	header nav ul li:hover>a:after,header nav ul li:hover>i:after {
		transform: translateX(-50%) rotateY(90deg)
	}

	header nav ul .submenu {
		transition: none;
		position: relative;
		width: 100%;
		right: 0;
		transform-origin: top;
		transform: rotateX(0);
		opacity: 1;
		height: auto;
		background: #232429;
		top: 0;
		list-style-type: square;
		display: none
	}

	header nav ul .submenu li {
		position: relative;
		list-style-type: square;
		padding: 2.6666666667vw 0 0;
		margin: 0 0 0 5.3333333333vw
	}

	header nav ul .submenu li a {
		font-size: 3.4666666667vw
	}

	header nav ul .submenu li:after {
		content: none
	}

	header nav ul .submenu li:before {
		content: "";
		position: absolute;
		top: 4.2666666667vw;
		left: -2.6666666667vw;
		width: 1.0666666667vw;
		height: 1.0666666667vw;
		background-color: #fff
	}

	header nav>ul {
		left: -66.7%
	}

	header nav .nav-btn {
		width: 33%;
		display: flex
	}

	header nav .mobile-search-btn {
		display: block;
		width: 33%;
		display: flex;
		justify-content: flex-end;
		align-items: center
	}

	header nav .mobile-search-btn i {
		transform: scale(1.4);
		color: #919194
	}

	header nav .header-logo {
		width: 33%
	}

	main {
		margin-top: 0
	}

	main .breadcrumbs-nav {
		display: none
	}

	main .common-pages {
		margin-bottom: 6.6666666667vw;
		height: 8vw;
		font-size: 4.6666666667vw
	}

	main .common-pages a,main .common-pages span {
		margin: 0 .6666666667vw;
		padding: 1.3333333333vw 2.6666666667vw;
		font-size: 4.6666666667vw;
		height: auto
	}

	main.common-container .inner-banner {
		min-height: 0
	}

	main.common-container .inner-banner .pc {
		display: none
	}

	main.common-container .inner-banner .sm {
		display: block;
		min-height: 40vw;
		background: url(../shou/inner-banner-sm.jpg);
		background-size: 100vw 40vw
	}

	footer {
		margin-top: 6.6666666667vw
	}

	footer .footer-top {
		height: 18.6666666667vw;
		margin: 0;
		padding: 0 6.6666666667vw
	}

	footer .footer-top .contact-left .contact-logo {
		display: none
	}

	footer .footer-top .contact-left .contact-content {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		padding-top: 0;
		margin-left: 0;
		width: 60vw;
		height: 18.6666666667vw
	}

	footer .footer-top .contact-left .contact-content p:first-child {
		font-size: 4vw;
		line-height: 4vw;
		top: 0;
		left: -5.3333333333vw;
		transform: scale(.8)
	}

	footer .footer-top .contact-left .contact-content p:nth-child(2) {
		position: relative;
		left: -5.3333333333vw;
		font-size: 4vw;
		line-height: 4vw;
		padding-right: .6666666667vw;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		transform: scale(.8)
	}

	footer .footer-top .contact-left .contact-content:before {
		display: none
	}

	footer .footer-top .contact-btn {
		width: 27.4666666667vw;
		height: 8vw;
		border: .2666666667vw solid #fff
	}

	footer .footer-top .contact-btn a {
		font-size: 3.2vw
	}

	footer .footer-container {
		padding-bottom: 16vw;
		height: auto
	}

	footer .footer-container>ul {
		margin: 0;
		height: auto;
		flex-wrap: wrap
	}

	footer .footer-container>ul>li {
		flex: none;
		padding: 1.3333333333vw 0
	}

	footer .footer-container>ul>li .content {
		padding-top: 0;
		padding-left: 0;
		font-size: 4vw
	}

	footer .footer-container>ul>li .content .content-title {
		font-size: 4vw;
		line-height: 6.6666666667vw
	}

	footer .footer-container>ul>li .content .content-text {
		font-size: 3.2vw;
		line-height: 2em
	}

	footer .footer-container>ul>li .content .content-text a {
		color: #707070
	}

	footer .footer-container>ul>li .logo {
		width: 70px;
		height: 70px;
		overflow: hidden;
		background-size: 200px 37px
	}

	footer .footer-container>ul>li:first-child {
		width: 100%
	}

	footer .footer-container>ul>li:nth-child(2),footer .footer-container>ul>li:nth-child(3) {
		width: 50%
	}

	footer .footer-container>ul>li span {
		margin-top: 2.6666666667vw;
		height: 5.3333333333vw;
		position: relative;
		right: 4vw;
		top: -.6666666667vw
	}

	footer .footer-container>ul>li.map .logo {
		background-position: 10px 20px
	}

	footer .footer-container>ul>li.email .logo {
		background-position: -70px 20px
	}

	footer .footer-container>ul>li.tel .logo {
		background-position: -150px 20px
	}

	footer .footer-container .bottom-info {
		height: auto;
		padding-left: 6.6666666667vw;
		margin-top: .6666666667vw
	}

	footer .footer-container .bottom-info li .title {
		line-height: 10.6666666667vw
	}

	footer .footer-container .bottom-info .cate,footer .footer-container .bottom-info .intro {
		display: none
	}

	footer .footer-container .bottom-info .nav {
		margin: 0
	}

	footer .footer-container .bottom-info .nav .title {
		display: none
	}

	footer .footer-container .bottom-info .nav ul {
		display: flex;
		flex-wrap: wrap
	}

	footer .footer-container .bottom-info .nav ul li {
		margin-right: 2.6666666667vw;
		min-width: 30%
	}

	footer .footer-container .bottom-info .nav ul li a {
		font-size: 4vw;
		line-height: 6.6666666667vw
	}

	footer .footer-container .bottom-info .code {
		display: none
	}

	footer .footer-container .bottom-info .code .title {
		font-size: 4vw
	}

	footer .footer-container .bottom-info .code img {
		width: 18vw;
		height: 18vw;
		min-width: 18vw;
		opacity: 1
	}

	footer .footer-container .bottom-info .contact-list {
		width: 100%;
		margin-top: 4vw;
		display: flex
	}

	footer .footer-container .bottom-info .contact-list li {
		width: 6.6666666667vw;
		height: 6.6666666667vw;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 1.3333333333vw
	}

	footer .footer-container .bottom-info .contact-list li img {
		width: 100%
	}

	footer .footer-container .right-text {
		padding: 0 6.6666666667vw;
		font-size: 3.2vw;
		line-height: 9.3333333333vw
	}

	footer .mobile-bottom {
		z-index: 9;
		height: 16vw;
		background: #9C9D51;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-evenly
	}

	footer .mobile-bottom .mobile-bottom-item {
		background: #9C9D51;
		padding: .6666666667vw 0;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: 16vw;
		width: 16vw;
		font-size: 4vw
	}

	footer .mobile-bottom .mobile-bottom-item a {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		height: 100%;
		color: #fff
	}

	footer .mobile-bottom .mobile-bottom-item i {
		transform: scale(1.6);
		margin-bottom: .6666666667vw
	}

	#toast-container {
		padding-top: 150px
	}
}

@media screen and (min-width:751px)and (max-width:768px) {
	footer .footer-top .contact-left .contact-content p:first-child,footer .footer-top .contact-left .contact-content p:nth-child(2) {
		font-size: 28px
	}

	footer .footer-top .contact-btn a {
		font-size: 20px
	}

	footer .footer-container>ul>li .content,footer .footer-container>ul>li .content .content-title {
		font-size: 24px
	}

	footer .footer-container>ul>li .content .content-text {
		font-size: 20px
	}

	footer .footer-container>ul>li .content .content-text a {
		color: #707070
	}

	footer .footer-container>ul>li .logo {
		width: 90px;
		height: 90px
	}

	footer .footer-container>ul>li.map .logo {
		background-position: 10px 30px
	}

	footer .footer-container>ul>li.email .logo {
		background-position: -70px 30px
	}

	footer .footer-container>ul>li.tel .logo {
		background-position: -150px 30px
	}

	footer .footer-container .bottom-info .nav .title,footer .footer-container .bottom-info .nav ul li a {
		font-size: 24px
	}

	footer .footer-container .right-text {
		font-size: 20px
	}

	footer .mobile-bottom .mobile-bottom-item {
		font-size: 24px
	}
}

@media screen and (min-width:2000px) {
	.swiper-slide a,.swiper-slide img {
		width: 100%
	}

	header .header-top,header nav {
		padding: 0 450px
	}

	.home-container .welcome-info .part-item {
		margin: 80px 450px 0
	}

	.home-container .hot-product ul {
		margin: 80px 450px
	}

	.home-container .partners {
		margin: 140px 450px 150px
	}

	.common-container .news-content,.common-container .video-content,.knowledges-content,.pro-detail-content .pro-bottom-tip,.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form,footer .footer-container>ul,footer .footer-top {
		margin: 0 450px
	}

	.common-container .breadcrumbs-nav,.knowledges-detail-content,.news-detail-content,.pro-detail-content .pro-detail-title,.pro-detail-content .pro-page-switch,.products-content .pro-list,footer .footer-container .right-text {
		padding: 0 450px
	}

	.abouts-content {
		padding: 0 450px 50px
	}

	.pro-filter {
		right: 450px
	}

	.pro-detail-content .pro-review {
		margin: 50px 450px 30px
	}

	.pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags {
		margin: 30px 450px 0
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.abouts-content {
		padding: 0 100px 50px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.abouts-content {
		padding: 0 50px 50px
	}
}

@media(min-width:769px)and (max-width:1081px) {
	.abouts-content {
		padding: 0 25px 50px
	}
}

@media screen and (max-width:768px) {
	.abouts-content {
		padding: 0 6.6666666667vw
	}

	.abouts-content .abouts-title {
		margin-top: 6.6666666667vw;
		font-size: 4.5333333333vw;
		padding: 1.3333333333vw 0;
		margin-bottom: .1333333333vw
	}

	.abouts-content article div {
		margin-bottom: 4vw
	}

	.abouts-content article .title {
		margin-top: 2.1333333333vw;
		font-size: 4vw
	}

	.abouts-content article .content,.abouts-content article .title,.abouts-content article p {
		line-height: 5.3333333333vw
	}

	.abouts-content article .content,.abouts-content article p {
		width: 100%
	}

	.abouts-content article .imgs-list {
		margin-top: 1.3333333333vw
	}

	.abouts-content article .imgs-list li {
		display: none;
		padding-right: 6.6666666667vw
	}

	.abouts-content article .imgs-list li:first-child {
		display: block
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.common-container .news-content {
		margin: 0 100px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.common-container .news-content {
		margin: 0 50px
	}
}

@media(min-width:769px)and (max-width:1081px) {
	.common-container .news-content {
		margin: 0 25px
	}
}

@media screen and (max-width:768px) {
	.common-container .news-content {
		margin: 0 6.6666666667vw
	}

	.common-container .news-content .news-list {
		margin: 6.6666666667vw 0;
		justify-content: space-between
	}

	.common-container .news-content .news-list .list-1 {
		height: 32vw;
		padding: 0 5.3333333333vw;
		margin-bottom: 6.6666666667vw
	}

	.common-container .news-content .news-list .list-1 .news-img {
		display: none
	}

	.common-container .news-content .news-list .list-1 .news-info .news-date {
		font-size: 4vw;
		line-height: 4.5333333333vw;
		transform: scale(.8);
		position: relative;
		left: -7.3333333333vw
	}

	.common-container .news-content .news-list .list-1 .news-info .news-title {
		margin: 1.3333333333vw 0
	}

	.common-container .news-content .news-list .list-1 .news-info .news-title a {
		font-size: 4.5333333333vw;
		line-height: 4.8vw
	}

	.common-container .news-content .news-list .list-1 .news-info .news-text {
		margin: 0 0 1.3333333333vw
	}

	.common-container .news-content .news-list .list-1 .news-info .news-text a {
		font-size: 4vw;
		line-height: 4.5333333333vw
	}

	.common-container .news-content .news-list .list-1 .news-info .more-btn {
		font-size: 4vw;
		position: relative
	}

	.common-container .news-content .news-list .list-1 .news-info .more-btn i {
		position: absolute;
		top: 1.2px;
		left: 21.3333333333vw;
		transform: scale(1.2)
	}

	.common-container .news-content .news-list .list-2 {
		margin-bottom: 6.6666666667vw;
		width: 46%;
		margin-right: 4vw
	}

	.common-container .news-content .news-list .list-2:nth-of-type(3n) {
		margin-right: 4vw
	}

	.common-container .news-content .news-list .list-2:nth-of-type(2n) {
		margin-right: 0
	}

	.common-container .news-content .news-list .list-2 .news-info .news-date {
		line-height: 3.2vw;
		font-size: 3.2vw
	}

	.common-container .news-content .news-list .list-2 .news-info .news-title {
		margin-top: 1.3333333333vw
	}

	.common-container .news-content .news-list .list-2 .news-info .news-title a {
		font-size: 4vw;
		line-height: 4.2666666667vw
	}

	.common-container .news-content .news-list .list-2 .news-info .news-text {
		margin: 2.6666666667vw 0
	}

	.common-container .news-content .news-list .list-2 .news-info .news-text a {
		font-size: 3.3333333333vw;
		line-height: 4vw;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.knowledges-content {
		margin: 0 100px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.knowledges-content {
		margin: 0 50px
	}
}

@media(min-width:769px)and (max-width:1081px) {
	.knowledges-content {
		margin: 0 25px
	}
}

@media screen and (max-width:768px) {
	.common-container .knowledges-content {
		margin: 0 6.6666666667vw
	}

	.common-container .knowledges-content .knowledges-list {
		margin: 6.6666666667vw 0;
		justify-content: space-between
	}

	.common-container .knowledges-content .knowledges-list .list-1 {
		height: 32vw;
		padding: 0 5.3333333333vw;
		margin-bottom: 6.6666666667vw
	}

	.common-container .knowledges-content .knowledges-list .list-1 .knowledges-img {
		display: none
	}

	.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date {
		font-size: 4vw;
		line-height: 4.5333333333vw;
		transform: scale(.8);
		position: relative;
		left: -7.3333333333vw
	}

	.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title {
		margin: 1.3333333333vw 0
	}

	.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a {
		font-size: 4.5333333333vw;
		line-height: 4.8vw
	}

	.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text {
		margin: 0 0 1.3333333333vw
	}

	.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a {
		font-size: 4vw;
		line-height: 4.5333333333vw
	}

	.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn {
		font-size: 4vw;
		position: relative
	}

	.common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {
		position: absolute;
		top: 1.2px;
		left: 21.3333333333vw;
		transform: scale(1.2)
	}

	.common-container .knowledges-content .knowledges-list .list-2 {
		margin-bottom: 6.6666666667vw;
		width: 46%;
		margin-right: 4vw
	}

	.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(3n) {
		margin-right: 4vw
	}

	.common-container .knowledges-content .knowledges-list .list-2:nth-of-type(2n) {
		margin-right: 0
	}

	.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date {
		line-height: 3.2vw;
		font-size: 3.2vw
	}

	.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title {
		margin-top: 1.3333333333vw
	}

	.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a {
		font-size: 4vw;
		line-height: 4.2666666667vw
	}

	.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text {
		margin: 2.6666666667vw 0
	}

	.common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
		font-size: 3.3333333333vw;
		line-height: 4vw;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}
}

@media screen and (max-width:768px) {
	.common-container .contact-wrapper {
		margin: 0;
		padding: 6.6666666667vw 0 0;
		flex-direction: column
	}

	.common-container .contact-wrapper .contact-left {
		padding: 6vw 5.7333333333vw;
		width: 100%
	}

	.common-container .contact-wrapper .contact-left .title {
		font-size: 4.5333333333vw
	}

	.common-container .contact-wrapper .contact-left ul {
		margin-top: 4vw
	}

	.common-container .contact-wrapper .contact-left ul li {
		line-height: 5.3333333333vw;
		margin: 2.6666666667vw 0
	}

	.common-container .contact-wrapper .contact-left ul li .contact-way {
		font-size: 4vw;
		font-weight: 700
	}

	.common-container .contact-wrapper .contact-left ul li .contact-info {
		font-size: 4vw
	}

	.common-container .contact-wrapper .contact-left ul li .contact-num {
		font-size: 4.5333333333vw;
		margin-top: .6666666667vw
	}

	.common-container .contact-wrapper .contact-main {
		margin-top: 6.6666666667vw;
		margin-left: 0;
		flex: 1
	}

	.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
		margin-left: 0
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.products-content .content-top {
		margin: 0 100px
	}

	.products-content .type-box {
		margin: 0 100px 50px
	}

	.products-content .pro-list,.products-content .pro-list-2 {
		padding: 0 100px
	}

	.products-content .seo-key {
		margin: 0 100px
	}

	.pro-filter {
		right: 100px
	}

	.filter-box {
		padding: 0 100px
	}

	.filter-box .scrollTip {
		right: 100px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.products-content .content-top {
		margin: 0 50px
	}

	.products-content .type-box {
		margin: 0 50px 50px
	}

	.products-content .pro-list,.products-content .pro-list-2 {
		padding: 0 50px
	}

	.products-content .seo-key {
		margin: 0 50px
	}

	.filter-box {
		padding: 0 50px
	}

	.filter-box .scrollTip,.pro-filter {
		right: 50px
	}
}

@media(min-width:769px)and (max-width:1080px) {
	.products-content .content-top {
		margin: 0 25px
	}

	.products-content .type-box {
		margin: 0 25px 50px
	}

	.products-content .pro-list,.products-content .pro-list-2 {
		padding: 0 25px
	}

	.products-content .pro-list-2 li .pro-info {
		padding: 40px 50px
	}

	.products-content .seo-key {
		margin: 0 25px
	}

	.filter-box {
		padding: 0 25px
	}

	.filter-box .scrollTip,.pro-filter {
		right: 25px
	}
}

@media screen and (max-width:768px) {
	.products-content {
		padding: 6.6666666667vw 6.6666666667vw 0
	}

	.products-content .content-top {
		margin: 0;
		height: 100px;
		display: flex;
		align-items: center
	}

	.products-content .content-top .pro-counts {
		display: none
	}

	.products-content .content-top .pro-filter {
		display: inline-block;
		background: transparent;
		width: auto;
		height: auto;
		padding: 0
	}

	.products-content .content-top .pro-filter span {
		font-size: 4vw;
		color: #2b2b2b;
		font-weight: 700
	}

	.products-content .content-top .pro-filter i {
		display: none
	}

	.products-content .type-box {
		margin: 0 0 6.6666666667vw
	}

	.products-content .type-box h1 {
		display: block;
		height: 10.6666666667vw;
		font-size: 4.8vw;
		line-height: 10.6666666667vw
	}

	.products-content .type-box p {
		line-height: 1.6em
	}

	.products-content .pro-list {
		margin-top: 0;
		padding: 0
	}

	.products-content .pro-list .list-1 {
		width: 48%;
		min-width: 48%;
		max-width: 48%;
		margin-right: 2.1333333333vw;
		margin-bottom: 5.3333333333vw
	}

	.products-content .pro-list .list-1:nth-of-type(2n) {
		margin-right: 0
	}

	.products-content .pro-list .list-1 .pro-img {
		height: 32.8vw;
		min-height: 32.8vw
	}

	.products-content .pro-list .list-1 .pro-name {
		padding: 0 2.6666666667vw;
		min-height: 8vw;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.products-content .pro-list .list-1 .pro-name a {
		font-size: 3.2vw;
		line-height: 4vw
	}

	.products-content .pro-list .list-1 article {
		display: none
	}

	.products-content .pro-list .list-1 span {
		margin: 2.6666666667vw
	}

	.products-content .pro-list .list-2.pro-checked {
		border-color: #9C9D51
	}

	.products-content .pro-list .list-2 {
		border: 2px solid #eee;
		height: auto;
		width: 47%;
		min-width: 47%;
		max-width: 47%;
		margin-right: 1.3333333333vw;
		margin-bottom: 5.3333333333vw;
		flex-direction: column
	}

	.products-content .pro-list .list-2:nth-of-type(2n) {
		margin-right: 0
	}

	.products-content .pro-list .list-2 .pro-img {
		width: auto;
		height: 32.8vw;
		min-height: 32.8vw;
		border: none
	}

	.products-content .pro-list .list-2 .pro-info {
		padding: 0;
		background: #fff
	}

	.products-content .pro-list .list-2 .pro-info .pro-name {
		margin-top: 1.3333333333vw;
		padding: 0 2.6666666667vw
	}

	.products-content .pro-list .list-2 .pro-info .pro-name a {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 3.2vw;
		line-height: 3.2vw
	}

	.products-content .pro-list .list-2 .pro-info article {
		display: none
	}

	.products-content .pro-list .list-2 .pro-info span {
		display: block;
		height: 1px;
		background: #eee;
		margin: 2.6666666667vw
	}

	.products-content .pro-list .list-2 .pro-info .compare-action {
		left: 0;
		margin: 5.3333333333vw 2.6666666667vw;
		height: 8vw;
		font-size: 3.2vw;
		justify-content: flex-start;
		align-items: center;
		width: auto;
		background-color: #9C9D51
	}

	.products-content .pro-list .list-2 .pro-info .compare-action span {
		margin: 0;
		background: transparent;
		height: auto;
		color: #fff
	}

	.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check+label {
		border-color: #fff
	}

	.products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check:checked+label:before {
		color: #fff
	}

	.products-content .seo-key {
		margin: 0 0 25px
	}

	.products-content .seo-key .keywords {
		margin-top: 2.6666666667vw
	}

	.products-content .seo-key .keywords span {
		display: flex;
		flex-wrap: wrap
	}

	.products-content .seo-key .keywords a {
		display: inline-block;
		width: auto;
		padding: 0 2.6666666667vw;
		background: #ccc;
		border-radius: 999px;
		margin-right: 1.3333333333vw;
		color: #2b2b2b;
		margin-bottom: 4vw
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.pro-detail-content .pro-review {
		margin: 50px 100px 0
	}

	.pro-detail-content .pro-review .pro-preview-right {
		padding: 30px 50px 0
	}

	.pro-detail-content .pro-detail-title {
		padding: 0 100px
	}

	.pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags {
		margin: 30px 100px 0
	}

	.pro-detail-content .pro-bottom-tip {
		margin: 0 100px
	}

	.pro-detail-content .pro-page-switch {
		padding: 0 100px
	}

	.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form {
		margin: 0 100px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.pro-detail-content .pro-review {
		margin: 50px 50px 0
	}

	.pro-detail-content .pro-review .pro-preview-right {
		width: 500px;
		padding: 30px 20px 0
	}

	.pro-detail-content .pro-review .pro-preview-right .pro-name {
		font-size: 24px
	}

	.pro-detail-content .pro-review .pro-preview-right .btn-list {
		margin-top: 20px
	}

	.pro-detail-content .pro-detail-title {
		padding: 0 50px
	}

	.pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags {
		margin: 30px 50px 0
	}

	.pro-detail-content .pro-bottom-tip {
		margin: 0 50px
	}

	.pro-detail-content .pro-page-switch {
		padding: 0 50px
	}

	.pro-detail-content .random-pro-list {
		margin: 0 50px
	}

	.pro-detail-content .random-pro-list ul li .pro-name {
		font-size: 14px
	}

	.pro-detail-content .send-inquiry .inquiry-form {
		margin: 0 50px
	}
}

@media(min-width:769px)and (max-width:1080px) {
	.pro-detail-content .pro-review {
		margin: 50px 25px 0
	}

	.pro-detail-content .pro-review .pro-preview-right {
		width: 400px;
		padding: 30px 20px 0
	}

	.pro-detail-content .pro-review .pro-preview-right .btn-list {
		margin-top: 20px
	}

	.pro-detail-content .pro-detail-title {
		padding: 0 25px
	}

	.pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags {
		margin: 30px 25px 0
	}

	.pro-detail-content .pro-bottom-tip {
		margin: 0 25px;
		font-size: 14px
	}

	.pro-detail-content .pro-page-switch {
		padding: 0 25px
	}

	.pro-detail-content .random-pro-list {
		margin: 0 25px
	}

	.pro-detail-content .random-pro-list ul li .pro-name {
		font-size: 12px
	}

	.pro-detail-content .send-inquiry .inquiry-form {
		margin: 0 25px
	}
}

@media screen and (max-width:768px) {
	.pro-detail-content .pro-review {
		margin: 0 6.6666666667vw;
		flex-direction: column
	}

	.pro-detail-content .pro-review .pro-preview-left {
		width: 100%;
		min-width: 100%;
		height: auto
	}

	.pro-detail-content .pro-review .pro-preview-left .preview-container {
		visibility: hidden;
		width: 100%
	}

	.pro-detail-content .pro-review .pro-preview-left .preview-container .small-box {
		display: none
	}

	.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box {
		margin-top: 0
	}

	.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box a {
		display: none
	}

	.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper {
		width: 100%
	}

	.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item {
		height: auto;
		border: none;
		margin: 0
	}

	.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img {
		width: 100%
	}

	.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page {
		display: flex
	}

	.pro-detail-content .pro-review .pro-preview-right {
		margin-bottom: 0;
		padding: 4vw 0
	}

	.pro-detail-content .pro-review .pro-preview-right .pro-name {
		font-size: 4vw
	}

	.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views {
		font-size: 4vw;
		margin: 1.3333333333vw 0
	}

	.pro-detail-content .pro-review .pro-preview-right .share-btn-list {
		margin: 4vw 0
	}

	.pro-detail-content .pro-review .pro-preview-right article {
		font-size: 3.2vw;
		line-height: 4.8vw;
		margin-right: 0
	}

	.pro-detail-content .pro-review .pro-preview-right .btn-list {
		justify-content: space-between;
		margin-top: 4vw
	}

	.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {
		height: 6.6666666667vw;
		width: 40vw;
		margin: 4vw 0
	}

	.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {
		font-size: 4vw
	}

	.pro-detail-content .pro-review .singglepic {
		width: 100%!important;
		height: auto!important;
		margin-top: 4vw;
		margin-bottom: 0!important;
		border: none!important
	}

	.pro-detail-content .pro-review .singglepic img {
		max-width: 100%;
		max-height: 100%
	}

	.pro-detail-content .pro-detail-title {
		line-height: 5.3333333333vw;
		padding: 1.3333333333vw 6.6666666667vw;
		height: auto;
		width: 100%;
		font-size: 4vw
	}

	.pro-detail-content .pro-intro {
		margin: 4vw 6.6666666667vw
	}

	.pro-detail-content .pro-intro .intro-title {
		font-size: 4.2666666667vw;
		line-height: 6.6666666667vw
	}

	.pro-detail-content .pro-intro article {
		line-height: 1.7em;
		padding: 4vw 0
	}

	.pro-detail-content .pro-spec {
		margin: 4vw 6.6666666667vw
	}

	.pro-detail-content .pro-spec .spec-title {
		font-size: 4.2666666667vw;
		line-height: 6.6666666667vw
	}

	.pro-detail-content .pro-spec .spec-content {
		padding: 4vw 0
	}

	.pro-detail-content .pro-spec .spec-content table tr td {
		height: 6.6666666667vw;
		width: 100%
	}

	.pro-detail-content .productsTags {
		margin: 4vw 6.6666666667vw 0;
		color: #2b2b2b
	}

	.pro-detail-content .pro-bottom-tip {
		margin: 0 6.6666666667vw;
		padding: 4vw 0;
		line-height: 1.5em
	}

	.pro-detail-content .pro-page-switch {
		background: transparent;
		height: auto;
		padding: 0 6.6666666667vw;
		margin: 8vw 0;
		flex-wrap: wrap
	}

	.pro-detail-content .pro-page-switch .page-btn,.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {
		line-height: 10.6666666667vw;
		font-size: 4vw
	}

	.pro-detail-content .pro-page-switch .page-prev {
		background: #f8f8f8;
		width: 100%
	}

	.pro-detail-content .pro-page-switch .page-prev i {
		margin-right: 1.3333333333vw
	}

	.pro-detail-content .pro-page-switch .page-next {
		background: #f8f8f8;
		margin-top: 6.6666666667vw;
		width: 100%
	}

	.pro-detail-content .pro-page-switch .page-next i {
		margin-left: 1.3333333333vw
	}

	.pro-detail-content .pro-page-switch .page-btn {
		width: 32vw
	}

	.pro-detail-content .pro-page-switch .page-btn a {
		color: #fff;
		line-height: 6.6666666667vw;
		font-size: 4vw
	}

	.pro-detail-content .pro-page-switch a {
		font-weight: 700;
		font-size: 4vw;
		line-height: 10.6666666667vw;
		margin: 0
	}

	.pro-detail-content .random-pro-list {
		margin: 6.6666666667vw
	}

	.pro-detail-content .random-pro-list .random-title {
		font-size: 4vw;
		margin: 4vw 0
	}

	.pro-detail-content .random-pro-list ul {
		width: 100%;
		margin-top: 4vw;
		flex-wrap: wrap
	}

	.pro-detail-content .random-pro-list ul li {
		max-width: 31%;
		min-width: 31%;
		margin-bottom: 6.6666666667vw
	}

	.pro-detail-content .random-pro-list ul li .pro-img {
		height: 29.0666666667vw
	}

	.pro-detail-content .random-pro-list ul li .pro-name {
		line-height: 4vw;
		margin: 2.6666666667vw 0;
		font-size: 2.6666666667vw
	}

	.pro-detail-content .random-pro-list ul li .more-btn {
		width: 16vw;
		height: 5.3333333333vw;
		padding: .6666666667vw;
		border-radius: 4vw;
		font-size: 2.6666666667vw
	}

	.pro-detail-content .send-inquiry {
		margin-top: 4vw
	}

	.pro-detail-content .send-inquiry .inquiry-title {
		height: 8.5333333333vw;
		margin: 6.6666666667vw 0;
		font-size: 4vw;
		line-height: 8vw
	}

	.pro-detail-content .send-inquiry .inquiry-form {
		margin: 0 6.6666666667vw
	}

	.pro-detail-content .table-responsive {
		touch-action: auto;
		width: 100%;
		margin: .2rem 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.news-detail-content {
		padding: 0 100px
	}

	.news-detail-content .news-title {
		font-size: 24px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.news-detail-content {
		padding: 0 50px
	}

	.news-detail-content .news-title {
		font-size: 20px
	}
}

@media(min-width:769px)and (max-width:1081px) {
	.news-detail-content {
		padding: 0 25px
	}

	.news-detail-content .news-title {
		font-size: 18px
	}
}

@media screen and (max-width:768px) {
	.news-detail-content {
		margin: 13.3333333333vw 0;
		padding: 0 6.6666666667vw
	}

	.news-detail-content .news-title {
		padding: 0;
		font-size: 4vw;
		line-height: 5.3333333333vw
	}

	.news-detail-content .news-date {
		margin: 4vw 0;
		line-height: 6.4vw
	}

	.news-detail-content article p {
		margin-top: 4vw;
		line-height: 4.5333333333vw
	}

	.news-detail-content article p:first-of-type {
		margin-top: 0
	}

	.news-detail-content span.line {
		margin: 6.6666666667vw 0
	}

	.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span {
		line-height: 5.3333333333vw;
		font-size: 4vw
	}

	.news-detail-content .pages-list div {
		margin-top: 2.6666666667vw
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.knowledges-detail-content {
		padding: 0 100px
	}

	.knowledges-detail-content .knowledges-title {
		font-size: 24px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.knowledges-detail-content {
		padding: 0 50px
	}

	.knowledges-detail-content .knowledges-title {
		font-size: 20px
	}
}

@media(min-width:769px)and (max-width:1081px) {
	.knowledges-detail-content {
		padding: 0 25px
	}

	.knowledges-detail-content .knowledges-title {
		font-size: 18px
	}
}

@media screen and (max-width:768px) {
	.knowledges-detail-content {
		margin: 13.3333333333vw 0;
		padding: 0 6.6666666667vw
	}

	.knowledges-detail-content .knowledges-title {
		padding: 0;
		font-size: 4vw;
		line-height: 5.3333333333vw
	}

	.knowledges-detail-content .knowledges-date {
		margin: 4vw 0;
		line-height: 6.4vw
	}

	.knowledges-detail-content article p {
		margin-top: 4vw;
		line-height: 4.5333333333vw
	}

	.knowledges-detail-content article p:first-of-type {
		margin-top: 0
	}

	.knowledges-detail-content span.line {
		margin: 6.6666666667vw 0
	}

	.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span {
		line-height: 5.3333333333vw
	}

	.knowledges-detail-content .pages-list div {
		margin-top: 2.6666666667vw
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.common-container .video-content {
		margin: 0 100px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.common-container .video-content {
		margin: 0 50px
	}
}

@media(min-width:769px)and (max-width:1081px) {
	.common-container .video-content {
		margin: 0 25px
	}
}

@media screen and (max-width:768px) {
	.common-container .video-content {
		margin: 0 6.6666666667vw
	}

	.common-container .video-content .video-list {
		margin: 6.6666666667vw 0
	}

	.common-container .video-content .video-list li {
		height: 32vw;
		padding: 0 5.3333333333vw;
		margin-bottom: 6.6666666667vw
	}

	.common-container .video-content .video-list li .video-img {
		display: none
	}

	.common-container .video-content .video-list li .video-info .video-date {
		font-size: 4vw;
		line-height: 4.5333333333vw;
		transform: scale(.8);
		position: relative;
		left: -7.3333333333vw
	}

	.common-container .video-content .video-list li .video-info .video-title {
		margin: 1.3333333333vw 0
	}

	.common-container .video-content .video-list li .video-info .video-title a {
		font-size: 4.5333333333vw;
		line-height: 4.8vw
	}

	.common-container .video-content .video-list li .video-info .video-text {
		margin: 0 0 1.3333333333vw
	}

	.common-container .video-content .video-list li .video-info .video-text a {
		font-size: 4vw;
		line-height: 4.5333333333vw
	}

	.common-container .video-content .video-list li .video-info .more-btn {
		font-size: 4vw;
		position: relative
	}

	.common-container .video-content .video-list li .video-info .more-btn i {
		position: absolute;
		top: 1.2px;
		left: 21.3333333333vw;
		transform: scale(1.2)
	}

	.common-container .video-content .video-list-2 {
		margin: 6.6666666667vw 0;
		justify-content: space-between
	}

	.common-container .video-content .video-list-2 li {
		margin-bottom: 6.6666666667vw;
		width: 46%;
		margin-right: 4vw
	}

	.common-container .video-content .video-list-2 li:nth-of-type(3n) {
		margin-right: 4vw
	}

	.common-container .video-content .video-list-2 li:nth-of-type(2n) {
		margin-right: 0
	}

	.common-container .video-content .video-list-2 li .video-info .video-date {
		line-height: 3.2vw;
		font-size: 3.2vw
	}

	.common-container .video-content .video-list-2 li .video-info .video-title {
		margin-top: 1.3333333333vw
	}

	.common-container .video-content .video-list-2 li .video-info .video-title a {
		font-size: 4vw;
		line-height: 4.2666666667vw
	}

	.common-container .video-content .video-list-2 li .video-info .video-text {
		margin: 2.6666666667vw 0
	}

	.common-container .video-content .video-list-2 li .video-info .video-text a {
		font-size: 3.3333333333vw;
		line-height: 4vw;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}
}

@media(min-width:1281px)and (max-width:1520px) {
	.common-container .feedback-content {
		padding: 0 100px 50px
	}
}

@media(min-width:1081px)and (max-width:1280px) {
	.common-container .feedback-content {
		padding: 0 50px 50px
	}
}

@media(min-width:769px)and (max-width:1081px) {
	.common-container .feedback-content {
		padding: 0 25px 50px
	}
}

@media screen and (max-width:768px) {
	.common-container .feedback-content {
		margin: 0;
		padding: 6.6666666667vw 6.6666666667vw 0;
		flex-direction: column
	}

	.common-container .feedback-content .feedback-main {
		margin-top: 0;
		margin-left: 0;
		flex: 1
	}

	.common-container .feedback-content .feedback-main .feedback-tips {
		margin-bottom: 6.6666666667vw
	}

	.common-container .feedback-content .feedback-main .feedback-tips p {
		line-height: 1.6em
	}

	.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form {
		margin-left: 0
	}
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
	16.65% {
		transform: translateX(6px)
	}

	33.3% {
		transform: translateX(-5px)
	}

	49.95% {
		transform: translateX(4px)
	}

	66.6% {
		transform: translateX(-2px)
	}

	83.25% {
		transform: translateX(1px)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes hvr-icon-wobble-horizontal {
	16.65% {
		transform: translateX(6px) scale(1.7)
	}

	33.3% {
		transform: translateX(-5px) scale(1.7)
	}

	49.95% {
		transform: translateX(4px) scale(1.7)
	}

	66.6% {
		transform: translateX(-2px) scale(1.7)
	}

	83.25% {
		transform: translateX(1px) scale(1.7)
	}

	to {
		transform: translateX(0) scale(1.7)
	}
}

.hvr-icon-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	transition-duration: .3s
}

.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-wobble-horizontal;
	animation-name: hvr-icon-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-bounce-to-right,.hvr-bounce-to-right-y {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	transition-property: color;
	transition-duration: .5s
}

.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #9C9D51;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: ease-out
}

.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover,.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {
	color: #fff
}

.hvr-icon-wobble-horizontal .hvr-icon {
	transform: translateZ(0)
}

.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before,.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}

.hvr-shutter-out-vertical {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #fff;
	transition-property: color;
	transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #9C9D51;
	transform: scaleY(0);
	transform-origin: 50%;
	transition-property: transform;
	transition-duration: .3s;
	transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover {
	color: #fff
}

.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before {
	transform: scaleY(1)
}

.swiper-slide {
	display: flex;
	justify-content: center
}

.swiper-lazy-preloader {
	width: 30px!important;
	height: 30px!important;
	border-radius: 50%!important;
	border: 2px solid #000!important;
	border-top-color: transparent!important
}

.preview-container {
	position: relative;
	width: 450px
}

.preview-container .small-box {
	position: relative;
	width: 450px;
	height: 450px;
	border: 1px solid #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box
}

.preview-container .small-box img {
	max-width: 100%;
	max-height: 100%
}

.preview-container .small-box .hover {
	position: absolute;
	width: 180px;
	height: 180px;
	background-color: hsla(0,0%,80%,.6);
	border: 1px solid #eee;
	display: none
}

.preview-container .thumbnail-box {
	margin-top: 40px;
	position: relative;
	width: 100%;
	box-sizing: border-box
}

.preview-container .thumbnail-box .list {
	overflow: hidden;
	width: 390px;
	margin: 0 auto;
	position: relative
}

.preview-container .thumbnail-box .list ul {
	width: 100000px;
	display: flex
}

.preview-container .thumbnail-box .list ul .item {
	width: 58px;
	height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 10px;
	box-sizing: border-box;
	border: 1px solid #ccc
}

.preview-container .thumbnail-box .list ul .item:hover {
	cursor: pointer
}

.preview-container .thumbnail-box .list ul .item img {
	max-width: 100%;
	max-height: 100%
}

.preview-container .thumbnail-box .list ul .item-cur {
	border: 1px solid #9C9D51
}

.preview-container .thumbnail-box .list .banner-page {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 6.6666666667vw;
	width: 13.3333333333vw;
	border-radius: 5.3333333333vw;
	background: rgba(0,0,0,.8);
	bottom: 1.3333333333vw;
	right: 1.3333333333vw;
	z-index: 999
}

.preview-container .thumbnail-box .list .banner-page span {
	color: #fff;
	font-size: 4vw
}

.preview-container .thumbnail-box .btn {
	position: absolute;
	top: 50%;
	width: 22px;
	height: 32px;
	margin-top: -16px
}

.preview-container .thumbnail-box .btn-prev {
	left: 0;
	background: url(../shou/btn_prev.png) no-repeat
}

.preview-container .thumbnail-box .btn-next {
	right: 0;
	background: url(../shou/btn_next.png) no-repeat
}

.preview-container .thumbnail-box .btn_prev_disabled {
	background: url(../shou/btn_prev_disabled.png) no-repeat;
	cursor: not-allowed
}

.preview-container .thumbnail-box .btn_next_disabled {
	background: url(../shou/btn_next_disabled.png) no-repeat;
	cursor: not-allowed
}

.preview-container .big-box {
	display: none;
	overflow: hidden;
	top: 0;
	left: 449px;
	border: 1px solid #eee;
	position: absolute;
	width: 450px;
	height: 450px;
	box-sizing: border-box;
	background: #fff;
	z-index: 20
}

.preview-container .big-box img {
	display: block;
	max-width: none;
	width: 130%
}

.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea {
	padding-right: 40px;
	transition: .3s
}

.send-inquiry .inquiry-form input::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea::-webkit-input-placeholder {
	color: #4c4c4c;
	-webkit-transition: .3s;
	transition: .3s;
	transform-origin: top left
}

.send-inquiry .inquiry-form input::-moz-input-placeholder,.send-inquiry .inquiry-form textarea::-moz-input-placeholder {
	color: #4c4c4c
}

.send-inquiry .inquiry-form input::-ms-input-placeholder,.send-inquiry .inquiry-form textarea::-ms-input-placeholder {
	color: #4c4c4c
}

.send-inquiry .inquiry-form input:focus::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder {
	transform: scale(.8) translate(2px,-14px)
}

.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus {
	border-color: #9C9D51
}

.send-inquiry .inquiry-form input {
	position: relative;
	width: 49%;
	height: 50px;
	margin-bottom: 30px
}

.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea {
	box-sizing: border-box;
	padding-left: 20px;
	border: 1px solid #d5d5d5;
	outline: none
}

.send-inquiry .inquiry-form textarea {
	padding-top: 20px;
	width: 100%;
	height: 250px;
	resize: none
}

.send-inquiry .inquiry-form .input-error {
	border: 1px solid #f77
}

.send-inquiry .inquiry-form #in-company {
	background: url(../shou/company.png) no-repeat;
	background-size: 26px 26px;
	background-position: right 10px top 12px
}

.send-inquiry .inquiry-form #in-name {
	background: url(../shou/user.png) no-repeat;
	background-size: 26px 26px;
	background-position: right 10px top 12px
}

.send-inquiry .inquiry-form #in-title {
	width: 100%;
	background: url(../shou/title.png) no-repeat;
	background-size: 26px 26px;
	background-position: right 10px top 12px
}

.send-inquiry .inquiry-form #in-phone {
	background: url(../shou/phone.png) no-repeat;
	background-size: 24px 24px;
	background-position: right 10px top 12px
}

.send-inquiry .inquiry-form #in-email {
	background: url(../shou/email.png) no-repeat;
	background-size: 24px 24px;
	background-position: right 10px top 12px
}

.send-inquiry .inquiry-form #in-content {
	background: url(../shou/pencil.png) no-repeat;
	background-size: 20px 20px;
	background-position: right 10px top 15px
}

.send-inquiry .send-btn {
	width: 216px;
	height: 47px;
	border: 1px solid #4c4c4c;
	display: flex;
	align-items: center;
	margin: 50px auto;
	box-sizing: border-box
}

.send-inquiry .send-btn .span:first-child {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	font-weight: 700;
	color: #4c4c4c;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.send-inquiry .send-btn .span:nth-child(2) {
	height: 100%;
	width: 47px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #4c4c4c
}

.send-inquiry .send-btn .span:nth-child(2) em,.send-inquiry .send-btn .span:nth-child(2) i {
	color: #707070;
	transform: scale(1.7)
}

.send-inquiry .send-btn:hover {
	cursor: pointer;
	border: 1px solid #9C9D51
}

.send-inquiry .send-btn:hover .span:first-child {
	color: #fff
}

.send-inquiry .send-btn:hover .span:nth-child(2) {
	border: none
}

.send-inquiry .send-btn:hover .span:nth-child(2) em,.send-inquiry .send-btn:hover .span:nth-child(2) i {
	color: #fff
}

@media screen and (max-width:768px) {
	.send-inquiry .inquiry-form input {
		padding-left: 2.6666666667vw;
		width: 100%;
		height: 12vw;
		margin-bottom: 4vw
	}

	.send-inquiry .inquiry-form textarea {
		padding-top: 3.3333333333vw;
		padding-left: 2.6666666667vw;
		width: 100%;
		height: 33.3333333333vw
	}

	.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title {
		background-size: 5.3333333333vw 5.3333333333vw;
		background-position: right 2.6666666667vw top 3.2vw
	}

	.send-inquiry .inquiry-form #in-email,.send-inquiry .inquiry-form #in-phone {
		background-size: 4.6666666667vw 4.6666666667vw;
		background-position: right 2.6666666667vw top 3.2vw
	}

	.send-inquiry .inquiry-form #in-content {
		background-size: 4vw 4vw;
		background-position: right 2.6666666667vw top 3.2vw
	}

	.send-inquiry .send-btn {
		width: 42.6666666667vw;
		height: 10.6666666667vw;
		margin: 6.6666666667vw auto 0
	}

	.send-inquiry .send-btn .span:first-child {
		font-size: 4vw
	}

	.send-inquiry .send-btn .span:nth-child(2) {
		width: 6.6666666667vw
	}
}

.compare-action {
	position: relative;
	height: 37px;
	margin: 30px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #9C9D51;
	cursor: pointer
}

.compare-action span {
	display: inline-block;
	color: #fff;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.compare-action .compare-action-check+label {
	width: 16px;
	height: 16px;
	content: " ";
	border: 1px solid #1867d4;
	border-radius: 1px;
	margin-right: 10px;
	cursor: pointer
}

.compare-action .compare-action-check:checked+label:before {
	font-size: 16px;
	line-height: 16px;
	content: "✓";
	text-align: center;
	color: #fff;
	position: relative;
	left: 2px;
	top: -1px
}

.compare-action input[type=checkbox] {
	visibility: hidden
}

.compare-panel {
	height: 100px;
	background: #f1f1f1;
	position: fixed;
	z-index: 999999;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
	box-sizing: border-box;
	border: 1px solid #ccc;
	font-size: 14px
}

.compare-panel .button-area {
	float: right;
	height: 100%;
	color: #fff;
	display: flex;
	align-items: center
}

.compare-panel .button-area .contact-button {
	margin: 16px 20px;
	background: #9C9D51;
	color: #fff;
	line-height: 28px;
	padding: 0 12px;
	border-color: transparent;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer
}

.clear-all,.close {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #666;
	opacity: .5
}

.clear-all .ic-close,.close .ic-close {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 12px;
	top: 45px
}

.clear-all .ic-close:after,.clear-all .ic-close:before,.close .ic-close:after,.close .ic-close:before {
	position: absolute;
	left: 15px;
	content: "";
	height: 16px;
	width: 2px;
	background-color: #fff
}

.clear-all .ic-close:before,.close .ic-close:before {
	transform: rotate(45deg)
}

.clear-all .ic-close:after,.close .ic-close:after {
	transform: rotate(-45deg)
}

.button-area .clear-all {
	margin-right: 20px;
	cursor: pointer
}

.button-area .clear-all:hover {
	opacity: 1;
	color: #9C9D51
}

.button-area .close {
	position: relative;
	width: 60px;
	height: 100%;
	background: #555;
	cursor: pointer;
	display: inline-grid;
	align-items: Center;
	font-size: 16px;
	text-align: center
}

.button-area .close i {
	color: #fff
}

.list-wrapper {
	height: 100%;
	margin-right: 380px;
	position: relative;
	display: flex;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden
}

.list-wrapper::-webkit-scrollbar {
	height: 8px
}

.list-wrapper::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: rgba(0,0,0,.1)
}

.list-wrapper::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: rgba(0,0,0,.3)
}

.list-wrapper .next,.list-wrapper .pre {
	display: block;
	position: absolute;
	top: 0;
	cursor: pointer;
	height: 60px;
	color: #999;
	font-size: 32px;
	line-height: 60px;
	width: 32px
}

.list-wrapper .next {
	right: 0;
	text-align: right;
	color: #fff
}

.list-wrapper .item-clear {
	position: relative;
	float: right;
	box-sizing: border-box;
	width: 20px;
	height: 100%;
	border-left: 1px solid #ebecf0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center
}

.list-wrapper .item-clear .ic-close {
	position: absolute;
	width: 32px;
	height: 32px;
	left: -6px;
	top: 25px
}

.list-wrapper .item-clear .ic-close:after,.list-wrapper .item-clear .ic-close:before {
	position: absolute;
	left: 15px;
	content: "";
	height: 10px;
	width: 2px;
	background-color: #333
}

.list-wrapper .item-clear .ic-close:before {
	transform: rotate(45deg)
}

.list-wrapper .item-clear .ic-close:after {
	transform: rotate(-45deg)
}

.list-wrapper .item-clear .fa {
	color: #c4c6cf
}

.list-wrapper .item-content {
	padding: 7px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center
}

.list-wrapper .item-img {
	float: left;
	width: 80px;
	height: 45px;
	display: flex;
	align-items: center
}

.list-wrapper .item-img img {
	max-width: 100%;
	max-height: 100%
}

.list-wrapper .item-title {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	margin-left: 10px
}

.cart-list {
	padding: 0 32px
}

#productChache_listPC {
	position: relative;
	height: 90px;
	overflow: hidden;
	display: flex;
	align-items: center
}

.selected-all {
	margin-left: 0;
	display: flex
}

.selected-item {
	padding: 10px 6px
}

.selected-item .item-box {
	width: 220px;
	height: 60px;
	background: #fff
}

@media(max-width:768px) {
	.compare-action {
		position: relative;
		margin: 5.3333333333vw 2.6666666667vw;
		height: 8vw;
		font-size: 3.2vw;
		justify-content: flex-start
	}

	.compare-action .compare-action-check+label {
		margin-left: 0;
		margin-right: 5px
	}

	.products-content .pro-list .compare-action span {
		margin: 0
	}

	.compare-panel {
		height: 17vw;
		bottom: 16vw
	}

	.compare-panel .button-area {
		padding: 0 3vw;
		display: flex;
		justify-content: space-between;
		float: none
	}

	.compare-panel .button-area .close {
		display: none
	}

	.compare-panel .list-wrapper {
		padding-left: 0;
		position: absolute;
		top: -15.6vw;
		margin-right: 0;
		width: 100%
	}

	.compare-panel .list-wrapper .cart-list {
		padding: 0;
		width: 100%
	}

	.compare-panel .list-wrapper .cart-list #productChache_listPC .selected-all {
		width: 100%
	}

	.compare-panel .list-wrapper .selected-item {
		padding: 0;
		width: 20%;
		position: relative
	}

	.compare-panel .list-wrapper .selected-item .item-box {
		width: auto;
		height: 14vw
	}

	.compare-panel .list-wrapper .selected-item .item-clear {
		height: 30px;
		width: 30px;
		background: #eee;
		border: none;
		position: absolute;
		border-radius: 50%;
		opacity: .7;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%)
	}

	.compare-panel .list-wrapper .selected-item .item-clear .ic-close {
		top: 10px;
		left: 0
	}

	.compare-panel .list-wrapper .selected-item .item-content {
		padding: 2px 3px;
		box-sizing: border-box;
		border: 1px solid #eee
	}

	.compare-panel .list-wrapper .selected-item .item-content .item-title {
		display: none
	}

	.compare-panel .list-wrapper .selected-item .item-content .item-img {
		width: auto;
		height: 13vw
	}
}

.inquiry-pro-list {
	margin: 50px 0;
	display: none;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding: 0 100px
}

.inquiry-pro-list a {
	text-decoration: none;
	color: #000
}

.inquiry-pro-list .inquiry-pro-item {
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #ddd;
	display: flex;
	padding: 40px 10px;
	margin-top: 0;
	box-sizing: content-box
}

.inquiry-pro-list .inquiry-pro-item .pro-item-img {
	height: 100%;
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

.inquiry-pro-list .inquiry-pro-item .pro-item-img a {
	width: 100%;
	height: 100%
}

.inquiry-pro-list .inquiry-pro-item .pro-item-img img {
	height: 100%
}

.inquiry-pro-list .inquiry-pro-item .pro-item-name {
	padding-top: 30px;
	margin-left: 50px;
	font-size: 14px
}

.inquiry-pro-list .inquiry-pro-item .pro-item-name a {
	font-size: 16px
}

.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover {
	color: #9C9D51
}

.inquiry-pro-list .inquiry-pro-item .pro-item-name p {
	padding: 0;
	margin: 0
}

.inquiry-pro-list .inquiry-pro-item .pro-item-del {
	position: relative;
	padding-top: 20px;
	height: 100%;
	width: 200px;
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center
}

.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
	position: absolute;
	width: 32px;
	height: 32px;
	left: -6px;
	top: 43px
}

.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
	position: absolute;
	left: 15px;
	content: "";
	height: 20px;
	width: 2px;
	background-color: #333
}

.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
	transform: rotate(45deg)
}

.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after {
	transform: rotate(-45deg)
}

.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover {
	cursor: pointer
}

.inquiry-pro-list .inquiry-pro-item:last-child {
	border: none
}

@media(max-width:768px) {
	.inquiry-pro-list {
		padding: 1vw 5vw
	}

	.inquiry-pro-list .inquiry-pro-item {
		box-sizing: border-box;
		padding: 3vw;
		margin: 0;
		height: 20vw
	}

	.inquiry-pro-list .inquiry-pro-item .pro-item-del {
		padding-top: 0;
		width: 10vw
	}

	.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
		right: 0;
		top: 4vw
	}

	.inquiry-pro-list .inquiry-pro-item .pro-item-name {
		font-size: 3vw;
		margin: 0;
		padding: 2vw 0 0;
		max-width: 48vw
	}

	.inquiry-pro-list .inquiry-pro-item .pro-item-name p a {
		font-size: 3.2vw;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical
	}

	.inquiry-pro-list .inquiry-pro-item .pro-item-img {
		min-width: 24vw;
		margin-right: 3vw;
		width: auto
	}
}

.table td, .table th {
	border: 1px solid #cdcdcd;
	padding: 5px;
}

.table {
	border-collapse: collapse;
}

.products-content .seo-key a {
	color: #2b2b2b;
}

.pro-detail-content .pro-intro article a {
	color: #2b2b2b;
}

.pro-detail-content .productsTags {
	line-height: 1.6;
	color: #2b2b2b;
}

.pro-detail-content .productsTags a {
	color: #2b2b2b;
}

footer .footer-container .bottom-info {
	height: auto;
	margin-bottom: 25px;
}

#tags {
	display: flex;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

#tags li a {
	font-size: 18px;
	font-weight: bold;
	line-height: 46px;
	padding: 0 28px;
	border: 1px solid #ccc;
	margin: 10px 20px -1px 0;
	display: block;
	box-sizing: border-box;
}

#tags li.selectTag a,#tags li a:hover {
	color: #9C9D51;
}

@media screen and (max-width:992px) {
	#tags li a {
		font-size: 17px;
		padding: 0 20px;
		line-height: 40px;
		margin-right: 10px;
	}
}

@media screen and (max-width:768px) {
	#tags li a {
		font-size: 14px;
		padding: 0 10px;
		line-height: 30px;
		margin-right: 6px;
	}
}

@media screen and (max-width:500px) {
	#tags li a {
		width: 100%;
		text-align: center;
		font-size: 14px;
		padding: 0 10px;
		line-height: 30px;
		margin-right: 0;
	}

	#tags li {
		width: 49%;
	}

	#tags {
		justify-content: space-between;
		border: none
	}
}

#tagContent .tagContent {
	display: none;
}

#tagContent .tagContent.selectTag {
	display: block;
}

.protypebody {
	margin: 0 260px 50px;
	line-height: 1.6;
	color: #444;
	box-shadow: 0px 0px 5px #ddd;
	padding: 15px;
}

@media (max-width:1520px) and (min-width:1281px) {
	.protypebody {
		margin: 0 100px 50px;
	}
}

@media (max-width:1280px) and (min-width:1081px) {
	.protypebody {
		margin: 0 50px 50px;
	}
}

@media (max-width:1080px) and (min-width:769px) {
	.protypebody {
		margin: 0 25px 50px;
	}
}

@media screen and (max-width:768px) {
	.protypebody {
		margin: 0 0 6.6666666667vw;
		font-size: 3.4vw;
	}
}

@media screen and (max-width:768px) {
	.products-content .pro-list .list-2 .pro-img a {
		display: block;
		height: 100%;
		width: 100%;
	}

	.products-content .pro-list .list-2 .pro-img a img {
		height: 100%;
		object-fit: contain;
	}

	header nav >ul {
		height: calc(100% - 13.3333333333vw);
		position: fixed;
		display: block;
		overflow-y: auto;
	}
}

.filter-box .pro-type-list>ul .LiLevel2 {
	width: 25%;
	background: transparent
}

.filter-box .pro-type-list>ul .LiLevel2 a {
	width: 70%;
	height: 35px;
	background: #fff;
	display: inline-block;
	line-height: 35px;
	text-align: center
}

.filter-box .pro-type-list>ul .LiLevel1 .LiLevel2 {
	width: 70%
}

@media screen and (max-width:768px) {
	main.common-container .inner-banner .sm {
		display: none
	}

	main.common-container .inner-banner .pc {
		display: block
	}
}

@media screen and (max-width: 768px) {
	main.detail-container .inner-banner .pc {
		display: none
	}
}

.news-detail-content .pro-detail-content .random-pro-list,.knowledges-detail-content .pro-detail-content .random-pro-list {
	margin: 0;
}

.inquiry-title {
	height: 64px;
	width: 100%;
	background: #f8f8f8;
	margin: 40px 0;
	font-size: 30px;
	font-weight: 700;
	color: #2b2b2b;
	text-align: center;
	line-height: 64px
}

.inquiry-form {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

#feedbackForm .send-inquiry .inquiry-form #in-emailcomfirm {
	background: url(../shou/email.png) no-repeat;
	background-size: 24px 24px;
	background-position: right 10px top 12px
}

@media screen and (max-width:768px) {
	.common-container .news-content .news-list .list-1 .news-info .news-text {
		display: -webkit-box;
		display: -moz-box;
		max-height: 36px;
		font-size: 14px;
		line-height: 18px;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin: 2vw 0
	}

	.common-container .news-content .news-list .list-1 {
		padding: 4vw 5.3333333333vw
	}
}

/* ie */
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img::after {
	padding-top: 0;
	height: auto
}

.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img {
	position: relative;
	height: auto;
	width: auto
}

.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
	display: block;
	position: relative
}

.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	width: auto;
	transform: translate(-50%,-50%)
}

.ie .home-container .about-info .about-content {
	justify-content: space-around
}

.ie .home-container .hot-product ul li .pro-img:after {
	padding-top: 0
}

.ie .home-container .lastest-news ul li .news-content {
	justify-content: space-around
}

.ie .home-container .hot-product ul li .pro-name {
	width: 100%;
	height: 70px
}

.ie .home-container .hot-product ul li a,.ie .home-container .hot-product ul li object {
	height: auto
}

.ie .products-content .pro-list .list-1 .pro-img img {
	position: relative;
	width: 100%
}

.ie .products-content .pro-list .list-2 .pro-img a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.ie .products-content .pro-list .list-2 .pro-img a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.ie .compare-action .compare-action-check+label {
	display: block
}

.ie .products-content .pro-list .list-1 .pro-name {
	box-sizing: border-box
}

.ie .products-content .pro-list .list-1 .pro-name a {
	width: 100%;
	display: block
}

.ie .feedbackForm tbody {
	width: 850px
}

.ie .feedbackForm table input {
	width: 300px
}

.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) input,.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) textarea {
	width: 740px
}

.ie .feedbackForm table tr td:first-of-type,.ie .filter-box .pro-type-list>ul .LiLevel1>a,.ie .filter-box .pro-type-list>ul .pro-menu>li a,.ie .filter-box .pro-type-list>ul .sub-menu>li a {
	display: block
}

.ie .products-content .pro-list .list-1 article a {
	height: 36px;
	display: block
}

.ie .common-container .news-content .news-list .list-2 .news-info .news-text a,.ie .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
	height: 45px;
	display: block
}

.ie .preview-container .thumbnail-box .list ul .item img {
	width: 80%
}

.ie .home-container .hot-product ul li {
	margin-bottom: 150px
}

.ie footer .footer-container .bottom-info .intro .contact-list li img {
	width: 20px
}

.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
	left: 20%
}

.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
	word-break: break-all;
	width: 40%
}

.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
	width: 40%
}

.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
	border: none
}

.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
	border: 1px solid #eaeaea
}

.ie10 .home-container .hot-product ul li {
	margin-bottom: 150px
}

/* pad */
@media (min-width:769px) and (max-width:1081px) {
	.home-container .about-info .about-img img {
		height: 100%;
		object-fit: cover
	}

	.contact-logo,.home-container .lastest-news ul li .news-content article,footer .footer-top .contact-left .contact-content:before {
		display: none
	}

	footer .footer-top .contact-left .contact-content {
		width: 90%;
		padding-top: 0;
		margin-left: 0
	}

	footer .footer-container>ul {
		flex-wrap: wrap;
		height: auto;
		padding: 20px 0
	}

	footer .footer-container>ul>li {
		width: 50%;
		height: 140px
	}

	footer .footer-container .bottom-info .intro {
		display: none
	}

	footer .footer-container>ul>li {
		height: auto!important
	}

	footer .footer-container .bottom-info {
		margin-top: 0
	}

	.abouts-content article .content {
		width: 100%
	}

	.products-content .pro-list .list-1 {
		min-width: 47%;
		max-width: 47%
	}

	.common-container .contact-wrapper .contact-main,.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
		margin-left: 0
	}

	.common-container .contact-wrapper .contact-main {
		margin-top: 20px
	}

	.common-container .contact-wrapper .contact-left {
		width: 100%
	}

	.common-container .contact-wrapper {
		flex-wrap: wrap
	}

	.common-container .news-content .news-list .list-2 {
		width: calc(48% - 12.5px)
	}

	.common-container .news-content .news-list .list-2:nth-of-type(2) {
		margin-right: 0
	}

	.pro-detail-content .pro-review {
		flex-wrap: wrap
	}

	.pro-detail-content .pro-intro article {
		padding: 30px 0 30px 0
	}

	.pro-detail-content .pro-review .pro-preview-left {
		margin: 0 auto
	}
}

@media screen and (max-width:768px) {
	.pro-detail-content {
		margin-top: 50px
	}
}

@media (max-width:768px) {
	.compare-panel .list-wrapper .selected-item {
		width: 20vw!important
	}

	.compare-panel #productChache_listPC {
		background: #fff
	}

	.compare-panel .list-wrapper .cart-list {
		width: auto!important
	}

	.compare-panel .list-wrapper::-webkit-scrollbar {
		height: 3px
	}
}

.small-box .icon-video {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 33;
	background: url(../shou/icon-video.png) no-repeat;
	background-size: 40px 40px;
	background-position: center
}

.icon-pre {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 33;
	background: url(../shou/preview.png) no-repeat;
	background-size: 30px 30px;
	background-position: center
}

iframe {
	max-width: 100%;
}

@media screen and (max-width:768px) {
	.pro-detail-content .pro-intro img,.abouts-content img,.knowledges-detail-content article img,.news-detail-content article img {
		height: auto!important;
	}
}

@media screen and (max-width:500px) {
	.pro-detail-content .pro-intro iframe {
		max-height: 280px
	}
}

.download-list {
	margin: 0 260px;
	display: flex
}

.download-list li {
	width: calc(25% - 22.5px);
	margin-right: 30px;
	margin-bottom: 30px
}

.download-img img {
	max-width: 100%
}

.download-list .download-name {
	font-size: 24px;
	text-align: center
}

.download-list .download-btn {
	display: block;
	margin: 0 auto;
	width: 40%;
	margin-top: 10px;
	background: #eee;
	text-align: center;
	border-radius: 999px;
	line-height: 30px
}

.download-list li:nth-of-type(4n) {
	margin-right: 0
}

@media screen and (min-width: 2000px) {
	.download-list {
		margin: 0 450px
	}
}

.download-list {
	flex-wrap: wrap;
}

.download-img:after {
	display: block;
	content: "";
	padding-top: 100%
}

.download-img {
	position: relative
}

.download-img img {
	position: absolute;
	width: 100%;
	height: 100%
}

.download-list .download-name {
	margin-top: 30px
}

@media (min-width: 1281px) and (max-width: 1520px) {
	.download-list {
		margin: 0 100px
	}
}

.download-list {
	margin-top: 50px;
}

.project-list {
	margin-top: 50px;
	flex-wrap: wrap;
	margin: 0 260px;
	display: flex
}

@media screen and (min-width: 2000px) {
	.project-list {
		margin: 0 450px
	}
}

@media (min-width: 1281px) and (max-width: 1520px) {
	.project-list {
		margin: 0 100px
	}
}

@media (min-width:960px) and (max-width: 1280px) {
	.project-list {
		margin: 0 100px
	}
}

.project-list li {
	width: calc(25% - 22.5px);
	margin-right: 30px;
	margin-bottom: 30px
}

.doc-container .products-content {
	margin: 50px 260px
}

@media screen and (min-width: 2000px) {
	.doc-container .products-content {
		margin: 50px 450px
	}
}

@media (min-width: 1281px) and (max-width: 1520px) {
	.doc-container .products-content {
		margin: 50px 100px
	}
}

@media (min-width: 1281px) and (max-width: 1520px) {
	.doc-container .products-content {
		padding: 50px 100px;
		margin: 0
	}
}

.doc-container .products-content {
	padding: 50px 260px;
	margin: 0
}

@media screen and (min-width: 2000px) {
	.doc-container .products-content {
		padding: 50px 460px;
		margin: 0
	}
}

@media (min-width: 1281px) and (max-width: 1520px) {
	.doc-container .products-content {
		padding: 50px 100px !important;
		margin: 0 !important
	}
}