|
|
@ -225,7 +225,7 @@ |
|
|
|
alt=""> |
|
|
|
alt=""> |
|
|
|
<p class="text">{{ modules[12].form.title }}</p> |
|
|
|
<p class="text">{{ modules[12].form.title }}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="qrcode m-l-30"> |
|
|
|
<div class="qrcode"> |
|
|
|
<img width="103" |
|
|
|
<img width="103" |
|
|
|
:src=" modules[13].form.pic" |
|
|
|
:src=" modules[13].form.pic" |
|
|
|
alt=""> |
|
|
|
alt=""> |
|
|
@ -338,19 +338,13 @@ export default { |
|
|
|
.banner { |
|
|
|
.banner { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
height: 480px; |
|
|
|
height: 480px; |
|
|
|
|
|
|
|
padding: 110px 0 0 165px; |
|
|
|
background: url(https://huorantech.com/images/about/banner1.png) 0 0 / auto no-repeat, |
|
|
|
background: url(https://huorantech.com/images/about/banner1.png) 0 0 / auto no-repeat, |
|
|
|
url(https://huorantech.com/images/about/banner2.png) (90% 37px) / auto no-repeat; |
|
|
|
url(https://huorantech.com/images/about/banner2.png) (90% 37px) / auto no-repeat; |
|
|
|
background-color: #0f5bed; |
|
|
|
background-color: #0f5bed; |
|
|
|
.texts { |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 130px; |
|
|
|
|
|
|
|
left: 165px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.qrcodes { |
|
|
|
.qrcodes { |
|
|
|
position: absolute; |
|
|
|
|
|
|
|
bottom: 80px; |
|
|
|
|
|
|
|
left: 165px; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
margin-top: 25px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.carousel { |
|
|
|
.carousel { |
|
|
@ -382,6 +376,7 @@ export default { |
|
|
|
margin-top: 10px; |
|
|
|
margin-top: 10px; |
|
|
|
font-size: 12px; |
|
|
|
font-size: 12px; |
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.i-title { |
|
|
|
.i-title { |
|
|
@ -656,6 +651,9 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.qrcode:last-child { |
|
|
|
|
|
|
|
margin-left: 30px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.about { |
|
|
|
.about { |
|
|
@ -1189,14 +1187,24 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media (max-width: 1730px) { |
|
|
|
@media (max-width: 1730px) { |
|
|
|
.wrap .banner .text { |
|
|
|
.wrap { |
|
|
|
left: 100px; |
|
|
|
.banner { |
|
|
|
|
|
|
|
padding-left: 120px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.carousel { |
|
|
|
|
|
|
|
.text-wrap { |
|
|
|
|
|
|
|
left: 120px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media (max-width: 1200px) { |
|
|
|
@media (max-width: 1200px) { |
|
|
|
.wrap { |
|
|
|
.wrap { |
|
|
|
.banner { |
|
|
|
.banner { |
|
|
|
.text { |
|
|
|
padding-left: 30px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.carousel { |
|
|
|
|
|
|
|
.text-wrap { |
|
|
|
left: 30px; |
|
|
|
left: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -1252,6 +1260,9 @@ export default { |
|
|
|
margin-right: 0; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.clients { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
.contact { |
|
|
|
.contact { |
|
|
|
.info { |
|
|
|
.info { |
|
|
|
margin-left: 0; |
|
|
|
margin-left: 0; |
|
|
@ -1263,14 +1274,28 @@ export default { |
|
|
|
margin: 0 0 30px 0; |
|
|
|
margin: 0 0 30px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.qrcode:last-child { |
|
|
|
|
|
|
|
margin: 20px 0 0 0; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media (max-width: 640px) { |
|
|
|
@media (max-width: 640px) { |
|
|
|
.wrap { |
|
|
|
.wrap { |
|
|
|
.banner { |
|
|
|
.banner { |
|
|
|
.text { |
|
|
|
.texts { |
|
|
|
max-width: 80%; |
|
|
|
max-width: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.contact { |
|
|
|
|
|
|
|
.inner { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.title { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.info { |
|
|
|
|
|
|
|
padding: 0 5%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|