|
|
@@ -3,7 +3,7 @@
|
|
|
<div id="sino-footer">
|
|
|
<div class="sino-footer-box">
|
|
|
<div class="footer-info">
|
|
|
- <ul>
|
|
|
+ <ul class="ul-info">
|
|
|
<li class="tel">400-6807300</li>
|
|
|
<li class="small-tel">010-59626411</li>
|
|
|
<li class="small-tel">010-53608318</li>
|
|
|
@@ -13,6 +13,9 @@
|
|
|
<img src="~/assets/images/index/logo2.png" alt="" srcset="">
|
|
|
</li>
|
|
|
</ul>
|
|
|
+ <div class="left_circle">
|
|
|
+ <img src="~/assets/images/index/left_circle.png" alt="" srcset="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="footer-nav">
|
|
|
<ul class="footer-nav-parent">
|
|
|
@@ -95,7 +98,16 @@
|
|
|
height: auto;
|
|
|
margin: 0 auto;
|
|
|
.footer-info {
|
|
|
- margin-right: 130px;
|
|
|
+ position: relative;
|
|
|
+ // margin-right: 130px;
|
|
|
+ // background-image: url("~assets/images/index/left_circle.png");
|
|
|
+ // background-repeat: no-repeat;
|
|
|
+ // background-position: top 8px left 0px;
|
|
|
+ // background-size: 137px 137px;
|
|
|
+ .ul-info {
|
|
|
+ position: relative;
|
|
|
+ z-index: 10;
|
|
|
+ }
|
|
|
.tel {
|
|
|
color: #FFFFFF;
|
|
|
font-size: 46px;
|
|
|
@@ -122,6 +134,21 @@
|
|
|
height: 60px;
|
|
|
}
|
|
|
}
|
|
|
+ .left_circle {
|
|
|
+ position: absolute;
|
|
|
+ z-index: 1;
|
|
|
+ top: 8px;
|
|
|
+ left: -124px;
|
|
|
+ width: 137px;
|
|
|
+ height: 137px;
|
|
|
+ // background: linear-gradient(239deg, #171D31 0%, #252A3E 100%);
|
|
|
+ font-size: 0;
|
|
|
+ border-radius: 50%;
|
|
|
+ img {
|
|
|
+ width: 137px;
|
|
|
+ height: 137px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.footer-nav {
|
|
|
.footer-nav-parent {
|
chending1994
