.product_center-list dl {

float: left;

width: 30.333333%;

border: 1px solid #dfdfdf;

margin:1.5%;

box-sizing: border-box;

height:490px;

}



.product_center-list dt img

{

width:100%;

display: block;

height: 280px;


}



.product_center-list dd 

{

height: auto;

padding: 6px 20px 15px 20px;

}



.product_center-list dd h4 

{

height: 35px;

font-weight: normal;

font-size:1.3vw;

color: #4b4b4b;

line-height: 45px;

margin-bottom:1.6vw;}

.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: #d01616;

}



.product_center-list-desc 

{



font-size:1vw;

line-height:2.5vw;

text-indent:2.3vw;

color: #666;

overflow: hidden!important ;

height:130px;

}



.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: #d01616;}

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

{

background: #d01616;

border-color: #d01616;

padding:2px;

}

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

{color:#d01616;}

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

{color: #fff;}





.bg_zr-cp-main 

{

margin-bottom: 30px;

margin-top:30px;

}





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

{

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



siteInner 

{

width: 100% ;

margin: 0 auto ;



}

.bg_zr-sm{

width: 100% ;

margin: 0 auto ;}





.siteInner .headAndbtn .note

{

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

}



.product_center-list dl 

{

margin:1.3%;

height:490px;

}



.product_center-list dt img {

width:100%;

display: block;

height:200px;}

.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: auto;

}

}



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

{

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



siteInner 

{

width: 100% ;

margin: 0 auto ;



}

.bg_zr-sm{width: 100% ;

margin: 0 auto ;}



.siteInner .headAndbtn .note

{

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

}



.product_center-list dl 

{

height:480px;

}

.product_center-list dt img 

{

width:100%;

display: block;

height:180px;

}

.product_center-list dd 

{

padding: 6px 15px 15px 15px;

}

.product_center-list dd h4 

{

font-size:2vw;

}

.product_center-list-desc 

{

font-size:1.5vw;

line-height: 3.5vw;

}

}



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

{

.bg_zr-main{width:100%;}



siteInner{width:100%;}



.bg_zr-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:530px;

}



.product_center-list dt img {

width:100%;

display: block;

height:290px;}

.product_center-list dd 

{

padding: 6px 15px 15px 15px;

height:auto;

}

.product_center-list dd h4 

{

font-size:2.1vw;

}

.product_center-list-desc 

{

font-size:1.8vw;

line-height: 4vw;

}



.headAndbtn .cn

{

font-size:2.5vw;

line-height: 2vw;



}



.headAndbtn .more

{

font-size: 2vw;

line-height: 2vw ;

}



}





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

{

.bg_zr-main{width:100%;}



siteInner{width:100%;}



.bg_zr-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;

}



.product_center-list dt img {

width:100%;

display: block;

height:280px;}

.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: 4.5vw;

height:170px;

}



.headAndbtn .cn

{

font-size:2.5vw;

line-height: 2vw;



}



.headAndbtn .more

{

font-size: 2vw;

line-height: 2vw ;

}



}



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

{

.bg_zr-main{width:100%;}



siteInner{width:100%;}



.bg_zr-sm{width:100%;}



.siteInner .headAndbtn .note

{

font-size:2.4vw;

line-height:5.8vw;

padding:3vw;

}



.product_center-list dl 

{

width: 46.333333%;

border: 1px solid #dfdfdf;

margin:1.5%;

box-sizing: border-box;

height:550px;

}



.product_center-list dt img 

{
display: block;
height:280px;
width:100%;
}



.product_center-list dd 

{

padding: 6px 15px 15px 15px;

}

.product_center-list dd h4 

{

font-size:2.6vw;

}

.product_center-list-desc 

{

font-size:2.1vw;

line-height: 4.8vw;

height:auto;

}



.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:4vw;

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;

}



}