.pname {padding-bottom: 55px; text-align: center; background: url(../images/ptis_line.png) repeat-x left bottom;}
.pname h2 {color:#000; font-size: 36px;}
.pname .xts {margin: 22px auto 0 auto;}

.ptis1 {padding-bottom: 25px; background: url(../images/ptis_line.png) repeat-x left bottom;}
.ptis1 h2 {color:#000; font-size: var(--ptis-fs); line-height: 1;}
.ptis2 {text-align: center;}
.ptis2 h2 {color:#000; font-size: var(--ptis-fs); line-height: 1;}

#prods {color:#333;}
#prods .fl2 > div {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding-top: 25px;}
#prods .fl2 > div a {flex: 1 0 auto; display: flex; align-items: center; justify-content: center; position: relative; padding: 15px 20px; font-size: 18px; text-align: center; border: 1px solid #e1e1e1;}
#prods .fl2 > div a.curt, #prods .fl2 > div a:hover {color: var(--a-hover-color); border-color: var(--a-hover-color);}
#prods .fl2 > div a.curt::after {position: absolute; bottom: -10px; left: 50%; width: 18px; height: 18px; border-left: 1px solid var(--a-hover-color);  border-bottom: 1px solid var(--a-hover-color); background-color:#fff; content: ''; transform: translateX(-50%) rotate(-45deg);}

.cpjs > div {padding-top: 60px; padding-bottom: 100px;}
.cpjs .cont {display: flex; align-items: center; margin-top: 55px;}
.cpjs .cont .imgs {flex: 0 0 auto; width: 50%; font-size: 0; overflow: hidden;}
.cpjs .cont .imgs img {width: 100%;}
.cpjs .cont .text {flex: 1 1 auto; padding-top: 40px; padding-bottom: 40px;}
.cpjs .cont .text > div {position: relative; padding: 45px 50px 120px 65px; min-height: 388px; box-sizing: border-box; background-color:#f4f4f4;}
.cpjs .cont .text > div::before {position: absolute; top: 0; bottom: 0; left: -42px; display: none; width: 42px; background-color: rgba(244,244,244,0.7); content: '';}
.cpjs .cont .text .desc {margin-top: 20px; line-height: var(--lh18);}
.cpjs .cont .text .btns {position: absolute; bottom: 50px; left: 65px; right: 0; display: grid; grid-template-columns: auto auto; justify-content: start; column-gap: 12px;}
.cpjs .cont .text .btns a {width: 160px; height: 50px; color:#fff; font-size: 18px; font-weight: bold; background-color: var(--a-hover-color); transition: background-color linear 200ms;}
.cpjs .cont .text .btns a:hover {background-color:#202334;}

.cpys {background: url(../images/cpys_bg.jpg) no-repeat center center/cover;}
.cpys > div {padding-top: 60px; padding-bottom: 60px; min-height: 780px;}
.cpys .ptis1 {width: 790px;}
.cpys .cont {width: 790px;}
.cpys .cont li {display: flex; margin-top: 30px;}
.cpys .cont li .imgs {flex: 0 0 auto; width: 91px; font-size: 0; overflow: hidden;}
.cpys .cont li .imgs img {max-width: 100%;}
.cpys .cont li .text {flex: 1 1 auto; margin-left: 28px;}
.cpys .cont li .text h3 {font-size: 24px;}
.cpys .cont li .text p {margin-top: 8px; line-height: var(--lh18);}

.swiper-btns {display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.swiper-btns .swiper-pagination {display: flex; column-gap: 15px; position: static; margin-left: 20px; margin-right: 20px; width: auto; height: 10px;}
.swiper-btns .swiper-pagination span {margin: 0; width: 10px; height: 10px; opacity: 1; background-color:#c5c5c5;}
.swiper-btns .swiper-pagination span.swiper-pagination-bullet {margin:0;}
.swiper-btns .swiper-pagination span.swiper-pagination-bullet-active {background:var(--a-hover-color);}
.swiper-btns .swiper-button {width: 32px; height: 32px; color:#fff; font-size: 18px; background-color:#231816; cursor: pointer;}
.swiper-btns .swiper-button-disabled {cursor: default;}
.swiper-btns .swiper-button:not(.swiper-button-disabled):hover {background-color: var(--a-hover-color);}

.yycj > div {padding-top: 60px; padding-bottom: 60px;}
.yycj .cont {margin-top: 40px;}
.yycj .bg1 {background-image: url(../images/yycj_bg1.jpg);}
.yycj .bg2 {background-image: url(../images/yycj_bg2.jpg);}
.yycj .bg3 {background-image: url(../images/yycj_bg3.jpg);}
.yycj .bg4 {background-image: url(../images/yycj_bg4.jpg);}
.yycj .swiper-slide {padding: 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: right top; background-color:#f4f4f4;}
.yycj .swiper-slide:hover .number {background-color: var(--a-hover-color);}
.yycj .swiper-slide:hover .imgs span {transform: scale(1.06);}
.yycj .swiper-btns {margin-top: 25px;}
.yycj .text h3 {margin-top: 26px; color:#000; font-size: 24px; font-weight: normal;}
.yycj .text .number {width: 58px; height: 58px; color:#fff; font-size: 34px; font-family: Impact; background-color:#261818;}
.yycj .text .xts {margin-top: 23px; margin-left: 3px;}
.yycj .imgs {position: relative; margin-top: 35px; padding-top: 75.675%; overflow: hidden;}
.yycj .imgs span {transition: transform ease-out 500ms;}

.ywly {background-color:#f4f4f4;}
.ywly > div {padding-top: 60px; padding-bottom: 60px;}
.ywly .cont {margin-top: 40px;}
.ywly .swiper-slide {padding: 20px 20px 40px 20px; box-sizing: border-box; background-color:#fff;}
.ywly .swiper-slide:hover .imgs span {transform: scale(1.05);}
.ywly .imgs {position: relative; padding-top: 77.46%; overflow: hidden;}
.ywly .imgs span {transition: transform ease-out 600ms;}
.ywly .text {position: relative; z-index: 10; padding-top: 120px; text-align: center;}
.ywly .text div {position: absolute; top: -50%; left: 50%; padding: 30px; width: 160px; height: 160px; font-size: 0; box-sizing: border-box; outline: 10px solid rgba(190,190,190,0.4); border-radius: 50%; background-color:#fff; transform: translateX(-50%); overflow: hidden;}
.ywly .text div img {max-width: 100%; max-height: 100%;}
.ywly .text h3 {color:var(--tis-color); font-size: 24px; font-weight: normal;}

.zdhy > div {padding-top: 60px; padding-bottom: 80px;}
.zdhy .cont {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 40px;}
.zdhy .cont li {position: relative;}
.zdhy .cont li:hover .imgs span {transform: scale(1.05);}
.zdhy .cont .imgs {position: relative; padding-top: 47.534%; font-size: 0; overflow: hidden;}
.zdhy .cont .imgs span {transition: transform ease-out 600ms;}
.zdhy .cont .text {position: absolute; inset: 0; z-index: 10; margin: auto; padding: 15px; width: 160px; height: 160px; font-size: 0; text-align: center; box-sizing: border-box; outline: 10px solid rgba(190,190,190,0.4); border-radius: 50%; background-color:#fff; overflow: hidden;}
.zdhy .cont .text div {margin: 0 auto; width: 80px; height: 80px; font-size: 0; overflow: hidden;}
.zdhy .cont .text div img {max-width: 100%; max-height: 100%;}
.zdhy .cont .text h3 {margin-top: 8px; color: var(--tis-color); font-size: 24px; font-weight: normal;}

.fwal {background-color:#f4f4f4;}
.fwal > div {padding-top: 60px; padding-bottom: 80px;}
.fwal .container {margin-top: 40px; padding: 42px; background-color:#fff;}
.fwal .cont .item {display: flex; position: relative;}
.fwal .cont .item .text {flex: 1 1 auto; margin-right: 60px;}
.fwal .cont .item .text h2 {padding-bottom: 12px; color:#231816; font-size: 24px; line-height: 1.5; border-bottom: 3px solid var(--a-hover-color);}
.fwal .cont .item .text p {margin-top: 15px; font-size: 18px; line-height: 2;}
.fwal .cont .item .text .imore {margin-top: 90px;}
.fwal .cont .item .info {flex: 0 0 auto; position: relative; width: 50.08%;}
.fwal .cont .item .info .imgs {position: relative; padding-top: 59.872%; overflow: hidden;}
.fwal .cont .item .info .imgs span {transition: transform ease-out 600ms;}
.fwal .cont .item .info .name {position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; padding: 10px 30px; height: 80px; color:#fff; box-sizing: border-box; background-color: rgba(35,24,21,0.8);}
.fwal .cont .item .info .name h2 {font-size: 18px; line-height: 1;}
.fwal .cont .item .info .name p {margin-top: 12px; line-height: 1;}
.fwal .cont .item .info:hover .imgs span {transform: scale(1.05);}
.fwal .cont .item .info-m {display: none;}

.fwal .thumbs {position: relative; margin-top: 20px; padding-left: 98px; padding-right: 98px;}
.fwal .thumbs .swiper-slide {text-align: center;}
.fwal .thumbs .swiper-slide-thumb-active .imgs::after {position: absolute; inset: 0; z-index: 10; box-sizing: border-box; border: 2px solid var(--a-hover-color); content: '';}
.fwal .thumbs .swiper-button {position: absolute; top: 50%; margin-top: -18px; width: 78px; height: 78px; color:#fff; font-size: 22px; text-align: center; background-color:#231815; transform: translateY(-50%); cursor: pointer;}
.fwal .thumbs .swiper-button-disabled {opacity: 0.2; cursor: default;}
.fwal .thumbs .swiper-button:not(.swiper-button-disabled):hover {background-color: var(--a-hover-color);}
.fwal .thumbs .swiper-prev {left: 0;}
.fwal .thumbs .swiper-next {right: 0;}
.fwal .thumbs .imgs {position: relative; padding-top: 59.872%; cursor: pointer; overflow: hidden;}
.fwal .thumbs .imgs span {transition: transform ease-out 400ms;}
.fwal .thumbs .imgs:hover span {transform: scale(1.06);}
.fwal .thumbs .name {margin-top: 15px;}

.fwal2 {background-color:#f4f4f4;}
.fwal2 > div {padding-top: 60px; padding-bottom: 80px;}
.fwal2 .cont {margin-top: 40px;}
.fwal2 .swiper-slide {padding: 20px 20px 30px 20px; box-sizing: border-box; background-color:#fff;}
.fwal2 .swiper-slide:hover .imgs span {transform: scale(1.06);}
.fwal2 .imgs {position: relative; padding-top: 59.872%; overflow: hidden;}
.fwal2 .imgs span {transition: transform ease-out 500ms;}
.fwal2 .text {margin-top: 20px; display: flex;}
.fwal2 .text .logo {flex: 0 0 auto; width: 108px; height: 108px; font-size: 0; overflow: hidden;}
.fwal2 .text .logo img {max-width: 100%; max-height: 100%;}
.fwal2 .text .name {flex: 1 1 auto; margin-left: 20px; min-width: 0; color: var(--tis-color);}
.fwal2 .text .name h3 {font-size: 24px; font-weight: normal;}
.fwal2 .text .name p {margin-top: 10px; font-size: var(--fs16); line-height: 1.5;}

.gjpt > div {padding-top: 50px; padding-bottom: 50px;}
.gjpt .pname {padding-bottom: 25px;}
.gjpt .cont {display: flex; align-items: flex-start; margin-top: 40px;}
.gjpt .cont .imgs {flex: 0 0 auto; width: 50.07%; font-size: 0; overflow: hidden;}
.gjpt .cont .imgs img {width: 100%;}
.gjpt .cont .info {flex: 1 1 auto; padding-top: 67px;}
.gjpt .cont .info > div {position: relative; padding: 15px 40px 30px 45px; min-height: 447px; box-sizing: border-box; background-color:#f4f4f4;}
.gjpt .cont .info > div::before {position: absolute; top: 0; bottom: 0; left: -42px; display: block; width: 42px; background-color: rgba(244,244,244,0.7); content: '';}
.gjpt .cont .info .nlist li {padding-top: 12px; padding-bottom: 12px;}

.nlzs {background-color:#f4f4f4;}
.nlzs > div {padding-top: 60px; padding-bottom: 80px;}
.nlzs .pname {padding-bottom: 25px;}
.nlzs .cont {display: flex; margin-top: 22px; padding: 22px 22px 22px 32px; background-color:#fff;}
.nlzs .cont .info {flex: 1 1 auto; margin-right: 60px; min-width: 0;}
.nlzs .cont .info .name {display: flex; align-items: center; position: relative; margin-top: 15px;}
.nlzs .cont .info .name span {flex: 0 0 auto; width: 32px; height: 32px; color:#fff; font-family: Impact; font-size: 20px; background-color: var(--a-hover-color);}
.nlzs .cont .info .name h3 {margin-left: 20px; color:#261818; font-size: 20px; line-height: 1.5;}
.nlzs .cont .info .nlist {margin-top: 15px; margin-left: 52px; padding-top: 10px; border-top: 1px solid #dee1e3;}
.nlzs .cont .imgs {flex: 0 0 auto; width: 51.05%; font-size: 0; overflow: hidden;}
.nlzs .cont .imgs img {width: 100%; transition: transform ease-out 500ms;}

.sypt > div {padding-top: 60px; padding-bottom: 80px;}
.sypt .pname {padding-bottom: 25px;}
.sypt .cont {margin-top: 40px;}
.sypt .swiper-slide {padding: 20px; text-align: center; box-sizing: border-box; border: 1px solid #eee; background-color:#fff;}
.sypt .swiper-slide:hover .imgs span {transform: scale(1.05);}
.sypt .imgs {position: relative; padding-top: 65.2%; overflow: hidden;}
.sypt .imgs span {transition: transform ease-out 500ms;}
.sypt .name {height: 64px; color:#000; font-size: 18px; font-weight: normal; border-bottom: 1px solid #e9ebed;}
.sypt .logo {display: grid; grid-template-columns: 1fr 1fr; margin-top: 15px;}
.sypt .logo dd {padding: 0px 20px; height: 90px; font-size: 0; box-sizing: border-box; overflow: hidden;}
.sypt .logo dd:nth-child(1) {border-right: 1px dashed #ddd;}
.sypt .logo dd img {max-width: 100%; max-height: 100%;}

.nlist li {display: flex; position: relative; padding-top: 15px; padding-bottom: 15px; padding-right: 80px; border-bottom: 1px dashed #dfdfdf;}
.nlist li .icon {flex: 0 0 auto; width: 86px; height: 72px; font-size: 0; overflow: hidden;}
.nlist li .icon img {max-width: 100%; max-height: 100%;}
.nlist li .text {flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; margin-left: 25px; min-width: 0;}
.nlist li .text h4 {color:#261818; font-size: 18px; font-weight: normal; line-height: 1.5;}
.nlist li .text p {padding-top: 5px; color:#666; font-size: var(--fs16); line-height: var(--lh18);}
.nlist li .more {position: absolute; top: 50%; right: 0; width: 19px; height: 19px; background-color:#261818; cursor: pointer; transform: translateY(-50%); transition: top ease-out 300ms;}
.nlist li .more span {position: relative; width: 9px; height: 9px;}
.nlist li .more span::before {position: absolute; top: 4px; left: 0; right: 0; height: 1px; background-color:#fff; content: '';}
.nlist li .more span::after {position: absolute; top: 4px; left: 0; right: 0; height: 1px; background-color:#fff; content: ''; opacity: 1; transform: rotate(90deg); transition: ease-out 300ms;}
.nlist li.active .text h4 {color: var(--a-hover-color);}
.nlist li.active .more {top: 28px; transform: translateY(0); background-color: var(--a-hover-color);}
.nlist li.active .more span::before {background-color:#fff;}
.nlist li.active .more span::after {opacity: 0; transform: rotate(0deg);}

@media only screen and (max-width: 1500px){
	#prods .fl2 > div a {font-size: 16px;}
	
	.cpjs .cont .text {padding-top: 0; padding-bottom: 0;}

	.ywly .text {padding-top: 110px;}
	.ywly .text div {padding: 30px; width: 140px; height: 140px;}
	.ywly .text h3 {font-size: 22px;}

	.zdhy .cont .text {padding: 20px 15px 0 15px; width: 140px; height: 140px;}
	.zdhy .cont .text div {width: 60px; height: 60px;}
	.zdhy .cont .text h3 {margin-top: 8px; font-size: 22px;}

	.fwal2 .text .name h3 {font-size: 22px;}

	.gjpt .cont .info {padding-top: 0;}
	.gjpt .cont .info > div {min-height: initial;}
	.gjpt .cont .info > div::before {display: none;}
}

@media only screen and (max-width: 1280px){
	.pname {padding-bottom: 40px;}
	.pname h2 {font-size: 30px;}

	.cpjs > div {padding-top: var(--pad-lr); padding-bottom: var(--pad-lr);}
	.cpjs .cont {margin-top: var(--pad-lr);}
	.cpjs .cont .text > div {padding: 30px 40px 90px 40px; min-height: 300px;}
	.cpjs .cont .text > div::before {left: -42px; width: 42px;}
	.cpjs .cont .text .desc {margin-top: 15px;}
	.cpjs .cont .text .btns {bottom: 30px; left: 40px;}
	.cpjs .cont .text .btns a {width: 128px; height: 40px; font-size: 14px;}

	.cpys > div {padding-top: 4%; padding-bottom: 4%; min-height: 700px;}
	.cpys .ptis1 {width: 50%;}
	.cpys .cont {width: 50%;}
	.cpys .cont li {display: flex; margin-top: 30px;}
	.cpys .cont li .imgs {width: 70px;}
	.cpys .cont li .text {margin-left: 20px;}
	.cpys .cont li .text h3 {font-size: 18px;}
	.cpys .cont li .text p {margin-top: 5px;}

	.swiper-btns {margin-top: var(--pad-lr);}
	.swiper-btns .swiper-button {width: 32px; height: 32px; font-size: 18px;}

	.yycj > div {padding-top: 4%; padding-bottom: 4%;}
	.yycj .cont {margin-top: 3%;}
	.yycj .swiper-slide {padding: 20px;}
	.yycj .text h3 {margin-top: 20px; font-size: 18px;}
	.yycj .text .number {width: 40px; height: 40px; font-size: 22px;}
	.yycj .text .xts {margin-top: 18px;}
	.yycj .imgs {margin-top: 30px;}

	.ywly > div {padding-top: 4%; padding-bottom: 5%;}
	.ywly .cont {margin-top: 3%;}
	.ywly .swiper-slide {padding-bottom: 25px;}
	.ywly .text {padding-top: 75px;}
	.ywly .text div {padding: 25px; width: 100px; height: 100px; outline-width: 6px;}
	.ywly .text h3 {font-size: 16px;}

	.zdhy > div {padding-top: 4%; padding-bottom: 5%;}
	.zdhy .cont {margin-top: 3%;}
	.zdhy .cont .text {padding: 15px 10px 0 10px; width: 100px; height: 100px; outline-width: 6px;}
	.zdhy .cont .text div {width: 40px; height: 40px;}
	.zdhy .cont .text h3 {font-size: 16px;}
	
	.fwal > div {padding-top: 4%; padding-bottom: 5%;}
	.fwal .container {margin-top: 3%;}
	.fwal .cont .item .text {margin-right: 4%}
	.fwal .cont .item .text h2 {padding-bottom: 10px; font-size: 18px; border-bottom-width: 2px;}
	.fwal .cont .item .text p {margin-top: 15px; font-size: var(--fs16); line-height: var(--lh19);}
	.fwal .thumbs {margin-top: 15px; padding-left: 75px; padding-right: 75px;}
	.fwal .thumbs .swiper-button {margin-top: -10px; width: 60px; height: 60px; font-size: 18px;}
	.fwal .thumbs .name {margin-top: 12px;}

	.fwal2 > div {padding-top: 4%; padding-bottom: 5%;}
	.fwal2 .cont {margin-top: 3%;}
	.fwal2 .swiper-slide {padding-bottom: 20px;}
	.fwal2 .text .logo {width: 80px; height: 80px;}
	.fwal2 .text .name {margin-left: 15px;}
	.fwal2 .text .name h3 {font-size: 15px; font-weight: bold;}
	.fwal2 .text .name p {margin-top: 5px;}


	.gjpt > div {padding-top: 4%; padding-bottom: 5%;}
	.gjpt .cont {margin-top: 3%;}
	
	.nlzs > div {padding-top: 4%; padding-bottom: 5%;}
	.nlzs .cont .info {margin-right: 50px;}
	.nlzs .cont .info .name h3 {margin-left: 15px; font-size: 18px;}
	
	.sypt > div {padding-top: 4%; padding-bottom: 5%;}
	.sypt .cont {margin-top: 3%;}
	.sypt .name {height: 60px; font-size: 16px;}
	.sypt .logo dd {height: 60px;}

	.nlist li {padding-top: 15px; padding-bottom: 15px; padding-right: 80px;}
	.nlist li .icon {width: 72px; height: 60px;}
	.nlist li .text {margin-left: 20px;}
	.nlist li .text h4 {font-size: 16px;}
	.nlist li .text p {padding-top: 5px;}
	.nlist li.active .more {top: 20px;}
}

@media only screen and (max-width: 1024px){
	#prods .fl2 > div {gap: 15px; padding-top: 3%;}
	#prods .fl2 > div a {padding: 12px 15px; font-size: 14px;}
	#prods .fl2 > div a.curt::after {bottom: -7px; width: 12px; height: 12px;}

	.pname {padding-bottom: 4%;}
	.pname h2 {font-size: 28px;}
	.ptis1 {padding-bottom: 20px;}

	.cpjs .cont .text > div {min-height: initial;}
	.cpjs .cont .text .desc {margin-top: 10px;}
	.cpjs .cont .text .btns a {width: 112px; height: 35px; font-size: 14px;}

	.cpys > div {min-height: initial;}
	.cpys .ptis1 {width: 60%;}
	.cpys .cont {width: 60%;}
	.cpys .cont li {margin-top: 4%;}
	.cpys .cont li .imgs {width: 60px;}
	.cpys .cont li .text {margin-left: 18px;}
	.cpys .cont li .text h3 {font-size: 15px;}
	.cpys .cont li .text p {margin-top: 3px;}

	.fwal .container {padding: 30px;}
	.fwal .thumbs {padding-left: 65px; padding-right: 65px;}
	.fwal .thumbs .swiper-button {width: 50px; height: 50px; font-size: 16px;}

	.nlzs .cont .imgs {width: 40%;}
}

@media only screen and (max-width: 800px){
	#prods .fl2 > div a.curt::after {display: none;}

	.pname {padding-bottom: 0; background: none;}
	.pname h2 {font-size: 20px;}
	.pname .xts {margin-top: 15px;}
	.ptis1 {padding-bottom: 20px;}

	.cpjs .cont {display: block;}
	.cpjs .cont .imgs {width: 100%;}
	.cpjs .cont .text > div {padding: var(--pad-lr); min-height: initial;}
	.cpjs .cont .text > div::before {display: none;}
	.cpjs .cont .text .desc {margin-top: 10px;}
	.cpjs .cont .text .btns {position: static; margin-top: var(--pad-lr);}
	.cpjs .cont .text .btns a {width: 112px; height: 35px; font-size: 14px;}

	.yycj .text h3 {font-size: 16px;}
	.yycj .text .number {width: 35px; height: 35px; font-size: 18px;}

	.zdhy .cont {grid-template-columns: 1fr 1fr; gap: 20px;}

	.fwal .cont .item .text h2 {font-size: 16px;}
	.fwal .cont .item .text h2::before {display: none;}
	.fwal .cont .item .text p {margin-top: 10px;}
	.fwal .thumbs {padding-left: 50px; padding-right: 50px;}
	.fwal .thumbs .swiper-button {width: 40px; height: 40px; font-size: 14px;}

	.gjpt .pname, .nlzs .pname, .sypt .pname {padding-bottom: 0;}
	.gjpt .cont {display: block;}
	.gjpt .cont .imgs {width: 100%;}
	.gjpt .cont .info > div {padding: 4%;}

	.nlzs .cont {display: block; padding: 20px;}
	.nlzs .cont .info {margin-right: 0;}
	.nlzs .cont .info .name {margin-top: 0;}
	.nlzs .cont .info .name h3 {font-size: 16px;}
	.nlzs .cont .imgs {margin-top: 5%; width: 100%;}
}

@media only screen and (max-width: 640px){
	.ywly .swiper-slide {padding: 15px 15px 20px 15px;}
	.ywly .text {padding-top: 60px;}
	.ywly .text div {padding: 20px; width: 80px; height: 80px; outline-width: 4px;}
	.ywly .text h3 {font-size: 14px;}

	.zdhy .cont .text {padding: 15px 5px 0 5px; width: 80px; height: 80px; outline-width: 4px;}
	.zdhy .cont .text div {width: 30px; height: 30px;}
	.zdhy .cont .text h3 {margin-top: 5px; font-size: 12px;}

	.fwal2 .swiper-slide {padding: 15px 15px 20px 15px;}
	.fwal2 .text .logo {width: 60px; height: 60px;}
	.fwal2 .text .name {margin-left: 12px;}
	.fwal2 .text .name h3 {font-size: 14px;}
	.fwal2 .text .name p {margin-top: 3px; font-size: 12px; line-height: 1.6;}
}

@media only screen and (max-width: 480px){
	#prods {color:#222;}
	#prods .fl2 > div {gap: 10px; padding-top: 5%;}
	#prods .fl2 > div a {padding: 8px 10px; font-size: 14px;}

	.pname h2 {font-size: 18px;}
	.pname .xts {margin-top: 10px;}
	.ptis1 {padding-bottom: 15px;}

	.cpjs > div {padding-top: 8%;}
	.cpjs .cont .ptis1 h2 {font-size: 16px;}
	.cpjs .cont .text .btns {margin-top: 6%;}
	.cpjs .cont .text .btns a {width: 96px; height: 30px; font-size: 12px;}

	.cpys > div {padding-top: 6%; padding-bottom: 6%;}
	.cpys .ptis1 {width: auto;}
	.cpys .cont {width: auto;}
	.cpys .cont li {margin-top: 5%;}
	.cpys .cont li .imgs {width: 60px;}
	.cpys .cont li .text {margin-left: 15px;}
	.cpys .cont li .text h3 {font-size: 14px;}
	.cpys .cont li .text p {margin-top: 3px; font-size: 12px;}

	.swiper-btns {margin-top: 5%;}
	.swiper-btns .swiper-pagination {column-gap: 10px; margin-left: 15px; margin-right: 15px; height: 8px;}
	.swiper-btns .swiper-pagination span {width: 8px; height: 8px;}
	.swiper-btns .swiper-button {width: 24px; height: 24px; font-size: 16px;}
	
	.yycj > div {padding-top: 8%; padding-bottom: 8%;}
	.yycj .cont {margin-top: 5%;}
	.yycj .swiper-slide {padding: 10px;}
	.yycj .swiper-btns {margin-top: 5%;}
	.yycj .text h3 {margin-top: 15px; font-size: 14px; font-weight: bold;}
	.yycj .text .number {width: 26px; height: 26px; font-size: 12px;}
	.yycj .text .xts {margin-top: 10px; margin-left: 0;}
	.yycj .imgs {margin-top: 15px;}

	.ywly > div {padding-top: 8%; padding-bottom: 8%;}
	.ywly .cont {gap: 10px; margin-top: 5%;}
	.ywly .swiper-slide {padding: 10px 10px 15px 10px;}
	.ywly .text {padding-top: 30px;}
	.ywly .text div {padding: 10px; width: 40px; height: 40px; outline-width: 3px;}
	.ywly .text h3 {font-size: 14px;}

	.zdhy > div {padding-top: 8%; padding-bottom: 5%;}
	.zdhy .cont {gap: 10px; margin-top: 5%;}
	.zdhy .cont .text {padding: 8px 5px 0 5px; width: 50px; height: 50px; outline-width: 3px;}
	.zdhy .cont .text div {width: 16px; height: 16px;}
	.zdhy .cont .text h3 {margin-top: 5px; font-size: 10px;}

	.fwal > div {padding-top: 8%; padding-bottom: 5%;}
	.fwal .container {margin-top: 5%; padding: 5%;}
	.fwal .cont .item {display: block;}
	.fwal .cont .item .text {margin-top: 4%;}
	.fwal .cont .item .text h2 {padding-bottom: 5px; font-size: 14px;}
	.fwal .cont .item .text p {margin-top: 8px;}
	.fwal .cont .item .info {display: none;}
	.fwal .cont .item .info-m {display: block; position: relative;}
	.fwal .cont .item .info-m .imgs {position: relative; padding-top: 59.872%; overflow: hidden;}
	.fwal .cont .item .info-m .name {position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; display: none; padding: 0 12px; height: 48px; color:#fff; box-sizing: border-box; background-color: rgba(35,24,21,0.8);}
	.fwal .cont .item .info-m .name h2 {font-size: 14px;}
	.fwal .cont .item .info-m .name p {margin-top: 3px; font-size: 12px;}
	.fwal .thumbs {margin-top: 6%; padding-left: 40px; padding-right: 40px;}
	.fwal .thumbs .swiper-button {width: 30px; height: 30px; font-size: 12px;}
	.fwal .thumbs .name {margin-top: 10px; font-size: 12px;}

	.fwal2 > div {padding-top: 8%; padding-bottom: 8%;}
	.fwal2 .cont {margin-top: 5%;}
	.fwal2 .text {margin-top: 15px;}


	.gjpt > div {padding-top: 8%; padding-bottom: 5%;}
	.gjpt .cont {margin-top: 5%;}
	
	.nlzs > div {padding-top: 8%; padding-bottom: 5%;}
	.nlzs .cont {margin-top: 5%; padding: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.nlzs .cont .info {padding: 15px 18px 0 18px;}
	.nlzs .cont .info .name span {width: 26px; height: 26px; font-size: 12px; font-weight: bold;}
	.nlzs .cont .info .name h3 {margin-left: 8px; font-size: 14px;}
	.nlzs .cont .info .nlist {margin-top: 10px; margin-left: 0; padding-top: 0; border-top-color:#eee;}

	.sypt > div {padding-top: 8%; padding-bottom: 8%;}
	.sypt .cont {margin-top: 5%;}
	.sypt .swiper-slide {padding: 15px;}
	.sypt .name {height: 45px; font-size: 14px;}
	.sypt .logo {margin-top: 12px;}
	.sypt .logo dd {padding: 5px 10px; height: 40px;}

	.nlist li {padding-top: 12px; padding-bottom: 12px; padding-right: 0;}
	.nlist li .icon {width: 50px; height: 42px;}
	.nlist li .text {margin-left: 10px;}
	.nlist li .text h4 {font-size: 14px;}
	.nlist li .text p {padding-top: 3px; font-size: 12px;}
	.nlist li .more {width: 15px; height: 15px;}
	.nlist li .more span {width: 7px; height: 7px;}
	.nlist li .more span::before, .nlist li .more span::after {top: 3px;}
	.nlist li.active .more {top: 14px;}
}