.product_center-list dl
{

float: left;
width: 29.333333%;
border: 1px solid #dfdfdf;
margin:1.9%;
box-sizing: border-box;
}


.product_center-list dt img
{
width:100%;
display: block;
height: auto;
height:460px;
}

.product_center-list dd 
{
padding: 10px 15px 10px 15px;
background-color:#f4f4f4;
}

.product_center-list dd h4 
{
height: 45px;
font-weight: normal;
font-size:1.2vw;
color: #4b4b4b;
line-height: 45px;
text-align:center;
}

.product_center-list h4 a 
{

display: block;
color: #4b4b4b;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.product_center-list dl:hover h4 a
{
color: #003370;
}

.product_center-list-desc 
{
font-size:1.1vw;
line-height: 2.8vw;
text-indent:2.5vw;
color: #666;
overflow: hidden;
}

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

.product_center-list dl:hover 
{border-color: #003370;}
.product_center-list dl:hover .product_center-list-deta 
{
background: #003370;
border-color: #003370;
padding:2px;
}
.product_center-list dl:hover .product_center-list-desc a 

{color:#003370;}

.product_center-list dl:hover .product_center-list-deta a

{color: #fff;}

.hx-cp-main 
{
margin-bottom: 30px;
margin-top:30px;
}



@media screen and (max-width:1200px)

{

.hx-main{width:100%; margin: 0 auto;}



siteInner 

{

width: 100% ;

margin: 0 auto ;



}

.hx-sm{

width: 100% ;

margin: 0 auto ;

}



.siteInner .headAndbtn .note

{

font-size:1.5vw;line-height:3.8vw;

}

.product_center-list dl 

{
float: left;
width: 30.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

.product_center-list dt img 
{

width:100%;
display: block;
height:520px;}

.product_center-list dd 

{

padding: 6px 20px 15px 20px;

}

.product_center-list dd h4 

{

font-size:1.5vw;

}

.product_center-list-desc 

{
font-size:1.4vw;
line-height: 3.3vw;

}

}



@media screen and (min-width: 1067px) and (max-width: 1199px)

{

.hx-main{width:100%; margin: 0 auto;}



siteInner 

{

width: 100% ;

margin: 0 auto ;



}

.hx-sm{

width: 100% ;

margin: 0 auto ;}





.siteInner .headAndbtn .note

{

font-size:1.5vw;line-height:3.8vw;

}



.product_center-list dl 

{
float: left;
width: 30.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}



.product_center-list dt img {

width:100%;

display: block;

height:480px;}

.product_center-list dd 

{

padding: 6px 15px 15px 15px;

}

.product_center-list dd h4 

{

font-size:1.6vw;

}

.product_center-list-desc 

{

font-size:1.4vw;

line-height: 3.3vw;

height:110px;

}

}



@media screen and (min-width: 1000px) and (max-width: 1066px) 

{

.hx-main{width:100%; margin: 0 auto;}



siteInner 

{

width: 100% ;

margin: 0 auto ;



}

.hx-sm{width: 100% ;

margin: 0 auto ;}



.siteInner .headAndbtn .note

{

font-size:1.6vw;line-height:3.8vw;

}



.product_center-list dl 
{

float: left;
width: 30.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;

}



.product_center-list dt img {

width:100%;

display: block;

height:450px;}

.product_center-list dd 

{

padding: 6px 15px 15px 15px;

}

.product_center-list dd h4 

{

font-size:2vw;

}

.product_center-list-desc 

{

font-size:1.8vw;

line-height: 3.5vw;

height: auto;

}

}



@media screen and (min-width: 769px) and (max-width: 999px) 

{

.hx-main{width:100%;}



siteInner{width:100%;}



.hx-sm{width:100%;}



.siteInner .headAndbtn .note

{

font-size:2vw;

line-height:4.8vw;

padding:3vw;

}



.product_center-list dl {

float: left;

width: 46.666666%;

border: 1px solid #dfdfdf;

margin:1.5%;

box-sizing: border-box;

height: auto;

}



.product_center-list dt img {

width:100%;

display: block;

max-height:70%;}

.product_center-list dd 

{

padding: 6px 15px 15px 15px;

height:auto;

}

.product_center-list dd h4 

{

font-size:2.3vw;

}

.product_center-list-desc 

{

font-size:2vw;

line-height: 4vw;

height:135px;

}



.headAndbtn .cn

{

font-size:2.5vw;

line-height: 2vw;



}



.headAndbtn .more

{

font-size: 2vw;

line-height: 2vw ;

}





}



@media screen and (max-width:768px) 

{

.hx-main{width:100%;}



siteInner{width:100%;}



.hx-sm{width:100%;}



.siteInner .headAndbtn .note

{

font-size:2.4vw;

line-height:5.8vw;

padding:3vw;

}



.product_center-list dl {

float: left;

width: 46.666666%;

border: 1px solid #dfdfdf;

margin:1.5%;

box-sizing: border-box;

max-height:70%;

}



.product_center-list dt img {

width:100%;

display: block;

}



.product_center-list dd 

{

padding: 6px 15px 15px 15px;

}

.product_center-list dd h4 

{

font-size:2.4vw;

}

.product_center-list-desc 

{

font-size:2vw;

line-height: 4.8vw;

}



.siteInner .headAndbtn h3{font-size:3.8vw; margin-top:5vh;

margin-bottom:5vh;}



.headAndbtn .cn

{

line-height: 4vw;

font-size:2.5vw;

}



.headAndbtn .more

{

font-size: 2.2vw;

line-height: 4vw;

}

}



@media screen and (max-width:425px) 

{

.siteInner .headAndbtn .note

{

font-size:3.8vw;

line-height:9vw;

padding:3vw;

}



.product_center-list dl 

{

width: 97%;

border: 1px solid #dfdfdf;

margin:1.5%;

box-sizing: border-box;

float:left;

height:auto;



}



.product_center-list dt img 

{

display: block;

height: auto;

width:100%;

}



.product_center-list dd h4 

{

font-size:5vw;

}

.product_center-list-desc 

{

font-size:3.8vw;

line-height: 6vh;

height:auto;

}



.siteInner .headAndbtn h3{font-size:4.8vw; margin-top:7vh;

margin-bottom:7vh;}



.headAndbtn .cn

{

line-height: 4.8vw;

font-size:3.8vw;

}



.headAndbtn .more

{

font-size: 3.5vw;

line-height: 4.8vw;

}





}



@media screen and (max-width:375px) 

{

.siteInner .headAndbtn .note

{

font-size:4.3vw;

line-height: 6vh;

padding:3vw;

}



.product_center-list dd h4 

{

font-size:5.2vw;

}

.product_center-list-desc 

{

font-size:4.3vw;

line-height: 6vh;

}



.siteInner .headAndbtn h3{font-size:5.5vw;}



.headAndbtn .cn

{

line-height: 6vh;

font-size:4.3vw;

}



.headAndbtn .more

{

font-size:4vw;

line-height: 4.8vw;

}

}



@media screen and (max-width:320px) 

{

.siteInner .headAndbtn .note

{

font-size:5vw;

line-height:6vh;

padding:3vw;

}



.product_center-list dd h4 

{

font-size:6vw;

line-height:5.6vh;

}

.product_center-list-desc 

{

font-size:5vw;

line-height:6vh;

}

.siteInner .headAndbtn h3{font-size:6vw;}





.headAndbtn .cn

{

line-height:6vh;

font-size:5vw;

}



.headAndbtn .more

{

font-size:4.6vw;

line-height: 4.8vw;

}



}