Skip to content

html / bdideal

Go to a project
Commit 5e29cb4c by hank
Options

bug

parent b39a18ec
Showing with 47 additions and 33 deletions
style/about.css
...@@ -513,6 +513,7 @@ ul { ...@@ -513,6 +513,7 @@ ul {
background-size: cover; background-size: cover;
width: 6.7rem; width: 6.7rem;
height: 3.83rem; height: 3.83rem;
overflow: hidden;
color: white; color: white;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
......
style/about.less
...@@ -532,6 +532,7 @@ ul { ...@@ -532,6 +532,7 @@ ul {
width:auto; width:auto;
height:auto; height:auto;
position: relative; position: relative;
// overflow: hidden;
bottom: 0; bottom: 0;
left: 0.05rem; left: 0.05rem;
padding-top: 2.5rem; padding-top: 2.5rem;
...@@ -541,7 +542,7 @@ ul { ...@@ -541,7 +542,7 @@ ul {
background-size: cover; background-size: cover;
width:6.7rem; width:6.7rem;
height:3.83rem; height:3.83rem;
overflow: hidden;
color: white; color: white;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
......
style/index.css
...@@ -1012,13 +1012,13 @@ ul { ...@@ -1012,13 +1012,13 @@ ul {
} }
.our-products { .our-products {
background-size: cover; background-size: cover;
height: 854px; height: 14rem;
} }
.our-products .our { .our-products .our {
background: none; background: none;
background-size: 98%; background-size: 98%;
background-position: 0 100px; background-position: 0 100px;
height: 1000px; height: auto;
} }
.our-products .our .views-content { .our-products .our .views-content {
top: 200px; top: 200px;
...@@ -1058,6 +1058,8 @@ ul { ...@@ -1058,6 +1058,8 @@ ul {
} }
.our-products .views-content { .our-products .views-content {
position: absolute; position: absolute;
width: 6.35rem ;
height: 4.21rem ;
z-index: 999; z-index: 999;
top: -40px; top: -40px;
left: 5%; left: 5%;
...@@ -1068,17 +1070,18 @@ ul { ...@@ -1068,17 +1070,18 @@ ul {
} }
.our-products .views-content a { .our-products .views-content a {
position: absolute; position: absolute;
bottom: 40px; bottom: 0.2rem;
right: 40px; right: 0.50rem;
text-align: center; text-align: center;
width: 107.2px; width: 1.3rem;
height: 31.2px; height: 0.48rem;
line-height: 31.2px; line-height: 0.48rem;
font-size: 14.5px; font-size: 0.22rem;
} }
.our-products .views-content .left-item { .our-products .views-content .left-item {
height: 316px !important; height: 4.21rem ;
margin-bottom: 30px; margin-bottom: 1rem;
width: auto;
} }
.our-products .views-content .left-item a { .our-products .views-content .left-item a {
display: inline-block; display: inline-block;
...@@ -1087,14 +1090,14 @@ ul { ...@@ -1087,14 +1090,14 @@ ul {
cursor: pointer; cursor: pointer;
} }
.our-products .views-content .introduce { .our-products .views-content .introduce {
width: 340px; width: 6.35rem ;
height: 316px; height: 4.21rem ;
background: url('../img/mapbg.png') no-repeat top center; background: url('../img/mapbg.png') no-repeat top center;
background-size: cover; background-size: cover;
padding-left: 34px; padding-left: 0.5rem;
} }
.our-products .views-content .introduce .top { .our-products .views-content .introduce .top {
padding-top: 20px !important; padding-top: 0.2rem !important;
} }
.our-products .views-content .introduce .top .line1 { .our-products .views-content .introduce .top .line1 {
width: 169px; width: 169px;
...@@ -1124,8 +1127,11 @@ ul { ...@@ -1124,8 +1127,11 @@ ul {
.our-products .views-content .introduce .bottom { .our-products .views-content .introduce .bottom {
padding-top: 20px !important; padding-top: 20px !important;
color: #979797; color: #979797;
font-size: 14px; font-size: 0.2rem !important;
line-height: 30px; line-height: 0.3rem !important;
}
.our-products .views-content .two {
margin-left: 0.5rem;
} }
.left-menu { .left-menu {
display: inline-block; display: inline-block;
......
style/index.less
...@@ -1095,12 +1095,12 @@ ul { ...@@ -1095,12 +1095,12 @@ ul {
} }
.our-products { .our-products {
background-size: cover; background-size: cover;
height: 854px; height: 14rem;
.our { .our {
background: none; background: none;
background-size: 98%; background-size: 98%;
background-position: 0 100px; background-position: 0 100px;
height:1000px; height:auto;
.views-content { .views-content {
top: 200px; top: 200px;
} }
...@@ -1142,6 +1142,8 @@ ul { ...@@ -1142,6 +1142,8 @@ ul {
.views-content { .views-content {
position: absolute; position: absolute;
// overflow: hidden; // overflow: hidden;
width:6.35rem ;
height: 4.21rem ;
z-index: 999; z-index: 999;
top: -40px; top: -40px;
left: 5%; left: 5%;
...@@ -1151,18 +1153,19 @@ ul { ...@@ -1151,18 +1153,19 @@ ul {
} }
a { a {
position: absolute; position: absolute;
bottom: 40px; bottom: 0.2rem;
right: 40px; right: 0.50rem;
text-align: center; text-align: center;
width:107.2px; width:1.3rem;
height:31.2px; height:0.48rem;
line-height: 31.2px; line-height: 0.48rem;
font-size: 14.5px; font-size: 0.22rem;
} }
.left-item { .left-item {
height:316px !important; height: 4.21rem ;
margin-bottom: 30px; margin-bottom: 1rem;
width: auto;
a { a {
display: inline-block; display: inline-block;
color: #A7A7A7; color: #A7A7A7;
...@@ -1171,14 +1174,14 @@ ul { ...@@ -1171,14 +1174,14 @@ ul {
} }
} }
.introduce { .introduce {
width:340px; width:6.35rem ;
height:316px; height: 4.21rem ;
background: url('../img/mapbg.png') no-repeat top center; background: url('../img/mapbg.png') no-repeat top center;
background-size: cover; background-size: cover;
padding-left: 34px; padding-left: 0.5rem;
.top { .top {
padding-top: 20px !important; padding-top: 0.2rem !important;
.line1 { .line1 {
width:169px; width:169px;
height:1px; height:1px;
...@@ -1208,10 +1211,13 @@ ul { ...@@ -1208,10 +1211,13 @@ ul {
.bottom { .bottom {
padding-top: 20px !important; padding-top: 20px !important;
color: #979797; color: #979797;
font-size: 14px; font-size: 0.2rem !important;
line-height: 30px; line-height: 0.3rem !important;
} }
} }
.two {
margin-left: 0.5rem;
}
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment