/*===================================================================================*/
/* 制造中心 */

#zzzx .rows {display: flex; margin-top: 60px; border: 1px solid #e5e5e5;}
#zzzx .rows .imgs {flex: 0 0 auto; position: relative; padding-top: 32.47%; width: 48.64%; font-size: 0; overflow: hidden;}
#zzzx .rows .imgs div {position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 600ms ease-out;}
#zzzx .rows .text {position: relative; padding: 50px;}
#zzzx .rows .text h2 {color:#000; font-size: 22px; font-weight: normal;}
#zzzx .rows .text h2::after {display: block; margin-top: 20px; width: 60px; height: 2px; background-color:#ccc; content: '';}
#zzzx .rows .text p {margin-top: 20px; font-size: var(--fs16); line-height: var(--lh18);}
#zzzx .rows .text a {position: absolute; bottom: 50px; left: 50px; padding: 0 30px; height: 36px; line-height: 36px; color:#666; border-radius: 19px; border: 1px solid #ddd;}
#zzzx .rows .text a:hover {color:#fff; border-color:#3c7ecb; background-color:#3c7ecb;}
#zzzx .rows:hover .imgs div {transform: scale(1.05);}

.ztis {margin-top: 60px; padding-bottom: 30px; text-align: center;}
.ztis h3 {color:#333; font-size: var(--ztis-fs); font-weight: normal;}
.ztis p {font-size: var(--fs16);}
.ztis p::before {display: block; margin: 15px auto; width: 55px; height: 1px; background-color:#999; content: '';}

.zzzx-intro .editorc {margin: 0 auto; max-width: 1100px; text-align: center;}
.zzzx-intro .imgs {margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px;}
.zzzx-intro .imgs dd {font-size: 0; overflow: hidden;}
.zzzx-intro .imgs dd img {width: 100%; transition: 800ms ease-out;}
.zzzx-intro .imgs dd img:hover {transform: scale(1.05);}

.zzzx-pic3 {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.zzzx-pic3 li {font-size: 0; overflow: hidden;}
.zzzx-pic3 li:first-child {grid-row: 1; grid-column: 1/3;}
.zzzx-pic3 li img {width: 100%; transition: 800ms ease-out;}
.zzzx-pic3 li:hover img {transform: scale(1.05);}

.zzzx-awimg p {font-size: 0; overflow: hidden;}
.zzzx-awimg p:not(:first-child) {margin-top: 3%;}
.zzzx-awimg p img {max-width: 100%; transition: 800ms ease-out;}
.zzzx-awimg p:hover img {transform: scale(1.05);}

.zzzx-ys3 {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.zzzx-ys3 li {display: flex; flex-direction: column;}
.zzzx-ys3 li .imgs {flex: 0 0 auto; position: relative; padding-top: 75%; font-size: 0; overflow: hidden;}
.zzzx-ys3 li .imgs div {position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 800ms ease-out;}
.zzzx-ys3 li .text {flex: 1 1 auto; padding: 20px 25px; box-sizing: border-box; border: 1px solid #e3e3e3; border-top: none;}
.zzzx-ys3 li .text h4 {color:#333; font-size: var(--ztis-fs2);}
.zzzx-ys3 li .text p {margin-top: 15px; font-size: var(--fs16); line-height: var(--lh18); transition: none;}
.zzzx-ys3 li:hover {background-color: var(--blue);}
.zzzx-ys3 li:hover .imgs div {transform: scale(1.05);}
.zzzx-ys3 li:hover .text {color:#fff; border-color:var(--blue);}
.zzzx-ys3 li:hover .text h4 {color:#fff;}

.zzzx-list2 {display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 30px;}
.zzzx-list2 li {font-size: 0; overflow: hidden;}
.zzzx-list2 li img {width: 100%; transition: 800ms ease-out;}
.zzzx-list2 li.bk {border: 1px solid #e3e3e3; box-sizing: border-box;}
.zzzx-list2 li:hover img {transform: scale(1.05);}

.zzzx-cj {position: relative;}
.zzzx-cj .swiper-slide {text-align: center; transition: none;}
.zzzx-cj .swiper-slide a {display: block;}
.zzzx-cj .swiper-slide .imgs {position: relative; padding-top: 75.111%; overflow: hidden;}
.zzzx-cj .swiper-slide .imgs div {position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 600ms ease-out;}
.zzzx-cj .swiper-slide p {margin-top: 15px; color:#333; font-size: var(--fs16);}
.zzzx-cj .swiper-slide:hover .imgs div {transform: scale(1.05);}
.zzzx-cj .swiper-button {position: absolute; top: 50%; margin-top: -20px; width: 50px; height: 50px; color: var(--a-hover-color); font-size: 30px; border-radius: 50%; border: 1px solid var(--a-hover-color); cursor: pointer; transform: translateY(-50%);}
.zzzx-cj .swiper-button:not(.swiper-button-disabled):hover {color:#fff; background-color: var(--a-hover-color);}
.zzzx-cj .swiper-button-disabled {opacity: 0.3; cursor: default;}
.zzzx-cj .swiper-prev {left: -70px;}
.zzzx-cj .swiper-next {right: -70px;}

.zzzx-cl {display: grid; grid-template-columns: repeat(6,1fr); gap: 30px 16px;}
.zzzx-cl li {text-align: center;}
.zzzx-cl li .imgs {font-size: 0; overflow: hidden;}
.zzzx-cl li .imgs img {width: 100%; transition: 500ms ease-out;}
.zzzx-cl li .text h4 {margin-top: 15px; color:#333; font-size: var(--ztis-fs3);}
.zzzx-cl li .text p {margin-top: 10px; font-size: var(--fs16); line-height: var(--lh18);}
.zzzx-cl li:hover .imgs img {transform: scale(1.05);}

.zzzx2-intro {display: flex; align-items: flex-start;}
.zzzx2-intro .text {flex: 1 1 auto; margin-right: 5%;}
.zzzx2-intro .text .tis {color:#333; font-size: var(--ztis-fs1);}
.zzzx2-intro .text .editorc {margin-top: 20px;}
.zzzx2-intro .imgs {flex: 0 0 auto; width: 60.1%; font-size: 0; overflow: hidden;}
.zzzx2-intro .imgs img {width: 100%; transition: 800ms ease-out;}
.zzzx2-intro .imgs:hover img {transform: scale(1.05);}

.zzzx3-ys {display: grid; grid-template-columns: 1fr 1fr; gap: 50px;}
.zzzx3-ys li {display: flex; flex-direction: column;}
.zzzx3-ys li .imgs {flex: 0 0 auto; position: relative; padding-top: 57.778%; font-size: 0; overflow: hidden;}
.zzzx3-ys li .imgs div {position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 800ms ease-out;}
.zzzx3-ys li .text {flex: 1 1 auto; padding: 25px 30px; box-sizing: border-box; border: 1px solid #e3e3e3; border-top: none;}
.zzzx3-ys li .text h4 {color:#333; font-size: var(--ztis-fs2);}
.zzzx3-ys li .text p {margin-top: 15px; font-size: var(--fs16); line-height: var(--lh18); transition: none;}
.zzzx3-ys li:hover {background-color: var(--blue);}
.zzzx3-ys li:hover .imgs div {transform: scale(1.05);}
.zzzx3-ys li:hover .text {color:#fff; border-color:var(--blue);}
.zzzx3-ys li:hover .text h4 {color:#fff;}

.zzzx4-ys {display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}
.zzzx4-ys li {display: flex; flex-direction: column;}
.zzzx4-ys li .imgs {flex: 0 0 auto; position: relative; padding-top: 56.315%; font-size: 0; overflow: hidden;}
.zzzx4-ys li .imgs div {position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 500ms ease-out;}
.zzzx4-ys li .text {flex: 1 1 auto; padding: 15px 20px; box-sizing: border-box; border: 1px solid #e3e3e3; border-top: none;}
.zzzx4-ys li .text h4 {color:#333; font-size: var(--ztis-fs3);}
.zzzx4-ys li .text p {margin-top: 10px; font-size: var(--fs16); line-height: var(--lh18);}
.zzzx4-ys li:hover .imgs div {transform: scale(1.05);}

.zzzx6-pics {display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px;}
.zzzx6-pics li h4 {margin-bottom: 15px; color:#333; font-size: 22px; font-weight: normal;}
.zzzx6-pics li div {font-size: 0; overflow: hidden;}
.zzzx6-pics li div img {width: 100%; transition: 500ms ease-out;}
.zzzx6-pics li:hover div img {transform: scale(1.05);}

.zzzx8-ys {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.zzzx8-ys li {display: flex; flex-direction: column;}
.zzzx8-ys li .imgs {flex: 0 0 auto; position: relative; padding-top: 56.315%; font-size: 0; overflow: hidden;}
.zzzx8-ys li .imgs div {position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 500ms ease-out;}
.zzzx8-ys li .text {flex: 1 1 auto; padding: 15px 20px; box-sizing: border-box; border: 1px solid #e3e3e3; border-top: none;}
.zzzx8-ys li .text h4 {color:#333; font-size: var(--ztis-fs3);}
.zzzx8-ys li .text p {margin-top: 10px; font-size: var(--fs16); line-height: var(--lh18);}
.zzzx8-ys li:hover .imgs div {transform: scale(1.05);}

.zzzx8-pic2 {display: grid; grid-template-columns: 1fr 1fr; gap: 40px 30px;}
.zzzx8-pic2 li {text-align: center;}
.zzzx8-pic2 li div {font-size: 0; overflow: hidden;}
.zzzx8-pic2 li div img {width: 100%; transition: 800ms ease-out;}
.zzzx8-pic2 li:hover div img {transform: scale(1.05);}
.zzzx8-pic2 li p {margin-top: 20px; font-size: 18px; line-height: 1.5;}

.zzzx8-pic6 {display: grid; grid-template-columns: repeat(6,1fr); gap: 30px 20px; margin-top: 40px;}
.zzzx8-pic6 li {text-align: center;}
.zzzx8-pic6 li div {font-size: 0; overflow: hidden;}
.zzzx8-pic6 li div img {width: 100%; transition: 500ms ease-out;}
.zzzx8-pic6 li:hover div img {transform: scale(1.05);}
.zzzx8-pic6 li p {margin-top: 15px; font-size: 14px; line-height: 1.5;}

/*===================================================================================*/
/* 产品中心 */

.pros-fls {display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 40px;}
.pros-fls a {position: relative; overflow: hidden;}
.pros-fls a .imgs {position: relative; padding-top: 62.2857%; font-size: 0; overflow: hidden;}
.pros-fls a .imgs span {position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 500ms ease-out;}
.pros-fls a .text {position: absolute; inset: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; color:#fff; box-sizing: border-box; background-color: rgba(0,0,0,0.3);}
.pros-fls a .text h2 {margin-bottom: -36px; font-size: 24px; font-weight: normal;}
.pros-fls a .text span {margin-top: 0; position: relative; width: 36px; height: 36px; opacity: 0; visibility: hidden; transition: ease 600ms;}
.pros-fls a .text span img {width: 100%; height: 100%;}
.pros-fls a .text span::before {position: absolute; inset: 0; z-index: -1; display: block; opacity: 0; border-radius: 50%; background: radial-gradient(circle, #fff, rgba(255, 255, 255, 0.3)); content: ''; animation: kuosan-1 2s linear infinite; animation-delay: 1200ms;}
.pros-fls a .text span::after {position: absolute; inset: 0; z-index: -10; display: block; opacity: 0; border-radius: 50%; background: radial-gradient(circle, #fff, rgba(255, 255, 255, .8)); content: ''; animation: kuosan-1 2s linear infinite; animation-delay: 1500ms;}
.pros-fls a:hover .text h2 {margin-bottom: 0;}
.pros-fls a:hover .text span {margin-top: 40px; opacity: 1; visibility: visible;}

.pros {display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; margin-top: 40px;}
.pros a {text-align: center;}
.pros a .imgs {position: relative; padding-top: 75%; font-size: 0; border: 2px solid #eee; overflow: hidden;}
.pros a .imgs span {position: absolute; inset: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 500ms ease-out;}
.pros a h2 {padding: 15px; color:#333; font-size: var(--fs16); line-height: 1.6; font-weight: normal;}
.pros a:hover {background-color: var(--blue);}
.pros a:hover .imgs {border-color: var(--blue);}
.pros a:hover .imgs span {transform: scale(1.05);}
.pros a:hover h2 {color:#fff;}

@-webkit-keyframes kuosan-1 {
	0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;filter: alpha(opacity=100)\9}
	100% {-webkit-transform: scale(2.5);transform: scale(2.5);opacity: 0;filter: alpha(opacity=0)\9}
}
@keyframes kuosan-1 {
	0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1; filter: alpha(opacity=100)\9}
	100% {-webkit-transform: scale(2.5);transform: scale(2.5);opacity: 0;filter: alpha(opacity=0)\9}
}

.pros-lmar {margin-top: 30px;}
.pros-tis1 {margin-top: 40px; padding-bottom: 15px;}
.pros-tis1 h4 {color:#333; font-size: 18px; font-weight: normal;}

.pros-pic4 {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.pros-pic4 li {font-size: 0; overflow: hidden;}
.pros-pic4 li:first-child {grid-row: 1; grid-column: 1/4;}
.pros-pic4 li img {width: 100%; transition: 800ms ease-out;}
.pros-pic4 li:hover img {transform: scale(1.05);}

.pros-list3 {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 30px;}
.pros-list3 li {font-size: 0; overflow: hidden;}
.pros-list3 li img {width: 100%; transition: 500ms ease-out;}
.pros-list3 li:hover img {transform: scale(1.05);}

.pros-list4 {display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; margin-top: 30px;}
.pros-list4 li {font-size: 0; overflow: hidden;}
.pros-list4 li img {width: 100%; transition: 500ms ease-out;}
.pros-list4 li:hover img {transform: scale(1.05);}

.pros3-list ul {display: grid; gap: 20px;}
.pros3-list ul:not(:first-child) {margin-top: 20px;}
.pros3-list ul li {font-size: 0; overflow: hidden;}
.pros3-list ul li img {width: 100%; transition: 500ms ease-out;}
.pros3-list ul li:hover img {transform: scale(1.05);}
.pros3-list ul.listm {display: none;}
.pros3-list .list2 {grid-template-columns: 1fr 1fr;}
.pros3-list .list4 {grid-template-columns: repeat(4,1fr);}
.pros3-list .list5 {grid-template-columns: repeat(5,1fr);}

.pros1-list {display: grid; grid-template-columns: repeat(4,1fr); column-gap: 15px;}
.pros1-list li {position: relative; font-size: 0; overflow: hidden;}
.pros1-list li img {width: 100%; transition: 500ms ease-out;}
.pros1-list li:hover img {transform: scale(1.05);}
.pros1-list li.imgbk {box-sizing: border-box; border: 1px solid #e3e3e3;}

.pros2-list {display: grid; grid-template-columns: repeat(4,1fr); column-gap: 15px;}
.pros2-list li {position: relative; font-size: 0; overflow: hidden;}
.pros2-list li img {width: 100%; transition: 500ms ease-out;}
.pros2-list li:hover img {transform: scale(1.05);}
.pros2-list li.imgbk {box-sizing: border-box; border: 1px solid #e3e3e3;}
/*
#pros {font-size:0;}
#pros a {display:inline-block;margin:25px 30px 0px 0px;width:280px;font-size:0px;text-align:center;vertical-align:top;}
#pros a:nth-child(3n) {margin-right:0;}
#pros a img {padding:4px;width:270px;height:203px;transition:none;border:1px solid #ddd;}
#pros a img:hover {padding:3px;border:2px solid #1a7cc3;}
#pros a h2 {padding-top:8px;font-size:14px;font-weight:normal;line-height:1.4;}
*/
@media only screen and (max-width: 1680px){
	
}

@media only screen and (max-width: 1500px){
	
}

@media only screen and (max-width: 1280px){
	#zzzx .rows {margin-top: 5%;}
	#zzzx .rows .text {padding: 30px;}
	#zzzx .rows .text a {bottom: 30px; left: 30px;}
	.zzzx-intro .imgs {margin-top: 3%; gap: 30px;}
	.zzzx-cj .swiper-button {width: 40px; height: 40px; font-size: 24px;}
	.zzzx-cj .swiper-prev {left: -50px;}
	.zzzx-cj .swiper-next {right: -50px;}
	.zzzx-ys3 li .text p {margin-top: 10px;}
	.zzzx3-ys {gap: 30px;}
	.zzzx3-ys li .text p {margin-top: 10px;}

	.pros-fls {gap: 30px; margin-top: 3%;}
	.pros-fls a .text h2 {font-size: 22px;}
	.pros {gap: 30px; margin-top: 3%;}
	.pros a h2 {padding: 12px; line-height: 1.5;}
}

@media only screen and (max-width: 1024px){
	#zzzx .rows .text h2 {font-size: 18px;}
	#zzzx .rows .text h2::after {margin-top: 15px; width: 40px;}
	#zzzx .rows .text p {margin-top: 12px;}
	#zzzx .rows .text a {bottom: 25px; padding: 0 20px; height: 30px; line-height: 30px; border-radius: 16px;}

	.ztis p::before {margin: 10px auto; width: 42px;}
	.zzzx-cj .swiper-button {margin-top: -10px; width: 30px; height: 30px; font-size: 20px;}
	.zzzx-cj .swiper-prev {left: -38px;}
	.zzzx-cj .swiper-next {right: -38px;}
	.zzzx6-pics {gap: 40px 30px;}
	.zzzx8-pic2 li p {margin-top: 15px; font-size: 16px;}

	.pros-tis1 {margin-top: 4%; padding-bottom: 1.5%;}
	.pros-tis1 h4 {font-size: 16px;}
	.pros-pic4 {gap: 20px;}
}

@media only screen and (max-width: 800px){
	#zzzx .rows .text {padding: 20px;}
	#zzzx .rows .text h2 {font-size: 16px; font-weight: bold;}
	#zzzx .rows .text a {bottom: 15px; left: 20px; padding: 0 15px; height: 26px; line-height: 26px; font-size: 12px; border-radius: 14px;}

	.zzzx-intro .imgs {gap: 20px;}
	.zzzx-pic3 {gap: 20px;}
	.zzzx-list2 {gap: 20px; margin-top: 20px;}
	.zzzx-cj {padding-left: 40px; padding-right: 40px;}
	.zzzx-cj .swiper-slide p {margin-top: 12px;}
	.zzzx-cj .swiper-prev {left: 0;}
	.zzzx-cj .swiper-next {right: 0;}
	.zzzx-cl {grid-template-columns: repeat(3,1fr); gap: 20px;}
	.zzzx-cl li .text h4 {margin-top: 12px;}
	.zzzx-ys3 {gap: 20px;}
	.zzzx-ys3 li .text {padding: 15px;}

	.zzzx2-intro {display: block; padding-top: 10px;}
	.zzzx2-intro .text {margin-right: 0;}
	.zzzx2-intro .text .editorc {margin-top: 3%;}
	.zzzx2-intro .imgs {margin-top: 4%; width: 100%;}
	.zzzx3-ys {gap: 20px;}
	.zzzx3-ys li .text {padding: 20px 25px;}
	.zzzx4-ys {grid-template-columns: 1fr 1fr;}
	.zzzx6-pics li h4 {margin-bottom: 12px; font-size: 18px;}
	.zzzx8-ys {gap: 20px;}
	.zzzx8-pic2 {gap: 30px 20px;}
	.zzzx8-pic2 li p {margin-top: 12px; font-size: 14px;}
	.zzzx8-pic6 {gap: 20px 12px; margin-top: 4%;}
	.zzzx8-pic6 li p {margin-top: 10px;}

	.pros-fls {gap: 20px; margin-top: 4%;}
	.pros-fls a .text h2 {margin-bottom: -30px; font-size: 18px;}
	.pros-fls a .text span {width: 30px; height: 30px;}
	.pros-fls a:hover .text span {margin-top: 25px;}
	.pros {gap: 20px; margin-top: 4%;}
	.pros a h2 {padding: 10px;}

	.pros-pic4 {gap: 20px;}
	.pros-list3 {gap: 20px; margin-top: 20px;}
	.pros3-list ul {gap: 15px;}
	.pros3-list ul:not(:first-child) {margin-top: 15px;}

	.pros-list4 {gap: 20px; margin-top: 20px;}
}

@media only screen and (max-width: 640px){
	#zzzx .rows {display: block; border: none;}
	#zzzx .rows .imgs {padding-top: 66.765%; width: 100%;}
	#zzzx .rows .text {border: 1px solid #ddd; border-top: none;}
	#zzzx .rows .text a {position: static; display: inline-block; margin-top: 20px;}

	.ztis p {font-size: 12px;}
	.ztis p::before {margin: 8px auto; width: 36px;}
	.zzzx6-pics li h4 {font-size: 16px;}
	.zzzx8-pic6 {grid-template-columns: repeat(3,1fr);}

	.pros-fls a .text h2 {margin-bottom: -26px; font-size: 16px;}
	.pros-fls a .text span {width: 26px; height: 26px;}
	.pros-fls a:hover .text span {margin-top: 20px;}
	.pros {grid-template-columns: 1fr 1fr;}

	.pros-tis1 {padding-bottom: 2%;}
	.pros-tis1 h4 {font-size: 14px;}
	.pros-list3 {gap: 15px; margin-top: 15px;}
	.pros-list4 {grid-template-columns: repeat(2,1fr);}
	.pros1-list {grid-template-columns: repeat(2,1fr); gap: 20px;}
}

@media only screen and (max-width: 480px){
	#zzzx .rows .text {padding: 15px;}
	#zzzx .rows .text h2::after {margin-top: 10px; width: 30px; height: 1px;}
	#zzzx .rows .text p {margin-top: 10px;}
	#zzzx .rows .text a {position: static; display: inline-block; margin-top: 20px;}

	.ztis p::before {width: 30px;}
	.zzzx-intro .editorc {text-align: justify;}
	.zzzx-intro .imgs {margin-top: 4%; gap: 10px;}
	.zzzx-pic3 {gap: 10px;}
	.zzzx-pic3 {gap: 10px;}
	.zzzx-list2 {gap: 10px; margin-top: 10px;}
	.zzzx-cl {grid-template-columns: repeat(2,1fr); gap: 20px 12px;}
	.zzzx-cl li .text h4 {margin-top: 10px;}
	.zzzx-cl li .text p {margin-top: 5px;}
	.zzzx-ys3 {display: block;}
	.zzzx-ys3 li {display: block;}
	.zzzx-ys3 li:not(:first-child) {margin-top: 5%;}
	.zzzx-ys3 li .text {padding: 5%;}
	.zzzx-ys3 li .text p {margin-top: 5px;}

	.zzzx3-ys {display: block;}
	.zzzx3-ys li {display: block;}
	.zzzx3-ys li:not(:first-child) {margin-top: 5%;}
	.zzzx3-ys li .text {padding: 5%;}
	.zzzx3-ys li .text p {margin-top: 5px;}
	.zzzx4-ys {display: block;}
	.zzzx4-ys li {display: block;}
	.zzzx4-ys li:not(:first-child) {margin-top: 5%;}
	.zzzx4-ys li .text {padding: 5%;}
	.zzzx4-ys li .text p {margin-top: 5px;}
	.zzzx6-pics {gap: 20px 15px; margin-top: 8%;}
	.zzzx6-pics li h4 {margin-bottom: 8px; font-size: 14px;}
	.zzzx8-ys {display: block;}
	.zzzx8-ys li {display: block;}
	.zzzx8-ys li:not(:first-child) {margin-top: 5%;}
	.zzzx8-ys li .text {padding: 5%;}
	.zzzx8-ys li .text p {margin-top: 5px;}
	.zzzx8-pic2 {gap: 15px 12px;}
	.zzzx8-pic2 li p {margin-top: 8px; font-size: 14px;}
	.zzzx8-pic6 {gap: 15px 12px; margin-top: 5%;}
	.zzzx8-pic6 li p {margin-top: 6px; font-size: 12px;}

	.pros-fls {display: block; margin-top: 0;}
	.pros-fls a {display: block; margin-top: 5%;}
	.pros {gap: 12px; margin-top: 5%;}
	.pros a h2 {padding: 6px 10px;}

	.pros-tis1 {margin-top: 6%; padding-bottom: 2.5%;}
	.pros-tis1 h4 {font-size: 14px; line-height: 1.5;}
	.pros-pic4 {gap: 10px;}
	.pros-list3 {gap: 10px; margin-top: 10px;}
	.pros-list4 {gap: 10px; margin-top: 5%;}
	.pros1-list {gap: 10px;}

	.pros3-list ul {gap: 10px;}
	.pros3-list ul:not(:first-child) {margin-top: 10px;}
	.pros3-list ul.listm {display: grid; grid-template-columns: repeat(3,1fr); margin-top: 0;}
	.pros3-list ul.list4 {display: none;}
	.pros3-list ul.list5 {display: none;}
	.pros3-list .list2 {grid-template-columns: 1fr 1fr;}
}