|
@@ -22,12 +22,12 @@
|
|
|
left: 0;
|
|
|
}
|
|
|
.patentMenu{
|
|
|
- width: 1164px;
|
|
|
+ width: 1164px;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- height: 440px;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ height: 0px;
|
|
|
}
|
|
|
.patentMenu .firstMenu{
|
|
|
position: absolute;
|
|
@@ -36,9 +36,11 @@
|
|
|
width: 198px;
|
|
|
height: 452px;
|
|
|
top: -12px;
|
|
|
- left: 15px;
|
|
|
+ left: 15px;
|
|
|
background: #fff;
|
|
|
border-radius: 10px 10px 0 0 ;
|
|
|
+ border-left: 1px solid #e0e0e0;
|
|
|
+ border-bottom: 1px solid #e0e0e0;
|
|
|
}
|
|
|
.patentMenu .firstMenu a{
|
|
|
color: #7a7878;
|
|
@@ -114,9 +116,11 @@
|
|
|
left: 213px;
|
|
|
top:0px;
|
|
|
background: #fff;
|
|
|
- height: 100%;
|
|
|
+ height:440px;
|
|
|
width: 0px;
|
|
|
- border-top: 1px solid #ccc;
|
|
|
+ border-top: 1px solid #e0e0e0;
|
|
|
+ border-bottom: 1px solid #e0e0e0;
|
|
|
+ border-right: 1px solid #e0e0e0;
|
|
|
transition: all .3s ease-in-out;
|
|
|
}
|
|
|
.secondMenu.active{
|
|
@@ -129,7 +133,7 @@
|
|
|
left: 200px;
|
|
|
z-index: 50;
|
|
|
opacity: 0;
|
|
|
- transition: all .5s ease-in-out;
|
|
|
+ transition: all .3s ease-in-out;
|
|
|
}
|
|
|
.secondMenu ul li div{
|
|
|
width: 180px;
|
|
@@ -141,7 +145,7 @@
|
|
|
}
|
|
|
.secondMenu ul li.active{
|
|
|
left: 0;
|
|
|
- transition: all .5s ease-in-out;
|
|
|
+ transition: all .3s ease-in-out;
|
|
|
opacity: 1;
|
|
|
}
|
|
|
.secondMenu ul li div:first-child{
|