7a03bb0c
 liuqimichale
关于我们 地图自适应
|
1
2
3
|
.contact{
background-color: #fff;
}
|
|
0d49f62a
liuqimichale
关于我们自适应
|
4
5
|
.contactside-bg{
width: 100%;
|
|
d66b241f
liuqimichale
banner和百度地图
|
6
|
height:540px;
|
|
ac8b53a3
liuqimichale
关于我们 banner
|
7
|
background: url("../images/contactside-bg.jpg") no-repeat;
|
|
0d49f62a
liuqimichale
关于我们自适应
|
8
9
10
|
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
|
.example-wrap-empty{
background: url("../images/example-wrap-empty.png") no-repeat center center;
background-size: 90% 100%;
}
|
|
2656ab95
liuqimichale
关于我们 banner
|
58
59
60
61
62
63
64
65
66
67
68
69
70
|
.example-wrap-main>div{
width:200px;
height:119px;
background:rgba(73,164,254,.7);
position: relative;
left: 50%;
top:50%;
margin-left: -100px;
margin-top: -60px;
}
.example-wrap-main>div>div:nth-of-type(1){
padding: 20px 0 7px;
text-align: center;
|
|
0d49f62a
liuqimichale
关于我们自适应
|
71
72
|
font-size:30px;
color:rgba(255,255,255,1);
|
|
0d49f62a
liuqimichale
关于我们自适应
|
73
|
}
|
|
2656ab95
liuqimichale
关于我们 banner
|
74
|
.example-wrap-main>div>div:nth-of-type(2){
|
|
0d49f62a
liuqimichale
关于我们自适应
|
75
76
77
78
79
80
|
height: 20px;
line-height: 20px;
font-size:20px;
color:rgba(255,255,255,1);
}
.contact-map{
|
|
4086b819
liuqimichale
banner和百度地图
|
81
|
height: 811px;
|
|
7a03bb0c
liuqimichale
关于我们 地图自适应
|
82
83
|
/*background: url("../images/contact-map.png") no-repeat;*/
/*background-size: 100% 100%;*/
|
|
0d49f62a
liuqimichale
关于我们自适应
|
84
|
}
|
0ceaff21
 Andy
add 关于我们 pop地址
|
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
124
125
126
127
128
129
130
131
|
/* 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;
}
}
|
