|
|
@ -113,6 +113,9 @@ |
|
|
|
<img class="love" |
|
|
|
<img class="love" |
|
|
|
src="@/assets/images/love.png" |
|
|
|
src="@/assets/images/love.png" |
|
|
|
alt=""> |
|
|
|
alt=""> |
|
|
|
|
|
|
|
<img class="contact-info" |
|
|
|
|
|
|
|
src="@/assets/images/contact-info.png" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="" |
|
|
|
<el-dialog title="" |
|
|
@ -181,7 +184,7 @@ export default { |
|
|
|
.i-title { |
|
|
|
.i-title { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
margin-bottom: 37px; |
|
|
|
margin-bottom: 37px; |
|
|
|
font-size: 30px; |
|
|
|
font-size: 2rem; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
color: #0b1d30; |
|
|
|
color: #0b1d30; |
|
|
|
} |
|
|
|
} |
|
|
@ -313,6 +316,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
img { |
|
|
|
img { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
object-fit: cover; |
|
|
|
} |
|
|
|
} |
|
|
|
h6 { |
|
|
|
h6 { |
|
|
|
margin: 15px 24px 10px; |
|
|
|
margin: 15px 24px 10px; |
|
|
@ -329,9 +333,9 @@ export default { |
|
|
|
.profit { |
|
|
|
.profit { |
|
|
|
margin-bottom: 70px; |
|
|
|
margin-bottom: 70px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
font-size: 30px; |
|
|
|
.item1 { |
|
|
|
.item1 { |
|
|
|
line-height: 250px; |
|
|
|
line-height: 250px; |
|
|
|
font-size: 30px; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
background: url(../../assets/images/dev/profit-bg1.png) 0 0/100% 100% no-repeat; |
|
|
|
background: url(../../assets/images/dev/profit-bg1.png) 0 0/100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
@ -343,16 +347,21 @@ export default { |
|
|
|
height: 202px; |
|
|
|
height: 202px; |
|
|
|
padding: 0 30px; |
|
|
|
padding: 0 30px; |
|
|
|
margin: -100px auto 0; |
|
|
|
margin: -100px auto 0; |
|
|
|
font-size: 30px; |
|
|
|
|
|
|
|
color: #0b1d30; |
|
|
|
color: #0b1d30; |
|
|
|
background: url(../../assets/images/dev/profit-bg2.png) 0 0/100% 100% no-repeat; |
|
|
|
background: url(../../assets/images/dev/profit-bg2.png) 0 0/100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.contact { |
|
|
|
.contact { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
height: 250px; |
|
|
|
height: 250px; |
|
|
|
background: url(../../assets/images/contact-info.png) center center/auto no-repeat, |
|
|
|
background: url(../../assets/images/contact-bg.png) 0 0/100% 100% no-repeat; |
|
|
|
url(../../assets/images/contact-bg.png) 0 0/100% 100% no-repeat; |
|
|
|
.contact-info { |
|
|
|
|
|
|
|
max-width: 100%; |
|
|
|
|
|
|
|
object-fit: cover; |
|
|
|
|
|
|
|
} |
|
|
|
.love { |
|
|
|
.love { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: -45px; |
|
|
|
top: -45px; |
|
|
@ -380,6 +389,16 @@ export default { |
|
|
|
.inner { |
|
|
|
.inner { |
|
|
|
width: 90%; |
|
|
|
width: 90%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.profit { |
|
|
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
|
|
.item1 { |
|
|
|
|
|
|
|
background-size: cover; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.item2 { |
|
|
|
|
|
|
|
width: 90%; |
|
|
|
|
|
|
|
background-size: cover; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media (max-width: 1000px) { |
|
|
|
@media (max-width: 1000px) { |
|
|
@ -438,6 +457,21 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
@media (max-width: 600px) { |
|
|
|
@media (max-width: 600px) { |
|
|
|
.wrap { |
|
|
|
.wrap { |
|
|
|
|
|
|
|
.banner { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
padding: 5rem 0 0 0; |
|
|
|
|
|
|
|
color: #064791; |
|
|
|
|
|
|
|
h6, |
|
|
|
|
|
|
|
.text { |
|
|
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.dev { |
|
|
|
|
|
|
|
position: static; |
|
|
|
|
|
|
|
transform: translateX(0); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
.progress { |
|
|
|
.progress { |
|
|
|
padding-left: 0; |
|
|
|
padding-left: 0; |
|
|
|
} |
|
|
|
} |
|
|
|