.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:220px;}
.product_center-list dd 
{
height: auto;
padding: 6px 20px 15px 20px;}

.product_center-list dd h4 
{
height: 35px;
font-weight: normal;
font-size:1.2vw;
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: #0178CC;
}

.product_center-list-desc 
{

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

.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: #0178CC;}
.product_center-list dl:hover .product_center-list-deta 
{
background: #0178CC;
border-color: #0178CC;
padding:2px;
}
.product_center-list dl:hover .product_center-list-desc a 
{color:#0178CC;}
.product_center-list dl:hover .product_center-list-deta a
{color: #fff;}


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



@media screen and (min-width:2000px)
{
.xgt-main{width:2000px; margin: 0 auto;}

siteInner 
{
width: 100% ;
max-width: 2000px ;
margin: 0 auto ;

}
.xgt-sm{width: 100% ;
max-width: 2000px ;
margin: 0 auto ;}

.siteInner .headAndbtn .note{font-size:1.4vw;line-height:3.2vw;color: #333; margin:10px 0;text-indent: 2em; margin-top:2vw; margin-bottom:2vw;}

.product_center-list dl 
{
margin:1.4%;
}
.product_center-list dt img {
width:100%;
display: block;
height:200px;
}
.product_center-list dd 
{
padding: 6px 20px 15px 20px;
}

.product_center-list dd h4 
{
font-size:1.4vw;
}
.product_center-list-desc
{
font-size:1.1vw;
line-height: 3vw;
height:260px;
}

}

@media screen and (min-width:1680px)
{
.xgt-main{width:1680px; margin: 0 auto;}

siteInner 
{
width: 100% ;
max-width: 1680px ;
margin: 0 auto ;

}
.xgt-sm{width: 100% ;
max-width: 1680px ;
margin: 0 auto ;}


.siteInner .headAndbtn .note
{
 font-size:1.5vw;line-height:3.5vw;
}

.product_center-list dl 
{
margin:1.3%;
}

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

.product_center-list dd 
{
padding: 6px 15px 15px 15px;
}

.product_center-list dd h4 
{
font-size:1.5vw;line-height:3.4vw; height:3.4vw;
}
.product_center-list-desc 
{
font-size:1.3vw;
line-height: 2.8vw;
height:180px;
}
}

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

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

}
.xgt-sm{
width: 100% ;
margin: 0 auto ;
}

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

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

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

}
.xgt-sm{
width: 100% ;
margin: 0 auto ;}


.siteInner .headAndbtn .note
{
font-size:1.5vw;line-height:3.8vw;
}

.product_center-list dl 
{
margin:1.3%;
}

.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.5vw;
}
.product_center-list-desc 
{
font-size:1.2vw;
line-height: 3.2vw;
height:110px;
}
}

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

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

}
.xgt-sm{width: 100% ;
margin: 0 auto ;}

.siteInner .headAndbtn .note
{
font-size:1.6vw;line-height:3.8vw;
}

.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:1.6vw;
}
.product_center-list-desc 
{
font-size:1.4vw;
line-height: 3vw;
height:120px;
}
}

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

siteInner{width:100%;}

.xgt-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:230px;}
.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.8vw;
height:100px;
}

.headAndbtn .cn
{
line-height: 2vw;
font-size:2vw;
}

.headAndbtn .more
{
font-size: 1.6vw;
line-height: 2vw ;
}


}

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

siteInner{width:100%;}

.xgt-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;
}

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

.product_center-list dd 
{
padding: 6px 15px 15px 15px;
}
.product_center-list dd h4 
{
font-size:2.4vw;
}
.product_center-list-desc 
{
font-size:2.2vw;
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.4vw;
}

.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: 100%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
float:left;
}

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

.product_center-list dd h4 
{
font-size:3.8vw;
}
.product_center-list-desc 
{
font-size:3.5vw;
line-height: 7vw;
}

.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:9vw;
padding:3vw;
}

.product_center-list dd h4 
{
font-size:4.3vw;
}
.product_center-list-desc 
{
font-size:4vw;
line-height: 10vw;
}

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

.headAndbtn .cn
{
line-height: 4.8vw;
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:5.6vh;
padding:3vw;
}

.product_center-list dd h4 
{
font-size:5vw;
line-height:5.6vh;
}
.product_center-list-desc 
{
font-size:4.8vw;
line-height:5vh;
height: auto;
}
.siteInner .headAndbtn h3{font-size:6vw;}


.headAndbtn .cn
{
line-height: 4.8vw;
font-size:5vw;
}

.headAndbtn .more
{
font-size:4.6vw;
line-height: 4.8vw;
}

}