.layout {
	overflow:hidden;
}
.wrap {
	padding:0 4%;
}
.whot {
	text-align:center;
	width:100%;
	background-color:#c00000;
	padding:0.5208333333333334rem;
}
.whot a {
	font-size:13px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.052083333333333336rem;
}
.header .flex {
	display:flex;
	justify-content:space-between;
	padding:0.78125rem 4%;
}
.header .logo img {
	width:3.6458333333333335rem;
	margin-right:0.5208333333333334rem;
}
.header .logo a {
	display:flex;
	align-items:center;
	font-size:1rem;
	color:#552d2b;
	white-space: nowrap;
}
.naver ul {
	display:flex;
	align-items:center;
	height:100%;
}
.naver li a {
	font-size:0.9rem;
	color:#333;
	line-height:2;
	display:block;
	border-bottom:0.10416666666666667rem solid rgba(255,255,255,0);
}
.naver li {
	margin:0 0.8rem;
	position: relative;
}
.naver li dl{
	position: absolute;
	left: 50%;transform:translateX(-50%);
	top: 100%;
	background: #fff;
	padding:0 10px;
	border-radius: 6px;
	display: none;
	box-shadow: 0 0 4px 0 rgba(80,80,80,0.1);
}
.naver li dd a{
	font-size: 16px;
	padding:10px;
	white-space: nowrap;
	text-align: center;
	border-bottom: 1px solid #f1f1f1 !important;
}
.naver li dd a:hover{
	border-color: #552d2b !important;
}
.naver li dd:last-child a{
	border-bottom: none !important;
}
.header .icon {
	display:flex;
	align-items:center;
}
.header .icon dl {
	display:flex;
	align-items:center;
}
.header .icon dd a {
	margin:0 0.2604166666666667rem;
}
.header .icon dd a img {
	width:2rem;height: 2rem;display: block;object-fit: contain;
}
.header .icon a {
	display:flex;
	align-items:center;
	margin:0 .5416666666666667rem;
	font-size:16px;
	color:#333;
	font-weight:bold;
}
.header .kef {
	position:relative;
	margin:0 1.5625rem;
	cursor:pointer;
}
.header .kef:hover .boxc {
	display:block;
}
.header .kef .boxc {
	position:absolute;
	right:0;
	top:100%;
	z-index:11;
	background:#552d2b;
	white-space:nowrap;
	min-width:8.854166666666668rem;
	border-radius:0.2604166666666667rem;
	overflow:hidden;
	display:none;
}
.footer .forms li a,
.header .icon a{
    position: relative;display: block;
}
.header .icon img {
	width:2.0833333333333335rem;
}
.footer .forms li img:nth-child(2),
.header .icon img:nth-child(2){
    width: 6rem;z-index: 11;
    position: absolute;top: 100%;height: auto;
    left: 50%;transform: translateX(-50%);max-width: 6rem;
}
.footer .forms li:hover img:nth-child(2),
.header .icon:hover img:nth-child(2){
    display: block !important;
}
.header .icon a.phone:nth-child(1) {
	border-bottom:0.052083333333333336rem solid #fff;
	border-radius:0;
}
.header .icon a.phone {
	margin:0;
}
.header .lsele {
	min-width:5.208333333333334rem;
	font-size:16px;
	line-height:2.0833333333333335rem;
	border-radius:0.5208333333333334rem;
	padding:0 0.5208333333333334rem;
	color:#552d2b;
	border:1px solid #552d2b;
	padding-right:1.5625rem;
	background:url(../images/ar.png) no-repeat right 0.2604166666666667rem center/1.0416666666666667rem auto;
}
.header .icon a.phone {
	background:#552d2b;
	color:#fff;
	padding:0 0.78125rem;
	border-radius:0.5208333333333334rem;
	line-height:2.3958333333333335rem;
	font-weight:400;
}
.header .icon a.phone img {
	width:1.3541666666666667rem;
	margin-right:0.2604166666666667rem;
}
.naver li.on a,.naver li a:hover {
	border-bottom:0.10416666666666667rem solid #552d2b;
	color:#552d2b;
}
.header {
	position:fixed;
	z-index:99;
	left:0;
	right:0;
	top:0;
	background:rgba(255,255,255,0.5);
	-webkit-backdrop-filter:blur(1.5625vw);
	-webkit-backdrop-filter:blur(1.5625vw);
	backdrop-filter:blur(1.5625vw);
}
.ubanner {
	height:100vh;
	max-height:52.083333333333336rem;
	min-height:15.625rem;
	overflow:hidden;
	position: relative;
}
.ubanner video{
    width: 100%;height: 100%;object-fit: cover;display: block;
}
.swiper-pagination-bullet-active{
    background: #c00000;
}
.spans{
    position: absolute;
    left: 0;right: 0;
    bottom: 1.5rem;z-index: 11;
    text-align: center;
}
.banimg {
	display:block;
	overflow:hidden;
	height:100%;
	width:100%;
	object-fit:cover;
}
.habout {
	background:#f1f1f1;
}
.hpad {
	padding:5vw 0;
}
.utit i {
	font-weight:bold;
	color:transparent;
	-webkit-text-stroke:0.052083333333333336rem #666;
	text-stroke:0.052083333333333336rem #666;
	font-size:2.1rem;
	opacity:0.15;
	text-transform:uppercase;
	position:relative;
	line-height:1;
}
.utit h2 {
	font-size:2.6rem;
	color:#363636;
	font-weight:bold;
	line-height:1;
	margin-top:-1.3020833333333335rem;
	position:relative;
	z-index:2;
	padding:0.5208333333333334rem 0;
	text-transform: uppercase;
}
.utit {
	margin-bottom:2.0833333333333335rem;
}
.habout .hflex {
	display:flex;
	justify-content:space-between;
	margin-top:2.0833333333333335rem;
}
.habout .pic {
	overflow:hidden;
	width:36%;
}
.habout .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.habout .text {
	width:60%;
}
.habout .text .img {
	height:31.25rem;
}
.habout .text .img video,.habout .text .img img {
	width:100%;
	display:block;
	object-fit:cover;
	height:100%;
}
.habout .text p {
	margin:1.5625rem 0 0;
	font-size:16px;
	color:#333;
	line-height:1.6;
}
.hproduct {
	position:relative;
	padding:auto;
}
.hproduct:before {
	position:absolute;
	content:"";
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	right:0;
	background:rgba(0,0,0,0.7);
}
.hproduct .wrap {
	position:relative;
	z-index:2;
}
.utit.wh i {
	color:transparent;
	-webkit-text-stroke:0.052083333333333336rem #fff;
	text-stroke:0.052083333333333336rem #fff;
	text-transform:uppercase;
}
.utit.wh h2 {
	color:#fff;
}
.utit.cent {
	text-align:center;
}
.hproduct .porc {
	position:relative;
	padding:0 4.166666666666667rem;
}
.hproduct .porc .swiperlist {
	overflow:hidden;
}
.hproduct .porc .swiperlist .swiper-slide{
    /*height: 100%;*/
}
.picov {
	overflow:hidden;
}
.picov img {
	width:100%;
	display:block;
	object-fit:cover;
	height:100%;
}
.hproduct .porc .picov {
	height:100%;
}
.hproduct .porc a {
	display:block;
	overflow:hidden;
	border-radius:0.3125rem;
	position: relative;
	height: 100%;
}
.hproduct .porc .text {
	background-color:#fff;
	padding:1.0416666666666667rem;
}
.hproduct .porc .text h4 {
	font-size:1.0416666666666667rem;
	color:#333;
}
.hproduct .porc .text p {
	margin:0.78125rem 0;
	font-size:16px;
	color:#666;
}
.umore {
	padding:0 1.0416666666666667rem;
	line-height:2.0833333333333335rem;
	border:1px solid #666;
	font-size:16px;
	color:#666;
	border-radius:0.2604166666666667rem;
	display:inline-block;
}
.unext,.uprev {
	background:url(../images/ico4.png) no-repeat center;
	width:3.125rem;
	height:3.125rem;
	background-size:cover;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1.5625rem;
	cursor:pointer;
	z-index:11;
}
.unext {
	left:auto;
	right:0;
	margin-left:auto;
	background:url(../images/ico13.png) no-repeat center;
}
.unext:after,.unext:before,.uprev:before,.uprev:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #FFFFFF;
	margin:-0.052083333333333336rem 0 0 -0.052083333333333336rem;
	display:block;
	transition:all 0.4s;
	border-radius:50%;
	opacity:1;
	z-index:111;
}
.unext:after,.uprev:after {
	background:rgba(255,255,255,0.5);
	transform:scale(0.2);
	opacity:0;
	transition:all 0.6s;
}
.unext:hover:before,.uprev:hover:before {
	transform:scale(1.6);
	opacity:0;
}
.unext:hover:after,.uprev:hover:after {
	transform:scale(0.9);
	opacity:1;
}
.hchapfl li img {
	width:100%;
	transition:all 0.8s;
	display:block;
}
.hchapfl li {
	position:relative;
	overflow:hidden;
}
.hchapfl li:hover img {
	transform:scale(1.05);
	-ms-transform:scale(1.05);
	/* IE 9*/
	-moz-transform:scale(1.05);
	/* Firefox*/
	-webkit-transform:scale(1.05);
	/* Safari 鍜� Chrome*/
	-o-transform:scale(1.05);
	opacity:0.5;
}
.hchapfl li .txt {
	position:absolute;
	left:0;
	right:0;
	bottom:1.5625rem;
	z-index:11;
	text-align:center;
}
.hchapfl li .txt h3 {
	font-size:1.25rem;
	color:#fff;
	line-height:2;
	border-bottom:0.052083333333333336rem solid #fff;
	display:inline-block;
	text-transform:uppercase;
}
.hchapfl li .txt h3 strong {
	margin:0 0.2604166666666667rem;
}
.hchapfl li .txt h6 {
	font-size:16px;
	margin:0.2604166666666667rem 0 0;
	color:#fff;
}
.hchapfl {
	padding-top:4.166666666666667rem;
}
.footer {
	background:#f2f2f2;
	padding:3.125rem 0 0;
}
.footer .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	max-width:72.91666666666667rem;
	margin:0 auto;
	flex-direction: row-reverse;
}
.footer .logo img {
	width:8.6458333333333335rem;
margin: 0 auto 1rem;display: block;
}
.footer .logo {
	/*display:flex;*/
	/*align-items:center;*/
	font-size:1.2rem;
	color:#552d2b;
	white-space: nowrap;
	text-align: center;
	/*max-width: 15rem;*/
}
.footer .tab {
	display:flex;
}
.footer .tab dt {
	position:relative;
	padding-top:0.2604166666666667rem;
	font-size:0.9375rem;
	line-height:2;
	color:#222222;
}
.footer .tab dt::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:2.0833333333333335rem;
	height:0.10416666666666667rem;
	background:url(../images/mico11.png) no-repeat center;
}
.footer .tab dl {
	margin-right:4.25rem;
}
.footer .tab dl:last-child {
	margin-right:0;
}
.footer .tab dd {
	margin-top:0.28125rem;
}
.footer .tab dd a {
	font-size:0.8333333333333334rem;
	line-height:2;
	color:#222;
	opacity:0.7;
	display:inline-block;
}
.footer .emflex {
	display:flex;
	justify-content:space-between;
	border:1px solid #333;
	height:2.0833333333333335rem;
	min-width:15.625rem;
	width: 100%;
}
.footer .emflex .txt {
	width:calc(100% - 4.166666666666667rem);
	height:2.0833333333333335rem;
	border:none;
	background:none;
	padding:0 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:16px;
	color:#333;
}
.footer .emflex .btn {
	background:#333;
	color:#fff;
	padding:0 0.78125rem;
	border:none;
	cursor:pointer;
}
.footer .forms ul {
	display:flex;
	margin:1.5625rem 0;
	/* justify-content:flex-end; */
}
.footer .forms li {
	margin-left:0.5208333333333334rem;
}
.footer .forms li img {
	display:block;    width: 3rem;height: 3rem;object-fit: contain;
}
.footer .forms li {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 鍜� Chrome*/
	-o-transition:all 0.3s;
	position:relative;
	top:0;
}
.footer .forms li:hover {
	top:-0.15625rem;
}
.copyright {
	text-align:center;
	border-top:0.052083333333333336rem solid rgba(80,80,80,0.1);
	margin-top:2.0833333333333335rem;
	padding:1.0416666666666667rem;
}
.copyright a {
	font-size:16px;
	color:#666;
}
.layout {
	padding-top:7.03125rem;
}
.cailiao {
	padding:4.166666666666667rem 0;
}
.wrap2 {
	max-width:62.5rem;
	margin:0 auto;
}
.cailiao li .pics {
	width:27.083333333333336rem;
}
.cailiao li .pics a{
	display: block;
	position: relative;
}
.cailiao li .pics img{
	display: block;width: 100%;
}
.cailiao li {
	display:flex;
	justify-content:space-between;
	/*align-items:center;*/
	margin-top:4.166666666666667rem;
}
.cailiao li:nth-child(2n) {
	flex-direction:row-reverse;
}
.cailiao li .text {
	margin-left:3.6458333333333335rem;
	flex:1;
}
.cailiao li:nth-child(2n) .text {
	margin:0 3.6458333333333335rem 0 0;
}
.cailiao li .text h3 {
	font-size:1.3rem;
	color:#000000;
	line-height:1.6;
	font-weight:bold;
}
.cailiao li .text p {
	font-size:0.9rem;
	color:#383838;
	line-height:1.6;
	margin-top:0.5208333333333334rem;
}
.tban .video {
	height: 20.833rem;
	width:100%;
	object-fit:cover;
}
.hproduct2 {
	background:none;
}
.hproduct2:before {
	display:none;
}
.hproduct2 .porc .text {
	background-color:#f7f7f7;
	display:block;
}
.hproduct2 .unext,.hproduct2  .uprev {
	background-color:rgba(0,0,0,0.5);
	border-radius:50%;
}
.pban {
	height:20.833333333333336rem;
}
.mproduct {
	padding:3.125rem 0;
}
.mproduct .wrap {
	max-width:90%;
	margin:0 auto;
}
.mproduct ul {
	display:flex;
	flex-wrap:wrap;
}
.mproduct li {
	width:25%;
	margin-bottom:1.0416666666666667rem;padding: 10px;box-sizing: border-box;
}
.mproduct li .picov {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.mproduct li .picov img{
	object-fit: contain;
}
.mproduct li h4 {
	font-size:16px;
	text-align:center;
	margin:1.0416666666666667rem 0;
	color:#333;
}
.mproduct li a {
	display:block;
	padding:0.5208333333333334rem;
	background: #fff;
}
.mproduct li a:hover {
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.1);
}
.qmbanner {
	height:31.25rem;
}
.qmbanner .wrap {
	height:100%;
	position:relative;
	display:flex;
	align-items:center;
}
.qmbanner h2 {
	font-size:2.5rem;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
}
.qmbanner h3 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#fff;
}
.prodel .pro5 {
	padding:3.125rem 0 4.6875rem;
}
.prodel .pro5 ul {
	margin-top:2.0833333333333335rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.prodel .pro5 li {
	margin-bottom:1.25rem;
	width:calc((100% - 1.25rem)/2);
	border-radius:0.5208333333333334rem;
	background:#f8f8f8;
	overflow:hidden;
	padding:2.604166666666667rem 3.125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.prodel .pro5 li .ico {
	width:4.166666666666667rem;
}
.prodel .pro5 li .ico img {
	display:block;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
}
.prodel .pro5 li .ts {
	width:calc(100% - 7.1875rem);
}
.prodel .pro5 li h3 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#000000;
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
}
.prodel .pro5 li p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#000000;
}
.prodel .pro4 {
	background:#f8f8f8;
	padding:2.604166666666667rem 0 4.166666666666667rem;
}
.prodel .pro4 ul {
	margin-top:2.0833333333333335rem;
	display:flex;
	flex-wrap:wrap;
}
.prodel .pro4 li {
	width:calc((100% - 1.5625rem)/3);
	border-radius:0.5208333333333334rem;
	background:#fff;
	overflow:hidden;
	margin-right:0.78125rem;
}
.prodel .pro4 li:nth-child(3n) {
	margin-right:0;
}
.prodel .pro4 li .pic {
	height:12.5rem;
	overflow:hidden;
}
.prodel .pro4 li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.prodel .pro4 li .txt {
	padding:1.25rem 0 1.5625rem;
	text-align:center;
}
.prodel .pro4 li .txt h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#000000;
	font-weight:bold;
	margin-bottom:0.4166666666666667rem;
}
.prodel .pro4 li .txt p {
	font-size:0.8333333333333334rem;
	line-height:1.6666666666666667rem;
	color:#222222;
}
.prodel .pro4 li .txt p span {
	font-weight:bold;
}
.prodel .pro3 {
	padding:2.8125rem 0 4.947916666666667rem;
}
.prodel .pro2 h3,.prodel .pro3 h3 {
	background:#f8f8f8;
	border-radius:0.3125rem;
	padding:0 0.8333333333333334rem;
	font-size:1.25rem;
	line-height:3.125rem;
	color:#222222;
	font-weight:bold;
}
.prodel .pro3 .del {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#222222;
	padding:1.25rem 1.0416666666666667rem 0;
}
.prodel .pro3 .del img {
	/*display:block;*/
	/*margin:0 auto;*/
	/*border-radius:0.5208333333333334rem;*/
	/*overflow:hidden;*/
}
.prodel .pro2 .swipro {
	margin-top:1.5625rem;
}
.prodel .pro2 .swipro .pic {
	height:8.125rem;
	border:1px solid #e9e9e9;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.prodel .pro2 .swipro .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
}
.prodel .pro2 .swipro .txt {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#222222;
	margin-top:0.5208333333333334rem;
	height:3.2em;
	overflow:hidden;
}
.prodel .pro2 .swipro {
	overflow:hidden;
}
.prodel .pro2 .wrap {
	position:relative;
}
.prodel .pro2 .prev,.prodel .pro2 .next {
	position:absolute;
	left:-2.8125rem;
	top:6.458333333333334rem;
	z-index:1;
	width:1.7708333333333335rem;
	height:5.208333333333334rem;
	border-radius:0.20833333333333334rem;
	background:url(../images/qmprs.png) no-repeat center #f7f7f7;
	cursor:pointer;
	background-size:0.5729166666666667rem auto;
}
.prodel .pro2 .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 鍜� Chrome*/
	-o-transform:rotate(180deg);
	left:auto;
	right:-2.8125rem;
}
.prodel .pro1 .wrap {
	display:flex;
	justify-content:space-between;
}
.prodel .pro1 .lts {
	width:34rem;
}
.prodel .pro1 .rts {
	flex: 1;padding-left: 3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.prodel .pro1 .rts .thc{
    display:flex;	flex: 1;
	justify-content:space-between;
	flex-direction: column;
	margin-bottom: 4rem;
}
.prodel .pro1 .rts .thc img{
    width: 100%;display: block;
}
.prodel .pro1 {
	padding:4.166666666666667rem 0 3.6458333333333335rem;
}
.prodel .pro1 .rts h1 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#222222;
	padding-bottom:0.8333333333333334rem;
	border-bottom:0.052083333333333336rem solid #e5e5e5;
	margin-bottom: 1rem;
}
.prodel .pro1 .rts dl {
	padding:1.5625rem 0;
	border-bottom:0.052083333333333336rem solid #e5e5e5;
}
.prodel .pro1 .rts dd {
	margin-bottom:1.0416666666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.prodel .pro1 .rts dd span {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#7e7e7e;
	display:block;
	width:8.125rem;
}
.prodel .pro1 .rts dd p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#222222;
	width:calc(100% - 8.333333333333334rem);
}
.prodel .pro1 .rts .btn {
	width:8.333333333333334rem;
	border-radius:0.3125rem;
	display:block;
	background:#f8f8f8;
	text-align:center;
	margin-top:1.5625rem;
}
.prodel .pro1 .rts .btn span {
	font-size:0.8333333333333334rem;
	line-height:3.125rem;
	color:#552d2b;
	display:inline-block;
	font-weight:bold;
	padding-left:1.9791666666666667rem;
	background:url(../images/qms36.png) no-repeat left center;
	background-size:1.25rem auto;
}
.prodel .pro1 .rts .btn:hover {
	background:#552d2b;
}
.prodel .pro1 .rts .btn:hover span {
	color:#fff;
	background:url(../images/qms36-1.png) no-repeat left center;
	background-size:1.25rem auto;
}
.prodel .pro1 .lts .hs {
	overflow:hidden;
	position:relative;
	border:1px solid #e9e9e9;
	border-radius:0.5208333333333334rem;
}
.prodel .pro1 .lts .hs .swiper-slide {
	height:34rem;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}
.prodel .pro1 .lts .hs .swiper-slide img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.prodel .pro1 .lts .hs .prev,.prodel .pro1 .lts .hs .next {
	position:absolute;
	left:1.0416666666666667rem;
	top:50%;
	z-index:1;
	width:1.7708333333333335rem;
	height:5.208333333333334rem;
	border-radius:0.20833333333333334rem;
	background:url(../images/qmprs.png) no-repeat center #f7f7f7;
	cursor:pointer;
	background-size:0.5729166666666667rem auto;
	margin-top:-2.604166666666667rem;
}
.prodel .pro1 .lts .hs .swiper-slide a{
	width: 100%;height: 100%;display: block;
}
.prodel .pro1 .lts .hs .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 鍜� Chrome*/
	-o-transform:rotate(180deg);
	left:auto;
	right:1.0416666666666667rem;
}
.prodel .pro1 .lts .ovs {
	position:relative;
	padding:0 3.6458333333333335rem;
	margin-top:1.1458333333333335rem;
}
.prodel .pro1 .lts .bs .swiper-slide {
	height:5.270833333333334rem;
	overflow:hidden;
	border:1px solid #e9e9e9;
	border-radius:0.625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}
.prodel .pro1 .lts .bs {
	overflow:hidden;
}
.prodel .pro1 .lts .bs .swiper-slide img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
}
.prodel .pro1 .lts .ovs .prev,.prodel .pro1 .lts .ovs .next {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:3.125rem;
	height:4.270833333333334rem;
	border-radius:0.20833333333333334rem;
	background:url(../images/qmprs.png) no-repeat center;
	cursor:pointer;
	background-size:0.5729166666666667rem auto;
}
.prodel .pro1 .lts .ovs .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 鍜� Chrome*/
	-o-transform:rotate(180deg);
	left:auto;
	right:0;
}
.prodel .pro1 .lts .bs .swiper-slide.swiper-slide-thumb-active {
	border-color:#552d2b;
}
.prodel .wrap {
	max-width:75rem;
	margin:0 auto;
}
.prodel .pro1 .rts .p {
	font-size:16px;
	line-height:1.7;	flex: 1;
}
.prodel .pro1 .rts {
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}
.newproduct {
	padding:4.166666666666667rem 0;
}
.newproduct .wrap {
	max-width:75rem;
	margin:0 auto;
}
.newproduct .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:1.5625rem;
}
.newproduct .flex h3 {
	font-size:1.3541666666666667rem;
	font-weight:bold;
	line-height:1.6;
}
.newproduct .flex ul {
	width:calc(100% - 10.416666666666668rem);
	display:flex;
	flex-wrap:wrap;
}
.newproduct .flex li {
	width:25%;
}
.newproduct .flex li .picov {
	height:12.5rem;width: 12.5rem;;
}
.newproduct .flex li h4 {
	text-align:center;
	font-size:16px;
	margin:1.0416666666666667rem 0 0;
	text-align:center;
}
.newproduct .flex li a {
	display:block;
	padding:1.0416666666666667rem;
}
.newproduct .flex li a:hover {
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.1);
}
.about .bd {
	background:#f8f8f8;
	border-bottom:1.0416666666666667rem solid #552d2b;
}
.about .bd .wrap {
	display:flex;
	justify-content:space-between;
	margin-bottom:-1.0416666666666667rem;
	position:relative;
	z-index:1;
}
.about .bd .text {
	width:36.97916666666667rem;
	padding-top:4.166666666666667rem;
}
.about .bd .text h3 {
	font-size:1.25rem;
	color:#222222;
	margin-top:3.6875rem;
	line-height:1.7;
}
.about .bd .text h6 {
	font-size:0.7291666666666667rem;
	color:#222222;
	opacity:0.5;
	line-height:1.7;
}
.about .bd .text p {
	margin-top:1.0416666666666667rem;
	color:#222222;
	font-size:0.8333333333333334rem;
	line-height:2;
}
.about .bd .pic {
	width:45.3125rem;
	margin-right:-13.020833333333334rem;
}
.about .wrap {
	max-width:75rem;
	margin:0 auto;
}
.wtit h2 {
	font-weight:bold;
	font-size:2.5rem;
	line-height:1.4;
	color:#333;
}
.wtit h4 {
	font-size:0.9375rem;
	line-height:1.4;
	color:#222222;
}
.pinpzmd {
	padding:5.125rem 0;
}
.pinpzmd .wrap {
	display:flex;
	justify-content:space-between;
}
.pinpzmd .text {
	width:23.958333333333336rem;
}
.pinpzmd .tx {
	margin-top:2.8645833333333335rem;
}
.pinpzmd .text p {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#222222;
}
.pinpzmd .text p.p1 {
	opacity:0.5;
	margin-top:1.0416666666666667rem;
}
.pinpzmd .swipers {
	width:calc(100% - 26.041666666666668rem);
	overflow:hidden;
}
.pinpzmd .swipers .spans {
	text-align:center;
	margin-top:1.0416666666666667rem;
}
.pinpzmd .swipers .spans span {
	width:0.5208333333333334rem;
	height:0.5208333333333334rem;
	border-radius:50%;
	opacity:1;
	border:1px solid #b4b4b4;
	background:none;
}
.pinpzmd .swipers .swiper-slide {
	/*border-radius:1rem;*/
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.pinpzmd .swipers .swiper-slide{
    height:  auto;
}
.pinpzmd .swipers .swiper-slide a,
.pinpzmd .swipers .swiper-slide img {
	width:100%;
	display:block;
	height:100%;
	object-fit:cover;
}
.pinpzmd .swipers .spans span.swiper-pagination-bullet-active {
	border-color:#000000;
	background:#000000;
}
.pinpzmd2 {
	background:#f8f8f8;
}
.hproduct .porc a:hover .umore {
	background:#333;
	color:#fff;
}
.footer .tab dd a:hover {
	opacity:1;
}
.footer .wrap{
    max-width: 100%;padding: 0 4%;
}
.thproduct li a{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.thproduct li:nth-child(2n) a{
	flex-direction:row-reverse;
}
.thproduct  ul {
	margin-top:3.125rem;
	display: flex;
	justify-content: center;
}
.thproduct li{
	width: 50%;
}
.thproduct li .pic {
	width:31.25rem;
	overflow:hidden;
	position:relative;
}
.thproduct li .pic:hover .hidden {
	display:block;
}
.thproduct li .hidden {
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,.6);
}
.thproduct li .hidden p {
	position:absolute;
	bottom:0.5208333333333334rem;
	left:0rem;
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size:0.9375rem;
	color:#fff;
}
.thproduct li .cursor {
	position:absolute;
	color:#fff;
	font-size:1.5625rem;
	font-weight:600;
	width:100%;
	cursor:none !important;
	display:none;
}
.thproduct li .pic:hover .cursor {
	display:block;
}
.thproduct li .pic img {
	width:100%;
	display:block;
}
.thproduct li .text {
	flex:1;
	padding-left:3.229166666666667rem;
}
.thproduct li:nth-child(2n) .text {
	padding-left:0;
	padding-right:3.229166666666667rem;
	text-align:right;
	display:flex;
	align-items:end;
	flex-direction:column;
	text-align:right;
	justify-content:center;
}
.thproduct li .text h3 {
	font-size:1.5625rem;
	color:#333;
	font-weight:bold;
	line-height:1.6;
}
.thproduct li .text p {
	font-size:16px;
	line-height:1.6;
	color:#333;
	margin:1.3541666666666667rem 0 3.75rem;
	width:17.1875rem;
}
.thproduct li .text .ar {
	display:block;
	width:3.6458333333333335rem;
	height:1.5625rem;
	background:url(../images/arrowleft.png) center center no-repeat;
	background-size:1.5625rem auto;
	border:1px solid #333;
	border-radius:1.0416666666666667rem;
	transition:all .2s ease-in-out;
	margin-right:10.416666666666668rem;
}
.thproduct li .text .ar:hover {
	transform:translateX(-0.5208333333333334rem);
}
.thproduct li:nth-child(2n) .text .ar {
	margin:0;
	margin-left:10.416666666666668rem;
}
.thproduct {
	padding:4.166666666666667rem 0;
}
.thproduct li:nth-child(2n) .text .ar {
	transform:rotate(180deg);
}
.thproduct li:nth-child(2n) .text .ar:hover {
	transform:rotate(180deg) translateX(-0.5208333333333334rem);
}
.mask {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:100;
	background:rgba(0,0,0,0.5);
	display:none;
}
.mtanc {
	position:fixed;
	left:0;
	right:0;
	top:20%;
	width:26.041666666666668rem;
	z-index:111;
	margin:0 auto;
	background:#fff;
	border-radius:0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:1.5625rem;
	display:none;
}
.mtanc .close {
	position:absolute;
	right:-1.09375rem;
	top:-0.8333333333333334rem;
	width:0.8333333333333334rem;
	cursor:pointer;
	z-index:11;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 鍜� Chrome*/
	-o-transition:all 0.3s;
}
.mtanc .close:hover {
	transform:rotate(720deg);
	-ms-transform:rotate(720deg);
	/* IE 9*/
	-moz-transform:rotate(720deg);
	/* Firefox*/
	-webkit-transform:rotate(720deg);
	/* Safari 鍜� Chrome*/
	-o-transform:rotate(720deg);
}
.mtanc h3 {
	position:relative;
	font-size:0.9375rem;
	line-height:1.6;
	color:#343434;
	margin:0 1.4583333333333335rem;
	cursor:pointer;
	text-align:center;
}
.mtanc h3 i {
	position:relative;
	display:inline-block;
	padding-bottom:0.4166666666666667rem;
}
.mtanc h3 i:before {
	position:absolute;
	content:"";
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	height:0.10416666666666667rem;
	background:#552d2b;
}
.mtanc .t1 {
	height:2.3958333333333335rem;
	border:1px solid #e5e5e5;
	font-size:16px;
	color:#343434;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1.0416666666666667rem;
	margin-top:1.0416666666666667rem;
}
.mtanc .t1.txt1 {
	height:7.8125rem;
	padding:0.5208333333333334rem 1.0416666666666667rem;
	resize:none;
}
.mtanc .btn {
	width:10.416666666666668rem;
	line-height:1.9791666666666667rem;
	text-align:center;
	display:block;
	font-size:16px;
	color:#fff;
	background:#552d2b;
	border-radius:1.0416666666666667rem;
	margin:1.0833333333333335rem auto 0.5208333333333334rem;
}
.prodel .pro1 .rts .boxc {
	display:flex;
	align-items:center;
}
.prodel .pro1 .rts .boxc a {
	background:#552d2b;
	color:#fff;
	padding:0 0.78125rem;
	border-radius:0.5208333333333334rem;
	line-height:2.3958333333333335rem;
	font-weight:400;
	display:flex;
	align-items:center;
	font-size:0.9375rem;
	margin-right:0.78125rem;
}
.prodel .pro1 .rts .boxc a img {
	width:1.3541666666666667rem;
	margin-right:0.2604166666666667rem;
}

a:hover .waddicon{
	opacity: 1;
}
.waddicon{
	position: absolute;opacity: 0;
	left: 0;right: 0;
	top: 0;bottom: 0;z-index: 11;
	background:url(../images/uadd.png) no-repeat center/3rem auto rgba(0,0,0,0.5);
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
	-o-transition:all 0.3s;
}
.webshow{
    display: none;
}