.xgt-main
{
width:1200px; 
margin: 0 auto;
margin-bottom:20px;
}

.rongyu-list dl {
float: left;
width: 30.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}
.rongyu-list dt img {
width:100%;
display: block;
height:520px;}
.rongyu-list dd 
{
padding: 10px 15px 10px 15px;
background-color:#f4f4f4;
}

.rongyu-list dd h4 
{
height: 45px;
font-weight: normal;
font-size:1.2vw;
color: #4b4b4b;
line-height: 45px;
text-align:center;}
.rongyu-list h4 a 
{
display: block;
color: #4b4b4b;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}

.rongyu-list dl:hover h4 a
{color: #0178CC;}

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


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

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

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


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

.rongyu-list dl 
{
float: left;
width: 46.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

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

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

.rongyu-list dd h4 
{
font-size:1.5vw;
}
.rongyu-list-desc 
{
font-size:1.4vw;
line-height: 3.3vw;
}
}

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

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

.rongyu-list dl {
float: left;
width: 43.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

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

.rongyu-list dd 
{
padding: 6px 20px 15px 20px;
}
.rongyu-list dd h4 
{
font-size:1.5vw;
}
.rongyu-list-desc 
{
font-size:1.4vw;
line-height: 3.3vw;
}
}

@media screen and (max-width:1000px) 
{
.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;
}

.rongyu-list dl {
float: left;
width: 46.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

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

.rongyu-list dd 
{
padding: 6px 20px 15px 20px;
}
.rongyu-list dd h4 
{
font-size:1.6vw;
}
.rongyu-list-desc 
{
font-size:1.4vw;
line-height: 3.5vw;
}
}

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

siteInner{width:100%;}

.xgt-sm{width:100%;}

.siteInner .headAndbtn .note
{
font-size:2vw;
line-height:4.8vw;
padding:3vw;
}

.rongyu-list dl {
float: left;
width: 46.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

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

.rongyu-list dd 
{
padding: 6px 20px 15px 20px;
}
.rongyu-list dd h4 
{
font-size:2vw;
}
.rongyu-list-desc 
{
font-size:1.8vw;
line-height: 3.5vw;
}
}

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

siteInner{width:100%;}

.xgt-sm{width:100%;}

.siteInner .headAndbtn .note
{
font-size:2vw;
line-height:4.8vw;
padding:3vw;
}

.rongyu-list dl {
float: left;
width: 46.555555%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

.rongyu-list dt img {
width:100%;
display: block;
height:540px;}
.rongyu-list dd 
{
padding: 6px 20px 15px 20px;
}
.rongyu-list dd h4 
{
font-size:2vw;
}
.rongyu-list-desc 
{
font-size:1.8vw;
line-height: 3.5vw;
}
}

@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;
}

.rongyu-list dl {
float: left;
width: 46.333333%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

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

.rongyu-list dd 
{
padding: 6px 20px 15px 20px;
}
.rongyu-list dd h4 
{
font-size:2.4vw;
}
.rongyu-list-desc 
{
font-size:2.2vw;
line-height: 4.8vw;
}

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

}

@media screen and (max-width:425px) 
{
.siteInner .headAndbtn .note
{
font-size:3.8vw;
line-height:9vw;
padding:3vw;
}

.rongyu-list dl {
float: left;
width: 97%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

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

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

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

}

@media screen and (max-width:375px) 
{
.siteInner .headAndbtn .note
{
font-size:4.3vw;
line-height:9vw;
padding:3vw;
}

.rongyu-list dl
{
width:96%;
margin:2%;
float:left;
}

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

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

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

@media screen and (max-width:320px) 
{
.siteInner .headAndbtn .note
{
font-size:5vw;
line-height:5.6vh;
padding:3vw;
}

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

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

}