html {
	font-size: 14px;
	overflow-x: hidden
}
header {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}
header .top-box {
	width: 86.33333%;
	max-width: 1600px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100px;
	z-index: 4;
	position: absolute;
	top: -45vw
}
header .top-box .info {
	padding: 5px 0 5px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
}
header .top-box .info .left {
	margin-top: 8px;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	color: #fff;
}
header .top-box .info .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 5px;
	font-size: 12px;
}
header .top-box .info .right a {
	padding: 0px 3px;
	font-size: 12px;
	color: #fff;
}
header .top-box .nav-box {
	width: 83.3%;
	max-width: 1600px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #191919;
	height: 62px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
	z-index: 1;
	position: fixed;
	-webkit-transition: top .5s;
	transition: top .5s
}
header .top-box .nav-box .mob-nav {
	display: none
}
header .top-box .nav-box .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 10px;
	height: 100%;
	font-size: 26px;
	font-weight: bold;
}
header .top-box .nav-box .left a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #FFF;
	height: 100%
}
header .top-box .nav-box .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (min-width: 1025px) {
header .top-box .nav-box .right ul.nav1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	margin-right: 10px
}
header .top-box .nav-box .right ul.nav1 > li {
	height: 100%;
	position: relative;
	margin: 0 15px
}
header .top-box .nav-box .right ul.nav1 > li ul li {
	padding: 10px 10px 10px 0
}
header .top-box .nav-box .right ul.nav1 > li ul li:hover {
	color: #FFF;
	background: #cc1616
}
header .top-box .nav-box .right ul.nav1 > li.has-children {
	padding-right: 5px;
	position: relative
}
header .top-box .nav-box .right ul.nav1 > li.has-children > i {
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
	cursor: pointer
}
header .top-box .nav-box .right ul.nav1 > li:hover > .submenu {
	opacity: 1;
	visibility: visible
}
header .top-box .nav-box .right ul.nav1 > li .submenu {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	background: #191919
}
header .top-box .nav-box .right ul.nav1 > li .nav2 {
	width: 498px;
	position: absolute;
	z-index: 2;
	color: #FFF;
	top: 62px;
	background-color: #191919;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1px;
	height: 426px
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left {
	width: 198px;
	overflow-y: auto
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul > li {
	width: 100%;
	position: relative
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul > li i {
	position: absolute;
	right: 20px;
	top: 18px;
	width: 20px;
	height: 20px
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul > li i:hover {
	cursor: pointer
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul > li a {
	padding: 13px 13px
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul > li a:hover {
	cursor: pointer;
	background-color: #cc1616
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul > li ul.nav3 {
	display: none
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul > li ul.nav3 > li a {
	color: #dcdcdc
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-right {
	width: 300px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-right p {
	width: 100%;
	color: #999
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-right p:nth-of-type(2) {
	-ms-flex-item-align: end;
	align-self: flex-end
}
header .top-box .nav-box .right ul.nav1 > li i {
	font-size: 12px;
	margin-left: 10px
}
header .top-box .nav-box .right ul.nav1 > li:hover {
	background-color: #cc1616
}
header .top-box .nav-box .right ul.nav1 > li .inmenu_1 {
	background-color: #cc1616
}
header .top-box .nav-box .right ul.nav1 > li a {
	height: 100%;
	color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 10px;
	white-space: nowrap
}
}
header .top-box .nav-box .right .search-close {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
header .top-box .nav-box .right .search-box, header .top-box .nav-box .right .search-close {
	width: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	align-self: center;
	position: relative;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%
}
header .top-box .nav-box .right .search-box .search-input, header .top-box .nav-box .right .search-close .search-input {
	position: absolute;
	-webkit-transform: translate(-110px, 20px);
	transform: translate(-110px, 20px);
	display: none;
	background: #191919;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	width: 200px
}
header .top-box .nav-box .right .search-box .search, header .top-box .nav-box .right .search-close .search {
	display: inline-block;
	cursor: pointer;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	font-size: 16px
}
header .top-box .nav-box .right .search-box .search-close, header .top-box .nav-box .right .search-close .search-close {
	display: inline-block;
	cursor: pointer;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	font-size: 16px
}
.index-swiper {
	position: absolute;
	left: 0;
	top: 0
}
.swiper-box {
	width: 100%;
	position: absolute
}
.swiper-box .fonts {
	padding: 0 10vw;
	color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 80px;
	position: absolute;
	bottom: 15%
}
.swiper-box .fonts > * {
	width: 100%
}
.swiper-box .fonts h1 {
	font-size: 80px;
	font-weight: bold;
	color: #FFF
}
.swiper-box .fonts p {
	font-size: 18px;
	font-weight: 400;
	color: #FFF
}
.swiper-box .fonts button {
	border: 1px solid white;
	background: 0;
	color: #FFF;
	padding: 11px 35px;
	cursor: pointer
}
.swiper-box .fonts button:nth-of-type(1) {
	margin-right: 40px
}
.swiper-box .fonts button:hover {
	background: #cc1616;
	border: 1px solid #cc1616;
	color: #FFF
}

@media (max-width: 1500px) {
header .top-box .info {
	padding-left: 40px
}
}
.nav-set-top {
	top: 0;
	z-index: 10;
	-webkit-transition: top .5s;
	transition: top .5s
}
.nav-set-top-40 {
	top: 40px;
	z-index: 10;
	-webkit-transition: top .5s;
	transition: top .5s
}

@media (max-width: 1024px) {
.nav-set-top-40 {
	top: 0;
	z-index: 10;
	-webkit-transition: top .5s;
	transition: top .5s
}
.productsDetails-article .details .right .btn-groups .button a {
	border: none !important
}
}
.prev-left {
	margin-left: 3%
}
.prev-right {
	margin-right: 3%
}

@media (max-width: 1560px) {
header .top-box .nav-box {
	width: 100%
}
.prev-left {
	margin-left: 2%
}
.prev-right {
	margin-right: 2%
}
}

@media (max-width: 1325px) {
ul.sj {
	display: none !important
}
}

@media (max-width: 1024px) {
header .top-box .nav-box .right nav ul.nav1 > li.has-children {
	padding-right: 45px;
	position: relative
}
header .top-box .nav-box .right nav ul.nav1 > li.has-children > i {
	position: absolute;
	-webkit-transform: translateX(21px);
	transform: translateX(21px)
}
}

@media (max-width: 600px) {
header .top-box .nav-box .mob-nav {
	margin: 0 0 !important
}
header .top-box .nav-box .right .search-box .search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.item.item-products.productsDetails {
	font-size: 16px;
	line-height: 1.5
}
}

@media (max-width: 500px) {
header .top-box .nav-box .right .search-box .search-input {
	right: -80px !important;
	width: 125px
}
}

@media (max-width: 380px) {
header .top-box .nav-box .right .search-box .search-input {
	right: -80px !important;
	width: 65px
}
}
.swiper-index {
	width: 100%;
	height: calc(128vw / 2.74285);
	z-index: 1
}
.swiper-index .navigation-style {
	background: rgba(255, 255, 255, 0.2);
	padding: 10px 15px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}
.swiper-index .swiper-pagination-bullet {
	background: white;
	border-radius: 0;
	width: 30px;
	height: 3px
}

@media (max-width: 1500px) {
.top-box {
	width: 100% !important;
	height: 15vh
}
}

@media (max-width: 1024px) {
header .top-box .nav-box .right nav ul.nav1 .submenu.nav0 {
	display: block;
	padding: 20px 0 0 0;
	width: 100%
}
header .top-box .nav-box .right nav ul.nav1 .submenu.nav0 li {
	padding: 8px 0 8px 0;
	text-align: right
}
header .top-box .info {
	padding-left: 30px;
	display: none;
}
header .top-box .nav-box .left {
	padding-left: 30px
}
header .top-box .info .right ul {
	display: none
}
header .top-box .nav-box .right .search-box .search-input {
	height: 30px;
	right: -40px;
	padding: 2px 5px
}
header {
	position: static
}
.set-safari-70 {
	height: 77vh;
	top: 74px
}
.set-safari-50 {
	height: calc(77vh - 50px);
	top: 50px
}
.set-top-70 {
	top: 50px;
	height: 100vh
}
.set-top-50 {
	top: 50px;
	height: 100vh
}
header .top-box .nav-box .right nav {
	position: fixed;
	right: 0;
	display: none;
	width: 100vw;
	z-index: 3;
	background: rgba(0, 0, 0, 0.95)
}
header .top-box .nav-box .right nav a {
	color: #FFF
}
header .top-box .nav-box .right nav ul.nav1 {
	height: 100%;
	overflow-y: auto
}
header .top-box .nav-box .right nav ul.nav1 > li {
	border-top: 1px solid #545656;
	padding: 20px 45px 20px 2.667vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
header .top-box .nav-box .right nav ul.nav1 > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
header .top-box .nav-box .right nav ul.nav1 > li > a i {
	margin-left: 10px
}
header .top-box .nav-box .right nav ul.nav1 .submenu.nav0 {
	display: none
}
header .top-box .nav-box .right nav ul.nav1 .nav2 ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
header .top-box .nav-box .right nav ul.nav1 .nav2 ul li > a {
	text-align: right;
	padding: 20px 2.667vw 20px 2.667vw;
	width: 100%
}
.swiper-button-next, .swiper-button-prev {
	display: none
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-right {
	display: none
}
header .top-box .nav-box .right .search-box .search {
	font-size: 36px
}
header .top-box .nav-box .mob-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 58px;
	font-size: 36px;
	margin: 0 30px
}
header .top-box .nav-box .right ul.nav1 > li .nav2 .nav2-left > ul > li i {
	display: none
}
.swiper-box .fonts {
	bottom: 5%;
	line-height: 60px
}
.swiper-box .fonts h1 {
	font-size: 60px
}
.swiper-box .fonts p {
	font-size: 16px
}
.swiper-box .fonts button {
	padding: 9px 30px
}
header .top-box .nav-box .right nav ul.nav1 > li {
	font-weight: bold
}
}

@media (max-width: 1024px) and (min-width: 680px) {
.set-top-70 {
	top: 62px
}
}

@media (max-width: 750px) {
.swiper-box .fonts h1 {
	font-size: 30px
}
}

@media (max-width: 800px) {
.swiper-box .fonts {
	bottom: 6%;
	line-height: 50px
}
.swiper-box .fonts p {
	font-size: 14px
}
.swiper-box .fonts button {
	padding: 9px 30px
}
}

@media (max-width: 680px) {
header .top-box .info .left {
	display: none !important
}
header .top-box .nav-box .right .search-box .search-input {
	height: 20px;
	right: -40px;
	top: -15px;
	padding: 2px 5px
}
header .top-box {
	height: 4vh
}
header .top-box .nav-box {
	height: 50px
}
header .top-box .nav-box .right .search-box .search, header .top-box .nav-box .mob-nav {
	font-size: 24px
}
.swiper-box .fonts p {
	font-size: 12px;
	line-height: 24px
}
.swiper-box .fonts button {
	padding: 6px 20px
}
.swiper-box .fonts button:nth-of-type(1) {
	margin-right: 20px
}
}
main.index {
	margin-top: 45vw;
	background: #f6f6f7;
	padding: 90px 0 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
main.index section.products {
	width: 86.33333%;
	max-width: 1600px
}
main.index section.products .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 55px
}
main.index section.products .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
main.index section.products .list ul li {
	width: 200px;
	height: 40px;
	background: #191919;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
main.index section.products .list ul li.active {
	background: #cc1616
}
main.index section.products .list ul li:hover {
	background: #cc1616
}
main.index section.products .list ul li a {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #FFF;
	width: 100%;
	font-size: 16px;
	text-align: center
}
main.index section.products .item ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 90px
}
main.index section.products .item ul li {
	width: 25%
}
main.index section.products .item ul li:hover a {
	color: #cc1616
}
main.index section.products .item ul li > div {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 8px
}
main.index section.products .item ul li > div .rule-box {
	height: auto;
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: white;
	-webkit-transition: .3s -webkit-transform ease;
	transition: .3s -webkit-transform ease;
	transition: .3s transform ease;
	transition: .3s transform ease, 0.3s -webkit-transform ease
}
main.index section.products .item ul li > div .rule-box:hover {
	-webkit-box-shadow: 0 5px 10px 0 rgba(4, 0, 0, 0.05);
	box-shadow: 0 5px 10px 0 rgba(4, 0, 0, 0.05);
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}
main.index section.products .item ul li > div a {
	color: black
}
main.index section.products .item ul li > div img {
	-webkit-box-shadow: 0 5px 10px 0 rgba(4, 0, 0, 0.05);
	box-shadow: 0 5px 10px 0 rgba(4, 0, 0, 0.05);
	width: 100%;
	height: auto;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
main.index section.products .item ul li > div p {
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

@media (max-width: 1600px) {
main.index {
	padding: 40px 0
}
main.index section.products .title {
	display: block
}
main.index section.products .title .title-img-box {
	text-align: center;
	margin-bottom: 40px
}
main.index section.products .title .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
}
main.index section.products .item ul li div p span {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media (max-width:1199px) {
main.index section.products {
	width: 100%;
	margin: 0 4vw
}
main.index section.products .item ul li {
	width: 50%
}
main.index section.products .item ul li div p {
	height: 60px
}
}

@media (max-width: 1090px) {
main.index section.products .title .list ul li:nth-of-type(3) {
	display: none
}
}

@media (max-width: 900px) {
main.index section.products .title .list ul li:nth-of-type(4) {
	display: none
}
}

@media (max-width: 500px) {
main.index section.products .title .list ul li:nth-of-type(5) {
	display: none
}
}

@media (max-width: 890px) {
main.index section.products .title .list ul li:nth-of-type(3) {
	display: none
}
}

@media (max-width: 695px) {
main.index section.products .item ul li div p {
	font-size: 12px
}
}

@media (max-width: 490px) {
main.index {
	padding: 20px 0 0 0
}
main.index section.products .title .title-img-box {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
main.index section.products .title .title-img-box img {
	width: 200px
}
main.index section.products .title {
	margin-bottom: 30px;
	padding-top: 20px;
}
}
main.index section.about-us {
	width: 100vw;
	height: calc(100vw / 2.74286);
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}
main.index section.about-us > img {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1
}
main.index section.about-us .block-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 86.33333%;
	max-width: 1600px;
height: calc(100% * .6);
	z-index: 3
}
main.index section.about-us .block-box .pic {
	max-width: 560px;
	width: 35%
}
main.index section.about-us .block-box .pic img {
	width: 100%;
	height: 100%
}
main.index section.about-us .block-box .content {
	width: 65%;
	background: #f6f6f7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
main.index section.about-us .block-box .content .top h2 {
	font-size: 30px;
	font-weight: 600;
	line-height: 60px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
main.index section.about-us .block-box .content .top p {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical
}
main.index section.about-us .block-box .content .button-box button {
	border: 2px solid black;
	background: white;
	color: #333;
	padding: 11px 35px;
	height: 50px;
	font-size: 18px;
	cursor: pointer
}
main.index section.about-us .block-box .content .button-box button:hover {
	background: #cc1616;
	color: #FFF;
	border: 2px solid #cc1616
}

@media (max-width: 1680px) {
main.index section.about-us .block-box .content .button-box button {
	width: 150px;
	height: 37.5px;
	font-size: 16px;
	padding: 5px 25px
}
}

@media (max-width: 1460px) {
main.index section.about-us .block-box .content .top p {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	font-size: 14px
}
}

@media (max-width: 863px) {
main.index section.about-us .block-box .content {
	padding: 2%
}
}

@media (max-width: 785px) {
main.index section.about-us .block-box .content .top p {
	line-height: 3.733vw
}
main.index section.about-us .block-box .content .top h2 {
	line-height: 4.267vw
}
main.index section.about-us .block-box .content .button-box button {
	font-size: 2.4vw
}
main.index section.about-us .block-box {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
main.index section.about-us {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4.667vw 4vw
}
}

@media (max-width: 405px) {
main.index section.about-us .block-box .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
}
main.index section.number {
	background: url("http://www.m406.seo.com.cn/images/m406/img/homePC-bg_02.jpg") no-repeat;
	background-position: center;
	background-size: 100% 100%;
	width: 100%;
	height: 110px;
	margin-bottom: 45px;
	max-width: 1600px
}
main.index section.number ul {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
main.index section.number ul li {
	height: 100%;
	width: 25%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
main.index section.number ul li p {
	width: 100%;
	text-align: center
}
main.index section.number ul li p:nth-of-type(1) {
	font-size: 26px;
	font-weight: 600
}
main.index section.number ul li p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 400
}

@media (max-width: 1200px) {
main.index section.number {
	margin-bottom: 20px
}
}
main.index .news {
	width: 100%;
	padding: 0 4vw;
	max-width: 1600px
}
main.index .news .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 55px
}
main.index .news .list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
main.index .news .list ul li {
	width: 200px;
	height: 40px;
	background: #191919
}
main.index .news .list ul li.active {
	background: #cc1616
}
main.index .news .list ul li:hover {
	background: #cc1616
}
main.index .news .list ul li a {
	color: #FFF;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px
}
main.index .news .item ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
main.index .news .item ul li {
	width: 50%;
	height: 150px;
	margin-bottom:2%
}
main.index .news .item ul li:nth-of-type(odd) .box {
	margin-right: 4%
}
main.index .news .item ul li:nth-of-type(even) .box {
	margin-left: 4%
}
main.index .news .item ul li .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #FFF;
	height: 100%;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}
main.index .news .item ul li .box:hover {
	-webkit-box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}
main.index .news .item ul li .box .left {
	width: 128px;
	border-right: 1px solid #ededed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
main.index .news .item ul li .box .left span:nth-of-type(1) {
	font-size: 30px;
	font-weight: 600;
	color: #191919;
	display: block;
	width: 100%
}
main.index .news .item ul li .box .left span:nth-of-type(2) {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	display: block;
	width: 70%;
	margin: 0 auto;
	margin-top: 1%;
	padding-top: 1%;
	border-top: 2px solid #ededed
}
main.index .news .item ul li .box .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4% 3%
}
main.index .news .item ul li .box .right p:nth-of-type(1) {
	font-size: 20px;
	font-weight: 600;
	color: #cc1616;
	margin-bottom: 10px
}
main.index .news .item ul li .box .right p:nth-of-type(1) a {
	font-size: 20px;
	font-weight: 600;
	color: #191919;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
main.index .news .item ul li .box .right p:nth-of-type(1) a:hover {
	color: #cc1616
}
main.index .news .item ul li .box .right p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media (max-width: 1200px) {
main.index .news .item ul {
	display: block
}
main.index .news .item ul li {
	width: 100%
}
main.index .news .item ul li:nth-of-type(odd) .box {
	margin-right: 0
}
main.index .news .item ul li:nth-of-type(even) .box {
	margin-left: 0
}
}

@media (max-width: 950px) {
main.index section.news .title {
	display: block
}
main.index section.news .title .title-img-box {
	text-align: center;
	margin-bottom: 40px
}
main.index section.news .title .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
}

@media (max-width: 600px) {
main.index .news .item ul li .box .left {
	width: 100px
}
main.index .news .item ul li .box .left span:nth-of-type(2) {
	font-size: 12px
}
}

@media (max-width: 640px) {
main.index section.news .title .list ul li:nth-of-type(2) {
	display: none
}
}

@media (max-width: 490px) {
main.index section.news .title .title-img-box {
	text-align: center;
	margin-bottom: 20px
}
}
footer {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #191919;
	padding: 4% 0
}
footer .footer-info {
	width: 86.33333%;
	max-width: 1600px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 30px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}
footer .footer-info .logo-box .logo {
	margin-bottom: 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 23px;
	font-weight: bold;
	line-height: 24px
}
footer .footer-info .logo-box .logo img {
	margin-right: 20px
}
footer .footer-info p {
	width: 390px;
	-webkit-transition: .3s all ease;
	transition: .3s all ease
}
footer .footer-info p:hover {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
	color: #cc1616
}
footer .footer-info h4 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 20px
}
footer .footer-info a {
	color: #FFF
}
footer .footer-info .nav1 ul > li > a, footer .footer-info .nav2 ul > li > a {
	-webkit-transition: .3s padding-left ease;
	transition: .3s padding-left ease
}
footer .footer-info .nav1 ul > li > a::before, footer .footer-info .nav2 ul > li > a::before {
	content: "-";
	padding-right: 5px
}
footer .footer-info .nav1 ul > li > a:hover, footer .footer-info .nav2 ul > li > a:hover {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
	color: #cc1616
}
footer .footer-info .nav1 {
	width: 360px
}
footer .footer-info .nav1 ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
footer .footer-info .nav1 ul li {
	width: 50%;
	font-size: 13px;
	font-weight: 400
}
footer .footer-info .nav2 {
	width: 205px
}
footer .footer-info .soft {
	display: block;
	position: absolute;
	bottom: -120px;
	right: 0;
	z-index: 2
}
footer .footer-info .soft ul {
	width: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
footer .footer-info .soft ul li {
	width: 30px;
	height: 30px;
	background: #292929;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	margin-right: 20px
}
footer .footer-info .soft ul li.active {
	background: #cc1616
}
footer .footer-info .soft ul li:hover {
	background: #cc1616
}

@media (max-width: 1024px) {
.go-top {
	display: none
}
.copyright {
	margin-bottom: 79px
}
footer .footer-info {
	display: block
}
footer .footer-info .logo-box, footer .footer-info .nav2, footer .footer-info .qr-code {
	display: none
}
footer .footer-info .nav1 {
	width: 100%
}
footer .footer-info .nav1 h4 {
	display: none
}
footer .footer-info .nav1 ul li {
	width: 20%;
	font-size: 20px
}
footer .footer-info .soft {
	display: block
}
footer .footer-info .soft ul {
	margin-top: 3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
footer .footer-info .soft ul li {
	width: 60px;
	height: 60px;
	background: #292929;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 35px;
	margin-right: 20px
}
footer .footer-info .soft ul li.active {
	background: #cc1616
}
footer .footer-info .soft ul li:hover {
	background: #cc1616
}
}

@media (max-width: 820px) {
.top-box {
	top: -300px !important
}
.info {
	margin-top: 0 !important
}
.index-page {
	z-index: -1
}
footer .footer-info .nav1 ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
footer .footer-info .nav1 ul li {
	font-size: 16px;
	width: 25%
}
}

@media (max-width: 525px) {
footer .footer-info .nav1 ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
footer .footer-info .nav1 ul li {
	font-size: 16px;
	width: 50%
}
footer .footer-info .soft ul li {
	margin-right: 10px;
	width: 45px;
	height: 45px;
	font-size: 30px
}
}

@media (max-width: 390px) {
footer .footer-info .nav1 ul li {
	width: 50%
}
}
.copyright {
	background: #000;
	color: #FFF;
	padding: 0 8%;
	height: 60px;
	line-height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}
.copyright a {
	color: #FFF
}
.copyright a.go-top {
	scroll-behavior: smooth;
	font-size: 32px;
	color: #FFF;
	background: #cc1616;
	padding: 5px 10px;
	position: absolute;
	right: 50px
}
.pho-footer {
	display: none
}

@media (max-width: 1024px) {
footer .footer-info .soft {
	position: static
}
footer .footer-info .soft ul {
	width: 100%
}
.pho-footer {
	display: block;
	height: 98px;
	background: #cc1616;
	position: fixed;
	bottom: 0;
	width: 100%
}
.pho-footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}
.pho-footer ul li {
	width: 25%
}
.pho-footer ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #FFF;
	height: 100%
}
.pho-footer ul li a > * {
	text-align: center;
	display: block;
	width: 100%
}
.pho-footer ul li a i, .pho-footer ul li a em {
	font-size: 45px
}
.pho-footer ul li a span {
	font-size: 24px
}
.copyright {
	margin-bottom: 98px
}
}

@media (max-width: 750px) {
.pho-footer {
	height: 13.067vw;
	min-height: 55px !important
}
.shop-car {
	bottom: 13.067vw
}
.pho-footer ul li a span {
	font-size: 3.2vw
}
.pho-footer ul li a i, .pho-footer ul li a em {
	font-size: 6vw
}
.copyright {
	margin-bottom: 13.067vw
}
.pho-footer ul li a span {
	font-size: 2.4vw
}
.productsDetails-article .details .right h1 {
	border-bottom: 1px solid #ececec;
	padding-bottom: 10px;
	font-size: 16px !important;
	margin-top: 4vw
}
}

@media (max-width: 1730px) {
footer .footer-info .soft {
	bottom: -110px
}
}

@media (max-width: 1400px) {
footer .footer-info .soft {
	bottom: -95px
}
}

@media (max-width: 425px) {
.copyright {
	margin-bottom: 55px
}
}
header.banner2-header {
	height: calc(100vw / 4.1)
}
.banner2-box {
	width: 100%;
	position: absolute;
	height: calc(100vw / 4.1);
	min-height: 300px
}
.banner2-box .fonts {
	width: 100%;
	color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 80px;
	position: absolute;
	top: 8.1vw;
	text-align: right
}
.banner2-box .fonts > * {
	margin-right: 8.8vw;
	width: 100%
}
.banner2-box .fonts h1 {
	font-size: 80px;
	font-weight: bold;
	color: #FFF
}
.banner2-box .fonts p {
	font-size: 18px;
	font-weight: 400;
	color: #FFF
}
.banner2-box .fonts button {
	border: 1px solid white;
	background: 0;
	color: #FFF;
	padding: 11px 35px;
	cursor: pointer
}
.banner2-box .fonts button:nth-of-type(1) {
	margin-right: 40px
}
.banner2-box .fonts button:hover {
	background: #cc1616;
	border: 1px solid #cc1616;
	color: #FFF
}

@media (max-width: 1450px) {
.banner2-box .fonts {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	line-height: 60px
}
.banner2-box .fonts h1 {
	font-size: 60px;
	line-height: 80px
}
.banner2-box .fonts p {
	line-height: 32px;
	font-size: 16px;
	width: 300px
}
}

@media (max-width: 1000px) {
header.banner2-header {
	height: 37px
}
.banner2-box .fonts {
	line-height: 60px
}
.banner2-box .fonts h1 {
	font-size: 60px
}
.banner2-box .fonts p {
	font-size: 16px
}
}

@media (max-width: 1199px) {
header.banner2-header {
	height: 300px
}
header.banner2-header .info {
	display: none
}
main.page-template-1 {
	margin-top: 0;
	background: royalblue
}
}

@media (max-width: 680px) {
header.banner2-header {
	height: 35px
}
}
.tabs {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	color: #555;
	background: white;
	margin-top: 24.5vw
}
.tabs a {
	color: #555
}
.tabs i {
	margin: 0 3px
}

@media (max-width: 1024px) {
.tabs {
	display: none
}
}

@media (max-width: 1199px) {
main.page-template-1 {
	padding-top: 50px
}
}
.banner2-box img {
	width: 100%;
	height: 100%
}
main.page-template-1 {
	background: #f6f6f7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
main.page-template-1 .max-width-box {
	width: 86.33333%;
	width: 100%;
	max-width: 1600px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 45px 30px
}
main.page-template-1 .max-width-box aside {
	width: 250px;
	min-width: 250px
}
main.page-template-1 .max-width-box aside ul.nav1 {
	border: 1px solid #ececec;
}
main.page-template-1 .max-width-box aside ul.nav1:nth-of-type(1) {
	color: #FFF
}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(2) {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 0;
	background: white;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
main.page-template-1 .max-width-box aside ul.nav1 li {
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	background: white
}
main.page-template-1 .max-width-box aside ul.nav1 li a {
	color: #000
}
main.page-template-1 .max-width-box aside ul.nav1 li a {
	color: #191919
}
main.page-template-1 .max-width-box aside ul.nav1 li p {
	font-size: 14px;
	line-height: 32px;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 21px;
	color: black
}
main.page-template-1 .max-width-box article {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 58px
}
main.page-template-1 .max-width-box article article {
	margin-left: 0
}
main.page-template-1 .max-width-box article .item-products-0 ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
main.page-template-1 .max-width-box article .item-products-0 ul li {
	width: 100%;
	height: auto;
	margin-bottom: 25px
}
main.page-template-1 .max-width-box article .item-products-0 ul li:hover p {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #FFF;
	border: 1px solid #ededed;
	height: 100%;
	-webkit-transition: .3s all ease;
	transition: .3s all ease
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box:hover {
	-webkit-box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left {
	width: 320px;
	border-right: 1px solid #ededed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left img:hover {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 3%;
	line-height: 83px
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) {
	font-weight: 600
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a {
	width: 100%;
	font-size: 18px;
	color: black;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a:hover {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3) {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	min-height: 48px;
	-webkit-line-clamp: 2;
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button {
	width: 180px;
	height: 40px;
	background: black;
	cursor: pointer
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button a {
	color: #FFF
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button:hover {
	background: #cc1616
}
main.page-template-1 .max-width-box article .item-products-1 ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
main.page-template-1 .max-width-box article .item-products-1 ul li {
	width: 33%;
	height: 380px;
	margin-bottom: 20px
}
main.page-template-1 .max-width-box article .item-products-1 ul li:hover p {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box {
	display: block;
	background: #FFF;
	height: 100%;
	margin: 0 7.9px;
	-webkit-transition: .3s all ease;
	transition: .3s all ease
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box:hover {
	-webkit-box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left {
	border-right: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	height: 240px;
	border-bottom: 2px solid #f6f6f7
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left img {
	width: 100%;
	height: auto;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	margin: 0 auto
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left img:hover {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 3%;
	text-align: center;
	line-height: 57px
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1) {
	font-size: 15px;
	font-weight: 600;
	overflow: hidden
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1) a {
	color: black;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1) a:hover {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button {
	width: 180px;
	height: 40px;
	background: black;
	cursor: pointer
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button a {
	color: #FFF
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button:hover {
	background: #cc1616
}
main.page-template-1 .max-width-box article .Pagination {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
main.page-template-1 .max-width-box article .Pagination span {
	padding: 10px;
	background: white;
	margin: 0 5px
}
main.page-template-1 .max-width-box article .Pagination a {
	width: 100%;
	height: 100%;
	color: black
}
main.page-template-1 .max-width-box article .Pagination ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
main.page-template-1 .max-width-box article .Pagination ul li {
	padding: 10px 15px;
	background: white;
	margin: 0 5px
}
main.page-template-1 .max-width-box article .Pagination .none a {
	color: #999
}
main.page-template-1 .max-width-box article .Pagination .active {
	background: #cc1616
}
main.page-template-1 .max-width-box article .Pagination .active a {
	color: #FFF
}
main.page-template-1 .max-width-box article .Pagination span:nth-last-of-type(1) {
	background: 0;
	font-weight: 400
}

@media (max-width: 827px) {
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left img {
	height: auto
}
}

@media (max-width: 1200px) {
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) {
	font-size: 18px;
	line-height: 60px
}
}

@media (max-width: 1199px) {
main.page-template-1 .max-width-box aside {
	display: none
}
}

@media (max-width: 1200px) {
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(2) {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	min-height: 48px;
	-webkit-box-orient: vertical
}
main.page-template-1 .max-width-box {
	padding: 0vw 2vw 4vw 2vw;
	box-sizing: border-box
}
main.page-template-1 .max-width-box article {
	margin-left: 0
}
main.page-template-1 .max-width-box article .item ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
main.page-template-1 .max-width-box article .item ul li {
	width: 50%;
	height: auto;
	margin-bottom: 20px
}
main.page-template-1 .max-width-box article .item ul li .box {
	margin: 0 7.9px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
main.page-template-1 .max-width-box article .item ul li .box .left {
	border-right: 0;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #f6f6f7;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-height: 210px
}
main.page-template-1 .max-width-box article .item ul li .box .left img {
	margin: 0 auto;
	max-width: 320px
}
main.page-template-1 .max-width-box article .item ul li .box .right {
	text-align: center;
	height: auto;
	height: 240px
}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) {
	font-size: 15px
}
main.page-template-1 .max-width-box article .item ul p:nth-of-type(2) {
	display: none
}
}

@media (max-width: 700px) {
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) {
	line-height: 24px
}
}

@media (max-width: 533px) {
.small-hide {
	display: none
}
.small-hide li {
	display: none
}
main.page-template-1 .max-width-box {
	width: 100%
}
}

@media (max-width: 450px) {
html {
	overflow-x: hidden
}
main.page-template-1 .max-width-box article {
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}
}
.item-faq ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.item-faq ul li {
	width: 100%;
	height: 150px;
	margin-bottom: 20px
}
.item-faq ul li .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #FFF;
	height: 100%;
	-webkit-transition: .3s all ease;
	transition: .3s all ease
}
.item-faq ul li .box:hover {
	-webkit-box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}
.item-faq ul li .box .left {
	width: 128px;
	border-right: 1px solid #ededed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.item-faq ul li .box .left span:nth-of-type(1) {
	font-size: 30px;
	font-weight: 600;
	color: #191919;
	display: block;
	width: 100%
}
.item-faq ul li .box .left span:nth-of-type(2) {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	display: block;
	width: 50%;
	margin: 0 auto;
	margin-top: 1%;
	padding-top: 1%;
	border-top: 2px solid #ededed
}
.item-faq ul li .box .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2% 3%
}
.item-faq ul li .box .right p:nth-of-type(1) {
	font-size: 20px;
	font-weight: 600;
	line-height: 50px
}
.item-faq ul li .box .right p:nth-of-type(1):hover {
	color: #cc1616
}
.item-faq ul li .box .right p:nth-of-type(1) a {
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.item-faq ul li .box .right p:nth-of-type(1) a:hover {
	color: #cc1616
}
.item-faq ul li .box .right p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.item.item-products.productsDetails {
	line-height: 1.5
}
.productsDetails-article .ifyou {
	font-size: 14px;
	padding: 0 0 15px 0
}
.feedback-list {
	border: 1px solid #ddd;
	background: white
}
.feedback-list .list-li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 10px;
	border-bottom: 1px solid #ddd
}
.feedback-list .list-li:nth-last-of-type(1) {
	border: 0
}
.feedback-list .list-li div:nth-of-type(1) {
	width: 194px;
	height: 145px
}
.feedback-list .list-li div:nth-of-type(1) img {
	width: 100%;
	height: 100%
}
.feedback-list .list-li div:nth-of-type(2) {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 5%;
	font-size: 16px
}
.feedback-list .list-li div:nth-of-type(2) a {
	color: black
}
.feedback-list .list-li div:nth-of-type(3) {
	width: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 32px;
	cursor: pointer
}

@media (max-width: 500px) {
.feedback {
	padding-top: 33px !important
}
}

@media (max-width: 600px) {
.feedback-list .list-li div:nth-of-type(1) {
	width: 97px;
	height: 72px
}
.feedback-list .list-li div:nth-of-type(2) {
	font-size: 12px
}
.feedback-title span {
	display: -webkit-box !important;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.feedback-list .list-li div:nth-of-type(3) {
	width: 50px
}
}
.item-faqdetails .title, .item-aboutus .title {
	text-align: center;
	position: relative
}
.item-faqdetails .title h1, .item-aboutus .title h1 {
	font-size: 20px;
	color: #191919
}
.item-faqdetails .title p, .item-aboutus .title p {
	text-align: center
}
.item-faqdetails .title p span:nth-of-type(1), .item-aboutus .title p span:nth-of-type(1) {
	padding: 0 10px
}
.item-faqdetails .article, .item-aboutus .article {
	padding: 34px 0
}
.item-faqdetails .article p, .item-aboutus .article p {
	line-height: 2.2;
	margin-bottom: 20px
}
.item-faqdetails .share, .item-aboutus .share {
	margin-bottom: 50px
}
.item-faqdetails .share ul, .item-aboutus .share ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.item-faqdetails .share ul li, .item-aboutus .share ul li {
	width: 32px;
	height: 32px;
	border-radius: 3px;
	font-size: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 10px
}
.item-faqdetails .share ul li:nth-of-type(1), .item-aboutus .share ul li:nth-of-type(1) {
	background: #3b5998
}
.item-faqdetails .share ul li:nth-of-type(2), .item-aboutus .share ul li:nth-of-type(2) {
	background: #1da1f2
}
.item-faqdetails .share ul li:nth-of-type(3), .item-aboutus .share ul li:nth-of-type(3) {
	background: #0077b5
}
.item-faqdetails .share ul li:nth-of-type(4), .item-aboutus .share ul li:nth-of-type(4) {
	background: #c92326
}
.item-faqdetails .share ul li i, .item-aboutus .share ul li i {
	color: #FFF
}
.item-faqdetails .btn-group, .item-aboutus .btn-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.item-faqdetails .btn-group button, .item-aboutus .btn-group button {
	width: 50%;
	height: 50px
}
.item-faqdetails .btn-group button a, .item-aboutus .btn-group button a {
	color: #FFF
}
.item-faqdetails .btn-group button:nth-of-type(1), .item-aboutus .btn-group button:nth-of-type(1) {
	background: #191919
}
.item-faqdetails .btn-group button:nth-of-type(2), .item-aboutus .btn-group button:nth-of-type(2) {
	background: #cc1616 !important
}

@media (max-width: 1200px) {
.item-faqdetails .btn-group, .item-aboutus .btn-group {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.item-faqdetails .btn-group button, .item-aboutus .btn-group button {
	width: 100%;
	margin-bottom: 19px
}
}
.item-aboutus h1 {
	font-size: 20px
}
.item-aboutus .article {
	padding: 0
}
.item-project ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.item-project ul li {
	width: 100%;
	height: 240px;
	margin-bottom: 30px
}
.item-project ul li a {
	color: black;
	cursor: pointer
}
.item-project ul li:hover p a {
	color: #cc1616
}
.item-project ul li .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #FFF;
	height: 100%;
	-webkit-transition: .3s all ease;
	transition: .3s all ease;
	border: 1px solid #ededed
}
.item-project ul li .box:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1);
	box-shadow: 0 5px 15px 0 rgba(4, 0, 0, 0.1)
}
.item-project ul li .box .left {
	width: 320px;
	border-right: 1px solid #ededed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden
}
.item-project ul li .box .left img {
	width: 100%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.item-project ul li .box .left img:hover {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.item-project ul li .box .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 3%;
	line-height: 83px
}
.item-project ul li .box .right p:nth-of-type(1) {
	font-size: 20px;
	font-weight: 600;
	display: -webkit-box;
	display: box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden
}
.item-project ul li .box .right p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px
}
.item-project ul li .box .right button {
	width: 180px;
	height: 40px;
	background: black;
	cursor: pointer
}
.item-project ul li .box .right button a {
	color: #FFF
}
.item-project ul li .box .right button:hover {
	background: #cc1616
}

@media (max-width: 900px) {
.item-project ul li {
	height: 180px
}
.item-project ul li .box .left {
	width: 240px
}
.item-project ul li .box .right p:nth-of-type(2) {
	display: -webkit-box;
	display: box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden
}
}

@media (max-width: 650px) {
main.page-template-1 .max-width-box article .item ul li {
	height: 240px;
}
.item-project ul li {
	height: 90px
}
.item-project ul li .box .left {
	width: 120px
}
.item-project ul li .box .right p:nth-of-type(1) {
	font-size: 18px;
	line-height: 42px
}
.item-project ul li .box .right p:nth-of-type(2) {
	font-size: 12px;
	line-height: 18px;
	display: -webkit-box;
	display: box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden
}
}
.item-video-details .video-box {
	text-align: center;
	padding-bottom: 20px
}
.item-video-details .video-box video {
	width: calc(100vw / 2.4);
	min-width: 750px
}

@media (max-width: 1000px) {
.item-video-details .video-box video {
	width: 100%;
	min-width: 0
}
}
main.page-template-1 .max-width-box article .item-video ul li {
	height: auto
}
main.page-template-1 .max-width-box article .item-video ul li .box {
	background: white
}
main.page-template-1 .max-width-box article .item-video ul li .box {
	height: auto
}
main.page-template-1 .max-width-box article .item-video ul li .box .left img {
	margin: 0;
	width: 100%;
	height: auto;
	overflow: hidden
}
main.page-template-1 .max-width-box article .item-video ul li .box .right {
	height: auto;
	line-height: 70px
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) {
	height: auto;
	margin: 1.567vw 0;
	line-height: 18px;
	text-align: left
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 20px;
	line-height: 40px;
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a {
	color: black
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a:hover {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .view-count {
	margin-top: 20px;
	display: block;
	text-align: left;
	color: #666;
	font-size: 14px
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .view-count:hover {
	color: #666
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(2) {
	display: block;
	text-align: left;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media (max-width: 1200px) {
main.page-template-1 .max-width-box article .item-video ul li .box .left img {
	margin: 0 auto
}
main.page-template-1 .max-width-box article .item-video ul li .box .right {
	padding: 0 20px 20px 20px
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) {
	margin-top: 0;
	display: block
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .view-count {
	display: block
}
}
aside.nav2-template {
	max-width: 300px;
 width: calc(100% * .19625);
	min-width: 250px
}
aside.nav2-template > ul {
	background: #f6f6f7;
	border: 1px solid #ececec;
	margin-bottom: 30px
}
aside.nav2-template > ul a:hover {
	color: #cc1616
}
aside.nav2-template > ul.contact-us li:nth-of-type(2) {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 0;
	background: white
}
aside.nav2-template > ul > li {
	line-height: 50px;
	font-size: 16px;
}
aside.nav2-template > ul > li.has-children2 {
	cursor: pointer
}
aside.nav2-template > ul > li.has-children2 > a {
	width: 100%;
	display: block;
	color: #FFF;
	background: #191919
}
aside.nav2-template > ul > li.has-children2 > a:hover {
	background: #cc1616
}
aside.nav2-template > ul > li a {
	color: #000
}
aside.nav2-template > ul > li:nth-of-type(1) {
	background: #191919;
	color: #FFF
}
aside.nav2-template > ul > li p {
	font-size: 14px;
	line-height: 32px;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px
}
.input-error {
	border: 1px solid #c92326
}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100px;
	width: 50%
}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left a {
	width: 100%
}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left img {
	height: 100%;
	max-width: 100%
}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 5px
}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right a {
	text-align: left;
	line-height: 21px;
	display: block;
	font-size: 10px;
	font-weight: bold;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right a:hover {
	color: #cc1616
}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right div {
	text-align: left;
	font-size: 8px;
	padding: 0;
	padding: 0 5px;
	color: #666
}
aside .last-products {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
aside .last-products li {
	width: 50%;
	height: auto
}
aside .last-products li:nth-of-type(1) {
	width: 100%;
	height: 50px;
	margin-bottom: 10px
}
aside .last-products li:nth-of-type(2n) {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 5px
}
aside .last-products li:nth-of-type(2n-1) {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px
}
aside .last-products li img {
	width: 100%
}
aside .last-products li:nth-of-type(1) {
	color: #FFF;
	text-decoration: none
}
aside .last-products li a {
	font-size: 10px;
	display: inline-block;
	line-height: 16px
}
aside .last-products li a:hover {
	cursor: pointer;
	color: #cc1616
}
aside .last-products li span {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
main.page-template-1 .max-width-box article .item-products ul li p a {
	color: black
}
main.page-template-1 .max-width-box article .item-products ul li p a:hover {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item-products ul .right button {
	color: #FFF
}
main.page-template-1 .max-width-box article .item-products ul .right button span {
	border: 1px solid white;
	display: inline-block;
	width: 15px;
	height: 15px;
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}
main.page-template-1 .max-width-box article .item-products ul .right button span i {
	font-size: 12px;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}
.visibility {
	opacity: 0
}
.shop-car {
	width: 100%;
	position: fixed;
	height: 100px;
	bottom: 0;
	left: 0;
	background: #f6f6f7;
	z-index: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.shop-car ul {
	width: 1420px;
	padding-left: 10px;
	overflow-x: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 10px
}
.shop-car ul li {
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #ececec;
	background: white;
	margin-right: 10px
}
.shop-car ul li .left {
	width: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-right: 2px solid #ececec;
	overflow: hidden
}
.shop-car ul li .left img {
	width: 100%
}
.shop-car ul li .center {
	width: 160px;
	font-size: 12px;
	font-weight: 400;
	padding: 15px;
	color: #191919;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: vertical
}
.shop-car ul li .right {
	cursor: pointer;
	width: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 5px
}
.shop-car div.button {
	font-size: 12px
}
.shop-car div.button.buy {
	width: 160px;
	height: 36px;
	background: #cc1616
}
.shop-car div.button.buy a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	width: 100%;
	height: 100%;
	color: #FFF
}
.shop-car div.button.clear {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	width: 86px;
	height: 20px;
	font-weight: 400;
	color: #666;
	background: 0
}

@media (max-width: 1218px) {
.shop-car {
	bottom: 98px
}
.shop-car ul li .center {
	display: none
}
}

@media (max-width: 850px) {
.shop-car {
	height: 50px;
	z-index: 3
}
.shop-car ul {
	width: 100vw;
	position: absolute;
	top: -60px;
	left: 0;
	padding: 0
}
.shop-car ul li {
	position: relative;
	border-right: 0;
	margin-right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: calc(20vw)
}
.shop-car ul li .left {
	border-right: 0
}
.shop-car ul li .right {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;
	font-size: 24px
}
}
.concat-us .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.concat-us .info .left {
	width: 50%;
	margin-right: 3%
}
.concat-us .info .left img {
	width: 100%
}
.concat-us .info .right {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.concat-us .info .right h1 {
	font-size: 18px;
	font-weight: bold;
	width: 100%
}
.concat-us .info .right p {
	font-size: 14px;
	line-height: 40px;
	width: 100%
}
.concat-us .form {
	margin-top: 70px
}
.concat-us .form form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.concat-us .form p {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 30px
}
.concat-us .form input {
	position: relative;
	width: 49%;
	height: 50px;
	margin-bottom: 30px;
	padding-right: 40px
}
.concat-us .form input, .concat-us .form textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	outline: 0
}
.concat-us .form #in-name {
	background: white
}
.concat-us .form #in-email {
	background: white
}
.concat-us .form #in-content {
	background: white;
	padding-top: 20px;
	width: 100%;
	height: 250px;
	resize: none;
	padding-right: 40px
}
.concat-us .form .send-btn {
	margin: 50px auto 0;
	width: 200px;
	height: 50px;
	background: black;
	color: #FFF;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}
.concat-us .form .send-btn:hover {
	background: #cc1616
}

@media (max-width: 1400px) {
.concat-us .info .right p {
	font-size: 12px
}
}

@media (max-width: 1200px) {
.concat-us .info {
	display: block
}
.concat-us .info .left {
	width: 100%
}
.concat-us .info .right {
	margin-top: 30px;
	width: 100%
}
.concat-us .form {
	margin-top: 30px
}
}

@media (max-width: 700px) {
.concat-us .form form {
	display: block
}
.concat-us .form form input {
	width: 100%
}
}
.iw_poi_title {
	color: #c52;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}
.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
.bmap {
	width: 100%;
	height: 400px;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px
}
.productsDetails > p {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 30px
}
.productsDetails > span {
	font-size: 14px;
	font-weight: 400;
	color: #555;
	line-height: 24px;
	display: inline-block;
	margin-bottom: 50px
}
.productsDetails .btn-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.productsDetails .btn-group button {
	width: 50%;
	height: 50px
}
.productsDetails .btn-group button a {
	color: #FFF
}
.productsDetails .btn-group button:nth-of-type(1) {
	background: #191919
}
.productsDetails .btn-group button:nth-of-type(2) {
	background: #cc1616
}

@media (max-width: 1475px) {
.productsDetails-article .details .right .btn-groups {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.productsDetails-article .details .right .btn-groups .button {
	margin-bottom: 10px
}
}
main.page-template-1 .form {
	margin-top: 50px
}
main.page-template-1 .form form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
main.page-template-1 .form p {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 30px
}
main.page-template-1 .form input {
	position: relative;
	width: 49%;
	height: 50px;
	margin-bottom: 30px;
	padding-right: 40px
}
main.page-template-1 .form input, main.page-template-1 .form textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	outline: 0
}
main.page-template-1 .form #in-name {
	background: white
}
main.page-template-1 .form #in-email {
	background: white
}
main.page-template-1 .form #in-content {
	background: white;
	padding-top: 20px;
	width: 100%;
	height: 250px;
	resize: none;
	padding-right: 40px
}
main.page-template-1 .form .send-btn {
	margin: 50px auto 0;
	width: 200px;
	height: 50px;
	background: black;
	color: #FFF;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}
main.page-template-1 .form .send-btn:hover {
	background: #cc1616
}

@media (max-width: 1400px) {
.main.page-template-1 .info .right p {
	font-size: 12px
}
}

@media (max-width: 1200px) {
.main.page-template-1 .info {
	display: block
}
.main.page-template-1 .info .left {
	width: 100%
}
.main.page-template-1 .info .right {
	margin-top: 30px;
	width: 100%
}
.main.page-template-1 .form {
	margin-top: 30px
}
}

@media (max-width: 700px) {
main.page-template-1 .form form {
	display: block
}
main.page-template-1 .form form input {
	width: 100%
}
}
.img {
	width: 380px;
	height: 380px;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}
.img img {
	width: 100%;
	height: auto
}
.mask {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #eee;
	opacity: .3;
	display: none;
	cursor: move
}
.big {
	border: 1px solid #EEE;
	width: 500px;
	height: 500px;
	position: absolute;
	left: 380px;
	top: 0;
	overflow: hidden;
	display: none;
	z-index: 2
}
.big img {
	width: 150%;
	height: 200%;
	position: absolute;
	left: 0;
	top: 0
}
.productsDetails-article .details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px
}
.productsDetails-article .details .left .swiper-box {
	margin-top: 20px;
	position: relative;
 --swiper-navigation-color: #595959;
 --swiper-navigation-size: 30px
}
.productsDetails-article .details .left .swiper-box .swiper-button-prev {
	left: 0
}
.productsDetails-article .details .left .swiper-box .swiper-button-next {
	right: 0
}
.productsDetails-article .details .left .swiper-box .swiper-wrapper {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}
.productsDetails-article .details .left .swiper-box .swiper-container {
 --swiper-theme-color: #cc1616;
	width: 350px;
	height: 90px
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide {
	width: 56px;
	background: #f6f6f7;
	height: 56px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #CCC;
	cursor: pointer;
	height: 56px
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover {
	border: 1px solid #cc1616
}
.productsDetails-article .details .right {
	margin-left: 30px
}
.productsDetails-article .details .right h1 {
	font-size: 30px;
	font-weight: 600;
	color: #191919
}
.productsDetails-article .details .right p {
	font-size: 16px;
	font-weight: 400;
	color: #191919;
	line-height: 26px;
	margin: 30px 0 50px 0
}
.productsDetails-article .details .right .share {
	margin-bottom: 50px
}
.productsDetails-article .details .right .share ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.productsDetails-article .details .right .share ul li {
	width: 32px;
	height: 32px;
	border-radius: 3px;
	font-size: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 10px
}
.productsDetails-article .details .right .share ul li:nth-of-type(1) {
	background: #3b5998
}
.productsDetails-article .details .right .share ul li:nth-of-type(2) {
	background: #1da1f2
}
.productsDetails-article .details .right .share ul li:nth-of-type(3) {
	background: #0077b5
}
.productsDetails-article .details .right .share ul li:nth-of-type(4) {
	background: #c92326
}
.productsDetails-article .details .right .share ul li i {
	color: #FFF
}
.productsDetails-article .details .right .btn-groups {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.productsDetails-article .details .right .btn-groups .button {
	width: 200px;
	height: 50px;
	margin-right: 35px
}
.productsDetails-article .details .right .btn-groups .button div {
	height: 50px
}
.productsDetails-article .details .right .btn-groups .button a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: black;
	border: 1px solid #191919
}
.productsDetails-article .details .right .btn-groups .button a:hover {
	background: #cc1616;
	color: #FFF
}

@media (max-width: 750px) {
.productsDetails-article .details .left .swiper-box {
	margin-top: 0
}
}
.swiper-products-details {
	position: relative
}
.swiper-products-details #index-count {
	position: absolute;
	right: 5px;
	bottom: 10px;
	z-index: 2;
	background: #000;
	color: #FFF;
	padding: 2px 12px;
	border-radius: 12px;
	display: none
}

@media (max-width: 1199px) {
.productsDetails-article .details .left .img {
	display: none!important;
}
.productsDetails-article .details .left .img .big {
	display: none!important;
}
}

@media (max-width: 1213px) {
.swiper-products-details #index-count {
	display: inline
}
.productsDetails .btn-group {
	display: block
}
.productsDetails .btn-group button {
	margin-bottom: 20px;
	width: 100%
}
.pho-footer {
	z-index: 3
}
.productsDetails-article .details {
	display: block
}
.productsDetails-article .details .left .swiper-box .swiper-container {
	width: calc(100vw - 200px);
	height: auto
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide {
	width: 100%
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img {
	width: 100%
}
.productsDetails-article .details .right {
	margin-left: 0
}
.productsDetails-article .details .right .btn-groups .button {
	width: 100%;
	margin-right: 0
}
.productsDetails-article .details .right .btn-groups .button:nth-of-type(1) {
	border: 1px solid #191919
}
.productsDetails-article .details .right .btn-groups .button:nth-of-type(1) a {
	background: #191919;
	color: #FFF
}
.productsDetails-article .details .right .btn-groups .button:nth-of-type(2) {
	border: 0
}
.productsDetails-article .details .right .btn-groups .button:nth-of-type(2) a {
	background: #cc1616;
	color: #FFF
}
}

@media (max-width: 1200px) {
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover {
	border: none !important
}
}

@media (max-width: 700px) {
.productsDetails-article .details {
	display: block
}
.productsDetails-article .details .left .swiper-box {
	position: static
}
.productsDetails-article .details .left .swiper-box .swiper-container {
	position: absolute;
	left: 0;
	top: 50.002px;
	width: 100%;
	height: auto
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide {
	width: 100%
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img {
	width: 100%
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover {
	border: none !important
}
.productsDetails-article .details .right {
	padding-top: 100%
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide {
	padding: 0
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img {
	border: 0
}
}

@media (min-width: 701px) and (max-width: 1200px) {
.swiper-products-details #index-count {
	right: 13px
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img {
	border: 0
}
}
.pd30 {
	padding-bottom: 30px
}
.rb_bottom {
	margin-top: 20px
}
.rb_bottom, .rb_bottom .fy-y, .rb_bottom .pnbtn, .rb_bottom .previous, .rb_bottom .next {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.fy-y {
	padding: 6px 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	color: #4f4f4f;
	font-size: 14px;
	font-weight: 500;
	margin-right: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.fy-d {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #000;
	margin-right: 12px
}
.selected {
	background: #cc1616;
	color: #FFF;
	border: 0
}
.pnbtn, .previous, .next {
	width: 62px;
	height: 31px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	color: #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #FFF
}
.previous {
	margin-right: 12px
}
.next {
	margin-right: 12px
}

@media (max-width: 820px) {
.rb_bottom .previous:nth-of-type(1) {
	display: none
}
.rb_bottom .next:nth-of-type(2) {
	display: none
}
}

@media (max-width: 700px) {
.rb_bottom {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.rb_bottom .previous:nth-of-type(1) {
	display: none
}
.rb_bottom .next:nth-last-child(2) {
	display: none
}
.rb_bottom .fy-y, .rb_bottom .fy-d, .rb_bottom .fy-count {
	display: none
}
.rb_bottom .previous:nth-of-type(2) {
	width: 100%;
	margin-right: 0;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #191919;
	color: #FFF;
	font-size: 14px;
	margin-bottom: 10px;
	height: 50px
}
.rb_bottom .next:nth-last-child(3) {
	width: 100%;
	margin-right: 0;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #cc1616;
	color: #FFF;
	font-size: 14px;
	height: 50px
}
}

@media (max-width: 450px) {
main.index section.number ul li p:nth-of-type(2) {
	font-size: 12px;
	min-height: 32px
}
}

@media (max-width: 1210px) {
.other-page {
	top: 0
}
}
header .top-box .nav-box.top-0 {
	top: 0;
	left: 0;
	width: 100%;
	max-width: none
}

@media (min-width: 1920px) {
header .top-box .nav-box.top-0 {
	padding: 0 9vw
}
}
.count-more::after {
	content: "+"
}
aside.nav2-template > ul > li.has-children2 {
	font-size: 14px
}
.mb {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: black;
	opacity: .6
}
.about-div {
	z-index: 3
}
.tabs span {
	color: #222
}
header .top-box .nav-box .right ul.nav1 > li:nth-of-type(n+7) .submenu.nav0 .nav2 {
	right: 0 !important
}
aside.nav2-template > ul > li.has-children2:nth-of-type(2) > a {
	font-size: 16px
}

@media (max-width: 700px) {
header .top-box .nav-box .right nav ul.nav1 > li .nav2 ul li > a {
	font-size: 12px
}
}
main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black {
	background: #191919
}
main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black a {
	color: #FFF
}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1) {
	background: #191919;
	color: #FFF
}
main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1) a {
	color: #FFF
}
aside.nav2-template > ul > li.has-children2 .currentProType {
	color: #cc1616
}
aside.nav2-template > ul > li.has-children2 > ul > li > i {
	font-size: 20px
}
aside.nav2-template > ul > li.has-children2 {
	background: white
}
aside.nav2-template > ul > li.has-children2 > ul > li {
	line-height: 40px;
	border-bottom: 1px solid #d5d5d5
}
aside.nav2-template > ul > li.has-children2 > ul > li:last-child {
	border-bottom: 0
}
aside.nav2-template > ul > li.has-children2 > ul > li ul > li a {
	font-size: 12px
}
aside.nav2-template > ul > li.has-children2 .has-children3 {
	position: relative;
	display: none
}
aside.nav2-template > ul > li.has-children2 .has-children3 li {
	padding-left: 15px
}
aside.nav2-template > ul > li.has-children2 .active-aside-show {
	position: relative;
	display: block
}
aside.nav2-template > ul > li.has-children2 ul {
	width: 100%
}
aside.nav2-template > ul > li.has-children2 ul li {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}
aside.nav2-template > ul > li.has-children2 ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	padding-left: 10px
}
aside.nav2-template > ul > li.has-children2 ul li i {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 10%;
	-webkit-transition: .3s all ease;
	transition: .3s all ease
}
.active--rotate-right {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.category-title {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	font-size: 26px;
	line-height: 2;
	padding-left: 20px;
	border-left: 3px solid #cc1616;
	padding-bottom: 0;
	margin-bottom: 34px;
	background-color: #FFF
}
.productsDetails .btn-group button:nth-of-type(1) {
	background: #191919 !important
}
main.page-template-1 .max-width-box aside ul.nav1 li a {
	color: black;
	width: 100%;
	height: 100%
}
main.page-template-1 .max-width-box aside ul.nav1 li a:hover {
	color: #cc1616
}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent {
	background: #191919 !important
}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent a {
	color: #FFF
}
main.page-template-1 .max-width-box aside ul.nav1.latest li:nth-of-type(n+2) {
	background: 0
}

@media (max-width: 830px) {
.swiper-index {
	width: 100%
}
}

@media (max-width: 500px) {
.page-template-1.projectDetails {
	padding-left: 10px;
	padding-right: 10px
}
}
main.page-template-1 .max-width-box article .item-video ul li .box .right {
	padding: 0 20px 20px
}

@media (max-width: 750px) {
.swiper-box .fonts button {
	padding: 1.467vw 4.667vw;
	font-size: 2.4vw
}
.swiper-box .fonts button:nth-of-type(1) {
	margin-right: 2.667vw
}
main.index .news {
	padding-bottom: 9.333vw
}
main.index .news .list ul li {
	width: 26.667vw;
	min-width: 120px
}
main.index .news .list ul li a {
	font-size: 12px
}
main.index section.products .title .list ul li {
	width: 26.667vw;
	min-width: 120px
}
main.index section.products .title .list ul li a {
	font-size: 12px
}
main.index section.products .item ul {
	margin-bottom: 9.333vw
}
main.index .news .title {
	margin-bottom: 4vw
}
main.index .news .item ul li .box .left span:nth-of-type(1) {
	font-size: 30px
}
main.index .news .item ul li .box .right {
	padding: 3.733vw
}
main.index .news .item ul li {
	height: 20vw;
	min-height: 120px;
	margin-bottom: 2.667vw
}
main.index section.about-us .block-box .content .top h2 {
	font-size: 3.2vw
}
main.index section.about-us .block-box .content .top p {
	font-size: 2.4vw
}
main.index section.about-us .block-box .content .button-box button {
	width: 26.667vw;
	height: 6.667vw;
	min-width: 100px;
	padding: 0
}
main.index section.about-us .block-box .content .button-box button {
	border: 1px solid black
}
footer .footer-info .soft ul li {
	width: 8vw;
	height: 8vw
}
footer .footer-info .soft ul li i, footer .footer-info .soft ul li em {
	font-size: 4.8vw
}
footer .footer-info a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.banner2-box {
	display: none
}
header.banner2-header {
	height: auto
}
header .top-box {
	height: 8.267vw
}
.productsDetails-article .details .right p {
	font-size: 12px !important;
	margin: 2.667vw 0vw 4vw 0vw
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a {
	font-size: 2.4vw
}
main.page-template-1 .max-width-box article .item ul li .box .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 2.667vw 10px;
	line-height: 83px
}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) {
	font-weight: 600
}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) a {
	width: 100%;
	display: -webkit-box;
	font-size: 14px;
	color: black
}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) a:hover {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px;
	min-height: 48px
}
main.page-template-1 .max-width-box article .item ul li .box .right button {
	width: 100%;
	height: 40px;
	background: black;
	cursor: pointer
}
main.page-template-1 .max-width-box article .item ul li .box .right button a {
	color: #FFF
}
main.page-template-1 .max-width-box article .item ul li .box .right button:hover {
	background: #cc1616
}
main.page-template-1 .max-width-box article .item ul li .box .right video {
	display: none !important
}
.mob-hide {
	display: none !important
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a {
	font-size: 14px
}
main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .view-count {
	margin-top: 0;
	font-size: 2.667vw
}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(2) {
	font-size: 2.667vw
}
.pd30 {
	padding-bottom: 0 !important
}
}
.productsDetails-article .details .right .btn-groups .button {
	background: 0
}

@media (max-width: 785px) {
.item-faq.row-1 li {
	width: 100%
}
}

@media (max-width: 680px) {
header .top-box {
	height: 35px !important
}
.nav-box {
	top: 0 !important
}
}

@media (max-width: 430px) {
.shop-car {
	bottom: 55px
}
}

@media (max-width: 464px) {
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button {
	width: 100%
}
}
.rotate180 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: .5s;
	transition: .5s
}
.ie-show {
	display: none
}

@media (min-width: 1430px) {
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left a {
	width: 100%;
	height: 100%
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left a img {
	height: 100%;
	width: auto
}
}
.row-1 ul {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.row-1 ul li {
	width: 49%
}
.pages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 3vw
}
.pages li {
	display: inline-block;
	text-align: left
}
.pages li span, .pages li a {
	margin: 0 5px 10px
}
.pages li span {
	height: 46px;
	display: inline-block;
	padding: 0 15px;
	color: #999;
	border: 1px solid #ececec;
	line-height: 46px
}
.pages li a {
	border: 1px solid #ececec;
	width: 46px;
	display: inline-block;
	height: 46px;
	color: black;
	line-height: 46px;
	text-align: center;
	background-color: #fff;
}
.current a{
	background: #cc1616!important;
	color: #FFF!important;
	min-width: 46px;
	padding: 0;
	text-align: center
}

@media (max-width: 1920px) {
header .top-box .nav-box {
	width: 86.3%
}
}

@media (max-width: 1500px) {
header .top-box .nav-box {
	width: 100%
}
}
.swiper-index .navigation-style span {
	display: none
}

@media (max-width: 700px) {
main.page-template-1 .max-width-box article .item-products ul .right button span {
	-webkit-transform: translateY(0px);
	transform: translateY(0px)
}
main.page-template-1 .max-width-box article .item-products ul .right button span i {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}
}

@media (max-width: 600px) {
header .top-box .nav-box .right nav ul.nav1 > li {
	padding: 15px 45px 15px 2.667vw
}
header .top-box .nav-box .right nav ul.nav1 > li .nav2 ul li > a {
	padding: 10px 20px 10px 2.667vw
}
}

@media (max-width: 600px) {
main.page-template-1 .form input {
	margin-bottom: 15px
}
main.page-template-1 .form .send-btn {
	margin-top: 25px
}
}

@media (max-width: 500px) {
main.page-template-1 .form #in-content {
	height: 150px
}
}

@media (max-width: 1200px) {
.max-width-box {
	margin-top: 60px
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide {
	height: auto
}
.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img {
	height: auto
}
}

@media (max-width: 750px) {
.max-width-box {
	margin-top: 38px
}
}
.breadcrumbs-nav {
	width: 100%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
main.page-template-1 .max-width-box article p img {
	max-width: 100%
}
.singglepic {
	border: none !important;
	z-index: 1 !important;
	margin: 0 !important;
	height: 400px;
	width: 400px;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (max-width: 1200px) {
.singglepic {
	z-index: 1 !important;
	width: 100% !important;
	margin: 0 auto !important;
	left: 0
}
}

@media (max-width: 800px) {
.singglepic img {
	width: 100%
}
}

@media (max-width: 500px) {
.productsDetails-article .details .right {
	padding-top: 100%
}
.singglepic {
	height: auto !important
}
}
.banner2-box {
	z-index: 1
}
.max-width-box article {
	width: 100%
}
.max-width-box article .item-aboutus {
	width: 100%
}
.max-width-box article .item-aboutus .article {
	width: 100%
}
.max-width-box article .item-aboutus .article img {
	max-width: 100%
}
.seo-key {
	background: white;
	padding: 10px;
	margin: 15px 18px 0px 8px;
}
.keywords span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 10px
}
.keywords span a {
	display: block;
	background: #EEE;
	padding: 2px 10px;
	margin-right: 10px;
	color: #2b2b2b;
	margin: 5px
}
.footer-info #xyz {
	display: none
}
.random-pro-list {
	margin: 20px 0
}
.random-pro-list .random-title {
	font-size: 16px;
	font-weight: 600
}
.random-pro-list ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.random-pro-list ul li {
	width: 25%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.random-pro-list ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}
.random-pro-list ul li a img {
	width: 100%
}
.random-pro-list ul li a .pro-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	padding: 10px;
	color: black
}
.product-type-info {
	margin: 0px 18px 15px 8px;
	padding: 10px;
	background: white;
	-webkit-box-shadow: 0 0 10px #afafaf;
	box-shadow: 0 0 10px #afafaf;
}
.share-btn-list {
	margin: 20px 0
}
.item.item-products.productsDetails p, .item.item-products.productsDetails li {
	line-height: 2.2
}

@media (max-width: 480px) {
main.index section.about-us .block-box .content {
	width: 100% !important
}
main.index section.about-us .block-box .content .button-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
main.index section.about-us .block-box .content .top h2 {
	font-size: 16px
}
main.index section.about-us .block-box .content .top p {
	font-size: 14px;
	height: 25px
}
}
.item.item-products.productsDetails {
	font-weight: 400
}
.item-faqdetails.item-video-details .article, .item-video-details.item-aboutus .article {
	font-weight: 400
}
.feedback-list > .list-li > div:nth-of-type(1) {
	width: 116px;
	height: 87px
}

@media (max-width: 500px) {
.feedback-list > .list-li > div:nth-of-type(1) {
	width: 58px;
	height: 43.5px
}
}
.item-aboutus h1 {
	margin-bottom: 20px
}
header .top-box .nav-box .right nav ul.nav1 i {
	-webkit-transition: .5s;
	transition: .5s
}

@media (max-width: 680px) {
.index-swiper {
	margin-top: 50px
}
main.index {
	margin-top: calc(36vw + 50px) !important
}
}
.productsDetails-article .form > p {
	font-size: 16px !important;
	font-weight: 600 !important
}
main.page-template-1 .max-width-box article .item ul li .box .left a {
	display: inherit
}
.ie {
	background: black;
	min-width: 1210px !important
}
.ie .top-box {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.ie .nav-box {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.ie main.index section.about-us > img {
	position: relative
}
.ie main.index section.about-us .block-box {
	position: absolute;
	left: 7%;
	top: 18%
}
.ie .mb {
	top: 0
}
.ie main.index section.about-us .block-box .content .top p {
	max-height: none
}
.ie .swiper-box {
	position: relative;
	left: 0
}
.ie .index-swiper {
	position: absolute;
	top: 0;
	left: 0
}
.ie header .top-box .info {
	position: relative;
	z-index: 2
}
.ie header .top-box .nav-box .left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.ie header .top-box .nav-box .left a {
	width: 100%
}
.ie .swiper-box .fonts button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 43px;
	padding: 10px 35px
}
.ie .swiper-box .fonts button:nth-of-type(1) {
	margin-right: 40px
}
.ie .swiper-box .fonts .btn-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.ie .swiper-index .navigation-style span {
	display: inline;
	font-size: 40px;
	color: #FFF;
	-webkit-transform: scaleY(1.5);
	transform: scaleY(1.5)
}
.ie .copyright a.go-top {
	bottom: 10px
}
.ie main.index .news {
	width: 92%
}
.ie main.index .news .item ul li .box .right p:nth-of-type(1) a {
	white-space: nowrap
}
.ie main.index .news .item ul li .box .right p:nth-of-type(1) a {
	font-size: 20px;
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.ie main.index .news .item ul li .box .right p:nth-of-type(2) {
	height: 50px
}
.ie .ie main.index section.about-us .block-box .content .top p {
	max-height: 50px
}
.ie .banner2-box {
	position: relative;
	top: -100px
}
.ie .banner2-box .fonts {
	right: 9vw
}
.ie .banner2-box .fonts button {
	height: 45px;
	line-height: 24px;
	padding: 10px 35px
}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button {
	line-height: 43px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 30px
}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button span {
	margin-top: -7px;
	margin-right: 7px
}
.ie main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a, .ie .item-faq ul li .box .right p:nth-of-type(1) a, .ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a, .ie main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1) a, .ie .item-project ul li .box .right a {
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.ie main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(2), .ie .item-faq ul li .box .right p:nth-of-type(2), .ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3), .ie .item-project ul li .box .right p:nth-of-type(2) {
	height: 50px
}
.ie .item-project ul li .box .right p:nth-of-type(2) {
	text-overflow: hidden;
	overflow: hidden
}
.ie main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) {
	margin: 1.2vw 0
}
.ie main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button {
	line-height: 24px
}
.ie main.page-template-1 .max-width-box article .item-products-1 ul li .box .left a {
	display: block
}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) {
	height: 83px
}
.ie main.page-template-1 .max-width-box {
	width: 86.33%
}
.ie .productsDetails-article .details .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.ie .productsDetails-article .details .right .btn-groups {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.ie .productsDetails-article .details .right .btn-groups .button a {
	width: 99%;
	height: 95%
}
.ie .ie-show {
	display: inline-block;
	font-size: 30px;
	-webkit-transform: scaleY(1.2) translateY(-11px);
	transform: scaleY(1.2) translateY(-11px);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.ie main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1) {
	height: 62px
}
.ie main.index section.products .item ul li {
	height: 18.5vw
}
.ie main.index section.products .item ul {
	margin-bottom: 45px
}

@media (max-width: 1800px) {
.ie main.index section.products .item ul li {
	padding-bottom: 20px
}
}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li {
	height: auto
}
.ie main.page-template-1 .max-width-box article .item-products-0 .item-products ul .right button span i {
	-webkit-transform: translateY(-14px);
	transform: translateY(-14px)
}
.ie main.page-template-1 .max-width-box article .item-products-1 .item-products ul .right button span i {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .left {
	width: auto
}
.ie main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title {
	line-height: 100%
}
.ie main.page-template-1 .max-width-box aside {
	min-width: 300px
}
.ie main.index .news .item ul li {
	margin-bottom: 2.5%
}
.ie .search-box-mob {
	left: 0
}
.ie .tabs {
	margin-top: 0
}
.ie main.page-template-1 .max-width-box article .item-products-0 ul li .box .left {
	max-width: 320px;
	width: 320px
}
header .top-box .nav-box .left a img {
	max-height: 100%
}
.table-wrap table td img {
	max-width: 50vw
}

@media (max-width: 1740px) {
main.index section.about-us .block-box .content .top p {
	-webkit-line-clamp: 5
}
}

@media (max-width: 1220px) {
main.index section.about-us .block-box .content .top p {
	-webkit-line-clamp: 2
}
}
footer .footer-info .logo-box .logo img {
	height: 50px
}
.qr-code img {
	height: 100px
}
.project-list li {
	display: flex;
	background: #fbfbfb;
	margin-bottom: 30px;
	padding: 20px;
	align-items: center
}
.project-info {
	margin-left: 20px;
	width: auto
}
.item-aboutus .article .project-name {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 10px;
	color: #000
}
.project-content {
	font-size: 14px;
	color: #777270;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.download-list {
	width: 100%
}
.download-list li {
	width: 100%;
	height: 137px;
	display: flex;
	align-items: center;
	background-color: #fbfbfb;
	margin-bottom: 30px
}
.download-img {
	height: 100%;
	width: 228px;
	display: flex;
	align-items: center
}
.download-img img {
	display: block;
	max-height: 100%
}
.item-aboutus .article .download-name {
	max-width: 500px;
	width: 100%;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 0
}
.download-info {
	display: flex;
	align-items: center;
	color: #777;
	margin-left: 30px
}
.download-info img {
	margin: 0 20px
}
.download-btn {
	margin-left: auto;
	margin-right: 30px;
	width: 154px;
	height: 40px;
	background-color: #be0000;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center
}
.download-btn i {
	transform: scale(1.5);
	margin-right: 20px
}
.project-info a {
	display: block;
	width: 100%;
	height: 100%
}
.video-list {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap
}
.video-list li {
	transition: .3s ease box-shadow, 0.3s ease transform;
	width: calc(30% - 30px);
	margin-right: 30px;
	margin-bottom: 40px
}
.video-list li:nth-of-type(3n) {
	margin-right: 0
}
.video-list li:hover {
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	transform: translateY(2px)
}
.video-list .video-img {
	width: 100%;
	height: auto
}
.video-list .video-img a {
	width: 100%;
	height: 100%
}
.video-list .video-img img {
	width: 100%
}
.item-aboutus .article .video-in, .video-name {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.item-aboutus .article .video-info {
	padding: 0 10px 10px;
	box-sizing: border-box
}
.item-aboutus .article .video-name {
	font-size: 18px;
	font-weight: 700;
	color: #777;
	line-height: 40px;
	margin-bottom: 0
}
.item-aboutus .article .video-in {
	font-size: 14px;
	color: #777270
}
.video-title {
	font-size: 24px;
	color: #313131
}
video {
	width: 60%
}
.max-width-box article .item-aboutus .article .project-img img {
	max-height: 300px
}

@media screen and (max-width: 769px) {
.download-list li {
	flex-direction: column;
	align-items: flex-start;
	height: auto;
	padding: .4rem
}
.download-list .download-img {
	display: none
}
.download-list .download-info {
	margin-left: 0
}
.download-list .download-info img {
	margin: 0 5px
}
.download-list .download-name {
	max-width: 7.5rem
}
.download-list .download-in {
	font-size: 14px;
	margin: 0
}
.download-list .download-btn {
	font-size: 14px;
	margin: 0
}
.video-title {
	font-size: 20px
}
video {
	width: 100%;
	height: auto
}
}

@media screen and (max-width: 769px) {
.video-list {
	padding: 0 10px;
	justify-content: space-between
}
.video-list li {
	width: 47%
}
.download-list li {
	flex-wrap: wrap;
	position: relative
}
.download-img {
	width: 47%
}
.download-info {
	position: absolute;
	top: 20px;
	right: 40px;
	width: 47%
}
.download-btn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 10px;
	width: unset;
	height: unset;
	font-size: 14px
}
}
.faq-list li {
	background: url(../faq.png) no-repeat;
	background-size: 35px 35px;
	background-position: 0 20px
}
.parent {
	color: #e7e7e8;
	font-size: 50px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
}
.sun {
	color: #3f3f3f;
	font-size: 32px;
	position: absolute;
	left: 0;
	bottom: 0
}
#xyz.active {
	height: 100%
}
#xyz.active .xyz12 {
	height: 100%
}
#xyz {
	margin-top: 5px;
	z-index: 99999;
	width: 120px;
	height: 25px;
	position: relative;
	color: #333;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#xyz .xyz12 {
	background: #ccc;
	height: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
#xyz .xyz12 a {
	color: #333
}
#xyz .xyz12 a:hover {
	color: #cc1616
}
#xyz .xyz12 span {
	position: absolute;
	right: 6px;
	top: 2px;
	background: url("../image/up.png") no-repeat center;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	z-index: 100;
	line-height: 25px;
}
#xyz .xyz12 span.dp {
	background: url("../image/dp.png") no-repeat center
}
.xyz12 li {
	position: relative;
	height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 25px;
	padding: 0 8px;
	z-index: 1;
	text-align: left;
}
.xyz12 li a {
	color: #333;
	font-size: 12px;
}
.xyz12 li img {
	vertical-align: middle;
	margin: -2px 7px 0 0;
	width: 16px
}
.xyz12 li:hover {
	background: #007cb6
}
.xyz12 li:hover a {
	color: #FFF
}

@media (max-width: 1024px) {
#xyz {
	margin-top: 20px;
	position: absolute !important
}
#xyz.active {
	height: 230px
}
#xyz.active .xyz12 {
	height: 230px
}
}
.go-top {
	cursor: pointer
}
.desc {
	cursor: pointer
}

@media (max-width: 785px) {
.time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
}
.mb-all {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 3;
	display: none
}
.no-scroll {
	overflow: hidden
}
.search-box-mob {
	display: none
}
.nav-box {
	position: relative
}
.search-box-mob {
	max-width: 1600px;
	position: absolute;
	top: 62px;
	width: 100%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #c1c1c1;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.search-box-mob div {
	width: 100%;
	margin: 15px 0;
	max-width: 500px
}
.search-box-mob div input {
	background: #FFF;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 40px;
	width: calc(100% - 84px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
	border-radius: 0
}
.search-box-mob div button {
	width: 80px;
	height: 40px;
	background: #cc1616;
	color: #FFF;
	margin-left: -3px
}
.search-box-mob div button:hover {
	background: #b00;
	cursor: pointer
}
.w-100 {
	width: 100%;
	max-width: none;
	left: 0 !important
}
.table-wrap {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	margin-top: 20px
}
.table-wrap:nth-of-type(1) {
	margin-top: 0
}
.table-wrap table {
	margin: 10px 0;
	width: 100%;
	min-width: 400px
}
.table-wrap .table td {
	border: 3px solid #CCC;
	padding: 5px
}

@media (max-width: 680px) {
.search-box-mob {
	top: 50px
}
}

@media (max-width: 1220px) {
main.index section.about-us .block-box .content .top p {
	height: 28px
}
}

@media (min-width: 1025px) {
header .top-box .nav-box .right nav ul.nav1 i {
	display: none;
}
}
aside .last-products li img, aside .last-products li img, aside .last-products li img, aside .last-products li img, aside .last-products li img {
	width: auto;
	max-height: 89px;
	height: 100%
}
main.page-template-1 .max-width-box article ul li .box .left img {
	width: auto;
	height: 100%;
	max-height: 360px;
	margin: auto
}
main.page-template-1 .max-width-box article .item-video ul li .box .left img {
	width: auto;
	height: 100%;
	max-height: 360px;
	margin: auto
}
.img > img {
	width: auto;
	height: auto;
	max-height: 380px;
	max-width: 380px
}
main.index section.about-us .block-box .content .top p {
	height: auto !important
}

@media (max-width: 490px) {
main.index {
	padding: 40px 0 0 0
}
}
.big img {
	max-width: none;
	height: auto
}

@media screen and (max-width: 768px) {
.table-wrap table {
	width: 100% !important;
	min-width: 0
}
}
main.index section.products .item ul li > div .rule-box {
/*max-height:384px;*/}
.productsDetails .productsTags {
	color: #000;
	margin: 15px 0
}
.productsDetails .productsTags a {
	color: #000;
}
/*Index_3*/
#categories {
	margin-top: 20px;
	margin-bottom: 20px;
}
#categories .title-img-box {
	text-align: center;
}
.catelist ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 45px;
}
.catelist ul li {
	width: 49%;
	height: 300px;
	margin-bottom: 25px;
	position: relative;
}
.catelist ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.catelist ul li .cateonebox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	padding: 15px 50px;
	box-sizing: border-box;
}
.catelist ul li .smtab {
	font-size: 12px;
	color: #cc1616;
	border-radius: 20px;
	padding: 2px 8px;
	text-align: center;
	border: 2px solid #cc1616;
	width: 30px;
	text-transform: capitalize;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 15px;
}
.catelist ul li .cateonetitle {
	font-size: 30px;
	line-height: 1.3;
	color: #424242;
	margin-bottom: 5px;
}
.catelist ul li .cateoneword {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 25px;
}
.catelist ul li a {
	border-radius: 24px;
	padding: 16px 30px;
	line-height: 16px;
	font-size: 16px;
	background: #cc1616;
	display: inline-block;
	color: #FFF;
	transition: .3s;
	text-transform: capitalize;
}
.catelist ul li a:hover {
	background: #910303;
}

@media screen and (max-width: 960px) {
.catelist ul li .cateonebox {
	padding: 10px 25px
}
.catelist ul li .cateonetitle {
	font-size: 25px
}
.catelist ul li .cateoneword {
	font-size: 16px
}
.catelist ul li a {
	padding: 10px 25px;
	font-size: 14px
}
.catelist ul li {
	width: 100%
}
}

@media screen and (max-width: 560px) {
.catelist ul {
	margin-top: 30px
}
#categories {
	margin-bottom: 0
}
}
.pho-footer ul li a span {
	text-transform: capitalize
}

@media screen and (min-width: 768px) {
.random-pro-list ul {
	margin: 20px -10px 0
}
.random-pro-list ul li {
	width: 16.6667%;
	padding: 0 10px;
	margin-right: 0;
	box-sizing: border-box
}
.random-pro-list ul li:nth-child(4n) {
	margin-right: 0
}
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone {
	width: 100%;
	height: 150px;
	margin-bottom: 20px
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #FFF;
	height: 100%;
	-webkit-transition: .3s all ease;
	transition: .3s all ease
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box:hover {
	-webkit-box-shadow: 0 5px 15px 0 rgba(4, 0, 0, .1);
	box-shadow: 0 5px 15px 0 rgba(4, 0, 0, .1);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .left {
	width: 128px;
	border-right: 1px solid #ededed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: inherit;
	-ms-flex: inherit;
	flex: inherit;
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .left span:nth-of-type(1) {
	font-size: 30px;
	font-weight: 600;
	color: #191919;
	display: block;
	width: 100%
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .left span:nth-of-type(2) {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	display: block;
	width: 50%;
	margin: 0 auto;
	margin-top: 1%;
	padding-top: 1%;
	border-top: 2px solid #ededed
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2% 3%;
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1) {
	font-size: 20px;
	font-weight: 600;
	line-height: 50px;
	margin: 0;
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1):hover {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1) a {
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1) a:hover {
	color: #cc1616
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media screen and (max-width: 1200px) {
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box {
	-webkit-box-direction: inherit;
	-ms-flex-direction: inherit;
	flex-direction: inherit;
}
}

@media screen and (max-width: 680px) {
main.page-template-1 .max-width-box article .item-video ul li.newsnone {
	height: 100px
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .right p:nth-of-type(1) a {
	font-size: 16px;
	line-height: 1.5;
	padding: 5px 0;
}
main.page-template-1 .max-width-box article .item-video ul li.newsnone .box .left {
	width: 100px;
}
}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right button.item-hover {
	background: #cc1616
}
.productsDetails-article .details .right p.product-content-price {
	margin: 10px 0 0
}
.addToCart {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #cc1616;
	color: #FFF;
	border: 1px solid #191919
}
.addToCart span {
	background: url(http://www.m406.seo.com.cn/images/m406/addtocart.png) no-repeat right center;
	padding-right: 26px;
	background-size: 20px;
}

@media (max-width: 1200px) {
main.page-template-1 .max-width-box article .item ul p:nth-of-type(2).product-price {
	display: block
}
}

@media (max-width: 750px) {
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(2).product-price {
	min-height: 0
}
}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p.product-price {
	line-height: 1;
	margin-bottom: 10px
}

@media (max-width: 768px) {
.item.item-products.productsDetails img, .item-aboutus .article img {
	height: auto !important
}
}

@media (max-width: 1024px) {
#xyz {
	padding: 12px 0;
	width: 100%;
	margin: 0;
	height: auto;
	position: static !important;
}
#xyz .xyz12 span {
	display: none
}
#xyz ul {
	display: flex !important;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	position: static
}
#xyz .xyz12 ul > li {
	margin: 0;
	padding: 10px 0 !important;
	width: 33.333%;
	text-align: left;
	background: transparent;
	border: 0;
	display: block !important
}
#xyz .xyz12 ul > li img {
	margin-right: 4px;
	vertical-align: middle;
	display: inline-block
}
#xyz .xyz12 ul > li a {
	overflow: hidden;
	padding: 0;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	text-indent: 0;
	line-height: 20px;
	height: auto;
	margin: 0;
	text-align: left
}
#xyz .xyz12 {
	display: block !important;
	padding: 0;
	position: static;
	height: auto;
	background: transparent;
}
header .top-box .nav-box .right nav {
	height: auto;
	bottom: 0;
}
}

@media (max-width: 768px) {
iframe, video {
	max-width: 100%;
	max-height: 380px;
}
}

@media (max-width: 750px) {
.pho-footer {
	height: auto;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	min-height: 0 !important;
}
.pho-footer ul {
	height: 13.067vw
}
.copyright {
	margin-bottom: calc(13.067vw + constant(safe-area-inset-bottom));
	margin-bottom: calc(13.067vw + env(safe-area-inset-bottom))
}
iframe, video {
	max-width: 100%;
	max-height: 380px
}
}

@media (max-width: 1441px) {
img {
	height: auto;
	max-width: 100%;
}
}

@media (max-width: 425px) {
.copyright {
	margin-bottom: calc(13.067vw + constant(safe-area-inset-bottom));
	margin-bottom: calc(13.067vw + env(safe-area-inset-bottom))
}
}

@media (max-width: 750px) {
.pho-footer {
	z-index: 500
}
header {
	z-index: 999
}
}
#jljw_IM_GdImBox {
	z-index: 900 !important
}

@media (max-width: 768px) {
.compare-panel {
	bottom: calc(13.067vw + constant(safe-area-inset-bottom)) !important;
	bottom: calc(13.067vw + env(safe-area-inset-bottom)) !important
}
.copyright {
	display: block
}
}
.copyright a {
	margin-left: 20px
}
.app {
	font-size: 16px
}
.app p {
	font-size: 1em;
	line-height: 2em
}
.app h4 {
	font-size: 1.5em;
	margin-bottom: 1em
}
.app h5 {
	font-size: 1em;
	margin: 1em 0
}
.app .app-list {
	display: -ms-flexbox;
	display: flex
}
.app .app-list .list-item {
	-ms-flex: 1;
	flex: 1
}
.app .app-list .list-item h4 {
	margin-bottom: 1em
}
.app .app-list li {
	padding: 10px 0 10px 35px;
	background: url(http://www.m406.seo.com.cn/images/m418/images/about_li.png) no-repeat;
	background-position: 2px
}
.app {
	font-size: 16px
}
.app .app-box {
	display: -ms-flexbox;
	display: flex
}
.app .box-l {
	-ms-flex: 3.5;
	flex: 3.5
}
.app .box-l img {
	width: 100%
}
.app .box-r {
	-ms-flex: 6.5;
	flex: 6.5
}
.app .box-r {
	padding-left: 40px
}
.support .support-item {
	display: -ms-flexbox;
	display: flex
}
.support .support-item > div {
	-ms-flex: 1;
	flex: 1;
	margin-bottom: 60px
}
.support .item-r {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.support .item-l .item-con {
	padding-right: 66px
}
.support .item-r .item-con {
	padding-left: 66px
}
.support .item-con {
	margin-top: 10px
}
.support .item-con p {
	margin-top: .5em
}
.support .item-con h4 {
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 1em;
	position: relative
}
.support .item-con h4::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	height: 3px;
	width: 40px;
	background-color: #b0acac
}
.solution .icon-list {
	display: -ms-flexbox;
	display: flex;
	position: relative
}
.solution .icon-list > div {
	-ms-flex: 1;
	flex: 1
}
.solution .icon {
	width: 90px;
	height: 90px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}
.solution .sol-icon {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #FFF;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: 0 6%
}
.solution .sol-icon:after {
	content: '01';
	font-size: 90px;
	font-weight: 700;
	position: absolute;
	top: -8px;
	left: 50%;
	color: #888;
	opacity: .1;
	transform: translateX(-50%)
}
.solution .sol-icon:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 100%;
	height: 30px;
	background: url(http://www.m406.seo.com.cn/images/m418/images/sol_line.png) no-repeat;
	transform: translateY(-50%)
}
.solution .sol-icon:nth-child(2):after {
	content: '02'
}
.solution .sol-icon:nth-child(3):after {
	content: '03'
}
.solution .sol-icon:nth-child(4):after {
	content: '04'
}
.solution .sol-icon:nth-child(4):before {
	display: none
}
.solution h4 {
	font-size: 24px;
	margin-bottom: 1em
}
.solution .sol-tab .tab-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}
.solution .sol-tab .tab-title {
	padding: 10px 20px;
	background-color: #eaeeee;
	color: #666;
	cursor: pointer;
	margin-right: 20px
}
.solution .sol-tab .tab-title:hover {
	background-color: #b0acac;
	color: #FFF
}
.solution .sol-tab .tab-title.is-active {
	background-color: #b0acac;
	color: #FFF
}
.solution .sol-tab .tab-title:nth-last-child(1) {
	margin-right: 0
}
.solution .sol-tab .tab-content .content-item {
	display: none
}
.solution .tab-content {
	margin-top: 40px
}
.solution .sol-box {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px
}
.solution .sol-box > div {
	width: 50%;
	-ms-flex: auto;
	flex: auto;
	padding: 0
}
.solution .sol-box > div img {
	display: block;
	width: 100%;
	height: auto
}
.solution .sol-box .box-icon {
	width: 86px;
	height: 86px;
	border-radius: 50%;
	background-color: #b0acac;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}
.solution .sol-box .box-icon > img {
	width: 40px;
	height: auto
}
.solution .sol-box .con {
	background-color: #f3f3f3;
	padding: 4%;
	box-sizing: border-box
}
.solution .sol-box .con-top {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}
.solution .sol-box .con-top p {
	margin-left: 30px;
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.3em
}
.applic-list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px
}
.applic-list ul li {
	width: 33.3333%;
	margin-bottom: 20px;
	padding: 0 10px;
	box-sizing: border-box
}
.applic-list .applic-name {
	padding: 10px 0;
	display: block;
	text-align: center;
	color: #222;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.applic-list .applic-img img {
	display: block;
	width: 100%;
	height: auto
}
.support-item-img {
	margin-bottom: 20px
}
.support-item-img img {
	width: 100%;
	height: auto
}
.ck-add .cp .cp-img img {
	width: 100%;
	height: auto
}
.ck-add .cp {
	display: flex
}
.ck-add .cp > div {
	width: 50%
}
.ck-add .cp-con {
	padding-left: 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center
}
.ck-add .cp-con h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 14px
}
.ck-add .ps-img {
	margin-bottom: 20px
}
.ck-add .ps-img img {
	width: 100%;
	height: auto
}
.ck-add .ps-con p {
	line-height: 1.8em;
	margin-bottom: 20px
}
.ck-add .ti {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}
.ck-add .ti .ti-tit {
	white-space: nowrap;
	font-size: 22px;
	font-weight: 700;
	color: #222;
	padding: 20px
}
.ck-add .ti .ti-con {
	flex: 1
}
.ck-add .ti .ti-img {
	width: 100%;
	margin: 10px 0
}
.ck-add .ti .ti-img img {
	width: 100%;
	height: auto
}
.ck-add .dh-con h4 {
	text-align: center
}
.ck-add p {
	margin-bottom: 20px;
	line-height: 1.6em;
	color: #222
}
.ck-add h4 {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #222
}
.ck-add ul {
	padding-left: 20px
}
.ck-add ul li {
	position: relative;
	color: #6e6e6e;
	list-style: disc
}
.ck-add .ce-list {
	display: flex
}
.ck-add .ce-list > div {
	flex: 1
}
.ck-add .ce-list img {
	width: 100%;
	height: auto
}
.ck-add .ce-list {
	margin: 0 -10px
}
.ck-add .ce-list .ce-item {
	padding: 0 10px;
	box-sizing: border-box
}
.ck-add .ho .ho-item {
	display: flex
}
.ck-add .ho .ho-item img {
	display: block;
	margin: 0 auto
}
.ck-add .ho .l .ho-left, .ck-add .ho .r .ho-right {
	flex: 4
}
.ck-add .ho .l .ho-right, .ck-add .ho .r .ho-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 6;
	padding: 0 20px;
	box-sizing: border-box
}
.ck-add .ho .ho-title {
	font-weight: 700
}
.ck-add .ho .ho-con {
	margin-top: 30px
}
.ck-add .ca-img img {
	width: 100%;
	height: auto
}
.ck-add .ca-img {
	margin-bottom: 20px
}
.ck-add .rd .rd-img-list {
	display: flex
}
.ck-add .rd .rd-img {
	padding: 0 10px;
	margin-bottom: 20px
}
.ck-add .rf .rf-con img {
	float: left;
	margin-right: 30px
}
.ck-add .cm-img img {
	width: 100%;
	height: auto
}
.ck-add .cm-img {
	margin-bottom: 20px
}
.ck-add .cv img {
	float: right
}
.ck-add .ch-item {
	display: flex
}
.ck-add .ch-item > div {
	width: 50%
}
.ck-add .ch-item.r {
	flex-direction: row-reverse
}
.ck-add .ch-con {
	display: flex;
	padding: 20px;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center
}
.ck-add .pe .pe-con .pe-img {
	float: right
}
.ck-add .pe ul li {
	list-style: none
}
.ck-add .pe ul {
	padding-left: 0
}
.support .item-con h4 {
	color: #222
}

@media screen and (max-width: 768px) {
.support .support-item {
	flex-direction: column
}
.support .item-l .item-con {
	padding-right: 0
}
.support .item-r .item-con {
	padding-left: 0
}
.applic-list ul li {
	width: 50%
}
.applic-list .applic-name {
	font-size: 14px
}
.ck-add .cp {
	flex-direction: column
}
.ck-add .cp > div {
	width: 100%
}
.ck-add .ce-list {
	flex-wrap: wrap
}
.ck-add .ce-list > div {
	width: 100%;
	flex: none
}
.ck-add .cp-con {
	padding-left: 0;
	margin-top: 20px
}
.ck-add .ho .ho-con {
	margin-top: 0
}
.ck-add .ho .ho-item {
	display: block
}
.ck-add .ho .ho-title {
	margin: 10px 0
}
.ck-add .rd .rd-img-list {
	flex-direction: column
}
.ck-add .rd .rd-img {
	padding: 0
}
.ck-add .ch-item.l, .ck-add .ch-item.r {
	flex-direction: column
}
.ck-add .ch-item > div {
	width: 100%
}
}

@media screen and (max-width: 768px) {
.app, .case, .solution, .support {
	padding: 0
}
.applic-list {
	padding: 6vw 0
}
.app .app-box, .app .app-list {
	flex-direction: column
}
.app .box-l {
	margin-bottom: 1em
}
.app .box-r {
	padding-left: 0
}
.app .list-item {
	margin-bottom: 1em
}
.how-to-use ul > li {
	width: 100%
}
.case ul > li {
	width: 50%;
	padding: 0 2vw
}
.case ul {
	margin: 0 -2vw
}
}

@media screen and (max-width: 1500px) {
.solution .tab-content {
	margin-top: 10px
}
.solution .sol-box {
	flex-direction: column
}
.solution .sol-box > div {
	width: 100%
}
.solution .icon-list {
	flex-wrap: wrap
}
.solution .icon-list > div {
	flex: auto
}
.solution .sol-icon {
	width: 50%;
	margin: 0;
	margin-bottom: 4vw
}
.solution .sol-icon:before {
	display: none
}
.solution .sol-tab .tab-list {
	flex-wrap: wrap
}
.solution .sol-tab .tab-title {
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px
}
.solution .sol-box .box-icon {
	width: 65px;
	height: 65px
}
.solution .sol-box .con-top p {
	margin-top: 0;
	margin-left: 16px
}
}

@media screen and (max-width: 1000px) {
.support .support-item {
	flex-direction: column
}
.support .support-item img {
	width: 100%
}
.support .item-l .item-con {
	padding-right: 0
}
.support .item-r .item-con {
	padding-left: 0
}
.support .support-item > div {
	margin-bottom: 8vw
}
.support .item-con h4 {
	font-size: 20px
}
}

@media screen and (max-width: 768px) {
header .nav-box .right nav .submenu li {
	text-align: right
}
.ck-add .dh-con h4 {
	text-align: left
}
.item-aboutus .article p, .item-faqdetails .article p {
	line-height: 1.7em
}
.ck-add .ch-con, .ck-add .ti .ti-tit {
	padding: 10px 0
}
.ck-add .ce-list > div {
	width: 50%
}
}
header nav ul.nav1 > li:not(#liproducts) .submenu {
	display: none
}

@media (max-width: 1024px) {
header .top-box .nav-box .right nav {
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom)
}
}
.addToCart {
	background: transparent;
	color: #000;
}
.addToCart.is-active {
	background: #cc1616;
}
.addToCart.is-active span {
	color: #FFF;
}
.wmkc-add h5 {
	margin-bottom: 20px;
	color: #222;
	font-weight: 700;
	font-size: 22px
}
.wmkc-add-size p {
	margin-bottom: 20px;
	color: #222;
	line-height: 2.2
}
.wmkc-add-p {
	display: flex
}
.wmkc-add-right {
	margin-bottom: 20px;
	color: #222;
	line-height: 2.2
}
.wmkc-add-img {
	max-width: 100%;
	margin-bottom: 50px
}
.wmkc-add-aa p {
	margin-bottom: 20px;
	color: #222;
	line-height: 2.2
}
.wmkc-addfooter-box {
	display: flex;
	margin-top: 25px
}
.wmkc-add-l {
	margin-right: 10px;
	width: 35.6%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}
.wmkc-add-r {
	flex: 1
}
.wmkc-add-left {
	margin-right: 50px
}
.wmkc-aff h4 {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #222;
	text-align: center
}
.wmkc-aff-sear {
	margin-bottom: 40px;
	color: #222;
	text-align: center;
	font-size: 14px
}
.wmkc-aff-computing {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap
}
.wmkc-aff-box {
	margin-bottom: 20px;
	width: 32%;
	background-color: #f6f6f7;
	justify-content: space-between;
	align-items: center
}
.wmkc-aff-img {
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center
}
.wmkc-aff-img img {
	width: 32px
}
.wmkc-aff-p {
	margin-bottom: 10px;
	color: #222;
	text-align: center;
	font-weight: 800;
	font-size: 20px
}
.wmkc-aff-box p {
	margin-bottom: 60px;
	padding: 0 30px;
	color: #222;
	text-align: center;
	font-size: 14px;
	line-height: 2.2
}
.wmkc-aff-box:hover {
	box-shadow: #e3e3e4 10px 10px 20px 5px
}
.wmks-agg-first {
	display: flex;
	margin-bottom: 40px
}
.wmks-agg-p {
	margin-left: 50px;
	width: 60%
}
.wmkc-agg-lazy {
	flex: 1
}
.wmks-agg-p h5 {
	margin-bottom: 20px;
	color: #222;
	font-weight: 700;
	font-size: 20px
}
.wmks-agg-p p {
	color: #222;
	font-size: 14px;
	line-height: 2.2
}
.wmks-agg-s h5 {
	margin-bottom: 20px;
	color: #222;
	font-weight: 700;
	font-size: 20px
}
.wmks-office-agg .wmks-agg-s p {
	margin-bottom: 35px;
	color: #222;
	font-size: 14px;
	line-height: 2.2
}
.wmks-agg-img {
	display: flex;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	justify-content: space-between
}
.wmks-agg-img img {
	width: 100%
}
.wmks-agg-di {
	width: 33%
}
.wmkc-agg-lazy img {
	width: 100%
}
.wmks-ahh-p {
	margin-right: 50px
}
.wmks-ahh-all {
	display: flex;
	margin-bottom: 40px;
	margin-left: 50px;
	justify-content: space-between
}
.wmks-ahh-p h5 {
	margin-bottom: 20px;
	color: #222;
	font-weight: 800;
	font-size: 20px
}
.wmks-ahh-p p {
	margin-bottom: 30px;
	color: #222;
	font-size: 14px;
	line-height: 2.2
}
.wmks-ahh-all img {
	width: 100%
}
.wmks-ahh-p {
	margin-right: 50px;
	width: 50%
}
.wmks-ahh-q {
	margin-right: 50px;
	width: 50%
}
.wmks-aee-boy span {
	display: block;
	margin-bottom: 25px;
	color: #222;
	font-weight: 800;
	font-size: 21px
}
.wmks-aee-boy p {
	color: #222;
	font-size: 14px;
	line-height: 2.2
}
.wmks-aee-img {
	margin-bottom: 50px;
	margin-top: 40px;
	max-width: 100%
}
.wmks-ahh-w {
	margin-right: 50px
}
.wmks-aee-box {
	display: flex
}
.wmks-aee-ssie {
	margin-left: 40px;
	width: 68%
}
.wmks-aee-ssie p {
	margin-bottom: 12px;
	color: #222;
	font-size: 14px;
	line-height: 2.2
}
.wmks-aee-ui {
	flex: 1
}
.wmks-aee-ui img {
	width: 100%
}
.wmks-aee-bos {
	display: flex;
	margin-top: 40px
}
.wmks-aee-boo {
	margin-right: 70px;
	width: 68%
}
.wmks-aee-boo p {
	margin-bottom: 12px;
	color: #222;
	font-size: 14px;
	line-height: 2.2
}
.wmks-aee-iu {
	flex: 1
}
.wmks-aee-iu img {
	width: 100%
}
.wmks-aee-bgg {
	margin-bottom: 30px;
	color: #222;
	font-size: 14px;
	line-height: 2.2
}
.wmks-aee-bt p {
	margin-top: 20px;
	margin-bottom: 25px;
	color: #222;
	font-weight: 800;
	font-size: 20px
}
.wmks-aee-chile {
	display: flex;
	justify-content: space-between
}
.wmks-aee-foot {
	width: 48%
}
.wmks-aee-l {
	height: 8px;
	background-color: #e2e2e2;
	width: 100%
}
.wmks-aee-k {
	height: 8px;
	background-color: #000;
	width: 95%
}
.wmks-aee-chile {
	margin-bottom: -17px
}
.wmks-aee-chile p:nth-child(2) {
	margin-right: 5%
}
.wmks-aee-footer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

@media (max-width: 320px) {
.wmkc-add-p, .wmkc-addfooter-box, .wmks-aee-bos, .wmks-aee-box, .wmks-ahh-all {
	flex-direction: column
}
.wmks-agg-img img {
	margin-top: 10px
}
.wmkc-aff-computing, .wmks-aee-footer {
	flex-direction: column
}
.wmkc-aff-box, .wmks-agg-img img, .wmks-ahh-all img {
	width: 100%
}
.wmks-agg-first, .wmks-agg-img {
	flex-direction: column
}
.wmks-aee-ssie, .wmks-agg-p, .wmks-ahh-all {
	margin-left: 0
}
.wmks-agg-di, .wmks-agg-p {
	width: 100%
}
.wmks-aee-boo {
	margin-right: 0
}
.wmks-aee-ssie {
	margin-top: 10px
}
.wmks-aee-bos {
	display: flex;
	margin-top: 20px
}
.wmkc-add-left {
	margin-right: 0
}
.wmks-aee-foot, .wmks-ahh-p {
	width: 100%
}
.wmks-ahh-q {
	width: 100%
}
.wmkc-add-l {
	margin-right: 0;
	width: 100%;
	flex-direction: column
}
.wmkc-add-l img {
	margin-bottom: 10px
}
.wmkc-add-img {
	margin-bottom: 22px
}
.wmks-ahh-all:nth-child(1) {
	margin-bottom: -45px
}
.wmks-ahh-all:nth-child(4) {
	margin-top: -80px
}
.wmks-ahh-q img:nth-child(1) {
	margin-bottom: -20px
}
.wmks-ahh-p {
	margin-top: 33px
}
.wmks-aee-boo, .wmks-aee-ssie {
	width: 100%
}
}

@media (min-width: 321px) and (max-width: 768px) {
.wmkc-add-p, .wmkc-addfooter-box, .wmks-aee-bos, .wmks-aee-box, .wmks-agg-first, .wmks-agg-img, .wmks-ahh-all {
	flex-direction: column
}
.banner2-box img {
	display: none
}
.wmkc-aff-box p {
	font-size: 14px;
	padding: 0
}
.wmkc-aff-box {
	width: 48%
}
.wmks-aee-ssie, .wmks-agg-p, .wmks-ahh-all {
	margin-left: 0
}
.wmks-agg-di, .wmks-agg-p {
	width: 100%
}
.wmks-agg-img img {
	margin-top: 10px;
	width: 100%
}
.wmks-ahh-all img {
	width: 100%
}
.wmks-aee-boo {
	margin-right: 0
}
.wmks-aee-ssie {
	margin-top: 10px
}
.wmkc-add-left {
	margin-right: 0
}
.wmks-ahh-p, .wmks-ahh-q {
	width: 100%
}
.wmks-ahh-p span {
	margin-top: 5px
}
.wmks-ahh-all {
	margin-bottom: 15px
}
.wmkc-add-l {
	margin-right: 0;
	width: 100%;
	flex-direction: column
}
.wmkc-add-l img {
	margin-bottom: 10px
}
.wmks-aee-boo, .wmks-aee-ssie {
	width: 100%
}
}

@media (min-width: 769px) and (max-width: 1024px) {
.banner2-box img {
	display: none
}
.wmks-agg-img img {
	margin-top: 10px;
	width: 100%
}
.wmks-ahh-p span {
	margin-top: 0
}
.wmks-aee-boo, .wmks-aee-ssie {
	width: 56%
}
}
/*Index_11*/
img, iframe {
	max-width: 100%
}
.repro .container {
	width: 86.33333%;
	max-width: 1600px;
	margin: 0 auto;
}
.repro .sun {
	white-space: nowrap;
}
.repro-box {
	margin-top: 30px
}
.flex-ai-c {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}
.repro {
	padding-bottom: 40px;
	overflow: hidden;
	width: 100%
}
.repro-swiper {
	width: calc(100% - 140px);
	padding: 20px 0;
}
.repro-box-next, .repro-box-prev {
	width: 40px;
	height: 40px;
	background-color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	transition: background .2s;
	color: #666;
	cursor: pointer
}
.repro-box-next:hover, .repro-box-prev:hover {
	background-color: #cc1616;
	color: #FFF
}
.repro-boxlist li {
	background-color: #eee;
	padding: 10px;
	height: auto;
	transition: box-shadow .2s;
	width: 25%;
	box-sizing: border-box;
}
.repro-item-img {
	overflow: hidden;
	background-color: #FFF
}
.repro-item-cont {
	padding: 10px
}
.repro-name {
	text-transform: capitalize;
	font-size: 16px;
	color: #333;
	height: 44px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.repro-more {
	display: block;
	border-top: 1px solid #dadadb;
	color: #666;
	margin-top: 8px;
	padding-top: 12px;
	text-transform: capitalize
}
.repro-boxlist li:hover .repro-more {
	color: #cc1616
}
.swiper-button-disabled {
	opacity: .4;
	cursor: auto;
	pointer-events: none
}
.repro-swiper .repro-boxlist {
	flex-wrap: nowrap;
	flex-direction: initial;
}

@media (max-width: 1210px) {
.repro .container {
	width: auto;
	margin: 0 4vw
}
}

@media (max-width: 1024px) {
.repro-box-next, .repro-box-prev {
	display: none
}
.repro-swiper {
	width: 100%
}
.repro-box .swiper-pagination {
	position: static;
	margin-top: 10px
}
.repro-box .swiper-pagination-bullet-active {
	background: #000
}
.repro-boxlist li {
	margin-top: 0 !Important
}
.repro .title {
	text-align: center
}
}

@media (max-width: 680px) {
.repro .sun {
	white-space: initial;
}
.repro {
	padding-top: 50px
}
.parent {
	font-size: 36px;
	line-height: 1.1;
	display: flex;
	justify-content: center;
}
.sun {
	font-size: 25px
}
.repro-box {
	margin-top: 15px
}
}
.home-tit {
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	color: #3f3f3f;
	line-height: 1.2;
}

@media (max-width: 680px) {
.home-tit {
	font-size: 25px
}
.repro-swiper {
	padding-top: 5px
}
}
/*Index_11*/
.ck-add .cm-img img {
	width: auto;
}
/*product detail*/
#tags {
	display: flex;
	flex-wrap: wrap
}
#tagContent {
	padding-top: 20px;
}
#tags li {
	margin: 0 30px 10px 0;
	width: auto;
	height: auto;
}
#tags li a {
	text-decoration: none;
	display: block;
	line-height: 1.4;
	padding-bottom: 8px;
	color: #222;
	font-size: 20px;
	border-bottom: 2px solid transparent
}
ul#tags li.selectTag a {
	color: #cc1616;
	border-color: #cc1616
}
.tagContent {
	display: none;
}
#tagContent div.selectTag {
	display: block;
}

@media (max-width: 640px) {
#tags li a {
	font-size: 17px
}
#tags li {
	margin-right: 20px;
}
}

@media (min-width: 1101px) and (max-width: 1280px) {
header .top-box .nav-box .right ul.nav1 > li a {
	padding: 0 12px
}
}

@media (min-width: 1025px) and (max-width: 1100px) {
header .top-box .nav-box .right ul.nav1 > li a {
	padding: 0 8px
}
}
.qr-code img {
	height: auto;
	max-width: 120px;
	max-height: 120px
}
.index-swiper img {
	height: auto
}
#feedbackForm .inquiry-form .feed-verification {
	width: 100%;
	display: flex;
	margin-top: 30px
}
#feedbackForm .inquiry-form .feed-verification input {
	margin: 0;
	flex: 1;
	max-width: 300px
}
#feedbackForm .inquiry-form .feed-verification img {
	width: 90px;
	height: 100% !important;
	cursor: pointer
}

@media (max-width: 600px) {
#feedbackForm .inquiry-form .feed-verification {
	margin-top: 15px
}
}

@media (min-width: 1201px) {
main.page-template-1 .max-width-box article.productsDetails-article {
	max-width: calc(100% - 308px)
}
}

@media (max-width: 480px) {
main.index section.about-us .block-box {
	display: block;
}
main.index section.about-us .block-box .pic {
	width: 100%;
	max-width: 100%;
}
main.index section.about-us {
	height: auto;
}
main.index section.about-us .block-box .content .top h2 {
	margin-bottom: 10px;
}
main.index section.about-us .block-box .content .top p {
	display: block;
	font-size: 14px;
	line-height: 1.6;
}
}

@media (max-width: 1024px) {
.mobcate-main {
	flex-wrap: wrap
}
main.page-template-1 .max-width-box.mobcate-main aside {
	display: block;
	width: 100%;
	max-width: 100%
}
.mobcate-main aside .last-products, .mobcate-main aside .contact-us {
	display: none
}
.mobcate-main aside > ul:first-of-type {
	position: relative
}
.mobcate-main aside .has-children2 {
	position: absolute;
	top: 110%;
	left: 0;
	right: 0;
	padding: 0 10px;
	z-index: 20;
	display: none;
	background-color: #FFF;
	box-shadow: rgb(0 0 0 / 20%) 0 2px 16px
}
.mobcate-main aside > ul:first-of-type > li:first-of-type {
	text-align: left;
	color: #000;
	margin: 0;
	cursor: pointer;
	background: url(../image/cate-btn.png) right center/24px no-repeat;
	border-bottom: 1px solid #CCC
}
}

@media (max-width: 1200px) {
main.page-template-1 .max-width-box article .productsDetails ul {
	display: block
}
main.page-template-1 .max-width-box article .productsDetails ul li {
	width: auto;
	margin-bottom: 0
}
}

@media (max-width: 650px) {
main.page-template-1 .max-width-box article .productsDetails ul li {
	height: auto
}
}
h4.cate-h4, h4.pro-h4 {
	clear: both;
	font-weight: bold;
}
ul.cate-ulli, ul.pro-ulli {
	clear: both;
	padding: 10px 0px 10px 20px;
	display: block !important
}
ul.cate-ulli li, ul.pro-ulli li {
	list-style-type: disc;
	line-height: 175%;
}
.zxly {
	width: 98%;
	line-height: 30px;
	height: 240px;
}
.xwzx li {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.xwzx li ol {
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	background: url("../images/li1.png") no-repeat left center;
}
.xwzx li ol a {
	color: #000;
	font-size: 18px;
	padding-left: 8px;
}
.xwzx li ol span {
	float: right;
}
.xwzx li p {
	color: #777270;
	font-size: 14px;
}
.slt {
	width: 80%;
	margin: 0px auto;
	text-align: center;
}
.slt img {
	height: auto;
	max-width: 700px;
}
.product {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	text-align: center;
}
.product dl {
	margin: 0px 10px 20px 10px;
	text-align: center;
	background-color: #fff;
	padding-bottom: 15px;
}
.product dt {
	text-align: center;
	border-bottom: 2px solid #f6f6f7;
}
.product dt a {
	width: 100%;
}
.product dd {
	text-align: center;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	font-size: 14px;
	width: 100%;
}
.product_img {
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	float: none;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}
.product dt .product_img img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	cursor: pointer;
	transition: all 0.6s;
}
.product dl dd a {
	color: #000;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer
}
.product dl:hover dt .product_img img {
	transform: scale(1.3);
}
.product dl:hover dd a {
	color: #CC1616;
}
.product dl li {
	width: 80%;
	background-color: #000;
	margin: 0px auto;
	height: 40px;
	line-height: 40px;
}
.product dl:hover li {
	background-color: #CC1616;
}
.product dl li a {
	color: #fff;
}

@media (min-width:768px) {
.product dl {
	width: calc(25% - 20px);
}
.product dt {
	width: 164px;
	height: 164px;
}
.product_img {
	width: 164px;
	height: 164px;
}
}

@media (min-width:1024px) {
.product dl {
	width: calc(25% - 20px);
}
.product dt {
	width: 221px;
	height: 221px;
}
.product_img {
	width: 221px;
	height: 221px;
}
}

@media (min-width:1200px) {
.product dl {
	width: calc(25% - 20px);
}
.product dt {
	width: 188px;
	height: 188px;
}
.product_img {
	width: 188px;
	height: 188px;
}
}

@media (min-width:1400px) {
.product dl {
	width: calc(25% - 20px);
}
.product dt {
	width: 234px;
	height: 234px;
}
.product_img {
	width: 234px;
	height: 234px;
}
}

@media (min-width:1600px) {
.product dl {
	width: calc(25% - 20px);
}
.product dt {
	width: 305px;
	height: 305px;
}
.product_img {
	width: 305px;
	height: 305px;
}
main.index section.products .item ul li > div img{height: 384px;}
}
@media (min-width:1400px) and (max-width:1599px) {main.index section.products .item ul li > div img{height:329px;}}
@media (min-width:1200px) and (max-width:1399px) {main.index section.products .item ul li > div img{height:284px;}}
.yqlj{text-align: center;font-size: 12px;color: #333;line-height: 32px;}
.yqlj a{color: #333;padding-right:10px;font-size: 12px;}
.contact-us{background-color: #fff!important;line-height: 36px;}
.contact-us p{padding: 0px 5px;}
.nyxx{border-bottom: 1px solid #ccc;line-height: 36px;font-size: 16px;font-weight: bold;color: #CC1616;margin-bottom: 10px;}
.nyxw2 li{width: 48%;margin-right: 4%;float: left;line-height:42px;height:42px;border-bottom: 1px dashed #ccc;}
.nyxw2 li:nth-child(2n){margin-right: 0px;}
.nyxw2 li a{font-size: 14px;color: #333;transition: all 0.6s;}
.nyxw2 li span{float:right;}
.nyxw2 li a:hover{margin-left: 10px;}
.qyfz{text-align: center;color: #fff;line-height: 36px;background-color: #191919;}
.qyfz a{color: #fff;margin-right: 5px;}