Skip to content

html / bdideal

Go to a project
Commit 3a004fef by hank
Options

关于我们

parent 188c447d
Showing with 46 additions and 41 deletions
style/index.less
@media (min-width: 768px) {
.navbar-nav>li>a {
padding-top: 25px;
padding-bottom: 25px;
.navbar-nav > li > a {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (max-width: 1920px) {
.img-container img {
.img-container img {
// margin-left: -25% ;
position: absolute;
}
......@@ -13,9 +13,10 @@
.indent-32 {
text-indent: 32px;
}
ol, ul {
ol,
ul {
margin-top: 0;
margin-bottom: 0px;
margin-bottom: 0px;
}
.swiper-pagination {
position: absolute;
......@@ -47,7 +48,7 @@ ol, ul {
margin-bottom: 0;
}
.navbar-fixed-container {
a {
a {
color: #222222 !important;
}
// height: 51px;
......@@ -72,7 +73,7 @@ ol, ul {
max-width: 1920px;
margin: auto;
width: 100%;
height:80%;
height: 80%;
background-color: #ccc;
position: relative;
.word-box {
......@@ -83,7 +84,7 @@ ol, ul {
width: 80%;
p.btword {
font-size: 36px;
color: #FFFFFF;
color: #ffffff;
/* font-weight: bold; */
}
p.btworden {
......@@ -94,7 +95,7 @@ ol, ul {
}
p.conword {
font-size: 16px;
color: #FFFFFF;
color: #ffffff;
line-height: 26px;
margin-top: 20px;
max-width: 466px;
......@@ -103,9 +104,9 @@ ol, ul {
a.linkword {
width: 140px;
height: 43px;
border: 1px solid #FFFFFF;
border: 1px solid #ffffff;
text-align: center;
color: #FFFFFF;
color: #ffffff;
line-height: 40px;
font-size: 16px;
display: block;
......@@ -115,13 +116,12 @@ ol, ul {
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
}
}
.swiper-container {
width: 100%;
height: 100%;
.img-container {
height: 100%;
width: 100%;
......@@ -158,26 +158,24 @@ ol, ul {
background: #d2d2d2;
}
}
}
.common-title {
background: white;
font-size: 36px;
text-align: center;
padding: 20px 0;
.word {
padding: 10px;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
}
}
// 我们的产品
.our-products {
background:url('/img/bg.51ba665.png') no-repeat center;
background: url('/img/bg.51ba665.png') no-repeat center;
background-size: 100%;
font-size: 18px;
.views-content {
.content {
.item {
float: left;
......@@ -186,7 +184,6 @@ ol, ul {
&:hover {
.one {
display: none;
}
.two {
display: block;
......@@ -194,17 +191,15 @@ ol, ul {
}
}
.item::after {
content: "";
content: '';
clear: both;
}
.left {
background: url('/img/banner1.jpg') center no-repeat ;
background: url('/img/banner1.jpg') center no-repeat;
}
.right {
background: url('/img/banner2.jpg') center no-repeat ;
background: url('/img/banner2.jpg') center no-repeat;
}
}
.one {
padding-left: 50px;
......@@ -233,8 +228,8 @@ ol, ul {
margin-bottom: 40px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
background: url('/img/banner2.jpg') center no-repeat ;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
background: url('/img/banner2.jpg') center no-repeat;
a {
display: inline-block;
height: 100%;
......@@ -249,11 +244,10 @@ ol, ul {
}
}
.item::after {
content: "";
content: '';
clear: both;
}
}
}
// 活动
.industry-dynamics {
......@@ -264,7 +258,7 @@ ol, ul {
margin-bottom: 40px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
a {
display: inline-block;
height: 100%;
......@@ -276,7 +270,7 @@ ol, ul {
overflow: hidden;
img {
width: auto;
height: 260px;
height: 260px;
}
}
.item-title {
......@@ -286,15 +280,13 @@ ol, ul {
.bottom-word {
text-align: right;
.name {
}
.date {
}
}
}
.item::after {
content: "";
content: '';
clear: both;
}
}
......@@ -314,7 +306,7 @@ ol, ul {
border-radius: 0px;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
text-align: center;
.title {
font-size: 22px;
......@@ -329,7 +321,7 @@ ol, ul {
position: relative;
width: 260px;
height: 184px;
padding: 40px 0 30px 0;
padding: 40px 0 30px 0;
background: inherit;
text-align: center;
background-color: rgba(255, 255, 255, 1);
......@@ -337,7 +329,7 @@ ol, ul {
border-radius: 0px;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
text-align: center;
.title {
font-size: 22px;
......@@ -351,7 +343,7 @@ ol, ul {
top: -80px;
border-radius: 50%;
background: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
}
&:hover {
transition: 0.3s;
......@@ -359,11 +351,25 @@ ol, ul {
}
}
}
.partner {
height: 400px;
background: url('http://bdideal.com/asset/img/part.jpg') no-repeat center;
}
.map-container {
padding-top: 50px;
padding-bottom: 50px;
#map {
height: 280px;
width: 100%;
}
.font-18 {
font-size: 16px;
}
.word {
margin-top: 30px;
}
.addr {
margin-top: 40px;
}
}
}
\ No newline at end of file
}
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