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
|
background: url("../images/contactside-bg.png") no-repeat;
background-size: 100% 100%;
}
.contactside-bg p:nth-of-type(1){
|
|
a7cdc401
liuqimichale
关于我们 间距
|
11
|
font-size:44px;
|
|
0d49f62a
liuqimichale
关于我们自适应
|
12
13
|
font-weight:bold;
color:rgba(255,255,255,1);
|
|
a7cdc401
liuqimichale
关于我们 间距
|
14
|
padding-top: 170px;
|
|
0d49f62a
liuqimichale
关于我们自适应
|
15
16
17
18
|
}
.contactside-bg p:nth-of-type(2){
padding-top: 30px;
height:34px;
|
|
a7cdc401
liuqimichale
关于我们 间距
|
19
|
font-size:24px;
|
|
0d49f62a
liuqimichale
关于我们自适应
|
20
21
|
font-weight:500;
color:rgba(255,255,255,1);
|
|
0d49f62a
liuqimichale
关于我们自适应
|
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
}
.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
关于我们自适应
|
46
47
48
49
50
51
52
53
|
.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
关于我们自适应
|
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
.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和百度地图
|
71
|
height: 811px;
|
|
7a03bb0c
liuqimichale
关于我们 地图自适应
|
72
73
|
/*background: url("../images/contact-map.png") no-repeat;*/
/*background-size: 100% 100%;*/
|
|
0d49f62a
liuqimichale
关于我们自适应
|
74
|
}
|
0ceaff21
 Andy
add 关于我们 pop地址
|
75
76
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
|
/* 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;
}
}
|
