<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>企业彩铃 </title>
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="HandheldFriendly" content="True">
<!-- CSS -->
<link rel="stylesheet" href="static/css/fontawesome-all.css">
<link rel="stylesheet" href="static/css/materialize.min.css">
<link rel="stylesheet" href="static/css/normalize.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/alert.css">
<link rel="stylesheet" href="static/css/liMarquee.css">
<script src='static/js/alert.js'></script>
<!-- materialize icon -->
<link href="static/css/icon.css" rel="stylesheet">
<!-- Owl carousel -->
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<link rel="stylesheet" href="static/css/owl.theme.default.min.css">
<!-- Slick CSS -->
<link rel="stylesheet" type="text/css" href="static/css/slick.css">
<link rel="stylesheet" type="text/css" href="static/css/slick-theme.css">
<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="static/css/magnific-popup.css">
<style>
.dowebok { height: 170px; font-size: 14px;}
</style>
</head>
<body id="homepage">
<!-- HEADER -->
<header id="header">
<div class="nav-wrapper container">
<div class="header-menu-button">
<a href="#" data-activates="nav-mobile-category" class="button-collapse" id="button-collapse-category">
<div class="cst-btn-menu">
<i class="fas fa-align-left" style=" color: rgba(66,189,86,1);"></i>
</div>
</a>
</div>
<div class="header-logo">
<a href="#" class="nav-logo" style=" color: rgba(66,189,86,1);">企业彩铃</a>
</div>
</div>
</header>
<!-- END HEADER -->
<!-- SIDE NAV-->
<nav>
<!-- LEFT SIDENAV-->
<ul id="nav-mobile-category" class="side-nav">
<li>
<a class="waves-effect waves-blue" href="" style=" color: rgba(66,189,86,1);"><i class="fas fa-home" style="font-size:24px;color: rgba(66,189,86,1);margin-top:5px;margin-right:25px;"></i>首页</a>
</li>
<li>
<a href="index1.html"><i class="fas fa-user-md" style="font-size:24px;color:#000;margin-top:5px;margin-right:25px;"></i>企业彩铃</a>
</li>
<li>
<a href=""><i class="fas fa-newspaper" style="font-size:24px;color:#000;margin-top:5px;margin-right:25px;"></i>服务中心</a>
</li>
<li>
<a href=""><i class="fas fa-envelope" style="font-size:24px;color:#000;margin-top:5px;margin-right:25px;"></i>联系我们</a>
</li>
<li>
<a href=""><i class="fas fa-star" style="font-size:24px;color:#000;margin-top:5px;margin-right:25px;"></i>其它版面</a>
</li>
<li>
<a href=""><i class="fas fa fa-heart" style="font-size:24px;color:#000;margin-top:5px;margin-right:25px;"></i>其它版面1</a>
</li>
</ul>
<!-- END LEFT SIDENAV-->
</nav>
<!-- END SIDENAV-->
<!-- MAIN SLIDER -->
<div class="main-slider" data-indicators="true">
<div class="carousel carousel-slider " data-indicators="true">
<a class="carousel-item"><img src="static/picture/slider1.png" alt="slider"></a>
<a class="carousel-item"><img src="static/picture/slider2.png" alt="slider"></a>
</div>
</div>
<!-- END MAIN SLIDER -->
<!-- PROMO -->
<div class="section promo">
<div class="container">
<div class="col s12">
<img src="static/picture/promo.jpg" alt="promo" class="alert-btn1" data-clipboard-target="#foo">
</div>
</div>
</div>
<!-- END PROMO -->
<!-- CATEGORY -->
<div class="section home-category " style="margin-top: 1px;">
<div class="container">
<div class="row icon-service">
<div class="col s4 m4 l2"><a href="" class="icon-content">
<div class="content fadetransition">
<div class="in-content">
<div class="in-in-content">
<img src="static/picture/news2.jpg" alt="category" style="width:90%">
<h5>首页</h5>
</div>
</div>
</div></a>
</div>
<div class="col s4 m4 l2"><a href="index1.html" class="icon-content">
<div class="content fadetransition">
<div class="in-content">
<div class="in-in-content">
<img src="static/picture/care.png" alt="category" style="width:90%">
<h5>企业彩铃</h5>
</div>
</div>
</div></a>
</div>
<div class="col s4 m4 l2"><a href="" class="icon-content">
<div class="content fadetransition">
<div class="in-content">
<div class="in-in-content">
<img src="static/picture/care.png" alt="category" style="width:90%">
<h5>服务中心</h5>
</div>
</div>
</div></a>
</div>
<div class="col s4 m4 l2"><a href="" class="icon-content">
<div class="content fadetransition">
<div class="in-content">
<div class="in-in-content">
<img src="static/picture/care.png" alt="category" style="width:90%">
<h5>联系我们</h5>
</div>
</div>
</div></a>
</div>
<div class="col s4 m4 l2"><a href="" class="icon-content">
<div class="content fadetransition">
<div class="in-content">
<div class="in-in-content">
<img src="static/picture/stethoscope.png" alt="category" style="width:90%">
<h5>其它版面</h5>
</div>
</div>
</div></a>
</div>
<div class="col s4 m4 l2"><a href="" class="icon-content">
<div class="content fadetransition">
<div class="in-content">
<div class="in-in-content">
<img src="static/picture/care.png" alt="category" style="width:90%">
<h5>其它版面1</h5>
</div>
</div>
</div></a>
</div>
</div>
</div>
</div>
<!-- END CATEGORY -->
<!-- PROMO -->
<div class="section promo">
<div class="container">
<div class="col s12">
<img src="static/picture/5.png" alt="promo">
</div>
</div>
</div>
<!-- END PROMO -->
<!-- NEWS -->
<div class="section list-news">
<div class="container">
<div class="row row-list-news">
<div class="col s12">
<!-- News item-->
<div class="news-item" style="background: url(static/picture/6.png);background-repeat: no-repeat;background-size: 100% 100%;">
</div>
<!-- End news item-->
<div class="dowebok">
<!-- News item-->
<div class="news-item">
<div class="news-item-info">
<div class="list-news-title" style="width:60%;float:left;">
<span style=" margin: 0 .1rem 0 0;">1.</span> 58同城
</div>
<div class="ring-operate" style="width:30%;float:left;">
<span>试听</span>
<span class="ring-play">
<audio id="bgmMusic" src="http://cl.langpinwh4.cn/images/music.mp3"></audio>
</span>
</div>
</div>
</div>
<!-- End news item-->
<!-- News item-->
<div class="news-item">
<div class="news-item-info">
<div class="list-news-title" style="width:60%;float:left;">
<span style=" margin: 0 .1rem 0 0;">2.</span> 58同城
</div>
<div class="ring-operate" style="width:30%;float:left;">
<span>试听</span>
<span class="ring-play">
<audio id="bgmMusic" src="http://cl.langpinwh4.cn/images/music.mp3"></audio>
</span>
</div>
</div>
</div>
<!-- End news item-->
<!-- News item-->
<div class="news-item">
<div class="news-item-info">
<div class="list-news-title" style="width:60%;float:left;">
<span style=" margin: 0 .1rem 0 0;">3.</span> 中国�