123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252 |
- <!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="shortcut icon" href="./images/icon.png" type="image/x-icon">
- <link rel="stylesheet" href="./css/reset.css">
- <link rel="stylesheet" href="./fontsize/iconfont.css">
- <link rel="stylesheet" href="./css/swiper.min.css">
- <!-- <link rel="stylesheet" href="./css/indexPC.css" > -->
- <link rel="stylesheet" media="screen and (max-width:1024px)" href="./css/index.css">
- <link rel="stylesheet" media="screen and (min-width:1025px) " href="./css/indexPC.css">
- </head>
- <body style="font-size: 100%;">
- <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 active ">
- <a href="./index.html">首页</a>
- </li>
- <li class='item'>
- <a href="./showWork.html">作品案例</a>
- </li>
- <li class='item'>
- <a href="./contactUs.html">联系我们</a>
- </li>
- </ul>
- </div>
- </div>
- <!-- banner 视频区 -->
- <div class="banner">
- <video src="./images/showVideo.m4v" id="myvideo" loop="loop" autoplay muted webkit-playsinline playsinline
- preload="auto" x5-playsinline="x5-playsinline" x-webkit-airplay="true"
- webview.allowsInlineMediaPlayback=YES poster="./images/bannerfengmian.png">您的浏览器不支持播放该视频!</video>
- </div>
- <!-- 主题展示 -->
- <div class="section">
- <!-- 案例 -->
- <div class="showWork">
- <div class="title">
- <p class="top">案例<span class="iconfont icon-yuandian yuandian"></span>展示</p>
- </div>
- <div class="desc">
- <p class="wenan">Case demonstration</p>
- </div>
- <div class="videoshow">
- <div class="leftArrow">
- <img src="./images/leftArrow.png" alt="">
- </div>
-
- <div class="video-item" >
- <video
- src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/1.m4v"
- x5-video-player-type="h5" style="object-fit:fill" poster='./images/1.jpg'
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- playsinline="true" webkit-playsinline
- x5-video-orientation="portraint"
- x-webkit-airplay='allow'
- class="video">您的浏览器不支持播放该视频!</video>
- <!-- <p class="video-title">Pwu沐浴露</p> -->
- <img src="./images/play.png" alt="" class="play" style="opacity: 1;">
- </div>
- <div class="video-item" >
- <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'
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- x5-video-orientation="portraint"
- x-webkit-airplay='allow'
- playsinline="true" webkit-playsinline class="video">您的浏览器不支持播放该视频!</video>
- <!-- <p class="video-title">Usmile电动牙刷</p> -->
- <img src="./images/play.png" alt="" class="play" style="opacity: 1;">
- </div>
- <div class="video-item">
- <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'
- x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
- x5-video-orientation="portraint"
- x-webkit-airplay='allow'
- playsinline="true" webkit-playsinline class="video">您的浏览器不支持播放该视频!</video>
- <!-- <p class="video-title">花西子卸妆巾</p> -->
- <img src="./images/play.png" alt="" class="play" style="opacity: 1;">
- </div>
- <div class="rightArrow">
- <img src="./images/rightArrow.png" alt="">
- </div>
- </div>
- <a href="./showWork.html" class="gomore">更多案例</a>
- </div>
- <!-- 公司 -->
- <div class="showWork company">
- <div class="title">
- <p class="top">公司<span class="iconfont icon-yuandian yuandian"></span>概况</p>
- </div>
- <div class="desc">
- <p class="wenan">Company profile</p>
- </div>
- <div class="companyImg">
- <img src="./images/官网_58.jpg" alt="">
- </div>
- </div>
- <!-- 团队 -->
- <div class="showWork company team clearfix">
- <div class="title">
- <p class="top">团队<span class="iconfont icon-yuandian yuandian"></span>竞争力</p>
- </div>
- <div class="desc">
- <p class="wenan">Team competitiveness</p>
- </div>
- <div class="showicon">
- <div class="iconbox">
- <img src="./images/官网_16.png" alt="">
- <p>精准的创意团队</p>
- </div>
- <div class="iconbox">
- <img src="./images/官网_18.png" alt="">
- <p>资源丰富的制片团队</p>
- </div>
- <div class="iconbox">
- <img src="./images/官网_20.png" alt="">
- <p>强大的演员库</p>
- </div>
- <div class="iconbox four">
- <img src="./images/官网_22.png" alt="">
- <p>专业的摄影团队</p>
- </div>
- <div class="iconbox last">
- <img src="./images/官网_24.png" alt="">
- <p class="text">技术过硬的后期制作团队</p>
- </div>
- </div>
- <div class="teamImg">
- <img src="./images/官网_05.jpg" alt="">
- </div>
- <div class="team-bottm clearfix">
- <div class="clearfix">
- <img src="./images/yrzh3.png" alt="" class="douyin">
- <img src="./images/yrzh1.png" alt="" class="yrzh1">
- <img src="./images/yrzh2.png" alt="" class="kuaishou">
- <img src="./images/tip2.png" alt="" class="DYtip">
- <img src="./images/tip1.png" alt="" class="KStip">
- <!-- <span class="KStip">期望与快手官方商业化合作</span>
- <span class="DYtip">实现抖音官方商业化合作</span> -->
- </div>
- </div>
- </div>
- <!-- 合作客户 -->
- <div class="showWork company customers">
- <div class="title">
- <p class="top">合作客户</p>
- </div>
- <div class="show-customers">
- <div class="itembox">
- <img src="./images/官网_92.png" alt="">
- </div>
- <div class="itembox">
- <img src="./images/官网_94.png" alt="">
- </div>
- <div class="itembox">
- <img src="./images/官网_96.png" alt="">
- </div>
- <div class="itembox">
- <img src="./images/官网_98.png" alt="">
- </div>
- <div class="itembox">
- <img src="./images/官网_100.png" alt="">
- </div>
- <div class="itembox">
- <img src="./images/官网_102.png" alt="">
- </div>
- <div class="itembox">
- <img src="./images/官网_104.png" alt="">
- </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/swiper.min.js"></script>
- <script src="./js/index.js"></script>
- <script>
- console.log(1)
- </script>
- </body>
- </html>
|