.gaikuang-list dl {
float: left;
width: 46.666666%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}
.gaikuang-list dt img
{
width:100%;
display: block;
height:300px;
}

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

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

.gaikuang-list h4 a 
{
display: block;
color: #4b4b4b;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}

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

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

.gaikuang-list .videoplaynow
{
position: absolute;	
width: 100px;
height: 100px;
display: none;	
background-image: url(../images/videoplay.png);
background-repeat: no-repeat;
background-position: 0px 0px;
z-index:1000;
margin-top:-190px;
margin-left:230px;
}
.gaikuang-list :hover .videoplaynow{ display:block;}

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

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

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

.gaikuang-list dt img {
width:100%;
display: block;
height:300px;}
.gaikuang-list dd 
{
height:auto;padding: 6px 20px 15px 20px;
}
.gaikuang-list dd h4 
{
font-size:1.6vw;
}
.gaikuang-list-desc 
{
font-size:1.4vw;
line-height: 3.3vw;
}

.gaikuang-list .videoplaynow
{
position: absolute;	
width: 100px;
height: 100px;
display: none;	
background-image: url(../images/videoplay.png);
background-repeat: no-repeat;
background-position: 0px 0px;
z-index:1000;
margin-top:-190px;
margin-left:210px;
}
.gaikuang-list :hover .videoplaynow{ display:block;}

}

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

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

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

.gaikuang-list dt img {
width:100%;
display: block;
height:310px;}
.gaikuang-list dd 
{
height:auto;
padding: 6px 20px 15px 20px;
}
.gaikuang-list dd h4 
{
font-size:2.2vw;
margin-bottom:1.5vw;
margin-top:1.5vw;
}
.gaikuang-list-desc 
{
font-size:1.8vw;
line-height: 3.5vw;
}

.gaikuang-list .videoplaynow
{
margin-top:-210px;
margin-left:190px;
}
.gaikuang-list :hover .videoplaynow{ display:block;}
}

@media screen and (max-width:900px)
{
.xgt-main{width:100%; float:left; margin:0px auto; height:auto; margin-bottom:20px;}

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

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



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

.gaikuang-list .videoplaynow
{
margin-top:-190px;
margin-left:170px;
}
}

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

siteInner{width:100%;}

.xgt-sm{width:100%;}



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

.gaikuang-list .videoplaynow
{
margin-top:-190px;
margin-left:150px;
}
}

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

.gaikuang-list dl {

width: 97%;
border: 1px solid #dfdfdf;
margin:1.5%;
box-sizing: border-box;
}

.gaikuang-list dt img {

display: block;
height: auto;
width:100%;

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

}

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

.gaikuang-list .videoplaynow
{
margin-top:-230px;
margin-left:345px;
}

}

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


.gaikuang-list dd h4 
{
font-size:4.3vw;
}
.gaikuang-list-desc 
{
font-size:3.5vw;
line-height: 7vw;
height:auto;
padding-bottom:3vw;
}

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

.gaikuang-list .videoplaynow
{
position: absolute;	
width: 80px;
height: 80px;
display: none;	
background-image: url(../images/videoplay2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
z-index:1000;
margin-top:-150px;
margin-left:160px;
}
}

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

.gaikuang-list dd h4 
{
font-size:4.8vw;
}
.gaikuang-list-desc 
{
font-size:4vw;
line-height: 8vw;
}

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

.gaikuang-list .videoplaynow
{
margin-top:-140px;
margin-left:140px;
}
}

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

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

.gaikuang-list .videoplaynow
{
margin-top:-120px;
margin-left:120px;
}

}