.biaotibuttom { padding-bottom: 15px; background: url(../images/border.png) bottom no-repeat; font-size: 2rem; margin: 50px 0; } 

 .contact_box ul,
 .contact_box li { list-style: none; padding: 0; margin: 0 } 

 .about_contact { margin: 0 auto; width: 100%; } 

 .contact_box { margin-top: 25px; height: auto; overflow: hidden; position: relative; width: 100% } 

 .map_box { width: 70%; height: 625px; } 

 .map_box .allmap { width: 100%; height: 100%; } 

 .address_list { position: absolute; top: 0px; right: 0px; width: 30%; height: 623px; border: 1px solid #e8e8e8; overflow: hidden; overflow-y: auto; } 

 @media screen and (max-width:1920px){
 .map_box { height: 700px; width: 70% } 

 .address_list { height: 700px; width: 30% } 
 }

 @media screen and (min-width:1920px){
 .map_box { height: 700px; width: 70% } 

 .address_list { height: 700px; width: 30% } 
 }

 .address_scroll { margin-top: 10px; position: absolute; top: 0; left: 15px; height: auto; } 

 .address_scroll li { margin-bottom: 13px; height: auto; _height: 128px; overflow: hidden; position: relative; padding-bottom: 10px; border-bottom: dotted 1px #ddd; padding-top: 10px; } 

 .address_scroll li:hover,
 .address_scroll li.a_r_text_cur { background: #f4f4f4 } 

 .address_scroll .a_l_ico { position: absolute; top: 10px; left: 0; width: 78px; } 

 .address_scroll .a_l_ico a { display: block; width: 78px; overflow: hidden; color: #5c5c5c; text-align: center; line-height: 26px; text-decoration: none; } 

 .address_scroll .a_l_ico a span { display: block; font-size: 14px; } 

 .address_scroll .a_r_text { padding: 4px 10px; float: left; overflow: hidden; cursor: pointer; font-size: 14px; text-align: left; margin-left: 80px; } 

 .address_scroll .a_r_text p { width: 100%; color: #5c5c5c; line-height: 24px; padding: 0; margin: 0; font-size: 12px; } 

 .address_scroll .a_r_text:hover,
 .address_scroll .a_r_text_cur .a_r_text { background: #f4f4f4; } 

 .a_r_text h4 { letter-spacing: normal } 

 .address_scroll .a_r_text .c_url { display: none; } 

 .c_scroll { position: absolute; right: 0; top: 0; width: 4px; height: 100%; background: #ececec; } 

 .c_scroll_bar { position: absolute; top: 0; left: 0; width: 100%; height: 20%; background: #ccc; cursor: pointer; } 

 .contact_type { margin-top: 70px; height: 215px; } 

 .each_msg_center { position: absolute; left: -154px; bottom: 5px; display: none; padding: 25px; width: 300px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border: 1px solid #ccc; background: #fff; } 

 .each_msg_center strong { display: block; margin-bottom: 10px; color: #5c5c5c; } 

 .each_msg_center p { color: #5c5c5c; line-height: 26px; margin: 0; padding: 0; font-size: 14px; } 

 .each_msg_center .look_this_website { display: block; margin-top: 15px; width: 300px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background: #7db2aa; } 

 .each_msg_center .look_this_website:hover { background: #6d9e97; text-decoration: none; } 

 .each_msg_center .cBlue { color: #7db2aa; } 

 .each_msg_center .close_msg_box { position: absolute; right: -10px; top: -10px; cursor: pointer; display: block; width: 32px; height: 32px; background: url(../images/map_close_ico.png?1) no-repeat; transition: .3s all; z-index: 50; } 

 .each_msg_center .close_msg_box:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } 

 .each_msg_center_show { display: block; } 

 .map_label { position: absolute; left: 0px; top: 0px; margin: -18px 0 0 -12px; width: 24px; height: 38px; cursor: pointer; } 

 .contact_type { color: #999; font-size: 14px; } 

 .contact_type p { padding-top: 15px; } 

 .contact_type .mail_ico { display: inline-block; margin-right: 10px; width: 27px; height: 20px; vertical-align: middle; } 

 .contact_type .contact_hot_line { margin-top: 26px; } 

 .contact_type .hot_line_left,
 .contact_type .hot_line_right { position: relative; display: inline; margin-right: 10px; float: left; padding: 10px; width: 420px; background: #f4f4f4; } 

 .contact_type .hot_line_left p,
 .contact_type .hot_line_right p { padding: 0; line-height: 30px; color: #5c5c5c; } 

 .contact_type .hot_line_circle { position: absolute; right: -54px; top: -52px; display: block; width: 133px; height: 132px; } 

 .contact_box ul { left: 0px; } 

 .diaopai { position: absolute; left: -70px; width: 70px; } 

 .diaopai a { display: block; text-align: center; background: #ddd; padding: 10px 20px 20px 20px } 

 .diaopai a.curadr { background: #428bca; color: #fff; } 

 .diaopai a:hover { color: #fff; background: #333 } 

 @media (max-width: 1280px){
 .diaopai { left: 0; z-index: 2 } 
 }

 @media (max-width: 768px){
 .map_box { width: 100%; display: none; } 

 .address_list { width: 100%; position: inherit; float: left; overflow-y: auto; } 

 .diaopai { position: inherit; width: 100%; z-index: 1; } 

 .diaopai a { width: 50%; float: left; text-align: center; padding: 10px; } 

 .map_box { height: 300px; } 
 }

 .address_scroll .a_l_ico a span.pos_name { display: none; } 

 @media (min-width: 1920px){
 .row { max-width: 1440px } 
 }

 @media (min-width: 1360px){
 .diaopai { height: 700px; width: 70px; } 

 .diaopai a { height: 50%; width: 100%; -webkit-writing-mode: vertical-rl; writing-mode: vertical-lr; writing-mode: tb-rl; letter-spacing: 0.3em; } 

 .career-header { padding-left: 70px; } 
 }

 #msg0 { padding: 0; background: transparent; box-shadow: none; border: 0; width: 200px; left: -100px; } 

 #msg0 .close_msg_box { right: 20px; } 

 #msg0 img { width: 119px; } 

 #msg1 img { width: 100px; } 

 #msg1 .close_msg_box { right: 30px; } 

 #msg1 { padding: 0; background: transparent; box-shadow: none; border: 0; width: 200px; left: -100px; } 

 .h4, h4 { font-size: 0.875rem }