.productlist{text-align: center;margin-bottom: 1rem;overflow: hidden;}
.product-con{overflow: hidden;width: 63%;max-width: 1200px;min-width:600px;margin: 3rem auto;}
.product-con .title{overflow: hidden;margin-bottom: 2rem;}
.product-con .tit{font-size: 26px;color: #424242;font-weight: bold;}
.product-con .entit{font-size: 18px;color: #686868;}
.productdiv{text-align:center;overflow: hidden;float: left;width: 20%;border: 1px solid #46ad8a;border-bottom: none;}
.productdiv a{color: #424242;display:block;font-size: 16px;padding: 1rem 0;cursor: pointer;width: 100%;border-bottom: 1px solid #46ad8a;}
.productdiv a.active{color:#ffffff; border-color:#46ad8a;font-weight: bold; background: #46ad8a;border-bottom: 1px solid #46ad8a;}
.productdiv a:hover{color: #46ad8a;}
.productdiv a.active:hover{color: #ffffff;}
.proinfo{width: 75%;min-width:450px;display: block;overflow: hidden;float: right;}
.proinfo .info-ul{text-align: left;}
.proinfo .info-ul li{display: inline-block;width: calc(33% - 2rem - 2px);vertical-align: top;margin: .5rem;overflow: hidden;padding: .5rem;border: 1px solid #eeeeee;margin-top: 0;margin-bottom: 1rem;}
.proinfo .info-ul li .img{overflow: hidden;}
.proinfo .info-ul li img{display: block;width: 100%;height: auto;max-height: 150px; object-fit: cover;object-position: center; transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s; -o-transition:all 0.7s ease-in-out 0s;}
.proinfo .info-ul li .content{padding: 2% 0;}
.proinfo .info-ul li .text1{text-align: center; font-size: 16px;font-weight: bold;color: #424242;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.proinfo .info-ul li .text2{font-size: 14px;color: #686868;line-height: 22px;}
.proinfo .info-ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.proinfo .info-ul li:hover{border: 1px solid #f0f0f0; background-color: #c0db67;}
.proinfo ul li:hover .text1 {color: #f0f0f0;}
.productlist .more{display: inline-block;padding: 0.8% 1.5%;border: 1px solid #424242;}
.productlist .more a{font-size: 15px;color: #424242;}
.productlist .more:hover{border: 1px solid #46ad8a;background: #46ad8a;}
.productlist .more:hover a{color: #ffffff;}
@media only screen and (max-width: 480px) {
	.productlist{margin-bottom: 1rem;}
	.product-con{width: 90%;margin: 5% auto 2%;min-width:auto;}
	.product-con .title{margin-bottom: 5%;}
	.product-con .tit{font-size: 22px;}
	.product-con .entit{font-size: 16px;}
	.productdiv{margin-bottom: 1rem;width: 100%;border: none;}
	.productdiv a{font-size: 14px;border: 1px solid #46ad8a;width: initial;}
	.productdiv span{margin-bottom: 2%;display: block;width: 23.3%;margin-right: 2%;border: 1px solid #686868;float: left;font-size: 15px;padding: 2% 4%;}
    .productdiv span:last-child{border-bottom: 1px solid #424242;}
	.proinfo .info-ul li{width: calc(50% - 2rem - 4px);margin: .5rem;}
	.proinfo .info-ul li img{height: 100px;}
	.proinfo .info-ul li .text1{font-size: 14px;}
	.proinfo{width: 100%;min-width:auto;}
}
.promenu{font-size: 14px;margin-bottom: 15px;text-align: left;}
.promenu a,.propage a{color: #424242;}
.promenu a:hover,.propage a:hover{color: #46ad8a;}
.pros-left{display: block;width: 300px;float: left;margin-right: 1rem;}
.pros-right{display: block;width: calc(100% - 1rem - 300px);float: left;text-align: left;}
.contents{overflow: hidden;}
.pros-right .title{font-size: 24px;font-weight: bold;color: #424242;margin-bottom: 1rem;}
.pros-right .content{font-size: 15px;color: #424242;margin-bottom: 1rem;}
.pros-right .price{font-size: 16px;font-weight: 700!important;color: #dc3545!important;}
.prosinfo {overflow: hidden;margin: 1.5rem 0;text-align: left;}
.prosinfo .title{padding-bottom: .5rem;margin-bottom: 1rem;font-size: 18px;font-weight: bold;color: #424242;position: relative;border-bottom: 1px solid #424242;}
.prosinfo .pro-contents{line-height: 24px;font-size: 14px;border-bottom: 1px solid #424242;padding-bottom: 1rem;margin-bottom: 1rem;word-break: break-all;}
.prosinfo .pro-contents img{width: 100%;height: auto;object-fit: contain;}
.propage{font-size: 15px;color: #424242;margin-bottom: 1rem;}
@media only screen and (max-width: 480px) {
	.pros-left{width: 96%;margin-bottom: 3%;}
	.pros-right{width: 96%;}
	.pros-left .pivivo ul li{width: 31.3%;}
	.pros-right .title{font-size: 20px;}
}