Blame view

css/contact.css 2.71 KB
7a03bb0c   liuqimichale   关于我们 地图自适应
1
2
3
  .contact{
      background-color: #fff;
  }
0d49f62a   liuqimichale   关于我们自适应
4
5
  .contactside-bg{
      width: 100%;
d66b241f   liuqimichale   banner和百度地图
6
      height:540px;
0d49f62a   liuqimichale   关于我们自适应
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
      background: url("../images/contactside-bg.png") no-repeat;
      background-size: 100% 100%;
  }
  .contactside-bg p:nth-of-type(1){
      font-size:69px;
      font-weight:bold;
      color:rgba(255,255,255,1);
      line-height:69px;
      padding-top: 230px;
  }
  .contactside-bg p:nth-of-type(2){
      padding-top: 30px;
      height:34px;
      font-size:34px;
      font-weight:500;
      color:rgba(255,255,255,1);
      line-height:96px;
  }
  .example-title{
      height:36px;
      line-height: 36px;
      font-size:36px;
      font-weight:500;
      color:rgba(0,0,0,1);
  }
  .example-subtitle{
      margin-top: 29px;
      height:22px;
      line-height: 22px;
      font-size:22px;
      font-weight:400;
      color:rgba(0,0,0,.7);
  }
  .example-wrap li{
      height: 331px;
      margin-top: 58px ;
  }
  .example-wrap-dy{
      background: url("../images/example-wrap-dy.png") no-repeat center center;
      background-size: 90% 100%;
  }
7e3c4b07   liuqimichale   关于我们自适应
48
49
50
51
52
53
54
55
  .example-wrap-cf{
      background: url("../images/example-wrap-cf.png") no-repeat center center;
      background-size: 90% 100%;
  }
  .example-wrap-yz{
      background: url("../images/example-wrap-yz.png") no-repeat center center;
      background-size: 90% 100%;
  }
0d49f62a   liuqimichale   关于我们自适应
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
  .example-wrap-empty{
      background: url("../images/example-wrap-empty.png") no-repeat center center;
      background-size: 90% 100%;
  }
  .example-wrap-main div:nth-of-type(1){
  
      font-size:30px;
      color:rgba(255,255,255,1);
      padding: 130px 0 10px;
  }
  .example-wrap-main div:nth-of-type(2){
      height: 20px;
      line-height: 20px;
      font-size:20px;
      color:rgba(255,255,255,1);
  }
  .contact-map{
4086b819   liuqimichale   banner和百度地图
73
      height: 811px;
7a03bb0c   liuqimichale   关于我们 地图自适应
74
75
      /*background: url("../images/contact-map.png") no-repeat;*/
      /*background-size: 100% 100%;*/
0d49f62a   liuqimichale   关于我们自适应
76
  }
0ceaff21   Andy   add 关于我们 pop地址
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
  /* 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;
      }
  
  }