@charset "utf-8";

.home-banner {
	width: 100%
}

.home-banner .pcimg {
	display: block
}

.home-banner .mobimg {
	display: none
}

.indexbanner-item {
	display: block;
	overflow: hidden
}

.indexbanner-item, .indexbanner-item img {
	width: 100%
}

#indexbanner {
	width: 100%;
	position: relative
}

.home-banner .swiper-slide {
	overflow: hidden
}
/*
.home-banner .swiper-slide.swiper-slide-active img {
	animation: bannerimg 4s forwards
}

@keyframes bannerimg {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.05)
	}

	100% {
		transform: scale(1)
	}
}
*/

.home-banner .indexbanner-text {
	position: absolute;
	width: 50%;
	padding-left: 10px;
	top: 50%;
	left: 25%;
	transform: translate(-50%, -50%);
	color: #FFF;
	text-align: center;
	line-height: 1.4;
	opacity: 1
}
/*
.home-banner .swiper-slide-active .indexbanner-text {
	animation: bannerani .5s forwards;
	animation-delay: .7s
}

@keyframes bannerani {
	0% {
		opacity: 0;
		top: 60%
	}

	100% {
		opacity: 1;
		top: 50%
	}
}
*/
.home-banner .indexbanner-text .theme {
	font-size: var(--fontsize24);
	text-transform: uppercase
}

.home-banner .indexbanner-text .title {
	font-size: 40px;
	font-weight: var(--fontbold5)
}

.home-banner .indexbanner-text .text {
	font-size: var(--fontsize28)
}

.home-banner .indexbanner-text .btn {
	margin-top: 0.5em
}

.home-banner .indexbanner-text .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 8px;
	font-size: var(--fontsize18);
	color: var(--color);
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: var(--border);
	transition: all .2s linear
}
.home-banner .indexbanner-text .btn:hover {
	color: #fff;
	background-color: var(--color)
}

.home-more {
	position: relative;
	z-index: 1;
	overflow: hidden;
	box-shadow: 0 0 10px transparent;
	transition: all .2s linear
}

.home-more:hover {
	box-shadow: 0 0 10px var(--color)
}
/*
.home-banner .indexbanner-text .btn.home-more {
	background-color: var(--color);
	display: inline-flex;
	color: #FFF;
	font-size: var(--fontsize18);
	padding: 12px 30px;
	border-radius: 5px
}
*/
#indexbanner .banner-button-next, #indexbanner .banner-button-prev {
	position: absolute;
	width: 45px;
	height: 45px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: #303030;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s linear;
	z-index: 1;
	cursor: pointer
}

#indexbanner .banner-button-next {
	right: -45px
}

#indexbanner .banner-button-prev {
	left: -45px
}

#indexbanner:hover .banner-button-next {
	right: 65px
}

#indexbanner:hover .banner-button-prev {
	left: 65px
}

#indexbanner .banner-button-next::after, #indexbanner .banner-button-prev::after {
	content: ''
}

#indexbanner .banner-button-next em, #indexbanner .banner-button-prev em {
	font-size: 40px;
	line-height: 1;
	color: #FFF
}

#indexbanner .banner-button-next:hover, #indexbanner .banner-button-prev:hover {
	background-color: var(--color)
}

#indexbanner .swiper-pagination {
	bottom: 10px
}

.home-banner .swiper-pagination-bullet {
	position: relative;
	width: 32px;
	height: 8px;
	background-color: #e2e2e2;
	border-radius: 4px;
	opacity: 1;
	overflow: hidden
}

.home-banner .swiper-pagination-bullet:after {
	display: block;
	width: 0;
	height: 100%;
	background-color: var(--color);
	border-radius: 4px;
	content: ""	
}
/*
.home-banner .swiper-pagination-bullet-active.cur {
	border-radius: 4px;
	overflow: hidden
}

.home-banner .swiper-pagination-bullet-active.cur::after {
	transition: width 5s linear;
	width: 100%
}
*/

/*
.home-banner .swiper-pagination-bullet-active {
	border-radius: 4px;
	overflow: hidden
}
*/
.home-banner .swiper-pagination-bullet-active::after {
	width: 100%;
	transition: width 5s linear
}

.home .l-wrap .home-more-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.home .l-wrap .home-more-wrap .home-more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 46px;
	color: #FFF;
	background-color: var(--color);	
	border-radius: var(--border);
	text-decoration: none;
	text-transform: lowercase;
}

/* home-introduction */
.home-introduction {
	position: relative;
	margin-top: 2%;
	background: var(--color);
	z-index: 10
}

.home-introduction .l-wrap.unify .title {
	color: var(--headercolor);
}

.home-introduction .introduction {
	margin-top: 2%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.home-introduction .introduction .item {
	width: 23.4%;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px;
	padding: 1.5%;
	background-color: #FFF;
	/*
	border-bottom: 2px solid var(--color);
	*/
	border-radius: var(--border);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .10);
	transform: translateY(0);
	transition: all .2s linear;
	overflow: hidden
}

.home-introduction .introduction .item .left {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f9f8;
	color: var(--color);
	transition: all .2s linear;
	/*
	background-size: cover;
	*/
	background-size: 60px auto;
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0; /* 防止在flex容器中被压缩 */
}

.home-introduction .introduction .item .left em {
	font-size: var(--fontsize26);
	transform: rotateY(0);
	transition: all .2s linear
}

.home-introduction .introduction .item .right {
	flex: 1
}

.home-introduction .introduction .item .right .title {
	color: var(--fontcolor);
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: var(--fontsize20);
	text-align: center
}

.home-introduction .introduction .item .right .text {
	color: var(--introcolor);
	font-size: var(--fontsize16);
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: center
}

.home-introduction .introduction .item:hover {
	transform: translateY(5px)
}

.home-introduction .introduction .item:hover .left {
	color: #FFF
}

.home-introduction .introduction .item:hover .left em {
	transform: rotateY(360deg)
}

.home-introduction .introduction .item.one .left {
	background-image: url('../images/index-gear-blue.png')
}

.home-introduction .introduction .item.one:hover .left {
	background: var(--color) url('../images/index-gear-white.png') no-repeat center center/cover
}

.home-introduction .introduction .item.two .left {
	background-image: url('../images/index-drawing-ruler-blue.png')
}

.home-introduction .introduction .item.two:hover .left {
	background: var(--color) url('../images/index-drawing-ruler-white.png') no-repeat center center/cover
}

.home-introduction .introduction .item.three .left {
	background-image: url('../images/index-caliper-blue.png')
}

.home-introduction .introduction .item.three:hover .left {
	background: var(--color) url('../images/index-caliper-white.png') no-repeat center center/cover
}

.home-introduction .introduction .item.four .left {
	background-image: url('../images/index-truck-time-blue.png')
}

.home-introduction .introduction .item.four:hover .left {
	background: var(--color) url('../images/index-truck-time-white.png') no-repeat center center/cover
}

.home .unify {
	padding: 3% 70px
}

.home .unify .theme {
	color: var(--color);
	text-align: center;
	/*
	text-transform: capitalize
	*/
}

.home .unify .title {
	font-size: var(--fontsize36);
	color: var(--fontcolor);
	font-weight: var(--fontbold5);
	text-transform: capitalize;
	text-align: center
}

/* home-about */
.home-about {
	width: 100%;
	height: auto;
	background-image: url(../images/home-moreB.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.home-about .l-wrap {
	display: flex;
	align-items: center;
	padding-top: 2%
}

.home-about .l-wrap .left {
	width: 50%;
	padding: 0 5%;
	border-radius: 10%;
	position: relative
}

.home-about .l-wrap .left .img {
	width: 100%
}

.home-about .l-wrap .left .img img {
	width: 100%;
	transform: scale(1);
	transition: all .2s linear
}

.home-about .l-wrap .left:hover img {
	transform: scale(.98)
}

.home-about .l-wrap .left .top {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background-color: #f7f9fd;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -3%;
	right: 7%;
	z-index: 1
}

.home-about .l-wrap .left .top::after {
	content: '';
	display: inline-block;
	width: 70%;
	height: 70%;
	border-radius: var(--border);
	background-color: var(--color)
}

.home-about .l-wrap .left .bottom {
	position: absolute;
	bottom: -5%;
	left: 0;
	background-color: #f7f9fd;
	border-radius: 10px;
	width: 160px;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center
}

.home-about .l-wrap .left .bottom div {
	width: 75%;
	height: 75%;
	background-color: #ebf0fb;
	border-radius: var(--border);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.home-about .l-wrap .left .bottom div .num {
	color: var(--color);
	font-size: var(--fontsize30);
	font-weight: var(--fontbold5);
	line-height: 1.2
}

.home-about .l-wrap .left .bottom div span {
	color: var(--introcolor);
	font-size: var(--fontsize18);
	line-height: 1.2
}

.home-about .l-wrap .right {
	width: 50%
}

.home-about .l-wrap .right .title {
	margin: 10px 0;
	text-align: left
}

.home-about .l-wrap .right .title span {
	color: var(--color)
}

.home-about .l-wrap .right>.text {
	margin: 0 0 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden
}

.home-about .l-wrap .right ul {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0;
	flex-wrap: wrap
}

.home-about .l-wrap .right ul li {
	list-style: none;
	margin: 5px 0;
	width: 50%
}

.home-about .l-wrap .right ul li .item {
	width: 100%;
	display: flex;
	align-items: center
}

.home-about .l-wrap .right ul li .circle {
	color: var(--color);
	margin-right: 6px
}

.home-about .l-wrap .right ul li .text {
	color: var(--introcolor);
	font-weight: var(--fontbold4)
}

.home-about .l-wrap .right .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color);
	color: #FFF;
	width: 150px;
	height: 46px;
	border-radius: var(--border);
	text-decoration: none;
	margin-top: 4%;
	text-transform: lowercase
}

/* home-product */
/*
.home-product {
	background-color: #eff2f7
}
*/

.home-product .l-wrap .product {
	margin-top: 2%
}

.home-product .l-wrap .product .pro-list {
	display: flex;
	/*
	使用后同一行子元素高度不一定相同
	align-items: start;
	*/
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0
}

.home-product .l-wrap .product .pro-list .item {
	list-style: none;
	margin-bottom: 2em;
	width: 23.125%;
	background-color: #FFF;
	/*
	border-bottom: 2px solid var(--color);
	*/
	border: 1px solid #EEE;
	border-radius: var(--border);
	box-shadow: 0 4px 13px 0 rgba(17, 26, 58, 0);
	overflow: hidden;
	transition: all .2s ease
}

.home-product .l-wrap .product .pro-list .item .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden
}

.home-product .l-wrap .product .pro-list .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(1);
	transition: all .2s linear
}

.home-product .l-wrap .product .pro-list .item .text {
	padding: 4%;
	border-top: 1px solid #EEE
}

.home-product .l-wrap .product .pro-list .item .text .name {
	margin: 0;
	font-size: var(--fontsize18);
	line-height: 1.5;
	color: var(--fontcolor);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: all .2s linear
}

.home-product .l-wrap .product .pro-list .item .text .merchandise {
	color: var(--introcolor);
	margin-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.home-product .l-wrap .product .pro-list .item .text .btn {
	position: relative;
	margin-top: 8px;
	padding: 4px 0;
	color: var(--introcolor);
	border-radius: var(--border);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*
	text-transform: lowercase;
	*/
	overflow: hidden;
	transition: all .2s ease;
	z-index: 1
}

.home-product .l-wrap .product .pro-list .item .text .btn::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--color);
	border-radius: var(--border);
	transition: all .2s ease;
	z-index: -1
}

.home-product .l-wrap .product .pro-list .item .text .btn em {
	margin-left: 4px;
	transition: all .2s ease
}

.home-product .l-wrap .product .pro-list .item:hover {
	box-shadow: 0 4px 13px 0 rgb(17 26 58 / 17%)
}

.home-product .l-wrap .product .pro-list .item:hover img {
	transform: scale(1.05)
}

.home-product .l-wrap .product .pro-list .item:hover .name {
	color: var(--color)
}

.home-product .l-wrap .product .pro-list .item:hover .text .btn {
	padding: 4px 10px;
	color: #FFF
}

.home-product .l-wrap .product .pro-list .item:hover .text .btn::after {
	width: 100%
}

.home-product .l-wrap .product .pro-list .item .icon-videoplay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-36%, -50%);
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fontsize18);
	z-index: 1;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .5);
	color: #FFF
}

/* home-tools */
.home-tools .l-wrap .tools {
	margin-top: 2%
}

.home-tools .l-wrap .tools .tools-list {
	display: flex;
	/*
	使用后同一行子元素高度不一定相同
	align-items: start;
	*/
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0
}

.home-tools .l-wrap .tools .tools-list .item {
	list-style: none;
	margin-bottom: 2em;
	width: 23.125%;
	background-color: #FFF;
	/*
	border-bottom: 2px solid var(--color);
	*/
	border: 1px solid #EEE;
	border-radius: var(--border);
	box-shadow: 0 4px 13px 0 rgba(17, 26, 58, 0);
	overflow: hidden;
	transition: all .2s ease
}

.home-tools .l-wrap .tools .tools-list .item .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden
}

.home-tools .l-wrap .tools .tools-list .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(1);
	transition: all .2s linear
}

.home-tools .l-wrap .tools .tools-list .item .text {
	padding: 4%;
	border-top: 1px solid #EEE
}

.home-tools .l-wrap .tools .tools-list .item .text .name {
	margin: 0;
	font-size: var(--fontsize18);
	line-height: 1.5;
	color: var(--fontcolor);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: all .2s linear
}

.home-tools .l-wrap .tools .tools-list .item .text .desc {
	color: var(--introcolor);
	margin-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.home-tools .l-wrap .tools .tools-list .item .text .btn {
	position: relative;
	margin-top: 8px;
	padding: 4px 0;
	color: var(--introcolor);
	border-radius: var(--border);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*
	text-transform: lowercase;
	*/
	overflow: hidden;
	transition: all .2s ease;
	z-index: 1
}

.home-tools .l-wrap .tools .tools-list .item .text .btn::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--color);
	border-radius: var(--border);
	transition: all .2s ease;
	z-index: -1
}

.home-tools .l-wrap .tools .tools-list .item .text .btn em {
	margin-left: 4px;
	transition: all .2s ease
}

.home-tools .l-wrap .tools .tools-list .item:hover {
	box-shadow: 0 4px 13px 0 rgb(17 26 58 / 17%)
}

.home-tools .l-wrap .tools .tools-list .item:hover img {
	transform: scale(1.05)
}

.home-tools .l-wrap .tools .tools-list .item:hover .name {
	color: var(--color)
}

.home-tools .l-wrap .tools .tools-list .item:hover .text .btn {
	padding: 4px 10px;
	color: #FFF
}

.home-tools .l-wrap .tools .tools-list .item:hover .text .btn::after {
	width: 100%
}

.home-tools .l-wrap .tools .tools-list .item .icon-videoplay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-36%, -50%);
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fontsize18);
	z-index: 1;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .5);
	color: #FFF
}

/* home-factory */
.home-factory {
	background-repeat: no-repeat;
	background-size: cover;
	/*
	margin-bottom: 90px;
	background: var(--color)
	*/
}

.home-factory .l-wrap.unify {
	padding-bottom: 0
}

.home-factory .l-wrap .title {
	text-align: center;
	color: var(--fontcolor)
}

.home-factory .l-wrap .factory {
	/*
	transform: translateY(10%);
	*/
	margin-top: 2%;
	padding: 0 0 30px 0;
	overflow: inherit
}

.home-factory .l-wrap .factory .factory-content {
	display: flex;
	justify-content: space-between;
	/*
	align-items: center
	*/
}

.home-factory .l-wrap .factory .item {
	position: relative;
	width: 31.25%;
	list-style: none;
	overflow: hidden;
	transition: all .2s ease
}

.home-factory .l-wrap .factory .item img {
	width: 100%;
	height: auto
}
/*
.home-factory .l-wrap .factory .item .text {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	border-radius: var(--border);
	transition: all .2s linear
}
*/
.home-factory .l-wrap .factory .item .text {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--fontcolor);
	transition: all .2s linear
}

.home-factory .l-wrap .factory .item .text .show-title {
	padding: 5px;
	font-size: var(--fontsize18);
	line-height: 1.1;
	text-align: center;
	font-weight: var(--fontbold5)
}

/*
.home-factory .l-wrap .factory .item:hover .text {
	opacity: 1;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .10)
}
*/
.home-factory .l-wrap .factory .item:hover {
	transform: translateY(-20px)
}

/*
.home-factory .l-wrap .factory .swiper-pagination {
	bottom: 0
}

.home-factory .swiper-pagination-bullet-active {
	background: #FFF
}
*/

/* home-model */
.home-model {
	background-color: #F9F9F9
}

.home-model .l-wrap .model {
	margin-top: 2%
}

.home-model .l-wrap .model .model-list {
	display: flex;
	/*
	使用后同一行子元素高度不一定相同
	align-items: start;
	*/
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0
}

.home-model .l-wrap .model .model-list .item {
	list-style: none;
	margin-bottom: 2em;
	width: 23.125%;
	background-color: #FFF;
	/*
	border-bottom: 2px solid var(--color);
	*/
	border: 1px solid #EEE;
	border-radius: var(--border);
	box-shadow: 0 4px 13px 0 rgba(17, 26, 58, 0);
	overflow: hidden;
	transition: all .2s ease
}

.home-model .l-wrap .model .model-list .item .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden
}

.home-model .l-wrap .model .model-list .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(1);
	transition: all .2s linear
}

.home-model .l-wrap .model .model-list .item .text {
	padding: 4%;
	border-top: 1px solid #EEE
}

.home-model .l-wrap .model .model-list .item .text .name {
	margin: 0;
	font-size: var(--fontsize18);
	line-height: 1.5;
	color: var(--fontcolor);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: all .2s linear
}

.home-model .l-wrap .model .model-list .item .text .desc {
	color: var(--introcolor);
	margin-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.home-model .l-wrap .model .model-list .item .text .btn {
	position: relative;
	margin-top: 8px;
	padding: 4px 0;
	color: var(--introcolor);
	border-radius: var(--border);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*
	text-transform: lowercase;
	*/
	overflow: hidden;
	transition: all .2s ease;
	z-index: 1
}

.home-model .l-wrap .model .model-list .item .text .btn::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--color);
	border-radius: var(--border);
	transition: all .2s ease;
	z-index: -1
}

.home-model .l-wrap .model .model-list .item .text .btn em {
	margin-left: 4px;
	transition: all .2s ease
}

.home-model .l-wrap .model .model-list .item:hover {
	box-shadow: 0 4px 13px 0 rgb(17 26 58 / 17%)
}

.home-model .l-wrap .model .model-list .item:hover img {
	transform: scale(1.05)
}

.home-model .l-wrap .model .model-list .item:hover .name {
	color: var(--color)
}

.home-model .l-wrap .model .model-list .item:hover .text .btn {
	padding: 4px 10px;
	color: #FFF
}

.home-model .l-wrap .model .model-list .item:hover .text .btn::after {
	width: 100%
}

.home-model .l-wrap .model .model-list .item .icon-videoplay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-36%, -50%);
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fontsize18);
	z-index: 1;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .5);
	color: #FFF
}

/* home-application */
.home-application {
	background-color: #F9F9F9
}

.home-application .l-wrap .application {
	position: relative;
	margin-top: 2%;
	padding: 0 65px
}

#swiper-application {
	width: 100%;
	padding-bottom: 40px
}

.home-application .l-wrap .application .application-list {
	display: flex;
	justify-content: space-between;
	padding: 0
}

.home-application .l-wrap .application .application-list .item {
	list-style: none;
	/*
	margin-bottom: 2em;
	*/
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: var(--border);
	box-shadow: 0 4px 13px 0 rgba(17, 26, 58, 0);
	overflow: hidden;
	transition: all .2s ease
}

.home-application .l-wrap .application .application-list .item .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden
}

.home-application .l-wrap .application .application-list .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(1);
	transition: all .2s linear
}

.home-application .l-wrap .application .application-list .item .text {
	padding: 4%;
	border-top: 1px solid #EEE
}

.home-application .l-wrap .application .application-list .item .text .name {
	margin: 0;
	font-size: var(--fontsize18);
	line-height: 1.5;
	color: var(--fontcolor);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: all .2s linear
}

.home-application .l-wrap .application .application-list .item .text .desc {
	color: var(--introcolor);
	margin-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.home-application .l-wrap .application .application-list .item .text .btn {
	position: relative;
	margin-top: 8px;
	padding: 4px 0;
	color: var(--introcolor);
	border-radius: var(--border);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*
	text-transform: lowercase;
	*/
	overflow: hidden;
	transition: all .2s ease;
	z-index: 1
}

.home-application .l-wrap .application .application-list .item .text .btn::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--color);
	border-radius: var(--border);
	transition: all .2s ease;
	z-index: -1
}

.home-application .l-wrap .application .application-list .item .text .btn em {
	margin-left: 4px;
	transition: all .2s ease
}

.home-application .l-wrap .application .application-list .item:hover {
	box-shadow: 0 4px 13px 0 rgb(17 26 58 / 17%)
}

.home-application .l-wrap .application .application-list .item:hover img {
	transform: scale(1.05)
}

.home-application .l-wrap .application .application-list .item:hover .name {
	color: var(--color)
}

.home-application .l-wrap .application .application-list .item:hover .text .btn {
	padding: 4px 10px;
	color: #FFF
}

.home-application .l-wrap .application .application-list .item:hover .text .btn::after {
	width: 100%
}

.home-application .l-wrap .application .application-list .item .icon-videoplay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-36%, -50%);
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fontsize18);
	z-index: 1;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .5);
	color: #FFF
}
/*
.application .swiper-button-next, .application .swiper-button-prev {
	width: 45px !important;
	height: 45px !important;
	background-color: var(--color) !important;
	border-radius: 50%;
	display: flex !important;
	opacity: 1 !important;
	z-index: 99 !important
}
*/
.application .swiper-button-next, .application .swiper-button-prev {
	width: 45px;
	height: 45px;
	background-color: var(--color);
	border-radius: 50%;
	opacity: 1;
	z-index: 99
}

.application .swiper-button-next {
	right: 0;
}

.application .swiper-button-prev {
	left: 0
}

.application .swiper-button-disabled {
	background-color: #FFF;
	border: 1px solid var(--color)
}

.application .swiper-button-next:after, .application .swiper-button-prev:after {
	content: ''
}

.application .swiper-button-next em, .application .swiper-button-prev em {
	color: #FFF
}

.application .swiper-button-disabled em {
	color: var(--color)
}

/* home-contact */
.home-contact {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: var(--color)
}

.home-contact-content {
	display: flex;
	justify-content: space-between
}

.contact-left {
	width: 42.5%
}

.contact-left-img,
.contact-left-img img {
	width: 100%;
	max-width: 650px;
	border-radius: var(--border);
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.contact-left-bottom {
	display: flex;
	justify-content: space-between;
	padding: 30px 0
}

.contact-left-bottom div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.contact-left-num {
	margin: 0;
	font-size: 38px;
	color: var(--headercolor);
	font-weight: var(--fontbold5);
	line-height: 1.1
}

.contact-left-txt {
	font-size: var(--fontsize18);
	color: var(--headercolor)
}

.contact-right {
	width: 50%;
	position: relative
}

.contact-right .play {
	margin-top: 10%;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	background-color: #FFF;
	transition: all .2s ease-in-out;
	-webkit-animation: ripple 1s linear infinite;
	animation: ripple 1s linear infinite;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

@-webkit-keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgb(255 255 255 / 50%), 0 0 0 5px rgb(255 255 255 / 50%), 0 0 0 10px rgb(255 255 255 / 50%)
	}

	100% {
		box-shadow: 0 0 0 5px rgb(255 255 255 / 25%), 0 0 0 10px rgb(255 255 255 / 25%), 0 0 0 20px rgba(50, 100, 245, 0)
	}
}

@keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgb(255 255 255 / 25%), 0 0 0 5px rgb(255 255 255 / 25%), 0 0 0 10px rgb(255 255 255 / 25%)
	}

	100% {
		box-shadow: 0 0 0 5px rgb(255 255 255 / 25%), 0 0 0 10px rgb(255 255 255 / 25%), 0 0 0 20px rgba(50, 100, 245, 0)
	}
}

.contact-right .img-box em {
	color: var(--color);
	font-size: var(--fontsize22)
}

.contact-phone-number {
	font-size: 32px;
	font-weight: var(--fontbold5);
	color: var(--headercolor);
	margin: 32px 0;
	display: inline-block;
	margin-left: 30px
}

.contact-right-txt {
	width: 88%;
	font-size: var(--fontsize18);
	color: var(--headercolor);
	margin-top: 2%
}

.contact-right-btn {
	width: 150px;
	height: 46px;
	margin-top: 30px;
	background-color: #FFF;
	border-radius: var(--border);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color);
	font-size: var(--fontsize18);
	transition: all .2s linear;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 0 #FFF;
	text-decoration: none
}

.contact-right-btn::after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: inline-block;
	width: 0%;
	height: 100%;
	background-color: var(--color);
	z-index: -1;
	border-radius: var(--border);
	box-shadow: 0 0 0 var(--color);
	transition: all .2s linear
}

.contact-right-btn:hover {
	color: var(--headercolor);
	box-shadow: 0 0 3px #FFF
}

.contact-right-btn:hover::after {
	width: 100%;
	box-shadow: 0 0 4px var(--color)
}

.contact-right-bottom {
	position: absolute;
	width: 100%;
	margin-bottom: 10px;
	padding: 20px;
	bottom: 0;
	left: 0;
	background-color: #FFF;
	border-radius: 5px
}

.contact-right-bottom p:nth-child(1) {
	font-size: var(--fontsize26);
	color: var(--fontcolor);
	font-weight: var(--fontbold5);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-top: 0
}

.contact-right-bottom p:nth-child(2) {
	color: var(--introcolor);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

/* home-process */
.home-process .l-wrap .theme {
	text-align: center
}

.home-process .l-wrap .title {
	text-align: center
}

.home-process .l-wrap ul {
	display: flex;
	justify-content: space-between;
	margin-top: 2%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 20%;
	padding: 0
}

.process-item {
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #FFF
}

.home-process-content ul li:nth-child(1) {
	transition: all .4s linear
}

.home-process-content ul li:nth-child(2) {
	transition: all .5s linear
}

.home-process-content ul li:nth-child(3) {
	transition: all .6s linear
}

.home-process-content ul li:nth-child(4) {
	transition: all .7s linear
}

.process-item-top {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: var(--color);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

.process-item-top em {
	color: #FFF;
	font-size: var(--fontsize36);
	transition: all .2s linear
}

.process-item-top:hover em {
	transform: rotateY(180deg)
}

.process-item-num {
	position: absolute;
	width: 38px;
	height: 38px;
	background-color: #FFF;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--fontsize16);
	color: var(--color);
	top: 0;
	right: 0;
	box-shadow: 0 0 10px #FFF
}

.process-item-center {
	margin-top: 4%;
	margin-bottom: 5%
}

.process-item-title {
	font-size: var(--fontsize20);
	color: var(--fontcolor);
	text-align: center;
	margin: 10px 0
}

.process-item-txt {
	color: var(--introcolor);
	text-align: center;
	font-size: var(--fontsize16);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden
}

/* home-case */
.home-case {
	background-repeat: no-repeat;
	background-size: cover;
	/*
	margin-bottom: 90px;
	*/
	background: var(--color)
}

.home-case .l-wrap.unify {
	padding-bottom: 0
}

.home-case .l-wrap .theme {
	text-align: center;
	color: var(--headercolor)
}

.home-case .l-wrap .title {
	text-align: center;
	color: var(--headercolor)
}

.home-case .l-wrap .case {
	/*
	transform: translateY(10%);
	*/
	margin-top: 2%;
	padding: 0 0 30px 0;
	overflow: inherit
}

.home-case .l-wrap .case .case-content {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.home-case .l-wrap .case .item {
	position: relative;
	width: 31.25%;
	list-style: none;
	border-radius: var(--border);
	overflow: hidden;
	transition: all .2s ease
}

.home-case .l-wrap .case .item img {
	width: 100%
}

.home-case .l-wrap .case .item .text {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	border-radius: var(--border);
	transition: all .2s linear
}

.home-case .l-wrap .case .item .text .content {
	width: 88%;
	height: 83%;
	padding: 4%;
	background-color: #FFF;
	border-radius: var(--border);
	overflow: hidden
}

.home-case .l-wrap .case .item .text .content p {
	margin: 0
}

.home-case .l-wrap .case .item .text .content .show-title {
	color: var(--fontcolor);
	font-size: var(--fontsize22);
	line-height: 1.1;
	text-align: center;
	font-weight: var(--fontbold5)
}

.home-case .l-wrap .case .item .text .content .show-des {
	color: var(--introcolor);
	text-align: center;
	line-height: 1.6;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden
}

.home-case .l-wrap .case .item:hover .text {
	opacity: 1;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .10)
}

.home-case .l-wrap .case .item:hover {
	transform: translateY(-20px)
}
/*
.home-case .l-wrap .case .swiper-pagination {
	bottom: 0
}
*/
.home-case .swiper-pagination-bullet-active {
	background: #FFF
}

/* home-news */
.news-bottom {
	position: relative;
	margin-top: 2%;
	padding: 0 65px
	
}

#swiper-news {
	width: 100%;
	padding-bottom: 40px
}

.news-item-slide {
	height: auto;
	border: 1px solid #EEE;
	border-radius: var(--border);
	box-shadow: 0 4px 13px 0 rgba(17, 26, 58, 0);
	transition: all .2s ease;
	overflow: hidden
}

.news-item-img {
	position: relative;
	height: 0;
	padding-bottom: 75%;
	overflow: hidden
}

.news-item-img img {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all .2s ease
}

.news-item-bottom {
	padding: 4%
}

.news-item-bottom span {
	display: inline-block;
	color: var(--introcolor);
	font-size: var(--fontsize14)
}

.news-item-title {
	font-size: var(--fontsize18);
	line-height: 1.2;
	margin-top: 8px;
	color: var(--fontcolor);
	transition: all .2s ease;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-decoration: none
}

.news-item-bottom p {
	margin-top: 8px;
	color: var(--introcolor);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.news-item-read {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
	padding: 4px 0;
	color: var(--introcolor);
	border-radius: var(--border);
	transition: all .2s ease;
	/*
	text-transform: lowercase;
	*/
	z-index: 1
}

.news-item-read::after {
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--color);
	border-radius: var(--border);
	transition: all .2s ease;
	z-index: -1
}

.news-item-read em {
	margin-left: 4px;
	transition: all .2s ease;
}

.news-item-slide:hover {
	box-shadow: 0 4px 13px 0 rgba(17, 26, 58, .17)
}

.news-item-slide:hover .news-item-img img {
	transform: scale(1.03)
}

.news-item-slide:hover .news-item-title {
	color: var(--color)
}

.news-item-slide:hover .news-item-read {
	color: #FFF;
	padding: 4px 10px
}

.news-item-slide:hover .news-item-read::after {
	width: 100%
}
/*
.news-bottom .swiper-button-next, .news-bottom .swiper-button-prev {
	width: 45px !important;
	height: 45px !important;
	background-color: var(--color) !important;
	border-radius: 50%;
	z-index: 99 !important;
	display: flex !important;
	opacity: 1 !important
}
*/
.news-bottom .swiper-button-next, .news-bottom .swiper-button-prev {
	width: 45px;
	height: 45px;
	background-color: var(--color);
	border-radius: 50%;
	z-index: 99;
	opacity: 1
}

/*
.news-bottom .swiper-button-next {
	right: 0 !important
}

.news-bottom .swiper-button-prev {
	left: 0 !important
}
*/
.news-bottom .swiper-button-next {
	right: 0
}

.news-bottom .swiper-button-prev {
	left: 0
}

.news-bottom .swiper-button-next:after, .news-bottom .swiper-button-prev:after {
	content: ''
}

.news-bottom .swiper-button-next em, .news-bottom .swiper-button-prev em {
	color: #FFF
}

.news-bottom .swiper-button-disabled {
	background-color: #FFF;
	border: 1px solid var(--color)
}

.news-bottom .swiper-button-disabled em {
	color: var(--color)
}

.swiper-button-lock {
	display: flex !important
}

.news-bottom .swiper-pagination-bullets.swiper-pagination-horizontal {
	display: none
}

@media screen and (max-width:1366px) {
	.contact-left-num {
		font-size: 32px
	}

	.contact-left-txt {
		font-size: var(--fontsize16)
	}

	.contact-right .play {
		margin-top: 6%
	}

	.contact-right-bottom p:nth-child(1) {
		font-size: var(--fontsize24)
	}

	.contact-right-bottom p:nth-child(2) {
		margin-top: 20px;
		font-size: var(--fontsize14)
	}

	.contact-right-bottom {
		padding: 20px
	}

	.home-banner .indexbanner-text .title {
		font-size: 36px
	}

	.home-banner .indexbanner-text .text {
		font-size: var(--fontsize24)
	}

	.home-banner .indexbanner-text .theme {
		font-size: var(--fontsize18)
	}
	/*
	.home-banner .indexbanner-text .btn {
		margin-top: 2em
	}
	*/
	.home-banner .indexbanner-text .btn .home-more {
		font-size: var(--fontsize16);
		padding: 10px 24px
	}
	
	.home-about .l-wrap .left .bottom {
		bottom: -5%;
		left: 0;
		width: 140px;
		height: 140px
	}

	.home-about .l-wrap .left .top {
		width: 60px;
		height: 60px
	}
	
	.news-item-bottom p {
		line-height: 20px
	}
}

@media screen and (max-width:1240px) {
	.contact-phone-number {
		font-size: 32px;
		margin: 24px 0
	}

	.contact-right-txt {
		line-height: 24px;
		font-size: var(--fontsize16);
		width: 90%
	}
	
	/*
	.home-introduction {
		transform: translateY(-30px)
	}
	*/
}

@media screen and (max-width:1024px) {
	/*
	#indexbanner .banner-button-next {
		right: 10px
	}
	
	#indexbanner .banner-button-prev {
		left: 10px
	}
	*/
	#indexbanner:hover .banner-button-next {
		right: 10px
	}

	#indexbanner:hover .banner-button-prev {
		left: 10px
	}
	
	[data-aos]{
		opacity:1 !important;
		transform:none !important;
		transition:none !important
	}
	
	.home .unify {
		padding: 3% 15px
	}
	
	.home-introduction .introduction .item {
		width: 48%;
		/*
		margin-bottom: 20px
		*/
	}
	
	.home-about .l-wrap {
		flex-wrap: wrap
	}

	.home-about .l-wrap .left {
		width: 100%
	}

	.home-about .l-wrap .right {
		width: 100%;
		margin-top: 6%
	}

	.process-item-num {
		width: 40px;
		height: 40px;
		top: 0;
		right: -8px
	}

	.process-item-top {
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width:960px) {
	.home-contact-content {
		flex-direction: column;
		align-items: center
	}

	.contact-left {
		width: 100%
	}

	.contact-left-bottom {
		padding: 30px 0
	}

	.contact-right {
		width: 95%;
		padding-bottom: 200px
	}

	.contact-right-bottom {
		padding: 20px
	}
	
	.home-application .l-wrap .application {
		padding: 0 54px;
	}
	
	.application .swiper-button-next, .application .swiper-button-prev {
		width: 36px;
		height: 36px;
	}
	
	.application .swiper-button-next {
		right: 0
	}
	
	.application .swiper-button-prev {
		left: 0
	}

	.home-case .l-wrap .case .item .text .content .show-title {
		font-size: var(--fontsize16)
	}

	.home-case .l-wrap .case .item .text .content .show-des {
		font-size: var(--fontsize14);
		line-height: 1.4;
		-webkit-line-clamp: 3
	}
	
	.news-bottom {
		padding: 0 54px
	}

	.news-bottom .swiper-button-next, .news-bottom .swiper-button-prev {
		width: 36px;
		height: 36px
	}
	
	.news-bottom .swiper-button-next {
		/*
		right: -4px !important
		*/
		right: 0
	}
	
	.news-bottom .swiper-button-prev {
		/*
		left: -4px !important
		*/
		left: 0
	}
	
	/*
	.home-product .l-wrap .product .pro-list .item .text {
		padding: 10px
	}
	*/
}

@media screen and (max-width:768px) {
	/*
	.home-banner {
		min-height: 120px
	}
	*/

	.home-banner .pcimg {
		display: none
	}

	.home-banner .mobimg {
		display: block
	}
	
	.home-banner .swiper-slide.swiper-slide-active img {
		animation: none
	}
	
	.home-banner .indexbanner-text {
		width: 100%;
		padding: 0 5px;
		top: 75%;
		left: 50%
	}
	
	.home-banner .indexbanner-text .title {
		font-size: var(--fontsize30)
	}
	
	.home-banner .indexbanner-text .text {
		font-size: var(--fontsize20)
	}

	.home-banner .indexbanner-text .theme {
		font-size: var(--fontsize14)
	}
	/*
	.home-banner .indexbanner-text .btn {
		display: none
	}
	*/
	#indexbanner .swiper-pagination {
		/*
		display: block;
		*/
		bottom: 0
	}
	
	.home-banner .swiper-pagination-bullet {
		width: 8px
	}
	
	.home-banner .swiper-pagination-bullet-active::after {
		width: 100%;
		transition: none
	}
	
	#indexbanner .banner-button-next, #indexbanner .banner-button-prev {
		display: none
	}
	
	.home-introduction {
		transform: translateY(0)
	}

	.home-introduction .introduction .item {
		width: 100%;
		padding: 3% 2.5%;
		flex-direction: row
	}
	
	/*
	.home-introduction .introduction .item .left {
		width: 60px;
		height: 60px
	}
	*/
	.home-introduction .introduction .item .right .title,
	.home-introduction .introduction .item .right .text {
		text-align: left
	}
		
	.home-about .l-wrap .right ul li {
		width: 100%
	}

	.home-process .l-wrap ul {
		flex-wrap: wrap;
		background-image: none
	}

	.process-item {
		width: 48%;
		margin-top: 20px
	}
	
	.home-application .l-wrap .application {
		padding: 0
	}
	
	.application .swiper-button-next, .application .swiper-button-prev {
		display: none;
	}

	.home-case .l-wrap .case {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/*
		transform: translateY(25%);
		*/
		overflow-x: auto
	}

	.home-case .l-wrap .case .item {
		position: relative;
		/*
		width: 400px;
		margin: 0 40px;
		*/
		list-style: none;
		flex-shrink: 0
	}

	.home-case .l-wrap .case::-webkit-scrollbar {
		display: none
	}

	.home-case .l-wrap .case .item .text .content .show-title {
		font-size: var(--fontsize18)
	}

	.home-case .l-wrap .case .item .text .content .show-des {
		color: var(--introcolor);
		text-align: center;
		line-height: 1.6;
		margin-top: 10px;
		font-size: var(--fontsize15)
	}

	.home-case .l-wrap .case .item:hover {
		transform: translateY(0)
	}

	.news-bottom .swiper-pagination-bullets.swiper-pagination-horizontal {
		display: block
	}

	.news-bottom .swiper-button-next, .news-bottom .swiper-button-prev {
		display: none
	}

	.home-product .l-wrap .product .pro-list .item {
		width: 48%;
		/*
		margin-top: 20px
		*/
	}

	.home-product .l-wrap .product .pro-list {
		/*
		flex-wrap: inherit
		*/
	}
	
	.home-product .l-wrap .product .swiper-pagination {
		bottom: 0
	}

	.home-product .l-wrap .product .pro-list .item .icon-videoplay {
		width: 30px;
		height: 30px
	}
	
	.home-factory .l-wrap .factory .item:hover {
		transform: translateY(0);
	}

	.home-tools .l-wrap .tools .tools-list {
		/*
		flex-wrap: inherit
		*/
		flex-wrap: wrap
	}

	.home-tools .l-wrap .tools .tools-list .item {
		width: 48%;
		/*
		margin-top: 20px
		*/
	}
	
	.home-tools .l-wrap .tools .swiper-pagination {
		bottom: 0
	}

	.home-tools .l-wrap .tools .tools-list .item .icon-videoplay {
		width: 30px;
		height: 30px
	}
	
	.home-model .l-wrap .model .model-list {
		flex-wrap: wrap;
	}
	
	.home-model .l-wrap .model .model-list .item {
		width: 48%;
		/*
		margin-top: 20px
		*/
	}
	
	.home-case .l-wrap .case .item .text .content {
		padding: 2%
	}
	
	.news-bottom {
		padding: 0
	}
}

@media screen and (max-width:480px) {
	.home-banner .indexbanner-text .title {
		font-size: var(--fontsize28)
	}
	
	.home-banner .indexbanner-text .text {
		font-size: var(--fontsize18)
	}
	
	/*
	#indexbanner .banner-button-next, #indexbanner .banner-button-prev {
		width: 40px;
		height: 40px
	}

	#indexbanner .banner-button-prev {
		left: 10px
	}

	#indexbanner .banner-button-next {
		right: 10px
	}
	*/

	.home .unify {
		padding: 10% 15px
	}

	.home-introduction .introduction .item {
		width: 100%;
		padding: 5% 2.5%;
		margin: 10px auto
	}

	.home-about .l-wrap .left .bottom div .num {
		font-size: var(--fontsize28, 28px)
	}

	.home-about .l-wrap .left .bottom div span {
		font-size: var(--fontsize12)
	}

	.home-about .l-wrap .left .bottom {
		width: 100px;
		height: 100px
	}

	.home-about .l-wrap .left .top {
		width: 50px;
		height: 50px;
		right: 0
	}

	.home .unify .title {
		font-size: var(--fontsize22)
	}

	.home-about .l-wrap .right>.text {
		margin: 5% 0
	}

	.home-about .l-wrap .right ul li {
		margin: 6px 0
	}

	.contact-left-bottom {
		padding: 20px 0
	}

	.contact-left-num {
		font-size: var(--fontsize26)
	}

	.contact-left-txt {
		font-size: var(--fontsize12)
	}

	.contact-phone-number {
		font-size: var(--fontsize24);
		margin: 15px 0;
		margin-left: 30px
	}

	.contact-right .play {
		margin: 6% 0;
		margin-left: 6%;
		width: 40px;
		height: 40px
	}

	.contact-right .img-box em {
		font-size: var(--fontsize18)
	}

	.contact-right-txt {
		line-height: 22px;
		font-size: var(--fontsize14);
		width: 100%
	}

	.contact-right-btn {
		width: 150px;
		height: 40px;
		font-size: var(--fontsize15);
		margin-top: 20px
	}

	.contact-right-bottom p:nth-child(1) {
		font-size: var(--fontsize16);
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}

	.contact-right-bottom p:nth-child(2) {
		margin: 0;
		font-size: var(--fontsize14)
	}

	.contact-right-bottom {
		padding: 20px;
		border-radius: 3px 3px 0 0
	}

	.contact-right {
		width: 100%;
		padding-bottom: 150px
	}

	.process-item-top {
		width: 80px;
		height: 80px
	}

	.process-item-num {
		width: 30px;
		height: 30px;
		top: 0;
		right: -4px
	}

	.home-case .l-wrap .case .case-content {
		justify-content: inherit
	}

	.home-case .l-wrap .case .item {
		margin: 0
	}

	.home-case .l-wrap .case {
		/*
		transform: translateY(15%);
		*/
		box-sizing: content-box;
		overflow: hidden
	}
	/*
	.home-case .l-wrap .case .swiper-pagination {
		bottom: 0
	}
	*/
	.home-case .l-wrap .case .item .text .content .show-des {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden
	}

	.home-case {
		margin-bottom: 50px
	}
	/*
	.home-case .unify {
		padding-bottom: 0
	}
	*/
	#swiper-news {
		width: 100%
	}

	.news-item-bottom {
		padding: 10px 15px
	}

	.news-item-read {
		margin-top: 10px
	}

	.news-bottom {
		margin: 2% 0;
		position: relative
	}

	.process-item-top em {
		font-size: 34px
	}
}