culture.html
7.15 KB
1
2
3
4
5
6
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../../../static/css/about/culture.css">
</head>
<body>
<div class="cont">
<!-- OUR VISION -->
<div class="vision">
<div class="vision_text">
<p class="title">VISIÓN</p>
<P class="text" style="width: 530px;">
Convertirnos en una empresa energética internacional integrada de categoría mundial, construida para durar.
</P>
</div>
<img src="../../../static/imgs/about/culture/vision.jpg" alt="">
</div>
<!-- Our Strategies -->
<div class="strategies">
<div class="strategies_text">
<p class="title">ESTRATEGIAS</p>
</div>
<div class="img_cont">
<div>
<img src="../../../static/imgs/about/culture/strategies1.jpg" alt="">
<p>Innovación </p>
</div>
<div>
<img src="../../../static/imgs/about/culture/strategies2.jpg" alt="">
<p>Recursos </p>
</div>
<div>
<img src="../../../static/imgs/about/culture/strategies3.jpg" alt="">
<p>Mercado </p>
</div>
<div>
<img src="../../../static/imgs/about/culture/strategies4.jpg" alt="">
<p>Internacionalización </p>
</div>
<div>
<img src="../../../static/imgs/about/culture/strategies5.jpg" alt="">
<p>Verde y baja emisión de carbono</p>
</div>
</div>
</div>
<!-- Our Values -->
<div class="values">
<div class="values_text">
<p class="title">VALORES</p>
</div>
<div class="img_cont">
<div>
<img src="../../../static/imgs/about/culture/values1.jpg" alt="">
<p>Desarrollo ecológico Suministro de energía fiable</p>
</div>
<div>
<img src="../../../static/imgs/about/culture/values2.jpg" alt="">
<p>Suministrar para impulsar el crecimiento de nuestros clientes y la felicidad de las personas</p>
</div>
</div>
</div>
<!-- CHUANQING SPIRIT -->
<div class="values">
<div class="values_text">
<p class="title">ESPÍRITU CHUANQING</p>
</div>
<div class="img_cont">
<div>
<img src="../../../static/imgs/about/culture/spirit1.jpg" alt="">
<p>Afrontar retos y problemas</p>
</div>
<div>
<img src="../../../static/imgs/about/culture/spirit2.jpg" alt="">
<p>Atreverse a ser el primero</p>
</div>
</div>
</div>
<!-- COOPERATION -->
<div class="cooperation">
<div class="cooperation_text">
<p class="title">Concepto de cooperación internacional</p>
<P class="text">
Beneficio mutuo y cooperación beneficiosa para todos
</P>
</div>
<img src="../../../static/imgs/about/culture/cooperation.jpg" alt="">
</div>
<!-- Quality, health, safety and environmental -->
<div class="six">
<div class="six_text">
<p class="title">Concepto de calidad, salud, seguridad y protección del medio ambiente</p>
</div>
<div class="img_cont">
<div>
<img src="../../../static/imgs/about/culture/six1.jpg" alt="">
<p>Orientado a las personas</p>
</div>
<div>
<img src="../../../static/imgs/about/culture/six2.jpg" alt="">
<p>La calidad ante todo</p>
</div>
<div>
<img src="../../../static/imgs/about/culture/six3.jpg" alt="">
<p>La seguridad ante todo</p>
</div>
<div>
<img src="../../../static/imgs/about/culture/six4.jpg" alt="">
<p>La protección del medio ambiente ante todo</p>
</div>
</div>
</div>
<!-- 7.A pioneer for Complex Oil & Gasfield Service -->
<div class="seven">
<div class="seven_text">
<p class="title">Pionero en servicios complejos para yacimientos petrolíferos y de gas</p>
</div>
<div class="img_cont">
<div>
<img src="../../../static/imgs/about/culture/seven.jpg" alt="">
</div>
</div>
</div>
<!-- Social Responsibility -->
<div class="eight">
<p class="title">Responsabilidad Social</p>
<div class="img_text">
<div class="content">
<img src="../../../static/imgs/about/culture/eight1.jpg" alt="">
<p style="text-align: justify;">
En el verano de 2022, la enorme inundación de Pakistán causó 1.061 muertos y más de 1.575 heridos. Como empresa responsable, la sucursal de Pakistán contribuyó activamente al poder de Chuanqing en el alivio de las inundaciones locales.</p>
</div>
<div class="content" style="margin-top: 20px;">
<img src="../../../static/imgs/about/culture/eight2.jpg" alt="">
<p>
La sucursal de Pakistán participó en la actividad local de donación contra la plaga de langosta.</p>
</div>
<div class="content" style="margin-top: 20px;">
<img src="../../../static/imgs/about/culture/eight3.jpg" alt="">
<p>
La sucursal de Turkmenistán de la CCDC repara 30 km de carretera para los residentes locales.
</p>
</div>
<div class="content" style="margin-top: 20px;">
<img src="../../../static/imgs/about/culture/eight4.jpg" style="height: 481px !important;" alt="">
<p>
Los ingenieros de lodo del Proyecto Perú saludaron a la guardería local en el Día del Niño.
</p>
</div>
</div>
</div>
</div>
</body>
<script>
function convertToSuperscript(str) {
var regex = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]+/; // 定义特殊符号的正则表达式
if (regex.test(str)) {
return str.replace(/([!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?])/g, '<sup>$1</sup>'); // 使用正则表达式全局替换特殊符号并添加上标样式
} else {
return str;
}
}
var inputStr = "Hello World!";
console.log(convertToSuperscript(inputStr));
</script>
</html>