.xgt-contact 
{
margin: 30px 0;
width: 100%;
height: 415px;
}
    
.xgt-contact-left 
{
float: left;
width: 560px;
height: 410px;
background-color: #f1f1f3;
color: #2b2b2b;
font-size: 1.2vw;

}
    
.xgt-contact-right 
{
float: right;
}

.xgt-contact-right img
{
width:640px;
height:auto;
}
    
.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: center;
line-height: 80px;
font-size: 26px;
color: #fff;
}
    
.xgt-contact-right p 
{ margin: 0px;    }
    
.xgt-contact-left p 
{
padding-left: 20px;
height: 55px;
line-height: 55px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
	
.map-title 
{
font-size: 16px;
 line-height: 24px;
}
    
.map-list 
{
font-size: 1.2vw;
line-height: 22px;
color: #333;
margin-top: 6px;
}	


@media screen and (max-width:1100px)
{
.xgt-contact 
{
margin: 30px 0;
width: 100%;
height: 415px;
}
    
.xgt-contact-left 
{
float: left;
width: 465px;
height: 410px;
background-color: #f1f1f3;
}

.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: center;
line-height: 60px;
font-size: 2.2vw;
color: #fff;
margin-bottom:2vw;
}

.xgt-contact-left p
{
color: #2b2b2b;
font-size: 1.4vw;
line-height:2.2vw;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
  
.xgt-contact-right 
{
float: left;
width:540px;
height:410px;
}

.xgt-contact-right img
{
width:100%;
height:410px;
}
	
.map-title 
{
font-size: 1.5vw;
line-height: 24px;
}
    
.map-list 
{
font-size: 1.2vw;
line-height: 22px;
color: #333;
margin-top: 6px;
}	
#map
{ 
float:left;
width:90%;
height:500px;
}

.iw_poi_title 
{
font-size:1.4vw;
font-weight:bold;
overflow:hidden;
padding-right:13px;
white-space:nowrap;
}

.iw_poi_content 
{
font:1.2vw;
overflow:visible;
padding-top:4px;
white-space:-moz-pre-wrap;
word-wrap:break-word;
}

}


@media screen and (max-width:1000px)
{
.xgt-contact 
{
margin: 30px 0;
width: 100%;
height: 400px;
}
    
.xgt-contact-left 
{
float: left;
width: 490px;
height: 400px;
background-color: #f1f1f3;
}

.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: center;
line-height: 60px;
font-size: 2.4vw;
color: #fff;
margin-bottom:2vw;
}

.xgt-contact-left p
{
color: #2b2b2b;
font-size: 1.7vw;
line-height:1.5vw;
}
  
.xgt-contact-right 
{
float: left;
width:420px;
height:400px;
}

.xgt-contact-right img
{
width:100%;
height:400px;
}
	
.map-title 
{
font-size: 1.5vw;
line-height: 24px;
}
    
.map-list 
{
font-size: 1.2vw;
line-height: 22px;
color: #333;
margin-top: 6px;
}	
#map
{ 
float:left;
width:90%;
height:400px;
}
}

@media screen and (max-width:900px)
{
.xgt-contact 
{
margin: 30px 0;
width: 100%;
height: 400px;
}
    
.xgt-contact-left 
{
float: left;
width: 410px;
height: 400px;
background-color: #f1f1f3;
}

.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: center;
line-height: 60px;
font-size: 2.4vw;
color: #fff;
margin-bottom:2vw;
}

.xgt-contact-left p
{
color: #2b2b2b;
font-size: 1.7vw;
line-height:2.5vw;
}
  
.xgt-contact-right 
{
float: left;
width:400px;
height:400px;
}

.xgt-contact-right img
{
width:100%;
height:400px;
}
	
.map-title 
{
font-size: 1.5vw;
line-height: 24px;
}
    
.map-list 
{
font-size: 1.2vw;
line-height: 22px;
color: #333;
margin-top: 6px;
}	
#map
{ 
float:left;
width:90%;
height:400px;
}
}

@media screen and (max-width:800px)
{
.xgt-contact 
{
margin: 30px 0;
width: 100%;
height: auto;
}
    
.xgt-contact-left 
{
float: left;
width: 100%;
height: auto;
background-color: #f1f1f3;
}

.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: left;
line-height: 60px;
font-size: 2.8vw;
color: #fff;
margin-bottom:3vw;
padding-left:2.5vw;
}

.xgt-contact-left p
{
color: #2b2b2b;
font-size: 2.4vw;
line-height:3vw;
}
  
.xgt-contact-right 
{
float: left;
width:100%;
height: auto;
}

.xgt-contact-right img
{
width:100%;
height:auto;
}
	
.map-title 
{
font-size: 1.5vw;
line-height: 24px;
}
    
.map-list 
{
font-size: 1.2vw;
line-height: 22px;
color: #333;
margin-top: 6px;
}	
#map
{
display:none;
}
}


@media screen and (max-width:768px)
{
.xgt-contact 
{
margin: 30px 0;
width: 100%;
height: auto;
}
    
.xgt-contact-left 
{
float: left;
width: 100%;
height: auto;
background-color: #f1f1f3;
}

.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: left;
line-height:8vw;
font-size: 3.2vw;
color: #fff;
margin-bottom:3vw;
padding-left:2.5vw;
}

.xgt-contact-left p
{
color: #2b2b2b;
font-size: 2.8vw;
line-height:4.4vw;
}
  
.xgt-contact-right 
{
float: left;
width:100%;
height: auto;
}

.xgt-contact-right img
{
width:100%;
height:auto;
}	

}


@media screen and (max-width:425px)
{
.xgt-contact 
{
margin: 30px 0;
width: 100%;
height: auto;
}
    
.xgt-contact-left 
{
float: left;
width: 100%;
height: auto;
background-color: #f1f1f3;
}

.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: left;
line-height:12vw;
font-size: 5.4vw;
color: #fff;
margin-bottom:4vw;
padding-left:3vw;
}

.xgt-contact-left p
{
color: #2b2b2b;
font-size: 5vw;
line-height:5vw;
margin:0px;
padding:0px;
margin-left:3vw;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
float:left;
width:100%;
}

.xgt-contact-left p  yx
{
display:none;
}
  
  
.xgt-contact-right 
{
float: left;
width:100%;
height: auto;
}

.xgt-contact-right img
{
width:100%;
height:auto;
}
}

@media screen and (max-width:375px)
{
.xgt-contact 
{
margin: 30px 0;
width: auto;
height: auto;
}
   
.xgt-contact-left 
{
display:block;
float: left;
width: auto;
height: auto;
background-color: #f1f1f3;
margin:0px; 
padding:0px;
}

.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: left;
line-height:14vw;
font-size: 6vw;
color: #fff;
margin-bottom:4vw;
padding-left:3vw;
}

.xgt-contact-left p
{
color: #2b2b2b;
font-size: 5.2vw;
line-height:6vh;
height:6vh;
margin:0px;
padding:0px;
margin-left:3vw;
float:left;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

 
.xgt-contact-right 
{
float: left;
width:100%;
height: auto;
}

.xgt-contact-right img
{
width:100%;
height:auto;
}	
}

@media screen and (max-width:320px)
{
.xgt-contact 
{
margin: 30px 0;
width: 100%;
height: auto;
}
    
.xgt-contact-left 
{
float: left;
width: 100%;
height: auto;
background-color: #f1f1f3;
}

.xgt-contact-left span 
{
display: block;
background: #0178CC;
text-align: left;
line-height:14vw;
font-size: 6.5vw;
color: #fff;
margin-bottom:4vw;
padding-left:3vw;
}

.xgt-contact-left p
{
color: #2b2b2b;
font-size: 5.5vw;
line-height:7vw;
margin:0px;
padding:0px;
margin-left:2vw;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
  
.xgt-contact-right 
{
float: left;
width:100%;
height: auto;
}

.xgt-contact-right img
{
width:100%;
height:auto;
}	
}