|
@@ -15,7 +15,6 @@
|
|
|
.patentHeader{
|
|
|
width: 100%;
|
|
|
height:396px;
|
|
|
- background: #f3f9fc;
|
|
|
position: relative;
|
|
|
margin-bottom: 77px;
|
|
|
}
|
|
@@ -60,7 +59,7 @@
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
- width: 357px;
|
|
|
+ width: 272px;
|
|
|
height: 360px;
|
|
|
position: relative;
|
|
|
display: flex;
|
|
@@ -82,7 +81,7 @@
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
overflow: hidden;
|
|
|
- left: 0;
|
|
|
+ left: 80px;
|
|
|
bottom: 0;
|
|
|
z-index: 30;
|
|
|
background: rgba(47, 87, 176, .5);
|
|
@@ -114,7 +113,7 @@
|
|
|
color: #ffffff;
|
|
|
border: 2px solid #ffffff;
|
|
|
line-height: 30px;
|
|
|
- margin-left: 200px;
|
|
|
+ margin-left: 140px;
|
|
|
margin-top: 47px;
|
|
|
}
|
|
|
.patentAchievementList .patentAchievLeft .remark a:hover{
|
|
@@ -122,22 +121,49 @@
|
|
|
background: #1697e9;
|
|
|
border: 2px solid #1697e9;
|
|
|
}
|
|
|
-.patentAchievementList ul {
|
|
|
+
|
|
|
+.patentAchievementList .patentAchievRight{
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
+ width: 800px;
|
|
|
+ z-index: 32;
|
|
|
+}
|
|
|
+.patentAchievementList ul{
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
- width: 795px;
|
|
|
- justify-content: space-between;
|
|
|
- z-index: 32;
|
|
|
+ justify-content: space-around;
|
|
|
+ height: 270px;
|
|
|
+}
|
|
|
+.patentAchievRight .achievementJump{
|
|
|
+ width: 410px;
|
|
|
+ height: 50px;
|
|
|
+ margin-top: 30px;
|
|
|
}
|
|
|
.patentAchievementList ul li{
|
|
|
width: 254px;
|
|
|
text-align: center;
|
|
|
- height: 360px;
|
|
|
+ height: 270px;
|
|
|
background: #ffffff;
|
|
|
}
|
|
|
+.achievementJump a,.achievementJump span{
|
|
|
+ width: 190px;
|
|
|
+ height: 50px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 46px;
|
|
|
+ color: #40acff;
|
|
|
+ font-size: 24px;
|
|
|
+ cursor: pointer;
|
|
|
+ border: 2px solid #40acff;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+.achievementJump span{
|
|
|
+ background: #40acff;
|
|
|
+ margin-left: 25px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
.patentAchievementList ul li div{
|
|
|
width: 254px;
|
|
|
height: 200px;
|
|
@@ -148,9 +174,9 @@
|
|
|
height: 100%;
|
|
|
}
|
|
|
.patentAchievementList ul li p{
|
|
|
- padding: 14px 22px 30px;;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
+ padding: 0px 22px 0px;
|
|
|
+ height: 70px;
|
|
|
+ line-height: 70px;
|
|
|
font-size: 18px;
|
|
|
color: #1f1f1f;
|
|
|
text-align: left;
|
|
@@ -161,12 +187,6 @@
|
|
|
}
|
|
|
.patentAchievementList ul li a{
|
|
|
display: inline-block;
|
|
|
- width: 110px;
|
|
|
- height: 34px;
|
|
|
- line-height: 30px;
|
|
|
- border: 2px solid #40acff;
|
|
|
- color: #40acff;
|
|
|
- margin-top: 40px;
|
|
|
}
|
|
|
.patentAchievementListBj{
|
|
|
background: #f9f9f9;
|
|
@@ -176,11 +196,6 @@
|
|
|
top: 50px;
|
|
|
z-index: 21;
|
|
|
}
|
|
|
-.patentAchievementList ul li a:hover{
|
|
|
- background: #1697e9;
|
|
|
- color: #ffffff;
|
|
|
- border-color:#1697e9
|
|
|
-}
|
|
|
.patentAchievementList ul li:hover{
|
|
|
box-shadow: 0 4px 10px #ccc;
|
|
|
margin-top: -4px;
|
|
@@ -524,10 +539,71 @@
|
|
|
left: 30px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+.demandJump{
|
|
|
+ width: 410px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 38px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -60px;
|
|
|
+}
|
|
|
+.demandJump a,.demandJump span{
|
|
|
+ display: inline-block;
|
|
|
+ width: 190px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 48px;
|
|
|
+ border-radius: 5px;
|
|
|
+ color: #fff;
|
|
|
+ background: rgba(0, 0, 0, .3);
|
|
|
+ font-size: 24px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.demandJump a{
|
|
|
+
|
|
|
+}
|
|
|
+.demandJump span{
|
|
|
+ background: #1697e9;
|
|
|
+ margin-left: 25px;
|
|
|
+}
|
|
|
.trandPg:hover span{
|
|
|
animation:myBig .5s infinite;
|
|
|
-webkit-animation:myBig .5s infinite; /* Safari 和 Chrome */
|
|
|
}
|
|
|
+.topHeader{
|
|
|
+ border-bottom: 1px solid #ececec;
|
|
|
+}
|
|
|
+.Entrance {
|
|
|
+ clear: both;
|
|
|
+ margin-top: 27px;
|
|
|
+ margin-bottom: 44px;
|
|
|
+}
|
|
|
+.Entrance ul{
|
|
|
+ display: flex;
|
|
|
+ display: -webkit-flex;
|
|
|
+ justify-content: space-around;
|
|
|
+}
|
|
|
+.Entrance ul li{
|
|
|
+ cursor: pointer;
|
|
|
+ width: 284px;
|
|
|
+ height: 108px;
|
|
|
+ line-height: 108px;
|
|
|
+ background: url(../../../img/patent/tradingIndex_indexBj.jpg) no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #5e5e5e;
|
|
|
+}
|
|
|
+.Entrance ul li a{
|
|
|
+ color: #5e5e5e
|
|
|
+}
|
|
|
+.Entrance ul li a img{
|
|
|
+ margin-left: 45px;
|
|
|
+ margin-right: 15px;
|
|
|
+}
|
|
|
+.Entrance ul li:hover{
|
|
|
+ box-shadow: 0 0 20px #ccc;
|
|
|
+}
|
|
|
+.Entrance ul li:hover a{
|
|
|
+ color: #1697e9;
|
|
|
+}
|
|
|
@keyframes myBig{
|
|
|
0%{transform: scale(1);box-shadow:0 0px 2px #ccc; }
|
|
|
50%{transform: scale(1.2);box-shadow:0 6px 20px #606363;}
|