<!DOCTYPE html>
<html style="font-size: 50px;">
	<head>
		<meta charset="utf-8">
		<title>徐州云盛亦百商业管理有限公司</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<!-- <link rel="stylesheet" href="css/swiper-3.4.1.min.css" /> -->
		<link rel="stylesheet" href="css/swiper-bundle.min.css">
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="iconfont/iconfont.css" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src="./js/swiper-bundle.min.js"> </script>
		<script src="js/plugins/layer/layer.js"></script>
	</head>
	<body>
		
		<div class="mask"  id="mask"></div>
		<header class="header">
			<img class="logo" src="./img/logo.png" alt="徐州云盛亦百商业管理有限公司" class="img-responsive" />
			
			<div class="menu-icon">
				<a href="tel:0516-83200322" title="联系我们">
					<img src="img/phone.png" >
				</a>
				<img class="menuicon" id="menuicon" src="img/menu.png" >
			</div>
		</header>
		<nav class="menu" id="menu">
			<ul class="list-inline2">
				<li class="active"><a>首页</a></li>
				<li><a>公司简介</a></li>
				<li><a>推荐店铺</a></li>
				<li><a>联系我们</a></li>
				<li><a class="navLine" href="http://bmy100.com/maker">创客中心</a></li>
			</ul>
		</nav>
		
		<div class="swiper-container main-swiper" id="mainSwiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide main-slide slid1">
					<div class="content">
						<div class="swiper-container swiper1" id="swiper1">
							<div class="swiper-wrapper">
								<!-- <div class="swiper-slide swiper1-slide slide1">
									<div class="boxs"><img src="./img/video1.png" alt=""></div>
								</div> -->
								<div class="swiper-slide swiper1-slide slide2">
									<div class="boxs"><img src="./img/video2.png" alt=""></div>
								</div>
								<!-- <div class="swiper-slide swiper1-slide slide3">
									<div class="boxs"><img src="./img/video3.png" alt=""></div>
								</div> -->
							</div>
							<div class="swiper-pagination swiper1-bullet"></div>
							<div class="moveDown" id="moveDown">
								<div class="more">MORE</div>
								<div class="down"><img src="./img/down.png" ></div>
							</div>
						</div>
					</div>
				</div>
				
				
				<div class="swiper-slide main-slide slid6">
					<!-- <div class="about-title">
						<div class="tabwrap">
							<div class="item active"><img src="img/about3.png" >关于</div>
							<div class="item"><img src="img/about4.png" >荣誉</div>
							<div class="item"><img src="img/about5.png" >思想</div>
						</div>
					</div> -->
					<div class="about-content" style="margin-top: 0;padding-top: 20px;">
						<div class="tab tab1 active">
							<div class="title"><span>徐州云盛亦百商业管理有限公司</span></div>
							<div class="content">
								<p>
									是云龙区政府2019年成立的国有公司，注册资本1000万元，是徐州云盛建设发展投资有限公司的全资子公司
									主要经营：商业综合体管理服务；园区管理服务；供应链管理服务；生鲜食用农产品、预包装食品、散装食品、皮革制品、
									针纺织品、体育用品、日用品、医疗器械、五金产品、电子产品、烟零售；普通货物道路运输；货物运输代理服务；
									货物装卸服务；货物搬运服务；仓储服务（危险品除外）；
									餐饮服务；物业管理服务；停车场管理服务；房屋租赁；国内各类广告设计、制作、代理、发布会议服务；
									票务代理服务；家政服务；老年人养护服务；社区服务中心服务；代居民收水电费。
									非金融性资产经营管理服务、产业园区管理服务、房屋租赁等。 
								</p>
								
							</div>
						</div>
						<!-- <div class="tab tab2">
							<div class="title"><span>放下荣誉 &nbsp;&nbsp;&nbsp;&nbsp; 放眼未来</span></div>
							<div class="content">
								<ul class="rylist">
									<li class="rylist-item">
										<img src="./img/about6.png" alt=""><div>江苏省优质工程“扬子杯”奖</div>
									</li>
									<li class="rylist-item">
										<img src="./img/about6.png" alt=""><div>徐州市“古彭杯”优质工程奖</div>
									</li>
									<li class="rylist-item">
										<img src="./img/about6.png" alt=""><div>徐州市优质结构工程奖</div>
									</li>
									<li class="rylist-item">
										<img src="./img/about6.png" alt=""><div>江苏省建筑施工标准化文明示范工地</div>
									</li>
									<li class="rylist-item">
										<img src="./img/about6.png" alt=""><div>江苏省建筑施工标准化星级工地</div>
									</li>
								</ul>
							</div>
						</div> -->
						<!-- <div class="tab tab3">
							<div class="title"><span>厚积薄发</span></div>
							<div class="content">
								<ul class="rylist">
									<li class="rylist-item">
										<div><span>登</span> 上峰顶，不是为了饱览风光，</div>
										<div>是为了寻找更高的山峰</div>
									</li>
									<li class="rylist-item">
										<div><span>日</span> 出东方，告别了昨天的荣耀，</div>
										<div>将光芒照向更远的地方</div>
									</li>
									<li class="rylist-item">
										<div><span>一</span> 路上，</div>
										<div>我们更在意如何积累和沉淀</div>
									</li>
									<li class="rylist-item">
										<div><span>下</span> 一秒，</div>
										<div>让你看，我们到底有多强！</div>
									</li>
								</ul>
							</div>
						</div>
					 -->
					
					</div>
				</div>
				
				
				<div class="swiper-slide main-slide slid4">
					<div class="title"><img src="img/title3.png" alt=""></div>
					<div class="content">
						<div class="swiper-container contNews" id="shop">
							<div class="swiper-wrapper">
								<div class="swiper-slide swiper1-slide slide1">
									<div class="swipercont">
										<a href="http://bmy100.com/menu?supplier_id=10108">
											<img src="./img/shop1.jpg" alt="">
										</a>
									</div>
								</div>
								<div class="swiper-slide swiper1-slide slide2">
									<div class="swipercont">
										<a href="http://bmy100.com/menu?supplier_id=10121">
											<img src="./img/shop2.jpg" alt="">
										</a>
									</div>
								</div>
								<div class="swiper-slide swiper1-slide slide3">
									<div class="swipercont">
										<a href="http://bmy100.com/menu?supplier_id=10119">
											<img src="./img/shop3.jpg" alt="">
										</a>
									</div>
								</div>
							</div>
							<div class="swiper-prev swiper-prev3"><img src="./img/change1.png" alt=""></div><!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
							<div class="swiper-next swiper-next3"><img src="./img/change2.png" alt=""></div><!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
						</div>
					</div>
					<div class="contNewsTitle">
						<div class="ellipsis1 shoptitle">
							两来风早餐永泰锦园店
						</div>
					</div>
					<a href="http://shop.bmy100.com:82/apply">
						<div class="newsMore">
							<!-- <img src="./img/more.png" alt=""> -->
							一键开店
						</div>
					</a>
				</div>
				
				
				
				<div class="swiper-slide main-slide slid7">
					<div class="title">
						<img src="./img/contact2.png" alt="">
					</div>
					<div class="content">
						<img src="./img/erweima.png" alt="">
					</div>
					<div class="foot">
						<div class="foot1">
							<div class="item">
								<img src="img/contact3.png" alt="">
								<div class="left">联系电话：</div><div>0516-83200322</div>
							</div>
							<div class="item">
								<img src="img/contact4.png" alt="">
								<div class="left">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</div><div>徐州市云龙区民富路50号云龙More文化中心</div>
							</div>
						</div>
						<div class="foot2">徐州云盛亦百商业管理有限公司 版权所有｜<a href="http://beian.miit.gov.cn">苏ICP备20009506号-1</a></div>
					</div>
					
				</div>
			</div>
		</div>
	
		<script>
			var isPC = false;
			var effect = 'slide';
			var slidesPerView = 1;
			var loop = true;
			$().ready(function(){
				if($(document).width()<=960){ isPC = false }else{ isPC = true }
				$(window).resize(function(){
					if($(document).width()<=960){ isPC = false }else{ isPC = true }
				});
				
				
				//菜单显示隐藏
				$("#menuicon").on('click',function(){ menuChange(true) })
				$("#mask").on('click',function(){ menuChange(false) })
				//整个页面轮播
				var mainSwiper = new Swiper('#mainSwiper', {
						direction: 'vertical',
						loop: false,
						mousewheel: true,
						// touchAngle : 30,
						// autoplay:5000,
						autoplayDisableOnInteraction: false, 	//手动自动同时存在
						onInit: function(swiper) { 						//Swiper2.x的初始化是onFirstInit
							swiperAnimateCache(swiper); 				//隐藏动画元素 
							swiperAnimate(swiper); 							//初始化完成开始动画
						},
						on: {
							slideChangeTransitionEnd: function(swiper){
								//切换结束时，告诉我现在是第几个slide
								mainswiperChange(this.activeIndex)
							},
						},
				})
				$('#moveDown').on('click',function(){ mainSwiper.slideNext(); })
				//菜单控制整个页面轮播
				$('#menu').on('click','li',function(){
					var index = $(this).index();
					mainSwiper.slideTo(index,1000);
					mainswiperChange(index);
					menuChange(false)
				})
				
				//首页轮播图
				var swiper1 = new Swiper('#swiper1', {
					loop: true,
					autoplay: {
					    delay: 3000,
					    stopOnLastSlide: false,
					    disableOnInteraction: true,
					},
					autoplayDisableOnInteraction: false, 	//手动自动同时存在
					onInit: function(swiper) { 						//Swiper2.x的初始化是onFirstInit
						swiperAnimateCache(swiper); 				//隐藏动画元素 
						swiperAnimate(swiper); 							//初始化完成开始动画
					},
					onSlideChangeEnd: function(swiper) {
						swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
					}
				})
				
				if(isPC){
					effect = 'coverflow'; slidesPerView = 3; loop=false;
					$('.slid4 .contNewsTitle').html(
						`<div class="shoptitle"><a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10122">两来风早餐永泰锦园店</a></div>
						<div class="shoptitle"><a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10121">e家政</a></div>
						<div class="shoptitle"><a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10119">便民️云100【招多乐】</a></div>`
					)
				}else{
					effect = 'slide'; slidesPerView = 1; loop=true;
				}
					
				var shop = new Swiper('#shop', {
					loop: loop,
					autoHeight: true,
					slidesPerView: slidesPerView,
					effect : effect,
					autoplay: {
					    delay: 3000,
					    stopOnLastSlide: false,
					    disableOnInteraction: true,
					},
					navigation: {
						nextEl: '.swiper-next3',
						prevEl: '.swiper-prev3',
					},
					autoplayDisableOnInteraction: false, 	//手动自动同时存在
					on: {
						slideChangeTransitionEnd: function(swiper){
							//切换结束时，告诉我现在是第几个slide
							var realIndex = swiper.realIndex;
							if(isPC){
								$('.slid4 .contNewsTitle').html(
									`<div class="shoptitle"><a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10122">两来风早餐永泰锦园店</a></div>
									<div class="shoptitle"><a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10121">e家政</a></div>
									<div class="shoptitle"><a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10119">便民️云100【招多乐】</a></div>`
								)
							}else{
								if(realIndex == 0){
									$('.contNewsTitle .shoptitle').html(`<a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10122">两来风早餐永泰锦园店</a>`)
								}else if(realIndex == 1){
									$('.contNewsTitle .shoptitle').html(`<a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10121">e家政</a>`)
								}else if(realIndex == 2){
									$('.contNewsTitle .shoptitle').html(`<a class="ellipsis1" href="http://bmy100.com/menu?supplier_id=10119">便民️云100【招多乐】</a>`)
								}
							}
						},
					},
				})
				
				$('.tabwrap').on('click','.item',function(){
					$('.tabwrap .item').removeClass('active')
					$('.tab').removeClass('active')
					$(this).addClass('active');
					var index = $(this).index()+1;
					$('.tab.tab'+index).addClass('active');
				})
				
			})
			
			// 轮播切换，菜单改变
			function mainswiperChange(index){
				$('#menu li').removeClass('active');
				$('#menu li').eq(index).addClass('active');
			}
			//显示隐藏 菜单
			function menuChange(type){
				if(type){
					$('#mask').show()
					$('#menu').slideDown()
				}else{
					if(!isPC){
						$('#menu').slideUp()
					}
					$('#mask').hide()
				}
			}
			//请求数据
			function getData(url,data,fun){
				$.ajax({
					url: 'http://mantellassi.cn' + url,
					data:data,
					type:'GET',
					success:function(res){
						if(res.code === '0'){
							fun(res.data)
						}else{
							alert('数据错误')
						}
					},
					error:function(){
						alert('请求错误，请退出重试')
					}
				})
			}

		</script>
	</body>
</html>
