@import url(e1cb672f46044470afebe47487989b76.css);
	a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,time,tt,u,ul,var,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
body {
	line-height:1
}
ol,ul {
	list-style:none
}
blockquote,q {
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
	content:"";
	content:none
}
a,a:hover {
	color:#000
}
a,a:hover,a:link,a:visited {
	text-decoration:none
}
body {
	font-family:Source Sans Pro,Arial,sans-serif;
	font-size:16px
}
img {
	max-width:100%
}
input {
	-webkit-appearance:none;
	border-radius:0
}
.flex {
	display:flex;
	justify-content:center;
	align-items:center
}
.flex-wrapper {
	display:flex;
	flex-wrap:wrap
}
.card {
	display:flex;
	flex-direction:column
}
.head {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:80px;
	box-sizing:border-box;
	z-index:9;
	background-color:#690301;
	transition-property:height;
	transition-duration:.2s;
	transition-timing-function:ease;
	max-width:1920px;
	margin:0 auto
}
.head-wrapper {
	width:1400px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:100%
}
.head-logo {
	width:400px
}
.head-logo,.head-nav {
	height:100%
}
.head-nav>ul {
	height:100%;
	display:flex
}
.head-nav>ul>li {
	position:relative;
	height:100%
}
.head-nav>ul>li>a {
	transition:color .3s ease;
	transition:background-color .3s ease;
	padding:0 20px;
	height:100%;
	display:flex;
	font-weight:700;
	align-items:center;
	justify-content:center;color:#fff;
}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a {
	color:#fff;
	background-color:#500301
}
.head-nav>ul .submenu {
	background-color:#690301;
	position:absolute;
	transform-origin:top;
	top:100%;
	transition:all .4s ease;
	transform:rotateX(90deg);
	opacity:0
}
.head-nav>ul .submenu a {
	display:block;
	padding:0 20px;
	line-height:40px;
	white-space:nowrap;
	transition:all .4s ease;color:#fff;
}
.head-nav>ul .submenu a:hover {
	background-color:#500301;
	color:#fff
}
.nav-btn {
	display:none;
	position:relative;
	margin:auto 0;
	height:4.2666666667vw;
	width:6vw
}
.nav-btn span {
	border-radius:2px;
	position:absolute;
	display:block;
	width:6vw;
	height:.6666666667vw;
	background-color:#000;
	transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s
}
.nav-btn span:first-child {
	top:.1vw
}
.nav-btn span:nth-child(2) {
	top:2.1333333333vw
}
.nav-btn span:nth-child(3) {
	top:4.2666666667vw
}
.toggle-animate span:first-of-type {
	top:1.6vw;
	transform:rotate(45deg);
	transition:top .2s,transform .2s .2s,background .2s
}
.toggle-animate span:nth-of-type(2) {
	opacity:0;
	transition:opacity .2s
}
.toggle-animate span:nth-of-type(3) {
	top:1.6vw;
	transform:rotate(-45deg);
	transition:bottom .2s,transform .2s .2s,background .2s
}
main {
	margin-top:80px
}
.common-wrapper {
	width:1400px;
	margin:0 auto
}
body {
	max-width:1920px;
	margin:0 auto
}
.foot {
	width:100%
}
.foot .common-wrapper {
	display:flex;
	align-items:center
}
.foot .text {
	width:300px;
	line-height:60px
}
.mobile-bottom {
	display:none
}
.search-box {
	background-color:#690301;
	height:60px
}
.search-input {
	flex:1;
	display:flex
}
.search-input input {
	display:inline-block;
	height:40px;
	box-sizing:border-box;
	outline:none
}
.search-input .seatxt {
	padding-left:10px;
	flex:1;
	border:1px solid #e5e5e5
}
.search-input .stbn {
	width:226px;
	background-color:#000;
	color:#690301;
	border:none;
	cursor:pointer
}
.foot-list {
	min-height:300px;
	box-sizing:border-box;
	background-color:#690301;
	color:#fff
}
.foot-l {
	width:100%;
	height:100%;
	display:flex
}
.foot-l .foot-u {
	margin-top:30px
}
.foot-l .foot-u li {
	margin:20px 0;
	color:#eee;
	line-height:1.5
}
.foot-l .foot-u li a {
	transition:all .3s ease;
	color:#eee;
	font-size:14px;
	line-height:1.3
}
.foot-l .foot-u li a:hover {
	color:#fff;
	opacity:1;
	padding-left:10px
}
.foot-l .foot-u .iconfont {
	color:#eee;
	opacity:.6;
	margin-right:3px
}
.foot-l .lfr {
	margin-top:30px;
	display:flex
}
.foot-item {
	padding-top:30px;
	height:100%;
	width:25%
}
.foot-title {
	font-size:18px;
	font-weight:700;
	color:#fff
}
.foot-cate,.foot-code,.foot-nav {
	padding-left:100px
}
.foot-cate ul,.foot-nav ul {
	margin-top:30px
}
.foot-cate ul li,.foot-nav ul li {
	margin:10px 0
}
.foot-cate ul li a,.foot-nav ul li a {
	transition:all .3s ease;
	color:#eee;
	font-size:14px;
	line-height:1.3
}
.foot-cate ul li a:before,.foot-nav ul li a:before {
	position:relative;
	top:-2px;
	content:"-";
	margin-right:10px
}
.foot-cate ul li a:hover,.foot-nav ul li a:hover {
	color:#fff;
	opacity:1;
	padding-left:10px
}
.foot-right {
	width:100%;
	height:58px;
	background-color:#690301;

	color:hsla(0,0%,100%,.6);
	display:flex;
	justify-content:center;
	align-items:center
}
.code-img {
	margin-top:30px
}
.code-img img {
	max-width:140px
}
.banner {
	width:100%;
	height:240px;
	position:relative;
	background-color:#ededed;
	animation:loading 1.4s ease infinite;
	background-image:linear-gradient(90deg,#f0f0f0 25%,#e3e3e3 37%,#f0f0f0 63%);
	background-size:400% 100%
}
.banner img {
	width:100%;
	display:block;
	height:100%;
	object-fit:cover
}
@keyframes loading {
	0% {
	background-position:100% 50%
}
to {
	background-position:0 50%
}
}.banner-title {
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	font-size:35px;
	color:#fff
}
.inner-nav {
	overflow-y:auto;
	width:100%;
	background-color:#f1f1f1;
	height:60px
}
.inner-nav a,.inner-nav h1 {
	display:inline;
	line-height:60px
}
.inner-nav span {
	margin:0 5px
}
.common-content .common-wrapper {
	display:flex
}
.common-main {
	flex:7.5;
	box-sizing:border-box;
	padding:50px 30px 50px 0
}
.common-main h1 {
	text-align:center;
	font-size:30px;
	line-height:36px;
	padding-bottom:30px
}
.common-main p {
	font-size:14px;
	line-height:1.8
}
.common-side {
	padding-top:50px;
	flex:2.5;
	box-sizing:border-box;
	margin-bottom:40px
}
.common-side .title {
	background-color:#690301;
	font-size:18px;
	font-weight:500;color:#fff;
}
.side-about>div,.side-cate>div,.side-contact>div,.side-news>div,.side-pro>div {
	height:58px;
	width:100%;
	text-align:center;
	line-height:58px
}
.side-about a,.side-cate a,.side-contact a,.side-news a,.side-pro a {
	display:block;
	width:100%;
	height:100%
}
.side-about .item {
	border-bottom:1px solid #f1f1f1;
	background-color:#fff;
	font-size:14px
}
.side-about .item:hover a {
	color:#690301;
	position:relative
}
.side-about .item:hover a:after {
	content:"";
	position:absolute;
	left:65%;
	top:24px;
	width:0;
	height:0;
	border:5px solid transparent;
	border-left-color:#690301
}
.side-about .LocalCurrent {
	border-bottom:1px solid #f1f1f1;
	background-color:#fff;
	font-size:14px
}
.side-about .LocalCurrent a {
	color:#690301;
	position:relative
}
.side-about .LocalCurrent a:after {
	content:"";
	position:absolute;
	left:65%;
	top:24px;
	width:0;
	height:0;
	border:5px solid transparent;
	border-left-color:#690301
}
.side-contact {
	margin-top:30px
}
.side-contact .contact-ul {
	padding:30px 20px;
	background-color:#fff
}
.side-contact .contact-ul li {
	margin-bottom:16px;
	font-size:14px;
	line-height:1.6
}
.side-contact .contact-ul li:last-child {
	margin-bottom:0
}
.side-contact .contact-ul li a {
	display:inline
}
.side-contact .contact-ul .iconfont {
	margin-right:3px
}
.side-news ul {
	background-color:#fff;
	padding:0 10px;
	width:100%;
	box-sizing:border-box
}
.side-news ul li {
	padding:2px 0;
	width:100%;
	display:flex;
	height:90px;
	border-bottom:1px solid #eee
}
.side-news ul li:hover .news-title {
	color:#690301
}
.side-news ul li:last-child {
	border-bottom:none
}
.side-news ul .news-img {
	flex:3;
	display:flex;
	align-items:center;
	padding:10px 0;
	min-height:50px
}
.side-news ul .news-img img {
	max-height:100%;
	max-width:100%
}
.side-news ul .news-info {
	padding:10px 0 0 5px;
	box-sizing:border-box;
	height:100%;
	display:flex;
	flex-direction:column;
	flex:5
}
.side-news ul .news-info a {
	display:inline-block;
	width:auto;
	height:auto
}
.side-news ul .news-title {
	transition:color .3s ease;
	height:40px;
	font-size:14px;
	font-weight:400
}
.side-news ul .news-date {
	margin-top:10px;
	color:#848484;
	font-size:13px
}
.side-cate li {
	position:relative;
	padding-left:14px
}
.side-cate li a:hover {
	color:#690301
}
.side-cate .pro-menu {
	display:none
}
.side-cate>ul>li {
	line-height:45px;
	display:block;
	background-color:#fff;
	padding-left:30px;
	border-bottom:1px solid #f1f1f1
}
.side-cate>ul>li i {
	position:absolute;
	content:"";
	top:0;
	right:0;
	width:50px;
	height:47px;
	cursor:pointer;
	display:block
}
.side-cate>ul>li i:before {
	position:absolute;
	content:" ";
	top:18px;
	right:21px;
	width:8px;
	height:8px;
	border:2px solid #707070;
	border-top:none;
	border-left:none;
	transform:rotate(-45deg);
	transition:transform .3s ease-in-out;
	cursor:pointer
}
.side-cate>ul>li .active:before {
	transform:rotate(45deg)
}
.side-cate>ul>li a {
	width:100%;
	height:100%
}
.side-cate>ul>li .sub-menu {
	display:none
}
.side-cate .LiLevel2 a {
	padding-left:15px;
	box-sizing:border-box
}
.side-cate .LiLevel2 .pro-menu a {
	padding-left:25px
}
.side-pro {
	margin-top:30px
}
.side-pro ul {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-top:30px
}
.side-pro ul li {
	width:47%;
	margin-bottom:20px
}
.side-pro ul li .pro-img-wrapper {
	overflow:hidden;
	background-color:#fff;
	width:100%;
	padding-top:100%;
	box-sizing:border-box;
	position:relative
}
.side-pro ul li .pro-img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.side-pro ul li .pro-img img {
	max-width:100%;
	max-height:100%;
	transition:transform .3s ease
}
.side-pro ul li .pro-name {
	padding:0 5px;
	box-sizing:border-box;
	margin-top:10px;
	font-size:14px;
	display:-webkit-box;
	display:-moz-box;
	max-height:16px;
	line-height:16px;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden
}
.side-pro ul li:hover .pro-img img {
	transform:scale(1.05)
}
.side-pro ul li:hover .pro-name {
	color:#690301
}
.inquiry-form {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.common-link {
	margin-top:50px;
	width:100%;
	display:flex
}
.common-link>div {
	flex:1;
	display:flex;
	align-items:center;
	height:50px;
	font-size:18px;
	padding:0 20px
}
.common-link>div a {
	height:100%;
	line-height:50px;
	max-width:400px;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.common-link .prev {
	background-color:#690301;
	color:#fff
}
.common-link .prev a {
	color:#fff
}
.common-link .prev i {
	margin-right:20px
}
.common-link .next {
	background-color:#000;
	color:#fff;
	justify-content:flex-end
}
.common-link .next a {
	color:#fff
}
.common-link .next i {
	margin-left:20px
}
#toast-container {
	padding-top:100px
}
.top-btn {
	display:none;
	border-radius:50%;
	width:40px;
	height:40px;
	background:#fff;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
	box-shadow:0 5px 5px 0 rgba(0,0,0,.1);
	transition:all .4s ease
}
.top-btn:hover {
	cursor:pointer;
	background:#ccc
}
.top-btn i {
	position:relative;
	transform:scale(1.4)
}
.side-float {
	padding-top:50px;
	box-sizing:border-box
}
.side-float .title {
	background-color:#690301;
	font-size:18px;
	font-weight:500
}
.sm-mask {
	position:fixed;
	width:100%;
	bottom:0;
	height:100%;
	background:rgba(0,0,0,.6);
	z-index:8;
	display:none;
	top:13.3333333333vw
}
#xyz {
	min-width:150px;
	position:relative;
	height:100%
}
.xyz12 {
	position:absolute;
	top:calc(50% - 15px);
	left:0;
	padding:0 20px 10px 10px;
	background-color:#690301
}
.xyz12 span {
	position:absolute;
	right:-3px;
	top:8px;
	background:url(../images/down.png) no-repeat;
	width:20px;
	height:20px;
	cursor:pointer
}
.xyz12 .dp {
	transform:rotate(90deg);
	transition:transform .2s ease
}
.xyz12 ul li {
	line-height:30px;
	display:none
}
.xyz12 ul li img {
	margin-right:5px;
	position:relative;
	top:3px
}
.xyz12 ul li:first-of-type {
	display:block
}
.singglepic {
	z-index:4!important;
	width:428px;
	height:428px
}
.foot-l .lfr li {
	width:32px;
	height:32px;
	background:#5c5c5c;
	border-radius:50%;
	display:flex;
	margin-right:10px;
	transition:all .5s;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	padding:5px
}
.foot-l .lfr li:hover {
	background:#eee
}
.foot-l .lfr li img {
	display:block
}
.footlinks {
	background:#171615;
	text-align:center;
	font-size:12px;
	height:40px;
	line-height:40px
}
.footlinks a {
	color:#eee
}
.footlinks a:hover {
	color:#fff
}
.footlinks span {
	color:#eee
}
.foot-right {
	height:50px;
	font-size:14px
}
.foot-right img {
	margin-left:14px;
	position:relative;
	top:-1px
}
.foot-right a {
	color:hsla(0,0%,100%,.6)
}
#map {
	width:100%;
	height:500px;
	margin-bottom:50px
}
.swiper-container .swiper-slide {
	display:flex;
	justify-content:center;
	width:100%
}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev {
	background:none;
	width:50px;
	height:50px
}
.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after {
	content:""
}
.swiper-container .swiper-button-next i,.swiper-container .swiper-button-prev i {
	font-size:50px;
	color:#690301
}
.swiper-container .swiper-button-next {
	right:5px
}
.swiper-container .swiper-pagination-bullet {
	background:#fff
}
.swiper-container .swiper-pagination-bullet-active {
	background:#690301
}
main {
	background-color:#fafafa
}
.common-title {
	font-size:35px;
	line-height:1.7;
	font-weight:500
}
.common-more-btn {
	display:block;
	margin:0 auto;
	padding:16px;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	border:1px solid #000
}
.common-more-btn i {
	font-weight:700;
	margin-left:30px
}
.common-more-btn-y {
	display:block;
	margin:0 auto;
	padding:16px;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	border:1px solid #fff;
	color:#fff
}
.common-more-btn-y i {
	font-weight:700;
	margin-left:30px
}
.btn-wrapper {
	width:100%;
	display:flex;
	justify-content:center
}
.ind {
	top:-3px;
	width:100%;
	background-color:#690301
}
.ind,.ind-item {
	position:relative
}
.ind-item {
	height:200px;
	width:20%;
	box-sizing:border-box;
	text-align:center;
	padding-top:80px;
	color:#fff;
	transition:background-color .3s ease
}
.ind-item:hover {
	background-color:#690301;
	color:#fff
}
.ind-item:hover a {
	color:#fff
}
.ind-item a {
	color:#fff;z-index:10
}
.ind-item .tit {
	font-size:28px;
	z-index:0
}
.ind-item ul {
	margin-top:30px;
}
.ind-item ul li {
	line-height:30px;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.ind-item ul li:before {
	content:"-";
	margin-right:5px
}
.ind-item img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	opacity:.2;
	width:100%;
	height:100%;z-index:1
}
.ind-wrapper {
	display:flex
}
.hot-pro {
	width:100%
}
.hot-pro p {
	text-align:center
}
.hot-pro p:nth-of-type(2) {
	font-size:18px;
	line-height:1.5;
	padding-bottom:25px
}
.hot-pro ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:30px
}
.hot-pro ul li {
	width:calc(25% - 30px);
	margin:0 15px 30px;
	background-color:#fff;
	transition:all .3s ease
}
.hot-pro ul li:hover {
	background-color:#;
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	transform:translateY(-3px);color:#000;
}

.hot-pro ul li:hover img {
	transform:scale(1.1);color:#fff;
}
.hot-pro .pro-img-wrapper {
	overflow:hidden;
	width:100%;
	padding-top:100%;
	position:relative;
	box-sizing:border-box;
	background-color:#fff
}
.hot-pro .pro-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.hot-pro .pro-img img {
	transition:transform .3s ease
}
.hot-pro .pro-info {
	width:100%;
	padding:15px;
	box-sizing:border-box
}
.hot-pro .pro-name {
	font-size:18px;
	line-height:1.5;
	padding-bottom:5px;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.hot-pro .pro-info:hover{
	
}
.hot-pro .pro-intro {
	font-size:14px;
	display:-webkit-box;
	display:-moz-box;
	max-height:40px;
	line-height:20px;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.about,.hot-pro-wrapper {
	margin-top:50px
}
.about {
	position:relative;
	height:600px;
	background-color:#690301;
	color:#fff
}
.about:before {
	content:"";
	width:100%;
	height:100%;
	background-color:#690301;
	opacity:.85;
	display:block
}
.about-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	padding:80px 0 50px;
	box-sizing:border-box;
	justify-content:space-evenly;
	align-items:center;
	flex-direction:column
}
.about-img {
	background-color:#000
}
.about-img img {
	opacity:.2
}
.about-title {
	color:#fff;
	font-size:40px;
	font-weight:700;
	padding:20px 0
}
.about-text {
	text-align:center;
	width:1400px;
	color:#fff;
	line-height:1.6
}
.news {
	padding:50px 0;
	background-color:#fff
}
.news .common-title {
	margin-bottom:20px;color:#000;
}
.news p {
	text-align:center
}
.news ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:30px
}
.news ul li {
	width:calc(25% - 30px);
	margin:30px 15px;
	background-color:#fff;
	box-sizing:border-box;
	transition:all .3s ease
}
.news ul li .more-btn {
	transition:all .3s ease;
	padding:12px 0;
	margin-top:20px;
	font-size:14px;
	display:inline-block
}
.news ul li .more-btn i {
	position:relative;
	top:2px;
	font-weight:700;
	margin-left:5px
}
.news ul li:hover {
	box-shadow:0 5px 10px rgba(0,0,0,.8);
	transform:translateY(-3px)
}
.news ul li:hover .more-btn {
	padding:12px;
	background-color:#690301;color:#fff;
}
.news-info {
	padding:20px
}
.news-title {
	font-weight:700;
	display:-webkit-box;
	display:-moz-box;
	max-height:40px;
	line-height:20px;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.news-img img {
	width:100%
}
.news-img {
	min-height:120px
}
.news-con {
	margin-top:20px;
	color:#333;
	font-size:14px;
	display:-webkit-box;
	display:-moz-box;
	max-height:54px;
	line-height:18px;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden
}
.map {
	padding-top:50px;
	background-color:#fff
}
.map-wrapper .common-title {
	text-align:center
}
.map-w {
	display:flex
}
.map-w>div {
	width:50%;
	box-sizing:border-box;
	padding:10px 0
}
.map-w .map-info {
	padding:50px 0 30px 20px
}
.map-w .map-info .title {
	display:inline-block;
	line-height:30px;
	border-bottom:2px solid #690301;
	font-size:26px
}
.map-w .map-info table {
	margin-top:20px;
	text-align:center;
	border-collapse:collapse;
	border:1px solid #eee
}
.map-w .map-info td {
	width:180px;
	line-height:60px;
	border:1px solid #eee;
	transition:box-shadow .2s ease
}
.map-w .map-info td:hover {
	box-shadow:0 1px 10px rgba(34,25,25,.3);
	cursor:default
}
.swiper-slide img {
	width:100%
}
.prolist-0 li {
	width:100%;
	display:flex;
	background-color:#fff;
	margin-bottom:30px;
	transition:transform .3s ease;
	box-sizing:border-box
}
.prolist-0 li>a {
	display:block;
	width:200px;
	height:200px;
	display:flex;
	align-items:center
}
.prolist-0 li>a img {
	max-width:100%;
	max-height:100%
}
.prolist-0 li:hover {
	transform:translateY(-3px);
	box-shadow:0 7px 7px -7px rgba(0,0,0,.2)
}
.prolist-0 li:hover .pro-name {
	color:#690301
}
.prolist-0 .pro-info {
	padding-top:35px;
	padding-left:40px;
	flex:1
}
.prolist-0 .pro-intro {
	margin-top:15px;
	line-height:1.6;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	display:-webkit-box;
	height:50px;
	max-width:650px;
	color:#888
}
.prolist-0 .pro-name {
	font-size:18px;
	line-height:24px
}
.prolist-1 {
	display:flex;
	flex-wrap:wrap
}
.prolist-1 li {
	width:calc(33.333% - 20px);
	margin-right:30px;
	margin-bottom:30px;
	background-color:#fff;
	transition:box-shadow .3s ease,transform .3s ease;
	box-sizing:border-box
}
.prolist-1 li .pro-img {
	width:100%;
	padding-top:100%;
	position:relative;
	overflow:hidden
}
.prolist-1 li .pro-img img {
	transition:transform .3s ease
}
.prolist-1 li .pro-img>a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
.prolist-1 li .pro-img>a img {
	max-width:100%;
	max-height:100%
}
.prolist-1 li:hover {
	box-shadow:0 5px 10px rgba(0,0,0,.1)
}
.prolist-1 li:hover .pro-img img {
	transform:scale(1.1)
}
.prolist-1 li:hover .pro-info {
	background-color:#690301;color:#fff;
}
.prolist-1 li:hover {
	background-color:#690301;color:#fff;
}
.prolist-1 li:nth-of-type(3n) {
	margin-right:0
}
.prolist-1 .pro-info {
	padding:20px 20px 0
}
.prolist-1 .pro-name {
	font-size:18px;
	height:36px;
	display:-webkit-box;
	display:-moz-box;
	max-height:18px;
	line-height:18px;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-line-clamp:1
}
.prolist-1 .pro-intro,.prolist-1 .pro-name {
	-webkit-box-orient:vertical;
	overflow:hidden
}
.prolist-1 .pro-intro {
	margin-top:5px;
	line-height:1.4;
	font-size:14px;
	-webkit-line-clamp:2;
	display:-webkit-box;
	height:40px;
	max-width:650px
}
.prolist-1 .compare-action {
	border-top:1px solid #f1f1f1;
	padding:0 20px;
	display:flex;
	justify-content:center;
	position:relative;
	left:-20px;
	width:100%
}
h1.pro-type {
	box-sizing:border-box;
	text-align:left;
	font-size:26px;
	line-height:2;
	padding-left:20px;
	border-left:3px solid #690301;
	padding-bottom:0;
	margin-bottom:34px;
	background-color:#fff
}
.type-active {
	color:#690301
}
.pro-checked {
	outline:1px solid #690301
}
.common-pages {
	margin-bottom:50px;
	width:100%;
	height:60px
}
.common-pages,.common-pages a,.common-pages span {
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:20px
}
.common-pages a,.common-pages span {
	margin:10px;
	transition:all .3s ease;
	box-sizing:border-box;
	border:1px solid #f1f1f1;
	padding:10px 16px;
	height:30px;
	color:#494949
}
.common-pages span {
	opacity:.4
}
.common-pages span.ctxt {
	opacity:1;
	border:none;
	background:#690301;
	color:#fff
}
.common-pages a:hover {
	background-color:#690301;
	color:#fff
}
.pro-review {
	display:flex
}
.pro-review .pro-preview-left {
	min-width:428px;
	height:600px;
	box-sizing:border-box
}
.pro-review .pro-preview-right {
	padding:0 30px;
	margin-bottom:30px;
	flex:1
}
.pro-review .pro-preview-right .pro-name {
	font-size:24px;
	line-height:30px;
	text-align:left;
	color:#2b2b2b
}
.pro-review .pro-preview-right .pro-price,.pro-review .pro-preview-right .pro-views {
	font-size:18px;
	color:#690301;
	line-height:24px
}
.pro-review .pro-preview-right article {
	font-size:16px;
	color:#2b2b2b;
	line-height:24px;
	margin-right:100px
}
.pro-review .pro-preview-right .btn-list {
	margin:10px 0;
	display:flex;
	flex-wrap:wrap
}
.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2 {
	height:46px;
	width:300px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:30px 20px 0 0;
	background-color:#690301;
	cursor:pointer;
	box-sizing:border-box
}
.pro-review .pro-preview-right .btn-list .btn a,.pro-review .pro-preview-right .btn-list .pdown2 a {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span {
	font-size:18px;
	color:#fff
}
.pro-review .pro-preview-right .btn-list .btn:hover,.pro-review .pro-preview-right .btn-list .pdown2:hover {
	border:none
}
.pro-detail .part {
	margin-bottom:30px
}
#List1,#list2 {
	display:flex
}
#List2 {
	display:none
}
.pic {
	width:19%;
	text-align:center
}
.pic img {
	width:100%;
}
.pro-detail .title {
	font-size:20px
}
.pro-detail .title span {
	padding-bottom:10px;
	border-bottom:2px solid #690301
}
.pro-detail .content {
	margin-top:30px
}
.pro-detail .content p {
	padding-bottom:0
}
.pro-detail table {
	margin-top:10px
}
.pro-detail table,.pro-detail td,.pro-detail th {
	border:1px solid #eee
}
.pro-detail .random-pro ul {
	display:flex;
	justify-content:space-between
}
.pro-detail .random-pro ul li {
	flex:1;
	background-color:#fff;
	margin-right:24px;
	transition:background-color .3s ease
}
.pro-detail .random-pro ul li:last-child {
	margin-right:0
}
.pro-detail .random-pro ul li:hover {
	background-color:#690301;
}
.pro-detail .random-pro ul li:hover img {
	transform:scale(1.1)
}
.pro-detail .random-pro .pro-img-wrapper {
	overflow:hidden;
	width:100%;
	padding-top:100%;
	position:relative;
	background-color:#fff
}
.pro-detail .random-pro .pro-img {
	position:absolute;
	background-color:#fff;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	top:0;
	left:0
}
.pro-detail .random-pro .pro-img img {
	transition:transform .3s ease;
	max-width:100%;
	max-height:100%
}
.pro-detail .random-pro .pro-name {
	margin:10px;
	font-size:14px;
	height:30px;
	display:-webkit-box;
	display:-moz-box;
	max-height:32px;
	line-height:16px;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.pro-detail .s-part {
	margin-top:30px
}
.table-responsive {
	margin:20px 0
}
.seo-key {
	box-shadow:0 0 10px rgba(0,0,0,.1);
	border-radius:5px;
	padding:10px;
	line-height:1.7em;
	color:#2b2b2b
}
.seo-key .keywords {
	margin-top:10px
}
.seo-key .keywords a {
	padding:10px;
	background:#f1f1f1;
	line-height:2em;
	border-radius:999px;
	margin-right:20px;
	color:#2b2b2b
}
.pro-detail {
	margin-top:30px
}
.newslist-0 li {
	height:114px;
	margin-bottom:20px;
	box-sizing:border-box;
	transition:transform .3s ease-out;
	padding:7px
}
.newslist-0 li .left-box {
	float:left;
	width:100px;
	border:1px solid #ddd;
	height:100px
}
.newslist-0 li .right-box {
	margin-left:120px
}
.newslist-0 li .info h4 {
	padding:8px 0;
	font-size:18px;
	line-height:25px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:700;
	transition:color .3s ease
}
.newslist-0 li .info p {
	height:50px;
	line-height:25px;
	padding-right:14px;
	margin:0;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	color:#333;
	text-align:left;
	padding-bottom:0
}
.newslist-0 li .time em {
	display:block;
	font-size:22px;
	padding:17px 10px 0;
	line-height:40px;
	font-weight:700
}
.newslist-0 li .time span {
	font-size:18px;
	padding:10px 0 10px 10px
}
.newslist-0 li:nth-of-type(2n) {
	background-color:#f2f2f2
}
.newslist-0 li:hover {
	background:#efefef;
	transform:translateX(5px)
}
.newslist-0 li:hover h4 {
	color:#690301
}
.newslist-1 {
	width:100%;
	display:flex;
	flex-wrap:wrap
}
.newslist-1 li {
	width:calc(33.333% - 20px);
	margin-right:30px;
	margin-bottom:30px;
	background-color:#fff;
	transition:all .3s ease
}
.newslist-1 li:hover {
	transform:translateY(-1px);
	box-shadow:0 15px 15px rgba(0,0,0,.1)
}
.newslist-1 li:nth-of-type(3n) {
	margin-right:0
}
.newslist-1 li .news-img {
	width:100%;
	height:200px;
	display:flex;
	justify-content:center;
	align-items:center
}
.newslist-1 li .news-img img {
	width:100%;
	object-fit:cover
}
.newslist-1 li .news-info {
	padding:8px
}
.newslist-1 li .news-title {
	color:#4c4c4c;
	font-size:18px;
	height:48px;
	max-height:48px;
	line-height:24px;
	-webkit-line-clamp:2
}
.newslist-1 li .news-text,.newslist-1 li .news-title {
	display:-webkit-box;
	display:-moz-box;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.newslist-1 li .news-text {
	font-size:14px;
	color:#707070;
	height:60px;
	max-height:60px;
	line-height:20px;
	-webkit-line-clamp:3;
	margin-bottom:10px
}
.newslist-1 li .news-date {
	color:#707070;
	font-weight:700
}
.news-content h1 {
	padding-bottom:20px
}
.news-content .news-date {
	text-align:center;
	font-size:18px
}
.news-content article {
	margin-top:20px
}
.news-content p {
	font-size:16px
}
.common-main .contact-info h2 {
	font-size:24px
}
.common-main .contact-info ul li {
	margin:10px 0
}
.common-main .send-inquiry {
	margin-top:30px
}
@media(max-width:1520px) {
	.about-text,.common-wrapper,.head-wrapper {
	width:1200px
}
.prolist-0 .pro-intro {
	max-width:550px
}

.ind-item ul {
	padding-top:10px
}
}@media(max-width:1280px) {
	.map-wrapper .map-info {
	padding:30px 0 30px 10px
}
.about-text,.common-wrapper,.head-wrapper {
	width:1000px
}

.ind-item ul {
	padding-top:10px
}
}@media(min-width:769px)and (max-width:1080px) {
	.head,body {
	min-width:1060px
}
.common-side {
	display:none
}
.common-main {
	padding-right:0
}
}@media screen and (max-width:768px) {
	#toast-container {
	padding-top:150px
}
.head-nav ul li .inmenu_1 {
	background-color:#232429
}
.head-nav {
	position:absolute
}
.head-nav>ul {
	background-color:#232429;
	top:13.3333333333vw;
	right:-80vw;
	position:fixed;
	flex-direction:column;
	width:80vw;
	height:calc(100vh - 13.33333vw);
	overflow:auto
}
.head-nav>ul>li {
	position:relative;
	height:auto;
	margin:0;
	display:block;
	padding:4vw 5.3333333333vw;
	border-bottom:1px solid hsla(0,0%,100%,.5)
}
.head-nav>ul>li a {
	width:100%;
	display:flex;
	justify-content:space-between;
	color:#fff;
	font-size:4vw;
	height:auto
}
.head-nav>ul>li .inmenu_1 {
	color:#690301
}
.head-nav>ul>li .inmenu_1:after {
	content:none
}
.head-nav>ul>li:last-child {
	border-bottom:none
}
.head-nav>ul>li i {
	position:absolute;
	box-sizing:border-box;
	width:8vw;
	height:4vw;
	padding-left:4vw;
	right:4vw;
	top:4vw;
	color:#fff;
	transform:scale(1.4) rotate(0);
	transform-origin:center center;
	transition:all .3s
}
.head-nav>ul>li .slide-active {
	transform:scale(1.4) rotate(90deg);
	transform-origin:6vw 2.9vw
}
.head-nav>ul>li:hover>a,.head-nav>ul>li:hover>i {
	color:#fff;
	background-color:transparent
}
.head-nav>ul>li:hover>a:after,.head-nav>ul>li:hover>i:after {
	transform:translateX(-50%) rotateY(90deg)
}
.head-nav>ul .submenu {
	transition:none;
	position:relative;
	width:100%;
	right:0;
	transform-origin:top;
	transform:rotateX(0);
	opacity:1;
	height:auto;
	background:#232429;
	top:0;
	list-style-type:square;
	display:none
}
.head-nav>ul .submenu li {
	position:relative;
	list-style-type:none;
	padding:1.3333333333vw 0 0;
	margin:0 0 0 5.3333333333vw;
	border-bottom:none
}
.head-nav>ul .submenu li a {
	font-size:3.4666666667vw;
	line-height:26px
}
.head-nav>ul .submenu li a:hover {
	background:transparent
}
.head-wrapper {
	height:100%
}
.head {
	height:13.3333333333vw;
	box-shadow:0 2px 6px rgba(0,0,0,.2)
}
.head-wrapper {
	justify-content:space-between;
	position:relative;
	padding:0 5.3333333333vw
}
.head-logo {
	width:70.3333333333vw
}
.nav-btn {
	display:flex
}
main {
	margin-top:13.3333333333vw
}
.mobile-bottom {
	z-index:4;
	width:100%;
	justify-content:space-evenly
}
.mobile-bottom,.mobile-bottom .mobile-bottom-item {
	height:16vw;
	background:#690301;
	display:flex;
	align-items:center
}
.mobile-bottom .mobile-bottom-item {
	padding:.6666666667vw 0;
	flex-direction:column;
	justify-content:space-around;
	width:16vw;
	font-size:4vw;
	box-sizing:border-box
}
.mobile-bottom .mobile-bottom-item a {
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	width:100%;
	height:100%;
	color:#333
}
.mobile-bottom .mobile-bottom-item i {
	transform:scale(1.6);
	margin-bottom:.6666666667vw
}
.banner {
	height:24vw
}
.banner img {
	height:100%
}
.banner-title {
	font-size:6.6666666667vw
}
.inner-nav {
	height:12vw;
	font-size:14px
}
.inner-nav a,.inner-nav h1 {
	line-height:12vw
}
.common-side {
	display:none
}
.common-main {
	flex:1;
	padding:0
}
.common-main img {
	max-width:100%
}
.common-main h1 {
	padding:2.6666666667vw 0;
	font-size:5.3333333333vw
}
.contact-info {
	margin-top:5.3333333333vw
}
.common-main .contact-info h2 {
	font-size:18px
}
.common-main .contact-info ul li {
	font-size:14px
}
.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title {
	display:none
}
.send-inquiry {
	margin-bottom:5.3333333333vw
}
.feedback-main {
	padding-top:5.3333333333vw
}
.feedback-main .send-inquiry {
	margin-top:0
}
.table-responsive {
	touch-action:auto;
	width:100%;
	margin:1.3333333333vw 0;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar
}
.common-link {
	flex-direction:column
}
.common-link>div {
	height:9.3333333333vw;
	padding:0 10px
}
.common-link>div,.common-link>div a {
	line-height:9.3333333333vw
}
.common-link .next,.common-link .prev {
	padding:0 10px
}
.common-link .prev i {
	margin-right:5px
}
.common-link .next i {
	margin-left:5px
}
.news-content {
	width:89.3333333333vw;
	padding-bottom:5.3333333333vw
}
.foot {
	margin-bottom:16vw
}
.common-main p {
	font-size:16px
}
#xyz {
	display:none
}
.xyz12 {
	margin-top:2.6666666667vw;
	margin-left:8vw;
	background-color:transparent;
	top:0
}
.xyz12 a {
	color:#fff;
	font-size:4vw
}
.xyz12 ul {
	padding-bottom:50px
}
#map {
	height:80vw;
	margin-bottom:10vw
}
}@media screen and (max-width:768px) {
	#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev,.ind {
	display:none
}
.hot-pro-wrapper {
	position:relative;
	top:-3px;
	margin-top:0
}
.common-wrapper,.head-wrapper {
	width:100vw;
	padding:0 5.3333333333vw;
	box-sizing:border-box
}
.common-title {
	font-size:6.6666666667vw;
	margin:4vw 0
}
.hot-pro .pro-info {
	padding:5px;
	background-color:#690301
}
.hot-pro .pro-intro {
	display:none
}
.hot-pro .pro-name {
	padding-bottom:0;
	font-size:14px
}
.hot-pro ul {
	width:auto;
	margin-top:0;
	display:flex;
	justify-content:space-between
}
.hot-pro ul li {
	width:47%;
	margin:0 0 5.3333333333vw
}
.hot-pro ul li:last-child {
	margin-right:0
}
.btn-wrapper {
	display:none
}
.bscroll-indicator {
	background-color:#690301!important
}
.bscroll-horizontal-scrollbar {
	z-index:2!important
}
.about-title {
	font-size:20px
}
.about-text {
	width:100%;
	font-size:14px;
	text-align:left;
	box-sizing:border-box
}
.about-wrapper {
	padding:4vw 5.3333333333vw
}
.about {
	margin-top:5.3333333333vw
}
.about-title,.news {
	padding:5.3333333333vw 0
}
.news ul {
	margin-top:0;
	justify-content:space-between
}
.news ul li {
	width:48%
}
.news .common-title,.news ul li {
	margin:0 0 5.3333333333vw
}
.news-info {
	padding:2.6666666667vw
}
.news ul li .more-btn {
	display:none
}
.news-con {
	-webkit-line-clamp:2;
	margin-top:2.6666666667vw
}
.map-wrapper .map-info {
	display:none
}
.map-wrapper {
	flex-direction:column-reverse
}
.map-w>div {
	width:100%
}
.map {
	padding-top:5.3333333333vw
}
.map-wrapper>div {
	width:100%;
	padding:0 0 5.3333333333vw
}
.foot .text {
	display:none
}
.search-box {
	height:13.3333333333vw;
	display:flex;
	justify-content:center;
	align-items:center
}
.search-input .stbn {
	width:17.3333333333vw
}
.foot-l {
	flex-direction:column-reverse
}
.foot-item {
	width:100%
}
.foot-item:first-of-type {
	padding-top:0
}
.foot-l .foot-u {
	display:none
}
.foot-l .lfr {
	margin-top:5.3333333333vw
}
.foot-nav {
	padding:0;
	width:100%
}
.foot-nav ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:0
}
.foot-nav li {
	width:33.3%
}
.foot-cate,.foot-code,.foot-title {
	display:none
}
.foot-list {
	height:auto;
	padding:5.3333333333vw 0
}
.foot-right {
	padding:0 5.3333333333vw;
	box-sizing:border-box;
	font-size:13px;
	height:13.3333333333vw;
	flex-wrap:wrap
}
.foot-right img {
	top:-3px
}
.about {
	background-size:cover;
	height:104vw;
	background-position:50%
}
}@media screen and (max-width:768px) {
	.newslist-0 {
	width:89.3333333333vw;
	box-sizing:border-box;
	margin-top:5.3333333333vw
}
.newslist-0 li {
	padding:5px;
	height:24vw
}
.newslist-0 li .left-box {
	width:25vw;
	height:20vw
}
.newslist-0 li .time em {
	padding:5px 5px 0;
	font-size:18px;
	text-align:center
}
.newslist-0 li .time span {
	display:block;
	text-align:center;
	padding:0;
	font-size:16px
}
.newslist-0 li .right-box {
	margin-left:24vw
}
.newslist-0 li .info p {
	height:36px;
	line-height:18px;
	padding-right:10px;
	margin:1.3333333333vw 0 0
}
.newslist-0 li .info h4 {
	padding:5px 0;
	font-size:17px
}
.newslist-1 {
	margin-top:5.3333333333vw;
	justify-content:space-between
}
.newslist-1 li {
	width:48%;
	margin-right:0;
	margin-bottom:5.3333333333vw
}
.newslist-1 li .news-img {
	height:auto
}
.newslist-1 li .news-info {
	padding:5px
}
.newslist-1 li .news-title {
	font-size:16px;
	height:36px;
	max-height:36px;
	line-height:18px
}
.newslist-1 li .news-text {
	margin-top:1.3333333333vw;
	-webkit-line-clamp:2;
	font-size:14px;
	color:#707070;
	height:32px;
	max-height:32px;
	line-height:16px;
	margin-bottom:5px
}
.newslist-1 li .news-date {
	font-weight:400;
	font-size:14px
}
}@media screen and (max-width:768px) {
	.pro-content,.prolist-0 {
	width:89.3333333333vw
}
.prolist-0 li {
	margin-bottom:5.3333333333vw
}
.prolist-0 li>a {
	width:32vw;
	height:32vw
}
.prolist-0 .pro-info {
	padding:5px
}
.prolist-0 .pro-intro {
	margin-top:1.3333333333vw
}
.prolist-0 .compare-action {
	margin:5px;
	position:relative;
	left:1px
}
.prolist-0 .pro-name {
	display:block;
	font-size:16px;
	max-width:50.6666666667vw;
	margin-top:2.6666666667vw;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.prolist-0 .pro-intro {
	font-size:14px;
	line-height:1.3;
	height:36px
}
.prolist-1 {
	justify-content:space-between;
	margin-top:5.3333333333vw
}
.prolist-1 li {
	width:48%;
	margin:0 0 5.3333333333vw
}
.prolist-1 .pro-info {
	padding:5px
}
.prolist-1 .pro-name {
	font-size:16px
}
.prolist-1 .pro-intro {
	font-size:14px;
	line-height:1.3;
	height:38px
}
.prolist-1 .compare-action {
	padding:5px 0;
	left:0;
	margin:0
}
.pro-review {
	flex-direction:column
}
.pro-review .pro-preview-left {
	width:100vw;
	min-width:100vw;
	position:relative;
	left:-5.3333333333vw;
	height:auto
}
.pro-review .pro-preview-left .preview-container {
	background:#fff;
	visibility:hidden;
	width:100%
}
.pro-review .pro-preview-left .preview-container .small-box {
	display:none
}
.pro-review .pro-preview-left .preview-container .thumbnail-box {
	margin-top:0
}
.pro-review .pro-preview-left .preview-container .thumbnail-box a {
	display:none
}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper {
	width:100%
}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item {
	height:auto;
	border:none;
	margin:0
}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img {
	width:100%
}
.pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page {
	display:flex
}
.pro-review .pro-preview-right {
	margin-bottom:0;
	padding:5px 0
}
.pro-review .pro-preview-right .pro-name {
	font-size:18px
}
.pro-review .pro-preview-right .pro-price,.pro-review .pro-preview-right .pro-views {
	font-size:16px;
	margin:5px 0;
	padding-bottom:0
}
.pro-review .pro-preview-right .share-btn-list {
	margin:1.3333333333vw 0
}
.pro-review .pro-preview-right article {
	font-size:14px;
	line-height:1.3;
	margin-right:0
}
.pro-review .pro-preview-right .btn-list {
	justify-content:space-between;
	margin-top:4vw
}
.pro-review .pro-preview-right .btn-list .btn,.pro-review .pro-preview-right .btn-list .pdown2 {
	height:13.3333333333vw;
	width:37.3333333333vw;
	margin:2.6666666667vw 0
}
.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span {
	font-size:4vw
}
.pro-review .singglepic {
	width:100%!important;
	height:auto!important;
	margin-top:4vw;
	margin-bottom:0!important;
	border:none!important
}
.pro-review .singglepic img {
	max-width:100%;
	max-height:100%
}
.swiper-container .swiper-pagination-bullet {
	background-color:#000;
	opacity:.2
}
.swiper-container .swiper-pagination-bullet-active {
	background-color:#690301;
	opacity:1
}
.pro-detail .random-pro ul {
	justify-content:space-between;
	flex-wrap:wrap
}
.pro-detail .random-pro ul li {
	width:48%;
	flex:none;
	margin-right:0;
	margin-bottom:5.3333333333vw
}
.pro-detail .random-pro .pro-name {
	padding:0;
	margin:8px;
	height:32px
}
.pro-main .inner-nav {
	display:none
}
h1.pro-type {
	margin-top:5.3333333333vw;
	box-sizing:border-box;
	text-align:left;
	font-size:5.3333333333vw;
	line-height:1.8;
	border-left:3px solid #690301;
	padding:0 0 0 5.3333333333vw;
	margin-bottom:4vw;
	background-color:#fff
}
.common-pages {
	margin-bottom:5.3333333333vw;
	font-size:15px;
	line-height:8vw;
	flex-wrap:wrap;
	justify-content:flex-start
}
.common-pages a,.common-pages span {
	font-size:14px;
	margin:5px;
	padding:5px 10px;
	height:30px
}
.table-responsive {
	touch-action:auto;
	width:100%;
	margin:.2rem 0;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar
}
.seo-key {
	margin:0
}
.seo-key .keywords {
	margin-top:2.6666666667vw
}
.seo-key .keywords span {
	display:flex;
	flex-wrap:wrap
}
.seo-key .keywords a {
	display:inline-block;
	width:auto;
	padding:0 2.6666666667vw;
	background:#ccc;
	border-radius:999px;
	margin-right:1.3333333333vw;
	color:#2b2b2b;
	margin-bottom:4vw
}
.pro-detail {
	margin-top:0
}
}@keyframes hvr-icon-wobble-horizontal {
	16.65% {
	transform:translateX(6px) scale(1.7)
}
33.3% {
	transform:translateX(-5px) scale(1.7)
}
49.95% {
	transform:translateX(4px) scale(1.7)
}
66.6% {
	transform:translateX(-2px) scale(1.7)
}
83.25% {
	transform:translateX(1px) scale(1.7)
}
to {
	transform:translateX(0) scale(1.7)
}
}.hvr-icon-wobble-horizontal {
	display:inline-block;
	vertical-align:middle;
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	transition-duration:.3s
}
.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon {
	animation-name:hvr-icon-wobble-horizontal;
	animation-duration:1s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:1
}
.hvr-bounce-to-right {
	display:inline-block;
	vertical-align:middle;
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	transition-property:color;
	transition-duration:.5s
}
.hvr-bounce-to-right:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	background:#000;
	transform:scaleX(0);
	transform-origin:0 50%;
	transition-property:transform;
	transition-duration:.5s;
	transition-timing-function:ease-out
}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {
	color:#fff
}
.hvr-icon-wobble-horizontal .hvr-icon {
	transform:translateZ(0)
}
.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before {
	transform:scaleX(1);
	transition-timing-function:cubic-bezier(.52,1.64,.37,.66)
}
.hvr-shutter-out-vertical {
	display:inline-block;
	vertical-align:middle;
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	background:#fff;
	transition-property:color;
	transition-duration:.3s
}
.hvr-shutter-out-vertical:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#690301;
	transform:scaleY(0);
	transform-origin:50%;
	transition-property:transform;
	transition-duration:.3s;
	transition-timing-function:ease-out
}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover {
	color:#fff
}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before {
	transform:scaleY(1)
}
.hvr-bounce-to-right-y {
	display:inline-block;
	vertical-align:middle;
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	transition-property:color;
	transition-duration:.5s
}
.hvr-bounce-to-right-y:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	background:#690301;
	transform:scaleX(0);
	transform-origin:0 50%;
	transition-property:transform;
	transition-duration:.5s;
	transition-timing-function:ease-out
}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover {
	color:#fff
}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before {
	transform:scaleX(1);
	transition-timing-function:cubic-bezier(.52,1.64,.37,.66)
}
.compare-action {
	position:relative;
	height:37px;
	margin-top:15px;
	display:flex;
	align-items:center;
	cursor:pointer
}
.compare-action span {
	display:inline-block;
	color:#000;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.compare-action .compare-action-check+label {
	width:16px;
	height:16px;
	content:" ";
	border:1px solid #000;
	border-radius:1px;
	margin-right:10px;
	cursor:pointer;
	position:relative
}
.compare-action .compare-action-check:checked+label:before {
	content:"";
	position:absolute;
	left:3px;
	top:4px;
	width:50%;
	height:25%;
	border-radius:1px;
	border:2px solid #000;
	border-top:none;
	border-right:none;
	background:transparent;
	transform:rotate(-50deg)
}
.compare-action input[type=checkbox] {
	visibility:hidden
}
.compare-panel {
	height:100px;
	background:#f1f1f1;
	position:fixed;
	z-index:999999;
	bottom:0;
	left:0;
	width:100%;
	display:none;
	box-sizing:border-box;
	border:1px solid #ccc;
	font-size:14px
}
.compare-panel .button-area {
	float:right;
	height:100%;
	color:#fff;
	display:flex;
	align-items:center
}
.compare-panel .button-area .contact-button {
	margin:16px 20px;
	background:#690301;
	color:#fff;
	line-height:28px;
	padding:0 12px;
	border-color:transparent;
	border-radius:3px;
	font-size:14px;
	cursor:pointer
}
.clear-all,.close {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	color:#666;
	opacity:.5
}
.clear-all .ic-close,.close .ic-close {
	position:absolute;
	width:32px;
	height:32px;
	left:12px;
	top:45px
}
.clear-all .ic-close:after,.clear-all .ic-close:before,.close .ic-close:after,.close .ic-close:before {
	position:absolute;
	left:15px;
	content:"";
	height:16px;
	width:2px;
	background-color:#fff
}
.clear-all .ic-close:before,.close .ic-close:before {
	transform:rotate(45deg)
}
.clear-all .ic-close:after,.close .ic-close:after {
	transform:rotate(-45deg)
}
.button-area .clear-all {
	margin-right:20px;
	cursor:pointer
}
.button-area .clear-all:hover {
	opacity:1;
	color:#690301
}
.button-area .close {
	position:relative;
	width:60px;
	height:100%;
	background:#555;
	cursor:pointer;
	display:inline-grid;
	align-items:Center;
	font-size:16px;
	text-align:center
}
.button-area .close i {
	color:#fff
}
.list-wrapper {
	height:100%;
	margin-right:380px;
	position:relative;
	display:flex;
	align-items:center;
	overflow-x:auto;
	overflow-y:hidden
}
.list-wrapper::-webkit-scrollbar {
	height:8px
}
.list-wrapper::-webkit-scrollbar-track {
	border-radius:10px;
	background-color:rgba(0,0,0,.1)
}
.list-wrapper::-webkit-scrollbar-thumb {
	border-radius:10px;
	background-color:rgba(0,0,0,.3)
}
.list-wrapper .next,.list-wrapper .pre {
	display:block;
	position:absolute;
	top:0;
	cursor:pointer;
	height:60px;
	color:#999;
	font-size:32px;
	line-height:60px;
	width:32px
}
.list-wrapper .next {
	right:0;
	text-align:right;
	color:#fff
}
.list-wrapper .item-clear {
	position:relative;
	float:right;
	box-sizing:border-box;
	width:20px;
	height:100%;
	border-left:1px solid #ebecf0;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center
}
.list-wrapper .item-clear .ic-close {
	position:absolute;
	width:32px;
	height:32px;
	left:-6px;
	top:25px
}
.list-wrapper .item-clear .ic-close:after,.list-wrapper .item-clear .ic-close:before {
	position:absolute;
	left:15px;
	content:"";
	height:10px;
	width:2px;
	background-color:#333
}
.list-wrapper .item-clear .ic-close:before {
	transform:rotate(45deg)
}
.list-wrapper .item-clear .ic-close:after {
	transform:rotate(-45deg)
}
.list-wrapper .item-clear .fa {
	color:#c4c6cf
}
.list-wrapper .item-content {
	padding:7px;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center
}
.list-wrapper .item-img {
	float:left;
	width:80px;
	height:45px;
	display:flex;
	align-items:center
}
.list-wrapper .item-img img {
	max-width:100%;
	max-height:100%
}
.list-wrapper .item-title {
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-size:12px;
	line-height:18px;
	color:#666;
	margin-left:10px
}
.cart-list {
	padding:0 32px
}
#productChache_listPC {
	position:relative;
	height:90px;
	overflow:hidden;
	display:flex;
	align-items:center
}
.selected-all {
	margin-left:0;
	display:flex
}
.selected-item {
	padding:10px 6px
}
.selected-item .item-box {
	width:220px;
	height:60px;
	background:#fff
}
@media(max-width:768px) {
	.compare-action {
	position:relative;
	margin:5.3333333333vw 2.6666666667vw;
	height:8vw;
	font-size:3.2vw;
	left:-10px;
	justify-content:flex-start
}
.compare-action .compare-action-check+label {
	margin-left:0;
	margin-right:5px
}
.products-content .pro-list .compare-action span {
	margin:0
}
.compare-panel {
	height:17vw
}
.compare-panel .button-area {
	padding:0 3vw;
	display:flex;
	justify-content:space-between;
	float:none
}
.compare-panel .button-area .close {
	display:none
}
.compare-panel .list-wrapper {
	padding-left:0;
	position:absolute;
	top:-15.6vw;
	margin-right:0;
	width:100%
}
.compare-panel .list-wrapper .cart-list {
	padding:0;
	width:100%
}
.compare-panel .list-wrapper .cart-list #productChache_listPC .selected-all {
	width:100%
}
.compare-panel .list-wrapper .selected-item {
	padding:0;
	width:20%;
	position:relative
}
.compare-panel .list-wrapper .selected-item .item-box {
	width:auto;
	height:14vw
}
.compare-panel .list-wrapper .selected-item .item-clear {
	height:30px;
	width:30px;
	background:#eee;
	border:none;
	position:absolute;
	border-radius:50%;
	opacity:.7;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)
}
.compare-panel .list-wrapper .selected-item .item-clear .ic-close {
	top:10px;
	left:0
}
.compare-panel .list-wrapper .selected-item .item-content {
	padding:2px 3px;
	box-sizing:border-box;
	border:1px solid #eee
}
.compare-panel .list-wrapper .selected-item .item-content .item-title {
	display:none
}
.compare-panel .list-wrapper .selected-item .item-content .item-img {
	width:auto;
	height:13vw
}
}.preview-container {
	position:relative;
	width:450px
}
.preview-container .small-box {
	position:relative;
	width:450px;
	height:450px;
	border:1px solid #eee;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	background-color:#fff
}
.preview-container .small-box img {
	max-width:100%;
	max-height:100%
}
.preview-container .small-box .hover {
	position:absolute;
	width:180px;
	height:180px;
	background-color:hsla(0,0%,80%,.6);
	border:1px solid #eee;
	display:none
}
.preview-container .thumbnail-box {
	margin-top:40px;
	position:relative;
	width:100%;
	box-sizing:border-box
}
.preview-container .thumbnail-box .list {
	overflow:hidden;
	width:390px;
	margin:0 auto;
	position:relative
}
.preview-container .thumbnail-box .list ul {
	width:100000px;
	display:flex
}
.preview-container .thumbnail-box .list ul .item {
	width:58px;
	height:58px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 10px;
	box-sizing:border-box;
	border:1px solid #ccc
}
.preview-container .thumbnail-box .list ul .item:hover {
	cursor:pointer
}
.preview-container .thumbnail-box .list ul .item img {
	max-width:100%;
	max-height:100%
}
.preview-container .thumbnail-box .list ul .item-cur {
	border:1px solid #690301
}
.preview-container .thumbnail-box .list .banner-page {
	display:none;
	justify-content:center;
	align-items:center;
	position:absolute;
	height:6.6666666667vw;
	width:13.3333333333vw;
	border-radius:5.3333333333vw;
	background:rgba(0,0,0,.8);
	bottom:1.3333333333vw;
	right:1.3333333333vw;
	z-index:999
}
.preview-container .thumbnail-box .list .banner-page span {
	color:#fff;
	font-size:4vw
}
.preview-container .thumbnail-box .btn {
	position:absolute;
	top:50%;
	width:22px;
	height:32px;
	margin-top:-16px
}
.preview-container .thumbnail-box .btn-prev {
	left:0;
	background:url(../images/btn_prev.png) no-repeat
}
.preview-container .thumbnail-box .btn-next {
	right:0;
	background:url(../images/btn_next.png) no-repeat
}
.preview-container .thumbnail-box .btn_prev_disabled {
	background:url(../images/btn_prev_disabled.png) no-repeat;
	cursor:not-allowed
}
.preview-container .thumbnail-box .btn_next_disabled {
	background:url(../images/btn_next_disabled.png) no-repeat;
	cursor:not-allowed
}
.preview-container .big-box {
	display:none;
	overflow:hidden;
	top:0;
	left:449px;
	border:1px solid #eee;
	position:absolute;
	width:450px;
	height:450px;
	box-sizing:border-box;
	background:#fff;
	z-index:20
}
.preview-container .big-box img {
	display:block;
	max-width:none;
	max-height:none;
	width:130%
}
#feedbackForm span.xh,.feedbackForm #feedbackForm .atextarea,.feedbackForm #feedbackForm .fsbtn,.feedbackForm #feedbackForm .lable,.feedbackForm #feedbackForm .submita,.feedbackForm #feedbackForm .text,.feedbackForm #feedbackForm table,.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt {
	max-width:none;
	padding:0;
	margin:auto;
	border:0;
	height:auto;
	font-size:auto;
	line-height:1.5;
	font-family:Arial;
	color:#333;
	background:0 0;
	text-align:left
}
.feedbackForm {
	max-width:1200px;
	margin:20px auto 3.25rem
}
.feedbackForm table {
	width:100%
}
.feed-title {
	font-size:1.875rem;
	color:#2c2c2c;
	margin-top:2.5rem;
	margin-bottom:1.25rem;
	font-weight:600;
	text-transform:uppercase
}
.feedbackForm #feedbackForm td {
	border:0;
	height:48px;
	padding:0;
	width:auto;
	margin-left:10px
}
.lable {
	white-space:nowrap
}
.feedbackForm #feedbackForm tbody {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.feedbackForm #feedbackForm tr {
	border:1px solid #d9d9d9;
	border-radius:2px;
	box-sizing:border-box;
	margin-bottom:15px;
	font-size:.9375rem;
	color:#727272
}
.feedbackForm #feedbackForm tr:nth-child(-n+4) {
	width:49%;
	flex-basis:49%
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) {
	display:flex;
	justify-content:flex-start
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:first-child {
	display:flex;
	align-items:center;
	padding:0 5px
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:last-child {
	width:100%;
	flex-basis:100%;
	display:block
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) input {
	width:100%;
	height:100%;
	outline:0
}
.feedbackForm #feedbackForm tr:nth-child(5) {
	width:100%;
	flex-basis:100%
}
.feedbackForm #feedbackForm tr:nth-child(6) {
	width:100%;
	flex-basis:100%;
	display:flex;
	flex-direction:column
}
.feedbackForm #feedbackForm tr:nth-child(7) {
	width:100%;
	height:0;
	border:0;
	padding:0
}
#feedbackForm input,.feedbackForm #feedbackForm #SubmitContent {
	border:0;
	font-size:.9375rem;
	color:#000;
	padding-left:5px;
	box-sizing:border-box
}
.feedbackForm #feedbackForm #SubmitContent {
	width:100%;
	margin-top:10px;
	padding-left:0;
	box-sizing:border-box
}
.feedbackForm #feedbackForm .submita {
	color:#222;
	font-size:16px;
	padding:10px 35px;
	border:none;
	background-color:#690301;
	text-transform:uppercase;
	cursor:pointer
}
#feedbackForm input::-webkit-input-placeholder {
	font-size:14px;
	color:#666
}
#feedbackForm input:-ms-input-placeholder {
	font-size:14px;
	color:#666
}
#feedbackForm input::placeholder {
	font-size:14px;
	color:#666
}
#feedbackForm input {
	color:#666
}
.feedbackForm #feedbackForm tr:nth-child(6) td {
	height:auto;
	padding:0 5px;
	display:block
}
.feedbackForm #feedbackForm tr:nth-child(6) textarea {
	outline:0;
	text-indent:15px
}
.feedbackForm #feedbackForm .xh {
	color:red
}
.smtcss {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	top:-30px
}
@media screen and (max-width:768px) {
	.send-inquiry .inquiry-form input {
	padding-left:2.6666666667vw;
	width:100%;
	height:12vw;
	margin-bottom:4vw
}
.send-inquiry .inquiry-form textarea {
	padding-top:3.3333333333vw;
	padding-left:2.6666666667vw;
	width:100%;
	height:33.3333333333vw
}
.send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title {
	background-size:5.3333333333vw 5.3333333333vw;
	background-position:right 2.6666666667vw top 3.2vw
}
.send-inquiry .inquiry-form #in-email,.send-inquiry .inquiry-form #in-phone {
	background-size:4.6666666667vw 4.6666666667vw;
	background-position:right 2.6666666667vw top 3.2vw
}
.send-inquiry .inquiry-form #in-content {
	background-size:4vw 4vw;
	background-position:right 2.6666666667vw top 3.2vw
}
.send-inquiry .send-btn {
	width:42.6666666667vw;
	height:10.6666666667vw;
	margin:4vw auto 0
}
.send-inquiry .send-btn .span:first-child {
	font-size:4vw
}
.send-inquiry .send-btn .span:nth-child(2) {
	width:4vw
}
.feedbackForm #feedbackForm tr:nth-child(7) {
	height:20vw
}
.feedbackForm #feedbackForm tr:nth-child(-n+4) {
	width:100%;
	flex-basis:100%
}
.feedbackForm #feedbackForm tr:nth-child(2),.feedbackForm #feedbackForm tr:nth-child(4) {
	display:none
}
.feedbackForm {
	margin-bottom:0
}
}.ie {
	background:#fafafa
}
.ie .about .common-more-btn-y,.ie .common-more-btn {
	margin:30px 0
}
.ie .about-wrapper {
	justify-content:space-around
}
.ie footer,.ie main {
	position:relative;
	top:80px
}
.ie .smtcss {
	display:block;
	top:0
}
.ie .foot-cate,.ie .foot-code,.ie .foot-nav {
	box-sizing:border-box
}
/* map maker */
.infoBoxContent p {
	line-height:1.5
}
.infoBoxContent a {
	color:blue
}
.about-title,.foot-title,.news-title,.newslist-0 li .info h4,.newslist-0 li .time em {
	font-weight:400
}
.e_mobile {
	display:none
}
@media screen and (max-width:768px) {
	.foot {
	padding-bottom:calc(16vw + constant(safe-area-inset-bottom));
	padding-bottom:calc(16vw + env(safe-area-inset-bottom));
	margin-bottom:0
}
.mobile-bottom,.mobile-bottom .mobile-bottom-item {
	min-height:16vw;
	height:16vw
}
.mobile-bottom {
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom)
}
.pro-review .pro-preview-right article {
	display:none
}
.pro-detail .content p {
	line-height:2;
	font-size:18px;
	color:#444
}
.foot-list {
	min-height:0
}
.common-main h1 {
	font-size:20px;
	text-align:left
}
.news-content .news-date {
	font-size:12px;
	text-align:left
}
.news-content article p {
	font-size:18px;
	color:#444
}
}.news-content .news-date {
	color:#666;
	font-size:14px
}
.news-content .news-date a {
	color:#666;
	font-size:12px
}
.footlinks {
	height:auto;
	line-height:1.4;
	padding:10px 0;
}