@charset "utf-8";
/* CSS Document */
@import url(/css/public.css);


.contact_top{ background:url(../img/001.gif) no-repeat center 75px; min-height:824px;}
.contact_top p{ font-size:18px; line-height:30px; color:#808080; height:280px; padding:180px 0 0 0; text-align:center}
.contact_top ul{ text-align:center; margin:0 -45px;}
.contact_top li{padding:0 45px; float:left; width:33.3333%; margin-top:0}
.contact_top li:hover{}
.contact_top li .box{height: 530px;background:#fff;border:1px solid #ccc;border-radius:10px;padding: 45px 0 0 0;text-align:center;}
.contact_top li .box:hover{ margin-top:-10px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
.contact_top li img{display:block; margin:0 auto;}
.contact_top li .QR{margin-top: 70PX;}
.contact_top li p{ text-align:center; padding:0; height:auto; font-size:18px;line-height:34px;}
.contact_top li p.t1{color:#4184ff;padding: 75px 0 0 0;}
.contact_top li p.t2{color:#b2b2b2; padding:0 0 15px;}
.contact_top li p.t3,.contact_top li a{color:#4c4c4c; line-height:31px;}
.contact_top li p.t3{ padding:0 0 10px;}
.contact_top li a:hover{ color:#4184ff;}

.contact_map{ margin:80px 0px; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.contact_map .hd{ height:66px; border-bottom:1px solid #ccc; background:url(../img/004.gif) no-repeat 45px 20px #f2f2f2;}
.contact_map .bd{/*padding:22px;*/ height:420px;}