body,html{overflow-x:hidden;font-family: arial;}
ul{margin:0;padding:0}
p{margin:0}
h4{margin:0}
.container{padding:0 15px}
.banner img{width:100%;height:auto;display:block;vertical-align: middle;}
section.tit1 h4{font-size: 26px;line-height: 1;color: #3b4457;font-family: Impact;text-align: center;border-bottom: 2px dashed rgba(170, 170, 170, .51);padding-bottom: 20px;position: relative;}
section.tit1 h4::before{display: block; content:'';width: 120px;height: 10px;background: #e94609;position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);}
.first{margin: 20px auto;}
.first .first-con{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;margin-top: 20px;}
.first .first-con p{width: 100%;font-size: 16px;line-height: 28px;color: #666666;text-align: justify;}
.first .first-con div{width: 100%;position: relative;}
.first .first-con div img{width:100%;vertical-align: middle;}
.first h5{font-size: 22px;line-height: 1;color: #333333;font-weight: bold;margin: 10px 0;}
.first .wen{font-size: 16px;line-height: 28px;color: #666666;text-align: justify;}

.second{background: #3b4457;padding: 20px 0;}
section.tit2 h4{font-size: 26px;line-height: 1;color: #fff;font-family: Impact;text-align: center;border-bottom: 2px dashed rgba(170, 170, 170, .51);padding-bottom: 20px;position: relative;}
section.tit2 h4::before{display: block; content:'';width: 120px;height: 10px;background: #fff;position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);}
.second .container > p{font-size: 16px;line-height: 28px;color:#fff;text-align: justify;margin: 20px 0;}
.second .second-list .second-list-yy{background: #fff;margin-bottom: 20px;}
.second .second-list .second-list-yy:last-of-type{margin-bottom: 0;}
.second .second-list .second-list-yy img{float: left;padding-right: 15px;}
.second .second-list .second-list-yy .yy-wen{font-size: 16px;line-height: 28px;padding: 0 15px;}
.second .second-list .second-list-yy .yy-wen span{font-size: 18px;display: block;padding: 8px 0;color: #333333;}
.second .second-list .second-list-yy .yy-wen p{color: #666;}

.third{padding: 20px 0;}
.third .third-text{margin-top:20px;font-size:16px;line-height:24px;text-align:justify;color:#666;}
.third .third-list{margin-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:25px}
.third .third-list span:nth-child(8){display:none}
.third .third-list li{width:21%;text-align:center;background:#fff7f5;color:#666;font-size:16px;line-height:24px}
.third .third-list li p{padding:15px 0}
.third .third-list li p:first-child{background:#ef431d;padding:20px 0}

.fourth{background: #3b4457;padding: 20px 0;}
.fourth .product-con{display: flex;justify-content: space-between;flex-wrap: wrap;}
.fourth .product-con .pro-con-wen{width: 100%;}
.fourth .product-con .pro-con-img{width: 100%;}
.fourth .product-con .pro-con-wen h5{font-size: 22px;line-height: 1;color: #ffffff;font-weight: bold;position: relative;display: inline-block;}
.fourth .product-con .pro-con-wen h5::after{display: block;content: '';width: 100%; height: 12px;background: #e94609;position: absolute;bottom: -2px;z-index: -1;}
.fourth .product-con .pro-con-wen > p:first-of-type{font-size: 16px;line-height: 28px;color: #ffffff;text-align: justify;margin: 10px 0;}
.fourth .product-con .pro-con-wen p.youshi-bg{display: flex;gap: 20px;}
.fourth .product-con .pro-con-wen p.youshi-bg span{font-size: 16px;line-height: 1;color: #ffffff;background: #e94609;padding: 15px;}
.fourth .product-con .pro-con-wen div{margin: 10px 0;}
.fourth .product-con .pro-con-wen div p{font-size: 16px;line-height: 28px;color: #ffffff;display: flex;align-items: baseline;gap: 10px;}
.fourth .product-con .pro-con-wen div p::before{ content:'';min-width: 8px;min-height: 8px;background: #fff;}
.fourth .product-con .pro-con-img img{width: 100%;vertical-align: middle;}
.fourth #swiper1 .swiper-wrapper{margin: 20px 0;}
.fourth #swiper1 .swiper-pagination{position: initial;}
.fourth #swiper1 .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 15px;border-radius: 8px;background-color: #ffffff;opacity: 0.7;margin:0 8px;}
.fourth #swiper1 .swiper-pagination .swiper-pagination-bullet-active{width: 107px;height: 15px;opacity: 1;}

.five{margin:20px 0;}
.five .container{position: relative;}
.five #swiper2{margin-top: 20px;}
.five .case-con img{width: 100%;vertical-align: middle;}
.five .case-con .case-con-wen{background-color: #f6f6f6;padding: 0 15px;}
.five .case-con .case-con-wen h5 a{font-size: 20px;line-height: 1;color: #333333;font-weight: bold;display: block;padding: 15px 0;}
.five .case-con .case-con-wen p{font-size: 16px;line-height: 28px;color: #666666;padding-bottom: 15px;}
.five .swiper2-btn .swiper-button-prev{left: 20px;}
.five .swiper2-btn .swiper-button-next{right: 20px;}
.five .swiper2-btn .swiper-button-prev::after{color: #e94609;opacity: .55;}
.five .swiper2-btn .swiper-button-next::after{color: #e94609;}


@media (max-width:576px) {
	
	.fourth .product-con .pro-con-wen p.youshi-bg span{font-size: 16px;text-align: center;}
	.fourth .product-con .pro-con-wen h5{font-size: 20px;text-align: center;}
}
@media (max-width:375px) {
	.second .second-list .second-list-yy{display: flex;flex-wrap: wrap;}
	.second .second-list .second-list-yy img{padding-right: 0;margin: auto;}
	.second .second-list .second-list-yy .yy-wen span{font-size: 16px;text-align: center;}
}

@media (max-width:575px){
	.third .third-list{row-gap:20px;justify-content:space-between}
.third .third-list span{display:none}
.third .third-list li{width:47.5%;font-size:16px}
}@media (min-width:576px){
	.third .third-list{row-gap:20px}
.third .third-list span{display:none}
.third .third-list li{width:23%;font-size:14px}
}