|
@@ -0,0 +1,252 @@
|
|
|
|
+<!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/Pum%E6%B2%90%E6%B5%B4%E9%9C%B2-1.m4v"
|
|
|
|
+ x5-video-player-type="h5" style="object-fit:fill" poster='./images/沐浴露封面.png'
|
|
|
|
+ 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/%E7%94%B5%E5%8A%A8%E7%89%99%E5%88%B7-2.m4v"
|
|
|
|
+ x5-video-player-type="h5" style="object-fit:fill" poster='./images/yashua.png'
|
|
|
|
+ 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/%E8%8A%B1%E8%A5%BF%E5%AD%90%E5%8D%B8%E5%A6%86%E5%B7%BE-3.m4v"
|
|
|
|
+ x5-video-player-type="h5" style="object-fit:fill" poster='./images/xiezhuangjin.png'
|
|
|
|
+ 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>
|