@media only screen and (min-width: 1601px) {
	.news ul li span font {height:200px !important;}
}
@media only screen and (min-width: 641px) {
	.ibar {font-size:3.6vh; color:#666; width:1.6rem; margin: 11vh auto 5vh auto;border: 1px solid; padding: 1.5vh 0; display:block; text-align:center;}
	.ibar font {font-size:1.8vh; color:#969696; display:block; margin-top:1vh;}
	.gonext,.gotop {width:100px; left:calc(50% - 50px); position:absolute; bottom:65px;}
	.gonext::before,.gotop::before {position: absolute;width:2px; height:30px; background-color:#999; top:-38px;display: block;content: ""; left:49px;transition: all 0.3s ease-out 0s;background: #999;}
	.gonext::after,.gotop::after {position: absolute;width:2px; height:30px; background-color:#999; top:32px;display: block;content: ""; left:49px;transition: all 0.3s ease-out 0s;background: #999;}
	
	.about {background-image:url(../images/bg_i1.jpg) !important;}
	.about .aboutbody {width:85%; margin:0 auto;}
	.about .aboutinfo {height:100%; width:calc(100% - 48vw); float:left; margin-top:200px;}
	.about .aboutinfo .abouttit {text-align:left;}
	.about .aboutinfo .abouttit span {font-size:4vw; color:#de2020; display:block; font-family:Arial, Helvetica, sans-serif;}
	.about .aboutinfo .abouttit font {font-size:3.2vw; display:block; font-weight:bold; color:#de2020; padding:8px 0 15px 0 ;}
	.about .aboutinfo .abouttit em {font-size:1.5vw; font-style:normal; display:none; color:#de2020;  font-weight:bold;}
	.about .aboutinfo .aboutcont {margin-top:2vw; text-align:left; display:block;}
	.about .aboutinfo .aboutcont p {line-height:240%; font-size:0.725vw; color:#666;}
	.about .aboutinfo .aboutcont a {display:inline-block; margin-top:13px; transition: all 0.3s ease-out 0s; border-radius:5px; padding:8px 30px; background-color:#666; color:#fff;}
	.about .aboutinfo .aboutcont a:hover {background-color:#293239;}
	.about .attrs {margin-top:2vw; height:70px;}
	.about .attrs li { float:left; width:33.33%; text-align:left;}
	.about .attrs li img {float:left; margin-right:20px;}
	.about .attrs li span {font-size:18px; font-weight:bold;}
	.about .attrs li span font {font-size:13px; display:block; font-weight:normal; padding-top:5px; color:#777;}
	.about .viewmore {text-align:left; margin-top:2vw;}
	.about .viewmore a {display:inline-block; background-color:#de2020; color:#fff; border-radius:18px; height:36px; line-height:36px; padding:0 30px;}
	.about .swiper-shoppics {width:45vw; float:right; margin-top:200px; height:25vw;}
	.about .swiper-shoppics video {object-fit:fill; width:45vw; height:25vw; margin:0 auto;}
	

	.product {width:100%; margin:0; background:url(../images/bg_pro.jpg) repeat-y !important; display:block;}
	.product ul {width:100%; height:100%; margin:0; padding:0;}
	.product ul li {width:calc(16.66% - 1px); background:url(../images/bg_pro2.png) repeat-x; margin-right:1px; overflow:hidden; position:relative; text-align: left; height:100%; float:left;}
	.product ul li:last-child {width:16.7%; margin-right:0;}
	.product ul li span {width:80%; display:block; margin:70vh auto 0 auto; text-align:left; font-size:14px; color:#fff; transition: all 0.5s ease-out;}
	.product ul li span em {float:left; font-size:42px; font-weight:bold; margin-right:15px; transition: all 0.5s ease-out;}
	.product ul li span font {font-size:18px; display:block; padding-top:6px; transition: all 1s ease-out;}
	.product ul li i {display:none; transition: all 0.5s ease-out;}
	.product ul li img {display:none; width:auto; height:100%;}
	.product ul li a {position:absolute; left:0; top:0; height:100%; width:100%; display:block;}
	.product ul li:hover {text-align:center; background-image:url(../images/bg_pro1.jpg); position:relative;}
	.product ul li:hover span {width:80%; display:block; margin:20vh auto 0 auto; text-align:center; font-size:14px; color:#fff;}
	.product ul li:hover span em {font-size:58px; float:none; display:block; font-weight:bold; margin-right:15px;}
	.product ul li:hover span font {font-size:20px; display:block; padding:12px 0 2px 0;}
	.product ul li:hover i {display:inline-block; margin:0 auto; font-style:normal; background-color:#de2020; color:#fff; border-radius:18px; height:30px; line-height:30px; padding:0 30px; font-size:13px; margin-top:20px;}
	
	.newsblock {width:100vw; height:100vh; display:table-cell; vertical-align:middle;}
	.news .advtop {height:195px; text-transform:uppercase; color:#ffe9e9; position:relative; font-size:90px; line-height:195px; text-align:center;}
	.news .advtop span {display:block; width:100%; color:#e03939; font-size:36px; position:absolute; left:0; top:0; font-weight:bold;}
	.news ul {max-width:1600px; width:96vw; margin:0 auto 0 auto;}
	.news ul li {float:left; width:23%; margin:0 1%; overflow:hidden; margin-bottom:25px;}
	.news ul li:nth-child(n+5) {margin-bottom:0;}
	.news ul li a.pic {max-width:368px; width:22.08vw; height:13.8vw; max-height:230px; margin-bottom:10px; display:block; position:relative; border-radius:10px; overflow:hidden;}
	.news ul li img {width:100%; height:100%;}
	.news ul li a.tit {font-size:1.2vw; display:inline-block; height:3vw; line-height:3vw; max-width:368px; width:22.08vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news ul li span {position:absolute; left:0; top:-100%; width:calc(100% - 50px); height:calc(100% - 30px); padding:15px 25px; background:rgba(0,0,0,0.6); color:#fff; transition: all 0.3s ease-out; }
	.news ul li span font {display:table-cell; vertical-align:middle; line-height:200%; text-align:left; overflow:hidden; max-width:318px; width:calc(22.08vw - 50px); max-height:200px; height:calc(13.8vw - 30px); font-size:1vw;}
	.news ul li:hover span {top:0; transition: all 0.3s ease-out;}
	.news dl {width:1300px; margin:0 auto; heigth:500px;}
	.news dl dt {float:left; width:560px; background-color:#eee; font-size:14px; padding-bottom:20px; text-align:left;}
	.news dl dt img {width:560px; height:350px;}
	.news dl dt a.tit {display:block; height:50px; line-height:50px; border-bottom:1px solid #fff; width:530px; padding:0 15px; margin-bottom:20px; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news dl dt font {display:inline-block; padding:0 15px; color:#666; font-size:14px; line-height:200%;}
	.news dl dd {height:113px; background-color:#eee; margin-bottom:15px; width:350px; float:left; margin-left:20px; display:inline-block; text-align:left;}
	.news dl dd a.tit {display:block; height:45px; line-height:50px; padding:0 25px; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news dl dd font {display:inline-block; padding:0 25px; color:#666; font-size:14px; line-height:200%;}
	
	.advantage {background-image:url(../images/bg_i1.jpg) !important;}
	.advantage .advbody {width:85%; margin:0 auto;}
	.advantage .advinfo {height:100%; width:calc(100% - 48vw); float:right; padding-top:170px;}
	.advantage .advinfo .advtit {text-align:left;}
	.advantage .advinfo .advtit span {font-size:3.6vw; position:relative; display:block; color:#de2020; font-family:Arial, Helvetica, sans-serif;}
	.advantage .advinfo .advtit span::before {content:''; position:absolute; height:2.7vw; top:0.7vw; width:4px; background-color:#de2020; left:-30px;}
	.advantage .advinfo .advtit font {font-size:3.2vw; display:block; font-weight:bold; color:#de2020; padding:8px 0 15px 0 ;}
	.advantage .advinfo .advtit em {font-size:1.25vw; display:block; font-style:normal; color:#666; font-weight:bold;}
	.advantage .advinfo .advintro {margin-top:4vw; text-align:left; border:3px solid #de2020; padding:15px 20px; font-size:14px; line-height:180%; color:#666;}
	.advantage .attrs {margin-top:4vw; height:70px;}
	.advantage .attrs dd { float:left; padding-right:4vw; text-align:left;}
	.advantage .attrs dd:last-child {padding-right:0;}
	.advantage .attrs dd span {font-size:0.6vw;}
	.advantage .attrs dd span font {font-size:0.9vw; display:block; font-weight:bold;}
	.advantage .attrs dd font {font-size:3vw; font-weight:bold; position:relative; color:#de2020}
	.advantage .attrs dd i {position:absolute; top:0; right:-20px; font-size:24px; font-style:normal; font-weight:normal;}
	.advantage .attrs dd span {font-size:20px; display:block; font-size:18px; padding-left:5px; font-weight:bold;}
	.advantage .viewmore {text-align:left; margin-top:3vw;}
	.advantage .viewmore a {display:inline-block; background-color:#de2020; color:#fff; border-radius:18px; height:36px; line-height:36px; padding:0 30px;}
	.advantage .advmap {width:43vw; padding-top:150px; float:left;}
	.advantage .advmap img {width:100%; height:auto;}
	
	.pagefoot {height:100%; overflow:hidden;}
	.pagefoot .imsg {margin-top:9vw;}
	.pagefoot .imsg h5 {text-align:center; font-size:24px; font-weight:normal; height:90px; color:#fff;}
	.pagefoot .imsg .imsgipt {width:calc(100 - 10vw); margin:0 auto;}
	.pagefoot .imsg .imsgipt input {width:15vw; border-radius:6px; margin:0 0.5vw; background-color:#fff; border:none; height:48px; line-height:48px; padding:0 0.5vw;}
	.pagefoot .imsg .imsgipt input[type="submit"] {background:#999; width:6vw; color:#fff; font-size:16px;}
	.pagefoot .imsg .imsgipt img {position:absolute; margin-left:-120px; border-radius:0 6px 6px 0; height:48px; width:120px; margin-top:1px;}
	.pagefoot .imsg .imsgipt input#content {width:30vw;}
}


@media only screen and (max-width: 640px) {
	.ibar,.aboutbar {font-size:0.4rem; text-align:center; color:#fff; width:3.2rem; padding-right:2.8rem; height:1.4rem; line-height:0.8rem; margin: 1rem auto; display:block; background:url(../images/bg_mibar.png); background-size:100% 100%;}
	.ibar font,.aboutbar span {display:block; margin-left:2.9rem; width:3.1rem; text-align:center; margin-top:-0.22rem; font-size:0.38rem;}
	.gonext,.gotop {display:none;}
	
	.about {background-image:url(../images/bg_i1.jpg) !important; background-size:auto 100% !important; padding-top:1rem;}
	.about .aboutbody {width:90%; margin:0 auto;}
	.about .aboutinfo {height:100%; width:100%;}
	.about .aboutinfo .abouttit {text-align:left;}
	.about .aboutinfo .abouttit span {font-size:0.7rem; color:#de2020; display:block; font-family:Arial, Helvetica, sans-serif;}
	.about .aboutinfo .abouttit font {font-size:0.7rem; display:block; font-weight:bold; color:#de2020; padding:8px 0 15px 0 ;}
	.about .aboutinfo .abouttit em {font-size:0.35rem; font-style:normal; display:block; color:#de2020;  font-weight:bold;}
	.about .aboutinfo .aboutcont {margin-top:0.7rem; text-align:left; display:block;}
	.about .aboutinfo .aboutcont p {line-height:180%; font-size:0.35rem; color:#666;}
	.about .aboutinfo .aboutcont a {display:inline-block; margin-top:13px; transition: all 0.3s ease-out 0s; border-radius:5px; padding:8px 30px; background-color:#666; color:#fff;}
	.about .aboutinfo .aboutcont a:hover {background-color:#293239;}
	.about .attrs {margin-top:0.7rem;}
	.about .attrs li { float:left; width:33.33%; text-align:left; line-height:0.8rem;}
	.about .attrs li img {float:left; margin-right:0.1rem; height:0.8rem; width:auto;}
	.about .attrs li img.imgspec {display:none;}
	.about .attrs li span {font-size:0.35rem;}
	.about .attrs li span font {display:none;}
	.about .viewmore {text-align:left; margin-top:0.6rem; text-align:center;}
	.about .viewmore a {display:inline-block; font-size:0.35rem; background-color:#de2020; color:#fff; border-radius:0.5rem; height:0.8rem; line-height:0.8rem; padding:0 0.6rem;}
	.about .swiper-shoppics {width:100%; height:5rem; margin:1rem 0;}
	.about .swiper-shoppics video {object-fit:fill; width:9rem; height:5rem; margin:0 auto;}
	
	.product {padding:0;}
	.product ul li {float:left; width:5rem; height:5.5rem; margin-bottom:1px; text-align:center; overflow:hidden; position:relative;}
	.product ul li:nth-child(2n) img,.product ul li:nth-child(2n) a {margin-left:1px;}
	.product ul li a {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10001; text-align:center; color:#fff; background:rgba(0,0,0,0.5);}
	.product ul li img {width:100%; height:auto; position:absolute; left:0; bottom:-2rem; z-index:10000;}
	.product ul li span {width:80%; display:block; margin:1rem auto 0.6rem auto ; text-align:center; font-size:0.3rem; color:#fff;}
	.product ul li span em {display:block; text-align:center; font-size:0.9rem; font-weight:bold; margin-right:0.3rem;}
	.product ul li span font {font-size:0.4rem; display:block; padding-top:0.1rem;}
	.product ul li i {display:none;}
	
	.news {padding:0 0 0.5rem 0;}
	.news .advtop {height:3rem; color:#fdf3f2; position:relative; font-size:1.5rem; line-height:3rem; text-align:center;}
	.news .advtop span {display:block; width:100%; color:#de2020; font-size:0.6rem; position:absolute; left:0; top:0; font-weight:bold;}
	.news ul {margin:0 0 0 0.1rem;}
	.news ul li {float:left; width:4.7rem; margin:0 0.1rem; overflow:hidden; margin-bottom:0.3rem;}
	.news ul li a.pic {width:4.7rem; height:2.9375rem; margin-bottom:0.2rem; display:block; position:relative; border-radius:0.2rem; overflow:hidden;}
	.news ul li img {width:100%; height:100%;}
	.news ul li a.tit {font-size:0.35rem; display:inline-block; height:0.6rem; line-height:0.6rem; width:4.7rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news ul li span {display:none;}
	
	.news dl {width:9.45rem; margin:0 auto; text-align:left;}
	.news dl dt {background-color:#eee;}
	.news dl dt img {width:9.45rem; height:5.25rem;}
	.news dl dt a.tit {display:block; height:1.2rem; line-height:1.2rem; padding:0 0.4rem; font-size:0.4rem; color:#444; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news dl dt font {display:inline-block; padding:0 0.4rem 0.3rem 0.4rem; color:#666; font-size:0.35rem; line-height:200%;}
	.news dl dd {background-color:#eee; margin-top:1px; width:100%; display:inline-block; text-align:left;}
	.news dl dd a.tit {display:block; height:1.2rem; line-height:1.2rem; padding:0 0.4rem; font-size:0.4rem; color:#444; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news dl dd font {display:inline-block; padding:0 0.4rem 0.3rem 0.4rem; color:#666; font-size:0.35rem; line-height:200%;}
	
	.advantage {background-image:url(../images/bg_i1.jpg) !important; background-size:auto 100% !important;}
	.advantage .advbody {width:85%; margin:0 auto;}
	.advantage .advinfo {height:100%; padding-bottom:1rem;}
	.advantage .advinfo .advtit {text-align:left;}
	.advantage .advinfo .advtit span {font-size:0.7rem; color:#de2020; display:block; font-family:Arial, Helvetica, sans-serif;}
	.advantage .advinfo .advtit font {font-size:0.7rem; display:block; font-weight:bold; color:#de2020; padding:8px 0 15px 0 ;}
	.advantage .advinfo .advtit em {font-size:0.35rem; font-style:normal; display:block; color:#de2020;  font-weight:bold;}
	.advantage .attrs {margin-top:0.5rem; height:2rem;}
	.advantage .attrs dd {float:left; padding-right:0.6rem; text-align:left;}
	.advantage .attrs dd:last-child {padding-right:0;}
	.advantage .attrs dd span {font-size:0.4rem; display:block;}
	.advantage .attrs dd span font {font-size:0.35rem; display:block; font-weight:bold;}
	.advantage .attrs dd font {font-size:0.6rem; font-weight:bold; position:relative; color:#de2020}
	.advantage .attrs dd i {position:absolute; top:0; right:-0.5rem; font-size:0.4rem; font-style:normal; font-weight:normal;}
	.advantage .advinfo .advintro {text-align:left; border:2px solid #de2020; padding:0.3rem; font-size:0.35rem; line-height:180%; color:#666;}
	
	.advantage .viewmore {text-align:left; margin-top:0.5rem; text-align:center;}
	.advantage .viewmore a {display:inline-block; font-size:0.35rem; background-color:#de2020; color:#fff; border-radius:0.5rem; height:0.8rem; line-height:0.8rem; padding:0 0.6rem;}
	.advantage .advmap {width:90%; margin:0.9rem auto;}
	.advantage .advmap img {width:100%; height:auto;}
	
	.pagefoot .imsg {display:none;}
}