#banner #swiper1 .swiper-slide img{width:100%}
#banner{position:relative;background:#f8f5f3;overflow:hidden}
#banner #swiper1{position:relative}
#banner #swiper1 .swiper-slide{overflow:hidden;background:#f8f5f3}
#banner #swiper1 .swiper-slide img{display:block}
#banner #swiper1 .swiper-slide .swipertext{position:absolute;top:22.5%;left:13.75%;z-index:1;padding-right:46px}
#banner #swiper1 .swiper-slide .swipertext h1{color:#fff;font-weight:700;font-size:60px;line-height:normal}
#banner #swiper1 .swiper-slide .swipertext h1 span{font-weight:400}
#banner #swiper1 .swiper-slide .swipertext h2{margin-top:40px;margin-bottom:104px;color:#fff;font-weight:inherit;font-size:25px}
#banner #swiper1 .swiper-slide .swipertext a{padding:17px 59px;background-color:rgba(0,0,0,.6);color:#fff;font-size:14px;transition:all .5s}
#banner #swiper1 .swiper-slide .swipertext a:hover{background-color:rgba(255,255,255,.4)}
#swiper1 #sb1{top:81.7%;left:-34.3%}
#swiper1 .swiper-pagination-bullet-active{margin:0 7px;width:16px;height:16px;background-color:#fff}
#swiper1 .swiper-pagination-bullet{margin:0 7px;width:16px;height:16px;border:1px solid #fff}
#banner .banner-navigation{position:absolute;right:4.5%;bottom:4.8%;z-index:5;display:flex;align-items:center;gap:10px}
#banner .banner-arrow{position:relative;width:72px;height:72px;margin:0;padding:0;border:0;outline:0;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(113,45,31,.12);cursor:pointer;transform:skewX(-18deg);transition:background-color .25s ease,box-shadow .25s ease,opacity .25s ease,transform .25s ease}
#banner .banner-arrow span{position:absolute;top:50%;left:50%;width:13px;height:13px;border-top:2px solid #343434;border-right:2px solid #343434;transform:translate(-35%,-50%) rotate(-135deg) skewX(18deg);transition:border-color .25s ease}
#banner .banner-arrow-next{background:rgba(214,71,53,.78)}
#banner .banner-arrow-next span{transform:translate(-65%,-50%) rotate(45deg) skewX(18deg);border-color:#fff}
#banner .banner-arrow:not(.swiper-button-disabled):hover{box-shadow:0 16px 38px rgba(113,45,31,.2);transform:skewX(-18deg) translateY(-3px)}
#banner .banner-arrow:not(.swiper-button-disabled):active{transform:skewX(-18deg) translateY(0) scale(.98)}
#banner .banner-arrow:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 6px rgba(214,71,53,.55)}
#banner .banner-arrow.swiper-button-disabled,#banner .banner-arrow:disabled{opacity:.34;box-shadow:none;cursor:not-allowed;pointer-events:none}
#banner .banner-arrow-next.swiper-button-disabled,#banner .banner-arrow-next:disabled{background:rgba(214,71,53,.3)}
.pc{display: block}
.mobile{display: none;}
@media (max-width:768px){
.pc{display: none}
.mobile{display: block;}	
#banner .banner-navigation{right:18px;bottom:18px;gap:7px}
#banner .banner-arrow{width:48px;height:48px}
#banner .banner-arrow span{width:10px;height:10px}
}


.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
/*.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}*/
.content {width:75%;margin: auto;}
.left{ float:left;}
.right{ float:right;}
/*img {max-width: 100%; max-height: 100%;}*/

.section {background-position: center;background-repeat: no-repeat;background-size: cover;clear: both;overflow: hidden;}
.section .content {}

.title-style {overflow: hidden;}
.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #bf2323;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h2 {text-transform: uppercase;font-size: 50px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #bf2323;}
.title-style .line {width: 80px;height: 4px;background: #bf2323;margin: 10px 0;}

.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto!important;height: 100%!important;}


.index-products-center {padding: 3%;overflow: hidden;}
.index-products-center .top{width: 85%;margin: auto;padding: 50px 0;overflow: hidden;position: relative;}
.index-products-center .top .title-style{text-align: center;}
.index-products-center .top .title-style .line {margin: 20px auto auto;}
.index-products-center .top .text{padding: 20px 0 0 0;overflow: hidden; color: #737373;font-size: 16px;line-height: 26px;text-align: center;}
.index-products-center .bottom3{}
.index-products-center .bottom3 a{position: relative;display: block;overflow: hidden;float: left;width: 33.22%;}
.index-products-center .bottom3 a .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 33;text-align: center;}
.index-products-center .bottom3 a .text h2{font-size: 30px;color: #fff;line-height: 36px;margin: 0;text-transform: uppercase;}
.index-products-center .bottom3 a .text .line{width: 80px;height: 4px;background: #bf2323;margin: 15px auto;}
.index-products-center .bottom3 a .text p{width:80%; margin:10px auto; line-height: 24px;}
.index-products-center .bottom3 a .text h6{border: 1px solid rgba(255,255,255,.5);padding: 0px 20px;display: inline-block;font-size: 0;margin-top:20px;height: 49px;line-height: 49px;opacity: 0;}
.index-products-center .bottom3 a .text h6 span{font-size: 14px;color: #fff;opacity: .5;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index-products-center .bottom3 a .text h6 i{width: 14px;height: 10px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/right.png")/*tpa=/themes/default/images/right.png*/;opacity: .5;}
.index-products-center .bottom3 a .img{position: relative;overflow: hidden;}
.index-products-center .bottom3 a .img img{width: 100%;display: block;height: auto;}
.index-products-center .bottom3 a .img img.img-center {opacity: .5;}
.index-products-center .bottom3 a .text h6:hover span,.index-products-center .bottom3 a .text h6:hover i{opacity: 1;color: #fff;}
.index-products-center .bottom3 a .text h6:hover i {background: url("../images/right.png")/*tpa=/themes/default/images/right.png*/;}
.index-products-center .bottom3 a .text h6:hover {background: #bf2323;border: 1px solid #bf2323; opacity: 1;}
.index-products-center .bottom3 a:hover .text h6{height: 49px;line-height: 49px;opacity: 1;}
.index-products-center .bottom3 a:hover img.img-center{opacity: 1;transform: scale(1.1);}
.index-products-center .bottom3 a:hover .text p{color:#e8e8e8;}


.index-about {
	position: relative;
	overflow: hidden;
	padding: clamp(76px, 7.2vw, 128px) 0;
	background: url("../images/index-about-bg.jpg") center center / cover no-repeat;
}
.index-about-shell {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, .96fr) minmax(460px, 1.04fr);
	gap: clamp(64px, 6.5vw, 120px);
	align-items: center;
	width: min(90%, 1500px);
	margin: 0 auto;
}
.index-about-copy {min-width: 0;}
.index-about-heading {margin-bottom: 30px;}
.index-about-heading a {display: inline-block;}
.index-about-heading h2 {
	position: relative;
	margin: 0;
	padding-bottom: 18px;
	color: #12213a;
	font-size: clamp(32px, 3vw, 50px);
	font-weight: 700;
	line-height: 1.16;
	letter-spacing: -.035em;
}
.index-about-heading h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 4px;
	background: #c9342f;
}
.index-about-heading p {
	margin: 16px 0 0;
	color: #6f7c8f;
	font-size: 15px;
	line-height: 1.7;
}
.index-about-intro h3 {
	margin: 0 0 14px;
	color: #1b2a41;
	font-size: clamp(20px, 1.7vw, 28px);
	font-weight: 650;
	line-height: 1.35;
}
.index-about-intro .text {
	max-width: 720px;
	color: #55647a;
	font-size: 15px;
	line-height: 2;
}
.index-about-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 26px;
}
.index-about-more,
.index-about .play button {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border: 1px solid #c9342f;
	background: #c9342f;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	transition: background-color .25s ease, color .25s ease, transform .25s ease, border-color .25s ease;
}
.index-about-more i {
	width: 8px;
	height: 8px;
	margin-left: 15px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	transform: rotate(45deg);
}
.index-about .play {display: inline-flex;}
.index-about .play button {
	cursor: pointer;
	background: transparent;
	color: #c9342f;
	font-family: inherit;
}
.index-about .play i {
	width: 0;
	height: 0;
	margin-right: 10px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid currentColor;
}
.index-about-more:hover,
.index-about .play button:hover {background: #b52223;border-color: #b52223;color: #fff;}
.index-about-more:active,
.index-about .play button:active {transform: translateY(1px);}
.index-about-more:focus-visible,
.index-about .play button:focus-visible {
	outline: 3px solid rgba(201,52,47,.28);
	outline-offset: 3px;
}
.index-about-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: clamp(38px, 4vw, 62px);
	gap: clamp(22px, 4vw, 64px);
}
.index-about-stat {
	min-width: 0;
	padding: 0;
}
.index-about-number {
	display: flex;
	align-items: baseline;
	color: #c9342f;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.index-about-number strong {
	font-size: clamp(30px, 2.7vw, 46px);
	font-weight: 750;
	line-height: 1;
	letter-spacing: -.04em;
}
.index-about-number span {
	margin-left: 5px;
	font-size: 15px;
	font-weight: 600;
}
.index-about-stat p {
	margin: 11px 0 0;
	overflow: hidden;
	color: #67758a;
	font-size: 13px;
	line-height: 1.55;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-about-media {
	position: relative;
	min-height: 610px;
	overflow: hidden;
	background: #dce8f7;
}
.index-about-swiper {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.index-about-swiper .swiper-wrapper,
.index-about-swiper .swiper-slide {height: 100%;}
.index-about-media img {
	display: block;
	width: 100%;
	height: 610px;
	object-fit: cover;
}
.index-about-arrow {
	position: absolute;
	z-index: 5;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 72px;
	margin-top: -36px;
	padding: 0;
	border: 0;
	background: rgba(6,20,40,.14);
	color: #fff;
	cursor: pointer;
	transition: background-color .25s ease, opacity .25s ease;
}
.index-about-arrow:hover {background: rgba(191,35,35,.78);}
.index-about-arrow:focus-visible {
	outline: 3px solid rgba(255,255,255,.92);
	outline-offset: -5px;
}
.index-about-arrow-prev {left: 0;}
.index-about-arrow-next {right: 0;}
.index-about-arrow span {
	width: 16px;
	height: 16px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
}
.index-about-arrow-prev span {margin-left: 7px;transform: rotate(-135deg);}
.index-about-arrow-next span {margin-right: 7px;transform: rotate(45deg);}
.index-about-arrow.is-disabled {opacity: .28;cursor: default;}
.index-about-pagination {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 20px;
	left: 0;
	display: flex;
	justify-content: center;
	gap: 8px;
	text-align: center;
}
.index-about-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 !important;
	background: rgba(255,255,255,.8);
	opacity: 1;
	box-shadow: 0 0 0 1px rgba(191,35,35,.18);
}
.index-about-pagination .swiper-pagination-bullet-active {
	width: 22px;
	border-radius: 4px;
	background: #d64735;
}
.index-about-swiper.is-static .index-about-arrow,
.index-about-swiper.is-static .index-about-pagination {display: none;}

@media screen and (max-width: 1100px) {
	.index-about-shell {
		grid-template-columns: minmax(0, .95fr) minmax(380px, 1.05fr);
		gap: 44px;
		width: 90%;
	}
	.index-about-media,
	.index-about-media img {min-height: 560px;height: 560px;}
	.index-about-stat {padding: 21px 15px 19px;}
}

@media screen and (max-width: 900px) {
	.index-about {padding: 72px 0 88px;}
	.index-about-shell {grid-template-columns: 1fr;gap: 48px;}
	.index-about-media {min-height: 430px;}
	.index-about-media img {height: 430px;min-height: 430px;}
}

@media screen and (max-width: 560px) {
	.index-about {
		padding: 56px 0 68px;
		background-position: center center, 44% center;
	}
	.index-about-shell {width: calc(100% - 32px);gap: 40px;}
	.index-about-media,
	.index-about-media img {height: 310px;min-height: 310px;}
	.index-about-arrow {width: 44px;height: 58px;margin-top: -29px;}
	.index-about-pagination {bottom: 14px;}
	.index-about-heading {margin-bottom: 24px;}
	.index-about-intro .text {font-size: 14px;line-height: 1.85;}
	.index-about-more,
	.index-about .play,
	.index-about .play button {min-width: 132px;}
	.index-about-stats {grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px;margin-top: 36px;}
	.index-about-stat p {font-size: 12px;}
}

@media (prefers-reduced-motion: reduce) {
	.index-about *,
	.index-about *::before,
	.index-about *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

.popup-window {background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;display: none;}
.popup-window-content {background: #fff;width: 800px;padding: 5% 2% 5% 5%;margin: auto;position: relative;z-index: 10;opacity: 0;transform: translate(0px,-100px);transition: all .4s;}
.popup-window-content .rolling-content{overflow: auto;height: 500px;position: relative;}
.popup-window-content .rolling-content .rolling-h{padding-right: 50px;font-size: 16px;color: #7d7d7d;line-height: 26px;}
.popup-window-content .rolling-content .rolling-h h2{color: #000;margin: 10px 0;text-transform: uppercase;font-size: 30px;}
.popup-window-content-bg {position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.ani-show1 {display: block;opacity: 1;transform: translate(0px,0px);transition-delay: .5s;}
.popup-window .table-cell {box-sizing: border-box;padding: 56px 72px;}
.video-window-content {
	width: min(72vw, 860px);
	max-height: calc(100dvh - 112px);
	margin: auto;
	position: relative;
	z-index: 10;
	background: #050a12;
	box-shadow: 0 24px 70px rgba(74,18,19,.35);
}
.video-window-content video {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(70dvh, 520px);
	margin: auto;
	object-fit: contain;
	background: #050a12;
}
.popup-close {z-index:30;width: 30px; height:30px;border:0;background: url("../images/xx.png")/*tpa=/themes/default/images/xx.png*/ center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:1%; display:block; top:30px;cursor: pointer;}

@media screen and (max-width: 768px) {
	.popup-window .table-cell {padding: 56px 16px;}
	.video-window-content {
		width: calc(100vw - 32px);
		max-height: calc(100dvh - 112px);
	}
	.video-window-content video {max-height: 62dvh;}
	.popup-close {top: 12px;right: 12px;}
}


@media screen and (max-width: 1680px) {

	.index-products-center .bottom3 a .text h2 {width: 80%;margin: auto;}
	.index-about .about-item,.about-global .top {left: 10%;width: 80%;}
	.index-about .about-item .content {height: auto;position: relative;}
	.index-about .about-item .aboutleft {padding: 3% 3% 1.6% 5%;}
	.index-about .about-item .aboutleft .text,.index-about .title-style h6,.index-interesting .title h6,.contact-section .title-style .text  {font-size: 14px;    line-height: 36px;}
	.index-about .title-style {padding: 0px 0 10px 0;}
}
@media screen and (max-width: 1440px) {

	.index-about .about-item {left: 5%;width: 90%;}
	.index-about .about-item .aboutleft {padding: 5% 3% 4% 5%;position: absolute;}
	.about-item .title-style h2 {font-size: 40px;line-height:50px;}

	.index-about .about-item .aboutright .item li h2 strong {font-size: 50px;}
	.index-about .about-item .content {width: 90%;}
	.index-about .about-item .aboutleft .text {font-size: 12px;line-height: 22px;}
	.index-products-center .bottom3 a .text h6 {display: none;}
	.index-products-center .bottom3 a:hover .text h6 {display: inline-block;}
	input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {font-size:12px;}

}
@media screen and (max-width: 1366px) {
	.index-products-center .top {width: 100%;}
	.index-about .about-item .aboutleft .title h2,.index-about .about-item .aboutright .item li h2 strong {font-size:30px;}
	.index-about .about-item .aboutright .item li h6,.index-about .about-item .aboutleft .text,.swiper-history .swiper-history-time .text {font-size:12px;line-height:22px;}
	.index-about .about-item .aboutleft .play a{padding: 5px 20px;}
	.index-about .about-item .aboutleft {padding: 3.5% 3% 3% 5%;}
	.index-interesting {width: 90%;}
	.index-about .about-item .aboutright {width: 45%;}
	.index-about .about-item .aboutleft {width: 47%;height: 90%;}
	.title-style h2 {line-height: 40px;}
}
@media screen and (max-width: 1280px) {
	.index-products-center .bottom3 a .text h6 {height: 40px;line-height: 40px;}
	.index-products-center .bottom3 a:hover .text h6 {height: 40px;line-height: 40px;}
	.title-style h2 {line-height: 40px; font-size: 40px;}
}
@media screen and (max-width: 414px){
	.index-products-center .bottom3 a{width:100%; height: 250px;}
	.index-products-center .bottom3 a .text h6{display: block;height: 49px;line-height: 49px;opacity: 1; width: 120px; margin: 0 auto;}
	.index-about .about-item .aboutright {width: 100%; position: relative; border-top:1px solid rgba(255,255,255,.3)}
	.index-about .about-item .aboutleft {width: 92%;height: 90%; position: relative;}
	.index-about .about-item .aboutleft::after{width: 0}
	.index-about .about-item .aboutright .item li h2{line-height: 30px;}
	.index-about .img img{width: auto;}
	.index-about .about-item .aboutleft .title h2, .index-about .about-item .aboutright .item li h2 strong {font-size: 20px;}

}


/* contact */
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .cleft {width: 100%;}
.contact-section .content .cleft .content-way{overflow: hidden;}
.contact-section .content .cleft .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .cleft .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .cleft .content-way li:last-child::after {display: none;}
.contact-section .content .cleft .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
/*.contact-section .content .cleft .content-way li:last-child {width: 99%;}*/
.contact-section .content .cleft .content-way li i.c1 {background: url("../images/c1.png")/*tpa=/themes/default/images/c1.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c2 {background: url("../images/c2.png")/*tpa=/themes/default/images/c2.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c3 {background: url("../images/c3.png")/*tpa=/themes/default/images/c3.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li i.c4 {background: url("../images/c4.png")/*tpa=/themes/default/images/c4.png*/ center no-repeat;}
.contact-section .content .cleft .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .cleft .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .cleft .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .cleft .content-way li span h5 a{color: #bf2323;}
.contact-section .content .cleft .content-way li:hover span h5{color: #bf2323;}
.contact-section .content .cleft .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;}
.contact-section .content .cleft .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .cleft .content-map iframe #watermark {display: none;}
.contact-section .content .cleft .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}


#product {display: flex;flex-direction: column;justify-content: center;}
#product .title{margin:0 auto;padding:104px 0 64px}

#product .productbunner{position:relative;margin-bottom:100px}
#product .swiper-slide a{display:inline-block;background-color:#f6f6f7;text-align:center; border:1px solid #e8e8e8;}
#product .swiper-slide a img{overflow:hidden;max-width:100%;transition:all .5s;background-color:#FFFFFF;}
#product .swiper-slide a:hover>img{transform:scale(1.1)}
#product .swiper-slide p{padding:0px 5%; margin:20px 0; color:#333; width:90%; height: 40px; line-height: 40px; overflow: hidden;}
#product #bt1,#product #bt2{top:42%;width:40px;height:75px;outline:0;background-size:40px 75px}
#product #bt1{left:1vw;background-image:url("../images/prev.png")/*tpa=/themes/default/images/prev.png*/;transition:all .5s; opacity: 0.1;}
#product #bt1:hover{background-image:url("../images/prev.png")/*tpa=/themes/default/images/prev.png*/;opacity: 0.5;}
#product #bt2{right:1vw;background-image:url("../images/next.png")/*tpa=/themes/default/images/next.png*/;transition:all .5s;opacity: 0.1;}
#product #bt2:hover{background-image:url("../images/next.png")/*tpa=/themes/default/images/next.png*/;opacity: 0.5;}
#news{display:flex;background:#f7f7f7;flex-direction:column;justify-content:center}
#news .title{margin:0 auto;padding:104px 0 64px}
#news .newsin{display:flex;margin:0 auto 104px;width:85%; max-width: 1392px; flex-wrap:wrap;justify-content:space-between}
#news .newsbox{width:32%}
#news .newsbox:hover>.lin{width:100%}
#news .lin{margin-bottom:24px;width:32px;height:5px;background-color:#a61f20;transition:all .5s}
#news img{width: 100%; margin-bottom: 10px;}
#news a{display:inline-block;margin-top:40px;width:40px;height:40px;background-image:url("../images/arrow.png")/*tpa=/themes/default/images/arrow.png*/}
#news a:hover{background-image:url("../images/arrowb.png")/*tpa=/themes/default/images/arrowb.png*/}
#contact{height:100%;background-image:url("../images/m4.jpg")/*tpa=/themes/default/images/m4.jpg*/}
#contact .contactin{padding:90px 0 90px 8%}
#contact .contactin h1{color:#fff;font-size:36px}
#contact .tit {margin-top: 50px;color: #e06a5c;font-size: 60px; font-weight: 300; font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';  letter-spacing: 0.1rem; position: relative; z-index: 2;}
#contact .line{ content: '';display: block;height: 1px;  width: 92px;background: #fff;  z-index: 2;}
#contact .desc{color:#fff; font-size: 20px; height: 30px; line-height: 30px; margin:30px 0;}
#contact .contact_box{background: rgba(255,255,255,0.2); padding: 30px; width: 500px; margin-bottom: 100px;}
#contact .contactin p{margin:20px 0 70px;color:#fff;font-size:14px}
#contact .contactin a{padding:17px 59px;background-color:rgba(166,31,32,1);color:#fff;font-size:14px;transition:all .5s}
#contact .contactin a:hover{background-color:rgba(255,255,255,.6)}

@media only screen and (max-width:1440px){#banner #swiper1 .swiper-slide .swipertext h2{margin-bottom:65px}
#about .aboutin{margin-left:118px}
#about .top{left:118px}
#about .about,#about .honor{flex-basis:50%}
#product #bt1,#product #bt2{display:none}
#contact .contactin{padding-left:118px}
}
@media only screen and (max-width:1180px){#banner{margin-top:9vw}
#banner #swiper1 .swiper-slide .swipertext h1{font-size:4vw}
#banner #swiper1 .swiper-slide .swipertext h2{margin:3.5vh 0;font-size:1.5vw}
#banner #swiper1 .swiper-slide .swipertext a,#swiper1 #sb1{display:none}
#about .down{flex-wrap:wrap}
#about .about,#about .honor{flex-basis:100%}
#about .aboutin{margin:60px 9vw}
#about .honorin{margin:60px 9vw}
#about .top{position:static}
.newsin div:last-child{display:none}
#news .newsbox{width:40vw}
#contact .contactin{padding:90px 9vw}
#contact .contactin p{margin:5vw 0}
}
@media only screen and (max-width:768px){#banner{margin-top:10vw}
#contact .contactin h1{ font-size:30px}
}
@media only screen and (max-width:700px){#about .honor{background-image:none}
}
@media only screen and (max-width:840px){#about .top{display:none}
}
@media only screen and (max-width:425px){#banner{margin-top:14vw}
#contact .tit{font-size: 30px; margin-top: 0px;}
#contact .desc{font-size: 14px; height: auto;}
#contact .contact_box{width:auto;}
#contact .contactin a{padding: 10px 30px; margin-top: 20px;}
.fright{display: none;}
#product .productbunner{margin-bottom: 50px;}
}
@media only screen and (max-width:320px){#banner{margin-top:16vw}
#about .aboutin h1{font-size:22px}
}

/* Homepage product center */
#product.index-products-center {
	display: block;
	padding: clamp(72px, 7vw, 132px) 24px clamp(76px, 7vw, 124px);
	overflow: hidden;
	background: #fff;
}
#product .product-shell {
	width: min(100%, 1680px);
	margin: 0 auto;
}
#product .product-heading {
	margin: 0 auto clamp(56px, 5vw, 84px);
	text-align: center;
}
#product .product-heading-en {
	display: block;
	color: #bf2323;
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	font-size: clamp(48px, 4.4vw, 72px);
	font-weight: 700;
	line-height: .95;
	letter-spacing: -.025em;
}
#product .product-heading-cn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin-top: 14px;
}
#product .product-heading-cn span {
	width: clamp(70px, 7vw, 108px);
	height: 1px;
	background: #d8d8d8;
}
#product .product-heading-cn h2 {
	margin: 0;
	color: #333;
	font-size: clamp(24px, 1.8vw, 32px);
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
}
#product .product-heading > p {
	max-width: 720px;
	margin: 14px auto 0;
	color: #858585;
	font-size: 15px;
	line-height: 1.75;
}
#product .product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(66px, 4.4vw, 78px) clamp(24px, 2.2vw, 38px);
}
#product .product-card {
	min-width: 0;
}
#product .product-card-link {
	position: relative;
	display: flex;
	min-height: 100%;
	box-sizing: border-box;
	flex-direction: column;
	overflow: visible;
	color: inherit;
	background: #fff;
	border: 1px solid #dedede;
	text-decoration: none;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
#product .product-card-image {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1.24 / 1;
	margin: 12px 12px 0;
	background: #fff;
}
#product .product-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform .45s cubic-bezier(.2,.75,.25,1);
}
#product .product-card-content {
	box-sizing: border-box;
	padding: 12px 26px 48px;
}
#product .product-card-content h3 {
	overflow: hidden;
	margin: 0;
	color: #171717;
	font-size: clamp(18px, 1.32vw, 25px);
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .25s ease;
}
#product .product-card-description {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
	margin: 15px 0 0;
	color: #999;
	font-size: clamp(14px, 1vw, 17px);
	line-height: 1.5;
}
#product .product-card-description > span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#product .product-description-icon {
	position: relative;
	flex: 0 0 14px;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	border: 2px solid #bf2323;
}
#product .product-description-icon::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 7px;
	height: 7px;
	box-sizing: border-box;
	background: #fff;
	border: 1.5px solid #bf2323;
}
#product .product-card-button,
#product .product-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	box-sizing: border-box;
	height: 50px;
	color: #555;
	background: #f0f0f0;
	font-size: 17px;
	line-height: 1;
	transition: color .25s ease, background-color .25s ease, box-shadow .25s ease, transform .2s ease;
}
#product .product-card-button {
	position: absolute;
	bottom: -25px;
	left: 50%;
	min-width: 162px;
	padding: 0 25px;
	border-radius: 6px;
	transform: translateX(-50%);
}
#product .product-card-button i,
#product .product-more i {
	width: 10px;
	height: 10px;
	border-top: 2px solid #bf2323;
	border-right: 2px solid #bf2323;
	transform: rotate(45deg);
	transition: border-color .25s ease, transform .25s ease;
}
#product .product-card-link:hover,
#product .product-card-link:focus-visible {
	border-color: #d7d7d7;
	box-shadow: 0 16px 36px rgba(76, 41, 36, .09);
	transform: translateY(-3px);
}
#product .product-card-link:hover .product-card-image img,
#product .product-card-link:focus-visible .product-card-image img {
	transform: scale(1.035);
}
#product .product-card-link:hover h3,
#product .product-card-link:focus-visible h3 {
	color: #bf2323;
}
#product .product-card-link:hover .product-card-button,
#product .product-card-link:focus-visible .product-card-button {
	color: #fff;
	background: #bf2323;
	box-shadow: 0 10px 20px rgba(191, 35, 35, .2);
}
#product .product-card-link:hover .product-card-button i,
#product .product-card-link:focus-visible .product-card-button i,
#product .product-more:hover i,
#product .product-more:focus-visible i {
	border-color: #fff;
	transform: translateX(3px) rotate(45deg);
}
#product .product-card-link:focus-visible,
#product .product-more:focus-visible {
	outline: 3px solid rgba(191, 35, 35, .3);
	outline-offset: 4px;
}
#product .product-card-link:active {
	transform: translateY(-1px) scale(.995);
}
#product .product-more {
	display: flex;
	width: 150px;
	margin: clamp(74px, 6vw, 96px) auto 0;
	color: #fff;
	background: #bf2323;
	border-radius: 6px;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(191, 35, 35, .14);
}
#product .product-more i {
	border-color: #fff;
}
#product .product-more:hover,
#product .product-more:focus-visible {
	background: #bf2323;
	box-shadow: 0 12px 28px rgba(143, 23, 24, .23);
	transform: translateY(-2px);
}
#product .product-more:active {
	transform: translateY(0) scale(.98);
}

@media only screen and (max-width: 1199px) {
	#product .product-shell {
		max-width: 880px;
	}
	#product .product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media only screen and (max-width: 767px) {
	#product.index-products-center {
		padding: 60px 16px 72px;
	}
	#product .product-heading {
		margin-bottom: 42px;
	}
	#product .product-heading-cn {
		gap: 12px;
	}
	#product .product-heading-cn span {
		width: 44px;
	}
	#product .product-heading > p {
		margin-top: 10px;
		font-size: 14px;
	}
	#product .product-grid {
		grid-template-columns: 1fr;
		gap: 62px;
	}
	#product .product-card-image {
		aspect-ratio: 1.3 / 1;
	}
	#product .product-card-content {
		padding-right: 20px;
		padding-left: 20px;
	}
	#product .product-card-content h3 {
		font-size: 20px;
	}
	#product .product-card-description {
		font-size: 14px;
	}
	#product .product-card-button {
		height: 46px;
		bottom: -23px;
		min-width: 150px;
		font-size: 15px;
	}
	#product .product-more {
		margin-top: 68px;
	}
}
@media (prefers-reduced-motion: reduce) {
	#product .product-card-link,
	#product .product-card-image img,
	#product .product-card-button,
	#product .product-more,
	#product .product-card-button i,
	#product .product-more i {
		transition: none;
	}
}

/* Homepage solutions */
.index-solutions {
	--solution-accent: #bf2323;
	position: relative;
	clear: both;
	overflow: hidden;
	padding: clamp(68px, 6vw, 108px) 24px clamp(74px, 6.5vw, 116px);
	background:
		radial-gradient(circle at 86% 8%, rgba(191, 35, 35, .045), transparent 25%),
		#fff;
}
.index-solutions-shell {
	width: min(92%, 1500px);
	margin: 0 auto;
}
.index-solutions-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 48px;
	margin-bottom: clamp(42px, 3.8vw, 64px);
}
.index-solutions-title {
	min-width: 0;
}
.index-solutions-title h2 {
	margin: 0;
	color: #20252c;
	font-size: clamp(30px, 2.25vw, 42px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.035em;
}
.index-solutions-title > span {
	display: block;
	width: 64px;
	height: 4px;
	margin-top: 18px;
	background: var(--solution-accent);
}
.index-solutions-title p {
	max-width: 720px;
	margin: 18px 0 0;
	color: #7a8088;
	font-size: 15px;
	line-height: 1.75;
}
.index-solutions-more {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: 22px;
	min-width: 176px;
	height: 62px;
	box-sizing: border-box;
	padding: 0 28px;
	color: #30343a;
	background: rgba(255, 255, 255, .86);
	border: 1px solid #d9dde2;
	border-left: 5px solid var(--solution-accent);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.index-solutions-more i,
.index-solution-detail i {
	width: 9px;
	height: 9px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .25s ease;
}
.index-solutions-more:hover,
.index-solutions-more:focus-visible {
	color: #fff;
	background: var(--solution-accent);
	border-color: var(--solution-accent);
	box-shadow: 0 14px 30px rgba(191, 35, 35, .18);
	transform: translateY(-2px);
}
.index-solutions-more:hover i,
.index-solutions-more:focus-visible i,
.index-solution-card a:hover .index-solution-detail i,
.index-solution-card a:focus-visible .index-solution-detail i {
	transform: translateX(3px) rotate(45deg);
}
.index-solutions-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(18px, 1.4vw, 26px);
}
.index-solution-card {
	min-width: 0;
}
.index-solution-card > a {
	position: relative;
	display: flex;
	min-height: 100%;
	flex-direction: column;
	overflow: hidden;
	color: inherit;
	background: #fff;
	border-bottom: 3px solid var(--solution-accent);
	text-decoration: none;
	box-shadow: 0 18px 46px rgba(26, 45, 68, .1);
	transition: box-shadow .3s ease, transform .3s cubic-bezier(.2, .75, .25, 1);
}
.index-solution-media {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #edf1f5;
}
.index-solution-media::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 34%;
	pointer-events: none;
	background: linear-gradient(to top, rgba(10, 18, 27, .32), transparent);
}
.index-solution-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s cubic-bezier(.2, .75, .25, 1);
}
.index-solution-category {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	min-width: 152px;
	max-width: calc(100% - 28px);
	box-sizing: border-box;
	padding: 13px 24px;
	overflow: hidden;
	color: #fff;
	background: rgba(29, 33, 38, .9);
	font-size: 15px;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-solution-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	box-sizing: border-box;
	padding: clamp(24px, 2vw, 32px) clamp(22px, 2vw, 34px) 26px;
}
.index-solution-content h3 {
	display: -webkit-box;
	min-height: 1.45em;
	margin: 0;
	overflow: hidden;
	color: #262a30;
	font-size: clamp(19px, 1.25vw, 24px);
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -.02em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transition: color .25s ease;
}
.index-solution-content p {
	display: -webkit-box;
	margin: 13px 0 24px;
	overflow: hidden;
	color: #777e87;
	font-size: 15px;
	line-height: 1.8;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.index-solution-detail {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: max-content;
	margin-top: auto;
	color: #6d737b;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	transition: color .25s ease;
}
.index-solution-detail i {
	width: 7px;
	height: 7px;
	border-width: 1.5px;
}
.index-solution-card > a:hover,
.index-solution-card > a:focus-visible {
	box-shadow: 0 24px 56px rgba(20, 45, 75, .16);
	transform: translateY(-7px);
}
.index-solution-card > a:hover .index-solution-media img,
.index-solution-card > a:focus-visible .index-solution-media img {
	transform: scale(1.045);
}
.index-solution-card > a:hover h3,
.index-solution-card > a:focus-visible h3,
.index-solution-card > a:hover .index-solution-detail,
.index-solution-card > a:focus-visible .index-solution-detail {
	color: var(--solution-accent);
}
.index-solutions-more:focus-visible,
.index-solution-card > a:focus-visible {
	outline: 3px solid rgba(191, 35, 35, .3);
	outline-offset: 4px;
}
.index-solutions-more:active,
.index-solution-card > a:active {
	transform: translateY(-1px) scale(.99);
}

@media only screen and (max-width: 1199px) {
	.index-solutions-shell {
		max-width: 920px;
	}
	.index-solutions-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.index-solution-card:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		width: calc(50% - 10px);
		margin: 0 auto;
	}
}
@media only screen and (max-width: 767px) {
	.index-solutions {
		padding: 62px 16px 76px;
	}
	.index-solutions-shell {
		width: 100%;
	}
	.index-solutions-heading {
		align-items: flex-end;
		gap: 20px;
		margin-bottom: 38px;
	}
	.index-solutions-title h2 {
		font-size: 29px;
	}
	.index-solutions-title > span {
		width: 48px;
		height: 3px;
		margin-top: 13px;
	}
	.index-solutions-title p {
		display: none;
	}
	.index-solutions-more {
		gap: 12px;
		min-width: 112px;
		height: 44px;
		padding: 0 16px;
		border-left-width: 4px;
		font-size: 14px;
	}
	.index-solutions-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.index-solution-card:last-child:nth-child(odd) {
		grid-column: auto;
		width: auto;
		margin: 0;
	}
	.index-solution-content {
		padding: 22px 20px 24px;
	}
	.index-solution-content h3 {
		font-size: 20px;
	}
	.index-solution-content p {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.index-solution-category {
		min-width: 132px;
		padding: 11px 18px;
		font-size: 14px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.index-solutions-more,
	.index-solutions-more i,
	.index-solution-card > a,
	.index-solution-media img,
	.index-solution-content h3,
	.index-solution-detail,
	.index-solution-detail i {
		transition: none;
	}
}
.index_con5{position:relative;padding:0 0 70px}
.con5_zong{position:relative;font-size:0}
.con5_right{position:static;top:0;right:0;display:inline-block;width:45%;vertical-align:top}
.con5_right img{width:100%}
.con5_left{position:relative;top:150px;z-index:2;display:inline-block;box-sizing:border-box;padding-right:70px;width:55%;background:#fff;vertical-align:top}
.con5_left p{color:#333;font-size:16px;line-height:25px}
.con5_left span{display:block;display:none;margin-bottom:40px;color:#333;text-align:right}
.con5_left span img{display:none;transform:translateX(50px)}
.con5_left a{position:relative;left:0;display:block;margin-top:50px;width:205px;height:50px;background:#d64735;text-align:center;line-height:50px}
.con5_left a img{width:auto;transition:.3s ease-in-out}
.con5_left a:hover img{transform:translateX(10px)}
.index_con5 .index_con3_list{position:relative;top:125px;z-index:3}
.title{text-align:left}
.title h1{color:#bf2323;text-transform:uppercase;letter-spacing:2px;font-size:30px;font-family:ziti;line-height:30px}
.title h2{margin-top:5px;color:#d64735;font-size:40px}
.divBox{margin:0 auto;padding:0 3%;}
.index_con7{padding:100px 0}
.index_con7 .swiper-slide{padding:15px 0 50px}
.icon7_swier{position:relative;margin-top:40px}
.con7_list{position:relative;box-sizing:border-box;padding:90px 40px;border:2px solid #b8b8b8}
.con7_list_ls{position:absolute;top:-10px;display:inline-block;padding:12px 10px;background:#bf2323;text-align:center;transition:.3s ease-in-out}
.con7_list_ls font{display:block;color:#fff;font-weight:700;font-size:20px;font-family:ziti}
.con7_list_ls time{color:#fff;font-family:ziti}
.con7_list h1{overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eee;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.con7_list h1:before{display:inline-block;width:0;height:1px;background:#787878;content:'';vertical-align:middle;transition:.3s ease-in-out}
.con7_list p{margin-top:20px;color:#6e6e6e;font-size:14px;line-height:22px}
.con_spans{position:absolute;bottom:-27px;left:50%;display:block;width:54px;height:54px;border-radius:50%;background:#bbb;text-align:center;line-height:52px;transform:translateX(-50%)}
.con_spans i{position:relative;z-index:2;display:inline-block;color:#fff;font-size:30px;transition:.4s ease-in-out}
.con_spans:after{position:absolute;top:-14px;left:-14px;display:block;width:82px;height:70px;border-radius:50%;background:rgba(187,187,187,.2);content:'+'; font-size:50px; padding-top: 12px; transition:.4s ease-in-out .1s}
.con_spans:before{position:absolute;top:-14px;left:-14px;display:block;width:82px;height:70px;border-radius:50%;background:rgba(187,187,187,.2);content:'+';font-size:50px; padding-top: 12px; transition:.4s ease-in-out;transform:scale(0)}
.index_con7 .swiper-slide:hover .con_spans:after{background:rgba(214,71,53,.1);opacity:0;transform:scale(1.5)}
.index_con7 .swiper-slide:hover .con_spans:before{background:rgba(214,71,53,.1);opacity:1;transform:scale(1)}
.index_con7 .swiper-slide:hover .con_spans{background:#d64735}
.index_con7 .swiper-slide:hover .con7_list_ls{background:#d64735}
.index_con7 .swiper-slide:hover h1:before{margin-right:5px;width:35px}
.icon7_swier .swiper-button-next,.icon7_swier .swiper-button-prev{top:-100px;width:70px;height:35px;background-color:#d64735;background-size:10px;text-align:center;line-height:32px;transition:.3s ease-in-out}
.icon7_swier .swiper-button-prev{right:75px;left:auto}
.icon7_swier .swiper-button-next:hover,.icon7_swier .swiper-button-prev:hover{background-color:#d64735}
@media only screen and (max-width:1550px){.index_con7{padding:55px 0}
}
.more1{display: block;margin: 0 auto;text-align: center;width: 125px;height: 32px;text-align: center;line-height: 32px;border: 1px solid #666666;
border-radius: 50px;font-size: 14px;color: #666;position: relative;overflow: hidden;margin-top: 50px;}
.more1:before{content: '';display: block;width: 0%;height: 100%;background: #787878;position: absolute;left: 0;top: 0;z-index: -1;transition: 0.3s ease-in-out;}
.more1:hover:before{width: 100%;}
.more1:hover{color: white;}

@media(max-width: 768px){
    .index_con5 .index_con3_list{top:40px;}
	.con5_left{width:100%; padding-right: 0px; top: 58px;}
	.con5_right{width:100%; margin-top: 68px;}
	#news .newsbox{width:100vw}
	#news a{margin-top: 10px; margin-bottom: 10px;}
	.con7_list{padding:90px 20px 40px;}
	.icon7_swier .swiper-button-next, .icon7_swier .swiper-button-prev{top:-64px;}
	#navpart .position{padding: 10px 4%;}
	#navpart .column{padding: 10px 4% 10px;    width: 100%;}
	#navpart .column ul li{padding: 0 15px;margin-bottom: 15px;}
}