Skip to content

semour / semour_web

Go to a project
Commit da0bff65 by 肖康
Options

深茂导航调整

parent 3a6ffb37
Expand all
Inline Side-by-side
Showing with 9 additions and 11 deletions
public/assets/css/common/common.less
...@@ -44,15 +44,14 @@ ...@@ -44,15 +44,14 @@
/**官网导航1***/ /**官网导航1***/
.gw-header-nav { .gw-header-nav {
height : 112px; height : 111px;
background : rgba(255, 255, 255, 0.1); background : #02051F;
backdrop-filter: blur(10px);
width : 100%; width : 100%;
position : fixed; position : fixed;
top : 70px; top : 70px;
left : 0px; left : 0px;
z-index : 6; z-index : 6;
border-bottom: 1px solid #545C76;
.ghn-con { .ghn-con {
height: 112px; height: 112px;
width : 1500px; width : 1500px;
......
public/assets/css/home/home.less
...@@ -118,8 +118,7 @@ body{background: #000;min-width: 1200px;} ...@@ -118,8 +118,7 @@ body{background: #000;min-width: 1200px;}
height:160px; height:160px;
width:100%; width:100%;
background: rgba(255,255,255,0.3); background:rgba(31, 104, 242, 0.9);
backdrop-filter: blur(10px);
color:#fff; color:#fff;
position: fixed; position: fixed;
bottom:0px; bottom:0px;
...@@ -138,15 +137,15 @@ body{background: #000;min-width: 1200px;} ...@@ -138,15 +137,15 @@ body{background: #000;min-width: 1200px;}
width: 248px; width: 248px;
height: 48px; height: 48px;
line-height: 48px; line-height: 48px;
background: #283FEB; background: #F68332;
color:#fff; color:#fff;
font-size: 20px; font-size: 20px;
border:1px solid #283FEB; border:1px solid #F68332;
cursor: pointer; cursor: pointer;
&.but-lk{ &.but-lk{
background: none; background: none;
margin-right: 20px; margin-right: 20px;
color:#283FEB; color:#F68332;
} }
} }
} }
......
public/assets/css/home/home.min.css
.gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes{position:relative}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .rtdes img{display:block;position:absolute;z-index:1;width:450px;right:-50px;top:-150px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:94px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;padding-top:38px;padding-bottom:42px;background:rgba(2,11,51,0.75);margin-right:15px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem div{height:88px;width:88px;margin:0 auto;background:#fff;border-radius:88px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{font-size:47px;position:relative;top:18px;color:#283FEB}.homepage .floor1 .fl1-con .fl1botbox .ftitem p{text-align:center;font-size:30px;color:#fff;margin-top:38px;margin-bottom:24px}.homepage .floor1 .fl1-con .fl1botbox .ftitem i.ijt{color:#283FEB;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover i.ijt{color:#F68332}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div{background:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div i{font-size:60px;color:#fff}.homepage .floor2{height:480px;background:url("../../images/home/bg2.png") center top no-repeat;font-size:24px;color:#fff}.homepage .floor2 b{font-size:40px}.homepage .floor2 .f2con{width:500px;margin:0 auto;position:relative;top:260px;width:864px}.homepage .floor2 video{width:1200px;margin:0 auto;display:block}.homepage .floor3{padding-top:4px}.homepage .floor3 .row{margin-bottom:1px}.homepage .floor3 .itemf3{height:200px;width:50%;background:#1B2037;color:#fff;font-size:30px;line-height:200px;margin-bottom:1px}.homepage .floor3 .itemf3.trr{padding-left:122px}.homepage .floor3 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.homepage .floor3 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.homepage .floor3 .itemf3:hover b{font-size:100px;font-weight:bold}.homepage .floor3 .itemf3.bgbts1:hover{background:url("../../images/home/bgf1.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts2:hover{background:url("../../images/home/bgf2.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts3:hover{background:url("../../images/home/bgf3.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts4:hover{background:url("../../images/home/bgf4.png") no-repeat;background-size:100% 100%}.homepage .floor4{padding-top:60px;text-align:center;padding-bottom:60px}.homepage .floor4 p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.homepage .floor4 .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.homepage .floor4 .but.but-lk{background:none;margin-left:39px}.homepage .footfixedcor{height:160px;width:100%;background:rgba(255,255,255,0.3);backdrop-filter:blur(10px);color:#fff;position:fixed;bottom:0px;z-index:1}.homepage .footfixedcor .confotfix{position:relative;padding-top:44px;padding-bottom:47px;z-index:2}.homepage .footfixedcor .confotfix div.textt{width:656px;font-size:18px;line-height:24px;margin-right:28px;color:#fff}.homepage .footfixedcor .confotfix .but{display:block;position:relative;top:10px;text-align:center;width:248px;height:48px;line-height:48px;background:#283FEB;color:#fff;font-size:20px;border:1px solid #283FEB;cursor:pointer}.homepage .footfixedcor .confotfix .but.but-lk{background:none;margin-right:20px;color:#283FEB} .gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes{position:relative}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .rtdes img{display:block;position:absolute;z-index:1;width:450px;right:-50px;top:-150px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:94px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;padding-top:38px;padding-bottom:42px;background:rgba(2,11,51,0.75);margin-right:15px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem div{height:88px;width:88px;margin:0 auto;background:#fff;border-radius:88px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{font-size:47px;position:relative;top:18px;color:#283FEB}.homepage .floor1 .fl1-con .fl1botbox .ftitem p{text-align:center;font-size:30px;color:#fff;margin-top:38px;margin-bottom:24px}.homepage .floor1 .fl1-con .fl1botbox .ftitem i.ijt{color:#283FEB;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover i.ijt{color:#F68332}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div{background:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div i{font-size:60px;color:#fff}.homepage .floor2{height:480px;background:url("../../images/home/bg2.png") center top no-repeat;font-size:24px;color:#fff}.homepage .floor2 b{font-size:40px}.homepage .floor2 .f2con{width:500px;margin:0 auto;position:relative;top:260px;width:864px}.homepage .floor2 video{width:1200px;margin:0 auto;display:block}.homepage .floor3{padding-top:4px}.homepage .floor3 .row{margin-bottom:1px}.homepage .floor3 .itemf3{height:200px;width:50%;background:#1B2037;color:#fff;font-size:30px;line-height:200px;margin-bottom:1px}.homepage .floor3 .itemf3.trr{padding-left:122px}.homepage .floor3 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.homepage .floor3 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.homepage .floor3 .itemf3:hover b{font-size:100px;font-weight:bold}.homepage .floor3 .itemf3.bgbts1:hover{background:url("../../images/home/bgf1.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts2:hover{background:url("../../images/home/bgf2.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts3:hover{background:url("../../images/home/bgf3.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts4:hover{background:url("../../images/home/bgf4.png") no-repeat;background-size:100% 100%}.homepage .floor4{padding-top:60px;text-align:center;padding-bottom:60px}.homepage .floor4 p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.homepage .floor4 .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.homepage .floor4 .but.but-lk{background:none;margin-left:39px}.homepage .footfixedcor{height:160px;width:100%;background:rgba(31,104,242,0.9);color:#fff;position:fixed;bottom:0px;z-index:1}.homepage .footfixedcor .confotfix{position:relative;padding-top:44px;padding-bottom:47px;z-index:2}.homepage .footfixedcor .confotfix div.textt{width:656px;font-size:18px;line-height:24px;margin-right:28px;color:#fff}.homepage .footfixedcor .confotfix .but{display:block;position:relative;top:10px;text-align:center;width:248px;height:48px;line-height:48px;background:#F68332;color:#fff;font-size:20px;border:1px solid #F68332;cursor:pointer}.homepage .footfixedcor .confotfix .but.but-lk{background:none;margin-right:20px;color:#F68332}
\ No newline at end of file \ 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