qinjie 3 years ago
parent
commit
cf7f474361

+ 3 - 3
main/assets/pc/css/global.css

@@ -162,10 +162,10 @@ footer .icp a {
 .pagation li.active {
   background-color: #02AB79;
   border-color: #02AB79;
-  a {
-    color: #ffffff;
-  }
 }
+.pagation li.active a {
+  color: #ffffff;
+} 
 .float-shares {
   width: 276px;
   background-color: #F8F8F8;

+ 37 - 3
main/assets/pc/css/index.css

@@ -20,12 +20,16 @@
   top: 0;
 }
 .main .video h3 {
-  font-family: YouSheBiaoTiHei;
-  font-size: 60px;
   padding: 80px 0 30px;
-  line-height: 78px;
   text-align: center;
   color: #ffffff;
+  font-size: 0;
+  font-family: YouSheBiaoTiHei;
+  width: 260px;
+  height: 44px;
+  background: url(../img/tit2.png) no-repeat center 80px;
+  background-size: 260px 44px;
+  margin: 0 auto;
 }
 .main .video p {
   font-size: 18px;
@@ -36,6 +40,7 @@
 .main .video .poster {
   width: 1200px;
   height: 675px;
+  position: relative;
 }
 .main .video .poster img {
   display: block;
@@ -44,6 +49,35 @@
   background-color: #eeeeee;
   border-radius: 10px;
 }
+.main .video .poster video {
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  display: none;
+}
+.main .video .poster span {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 29px;
+  font-size: 14px;
+  line-height: 20px;
+  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.main .video .poster span:after {
+  content: '';
+  width: 30px;
+  height: 30px;
+  background: url(../img/icon-play.png) no-repeat;
+  background-size: 30px 30px;
+  margin-left: 8px;
+  cursor: pointer;
+}
 .main .services {
   padding-bottom: 84px;
 }

+ 5 - 1
main/assets/pc/css/news.css

@@ -43,9 +43,13 @@
   font-size: 18px;
 }
 .main .banner b {
-  font-size: 60px;
+  font-size: 0;
   font-family: YouSheBiaoTiHei;
   margin-bottom: 30px;
+  width: 482px;
+  height: 44px;
+  background: url(../img/tit1.png) no-repeat;
+  background-size: 482px 44px;
 }
 .main .news-tab {
   display: -ms-flexbox;

+ 8 - 1
main/assets/pc/html/home.html

@@ -185,6 +185,13 @@
             </div>
         </div>
     </footer>
-<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/index.js?v=3e6b2f2a"></script></body>
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 
+<script type="text/javascript" src="../js/global.js?v=3e6b2f2a"></script><script type="text/javascript" src="../js/index.js?v=3e6b2f2a"></script></body>
+<script>
+    $('.btn-player').on('click', function(){
+        $('video').show()[0].play()
+        $('.btn-player, .poster img').hide()
+    })
+</script>
 </html>

BIN
main/assets/pc/img/icon-play.png


BIN
main/assets/pc/img/tit1.png


BIN
main/assets/pc/img/tit2.png