@import url("font/iconfont.css");
@import url("font/bodyfont.css");
* {
	margin: 0px;
	padding: 0px;
}
html,body {
	font-size: 12px;
	color: #333;
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
}
ul {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: top;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
textarea, select {
	-webkit-appearance: none;
}
input, textarea, select {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	outline: none;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #95322c;
}
a:active {
	text-decoration: none;
}
.clear {
	clear: both;
	line-height: 0px;
}
.wrapper {
	width: 82%;
	margin: 0 auto;
}
/*分页*/
.page {
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	padding: 3rem 0;
}
.page span {
	margin: 0 2px;
}
.page span a {
	padding: 5px 10px;
	color: #666;
	border: solid 1px #DDD;
	background-color: #FFF;
}
.page span a:hover {
	border: solid 1px #000;
	color: #000;
}
.page span.current {
	color: #FFF;
	background: #000;
	padding: 5px 10px;
	border: solid 1px #000;
}
.page span.disabled {
	color: #666;
	background-color: rgba(0,0,0,0.05);
	padding: 5px 10px;
	border: solid 1px #DDD;
}
/**/
main .tit {
	margin-bottom:3rem;
	max-width:100%;
	text-align:left;
	white-space: nowrap;
	text-transform: capitalize;
	font-size:3rem;
	font-weight:600;
	line-height:1.2;
	overflow:hidden;
	box-sizing:border-box;
	background: #f8f9fa;
	padding:10px 10px 10px 20px;
	color:#000;
	border-radius: 5px 10px 10px 5px;
	position:relative;
	z-index:1;
	box-shadow: 2px 1px 2px rgba(0,0,0,0.05);
	border:solid 1px rgba(0,0,0,0.05);
	border-left:none;
}
main .tit:before {
	content:"";
	border: 5px solid #be1b22;
	background-color:#FFF;
	width:10px;
	height:10px;
	position:absolute;
	z-index:2;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
main .tit:after {
	content:"";
	position:absolute;
	left: 0;
	top: 0;
	background-color:#be1b22;
	width:5px;
	height:100%;
}
main .about {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding-top:5rem;
	gap:3rem;
}
main .about .factory {
	width:60%;
	flex: 1; 
}
main .about .factory h1 {
	font-size:2.2rem;
	color:#000;
}
main .about .factory article {
	margin-top:10px;
	font-size:1.5rem;
}
main .about .factory .btn {
	display:inline-block;
	border:solid 1px rgba(0,0,0,0.8);
	border-left:solid 4px rgba(0,0,0,0.8);
	font-size:1.1rem;
	font-weight:500;
	color:#be1b22;
	padding:2px 10px;
	text-transform:uppercase;
	margin-top:10px;
	background-color: rgba(0,0,0,0.01);
	box-shadow: 2px 4px 5px rgba(0,0,0,0.1);
	border-radius: 0 20px 20px 0;
	position:relative;
	overflow:hidden;
	transition: all 0.3s ease-in-out;
}
main .about .factory .btn:before {
	content:"";
	position:absolute;
	z-index:-1;
	width:0;
	height:100%;
	left:0;
	top:0;
	background-color: rgba(0,0,0,0.8);
	transition: all 0.2s ease-in-out;
}
main .about .factory .btn:hover {
	color:#FFF;
}
main .about .factory .btn:hover:before {
	width:100%;
}
main .about .video {
	width:40%;
}
main .about .video .vdbgimg {
	width:100%;
	height:0;
	padding-top: 62.5%; /* 16:9 = 9/16 = 0.5625 → 56.25% */
    overflow: hidden;
	position:relative;
	cursor:pointer;
	z-index:1;
}
main .about .video .vdbgimg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;   /* 关键：保持比例填满容器 */
	object-position: center; /* 图片居中 */
}
main .about .video .vdbgimg:before {
	content:"\ed20";
	font-family: "iconfont" !important;
	font-size:7rem;
	color:#e70309;
	position:absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main .about .video .vdbgimg:after {
	content:"";
	position:absolute;
	width:3.5rem;
	height:3.5rem;
	background-color:#FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:1;
}
main .about .video .vdplayer {
    width: 100%;
    height: 0;
    padding-top: 62.5%;
    overflow: hidden;
    position: relative;
    display: none;
	z-index:1;
}
main .about .video .vdplayer video,main .about .video .vdplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .about .pics {
	flex: none;
	width:100%;
	position:relative;
	z-index:1;
}
main .about .pics .tit {
	display:none;
}
main .about .pics .swiper-slide .img {
	width: 100%;
}
main .about .pics .swiper-slide .img img {
	width: 100%;
	height: 100%;
    object-fit: cover;
}
main .about .pics .swiper-button-next,main .about .pics .swiper-button-prev {
	background-image:none;
}
main .about .pics .swiper-button-next {
	right:-30px;
}
main .about .pics .swiper-button-prev {
	left:-30px;
	transform: rotate(180deg);
}
main .about .pics .swiper-button-prev:before, main .about .pics .swiper-button-next:before {
	content: "\e666";
	font-family: "iconfont" !important;
	vertical-align: middle;
	position: absolute;
	width:100%;
	top:50%;
	margin-top:-25px;
	font-size: 50px;
	color: #000;
	text-align: center;
}
main .protype {
	padding-top:5rem;
}
main .protype ul {
	display: grid;
	gap: 0;
	overflow:hidden;
}
main .protype ul li {
	max-height:45vh;
	border:solid 1px #FFF;
}
main .protype ul.row1 {
	grid-template-columns: 2fr 1fr;
	border-radius: 10px 10px 0 0;
}
main .protype ul.row2 {
	grid-template-columns: 1fr 2fr;
}
main .protype ul.row3 {
	grid-template-columns: 1fr 1fr;
	border-radius: 0 0 10px 10px;
}
main .protype ul li img {
	width: 100%;
	height: 100%;
    object-fit: cover;
	object-position: center 25%;
	transition: transform 0.3s ease 0s;
}
main .protype ul li a {
	position:relative;
	display:block;
	width: 100%;
	height: 100%;
	z-index:1;
	overflow:hidden;
}
main .protype ul li a:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: linear-gradient(transparent, rgba(0,0,0,0.1));
	z-index:1;
}
main .protype ul li h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	box-sizing:border-box;
	color: #fff;
	font-size: 2rem;
	background: linear-gradient(transparent, rgba(0,0,0,0.8));
	text-align:center;
	font-weight:600;
	z-index:2;
}
main .protype ul li a:hover img {
	transform: scale(1.1);
}
main .youshi {
	padding-top:5rem;
}
main .youshi ul {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	gap:20px;
}
main .youshi ul li {
	width: calc(33.3% - 20px*2/3);
}
main .youshi ul li .imgs {
	width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
	z-index:1;
}
main .youshi ul li .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease; 
}
main .youshi ul li .imgs .img-top-left {
	clip-path: polygon(0 0, 100% 0, 0 100%);
	z-index: 2;
}
main .youshi ul li .imgs .img-bottom-right {
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
	z-index: 1;
}
main .youshi ul li .img-top-left:hover {
	transform: scale(1.1);
}
main .youshi ul li .img-bottom-right:hover {
	transform: scale(1.1);
}
main .youshi ul li h3 {
	font-size:1.5rem;
	margin:10px 0;
}
main .youshi ul li article {
	font-size:1.3rem;
	line-height:1.5;
}
main .solution {
	padding-top:5rem;
}
main .solution .list {
	display: flex;
	justify-content:space-between;
	align-items: center;
	margin-top:3rem;
}
main .solution .list .img {
	width:48%;
}
main .solution .list .img img {
	width:100%;
	height:100%;
    object-fit: cover;
}
main .solution .list article {
	width:48%;
	padding:20px 0;
}
main .solution .list article h3 {
	text-align:left;
	font-size:2rem;
	margin-bottom:10px;
}
main .solution .list article p {
	font-size:1.5rem;
	line-height:1.5;
	white-space: pre-wrap;
}
main .solution .list:nth-child(odd) .img {
	order:1;
}
main .partner {
	padding-top:5rem;
}
main .partner ul {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	gap:20px;
}
main .partner ul li {
	width: calc(33.3% - 20px*2/3);
    height: 0;
    padding-top: 25%;
    overflow: hidden;
    position: relative;
	z-index:1;
}
main .partner ul li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 0.3s ease 0s;
}
main .partner ul li a:hover img {
	transform: scale(1.1);
}
main .cqas {
	padding-top:5rem;
}
main .cqas ul {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	gap:20px;
}
main .cqas ul li {
	width: calc(25% - 20px*3/4);
    height: 0;
    padding-top: 30%;
	border:solid 3px rgba(0,0,0,0.8);
    overflow: hidden;
	box-sizing:border-box;
    position: relative;
	border-radius: 10px;
	transition: transform 0.3s ease 0s;
}
main .cqas ul li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .cqas ul li:hover {
	transform: translate3d(0, -10px, 0);
}
main .blog {
	padding-top:5rem;
}
main .blog ul {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:stretch;
	gap:25px;
}
main .blog ul li {
	width: calc(25% - 25px*3/4);
	transition: transform 0.3s ease 0s;
}
main .blog ul li a {
	display: flex;
    flex-direction: column;
	justify-content:space-between;
	height:100%;
}
main .blog ul li .img {
	width: 100%;
    height: 0;
    padding-top: 50%;
    overflow: hidden;
    position: relative;
	z-index:1;
}
main .blog ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 0.3s ease 0s;
}
main .blog ul li article {
	text-align:left;
	padding: 0 10px;
}
main .blog ul li article h3 {
	font-size:1.5rem;
	margin-top:20px;
	line-height:1.4;
}
main .blog ul li article p {
    font-size: 1.4rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .blog ul li .more {
	font-size:1.2rem;
	line-height:1.5;
	text-align:left;
	color:rgba(0,0,0,0.7);
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
main .blog ul li .more span {
	font-weight:600;
	color:#000;
	text-transform:uppercase;
}
main .blog ul li .more span:after {
	content: "\e666";
	font-family: "iconfont" !important;
}
main .blog ul li a:hover .more span {
	color: #95322c;
}
main .blog ul li:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
main .blog ul li:hover .img img {
	transform: scale(1.1);
}
main .videos {
	padding-top:5rem;
}
main .videos ul {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-items:stretch;
	gap:25px;
}
main .videos ul li {
	width: calc(33.333% - 25px*2/3);
	transition: transform 0.3s ease 0s;
	border:solid 1px rgba(0,0,0,0.05);
	box-sizing:border-box;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
main .videos ul li .img {
	width: 100%;
    height: 0;
    padding-top: 56%;
    overflow: hidden;
    position: relative;
	z-index:1;
}
main .videos ul li .img:before {
	content:"\ed20";
	font-family: "iconfont" !important;
	font-size:5.5rem;
	color:#e70309;
	position:absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main .videos ul li .img:after {
	content:"";
	position:absolute;
	width:2rem;
	height:2rem;
	background-color:#FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:1;
}
main .videos ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 0.3s ease 0s;
}
main .videos ul li:hover .img img {
	transform: scale(1.1);
}
main .videos ul li article {
	line-height:1.5;
	text-align:left;
	padding:10px;
}
main .videos ul li article h3 {
	font-size:1.5rem;
}
main .videos ul li article .tips {
    font-size: 1.2rem;
	color:rgba(0,0,0,0.6);
	margin-top:5px;
}
main .videos ul li article .tips span {
	margin-right:10px;
}
main .videos ul li article p {
    font-size: 1.4rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .touch {
	padding:5rem 0;
}
main .touch .box{
	display: flex;
	justify-content: space-between;
}
main .touch .message {
	width:50%;
	flex:1;
}
main .touch .message h3 {
	font-size:1.4rem;
}
main .touch .message ul {
	margin-top:2%;
}
main .touch .message ul li {
	margin-bottom:2%;
	text-align:left;
	position:relative;
}
main .touch .message ul li em {
	font-size:1.4rem;
	font-weight:500;
	line-height:2;
	font-style:normal;
}
main .touch .message ul li em span{
	color:#95322c;
}
main .touch .message ul li .help-block {
	display:block;
	margin-top:10px;
	font-size:1.2rem;
	color:#C00;
}
main .touch .message ul li input {
	width:100%;
	border: solid 1px rgba(0,0,0,0.15);
	padding: 10px;
	font-size: 1.3rem;
	box-sizing: border-box;
	border-radius: 5px;
}
main .touch .message ul li textarea {
	width: 100%;
	border: solid 1px rgba(0,0,0,0.15);
	padding: 10px;
	font-size: 1.3rem;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom:5px;
}
main .touch .message ul li input:focus,main .touch .message ul li textarea:focus {
	border: solid 1px rgba(0,0,0,0.9);
	transition: all 0.3s ease-in-out;
}
main .touch .message ul li input.border-red,main .touch .message ul li textarea.border-red {
	border: solid 1px #C00;
}
main .touch .message ul li .sendmsg {
	display:inline-block;
	position:relative;
	font-size:1.5rem;
	padding:12px 24px;
	margin-top:1rem;
	margin-left:30%;
	border: solid 2px rgba(255, 255, 255, 0.6);
	background: linear-gradient(90deg, #be1b22, #e3040b);
	color:#FFF;
	cursor:pointer;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}
main .touch .message ul li .sendmsg:hover {
	transform: scale(1.03);
	box-shadow: 0 8px 24px rgba(229, 62, 62, 0.3);
}
main .touch .message ul li .captcha-question {
	padding: 9px 10px;
	font-size: 1.6rem;
	font-weight: 600;
	background-color: #D4f4f4;
	font-family: "Montserrat";
	margin-left: 20px;
	border: solid 1px rgba(0,0,0,0.15);
	vertical-align: middle;
	color: #000;
	border-radius: 5px 0 0 5px;
}
main .touch .message ul li .captcha-Answer {
    display: inline-block;
	width:80px;
	font-size:1.3rem;
	vertical-align: middle;
}
main .touch .message ul li .captcha-Answer input {
	border-radius: 0 5px 5px 0 !important;
}
main .touch .message ul li .captcha-refresh {
	font-family: "iconfont" !important;
	font-size: 2.5rem;
	margin-left: 10px;
	vertical-align: middle;
	border:none;
	background:none;
}
main .touch .message ul li .num {
	position:absolute;
	right:10px;
	bottom:10px;
}
main .touch .message ul li .num em{
	font-size:1rem;
}
main .touch .contact {
	width:45%;
	margin-left:5%;
	background-color:rgba(0,0,0,0.02);
	border: solid 1px rgba(0,0,0,0.08);
	border-radius: 20px;
	padding: 30px;
	box-sizing:border-box;
}
main .touch .contact div {
	margin-bottom:30px;
	font-size:1.4rem;
}
main .touch .contact div h3 {
	font-size:1.6rem;
}
main .touch .contact div img {
	width:30%;
}
footer {
	background-color:rgba(0,0,0,0.9);
	color:#FFF;
}
footer .items {
	display:flex;
	padding:4rem 0;
	justify-content:space-between;
	gap:3%;
}
footer .logo {
	display:none;
    align-self: center;	
}
footer .logo img {
	max-height:60px;
	-webkit-filter:contrast(0%) brightness(130%);
	filter:contrast(0%) brightness(130%);
}
footer .items h3 {
	font-size:1.3rem;
	text-transform:uppercase;
	white-space: nowrap;
}
footer .items nav a {
	display:block;
	color:inherit;
	font-size:1.2rem;
	line-height:1.5;
	white-space: nowrap;
	margin-top:10px;
	transition: all 0.3s ease-in-out;
}
footer .items nav a:hover {
	margin-left:2px;
	color:rgba(255,255,255,0.5);
}
footer .items .contact {
	width:30%;
}
footer .items .contact p {
	color:inherit;
	font-size:1.2rem;
	line-height:1.5;
	margin-top:10px;
	display:flex;
}
footer .items .contact p a{
	color:inherit;
}
footer .items .sendemail {
	margin-top:10px;
	width:75%;
	text-align:center;
}
footer .items .sendemail .input {
	margin-top:10px;
	border:solid 1px rgba(255,255,255,0.2);
	background-color:#FFF;
	padding:7px 10px;
	box-sizing:border-box;
	border-radius: 3px;
	display:flex;
	align-items:center;
}
footer .items .sendemail .input:before {
	content: "\e6b6";
	font-family: "iconfont" !important;
	color:#000;
	font-size:1.6rem;
	margin-right:5px;
}
footer .items .sendemail .input input{
	width:100%;
	height:100%;
	background:none;
	border:none;
	font-size:1.2rem;
}
footer .items .sendemail button {
	margin-top:10px;
	border:solid 1px rgba(255,255,255,0.2);
	background-color:rgba(255,255,255,0.2);
	box-sizing:border-box;
	color:#FFF;
	padding:10px;
	border-radius: 3px;
	cursor:pointer;
	white-space:nowrap;
	font-size:1.3rem;
	text-transform:capitalize;
}
footer .btm_con {
	background-color:rgba(0,0,0,1);
	text-align:center;
	line-height:2;
	padding:1rem 0;
	font-size:1.2rem;
}
main .banner {
	clear: both;
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
}
main .banner div {
	width: 1920px;
	height: 300px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0;
	text-align: center;
}
main .location {
	padding-top: 2rem;
}
main .location ul li {
	display: inline-block;
	position: relative;
	font-size:1.4rem;
	color: #333;
}
main .location ul li:nth-child(1):before {
	content: "\e62b";
	font-family: "iconfont" !important;
	font-size:1.5rem;
	margin: 0;
	margin-right: 5px;
}
main .location ul li:hover:nth-child(1):before {
	color: #95322c;
}
main .location ul li:before {
	content: "\e666";
	font-family: "iconfont" !important;
	margin: 0 5px;
	font-size: 1.3rem;
}
main .location ul li a {
	color: #333;
}
main .location ul li a:hover {
	color: #95322c;
}
main .product {
	padding:3rem 0;
	display:flex;
	justify-content:space-between;
	gap:3%;
}
main .product nav {
	width:22%;
}
main .product nav ul li {
	position:relative;
}
main .product nav > ul > li {
	margin-bottom:10px;
}
main .product nav ul li a {
	display:block;
	padding:10px 40px 10px 15px;
	font-size:1.35rem;
	border-radius:5px;
	transition: all 0.3s ease-in-out;
}
main .product nav > ul > li > a {
	background-color:rgba(0,0,0,0.03);
}
main .product nav ul li a:hover,main .product nav ul li.on > a {
	background-color:rgba(0,0,0,0.06);
	color:#000;
}
main .product nav ul li span {
	position:absolute;
	right:0;
	top:0;
	width:40px;
	height:100%;
	padding-top:15px;
	box-sizing:border-box;
	display:flex;
	justify-content: center;
	cursor:pointer;
	transition: all 0.3s ease-in-out;
}
main .product nav ul li span:before {
	content: "\e618";
	font-family: "iconfont" !important;
	font-weight:bold;
	transform: rotate(90deg);	
	position:absolute;
}
main .product nav ul > li.on > span:before {
	transform: rotate(270deg);	
}
main .product nav ul li ul {
	display:none;
	padding-left:15px;
	margin-top:5px;
}
main .product nav ul li ul li a {
	font-size:1.3rem;
	border-left: solid 1px rgba(0,0,0,0);
	padding-left:10px;
}
main .product nav ul li ul li a:hover,main .product nav ul li ul li.on > a {
	border-left: solid 4px #be1b22;
}
main .product .list {
	width:78%;
}
main .product .list ul {
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:60px 30px;
	padding-top: 2rem;
}
main .product .list ul li {
	width: calc(33.33% - 30px*2/3);
	position: relative;
}
main .product .list ul li:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	z-index: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0,0,0,0.5) 50%, transparent 50%);
	background-size: 6px 1px;
	transform: translateZ(0);
	display:none;
}
main .product .list ul li:nth-child(3n + 1):after {
	width: calc(100%*3 + 30px*2);
	display:block;
}
main .product .list ul li:nth-last-child(-n+3):after {
	display:none;
}
main .product .list ul li .img {
	width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
	z-index:1;
}
main .product .list ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
	transition: transform 0.3s ease 0s;
}
main .product .list ul li a:hover .img img {
	transform: scale(1.1);
}
main .product .list ul li a h3 {
	margin-top:20px;
	font-size:1.3rem;
	font-weight: 500;
}
main .product .list h1 {
	font-size:3rem;
	margin-bottom:0;
}
main .product .list > article {
	padding-top: 2rem;
	line-height:1.5;
	font-size:1.4rem;
}
main .proprocess {
	padding-bottom:3rem;
}
main .proprocess ul {
	text-align: left;
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
	border-top: dashed 1px rgba(0,0,0,0.5);
	border-left: dashed 1px rgba(0,0,0,0.5);
	box-sizing: border-box;	
}
main .proprocess ul li {
	width:33.33%;
	background-color: #FFF;
	border-right: dashed 1px rgba(0,0,0,0.5);
	border-bottom: dashed 1px rgba(0,0,0,0.5);
	padding:0 20px;
	box-sizing: border-box;	
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	position:relative;
	z-index:1;
}
main .proprocess ul li:before {
	content: attr(data-step);
	transform: translateX(-20px);
	width: 5rem;
	height: 5rem;
	background-color: rgba(0,0,0,0.75);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
	border-radius:  0 0 50% 50%;
}
main .proprocess ul li:after {
	content: "\e633";
	font-family: "iconfont" !important;
	position:absolute;
	top:5%;
	right:5%;
	font-size:8rem;
	color:rgba(255,255,255,0);
	z-index:-1;
	transition: all 0.3s ease-in-out;
}
main .proprocess ul li h3 {
	font-size:2rem;
	color:#000;
	margin-top:1rem;
	transition: all 0.3s ease-in-out;
}
main .proprocess ul li article {
	margin:1rem 0;
	line-height:1.8;
	font-size:1.4rem;
}
main .proprocess ul li:hover {
	background-color: #000;
	color:#FFF;
}
main .proprocess ul li:hover:before {
	color: #FFF;
}
main .proprocess ul li:hover:after {
	color:rgba(255,255,255,0.2);
}
main .proprocess ul li:hover h3 {
	color:#FFF;
}
main .proguide article {
	line-height:2;
	font-size:1.3rem;
	text-align:left;
}
main .proguide article p {
	margin-bottom:1.5rem;
}
main .proguide article img {
	max-width:100%;
}
main .showpro {
	margin-top:3rem;
}
main .showpro .movepic {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	position: relative;
}
main .showpro .movepic .gallery-top {
	overflow: hidden;
	background-color: #FFF;
}
main .showpro .movepic .gallery-top .swiper-slide {
	text-align: center;
}
main .showpro .movepic .gallery-top .swiper-slide img {
    object-fit: contain;
	max-width: 100%;
	max-height: 100%;
}
main .showpro .movepic .gallery-top .swiper-slide .vdplayer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    display: none;
	z-index:3;
}
main .showpro .movepic .gallery-top .swiper-slide .vdplayer video,main .showpro .movepic .gallery-top .swiper-slide .vdplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .showpro .movepic .gallery-top .swiper-slide .video:before {
	content:"\ed20";
	font-family: "iconfont" !important;
	font-size:8rem;
	color:#e70309;
	cursor:pointer;
	position:absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main .showpro .movepic .gallery-top .swiper-slide .video:after {
	content:"";
	position:absolute;
	width:4rem;
	height:4rem;
	background-color:#FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:1;
}
main .showpro .movepic .gallery-thumbs {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
}
main .showpro .movepic .gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.7;
	padding:2px;
	box-sizing: border-box;
	border: solid 2px #FFF;
	background-color: #FFF;
	text-align: center;
	cursor:pointer;
}
main .showpro .movepic .gallery-thumbs .swiper-slide.video:before {
	content:"\ed20";
	font-family: "iconfont" !important;
	font-size:2.4rem;
	color:#e70309;
	cursor:pointer;
	position:absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main .showpro .movepic .gallery-thumbs .swiper-slide.video:after {
	content:"";
	position:absolute;
	width:1.2rem;
	height:1.2rem;
	background-color:#FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:1;
}
main .showpro .movepic .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border: solid 2px rgba(0,0,0,0.8);
}
main .showpro .movepic .gallery-thumbs .swiper-slide img {
    object-fit: cover;
	height: 100%;
	width: 100%;
}
main .showpro .movepic .move-left,main .showpro .movepic .move-right {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -75px;
	right: 0;
	cursor: pointer;
	text-align: center;
	z-index: 1;
	background: #FFF;
	opacity: 0.6;
	border-radius:5px;
}
main .showpro .movepic .move-left:after,main .showpro .movepic .move-right:after {
	content: "\e666";
	font-family: "iconfont" !important;
	font-size: 30px;
	line-height: 40px;
	color: #000;
}
main .showpro .movepic .move-left {
	transform: rotate(180deg);
	left:0;
}
main .showpro .movepic:hover .move-left,main .showpro .movepic:hover .move-right {
	opacity: 0.8;
	background: #000;
	transition: all 0.3s ease-in-out;
}
main .showpro .movepic:hover .move-left:after,main .showpro .movepic:hover .move-right:after {
	color: #FFF;
}
main .showpro .movepic .viewer-trigger-btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	padding: 8px;
	background: rgba(255, 255, 255, 0.6);
	color:#000;
	line-height:1;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.2s;
}
main .showpro .movepic .viewer-trigger-btn:before {
	content:"\e64c";
	font-family: "iconfont" !important;
	font-size:2rem;
}
main .showpro .movepic .viewer-trigger-btn:hover {
	background: #000;
	color: #FFF;
}
main .showpro .protxt {
	display:inline-block;
	width:52%;
	float:right;
}
main .showpro .protxt article {
	font-size: 1.4rem;
	line-height:1.5;
	white-space: pre-wrap;
}
main .showpro .protxt h3 {
	font-size:1.8rem;
	padding-top:1.5rem;
}
main .showpro .protxt ul li {
	padding-top:1rem;
	font-size:1.2rem;
	display:flex;
}
main .showpro .protxt ul li span {
	font-weight:600;
	color:#000;
	margin-right:10px;
}
main .showpro .protxt  .btn {
	margin-top:2rem;
}
main .showpro .protxt .btn a {
	display:inline-block;
	position:relative;
	font-size:1.5rem;
	padding:12px 24px;
	border: solid 2px rgba(255, 255, 255, 0.6);
	background: linear-gradient(90deg, #be1b22, #e3040b);
	color:#FFF;	
	border-radius:5px;
}
main .showpro .procon {
	margin-top: 3rem;
}
main .showpro .procon .tmenu {
	display:flex;
	border-bottom: solid 1px rgba(0,0,0,0.8);
	box-sizing:border-box;
}
main .showpro .procon .tmenu li {
	display: inline-block;
	line-height: 40px;
	font-size: 1.4rem;
	margin-top:-1px;
	margin-bottom:-1px;
	padding: 0 30px;
	cursor: pointer;
	text-transform:uppercase;
}
main .showpro .procon .tmenu li.on {
	background-color:#FFF;
	border-top: solid 3px rgba(0,0,0,0.8);
	border-left: solid 1px rgba(0,0,0,0.8);
	border-right: solid 1px rgba(0,0,0,0.8);
	color:#000;
	font-weight: 600;
}
main .showpro .procon .tmenu span {
	margin-left:auto;
	line-height: 38px;
	font-size:1.4rem;
	margin-right:30px;
}
main .showpro .procon .tmenu span a:before {
	content: "\e88f";
	font-family: "iconfont" !important;
	font-size:2rem;
	vertical-align:middle;
	margin-right:5px;
}
main .showpro .procon .con {
	margin: 2rem 0;
	line-height:1.8;
}
main .showpro .procon .con table {
	max-width:100% !important;
}
main .showpro .procon .con img {
	max-width: 100%;
}
main .showpro .procon .con.on {
	display: block;
}
main .showpro .procon .con .odlist {
	text-align:center;
	padding-top:3rem;
}
main .showpro .procon .con .odlist ul {
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;	
	gap:20px;
}
main .showpro .procon .con .odlist li {
	width: calc(25% - 20px*3/4);
	background: #FFF;
	transition: all 0.2s linear;
}
main .showpro .procon .con .odlist li:hover {
	border-bottom: solid 5px rgba(0,0,0,0.8);
	transform: translate3d(0, -2px, 0);
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
main .showpro .procon .con .odlist li .img {
	width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
	overflow:hidden;
	z-index:1;
}
main .showpro .procon .con .odlist li .img img {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    object-fit: contain;
	transition: transform 0.3s ease 0s;
}
main .showpro .procon .con .odlist li a:hover .img img {
	transform: scale(1.1);
}
main .showpro .procon .con .odlist li h3 {
	line-height: 1.3;
	text-align: left;
	font-size: 1.3rem;
	font-weight: 400;
	margin: 0 10px 10px 10px;
}
main .review {
	padding-top:3rem;
	text-align:center;
}
main .review .message {
	display:none;
	border-top: solid 1px rgba(0,0,0,0.15);
	border-bottom: solid 1px rgba(0,0,0,0.15);
	padding:3rem 0;
}
main .review .message h3 {
	font-size:2.5rem;
}
main .review .message ul {
	display:inline-block;
	width:50%;
}
main .review .message.show {
	display: block;
	border-top: none;
	border-bottom: none;
	padding:0;
}
main .review .message.show h3 {
	font-size: 3rem;
}
main .review .message.show ul {
	width:100%;
}
main .review .message ul li {
	width: 100%;
	margin-bottom:2%;
	text-align:left;
	position:relative;
}
main .review .message ul li em {
	font-size:1.4rem;
	font-weight:500;
	line-height:2;
	font-style:normal;
}
main .review .message ul li em span{
	color:#95322c;
}
main .review .message ul li .help-block {
	display:block;
	margin-top:10px;
	font-size:1.2rem;
	color:#C00;
}
main .review .message ul li input {
	width:100%;
	border: solid 1px rgba(0,0,0,0.15);
	padding: 10px;
	font-size: 1.3rem;
	box-sizing: border-box;
	border-radius: 5px;
}
main .review .message ul li textarea {
	width: 100%;
	border: solid 1px rgba(0,0,0,0.15);
	padding: 10px;
	font-size: 1.3rem;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom:5px;
}
main .review .message ul li input:focus,main .review .message ul li textarea:focus {
	border: solid 1px rgba(0,0,0,0.9);
	transition: all 0.3s ease-in-out;
}
main .review .message ul li input.border-red,main .review .message ul li textarea.border-red {
	border: solid 1px #C00;
}
main .review .message ul li .sendmsg {
	display:inline-block;
	position:relative;
	font-size:1.5rem;
	padding:12px 24px;
	margin-top:10px;
	border: solid 2px rgba(255, 255, 255, 0.6);
	background: linear-gradient(90deg, #be1b22, #e3040b);
	color:#FFF;
	cursor:pointer;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}
main .review .message ul li .sendmsg:hover {
	transform: scale(1.03);
	box-shadow: 0 8px 24px rgba(229, 62, 62, 0.3);
}
main .review .message ul li .captcha-question {
	padding: 9px 10px;
	font-size: 1.6rem;
	font-weight: 600;
	background-color: #D4f4f4;
	font-family: "Montserrat";
	margin-left: 20px;
	border: solid 1px rgba(0,0,0,0.15);
	vertical-align: middle;
	color: #000;
	border-radius: 5px 0 0 5px;
}
main .review .message ul li .captcha-Answer {
    display: inline-block;
	width:80px;
	font-size:1.3rem;
	vertical-align: middle;
}
main .review .message ul li .captcha-Answer input {
	border-radius: 0 5px 5px 0 !important;
}
main .review .message ul li .captcha-refresh {
	font-family: "iconfont" !important;
	font-size: 2.5rem;
	margin-left: 10px;
	vertical-align: middle;
	border:none;
	background:none;
}
main .review .message ul li .num {
	position:absolute;
	right:10px;
	bottom:10px;
}
main .review .message ul li .num em{
	font-size:1rem;
}
main .review .message ul li .star span:before {
	content: "\e6a4";
	font-family: "iconfont" !important;
	font-size:2.5rem;
	color:#ffb400;
}
main .review .message ul li .star span:hover:before {
	content: "\e6a5";
	opacity: 0.6;
	transition: all 0.3s ease-in-out;
}
main .review .message ul li .star span.on:before {
	content: "\e6a5";
	opacity: 1;
}
main .review .rating {
	display: flex;
	justify-content:center;
	align-items: center;
	gap:5%;
}
main .review .rating .all {
	font-size:1.4rem;
	color:#000;
}
main .review .rating .all em {
	font-family: "iconfont" !important;
	font-size:1.6rem;
	color:#ffb400;
	font-style:normal;
}
main .review .rating .all span {
	margin-left:10px;
}
main .review .rating .list {
	padding:0 5%;
	border-left: solid 1px rgba(0,0,0,0.15);
	border-right: solid 1px rgba(0,0,0,0.15);
}
main .review .rating .list ul li {
	display:flex;
	justify-content:center;
	align-items: center;
}
main .review .rating .list ul li span {
	font-family: "iconfont" !important;
	font-size:1.2rem;
	color:#ffb400;
}
main .review .rating .list ul li .pct {
	margin:0 20px;
	width:10rem;
	height:10px;
	background-color:rgba(0,0,0,0.15);
	position:relative;
}
main .review .rating .list ul li .pct:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width: var(--pct, 0%);  /* 使用变量，默认0% */
	height:100%;
	background-color:rgba(0,0,0,0.9);
}
main .review .rating .list ul li .num {
	font-size:1.2rem;
	font-weight:500;
}
main .review .rating .btn {
	font-size:1.4rem;
	padding:5px 30px;
	border:none;
	background-color:#000;
	color:#FFF;
	cursor:pointer;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}
main .review_list {
	text-align:center;
}
main .review_list ul {
	text-align:left;
}
main .review_list ul li {
	border-bottom: dashed 1px rgba(0,0,0,0.3);
	padding:2rem 0;
	line-height:2;
}
main .review_list ul li .star span {
	font-family: "iconfont" !important;
	font-size:1.5rem;
	color:#ffb400;
}
main .review_list ul li .name {
	font-size:1.3rem;
	font-weight:600;
}
main .review_list ul li .name:before {
	content: "\e6a3";
	font-family: "iconfont" !important;
	margin-right:5px;
}
main .review_list ul li .content {
	font-size:1.3rem;
	line-height:1.5;
}
main .review_list ul li .reply {
	margin-top:1.5rem;
	padding:10px;
	font-size:1.3rem;
	line-height:1.5;
	background-color:#ededed;
}
main .review_list ul li .reply b {
	display:block;
}
main .review_list .more {
	padding:10px;
	font-size:1.3rem;
	font-weight:600;
	position:relative;
	cursor:pointer;
}
main .review_list .more:before {
	content: "\e7ab";
	font-family: "iconfont" !important;
	font-size:2rem;
	position:absolute;
	left:50%;
	bottom:-12px;
	margin-left:-1rem;
	transform: rotate(90deg);
}
main .review_list .more.on {
	font-size:0;
}
main .review_list .more.on:before {
	display:none;
}
main .review_list .more.on:after {
	content: "loading...";
	font-size:1.3rem;
}
main .search {
	padding-top:3rem;
}
main .search h1 {
	font-size:3rem;
}
main .search ul {
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:60px 20px;
}
main .search ul li {
	width: calc(25% - 20px*3/4);
	position: relative;
}
main .search ul li:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	z-index: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0,0,0,0.5) 50%, transparent 50%);
	background-size: 6px 1px;
	transform: translateZ(0);
	display:none;
}
main .search ul li:nth-child(4n + 1):after {
	width: calc(100%*4 + 20px*3);
	display: block;
}
main .search ul li:nth-last-child(-n+4):after {
	display:none;
}
main .search ul li .img {
	width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
	z-index:1;
}
main .search ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
	transition: transform 0.3s ease 0s;
}
main .search ul li a:hover .img img {
	transform: scale(1.1);
}
main .search ul li a h3 {
	margin-top:20px;
	font-size:1.3rem;
	font-weight: 500;
}
main .faq {
	padding-top:3rem;
}
main .faq h1 {
	margin-bottom:0;
}
main .faq > article {
	padding-top: 2rem;
	line-height:1.5;
	font-size:1.4rem;
}
main .faq .items {
	display:flex;
	gap:3%;
	padding-top: 2rem;
}
main .faq nav{
	width:20%;
}
main .faq nav ul li {
	margin-bottom:10px;
}
main .faq nav ul li a {
	display:block;
	padding:6px 15px;
	font-size:1.4rem;
	border-radius:5px;
	background-color:rgba(0,0,0,0.05);
}
main .faq nav ul li.on a {
	color:#FFF;
	background-color:rgba(0,0,0,1);
	position:relative;
}
main .faq nav ul li.on a:after {
	content:"";
	position:absolute;
	width:1rem;
	height:1rem;
	background-color:#000;
	top: 50%;
	right: -1rem;
	transform: translate(-50%, -50%) rotate(45deg);
	z-index:1;
}
main .faq .list {
	width:77%;
}
main .faq .list details {
	border-bottom:solid 1px rgba(0,0,0,0.06);
	padding:10px;
	margin-bottom:10px;
	overflow: hidden; /* 必须，否则高度动画无效 */
}
main .faq .list details summary {
	position:relative;
	cursor:pointer;
	font-size:1.5rem;
	padding-right:2rem;
	display:flex;
}
main .faq .list details summary::marker {
	content: "";
}
main .faq .list details summary:before {
	content: attr(data-num);
	display: inline-block;
	margin-right: 0.5em;
	transition: all 0.3s ease-in-out;
}
main .faq .list details summary:after {
	content: "\e618";
	font-family: "iconfont" !important;
	font-size:1.2rem;
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
	transform: rotate(90deg);
	transition: all 0.3s ease-in-out;
}
main .faq .list details[open] {
	background-color:rgba(0,0,0,0.03);
	border:solid 1px rgba(0,0,0,0.06);
}
main .faq .list details[open] > summary {
	font-weight:600;
}
main .faq .list details[open] > summary:after {
	transform: rotate(270deg);
} 
main .faq .list details article {
	font-size:1.4rem;
	line-height:1.5;
	white-space: pre-wrap;
	padding:20px;
	min-height: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
main .faq .list details[open] article {
    opacity: 1;
	min-height: 1.5rem;
}
main .bloglist {
	padding-top:3rem;
}
main .bloglist h1 {
	margin-bottom:0;
}
main .bloglist > article {
	padding-top: 2rem;
	line-height:1.5;
	font-size:1.4rem;
}
main .bloglist nav {
	display: flex;
	justify-content:center;
	align-items: center;
	gap:1%;
	padding-top: 3rem;
}
main .bloglist nav a {
	display:block;
	padding:6px 15px;
	font-size:1.4rem;
	border-radius:5px;
	background-color:rgba(0,0,0,0.05);
}
main .bloglist nav a.on {
	color:#FFF;
	background-color:rgba(0,0,0,1);
	position:relative;
}
main .bloglist nav a.on:after {
	content:"";
	position:absolute;
	width:1rem;
	height:1rem;
	background-color:#000;
	bottom: -1rem;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	z-index:1;
}
main .bloglist .list {
	padding-top:3rem;
}
main .bloglist .list ul {
	display:flex;
	flex-wrap: wrap;
	align-items:stretch;
	gap:60px 25px;
}
main .bloglist .list ul li {
	width: calc(33.333% - 25px*2/3);
	transition: transform 0.3s ease 0s;
	position: relative;
}
main .bloglist .list ul li:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	z-index: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0,0,0,0.5) 50%, transparent 50%);
	background-size: 6px 1px;
	transform: translateZ(0);
	display:none;
}
main .bloglist .list ul li:nth-child(3n + 1):after {
	width: calc(100%*3 + 30px*2);
	display: block;
}
main .bloglist .list ul li:nth-last-child(-n+3):after {
	display: none;
}
main .bloglist .list ul li a {
	display: flex;
    flex-direction: column;
	justify-content:space-between;
	height:100%;
}
main .bloglist .list ul li .img {
	width: 100%;
    height: 0;
    padding-top: 50%;
    overflow: hidden;
    position: relative;
	z-index:1;
}
main .bloglist .list ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 0.3s ease 0s;
}
main .bloglist .list ul li article {
	text-align:left;
	padding: 0 10px;
}
main .bloglist .list ul li article h3 {
	font-size:1.5rem;
	margin-top:20px;
	line-height:1.4;
}
main .bloglist .list ul li article p {
    font-size: 1.4rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .bloglist .list ul li .more {
	font-size:1.2rem;
	line-height:1.5;
	text-align:left;
	color:rgba(0,0,0,0.7);
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
main .bloglist .list ul li .more span {
	font-weight:600;
	color:#000;
	text-transform:uppercase;
}
main .bloglist .list ul li .more span:after {
	content: "\e666";
	font-family: "iconfont" !important;
}
main .bloglist .list ul li a:hover .more span {
	color: #95322c;
}
main .bloglist .list ul li:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
main .bloglist .list ul li:hover .img img {
	transform: scale(1.1);
}
main .videolist {
	padding-top:3rem;
}
main .videolist h1 {
	margin-bottom:0;
}
main .videolist > article {
	padding-top: 2rem;
	line-height:1.5;
	font-size:1.4rem;
}
main .videolist nav {
	display: flex;
	justify-content:center;
	align-items: center;
	gap:1%;
	padding-top: 3rem;
}
main .videolist nav a {
	display:block;
	padding:6px 15px;
	font-size:1.4rem;
	border-radius:5px;
	background-color:rgba(0,0,0,0.05);
}
main .videolist nav a.on {
	color:#FFF;
	background-color:rgba(0,0,0,1);
	position:relative;
}
main .videolist nav a.on:after {
	content:"";
	position:absolute;
	width:1rem;
	height:1rem;
	background-color:#000;
	bottom: -1rem;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	z-index:1;
}
main .videolist .list {
	padding-top:3rem;
}
main .videolist .list ul {
	display:flex;
	flex-wrap: wrap;
	align-items:stretch;
	gap:60px 25px;
}
main .videolist .list ul li {
	width: calc(33.333% - 25px*2/3);
	transition: transform 0.3s ease 0s;
	border:solid 1px rgba(0,0,0,0.05);
	box-sizing:border-box;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	position: relative;
}
main .videolist .list ul li:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	z-index: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0,0,0,0.5) 50%, transparent 50%);
	background-size: 6px 1px;
	transform: translateZ(0);
	display:none;
}
main .videolist .list ul li:nth-child(3n + 1):after {
	width: calc(100%*3 + 30px*2);
	display: block;
}
main .videolist .list ul li:nth-last-child(-n+3):after {
	display: none;
}
main .videolist .list ul li .img {
	width: 100%;
    height: 0;
    padding-top: 56%;
    overflow: hidden;
    position: relative;
	z-index:1;
}
main .videolist .list ul li .img:before {
	content:"\ed20";
	font-family: "iconfont" !important;
	font-size:5.5rem;
	color:#e70309;
	position:absolute;
	z-index:2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main .videolist .list ul li .img:after {
	content:"";
	position:absolute;
	width:2rem;
	height:2rem;
	background-color:#FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:1;
}
main .videolist .list ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 0.3s ease 0s;
}
main .videolist .list ul li:hover .img img {
	transform: scale(1.1);
}
main .videolist .list ul li article {
	line-height:1.5;
	text-align:left;
	padding:10px;
}
main .videolist .list ul li article h3 {
	font-size:1.5rem;
}
main .videolist .list ul li article .tips {
    font-size: 1.2rem;
	color:rgba(0,0,0,0.6);
	margin-top:5px;
}
main .videolist .list ul li article .tips span {
	margin-right:10px;
}
main .videolist .list ul li article p {
    font-size: 1.4rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .contactus {
	padding-top:3rem;
}
main .contactus h1 {
	margin-bottom:0;
}
main .contactus > article {
	padding-top: 2rem;
	line-height:1.5;
	font-size:1.4rem;
	text-align:center;
}
main .contactus .items {
	display:flex;
	align-items: center;
	justify-content: center;
	gap:3%;
	padding-top: 3rem;
}
main .contactus .items .item {
	width:50%;
}
main .contactus .items .item > img{
	width:100%;
}
main .contactus .items {
	font-size:1.3rem;
}
main .contactus .items h3 {
	font-size:1.8rem;
	margin-bottom:1rem;
}
main .contactus .items p {
	margin-bottom:1rem;
	display:flex;
	align-items: baseline;
}
main .contactus .items p a{
	color:inherit;
}
main .contactus .items p img {
	max-width:150px;
}
main .contactus .items p em {
	font-weight:600;
	font-style:normal;
}
main .blogshow,main .videoshow {
	padding-top:3rem;
	text-align:center;
}
main .blogshow time{
	font-size:1.4rem;
}
main .blogshow time:before {
	content: "\e6c8";
	font-family: "iconfont" !important;
	margin-right:5px;
	font-size:2rem;
	vertical-align:middle;
}
main .blogshow article,main .videoshow article {
	font-size:1.4rem;
	line-height:2;
	padding:2rem 0;
	text-align:left;
}
main .blogshow article p,main .videoshow article p {
	margin-bottom:1rem;
}
main .blogshow article img,main .videoshow article img{
	max-width:100%;
}
main .blogshow .link,main .videoshow .link {
	margin-top:1rem;
	font-size:1.4rem;
	text-align:left;
}
main .blogshow .btn,main .videoshow .btn {
	margin:3rem 0;
	text-align:center;
}
main .blogshow .btn a,main .videoshow .btn a {
	display:inline-block;
	position:relative;
	font-size:1.4rem;
	padding:10px 20px;;
	margin:10px 20px;
	background-color:#FFF;
	border: solid 2px #000;
	box-sizing:border-box;
	color:#000;	
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}
main .blogshow .btn a:before,main .videoshow .btn a:before {
	content: "\e6ed";
	font-family: "iconfont" !important;
	margin-right:5px;
}
main .blogshow .btn a:hover,main .videoshow .btn a:hover {
	background-color:#000;
	color:#FFF;	
}
main .blogshow .btn a:nth-child(2),main .videoshow .btn a:nth-child(2) {
	background-color:#000;
	color:#FFF;	
}
main .blogshow .btn a:nth-child(2):before,main .videoshow .btn a:nth-child(2):before {
	content:normal;
}
main .videoshow .time {
	display:flex;
	align-items: center;
	justify-content: center;
	gap:3%;
	font-size:1.4rem;
}
main .videoshow .vdplayer {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative;
	z-index:1;
	margin-bottom:2rem;
}
main .videoshow .vdplayer video,main .videoshow .vdplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .box-single,main .box-list,main .box-pics,main .box-widget {
	padding:3rem 0;
}
main .box-single .tit,main .box-list .tit,main .box-pics .tit,main .box-widget .tit {
	margin-bottom:0;
}
main .box-single .des,main .box-list .des,main .box-pics .des,main .box-widget .des {
	padding-top: 2rem;
	line-height: 1.5;
	font-size: 1.4rem;
}
main .box-single article {
	padding-top: 2rem;
	line-height: 1.8;
	font-size: 1.4rem;
}
main .box-single article img {
	max-width:100%;
}
main .box-single .widget {
	margin:3rem 0;
}
main .box-single .widget ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap:4%;
}
main .box-single .widget ul li {
	display:flex;
	flex-direction:column;
	align-items: center;
}
main .box-single .widget ul li .icon {
	font-family: "iconfont" !important;
	font-size: 6rem;
	color:#000;
	border:solid 2px rgba(0,0,0,1);
	background-color:rgba(0,0,0,0.02);
	width:10rem;
	height:10rem;
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
main .box-single .widget ul li h3 {
	font-size:2rem;
	margin:1rem 0;
}
main .box-single .widget ul li p {
	font-size:1.4rem;
	color:rgba(0,0,0,0.6);
}
main .box-widget ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap:30px;
	margin-top:5rem;
}
main .box-widget ul li {
	width: calc(25% - 30px*3/4);
	position:relative;
}
main .box-widget ul li .icon {
	font-family: "iconfont" !important;
	font-size: 4rem;
	color:#000;
	position:absolute;
	left:15px;
	top:-25px;
	color:#be1b22;
	background-color:#FFF;
}
main .box-widget ul li article {
	width:100%;
	padding:25px 15px 15px 15px;
	background-color:rgba(0,0,0,0.02);
	border:solid 2px rgba(0,0,0,0.05);
	border-radius:10px;
	box-sizing:border-box;
}
main .box-widget ul li article h3 {
	text-align:left;
	font-size:1.8rem;
	margin-bottom:10px;
}
main .box-widget ul li article p,main .box-widget ul li article div {
	font-size:1.3rem;
	white-space: pre-wrap;
	line-height:1.8;
}
main .box-list .list {
	display: flex;
	justify-content:space-between;
	align-items: center;
	margin-top:2rem;
	gap:4%;
}
main .box-list .list .img {
	width: 45%;
    height: 0;
    padding-top: 28%;
    position: relative;
	z-index:1;
	border-radius: 30px;
	overflow:hidden;
}
main .box-list .list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .box-list .list article {
	flex:1;
	padding:20px 0;
}
main .box-list .list article h3 {
	text-align:left;
	font-size:2rem;
	margin-bottom:10px;
}
main .box-list .list article p {
	font-size:1.4rem;
	line-height:1.5;
	white-space: pre-wrap;
}
main .box-list .list:nth-child(even) .img {
	order:1;
}
main .box-pics ul {
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:60px 20px;
	padding-top: 2rem;
}
main .box-pics ul li {
	width: calc(20% - 20px*4/5);
	position: relative;
}
main .box-pics ul li:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	z-index: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0,0,0,0.5) 50%, transparent 50%);
	background-size: 6px 1px;
	transform: translateZ(0);
	display:none;
}
main .box-pics ul li:nth-child(5n + 1):after {
	width: calc(100%*5 + 20px*4);
	display:block;
}
main .box-pics ul li:nth-last-child(-n+5):after {
	display:none;
}
main .box-pics ul.w25 li {
	width: calc(25% - 20px*3/4);
}
main .box-pics ul.w25 li:nth-child(4n + 1):after {
	width: calc(100%*4 + 20px*3);
	display: block;
}
main .box-pics ul.w25 li:nth-last-child(-n+4):after {
	display:none;
}
main .box-pics.auto ul li {
	width:auto !important;
	max-height:30vw;
}
main .box-pics.auto ul li:after {
	display:none;
}
/* 一行 2 张图 */
main .box-pics.auto .flex-2-1 > * { flex: 1; } /* 50% 50% */
main .box-pics.auto .flex-2-2 > *:first-child { flex: 2; }
main .box-pics.auto .flex-2-2 > *:last-child { flex: 3; } /* 40% 60% 左右 */
main .box-pics.auto .flex-2-3 > *:first-child { flex: 3; }
main .box-pics.auto .flex-2-3 > *:last-child { flex: 2; } /* 60% 40% 左右 */

/* 一行 3 张图 */
main .box-pics.auto .flex-3-1 > * { flex: 1; } /* 三等分 */
main .box-pics.auto .flex-3-2 > *:nth-child(1) { flex:1; }
main .box-pics.auto .flex-3-2 > *:nth-child(2) { flex:2; }
main .box-pics.auto .flex-3-2 > *:nth-child(3) { flex:1; } /* 窄-宽-窄 */
main .box-pics.auto .flex-3-3 > *:nth-child(1) { flex:2; }
main .box-pics.auto .flex-3-3 > *:nth-child(2) { flex:1; }
main .box-pics.auto .flex-3-3 > *:nth-child(3) { flex:1; } /* 宽-窄-窄 */
main .box-pics.auto ul li img {
    height: 100%;
	width:100%;
    object-fit: cover;
}
main .box-pics ul li .img {
	width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
	z-index:1;
}
main .box-pics ul li .img.w3h4 {
    padding-top:75%;
	overflow:hidden;
}
main .box-pics ul li .img.w4h3 {
    padding-top:130%;
	overflow:hidden;
	border:solid 3px rgba(0,0,0,0.8);
	box-sizing:border-box;
}
main .box-pics ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 0.3s ease 0s;
}
main .box-pics ul li:hover .img img {
	transform: scale(1.05);
}
main .box-pics ul li h3 {
	margin-top:10px;
	font-size:1.4rem;
	font-weight: 500;
	text-align:center;
}
main .box-pics .swiper {
	position:relative;
	margin-top:3rem;
	text-align:center;
	z-index:1;
}
main .box-pics .swiper-slide .img {
	width: 100%;
}
main .box-pics .swiper-slide .img img {
	width: 100%;
	height: 100%;
    object-fit: cover;
}
main .box-pics .swiper-slide h3 {
	font-size:1.4rem;
	margin-top:10px;
}
main .box-pics .swiper-button-next,main .box-pics .swiper-button-prev {
	background-image:none;
	margin-top:-40px;
}
main .box-pics .swiper-button-next {
	right:-15px;
}
main .box-pics .swiper-button-prev {
	left:-15px;
	transform: rotate(180deg);
}
main .box-pics .swiper-button-prev:before, main .box-pics .swiper-button-next:before {
	content: "\e666";
	font-family: "iconfont" !important;
	vertical-align: middle;
	position: absolute;
	width:100%;
	top:50%;
	margin-top:-25px;
	font-size: 50px;
	color: #000;
	text-align: center;
}
#showyz {
	height: 100%;
	width: 100%;
	top: 0; 
	left: 0; 
	background:#000;
	-moz-opacity: 0.5; 
	opacity:.50;
	filter:alpha(opacity=50);
	position:fixed;
	display:none; 
	z-index:1003; 	
}
#showyz_div {
	background: #FFF;
	width: 50%;
	display:none;
	position:fixed;
	left:25%;
	top:50%;
	z-index:1004;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
#showyz_div_tit {
	padding:10px;
	font-size:1.5rem;
	background-color:#be1b22;
	color:#FFF;
}
#showyz_div_tit div{
    float:right;
	cursor:pointer;
	margin-top:5px;
	font-family: "iconfont" !important;
	font-size:1.5rem;
}
#showyz_div_con {
	padding:10px 20px;
}
#showyz_div_con ul li {
	width: 100%;
	margin-bottom:2%;
	text-align:left;
	position:relative;
}
#showyz_div_con ul li em {
	font-size:1.4rem;
	font-weight:500;
	line-height:2;
	font-style:normal;
}
#showyz_div_con ul li em span{
	color:#95322c;
}
#showyz_div_con ul li .help-block {
	display:block;
	margin-top:10px;
	font-size:1.2rem;
	color:#C00;
}
#showyz_div_con ul li input {
	width:100%;
	border: solid 1px rgba(0,0,0,0.15);
	padding: 10px;
	font-size: 1.3rem;
	box-sizing: border-box;
	border-radius: 5px;
}
#showyz_div_con ul li textarea {
	width: 100%;
	border: solid 1px rgba(0,0,0,0.15);
	padding: 10px;
	font-size: 1.3rem;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom:5px;
}
#showyz_div_con ul li input:focus,#showyz_div_con ul li textarea:focus {
	border: solid 1px rgba(0,0,0,0.9);
	transition: all 0.3s ease-in-out;
}
#showyz_div_con ul li input.border-red,#showyz_div_con ul li textarea.border-red {
	border: solid 1px #C00;
}
#showyz_div_con ul li .sendmsg {
	display:inline-block;
	position:relative;
	font-size:1.4rem;
	padding:10px 20px;
	margin-top:10px;
	border: solid 2px rgba(255, 255, 255, 0.6);
	background: linear-gradient(90deg, #be1b22, #e3040b);
	color:#FFF;
	cursor:pointer;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}
#showyz_div_con ul li .captcha-question {
	padding: 9px 10px;
	font-size: 1.6rem;
	font-weight: 600;
	background-color: #D4f4f4;
	font-family: "Montserrat";
	margin-left: 20px;
	border: solid 1px rgba(0,0,0,0.15);
	vertical-align: middle;
	color: #000;
	border-radius: 5px 0 0 5px;
}
#showyz_div_con ul li .captcha-Answer {
    display: inline-block;
	width:80px;
	font-size:1.3rem;
	vertical-align: middle;
}
#showyz_div_con ul li .captcha-Answer input {
	border-radius: 0 5px 5px 0 !important;
}
#showyz_div_con ul li .captcha-refresh {
	font-family: "iconfont" !important;
	font-size: 2.5rem;
	margin-left: 10px;
	vertical-align: middle;
	border:none;
	background:none;
}
#showyz_div_con ul li .num {
	position:absolute;
	right:10px;
	bottom:10px;
}
#showyz_div_con ul li .num em{
	font-size:1rem;
}
.nodata {
	font-size:1.5rem;
	padding:5rem;
	font-weight:600;
	width: 100%;
	box-sizing:border-box;
	text-align:center;
	color:rgba(0,0,0,0.8);
}
.nodata:before {
	content:"\e619";
	font-family: "iconfont" !important;
	display:block;
	font-size:5rem;
}
.odline {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-color: #000;
	z-index: 2;
}
.odline ul {
	display: flex;
	justify-content: center;
	align-items:stretch;
}
.odline li {
	width: 29%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-right: solid 1px rgba(255, 255, 255, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display: flex;
	justify-content: center;
	align-items:stretch;
}
.odline li:first-child {
	width: 22%;
}
.odline li:last-child {
	width: 49%;
	background-color: #be1b22;
}
.odline li a {
	color: #FFF;
	font-size: 3.8vw;
	display: flex;
	justify-content: center;
	align-items:center;
}
.odline li span {
	font-family: "iconfont" !important;
	font-size: 5.5vw;
	padding: 0 3px;	
}
.odline li div {
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-75px;
	display:none;
}
.odline li div img {
	width:150px;
}
.odline li:hover div {
	display:block;
}
.aside-nav {
	position: fixed;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10000;
}
.aside-nav-one {
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 54px;
	height: 54px;
	line-height: 52px;
	text-align: right;
}
.aside-nav-one-desc {
	position: absolute;
	right: 0;
	width: 54px;
	height: 54px;
	font-size: 14px;
	line-height: 52px;
	background: #000;
	color: #000;
	border-radius: 50px;
	overflow: hidden;
	box-sizing: border-box;
	transition: .3s, color .1s;
}
.aside-nav-one-img {
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 10;
	width: 54px;
	height: 54px;
	text-align: center;
	transition: .3s;
	font-family: "iconfont" !important;
	color: #FFF;
	font-size: 28px;
	line-height: 54px;
	cursor: pointer;
}
.aside-nav-one a:hover .aside-nav-one-desc {
	padding: 0 20px 0 50px;
	color: #fff;
	transition: .3s;
	white-space: nowrap;
	word-break: break-all;
	width: auto;
}
.aside-nav-one-qrcode {
	position: absolute;
	right: -200px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: -1;
}
.aside-nav-one:hover .aside-nav-one-qrcode {
	right: 60px;
	opacity: 1;
	visibility: visible;
}
.aside-nav-one-qrcode img {
	width: 140px;
}
.aside-nav-one.tips:before {
	content:attr(data-tips);
	position:absolute;
	right:61px;
	top:50%;
	margin-top:-20px;
	color:#95322c;
	font-size: 13px;
	white-space:nowrap;
	background-color:#FFF;
	height:auto;
	line-height: 1;
	padding:9px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	border: solid 1px rgba(0,0,0,0.1);
	border-radius: 30px;
	z-index: -1;
}
.aside-nav-one.tips:after {
	content: '';
	position: absolute;
	right:55px;
	top:50%;
	margin-top:-13px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #FFF;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.12));
	z-index: -1;
}
.aside-nav-one.tips.is-scrolling:before,.aside-nav-one.tips.is-scrolling:after {
	opacity: 0.2;
}

@media screen and (max-width: 1280px) {
	.wrapper {
		width: 90%;
	}
}
@media screen and (max-width: 1080px) {
    main .about {
		align-items: flex-start;
    }
	main .about .factory h1 {
		font-size: 2.2rem;
	}
	main .about .factory article {
		font-size:1.4rem;
	}
	main .about .video {
		width:45%;
	}
	main .product nav {
		width:28%;
	}		
	main .product .list {
		width:72%;
	}
	main .box-single .widget ul li h3 {
		font-size: 1.8rem;
	}
	main .contactus .items {
		align-items: flex-start;
	}
	main .contactus .items .item:firt-child {
		width:40%;
	}
	main .contactus .items .item:last-child {
		width:60%;
	}	
}
@media screen and (max-width: 811px) {
	.wrapper {
		width: 96%;
	}
	.aside-nav {
		display:none;
	}
	.odline {
		display: block;
	}		
	footer {
		margin-bottom:48px;
	}
	main .banner {
		min-height: 50px;
		height:auto;
	}
	main .banner div {
		width: 130%;
		height: auto;
		position: relative;
		left: -15%;
		margin-left:0;
		top: 0;
	}
	main .banner div img {
		width:100%;
	}	
	main .about .video {
		width:100%;
	}
	main .about .pics .tit {
		display: block;
	}
	main .about .pics .swiper-wrapper {
		flex-wrap:wrap;
		gap:15px;
	}
    main .about .pics .swiper-slide {
		width: calc(50% - 15px*1/2);
	}
	main .about .pics .swiper-slide .img {
		width: 100%;
		height: 0;
		padding-top: 70%;
		position: relative;
		z-index:1;
	}
	main .about .pics .swiper-slide .img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	main .about .pics .swiper-button-next,main .about .pics .swiper-button-prev {
		display:none;
	}
	main .blog ul li {
		width: calc(33.33% - 25px*2/3);
	}
	main .blog ul li:nth-child(n+4) {
		display:none;
	}
	main .product {
		flex-wrap:wrap;
	}
	main .product nav {
		width:100%;
	}		
	main .product .list {
		width:100%;
		order: -1;
	}
	main .search ul li {
		width: calc(33.33% - 20px*2/3);
	}
	main .search ul li:nth-child(4n + 1):after {
		display:none;
	}
	main .search ul li:nth-child(3n + 1):after {
		width: calc(100%*3 + 20px*2);
		display:block;
	}
	main .search ul li:nth-last-child(-n + 3):after {
		display:none;
	}
	main .box-list .list {
		align-items: flex-start;
	}
	main .box-pics ul li {
		width: calc(25% - 20px*3/4);
	}
	main .box-pics ul li:nth-child(5n + 1):after {
		display:none;
	}
	main .box-pics ul li:nth-child(4n + 1):after {
		width: calc(100%*4 + 20px*3);
		display:block;
	}
	main .box-pics ul li:nth-last-child(-n + 4):after {
		display:none;
	}
	main .box-pics .swiper-wrapper {
		flex-wrap:wrap;
		gap:15px;
	}
    main .box-pics .swiper-slide {
		width: calc(50% - 15px*1/2);
	}
	main .box-pics .swiper-slide .img {
		width: 100%;
		height: 0;
		padding-top: 70%;
		position: relative;
		z-index:1;
	}
	main .box-pics .swiper-slide .img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	main .box-pics .swiper-button-next,main .box-pics .swiper-button-prev {
		display:none;
	}
	main .review .message ul {
		width:90%;
	}
	main .box-widget ul {
	   flex-wrap: wrap;
	}
	main .box-widget ul li {
		width: calc(50% - 30px*1/2);
	}
}
@media screen and (max-width: 680px) {
	main .solution .list {
		flex-wrap:wrap;
	}
	main .solution .list .img {
		width:100%;
	}
	main .solution .list article {
		width:100%;
	}
	main .solution .list:nth-child(odd) .img {
		order: unset;
	}
	main .solution .list article h3 {
		font-size:1.8rem;
	}
	main .touch .box{
		flex-wrap:wrap;
	}
	main .touch .contact {
		width:100%;
		margin-left:0;
	}
	main .touch .message ul li:last-child {
		text-align:center;
	}
	main .touch .contact div:last-child {
		text-align:center;
	}
	main .touch .message ul li .sendmsg {
		margin-left:unset;
	}
	footer .items {
		flex-wrap:wrap;
	}	
	footer .items .contact {
		width:100%;
		order:0;
	}
	footer .items nav {
		margin-top:3rem;
	}	
	main .showpro .movepic {
		width: 100%;
	}
	main .showpro .protxt {
		width:100%;
	}	
	main .showpro .protxt  .btn {
		text-align:center;
	}	
    main .showpro .procon .tmenu span {
		display:none;
	}
	main .showpro .procon .tmenu li {
		font-size: 1.3rem;
		padding: 0 10px;
	}
	main .review .rating {
		flex-wrap:wrap;
	}	
	main .review .rating .list {
		border-left: none;
		border-right: none;
	}
	main .review .rating .btn {
		margin-top:20px;
	}
	main .showpro .procon .con .odlist ul {
		gap:40px 20px;
	}
	main .showpro .procon .con .odlist li {
		width: calc(50% - 20px*1/2);
		position: relative;
	}
	main .showpro .procon .con .odlist li:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -30px;
		z-index: 0;
		height: 1px;
		background-image: linear-gradient(to right, rgba(0,0,0,0.5) 50%, transparent 50%);
		background-size: 6px 1px;
		transform: translateZ(0);
		display:none;
	}
	main .showpro .procon .con .odlist li:nth-child(2n + 1):after {
		width: calc(100%*2 + 20px*1);
		display:block;
	}
	main .showpro .procon .con .odlist li:nth-last-child(-n+2):after {
		display:none;
	}
	main .box-list .list {
		flex-wrap:wrap;
	}	
	main .box-list .list .img {
		width: 100%;
		padding-top: 50%;
	}
	main .box-list .list:nth-child(even) .img {
		order:0;
	}
	main .box-pics ul li,main .box-pics ul.w25 li {
		width: calc(33.33% - 20px*2/3);
	}
	main .box-pics ul li:nth-child(4n + 1):after,main .box-pics ul.w25 li:nth-child(4n + 1):after {
		display:none;
	}
	main .box-pics ul li:nth-child(3n + 1):after,main .box-pics ul.w25 li:nth-child(3n + 1):after {
		width: calc(100%*3 + 20px*2);
		display:block;
	}
	main .box-pics ul li:nth-last-child(-n + 3):after,main .box-pics ul.w25 li:nth-last-child(-n + 3):after {
		display:none;
	}
	main .box-pics.auto ul {
		gap: 10px !important;
		padding-top: 10px !important;
	}	
	main .faq nav ul li a {
		white-space:nowrap;
	}
	main .faq nav{
		width: auto;
	}
	main .faq .list {
		flex:1;
	}
	main .bloglist nav,main .videolist nav {
		flex-wrap:wrap;
	}
	main .bloglist nav a,main .videolist nav a {
		width:100%;
		padding:10px;
		font-size:1.4rem;
		text-align:center;
		border-bottom:solid 2px rgba(0,0,0,0.3);
	}
	main .bloglist .list ul li,main .videolist .list ul li {
		width: calc(50% - 25px*1/2);
	}
	main .bloglist .list ul li:nth-child(3n + 1):after,main .videolist .list ul li:nth-child(3n + 1):after {
		display:none;
	}
	main .bloglist .list ul li:nth-child(2n + 1):after,main .videolist .list ul li:nth-child(2n + 1):after {
		width: calc(100%*2 + 30px*1);
		display:block;
	}
	main .bloglist .list ul li:nth-last-child(-n + 2):after,main .videolist .list ul li:nth-last-child(-n + 2):after {
		display:none;
	}	
	main .contactus .items {
		flex-wrap:wrap;
		width:100%;
	}
	main .contactus .items .item:first-child {
		width:100% !important;
	}	
	main .contactus .items .item:last-child {
		width:100% !important;
		margin-top:20px;
	}	
	main .contactus .items p:last-child {
	    justify-content: center;
	}
	main .box-single .widget ul {
		flex-wrap:wrap;
	}
	main .box-single .widget ul li {
		width:45%;
		margin-top:20px;
	}
	main .proprocess ul li {
		width:50%;
	}	
}

@media screen and (max-width: 480px) {
	.wrapper {
		overflow: hidden;
	}
	main .tit {
		margin-bottom:2rem;
	}
	#showyz_div {
		width: 100%;
		left:0;
	}	
	main .about,main .protype,main .solution,main .partner,main .cqas,main .blog,main .videos,main .touch {
		padding-top:3rem;
	}	
	main .protype ul {
		display: flex;
		flex-wrap: wrap;
	}
	main .protype ul li {
		max-height:50vh;
		margin-bottom:10px;
	}	
	main .protype ul li a {
	    border-radius: 10px;
	}
	main .protype ul li img {
	    object-position: center 25%;
	}
	main .partner ul li {
		padding-top: 35%;
		width: calc(50% - 20px*1/2);
	}
	main .cqas ul li {
		width: calc(50% - 20px*1/2);
		padding-top: 60%;
	}
	main .youshi ul li {
		width: 100%;
	}
	main .blog ul li,main .videos ul li {
		width: 100%;
	}
	main .touch .contact {
		margin-top:20px;
	}
	main .touch .contact div img {
		width:50%;
	}
	footer .items {
		padding:30px 20px;
		box-sizing:border-box;
	}
	footer .items nav:nth-child(3) {
		display:none;
	}
	footer .items .sendemail {
		width:100%;
	}
	main .product .list ul li {
		width: calc(50% - 30px*1/2);
	}
	main .product .list ul li:nth-child(3n + 1):after {
		display:none;
	}
	main .product .list ul li:nth-child(2n + 1):after {
		width: calc(100%*2 + 30px*1) !important;
		display:block;
	}
	main .product .list ul li:nth-last-child(-n + 2):after {
		display:none !important;
	}	
	main .proprocess ul li {
		width:100%;
	}
	main .showpro .procon .tmenu ul {
		width:100%;
	}
	main .showpro .procon .tmenu li {
		width:100%;
		box-sizing:border-box;
		text-align:center;
		border-bottom: solid 1px rgba(0,0,0,0.8);
	}
	main .showpro .procon .tmenu li.on {
		background-color:rgba(0,0,0,0.05);
	}
	main .box-single,main .box-list,main .box-pics {
		padding:3rem 0 0 0;
	}
	main .box-list .list article {
		flex: unset;
		width: 100%;
	}
	main .box-list .list article h3 {
		font-size:1.8rem;
	}
	main .box-pics ul li h3 {
		font-size:1.3rem;
	}
	main .box-pics ul li,main .box-pics ul.w25 li {
		width: calc(50% - 20px*1/2);
	}
	main .box-pics ul li:nth-child(3n + 1):after,main .box-pics ul.w25 li:nth-child(3n + 1):after {
		display:none;
	}
	main .box-pics ul li:nth-child(2n + 1):after,main .box-pics ul.w25 li:nth-child(2n + 1):after {
		width: calc(100%*2 + 20px*1);
		display:block;
	}
	main .box-pics ul li:nth-last-child(-n + 2):after,main .box-pics ul.w25 li:nth-last-child(-n + 2):after {
		display:none;
	}
	main .box-single .widget ul {
		align-items: flex-start
	}
    main .box-single .widget ul li .icon {
		font-size: 5rem;
		width:8rem;
		height:8rem;
	}	
	main .box-single .widget ul li {
		width:48%;
		text-align:center;
	}
	main .box-single .widget ul li p {
		font-size:1.3rem;
	}
	main .box-widget ul li {
		width: 100%;
	}
	main .faq .items {
	   flex-wrap: wrap;
	}		
	main .faq nav {
	   width: 100%;
	}
	main .bloglist .list ul li,main .videolist .list ul li {
		width: 100%;
	}
	main .bloglist .list ul li:after,main .videolist .list ul li:after {
		width: 100% ;
		display:block !important;
	}
	main .bloglist .list ul li:last-child:after,main .videolist .list ul li:last-child:after {
		display:block !important;
	}	
	main .search ul li {
		width: calc(50% - 20px*1/2);
	}
	main .search ul li:nth-child(3n + 1):after {
		display:none;
	}
	main .search ul li:nth-child(2n + 1):after {
		width: calc(100%*2 + 20px*1);
		display:block;
	}
	main .search ul li:nth-last-child(-n + 2):after {
		display:none;
	}
}
@media screen and (max-width: 380px) {
	.page .prev,.page .next,.page .disabled {
		display:none;
	}
	main .box-single .widget ul li h3 {
		font-size:1.6rem;
	}

}