|
|
|
@ -12,7 +12,33 @@ |
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png"> |
|
|
|
<link rel="stylesheet" href="css/reset.css"> |
|
|
|
<link rel="stylesheet" href="iconfont/iconfont.css"> |
|
|
|
<link rel="stylesheet" href="css/swiper.min.css"> |
|
|
|
<link href="css/style.css" rel="stylesheet" type="text/css"> |
|
|
|
<style> |
|
|
|
.swiper-container { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.swiper-slide { |
|
|
|
width: 940px; |
|
|
|
height: 450px; |
|
|
|
margin-top: 100px; |
|
|
|
} |
|
|
|
.my-bullet{ |
|
|
|
display: inline-block; |
|
|
|
width: 26px; |
|
|
|
height: 2px; |
|
|
|
background-color: #c0c4cc; |
|
|
|
opacity: .24; |
|
|
|
position: relative; |
|
|
|
margin: 0 2px; |
|
|
|
} |
|
|
|
.swiper-pagination-bullet-active { |
|
|
|
background-color: #c0c4cc; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
|
|
|
|
<body> |
|
|
|
@ -83,7 +109,32 @@ |
|
|
|
</div> |
|
|
|
<div class="env-main-middle"> |
|
|
|
<div class="env-3d"> |
|
|
|
<img src="/images/largeScreen/screen.png" alt="" /> |
|
|
|
<div class="swiper-container"> |
|
|
|
<div class="swiper-wrapper"> |
|
|
|
<div class="swiper-slide"> |
|
|
|
<img src="images/largeScreen/screen1.png" alt="" /> |
|
|
|
</div> |
|
|
|
<div class="swiper-slide" > |
|
|
|
<img src="images/largeScreen/screen2.png" alt="" /> |
|
|
|
</div> |
|
|
|
<div class="swiper-slide" > |
|
|
|
<img src="images/largeScreen/screen3.png" alt="" /> |
|
|
|
</div> |
|
|
|
<div class="swiper-slide"> |
|
|
|
<img src="images/largeScreen/screen4.png" alt="" /> |
|
|
|
</div> |
|
|
|
<div class="swiper-slide" > |
|
|
|
<img src="images/largeScreen/screen5.png" alt="" /> |
|
|
|
</div> |
|
|
|
<div class="swiper-slide" > |
|
|
|
<img src="images/largeScreen/screen6.png" alt="" /> |
|
|
|
</div> |
|
|
|
<div class="swiper-slide" > |
|
|
|
<img src="images/largeScreen/screen7.png" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="swiper-pagination"></div> |
|
|
|
</div> |
|
|
|
<ul class="screen-env-list middle-env"> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
@ -229,6 +280,7 @@ |
|
|
|
<script type="text/javascript" src="/js/flexible.js"></script> |
|
|
|
<script type="text/javascript" src="/iconfont/iconfont.js"></script> |
|
|
|
<script type="text/javascript" src="/js/jquery.countTo.js"></script> |
|
|
|
<script type="text/javascript" src="/js/swiper.min.js"></script> |
|
|
|
<script type="text/javascript" src="/js/countTo.js"></script> |
|
|
|
<script type="text/javascript" src="/js/number.js"></script> |
|
|
|
<script type="text/javascript" src="/js/util.js"></script> |
|
|
|
|
