/* by Adon , CSS Document */

.contact{ float:left; width:100%; color:#5c5c5c;}
.contact .p1{ font-size:40px;}
.contact .p2{ font-size:35px; line-height:40px; margin:8px 0 15px 0;}
.contact .p3{font-size:18px;}
.contact .contact-content{ float:left; width:100%; margin:12% 0 50px 0;}
.contact .contact-content .map{ width:55%; height:510px;}
.contact .contact-content .map img{ max-width:none}
.contact .contact-content .contact-l { width:40%;}
.contact .contact-content .contact-l ul li{display:block;}
.contact .contact-content .contact-l ul li.l1{font-size:18px; color:#757575; margin:10px 0 25px 0;}
.contact .contact-content .contact-l ul li.l2{font-size:22px;border:solid 1px #e8e8e8; border-left:none;border-top:none;border-right:none; padding-bottom:10px; margin-bottom:10px;}
.contact .contact-content .contact-l ul li.l3{font-size:15px;}
.contact .contact-content .contact-l ul li.l4{font-size:20px;border:solid 1px #e8e8e8;border-left:none;border-right:none; margin:10px 0; padding:10px 0;}
.contact .contact-ad{ float:left; width:100%;border-top:solid 1px #e8e8e8;}
.contact .contact-ad li{ float:left; width:50%; border-bottom:solid 1px #e8e8e8;padding-bottom:25px;}
.contact .contact-ad li .thumb{ width:40%; max-width:220px; max-height:220px;}
.contact .contact-ad li .item { width:60%; padding-top:60px;}
.contact .contact-ad li .item span{ font-size:16px;display:block; margin-bottom:5px;}
.contact .contact-ad li .item p{ font-size:13px;}
.iw_poi_title {font-family:"微软雅黑";color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font-family:"微软雅黑";font-size:12px;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.BMapLabel{ display:none !important;}

@media (max-width:1024px){
.contact .contact-ad{margin:0 auto;overflow:hidden;float:none;max-width:768px;}
.contact .contact-ad li{width:100%;}
}
@media (max-width:768px){
.contact .p1{font-size:34px}
.contact .p2{font-size:30px}
.contact .p3{font-size:16px}
.contact .contact-content .map{height:400px;}	
.contact .contact-content .contact-l{margin-top:50px;}
.contact .contact-content .map,.contact .contact-content .contact-l{width:100%;}
}
@media (max-width:640px){
.contact .p1{font-size:28px}
.contact .p2{font-size:22px;line-height:28px;margin:8px 0;}
.contact .p3{font-size:14px}
.contact .contact-content .contact-l ul li.l1{ font-size:16px;}
.contact .contact-content .contact-l ul li.l2{ font-size:20px;}
.contact .contact-content .contact-l ul li.l3{ font-size:14px;}
}
@media (max-width:480px){
.contact .contact-content .contact-l{margin-top:30px;}
.contact .contact-ad li{ position:relative; padding-top:100px;background-size:200px;background-position:center -46px;background-repeat:no-repeat;}
.contact .contact-ad li .thumb{ display:none;}
.contact .contact-ad li.l1{ background-image:url(../img/contact1.jpg);}
.contact .contact-ad li.l2{ background-image:url(../img/contact2.jpg);}
.contact .contact-ad li.l3{ background-image:url(../img/contact3.jpg);}
.contact .contact-ad li.l4{ background-image:url(../img/contact4.jpg);}
.contact .contact-ad li .item{ text-align:center;width:100%; padding-top:0;}
}
@media (max-width:320px){
.contact .contact-content .contact-l ul li.l2{ font-size:18px;}
.contact .contact-content .contact-l ul li.l4{ font-size:18px;}
}