.hx-main{ width:1440px; margin:0 auto;}

	

.hx-contact 

{

margin: 30px 0;

width: 100%;

height: 415px;



}

    

.hx-contact-left 

{

float: left;

width: 696px;

height: 432px;

background-color: #f1f1f3;

color: #2b2b2b;

font-size: 1.2vw;



}

    

.hx-contact-right 

{

float: left;

}



.hx-contact-right img

{

width:675px;

height:auto;

margin-left:5px;

}

    

.hx-contact-left span 

{

display: block;

background: #003370;

text-align: center;

line-height: 80px;

font-size: 26px;

color: #fff;

margin-bottom:10px;

}

    

.hx-contact-right p 

{ margin: 0px;    }

    

.hx-contact-left p 

{

padding-left: 20px;

height: 50px;

line-height: 50px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}



#map

{ 

float:left;

max-width:99%;

}

	

	

.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)

{

.hx-main{ width:100%; margin:0 auto; margin:0px; padding:0px;}



.hx-contact 

{

margin: 30px 0;

width: 100%;

height: 380px;

}

    

.hx-contact-left 

{

float: left;

width: 520px;

height: 380px;

background-color: #f1f1f3;

}



.hx-contact-left span 

{

display: block;

background: #003370;

text-align: center;

line-height: 60px;

font-size: 2.2vw;

color: #fff;

margin-bottom:3vw;

}



.hx-contact-left p

{

color: #2b2b2b;

font-size: 1.8vw;

line-height:3.5vw;

margin:0px;

padding:0px;

float:left;

margin-left:10px;

}

  

.hx-contact-right 

{

float: left;

width:530px;

height:380px;

}



.hx-contact-right img

{

width:100%;

height:380px;

}

	

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

max-width:100%;

}



.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)

{

.hx-contact 

{

margin: 30px 0;

width: 100%;

height: 320px;

}

    

.hx-contact-left 

{

float: left;

width: 500px;

height: 320px;

background-color: #f1f1f3;

}



.hx-contact-left span 

{

display: block;

background: #003370;

text-align: center;

line-height: 60px;

font-size: 2.4vw;

color: #fff;

margin-bottom:2vw;

}



.hx-contact-left p

{

color: #2b2b2b;

font-size: 1.8vw;

line-height:2.5vw;

margin:0px;

padding:0px;

float:left;

margin-left:10px;

}

  

.hx-contact-right 

{

float: left;

width:450px;

height:320px;

}



.hx-contact-right img

{

width:100%;

height:320px;

}

	

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

max-width:100%;

height:370px;

}

}



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

{

.hx-contact 

{

margin: 30px 0;

width: 100%;

height: 300px;

}

    

.hx-contact-left 

{

float: left;

width: 470px;

height: 300px;

background-color: #f1f1f3;

}



.hx-contact-left span 

{

display: block;

background: #003370;

text-align: center;

line-height: 60px;

font-size: 2.4vw;

color: #fff;

margin-bottom:2vw;

}



.hx-contact-left p

{

color: #2b2b2b;

font-size: 1.8vw;

line-height:4vw;

margin:0px;

padding:0px;

float:left;

margin-left:10px;

}

  

.hx-contact-right 

{

float: left;

width:380px;

height:300px;

}



.hx-contact-right img

{

width:100%;

height:300px;

}

	

.map-title 

{

font-size: 1.5vw;

line-height: 24px;

}

    

.map-list 

{

font-size: 1.2vw;

line-height: 22px;

color: #333;

margin-top: 6px;

}	



}



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

{

.hx-contact 

{

margin: 30px 0;

width: 100%;

height: auto;

}

    

.hx-contact-left 

{

float: left;

width: 100%;

height:380px;

background-color: #f1f1f3;

}



.hx-contact-left span 

{

display: block;

background: #003370;

text-align: left;

line-height: 60px;

font-size: 2.8vw;

color: #fff;

margin-bottom:3vw;

padding-left:2.5vw;

}



.hx-contact-left p

{

color: #333;

font-size: 2.3vw;

line-height:2vw;

margin:0px;

padding:0px;

float:left;

width:100%;

margin-left:15px;

}

  

.hx-contact-right 

{

float: left;

width:100%;

height: auto;

}



.hx-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)

{

.hx-contact 

{

margin: 30px 0;

width: 100%;

height: auto;

}

    

.hx-contact-left 

{

float: left;

width: 100%;

height: auto;

background-color: #f1f1f3;

}



.hx-contact-left span 

{

display: block;

background: #003370;

text-align: left;

line-height:8vw;

font-size: 3.2vw;

color: #fff;

margin-bottom:3vw;

padding-left:2.5vw;

}



.hx-contact-left p

{

color: #2b2b2b;

font-size: 2.4vw;

line-height:3.5vw;



}

  

.hx-contact-right 

{

float: left;

width:100%;

height: auto;

}



.hx-contact-right img

{

width:100%;

height:auto;

}	



}





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

{

.hx-contact 

{

margin: 30px 0;

width: 100%;

height: auto;

}

    

.hx-contact-left 

{

float: left;

width: 100%;

height: auto;

background-color: #f1f1f3;

}



.hx-contact-left span 

{

display: block;

background: #003370;

text-align: left;

line-height:12vw;

font-size: 4.5vw;

color: #fff;

margin-bottom:4vw;

padding-left:3vw;

}



.hx-contact-left p

{

color: #2b2b2b;

font-size: 4vw;

line-height:3.5vh;

margin:0px;

padding:0px;

margin-left:3vw;

}



.hx-contact-left p sj

{

display:none;

}

  

.hx-contact-right 

{

float: left;

width:100%;

height: auto;

}



.hx-contact-right img

{

width:100%;

height:auto;

}

}



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

{

.hx-contact 

{

margin: 30px 0;

width: 100%;

height: auto;

}

   

.hx-contact-left 

{

display:block;

float: left;

width: auto;

height: auto;

background-color: #f1f1f3;

margin:0px; 

padding:0px;

}



.hx-contact-left span 

{

display: block;

background: #003370;

text-align: left;

line-height:14vw;

font-size: 4.8vw;

color: #fff;

margin-bottom:4vw;

padding-left:3vw;

}



.hx-contact-left p

{

color: #2b2b2b;

font-size: 4.2vw;

line-height:6vh;

margin:0px;

padding:0px;

margin-left:1vw;

float:left;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

}







.hx-contact-left p dz

{

display:none;

} 

 





.hx-contact-right 

{

float: left;

width:100%;

height: auto;

}



.hx-contact-right img

{

width:100%;

height:auto;

}	

}



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

{

.hx-contact 

{

margin: 30px 0;

width: 100%;

height: auto;

}

    

.hx-contact-left 

{

float: left;

width: 100%;

height: auto;

background-color: #f1f1f3;

}



.hx-contact-left span 

{

display: block;

background: #003370;

text-align: left;

line-height:14vw;

font-size: 5.5vw;

color: #fff;

margin-bottom:4vw;

padding-left:3vw;

}



.hx-contact-left p

{

color: #2b2b2b;

font-size: 5vw;

line-height:6vh;

margin:0px;

padding:0px;

margin-left:2vw;

}

 

.hx-contact-left p cz

{

display:none;

}

  

.hx-contact-right 

{

float: left;

width:100%;

height: auto;

}



.hx-contact-right img

{

width:100%;

height:auto;

}	

}