123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
- <title>优容智汇</title>
- <link rel="stylesheet" href="./css/reset.css">
- <!-- <link rel="stylesheet" href="./css/publicStyle.css"> -->
- <link rel="stylesheet" media="screen and (max-width:1024px)" href="./css/publicStyle.css" >
- <link rel="stylesheet" media="screen and (min-width:1025px) " href="./css/publicIE.css">
- <!-- <link rel="stylesheet" href="./css/showWork.css"> -->
- <link rel="stylesheet" media="screen and (max-width:1024px)" href="./css/showWork.css" >
- <link rel="stylesheet" media="screen and (min-width:1025px) " href="./css/showWorkPC.css">
- <link rel="shortcut icon" href="./images/icon.png" type="image/x-icon">
- </head>
- <body>
- <div class="container">
- <div class="main">
- <!-- 头部 -->
- <div class="header">
- <div class="icon">
- <img src="./images/icon.png" alt="">
- </div>
- <div class="nav">
- <ul class="nav-ul">
- <li class="item ">
- <a href="./index.html" >首页</a>
- </li >
- <li class='item active'>
- <a href="./showWork.html">作品案例</a>
- </li>
- <li class='item '>
- <a href="./contactUs.html">联系我们</a>
- </li>
- </ul>
- </div>
- </div>
-
- </div>
- <!-- banner 视频区 -->
- <div class="banner">
- <img src="./images/官网_02.png" alt="">
- </div>
- <!-- 主题展示 -->
-
- <div class="section">
- <div class="main">
- <div class="title">
- <p class="desc">客户案例</p>
- <p class="info">专业精湛的技术+服务营销理念 为客户提供高校卓越的营销体验</p>
- </div>
- <div class="showlist">
- <div class="change-page">
- <img src="./images/01.png" alt="" class="left">
- <img src="./images/04.png" alt="" class="right">
- </div>
- <div class="firstPage">
- <div class="list" >
- <video
- src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/1.m4v"
- webkit-playsinline
- playsinline="true"
- x5-video-player-type="h5"
- poster='./images/1.jpg'
- style="object-fit:fill"
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- class="video">
- </video>
- <p class="from">媒体:快手</p>
- <img src="./images/play.png" alt="" class="play">
- </div>
- <div class="list" >
- <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/2.m4v"
- x5-video-player-type="h5" style="object-fit:fill"
- poster='./images/2.jpg'
- webkit-playsinline playsinline="true"
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- class="video"></video>
- <p class="from">媒体:快手</p>
- <img src="./images/play.png" alt="" class="play">
- </div>
- <div class="list" >
- <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/3.m4v"
- x5-video-player-type="h5" style="object-fit:fill"
- poster='./images/3.jpg'
- webkit-playsinline playsinline="true"
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- x5-video-orientation="portraint"
- class="video"></video>
- <p class="from">媒体:快手</p>
- <img src="./images/play.png" alt="" class="play">
- </div>
- <div class="list clear-right" >
- <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/4.m4v"
- x5-video-player-type="h5" style="object-fit:fill"
- poster='./images/4.jpg'
- webkit-playsinline playsinline="true"
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- x5-video-orientation="portraint"
- class="video"></video>
- <p class="from">媒体:快手</p>
- <img src="./images/play.png" alt="" class="play">
- </div>
- </div>
- <div class="nextPage">
- <div class="list" >
- <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/5.m4v"
- x5-video-player-type="h5" style="object-fit:fill"
- poster='./images/5.jpg'
- playsinline="true" webkit-playsinline
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- x5-video-orientation="portraint"
- class="video"></video>
- <p class="from">媒体:快手</p>
- <img src="./images/play.png" alt="" class="play">
- </div>
- <div class="list" >
- <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/6.m4v"
- x5-video-player-type="h5" style="object-fit:fill"
- poster='./images/6.jpg'
- playsinline="true" webkit-playsinline
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- x5-video-orientation="portraint"
- class="video"></video>
- <p class="from">媒体:快手</p>
- <img src="./images/play.png" alt="" class="play">
- </div>
- <div class="list" >
- <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/7.m4v"
- x5-video-player-type="h5" style="object-fit:fill"
- poster='./images/7.jpg'
- playsinline="true" webkit-playsinline
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- x5-video-orientation="portraint"
- class="video"></video>
- <p class="from">媒体:快手</p>
- <img src="./images/play.png" alt="" class="play">
- </div>
- <div class="list clear-right" >
- <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/8.m4v"
- x5-video-player-type="h5" style="object-fit:fill"
- poster='./images/8.jpg'
- playsinline="true" webkit-playsinline
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- x5-video-orientation="portraint"
- class="video"></video>
- <p class="from">媒体:快手</p>
- <img src="./images/play.png" alt="" class="play">
- </div>
- </div>
-
- </div>
- </div>
-
- </div>
-
- <div class='footer'>
-
- <div class="title">
- <ul>
- <li><span>首页</span></li>
- <li><span>关于我们</span></li>
- <li><span>服务领域</span></li>
- <li><span>服务能力</span></li>
- <li><span>合作客户</span></li>
- <li><span>联系我们</span></li>
- </ul>
- </div>
- <div class="info">
- <div class="box clearfix">
- <p class="infobox">
- <img src="./images/time.png" alt="">
- <span>AM 9:30 - PM 18:30 </span>
- </p>
- <p class="infobox chuli">
- <img src="./images/qq.png" alt="">
- <span>2015402235</span>
- </p>
- <p class="infobox email">
- <img src="./images/email.png" alt="">
- <span>tjyr@tjyourong.com.cn</span>
- </p>
- </div>
- <div class="box clearfix">
- <p class="infobox">
- <img src="./images/phone.png" alt="">
- <span>010-86467990 转 945</span>
- </p>
- <p class="infobox clear-right">
- <img src="./images/local.png" alt="">
- <span>北京市朝阳区高井文化传媒产业园东亿国际传媒产业园一期3号楼301室</span>
- </p>
- </div>
- <div class="box clearfix">
- <p class="beian">优容智汇 © 版权所有 <span class="beianinfo">津ICP备20003173号</span> </p>
- </div>
-
- </div>
- </div>
- <a class="aside" href="#">
- <img src="./images/goTop.png" alt="">
- </a>
- </div>
- <script src="./js/phone.js"></script>
- <script src="./js/showWork.js"></script>
- </body>
- </html>
|