|
@@ -1,7 +1,17 @@
|
|
-.header div>div.APP{float:left;position: relative;cursor: pointer;}
|
|
|
|
|
|
+.header div>div.APP{float:left;position: relative;cursor: pointer;padding: 0 10px;}
|
|
div.APP>div.xialaewm{width:230px;height:120px;position: absolute;margin-left:0px;float: none;
|
|
div.APP>div.xialaewm{width:230px;height:120px;position: absolute;margin-left:0px;float: none;
|
|
display:none;justify-content: space-between;background-color: #fff;}
|
|
display:none;justify-content: space-between;background-color: #fff;}
|
|
div.APP:hover>div.xialaewm{display:flex;}
|
|
div.APP:hover>div.xialaewm{display:flex;}
|
|
|
|
+div.APP:hover{background-color: #fff;}
|
|
|
|
+
|
|
|
|
+.search-inp a.zaixian{right:150px;background-color: #1797E9;}
|
|
|
|
+.searchImg{position: absolute;top:10px;right:20px;z-index: 10;cursor: pointer;}
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
.webkitDown{
|
|
.webkitDown{
|
|
width: 12px;
|
|
width: 12px;
|
|
height: 8px;
|
|
height: 8px;
|
|
@@ -34,13 +44,14 @@ display: flex;justify-content: space-around;padding: 35px 40px;}
|
|
#wield{width:100%;margin-top: 40px;}
|
|
#wield{width:100%;margin-top: 40px;}
|
|
.wield_cont{width:1200px;height:400px;margin: 20px auto;text-align: center;}
|
|
.wield_cont{width:1200px;height:400px;margin: 20px auto;text-align: center;}
|
|
|
|
|
|
-.brands{width:100%;margin-top:-4px;}
|
|
|
|
|
|
+.brands{width:100%;margin-top:-4px;position: relative;}
|
|
.brands>img{width:100%;}
|
|
.brands>img{width:100%;}
|
|
|
|
|
|
|
|
|
|
#hotProject{width:100%;padding-top: 30px;background:url("../../img/indedImg/inded40.png")no-repeat;}
|
|
#hotProject{width:100%;padding-top: 30px;background:url("../../img/indedImg/inded40.png")no-repeat;}
|
|
.hotProject_cont{width: 1200px;height:700px;margin:30px auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
|
|
.hotProject_cont{width: 1200px;height:700px;margin:30px auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
|
|
.hotProject_cont>div{width:285px;height:335px;background-color: #fff;}
|
|
.hotProject_cont>div{width:285px;height:335px;background-color: #fff;}
|
|
|
|
+.hotProject_cont>div{width:285px;height:165px;}
|
|
.hotProject_cont>div>h3{margin:10px 0 10px 20px;letter-spacing: 2px;}
|
|
.hotProject_cont>div>h3{margin:10px 0 10px 20px;letter-spacing: 2px;}
|
|
.hotProject_cont>div>p{margin-left:20px;letter-spacing: 1px;
|
|
.hotProject_cont>div>p{margin-left:20px;letter-spacing: 1px;
|
|
text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
|
|
text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
|
|
@@ -79,11 +90,19 @@ border-radius: 5px;margin-top:15px;float: right;text-align: center;color:#1596E8
|
|
display: inline-block;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+.brands>div{width:16%;height:90%;position: absolute;top:2.5%;right:20%;background-color: #fff;overflow: hidden;}
|
|
|
|
+.brands>div.brandsDiv{top:4.5%;}
|
|
|
|
+.brands>div>img{width:100%;height:100%;position:absolute;opacity: 0;}
|
|
|
|
+.brands>div>img:nth-child(1){opacity: 1;}
|
|
|
|
+/*.brands>div>img:nth-child(1){transition:opacity 2s linear }*/
|
|
|
|
+@keyframes imgani{
|
|
|
|
+ from{opacity: 0;}
|
|
|
|
+ to{opacity: 1;}
|
|
|
|
+}
|
|
|
|
+@keyframes imgbni{
|
|
|
|
+ from{opacity: 1;}
|
|
|
|
+ to{opacity: 0;}
|
|
|
|
+}
|
|
|
|
+.brands>div>img.ani{animation: imgani 4s linear 1 normal;animation-fill-mode: forwards;}
|
|
|
|
+.brands>div>img.bni{animation: imgbni 4s linear 1 normal;animation-fill-mode: forwards;}
|
|
|
|
|