master

分支 (1)

管理

管理

master

git-demo-1
/
web.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
*{
	margin:0;
	padding:0;
}
.wrap{
	width:100%;
	padding:0px 0 50px;
}
#datebox span {
    font-size: 60px;
    font-weight: bold;
    color: #b41f4f;
    margin:5px;
}
#datebox {
	float:right;
	margin-top:10px;
}
.head{
	width:1300px;
	height:130px;
	margin:0 auto;
}
.head a{
	float:left;
	font-size:30px;
}
img{
	max-width:100%;
}
.Vip_b{
	width:100%;
	margin-top:-4px;
	position:relative;
	z-index:-1;
}

.iframe{
	width:40%;
	position:absolute;
	right:40px;
	top:43px;
	background:transparent;
}
.b_list{
	width:67%;
	height:500px;
	margin:50px auto;
	padding:30px 0;
	position:relative;
}
.click{
	width:100%;
	text-align:center;

}
.click a{
	display:inline-block;
	width:200px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#fff;
	background:#b41f4f;
	border-radius:5px;
	margin:10px 20px;
}
.center{width:1200px;margin:0 auto;}
.con1 p{
	font-size:15px;
	font-family:"微软雅黑";
	line-height:28px;
	text-align:justify;
	margin-bottom:10px;
}
.con1 table td{
	text-align:center;
}
.h2-title {
    width: 500px;
    margin: 75px auto;
}
.h2-title p {
    text-align: center;
    margin: 20px 0px;
}
.h2-title .Zh{position:relative;color:#333;font-size:32px;}
.Zh i {
    position: absolute;
    width: 60px;
    height: 2px;
    background: #ee5b5b;
    left: 50%;
    margin-left: -30px;
    bottom: -25px;
}
.top{margin:50px auto;}
.red{font-size:16px;font-weight:bold;color:#d73c4a;}
@media screen and (max-width: 420px) and (min-width: 320px){
	#datebox{display:none;}
	.head {
    width: 100%;
     height: 80px;
    margin: 0 auto;
}
.iframe{display:none;}
.b_list {
    width: 90%;
   height: auto;
    margin: 0px auto;
    padding: 30px 0;
    position: relative;
}
.wrap{
	width:100%;
	padding:20px 0 30px;
}
.center{width:100%;}
.con1{width:90%;margin:0 auto;}
.con1 p{
	font-size:13px;
	font-family:"微软雅黑";
	line-height:20px;
	text-align:justify;
	margin-bottom:10px;
}
.con1 table td{
	text-align:center;
}
.h2-title {
    width:100%;
    margin: 20px auto;
}
.h2-title .Zh {
    position: relative;
    color: #333;
    font-size: 16px;
	text-align:center;
}
.Zh i{display:none;}
.top{margin:10px auto;}
.red{font-size:14px;}
}
</style>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?e5c7cbfcc7b7b81c556e2343f9a011ac";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>

<title>CIE - 专注于中国餐饮工业未来与发展</title>
</head>

<body>
<div class="wrap">
  <div class="main">
  <div><a target="_blank" href="http://goldenexpo.mikecrm.com/mCoE5EY"><img src="http://www.ciechina.com.cn/userfiles/Download/cie/bg.jpg" /></a></div>
  <div class="con1 top center">
    	<h2 class="h2-title">
        <p class="Zh">餐博会概况<i></i></p>
         </h2>
         <p>"2020第六届中国餐饮工业博览会"由知名展览机构高登商业（简称:GOLDENEXPO）创办。是中国地区唯一<span class="red">专注餐饮工业食品全产业链</span>的采购盛会。</p>
         <p>中国餐饮工业博览会（简称:CIE CHINA）作为新中国成立以来第一个提出餐饮工业概念的展会，也是目前中国地区唯一专注餐饮工业食品全产业链的采购盛会。该展会根据中国餐饮行业的发展现状与餐饮工业化发展的必要性，以打破传统食品工业的消费习惯，确立餐饮工业消费市场为主导地位。展会以“<span class="red">专注中国餐饮工业未来发展</span>”为主题，通过不同的展品类别相互交融与渗透为餐饮工业食品全产业链。</p>
    	<p>展品类别涵盖<span class="red">餐饮新食材与调味品、中央厨房与集成、餐饮食品包装技术与材料、冷冻冷藏与冷链物流、餐饮新零售与信息化管理及餐饮连锁加盟</span>等六大主题板块。展会累计展出面积超过数<span class="red">十万平米</span>，共吸引来自全球<span class="red">四十多个国家</span>和地区的数千家餐饮领域优秀供应商参展与数十万名国内外餐饮专业买家前来参会。CIE CHINA餐博会将凭借上海独特的地理优势与庞大的市场消费需求为窗口，全力打造成亚太地区顶级影响力的餐饮工业食品领域的采购盛会。</p>
        <table style="margin-top:40px;" cellpadding="0" cellspacing="0" width="100%">
        	<tr>
                <td><img src="http://www.ciechina.com.cn/userfiles/Download/cie/img1.png" /></td>
                <td><img src="http://www.ciechina.com.cn/userfiles/Download/cie/img2.png" /></td>
                <td><img src="http://www.ciechina.com.cn/userfiles/Download/cie/img5.png" /></td>
            </tr>
             <tr><td height="20"></td></tr>
                <tr>
                  <td><img src="http://www.ciechina.com.cn/userfiles/Download/cie/img4.png" /></td>
                <td><img src="http://www.ciechina.com.cn/userfiles/Download/cie/img3.png" /></td>
                <td><img src="http://www.ciechina.com.cn/userfiles/Download/cie/img6.png" /></td>
            </tr>
            </table>
        </div>
          <div class="click"><a target="_blank" href="http://www.ciechina.com.cn">官方网站</a><a target="_blank" href="http://www.ciechina.com.cn/Asset/images/cie.pdf">资料下载</a></div>
  </div>
  <div class="Vip_b">
 <a target="_blank" href="http://goldenexpo.mikecrm.com/mCoE5EY
"> <img src="http://www.ciechina.com.cn/userfiles/Download/cie/bm.gif" />
  </div>
  <div class="center">
  	<img src="http://www.ciechina.com.cn/userfiles/Download/cie/img1.jpg" />
    <img src="http://www.ciechina.com.cn/userfiles/Download/cie/img2.jpg" />
    	<img src="http://www.ciechina.com.cn/userfiles/Download/cie/img3.jpg" />
    <img src="http://www.ciechina.com.cn/userfiles/Download/cie/img4.jpg" />
     	<img src="http://www.ciechina.com.cn/userfiles/Download/cie/img5.jpg" />
    <img src="http://www.ciechina.com.cn/userfiles/Download/cie/img6.jpg" />
     <img src="http://www.ciechina.com.cn/userfiles/Download/cie/img7.jpg" />
     <img src="http://www.ciechina.com.cn/userfiles/Download/cie/img8.jpg" />
     <img src="http://www.ciechina.com.cn/userfiles/Download/cie/img9.jpg" />
     <img src="http://www.ciechina.com.cn/userfiles/Download/cie/img10.jpg" />
     <img src="http://www.ciechina.com.cn/userfiles/Download/cie/img11.jpg" /></a>
  </div>
  <div class="b_list">
  	<div class="pj">
    <img width="668" src="http://www.ciechina.com.cn/userfiles/Download/cie/img12.jpg" />
    </div>
    <div class="iframe">
    	<iframe allowTransparency="true" width="100%" height="500" frameborder="0" scrolling="no" src="http://goldenexpo.mikecrm.com/mCoE5EY"></iframe>
    </div>
  </div>

</a>
</div>
<div class="click"><a style="width:100%;margin:0;border-radius:0;height:50px;line-height:50px;">咨询电话：13788956881 </a></div>
</body>
</html>