.contact_map{ position:relative; } .contact_map .contact_right{ display:inline-block;position:absolute;top:0px;z-index:10;width:100%; } .contact_map .contact_right.active{ display:inline-block; } .contact_map .contact_right iframe{ width:100%; } .contact_map .center_area { z-index:100; } .contact_map .contact_c{ display:inline-block;width:100%;height:158px;background-color:#21038C;color:#BACCE5;padding:25px;box-sizing:border-box; padding-left:60px; } .contact_map .contact_c .top .title{ height:20px;line-height:20px;font-size:13px;margin-bottom:20px;color:#fff; } .contact_map .contact_c .top .split { margin-left:6px;margin-right:6px; } .contact_map .contact_c .top .item{ height:20px;line-height:20px;font-size:13px;padding:0 15px;cursor: pointer;color: #CFCBCB; } .contact_map .contact_c .top .item.active{ color:#fff;background-color:#ff793b;height:23px;line-height:23px;border-radius:10px; } .contact_map .contact_c .top .item.active:hover{ color:#fff; } .contact_map .contact_c .top .left { float:left;height:45px;margin-right:60px; } .contact_map .contact_c .top .right { height:45px; } .contact_map .contact_c .top .right .item { display:inline-block;margin-right:10px;color: #CFCBCB; } .contact_map .contact_c .top .right .item.active{ color:#fff; } .contact_map .contact_c .top .item:hover{ color:#ff793b;; } .contact_map .contact_c .bottom .item { display:none;font-size:12px;line-height:19px;text-align:justify;color: #FFFFFF; } .contact_map .contact_c .bottom .item div{ color:rgba(255,255,255, 0.8); } .contact_map .contact_c .bottom .item.active { display:block; } .contact_map .contact_c .bottom .item div:first-child{ margin-bottom:10px; } .contact_map .contact_c .bottom .item .icon_tel{ width:13px;height:14px;vertical-align: middle;margin-right:6px; } .contact_map .contact_c .bottom .item .icon_addr{ width:11px;height:16px;vertical-align: middle;margin-right:8px; } .container .suggest_tip{ background-color:#d61e2b;color:#fff;text-align:center;height:150px; } .container .suggest_tip div{ font-size: 14px;color: #FFFFFF;line-height: 24px; } .container .suggest_tip .label{ font-weight:bold;font-weight:bold;font-size: 24px;color: #FFFFFF;margin-bottom:20px;padding-top:30px; } .container .form{ margin-top:50px; } .container .form .item{ margin-bottom:20px; } .container .form .item .label{ font-weight:bold;font-weight:bold;font-size: 14px;color: #333333; display:inline-block;width:300px;text-align:right;padding-right:30px;line-height:40px;height:40px;vertical-align: top; } .container .form .item .input{ display:inline-block;text-align:right;width:600px; } .container .form .item .input input,.container .form .item .input select,.container .form .item .input textarea { height:40px;border: 1px solid #DDDDDD;border-radius: 2px;background-color:#F4F4F4;width:600px; } .container .form .item .input button{ background-color:#6f6358;border-radius: 2px;width:160px;color:#fff;text-align:center;height:40px;line-height:40px; border:none;font-weight:bold;font-weight:bold;font-size: 14px; } .container .form .item .input textarea{ height:100px; }