﻿.contact_div{margin:0px auto;width:100%;height:auto;text-align:center;clear:both;overflow:hidden;}

.contact{margin:0px auto;width:86%;height:auto;padding:1rem 0% 1rem 0%;clear:both;overflow:hidden;}
.contact ul{float:left;width:50%;padding:3% 47% 3% 3%;text-align:left;font-size:0.16rem;color:#000000;}
.contact dl{float:left;width:100%;height:auto;margin:0.2rem 0% 0.4rem 0%;text-align:left;}
.contact dl span{float:left;width:auto;line-height:220%;color:#000000;font-size:0.28rem;font-family:'geomanist_400';border-bottom:0.04rem #DA251D solid;}
.contact li{float:left;width:100%;height:auto;padding:0rem 0rem 0.2rem 0rem;line-height:150%;font-size:0.18rem;text-align:left;}
.contact li i{float:left;width:0.3rem;color:#333333;font-size:0.2rem;}
.contact li span{float:left;}
.contact li a{color:#333333;font-size:0.16rem;}
.contact li a:hover{font-size:0.16rem;text-decoration:underline;}
.contact li font{color:#ffffff;}
.contact li .fa-map-marker {font-size:0.20rem;line-height:100%;}
.contact li .fa-mobile {font-size:0.26rem;line-height:100%;}

/*电子地图*/
.contact_map{margin:0px auto;width:100%;height:auto;padding:1rem 0rem 1rem 0rem;text-align:center;clear:both;overflow:hidden;}
#dituContent{margin:0px auto;width:86%;height:4rem;padding:0rem 0rem 0rem 0rem;border:0px;clear:both;overflow:hidden;}
.my-map {margin:0 auto;width:100%;height:100%;}
.my-map .icon {background:url(/map/en_map.png) no-repeat; }
.my-map .icon-cir { height:31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }

@media screen and (min-width:1921px){
.contact,#dituContent{width:16rem;}
}
@media screen and (min-width:1441px) and (max-width:1680px){
.contact,#dituContent{width:96%;}
.contact dl{font-size:0.24rem;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
.contact,#dituContent{width:96%;}
.contact dl{font-size:0.24rem;}
}
@media screen and (min-width:900px) and (max-width:1199px){
.contact{width:96%;}
.contact ul{width:67%;padding:3% 30% 3% 3%;}
.contact dl{font-size:0.24rem;}

#dituContent{height:4rem;}
}
@media screen and (max-width:899px){
.contact,#dituContent{width:90%;}
.contact ul{width:87%;padding:0% 10% 3% 3%;}
.contact dl{line-height:140%;margin:0rem 0% 0rem 0%;padding:0rem 0rem 0.6rem 0rem;font-size:0.36rem;font-family:'geomanist_700';}
.contact li,.contact ul li a{font-size:0.24rem;}
.contact li i{width:0.4rem;font-size:0.24rem;}
.contact li .fa-map-marker {font-size:0.24rem;line-height:100%;}
.contact li .fa-mobile {font-size:0.30rem;line-height:100%;}

.contact_map{padding:0.4rem 0rem 0.6rem 0rem;}
}