|
|
@ -3,8 +3,8 @@ |
|
|
|
<Header></Header> |
|
|
|
<Header></Header> |
|
|
|
<div class="main d-flex"> |
|
|
|
<div class="main d-flex"> |
|
|
|
<div class="img"> |
|
|
|
<div class="img"> |
|
|
|
|
|
|
|
<!--首页视频文件 已删除--> |
|
|
|
<video id="videoPlayer" src="./assets/01.mp4" style="width: 90%" controls loop></video> |
|
|
|
<!-- <video id="videoPlayer" src="./assets/01.mp4" style="width: 90%" controls loop></video>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="lanmu"> |
|
|
|
<div class="lanmu"> |
|
|
|
<div class="title d-flex"> |
|
|
|
<div class="title d-flex"> |
|
|
@ -118,23 +118,28 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="less"> |
|
|
|
<style scoped lang="less"> |
|
|
|
@import "./assets/reset.css"; |
|
|
|
@import "./assets/reset.css"; |
|
|
|
|
|
|
|
|
|
|
|
.home { |
|
|
|
.home { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.header { |
|
|
|
.header { |
|
|
|
background: #2080f7; |
|
|
|
background: #2080f7; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.main { |
|
|
|
.main { |
|
|
|
width: 1620px; |
|
|
|
width: 1620px; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
margin-top: -250px; |
|
|
|
margin-top: -250px; |
|
|
|
z-index: 99; |
|
|
|
z-index: 99; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
.img { |
|
|
|
.img { |
|
|
|
width: 1073px; |
|
|
|
width: 1073px; |
|
|
|
height: 547px; |
|
|
|
height: 547px; |
|
|
|
/*background: #d9d9d9;*/ |
|
|
|
/*background: #d9d9d9;*/ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.lanmu { |
|
|
|
.lanmu { |
|
|
|
width: 519px; |
|
|
|
width: 519px; |
|
|
|
height: 547px; |
|
|
|
height: 547px; |
|
|
@ -143,14 +148,17 @@ export default { |
|
|
|
box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08); |
|
|
|
box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.08); |
|
|
|
border-radius: 4px 4px 4px 4px; |
|
|
|
border-radius: 4px 4px 4px 4px; |
|
|
|
padding: 50px; |
|
|
|
padding: 50px; |
|
|
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
.title { |
|
|
|
border-bottom: 1px solid #d9d9d9; |
|
|
|
border-bottom: 1px solid #d9d9d9; |
|
|
|
|
|
|
|
|
|
|
|
.l { |
|
|
|
.l { |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
padding: 20px 0; |
|
|
|
padding: 20px 0; |
|
|
|
color: #000000; |
|
|
|
color: #000000; |
|
|
|
border-bottom: 4px solid #000; |
|
|
|
border-bottom: 4px solid #000; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.r { |
|
|
|
.r { |
|
|
|
font-size: 16px; |
|
|
|
font-size: 16px; |
|
|
|
padding: 20px 0; |
|
|
|
padding: 20px 0; |
|
|
@ -158,17 +166,23 @@ export default { |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.itemList { |
|
|
|
.itemList { |
|
|
|
padding: 20px 0; |
|
|
|
padding: 20px 0; |
|
|
|
|
|
|
|
|
|
|
|
.item { |
|
|
|
.item { |
|
|
|
padding: 6px; |
|
|
|
padding: 6px; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
|
|
|
|
.name { |
|
|
|
.name { |
|
|
|
width: 70%; |
|
|
|
width: 70%; |
|
|
|
color: #555555; |
|
|
|
color: #555555; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 16px; |
|
|
|
overflow: hidden;text-overflow: ellipsis;white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.time { |
|
|
|
.time { |
|
|
|
width: 30%; |
|
|
|
width: 30%; |
|
|
|
color: #cccccc; |
|
|
|
color: #cccccc; |
|
|
@ -178,14 +192,17 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
.title { |
|
|
|
margin-top: 20px; |
|
|
|
margin-top: 20px; |
|
|
|
|
|
|
|
|
|
|
|
.title1 { |
|
|
|
.title1 { |
|
|
|
font-size: 42px; |
|
|
|
font-size: 42px; |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
color: #333333; |
|
|
|
color: #333333; |
|
|
|
margin-bottom: 20px; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.title2 { |
|
|
|
.title2 { |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|