.productlist{text-align: center;margin-bottom: 1rem;overflow: hidden;}
.product-con{overflow: hidden;width: 63%;max-width: 1200px;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 #fda51b;border-bottom: none;}
.productdiv a{color: #424242;display:block;font-size: 16px;padding: 1rem 0;cursor: pointer;width: 100%;border-bottom: 1px solid #fda51b;}
.productdiv a.active{color:#ffffff; border-color:#fda51b;font-weight: bold; background: #fda51b;border-bottom: 1px solid #fda51b;}
.productdiv a:hover{color: #fda51b;}
.productdiv a.active:hover{color: #ffffff;}
.proinfo{width: 75%;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: 170px;object-fit: cover;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{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 #fda51b;}
.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 #fda51b;background: #fda51b;}
.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%;}
	.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 #fda51b;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%;}
}

.promenu{font-size: 14px;margin-bottom: 15px;text-align: left;}
.promenu a,.propage a{color: #424242;}
.promenu a:hover,.propage a:hover{color: #fda51b;}
.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;}
.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;}

}