
.product-cen-list dl {
float: left;
width: 32.3333%;
border: 1px solid #dfdfdf;
margin:0.5%;
box-sizing: border-box;
height:490px;
}

.product-cen-list dt img
{
width:100%;
display: block;
height: auto;
max-height:280px;
}

.product-cen-list dd 
{
height: auto;
padding: 6px 20px 15px 20px;
}

.product-cen-list dd h4 
{
height: 35px;
font-weight: normal;
font-size:1.3vw;
color: #4b4b4b;
line-height: 45px;
margin-bottom:1.6vw;}
.product-cen-list h4 a 
{
display: block;
color: #4b4b4b;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}

.product-cen-list dl:hover h4 a
{
color: #0054AC;
}

.product-cen-list-desc 
{

font-size:1vw;
line-height:2.3vw;
text-indent:2.3vw;
color: #666;
overflow: hidden!important ;
height:140px;
}

.product-cen-list-deta 
{
width: 100px;
height: 40px;
display: inline-block;
border: 1px solid #aaa;
font-size: 16px;
line-height: 40px;
text-align: center;
}

.product-cen-list dl:hover 
{border-color: #0054AC;}
.product-cen-list dl:hover .product-cen-list-deta 
{
background: #0054AC;
border-color: #0054AC;
padding:2px;
}
.product-cen-list dl:hover .product-cen-list-desc a 
{color:#0054AC;}
.product-cen-list dl:hover .product-cen-list-deta a
{color: #fff;}


.jhx_cp_main 
{
margin-bottom: 30px;
margin-top:30px;
}

@media screen and (min-width:1800px) and (max-width:2000px)
{

.product-cen-list dt img
{
width:100%;
display: block;
height: auto;
max-height:230px;
}

.product-cen-list dd 
{
padding: 6px 20px 15px 20px;
}

.product-cen-list dd h4 
{
height: 35px;
font-weight: normal;
font-size:1.3vw;
color: #4b4b4b;
line-height: 45px;
margin-bottom:1.6vw;
}
.product-cen-list h4 a 
{
display: block;
color: #4b4b4b;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.product-cen-list dl:hover h4 a
{
color: #0054AC;
}

.product-cen-list-desc 
{

font-size:1vw;
line-height:2.4vw;
text-indent:2.2vw;
color: #666;
overflow: hidden!important ;
height:187px;
}

.product-cen-list-deta 
{
width: 100px;
height: 40px;
display: inline-block;
border: 1px solid #aaa;
font-size: 16px;
line-height: 40px;
text-align: center;
}

.product-cen-list dl:hover 
{border-color: #0054AC;}
.product-cen-list dl:hover .product-cen-list-deta 
{
background: #0054AC;
border-color: #0054AC;
padding:2px;
}
.product-cen-list dl:hover .product-cen-list-desc a 
{color:#0054AC;}
.product-cen-list dl:hover .product-cen-list-deta a
{color: #fff;}


.jhx_cp_main 
{
margin-bottom: 30px;
margin-top:30px;
}

}

@media screen and (max-width:1200px)
{
.jhx_main{width:100%; margin: 0 auto;}

siteInner 
{
width: 100% ;
margin: 0 auto ;

}
.jhx_sm{
width: 100% ;
margin: 0 auto ;
}


.product-cen-list dl 
{
margin:1.4%;
}
.product-cen-list dt img {
width:100%;
display: block;
height:220px;}
.product-cen-list dd 
{
padding: 6px 15px 15px 15px;
}
.product-cen-list dd h4 
{
font-size:1.5vw;
}
.product-cen-list-desc 
{
font-size:1.3vw;
line-height: 3vw;
height:140px;
}
}

@media screen and (min-width: 1067px) and (max-width: 1199px)
{
.jhx_main{width:100%; margin: 0 auto;}

siteInner 
{
width: 100% ;
margin: 0 auto ;

}
.jhx_sm{
width: 100% ;
margin: 0 auto ;}




.product-cen-list dl 
{
margin:1.3%;
}

.product-cen-list dt img {
width:100%;
display: block;
height:200px;}
.product-cen-list dd 
{
padding: 6px 15px 15px 15px;
}
.product-cen-list dd h4 
{
font-size:1.6vw;
}
.product-cen-list-desc 
{
font-size:1.4vw;
line-height: 3.3vw;
height:110px;
}
}

@media screen and (min-width: 1000px) and (max-width: 1066px) 
{
.jhx_main{width:100%; margin: 0 auto;}

siteInner 
{
width: 100% ;
margin: 0 auto ;

}
.jhx_sm{width: 100% ;
margin: 0 auto ;}


.product-cen-list dt img {
width:100%;
display: block;
height:180px;}
.product-cen-list dd 
{
padding: 6px 15px 15px 15px;
}
.product-cen-list dd h4 
{
font-size:2.2vw;
}
.product-cen-list-desc 
{
font-size:1.8vw;
line-height: 3.5vw;
height:140px;
}
}

@media screen and (min-width: 769px) and (max-width: 999px) 
{
.jhx_main{width:100%;}

siteInner{width:100%;}

.jhx_sm{width:100%;}



.product-cen-list dl {
float: left;
width: 46.666666%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
height:460px;
}

.product-cen-list dt img {
width:100%;
display: block;
height:230px;}
.product-cen-list dd 
{
padding: 6px 15px 15px 15px;
height:auto;
}
.product-cen-list dd h4 
{
font-size:2.3vw;
}
.product-cen-list-desc 
{
font-size:2vw;
line-height: 4vw;
height:135px;
}


}

@media screen and (max-width:768px) 
{
.jhx_main{width:100%;}

siteInner{width:100%;}

.jhx_sm{width:100%;}


.product-cen-list dl 
{
width: 46.333333%;

border: 1px solid #dfdfdf;

margin:1.5%;

box-sizing: border-box;

height:570px;
}

.product-cen-list dt img 
{
display: block;
height:280px;
width:100%;
}

.product-cen-list dd 
{
padding: 6px 15px 15px 15px;
}
.product-cen-list dd h4 
{
font-size:3.3vw;
}
.product-cen-list-desc 
{
font-size:2.6vw;

line-height:42px; 

height:auto;
}

}

@media screen and (max-width:425px) 
{
.product-cen-list dl 
{
width: 97%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
float:left;
height:auto;

}

.product-cen-list dt img 
{
display: block;
height: auto;
width:100%;
}

.product-cen-list dd h4 
{
font-size:5.4vw;
line-height:48px;
height:48px;
}
.product-cen-list-desc 
{
font-size:4.3vw;

line-height:40px;

height:auto;
}

}

@media screen and (max-width:375px) 
{
.product_center_list dd h4 
{
font-size:6vw;
}
.product_center_list-desc 
{
font-size:4.8vw;
line-height:40px;
text-indent:0px;
}
}

@media screen and (max-width:320px) 
{
.product_center_list dd h4 
{
font-size:6.5vw;
line-height:55px;
}

.product_center_list-desc 
{
font-size:5.5vw;
line-height:40px;
}
}