add 关于我们 pop地址

Andy
1 parent 2a055972
Showing 5 changed files with 55 additions and 1 deletions
contact.html
css/contact.css
images/cont_des.png
images/cont_email.png
images/cont_iph.png
@@ -112,7 +112,13 @@
  
 <section id="" class="section contact">
     <div class="container">
-        <div class="row">
+        <div class="row rnt_pos_rel">
+            <div class="contact_msg_cont rnt_pos_abs">
+                <div class="contact_pop pop_tel">电话:(0510) 66055077　</div>
+                <div class="contact_pop pop_email">邮箱:info@zte-its.com</div>
+                <div class="contact_pop pop_des">地址:江苏省无锡新区菱湖大道200号</div>
+                <div class="contact_pop pop_las">中国传感网国际创新园A座6层</div>
+            </div>
             <!--<div class="example-title text-center">联系我们</div>-->
             <!--<div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>-->
             <div class="col-md-12 col-xs-12 contact-map" id="main">
@@ -74,3 +74,51 @@
     /*background: url("../images/contact-map.png") no-repeat;*/
     /*background-size: 100% 100%;*/
 }
+/* echarts map div sta*/
+.contact_msg_cont{
+    width: 325px;
+    height: 151px;
+    background: rgba(73,164,254,0);
+    border: 1px solid #49A4FE;
+    top: 450px;
+    right: 18px;
+    z-index: 9999;
+    padding: 20px 17px 0px 22px;
+}
+.contact_pop{
+    /*height: 18px;*/
+    line-height: 22px;
+    width: 290px;
+    /*height:16px;*/
+    font-size:16px;
+    font-weight:500;
+    color:rgba(0,0,0,.8);
+    text-indent: 26px;
+}
+.pop_tel{
+    background: url("../images/cont_iph.png") no-repeat;
+    background-size: 15px 15px;
+    background-position: 0px 3.5px;
+    margin-bottom: 10px;
+}
+.pop_email{
+    background: url("../images/cont_email.png") no-repeat;
+    background-size: 17px 13px;
+    background-position: 0px 4.5px;
+    margin-bottom: 10px;
+}
+.pop_des{
+    background: url("../images/cont_des.png") no-repeat;
+    background-size: 18px 16px;
+    background-position: 0px 3px;
+}
+.pop_las{
+    padding-left: 38px;
+}
+@media screen and (max-width: 1200px){
+    .contact_msg_cont{
+        display: none;
+    }
+
+}
+