@charset "utf-8";

.pro-list{background: #f5f5f5;width: 100%;}
.inside-nav{width: 100%;position: relative;}
.inside-nav li{width: auto;position: relative;padding: 34px 0px;}
.inside-nav li.cur h6{color: #d30008;}
.inside-nav li:not(:first-child) h6{border-left: 1px solid #e0e0e0;}
.inside-nav li h6{font-size: 18px;line-height: 26px;color: #888;font-family: "Arial";padding: 0 20px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}

.pro-center .title{margin-bottom: 60px;}
.pro-center{width: 100%;padding: 120px 0 160px 0;}
.pro-center .edit{width: 100%;}
.pro-center .edit p{font-size: 16px;line-height: 32px;color: #888;font-family: "Arial";}
.pro-img{width: 100%;}
.pro-img ul{width: 100%;display: flex;justify-content: space-between;}
.pro-img ul li{width: auto;overflow: hidden;}
.pro-img ul li img{display: block;max-width: 100%;height: 100%;object-fit: cover;transition: all .4s linear;-webkit-transition: all .4s linear;}
.pro-img ul li:hover img{transform: scale(1.04);}

@media (max-width:1680px) {
	.pro-center{padding: 80px 0 100px 0;}
}
@media (max-width:1280px) {
	.pro-center{padding: 60px 0 80px 0;}
	.inside-nav li{padding: 26px 0;}
	.pro-center .title{margin-bottom:30px ;}
	.pro-center .edit p{font-size: 14px;line-height: 24px;}
}
@media (max-width:1080px) {
	.pro-center{padding: 40px 0;}
	.inside-nav{padding: 0 60px;}
}
@media (max-width:769px) {
	.inside-nav li{padding: 20px 0;}
	.nav-list li h4{white-space: nowrap;}
	.nav-list ul{overflow: scroll;}
}
@media (max-width:480px) {
	.pro-img ul{flex-direction: column;}
	.pro-img li{margin-bottom: 2%;}
	.inside-nav{padding: 0 40px}
	.inside-nav li{padding: 10px 0;}
	.swiper-button-next, .swiper-button-prev{width: 12px;background-size:12px auto;}
	.pro-center .edit p{font-size: 12px;line-height: 18px;}
}